html{
    font-size: 16px;
}
@media (min-width:2000px){
    html{
        font-size: 18px;
    }
}
@media (max-width:1600px){
    html{
        font-size: 14px;
    }
}
@media (max-width:1440px){
    html{
        font-size: 14px;
    }
}
@media (max-width:1200px){
    html{
        font-size: 13px;
    }
}
@media (max-width:767.8px){
    html{
        font-size: 10px;
    }
}
@media (min-width:1900px){
    .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
        max-width: 1680px;
    }
}
body{
    font-family:  "Lato", sans-serif;
}
@font-face {
  font-family: Digital Number;
  src: url("../fonts/DigitalNumbers-Regular.ttf") format("TrueType");
}
/* loader css */
.loader {
  width: 4rem;
  height: 4rem;
  border: 6px solid #0092DD33; /* light shade of same blue */
  border-top-color: #0092DD;
  border-radius: 50%;
  animation: spin 0.8s linear infinite;
  margin: 1rem auto;
}

@keyframes spin {
  to {
    transform: rotate(360deg);
  }
}
.main-header {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    background-color: transparent;
    z-index: 100;
    transition: all ease-in-out 0.2s;
}
.main-header .navbar-brand {
   color: #000;
    font-size: 1.6rem;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}
.main-header .navbar {
    padding: 1.1rem 1.875rem;
    border-radius: 3.75rem;
    /* max-width: 1300px; */
    margin: auto;
    width: 100%;
    transition: all ease-in-out .2s;
}
.main-header .nav-link{
    color: rgba(34, 34, 34, 0.80)    !important;
    font-size: 1.25rem;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    margin: 0 1rem ;
    padding: 0 !important;
}
.main-header .nav-link.show,.main-header .navbar-nav .nav-link.active,.main-header .navbar-nav .nav-link.show{
    color: #0092CA;
}
.main-header .nav-link:hover, .main-header .nav-link.active{
    opacity: 1;
}
.main-header .head-btn{
    padding: 0.72rem 2rem;
    color: #fff;
    font-size: 1.125rem;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    cursor: pointer;
    display: inline-block;  
    border-radius: 2rem;
    border: 1px solid #000;
    background: #000;
    box-shadow: -1px 3px 0 0 #000;
}
.main-header .head-btn:hover{
    /* box-shadow: 0 4px 20px rgba(2, 128, 178, 0.8); */
    background: #fff;
    color: #000;
    border-color: #000;
    box-shadow: 0 4px 20px rgba(255, 255, 255, 0.6);
}
.main-header .head-btn.presale-btn{
    border-radius: 44.31px;
    border: 1.007px solid #000;
    box-shadow: -1.007px 3.021px 0 0 #000;
    background: transparent;
    color: #000 !important;
}
.main-header .head-btn.presale-btn:hover{
    background: #fff;
    color: #000;
    border-color: #000;
    box-shadow: 0 4px 20px rgba(255, 255, 255, 0.6);
}
.main-header .head-dropdown .dropdown-toggle{
    margin-right: 1.813rem;
}
.main-header .head-dropdown .dropdown-toggle::after{
    content: '';
    background-image: url(../images/black-arrow.webp);
    border: none;
    height: 0.8rem;
    width: 1rem;
    background-repeat: no-repeat;
    background-position: center;
    top: 0.3rem;
    position: absolute;
    background-size: contain;
}
.main-header .head-dropdown .dropdown-menu, .inner-box .dropdown-content .dropdown .dropdown-menu{
    background: #0093E6;
    padding: 0.5rem;
    top: 3.2rem;
    /* animation-duration: 1s; */
    /* animation-name: slide-in; */
     /* animation: fade-in 1s ease-in forwards; */
     border: none;
     border: 0.5px solid #fff;
}
.inner-box .dropdown-content .dropdown .dropdown-menu{
    background: linear-gradient(270deg, #87CEEB 26.52%, #87CEEB 100.24%, rgba(135, 206, 235, 0.00) 100%);
}
.main-header .head-dropdown .dropdown-menu .dropdown-item, .inner-box .dropdown-content .dropdown .dropdown-menu .dropdown-item{
    padding: 0.5rem 1rem;
    margin: 0.2rem 0;
}
.main-header .head-dropdown .dropdown-menu .dropdown-item:hover,
.main-header .head-dropdown .dropdown-menu .dropdown-item:focus,
.main-header .head-dropdown .dropdown-menu .dropdown-item:active  {
    background: linear-gradient(270deg, #87CEEB 26.52%, #87CEEB 100.24%, rgba(135, 206, 235, 0.00) 100%);
    color: #000 !important;
}
.inner-box .dropdown-content .dropdown .dropdown-menu .dropdown-item:hover,
.inner-box .dropdown-content .dropdown .dropdown-menu .dropdown-item:focus,
.inner-box .dropdown-content .dropdown .dropdown-menu .dropdown-item:active{
    background: #0093e6;
    color: #000 !important;
}
@keyframes fade-in {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}
/* @keyframes slide-in {
  from {
    translate: 150vw 0;
    scale: 200% 1;
  }

  to {
    translate: 0 0;
    scale: 100% 1;
  }
} */
.main-header .head-dropdown .dropdown-menu a div{
    display: flex;
    align-items: center;
    gap: 1rem;
}
.main-header .head-dropdown .dropdown-menu a img{
    max-height: 4rem;
}
.main-header .head-dropdown .dropdown-menu a, .inner-box .dropdown-content .dropdown-menu a{
    color: #FFF;
    font-size: 1.162rem;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    padding: 0;
    cursor: pointer;
}
.inner-box .dropdown-content .dropdown-menu a{
    color: #000;
}
.main-header .head-dropdown .dropdown-menu a:hover, .main-header .head-dropdown .dropdown-menu a:focus-visible,
.inner-box .dropdown-content .dropdown-menu a:hover, .inner-box .dropdown-content .dropdown-menu a:focus-visible{
    background-color:transparent;
    border-color: transparent;
    outline: none;
    border-radius: 4px;
    color: #2596be;
}
.main-header.scrolled {
  background: linear-gradient(270deg, #87CEEB 26.52%, #87CEEB 100.24%, rgba(135, 206, 235, 0.00) 100%);
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
}
@media (max-width:1400px){
    .main-header .nav-link{
        margin: 0 0.8rem;
        font-size: 1.125rem;
    }
    .common-para{
        font-size: 1.5rem;
    }
}
@Media (max-width:1200px){
    .main-header .head-btn{
        padding: 0.72rem 1.25rem;
    }
    .main-header .nav-link{
        font-size: 1.125rem;
    }
}
@media (max-width:991px){
    .main-header .navbar-toggler{
        background: #0093E6;
        position: absolute;
        right: 1.875rem;
        outline: none;
        border-color: #0093E6;
        padding: 0.2rem 0.4rem;
    }
    .main-header .navbar-toggler:focus{
        outline: none;
        box-shadow: none;
    }
    .main-header .nav-link{
        padding: 0.625rem 1rem !important;
    }
    .main-header .navbar-collapse{
        right: 0.8rem;
        position: absolute;
        top: 5.6rem;
        background: #0093E6;
        width: 100%;
        border-radius: 1rem;
        max-width: 18rem;
        border: 1px solid #fff;
    }
    .main-header .navbar-nav{
        padding: 1rem 0;
    }
    .main-header .head-btn{
        padding: 0.8rem 1.2rem;
    }
    .header-btn-end{
        margin-right: 3rem;
    }
    .main-header .navbar-brand img {
    max-height: 2.8rem;
    max-width: 10rem;
}
.main-header .head-dropdown .dropdown-toggle::after{
        top: 1rem;
        height: 0.6rem;
}
.main-header .head-dropdown .dropdown-menu{
    min-width: auto;
    border-radius: 0;
    padding: 0.625rem 1.5rem;
}
.main-header .navbar{
    padding: 0.938rem 1.4rem;
}
.main-header .head-dropdown .dropdown-toggle::after{
    background-image: url(../images/arrow-white.svg);
}
.main-header .head-dropdown .dropdown-menu .dropdown-item{
padding: 0.625rem 1rem !important;
}
.main-header .head-dropdown .dropdown-menu{
    padding: 0;
    color: #000;
    border: none;
}
.main-header .nav-link{
    margin: 0;
    color: #fff  !important;
}
.main-header .head-dropdown .dropdown-menu a{
    color: #fff;
    font-weight: 600;
}
}
@media (max-width:767.8px){
    .main-header .head-btn{
        padding: 0.4rem 0.75rem;
    }
    .banner-sec h4 img, .banner-sec h4 svg{
        max-height: 1.25rem;
    }
    .main-header .navbar-collapse {
    top: 4.6rem;
}
}
@media (max-width:576px){
    .main-header .navbar {
    padding: 0.8rem 0.4rem;
}
.main-header .navbar-toggler{
    right: 1.4rem;
}
.main-header .head-btn {
    font-size: 0.9rem;
}
}