:root{

--primary:#07275c;

--orange:#ff7a00;

--green:#12853d;

--white:#fff;

--shadow:0 8px 30px rgba(0,0,0,.08);

}


.fl-container{

width:92%;

max-width:1320px;

margin:auto;

}



.fl-header{

background:#fff;

box-shadow:var(--shadow);

padding: 0px 0;
}



.fl-header-inner{

display:flex;

align-items:center;

justify-content:space-between;

}



.fl-logo{

width: 170px;
}



.fl-logo img{

width:100%;

}



.fl-header-content{

flex:1;

text-align:center;

padding:0 60px;

}



.fl-top-line{

display:flex;

justify-content:center;

align-items:center;

gap:15px;

margin-bottom: 0px;

font-size: 12px;

font-weight:600;

color:var(--orange);
}



.fl-dot{

width:9px;

height:9px;

background:var(--orange);

border-radius:50%;

}



.fl-header-content h1{

font-size: 12px;

font-weight:600;

color:#222;

letter-spacing:.5px;

line-height:1.4;
}



.fl-iso{

width:190px;

}



.fl-iso img{

width:100%;

}

@media(max-width:992px){

.fl-header-inner{

flex-direction:column;

gap:25px;

}

.fl-header-content{

padding:0;

}

.fl-header-content h1{

font-size:20px;

}

.fl-top-line{

font-size:15px;

flex-wrap:wrap;

}

.fl-iso{

width:150px;

}

.fl-logo{

width:180px;

}

}

/*===========================
 NAVBAR
===========================*/

