*{
margin:0;
padding:0;
box-sizing:border-box;
}

html{
scroll-behavior:smooth;
}

section{
    opacity: 0;
    transform: translateY(80px);
    transition: all 1s ease;
}

section{
    opacity:1;
    transform:none;
}
/* ==========================
IMAGE BOUNCE ENTRY
========================== */

.hero-image img,
.about-image img,
.contact-image img,
.why-image img,
.faq-image img{
    opacity: 0;
    transform: scale(.7);
}

/* Section visible hone par image animate hogi */

section.show .hero-image img,
section.show .about-image img,
section.show .contact-image img,
section.show .why-image img,
section.show .faq-image img{
    animation: imageBounce .9s ease forwards;
}

@keyframes imageBounce{

    0%{
        opacity:0;
        transform:scale(.7);
    }

    60%{
        opacity:1;
        transform:scale(1.12);
    }

    80%{
        transform:scale(.96);
    }

    100%{
        opacity:1;
        transform:scale(1);
    }

}
section.show .hero-image img,
section.show .about-image img,
section.show .contact-image img,
section.show .why-image img,
section.show .faq-image img{
    animation: imageBounce .9s ease forwards,
               floatImage 4s ease-in-out infinite 1s;
}

@keyframes floatImage{
    0%,100%{
        transform:translateY(0);
    }
    50%{
        transform:translateY(-12px);
    }
}

/* ==========================
CARD POP ANIMATION
========================== */

.user-box,
.benefit-card,
.suite-card,
.workflow-card,
.review-card,
.feature-item,
.about-box,
.lm-item,
.faq-card{

    opacity: 0;
    transform: scale(.7) translateY(40px);
}

/* Section visible hone par cards animate honge */

section.show .user-box,
section.show .benefit-card,
section.show .suite-card,
section.show .workflow-card,
section.show .review-card,
section.show .feature-item,
section.show .about-box,
section.show .lm-item,
section.show .faq-card{

    animation: cardPop .7s ease forwards;
}

/* Stagger Effect */

section.show .user-box:nth-child(1),
section.show .benefit-card:nth-child(1),
section.show .suite-card:nth-child(1),
section.show .review-card:nth-child(1){
    animation-delay:.1s;
}

section.show .user-box:nth-child(2),
section.show .benefit-card:nth-child(2),
section.show .suite-card:nth-child(2),
section.show .review-card:nth-child(2){
    animation-delay:.2s;
}

section.show .user-box:nth-child(3),
section.show .benefit-card:nth-child(3),
section.show .suite-card:nth-child(3),
section.show .review-card:nth-child(3){
    animation-delay:.3s;
}

section.show .user-box:nth-child(4),
section.show .benefit-card:nth-child(4),
section.show .suite-card:nth-child(4),
section.show .review-card:nth-child(4){
    animation-delay:.4s;
}

section.show .user-box:nth-child(5),
section.show .review-card:nth-child(5){
    animation-delay:.5s;
}

section.show .user-box:nth-child(6),
section.show .review-card:nth-child(6){
    animation-delay:.6s;
}


/* POP KEYFRAME */

@keyframes cardPop{

    0%{
        opacity:0;
        transform:scale(.7) translateY(40px);
    }

    60%{
        opacity:1;
        transform:scale(1.08) translateY(-5px);
    }

    100%{
        opacity:1;
        transform:scale(1) translateY(0);
    }

}
body{
background:#f4f7ff;
overflow-x:hidden;
color:#111;
font-family:'Rubik',sans-serif;
}


a{
text-decoration:none;
}

ul{
list-style:none;
}
/* HERO SECTION */

.hero-section{
height:100vh;
background:url('../images/banner.webp');
background-color: #f7faff;
background-size:cover;
background-position:center;
background-repeat:no-repeat;
}

.hero-about-section{
height:18vh;

background:
linear-gradient(
rgba(0,74,173,.55),
rgba(0,74,173,.55)
),
url('../images/bghero-300x200.webp');

background-size:cover;
background-position:center;
background-repeat:no-repeat;
}


/* HEADER */

.header{
position:relative;
z-index:10;
padding:22px 0;
}

.navbar{
display:flex;
justify-content:space-between;
align-items:center;
}

/* LOGO */

.logo img{
width:220px;
display:block;
}

/* MENU */

.nav-links{
display:flex;
align-items:center;
gap:40px;
list-style:none;
}

.nav-links a{
color:#fff;
text-decoration:none;
font-size:17px;
font-weight:400;
transition:.3s;
}

.nav-links a:hover{
color:#ffc247;
}

/* BUTTON */

.demo-btn{
background:#fff;
color:#111;
padding:17px 35px;
border-radius:50px;
font-size:15px;
font-weight:400;
text-decoration:none;
transition:.3s;
}

.demo-btn:hover{
background:#ffc247;
}

/* HERO WRAPPER */

.hero-wrapper{
position:relative;
z-index:2;
display:flex;
justify-content:space-between;
align-items:center;
gap:60px;
padding:80px 0 120px;
flex-wrap:wrap;
}

/* CONTENT */

.hero-content{
flex:1;
min-width:320px;
}

.hero-content h1{
font-size:42px;
line-height:1.15;
font-weight:800;
color:#ffc247;
margin-bottom:28px;
max-width:720px;
}

.hero-content p{
font-size:17px;
line-height:1.8;
color:#fff;
margin-bottom:40px;
max-width:650px;
}

/* BUTTONS */

.hero-buttons{
display:flex;
align-items:center;
gap:25px;
flex-wrap:wrap;
}

.white-btn{
background:#fff;
color:#0056d6;
padding:19px 35px;
border-radius:50px;
font-size:15px;
font-weight:400;
text-decoration:none;
transition:.3s;
}

.white-btn:hover{
transform:translateY(-3px);
}

.yellow-btn{
background:#ffc247;
color:#111;
padding:19px 35px;
border-radius:50px;
font-size:15px;
font-weight:400;
text-decoration:none;
transition:.3s;
}

.yellow-btn:hover{
transform:translateY(-3px);
}

/* HERO IMAGE */

.hero-image{
flex:1;
min-width:320px;
position:relative;
z-index:2;
}

.hero-image img{
width:100%;
max-width:900px;
display:block;
margin-top: 60px;
}

/* RESPONSIVE */

@media(max-width:1100px){
.hero-content h1{
font-size:52px;
}

}

.mobile-menu-btn{
display:none;
background:none;
border:none;
color:#fff;
font-size:28px;
line-height:1;
cursor:pointer;
padding:4px 8px;
}

.mobile-only-demo{
display:none;
}

@media(max-width:768px){
.mobile-menu-btn{
display:block;
}

.nav-links{
display:none;
position:absolute;
top:100%;
left:0;
width:100%;
background:#071c55;
flex-direction:column;
gap:0;
padding:10px 0;
z-index:999;
border-radius:0 0 12px 12px;
box-shadow:0 15px 30px rgba(0,0,0,.2);
}

.nav-links.mobile-active{
display:flex;
}

.nav-links li{
width:100%;
text-align:center;
padding:12px 20px;
border-bottom:1px solid rgba(255,255,255,.08);
}

.mobile-only-demo{
display:block;
}

.demo-btn{
display:none;
}

.hero-wrapper{
flex-direction:column;
padding-top:40px;
}

.hero-content h1{
font-size:38px;
}

.hero-content p{
font-size:17px;
}

.logo img{
width:180px;
}

.hero-section::after{
display:none;
}

}

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

.about-section{
padding:110px 0;
background:#f7faff;
overflow:hidden;
}



/* WRAPPER */

.about-wrapper{
display:grid;
grid-template-columns:1fr 1fr;
gap:70px;
align-items:center;
}

/* =========================
IMAGE SIDE
========================= */

.about-image{
position:relative;
}

/* SHAPE */



/* IMAGE */

.about-image img{
width:100%;
position:relative;
z-index:2;
border-radius:30px;
background:#fff;
padding:15px;
box-shadow:
0 20px 60px rgba(0,0,0,.08);

/* ANIMATION */
animation:
aboutImagePop 1.2s cubic-bezier(.19,1,.22,1),
aboutFloat 4s ease-in-out infinite 1.2s;
}

/* POP EFFECT */
@keyframes aboutImagePop{
0%{
opacity:0;
transform:
translateX(120px)
scale(.82)
rotate(4deg);
filter:blur(4px);
}

100%{
opacity:1;
transform:
translateX(0)
scale(1)
rotate(0);
filter:blur(0);
}

}

/* FLOAT EFFECT */

@keyframes aboutFloat{

0%{
transform:
translateY(0px);
}

50%{
transform:
translateY(-14px);
}

100%{
transform:
translateY(0px);
}

}

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

/* TAG */

.about-tag{
  font-size: 14px;
    font-weight: 600;
    letter-spacing: 1px;
    text-transform: uppercase;
    color: #f5a623;
    display: block;
    margin-bottom: 12px;
}

/* HEADING */

.about-content h1,
.about-content h2{
font-size:38px;
line-height:1.3;
font-weight: 600;
color:#004AAD;
margin-bottom:12px;
}

/* TEXT */

.about-content p{
font-size:16px;
line-height:1.9;
color:#667085;
margin-bottom:8px;
}

/* FEATURES */

.about-features{
display:grid;
grid-template-columns:repeat(2,1fr);
gap:16px;
margin-top:5px;
margin-bottom:16px;
}

/* BOX */

.about-box{
background:#fff;
padding:16px 18px;
border-radius:16px;
font-size:15px;
font-weight: 600;
color:#071c55;
border:1px solid #edf1fa;
box-shadow:
0 8px 25px rgba(0,0,0,.04);
transition:.3s;
}

.about-box:hover{
transform:translateY(-5px);
}

/* BUTTON */

