/*
Theme Name: Blocksy Child
Theme URI: https://creativethemes.com/blocksy/
Description: Blocksy Child Theme
Author: CreativeThemes
Author URI: https://creativethemes.com/
Template: blocksy
Version: 3.0.99
*/

html, body { height: 100%; }

:root{
    --purple: var(--theme-palette-color-1);
    --navy: var(--theme-palette-color-4);
    --pink: var(--theme-palette-color-2);
    --cyan: var(--theme-palette-color-3);
    --card: var(--theme-palette-color-5);
    --text:#EDEAF6;
    --muted:#A89FC9;
    --border:rgba(255,255,255,.08);
    --font-display:'Space Grotesk',system-ui,sans-serif}
  body{
    background-attachment:fixed;
    line-height:1.65;
    -webkit-font-smoothing:antialiased;
    overflow-x:hidden}
a{text-decoration:none}
.btn, a.btn1, .btn1 .sowb-button {
    display: inline-block !important;
    width: auto !important;
    text-align: center !important;
    border-radius: 30px !important;
    padding: 12px 20px !important;
    font-size: 1rem !important;
    font-weight: 600 !important;
    border: none !important;
    text-decoration: none !important;
    box-sizing: border-box !important;
    transition: opacity .2s, box-shadow .2s, border-color .2s !important;
}
.btn-primary, a.btn, a.btn1, .btn1 .sowb-button {
    background: linear-gradient(135deg, var(--cyan), var(--pink));
    color: var(--theme-palette-color-8) !important;
    box-shadow: 0 4px 14px rgba(40,114,250,.3);
}
.btn-primary:hover, a.btn:hover, a.btn1:hover, .btn1 .sowb-button:hover {
    opacity: .95;
    box-shadow: 0 6px 20px rgba(40,114,250,.4);
    color: var(--theme-palette-color-8) !important;
}
.btn-ghost, a.btn-ghost, a.btn.btn-ghost {
    background: rgba(255, 255, 255, 0.05) !important;
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    border: 1px solid rgba(255, 255, 255, 0.15) !important;
    color: var(--theme-palette-color-8) !important;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1) !important;
}
.btn-ghost:hover, a.btn-ghost:hover, a.btn.btn-ghost:hover {
    border-color: var(--theme-palette-color-1);
    opacity: .95;
}
.eyebrow{font-weight:700;letter-spacing:.08em;text-transform:uppercase}
h1,h2,h3,h4,h5,h6{line-height:1.2;font-weight:800}

