/* Google Fonts */
@import url('https://fonts.googleapis.com/css2?family=Instrument+Serif&family=Kanit:wght@100;200;300;400&family=Niramit:wght@200;300;400&family=Poppins:wght@300;400;500;600&family=Rubik:wght@300;400;500&display=swap');

/* Local Font Awesome Font */
@font-face {
    font-family: 'Font Awesome 6 Free';
    src: url('assets/fonts/fa-solid-900.woff2') format('woff2');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}
 *{
    margin:0;
    padding:0;
    box-sizing:border-box;
}
body {
    font-family: 'Poppins', sans-serif; 
    color: #212529;
    font-weight: 400;
    margin: 0;
}
html{
    scroll-behavior:smooth;
}

h1, h2, h3, h4, h5, h6 {
    line-height: 1.4;
    margin: 0;
     font-weight: 700;
}
body ul, h5, h6, p{
        margin: 0;
}
.small, p, small{
    line-height: 1.7;
}




/* index -- */


.zemaxo-hero{
    position: relative;
    overflow: hidden;
    padding: 40px 0px;
    background: radial-gradient(circle at top left, #4f46e522 0%, transparent 35%), radial-gradient(circle at bottom right, #06b6d422 0%, transparent 35%), linear-gradient(135deg, #f8fbff, #eef6ff);
        background: #020a2b;
}

.zemaxo-hero::before{
    content:"";
    position:absolute;
    width:650px;
    height:650px;
    background:linear-gradient(135deg,#4f46e5,#06b6d4);
    border-radius:50%;
    filter:blur(180px);
    opacity:.12;
    right:-220px;
    top:-220px;
    animation:zemGlow 12s linear infinite alternate;
}

@keyframes zemGlow{

0%{
transform:scale(1);
}

100%{
transform:scale(1.15);
}

}

.zemaxo-wrap{

max-width:1250px;
margin:auto;
padding:0 40px;
display:grid;
grid-template-columns:1fr 560px;
align-items:center;
gap:20px;

}

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

.zemaxo-tag{
    display: inline-flex;
    align-items: center;
    gap: 10px;
    padding: 5px 18px;
    border-radius: 40px;
    background: #fff;
    border: 1px solid rgba(79, 70, 229, .12);
    font-size: 12px;
    font-weight: 600;
    color: #130c89;
    box-shadow: 0 10px 25px rgba(0, 0, 0, .05);

}

.zemaxo-dot{
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #0e289a;
    animation: pulse 1.8s infinite;

}

@keyframes pulse{

50%{
transform:scale(1.6);
opacity:.3;
}

}

.zemaxo-title{
    margin: 15px 0 9px;
    font-size: 40px;
    font-weight: 800;
    color: #ffffff;

}

.zemaxo-title span{
    background: linear-gradient(90deg, #ff6b00, #e0a773, #7f5af0);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;

}

.zemaxo-desc{
    font-size: 16px;
    color: #ccced2;
    max-width: 620px;
}

.zemaxo-pills{
 display:flex;
 flex-wrap:wrap;
 gap:15px;
 margin-top:25px;

}

.zemaxo-pills span{
color: #fff;
    padding: 5px 15px;
    background: #4a5810;
    border-radius: 50px;
    font-size: 13px;
    font-weight: 600;
    border: 1px solid #476b0e;
    transition: .35s;
    box-shadow: 0 8px 22px rgba(0, 0, 0, .05);  

}

.zemaxo-pills span:hover{

transform:translateY(-6px);

border-color:#4f46e5;

}

.zemaxo-buttons{

display:flex;

gap:18px;

margin-top:25px;

}

.zemaxo-btn{
    padding: 10px 25px;
    border-radius: 60px;
    text-decoration: none;
    transition: .4s;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;

}

.zemaxo-primary{
    background: linear-gradient(135deg, #e85d04, #ef7c24);
    color: #fff;
    box-shadow: 0 20px 45px rgb(235 107 18 / 25%);

}

.zemaxo-primary:hover{

transform:translateY(-3px);

}

.zemaxo-outline{
 border: 1px solid #dbe4ff;
 background:#fff;
 color:#111827;

}

.zemaxo-outline:hover{
    background: linear-gradient(135deg, #e85d04, #ef7c24);
    color: #fff;
    border-color: #e85d04;

}

.zemaxo-trust{
    margin-top: 30px;
    font-size: 15px;
    font-weight: 600;
    color: #adaeb1;

}

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

.zemaxo-dashboard{

position:relative;
 height:400px;
 display:flex;
 align-items:center;
 justify-content:center;
   width: 100%;

}
.zemaxo-dashboard img{
    width: 100%;
    height: 500px;
    object-fit: contain;
}

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

@media(max-width:991px){

.zemaxo-wrap{
    gap: 1px;
grid-template-columns:1fr;
 padding: 0 20px;
text-align:center;

}

.zemaxo-desc{

margin:auto;

}

.zemaxo-pills{

justify-content:center;

}

.zemaxo-buttons{

justify-content:center;

}

.zemaxo-dashboard{

margin-top:60px;

height:auto;

}

.zemaxo-widget{

position:relative;

left:auto;
right:auto;
top:auto;
bottom:auto;

margin:20px auto;

}

.zemaxo-title{

font-size:30px;

}

}

@media(max-width:576px){

.zemaxo-title{

font-size:30px;

}
.zemaxo-dashboard img{
    height: auto;
}

.zemaxo-buttons{

flex-direction:column;

}

.zemaxo-btn{

width:100%;

}

.zemaxo-screen{

height:340px;

padding:20px;

}

.zemaxo-chart{

height:180px;

}

}


 .work-platform {
    width: 100%;
    padding: 40px 0;
    overflow: hidden;
}

.work-platform-title {
    text-align: center;
    font-size: 22px;
    font-weight: 600;
    color: #222;
    margin-bottom: 25px;
}

.work-platform-marquee {
    width: 100%;
    overflow: hidden;
    position: relative;
}

.work-platform-track {
    display: flex;
    align-items: center;
    gap: 18px;
    width: max-content;
    animation: workPlatformScroll 22s linear infinite;
}

.work-platform-track span {
    white-space: nowrap;
    padding: 5px 30px;
    border: 1px solid #e5e5e5;
    border-radius: 50px;
    background: #fff;
    transition: 0.3s ease;
    font-size: 16px;
    color: #7a899e;
    white-space: nowrap;
}

.work-platform-track span:hover {
    background: #e3ee9e;
    color: #191919;
    border-color: #c6e196;
}

@keyframes workPlatformScroll {
    from {
        transform: translateX(0);
    }
    to {
        transform: translateX(-50%);
    }
}

/* Responsive */
@media (max-width: 768px) {
    .work-platform {
        padding: 35px 0;
    }

    .work-platform-title {
        font-size: 16px;
    }

    .work-platform-track span {
        padding: 10px 18px;
        font-size: 14px;
    }
}



      .zewabots{
    padding: 40px 0px;
    background: #fffffb;
    overflow: hidden;
}

.zewabots-wrap{
    max-width:1200px;
    margin:auto;
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:70px;
    align-items:center;
}

.zewabots-tag{
    display: inline-block;
    padding: 8px 20px;
    background: #fff;
    border: 1px solid #d8e9ff;
    color: #005092;
    border-radius: 50px;
    font-weight: 600;
    letter-spacing: 0.46px;
    font-size: 14px;
     margin-bottom: 15px;

}

.zewabots-title{
    font-size: 25px;
    color: #031438;
    margin-bottom: 15px;
    font-weight: 700;
}

.zewabots-text{
    font-size: 14px;
    color: #5f6472;
    margin-bottom: 10px;

}

.zewabots-list{
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap: 15px;
    margin: 25px 0;
}

.zewabots-item{
    display:flex;
    gap: 10px;
    align-items:flex-start;
}

.zewabots-item span{
    width: 22px;
    height: 24px;
    background: #09233645;
    color: #090546e3;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    font-weight:bold;
    flex-shrink:0;
    font-size: 12px;
}

.zewabots-item p{
        margin: 0;
    color: #333;
    font-weight: 500;
    font-size: 15px;
}

.zewabots-btn{
     padding: 10px 25px;
    border-radius: 60px;
    text-decoration: none;
    transition: .4s;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    background: linear-gradient(135deg, #e85d04, #ef7c24);
    color: #fff;
    box-shadow: 0 20px 45px rgb(235 107 18 / 25%);
}

.zewabots-btn:hover{
    transform:translateY(-5px);
      box-shadow: 0 20px 45px rgb(235 107 18 / 25%);
}

.zewabots-card{
    position:relative;
    height: 450px;
    border-radius:35px;
   background: linear-gradient(135deg, #111b10 0%, #234022 55%, #335a31 100%);
    overflow:hidden;
    display:flex;
    justify-content:center;
    align-items:center;
}

.zewabots-circle{
    position: absolute;
    width: 400px;
    height: 400px;
    border: 2px solid rgba(255, 255, 255, .08);
    border-radius: 50%;
}

.zewabots-circle::before,
.zewabots-circle::after{
    content:"";
    position:absolute;
    inset:50px;
    border-radius:50%;
    border:2px dashed rgba(255,255,255,.12);
}

.zewabots-circle::after{
    inset:110px;
}

.zewabots-logo{
    width:170px;
    height:170px;
    border-radius:50%;
    background:#fff;
    display:flex;
    align-items:center;
    justify-content:center;
    z-index:2;
    box-shadow:0 20px 60px rgba(0,0,0,.3);
}

.zewabots-logo span{
    font-size:55px;
    font-weight:700;
    color:#2563eb;
}

.zewabots-floating{
    position: absolute;
    background: #fff2f2;
    padding: 5px 15px;
    border-radius: 10px;
    box-shadow: 0 20px 50px rgba(0, 0, 0, .18);
    text-align: center;
}

 

.zewabots-floating small{
    color:#6b7280;
}

.zewabots-floating.one{
    top:70px;
    left:35px;
}

.zewabots-floating.two{
    bottom:70px;
    right:35px;
}

.zewabots-grid{
    position:absolute;
    inset:0;
    pointer-events:none;
}

.zewabots-box{
    position: absolute;
    width: 75px;
    height: 60px;
    border-radius: 10px;
    background: rgba(255, 255, 255, .12);
    backdrop-filter: blur(8px);
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-weight: 600;
}
.zewabots-box h3{
    font-size: 20px;
    font-weight: 500;
}

.zewabots-box:nth-child(1){
    top: 65px;
    right: 115px;
}

.zewabots-box:nth-child(2){
    bottom: 67px;
    left: 117px;
}

.zewabots-box:nth-child(3){
      top: 149px;
    left: 89px;
}

.zewabots-box:nth-child(4){
     bottom: 140px;
    right: 72px;
}
/* Card */

.zewabots-card{
    position:relative;
    overflow:hidden;
}

/* Rotating Main Circle */

 
@keyframes ringSpin{
    0%{
        transform:translate(-50%,-50%) rotate(0deg);
    }
    100%{
        transform:translate(-50%,-50%) rotate(360deg);
    }
}

/* Inner Rings */

.zewabots-circle::before,
.zewabots-circle::after{
    content:"";
    position:absolute;
    border-radius:50%;
}

.zewabots-circle::before{
    inset:60px;
    border:2px dashed rgba(255,255,255,.15);
    animation:ringReverse 20s linear infinite;
}

.zewabots-circle::after{
    inset:120px;
    border:2px solid rgba(255,255,255,.12);
    animation:ringSpin2 15s linear infinite;
}

@keyframes ringReverse{
    from{transform:rotate(360deg);}
    to{transform:rotate(0deg);}
}

@keyframes ringSpin2{
    from{transform:rotate(0deg);}
    to{transform:rotate(360deg);}
}

/* Logo */

.zewabots-logo{
    position:relative;
    z-index:5;
    animation:logoFloat 4s ease-in-out infinite;
}

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

/* Floating Cards */

.zewabots-floating{
    z-index:10;
}

.zewabots-floating.one{
    animation:floatOne 5s ease-in-out infinite;
}

.zewabots-floating.two{
    animation:floatTwo 6s ease-in-out infinite;
}

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

@keyframes floatTwo{
    0%,100%{transform:translateY(0);}
    50%{transform:translateY(20px);}
}
@media(max-width:991px){

.zewabots-wrap{
    grid-template-columns:1fr;
}

.zewabots-title{
    font-size:36px;
}

.zewabots-card{
    height:520px;
}

}

@media(max-width:576px){

.zewabots{
    padding:70px 18px;
}

.zewabots-title{
    font-size:30px;
}

.zewabots-list{
    grid-template-columns:1fr;
}

.zewabots-card{
    height:450px;
}

.zewabots-logo{
    width:120px;
    height:120px;
}

.zewabots-logo span{
    font-size:40px;
}

.zewabots-floating{
    padding:14px 18px;
}

 
.zewabots-box{
    width:70px;
    height:70px;
    font-size:13px;
}

}


     .productax{
    padding: 40px 0px;
    background: linear-gradient(180deg, #fffefe 0%, #fcf8ff 100%);
    position:relative;
    overflow:hidden;
}

 
 

.productax-head{
    text-align: center;
    margin-bottom: 35px;
}

.productax-tag{
    display: inline-block;
    padding: 8px 20px;
    background: #fff;
    border: 1px solid #d8e9ff;
    color: #005092;
    border-radius: 50px;
    font-weight: 600;
    letter-spacing: 0.46px;
    font-size: 14px;
    margin-bottom: 15px;
}
.prodouctaer{
  padding: 38px;
    border-radius: 32px;
    background: rgba(255, 255, 255, .92);
    box-shadow: 0 22px 48px rgba(68, 38, 95, .09);
}
   
.productax-head h2{
    font-size: 25px;
    font-weight: 800;
    margin-bottom: 5px;
}

.productax-head p{
    max-width:700px;
    margin:auto;
    color:#666;
    line-height:1.8;
}

.productax-list{
    display:flex;
    flex-direction:column;
    gap:28px;
}

 

 .productax-item{
    display: grid;
    grid-template-columns: 30px 65px 1fr 152px;
    align-items: center;
    gap: 20px;
    padding: 20px;
    border: 1px solid #e8edf7;
    border-radius: 24px;
    background: linear-gradient(135deg, #f4f7ff 0%, #ffffff 80%);
    box-shadow: 0 18px 40px rgba(68, 38, 95, .08);
    transition: transform .28s ease, box-shadow .28s ease;
    overflow: hidden;
}

.productax-item:hover{
    transform:translateY(-3px);
    box-shadow: 0 10px 25px rgb(233 97 8 / 10%);
}

 

 
.productax-content li{
    padding: 5px 20px;
    background: #f0f3fa;
    border-radius: 30px;
    font-size: 14px;
    transition: .3s;
    font-weight: 500;
        color: #0a1a42;
}

 
 

 

.productax-count{
    font-size: 30px;
    font-weight: 800;
    color: #09409f;
}

.productax-icon{
    display:flex;
    justify-content:center;
    align-items:center;
 
}
.productax-icon img{
    width: 40px;
}

 

.productax-content h3{
    font-size: 18px;
    margin-bottom: 10px;
    color: #0b2567;
}

.productax-content ul{
    display:flex;
    flex-wrap:wrap;
    gap:12px;
    padding:0;
    margin:0;
    list-style:none;
}

 


.productax-item a{
    text-decoration: none;
    text-align: center;
    padding: 5px 25px;
    border-radius: 50px;
    background: linear-gradient(135deg, #e85d04, #ef7c24);
    color: #fff;
    transition: .3s;
}

 .productax-item a:hover{
        transform: translateY(-5px);
    box-shadow: 0 20px 45px rgb(235 107 18 / 25%);
 }

@media(max-width:991px){

.productax-item{
grid-template-columns:1fr;
text-align:center;
}

.productax-content ul{
justify-content:center;
}

.productax-count{
font-size:45px;
}

.productax-head h2{
font-size:38px;
}

}



     /*==========================
   HOWITXX - UNIQUE ROADMAP
==========================*/

.howitxx-section{
padding: 40px 0px 61px;
    background:
    radial-gradient(circle at top left,#2563eb12,transparent 45%),
    radial-gradient(circle at bottom right,#7c3aed10,transparent 45%),
    #f8fbff;
    overflow:hidden;
    position:relative;
}

.howitxx-section::before{
    content:"";
    position:absolute;
    width:600px;
    height:600px;
    border-radius:50%;
    background:radial-gradient(circle,#2563eb10,transparent 70%);
    top:-250px;
    left:-250px;
}

.container{
    max-width:1300px;
    margin:auto;
}

/* Heading */

.howitxx-head{
    text-align:center;
    margin-bottom: 40px;
}

.howitxx-title{
    font-size: 25px;
    margin-bottom: 5px;
}

.howitxx-title span{
      background: linear-gradient(90deg, #ff6b00, #e0a773, #7f5af0);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.howitxx-desc{
    max-width: 720px;
    margin: auto;
    color: #5f6472;
    font-size: 16px;
}

/* Timeline */

.howitxx-track{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:28px;
    position:relative;
}

.howitxx-track::before{
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 50%;
    height: 4px;
    transform: translateY(-50%);
    background: linear-gradient(90deg, #082056, #372653);
    border-radius: 50px;
}

.track-step{
    position:relative;
    display:flex;
}
 

 
 
 
/* Card */

.track-card{
    background:#fff;
    border-radius:24px;
    padding:20px;
    box-shadow:
    0 18px 40px rgba(0,0,0,.07);
    border:1px solid #edf1f8;
    position:relative;
    transition:.4s;
    overflow:hidden;
}

 

.track-card:hover::before{
    opacity:1;
}

.track-card:hover{
    transform:translateY(-10px);
    box-shadow:
    0 28px 60px rgba(37,99,235,.18);
}

.track-no {
    width:55px;
    height:55px;
    display:flex;
    align-items:center;
    justify-content:center;
      border-radius: 15px;
    background: #eef5ff;
    margin-bottom:10px;
    position:relative;
 
}
.track-no img{
    width: 30px;
}

.track-card h4{
    font-size: 18px;
    color: #111827;
    margin-bottom: 3px;
    position: relative;
    z-index: 2;
}

.track-card p{
     color: #3b404a;
    position: relative;
    z-index: 2;
    font-size: 15px;
}

/* Floating */

.track-step:nth-child(1){
    animation:float1 5s ease-in-out infinite;
}

.track-step:nth-child(2){
    animation:float2 5s ease-in-out infinite;
}

.track-step:nth-child(3){
    animation:float1 5s ease-in-out infinite .5s;
}

.track-step:nth-child(4){
    animation:float2 5s ease-in-out infinite .5s;
}

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

@keyframes float2{
    0%,100%{
        transform:translateY(0);
    }
    50%{
        transform:translateY(10px);
    }
}

/* Responsive */

@media(max-width:991px){

.howitxx-track{
    grid-template-columns:1fr;
    gap:40px;
}

.howitxx-track::before{
    left:26px;
    top:0;
    bottom:0;
    width:6px;
    height:100%;
    transform:none;
}

.track-step{
    padding:0 !important;
    padding-left:70px !important;
}

.track-step::before{
    display:none;
}

.track-step::after{
    left:26px;
    top:50%;
    transform:translate(-50%,-50%);
}

.howitxx-title{
    font-size:36px;
}

}

@media(max-width:576px){

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

.track-card{
    padding:28px;
}

.howitxx-title{
    font-size:30px;
}

.track-card h4{
    font-size:21px;
}

}
 


 
    /*==============================
      PROCESSSS - PREMIUM FLOW
==============================*/

.processss{
    padding: 40px 0px;
    position: relative;
    overflow: hidden;
    background: radial-gradient(circle at left, rgba(232, 189, 88, 0.25), transparent 35%), radial-gradient(circle at right, rgba(14, 165, 233, 0.20), transparent 35%), linear-gradient(135deg, #030712, #111827, #0f172a);
}

.processss::before{
    content:"";
    position:absolute;
    width:550px;
    height:550px;
    background:radial-gradient(circle,#2563eb18,transparent 70%);
    top:-220px;
    left:-180px;
    pointer-events:none;
}

.processss::after{
    content:"";
    position:absolute;
    width:450px;
    height:450px;
    background:radial-gradient(circle,#7c3aed18,transparent 70%);
    bottom:-180px;
    right:-150px;
    pointer-events:none;
}

 

.processss-head{
    max-width:760px;
    margin:auto;
    text-align:center;
    margin-bottom: 40px;
}

.processss-eyebrow{
    display: inline-block;
    padding: 8px 20px;
    background: #fff;
    border: 1px solid #d8e9ff;
    color: #005092;
    border-radius: 50px;
    font-weight: 600;
    letter-spacing: 0.46px;
    font-size: 14px;
    margin-bottom: 15px;
}

.processss-head h2{
    font-size: 25px;
    font-weight: 700;
     margin-bottom: 4px;
     color:#fff;
}

.processss-head p{
    font-size: 16px;
    color: #ccced2;
   
}

.processss-timeline{
    display:grid;
    grid-template-columns:repeat(7,1fr);
    gap:22px;
    position:relative;
}

.processss-timeline::before{
content: "";
    position: absolute;
    left: 5%;
    right: 5%;
    top: 48px;
    height: 4px;
    border-radius: 10px;
    background: linear-gradient(90deg, #b7b7b7, #e1cdf6, #767c7d);
    z-index: 0;
}

.processss-step{
 position: relative;
    background: #fff;
    border: 1px solid #e5e7eb;
    border-radius: 24px;
    padding: 25px 10px 15px;
    text-align: center;
    transition: .45s;
    overflow: hidden;
    z-index: 2;
}
 

.processss-step:hover{
    transform:translateY(-12px);
    border-color:#2563eb;
    box-shadow:0 30px 60px rgba(37,99,235,.12);
}

.processss-step:hover::before{
    opacity:1;
}

 
.processss-step h4{
    font-size: 16px;
    color: #0f172a;
    margin-bottom: 2px;
    font-weight: 700;
}

.processss-step p{
    color: #3b404a;
    position: relative;
   font-size: 15px;
}

.processss-step::after{
    position: absolute;
    top: 14px;
    right: 18px;
    font-size: 25px;
    font-weight: 800;
    color: #ebd62547;
}

/* Step Numbers */
.processss-step:nth-child(1){--n:"01";}
.processss-step:nth-child(2){--n:"02";}
.processss-step:nth-child(3){--n:"03";}
.processss-step:nth-child(4){--n:"04";}
.processss-step:nth-child(5){--n:"05";}
.processss-step:nth-child(6){--n:"06";}
.processss-step:nth-child(7){--n:"07";}

.processss-step:nth-child(1)::after{content:"01";}
.processss-step:nth-child(2)::after{content:"02";}
.processss-step:nth-child(3)::after{content:"03";}
.processss-step:nth-child(4)::after{content:"04";}
.processss-step:nth-child(5)::after{content:"05";}
.processss-step:nth-child(6)::after{content:"06";}
.processss-step:nth-child(7)::after{content:"07";}

/* Responsive */

@media(max-width:1200px){

.processss-timeline{
grid-template-columns:repeat(4,1fr);
}

.processss-timeline::before{
display:none;
}

}

@media(max-width:768px){

.processss{
padding:80px 20px;
}

.processss-head{
margin-bottom:50px;
}

.processss-timeline{
grid-template-columns:1fr;
gap:22px;
}

.processss-step{
padding:60px 24px 28px;
}
 
}


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

.fresh-faq {
padding: 35px 0px;
    background: #f7faff;
    position: relative;
    overflow: hidden;
}

.fresh-faq::before {
    content: "";
    position: absolute;
    width: 500px;
    height: 500px;
    background: radial-gradient(
        circle,
        rgba(59, 130, 246, 0.10),
        transparent 70%
    );
    top: -200px;
    left: -180px;
    pointer-events: none;
}

.fresh-faq::after {
    content: "";
    position: absolute;
    width: 450px;
    height: 450px;
    background: radial-gradient(
        circle,
        rgba(124, 58, 237, 0.08),
        transparent 70%
    );
    bottom: -220px;
    right: -150px;
    pointer-events: none;
}

 


/* HEADING */

.fresh-faq-heading {
    text-align: center;
    max-width: 720px;
    margin: 0 auto 30px;
}

.fresh-faq-heading span {
    display: inline-block;
    padding: 8px 20px;
    background: #fff;
    border: 1px solid #d8e9ff;
    color: #005092;
    border-radius: 50px;
    font-weight: 600;
    letter-spacing: 0.46px;
    font-size: 14px;
    margin-bottom: 15px;
}

.fresh-faq-heading h2 {
    font-size: 25px;
    margin-bottom: 5px;
}

.fresh-faq-heading h2 strong {
    background: linear-gradient(90deg, #ff6b00, #e0a773, #7f5af0);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.fresh-faq-heading p {
    max-width: 720px;
    margin: auto;
    color: #5f6472;
    font-size: 16px;
}


/* GRID */

.fresh-faq-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 24px;
    align-items: start;
}

.fresh-faq-column {
    display: flex;
    flex-direction: column;
    gap: 18px;
}


/* FAQ ITEM */

.fresh-faq-item {
    background: rgba(255, 255, 255, 0.92);
    border: 1px solid #e4eaf2;
    border-radius: 10px;
    overflow: hidden;
    transition: border-color 0.3s ease,
                box-shadow 0.3s ease,
                transform 0.3s ease;
}

.fresh-faq-item:hover {
    border-color: rgb(245 236 229);
    box-shadow: rgb(255 253 251) 0px 12px 35px;
}

.fresh-faq-item.active {
      border-color: #ebd62547;
    box-shadow: 0 15px 40px rgba(37, 99, 235, 0.10);
}


/* QUESTION */

.fresh-faq-question {
    width: 100%;
    border: 0;
    outline: none;
    background: transparent;
    padding: 10px 15px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    cursor: pointer;
    text-align: left;
    color: #172033;
    font-size: 14px;
    font-weight: 700;
}

.fresh-faq-question span {
    line-height: 1.5;
}


/* PLUS ICON */

.fresh-faq-question i {
   
    display: flex;
    align-items: center;
    justify-content: center;
      color: #ec6d15;
    font-size: 22px;
    font-style: normal;
    font-weight: 400;
    transition: 0.3s ease;
}

.fresh-faq-item.active .fresh-faq-question i {
     color: #ec6d15;
}


/* ANSWER */

.fresh-faq-answer {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.4s ease;
}

.fresh-faq-answer p {
    padding: 5px 20px 20px;
    color: #000;
    font-size: 14px;
    background: #f7f9f1;
}


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

@media (max-width: 991px) {

    .fresh-faq {
        padding: 80px 5%;
    }

    .fresh-faq-heading h2 {
        font-size: 38px;
    }

    .fresh-faq-grid {
        grid-template-columns: 1fr;
        gap: 18px;
    }

}

@media (max-width: 576px) {

    .fresh-faq {
        padding: 65px 18px;
    }

    .fresh-faq-heading {
        margin-bottom: 35px;
    }

    .fresh-faq-heading h2 {
        font-size: 31px;
    }

    .fresh-faq-heading p {
        font-size: 14px;
    }

    .fresh-faq-question {
        padding: 19px 17px;
        font-size: 14px;
    }

    .fresh-faq-question i {
        width: 28px;
        height: 28px;
        min-width: 28px;
        font-size: 19px;
    }

    .fresh-faq-answer p {
        padding: 0 17px 19px;
        font-size: 13px;
    }
}

.ctasa-btn{
    padding: 35px 0px;
}

.footer-cta {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 30px;
    padding:15px 30px;
    
    border: 1px solid rgba(255, 255, 255, .09);
    border-radius: 20px;
    background: linear-gradient(#cfe9f6, #e4eef0, #cfe9f6);
    backdrop-filter: blur(12px);
}
.cta-content span {
    display: inline-block;
    margin-bottom: 3px;
    color: #ea6910;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 1.8px;
    text-transform: uppercase;
}

.cta-content h2{
    font-size: 20px;
    font-weight:750;
}

.cta-content p{
    margin-top: 3px;
    color: #4C4E50;
    font-size: 14px;
}

.cta-btn span{
    font-size:18px;
    transition:.3s ease;
}

.cta-btn:hover{
    transform:translateY(-3px);
      box-shadow: 0 15px 35px rgb(240 151 92 / 35%);
}

.cta-btn:hover span{
    transform:translateX(4px);
}
.cta-sabtn{
        color: #ffffff !important;
    background: linear-gradient(135deg, #e85d04, #ef7c24);
    padding: 8px 16px !important;
    border-radius: 20px;
    box-shadow: 0 7px 20px rgba(37, 99, 235, 0.18);
    transition: all 0.25s ease;
    font-size: 14px !important;
    text-decoration: none;
}