body{
    font-family: "obviously-variable", sans-serif; 
    min-height: 100vh;
    background: url('../img/banner-bg.png') no-repeat; 
    background-size: cover;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
#main{ min-height: 70vh;}
 
::-webkit-scrollbar { width: 8px; } 
::-webkit-scrollbar-track { background: #f1f1f1; } 
::-webkit-scrollbar-thumb { background: #0066cc; border-radius: 10px; } 
::-webkit-scrollbar-thumb:hover { background: #004c99; } 
* { scrollbar-width: thin; scrollbar-color: #0066cc #f1f1f1; }

.color-white{color: #FFFFFF;}
.color-green{color: #76B843;}
.color-blue {color: #0D4AA1;}

.fsize-1{font-size: 2.025rem;}
.fsize-2{font-size: 1.2rem;}
.fsize-3{font-size: 0.95rem;}

.f-psans{font-family: "Public Sans", sans-serif;}

.f-st-300-itl{font-variation-settings: "wght" 350, "wdth" 75, "ital" 1;}
.f-st-300{font-variation-settings: "wght" 350, "wdth" 75}
.f-st-widelight{font-variation-settings:"wght" 450, "wdth" 75;}
.f-st-wide{font-variation-settings:"wght" 450, "wdth" 100;}
.f-st-widemedium{font-variation-settings:"wght" 500, "wdth" 130;}
.f-st-wideextend{font-variation-settings: "wght" 500, "wdth" 180!important;}
.f-st-extrawideextend{font-variation-settings: "wght" 480, "wdth" 230!important;}

.footer .f-st-300-itl{font-variation-settings: "wght" 480, "wdth" 75, "ital" 1;}
.footer .f-st-wide{font-variation-settings:"wght" 480, "wdth" 100;}
.footer .f-st-extrawideextend{font-variation-settings: "wght" 480, "wdth" 230!important;}

form button, .btn-white{font-weight: 600;font-size: 1rem; background: #76B843; border-radius: 5px; outline: none; padding: 10px 25px; border: none;}
form input{border-radius: 12px; border:none; outline: none; padding: 1.4rem; }
form input::placeholder{color: #0D4AA1; font-weight: 500; font-size: 1.25rem;}

.calendar-container { position: relative; width: fit-content;}
.dropdown {
    position: absolute; top: 1.5rem; left: 0; background: #FFFFFF; border-radius: 0px 0px 5px 5px; box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
    padding: 10px 0; width: 100%; display: none;z-index: 1;
}

.dropdown a {display: block; padding: 10px 15px; color: #0D4AA1; text-decoration: none; font-size: .9rem; transition: background 0.2s ease; }
.dropdown a:hover { background-color: #0D4AA1; color: #FFFFFF; }

.lang-dropdown.dropdown{display: block; width: auto; position: relative; top: 0; box-shadow: none; background:none;}
.lang-dropdown.dropdown a:hover { background:none; color: inherit; }
.lang-dropdown:hover > .dropdown-menu {display: block;}
.lang-dropdown .dropdown-toggle::after { margin-left: 4px; font-size: 10px;}

.btn-white{ background: #FFFFFF;  padding: 7px 25px;}

.social-icons a {
    background-color: #0D4AA1; color:#ffffff; width: 30px; height: 30px; display: flex; align-items: center; 
    justify-content: center; border-radius: 6px;text-decoration: none; font-size: 18px; transition: all 0.3s ease;
}
.social-icons a:hover { transform: translateY(-3px);}


@media screen and (max-width: 1366px) { 
#main{min-height: 85vh;}
}
@media screen and (max-width: 768px) {
#main{ min-height: 50vh;}
.fsize-1{font-size: 1.85rem;}
form input{padding: 1rem; }
form input::placeholder{color: #0D4AA1; font-weight: 500; font-size: 1rem;}
.mbl-column{flex-direction: column!important; text-align: center;}
.lang-dropdown .dropdown-menu{min-width: auto;}
.social-icons{justify-content: center!important;}
}