/* Inter font */
@font-face {
    font-family: 'Inter';
    src: url('../fonts/Inter/Inter-VariableFont_opsz,wght.ttf') format('truetype');
    font-weight: 100 900;
    /* Supports weights from 100 to 900 */
    font-style: normal;
}

@font-face {
    font-family: 'Inter';
    src: url('../fonts/Inter/Inter-Italic-VariableFont_opsz,wght.ttf') format('truetype');
    font-weight: 100 900;
    font-style: italic;
}

/* Poppins font*/
@font-face {
    font-family: 'Poppins';
    src: url('../fonts/Poppins/Poppins-Black.ttf') format('truetype');
    font-weight: 900;
    font-style: normal;
}

@font-face {
    font-family: 'Poppins';
    src: url('../fonts/Poppins/Poppins-BlackItalic.ttf') format('truetype');
    font-weight: 900;
    font-style: italic;
}

/* Poppins - Extra Bold */
@font-face {
    font-family: 'Poppins';
    src: url('../fonts/Poppins/Poppins-ExtraBold.ttf') format('truetype');
    font-weight: 800;
    font-style: normal;
}

@font-face {
    font-family: 'Poppins';
    src: url('../fonts/Poppins/Poppins-ExtraBoldItalic.ttf') format('truetype');
    font-weight: 800;
    font-style: italic;
}