.fl-nav{background: #001a40;position:sticky;top:0;z-index:999;box-shadow:0 5px 15px rgba(0,0,0,.08);}

.fl-nav-wrap{

    display:flex;

    align-items:center;

    justify-content:center;

    position:relative;

}

.fl-menu{

    display:flex;

    align-items:center;

    gap:5px;

}

.fl-menu li{

    list-style:none;

}

.fl-menu li a{display:flex;align-items:center;justify-content:center;height: 50px;padding: 0 24px;color:#fff;font-size: 14px;font-weight:600;letter-spacing:.3px;text-decoration:none;position:relative;transition:.35s;text-transform:uppercase;}

.fl-menu li a::after{

    content:"";

    position:absolute;

    left:50%;

    bottom:0;

    width:0;

    height:3px;

    background:#ff8a00;

    transform:translateX(-50%);

    transition:.35s;

}

.fl-menu li a:hover{

    color:#ffb248;

}

.fl-menu li a:hover::after{

    width:70%;

}
.fl-menu li a img{
    width: 25px;
    height: 25px;
}
.fl-menu li a.active{background: #012051;border-radius:12px;margin: 0px;height: 63px;width: 80px;padding:0;}

.fl-menu li a.active::after{

    display:none;

}

.fl-menu li a span{

    font-size:20px;

}

.fl-menu-toggle{

    display:none;

}

@media(max-width:992px){

.fl-nav-wrap{
display: none;
justify-content:flex-start;

}

.fl-menu-toggle{

display:flex;

align-items:center;

justify-content:center;

width:48px;

height:48px;

background:#ff7a00;

color:#fff;

border:none;

font-size:22px;

border-radius:10px;

margin:12px;

cursor:pointer;

}

.fl-menu{

display:none;

flex-direction:column;

width:100%;

background:#07275c;

}

.fl-menu.show{

display:flex;

}

.fl-menu li{

width:100%;

}

.fl-menu li a{

justify-content:flex-start;

padding:0 20px;

height:55px;

}

}

/*======================================
NOTICE BAR
======================================*/

.fl-notice{background: #0a6a1d;overflow:hidden;box-shadow:0 4px 15px rgba(0,0,0,.08);}

.fl-notice-box{display:flex;align-items:center;height: 40px;}

.fl-notice-icon{width: 35px;height: 35px;min-width: 35px;border-radius:50%;background:rgba(255,255,255,.15);display:flex;align-items:center;justify-content:center;color:#fff;margin-right:15px;}

.fl-notice-icon svg{width: 19px;height: 19px;}

.fl-notice-track{

    flex:1;

    overflow:hidden;

    white-space:nowrap;

}

.fl-notice-text{display:inline-block;color:#fff;font-size: 14px;font-weight: 500;letter-spacing:.3px;animation:noticeMove 24s linear infinite;}

.fl-notice-track:hover .fl-notice-text{

    animation-play-state:paused;

}

@keyframes noticeMove{

0%{

transform:translateX(100%);

}

100%{

transform:translateX(-100%);

}

}

@media(max-width:768px){

.fl-notice{

height:42px;

}

.fl-notice-box{

height:42px;

}

.fl-notice-icon{

width:34px;
height:34px;
min-width:34px;

margin-right:10px;

}

.fl-notice-icon svg{

width:18px;
height:18px;

}

.fl-notice-text{

font-size:14px;

}

}


/*=====================================
REGISTER SECTION
======================================*/

.flr-section{padding: 20px 0;padding-bottom: 50px;background: #ffffff;position:relative;overflow:hidden;}

.flr-section::before{content:"";position:absolute;width:420px;height:420px;border-radius:50%;left:-180px;top:-180px;}

.flr-section::after{content:"";position:absolute;width:420px;height:420px;border-radius:50%;right:-220px;bottom:-220px;}

/*========================*/

.flr-heading{

    text-align:center;

    margin-bottom:50px;

    position:relative;

    z-index:2;

}

.flr-heading h2{

    font-size:44px;
    font-family: fantasy;
    color:#082b67;

    font-weight:400;

    margin-bottom:18px;

}

.flr-divider{

    display:flex;

    justify-content:center;

    align-items:center;

    gap:18px;

}

.flr-divider span{

    width:80px;

    height:3px;

    background:#ff8400;

    border-radius:20px;

}

.flr-divider-icon{

    width:38px;

    height:38px;

    border-radius:50%;

    background:#fff;

    color:#158e35;

    display:flex;

    align-items:center;

    justify-content:center;
}

.flr-divider-icon svg{

    width:18px;

}

/*========================*/

.flr-wrapper{display:grid;grid-template-columns:2fr 1fr;gap:28px;background: white;position:relative;z-index:2;box-shadow: rgba(50, 50, 93, 0.25) 0px 2px 5px -1px, rgba(0, 0, 0, 0.3) 0px 1px 3px -1px;border-radius: 20px;}

/*========================*/

.flr-form-card{background:#fff;border-radius:24px;overflow:hidden;}

.flr-info-card{background:#f1f8f3;border-radius:24px;padding: 25px;}

/*=============================
CARD HEADER
=============================*/

.flr-card-header{height:72px;background: #001a40;display:flex;align-items:center;padding:0 30px;color:#fff;position:relative;}

.flr-card-icon{width: 55px;height: 55px;border-radius:50%;background: #001a40;padding: 14px;display:flex;align-items:center;justify-content:center;position:absolute;left:18px;top:50%;transform:translateY(-50%);border: 2px solid #fff;}

.flr-card-icon img{

    width:100%;
    height: 100%;

}

.flr-card-header h3{margin-left:70px;font-size: 22px;font-weight:600;letter-spacing:.5px;}

@media(max-width:768px){
   .flr-card-header h3{ font-size: 18px;line-height: 22px;}
}

/*========================*/

.flr-form{

    padding:38px;

}

/*========================*/

.flr-grid{display:grid;grid-template-columns:1fr 1fr;gap: 18px;}

/*========================*/

.flr-field label{display:block;margin-bottom:12px;color: #000000;font-size:17px;font-weight: 500;}

.flr-field small{

    color:#005bff;

    font-size:13px;

    margin-left:6px;

}

/*========================*/

.flr-input{

    position:relative;

}

.flr-input-icon{

    position:absolute;

    left:20px;

    top:50%;

    transform:translateY(-50%);

    font-size:20px;

    opacity:.7;

}

/*========================*/

.flr-input input,
.flr-input select{width:100%;height: 50px;border: 1px solid #878787;border-radius: 6px;padding-left:58px;padding-right:18px;background: #f5f5f5;outline:none;font-size:15px;transition:.3s;}

.flr-input input:focus,
.flr-input select:focus{

    border-color:#0b2d6b;

    box-shadow:0 0 0 4px rgba(11,45,107,.08);

}

/*========================*/

.flr-btn-wrap{

    text-align:center;

    margin-top:40px;

}

/*========================*/

.flr-next-btn{background: #001a40;color:#fff;border:none;height:62px;padding:0 40px;border-radius:14px;font-size:17px;font-weight:600;cursor:pointer;transition:.3s;}

.flr-next-btn:hover{

    background:#051d47;

    transform:translateY(-3px);

    box-shadow:0 15px 30px rgba(0,0,0,.15);

}

.flr-next-btn span{

    margin-right:10px;

}

/*==================================
INFO CARD
===================================*/

.flr-info-header{

    display:flex;

    align-items:center;

    margin-bottom:35px;

}

.flr-info-icon{width: 55px;border-radius:50%;background: #0e6a1e;padding: 10px;color:#fff;display:flex;align-items:center;justify-content:center;margin-right:18px;}

.flr-info-icon svg{

    width:26px;

}

.flr-info-header h3{color: #0e6a1e;font-size: 20px;font-weight: 600;}

/*==========================*/

.flr-info-card{

    position:relative;

    overflow:hidden;

}

/*==========================*/

.flr-step{display:flex;gap:16px;padding: 10px 0;border-bottom: 1px solid rgb(0 0 0 / 44%);}

.flr-step:last-child{

    border:none;

}

/*==========================*/

.flr-step-no{width: 30px;min-width: 30px;height: 30px;border-radius:50%;background: #0e6a1e;color:#fff;display:flex;align-items:center;justify-content:center;font-size:15px;font-weight: 600;}

/*==========================*/

.flr-step-content h4{color: #0e6a1e;font-size: 18px;margin-bottom:8px;font-weight: 600;}

.flr-step-content p{color: #000000;line-height: 1.2;font-size: 15px;margin-bottom: 0px;}

.flr-step-content small{display:block;color: #000000;font-size: 13px;line-height:1.6;}

/*==========================*/

.flr-info-bg{

    position:absolute;

    right:-10px;

    bottom:-10px;

    font-size:140px;

    opacity:.06;

    user-select:none;

    pointer-events:none;

}


/*====================================

PROCESS

=====================================*/

.flp-process{

    padding:45px 0;

    background:
#001a40;

    position:relative;

    overflow:hidden;

}



.flp-process::before{

content:"";

position:absolute;

width:550px;

height:550px;

background:rgba(255,255,255,.04);

border-radius:50%;

left:-250px;

top:-250px;

}



.flp-process::after{

content:"";

position:absolute;

width:500px;

height:500px;

background:rgba(255,255,255,.03);

right:-220px;

bottom:-220px;

border-radius:50%;

}



/*=======================*/

.flp-heading{

text-align:center;

color:#fff;

margin-bottom:80px;

position:relative;

z-index:2;

}



.flp-heading span{

display:inline-block;

padding:8px 18px;

border-radius:40px;

background:rgba(255,255,255,.12);

font-size:13px;

letter-spacing:2px;

margin-bottom:20px;

}



.flp-heading h2{

font-size:46px;

font-weight:700;

margin-bottom:20px;

}



.flp-heading p{

font-size:18px;

opacity:.85;

max-width:700px;

margin:auto;

}



/*=======================*/

.flp-timeline{

display:grid;

grid-template-columns:repeat(4,1fr);

gap:35px;

position:relative;

z-index:2;

}

/*==========================================
BENEFITS SECTION
==========================================*/

.fsb-benefits{
    padding:80px 0;
    background:#ffffff;
}

.fsb-container{
    width:92%;
    max-width:1450px;
    margin:auto;
}

/*======================*/

.fsb-title{
    text-align:center;
    margin-bottom:45px;
}

.fsb-title h2{
    font-size:34px;
    font-weight:700;
    color:#130b46;
    /*text-transform:uppercase;*/
    line-height:1.2;
}

/*======================*/

.fsb-grid{

    display:grid;

    grid-template-columns:1fr 1fr;

    gap:42px;

}

/*======================*/

.fsb-column{

    display:flex;

    flex-direction:column;

    gap:18px;

}

/*======================*/

.fsb-item{

    background:#fff;

    box-shadow:0 4px 12px rgba(0,0,0,.08);

    overflow:hidden;

}

/*======================*/

.fsb-head{height: 40px;display:flex;justify-content:space-between;align-items:center;background:#d8d8d8;cursor:pointer;transition:.3s;}

/*======================*/

.fsb-head span{padding-left:18px;color:#130b46;font-size: 15px;font-weight:600;}

/*======================*/

.fsb-btn{width:70px;height:40px;border:none;background:#17083f;color:#fff;font-size: 18px;font-weight:700;cursor:pointer;transition:.3s;}

/*======================*/

.fsb-item:hover .fsb-head{

    background:#d2d2d2;

}

.fsb-item:hover .fsb-btn{

    background:#24115c;

}

/*======================*/

.fsb-content{

    max-height:0;

    overflow:hidden;

    background:#fff;

    transition:max-height .4s ease;

}

.fsb-content p{

    padding:22px;

    font-size:17px;

    color:#444;

    line-height:1.9;

}

/*======================*/

.fsb-item.active .fsb-content{

    max-height:300px;

}

/*======================*/

.fsb-item.active .fsb-head{background: #001a40;}

.fsb-item.active .fsb-head span{

    color:#ff9800;

}

.fsb-item.active .fsb-btn{

    background:#ff9800;

    color:#17083f;

}

/*======================*/

.fsb-item{

    transition:.3s;

}

.fsb-item:hover{

    transform:translateY(-2px);

    box-shadow:0 10px 25px rgba(0,0,0,.10);

}

/*==========================================

Responsive

==========================================*/

@media(max-width:1200px){

.fsb-title h2{

font-size:34px;

}

.fsb-grid{

gap:25px;

}

}



@media(max-width:991px){

.fsb-grid{

grid-template-columns:1fr;

}

}



@media(max-width:768px){

.fsb-benefits{

padding:60px 0;

}

.fsb-title{

margin-bottom:30px;

}

.fsb-title h2{

font-size:28px;

line-height:1.4;

}

.fsb-head{

height:52px;

}

.fsb-head span{

font-size:16px;

padding-left:15px;

}

.fsb-btn{

width:55px;

height:52px;

font-size:24px;

}

.fsb-content p{

padding:18px;

font-size:15px;

line-height:1.7;

}

}

.fsb-item.active{

border-left:5px solid #ff9800;

}

.fsb-head{

transition:.35s;

}

.fsb-head:hover{

padding-left:8px;

}

/*==========================================
FOOTER
==========================================*/

.flftr-footer{background: #001a40;padding: 45px 0 10px;color:#fff;position:relative;overflow:hidden;}

/*======================*/

.flftr-footer::before{

content:"";

position:absolute;

width:450px;

height:450px;

background:rgba(255,255,255,.03);

border-radius:50%;

left:-220px;

top:-220px;

}

.flftr-footer::after{

content:"";

position:absolute;

width:420px;

height:420px;

background:rgba(255,255,255,.03);

border-radius:50%;

right:-180px;

bottom:-180px;

}

/*======================*/

.flftr-grid{

display:grid;

grid-template-columns:1fr;

gap:60px;

position:relative;

z-index:2;

}

/*======================*/

.flftr-col h3{

font-size:28px;

margin-bottom:28px;

font-weight:600;

color:#fff;

position:relative;

}

.flftr-col h3::after{

content:"";

position:absolute;

left:0;

bottom:-12px;

width:55px;

height:3px;

background:#ff9800;

border-radius:20px;

}

/*======================*/

.flftr-col h4{font-size: 20px;margin: 16px 0 15px;font-weight:500;color:#fff;}

.flftr-col p{font-size:15px;line-height:1.5;color:#e7e7e7;margin-bottom: 10px;}

/*======================*/

.flftr-col a{

color:#ff9800;

text-decoration:none;

transition:.3s;

}

.flftr-col a:hover{

color:#fff;

padding-left:6px;

}

/*======================*/

.flftr-col ul{

list-style:none;

padding:0;

margin:0;

}

.flftr-col ul li{margin-bottom: 10px;}

.flftr-col ul li a{display:inline-block;font-size: 15px;}

/*======================*/

.flftr-mission{

margin-bottom:40px;

}

.flftr-mission h2{font-size: 25px;line-height: 1.2;font-weight:700;color:#ff6c63;text-transform:uppercase;}

.flftr-mission span{

display:block;

}

/*======================*/

.flftr-quote{font-size:22px;line-height:1.6;color:#fff;margin-bottom: 10px;font-style:italic;}

/*======================*/

.flftr-payment h4{margin-bottom: 12px;}

.flftr-payment img{

background:#fff;

padding:12px;

border-radius:10px;

max-width:230px;

box-shadow:0 10px 25px rgba(0,0,0,.20);

}

/*======================*/

.flftr-col{

transition:.35s;

}

.flftr-col:hover{

transform:translateY(-4px);

}

/*==========================================

BOTTOM FOOTER

==========================================*/

.flftr-bottom{background:#f7a248;padding: 15px 0;}

.flftr-copy{text-align:center;color:#2d2d2d;font-size: 14px;font-weight:600;margin-bottom: 0px;}

.flftr-copy strong{

    color:#111;

}

.flftr-disclaimer{text-align:center;color:#3c3c3c;font-size: 14px;font-weight:500;}

.flftr-disclaimer strong{

    color:#111;

}

.flftr-disclaimer a{

    color:#fff;

    font-weight:700;

    text-decoration:underline;

    transition:.3s;

}

.flftr-disclaimer a:hover{

    color:#130842;

}

/*========================*/

@media(max-width:992px){

.flftr-grid{

grid-template-columns:1fr 1fr;

gap:40px;

}

}

@media(max-width:768px){

.flftr-footer{

padding:60px 0 30px;

}

.flftr-grid{

grid-template-columns:1fr;

gap:35px;

}

.flftr-col h3{

font-size:24px;

}

.flftr-col h4{

font-size:20px;

}

.flftr-col p,
.flftr-col ul li a{

font-size:15px;

}

.flftr-mission h2{

font-size:30px;

}

.flftr-quote{

font-size:18px;

}

.flftr-payment img{

max-width:180px;

}

.flftr-copy{

font-size:15px;

}

.flftr-disclaimer{

font-size:14px;

line-height:1.7;

}

}

.flr-info-icon img{
    width: 100%;
    height: 100%;
}

.icon {
       height: 120px;
    width: 120px;
    padding: 22px;
    background: #f3983e;
    margin-bottom: 15px;
    border-radius: 50%;
    border: 5px solid #fff;
    display: flex;
    align-items: center;
    justify-content: center;
}

.icon img{
    width: 100%;
    height: 100%;
}

 .icon i{
    /*color: #fff;
    opacity: .7;*/
    color: #fff;
    font-size: 55px;
}

.flp-step h3{
    color: black;
    text-align: center;
}

.flp-step p{
    color: black;
    text-align: center;
}


@media(max-width:992px){
    .flr-heading h2 {
    font-size: 35px;}


}

@media (max-width: 991px) {
    .flr-wrapper {
        grid-template-columns: 1fr;
        gap: 20px;
        padding: 20px;
    }
}

/* Mobile */
@media (max-width: 767px) {
    .flr-wrapper {
        grid-template-columns: 1fr;
        gap: 18px;
        padding: 15px;
        border-radius: 12px;
    }
    .flr-form{
            padding: 10px 0px;

    }


    .flr-grid {
     grid-template-columns: 1fr;}
     .flr-btn-wrap{
            margin-top: 20px;
     }
     .flr-info-card{
         width: 100% !important;
        padding: 35px 20px;
     }

     .flp-timeline {
    grid-template-columns: 1fr;}
    .flp-heading h2 {
    font-size: 33px;
    font-weight: 600;
    line-height: 50px;
    margin-bottom: 13px;
}
.icon {
    height: 120px;
    width: 120px;
    background: #f3983e;
    margin: auto;
    margin-bottom: 20px;
    border-radius: 50%;
    border: 5px solid #fff;
    display: flex;
    align-items: center;
    justify-content: center;
}
.flp-step h3 {
    text-align: center;
}
.flp-step p {
   
    text-align: center;
}
}

/* Small Mobile */
@media (max-width: 480px) {
    .flr-wrapper {
        padding: 12px;
        gap: 15px;
        border-radius: 10px;
    }
}

  .complete-process {
    background: #fff;
}

.complete-process .title {
    font-weight: 700;
}

.process-img {
    max-width: 100%;
    height: auto;
    border-radius: 10px;
    box-shadow: 0 5px 20px rgba(0,0,0,0.08);
}


/*==============================
      OUR SERVICES
==============================*/

.fl-services{
    padding:100px 0;
    background:linear-gradient(180deg,#f8fbff 0%,#fff 100%);
    position:relative;
    overflow:hidden;
}

.fl-services::before{
    display: none;
    content:"";
    position:absolute;
    width:500px;
    height:500px;
    border-radius:50%;
    background:#0d63ff;
    opacity:.05;
    top:-220px;
    left:-180px;
}

.fl-services::after{
    content:"";
    position:absolute;
    width:420px;
    height:420px;
    border-radius:50%;
    background:#ff9800;
    opacity:.05;
    right:-160px;
    bottom:-180px;
}

.service-heading{
    text-align:center;
    margin-bottom:65px;
    position:relative;
    z-index:2;
}

.service-heading span{
    display:inline-block;
    color:#0d63ff;
    font-weight:700;
    letter-spacing:3px;
    text-transform:uppercase;
    font-size:14px;
}

.service-heading h2{
    font-size:42px;
    margin:15px 0;
    color:#142850;
    font-weight:700;
}

.service-heading p{
    max-width:700px;
    margin:auto;
    color:#666;
    line-height:30px;
    font-size:17px;
}

.service-wrapper{

    display:grid;

    grid-template-columns:repeat(4,1fr);

    gap:28px;

    position:relative;

    z-index:2;

}

.service-card{

    position:relative;

    background:#fff;

    border-radius:24px;

    padding:40px 25px;

    min-height:240px;

    display:flex;

    flex-direction:column;

    justify-content:center;

    align-items:center;

    text-align:center;

    overflow:hidden;

    transition:.35s;

    border:1px solid #e8eefc;

    box-shadow:0 15px 45px rgba(0,0,0,.06);

}

.service-card::before{

    content:"";

    position:absolute;

    left:0;

    top:0;

    width:100%;

    height:6px;

    background:linear-gradient(90deg,#0d63ff,#4da3ff,#ff9800);

}

.service-card:hover{

    transform:translateY(-12px);

    box-shadow:0 30px 60px rgba(0,0,0,.12);

}

.service-number{

    position:absolute;

    right:18px;

    top:12px;

    font-size:52px;

    font-weight:800;

    color:#edf3ff;

    line-height:1;

}

.service-icon{

    width:85px;

    height:85px;

    border-radius:22px;

    background:linear-gradient(135deg,#0d63ff,#3897ff);

    color:#fff;

    display:flex;

    justify-content:center;

    align-items:center;

    font-size:34px;

    box-shadow:0 15px 35px rgba(13,99,255,.30);

    transition:.35s;

}

.service-card:hover .service-icon{

    transform:rotate(-8deg) scale(1.08);

}

.service-card h3{

    margin-top:25px;

    font-size:24px;

    line-height:34px;

    color:#142850;

    font-weight:700;

    transition:.3s;

}

.service-card:hover h3{

    color:#0d63ff;

}

/*==============================
Responsive
==============================*/

@media(max-width:1200px){

.service-wrapper{

grid-template-columns:repeat(3,1fr);

}

}

@media(max-width:900px){

.service-wrapper{

grid-template-columns:repeat(2,1fr);

}

.service-heading h2{

font-size:34px;

}

}

@media(max-width:600px){

.fl-services{

padding:70px 0;

}

.service-wrapper{

grid-template-columns:1fr;

gap:20px;

}

.service-heading h2{

font-size:28px;

}

.service-card{

min-height:200px;

padding:30px 20px;

}

.service-icon{

width:70px;

height:70px;

font-size:28px;

}

.service-card h3{

font-size:20px;

line-height:30px;

}

.service-number{

font-size:42px;

}

}

/*==================================
        WHO CAN APPLY
==================================*/

.fl-business{
    padding:90px 0;
    background:#071426;
    position:relative;
    overflow:hidden;
}

.fl-business::before{
    content:"";
    position:absolute;
    width:550px;
    height:550px;
    border-radius:50%;
    background:#0d63ff;
    filter:blur(140px);
    opacity:.12;
    top:-220px;
    left:-180px;
}

.fl-business::after{
    content:"";
    position:absolute;
    width:450px;
    height:450px;
    border-radius:50%;
    background:#ff9800;
    filter:blur(140px);
    opacity:.08;
    right:-150px;
    bottom:-180px;
}

.business-heading{
    text-align:center;
    margin-bottom:60px;
    position:relative;
    z-index:2;
}

.business-heading span{
    display:inline-block;
    color:#61a9ff;
    font-size:13px;
    font-weight:700;
    letter-spacing:3px;
    text-transform:uppercase;
    margin-bottom:12px;
}

.business-heading h2{
    color:#fff;
    font-size:42px;
    margin-bottom:18px;
    font-weight:700;
}

.business-heading p{
    max-width:720px;
    margin:auto;
    color:#a9bfdc;
    line-height:30px;
}

/*=============================
        GRID
=============================*/

.bento-grid{

    display:grid;

    grid-template-columns:repeat(4,1fr);

    grid-auto-rows:170px;

    gap:22px;

    position:relative;

    z-index:2;

}

/*=============================
        CARD
=============================*/

.bento-card{

    background:rgba(255,255,255,.05);

    backdrop-filter:blur(16px);

    border:1px solid rgba(255,255,255,.08);

    border-radius:24px;

    padding:30px;

    display:flex;

    align-items:center;

    gap:22px;

    transition:.35s;

    position:relative;

    overflow:hidden;

}

.bento-card::before{

    content:"";

    position:absolute;

    left:0;

    top:0;

    width:100%;

    height:2px;

    background:linear-gradient(90deg,#0d63ff,#44a4ff,#ff9800);

}

.bento-card:hover{

    transform:translateY(-10px);

    border-color:#0d63ff;

    box-shadow:0 25px 60px rgba(0,0,0,.30);

}

/*=============================
        SIZES
=============================*/

.large{

    grid-column:span 2;

}

.wide{

    grid-column:span 2;

}

/*=============================
        ICON
=============================*/

.bento-icon{

    width:72px;

    height:72px;

    border-radius:18px;

    background:linear-gradient(135deg,#0d63ff,#48a7ff);

    display:flex;

    justify-content:center;

    align-items:center;

    color:#fff;

    font-size:30px;

    flex-shrink:0;

    box-shadow:0 15px 35px rgba(13,99,255,.35);

    transition:.35s;

}

.bento-card:hover .bento-icon{

    transform:rotate(-8deg) scale(1.08);

    background:linear-gradient(135deg,#ff9800,#ffb648);

}

/*=============================
        TEXT
=============================*/

.bento-content h3{

    color:#fff;

    font-size:24px;

    margin-bottom:8px;

    font-weight:700;

}

.bento-content span{

    color:#9db5d5;

    font-size:15px;

    line-height:24px;

}

/*=============================
      Decorative Glow
=============================*/

.bento-card::after{

    content:"";

    position:absolute;

    width:140px;

    height:140px;

    border-radius:50%;

    background:#0d63ff;

    opacity:.05;

    right:-50px;

    bottom:-50px;

}

/*=============================
        RESPONSIVE
=============================*/

@media(max-width:1200px){

.bento-grid{

grid-template-columns:repeat(3,1fr);

}

.large,
.wide{

grid-column:span 3;

}

}

@media(max-width:900px){

.bento-grid{

grid-template-columns:repeat(2,1fr);

grid-auto-rows:auto;

}

.large,
.wide{

grid-column:span 2;

}

.business-heading h2{

font-size:34px;

}

}

@media(max-width:600px){

.fl-business{

padding:70px 0;

}

.bento-grid{

grid-template-columns:1fr;

}

.large,
.wide{

grid-column:span 1;

}

.bento-card{

padding:22px;

gap:18px;

}

.bento-icon{

width:60px;

height:60px;

font-size:24px;

}

.bento-content h3{

font-size:20px;

}

.business-heading h2{

font-size:28px;

}

}



/*==========================
        ABOUT SECTION
==========================*/

.about-section{

    padding:100px 0;

    background:#fff;

}

.about-wrapper{

    display:grid;

    grid-template-columns:480px 1fr;

    gap:70px;

    align-items:center;

}

/*====================*/

.about-image{

    position:relative;

}

.about-image img{

    width:100%;

    border-radius:30px;

    display:block;

    box-shadow:0 25px 60px rgba(0,0,0,.12);

}

.experience-box{

    position:absolute;

    left:-20px;

    bottom:35px;

    background:#0d63ff;

    color:#fff;

    padding:22px 28px;

    border-radius:20px;

    box-shadow:0 20px 45px rgba(13,99,255,.35);

}

.experience-box i{

    font-size:34px;

    margin-bottom:10px;

}

.experience-box h4{

    margin:0;

    font-size:20px;

}

.experience-box span{

    font-size:14px;

    opacity:.9;

}

/*====================*/

.about-tag{

    display:inline-block;

    background:#eaf3ff;

    color:#0d63ff;

    padding:8px 18px;

    border-radius:50px;

    font-size:13px;

    font-weight:700;

    letter-spacing:1px;

}

.about-content h2{

    margin:20px 0;

    font-size:42px;

    color:#142850;

    line-height:56px;

}

.about-intro{

    color:#666;

    line-height:30px;

    margin-bottom:35px;

}

/*====================*/

.info-card{

    display:flex;

    gap:20px;

    background:#fff;

    padding:25px;

    border-radius:22px;

    border:1px solid #edf2ff;

    margin-bottom:20px;

    transition:.35s;

    box-shadow:0 10px 35px rgba(0,0,0,.05);

}

.info-card:hover{

    transform:translateY(-5px);

    box-shadow:0 20px 45px rgba(0,0,0,.10);

}

.info-icon{

    width:60px;

    height:60px;

    min-width:60px;

    border-radius:18px;

    background:linear-gradient(135deg,#0d63ff,#46a3ff);

    display:flex;

    justify-content:center;

    align-items:center;

    color:#fff;

    font-size:24px;

}

.info-text h4{

    margin:0 0 10px;

    color:#142850;

    font-size:22px;

}

.info-text p{

    margin:0;

    color:#666;

    line-height:30px;

}

/*====================*/

@media(max-width:992px){

.about-wrapper{

grid-template-columns:1fr;

}

.about-image{

max-width:500px;

margin:auto;

}

}

@media(max-width:600px){

.about-section{

padding:70px 0;

}

.about-content h2{

font-size:30px;

line-height:42px;

}

.info-card{

padding:20px;

}

.info-card{

flex-direction:column;

}

.info-icon{

width:55px;

height:55px;

}

}

.info-card{

    display:flex;
    gap:22px;
    align-items:flex-start;

    background:#fff;

    padding:28px;

    border-radius:24px;

    border:1px solid #e8eefc;

    margin-bottom:25px;

    position:relative;

    overflow:hidden;

    transition:.35s;

    box-shadow:0 12px 35px rgba(13,99,255,.06);

}

.info-card::before{

    content:"";

    position:absolute;

    left:0;

    top:0;

    width:6px;

    height:100%;

    background:linear-gradient(180deg,#0d63ff,#48a3ff);

}

.info-card:hover{

    transform:translateY(-8px);

    box-shadow:0 22px 55px rgba(13,99,255,.14);

}

.info-card:hover::before{

    width:8px;

}

/* Hindi Accent */

.info-card:nth-child(2)::before{

    background:linear-gradient(180deg,#ff8a00,#ffb347);

}

/*=======================*/

.info-icon{

    width:72px;

    height:72px;

    min-width:72px;

    border-radius:20px;

    background:linear-gradient(135deg,#0d63ff,#48a3ff);

    display:flex;

    justify-content:center;

    align-items:center;

    color:#fff;

    font-size:30px;

    transition:.35s;

    box-shadow:0 15px 35px rgba(13,99,255,.25);

}

.info-card:nth-child(2) .info-icon{

    background:linear-gradient(135deg,#ff8a00,#ffb347);

    box-shadow:0 15px 35px rgba(255,138,0,.25);

}

.info-card:hover .info-icon{

    transform:rotate(-8deg) scale(1.08);

}

/*=======================*/

.info-text{

    flex:1;

}

.info-text h4{

    font-size:28px;

    color:#142850;

    margin-bottom:12px;

    position:relative;

    display:inline-block;

}

.info-text h4::after{

    content:"";

    position:absolute;

    left:0;

    bottom:-6px;

    width:45px;

    height:3px;

    border-radius:10px;

    background:#0d63ff;

}

.info-card:nth-child(2) .info-text h4::after{

    background:#ff8a00;

}

.info-text p{

    margin-top:18px;

    margin-bottom:0;

    color:#666;

    line-height:31px;

    font-size:16px;

}

/*=======================*/

.info-card::after{

    content:"";

    position:absolute;

    right:-60px;

    top:-60px;

    width:150px;

    height:150px;

    border-radius:50%;

    background:#0d63ff;

    opacity:.04;

}

.info-card:nth-child(2)::after{

    background:#ff8a00;

}

/*=======================*/

@media(max-width:768px){

.info-card{

flex-direction:column;

padding:22px;

}

.info-icon{

width:65px;

height:65px;

font-size:26px;

}

.info-text h4{

font-size:24px;

}

.info-text p{

line-height:28px;

}

}

.flp-step{
        width: 100%;
        height: 265px;
        background: white;
        border-radius: 20px;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
}

.flp-circle{
    display: flex;
    justify-content: center;
    align-items: center;
}


/*==========================================
        REQUIRED DOCUMENTS
==========================================*/

.documents-section{padding: 55px 0;background: #ffffff;position:relative;overflow:hidden;}

.documents-section::before{display: none;content:"";position:absolute;width:500px;height:500px;border-radius:50%;background:#0d63ff;opacity:.04;top:-220px;left:-180px;}

.documents-section::after{

    content:"";

    position:absolute;

    width:420px;

    height:420px;

    border-radius:50%;

    background:#00b894;

    opacity:.04;

    right:-180px;

    bottom:-180px;

}

/*========================*/

.documents-heading{

    text-align:center;

    margin-bottom:70px;

    position:relative;

    z-index:2;

}

.documents-heading span{

    display:inline-block;

    color:#0d63ff;

    font-size:13px;

    letter-spacing:3px;

    font-weight:700;

    text-transform:uppercase;

}

.documents-heading h2{

    font-size:42px;

    color:#142850;

    margin:18px 0;

}

.documents-heading p{

    max-width:700px;

    margin:auto;

    color:#666;

    line-height:30px;

}

/*========================*/

.documents-wrapper{

    display:grid;

    grid-template-columns:430px 1fr;

    gap:60px;

    align-items:center;

    position:relative;

    z-index:2;

}

/*========================*/

.documents-image{

    position:relative;

}

.documents-image img{width:100%;height: 100%;display:block;border-radius:15px}

/*========================*/

.documents-list{

    display:grid;

    grid-template-columns:repeat(2,1fr);

    gap:18px;

}

/*========================*/

.document-item{display:flex;align-items:center;gap:16px;background:#fff;padding:18px 20px;border-radius:18px;border:1px solid #e8eefc;border-color: #0d63ff;transition:.35s;box-shadow:0 10px 25px rgba(0,0,0,.05);}

.document-item:hover{

    transform:translateY(-6px);

    border-color:#0d63ff;

    box-shadow:0 20px 45px rgba(13,99,255,.12);

}

.document-item img{

    width:52px;

    height:52px;

    object-fit:contain;

    flex-shrink:0;

}

.document-item span{

    font-size:17px;

    color:#142850;

    font-weight:600;

    line-height:26px;

}

/*========================*/

@media(max-width:1200px){

.documents-wrapper{

grid-template-columns:350px 1fr;

}

.documents-list{

grid-template-columns:1fr;

}

}

@media(max-width:992px){

.documents-wrapper{

grid-template-columns:1fr;

gap:40px;

}

.documents-image{

max-width:380px;

margin:auto;

}

}

@media(max-width:600px){

.documents-section{

padding:70px 0;

}

.documents-heading h2{

font-size:30px;

}

.document-item{

padding:16px;

}

.document-item img{

width:46px;

height:46px;

}

.document-item span{

font-size:15px;

}

}

/*=========================================
        FSSAI BENEFITS
=========================================*/

.fssai-benefits{padding:100px 0;background: white;position:relative;overflow:hidden;}

/* Background Decorations */

.fssai-benefits::before{

    content:"";

    position:absolute;

    width:450px;

    height:450px;

    border-radius:50%;

    background:#0d63ff;

    opacity:.05;

    left:-220px;

    bottom:-220px;

}

.fssai-benefits::after{

    content:"";

    position:absolute;

    width:400px;

    height:400px;

    border-radius:50%;

    background:#ff9800;

    opacity:.05;

    right:-200px;

    top:-200px;

}

.fssai-benefits .container{

    position:relative;

    z-index:2;

}

/*=========================================
        TITLE
=========================================*/

.benefits-heading{

    text-align:center;

    margin-bottom:70px;

}

.benefits-heading span{

    display:inline-block;

    color:#2563eb;

    font-size:14px;

    font-weight:700;

    text-transform:uppercase;

    letter-spacing:3px;

    margin-bottom:15px;

    position:relative;

}

.benefits-heading span:before{

    content:"";

    width:90px;

    height:2px;

    background:#2563eb;

    position:absolute;

    left:-110px;

    top:50%;

}

.benefits-heading span:after{

    content:"";

    width:90px;

    height:2px;

    background:#2563eb;

    position:absolute;

    right:-110px;

    top:50%;

}

.benefits-heading h2{

    font-size:52px;

    font-weight:800;

    color:#162b57;

    line-height:1.15;

    margin-bottom:18px;

}

.benefits-heading p{

    width:760px;

    max-width:100%;

    margin:auto;

    font-size:18px;

    color:#6b7280;

    line-height:34px;

}

/*=========================================
        GRID
=========================================*/

.benefits-grid{display:grid;grid-template-columns: repeat(3,1fr);gap:28px;margin-inline: 30px;}


/*=========================================
        CARD
=========================================*/

.benefit-card{
        position:relative;
        background:#fff;
        border-radius:24px;
        padding: 20px 20px 20px;
        padding-bottom: 10px;
        display:flex;
        align-items:flex-start;
        gap:22px;
        overflow:hidden;
        transition:.35s;
        box-shadow:
        0 12px 40px rgba(18,52,86,.08);
        border:1px solid #edf2ff;
        }

/*=========================================
        TOP BORDER
=========================================*/

.benefit-card::before{content:"";position:absolute;left:0;top:0;width:100%;height: 2px;background:currentColor;}

/*=========================================
        HOVER
=========================================*/

.benefit-card:hover{

    transform:translateY(-10px);

    box-shadow:
        0 25px 60px rgba(37,99,235,.15);

    border-color:transparent;

}

.benefit-card:hover::after{

    opacity:1;

}

/*=========================================
        GLOW
=========================================*/

.benefit-card::after{content:"";position:absolute;inset:0;border-radius:24px;padding:1px;background: linear-gradient(135deg,#2563eb,#60a5fa);-webkit-mask:
        linear-gradient(#fff 0 0) content-box,
        linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;transition:.35s;}

/*=========================================
        ICON
=========================================*/

.card-icon{width: 50px;height: 50px;min-width: 50px;border-radius:50%;display:flex;justify-content:center;align-items:center;color:#fff;font-size: 22px;position:relative;}

/* soft glow */

.card-icon::after{

    content:"";

    position:absolute;

    width:100%;

    height:100%;

    border-radius:50%;

    background:inherit;

    filter:blur(16px);

    opacity:.35;

    z-index:-1;

}

/*=========================================
        CONTENT
=========================================*/

.card-content{

    flex:1;

}

.card-content h4{font-size: 23px;color:#16315d;margin-bottom:12px;font-weight:700;}

.card-content p{font-size: 15px;line-height: 22px;color: #333333;margin:0;}

/*=========================================
        ARROW BUTTON
=========================================*/

.card-arrow{
     display: none !important;
    position:absolute;

    right:24px;

    bottom:22px;

    width:48px;

    height:48px;

    border-radius:50%;

    display:flex;

    justify-content:center;

    align-items:center;

    text-decoration:none;

    border:2px solid currentColor;

    color:inherit;

    transition:.35s;

    background:#fff;

}

.card-arrow:hover{

    background:currentColor;

    color:#fff;

    transform:rotate(-45deg);

}

/*=========================================
        CARD COLORS
=========================================*/

.blue{
    color:#2563eb;
}
.blue .card-icon{
    background: #003ab8;
}

.orange{
    color:#f59e0b;
}
.orange .card-icon{
    background: #003ab8;
}

.purple{
    color:#7c3aed;
}
.purple .card-icon{
    background: #003ab8;
}

.green{
    color:#10b981;
}
.green .card-icon{
    background: #003ab8;
}

.pink{
    color:#ec4899;
}
.pink .card-icon{
    background: #003ab8;
}

.sky{
    color:#0ea5e9;
}
.sky .card-icon{
    background: #003ab8;
}

.teal{
    color:#14b8a6;
}
.teal .card-icon{
    background: #003ab8;
}

.red{
    color:#ef4444;
}
.red .card-icon{
    background: #003ab8;
}

.yellow{
    color:#eab308;
}
.yellow .card-icon{
    background: #003ab8;
}

/*=========================================
        FOOTER
=========================================*/

.benefits-footer{

    margin-top:70px;

    display:flex;

    justify-content:center;

    align-items:center;

    gap:12px;

    font-size:18px;

    color:#4b5563;

}

.benefits-footer i{

    color:#10b981;

    font-size:22px;

}

.benefits-footer strong{

    color:#16315d;

}

/*=========================================
        HOVER EFFECTS
=========================================*/

.benefit-card:hover .card-icon{

    transform:rotate(-8deg) scale(1.08);

}

.benefit-card:hover .card-content h4{

    color:#2563eb;

}

.card-arrow i{

    transition:.35s;

}

.benefit-card:hover .card-arrow{

    background:currentColor;

}

.benefit-card:hover .card-arrow i{

    color:#fff;

    transform:translateX(2px);

}

/*=========================================
        RESPONSIVE
=========================================*/

@media(max-width:1200px){

.benefits-grid{

grid-template-columns:repeat(2,1fr);

}

.benefits-heading h2{

font-size:42px;

}

.card-content h4{

font-size:24px;

}

}

@media(max-width:991px){

.benefits-grid{

grid-template-columns:repeat(2,1fr);

gap:22px;

}

.benefit-card{

padding:28px 24px;

}

.card-icon{

width:72px;

height:72px;

min-width:72px;

font-size:28px;

}

}

@media(max-width:768px){

.fssai-benefits{

padding:70px 0;

}

.benefits-grid{

grid-template-columns:1fr;

}

.benefits-heading{

margin-bottom:50px;

}

.benefits-heading span::before,
.benefits-heading span::after{

display:none;

}

.benefits-heading h2{

font-size:32px;

}

.benefits-heading p{

font-size:15px;

line-height:28px;

}

.benefit-card{

padding:24px 22px;

gap:18px;

}

.card-content h4{

font-size:22px;

}

.card-content p{

font-size:15px;

line-height:26px;

}

.card-icon{

width:64px;

height:64px;

min-width:64px;

font-size:24px;

}

.card-arrow{

width:42px;

height:42px;

right:18px;

bottom:18px;

}

}

@media(max-width:480px){

.benefits-heading h2{

font-size:28px;

}

.benefit-card{

flex-direction:column;

text-align:center;

align-items:center;

padding:28px 20px 70px;

}

.card-content{

text-align:center;

}

.card-arrow{

left:50%;

transform:translateX(-50%);

bottom:18px;

right:auto;

}

.benefit-card:hover .card-arrow{

transform:translateX(-50%);

}

}

.logo-footer{
    display: flex;
    justify-content: center;
    align-items: center;
}

.preview-cont{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
}

.footer-strip{padding: 0px 0;padding-inline: 45px;}

/*==============================
        FIRST ROW
==============================*/

.footer-top{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:25px;padding-bottom:15px;border-bottom: 1px solid rgb(255 255 255);}

.footer-left{flex:1;color: #000000;font-size:15px;}

.footer-left a{color: #003da5;text-decoration:none;font-weight:600;}

.footer-contact{display:flex;align-items:center;gap:8px;color: #000000;font-size:15px;}

.footer-contact i{color: #000000;}

/*==============================
        SECOND ROW
==============================*/

.footer-bottom-links{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:0;margin-top: 0px;}

.footer-bottom-links a{color: #000000;text-decoration:none;padding:0 22px;position:relative;transition:.3s;font-size:15px;}

.footer-bottom-links a:hover{

    color:#58b8ff;

}

.footer-bottom-links a:not(:last-child)::after{

    content:"";

    position:absolute;

    right:0;

    top:50%;

    transform:translateY(-50%);

    width:1px;

    height:18px;

    background:rgba(255,255,255);

}

/*==============================
        MOBILE
==============================*/

@media(max-width:991px){

.footer-top{

    flex-direction:column;

    text-align:center;

}

.footer-bottom-links{

    gap:10px;

}

.footer-bottom-links a{

    padding:6px 12px;

}

.footer-bottom-links a::after{

    display:none;

}

}


.flr-acknowledge{

    margin-top:35px;

    margin-bottom:25px;

    padding:20px;

    background:#f8fbff;

    border:1px solid #dbeafe;

    border-radius:12px;

}

.flr-check{

    display:flex;

    align-items:flex-start;

    gap:15px;

    cursor:pointer;

}

.flr-check input{

    width:22px;

    height:22px;

    margin-top:4px;

    accent-color:#0d6efd;

}

.ack-text{

    font-size:15px;

    line-height:28px;

    color:#444;

}

.ack-text strong{

    color:#0d2d57;

}

/* captcha */

.flr-captcha{

    margin-bottom:30px;

}

.flr-captcha label{

    display:block;

    font-weight:600;

    margin-bottom:10px;

}

.flr-captcha label span{

    color:red;

}

.captcha-box{

    display:flex;

    align-items:center;

    gap:12px;

    margin-bottom:15px;

}

.captcha-code{

    background:#0d2d57;

    color:#fff;

    font-size:28px;

    letter-spacing:6px;

    padding:12px 25px;

    border-radius:8px;

    user-select:none;

    font-weight:700;

}

.captcha-refresh{

    width:48px;

    height:48px;

    border:none;

    background:#0d6efd;

    color:#fff;

    border-radius:8px;

    cursor:pointer;

}

.captcha-input{

    width:100%;

    height:55px;

    border:1px solid #d1d5db;

    border-radius:8px;

    padding:0 15px;

    font-size:16px;

}
.ack-text a{
    color:#0d6efd;
    font-weight:600;
    text-decoration:underline;
}

.ack-text a:hover{
    color:#084298;
}