.about-btn{
display:inline-block;
padding:16px 34px;
 background: linear-gradient(135deg, #004AAD, #004AAD);
border-radius:60px;
font-size:15px;
font-weight:400;
color:#fff;
text-decoration:none;
transition:.3s;
}

.about-btn:hover{
transform:translateY(-4px);
}

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

@media(max-width:992px){

.about-wrapper{
grid-template-columns:1fr;
}

.about-content{
text-align:center;
}

}

@media(max-width:768px){

.about-section{
padding:80px 0;
}

.about-content h1,
.about-content h2{
font-size:30px;
}

.about-features{
grid-template-columns:1fr;
}

}

/* =========================
BUSINESS BENEFITS
========================= */

.business-benefits{
padding:45px 0;
background:#f7faff;
}


/* =========================
HEADING
========================= */

.benefits-heading{
text-align:center;
margin-bottom:55px;
}

.benefits-heading span{
font-size: 14px;
    font-weight: 600;
    letter-spacing: 1px;
    text-transform: uppercase;
    color: #f5a623;
    display: block;
    margin-bottom: 12px;
}

.benefits-heading h2{
font-size:38px;
font-weight: 600;
line-height:1.2;

color:#004AAD;
}

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

.benefits-grid{
display:grid;
grid-template-columns:repeat(4,1fr);
gap:24px;
}

/* =========================
CARD
========================= */
.benefit-card{
background:#004AAD;
padding:42px 30px;
border-radius:20px;
text-align:center;
position:relative;
overflow:hidden;
transition:.4s ease;

/* ANIMATION */

opacity:0;

animation:
bounceLeft 1s ease forwards;
}

/* DELAY */

.benefit-card:nth-child(1){animation-delay:.2s;}
.benefit-card:nth-child(2){animation-delay:.4s;}
.benefit-card:nth-child(3){animation-delay:.6s;}
.benefit-card:nth-child(4){animation-delay:.8s;}

/* HOVER */

.benefit-card:hover{
transform:
translateY(-10px);
box-shadow:
0 20px 40px rgba(0,74,173,.25);
}

/* BOUNCE LEFT */

@keyframes bounceLeft{

0%{
opacity:0;
transform:
translateX(-120px)
scale(.9);
}

60%{
opacity:1;
transform:
translateX(20px)
scale(1.03);
}

100%{
opacity:1;
transform:
translateX(0)
scale(1);
}

}

/* HOVER */

.benefit-card:hover{
transform:translateY(-10px);
box-shadow:
0 20px 40px rgba(0,74,173,.18);
}

/* ICON */

.benefit-icon{
width:100px;
height:100px;
background:#fff;
border:6px solid #f5b041;
border-radius:50%;
display:flex;
align-items:center;
justify-content:center;
font-size:42px;
margin:0 auto 28px;
}

/* TITLE */

.benefit-card h3{
font-size:20px;
font-weight: 400;:600;
line-height:1.5;
color:#ffbf47;
margin-bottom:18px;
}

/* TEXT */

.benefit-card p{
font-size:16px;
line-height:2;
color:#fff;
}

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

@media(max-width:1100px){

.benefits-grid{
grid-template-columns:repeat(2,1fr);
}

}

@media(max-width:768px){

.business-benefits{
padding:65px 0;
}

.benefits-heading h2{
font-size:32px;
}

.benefits-grid{
grid-template-columns:1fr;
}

.benefit-card{
padding:35px 24px;
}

.benefit-icon{
width:85px;
height:85px;

font-size:34px;
}

.benefit-card h3{
font-size:18px;
}

.benefit-card p{
font-size:15px;
line-height:1.8;
}

}

/* =========================
CTA SECTION
========================= */

.cta{
padding:120px 0;
background:linear-gradient(135deg,#2200ff,#4f00ff);
text-align:center;
position:relative;
overflow:hidden;
}

.cta h2{
font-size:52px;
color:#fff;
margin-bottom:20px;
}

.cta p{
color:#ddd;
font-size:18px;
margin-bottom:35px;
}


/* =========================
PREMIUM CONTACT SECTION
========================= */

.premium-contact{
    padding:50px 20px;
    background:#f7faff;
    overflow:hidden;
    margin:0px 0;
}

.container{
    width:90%;
    max-width:1240px;
    margin:0 auto;
    padding:0 15px;
}

.contact-box{
    display:grid;
    grid-template-columns:1.1fr .9fr;
    align-items:center;
    gap:60px;
   background:linear-gradient(135deg,#f8fbff,#eef4ff,#ffffff);
    padding:60px;
    border-radius:32px;
    position:relative;
    border:1px solid #edf1fa;
    box-shadow:0 20px 60px rgba(0,0,0,.05);
}

/* =========================
LEFT SIDE
========================= */

/* SUBTITLE */

/* CONTACT HEADING */

.contact-heading{
text-align:center;
max-width:850px;
margin:0 auto 30px;
padding:0 20px;
}

/* SUBTITLE */

.contact-heading span{
font-size: 14px;
    font-weight: 600;
    letter-spacing: 1px;
    text-transform: uppercase;
    color: #f5a623;
    display: block;
    margin-bottom: 12px;
}

/* HEADING */

.contact-heading h2{
font-size:38px;
line-height:1.2;
font-weight: 600;
color:#004AAD;
margin-bottom:16px;
}

/* DESCRIPTION */

.contact-heading p{
font-size:15px;
line-height:1.8;
color:#667085;
max-width:650px;
margin:0 auto;
}

/* MOBILE */

@media(max-width:768px){

.contact-heading{
margin-bottom:35px;
}

.contact-heading h2{
font-size:30px;
}

.contact-heading p{
font-size:14px;
line-height:1.7;
}

}

/* TEXT */

.contact-content p{
font-size:15px;
line-height:1.8;
color:#667085;
margin-bottom:28px;
max-width:520px;
}

/* =========================
FORM
========================= */

.contact-form{
display:flex;
flex-direction:column;
gap:16px;
}

/* INPUT ROW */

.input-row{
display:grid;
grid-template-columns:1fr 1fr;
gap:16px;
}

/* INPUTS */

.contact-form input,
.contact-form select,
.contact-form textarea{
width:100%;
padding:16px 18px;
background:#f8fbff;
border:1px solid #e5ebff;
border-radius:16px;
font-size:14px;
font-weight: 600;
color:#071c55;
outline:none;
transition:.3s;
}

/* FOCUS */

.contact-form input:focus,
.contact-form select:focus,
.contact-form textarea:focus{
border-color:#004AAD;
box-shadow:
0 0 0 4px rgba(0,74,173,.08);
}

/* TEXTAREA */

.contact-form textarea{
height:120px;
resize:none;
}

/* BUTTON */

.contact-form button{
height:54px;
background:
linear-gradient(135deg,#004AAD,#005eff);
border:none;
border-radius:60px;
font-size:15px;
font-weight: 600;
color:#fff;
cursor:pointer;
transition:.3s;
}

/* HOVER */

.contact-form button:hover{
transform:translateY(-3px);
box-shadow:
0 15px 30px rgba(0,74,173,.18);
}

/* =========================
RIGHT IMAGE
========================= */

.contact-image{
position:relative;
text-align:center;
}

/* BG SHAPE */

.image-bg{
position:absolute;
width:300px;
height:300px;
background:
linear-gradient(135deg,#004AAD,#3d8bff);
border-radius:35px;
top:50%;
left:50%;
transform:
translate(-50%,-50%)
rotate(10deg);

opacity:.08;
}

/* IMAGE */

.contact-image img{
width:100%;
max-width:360px;
position:relative;
z-index:2;
}

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

@media(max-width:992px){

.contact-box{
grid-template-columns:1fr;
padding:40px 35px;
gap:40px;
}

.contact-content{
text-align:center;
}

.contact-content p{
margin:auto auto 28px;
}

}

@media(max-width:768px){

.premium-contact{
padding:50px 0;
}

.contact-box{
padding:28px 22px;
border-radius:24px;
}

.contact-content h2{
font-size:30px;
}

.input-row{
grid-template-columns:1fr;
}

.contact-form input,
.contact-form textarea{
padding:15px 16px;
}

.contact-form button{
height:50px;
font-size:14px;
}

.contact-image img{
max-width:280px;
}

.image-bg{
width:220px;
height:220px;
}

}

/* =========================
FAQ SECTION
========================= */

.faq-section{
padding:50px 0;
background:#ffffff;
overflow:hidden;
}

.faq-wrapper{
display:grid;
grid-template-columns:1fr 1fr;
gap:60px;
align-items:center;
}

/* IMAGE */

.faq-image{
position:relative;
text-align:center;
}

.faq-bg{
position:absolute;
width:320px;
height:320px;
background:linear-gradient(135deg,#004AAD,#2d7fff);
border-radius:50%;
top:50%;
left:50%;
transform:translate(-50%,-50%);
opacity:.08;
}

.faq-image img{
width:100%;
max-width:460px;
position:relative;
z-index:2;
animation:floatImage 4s ease-in-out infinite;
}

/* HEADING */

.faq-heading span,
.faq-heading-full span{
font-size: 14px;
    font-weight: 600;
    letter-spacing: 1px;
    text-transform: uppercase;
    color: #f5a623;
    display: block;
    margin-bottom: 12px;

}

.faq-heading h1,
.faq-heading h2,
.faq-heading-full h2{
font-size:38px;
font-weight: 600;
line-height:1.3;
color:#004AAD;
margin-bottom:14px;

}

.faq-heading p,
.faq-heading-full p{
font-size:16px;
line-height:1.8;
color:#5f6b85;
margin-bottom:35px;

}

/* FAQ CARD */

.faq-card{
background:#fff;
padding:22px 25px;
border-radius:18px;
margin-bottom:18px;
border:1px solid #edf1f7;
box-shadow:0 10px 25px rgba(0,0,0,0.04);
cursor:pointer;
transition:.3s;
}

.faq-card:hover{
transform:translateY(-3px);
}

.faq-top{
display:flex;
justify-content:space-between;
align-items:center;
gap:20px;
}

.faq-top h3{
font-size:18px;
font-weight: 600;
color:#162447;

}

.faq-icon{
width:38px;
height:38px;
border-radius:50%;
background:#eef4ff;
display:flex;
align-items:center;
justify-content:center;
font-size:22px;
font-weight: 600;
color:#004AAD;
transition:.3s;
}

/* ANSWER */

.faq-answer{
max-height:0;
overflow:hidden;
opacity:0;
transition:.4s ease;
font-size:15px;
line-height:1.8;
color:#5f6b85;

}

/* ACTIVE */

.active-faq .faq-answer{
max-height:200px;
opacity:1;
margin-top:18px;
}

.active-faq .faq-icon{
background:#004AAD;
color:#fff;
transform:rotate(45deg);
}

/* ANIMATION */

@keyframes floatImage{

0%{
transform:translateY(0px);
}

50%{
transform:translateY(-12px);
}

100%{
transform:translateY(0px);
}

}

/* RESPONSIVE */

@media(max-width:991px){

.faq-wrapper{
grid-template-columns:1fr;
}

.faq-image{
order:-1;
}

}

@media(max-width:768px){

.faq-section{
padding:70px 0;
}

.faq-heading h1,
.faq-heading h2,
.faq-heading-full h2{
font-size:30px;
}

.faq-top h3{
font-size:16px;
}

}

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

.main-footer{
background:#071c55;
padding:100px 0 0;
position:relative;
overflow:hidden;
}

/* TOP GRADIENT LINE */

.main-footer::before{
content:'';
position:absolute;
top:0;
left:0;
width:100%;
height:5px;

background:
linear-gradient(90deg,#0047ff,#00a6ff,#0047ff);
}



/* FOOTER TOP */

.footer-top{
display:grid;
grid-template-columns:2fr 1fr 1fr 1.2fr;
gap:60px;
padding-bottom:70px;
}

/* LOGO */

.footer-logo img{
width:190px;
margin-bottom:25px;
}

/* ABOUT */

.footer-about p{
font-size:16px;
line-height:2;
color:rgba(255,255,255,.75);
margin-bottom:30px;
max-width:380px;
}

/* SOCIAL */

.footer-social{
display:flex;
gap:14px;
}

.footer-social a{
width:45px;
height:45px;
background:rgba(255,255,255,.08);
border-radius:14px;
display:flex;
align-items:center;
justify-content:center;
color:#fff;
font-size:15px;
font-weight: 600;
text-decoration:none;
transition:.3s;
}

.footer-social a:hover{
background:#0047ff;
transform:translateY(-4px);
}

/* TITLES */

.footer-links h3,
.footer-contact h3{
font-size:24px;
font-weight: 600;
color:#ffc56d;
margin-bottom:28px;
}

/* LINKS */

.footer-links{
display:flex;
flex-direction:column;
}

.footer-links a{
color:rgba(255,255,255,.75);
text-decoration:none;
margin-bottom:16px;
font-size:16px;
transition:.3s;
}

.footer-links a:hover{
color:#fff;
padding-left:6px;
}

/* CONTACT ITEMS */

.contact-item{
display:flex;
align-items:flex-start;
gap:14px;
margin-bottom:22px;
}

.contact-item:last-child{
margin-bottom:0;
}

.contact-item span{
   width: 45px;
    height: 45px;
    flex-shrink: 0;
    background: rgba(255, 255, 255, .08);
    border-radius: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 15px;
    font-weight: 600;
    text-decoration: none;
    transition: .3s;
}

.contact-item span i{
    font-size:22px;
    line-height:1;
    display:flex;
    align-items:center;
    justify-content:center;
}

.contact-item p{
font-size:16px;
line-height:1.8;
color:rgba(255,255,255,.75);
}

/* BOTTOM */

.footer-bottom{
border-top:1px solid rgba(255,255,255,.08);
padding:25px 0;
display:flex;
align-items:center;
justify-content:center;
gap:20px;
flex-wrap:wrap;
text-align:center;
}

.footer-bottom p{
font-size:15px;
color:rgba(255,255,255,.65);
}

.footer-bottom a{
color:#f5a623;
font-weight:600;
text-decoration:none;
}

.footer-bottom a:hover{
text-decoration:underline;
}

/* RESPONSIVE */

@media(max-width:1100px){

.footer-top{
grid-template-columns:1fr 1fr;
}

}

@media(max-width:768px){

.main-footer{
padding:80px 0 0;
}

.footer-top{
grid-template-columns:1fr;
gap:45px;
}

.footer-links h3,
.footer-contact h3{
font-size:22px;
}

.footer-bottom{
flex-direction:column;
text-align:center;
}

.footer-logo img{
width:160px;
}

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

@media(max-width:1100px){

.hero-content h1{
font-size:48px;
}

}

@media(max-width:768px){

.nav-links{
display:none;
}

.demo-btn{
display:none;
}

.hero{
padding-top:150px;
}

.hero-wrapper{
flex-direction:column;
}

.hero-content h1{
font-size:38px;
}

.hero-content p{
font-size:16px;
}

.hero-features{
grid-template-columns:1fr;
}

.section-title h2{
font-size:34px;
}

.contact-box{
padding:40px 25px;
}

.contact-form h2{
font-size:32px;
}

.cta h2{
font-size:38px;
}

}

/* =========================
USERS SECTION
========================= */

.users-section{
padding:50px 0;
background:#ffffff;
}

.container{
width:90%;
max-width:1250px;
margin:auto;
}

/* HEADING */

.section-heading{
text-align:center;
margin-bottom:45px;
}

.section-heading span{
font-size: 14px;
    font-weight: 600;
    letter-spacing: 1px;
    text-transform: uppercase;
    color: #f5a623;
    display: block;
    margin-bottom: 12px;
}

.section-heading h2{
font-size:38px;
font-weight: 600;
color:#004AAD;
line-height:1.2;
}

/* GRID */

.users-grid{
display:grid;
grid-template-columns:repeat(3,1fr);
gap:18px;
}

/* BOX */

/* USER BOX */

.user-box{
background:#fff;
border:1px solid #e6ecf5;
border-radius:14px;
padding:22px 24px;
display:flex;
align-items:center;
gap:16px;
transition:.3s ease;
min-height:88px;

/* ANIMATION */

opacity:0;

animation:
premiumSlide 1s cubic-bezier(.19,1,.22,1) forwards;
}

/* DELAYS */

.user-box:nth-child(1){animation-delay:.1s;}
.user-box:nth-child(2){animation-delay:.2s;}
.user-box:nth-child(3){animation-delay:.3s;}
.user-box:nth-child(4){animation-delay:.4s;}
.user-box:nth-child(5){animation-delay:.5s;}
.user-box:nth-child(6){animation-delay:.6s;}
.user-box:nth-child(7){animation-delay:.7s;}
.user-box:nth-child(8){animation-delay:.8s;}
.user-box:nth-child(9){animation-delay:.9s;}
.user-box:nth-child(10){animation-delay:1s;}
.user-box:nth-child(11){animation-delay:1.1s;}
.user-box:nth-child(12){animation-delay:1.2s;}

/* KEYFRAMES */

@keyframes premiumSlide{

0%{
opacity:0;

transform:
translateX(-90px)
scale(.95);

filter:blur(4px);
}

100%{
opacity:1;

transform:
translateX(0)
scale(1);

filter:blur(0);
}

}

/* ICON */

.user-box i{
width:42px;
height:42px;
border:2px solid #004AAD;
border-radius:50%;
display:flex;
align-items:center;
justify-content:center;
font-style:normal;
font-size:16px;
font-weight: 600;
color:#004AAD;
flex-shrink:0;
}

/* TEXT */

.user-box h3{
font-size:17px;
font-weight: 600;
line-height:1.5;
color:#071c55;
}

/* HOVER */

.user-box:hover{
border-color:#004AAD;
transform:translateY(-4px);
box-shadow:
0 10px 25px rgba(0,74,173,.08);
}

/* ACTIVE BOX */

.active-box{
background:#004AAD;
border-color:#004AAD;
}

.active-box h3{
color:#fff;
}

.active-box i{
background:#fff;
color:#004AAD;
}

/* RESPONSIVE */

@media(max-width:992px){

.users-grid{
grid-template-columns:repeat(2,1fr);
}

}

@media(max-width:768px){

.users-section{
padding:65px 0;
}

.section-heading h2{
font-size:30px;
}

.users-grid{
grid-template-columns:1fr;
}

.user-box{
padding:18px 20px;
min-height:auto;
}

.user-box h3{
font-size:16px;
}

}

/* =========================
FEATURES SECTION
========================= */

.loan-features{
padding:50px 0;
background:#f5f8ff;
overflow:hidden;
position:relative;
}



/* TOP HEADING */

.features-content{
text-align:center;
margin-bottom:70px;
}

/* SMALL TITLE */

.mini-title{
font-size: 14px;
    font-weight: 600;
    letter-spacing: 1px;
    text-transform: uppercase;
    color: #f5a623;
    display: block;
    margin-bottom: 12px;
}

/* MAIN HEADING */

.features-content h2{
font-size:38px;
line-height:1.2;
color:#0051c8;
margin-bottom:30px;
font-weight:600;
width: 100%;
}

/* DESCRIPTION */

.features-content p{
font-size:17px;
line-height:1.9;
color:#667085;
max-width:700px;
margin:auto;
margin-bottom:35px;
}

/* BUTTON */

.feature-btn{
display:inline-block;
padding:18px 38px;
background:linear-gradient(135deg,#071c55,#0047ff);
border-radius:60px;
color:#fff;
font-size:16px;
font-weight: 600;
text-decoration:none;

transition:.3s;
}

.feature-btn:hover{
transform:translateY(-4px);
}

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

.features-points{
display:grid;
grid-template-columns:repeat(3,1fr);
gap:25px;
}

/* CARD */

.feature-item{
background:#fff;
padding:28px 24px;
border-radius:24px;
display:flex;
align-items:flex-start;
gap:18px;
transition:.4s;
border:1px solid #edf1fa;
box-shadow:
0 10px 35px rgba(0,0,0,.04);
position:relative;
overflow:hidden;
}

/* TOP BORDER EFFECT */

.feature-item::before{
content:'';
position:absolute;
top:0;
left:0;
width:100%;
height:5px;
background:linear-gradient(90deg,#071c55,#0047ff);
}

/* HOVER */

.feature-item:hover{
transform:translateY(-8px);

box-shadow:
0 18px 50px rgba(0,0,0,.10);
}

/* ACTIVE CARD */

.active-item{
background:linear-gradient(135deg,#071c55,#0047ff);
}

.active-item h3{
color:#fff;
}

.active-item .feature-icon{
background:#fff;
color:#071c55;
}

/* ICON */

.feature-icon{
min-width:55px;
height:55px;
background:#21449d;
border-radius:18px;
display:flex;
align-items:center;
justify-content:center;
font-size:22px;
font-weight: 600;
color:#fff;
border:2px solid rgba(0,71,255,.15);
box-shadow:
0 0 0 6px rgba(0,71,255,.08);
}

/* TEXT */

.feature-item h3{
font-size:18px;
line-height:1.6;
font-weight: 600;
color:#071c55;
}

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

@media(max-width:1100px){

.features-points{
grid-template-columns:repeat(2,1fr);
}

.features-content h2{
        font-size: 40px;
}

}

@media(max-width:768px){

.loan-features{
padding:80px 0;
}

.features-content h2{
font-size:36px;
}

.features-content p{
font-size:15px;
}

.features-points{
grid-template-columns:1fr;
}

.feature-item{
padding:24px 20px;
}

.feature-item h3{
font-size:16px;
}

.feature-btn{
padding:16px 32px;
font-size:15px;
}

}

/* =========================
WHY SECTION
========================= */
.why-section{
    padding:50px 0;
    background:#ffffff;
}

.why-wrapper{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:70px;
    align-items:center;
}

.why-subtitle{
    display:inline-block;
    font-size:13px;
    font-weight:600;
    text-transform:uppercase;
    letter-spacing:1px;
    color:#f5a623;
    margin-bottom:15px;
}

.why-content h2{
    font-size:42px;
    line-height:1.25;
    font-weight:600;
    color:#004AAD;
    margin-bottom:20px;
}

.why-content > p{
    font-size:16px;
    line-height:1.9;
    color:#667085;
    margin-bottom:35px;
}

.why-points{
    display:flex;
    flex-direction:column;
    gap:18px;
}

.why-point{
    display:flex;
    gap:18px;
    background:#fff;
    padding:22px;
    border-radius:18px;
    border:1px solid #edf1fa;
    box-shadow:0 10px 30px rgba(0,0,0,.04);
    transition:.3s;
}

.why-point:hover{
    transform:translateY(-5px);
}

.point-icon{
    width:46px;
    height:46px;
    border-radius:12px;
    background:#004AAD;
    color:#fff;
    display:flex;
    align-items:center;
    justify-content:center;
    font-weight:700;
    flex-shrink:0;
}

.why-point h4{
    font-size:18px;
    color:#071c55;
    margin-bottom:8px;
    font-weight:600;
}

.why-point p{
    font-size:14px;
    line-height:1.7;
    color:#667085;
    margin:0;
}

.why-image{
    text-align:center;
}

.why-image img{
    width:100%;
    max-width:520px;
}

@media(max-width:991px){

    .why-wrapper{
        grid-template-columns:1fr;
    }

    .why-content{
        text-align:center;
    }

    .why-image{
        order:-1;
    }

}

@media(max-width:768px){

    .why-section{
        padding:80px 0;
    }

    .why-content h2{
        font-size:32px;
    }

    .why-point{
        text-align:left;
    }

}

/* =========================
PRODUCT SUITE
========================= */

.product-suite{
padding:60px 0;
background:#ffffff;
overflow:hidden;
}



/* HEADING */

.suite-heading{
text-align:center;
margin-bottom:35px;
}

.suite-heading span{
font-size:14px;
font-weight:600;
letter-spacing:1px;
text-transform:uppercase;
color:#f5a623;
display:block;
margin-bottom:12px;
}

.suite-heading h2{
font-size:38px;
font-weight: 600;
line-height:1.2;
color:#004AAD;
margin-bottom:18px;
}

.suite-heading p{
max-width:850px;
margin:auto;
font-size:16px;
line-height:1.8;
color:#5f6b85;
}

/* GRID */

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

/* CARD */

.suite-card{
background:#fff;
padding:25px 24px;
border-radius:24px;
border:1px solid #e6edf7;
position:relative;
overflow:hidden;
transition:.4s ease;

/* ANIMATION */

opacity:0;

animation:
premiumPop .9s ease forwards;
}

/* DELAY */

.suite-card:nth-child(1){
animation-delay:.2s;
}

.suite-card:nth-child(2){
animation-delay:.4s;
}

.suite-card:nth-child(3){
animation-delay:.6s;
}

/* TOP STRIP */

.top-strip{
position:absolute;
top:0;
left:0;
width:100%;
height:5px;
background:
linear-gradient(90deg,
#004AAD,
#2b7fff);
}

/* TOP */

.suite-top{
display:flex;
align-items:center;
gap:18px;
margin-bottom:28px;
}

/* ICON */

.suite-icon{
width:70px;
height:70px;
border-radius:20px;
background:#eef4ff;
display:flex;
align-items:center;
justify-content:center;
font-size:30px;
flex-shrink:0;
}
.suite-icon.hand{
width:70px;
height:70px;
border-radius:20px;
background:#eef4ff;
display:flex;
align-items:center;
justify-content:center;
font-size:30px;
flex-shrink:0;
color: white;
}
/* SMALL TITLE */

.suite-top span{
font-size: 14px;
    font-weight: 600;
    letter-spacing: 1px;
    text-transform: uppercase;
    color: #f5a623;
    display: block;
    margin-bottom: 12px;
}

/* TITLE */

.suite-card h3{
font-size:24px;
font-weight:400;
line-height:1.3;
color:#071c55;
}

/* TEXT */

.suite-card p{
font-size:15px;
line-height:1.9;
color:#5f6b85;
margin-bottom:20px;
}

/* TAGS */

.feature-tags{
display:flex;
flex-wrap:wrap;
gap:10px;
margin-top:28px;
margin-bottom:28px;
}

.feature-tags span{
font-size: 14px;
    font-weight: 600;
    letter-spacing: 1px;
    text-transform: uppercase;
    color: #f5a623;
    display: block;
    margin-bottom: 12px;
}

/* BUTTON */

.suite-card a{
font-size:15px;
font-weight:600;
text-decoration:none;
color:#004AAD;
}

/* HOVER */

.suite-card:hover{

transform:
translateY(-12px);

box-shadow:
0 20px 50px rgba(0,74,173,.10);

border-color:#004AAD;
}

/* ACTIVE CARD */

.active-card{
background:
linear-gradient(135deg,
#00308F,
#004AAD);
}

.active-card h3,
.active-card p,
.active-card a,
.active-card .suite-top span{
color:#fff;
}

.active-card .suite-icon{
background:
rgba(255,255,255,.12);
}

.active-card .feature-tags span{
background:
rgba(255,255,255,.12);

color:#fff;
}

/* ANIMATION */

@keyframes premiumPop{

0%{
opacity:0;

transform:
translateY(90px)
scale(.92);
}

60%{
opacity:1;

transform:
translateY(-10px)
scale(1.02);
}

100%{
opacity:1;

transform:
translateY(0)
scale(1);
}

}

/* RESPONSIVE */

@media(max-width:1100px){

.suite-grid{
grid-template-columns:repeat(2,1fr);
}

}

@media(max-width:768px){

.product-suite{
padding:70px 0;
}

.suite-heading h2{
font-size:32px;
}

.suite-grid{
grid-template-columns:1fr;
}

.suite-card{
padding:28px 24px;
}

.suite-card h3{
font-size:24px;
}

}

/* =========================
LOANMATRIX FEATURES
========================= */
.lm-features{
    padding:50px 0;
    background:linear-gradient(135deg,#00308F,#004AAD);
}

/* GRID */

.lm-grid{
    display:grid;
    grid-template-columns:40% 56%;
    gap:40px;
    align-items:start;
}

/* LEFT */

.lm-list{
    display:flex;
    flex-direction:column;
    gap:16px;
}

/* ITEM */

.lm-item{
    display:flex;
    align-items:flex-start;
    gap:16px;
    padding:22px;
    width:100%;
    border-radius:18px;
    border:1px solid rgba(255,255,255,.08);
    cursor:pointer;
    transition:.35s ease;
}

/* ACTIVE */

.active-item{
    background:rgba(255,255,255,.05);
    border-color:#2b7fff;
}

/* HOVER */

.lm-item:hover{
    transform:translateX(6px);
}

/* ICON */

.lm-icon{
    width:52px;
    height:52px;
    border-radius:14px;
    background:#0d4fcf;
    display:flex;
    align-items:center;
    justify-content:center;
    flex-shrink:0;
}

.lm-icon i{
    font-size:22px;
    color:#fff;
}

/* ACTIVE ICON */

.active-item .lm-icon{
    background:#fff;
}

.active-item .lm-icon i{
    color:#0d4fcf;
}

/* TEXT */

.lm-item h3,
.lm-item .lm-item-title{
    font-size:16px;
    font-weight:600;
    line-height:1.4;
    color:#fff;
    margin-bottom:6px;
}

.lm-item p{
    font-size:15px;
    line-height:1.7;
    color:rgba(255,255,255,.65);
}

/* RIGHT */

.lm-details{
    position:relative;
    min-height:420px;
}

/* CARD */

.lm-card{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    max-width:500px;
    margin-left:70px;
    background:rgba(255,255,255,.05);
    border:1px solid rgba(255,255,255,.08);
    padding:40px;
    border-radius:24px;
    opacity:0;
    visibility:hidden;
    transform:translateY(20px);
    transition:.4s ease;
}

/* ACTIVE CARD */

.lm-card.active-card{
    opacity:1;
    visibility:visible;
    transform:translateY(0);
}

/* MINI TEXT */

.mini-text{
    font-size:13px;
    font-weight:600;
    letter-spacing:1px;
    text-transform:uppercase;
    color:#f5a623;
    display:block;
    margin-bottom:14px;
}

/* TITLE */

.lm-card h2{
    font-size:29px;
    font-weight:600;
    line-height:1.3;
    color:#fff;
    margin-bottom:18px;
}

/* TEXT */

.lm-card p{
    font-size:14px;
    line-height:1.9;
    color:rgba(255,255,255,.72);
    margin-bottom:28px;
}

/* TAGS */

.lm-tags{
    display:flex;
    flex-wrap:wrap;
    gap:12px;
}

.lm-tags span{
    padding:10px 16px;
    border-radius:50px;
    background:rgba(43,127,255,.12);
    border:1px solid rgba(43,127,255,.35);
    font-size:13px;
    font-weight:600;
    color:#6cb8ff;
}

/* =========================
TABLET
========================= */

@media(max-width:992px){

    .lm-grid{
        grid-template-columns:1fr;
        gap:30px;
    }

    .lm-item{
        width:100%;
    }

    .lm-details{
        min-height:380px;
    }

    .lm-card{
        max-width:100%;
        margin-left:0;
    }
}

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

@media(max-width:768px){

    .lm-features{
        padding:60px 0;
    }

    .lm-item{
        padding:18px;
    }

    .lm-icon{
        width:46px;
        height:46px;
    }

    .lm-icon i{
        font-size:20px;
    }

    .lm-item h3,
    .lm-item .lm-item-title{
        font-size:17px;
    }

    .lm-item p{
        font-size:14px;
        line-height:1.6;
    }

    .lm-card{
        padding:25px;
        border-radius:20px;
    }

    .lm-card h2{
        font-size:24px;
    }

    .lm-card p{
        font-size:14px;
        line-height:1.8;
    }

    .lm-tags span{
        padding:8px 14px;
        font-size:12px;
    }
}

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

@media(max-width:576px){

    .lm-item{
        flex-direction:column;
        gap:12px;
        padding:16px;
    }

    .lm-icon{
        width:42px;
        height:42px;
    }

    .lm-icon i{
        font-size:18px;
    }

    .mini-text{
        font-size:11px;
    }

    .lm-card{
        padding:20px;
        border-radius:18px;
    }

    .lm-card h2{
        font-size:20px;
    }

    .lm-card p{
        font-size:13px;
        line-height:1.7;
    }

    .lm-details{
        min-height:520px;
    }
}
/* =========================
PLATFORM HEADING
========================= */

.platform-heading{
text-align:center;
max-width:900px;
margin:0 auto 60px;
}

/* SUB TITLE */

.platform-heading span{
font-size: 14px;
    font-weight: 600;
    letter-spacing: 1px;
    text-transform: uppercase;
    color: #f5a623;
    display: block;
    margin-bottom: 12px;
}

/* TITLE */

.platform-heading h2{
font-size:38px;
font-weight: 600;
line-height:1.3;
color:#ffffff;
margin-bottom:22px;
}

/* TEXT */

.platform-heading p{
font-size:13px;
line-height:1.9;
color:#d0d0d0;
margin-bottom:0px;
}

/* RESPONSIVE */

@media(max-width:768px){

.platform-heading h2{
font-size:30px;
}

.platform-heading p{
font-size:15px;
}

}

/* =========================
REVIEWS SECTION
========================= */
/* =========================
REVIEWS SECTION
========================= */

.reviews-section{
    padding:50px 0;
    background:#f8fbff;
    overflow:hidden;
}

/* CONTAINER */

.container{
    width:90%;
    max-width:1250px;
    margin:0 auto;
}

/* =========================
HEADING
========================= */

.reviews-heading{
    text-align:center;
    max-width:820px;
    margin:0 auto 65px;
}

.reviews-heading span{
  font-size: 14px;
    font-weight: 600;
    letter-spacing: 1px;
    text-transform: uppercase;
    color: #f5a623;
    display: block;
    margin-bottom: 12px;
}

.reviews-heading h2{
    font-size:42px;
    line-height:1.25;
    font-weight: 600;
    color:#004AAD;
    margin-bottom:18px;
}

.reviews-heading p{
    font-size:16px;
    line-height:1.9;
    color:#667085;
    max-width:650px;
    margin:0 auto;
}

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

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

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

.review-card{
    background:#fff;
    padding:32px;
    border-radius:24px;
    border:1px solid #e8eef9;
    position:relative;
    overflow:hidden;

    transition:
    transform .45s cubic-bezier(.19,1,.22,1),
    box-shadow .45s ease,
    border-color .35s ease;

    opacity:0;

    animation:
    premiumCard .9s cubic-bezier(.19,1,.22,1) forwards;
}

/* DELAYS */

.review-card:nth-child(1){animation-delay:.1s;}
.review-card:nth-child(2){animation-delay:.2s;}
.review-card:nth-child(3){animation-delay:.3s;}
.review-card:nth-child(4){animation-delay:.4s;}
.review-card:nth-child(5){animation-delay:.5s;}
.review-card:nth-child(6){animation-delay:.6s;}

/* TOP GRADIENT LINE */

.review-card::before{
    content:"";
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:4px;
    background:linear-gradient(
    90deg,
    #004AAD,
    #2b7fff,
    #6ea8ff
    );
}

/* GLOW EFFECT */

.review-card::after{
    content:"";
    position:absolute;
    top:-120px;
    right:-120px;
    width:220px;
    height:220px;

    background:
    radial-gradient(
    circle,
    rgba(43,127,255,.14) 0%,
    transparent 70%
    );

    transition:.5s ease;
}

/* HOVER */

.review-card:hover{
    transform:
    translateY(-12px)
    scale(1.02);

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

    border-color:#cfe0ff;
}

.review-card:hover::after{
    top:-80px;
    right:-80px;
}

/* =========================
STARS
========================= */

.stars{
    font-size:20px;
    letter-spacing:2px;
    color:#f5a623;
    margin-bottom:20px;
}

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

.review-text{
    font-size:15px;
    line-height:1.9;
    color:#5f6b85;
    margin-bottom:28px;
}

/* =========================
USER INFO
========================= */

.review-user{
    display:flex;
    align-items:center;
    gap:14px;
}

.user-badge{
    width:54px;
    height:54px;
    border-radius:50%;

    background:
    linear-gradient(
    135deg,
    #004AAD,
    #2b7fff
    );

    display:flex;
    align-items:center;
    justify-content:center;

    font-size:18px;
    font-weight:600;
    color:#fff;

    flex-shrink:0;
}

.review-user h4{
    font-size:16px;
    font-weight: 600;
    color:#071c55;
    margin-bottom:4px;
}

.review-user span{
    font-size:14px;
    color:#7b879d;
}

/* =========================
ANIMATION
========================= */

@keyframes premiumCard{

    0%{
        opacity:0;

        transform:
        translateY(80px)
        scale(.92);

        filter:blur(5px);
    }

    100%{
        opacity:1;

        transform:
        translateY(0)
        scale(1);

        filter:blur(0);
    }

}

/* =========================
TABLET
========================= */

@media(max-width:992px){

    .reviews-grid{
        grid-template-columns:repeat(2,1fr);
        gap:24px;
    }

    .reviews-heading{
        margin-bottom:50px;
    }

}

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

@media(max-width:768px){

    .reviews-section{
        padding:80px 0;
    }

    .reviews-heading{
        margin-bottom:40px;
    }

    .reviews-heading h2{
        font-size:30px;
    }

    .reviews-heading p{
        font-size:15px;
    }

    .reviews-grid{
        grid-template-columns:1fr;
        gap:20px;
    }

    .review-card{
        padding:26px;
    }

}
/* =========================
WORKFLOW SECTION
========================= */

.workflow-section{
padding:60px 0;
background:#f7faff;
overflow:hidden;
}



/* HEADING */

.workflow-heading{
text-align:center;
max-width:820px;
margin:auto auto 30px;
}

.workflow-heading span{
font-size: 14px;
    font-weight: 600;
    letter-spacing: 1px;
    text-transform: uppercase;
    color: #f5a623;
    display: block;
    margin-bottom: 12px;
}

.workflow-heading h2{
font-size:38px;
font-weight: 600;
line-height:1.3;
color:#004AAD;
margin-bottom:18px;
}

.workflow-heading p{
font-size:16px;
line-height:1.9;
color:#5f6b85;
}

/* WRAPPER */

.workflow-wrapper{
display:flex;
align-items:center;
justify-content:center;
gap:0;
position:relative;
}

/* CARD */

.workflow-card{
background:#fff;
width:340px;
padding:40px 32px;
border-radius:26px;
text-align:center;
position:relative;
border:1px solid #e7edf7;
transition:.4s ease;
/* ANIMATION */

opacity:0;

animation:
workflowPop 1s cubic-bezier(.19,1,.22,1) forwards;
}

/* DELAY */

.workflow-card:nth-child(1){
animation-delay:.2s;
}

.workflow-card:nth-child(3){
animation-delay:.5s;
}

.workflow-card:nth-child(5){
animation-delay:.8s;
}

/* ACTIVE */

.active-card{
background:
linear-gradient(
135deg,
#004AAD,
#0d63ff
);

transform:translateY(-18px);
}

.active-card h3,
.active-card p,
.active-card .step-number{
color:#fff;
}

/* NUMBER */

.step-number{
font-size:50px;
font-weight:700;
line-height:1;
color:#004AAD;
margin-bottom:22px;
}

/* TITLE */

.workflow-card h3{
font-size:16px;
font-weight: 600;
line-height:1.4;
color:#071c55;
margin-bottom:16px;
}
.active-card h3{
    color:#fff;
}
.workflow-card.active-card p{
    color:#dedede !important;
}
/* TEXT */

.workflow-card p{
font-size:15px;
line-height:1.9;
color:#5f6b85;
}

/* LINE */

.workflow-line{
width:100px;
height:2px;

background:
linear-gradient(
90deg,
#004AAD,
#6ea8ff
);

position:relative;
}

/* DOT */

.workflow-line::before{
content:"";
position:absolute;
top:50%;
left:50%;
transform:translate(-50%,-50%);
width:16px;
height:16px;
border-radius:50%;
background:#004AAD;
box-shadow:
0 0 0 8px rgba(0,74,173,.12);
}

/* HOVER */

.workflow-card:hover{

transform:
translateY(-10px);

box-shadow:
0 20px 50px rgba(0,74,173,.10);

border-color:#dce7ff;
}

/* ANIMATION */

@keyframes workflowPop{

0%{
opacity:0;

transform:
translateY(90px)
scale(.88);

filter:blur(6px);
}

60%{
opacity:1;

transform:
translateY(-8px)
scale(1.02);
}

100%{
opacity:1;

transform:
translateY(0)
scale(1);

filter:blur(0);
}

}

/* RESPONSIVE */

@media(max-width:992px){

.workflow-wrapper{
flex-direction:column;
gap:24px;
}

.workflow-line{
width:2px;
height:70px;
}

.workflow-line::before{
top:50%;
left:50%;
}

}

@media(max-width:768px){

.workflow-section{
padding:70px 0;
}

.workflow-heading h2{
font-size:30px;
}

.workflow-card{
width:100%;
padding:32px 24px;
}

.workflow-card h3{
font-size:22px;
}

}

.benefit-icon i{
color:#0d63ff;
}
.suite-icon i{
    color: #004AAD;
}
.active-card .suite-icon i{
    color: #ffffff;
}
.lm-icon i{
    color: rgb(255, 162, 3);
}

/*about page css*/
.about-section{
padding:50px 0;
background:#fff;
overflow:hidden;
}

.about-wrapper{
display:grid;
grid-template-columns:1.1fr 1fr;
gap:80px;
align-items:center;
}

/* CONTENT */

.about-subtitle{
font-size:16px;
font-weight: 600;
letter-spacing:1px;
text-transform:uppercase;
color:#f5a623;
display:block;
margin-bottom:15px;
}

.about-content h1,
.about-content h2{
font-size:38px;
font-weight: 600;
line-height:1.3;
color:#004AAD;
margin-bottom:22px;
}

.about-content p{
font-size:16px;
line-height:1.9;
color:#5f6b85;
margin-bottom:18px;
}

.about-points{
display:grid;
grid-template-columns:repeat(2,1fr);
gap:14px;
margin:30px 0;
}

.point{
padding:14px 18px;
background:#f7faff;
border:1px solid #e6edf7;
border-radius:12px;
font-size:15px;
font-weight: 600;
color:#071c55;
}

.about-btn{
display:inline-block;
padding:14px 30px;
background:#004AAD;
color:#fff;
text-decoration:none;
border-radius:50px;
font-weight: 600;
transition:.3s;
}

.about-btn:hover{
transform:translateY(-3px);
}

/* IMAGE */

.about-image{
position:relative;
}



.about-image img{
width:100%;
display:block;

border-radius:30px;

background:#fff;
padding:12px;

position:relative;
z-index:2;

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

animation:imageSlide 1s ease forwards;
}

/* IMAGE ANIMATION */

@keyframes imageSlide{

0%{
opacity:0;
transform:
translateX(80px)
scale(.95);
}

100%{
opacity:1;
transform:
translateX(0)
scale(1);
}

}

/* RESPONSIVE */

@media(max-width:992px){

.about-wrapper{
grid-template-columns:1fr;
}

.about-points{
grid-template-columns:1fr;
}

.about-content h1,
.about-content h2{
font-size:32px;
}

.image-shape{
right:0;
top:15px;
}

}

@media(max-width:768px){

.about-section{
padding:70px 0;
}

.about-content h1,
.about-content h2{
font-size:28px;
}

}

.industry-section{
padding:50px 0;
background:url('../images/hero-4-300x133.webp');
}

.industry-wrapper{
display:grid;
grid-template-columns:.9fr 1.1fr;
gap:80px;
align-items:center;
}

.section-tag{
font-size:14px;
font-weight:600;
text-transform:uppercase;
letter-spacing:1px;
color:#f5a623;
display:block;
margin-bottom:15px;
}

.industry-content h2{
font-size:38px;
font-weight: 600;
line-height:1.3;
color:#ffffff;
margin-bottom:20px;
}

.industry-content p{
font-size:16px;
line-height:1.8;
color:#d6d6d6;
margin-bottom:30px;
}

.industry-btn{
display:inline-block;
padding:14px 28px;
background:#004AAD;
color:#fff;
text-decoration:none;
border-radius:50px;
}

/* LIST */

.industry-list{
display:flex;
flex-direction:column;
gap:18px;
}

.industry-item{
display:flex;
align-items:center;
gap:20px;
padding:5px 25px;
background:#fff;
border:1px solid #e8edf5;
border-radius:16px;
transition:.3s;
}

.industry-item:hover{
transform:translateX(10px);
border-color:#004AAD;
box-shadow:0 15px 35px rgba(0,74,173,.08);
}

.industry-item span{
width:52px;
height:52px;
background:#004AAD;
border-radius:50%;
display:flex;
align-items:center;
justify-content:center;
color:#fff;
font-size:15px;
font-weight:600;
flex-shrink:0;
}

.industry-item h3{
font-size:17px;
font-weight: 600;
color:#071c55;
}

/* MOBILE */

@media(max-width:992px){

.industry-wrapper{
grid-template-columns:1fr;
gap:40px;
}

}

@media(max-width:768px){

.industry-content h2{
font-size:30px;
}

}
.lm-features-pro{
padding:60px 0;
background:#fff;
}

.lm-features-head{
text-align:center;
max-width:750px;
margin:0 auto 60px;
}

.lm-features-head span{
font-size: 14px;
    font-weight: 600;
    letter-spacing: 1px;
    text-transform: uppercase;
    color: #f5a623;
    display: block;
    margin-bottom: 12px;
}

.lm-features-head h2{
font-size:38px;
font-weight: 600;
color:#004AAD;
margin-bottom:18px;
}

.lm-features-head p{
font-size:16px;
line-height:1.8;
color:#5f6b85;
}

.lm-features-grid{
display:grid;
grid-template-columns:repeat(3,1fr);
gap:22px;
}

.lm-feature-box{
background:#004AAD;
border:1px solid #ff8e1e;
border-radius:18px;
padding:15px;
transition:.35s ease;
}

.lm-feature-box:hover{
transform:translateY(-6px);
box-shadow:0 15px 40px rgba(0,74,173,.08);
border-color:#004AAD;
}

.lm-feature-box i{
font-size:28px;
color:#004AAD;
margin-bottom:18px;
display:block;
}

.lm-feature-box h3{
font-size:17px;
font-weight: 600;
line-height:1.6;
color:#ffffff;
margin-top: -45px;
}

@media(max-width:992px){
.lm-features-grid{
grid-template-columns:repeat(2,1fr);
}
}

@media(max-width:768px){
.lm-features-grid{
grid-template-columns:1fr;
}
}

.story-section{
padding:100px 0;
background:#fff;
}

.story-wrapper{
display:grid;
grid-template-columns:1fr 1.1fr;
gap:80px;
align-items:center;
}

.story-image{
position:relative;
}

.story-image img{
width:100%;
border-radius:25px;
display:block;
box-shadow:0 25px 60px rgba(0,0,0,.08);

animation:
storyPop 1.2s cubic-bezier(.19,1,.22,1),
storyFloat 5s ease-in-out infinite 1.2s;
}

/* Pop Animation */

@keyframes storyPop{

0%{
opacity:0;
transform:
translateX(80px)
scale(.9);
}

100%{
opacity:1;
transform:
translateX(0)
scale(1);
}

}

/* Floating Animation */

@keyframes storyFloat{

0%,100%{
transform:translateY(0);
}

50%{
transform:translateY(-12px);
}

}
.story-badge{
position:absolute;
bottom:25px;
left:25px;

background:#004AAD;
color:#fff;

padding:15px 22px;

border-radius:12px;

font-size:14px;
font-weight: 600;
}

.story-tag{
display:block;

font-size:14px;
font-weight:600;

letter-spacing:1px;

text-transform:uppercase;

color:#f5a623;

margin-bottom:15px;
}

.story-content h2{
font-size:38px;
font-weight: 600;
line-height:1.3;
color:#004AAD;
margin-bottom:22px;
}

.story-content p{
font-size:16px;
line-height:1.9;
color:#5f6b85;
margin-bottom:18px;
}

/* Animation */

.story-image img{
animation:slideImage 1s ease;
}

@keyframes slideImage{

0%{
opacity:0;
transform:translateX(-60px);
}

100%{
opacity:1;
transform:translateX(0);
}

}

.story-content{
animation:fadeContent 1s ease;
}

@keyframes fadeContent{

0%{
opacity:0;
transform:translateY(30px);
}

100%{
opacity:1;
transform:translateY(0);
}

}

/* Mobile */

@media(max-width:992px){

.story-wrapper{
grid-template-columns:1fr;
gap:50px;
}

}

@media(max-width:768px){

.story-section{
padding:70px 0;
}

.story-content h2{
font-size:30px;
}

}

.difference-section{
padding:100px 0;
background:#f7faff;
}

.difference-wrapper{
display:grid;
grid-template-columns:1.1fr 1fr;
gap:80px;
align-items:center;
}

.difference-tag{
font-size:14px;
font-weight:600;
text-transform:uppercase;
letter-spacing:1px;
color:#f5a623;
display:block;
margin-bottom:15px;
}

.difference-content h2{
font-size:38px;
font-weight: 600;
line-height:1.3;
color:#004AAD;
margin-bottom:20px;
}

.difference-content p{
font-size:16px;
line-height:1.8;
color:#5f6b85;
}

.difference-list{
margin-top:35px;
display:flex;
flex-direction:column;
gap:20px;
}

.difference-item{
padding-left:22px;
border-left:3px solid #004AAD;
}

.difference-item h3{
font-size:18px;
font-weight:600;
color:#071c55;
margin-bottom:8px;
}

.difference-item p{
margin:0;
font-size:15px;
}
.difference-image{
position:relative;
}

.difference-image img{
width:100%;
display:block;
border-radius:25px;

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

animation:imageFloat 5s ease-in-out infinite;
}

/* Floating Animation */

@keyframes imageFloat{

0%{
transform:translateY(0);
}

50%{
transform:translateY(-15px);
}

100%{
transform:translateY(0);
}

}

@media(max-width:992px){
.difference-wrapper{
grid-template-columns:1fr;
}
}

@media(max-width:768px){
.difference-content h2{
font-size:30px;
}
}

/* SECTION */

.kyc-section{
    padding:100px 8%;
    background:#f8f9fc;
}

.kyc-section .container{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:80px;
}

/* IMAGE */

.kyc-image{
    flex:1;
}

.kyc-image img{
    width:100%;
    max-width:650px;
    display:block;
    margin:auto;
    animation:float 4s ease-in-out infinite;
}

/* CONTENT */

.kyc-content{
    flex:1;
}

.sub-heading{
    color:#f5a623;
    font-size:18px;
    display:block;
    margin-bottom:20px;
}

.kyc-content h2{
    font-size:38px;
    line-height:1;
    color:#0052cc;
    margin-bottom:35px;
    font-weight: 600;
}

.kyc-list{
    list-style:none;
    padding:0;
}

.kyc-list li{
    position:relative;
    padding-left:40px;
    margin-bottom:20px;
    font-size:17px;
    color:#444;
}

.kyc-list li::before{
    content:"✓";
    position:absolute;
    left:0;
    top:0;
    width:24px;
    height:24px;
    color:#0052cc;
    font-weight:bold;
    font-size:22px;
}

/* IMAGE ANIMATION */

@keyframes float{
    0%{
        transform:translateY(0);
    }
    50%{
        transform:translateY(-15px);
    }
    100%{
        transform:translateY(0);
    }
}

/* RESPONSIVE */

@media(max-width:991px){

    .kyc-section .container{
        flex-direction:column;
        text-align:center;
    }

    .kyc-content h2{
        font-size:38px;
    }

    .kyc-list li{
        font-size:20px;
        text-align:left;
    }
}

.blog-section{
    padding:100px 8%;
    background:#f8fbff;
}

.section-header{
    text-align:center;
    max-width:750px;
    margin:0 auto 70px;
}

.section-header span{
    display:inline-block;
    color:#f5a623;
    font-weight: 600;
    margin-bottom:15px;
}

.section-header h1,
.section-header h2{
    font-size:38px;
    color:#004aad;
    margin-bottom:20px;
    font-weight: 600;
}

.section-header p{
    color:#666;
    line-height:1.8;
}

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

.blog-card{
    background:#fff;
    border-radius:24px;
    overflow:hidden;
    box-shadow:0 15px 40px rgba(0,0,0,.08);
    transition:.4s;
}

.blog-card:hover{
    transform:translateY(-12px);
    box-shadow:0 25px 60px rgba(0,0,0,.15);
}

.blog-image{
    overflow:hidden;
}

.blog-image img{
    width:100%;
    display:block;
    transition:.5s;
}

.blog-card:hover .blog-image img{
    transform:scale(1.08);
}

.blog-content{
    padding:30px;
}

.blog-date{
    color:#ff9800;
    font-size:14px;
    font-weight: 600;
    margin-bottom:15px;
}

.blog-content h3{
    color:#004aad;
    font-size:16px;
    line-height:1.4;
    margin-bottom:15px;
}

.blog-content p{
    color:#666;
    line-height:1.8;
    margin-bottom:20px;
}

.read-more{
    color:#004aad;
    font-weight: 600;
    text-decoration:none;
    transition:.3s;
}

.read-more:hover{
    letter-spacing:1px;
}

/* Responsive */

@media(max-width:991px){

    .blog-grid{
        grid-template-columns:1fr;
    }

    .section-header h1,
.section-header h2{
        font-size:38px;
    }
}


.contact-section{
    padding:120px 8%;
    background:linear-gradient(
        180deg,
        #f8fbff 0%,
        #eef4ff 100%
    );
}

.contact-container{
    max-width:1400px;
    margin:auto;
    display:grid;
    grid-template-columns:420px 1fr;
    gap:50px;
    align-items:start;
}

/* LEFT SIDE */

.contact-info{
    display:flex;
    flex-direction:column;
    gap:25px;
}

.contact-card{
    background:#004aad;
    color:#fff;
    padding:15px;
    border-radius:30px;
    position:relative;
    overflow:hidden;
    transition:.4s ease;
}

.contact-card::before{
    content:'';
    position:absolute;
    width:180px;
    height:180px;
    background:rgba(255,255,255,.08);
    border-radius:50%;
    top:-80px;
    right:-80px;
}

.contact-card:hover{
    transform:translateY(-10px);
}

.contact-icon{
      width: 60px;
    height: 60px;
    background: #ffb400;
    border-radius: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 30px;
    margin-bottom: 10px;
    color: #004aad;
}

.contact-card h4{
    font-size:18px;
    margin-bottom:15px;
    font-weight: 600;

}

.contact-card p{
    font-size:17px;
    line-height:1.8;
}

/* RIGHT SIDE */

.contact-form-wrapper{
    background:#fff;
    padding:50px;
    border-radius:35px;
    box-shadow:
    0 20px 70px rgba(0,74,173,.08);
}

.contact-tag{
    color:#ffb400;
    font-size:14px;
    font-weight:600;
    text-transform:uppercase;
    letter-spacing:1px;
}

.contact-form-wrapper h2{
       font-size: 38px;
    color: #004aad;
    margin: 8px 0 8px;
    line-height: -1.8;
font-weight: 600;}


.contact-desc{
    color:#667085;
    margin-bottom:35px;
    line-height:1.8;
}

.form-row{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:20px;
}

.form-group{
    margin-bottom:20px;
}

.form-group input,
.form-group textarea{
    width:100%;
    padding:18px 22px;
    border:1px solid #dfe4ea;
    border-radius:16px;
    font-size:16px;
    outline:none;
    transition:.3s;
}

.form-group input:focus,
.form-group textarea:focus{
    border-color:#004aad;
    box-shadow:0 0 0 4px rgba(0,74,173,.08);
}

.contact-btn{
    background:linear-gradient(
        135deg,
        #004aad,
        #0066ff
    );
    color:#fff;
    border:none;
    padding:18px 40px;
    border-radius:50px;
    font-size:16px;
    font-weight: 600;
    cursor:pointer;
    transition:.4s;
}

.contact-btn:hover{
    transform:translateY(-4px);
}

/* TABLET */

@media(max-width:991px){

    .contact-container{
        grid-template-columns:1fr;
    }

    .form-row{
        grid-template-columns:1fr;
    }

    .contact-form-wrapper{
        padding:40px;
    }

    .contact-form-wrapper h2{
        font-size:32px;
    }
}

/* MOBILE */

@media(max-width:576px){

    .contact-section{
        padding:80px 20px;
    }

    .contact-form-wrapper{
        padding:30px 20px;
    }

    .contact-form-wrapper h2{
        font-size:28px;
    }

    .contact-card{
        padding:25px;
    }
}



.about-image img,
.story-image img,
.difference-image img{
    opacity:0;
    transform:scale(.7);
}

section.show .about-image img,
section.show .story-image img,
section.show .difference-image img{
    animation:imageBounce .9s ease forwards;
}

@keyframes imageBounce{

    0%{
        opacity:0;
        transform:scale(.7);
    }

    60%{
        opacity:1;
        transform:scale(1.12);
    }

    80%{
        transform:scale(.96);
    }

    100%{
        opacity:1;
        transform:scale(1);
    }
}


/* ===================================
CARD POP ANIMATION
=================================== */

.industry-item,
.lm-feature-box,
.difference-item,
.point{

    opacity:0;
    transform:scale(.7) translateY(40px);
}

section.show .industry-item,
section.show .lm-feature-box,
section.show .difference-item,
section.show .point{

    animation:cardPop .7s ease forwards;
}

@keyframes cardPop{

    0%{
        opacity:0;
        transform:scale(.7) translateY(40px);
    }

    60%{
        opacity:1;
        transform:scale(1.08) translateY(-5px);
    }

    100%{
        opacity:1;
        transform:scale(1) translateY(0);
    }
}


/* ===================================
STAGGER EFFECT
=================================== */

section.show .industry-item:nth-child(1),
section.show .lm-feature-box:nth-child(1),
section.show .difference-item:nth-child(1),
section.show .point:nth-child(1){
    animation-delay:.1s;
}

section.show .industry-item:nth-child(2),
section.show .lm-feature-box:nth-child(2),
section.show .difference-item:nth-child(2),
section.show .point:nth-child(2){
    animation-delay:.2s;
}

section.show .industry-item:nth-child(3),
section.show .lm-feature-box:nth-child(3),
section.show .difference-item:nth-child(3),
section.show .point:nth-child(3){
    animation-delay:.3s;
}

section.show .industry-item:nth-child(4),
section.show .lm-feature-box:nth-child(4),
section.show .difference-item:nth-child(4),
section.show .point:nth-child(4){
    animation-delay:.4s;
}

section.show .industry-item:nth-child(5),
section.show .lm-feature-box:nth-child(5){
    animation-delay:.5s;
}

section.show .industry-item:nth-child(6),
section.show .lm-feature-box:nth-child(6){
    animation-delay:.6s;
}

section.show .lm-feature-box:nth-child(7){
    animation-delay:.7s;
}

section.show .lm-feature-box:nth-child(8){
    animation-delay:.8s;
}

section.show .lm-feature-box:nth-child(9){
    animation-delay:.9s;
}


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

.industry-item,
.lm-feature-box,
.difference-item{
    transition:.4s ease;
}

.industry-item:hover,
.lm-feature-box:hover,
.difference-item:hover{
    transform:translateY(-10px);
    box-shadow:0 25px 50px rgba(0,0,0,.12);
}

.lm-business-impact{
    padding:50px 0;
    background:linear-gradient(135deg,#00308F,#004AAD);
    position:relative;
    overflow:hidden;
}

.lm-business-impact::before{
    content:"";
    position:absolute;
    width:450px;
    height:450px;
    border-radius:50%;
    background:rgba(255,255,255,.04);
    top:-180px;
    right:-120px;
}

.lm-business-impact::after{
    content:"";
    position:absolute;
    width:350px;
    height:350px;
    border-radius:50%;
    background:rgba(255,255,255,.03);
    bottom:-150px;
    left:-100px;
}

/* ======================
HEADING
====================== */

.impact-heading{
    text-align:center;
    max-width:900px;
    margin:auto;
    margin-bottom:50px;
    position:relative;
    z-index:2;
}

.impact-badge{
   font-size: 14px;
    font-weight: 600;
    letter-spacing: 1px;
    text-transform: uppercase;
    color: #f5a623;
    display: block;
    margin-bottom: 12px;
}

.impact-heading h2{
    font-size:38px;
    line-height:1.3;
    font-weight:600;
    color:#fff;
    margin:22px 0 18px;
}

.impact-heading p{
  font-size: 13px;
    line-height: 1.9;
    color: #d0d0d0;
    margin-bottom: 0px;
}

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

.impact-grid{
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:30px;
    position:relative;
    z-index:2;
}

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

.impact-card{
    background:rgba(255,255,255,.07);
    backdrop-filter:blur(15px);
    border:1px solid rgba(255,255,255,.12);
    border-radius:24px;
    padding:15px;
    transition:.4s ease;
    position:relative;
    overflow:hidden;
}

.impact-card::before{
    content:"";
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:4px;
    background:linear-gradient(90deg,#7ec8ff,#ffffff);
}

.impact-card:hover{
    transform:translateY(-10px);
    box-shadow:0 20px 50px rgba(0,0,0,.15);
    border-color:rgba(255,255,255,.25);
}

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

.impact-icon{
    width: 50px;
    height: 50px;
    border-radius: 18px;
    background: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 5px;
}

.impact-icon i{
    font-size:34px;
    color:#004AAD;
}

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

.impact-card h3{
    font-size:20px;
    font-weight:600;
    line-height:1.4;
    color:#fff;
    margin-bottom:14px;
}

.impact-card p{
    font-size:14px;
    line-height:1.8;
    color:rgba(255,255,255,.75);
    margin-bottom:12px;
}

.impact-card ul{
    list-style:none;
    padding:0;
    margin:0;
}

.impact-card ul li{
    position:relative;
    padding-left:28px;
    margin-bottom:14px;
    color:#fff;
    font-size:14px;
}

.impact-card ul li::before{
    content:"✓";
    position:absolute;
    left:0;
    top:0;
    color:#7ec8ff;
    font-weight:700;
}

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

@media(max-width:991px){

    .impact-grid{
        grid-template-columns:1fr;
    }

    .impact-heading h2{
        font-size:34px;
    }

}

@media(max-width:768px){

    .lm-business-impact{
        padding:70px 0;
    }

    .impact-heading{
        margin-bottom:50px;
    }

    .impact-heading h2{
        font-size:28px;
    }

    .impact-heading p{
        font-size:15px;
    }

    .impact-card{
        padding:25px;
    }

    .impact-card h3{
        font-size:21px;
    }

    .impact-icon{
        width:60px;
        height:60px;
    }

    .impact-icon i{
        font-size:28px;
    }

}

.industry-overview{
    padding:50px 0;
    background:#fff;
}

.industry-heading{
    text-align:center;
    max-width:850px;
    margin:0 auto 60px;
}

.industry-heading span{
      font-size: 14px;
    font-weight: 600;
    letter-spacing: 1px;
    text-transform: uppercase;
    color: #f5a623;
    display: block;
    margin-bottom: 12px;
}

.industry-heading h2{
     font-size: 40px;
    font-weight: 600;
    line-height: 1.3;
    color: #004AAD;
    margin-bottom: 18px;
}

.industry-heading p{
    font-size:16px;
    line-height:1.8;
    color:#64748b;
}

.industry-grid{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:25px;
}

.industry-card{
    padding:35px 30px;
    border-radius:24px;
    background:#fff;
    border:1px solid #e8eef8;
    transition:.35s ease;
}

.industry-card:hover{
    transform:translateY(-8px);
    box-shadow:0 20px 50px rgba(0,74,173,.08);
    border-color:#004AAD;
}

.industry-icon{
    width:70px;
    height:70px;
    border-radius:18px;
    background:linear-gradient(135deg,#00308F,#004AAD);
    display:flex;
    align-items:center;
    justify-content:center;
    margin-bottom:22px;
}

.industry-icon i{
    font-size:30px;
    color:#fff;
}

.industry-card h3{
    font-size:24px;
    font-weight:600;
    color:#004AAD;
    margin-bottom:15px;
}

.industry-card p{
    font-size:15px;
    line-height:1.8;
    color:#64748b;
    margin-bottom:20px;
}

.industry-card ul{
    list-style:none;
    padding:0;
    margin:0;
}

.industry-card ul li{
    position:relative;
    padding-left:22px;
    margin-bottom:12px;
    font-size:14px;
    color:#334155;
}

.industry-card ul li::before{
    content:"✓";
    position:absolute;
    left:0;
    color:#004AAD;
    font-weight:700;
}

@media(max-width:991px){

    .industry-grid{
        grid-template-columns:1fr;
    }

    .industry-heading h2{
        font-size:32px;
    }
}

/* =========================
BLOG DETAIL PAGE
========================= */
.blog-detail-section{
    padding:100px 8%;
    background:#f8fbff;
}
.blog-detail-grid{
    display:grid;
    grid-template-columns:2fr 1fr;
    gap:50px;
    align-items:start;
}
.blog-detail-main{
    background:#fff;
    border-radius:24px;
    padding:40px;
    box-shadow:0 15px 40px rgba(0,0,0,.06);
}
.blog-detail-main img{
    width:100%;
    border-radius:18px;
    margin-bottom:30px;
    display:block;
}
.blog-detail-main .blog-date{
    color:#f5a623;
    font-weight:600;
    margin-bottom:14px;
    display:block;
}
.blog-detail-main h1{
    font-size:34px;
    color:#004aad;
    margin-bottom:22px;
    font-weight:600;
    line-height:1.25;
}
.blog-detail-body p{
    margin-bottom:18px;
    line-height:1.85;
    color:#444;
    font-size:16px;
}
.blog-detail-back{
    display:inline-block;
    margin-top:15px;
    color:#004aad;
    font-weight:600;
}
.blog-sidebar{
    background:#fff;
    border-radius:24px;
    padding:30px;
    box-shadow:0 15px 40px rgba(0,0,0,.06);
}
.blog-sidebar h3{
    font-size:20px;
    color:#004aad;
    margin-bottom:22px;
    font-weight:600;
}
.blog-sidebar-item{
    display:flex;
    gap:14px;
    align-items:center;
    margin-bottom:18px;
}
.blog-sidebar-item:last-child{
    margin-bottom:0;
}
.blog-sidebar-item img{
    width:64px;
    height:64px;
    object-fit:cover;
    border-radius:12px;
    flex-shrink:0;
}
.blog-sidebar-item a{
    color:#222;
    font-weight:600;
    font-size:14.5px;
    line-height:1.4;
    display:block;
    text-decoration:none;
}
.blog-sidebar-item a:hover{
    color:#004aad;
}
.blog-sidebar-item span{
    color:#888;
    font-size:12px;
}

@media(max-width:900px){
    .blog-detail-grid{
        grid-template-columns:1fr;
    }
    .blog-detail-main{
        padding:25px;
    }
    .blog-detail-main h1{
        font-size:26px;
    }
}

/* =========================
FEATURES DOC PAGE
========================= */
.feature-doc-hero{
    padding:90px 8% 60px;
    background:#f8fbff;
    text-align:center;
}
.feature-doc-hero span{
    color:#f5a623;
    font-weight:600;
    text-transform:uppercase;
    letter-spacing:1px;
    font-size:14px;
    display:block;
    margin-bottom:14px;
}
.feature-doc-hero h1{
    font-size:40px;
    color:#004aad;
    font-weight:600;
    max-width:850px;
    margin:0 auto 18px;
}
.feature-doc-hero p{
    max-width:750px;
    margin:0 auto;
    color:#5f6b85;
    font-size:16px;
    line-height:1.8;
}
.feature-doc-stats{
    display:flex;
    justify-content:center;
    flex-wrap:wrap;
    gap:16px;
    margin-top:36px;
}
.feature-doc-stats div{
    background:#004AAD;
    color:#fff;
    border-radius:14px;
    padding:16px 26px;
    min-width:150px;
}
.feature-doc-stats strong{
    display:block;
    font-size:26px;
}
.feature-doc-stats span{
    font-size:13px;
    color:#cfe0ff;
    margin:0;
}
.feature-doc-index{
    background:#fff;
    padding:35px 3%;
    border-bottom:1px solid #eef1f6;
}
.feature-doc-index ul{
    list-style:none;
    display:flex;
    flex-wrap:wrap;
    gap:10px;
    max-width:1300px;
    margin:0 auto;
    padding:0;
}
.feature-doc-index a{
    display:block;
    background:#f1f5fb;
    color:#004aad;
    font-weight:600;
    font-size:14px;
    padding:9px 16px;
    border-radius:30px;
    text-decoration:none;
    transition:.2s;
}
.feature-doc-index a:hover{
    background:#004AAD;
    color:#fff;
}
.feature-doc-section{
    padding:18px 3%;
    background:#eef3fb;
    scroll-margin-top:30px;
}
.feature-doc-inner{
    max-width:1300px;
    margin:0 auto;
    background:#fff;
    border-radius:20px;
    padding:36px 40px;
    box-shadow:0 10px 34px rgba(0,40,120,.08);
    border:1px solid #eef1f6;
    transition:.3s;
}
.feature-doc-icon.icon-blue{background:linear-gradient(135deg,#004AAD,#0067ff);box-shadow:0 8px 18px rgba(0,74,173,.3);}
.feature-doc-icon.icon-purple{background:linear-gradient(135deg,#7c3aed,#a855f7);box-shadow:0 8px 18px rgba(124,58,237,.3);}
.feature-doc-icon.icon-green{background:linear-gradient(135deg,#16a34a,#22c55e);box-shadow:0 8px 18px rgba(22,163,74,.3);}
.feature-doc-icon.icon-orange{background:linear-gradient(135deg,#ea580c,#f97316);box-shadow:0 8px 18px rgba(234,88,12,.3);}
.feature-doc-icon.icon-pink{background:linear-gradient(135deg,#db2777,#ec4899);box-shadow:0 8px 18px rgba(219,39,119,.3);}
.feature-doc-icon.icon-teal{background:linear-gradient(135deg,#0d9488,#14b8a6);box-shadow:0 8px 18px rgba(13,148,136,.3);}
.feature-doc-icon.icon-red{background:linear-gradient(135deg,#dc2626,#ef4444);box-shadow:0 8px 18px rgba(220,38,38,.3);}
.feature-doc-icon.icon-indigo{background:linear-gradient(135deg,#4338ca,#6366f1);box-shadow:0 8px 18px rgba(67,56,202,.3);}
.feature-doc-inner.border-blue{border-top:4px solid #0067ff;}
.feature-doc-inner.border-purple{border-top:4px solid #a855f7;}
.feature-doc-inner.border-green{border-top:4px solid #22c55e;}
.feature-doc-inner.border-orange{border-top:4px solid #f97316;}
.feature-doc-inner.border-pink{border-top:4px solid #ec4899;}
.feature-doc-inner.border-teal{border-top:4px solid #14b8a6;}
.feature-doc-inner.border-red{border-top:4px solid #ef4444;}
.feature-doc-inner.border-indigo{border-top:4px solid #6366f1;}
.feature-doc-inner:hover{
    box-shadow:0 18px 44px rgba(0,40,120,.14);
    transform:translateY(-3px);
}
.feature-doc-head{
    display:flex;
    align-items:center;
    gap:18px;
    margin-bottom:18px;
}
.feature-doc-icon{
    width:56px;
    height:56px;
    border-radius:16px;
    background:linear-gradient(135deg,#004AAD,#0067ff);
    display:flex;
    align-items:center;
    justify-content:center;
    color:#fff;
    font-size:24px;
    flex-shrink:0;
    box-shadow:0 8px 18px rgba(0,74,173,.3);
}
.feature-doc-num{
    display:block;
    font-size:12px;
    font-weight:700;
    color:#f5a623;
    letter-spacing:1.2px;
    text-transform:uppercase;
    margin-bottom:4px;
}
.feature-doc-head h2{
    font-size:24px;
    color:#0b1f3a;
    font-weight:700;
    margin:0;
}
.feature-doc-inner p{
    color:#4a5568;
    line-height:1.85;
    font-size:16px;
    margin-bottom:16px;
}
.feature-doc-list{
    list-style:none;
    padding:0;
    margin:0 0 10px;
}
.feature-doc-list li{
    position:relative;
    padding-left:28px;
    margin-bottom:10px;
    color:#444;
    font-size:15px;
    line-height:1.6;
}
.feature-doc-list li::before{
    content:"✓";
    position:absolute;
    left:0;
    color:#0052cc;
    font-weight:700;
}
.feature-doc-table{
    width:100%;
    border-collapse:separate;
    border-spacing:0;
    margin:18px 0;
    font-size:14px;
    border-radius:14px;
    overflow:hidden;
    border:1px solid #e7ecf5;
}
.feature-doc-table th{
    background:#f1f5fb;
    color:#004aad;
    font-weight:700;
    padding:12px 16px;
    text-align:left;
    font-size:12.5px;
    text-transform:uppercase;
    letter-spacing:.4px;
}
.feature-doc-table td{
    padding:12px 16px;
    text-align:left;
    color:#333;
    border-top:1px solid #eef1f6;
}
.feature-doc-table tr:nth-child(even) td{
    background:#fafcff;
}
.feature-doc-callout{
    background:#fff7e8;
    border-left:4px solid #f5a623;
    padding:14px 18px;
    font-size:14.5px;
    color:#7a5a10;
    font-style:italic;
    border-radius:10px;
    margin-top:10px;
}
.feature-doc-summary{
    padding:70px 8%;
    background:#fff;
}
.feature-doc-summary h2{
    text-align:center;
    font-size:32px;
    color:#004aad;
    font-weight:600;
    margin-bottom:35px;
}
.feature-doc-summary-table{
    width:100%;
    max-width:1100px;
    margin:0 auto;
    border-collapse:separate;
    border-spacing:0;
    font-size:14.5px;
    border-radius:16px;
    overflow:hidden;
    box-shadow:0 10px 34px rgba(0,40,120,.08);
}
.feature-doc-summary-table th{
    background:#004AAD;
    color:#fff;
    padding:14px 18px;
    text-align:left;
}
.feature-doc-summary-table td{
    padding:13px 18px;
    text-align:left;
    border-top:1px solid #eef1f6;
}
.feature-doc-summary-table td:first-child{
    color:#004aad;
    font-weight:700;
    width:60px;
}
.feature-doc-summary-table tr:nth-child(even) td{
    background:#f8fbff;
}
.feature-doc-cta{
    padding:80px 8%;
    background:linear-gradient(135deg,#004AAD,#00133f);
    text-align:center;
    color:#fff;
}
.feature-doc-cta h2{
    font-size:32px;
    font-weight:600;
    margin-bottom:14px;
}
.feature-doc-cta p{
    color:#cfe0ff;
    margin-bottom:26px;
}
.feature-doc-cta-contacts{
    display:flex;
    justify-content:center;
    flex-wrap:wrap;
    gap:26px;
    margin-top:26px;
    font-size:14.5px;
    color:#cfe0ff;
}

@media(max-width:768px){
    .feature-doc-hero h1{
        font-size:28px;
    }
    .feature-doc-stats div{
        min-width:44%;
    }
    .feature-doc-section{
        padding:14px 5%;
    }
    .feature-doc-inner{
        padding:24px 22px;
    }
    .feature-doc-icon{
        width:46px;
        height:46px;
        font-size:20px;
    }
    .feature-doc-head h2{
        font-size:19px;
    }
    .feature-doc-table,
    .feature-doc-summary-table{
        display:block;
        overflow-x:auto;
        white-space:nowrap;
    }
}

/* =========================
FORM ALERTS / MISC UTILITY
========================= */
.form-alert-success{
    color:#1a7f37;
    font-weight:600;
    margin-bottom:16px;
}
.form-alert-error{
    color:#c0392b;
    font-weight:600;
    margin-bottom:16px;
}
.captcha-wrap{
    margin-bottom:16px;
}
.blog-title-link{
    color:inherit;
    text-decoration:none;
}
.contact-map iframe{
    border:0;
}

/* =========================
THANK YOU PAGE
========================= */
.thank-you-section{
    min-height:60vh;
    display:flex;
    align-items:center;
    justify-content:center;
    padding:90px 6%;
    background:#f8fbff;
    text-align:center;
}
.thank-you-card{
    max-width:620px;
    background:#fff;
    border-radius:24px;
    padding:60px 45px;
    box-shadow:0 20px 60px rgba(0,40,120,.1);
}
.thank-you-icon{
    width:84px;
    height:84px;
    border-radius:50%;
    background:linear-gradient(135deg,#16a34a,#22c55e);
    display:flex;
    align-items:center;
    justify-content:center;
    color:#fff;
    font-size:40px;
    margin:0 auto 26px;
    box-shadow:0 10px 24px rgba(22,163,74,.3);
}
.thank-you-card h1{
    font-size:30px;
    color:#004aad;
    font-weight:700;
    margin-bottom:16px;
}
.thank-you-card p{
    color:#5f6b85;
    font-size:16px;
    line-height:1.8;
    margin-bottom:32px;
}
.thank-you-actions{
    display:flex;
    justify-content:center;
    flex-wrap:wrap;
    gap:16px;
}
.whatsapp-btn{
    display:inline-flex;
    align-items:center;
    gap:10px;
    background:#25D366;
    color:#fff;
    padding:16px 30px;
    border-radius:50px;
    font-size:15px;
    font-weight:700;
    text-decoration:none;
    transition:.3s;
}
.whatsapp-btn:hover{
    background:#1ebe57;
    transform:translateY(-2px);
}
.thank-you-home-btn{
    display:inline-flex;
    align-items:center;
    background:#004AAD;
    color:#fff;
    padding:16px 30px;
    border-radius:50px;
    font-size:15px;
    font-weight:700;
    text-decoration:none;
    transition:.3s;
}
.thank-you-home-btn:hover{
    background:#00337a;
}

@media(max-width:600px){
    .thank-you-card{
        padding:40px 24px;
    }
    .thank-you-card h1{
        font-size:24px;
    }
}

/* =========================
LEGAL PAGES
========================= */
.legal-section{
    padding:80px 8%;
    background:#fff;
}
.legal-wrap{
    max-width:900px;
    margin:0 auto;
}
.legal-wrap h1{
    font-size:34px;
    color:#004aad;
    font-weight:700;
    margin-bottom:10px;
}
.legal-wrap .legal-updated{
    color:#888;
    font-size:13.5px;
    margin-bottom:34px;
    display:block;
}
.legal-wrap h2{
    font-size:20px;
    color:#0b1f3a;
    font-weight:700;
    margin:30px 0 12px;
}
.legal-wrap p{
    color:#4a5568;
    line-height:1.85;
    font-size:15.5px;
    margin-bottom:14px;
}
.legal-wrap ul{
    padding-left:22px;
    margin-bottom:14px;
}
.legal-wrap li{
    color:#4a5568;
    line-height:1.8;
    font-size:15.5px;
    margin-bottom:8px;
}

/* =========================
INQUIRY FORM VALIDATION
========================= */
.field-error{
    display:block;
    color:#c0392b;
    font-size:12.5px;
    font-weight:600;
    margin:-10px 0 12px;
}
.contact-form input.is-invalid,
.contact-form select.is-invalid,
.contact-form textarea.is-invalid{
    border-color:#c0392b !important;
    background:#fff6f6 !important;
}

/* =========================
BOOK DEMO PAGE
========================= */
.book-demo-section{
    padding:80px 6%;
    background:#f8fbff;
}
.book-demo-card{
    max-width:640px;
    margin:0 auto;
    background:#fff;
    border-radius:24px;
    padding:50px 45px;
    box-shadow:0 20px 60px rgba(0,40,120,.1);
}
.book-demo-card .contact-tag{
    color:#f5a623;
    font-weight:600;
    text-transform:uppercase;
    letter-spacing:1px;
    font-size:14px;
    display:block;
    margin-bottom:12px;
}
.book-demo-card h1{
    font-size:30px;
    color:#004aad;
    font-weight:700;
    margin-bottom:12px;
}
.book-demo-card p{
    color:#5f6b85;
    font-size:15.5px;
    line-height:1.8;
    margin-bottom:28px;
}
@media(max-width:600px){
    .book-demo-card{
        padding:32px 22px;
    }
}

/* =========================
FLOATING WIDGET
========================= */
.floating-widget{
    position:fixed;
    right:24px;
    bottom:24px;
    display:flex;
    flex-direction:column;
    align-items:flex-end;
    gap:14px;
    z-index:999;
}
.fw-btn{
    position:relative;
    width:58px;
    height:58px;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    color:#fff;
    font-size:26px;
    text-decoration:none;
    box-shadow:0 10px 26px rgba(0,0,0,.22);
    transition:.3s;
}
.fw-btn:hover{
    transform:translateY(-4px) scale(1.05);
}
.fw-whatsapp{
    background:#25D366;
}
.fw-whatsapp::before{
    content:'';
    position:absolute;
    inset:0;
    border-radius:50%;
    background:#25D366;
    animation:fwPulse 2.2s infinite;
    z-index:-1;
}
.fw-inquiry{
    background:linear-gradient(135deg,#004AAD,#0067ff);
}
.fw-scrolltop{
    width:42px;
    height:42px;
    font-size:18px;
    background:#0b1f3a;
    opacity:0;
    pointer-events:none;
    transform:translateY(10px);
}
.fw-scrolltop.fw-visible{
    opacity:1;
    pointer-events:auto;
    transform:translateY(0);
}
@keyframes fwPulse{
    0%{transform:scale(1);opacity:.6;}
    70%{transform:scale(1.6);opacity:0;}
    100%{transform:scale(1.6);opacity:0;}
}
.fw-tooltip{
    position:absolute;
    right:70px;
    top:50%;
    transform:translateY(-50%);
    background:#fff;
    color:#0b1f3a;
    font-size:13px;
    font-weight:600;
    padding:10px 16px;
    border-radius:30px;
    box-shadow:0 8px 20px rgba(0,0,0,.15);
    white-space:nowrap;
    opacity:0;
    pointer-events:none;
    transition:.25s;
}
.fw-tooltip strong{
    color:#004AAD;
}
.fw-item{
    position:relative;
    display:flex;
    align-items:center;
}
.fw-item:hover .fw-tooltip{
    opacity:1;
    transform:translateY(-50%) translateX(-4px);
}

@media(max-width:600px){
    .floating-widget{
        right:14px;
        bottom:14px;
        gap:10px;
    }
    .fw-btn{
        width:50px;
        height:50px;
        font-size:22px;
    }
    .fw-scrolltop{
        width:36px;
        height:36px;
        font-size:16px;
    }
    .fw-tooltip{
        display:none;
    }
}

/* =========================
USP SECTION
========================= */
.usp-section{
    padding:90px 8%;
    background:linear-gradient(135deg, #00308F, #004AAD);
    text-align:center;
}
.usp-section .usp-tag{
    color:#ffc247;
    font-weight:600;
    text-transform:uppercase;
    letter-spacing:1.2px;
    font-size:14px;
    display:block;
    margin-bottom:14px;
}
.usp-section h2{
    color:#fff;
    font-size:36px;
    font-weight:700;
    max-width:800px;
    margin:0 auto 16px;
}
.usp-section > p{
    color:#cfe0ff;
    max-width:700px;
    margin:0 auto 50px;
    font-size:16px;
    line-height:1.8;
}
.usp-grid{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:26px;
    max-width:1200px;
    margin:0 auto 45px;
}
.usp-card{
    background:rgba(255,255,255,.06);
    border:1px solid rgba(255,255,255,.12);
    border-radius:20px;
    padding:36px 28px;
    text-align:left;
    backdrop-filter:blur(6px);
    transition:.3s;
}
.usp-card:hover{
    background:rgba(255,255,255,.1);
    transform:translateY(-4px);
}
.usp-icon{
    width:56px;
    height:56px;
    border-radius:16px;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:24px;
    color:#fff;
    margin-bottom:20px;
}
.usp-icon.usp-gold{background:linear-gradient(135deg,#ffc247,#f5a623);}
.usp-icon.usp-green{background:linear-gradient(135deg,#22c55e,#16a34a);}
.usp-icon.usp-pink{background:linear-gradient(135deg,#ec4899,#db2777);}
.usp-card h3{
    color:#fff;
    font-size:19px;
    font-weight:700;
    margin-bottom:12px;
}
.usp-card p{
    color:#cfe0ff;
    font-size:14.5px;
    line-height:1.75;
}
.usp-cta{
    display:inline-flex;
    align-items:center;
    gap:8px;
    background:#ffc247;
    color:#111;
    padding:17px 34px;
    border-radius:50px;
    font-weight:700;
    font-size:15px;
    text-decoration:none;
    transition:.3s;
}
.usp-cta:hover{
    transform:translateY(-2px);
    box-shadow:0 12px 26px rgba(255,194,71,.35);
}

@media(max-width:900px){
    .usp-grid{
        grid-template-columns:1fr;
    }
    .usp-section h2{
        font-size:26px;
    }
}

/* =========================
GENERIC PAGE INTRO / MINI FAQ
========================= */
.page-intro-section{
    padding:70px 8% 20px;
    background:#fff;
    text-align:center;
}
.page-intro-section .page-intro-tag{
    color:#f5a623;
    font-weight:600;
    text-transform:uppercase;
    letter-spacing:1.2px;
    font-size:14px;
    display:block;
    margin-bottom:14px;
}
.page-intro-section h1,
.page-intro-section h2{
    font-size:32px;
    color:#004aad;
    font-weight:700;
    max-width:820px;
    margin:0 auto 16px;
}
.page-intro-section p{
    max-width:780px;
    margin:0 auto 14px;
    color:#5f6b85;
    font-size:16px;
    line-height:1.85;
}
.trust-points-row{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:20px;
    max-width:1100px;
    margin:40px auto 0;
    text-align:left;
}
.trust-points-row .point{
    background:#f8fbff;
    border:1px solid #e5ebff;
    border-radius:16px;
    padding:20px;
}
.mini-faq-section{
    padding:60px 8% 90px;
    background:#fff;
}
.mini-faq-section h2{
    text-align:center;
    font-size:28px;
    color:#004aad;
    font-weight:700;
    margin-bottom:34px;
}
.mini-faq-list{
    max-width:850px;
    margin:0 auto;
    display:flex;
    flex-direction:column;
    gap:16px;
}
.mini-faq-more{
    text-align:center;
    margin-top:30px;
}
.mini-faq-more a{
    color:#004aad;
    font-weight:700;
    text-decoration:none;
}
.mini-faq-more a:hover{
    text-decoration:underline;
}

@media(max-width:900px){
    .trust-points-row{
        grid-template-columns:repeat(2,1fr);
    }
}
@media(max-width:600px){
    .page-intro-section h1,
    .page-intro-section h2{
        font-size:24px;
    }
    .trust-points-row{
        grid-template-columns:1fr;
    }
}

/* =========================
BREADCRUMBS
========================= */
.breadcrumb-bar{
    background:#f8fbff;
    border-bottom:1px solid #eef1f6;
    padding:14px 8%;
}
.breadcrumb-bar ol{
    list-style:none;
    display:flex;
    flex-wrap:wrap;
    align-items:center;
    max-width:1300px;
    margin:0 auto;
    padding:0;
}
.breadcrumb-bar li{
    font-size:13.5px;
    color:#5f6b85;
    display:flex;
    align-items:center;
    font-weight:600;
}
.breadcrumb-bar li:not(:last-child)::after{
    content:'›';
    margin:0 8px;
    color:#b9c3d6;
    font-weight:400;
}
.breadcrumb-bar a{
    color:#004aad;
    text-decoration:none;
}
.breadcrumb-bar a:hover{
    text-decoration:underline;
}
.breadcrumb-bar li.breadcrumb-current{
    color:#0b1f3a;
}

/* =========================
BOOK DEMO 2-COLUMN
========================= */
.book-demo-hero{
    padding:70px 8% 90px;
    background:#f8fbff;
}
.book-demo-grid{
    max-width:1300px;
    margin:0 auto;
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:50px;
    align-items:start;
}
.book-demo-content .page-intro-tag{
    color:#f5a623;
    font-weight:600;
    text-transform:uppercase;
    letter-spacing:1.2px;
    font-size:14px;
    display:block;
    margin-bottom:14px;
}
.book-demo-content h1{
    font-size:32px;
    color:#004aad;
    font-weight:700;
    margin-bottom:18px;
    line-height:1.3;
}
.book-demo-content > p{
    color:#5f6b85;
    font-size:16px;
    line-height:1.85;
    margin-bottom:28px;
}
.book-demo-content .feature-doc-stats{
    justify-content:flex-start;
    margin:0 0 30px;
}
.book-demo-content h3{
    font-size:18px;
    color:#0b1f3a;
    font-weight:700;
    margin-bottom:14px;
}
.book-demo-grid .book-demo-card{
    max-width:100%;
    margin:0;
    position:sticky;
    top:24px;
}

@media(max-width:960px){
    .book-demo-grid{
        grid-template-columns:1fr;
    }
    .book-demo-grid .book-demo-card{
        position:static;
    }
}

/* =========================
HOME FAQ (2-COLUMN, NO IMAGE)
========================= */
.faq-heading-full{
    text-align:center;
    max-width:750px;
    margin:0 auto 45px;
}
.faq-cards-grid{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:20px;
    align-items:start;
}
@media(max-width:768px){
    .faq-cards-grid{
        grid-template-columns:1fr;
    }
}

/* =========================
ABOUT PLATFORM VISUAL (no stock image)
========================= */
.about-visual{
    position:relative;
    padding:10px;
    overflow:hidden;
}
.about-visual-blob{
    position:absolute;
    width:320px;
    height:320px;
    background:radial-gradient(circle, rgba(0,74,173,.16), transparent 70%);
    border-radius:50%;
    top:-40px;
    right:-40px;
    z-index:0;
}
.about-visual-card{
    position:relative;
    z-index:2;
    background:linear-gradient(135deg, #00308F, #004AAD);
    border-radius:28px;
    padding:44px 36px;
    color:#fff;
    box-shadow:0 25px 60px rgba(0,40,120,.25);
}
.about-visual-tag{
    display:inline-block;
    font-size:13px;
    font-weight:700;
    text-transform:uppercase;
    letter-spacing:1.2px;
    color:#ffc247;
    margin-bottom:14px;
}
.about-visual-card h3{
    font-size:24px;
    font-weight:700;
    line-height:1.4;
    margin-bottom:28px;
}
.about-visual-grid{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:14px;
    margin-bottom:30px;
}
.about-visual-item{
    background:rgba(255,255,255,.08);
    border:1px solid rgba(255,255,255,.16);
    border-radius:14px;
    padding:18px 14px;
    text-align:center;
    transition:.3s;
}
.about-visual-item:hover{
    background:rgba(255,255,255,.15);
    transform:translateY(-3px);
}
.about-visual-item i{
    font-size:26px;
    color:#ffc247;
    display:block;
    margin-bottom:10px;
}
.about-visual-item span{
    font-size:13px;
    font-weight:600;
    line-height:1.4;
}
.about-visual-stat{
    display:flex;
    align-items:baseline;
    gap:12px;
    border-top:1px solid rgba(255,255,255,.16);
    padding-top:22px;
}
.about-visual-stat strong{
    font-size:36px;
    font-weight:800;
    color:#ffc247;
}
.about-visual-stat span{
    font-size:13.5px;
    color:rgba(255,255,255,.8);
}

@media(max-width:600px){
    .about-visual-blob{
        width:220px;
        height:220px;
        top:-30px;
        right:-30px;
    }
    .about-visual-card{
        padding:32px 22px;
    }
    .about-visual-card h3{
        font-size:20px;
        margin-bottom:22px;
    }
    .about-visual-grid{
        gap:10px;
        margin-bottom:24px;
    }
    .about-visual-item{
        padding:14px 10px;
    }
    .about-visual-item i{
        font-size:22px;
        margin-bottom:8px;
    }
    .about-visual-item span{
        font-size:12px;
    }
    .about-visual-stat strong{
        font-size:28px;
    }
    .about-visual-stat span{
        font-size:12.5px;
    }
}

@media(max-width:360px){
    .about-visual-grid{
        grid-template-columns:1fr;
    }
}

/* =========================
LOCATIONS INDEX
========================= */
.locations-section{
    padding:20px 8% 90px;
    background:#fff;
}
.locations-grid{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:22px;
    max-width:1100px;
    margin:0 auto;
}
.location-card{
    display:flex;
    align-items:center;
    gap:16px;
    background:#f8fbff;
    border:1px solid #e5ebff;
    border-radius:18px;
    padding:22px 20px;
    text-decoration:none;
    transition:.3s;
}
.location-card:hover{
    background:#fff;
    box-shadow:0 15px 35px rgba(0,40,120,.1);
    transform:translateY(-3px);
}
.location-card .location-icon{
    width:48px;
    height:48px;
    border-radius:14px;
    background:linear-gradient(135deg,#004AAD,#0067ff);
    color:#fff;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:22px;
    flex-shrink:0;
}
.location-card h3{
    font-size:16px;
    color:#0b1f3a;
    font-weight:700;
    margin-bottom:2px;
}
.location-card span{
    font-size:13px;
    color:#5f6b85;
}

@media(max-width:900px){
    .locations-grid{
        grid-template-columns:1fr 1fr;
    }
}
@media(max-width:560px){
    .locations-grid{
        grid-template-columns:1fr;
    }
}

/* =========================
404 PAGE
========================= */
.error-404-section{
    min-height:65vh;
    display:flex;
    align-items:center;
    justify-content:center;
    padding:90px 6%;
    background:#f8fbff;
    text-align:center;
}
.error-404-card{
    max-width:620px;
}
.error-404-card .error-code{
    font-size:110px;
    font-weight:800;
    line-height:1;
    background:linear-gradient(135deg,#004AAD,#0067ff);
    -webkit-background-clip:text;
    background-clip:text;
    color:transparent;
    margin-bottom:10px;
}
.error-404-card h1{
    font-size:28px;
    color:#0b1f3a;
    font-weight:700;
    margin-bottom:14px;
}
.error-404-card p{
    color:#5f6b85;
    font-size:16px;
    line-height:1.8;
    margin-bottom:32px;
}
.error-404-links{
    display:flex;
    justify-content:center;
    flex-wrap:wrap;
    gap:12px;
    margin-bottom:30px;
}
.error-404-links a{
    background:#fff;
    border:1px solid #e5ebff;
    color:#004aad;
    font-weight:600;
    font-size:14px;
    padding:10px 20px;
    border-radius:30px;
    text-decoration:none;
    transition:.3s;
}
.error-404-links a:hover{
    background:#004AAD;
    color:#fff;
}

@media(max-width:560px){
    .error-404-card .error-code{
        font-size:72px;
    }
    .error-404-card h1{
        font-size:22px;
    }
}