@import url('https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Montserrat:ital,wght@0,100..900;1,100..900&family=Open+Sans:ital,wght@0,300..800;1,300..800&family=Source+Serif+4:ital,opsz,wght@0,8..60,200..900;1,8..60,200..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Montserrat:ital,wght@0,100..900;1,100..900&family=Open+Sans:ital,wght@0,300..800;1,300..800&family=Source+Serif+4:ital,opsz,wght@0,8..60,200..900;1,8..60,200..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&family=Figtree:ital,wght@0,300..900;1,300..900&family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Montserrat:ital,wght@0,100..900;1,100..900&family=Open+Sans:ital,wght@0,300..800;1,300..800&family=Source+Serif+4:ital,opsz,wght@0,8..60,200..900;1,8..60,200..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&family=Figtree:ital,wght@0,300..900;1,300..900&family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Montserrat:ital,wght@0,100..900;1,100..900&family=Open+Sans:ital,wght@0,300..800;1,300..800&family=Sora:wght@100..800&family=Source+Serif+4:ital,opsz,wght@0,8..60,200..900;1,8..60,200..900&display=swap');

a{
    text-decoration: none;
    color: black;
}
ul,li{
    list-style: none;
    margin-bottom: 0;
}
.cust_padding{
    padding: 0px 45px;
}
.section_padding{
    padding: 100px 0 0 0;
}
.yellow-btn, .blue-btn, .orange-btn{
    padding: 7px 12px;
    color: white;
    border-radius: 20px;
    font-size: 13px;
}

.yellow-btn{
border: 1px solid #FDC232;
background: #FDC232;
}
.yellow-btn.prime{
    display: inline;
    padding: .2em .6em .3em;
    font-size: 75%;
    font-weight: 700;
    line-height: 1;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: .25em;
}
.blue-btn{
border: 1px solid #3069B3;
background: #3069B3;
}
.orange-btn{
    
border: 1px solid #F3AB5E;
background: #F3AB5E;
}
.white-btn{
    border-radius: 50px;
border: 1px solid #0044A8;
background: #FFF;
padding: 11px 30px;
color: #0044A8;
text-align: center;
font-family: "Open Sans";
font-size: 16px;
font-style: normal;
font-weight: 600;
line-height: 22.4px; /* 140% */
transition: transform 0.2s ease-in;
}
.white-btn:hover{
    transform: scale(1.02);
}

.yellow-cta {
    position: relative;
    display: inline-block;
    border-radius: 7px;
    background: #FFC632;
    padding: 18px 20px;
    color: #FFF;
    font-family: Figtree;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 24px; /* 150% */
    text-decoration: none;
    overflow: hidden;
    transition: color 0.4s ease, background 0.4s ease, transform 0.4s ease;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2); /* Subtle shadow */
}

.yellow-cta::after {
    content: '';
    position: absolute;
    top: -5px;
    left: -5px;
    right: -5px;
    bottom: -5px;
    border-radius: 7px;
    background: linear-gradient(45deg, #021788, #2B4DFF);
    opacity: 0;
    z-index: -1;
    transition: opacity 0.4s ease, transform 0.4s ease;
}

.yellow-cta:hover {
    transform: scale(1.02); /* Button enlarges slightly */
}

.yellow-cta:hover::after {
    opacity: 1; /* Glowing outline appears */
    transform: scale(1); /* Glowing outline expands */
}

.yellow-cta i {
    transition: transform 0.4s ease;
}

.yellow-cta:hover i {
    transform: rotate(360deg); /* Arrow icon rotates on hover */
}



h1{
    color: #FFF;
text-align: center;
font-family: "Open Sans";
font-size: 64px;
font-style: normal;
font-weight: 700;
line-height: 74px; 
margin-bottom: 0;
}

h2{
    color: #0D0E10;
font-family: "Open Sans";
font-size: 44px;
font-style: normal;
font-weight: 600;
line-height: 52px;
margin-bottom: 0;
}

h4{
    color: #0D0E10;
font-family: "Open Sans";
font-size: 20px;
font-style: normal;
font-weight: 700;
line-height: 20px;
margin-bottom: 0;
}

h6{
    color: #0D0E10;
font-family: Figtree;
font-size: 20px;
font-style: normal;
font-weight: 700;
line-height: 20px;
margin-bottom: 0;
}

h5{
    color: #FDC232;
font-family: "Open Sans";
font-size: 16px;
font-style: normal;
font-weight: 700;
margin-bottom: 0;
}
.tag{
    color: #3069B3;
font-family: Figtree;
font-size: 16px;
font-style: normal;
font-weight: 700;
line-height: 16px;
margin-bottom: 0;
}
p{
    color: #676879;
font-family: "Open Sans";
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 28px; /* 175% */
}
.breadcrumb{
    color: #FFF;
text-align: center;
font-family: Figtree;
font-size: 16px;
font-style: normal;
font-weight: 700;
margin-bottom: 0;
}

.breadcrumb-data{
    display: flex;
    gap: 10px;
    align-items: center;
}

.cta-h1{
    color: #FFF;
text-align: center;
font-family: Sora;
font-size: 50px;
font-style: normal;
font-weight: 600;
line-height: 73.6px;
letter-spacing: -1.92px;
}

.mb-20{
    margin-bottom: 20px;
}
.mt-20{
    margin-top: 20px;
}
.mt-60{
    margin-top: 60px;
}
.mt-100{
    margin-top: 100px;
}

.pb-80{
    padding-bottom: 80px;
}

@media (max-width:767px) {
    h1{
        font-size: 50px;
        line-height: 60px;
    }
    h5{
        font-size: 15px;
        line-height: 30px
    }
    p{
        font-size: 14px;
        line-height: 24px;
    }
    .breadcrumb{
        font-size: 15px;
    }
    .yellow-cta{
        padding: 10px;
        font-size: 14px;
    }
    .white-btn{
        font-size: 14px;
        padding: 10px 20px;
    }
}

@media (max-width:576px) {

    .mb-20{
        margin-bottom: 10px;
    }
    .mt-20{
        margin-top: 10px;
    }

    h1{
        font-size: 40px;
        line-height: 46px;
        font-weight: 700;
    }
    h2{
        font-size: 28px;
        line-height: 37px;
        margin-top: 8px;
        letter-spacing: -1px;
    }
    h4{
        font-size: 18px;
    }
    h5{
        line-height: 20px;
        font-size: 14px;
    }
    h6{
        font-size: 18px;
        font-weight: 600;
    }
    .breadcrumb{
        font-size: 14px;
    }
    .cust_padding {
        padding: 0;
    }
    .section_padding{
        padding: 60px 0 0 0;
    }
    .cta-h1{
        font-size: 35px;
        line-height: 50px;
    }
    .mt-60{
        margin-top: 30px;
    }
    .pb-80{
        padding-bottom: 50px;
    }
}