/* Header styles */
html {
    font-size: 20px;
    --sp-cointainer-padding: 15vw;

}
@media only screen and (max-width: 1900px) {
    html {
        font-size: 18px;
        --sp-cointainer-padding: 10vw;
    }
}

@media only screen and (max-width: 1400px) {
    html {
        font-size: 12px;
        --sp-cointainer-padding: 3vw;
    }
}
@media only screen and (max-width: 1023px) {
    /* For mobile phones: */
    html {
        font-size: 16px;
        --sp-cointainer-padding: 1.5vw;
    }
}
body {
    font-family: "Poppins", sans-serif;
    font-optical-sizing: auto;
    font-style: normal;
    background-color: #F2F2F0;
}
@media (min-width: 1400px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
        max-width: 1420px !important;
    }
}
header{
    position: sticky;
    top: 0;
    width: 100%;
    z-index: 999;
    
    left: 0px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    opacity: 1;
} 

.text-yellow{
    color: #FFF6BB;
}
a{
    text-decoration: none;
}
@media (min-width: 1400px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
        max-width: 1720px;
    }
}
/* Logo Navbar */
.logo-navbar{
    flex-wrap: wrap !important;
}
.main-menu{
    flex-grow: unset;
}
.nav-link{
    font: normal normal normal 1rem/1.563rem Poppins;
    color: #262626;
}
.nav-item{
    font: normal normal normal 1rem/1.563rem Poppins;
    color: #262626;
    margin-right: 3rem;
    
}
  .nav-item:after {
    transition: all ease-in-out .3s;
    background: none repeat scroll 0 0 #FF586F;
    content: "";
    display: block;
    height: 2.2px;
    width: 0;
}
.nav-item:hover:after {
    width: 100%;
    padding-right: 35px;
}

.navbar-nav .nav-link.active, .navbar-nav .nav-link.show{
    color: #FF586F !important;
}
/* Logo Navbar ends */
.btn-red{
    background: #A7190D 0% 0% no-repeat padding-box;
    border-radius: 4px;
    color: #ffffff;
    font: normal normal normal 1rem/1.563rem Poppins;
}
.btn-red:hover {
    background: #A7190D 0% 0% no-repeat padding-box;
    border-radius: 4px;
    color: #ffffff;
    font: normal normal normal 1rem / 1.563rem Poppins;
}