@charset "utf-8";
/* CSS Document */

* {

    box-sizing:border-box;

}

body {

    overflow-y:scroll;

}

p {

    font-size:1.1em;

}

footer {

    border-top:0;

}

.main {

    min-height:300px;
    margin-top:20px;

}

.main h2 {

    color:var(--colour-1);

}

.main .heading {

    background:var(--colour-1); padding:20px; margin-bottom:25px; border-radius:0 0 5px 5px;

}

.heading h1 {

    color:#fff; margin-bottom:0;

}

.heading h3 {

    color:#fff; margin:5px 0 0 0; font-weight:normal;

}

.bar-1 {background-image: url('../img/bar-1.webp');background-position:left center, left center;background-size:cover;background-repeat:no-repeat, repeat; border-radius:5px 5px 0 0;}
.bar-2 {background-image: url('../img/bar-2.webp'), url('../img/confetti.png');background-position:left -30px, right;background-size:auto 130%, 70% auto;background-repeat:no-repeat;background-color:#87c13f; border-radius:5px 5px 0 0; }
.bar-3 {background-image: url('../img/bar-3.webp'), url('../img/confetti.png');background-position:left center, right 40%;background-size:50% auto, 70% auto;background-repeat:no-repeat;background-color:#87c13f; border-radius:5px 5px 0 0; }

.alert-success {

    padding:15px; background:#9cd952; font-size:1.2em; margin-bottom:20px; border:1px solid rgba(0,0,0,0.05); text-align:center; border-radius:5px;

}

.alert-fail {

    padding:15px; background:#d92b2b; color:#fff; font-size:1.2em; margin-bottom:20px; border:1px solid rgba(0,0,0,0.05); text-align:center; border-radius:5px;

}

.alert-info {

    padding:15px; background:#dbfaff; font-size:1.2em; margin-bottom:20px; border:1px solid rgba(0,0,0,0.05); text-align:center; border-radius:5px;

}

.quote-message {
    min-height: 50vh;

    h1 {
        color: #000;
    }
}

.img_pnl {

    text-align:center;

}

.menu {

    font-size:2em; position:absolute; top:20px; right:20px; color:var(--colour-1);

}

.flex-center-abs {
    display: flex;
    justify-content: center;
    align-items: center;
}

.flex-dir-col {
    flex-direction: column;
}

.gap-50 {

    gap:50px;

}

.info-hub .heading {
    font-family: var(--header-font), sans-serif;
    margin-bottom: 10px;
    margin-top: 0px;
    line-height: 1.2em;
    font-size: 2em;
    color:#fff;
}