@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;300;400;500;600&display=swap');
@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.1/font/bootstrap-icons.css");
@import url("https://unpkg.com/aos@2.3.1/dist/aos.css");
@import url("https://cdnjs.cloudflare.com/ajax/libs/animate.css/4.1.1/animate.min.css");
@import url("https://cdnjs.cloudflare.com/ajax/libs/jquery-confirm/3.3.2/jquery-confirm.min.css");

:root {
  --animate-duration: 500ms;
  --animate-delay: 0s;
    
  --main: #2D3691;
}

body{
    font-family: 'Poppins', sans-serif !important;
}

.new-mark{
    color: red;
    font-size: 10px;
    position: absolute;
    top: 0;
    right: 0;
    margin-top: 5px;
    margin-right: 9px;
    display: none;
}

.hero-area{
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

#loadbar{
    background: #FFC736;
    width: 0%;
    display: none;
    transition: 0.5s ease;
}

#menu-mob-full{
    display: none;
    transition: 0.5s ease;
}

.glightbox-container{
    z-index: 9999999999 !important
}

.navbar-main{
    background: #2D3691;
    border-radius: 12px;
    height: 60px;
    box-shadow: 1px 1px 10px rgba(0,0,0,0.5);
    display: flex; align-items: center; justify-content: space-between;
    padding: 10px;
}
.navbar-main a{
    text-decoration: none; color: #ffffff;
}.navbar-main a:hover{
    text-decoration: none; color: #FFC736;
}

.topbar_main a{
    text-decoration: none; color: #ffffff;
}.topbar_main a:hover{
    text-decoration: none; color: #FFC736;
}

.menu-links a{
    text-decoration: none; color: #000000;
}.menu-links a:hover{
    text-decoration: none; color: #5D5CB5;
}

.btn-main{
    background: #302F63 !important;
    color: #ffffff !important;
    border: 0px solid !important;
    box-shadow: none !important;
    border-radius: 50px !important;
}.btn-main:hover{
    background: #4a498a !important;
    color: #ffffff !important;
    border: 0px solid !important;
    box-shadow: none !important;
    border-radius: 50px !important;
}.btn-main:active{
    background: #6463ad !important;
    color: #ffffff !important;
    border: 0px solid !important;
    box-shadow: none !important;
    border-radius: 50px !important;
}.btn-main:focus{
    border: 0px solid !important;
    box-shadow: none !important;
}

.btn-submain{
    background: #65F3B3 !important;
    border: 0px solid !important;
    box-shadow: none !important;
    color: #000000 !important;
    border-radius: 50px !important;
}.btn-submain:hover{
    background: #65F3B3 !important;
    border: 0px solid !important;
    color: #000000 !important;
    box-shadow: none !important;
    border-radius: 50px !important;
}.btn-submain:active{
    background: #65F3B3 !important;
    border: 0px solid !important;
    color: #000000 !important;
    box-shadow: none !important;
    border-radius: 50px !important;
}.btn-submain:focus{
    border: 0px solid !important;
    box-shadow: none !important;
}

.btn-micromain{
    background: transparant !important;
    border: 0px solid !important;
    outline: 2px solid #65F3B3 !important;
    box-shadow: none !important;
    color: #ffffff !important;
    border-radius: 50px !important;
}.btn-micromain:hover{
    background: transparant !important;
    border: 0px solid !important;
    outline: 2px solid #65F3B3 !important;
    color: #ffffff !important;
    box-shadow: none !important;
    border-radius: 50px !important;
}.btn-micromain:active{
    background: transparant !important;
    border: 0px solid !important;
    outline: 2px solid #65F3B3 !important;
    color: #ffffff !important;
    box-shadow: none !important;
    border-radius: 50px !important;
}.btn-micromain:focus{
    border: 0px solid !important;
    outline: 2px solid #65F3B3 !important;
    box-shadow: none !important;
}

.feature-card{
    border-radius: 0px;
    background: #ffffff;
    height: 280px;
    box-shadow: none;
}

.service-card{
    width: 100%;
    aspect-ratio: 1 / 1;
    background: #eee;
    position: relative;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    color: #ffffff;
    transition: 0.5s ease;
    cursor: pointer;
}.service-card:hover{
    color: #65F3B3;
    box-shadow: 1px 1px 10px rgba(0,0,0,0.3);
}.service-card div{
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    background: linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0.6867121848739496) 0%, rgba(255,255,255,0) 100%);
    padding: 100px 15px 15px 15px;
}

#nav-mobile{
    display: flex;
}
#nav-pc{
    display: none;
}

.form-control{
    border: 2px solid #ccc;
    border-radius: 0px;
}.form-control:focus{
    border: 2px solid #666;
    border-radius: 0px;
    box-shadow: none;
}.input-group-text{
    border-radius: 0px;
    background: #ffffff;
    border-top: 2px solid #ccc;
    border-left: 2px solid #ccc;
    border-bottom: 2px solid #ccc;
    border-right: 0px solid;
}

.card{
    border: 0px solid;
    border-radius: 0px;
    box-shadow: 1px 1px 10px rgba(0,0,0,0.3);
}

#nav-stick{
    transition: 0.5s ease;
}

#footer a{
    color: #666;
    text-decoration: none;
}#footer a:hover{
    color: #5D5CAD;
    text-decoration: none;
}

@media (min-width: 992px){
    #nav-mobile{
        display: none;
    }
    #nav-pc{
        display: flex;
    }
    .feature-card{
        box-shadow: 1px 1px 10px rgba(0,0,0,0.3);
    }
}

.load-area{
  background: rgba(255,255,255,0.8);
  height: 100%;
  width: 100%;
  position: fixed;
  top: 0;
  left: 0;
  display: none;
  z-index: 999999999999999999999;
}.load-bar{
  width: 100%;
  height: 5px;
  background: #FFC736;
}.load-light{
  height: 5px;
  width: 200px;
  background: #ffffff;
  opacity: 0.4;
  box-shadow: 0px 0px 20px 10px #ffffff;
  animation: load 1s ease infinite;
}

@keyframes load{
  from{
    margin-left: -2%;
  }to{
    margin-left: 102%;
  }
}