html{font-size: 62.5%;}
body{font-family: Montserrat, sans-serif;font-size: 18px;}

:root{

--primary:#ff0000;
--dark:#0f172a;
--muted:#4d545d;
--bg:#f8fafc;
--card:#ffffff;
--border:#e5e7eb;
--success:#16a34a;
--danger:#ef4444;
--dark:#0f172a;
--border:#e5e7eb;
--hero-bg:#f4f8ff;
--bg-deep: #0a1220;
--card: #11172a;
--text: #e6e9f0;
--link: #9ec2ff;
--shadow: rgba(0,0,0,.25);
}
*{box-sizing:border-box;margin:0;padding:0}
.py{padding: 9rem 0;}
.py-4{padding: 4rem 0;}
.py-5{padding: 5rem 0;}
.pb-5{padding-bottom: 5rem;}
.container{max-width:1150px ; margin: 0 auto;}
/*svg, path{stroke: transparent;}*/
.f-small{font-size: 14px;}
.issue span{
color:var(--danger);
font-weight:700;
}
.mt-4{margin-top: 4rem;}
.mb-4{margin-bottom: 4rem;}
.f-bold{font-weight: 700;}
.text-red{color: #ff0000;}
/* Header */
header{background:#fff;border-bottom:0;}
.h-right {display: inline-flex;align-items: center;gap:32px;}
header a.number{font-size:18px; font-weight: 600; text-decoration: none; color: var(--dark); display: flex; align-items: center;}
header a.number:hover{color: var(--primary);}
header a.number i{display: inline-flex; align-self: center; margin-right: 5px;}
header .btn{padding: 10px 20px; font-size: 16px;text-align: center;   line-height: normal;}
.nav{height:auto; padding: 20px 0; display:flex;align-items:center;justify-content:space-between;}
.brand{display:flex;align-items:center;gap:10px;font-weight:700;}
.logo{width:32px;height:32px;border-radius:8px;background:var(--primary);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:800;}
.h-right a{position:relative}
.h-right a.number:before{position:absolute;content:"";height:15px;width:1px;top: 7px;right: -13px;background:#000}
.h-right a.number.ind:before{
  display: none;
}
header .container {  max-width: 1220px;}


.text-link, .backbtn{
  color: var(--primary);
  text-decoration: none;
  font-size: 16px;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  position: relative;
  font-weight: 500;
}

/* arrow */
.text-link svg{
  width: 16px;
  height: 16px;
  transition: transform 0.3s ease;
}


.text-link:hover svg{
  transform: translateX(6px);
}
.text-link:hover svg{
  animation: arrowMove 0.4s ease forwards;
}

@keyframes arrowMove{
  0%{transform: translateX(0);}
  50%{transform: translateX(8px);}
  100%{transform: translateX(6px);}
}
.btn {
  position: relative;
  overflow: hidden;
  background: var(--primary);
  color: #fff;
  padding:12px 40px;
  border-radius: 8px;
  font-size:22px;
  font-weight: 600;
  text-decoration: none;
  display: inline-block; transition: 0.5s;    outline: none; border: 0;
}
.btn:hover{transform: translateY(-3px); color: #fff;}
.btn::after {
  content: "";
  position: absolute;
  top: 0;
  left: -100%;
  width: 100%;
  height: 100%;
  background: rgba(255,255,255,0.2);
  transition: 0.4s ease;
}

.btn:hover::after {
  left: 0;
}
.cta-btn {
  display: inline-flex;
  align-items: center;
  gap:12px; 
  transition: transform 0.25s ease, box-shadow 0.25s ease;
}

.btn svg, .btn path{stroke: transparent;}

.cta-btn .icon {
    font-size: 16px;
    margin: 0;
    padding: 0;
    display: inline-flex;
}

/* Hero */
.hero{
background:var(--hero-bg);
/*padding:90px 0 110px;*/
text-align:center; color: #fff;
background: url(../../assets/images/banner.png) no-repeat; background-size:cover;
}
h1{
font-size:44px;
line-height:1.15;
font-weight:800;
margin-bottom:18px; 
}
.hero h1, .hero p, .hero span,
.hero .subline{color: #fff;}

.hero h1 span{display:block}
.subline{
font-size:2.4rem;
/*color:#111827;*/
margin-bottom:4rem; position: relative;
}
.subline:before{position: absolute; content: ""; bottom: -16px; left: 50%; transform: translateX(-50%); background: #ff000; width: 128px; height: 4px;}
.desc{font-size:2rem; line-height: 3rem;color:var(--muted);margin:0 auto 1rem;}
.desc.mb-4{margin-bottom: 4rem;}
.badge{font-size: 14px; margin-bottom: 2.4rem;display:inline-block;background:#fff;color:#ff0000;
padding:6px 20px;border-radius:999px;font-weight: 500;}

.hero .text-red {
    color: #000;
    background: #fffd00;
    padding: 0 6px;
}

.problems-section{
background:#fff;
}

.clarity-wrap{
 
  padding:0px 0 4.8rem;
}
/*.clarity-list li:hover{
  color: #ff0000;
}*/
.clarity-list{ justify-content: center; align-items: center;
  display: flex;
  gap: 32px;
  list-style: none;
  padding: 0;
  margin: 0;
}

.clarity-list li{
  color: #fff; 
  font-size: 18px; line-height: normal;
  font-weight: 600;
  position: relative;
  padding-bottom: 8px;
}
/*.container{
max-width:1100px;
margin:auto;
padding:0 24px;
}
*/

.section-title{
text-align:center;
font-size:3.6rem;
font-weight:700; margin-bottom:3rem;
position:relative;    line-height: 4rem;
}

.section-title::after{
content:"";
width:95px;
height:3px;
background:#EF4444;
display:block;
margin:14px auto 0;
border-radius:5px;
}


.problems-grid{
display:grid;
grid-template-columns:repeat(2,1fr);
gap:26px 40px;
max-width:920px;
margin:auto;
}


.problem-card{
display:flex;
align-items:flex-start;
gap:14px;
padding:18px 20px;
background:#FEF2F2;
border-left:4px solid #EF4444;
border-radius:10px;
font-size:16px; line-height: 20px;
}

.problem-card p{line-height: 20px;}


@media(max-width:900px){
.problems-grid{grid-template-columns:1fr}
.problems-section{padding:70px 0}
}



.call-section{
background:linear-gradient(135deg, #F0FDF4 0%, #EFF6FF 70.71%);
}
.problem-card svg, .problem-card  path,
.call-section svg, .call-section path{stroke: transparent;}
/*.container{
max-width:1100px;
margin:auto;
padding:0 24px;
}*/

.call-section .section-title::after{background:#22C55E;}
.call-section .section-sub{
text-align:center;
font-size:18px;
/*color:#64748b;*/
margin-bottom:48px;
}


.call-grid{
max-width:900px;
margin:auto;
display:grid;
grid-template-columns:repeat(2,1fr);
gap:22px 32px;
}


.call-card{
background:#fff;
border-radius:10px;
padding:18px 20px;
display:flex;
gap:14px;
align-items:flex-start;
font-size:16px; line-height: 20px;
border-left:4px solid #22c55e;
}
.call-card p{line-height: 24px;}

.call-card.full{
grid-column:1 / -1;
}


.call-card small{
color:#64748b;
font-size:13px;
}

.call-section .check{
color:#22c55e;
font-weight:700;
font-size:16px;
line-height:1;
margin-top:2px;
}
.call-section .note{
text-align:center;
margin-top:4.8rem;
font-size:2.4rem;
font-weight:700;
color:#111827;
}


@media(max-width:900px){
.call-grid{grid-template-columns:1fr}
.call-card.full{grid-column:auto}
}

/* Experts */
.experts-section{padding:90px 0;background:#fff}
.experts-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px}
.expert-card{background:#fff;border-radius:16px;padding:3.2rem;box-shadow:0 10px 30px rgba(0,0,0,.08)}
.expert-card.blue{border:1px solid #dbeafe;background: linear-gradient(135deg, #EFF6FF 0%, #FFFFFF 70.71%);}
.expert-card.blue .expert-head img{border: 4px solid #2563EB;}
.expert-card.purple{border:1px solid #f3e8ff;background: linear-gradient(135deg, #FAF5FF 0%, #FFFFFF 70.71%);}
.expert-card.purple .expert-head img{border: 4px solid #9333EA;}
.expert-head{display:flex;gap:2.4rem;align-items:center;margin-bottom:2.4rem}
.expert-head img{width:95px;height:95px;border-radius:50%}
.expert-head h4{margin: 0;font-size: 2.4rem;color: #111827;font-weight: 700;letter-spacing: -0.5px;}
.expert-head span{margin: 5px 0 0; font-size: 16px; color: #2563eb;font-weight: 600; display: flex;}
.expert-card.purple .expert-head span{color: #9333EA;}
.expert-desc{font-size:16px;line-height: 26px;  color:#374151;margin-bottom:2.4rem}
.expert-list{padding-left:0;list-style:none;font-size:16px;line-height: 24px;color:#1F2937}
.expert-list li{margin-bottom:8px;  display: flex; align-items: flex-start; justify-content: space-between;}
.expert-list li svg{margin-right: 8px; width:18px; height: 18px; margin-top: 2px; stroke: transparent;}
.expert-list li path{stroke: transparent;}
.expert-list li span{width: calc(100% - 28px);}

/* Dark CTA */
.dark-cta{background:linear-gradient(135deg,#020617,#0f172a);color:#fff;text-align:center}
.dark-cta h2{font-size:4rem; line-height: 5rem; font-weight: 700; margin-bottom:6rem; position: relative; color: #fff;}
.dark-cta h2:before{position: absolute;content: "";bottom: -20px;left: 50%;transform: translateX(-50%);
background: #ff0000;
width: 128px;height: 4px;}
.dark-cta p{font-size:2.4rem; line-height: 3rem; color:#D1D5DB;margin:auto; font-style: italic;}


/* Audience */
.audience-section{padding:90px 0;background:#fff;text-align:center}
.audience-section .section-title::after{background:#ff0000;}
.aud-title{font-size:26px;margin-bottom:8px}
.aud-sub{font-size:14px;color:#64748b;margin-bottom:50px}
.aud-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px;max-width:800px;margin:auto}

.aud-card.blue{background: linear-gradient(135deg, #EFF6FF 0%, #DBEAFE 70.71%);border: 2px solid #BFDBFE}
.aud-card.purple{background: linear-gradient(135deg, #FAF5FF 0%, #F3E8FF 70.71%);border: 2px solid #E9D5FF}
.aud-icon{font-size:34px;margin-bottom:14px}
.aud-icon svg, .aud-icon path{stroke: none;}
.aud-card h4{margin-bottom: 12px;font-size: 20px;line-height: 32px;color: #111827;}
.aud-card p{font-size:16px;color:#374151}
.aud-card .text-link{margin-top: 2.4rem}

.aud-card{ cursor: pointer;
  padding: 4rem 2.4rem;
  border-radius: 16px;
  box-shadow: 0 10px 30px rgba(0,0,0,.08);
  transition: transform 0.4s ease, box-shadow 0.4s ease;
  will-change: transform;
}
.aud-card:hover{
  transform: scale(1.05);
  box-shadow: 0 15px 35px rgba(0,0,0,.15);
}
.aud-card:hover .text-link svg {
    animation: arrowMove 0.4s ease forwards;
}

.leadgen-section{background: linear-gradient(135deg, #EFF6FF 0%, #FFFFFF 70.71%);text-align:center}


.pill{display:inline-block;background:#2563eb;color:#fff;font-size:11px;font-weight:600;padding:6px 14px;border-radius:999px;margin-bottom:18px}


.main-title{font-size:4rem; line-height: 5rem; font-weight: 700; margin-bottom:16px; color:#111827; letter-spacing: -0.5px;}
.leadgen-section .subtitle{font-size: 16px;color: #374151;margin-bottom: 4.8rem;}


/* Wrong card */
.wrong-card{background:#fff;border-radius:14px;padding:28px;box-shadow:0 10px 30px rgba(0,0,0,.08);max-width:760px;margin:0 auto 60px;text-align:left}
.wrong-card h3 {margin-bottom: 2.4rem;color: #111827;font-size: 2.4rem;font-weight: 700;letter-spacing: -0.5px;}
.wrong-card ul{padding-left:0;list-style:none;font-size: 18px; line-height: 28px; color: #1F2937;}
.wrong-card li{margin-bottom:16px;position:relative;padding-left:32px}
.wrong-card li::before{width: 20px; height: 20px; border-radius: 50%; background:#EF4444; left: 0; top: 3px; position: absolute; content: "";}
.wrong-card li::after{content: "X";color: #fff;position: absolute;left: 7px;font-size: 11px;font-weight: 600;top: -1px;}

/* Approach */
.approach-title{margin-bottom: 4rem; color: #111827;font-size: 2.4rem;font-weight: 700; letter-spacing: -0.5px;}
.approach-grid{display:grid;grid-template-columns:1fr 1fr;gap:2.6rem;margin-bottom:6rem;text-align:left}
.approach-card{border-left: 4px solid #2563EB;background:#fff;border-radius:14px;padding:24px;box-shadow:0 10px 30px rgba(0,0,0,.08);position:relative}
.approach-card .num{background:#2563eb;color:#fff;width:32px;height:32px; margin-right: 10px; border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:14px}
.approach-card h4{ width: calc(100% - 42px); margin-bottom:8px; font-size: 2rem; line-height: 2.8rem;letter-spacing: -0.5px;}
.approach-card p{font-size:16px; line-height: 25px;color:#374151}
.approach-card .count{margin: 0 0 16px; display: flex; align-items: center;}

/* Channels */
.channels{background:#1e3a8a;color:#fff;border-radius:16px;padding:4rem;text-align:left; position: relative;}
.channels h3{text-align: left;margin-bottom: 2.8rem;font-size: 2.4rem;letter-spacing: -0.5px;font-weight: 700;}
.channel{margin-bottom:16px;display: flex;}
.channel strong{font-size:2rem; line-height: 2.8rem; font-weight: 700; display: flex; margin-bottom: 4px;}
.channel span{font-size:16px;color:#DBEAFE}
.channel p{font-size:16px;line-height: 20px;color:#dbeafe;margin-top:4px}
.channel i {width: 40px;margin-right: 10px;}
.channel svg, .channel path{stroke:transparent}
.channels .cnt {width: calc(100% - 50px);}


.leadgen-section.purple{background:linear-gradient(135deg, #e6dbf0 0%, #FFFFFF 70.71%)}
.leadgen-section.purple .pill{background: #9333EA;}
.leadgen-section.purple .approach-card{border-left: 4px solid #9333EA;}
.leadgen-section.purple  .approach-card .num {background: #9333EA;}
.leadgen-section.purple .channels {background: #581C87; position: relative;}
.leadgen-section.purple .channel p{color:#F3E8FF ;}

.partner-logo,
.ecommerce-logo{position: absolute; content: ""; right:30px; top: 50%; transform: translateY(-50%);
    background: #fff;
    border-radius: 50%;
    width: 150px;
    height: 150px;
    display: flex;
    justify-content: center;
}
.partner-logo img, .ecommerce-logo img {
    Width: 80%;
    height: auto;
    object-fit: contain;
}

.main-wrapper{padding: 0;}
.page-sub-title{margin-bottom:16px;}

.section-sub{text-align: center;margin-bottom: 4.8rem;}
.fit-section .section-title::after,
.why-section .section-title::after{background:#ff0000;}
/* WHY */
.why-section{background:#fff}
.why-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px;max-width:900px;margin:0 auto 30px}
.why-card{border-radius:14px;padding:26px}
.why-card.blue{background:#eff6ff}
.why-card.purple{background:#faf5ff}
.why-card h4{margin-bottom:2.4rem; font-size: 2.4rem; font-weight: 700; letter-spacing: -0.5px;}
.why-card ul{list-style:none;padding-left:0;font-size:16px; font-weight: 400; line-height: 24px; letter-spacing: 
-0.5px; color:#1F2937}
.why-card li{margin-bottom:10px;padding-left:35px;position:relative}
.why-card li::before {
  content: "";
  position: absolute;
  left: 0;
  top:-3px;

  width: 20px;
  height: 28px;

  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='28' viewBox='0 0 20 28' fill='none'%3E%3Cpath d='M20 28H0V0H20V28Z' stroke='%23E5E7EB'/%3E%3Cg clip-path='url(%23clip0)'%3E%3Cpath d='M10 23.5C12.6522 23.5 15.1957 22.4464 17.0711 20.5711C18.9464 18.6957 20 16.1522 20 13.5C20 10.8478 18.9464 8.3043 17.0711 6.42893C15.1957 4.55357 12.6522 3.5 10 3.5C7.34784 3.5 4.8043 4.55357 2.92893 6.42893C1.05357 8.3043 0 10.8478 0 13.5C0 16.1522 1.05357 18.6957 2.92893 20.5711C4.8043 22.4464 7.34784 23.5 10 23.5ZM14.4141 11.6641L9.41406 16.6641C9.04688 17.0312 8.45312 17.0312 8.08984 16.6641L5.58984 14.1641C5.22266 13.7969 5.22266 13.2031 5.58984 12.8398C5.95703 12.4766 6.55078 12.4727 6.91406 12.8398L8.75 14.6758L13.0859 10.3359C13.4531 9.96875 14.0469 9.96875 14.4102 10.3359C14.7734 10.7031 14.7773 11.2969 14.4102 11.6602L14.4141 11.6641Z' fill='%232563EB'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0'%3E%3Cpath d='M0 3.5H20V23.5H0V3.5Z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");

  background-repeat: no-repeat;
  background-size: contain;
}

.why-card.purple li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 21px;
  height: 20px;

  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='21' height='20' viewBox='0 0 21 20' fill='none'%3E%3Cpath d='M11.4358 0.703125C11.2288 0.273438 10.7913 0 10.3108 0C9.83033 0 9.39674 0.273438 9.1858 0.703125L6.67408 5.87109L1.0647 6.69922C0.595955 6.76953 0.20533 7.09766 0.0607986 7.54688C-0.0837326 7.99609 0.0334548 8.49219 0.369392 8.82422L4.4397 12.8516L3.47877 18.543C3.40064 19.0117 3.59595 19.4883 3.98267 19.7656C4.36939 20.043 4.88111 20.0781 5.30299 19.8555L10.3147 17.1797L15.3264 19.8555C15.7483 20.0781 16.26 20.0469 16.6467 19.7656C17.0335 19.4844 17.2288 19.0117 17.1506 18.543L16.1858 12.8516L20.2561 8.82422C20.592 8.49219 20.7131 7.99609 20.5647 7.54688C20.4163 7.09766 20.0295 6.76953 19.5608 6.69922L13.9475 5.87109L11.4358 0.703125Z' fill='%239333EA'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: contain;
}
.together{margin-top: 4.8rem; text-align:center;font-size:2.4rem; line-height: normal; font-weight:700;color:#111827;}


/* FIT */
.fit-section{background: #F9FAFB;}
.fit-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px;max-width:900px;margin:auto}
.fit-card{border-radius:14px;padding:26px}
/*.fit-card.good{background:#ecfdf5}
.fit-card.bad{background:#fef2f2}*/
.fit-card h4 { padding-left: 36px;
  margin-bottom: 2.4rem;
  
  font-weight: 700;
  font-size: 2.4rem; position: relative;
}
.fit-card.good h4{color: #16A34A;}
.fit-card.bad h4{color: #DC2626;}
.fit-card.good h4::before {content: "";position: absolute;left: 0;top: 5px;width: 24px;height: 24px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M12 24C15.1826 24 18.2348 22.7357 20.4853 20.4853C22.7357 18.2348 24 15.1826 24 12C24 8.8174 22.7357 5.76516 20.4853 3.51472C18.2348 1.26428 15.1826 0 12 0C8.8174 0 5.76516 1.26428 3.51472 3.51472C1.26428 5.76516 0 8.8174 0 12C0 15.1826 1.26428 18.2348 3.51472 20.4853C5.76516 22.7357 8.8174 24 12 24ZM17.2969 9.79688L11.2969 15.7969C10.8562 16.2375 10.1438 16.2375 9.70781 15.7969L6.70781 12.7969C6.26719 12.3562 6.26719 11.6438 6.70781 11.2078C7.14844 10.7719 7.86094 10.7672 8.29688 11.2078L10.5 13.4109L15.7031 8.20312C16.1437 7.7625 16.8562 7.7625 17.2922 8.20312C17.7281 8.64375 17.7328 9.35625 17.2922 9.79219L17.2969 9.79688Z' fill='%2316A34A'/%3E%3C/svg%3E");background-repeat: no-repeat;background-size: contain;}
.fit-card.bad h4::before {
  content: "";
  position: absolute;
  left: 0;
  top: 2px;

  width: 24px;
  height: 24px;

  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M12 24C15.1826 24 18.2348 22.7357 20.4853 20.4853C22.7357 18.2348 24 15.1826 24 12C24 8.8174 22.7357 5.76516 20.4853 3.51472C18.2348 1.26428 15.1826 0 12 0C8.8174 0 5.76516 1.26428 3.51472 3.51472C1.26428 5.76516 0 8.8174 0 12C0 15.1826 1.26428 18.2348 3.51472 20.4853C5.76516 22.7357 8.8174 24 12 24ZM8.20312 8.20312C8.64375 7.7625 9.35625 7.7625 9.79219 8.20312L11.9953 10.4062L14.1984 8.20312C14.6391 7.7625 15.3516 7.7625 15.7875 8.20312C16.2234 8.64375 16.2281 9.35625 15.7875 9.79219L13.5844 11.9953L15.7875 14.1984C16.2281 14.6391 16.2281 15.3516 15.7875 15.7875C15.3469 16.2234 14.6344 16.2281 14.1984 15.7875L11.9953 13.5844L9.79219 15.7875C9.35156 16.2281 8.63906 16.2281 8.20312 15.7875C7.76719 15.3469 7.7625 14.6344 8.20312 14.1984L10.4062 11.9953L8.20312 9.79219C7.7625 9.35156 7.7625 8.63906 8.20312 8.20312Z' fill='%23DC2626'/%3E%3C/svg%3E");

  background-repeat: no-repeat;
  background-size: contain;
}

.fit-card ul{    list-style: none;
    padding-left: 0;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    color: #1F2937;}
.fit-card li{margin-bottom:10px;padding-left:30px;position:relative}
.fit-card.good li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 2px;

  width: 14px;
  height: 24px;

  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='24' viewBox='0 0 14 24' fill='none'%3E%3Cpath d='M14 24H0V0H14V24Z' stroke='%23ffffff'/%3E%3Cpath d='M7 12C8.06087 12 9.07828 11.5786 9.82843 10.8284C10.5786 10.0783 11 9.06087 11 8C11 6.93913 10.5786 5.92172 9.82843 5.17157C9.07828 4.42143 8.06087 4 7 4C5.93913 4 4.92172 4.42143 4.17157 5.17157C3.42143 5.92172 3 6.93913 3 8C3 9.06087 3.42143 10.0783 4.17157 10.8284C4.92172 11.5786 5.93913 12 7 12ZM5.57188 13.5C2.49375 13.5 0 15.9937 0 19.0719C0 19.5844 0.415625 20 0.928125 20H13.0719C13.5844 20 14 19.5844 14 19.0719C14 15.9937 11.5063 13.5 8.42813 13.5H5.57188Z' fill='%2316A34A'/%3E%3C/svg%3E");

  background-repeat: no-repeat;
  background-size: contain;
}
.fit-card.bad li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 3px;

  width: 16px;
  height: 16px;

  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='M11.475 12.8906L3.10938 4.525C2.40937 5.50313 2 6.70312 2 8C2 11.3125 4.6875 14 8 14C9.29688 14 10.4969 13.5906 11.475 12.8906ZM12.8906 11.475C13.5906 10.4969 14 9.29688 14 8C14 4.6875 11.3125 2 8 2C6.70312 2 5.50313 2.40937 4.525 3.10938L12.8906 11.475ZM0 8C0 5.87827 0.842855 3.84344 2.34315 2.34315C3.84344 0.842855 5.87827 0 8 0C10.1217 0 12.1566 0.842855 13.6569 2.34315C15.1571 3.84344 16 5.87827 16 8C16 10.1217 15.1571 12.1566 13.6569 13.6569C12.1566 15.1571 10.1217 16 8 16C5.87827 16 3.84344 15.1571 2.34315 13.6569C0.842855 12.1566 0 10.1217 0 8Z' fill='%23DC2626'/%3E%3C/svg%3E");

  background-repeat: no-repeat;
  background-size: contain;
}


.final-reminder {
  background: #ffffff;
  text-align: center;
}

.final-reminder-inner {
  max-width: 760px;
  margin: 0 auto;
}

/*.final-reminder h2 {
  font-size: 32px;
  font-weight: 700;
  color: #0f172a;
  margin-bottom: 28px;
}
*/
.final-reminder p {
  font-size: 16px;
  color: #475569;
  margin: 6px 0;
}

.final-reminder .highlight {
  margin-top: 2.8rem; font-size: 2rem;
  font-weight: 700;
  color: #111827;
}

p.btn-note{
  margin-top: 20px;
  font-size: 18px;
}
.final-reminder .section-title::after{display: none;}

ul.wrong-list{margin:1rem 0 2.4rem; padding: 0; list-style: none;}
ul.wrong-list li{margin: 0 0 10px; padding: 0 0 0 18px; position: relative; font-size: 16px;}
ul.wrong-list li::before {
  content: "x";
  position: absolute;
  left: 0;
  top: 0px;
  width: 18px; font-weight:600;
  height: 24px; color: #ff0000;
  /*background-repeat: no-repeat;
  background-size: contain;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='24' viewBox='0 0 18 24' fill='none'%3E%3Cpath d='M16.0595 7.05947C16.6454 6.47354 16.6454 5.52197 16.0595 4.93604C15.4735 4.3501 14.522 4.3501 13.936 4.93604L9.0001 9.87666L4.05947 4.94072C3.47354 4.35479 2.52197 4.35479 1.93604 4.94072C1.3501 5.52666 1.3501 6.47822 1.93604 7.06416L6.87666 12.0001L1.94072 16.9407C1.35479 17.5267 1.35479 18.4782 1.94072 19.0642C2.52666 19.6501 3.47822 19.6501 4.06416 19.0642L9.0001 14.1235L13.9407 19.0595C14.5267 19.6454 15.4782 19.6454 16.0642 19.0595C16.6501 18.4735 16.6501 17.522 16.0642 16.936L11.1235 12.0001L16.0595 7.05947Z' fill='%23EF4444'/%3E%3C/svg%3E");*/
}
.generation-busines,
.ecommerce-brand {
  display: none; /* hide by default */
}

.audience-section,
.generation-busines,
.ecommerce-brand {
  scroll-margin-top: 120px; /* header height */
}

.phase-section {margin: 0 auto;
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.backbtn {display: inline-flex; align-items: center; margin-bottom: 2.4rem; color: #000; transition: 0.5s;}
.backbtn:hover{color:var(--primary);}
.backbtn span{transition: 0.5s;}
.backbtn:hover span{transform: translateX(-3px);}
.backbtn svg{width: 16px ;height: 16px;}

.backbtn:hover svg, .backbtn:hover path{stroke: var(--primary);}
.text-center{text-align: center;}
.whowrap h3{font-weight: 700;  font-size: 3rem; margin-bottom: 2.4rem;}
.whowrap{max-width: 1024px; margin: 0 auto;}
.whowrap h4{margin-bottom: 2.4rem; font-size: 20px;}
.whowrap .note{ margin-bottom: 2.4rem; font-size: 16px; font-style: italic; color: var(--muted);}
.whowrap strong{color: var(--primary); font-weight: 700;}
.whowrap p{margin-bottom: 2.4rem;}

.phase-card {
  display: flex;
  gap: 20px;
  padding: 24px 26px;
  border-radius: 14px;
      background: linear-gradient(135deg, #EFF6FF 0%, #DBEAFE 70.71%);
    border: 2px solid #BFDBFE;
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.05);
  transition: all 0.3s ease;
}

.phase-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 14px 40px rgb(219 234 254);
}

.phase-icon {
  width: 42px;
  height: 42px;
  border-radius: 50%;
  background: rgb(153 189 236);
  color: #000;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 18px;
  flex-shrink: 0;
}

.phase-content h4 {
  font-size: 18px;
  font-weight: 600;
  margin: 0 0 6px;
  color: #000;
}

.phase-content p {
  margin: 0;
  font-size: 14px;
  line-height: 1.6;
  color: #000;
}

.channels-section {
  margin: 60px auto;
  padding: 28px 32px;
  border-radius: 16px;
  background: linear-gradient(135deg, #EFF6FF 0%, #DBEAFE 70.71%);
  border: 2px solid #BFDBFE;
}

.channels-section h3 {
  margin: 0 0 20px;
  font-size: 18px;
  font-weight: 600;
  color: #000;
}

.channels-list {
  display: flex;
  flex-wrap: wrap;
  gap: 14px;
}

.channel-pill {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    padding: 10px 16px;
    border-radius: 999px;
    background: rgb(192 210 234);
    border: 1px solid rgb(153 189 236);
    font-size: 14px;
    font-weight: 500;
    color: #524d4d;
    transition: all 0.25s ease;
}

.channel-pill i {
    width: 18px;
    height: 18px;
    border-radius: 50%;
    background: rgb(153 189 236);
    color: #030303;
    display: flex;
    align-items: center;
    justify-content: center;
    font-style: normal;
    font-size: 12px;
}

.channel-pill:hover {
  transform: translateY(-2px);
}


.footer-wrap{font-size:14px; background: #000;padding-top:4.8rem;padding-bottom: 3rem; border-top: 1px solid #363d49; color: #fff; }
.footer-cnt{display: flex; justify-content: space-between; gap: 3rem; margin-bottom: 3.2rem;}
.footer-cnt .md-col{width: 40%; margin-right: 3%;}
.footer-cnt .sm-col{width: 25%;}

ul.footer-nav{margin: 0; padding: 0; list-style: none;}
ul.footer-nav a{margin-bottom:10px; display: flex; color: #fff; text-decoration: none; line-height: normal;}
ul.footer-nav a:hover, .nmg-contact a:hover{color: #ff0000;}
.nmg-contact address{font-style: normal;}
.nmg-contact a, .nmg-contact address{display: flex; align-items: center; margin-bottom: 5px;color: #fff; text-decoration: none;}
.nmg-contact a i{display: inline-flex; align-self: center;}
.nmg-contact span{width: calc(100% - 25px);}
.nmg-contact address{align-items: flex-start;line-height: 24px; margin-bottom: 0;}
.nmg-contact address svg{margin-top: 5px;}
.nmg-contact a i{margin-right: 8px;}
.nmg-contact svg{margin-right: 8px; width: 24px; height: 16px;}
.nmg-contact path, .nmg-contact svg{stroke: #ff0000}

.footer-wrap p{line-height: 20px;color: #fff;}
.footer-wrap .nmg-logo{margin-bottom: 1.6rem; color: #fff; font-size: 20px; display: inline-flex;}
.nmg-logo span{color: #ff0000;}
.footer-wrap h3{font-weight: 600; padding: 0; margin: 0 0 1.6rem; font-size: 16px; color: #fff;}

.copy-right{padding-top:3.2rem;display: flex; justify-content: center; align-items: center; border-top: 1px solid #363d49;}
.copy-right .cms-links{gap:1.5rem; display: flex; }

.popup {cursor: pointer;}
.modal {display: none;position: fixed;z-index: 99999;left: 0;top: 0;width: 100%;height: 100%;overflow: auto;background-color: rgba(0, 0, 0, 0.4);}
.modal-content {background-color: rgb(255, 255, 255); border-radius: 12px; border:1px solid #808080; margin: 0% auto;padding:0;width:670px;position: absolute;top: 50%;left: 50%;transform: translateX(-50%) translateY(-50%);overflow: hidden;}
.modal .close {position: absolute;right:8px;top: 8px;font-size: 16px;font-weight: normal;border-radius: 50%;width: 35px;height: 35px;text-align: center;color: #fff;display: flex;justify-content: center;align-items: center;}
.modal .close:hover path,
.modal .close:hover svg{fill: #ff0000;}
.modal .close:hover,.modal .close:focus {text-decoration: none;cursor: pointer;}

button.hsfc-Button{width: 100% !important;}

.certifications-section .clients-block-list{max-width: 100%; padding: 0;}
.clients-block-section {
    text-align: center;
    padding:3rem 0 0;
}
.clients-block-item {
    display: inline-block;
    padding: 0 20px;
    margin-bottom: 15px;
}
.clients-block-item img {
    width: 100%;
}
ul.award-logo { list-style: none; margin: 0; padding: 0;
    align-items: center; display: flex; flex-wrap: wrap;
    justify-content: center;
}
ul.award-logo li {
    align-items: center;
    display: flex;
    height: 100px;
    margin: 0 20px;
    width: 10%;
}
ul.award-logo li img {
    vertical-align: middle;
}

/* Responsive */
@media (max-width: 600px) {
  .final-reminder h2 {
    font-size: 26px;
  }

  .final-reminder p {
    font-size: 15px;
  }
}

@media(max-width:1200px){
header .container{max-width:95%;}
.container{max-width:85%;}
header .btn {display: none;}

}


/*
.clarity-list li::after{
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 2px;
  background: #ef4444; 
}

.clarity-list li::after{
  transform: scaleX(0);
  transform-origin: left;
  animation: lineIn 0.6s ease forwards;
}

@keyframes lineIn{
  to{ transform: scaleX(1); }
}*/
.page-sub-title {margin-bottom: 10px;}
.clients-reviews-slider{padding-top: 20px;}

@media(max-width:900px){
html {font-size: 55%;}

.why-grid,.fit-grid{grid-template-columns:1fr}
.approach-grid{grid-template-columns:1fr}
.main-title{font-size:26px}
.experts-grid,.aud-grid{grid-template-columns:1fr}
h1{font-size:34px}
.grid-2,.grid-3,.profiles{grid-template-columns:1fr}
.dark-cta p br, .desc br{display: none;}
.fit-card{padding: 0; border-radius: 0;}

.py {padding: 6rem 0;}

.section-title, .dark-cta h2 {line-height: 3.5rem;font-size: 2.8rem;}

.footer-cnt{flex-wrap: wrap; justify-content: space-between;}
.footer-cnt .md-col{width: 100%;margin-right:0%;}
.footer-cnt .sm-col.nmg-contact {width:calc(100% - 42%);}
.footer-cnt .sm-col{width:30%;}
header .btn{display: none;}
header a.number{font-size: 15px;}



}/*900px end*/
@media(max-width:1000px){
  .channels{padding-bottom: 150px;}
.partner-logo, .ecommerce-logo {
    transform: inherit;
    width: 100px;
    height: 100px;
    display: flex;
    justify-content: center;
    bottom: 30px; top: auto;
    left: 50%;
    transform: translateX(-50%) ;
}
  }
@media(max-width:768px){
.h-right {gap: 15px}

}
@media(max-width:767px){
html {font-size: 48%;}

body{font-size: 16px; line-height: 22px;}	
.expert-head{flex-direction: column;text-align: center;}
.approach-card .count{align-items: flex-start;}
.channel i{width: 25px;}
.channel svg {width: 20px;height: 20px;}
.channels .cnt {width: calc(100% - 25px);}

.modal-content{width: 90%;}
.clients-block-section{padding-top: 0;}

.cta-btn{gap: 9px}
ul.award-logo li {width: 25%;}
h1{font-size:3.4rem}
header .nav{height: inherit; flex-wrap: wrap; justify-content: center; padding: 2rem 0; flex-direction: column;}
/*.h-right a:first-child, .h-right a:nth-child(2),*/
header .btn{display: none;}
header a.number{margin-top: 3px;}
header a.number:before{display: none;}
header .brand{margin-bottom: 1rem;}
header .brand img{width: 150px;}
.h-right{gap: 0; flex-direction: column;}

.btn{font-size: 18px;}

}
@media(max-width:400px){
.btn{font-size: 16px;}
.clarity-list li{font-size: 16px;}
.clarity-wrap{padding-bottom: 2rem;}
}
.js-scroll  {opacity:  0;transition:  opacity 500ms;}
.js-scroll.scrolled  {opacity:  1;}
.scrolled.fade-in  {animation:  fade-in 0.5s ease-in-out both;}
.scrolled.fade-in-bottom  {animation:  fade-in-bottom 0.5s ease-in-out both;}
.scrolled.slide-left  {animation:  slide-in-left 0.5s ease-in-out both;}
.scrolled.slide-right  {animation:  slide-in-right 0.5s ease-in-out both;}
@keyframes slide-in-left  {
  0%  {
  -webkit-transform:  translateX(-100px);
  transform:  translateX(-100px);
  opacity:  0;
  }
  100%  {
  -webkit-transform:  translateX(0);
  transform:  translateX(0);
  opacity:  1;
  }
}
@keyframes slide-in-right  {
  0%  {
  -webkit-transform:  translateX(100px);
  transform:  translateX(100px);
  opacity:  0;
  }
  100%  {
  -webkit-transform:  translateX(0);
  transform:  translateX(0);
  opacity:  1;
  }
}
@keyframes fade-in-bottom  {
  0%  {
  -webkit-transform:  translateY(50px);
  transform:  translateY(50px);
  opacity:  0;
  }
  100%  {
  -webkit-transform:  translateY(0);
  transform:  translateY(0);
  opacity:  1;
  }
}
@keyframes fade-in  {
  0%  {
  opacity:  0;
  }
  100%  {
  opacity:  1;
  }
}

/*Mastermind Session css*/
.mt-5{margin-top: 5rem;}
.pt-6{padding-top: 6rem;}
.align-center{text-align: center;}
.muted-text{color: var(--muted);}
.availability{max-width: min(900px, 85vw); margin: 0 auto;}

.mastermind-page .section-title{max-width: 650px; margin: 0 auto;}
.mastermind-page .page-sub-title {margin-bottom: 16px; letter-spacing: 2.4px; font-size: 12px; line-height: 16px; }
.mastermind-page .expert-card{background:rgba(249, 250, 251, 1); border:1px solid rgba(243, 244, 246, 1);}
.mastermind-page .expert-head span{color: var(--primary);line-height: normal; margin-top: 0;}
.mastermind-page .expert-card .expert-head img{border: 4px solid #bdc7d1;}
.mastermind-page .expert-list li svg{width: 10px; height: 12px; margin-top: 5px; margin-right: 0;}
.mastermind-page .expert-list li span {width: calc(100% - 23px);}
.mastermind-page .experts-grid{margin-top: 6rem;}
.mastermind-page .expert-card .expert-head div img{margin-top: 8px; width:auto; height: 18px; border: 0; border-radius: 0;}


.bg-gray{background: rgba(250, 250, 250, 1);}
.w-sm{max-width:75%; margin: 0 auto;}

.mastermind-hero{position: relative;min-height: 100vh;display: flex;align-items: center;justify-content: center;padding: 8rem 0;overflow: hidden;
background: url(../../assets/images/dashboard-bg.png) center no-repeat; background-size: cover;
/*  background: radial-gradient(circle at top,#1a2338 0%,var(--bg-deep) 55%);*/}
.mastermind-hero .hero-overlay{position: absolute;inset: 0; background: radial-gradient(ellipse at center, rgb(0 0 0 / 81%), rgb(0 0 0 / 68%) 70%);
  /*background: radial-gradient(ellipse at center,rgba(255,255,255,.06),transparent 70%);*/}
.mastermind-hero .hero-content{position: relative;text-align: center;color: #fff;z-index: 2;}
.mastermind-hero .hero-badge{ position: relative; margin-bottom: 2rem;display: inline-block;padding: 6px 14px 6px 36px;font-size: 12px; font-weight: 600;letter-spacing: .04em;background: rgba(31, 41, 55, 0.8);color:rgba(209, 213, 219, 1);border-radius: 999px;border: 1px solid rgba(55, 65, 81, 1);box-shadow: 0px 20px 25px -5px rgba(0, 0, 0, 0.1); text-transform: uppercase; line-height: normal;}
.mastermind-hero .hero-badge:before{top: 50%;left: 16px; width: 8px; height: 8px; position: absolute; content: ""; background:rgba(34, 197, 94, 1); border-radius: 50%; transform: translateY(-50%);}
.mastermind-hero h1{font-size: clamp(34px, 5vw, 7.2rem);font-weight: 800;line-height: 1.15;margin-bottom: 14px; letter-spacing: -1.8px;}
.mastermind-hero .hero-sub{font-size: 2.4rem;color:rgba(255, 255, 255, 1);margin:24px 0 40px;}
.mastermind-hero .hero-sub span{color: rgba(156, 163, 175, 1);}
.mastermind-hero .hero-card{ position: relative; box-shadow: 0px 25px 50px -12px rgba(0, 0, 0, 0.25);background: linear-gradient(135deg, rgba(31, 41, 55, 0.8) 0%, rgba(17, 24, 39, 0.8) 100%);border: 1px solid rgba(55, 65, 81, 0.5);border-radius: 16px;padding:3.2rem;margin:0 auto 4rem; max-width: 1000px;}
.mastermind-hero .hero-card::before{opacity: 0.6;content: "";position: absolute;top: 0;left: 50%;transform: translateX(-50%);width: 100%;height: 4px;display: block;background: linear-gradient(90deg,rgba(255, 59, 48, 0) 0%,#FF3B30 50%,rgba(255, 59, 48, 0) 100%);}
.mastermind-hero .hero-card strong{ font-size:2.4rem; display: inline-flex; font-weight: 500;}
.mastermind-hero .hero-card p{font-size: 16px;line-height: 1.7;color:rgba(156, 163, 175, 1);}
.mastermind-hero .strategy{display: flex; gap:16px; justify-content: center; align-items: center;margin-bottom: 16px;}
.mastermind-hero .pill{padding: 4px 10px;margin: 0; display: inline-block; background: var(--primary); color: #fff;font-size: 16px; line-height: 20px; border-radius:4px;}
.mastermind-hero .hero-points{display: flex;justify-content: center;gap: 3.2rem;list-style: none;padding: 0;margin:3rem auto;font-size: 14px; line-height: normal; font-weight: 600;color: rgba(209, 213, 219, 1);}
.mastermind-hero .hero-points li{padding:11px 16px 11px 34px; display: flex; gap: 8px; align-items: center; background: rgba(17, 24, 39, 0.5);border: 1px solid rgba(31, 41, 55, 1); border-radius: 8px; position: relative;}
.mastermind-hero .hero-note{display: block; max-width: 600px;margin:2.4rem auto 0;font-size: 14px; line-height: 22px; color: rgb(211 211 211);}
.mastermind-hero .hero-points li:before{ content: "";  position: absolute;  left: 9px;  top: 10px;  width: 18px;  height: 18px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M12 22C13.3135 22.0016 14.6143 21.7437 15.8278 21.2411C17.0412 20.7384 18.1434 20.0009 19.071 19.071C20.0009 18.1434 20.7384 17.0412 21.2411 15.8278C21.7437 14.6143 22.0016 13.3135 22 12C22.0016 10.6866 21.7437 9.38572 21.2411 8.17225C20.7384 6.95878 20.0009 5.85659 19.071 4.92901C18.1434 3.99909 17.0412 3.26162 15.8278 2.75897C14.6143 2.25631 13.3135 1.99839 12 2.00001C10.6866 1.99839 9.38572 2.25631 8.17225 2.75897C6.95878 3.26162 5.85659 3.99909 4.92901 4.92901C3.99909 5.85659 3.26162 6.95878 2.75897 8.17225C2.25631 9.38572 1.99839 10.6866 2.00001 12C1.99839 13.3135 2.25631 14.6143 2.75897 15.8278C3.26162 17.0412 3.99909 18.1434 4.92901 19.071C5.85659 20.0009 6.95878 20.7384 8.17225 21.2411C9.38572 21.7437 10.6866 22.0016 12 22Z' fill='%23FF3B30'/%3E%3Cpath d='M8 12L11 15L17 9' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-size: contain; background-repeat: no-repeat;}

.gradient-text{background: linear-gradient(97.65deg, #ffffff 1.81%-9.19% , #ffffff -27.58%, #0c0d19 146.44%);-webkit-background-clip: text;background-clip: text;color: transparent;letter-spacing: -0.02em;}


/* Responsive */
@media(max-width: 900px){
.mastermind-hero .hero-note, .w-sm, .card-grid-4 + p{max-width: 100%;}

}
@media(max-width: 600px){
.pt-6 {padding-top: 4rem;}
.mastermind-hero .hero-points{gap: 10px; flex-wrap: wrap;gap: 10px;}
.mastermind-hero .strategy{flex-direction: column;}
.mastermind-hero .hero-badge:before{display: none;}
}


.mastermind-page .problems-grid{gap:2.4rem; margin-bottom: clamp(3rem, 3vw, 5rem);}
.mastermind-page  .problem-card{display:flex;align-items:flex-start;gap:2rem;padding:1.8rem 2rem;background:#FEF2F2;border:1px solid rgba(254, 226, 226, 1);border-radius:12px;font-size:16px; line-height: 20px;}
.mastermind-page .problem-card p{line-height: 24px; font-size: 16px; font-weight: 600; color: rgba(31, 41, 55, 1);}
.mastermind-page .problem-card .icon {min-width: 3.5rem;height: 3.5rem; background: #fff;border-radius: 50%;display: inline-flex;align-items: center;justify-content: center;font-size: 13px;font-weight: bold;margin-top: 2px;}
.mastermind-page .problem-card svg{width: 15px; height: 15x;}
.problem-note{font-size: 19px;}

ul.helpyou{display: flex; gap:2.4rem; flex-direction: column; max-width: 960px; margin: 0 auto;}
ul.helpyou li{ display: flex; padding: 3.2rem; background:rgba(255, 255, 255, 1); border: 1px solid rgba(243, 244, 246, 1); border-radius: 16px; font-size:18px ; font-weight:500 ; color: rgba(31, 41, 55, 1);box-shadow: 0px 4px 20px -2px rgba(0, 0, 0, 0.05); align-items: center; justify-content: space-between;line-height: 24px;}
ul.helpyou .icon{width:clamp(35px, 35vw, 55px) ; height:clamp(35px, 35vw, 55px); border-radius: 50%; background:rgba(254, 242, 242, 1); display: inline-flex; align-items: center; justify-content: center;}
ul.helpyou .icon svg{width: clamp(15px, 15vw, 24px);height: clamp(15px, 15vw, 24px);}
ul.helpyou span{width: calc(100% - 74px);}
.help-notes { margin: 4rem auto 0; max-width: 600px; border-left: 6px solid rgba(17, 24, 39, 1);background: rgba(255, 255, 255, 1); color: rgba(17, 24, 39, 1); font-size: 18px; font-weight: 700;border-top-right-radius: 12px; border-bottom-right-radius: 12px;padding:3.2rem; text-align: center;box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.05);position: relative;}


.process-head{max-width: 900px;margin:3.2rem auto 8rem;text-align: center;}
.process-head .eyebrow{font-size:18px;line-height: 1.6;color: rgba(75, 85, 99, 1);margin-bottom: 2.4rem;}
.process-head blockquote{  background: rgba(255, 255, 255, 1);  border-radius: 8px;  padding:16px 22px; font-weight: 500;  color: rgba(31, 41, 55, 1);  box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.05);}
.process-grid{display: grid;grid-template-columns: repeat(2, 1fr);gap: 3.2rem;}
.process-card{background: rgba(255, 255, 255, 1);border-radius: 16px; border: 1px solid rgba(243, 244, 246, 1);padding: 4rem;box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.05);}
.step{display: inline-block;font-size: 6rem;font-weight: 900;color: rgba(225, 71, 71, 1);}
.process-card h3{margin:2.4rem 0 1.6rem;font-size: 3.2rem;font-weight:700;color:rgba(17, 24, 39, 1);}
.process-card p{margin: 0;font-size: 16px;line-height:25px;color:rgba(75, 85, 99, 1); font-weight: 400;}
.process-card:hover{  transform: translateY(-6px); transition: all .3s ease;}

/* Responsive */
@media (max-width: 900px){
.process-grid{
grid-template-columns: 1fr;
}
.process-head{margin-bottom: 6rem;}

}
/* Responsive */
@media (max-width: 767px){
ul.helpyou li{align-items: flex-start;}  
ul.helpyou span {width: calc(100% - 45px);}
}


.card-grid-4{display: grid;grid-template-columns: repeat(4, 1fr);gap:2.4rem; text-align: center;}
.card-grid-4 .card{background:rgba(255, 255, 255, 1); border: 1px solid rgba(243, 244, 246, 1);box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.05); padding:2.4rem 2rem;border-radius: 12px;transition: transform .3s ease;}
.card-grid-4 .icon{display: block;}
.card-grid-4  p{color: rgba(17, 24, 39, 1); margin:15px 0 0; padding: 0; line-height: normal; font-size:14px; font-weight: 700;}
.card-grid-4  span{color: rgba(156, 163, 175, 1); margin-top:8px; font-size: 10px;display: flex;justify-content: center; line-height: normal;}
.card-grid-4 .card:hover{transform: translateY(-6px);}
.card-grid-4 + p{max-width: 67%;margin: 3.5rem auto 0;color: rgb(118 126 139 / 88%);font-size: 16px;line-height: 26px;font-weight: 600;}
.card-grid{ padding-top: 6rem;display: grid;grid-template-columns: repeat(3, 1fr);gap: 3.2rem;}
.card-grid .card{background:rgba(243, 244, 246, 1);padding: 3.2rem;border-radius: 16px;transition: transform .3s ease;}
.card-grid h3{color: var(--primary); margin: 0 0 10px;font-size:2.4rem; line-height:3.2rem ; font-weight: 900;}
.card-grid p{margin: 0;font-size: 14px;line-height: 1.6;color:rgba(107, 114, 128, 1);}
.card-grid .card:hover{transform: translateY(-6px);}

/* Tablet */
@media (max-width: 992px){
.card-grid, .card-grid-4{
  grid-template-columns: repeat(2, 1fr);
}
}

/* Mobile */
@media (max-width: 576px){
.card-grid{grid-template-columns: 1fr;}
.card-grid-4{gap: 1.5rem}
}


/* FAQ */
.faq-container{display: grid;gap: 16px; margin-top: clamp(4rem, 4rem, 6rem);}
.faq-item{ background:rgba(249, 250, 251, 1);border: rgba(243, 244, 246, 1);border-radius: 8px;padding:2.4rem;}
.faq-item h3{margin: 0 0 6px;font-size: 18px;font-weight: 700;color: var(--dark);}
.faq-item p{margin: 0;line-height: 1.6;color: rgba(75, 85, 99, 1);}
.faq-item:hover{border-color: var(--link);transform: translateY(-2px);transition: all .25s ease;}

/* testimonial */
.testimonial{background: rgba(249, 250, 251, 1);}
.testimonial .container{max-width:min(1300px, 85vw)}
.testimonial-grid{ padding-top:6rem; display: grid;grid-template-columns: repeat(3, 1fr); gap:3.2rem;}
.testimonial-card{background: rgba(255, 255, 255, 1); border: 1px solid rgba(243, 244, 246, 1);border-radius: 12px; padding: 28px 26px 30px; box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.05);position: relative;}
.testimonial-card p{line-height: 1.7;color:rgba(75, 85, 99, 1);}
.testimonial .author{ display: flex; justify-content: flex-start;align-items: flex-start; font-weight: 700; font-size: 15px;  gap: 8px;line-height: 20px; color: rgba(17, 24, 39, 1);}
.testimonial .author .line{    margin-top: 10px;width: 18px;height: 1px;background: rgba(209, 213, 219, 1);}
.testimonial-card:hover{transform: translateY(-6px); transition: all .3s ease;}

/* Responsive */
@media(max-width: 992px){
  .testimonial-grid{
    grid-template-columns: repeat(2, 1fr);
  }
}

@media(max-width: 600px){
  .testimonial-grid{
    grid-template-columns: 1fr;
  }
}


.eligibility-grid{display: grid;grid-template-columns: repeat(2, 1fr);gap: 4rem; margin-top: 7rem;}
.eligibility-card{background: rgba(249, 250, 251, 1); border: 1px solid rgba(243, 244, 246, 1);border-radius: 24px;padding:4rem;}
.eligibility-card h3{  display: flex;  align-items: center;  gap:16px;  margin-bottom: 3.4rem; font-size: 20px;font-weight: 700; color:rgba(17, 24, 39, 1);}
.eligibility-card .bar{ width: 8px;  height: 32px;  background: rgba(34, 197, 94, 1);  border-radius: 9999px;}
.bar.red{background: var(--primary);}
.eligibility-card ul{list-style: none;padding: 0;margin: 0;}
.eligibility-card li{display: flex;align-items: flex-start;gap: 14px;margin-bottom: 18px;font-size: 15px;line-height: 1.6;color: rgba(55, 65, 81, 1);}
.eligibility-card .icon{  min-width: 22px;  height: 22px;  border-radius: 50%;  display: inline-flex;  align-items: center;  justify-content: center;  font-size: 13px;  font-weight: bold;  margin-top: 2px;}
.eligibility-card .check{background:  rgba(34, 197, 94, 1);color: #fff;}
.eligibility-card .cross{background: var(--primary);color: #fff;}
.eligibility-card:hover{ transform: translateY(-6px); transition: all .3s ease;}

/* Responsive */
@media(max-width: 900px){
  .eligibility-grid{
    grid-template-columns: 1fr;
  }
}


/* scroll top */
.scroll-top {position: fixed;right: 20px;bottom: 20px;width: 55px;height: 55px;border: none;border-radius: 50%;background: #FEF2F2;cursor: pointer;display: none;}
.scroll-top svg {transform: rotate(-90deg);}
.scroll-top circle {fill: none;stroke-width: 6;}
.scroll-top .bg {stroke: #f5e3e3;}
.scroll-top .progress {stroke: var(--primary);stroke-linecap: round;transition: stroke-dashoffset 0.2s linear;}
.scroll-top span {position: absolute;inset: 0;display: flex;align-items: center;justify-content: center;font-size: 20px;color: var(--primary);}
.scroll-top  span:before, .scroll-top  span:after {width: 12px;height: 12px;border-right: 2px solid var(--primary);border-bottom: 2px solid var(--primary);transform: rotate(-137deg);transition: transform 0.35s ease;content:"";position:absolute;margin-top:5px;}
.scroll-top  span:after{margin-top:13px; width: 10px; opacity:0.8;height: 10px; display: none;}