header em, h1 em, h2 em, h3 em, h4 em, h5 em, h6 em, p em, li em {
    font-style: normal;
    font-weight: 800;
    background: linear-gradient(135deg, var(--cyan), var(--pink));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

section{padding:90px 0;position:relative;z-index:1}
#bg-canvas{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:-1;pointer-events:none}
.custom-cursor{position:fixed;top:0;left:0;width:100%;height:100%;z-index:9999;pointer-events:none;display:none}
body.has-custom-cursor .custom-cursor{display:block}
body.has-custom-cursor,body.has-custom-cursor a,body.has-custom-cursor button,body.has-custom-cursor .btn{cursor:none!important}
.cursor-dot{position:absolute;width:6px;height:6px;background:var(--cyan);border-radius:50%;transform:translate(-50%,-50%);box-shadow:0 0 10px var(--cyan)}
.cursor-circle{position:absolute;width:38px;height:38px;border:1px solid rgba(255,255,255,.25);border-radius:50%;transform:translate(-50%,-50%);transition:width .3s ease,height .3s ease,border-color .3s ease}
.custom-cursor.active .cursor-circle{width:56px;height:56px;border-color:var(--cyan);border-width:2px}
@media(pointer:coarse){.custom-cursor{display:none!important}
body.has-custom-cursor,body.has-custom-cursor a,body.has-custom-cursor button,body.has-custom-cursor .btn{cursor:auto!important}
}
.hero-cta{display:flex;gap:16px;flex-wrap:wrap;align-items:center}
@keyframes scrollAnim{0%{transform:translate(-50%,0);opacity:0}30%{opacity:1}100%{transform:translate(-50%,15px);opacity:0}}
.proof{background:rgba(26,15,61,.55);backdrop-filter:blur(8px);border-top:1px solid var(--border);border-bottom:1px solid var(--border);padding:30px 0}
.proof .wrap{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;text-align:center}
.proof .stat b{display:block;font-weight:900;line-height:1.1}
.proof .stat small{display:block;margin-top:4px;letter-spacing:.05em;text-transform:uppercase}
.logo-row{text-align:center;padding:46px 0}
.logo-row .section-label{text-align:center;}
.logo-grid{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:clamp(1rem, 2vw, 2.5rem)}
.logo-grid div {
    font-size: clamp(1.1rem, 1.4vw, 1.8rem);
    font-weight: 800;
    text-transform: uppercase;
    color: transparent;
    -webkit-text-stroke: 1.5px rgba(255, 255, 255, 0.4);
    letter-spacing: 0.05em;
    transition: all 0.3s ease;
    cursor: default;
    text-align: center;
}
.logo-grid div:hover {
    -webkit-text-stroke: 1.5px var(--cyan);
    color: rgba(6, 182, 212, 0.05);
}

.offer-row {
    background: rgb(98 88 92 / 40%);
    backdrop-filter: blur(14px);
    -webkit-backdrop-filter: blur(14px);
    border: 1px solid var(--border);
    border-radius: 24px;
    padding: 60px;
    box-shadow: 0 20px 45px rgba(0,0,0,0.15);
    position: relative;
    z-index: 2;
    transition: border-color .3s ease, box-shadow .4s ease;
    margin: 40px 0;
}
.offer-row:hover {
    border-color: rgba(225,29,116,.4);
    box-shadow: 0 20px 45px rgba(225,29,116,.08);
}
@media(max-width: 900px) {
    .offer-row {
        padding: 40px 25px;
    }
}

/* Utilities */
.panel-no-style {
    margin-top: 50px !important;
    margin-bottom: 50px !important;
}

.panel-grid {
    padding-top: 30px !important;
    padding-bottom: 30px !important;
}

.darkbg {
    background-color: var(--theme-palette-color-4) !important;
    background: radial-gradient(circle at top right, color-mix(in srgb, var(--theme-palette-color-2) 15%, var(--theme-palette-color-4)) 0%, var(--theme-palette-color-4) 60%) !important;
}

.centertxt, 
.centertxt h1, 
.centertxt h2, 
.centertxt h3, 
.centertxt h4, 
.centertxt h5, 
.centertxt h6, 
.centertxt p, 
.centertxt span {
    text-align: center !important;
}

/* Question Card */
.question-card {
    background: var(--card);
    backdrop-filter: blur(14px);
    -webkit-backdrop-filter: blur(14px);
    border: 1px solid var(--border);
    border-radius: 16px;
    padding: 34px 30px !important;
}

.question-card ul {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

.question-card ul li {
    position: relative;
    padding: 24px 0 !important;
    margin: 0 !important;
    border-bottom: 1px solid var(--border);
    color: var(--text) !important;
    font-weight: 700;
    font-size: 1.1rem;
    line-height: 1.5;
    padding-left: 30px !important;
    background: none !important;
    text-align: left;
}

.question-card ul li:first-child {
    padding-top: 0 !important;
}

.question-card ul li::before {
    content: "?" !important;
    position: absolute;
    left: 0;
    top: 24px;
    color: var(--pink) !important;
    font-weight: 800;
    font-size: 1.1rem;
    background: none !important;
    width: auto !important;
    height: auto !important;
    mask: none !important;
    -webkit-mask: none !important;
}

.question-card ul li:first-child::before {
    top: 0;
}

.question-card p {
    color: var(--cyan) !important;
    font-weight: 700;
    font-size: 1.1rem;
    margin-top: 30px !important;
    margin-bottom: 0 !important;
    text-align: left;
}

/* Plans Row Equal Height */
.plans-row {
    display: flex !important;
    align-items: stretch !important;
    flex-wrap: wrap;
}
.plans-row .panel-grid-cell {
    display: flex !important;
    flex-direction: column !important;
}
.plans-row .panel-grid-cell .panel-cell-style {
    display: flex !important;
    flex-direction: column !important;
    flex-grow: 1 !important;
}
.plans-row .panel-grid-cell .so-panel {
    flex-grow: 1 !important;
    display: flex !important;
    flex-direction: column !important;
}
.price-card {
    flex-grow: 1 !important;
    display: flex !important;
    flex-direction: column !important;
    padding: 40px 30px !important;
    height: 100% !important;
}
.price-card .textwidget {
    flex-grow: 1 !important;
    display: flex !important;
    flex-direction: column !important;
}
.price-card .textwidget > p:last-of-type {
    margin-top: auto !important;
}

/* Dark CTA Card */
.darkcta-card {
    background: linear-gradient(150deg, var(--theme-palette-color-2) -90%, var(--theme-palette-color-4) 90%);
    border: 1px solid var(--border);
    border-radius: 32px;
    padding: 5rem 3rem !important;
    max-width: 1000px;
    margin: 0 auto;
    box-shadow: 0 30px 60px rgba(0, 0, 0, 0.4);
}

.darkcta-card .limited {
    display: inline-flex !important;
    align-items: center;
    gap: 10px;
    background: rgba(225, 29, 116, 0.15);
    border: 1px solid rgba(225, 29, 116, 0.3);
    padding: 8px 20px !important;
    border-radius: 30px;
    font-size: 0.85rem !important;
    font-weight: 700;
    text-transform: none;
    color: var(--text) !important;
}

.darkcta-card .limited::before {
    content: "";
    display: block;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: var(--pink);
    box-shadow: 0 0 10px var(--pink);
}

.darkcta-card .textwidget > p:nth-of-type(1) {
    margin-bottom: 1.5rem;
}

.darkcta-card h2 {
    color: var(--text) !important;
    font-weight: 800;
    margin-bottom: 1.5rem;
    font-size: 2.2rem;
}

.darkcta-card .textwidget > p:nth-of-type(2) {
    max-width: 700px;
    margin: 0 auto 2.5rem;
    color: var(--muted) !important;
    line-height: 1.6;
    font-size: 1.1rem;
}

.darkcta-card .textwidget > p:nth-of-type(3) {
    margin-bottom: 0;
}

.darkcta-card .microtxt {
    font-size: 0.85rem !important;
    color: var(--muted) !important;
    opacity: 0.7;
    margin-top: 1.5rem !important;
    margin-bottom: 0 !important;
}

/* Accordion Widget Styles */
.sow-accordion-panel {
    background: var(--navy) !important;
    border: 1px solid var(--border) !important;
    border-radius: 16px !important;
}

.sow-accordion-panel-header {
    background: transparent !important;
    padding: 24px 30px !important;
    border: none !important;
    display: flex;
    align-items: center;
}

.sow-accordion-title {
    color: var(--text) !important;
    font-weight: 700 !important;
    font-size: 1.1rem !important;
    margin: 0 !important;
}

.sow-accordion-open-close-button {
    color: var(--pink) !important;
    font-size: 1.5rem !important;
    line-height: 1 !important;
}

.sow-accordion-panel-content {
    background: transparent !important;
    border: none !important;
}

.sow-accordion-panel-border {
    background: var(--navy) !important;
}

.sow-accordion-panel-border p {
    color: inherit !important;
    margin-bottom: 0;
}

.sec-head{text-align:center;max-width:62ch;margin:0 auto 56px}
.sec-head h2{margin:12px 0 14px}

.services-title {
    text-align: center;
    max-width: 800px;
    margin: 0 auto 40px;
}
span.lbel, span.eyebrow {
    display: inline-block;
    padding: 6px 16px;
    border-radius: 20px;
    background: rgba(6, 182, 212, 0.1);
    color: var(--cyan);
    border: 1px solid rgba(6, 182, 212, 0.3);
    font-size: 0.85rem;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 0.15em;
    margin-bottom: 16px;
    box-shadow: 0 0 15px rgba(6, 182, 212, 0.2);
}

.card{
    background:rgba(28,17,66,.75);backdrop-filter:blur(14px);border:1px solid var(--border);border-radius:16px;padding:34px 30px;
    transition:transform .4s cubic-bezier(.16,1,.3,1),border-color .3s ease,box-shadow .4s ease;position:relative}
.card:hover{border-color:var(--pink);box-shadow:0 20px 45px rgba(225,29,116,.12)}
.services-timeline{position:relative;max-width:1000px;margin:2rem auto 0;padding:1rem 0 0}
.timeline-line{position:absolute;left:50%;top:0;bottom:0;width:2px;background:linear-gradient(to bottom,transparent,var(--cyan) 10%,var(--pink) 50%,#8b5cf6 90%,transparent);transform:translateX(-50%);opacity:.35}
.timeline-item{position:relative;width:100%;margin-bottom:2.4rem;display:flex;justify-content:flex-end;clear:both}
.timeline-item:last-child{margin-bottom:0}
.timeline-item--left{justify-content:flex-start}
.timeline-item--left .timeline-content{text-align:right}
.timeline-item--right .timeline-content{padding-left:2.25rem}
.timeline-item--left .timeline-content{padding-right:2.25rem}
.timeline-item--left .card-link,.timeline-item--left ul li{text-align:right}
.timeline-item--left ul{padding-right:0}
.timeline-dot{position:absolute;left:50%;top:30px;width:18px;height:18px;background:transparent;border:3px solid var(--dot-color,var(--cyan));border-radius:50%;transform:translate(-50%,-50%) scale(.5);z-index:2;opacity:0;box-shadow:0 0 8px var(--dot-color,var(--cyan));transition:opacity .5s ease,transform .5s cubic-bezier(.16,1,.3,1),box-shadow .5s ease}
.timeline-dot.ring-active{opacity:1;background:rgba(6,3,20,.7);transform:translate(-50%,-50%) scale(1.35);box-shadow:0 0 20px var(--dot-color,var(--cyan)),inset 0 0 10px var(--dot-color,var(--cyan));transition:opacity .5s ease .3s,transform .5s cubic-bezier(.16,1,.3,1) .3s,box-shadow .5s ease .3s}
.timeline-dot.cyan{--dot-color:var(--cyan)}
.timeline-dot.pink{--dot-color:var(--pink)}
.timeline-dot.purple{--dot-color:#8b5cf6}
.timeline-content{width:100%;max-width:450px}
.timeline-item--left .timeline-content{margin-right:auto}
.timeline-item--right .timeline-content{margin-left:auto}
@media(max-width:900px){.timeline-line{left:20px}
.timeline-dot{left:20px}
.timeline-content,.timeline-item--left .timeline-content,.timeline-item--right .timeline-content{width:calc(100% - 56px);max-width:none;margin-left:50px;text-align:left!important;padding:34px 30px}
.timeline-item,.timeline-item--left{justify-content:flex-start!important}
.timeline-item--left .card-link,.timeline-item--left ul li{text-align:left}
  }
.card h3{margin-bottom:12px}
.card p{margin-bottom:18px}
.card ul{list-style:none;margin-bottom:22px}


.card-link, .card a.card-link {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 10px 24px;
    background: transparent;
    border: 1px solid rgba(225, 29, 116, 0.5);
    border-radius: 30px;
    color: var(--pink) !important;
    font-weight: 600;
    font-size: 0.95rem;
    text-decoration: none !important;
    margin-top: 20px;
    transition: all .3s ease;
    box-shadow: 0 0 10px rgba(225, 29, 116, 0.1);
}
.card-link:hover, .card a.card-link:hover {
    background: rgba(225, 29, 116, 0.15);
    color: #fff !important;
    border-color: rgba(225, 29, 116, 1);
    box-shadow: 0 0 20px rgba(225, 29, 116, 0.4);
    transform: translateY(-2px);
}
.steps{list-style:none;counter-reset:s;margin-bottom:26px}
.steps li{counter-increment:s;position:relative;padding-left:48px;margin-bottom:16px;font-weight:600}
.steps li:before{content:counter(s);position:absolute;left:0;top:-2px;width:32px;height:32px;border-radius:50%;background:var(--pink);display:flex;align-items:center;justify-content:center;font-weight:800}


.scanner-micro{margin-top:14px}
@keyframes pulse{0%{box-shadow:0 0 0 0 rgba(225,29,116,.6)}70%{box-shadow:0 0 0 10px rgba(225,29,116,0)}100%{box-shadow:0 0 0 0 rgba(225,29,116,0)}}
.timeline{display:flex;justify-content:space-between;position:relative;padding:2rem 0;gap:1rem}
.progress-line{position:absolute;top:calc(2rem + 24px);left:10%;width:80%;height:2px;background:rgba(255,255,255,.1);z-index:0}
.progress-line-fill{position:absolute;top:0;left:0;height:100%;width:100%;transform:scaleX(0);transform-origin:left center;background:linear-gradient(90deg,var(--pink),var(--cyan));box-shadow:0 0 15px var(--pink);border-radius:2px}
.timeline-step{position:relative;z-index:1;text-align:center;flex:1;padding:0 .5rem;display:flex;flex-direction:column;align-items:center}
.step-num{width:48px;height:48px;background:var(--navy);border:2px solid var(--border);border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;margin:0 auto 1.3rem;transition:.4s ease}
.timeline-step.active .step-num{border-color:var(--pink);box-shadow:0 0 20px rgba(225,29,116,.4),inset 0 0 12px rgba(225,29,116,.2)}
.step-content h3, .step-content h4 {
    margin-bottom: .4rem;
    transition: .4s ease;
    font-size: 1.15rem;
}
.timeline-step.active .step-content h3, .timeline-step.active .step-content h4 {
    text-shadow: 0 0 10px rgba(225,29,116,.4);
}
.step-content p{max-width:210px;margin:0 auto;opacity:.75}
.timeline-step.active .step-content p{opacity:1}
@media(max-width:900px){.timeline{flex-direction:column;gap:2.2rem}
.progress-line{width:2px;height:90%;top:0;left:23px}
.progress-line-fill{width:100%;height:100%;transform:scaleY(0);transform-origin:top center}
.timeline-step{flex-direction:row;align-items:flex-start;text-align:left;gap:1.3rem}
.step-num{margin:0;flex-shrink:0}
.step-content p{max-width:100%}
  }
.price-card{background:rgba(28,17,66,.6);border:1px solid var(--border);border-radius:18px;padding:2.4rem 2rem;position:relative;display:flex;flex-direction:column}
.price-card.featured{background:rgba(225,29,116,.06);border-color:rgba(225,29,116,.4);transform:scale(1.03)}
.price-badge {
    position: absolute;
    top: -11px;
    left: 50%;
    transform: translateX(-50%);
    background: var(--pink);
    padding: .2rem .75rem;
    border-radius: 20px;
    font-weight: 800;
    letter-spacing: .05em;
    text-transform: uppercase;
    font-size: 0 !important; /* Hide original text */
}
.price-badge::after {
    content: "POPULAR";
    font-size: 0.75rem;
}
.price-card h3{margin-bottom:.6rem}
.price-card .price-tag{display:inline-block;font-weight:700;text-transform:uppercase;letter-spacing:.05em;margin-bottom:1.4rem}
.price-card ul{list-style:none;display:flex;flex-direction:column;gap:.2rem;margin-bottom:1.6rem;flex:1}


@media(max-width:900px){.price-card.featured{transform:none}
}
@keyframes bgPulse{0%{transform:scale(1)}100%{transform:scale(1.08)}}
@media(max-width:900px){.proof .wrap{grid-template-columns:1fr 1fr}
section{padding:64px 0}
  }
@media(max-width:540px){.btn{width:100%;text-align:center}
  }

.card ul, .price-card ul, .textwidget ul { list-style: none; padding-left: 0; }
.card ul li, .price-card li, .textwidget ul li {
    position: relative;
    padding-left: 26px;
    margin-bottom: 12px;
}
.price-card li { padding-top: .7rem; padding-bottom: .7rem; border-top: 1px solid var(--border); }
.price-card li:before { top: 12px !important; }

.card ul li:before, .price-card li:before, .textwidget ul li:before {
    content: "";
    position: absolute;
    left: 0;
    top: 6px;
    width: 16px;
    height: 16px;
    background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cdefs%3E%3ClinearGradient id='grad' x1='0%25' y1='0%25' x2='100%25' y2='100%25'%3E%3Cstop offset='0%25' stop-color='%2306B6D4' /%3E%3Cstop offset='100%25' stop-color='%23E11D74' /%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath d='M3 8.5L6.5 12L13 4' stroke='url(%23grad)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    border-radius: 0;
}
.timeline-item--left ul li { padding-left: 0; padding-right: 26px; }
.timeline-item--left ul li:before { left: auto; right: 0; }

.mg-top-50 { margin-top: 50px !important; }

.process-row .textwidget > p:first-child,
.process-row .textwidget > h2,
.process-row .textwidget > h2 + p {
    text-align: center;
    max-width: 800px;
    margin-left: auto;
    margin-right: auto;
}

.whyus-row .sow-features-feature {
    background: linear-gradient(145deg, rgba(255,255,255,0.05) 0%, rgba(255,255,255,0.01) 100%);
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 16px;
    padding: 30px 20px;
    transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1);
    box-shadow: 0 10px 30px -10px rgba(0, 0, 0, 0.5);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    flex-direction: column !important;
    align-items: center !important;
}

.whyus-row .sow-features-feature:hover {
    border-color: rgba(6, 182, 212, 0.4);
    box-shadow: 0 15px 40px -10px rgba(6, 182, 212, 0.2);
    transform: translateY(-8px);
}

.whyus-row .sow-features-feature p,
.whyus-row .sow-features-feature-text {
    font-size: 0.95rem;
    line-height: 1.6;
    color: rgba(255, 255, 255, 0.85);
    margin-bottom: 0;
    text-align: center !important;
}

.whyus-row .sow-icon-container {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 25px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    width: 64px;
    height: 64px;
    background: rgba(255,255,255,0.02);
    border: 1px solid rgba(255,255,255,0.05);
    border-radius: 50%;
    box-shadow: 0 4px 20px rgba(0,0,0,0.1);
    position: relative;
}

.whyus-row .sow-icon-container span {
    display: none !important;
}

.whyus-row .sow-icon-container::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 32px;
    height: 32px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

.whyus-row .sow-features-feature:nth-child(1) .sow-icon-container::before {
    background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDgiIGhlaWdodD0iNDgiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJnIiB4MT0iMCUiIHkxPSIwJSIgeDI9IjEwMCUiIHkyPSIxMDAlIj48c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjMDZiNmQ0IiAvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2U4NzlmOSIgLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz4KPHBhdGggZD0iTTYgMkwzIDZ2MTRhMiAyIDAgMCAwIDIgMmgxNGEyIDIgMCAwIDAgMi0yVjZsLTMtNHoiIHN0cm9rZT0idXJsKCNnKSIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPGxpbmUgeDE9IjMiIHkxPSI2IiB4Mj0iMjEiIHkyPSI2IiBzdHJva2U9InVybCgjZykiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+CjxwYXRoIGQ9Ik0xNiAxMGE0IDQgMCAwIDEtOCAwIiBzdHJva2U9InVybCgjZykiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+Cjwvc3ZnPg==');
}
.whyus-row .sow-features-feature:nth-child(2) .sow-icon-container::before {
    background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDgiIGhlaWdodD0iNDgiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJnIiB4MT0iMCUiIHkxPSIwJSIgeDI9IjEwMCUiIHkyPSIxMDAlIj48c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjMDZiNmQ0IiAvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2U4NzlmOSIgLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz4KPHJlY3QgeD0iNCIgeT0iNCIgd2lkdGg9IjE2IiBoZWlnaHQ9IjExIiByeD0iMSIgc3Ryb2tlPSJ1cmwoI2cpIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8cGF0aCBkPSJNMiAxNWgyMHYyYTIgMiAwIDAgMS0yIDJINGEyIDIgMCAwIDEtMi0ydi0yeiIgc3Ryb2tlPSJ1cmwoI2cpIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8bGluZSB4MT0iMTAiIHkxPSIxNSIgeDI9IjE0IiB5Mj0iMTUiIHN0cm9rZT0idXJsKCNnKSIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9zdmc+');
}
.whyus-row .sow-features-feature:nth-child(3) .sow-icon-container::before {
    background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDgiIGhlaWdodD0iNDgiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJnIiB4MT0iMCUiIHkxPSIwJSIgeDI9IjEwMCUiIHkyPSIxMDAlIj48c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjMDZiNmQ0IiAvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2U4NzlmOSIgLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz4KPHBhdGggZD0iTTEyIDIyczgtNCA4LTEwVjVsLTgtMy04IDN2N2MwIDYgOCAxMCA4IDEweiIgc3Ryb2tlPSJ1cmwoI2cpIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L3N2Zz4=');
}

/* Hero section spacing for transparent header */
.hero-row {
    padding-top: 150px;
}

/* Benefits Grid (Mentenanta) */
.dark-cards .sow-features-feature {
    background: rgba(28, 17, 66, .75);
    border: 1px solid var(--border);
    border-radius: 16px;
    padding: 34px 30px !important;
    transition: transform .4s cubic-bezier(.16, 1, .3, 1), border-color .3s ease, box-shadow .4s ease;
}

.dark-cards .sow-features-feature:hover {
    border-color: var(--pink);
    box-shadow: 0 20px 45px rgba(225,29,116,.12);
}

.dark-cards .sow-icon-container {
    color: #00000000 !important;
    background: linear-gradient(135deg, var(--theme-palette-color-1) 0%, var(--theme-palette-color-2) 100%) !important;
    border-radius: 15px;
}

/* Benefit Card */
.benefit-card {
    background: rgba(17, 8, 48, 0.4) !important;
    border: 1px solid rgba(255, 255, 255, 0.08) !important;
    border-radius: 16px !important;
    padding: 2.5rem 3rem !important;
}

.benefit-card p,
.benefit-card ul li {
    padding-bottom: 1.5rem !important;
    margin-bottom: 1.5rem !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.08);
    color: #fff !important;
    line-height: 1.6 !important;
    font-size: 1.1rem !important;
    list-style: none !important;
}

.benefit-card ul {
    margin: 0 !important;
    padding: 0 !important;
}

.benefit-card p:last-child,
.benefit-card ul li:last-child {
    border-bottom: none !important;
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
}

.benefit-card p strong, 
.benefit-card p b,
.benefit-card ul li strong,
.benefit-card ul li b {
    display: block !important;
    color: var(--cyan) !important;
    font-size: 0.85rem !important;
    text-transform: uppercase !important;
    letter-spacing: 1px !important;
    margin-bottom: 8px !important;
    font-weight: 600 !important;
}

/* Special styling for the last line */
.benefit-card p:last-child {
    color: var(--cyan) !important;
    font-size: 1.15rem !important;
    font-weight: 500 !important;
}

/* Glass Card (Form Container) */
.glass-card {
    background: rgba(17, 8, 48, 0.4) !important;
    border: 1px solid rgba(255, 255, 255, 0.08) !important;
    border-radius: 24px !important;
    padding: 3rem !important;
}

.glass-card input[type="submit"],
.glass-card button[type="submit"],
.glass-card .wpforms-submit {
    background: var(--theme-palette-color-2) !important;
    color: #fff !important;
    border-radius: 12px !important;
    width: 100% !important;
    padding: 18px !important;
    font-weight: 600 !important;
    font-size: 1.1rem !important;
    border: none !important;
    margin-top: 10px !important;
}


.glass-card .ff-el-form-control {
    background: rgba(255, 255, 255, 0.03) !important;
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
    border-radius: 8px !important;
    color: #fff !important;
}

.glass-card .ff-el-form-control:focus {
    border-color: var(--cyan) !important;
    background: rgba(255, 255, 255, 0.06) !important;
}

.icons-left .sow-features-feature-title {
    margin: 0 0 5px 0 !important;
}

.icons-left li.sow-features-feature {
    align-items: center !important; 
}

/* Make all buttons uppercase */
button,
input[type="button"],
input[type="submit"],
input[type="reset"],
.btn,
.button,
.ct-button,
.wpforms-submit,
.ff-btn {
    text-transform: uppercase !important;
}