/* Poppins - Bold */
@font-face {
    font-family: 'Poppins';
    src: url('../fonts/Poppins/Poppins-Bold.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
}

@font-face {
    font-family: 'Poppins';
    src: url('../fonts/Poppins/Poppins-BoldItalic.ttf') format('truetype');
    font-weight: 700;
    font-style: italic;
}

/* Poppins - Semi Bold */
@font-face {
    font-family: 'Poppins-SemiBold';
    src: url('../fonts/Poppins/Poppins-SemiBold.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
}

@font-face {
    font-family: 'Poppins';
    src: url('../fonts/Poppins/Poppins-SemiBoldItalic.ttf') format('truetype');
    font-weight: 600;
    font-style: italic;
}

/* Poppins - Medium */
@font-face {
    font-family: 'Poppins';
    src: url('../fonts/Poppins/Poppins-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'Poppins';
    src: url('../fonts/Poppins/Poppins-MediumItalic.ttf') format('truetype');
    font-weight: 500;
    font-style: italic;
}

/* Poppins - Regular */
@font-face {
    font-family: 'Poppins';
    src: url('../fonts/Poppins/Poppins-Regular.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
}

/* Poppins - Italic */
@font-face {
    font-family: 'Poppins';
    src: url('../fonts/Poppins/Poppins-Italic.ttf') format('truetype');
    font-weight: 400;
    font-style: italic;
}

/* Poppins - Light */
@font-face {
    font-family: 'Poppins';
    src: url('../fonts/Poppins/Poppins-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'Poppins';
    src: url('../fonts/Poppins/Poppins-LightItalic.ttf') format('truetype');
    font-weight: 300;
    font-style: italic;
}

/* Poppins - Extra Light */
@font-face {
    font-family: 'Poppins';
    src: url('../fonts/Poppins/Poppins-ExtraLight.ttf') format('truetype');
    font-weight: 200;
    font-style: normal;
}

@font-face {
    font-family: 'Poppins';
    src: url('../fonts/Poppins/Poppins-ExtraLightItalic.ttf') format('truetype');
    font-weight: 200;
    font-style: italic;
}

/* Poppins - Thin */
@font-face {
    font-family: 'Poppins';
    src: url('../fonts/Poppins/Poppins-Thin.ttf') format('truetype');
    font-weight: 100;
    font-style: normal;
}

@font-face {
    font-family: 'Poppins';
    src: url('../fonts/Poppins/Poppins-ThinItalic.ttf') format('truetype');
    font-weight: 100;
    font-style: italic;
}

/* Applying Poppins */
html, body {
    scroll-behavior: smooth !important;
}
body {
    font-family: 'Poppins', sans-serif;
    overflow-x: hidden;
    -webkit-font-smoothing: antialiased;
}

img {
    width: 100%;
    height: auto;
}

a {
    text-decoration: none;
    outline: 0;
    -webkit-transition: all ease 0.4s;
    transition: all ease 0.4s;
}

p {
    font-family: 'Poppins', sans-serif;
    font-weight: 400;
    font-size: 14px;
    line-height: 24px;
    color: #202020;

}

.navbar {
    box-shadow: 0px 4px 4px 0px #00000014;
}

.navbar-brand {
    max-width: 132px;
    transition: all 1s ease-out;
}

.navbar-brand img {
    object-fit: contain;
}

/* Mega Menu Styling */
.dropdown-menu {
    width: 80vw;
    /* Make menu width 80% of the viewport */
    max-width: 1000px;
    /* Set a max-width */
    border: none;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    padding: 20px;
}

.mega-menu {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.mega-menu .dropdown-item {
    font-weight: 500;
    padding: 5px 0;
}

.mega-menu .dropdown-item:hover {
    color: #0C50F2;
}

/* Centering Dropdown */
.dropdown-menu.mega-dropdown {
    left: 50% !important;
    /* Move dropdown to center */
    transform: translateX(-50%) !important;
    /* Align center */
}

/*  */
.has-dropdown {
    float: left;
    overflow: hidden;
}


.dropdown-content {
    display: none;
    position: absolute;
    width: 100%;
    left: 0;
    z-index: 1;
}

.dropdown-content .row {
    width: fit-content;
    margin: auto;
    background-color: #f9f9f9;
    box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
    padding: 30px;
    min-width:80%;
}



.bg-light {
    background-color: #fff !important;
}

.btn-check:checked+.btn:focus-visible,
.btn.active:focus-visible,
.btn.show:focus-visible,
.btn:first-child:active:focus-visible,
:not(.btn-check)+.btn:active:focus-visible {
    box-shadow: none;
}

.btn-check:checked+.btn,
.btn.active,
.btn.show,
.btn:first-child:active,
:not(.btn-check)+.btn:active,
.btn:hover {
    background-color: #1E4D42;
}

.btn-primary {
    background-color: #57AF98;
    color: #fff;
    border: none;
    padding: 7px 24px;
    border-radius: 6px;
    font-family: 'Poppins', sans-serif;
    font-weight: 500;
    font-size: 14px;
    line-height: 21px;
    position: relative;
    z-index: 1;
    overflow: hidden;
    vertical-align: middle;
    display: inline-block;
    text-align: center;
    cursor: pointer;
}


/* btn hover effect start */
.btn-primary:hover::before,
.btn-primary.active::before {
    border-radius: 0;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
}

.btn-primary:before {
    content: "";
    position: absolute;
    height: 100%;
    top: 0;
    left: 0;
    width: 100%;
    background-color: #1E4D42;
    z-index: -1;
    -webkit-transition: all 0.4s ease-out;
    transition: all 0.4s ease-out;
    border-radius: 10px;
}

.btn-primary:before {
    -webkit-transform: scaleY(0);
    -ms-transform: scaleY(0);
    transform: scaleY(0);
}
.navbar-toggle{
    padding: var(--bs-navbar-toggler-padding-y) var(--bs-navbar-toggler-padding-x);
    font-size: var(--bs-navbar-toggler-font-size);
    line-height: 1;
    color: var(--bs-navbar-color);
    background-color: transparent;
    border: unset;
    transition: var(--bs-navbar-toggler-transition);
}

/* btn hover effect end */
footer {
    background-color: #57AF98;
    color: #fff;
    padding-top: 46px;
    padding-bottom: 40px;
}

footer a {
    color: #fff;
    font-size: 14px;
    font-weight: 500;
    line-height: 34px;
    font-family: 'Poppins', sans-serif;
}

footer p {
    font-size: 14px;
    font-weight: 500;
    line-height: 24px;
    color: #fff;
}


.footer_logo {
    max-width: 237px;
}

footer .social-icons {
    display: flex;
    gap: 13px;
    justify-content: center;
}

footer .footer_moto {
    color: #fff;
    font-style: italic;
    font-family: 'Inter';
    font-size: 16px;
    font-weight: 600;
    text-align: center;
}

footer .social-icons a {
    background: #fff;
    padding: 2px;
    border-radius: 4px;
    width: 29px;
    height: 29px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

footer .social-icons a i {
    color: #57AF98;
    font-size: 20px;
}

.title_footer {
    font-family: 'Inter', sans-serif;
    font-size: 16px;
    font-weight: 600;
    line-height: 19.36px;
    letter-spacing: 2px;
    text-transform: uppercase;
}

.footer-content {
    margin-top: calc(var(--bs-gutter-y) + 33px);
}

.footer_logo-wrap {
    display: flex;
    flex-direction: column;
    align-items: center;
}

footer li {
    display: flex;
    align-items: center;
    gap: 10px;
}

footer li span img {
    display: block;
    width: 14px;
    height: 14px;
}

footer .contact-item img {
    width: 16px;
    height: 16px;
    object-fit: contain;
}

footer .top-footer {
    position: relative;
}

footer a[href^="mailto"] {
    word-break: break-all;
}

footer .top-footer::before {
    content: '';
    display: block;
    position: absolute;
    width: 55%;
    height: 100px;
    background-image: url('../img/icons/rocket bg 4.png');
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    bottom: 0;
    left: 0;
}

.footer-bottom {
    border-top: 1px solid;
    padding-top: 30px;
}

.footer_logo-col {
    max-width: 237px;
    margin-right: auto;
}

.br-10 {
    border-radius: 10px;
}

/* Add margin to slick slides */
.slick-slide {
    margin: 0 10px;
    /* Adjust margin as needed */
}

/* Fix overflow issue caused by margins */
.slick-track {
    display: flex;
}

.cpad-top1 {
    padding-top: 142px;
}

.cpad-bott1 {
    padding-bottom: 142px;
}

.cpad-top2 {
    padding-top: 100px;
}

.cpad-bott2 {
    padding-bottom: 100px;
}
.bg-grey{
    background-color: #F3F6FD;
}
.navbar.sticky{
    position: fixed;
    width: 100%;
    z-index: 999;
    animation: headerSticky .95s ease forwards;
}
.navbar.sticky .navbar-brand{
    width:90px;
}
.navbar-collapse.show .has-dropdown .dropdown-content{
    position: relative;
    box-shadow: unset;
}

.basic-dropdown {
    width: fit-content;
    padding: 30px;
    background: #fff;
    left: unset;
    box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
}

.basic-dropdown a {
    display: block;
    padding-bottom: 10px;
    margin-bottom: 10px;
    text-decoration: none;
    color: #202020;
    font-family: 'Poppins', sans-serif;
    font-weight: 400;
    font-size: 14px;
    line-height: 21px;
    border-bottom: 1px solid #EBF2FF;
}

.basic-dropdown a:hover {
    color: #57AF98;
}
.basic-dropdown a{
    padding-bottom: 0;
    border: unset;
}
.navbar-collapse.show .has-dropdown .dropdown-content .row{
    padding: 15px;
    width: 100%;
    flex-direction: column;
    background: #fff;
    box-shadow: unset;
}
.navbar-collapse.show .has-dropdown .dropdown-content .row .dropdown-column{
    width: 100%;
}
button:focus:not(:focus-visible){
    box-shadow:unset;
}
.dropdown-content.show{
    display:block;
}
.color-primary{
    color:#082A69; 
}
.modal-dialog-scrollable .modal-body {
    overflow-y: auto;
    scrollbar-color: #57AF98 transparent; /* Firefox */
    scrollbar-width: thin;
}

.modal-dialog-scrollable .modal-body::-webkit-scrollbar {
    width: 8px;
}

.modal-dialog-scrollable .modal-body::-webkit-scrollbar-track {
    background: transparent;
}

.modal-dialog-scrollable .modal-body::-webkit-scrollbar-thumb {
    background-color: #57AF98;
    border-radius: 10px;
}

@media (min-width: 992px) {
    
    .has-dropdown:hover .dropdown-content {
        display: block;
    }
    .navbar-expand-lg .navbar-nav{
        justify-content: center;
        flex: 1;
    }
}
@media (min-width: 1400px) {
    .navbar-expand-lg .navbar-nav{
        gap:15px
    }
}
@media (max-width: 1399px) {
    .navbar-expand-lg .navbar-nav{
        gap:10px
    }
}
@media (max-width: 1199px) {
    .navbar-brand {
        max-width: 100px;
    }
    .navbar-expand-lg .navbar-nav{
        gap:5px
    }
}

@media (max-width: 992px) {
    footer .top-footer::before {
        width: 65%;
        height: 200px;
    }

    .cpad-top1 {
        padding-top: 100px;
    }

    .cpad-bott1 {
        padding-bottom: 100px;
    }

    .cpad-top2 {
        padding-top: 80px;
    }

    .cpad-bott2 {
        padding-bottom: 80px;
    }

    .navbar-brand {
        max-width: 100px;
    }
    .mobile-nav-active{
        position: fixed;
        left: 0;
        height: 100vh;
        overflow-y: auto;
        display: flex;
        align-items: start;
        width: 100%;
        z-index: 999;
        
    }
    .mobile-nav-active .navbar-collapse.show{
        animation: sideNav .95s ease forwards;
    }
    .mobile-nav-active .navbar-collapse{
        margin-top:30px;
    }
    .mobile-nav-active .navbar-toggler-icon{
        background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3e%3c/svg%3e");
    }


}

@media (max-width: 768px) {

    .cpad-top1 {
        padding-top: 80px;
    }

    .cpad-bott1 {
        padding-bottom: 80px;
    }

    .cpad-top2 {
        padding-top: 60px;
    }

    .cpad-bott2 {
        padding-bottom: 60px;
    }
    .footer-content li span {
        display: none;
    }
    p{
        /*line-height:1.8;*/
    }
    footer a{
        line-height:24px;
    }

}


@media (max-width: 576px) {

    .cpad-top1 {
        padding-top: 60px;
    }

    .cpad-bott1 {
        padding-bottom: 60px;
    }

    .cpad-top2 {
        padding-top: 40px;
    }

    .cpad-bott2 {
        padding-bottom: 40px;
    }
}

@media (max-width: 400px) {

    .cpad-top1 {
        padding-top: 40px;
    }

    .cpad-bott1 {
        padding-bottom: 40px;
    }

    .cpad-top2 {
        padding-top: 20px;
    }

    .cpad-bott2 {
        padding-bottom: 20px;
    }
}

        /* HTML: <div class="loader2"></div> */
            .loader2 {
              width: 40px;
              height: 20px;
              --c:no-repeat radial-gradient(farthest-side,#FFF 93%,#0000);
              background:
                var(--c) 0    0,
                var(--c) 50%  0,
                var(--c) 100% 0;
              background-size: 8px 8px;
              position: relative;
              animation: l4-0 1s linear infinite alternate;
              margin:auto;
            }
            .loader2:before {
              content: "";
              position: absolute;
              width: 8px;
              height: 12px;
              background: #FFF;
              left: 0;
              top: 0;
              animation: 
                l4-1 1s  linear infinite alternate,
                l4-2 0.5s cubic-bezier(0,200,.8,200) infinite;
            }
            @keyframes l4-0 {
              0%      {background-position: 0  100%,50% 0   ,100% 0}
              8%,42%  {background-position: 0  0   ,50% 0   ,100% 0}
              50%     {background-position: 0  0   ,50% 100%,100% 0}
              58%,92% {background-position: 0  0   ,50% 0   ,100% 0}
              100%    {background-position: 0  0   ,50% 0   ,100% 100%}
            }
            @keyframes l4-1 {
              100% {left:calc(100% - 8px)}
            }
            @keyframes l4-2 {
              100% {top:-0.1px}
            }

@keyframes headerSticky {
    0% {
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%);
    }
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}
@keyframes sideNav {
    0% {
        -webkit-transform: translateX(-20px);
        transform: translateX(-20px);
        opacity:0;
    }
    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        opacity:1;
    }
}