@import url('https://fonts.googleapis.com/css2?family=Geist:wght@100..900&display=swap');
@font-face {
    font-family: "Clash_Light";
    src: url(../../assets/font/ClashGrotesk-Light.otf);
}
@font-face {
    font-family: "Clash_Medium";
    src: url(../../assets/font/ClashGrotesk-Medium.otf);
}
@font-face {
    font-family: "Clash_Regular";
    src: url(../../assets/font/ClashGrotesk-Regular.otf);
}
@font-face {
    font-family: "Clash_Bold";
    src: url(../../assets/font/ClashGrotesk-Bold.otf);
}
/*
    font-family: "DM Sans", sans-serif;
 */
body{
    padding: 0;
    margin: 0;
    font-family: "Geist", sans-serif;
    background: #F8F9FA;
    scroll-behavior: smooth;
}
.header_section{
    background: #F8F9FA;
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    z-index: 99;
    padding: 15px 0px;
    transition: all 0.5s ease;
}
.navbar-brand img{
    height: 30px;
    width: auto;
    transition: all 0.6s ease;
}
.header_section.scrolled .navbar-brand img{
    height: 70px;
    width: auto;
}
.header_section .navbar{
    padding: 0;
}
.navbar ul li a {
    font-weight: 400;
    font-size: 16px;
    position: relative;
    color: #212529 !important;
}
.navbar ul li a:hover{
    text-decoration: underline;
    color: #0B2545 !important;
}
.navbar ul li a.active{
    font-weight: 500;
    text-decoration: underline;
    color: #0B2545 !important;
}
.nav_btns{
    display: flex;
    gap: 20px;
    align-items: center;
}
.nav_btns a{
    font-weight: 400;
    font-size: 16px;
    color: #212529;
    text-decoration:  none;
}
.nav_btns a button{
    background: #0B2545;
    font-weight: 400;
    font-size: 16px;
    color: #F0F4FF;
    padding: 6px 16px;
    border-radius: 30px;
    border: none;
}
.hero_section{
    margin-top: 50px;
    padding: 50px 0px;
}
.hero_text1_main{
    margin-top: 50px;
}
.hero_text1_main p{
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    color: #212529;
}
.hero_text1_main h1{
    font-family: "Clash_Medium";
    font-weight: 500;
    font-size: 65px;
    line-height: 80px;
    letter-spacing: 0px;
    text-transform: capitalize;
    color: #212529;
}
.hero_text1_main h1 span:first-child{
    color: #6C757D;
}
.hero_text1_main h1 span:last-child{
    color: #1D4E89;
}
.hero_text2_main{
    margin-top: 50px;
}
.hero_text2_main p{
    font-weight: 400;
    font-size: 24px;
    line-height: 30px;
    color: #6C757D;
}
.hero_text2_btns{
    margin-top: 40px;
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
}
.hero_text2_btns a:first-child button{
    background: #0B2545;
    font-weight: 500;
    font-size: 16px;
    color: #FFFFFF;
    padding: 8px 30px;
    border-radius: 30px;
    border: none;
    min-width: 190px;
}
.hero_text2_btns a:last-child button{
    background: transparent;
    font-weight: 500;
    font-size: 16px;
    color: #0B2545;
    padding: 8px 30px;
    border-radius: 30px;
    border: 1px solid #0B2545;
    min-width: 190px;
}
.hero_img{
    position: relative;
    margin-top: 20px;
}
.hero_img::before{
    content: url(../../assets/imgs/hero_ly.svg);
    position: absolute;
    top: 0;
    left: -50px;
}
.hero_img img{
    width: 100%;
    height: auto;
}
.home_section_one{
    padding: 100px 0px 0px 0px;
}
.whyus_section{
    padding: 50px 0px;
}
.home_sec1_title button{
    background: #0B2545;
    border: 1px solid #1D4E89;
    border-radius: 30px;
    color: #FFFFFF;
    font-weight: 500;
    font-size: 18px;
    padding: 2px 16px;
}
.home_sec1_title p{
    font-family: "Clash_Medium";
    font-weight: 500;
    font-size: 28px;
    letter-spacing: 0px;
    vertical-align: middle;
    color: #6C757D;
    margin-top: 12px;
}
.home_sec1_cards_body{
    background: #0B2545;
    border-radius: 16px;
    padding: 25px 20px;
    position: relative;
    min-height: 240px;
    width: 100%;
    max-width: 450px;
    margin: auto;
    margin-top: 30px;
}
.home_sec1_cards_body h5{
    font-family: "Clash_Medium";
    font-weight: 500;
    font-size: 24px;
    line-height: 32px;
    text-transform: capitalize;
    color: #F8F9FA;
    margin-bottom: 0;
    padding-top: 8px;
}
.home_sec1_cards_body p{
    padding-top: 8px;
    font-family: "Clash_Light";
    font-weight: 400;
    font-size: 18px;
    line-height: 20px;
    color: #F8F9FA;
    margin-bottom: 0;
}
.home_sec1_cards_main .row .col-lg-4:first-child .home_sec1_cards_body::after{
    content: url(../../assets/imgs/a1.svg);
    position: absolute;
    top: 30px;
    right: 30px;
}
.home_sec1_cards_main .row .col-lg-4:nth-child(2) .home_sec1_cards_body::after {
    content: url("../../assets/imgs/a3.svg");
    position: absolute;
    bottom: -40px;
    right: 50px;
}
.home_sec1_cards_main .row .col-lg-4:last-child .home_sec1_cards_body::after{
    content: url(../../assets/imgs/a2.svg);
    position: absolute;
    top: 10px;
    right: -40px;
}
.home_sec1_counting_main{
    width: 100%;
    max-width: 1120px;
    margin: auto;
    margin-top: 70px;
}
.home_sec1_counting_main h6{
    font-weight: 400;
    font-size: 24px;
    line-height: 32px;
    text-align: center;
    width: 100%;
    max-width: 950px;
    margin: auto;
    color: #6C757D;
}
.home_sec1_counter_card_body{
    min-height: 200px;
    margin-top: 30px;
    padding: 10px;
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.home_sec1_counter_card_body h3{
    font-weight: 500;
    font-size: 50px;
    text-align: center;
    color: #000000;
    margin-bottom: 0;
}
.home_sec1_counter_card_body p{
    font-weight: 400;
    font-size: 20px;
    line-height: 28px;
    text-align: center;
    text-transform: capitalize;
    color: #0B2545;
    margin-bottom: 0;
}
.home_section_two{
    padding-top: 50px;
}
.home_sect2_main{
    padding: 50px 25px;
    background-image: url(../../assets/imgs/faq.svg);
    height: auto;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    border-radius: 26px;
}
.home_sect2_title{
    width: 100%;
    max-width: 1120px;
    margin: auto;
    text-align: center;
    margin-top: 20px;
}
.home_sect2_title button{
    background: #1D4E89;
    border: 1px solid #1D4E89;
    border-radius: 30px;
    color: #F8F9FA;
    font-weight: 500;
    font-size: 16px;
    padding: 0px 16px;
    min-width: max-content;
}
.home_sect2_title h3{
    font-family: "Clash_Medium";
    font-size: 28px;
    letter-spacing: 0px;
    text-align: center;
    vertical-align: middle;
    margin-bottom: 0;
    margin-top: 12px;
    color: #F8F9FA;
}
.home_sect2_title p{
    font-weight: 400;
    font-size: 18px;
    line-height: 28px;
    text-align: center;
    color: #F8F9FAB2;
    margin-bottom: 0;
    margin-top: 12px;
}
.home_sect2_cards_main{
    margin-top: 40px;
}
.home_sect2_card_body{
    border: 1px solid #669DE0;
    background: #1D4E8933;
    border-radius: 20px;
    margin-top: 20px;
    padding: 30px 40px;
    position: relative;
}
.home_sect2_card_body span{
    position: absolute;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #1D4E89;
    width: 35px;
    height: 35px;
    border-radius: 50%;
    left: 10px;
    top: 10px;
    font-weight: 400;
    font-size: 18px;
    text-align: center;
    color: #F8F9FA;
}
.home_sect2_card_body{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 10px;
}
.home_sect2_card_body h3{
    min-width: 350px;
    font-family: "Clash_Medium";
    font-weight: 500;
    font-size: 22px;
    letter-spacing: 0px;
    vertical-align: middle;
    color: #F8F9FA;
    text-align: center;
}
.home_sect2_card_body p{
    width: 100%;
    max-width: calc(100% - 420px);
    font-weight: 400;
    font-size: 22px;
    line-height: 28px;
    color: #F8F9FAB2;
    margin-bottom: 0;
}
.home_section_three{
    padding: 100px 0px 50px 0px;
    overflow-x: hidden;
    position: relative;
}
.home_section_three::after{
    content: url(../../assets/imgs/a1.svg);
    position: absolute;
    bottom: 100px;
    right: 25%;
}
.home_sec3_title{
    width: 100%;
    max-width: 1120px;
    margin: auto;
    text-align: center;
    margin-top: 20px;
    position: relative;
}
.home_sec3_title::before{
    content: url(../../assets/imgs/a1.svg);
    position: absolute;
    top: -20px;
    left: 15%;
}
.home_sec3_title button{
    background: #1D4E89;
    border: 1px solid #1D4E89;
    border-radius: 30px;
    color: #F8F9FA;
    font-weight: 500;
    font-size: 16px;
    padding: 0px 16px;
    min-width: max-content;
}
.home_sec3_title h3{
    font-family: "Clash_Medium";
    font-size: 28px;
    letter-spacing: 0px;
    text-align: center;
    vertical-align: middle;
    margin-bottom: 0;
    margin-top: 12px;
    color: #212529;
}
.home_sec3_title p{
    font-weight: 400;
    font-size: 22px;
    line-height: 28px;
    text-align: center;
    color: #6C757D;
    margin-bottom: 0;
    margin-top: 12px;
}
.home_sec3_card_body{
    width: 100%;
    max-width: 680px;
    margin: auto;
    margin-top: 80px;
    position: relative;
}
.home_sec3_card_body::before{
    content: url(../../assets/imgs/a3.svg);
    position: absolute;
    bottom: 40%;
    left: -20%;
}
.home_sec3_card_body::after{
    content: url(../../assets/imgs/a3.svg);
    position: absolute;
    top: 100px;
    right: -20%;
}
.home_sec3_card_input{
    margin-top: 20px;
    display: flex;
    flex-direction: column;
    gap: 8px;
}
.home_sec3_card_input label{
    font-family: "Clash_Medium";
    font-size: 16px;
    color: #212529;
}
.home_sec3_card_input input, .home_sec3_card_input textarea{
    width: 100%;
    background: #FFFFFF;
    border: 1px solid #2b2f3329;
    border-radius: 8px;
    padding: 12px 16px;
    font-weight: 400;
    font-size: 16px;
    color: #212529;
    outline: none;
    box-shadow: 0px 1px 2px 0px #1018280D;
}
.home_sec3_card_input input::placeholder,
.home_sec3_card_input textarea::placeholder{
    color: #6C757DB2;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
}
.home_sec3_terms{
    margin-top: 12px;
    display: flex;
    align-items: center;
    gap: 10px;
}
.home_sec3_terms input{
    width: 16px;
    height: 16px;
    accent-color: #0B2545;
}
.home_sec3_terms label{
    cursor: pointer;
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    color: #6C757D;
}
.home_sec3_terms label a{
    color: #212529;
}
.home_sec3_btn button{
    width: 100%;
    background: #0B2545;
    padding: 10px 15px;
    border-radius: 30px;
    border: none;
    margin-top: 30px;
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0px;
    vertical-align: middle;
    color: #FFFFFF;
}
.home_sec3_btn button:disabled{
    background: #5d90cf;
}
.footer_section{
    padding: 20px 0px;
    margin-top: 50px;
}
.footer_main{
    background-image: url(../../assets/imgs/footer.svg);
    height: auto;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    border-radius: 26px;
    padding: 50px 30px;
    position: relative;
}
.footer_top_bar{
    display: flex;
    gap: 25px;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
}
.footer_links{
    display: flex;
    gap: 20px;
    align-items: center;
    justify-content: center;
}
.footer_links a{
    font-family: "Clash_Regular";
    font-weight: 400;
    font-size: 16px;
    color: #FFFFFF;
    text-decoration: none;
}
.footer_icons{
    display: flex;
    gap: 10px;
    align-items: center;
    justify-content: end;
}
.footer_icons a{
    display: flex;
    justify-content: center;
    align-items: center;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background: #1D4E89;
}
.footer_bottom_text{
    margin-top: 30px;
    padding-top: 30px;
    text-align: center;
    margin-bottom: 0;
    font-family: "Clash_Regular";
    font-weight: 400;
    font-size: 16px;
    line-height: 22px;
    letter-spacing: 0px;
    text-align: center;
    border-top: 1px solid #1D4E8980;
    color: #FFFFFF;
}
.footer_main::after{
    content: url(../../assets/imgs/a3.svg);
    position: absolute;
    bottom: -20px;
    right: 35%;
}
.navbar-toggler{
    box-shadow: none !important;
    border: none !important;
}
@media (max-width: 1366px){
    .navbar-nav{
        gap: 10px !important;
    }
    .home_sect2_title {
        width: 100%;
        max-width: 992px;
    }
    .navbar-brand img {
        height: 25px;
        width: auto;
    }
    .home_sec1_cards_body {
        min-height: 265px;
    }
    .hero_text1_main h1 {
        font-weight: 500;
        font-size: 60px;
    }
    .home_section_one{
        padding: 50px 0px 50px 0px;
    }
    .home_section_three::after {
        bottom: 110px;
        right: 18%;
    }
}
@media (max-width: 992px){
    .hero_text2_main {
        margin-top: 10px;
    }
    .home_sect2_card_body h3{
        min-width: unset;
        width: 100%;
        text-align: start;
        margin-top: 15px;
    }
    .home_sect2_card_body{
        padding: 50px 15px 15px 15px;
    }
    .home_sect2_card_body p {
        width: 100%;
        max-width: 100%;
        font-size: 19px;
        line-height: 28px;
    }
}
@media (max-width: 768px) {
    .home_sect2_card_body{
        flex-direction: column;
    }
    .footer_links{
        flex-wrap: wrap;
    }
    .footer_icons{
        width: 100%;
        justify-content: center;
    }
}
@media (max-width: 576px) {
    .hero_text1_main h1 {
        font-size: 48px;
        line-height: 57px;
    }
    .hero_text2_main p {
        font-weight: 400;
        font-size: 18px;
        line-height: 30px;
        color: #6C757D;
    }
    .hero_img img{
        width: 100%;
        height: auto;
        height: 200px;
    }
    .home_sect2_card_body p{
        width: 100%;
        max-width: 100%;
        font-size: 16px;
        line-height: 26px;
    }
    .home_sec1_title p {
        font-family: "Clash_Medium";
        font-weight: 500;
        font-size: 18px;
    }
    .home_sec1_cards_main .row .col-lg-4:last-child .home_sec1_cards_body::after{
        display: none;
    }
    .home_sec1_cards_main .row .col-lg-4:nth-child(2) .home_sec1_cards_body::after {
        bottom: -17px;
    }
    .home_sec1_counting_main h6 {
        font-weight: 400;
        font-size: 20px;
    }
    .home_sect2_main {
        padding: 25px 15px;
    }
    .home_section_three::after{
        bottom: 0;
    }
    .navbar-brand img {
        height: 25px;
        width: auto;
    }
    .hero_img::before{
        display: none;
    }
}