/*!
Theme Name: wdc
Theme URI: https://websitedesigncompany.nl/
Author: Hamza Hanif 
Author URI: https://www.linkedin.com/in/muhammadhamzahanif/?originalSubdomain=pk
Description: Description
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License URI: LICENSE
Text Domain: wdc
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

*/

@charset "UTF-8";
:root{--bg-dark:#050505;--text-primary:#fff;--text-secondary:#ccc;--accent-orange:#f19300;--accent-orange-hover:#e68a00;--pill-bg:#262626;--border-color:#ffffff1a;--font-heading:Oswald,sans-serif;--font-body:Inter,sans-serif;--font-proxima:"Proxima Nova",sans-serif;--font-proxima-bold:"Proxima Nova Bold",sans-serif;--font-heading-trial:"Heading Now Trial",sans-serif;--font-urbanist:Urbanist,sans-serif;--max-width:1520px;--container-padding:0 0;--spacing-xs:8px;--spacing-sm:16px;--spacing-md:24px;--spacing-lg:32px;--spacing-xl:48px;--spacing-xxl:80px;--fs-h1:clamp(32px,6vw,55px);--fs-h2:clamp(32px,5vw,55px);--fs-h3:clamp(24px,4vw,30px);--fs-h4:clamp(20px,3vw,28px);--fs-pre-heading:clamp(16px,2.5vw,24px);--fs-body-xl:clamp(16px,3vw,18px);--fs-body:clamp(16px,1.8vw,18px);--fs-body-sm:clamp(14px,1.5vw,16px);--fs-meta:clamp(10px,1.2vw,12px);--fs-button:clamp(16px,2.2vw,18px)}
@media (max-width:1440px) {
h2{font-size:clamp(32px,5vw,48px)!important}
}
h1{font-size:var(--fs-h1);line-height:1.1}
h2{font-size:var(--fs-h2);line-height:1.1}
h3{font-size:var(--fs-h3);line-height:1.2}
h4{font-size:var(--fs-h4);line-height:1.3}
p{font-size:var(--fs-body);line-height:1.6}
@font-face{font-family:"Proxima Nova";src:url(assets/fonts/proxima-nova/proximanova-regular.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"Proxima Nova Bold";src:url(assets/fonts/proxima-nova/Proxima-Nova-Bold.otf) format("truetype");font-weight:800;font-style:normal;font-display:swap}
@font-face{font-family:"Heading Now Trial Italic";src:url(assets/fonts/heading_now/HeadingNowTrial-54Regular.ttf) format("truetype");font-display:swap}
@font-face{font-family:"Heading Now Trial";src:url(assets/fonts/heading_now/HeadingNowTrial-56Bold.ttf) format("truetype");font-weight:700;font-style:normal;font-display:swap}
@font-face{font-family:"Urbanist";src:url(assets/fonts/Urbanist-Regular.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"Sora";src:url(assets/fonts/Sora-Medium.ttf) format("truetype");font-weight:500;font-style:normal;font-display:swap}
@font-face{font-family:"IBMPlexMono";src:url(assets/fonts/IBMPlexMono-Medium.ttf) format("truetype");font-weight:500;font-style:normal;font-display:swap}
*{margin:0;padding:0;box-sizing:border-box}
body{font-family:var(--font-body);color:var(--text-primary);overflow-x:hidden;min-height:100vh}
.container{width:100%;max-width:1370px;margin:0 auto;padding:0 50px}
html.has-scroll-smooth{overflow:hidden}
html.has-scroll-smooth body{overflow:hidden}
[data-scroll-container]{min-height:100vh}
header{padding:32px 20px;padding-bottom:12px;position:relative;z-index:1000}
.header-pill{background:var(--pill-bg);border-radius:100px;padding:20px 25px;padding-left:35px;height:86px;display:flex;align-items:center;justify-content:space-between;margin:0 auto;max-width:1520px}
.header-logo{margin-top:4px}
nav{display:flex;align-items:center;justify-content:center;gap:40px}
nav ul{display:flex;list-style:none;gap:40px}
nav ul a{text-decoration:none;color:#fff;font-family:"Proxima Nova","Inter",sans-serif;font-size:var(--fs-body);transition:all .2s ease;opacity:.7}
nav ul a:hover,nav ul a.active{color:#fff;opacity:1}
.has-submenu{position:relative;display:flex;align-items:center;gap:5px;cursor:pointer;height:100%}
.submenu{position:absolute;top:100%;left:50%;transform:translateX(-50%) translateY(10px);background:#1a1a1a;border:1px solid #ffffff1a;padding:15px 20px;border-radius:12px;min-width:200px;display:flex;flex-direction:column;gap:10px;opacity:0;visibility:hidden;transition:all .3s ease;z-index:100;box-shadow:0 10px 30px #00000080}
.submenu li{width:100%;text-align:left}
.submenu a{font-size:16px;white-space:nowrap;opacity:.7;display:block;padding:5px 0;color:#fff;transition:all .2s ease}
.submenu a:hover{opacity:1;color:#f19300;padding-left:5px}
.has-submenu:hover .submenu{opacity:1;visibility:visible;transform:translateX(-50%) translateY(0)}
.dropdown-icon{font-size:12px;transition:transform .3s ease}
.has-submenu:hover .dropdown-icon{transform:rotate(180deg)}
.btn{display:inline-flex;align-items:center;justify-content:center;padding:14px 32px;border-radius:100px;text-decoration:none;font-weight:600;font-family:var(--font-heading);letter-spacing:.05em;text-transform:uppercase;font-size:14px;transition:all .3s ease;cursor:pointer;white-space:nowrap}
@media (max-width:991px) {
.btn-primary{width:326px!important;height:50px!important}
.btn{height:50px!important}
.btn-outline{height:50px!important}
.btn-phone{padding:12px 40px!important}
.btn-live-chat{padding:12px 40px!important}
}
@media (max-width:600px) {
.btn{width:100%!important}
}
.btn-talk-mobile{display:none}
.btn-primary{width:200px;height:60px;background-color:#f19300;color:#fff;border:1px solid #f19300;font-family:"Heading Now Trial",sans-serif;font-weight:700;font-size:var(--fs-button);line-height:1;letter-spacing:-0;text-transform:uppercase;padding:0;position:relative;overflow:hidden;transition:all .3s cubic-bezier(0.25,0.8,0.25,1)}
.btn-primary:hover{background-color:var(--accent-orange-hover);border-color:var(--accent-orange-hover);transform:translateY(-3px);box-shadow:0 10px 20px #f1930066}
.btn-primary:active{transform:translateY(-1px);box-shadow:0 5px 10px #f1930033}
.btn-primary::after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,#ffffff4d,transparent);transition:none}
.btn-primary:hover::after{left:100%;transition:.5s}
.btn-outline{width:326px;height:60px;background:transparent;color:#fff;border:2px solid #f19300;font-family:"Proxima Nova",sans-serif;font-weight:700;font-size:var(--fs-button);line-height:1;letter-spacing:-0;text-transform:uppercase;padding:0;position:relative;overflow:hidden;transition:all .3s cubic-bezier(0.25,0.8,0.25,1)}
.btn-outline:hover{background-color:var(--accent-orange);border-color:var(--accent-orange);transform:translateY(-3px);box-shadow:0 10px 20px #f1930066}
.btn-outline:active{transform:translateY(-1px);box-shadow:0 5px 10px #f1930033}
.btn-outline::after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,#ffffff4d,transparent);transition:none}
.btn-outline:hover::after{left:100%;transition:.5s}
.btn-talk{font-size:20px;font-family:"Heading Now Trial",sans-serif;font-weight:700;color:#fff;line-height:20px;white-space:nowrap}
.mobile-toggle{display:none;flex-direction:column;gap:6px;background:none;border:none;cursor:pointer;padding:4px}
.mobile-toggle span{display:block;width:24px;height:2px;background-color:#fff;border-radius:999px;transform-origin:center;transition:transform .3s ease,opacity .2s ease}
.hero{min-height:100vh;display:flex;flex-direction:column;position:relative;overflow:hidden;background:radial-gradient(circle at 50% 30%,#1e1e1e 0%,#050505 70%);z-index:1;margin-top:-130px;padding-top:100px}
@media (max-width:991px) {
.hero{padding-top:140px!important}
}
.hero::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-image:url(assets/img/hero_section.webp);background-repeat:no-repeat;background-size:cover;background-position:top;z-index:-2;opacity:1;transition:opacity 1.5s ease-out}
.hero.innerBanner{min-height:71vh;display:flex;flex-direction:column}
.hero.hero-about::before{background-image:url(assets/img/about/about-us-hero.png);background-position:right bottom}
.hero.innerBanner .hero-container{display:flex;justify-content:flex-start;align-items:center;max-width:1560px;padding:0 20px;margin:0 auto}
@media (max-width:991px) {
.hero.innerBanner{padding:70px 0 0!important}
}
.hero.innerBanner .hero-content{margin:0;max-width:800px;width:100%;align-self:center}
.hero.hero-loaded::before{opacity:1;animation:heroBgAnimation 5s ease-in-out infinite alternate}
@keyframes heroBgAnimation {
0%{transform:scale(1);transform-origin:center top}
100%{transform:scale(1.1);transform-origin:center top}
}
.hero-container{flex:1;display:flex;align-items:center;width:100%;max-width:1480px;margin:0 auto;padding:0 50px}
.hero-content{position:relative;width:100%;max-width:800px}
.pre-heading{font-family:"Heading Now Trial";color:#fff;font-weight:700;font-size:var(--fs-pre-heading);letter-spacing:0}
.hero h1{font-family:"Heading Now Trial";font-weight:700;font-size:var(--fs-h1);line-height:clamp(50px,7vw,52px);letter-spacing:0;vertical-align:middle;text-transform:uppercase}
.smile-icon{display:inline-block;height:100px;width:100px;vertical-align:baseline;position:absolute;top:0;right:24%;transform:translateY(4px);animation:floatSmile 3s ease-in-out infinite}
@keyframes floatSmile {
0%,100%{transform:translateY(4px) rotate(0deg)}
50%{transform:translateY(-8px) rotate(10deg)}
}
.hero-description{margin-top:20px;font-family:"Proxima Nova",sans-serif;font-size:var(--fs-body);line-height:1.5;color:#bbb;margin-bottom:20px}
.hero-buttons{display:flex;gap:16px;margin-bottom:30px}
.trustpilot-badge{width:100%;max-width:611px;height:auto;object-fit:contain}
.trust-badges{display:flex;gap:32px;align-items:center}
.trust-badges img{height:24px;width:auto;opacity:.8;filter:brightness(0) invert(1)}
.hero-image-container{position:relative;perspective:2000px;transform-style:preserve-3d}
.hero-mockup{width:100%;height:auto;transform:rotateY(-12deg) rotateX(4deg) translateX(40px);border-radius:12px;box-shadow:-20px 20px 60px #00000080;transition:transform .5s ease}
.hero-image-container:hover .hero-mockup{transform:rotateY(-8deg) rotateX(2deg) translateX(20px)}
.glow{position:absolute;border-radius:50%;filter:blur(120px);z-index:-1;pointer-events:none}
.glow-right{width:600px;height:600px;background:radial-gradient(circle,#ff66001a 0%,#0000 70%);top:50%;right:-200px;transform:translateY(-50%)}
.clients{padding:60px 0 0;background-color:#050505;position:relative;overflow:hidden;text-align:center}
.clients::before{content:"";position:absolute;top:-200px;left:-400px;width:1200px;height:1200px;background:radial-gradient(circle,#f1930073 0%,#f1930000 70%);pointer-events:none;z-index:0;filter:blur(40px)}
.clients::after{content:"";position:absolute;top:-400px;right:-400px;width:1400px;height:1400px;background:radial-gradient(circle,#0054ea73 0%,#0054ea00 74%);pointer-events:none;z-index:0;filter:blur(40px)}
.clients-header{max-width:1200px;margin-left:auto;margin-right:auto;position:relative;z-index:2}
.clients-header .pre-heading{font-size:var(--fs-pre-heading);letter-spacing:.1em;color:#bbb;margin-bottom:0}
.clients-header h2{font-family:"Heading Now Trial",sans-serif;font-size:var(--fs-h2);font-weight:700;text-transform:uppercase;line-height:1.1;margin:10px auto 20px;color:#fff;width:100%;text-align:center}
.clients-description{font-family:"Proxima Nova",sans-serif;font-size:var(--fs-body);color:#bbb;line-height:1.6;max-width:800px;margin:0 auto}
.clients-track{overflow:hidden;padding:40px 0;display:flex;flex-direction:column;gap:20px;width:100%;position:relative;z-index:1}
.clients-row{display:flex;gap:20px;width:max-content}
.top-row{animation:scrollLeft 40s linear infinite}
.bottom-row{animation:scrollRight 40s linear infinite}
.clients-track:hover .clients-row{animation-play-state:paused}
.client-card{background:#ffffff05;border:1px solid #ffffff0d;padding:20px;display:flex;flex-direction:column;align-items:center;justify-content:center;transition:all .3s ease;width:300px;height:155px;flex-shrink:0}
.client-card:hover{background:#ffffff0d;border-color:#ffffff1a;transform:translateY(-5px)}
.client-card img{max-width:220px;height:80px;object-fit:contain;margin-bottom:12px;transition:opacity .3s ease}
.client-card:hover img{opacity:1}
.client-card span{font-family:"Proxima Nova",sans-serif;font-size:16px;color:#fff;text-transform:capitalize}
@keyframes scrollLeft {
0%{transform:translateX(0)}
100%{transform:translateX(calc(-300px * 6 - 20px * 6))}
}
@keyframes scrollRight {
0%{transform:translateX(calc(-300px * 6 - 20px * 6))}
100%{transform:translateX(0)}
}
.problem-solution{padding:60px 0;background-color:#fff;color:#1a1a1a}
.ps-grid{display:grid;grid-template-columns:42% 1fr;gap:60px;align-items:center;width:100%;max-width:1600px;margin:0 auto}
.ps-left{width:100%;max-width:565px;display:flex;flex-direction:column}
.ps-image-wrapper{position:relative;margin-bottom:40px;width:100%;max-width:565px}
.ps-laptop{width:100%;height:auto;display:block;animation:floatLaptop 4s ease-in-out infinite}
@keyframes floatLaptop {
0%,100%{transform:translateY(0)}
50%{transform:translateY(-20px)}
}
.ps-side-text p{font-family:var(--font-proxima);font-size:13px;padding-right:20px;line-height:1.6;color:#888;max-width:440px;text-transform:uppercase;text-align:right;margin-left:auto}
.ps-side-text strong{color:#1a1a1a}
.ps-right h2{font-family:var(--font-heading-trial);font-weight:800;line-height:1.1;letter-spacing:-.01em;color:#323232;margin-bottom:40px;text-transform:uppercase}
.ps-list{list-style:none;padding:0;margin-bottom:30px}
.ps-list li{position:relative;padding-left:30px;font-family:"Proxima Nova",sans-serif;font-size:var(--fs-body);color:#323232;margin-bottom:16px;line-height:1.4;font-weight:600}
.ps-list li::before{content:url('/wp-content/uploads/2026/04/icon-sub-heading.png');position:absolute;left:0;color:#888;font-size:var(--fs-body)}
.ps-profile{display:flex;align-items:center;gap:16px;margin-bottom:50px}
.profile-img{width:54px;height:54px;border-radius:50%;object-fit:cover}
.profile-info{display:flex;flex-direction:column}
.profile-name{font-family:"Heading Now Trial",sans-serif;font-weight:700;font-size:14px;color:#1a1a1a}
.profile-title{font-family:"Proxima Nova",sans-serif;font-size:12px;color:#888}
.ps-text-content p{font-family:"Proxima Nova",sans-serif;font-size:var(--fs-body);color:#323232;margin-bottom:15px}
.ps-sub-para{font-family:"Proxima Nova",sans-serif;font-size:var(--fs-body-xl);line-height:1.2;color:#323232;margin-bottom:16px}
.para-last{padding-top:12px}
.pricing{padding:60px 0;background-color:#06080c;color:#fff}
.pricing .container{max-width:1600px}
.pricing-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:30px}
.ph-left .section-title{font-family:var(--font-heading-trial);font-size:var(--fs-h2);font-weight:800;margin-bottom:10px}
.case-studies-section{padding:60px 0;background-color:#f9f9f9}
.case-studies-section .container{max-width:1600px}
.case-studies-section .container .cs-header{display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center}
.case-study-title{font-family:var(--font-heading-trial);font-weight:800;color:#323232;margin-bottom:10px;line-height:1.1;text-transform:uppercase}
.case-study-subtitle{font-family:var(--font-proxima);font-size:var(--fs-body-xl);color:#101010;font-weight:600;margin-bottom:15px}
.case-study-desc{font-family:var(--font-proxima);font-size:var(--fs-body);color:#101010;opacity:.6;line-height:1.5}
.filter-buttons{text-align:center;margin:30px;display:flex;align-items:center;justify-content:center;flex-wrap:wrap;max-width:80%;margin:30px auto}
@media (max-width:991px) {
.filter-buttons{max-width:100%}
}
@media (max-width:767px) {
.filter-buttons button{max-width:48%;flex:0 0 48%;display:-webkit-box!important;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;line-height:26px;font-size:14px!important}
}
.filter-buttons button{display:inline-block;text-decoration:unset;width:unset;border:1px solid #ccc;background-color:transparent;font-size:16px;font-weight:600;text-align:center;border-radius:5px!important;margin:5px 2px;cursor:pointer;color:#212121;padding:5px 15px;text-transform:uppercase;transition:all .2s ease-in}
.filter-buttons button.active,.filter-buttons button:hover{background-color:#ffc107;color:#fff;border-color:#ffc107}
.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px 30px}
@media (max-width:991px) {
.grid{grid-template-columns:repeat(2,1fr);gap:10px 15px}
}
@media (max-width:600px) {
.grid{grid-template-columns:repeat(2,1fr);gap:5px 0}
}
.case-item{padding:10px;box-shadow:0 19px 38px #000f 0 15px 12px #0000;display:inline-block;width:100%;transition:transform .3s ease,box-shadow .3s ease}
.case-item.hidden{display:none}
.porfolio-image{background-size:100% auto!important;cursor:pointer;min-height:310px;position:relative;transition:all 5s ease-in;width:100%;z-index:1;border-radius:4px;display:block}
@media (max-width:600px) {
.case-item{padding:5px!important}
.porfolio-image{min-height:150px!important}
}
.porfolio-image:hover{background-position:0 100%!important}
.testimonials-section{padding:60px 0;background-color:#101010;text-align:center;position:relative;z-index:10}
.testimonials-section .container{max-width:1600px}
.testimonials-header{max-width:800px;margin:0 auto 60px}
.testimonials-header h2{font-family:var(--font-heading-trial);color:#fff;margin-bottom:24px;text-transform:uppercase;margin-left:auto;margin-right:auto;line-height:1.3;text-align:center}
.testimonials-header h2 .heart-icon{display:inline-block;vertical-align:middle;width:clamp(40px,5vw,67px);height:clamp(40px,5vw,67px);position:relative;top:-5px}
.testimonials-header p{font-family:var(--font-proxima);font-size:var(--fs-body-xl);color:#bbb;line-height:1.4}
.testimonials-swiper{padding:20px 5px 40px;width:100%;height:auto;margin:0 auto;box-sizing:border-box}
.testimonial-card{background:#1a1a1a;padding:30px;border-radius:20px;display:flex;flex-direction:column;justify-content:flex-start;gap:20px;height:auto!important;box-shadow:0 10px 30px #0003;text-align:left;box-sizing:border-box;width:100%;flex:0 0 auto}
.testimonial-column{display:flex!important;flex-direction:column;gap:30px;height:auto!important}
.testimonials-pagination{position:relative!important;top:-30px!important;left:0!important;width:100%!important;display:flex;justify-content:center;align-items:center}
.testimonials-pagination .swiper-pagination-bullet{background:#fff!important;opacity:.3!important;width:10px;height:10px}
.testimonials-pagination .swiper-pagination-bullet-active{background:var(--accent-orange)!important;opacity:1!important}
.testimonials-grid{display:none}
.testimonial-card .rating-stars{width:108.57px;height:17.19px;margin-bottom:0}
.testimonial-text{font-family:var(--font-proxima);font-size:clamp(16px,2vw,18px);color:#bbb;line-height:1.6;margin-bottom:0;opacity:.8}
.testimonial-footer{display:flex;align-items:center;gap:15px}
.client-avatar{width:54.29px;height:54.29px;border-radius:50%;object-fit:cover}
.client-info{display:flex;flex-direction:column}
.client-name{font-family:var(--font-proxima);font-size:16.29px;color:#fff;font-weight:600}
.client-company{font-family:var(--font-proxima);font-size:16.29px;color:#fff;font-weight:100}
.testimonials-cta{margin-top:80px}
.btn-plan-call{display:inline-block;padding:14px 85px;border:2px solid #f19300;border-radius:100px;color:#fff;text-decoration:none;font-family:var(--font-heading-trial);font-size:var(--fs-body-xl);font-weight:700;letter-spacing:.5px;background:transparent;position:relative;overflow:hidden;transition:all .3s cubic-bezier(0.25,0.8,0.25,1)}
.btn-plan-call:hover{background:#f19300;color:#101010;transform:translateY(-3px);box-shadow:0 10px 20px #f1930066}
.btn-plan-call:active{transform:translateY(-1px);box-shadow:0 5px 10px #f1930033}
.btn-plan-call::after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,#ffffff4d,transparent);transition:none}
.btn-plan-call:hover::after{left:100%;transition:.5s}
.case-studies-images{display:flex;flex-direction:column;gap:40px;margin-top:60px}
.case-study-img-item{width:100%}
.case-study-img-item img{width:100%;height:auto;display:block;border-radius:20px}
.ph-left .section-subtitle{font-family:var(--font-proxima);font-size:var(--fs-body-xl);color:#f5f5f5}
.ph-right{text-align:left;max-width:none;margin-top:20px}
.ph-desc{font-family:var(--font-proxima);font-size:var(--fs-body-xl);font-weight:600;color:#f5f5f5;margin-bottom:10px}
.ph-sub-desc{font-family:var(--font-proxima);font-size:var(--fs-body);color:#f5f5f599;line-height:1.6}
.pricing-toggle-wrapper{display:flex;justify-content:center;margin-bottom:50px}
.pricing-toggle{background:#fff;padding:8px;border-radius:100px;display:flex;gap:0;width:fit-content;position:relative;z-index:1}
.toggle-bg{position:absolute;top:8px;left:0;height:calc(100% - 16px);background:linear-gradient(#fff6,#fff6),linear-gradient(90deg,#f19300 0%,#f19300 50%,#ffc161 100%);border-radius:100px;z-index:-1;transition:all .3s cubic-bezier(0.4,0,0.2,1)}
.toggle-btn{padding:16px 48px;border-radius:100px;border:none;background:transparent;color:#06080c;font-family:var(--font-proxima);font-weight:700;font-size:var(--fs-button);cursor:pointer;transition:color .3s ease}
.toggle-btn.active{background:transparent;color:#06080c}
.pricing-grid{display:grid;grid-template-columns:repeat(3,minmax(0,612px));gap:27px;max-width:100%;margin:0 auto;justify-content:center;align-items:flex-start}
.pricing-card{background:#111;border-radius:26.66px 26.66px 0 0;overflow:hidden;border:1px solid #ffffff0d;display:flex;flex-direction:column;width:100%;max-width:612px}
.haveHosting span {text-align: center;display: block;margin-top: 30px;color: #f3980b;font-style: italic; font-size: 14px;
}
li.not-included {
    text-decoration: line-through;
}
.card-header{padding:20px 30px;height:150px;display:flex;flex-direction:column;justify-content:start}
.starter-header{background:linear-gradient(#fff6,#fff6),linear-gradient(0deg,#ffffff0d 1px,transparent 1px),linear-gradient(90deg,#ffffff0d 1px,transparent 1px),linear-gradient(90deg,#f19300 0%,#f19300 50%,#ffc161 100%);background-size:auto,30px 30px,30px 30px,auto}
.popular-header{background:linear-gradient(90deg,#f19300 50%,#ffc161 100%)}
.card-tag{margin-bottom:15px;font-family:var(--font-proxima);font-size:clamp(16px,2.5vw,18.22px);color:#fff;display:flex;align-items:center;gap:8px}
.card-tag::before{content:"";width:6px;height:6px;background:currentColor;border-radius:50%}
.card-price{color:#fff}
.currency{font-family:var(--font-proxima);font-size:clamp(50px,6vw,51.1px);font-weight:700;color:#fff}
.amount{font-family:var(--font-proxima);font-size:clamp(50px,6vw,51.1px);font-weight:700;color:#fff}
.period{font-family:var(--font-proxima);font-size:15.55px;font-weight:400;color:#fff;opacity:1;vertical-align:baseline;margin-left:4px}
.card-body{background-color:#1a1a1a;border-radius:26.66px 26.66px 0 0;padding:30px;flex:1;display:flex;flex-direction:column;margin-top:-26px;position:relative;z-index:1}
.plan-name{font-family:var(--font-proxima);font-size:clamp(20px,4vw,20.66px);font-weight:700;color:#fff;margin-bottom:12px}
.plan-desc{font-family:var(--font-proxima);font-size:clamp(16px,2.5vw,16.78px);color:#fff;margin-bottom:10px}
.divider{height:2px;background:#e5e7eb;margin-bottom:10px}
.features-list{list-style:none;padding:0;height:230px!important;overflow-y:scroll;scroll-behavior:smooth;margin-bottom:20px}
.features-list::-webkit-scrollbar{width:6px}
.features-list::-webkit-scrollbar-track{background:#f1f1f1;border-radius:10px}
.features-list::-webkit-scrollbar-thumb{background:#F19300;border-radius:10px}
.features-list li{font-family:var(--font-proxima);font-size:clamp(16px,2.5vw,14.78px);color:#fff;margin-bottom:10px;display:flex;align-items:center;gap:12px}
.features-list li::before{content:"";width:20px;height:20px;background:#fff;border-radius:50%;flex-shrink:0}
.btn-outline-pricing{border:1px solid #fff;background:transparent;color:#fff;width:100%;height:56px;border-radius:100px;font-family:var(--font-proxima);font-size:var(--fs-button);display:flex;align-items:center;justify-content:center;text-decoration:none;font-weight:600;position:relative;overflow:hidden;transition:all .3s cubic-bezier(0.25,0.8,0.25,1)}
.btn-outline-pricing:hover{background:var(--accent-orange);border-color:var(--accent-orange);color:#fff;transform:translateY(-3px);box-shadow:0 10px 20px #f1930066}
.btn-outline-pricing:active{transform:translateY(-1px);box-shadow:0 5px 10px #f1930033}
.btn-outline-pricing::after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,#ffffff4d,transparent);transition:none}
.btn-outline-pricing:hover::after{left:100%;transition:.5s}
.btn-primary-pricing{background:linear-gradient(90deg,#f19300 0%,#ffb74d 100%);color:#fff;width:100%;height:56px;border-radius:100px;font-family:var(--font-proxima);font-size:var(--fs-button);border:none;display:flex;align-items:center;justify-content:center;text-decoration:none;font-weight:600;position:relative;overflow:hidden;transition:all .3s cubic-bezier(0.25,0.8,0.25,1)}
.btn-primary-pricing:hover{filter:brightness(1.1);transform:translateY(-3px);box-shadow:0 10px 20px #f1930066}
.btn-primary-pricing:active{transform:translateY(-1px);box-shadow:0 5px 10px #f1930033}
.btn-primary-pricing::after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,#ffffff4d,transparent);transition:none}
.btn-primary-pricing:hover::after{left:100%;transition:.5s}
.read-more-btn{background:none;border:none;color:var(--accent-orange);font-family:var(--font-proxima);font-weight:700;font-size:16px;cursor:pointer;margin-bottom:20px;display:flex;align-items:center;gap:5px;padding:0;transition:all .2s ease}
.read-more-btn:hover{text-decoration:underline;transform:translateX(3px)}
.hidden-feature{transition:opacity .3s ease;opacity:0}
.promises-section{background:linear-gradient(180deg,#41b5ff5e 0%,#41b5ff00 110%),#fff;padding:60px 0;color:#06080c;position:relative}
.promises-section .container{width:100%;max-width:1600px}
.promises-grid{display:grid;grid-template-columns:1fr 1.3fr;gap:80px;width:100%;max-width:1500px}
.promises-title{font-family:var(--font-heading-trial);line-height:1.1;margin-bottom:30px;max-width:700px;color:#323232}
.promises-text,.promises-text p{font-family:var(--font-urbanist);font-size:var(--fs-body);line-height:30px;color:#10101099;margin-bottom:20px}
.promises-quote{font-family:var(--font-urbanist);font-size:clamp(18px,2vw,24px);font-weight:700;color:#101010;margin-bottom:20px}
.promises-subtitle{font-family:var(--font-proxima-bold);font-size:var(--fs-h3);font-weight:100;color:#171717;margin-bottom:40px;text-transform:uppercase;letter-spacing:-.04em}
.promises-list{list-style:none;padding:0;margin-bottom:60px;border-top:1px solid #0000001a}
.promises-list li{display:flex;align-items:center;gap:20px;padding:15px 0;padding-left:18px;font-family:var(--font-proxima);border-bottom:1px solid #0000001a;border-right:1px solid #0000001a;position:relative}
.plus-icon{position:absolute;left:-3px;top:0;transform:translateY(-50%);font-size:24px;font-weight:300;color:#000}
.plus-icon-last{position:absolute;left:-3px;bottom:-30px;transform:translateY(-50%);font-size:24px;font-weight:300;color:#000}
.promise-number{font-family:var(--font-proxima);width:33px;height:33px;background:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#17171780;font-size:11px;flex-shrink:0;box-shadow:0 2px 10px #0000000d}
.promises-list li p{font-size:var(--fs-body);line-height:1.4;margin:0;color:#171717}
.text-accent{color:#171717;opacity:.5;font-weight:400;margin-right:8px}
.text-dark{color:#171717}
.promises-footer-text p{font-family:"Sora",sans-serif;font-size:clamp(18px,2vw,20px);font-weight:500;line-height:1.3;color:#101010;margin-bottom:10px;max-width:850px;letter-spacing:-.01em}
.promises-meta{display:flex;justify-content:space-between;align-items:center;font-family:"IBMPlexMono",monospace;font-size:11px;font-weight:500;color:#171717;text-transform:uppercase;letter-spacing:.05em;padding-top:20px;position:relative}
.meta-label{opacity:.7}
.meta-value{position:absolute;left:50%;transform:translateX(-50%)}
.meta-right{display:flex;align-items:center;gap:6px}
.calendar-icon{display:flex;align-items:center;opacity:.6}
.portfolio-section{padding:100px 0;padding-top:0;overflow:hidden;background:#fff}
.portfolio-scroll-container{display:flex;flex-direction:column;gap:30px}
.portfolio-section-auto{padding:60px 0;overflow:hidden;background:#fff}
.portfolio-track{display:flex;flex-direction:column;gap:30px;width:100%;position:relative;z-index:1}
.portfolio-row{display:flex;gap:30px;white-space:nowrap}
.portfolio-section-auto .crew-ticker{height:unset!important}
.portfolio-section-auto .portfolio-row.top-row{animation:scrollLeft 40s linear infinite}
.portfolio-section-auto .portfolio-row.bottom-row{animation:scrollRight 40s linear infinite}
.portfolio-section-auto .portfolio-row{width:max-content}
.portfolio-track:hover .portfolio-row{animation-play-state:paused}
.portfolio-item{flex:0 0 600px;height:400px!important;border-radius:20px;overflow:hidden}
.portfolio-item.swiper-slide{height:350px!important}
#wpcf7-f1209-o2 .wpcf7-validates-as-number {
    font-family: sans-serif !important;
}
@media (max-width:991px) {
.portfolio-item.swiper-slide{height:300px!important}
}
@media (max-width:767px) {
.portfolio-item.swiper-slide{height:200px!important}
}
.portfolio-item a{display:block;width:100%;height:100%;text-decoration:none;outline:none}
.portfolio-item img{width:100%;height:100%;object-fit:cover;display:block}
.services-cta-section{padding:60px 0;background-color:#f2f2f2}
.services-cta-section .container{max-width:1600px;width:100%;margin:0 auto}
.services-cta-section .service-content-bx{text-align:center;margin:0 auto 20px;max-width:70%}
.grecaptcha-badge { visibility: hidden; }
@media (max-width:1024px) {
.services-cta-section .service-content-bx{max-width:100%}
}
.services-cta-section .service-content-bx h2{font-family:var(--font-heading-trial);font-weight:800;color:#323232;margin-bottom:10px;line-height:1.1;text-transform:uppercase}
.services-cta-section .service-content-bx p{font-size:var(--fs-body);line-height:1.6;color:#1a1a1a}
.services-grid{display:flex;gap:50px;align-items:flex-start;justify-content:space-between}
.services-mobile-section{display:none}
.services-left{flex-shrink:0;width:550px}
.services-list{list-style:none;padding:0;margin:0}
.service-item{padding:0;border-bottom:1px solid #0000001a;color:#aaa5a5;transition:all .3s ease;cursor:pointer}
.service-link{display:flex;align-items:center;width:100%;padding:20px 0;text-decoration:none;color:inherit}
.service-item .service-num,.service-item .service-name{color:inherit}
.service-item.active{color:#101010;border-bottom:2px solid #d8d1d1}
.service-item.active .service-num,.service-item.active .service-name{color:#000}
.service-num{font-family:var(--font-proxima);margin-right:15px;font-size:36px;font-weight:10;color:#000}
.service-name{flex-grow:1;font-family:"Heading Now Trial",sans-serif;font-size:32px;color:#000;letter-spacing:-.02em;white-space:nowrap}
.service-arrow{width:40px;height:40px;background-color:#e0e0e0;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-left:15px;flex-shrink:0}
.services-btn-wrapper{margin-top:40px}
.btn-orange{display:inline-block;background-color:#ff9d00;color:#000;padding:14px 28px;border-radius:50px;font-weight:700;font-size:var(--fs-button);font-family:"Heading Now Trial",sans-serif;text-decoration:none;text-transform:uppercase;position:relative;overflow:hidden;transition:all .3s cubic-bezier(0.25,0.8,0.25,1)}
.btn-orange:hover{background-color:#fa2;transform:translateY(-3px);box-shadow:0 10px 20px #ff9d0066}
.btn-orange:active{transform:translateY(-1px);box-shadow:0 5px 10px #ff9d0033}
.btn-orange::after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,#ffffff4d,transparent);transition:none}
.btn-orange:hover::after{left:100%;transition:.5s}
.services-right img{width:100%;height:auto;border-radius:20px;display:block;max-width:850px}
.service-content-card{background:#050505;border-radius:30px;padding:20px;padding-left:35px;display:flex;gap:40px;color:#fff;width:100%;max-width:950px}
.service-card-left{flex:1;display:flex;flex-direction:column;padding-top:20px}
.service-icon{margin-bottom:30px}
.service-icon img{width:30px;height:30px;border-radius:0}
.service-description{font-family:var(--font-proxima);font-size:18px;color:#aaa9ad;margin-bottom:30px}
.service-features{list-style:none;padding:0;margin:0 0 40px;display:flex;flex-wrap:wrap;gap:10px}
.service-features li{font-family:var(--font-proxima);font-size:14px;color:#fff;background:#ffffff1a;padding:8px 16px;border-radius:100px;white-space:nowrap}
.service-timeline{margin-top:auto;display:flex;align-items:center;gap:10px;padding-top:20px;border-top:1px solid #ffffff1a}
.service-timeline img{width:18px;height:18px;border-radius:0}
.service-timeline span{font-family:var(--font-proxima);font-size:16px;color:#aaa9ad}
.service-card-right{width:383px;height:580px;flex-shrink:0}
@media (max-width:1500px) {
.service-content-card .service-card-inner{align-items:center}
.service-card-right{width:260px;height:410px}
}
@media (max-width:1440px) {
.filter-buttons{max-width:100%!important}
}
.service-preview-img{width:100%!important;height:100%!important;object-fit:cover;border-radius:20px!important}
.cta-bottom-section{text-align:center;padding-top:60px}
.cta-title{font-family:"Heading Now Trial",sans-serif;color:#101010;margin-bottom:60px;letter-spacing:-1px}
.cta-project-img{width:100%;max-width:1000px;margin:0 auto}
.cta-project-img img{width:100%;height:auto;display:block}
.contact-us-section{padding:60px 0;background-color:#fff;position:relative;z-index:10}
.contact-us-section .container{max-width:1600px}
.contact-flex-container{display:flex;justify-content:space-between;align-items:center;gap:60px}
.contact-left{flex:1;max-width:725px;text-align:left}
.contact-title{font-family:var(--font-heading-trial);font-weight:800;color:#000;margin-bottom:30px}
.contact-description p{font-family:var(--font-proxima);font-size:var(--fs-body-xl);color:#595959;line-height:-30;margin-bottom:20px}
.contact-features{list-style:none;padding:0;margin-bottom:50px}
.contact-features li{font-family:var(--font-proxima);font-size:var(--fs-body-xl);color:#595959;margin-bottom:15px;display:flex;align-items:center;gap:10px;font-weight:600}
.contact-features li::before{content:url('/wp-content/themes/wdc/assets/img/icon-sub-heading.png');color:#323232}
.contact-buttons{display:flex;gap:20px}
.btn-live-chat{background-color:#f19300;color:#000;padding:15px 40px;border-radius:50px;text-decoration:none;font-family:var(--font-heading-trial);font-size:20px;font-weight:700;position:relative;overflow:hidden;transition:all .3s cubic-bezier(0.25,0.8,0.25,1)}
.btn-live-chat:hover{background-color:#d98400;transform:translateY(-3px);box-shadow:0 10px 20px #f1930066}
.btn-live-chat:active{transform:translateY(-1px);box-shadow:0 5px 10px #f1930033}
.btn-live-chat::after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,#ffffff4d,transparent);transition:none}
.btn-live-chat:hover::after{left:100%;transition:.5s}
.btn-phone{border:2px solid #f19300;color:#101010;padding:15px 40px;padding-top:17px;border-radius:50px;text-decoration:none;font-family:var(--font-proxima);font-size:18px;font-weight:700;position:relative;overflow:hidden;transition:all .3s cubic-bezier(0.25,0.8,0.25,1)}
.btn-phone:hover{background-color:#f19300;transform:translateY(-3px);box-shadow:0 10px 20px #f1930066}
.btn-phone:active{transform:translateY(-1px);box-shadow:0 5px 10px #f1930033}
.btn-phone::after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,#ffffff4d,transparent);transition:none}
.btn-phone:hover::after{left:100%;transition:.5s}
.contact-right{flex:1;max-width:648px}
.contact-form-card{background-color:#1a1a1a;padding:60px 50px;border-radius:50px;color:#fff}
.form-title{font-family:var(--font-heading-trial);font-weight:800;margin-bottom:10px;letter-spacing:1px}
.form-subtitle p{font-family:var(--font-proxima);font-size:clamp(20px,3vw,20px);margin-bottom:20px;color:#bbb}
.contact-form .form-row{display:flex;gap:35px}
.contact-form .form-group{flex:1;margin-bottom:20px}
#forminator-module-1205 input,select,textarea{width:100%;background:transparent;border:2px solid #ffffff1a;padding:10px 20px;height:50px;color:#fff;font-family:"Heading Now Trial Italic",sans-serif;font-size:18.63px;outline:none;transition:border-color .3s ease}
.contact-form input,.contact-form select,.contact-form textarea{width:100%;background:transparent;border:2px solid #ffffff1a;padding:10px 20px;height:50px;color:#fff;font-family:"Heading Now Trial Italic",sans-serif;font-size:18.63px;outline:none;transition:border-color .3s ease}
.contact-form textarea{height:auto;min-height:150px}
.contact-form input::placeholder,.contact-form textarea::placeholder{font-family:"Heading Now Trial Italic",sans-serif;font-size:clamp(17px,1.8vw,21px);color:#ffffff80}
.contact-form select{font-family:"Heading Now Trial Italic",sans-serif;font-size:clamp(17px,1.8vw,21px);appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right 25px center;background-size:16px;padding-right:55px}
.contact-form input:focus,.contact-form select:focus,.contact-form textarea:focus{border-color:#f19300}
.contact-form select option{background-color:#1a1a1a;color:#fff}
.contact-form .wpcf7-number,.wpcf7-number,.wdc-modal-right .wpcf7-number{font-family: sans-serif !important;}

.wpcf7-form-control-wrap .wpcf7-tel {font-family: sans-serif !important;}
.btn-submit{width:100%;max-width:200px;height:60px!important;background-color:#f19300;color:#fff;border:none;padding:18px;border-radius:50px;font-family:var(--font-heading-trial);font-size:var(--fs-button);font-weight:700;cursor:pointer;margin-top:10px;position:relative;overflow:hidden;transition:all .3s cubic-bezier(0.25,0.8,0.25,1)}
.btn-submit:hover{background-color:#d98400;transform:translateY(-3px);box-shadow:0 10px 20px #f1930066}
.btn-submit:active{transform:translateY(-1px);box-shadow:0 5px 10px #f1930033}
.btn-submit::after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,#ffffff4d,transparent);transition:none}
.btn-submit:hover::after{left:100%;transition:.5s}
#forminator-module-1205 input,select,textarea{width:100%;background:transparent;border:2px solid #ffffff1a;padding:10px 20px;height:50px;color:#fff;font-family:"Heading Now Trial Italic",sans-serif;font-size:18.63px;outline:none;transition:border-color .3s ease}
#forminator-module-1205 select{font-family:"Heading Now Trial Italic",sans-serif;font-size:clamp(17px,1.8vw,21px);appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right 25px center;background-size:16px;padding-right:55px}
#forminator-module-1205 .select2-selection__rendered{color:#fff!important}
#forminator-module-1205 select option{background-color:#1a1a1a;color:#fff}
#forminator-module-1205 input:focus,select:focus,textarea:focus{border-color:#f19300}
.main-footer{background-color:#1a1a1a;padding:100px 0 40px;color:#fff;position:relative;z-index:10}
.main-footer .container{max-width:1600px}
.footer-grid{display:flex;justify-content:space-between;margin-bottom:80px}
.footer-col-cta{flex:0 0 30%}
.footer-col-services{flex:0 0 20%}
.footer-col-hello{flex:0 0 20%}
.footer-cta-title{font-family:var(--font-heading-trial);font-size:clamp(32px,8vw,68px);font-weight:800;line-height:1;margin-bottom:30px;text-transform:uppercase}
@media (max-width:1440px) {
.footer-cta-title{font-size:clamp(32px,8vw,65px)!important}
}
.footer-talk-btn{display:inline-flex;align-items:center;gap:15px;background-color:#f19300;padding:10px 25px;border-radius:100px;text-decoration:none;color:#101010;font-family:var(--font-heading-trial);font-size:clamp(18px,2vw,26px);font-weight:700;position:relative;overflow:hidden;transition:all .3s cubic-bezier(0.25,0.8,0.25,1)}
.footer-talk-btn:hover{background-color:#d98400;transform:translateY(-3px);box-shadow:0 10px 20px #f1930066}
.footer-talk-btn:active{transform:translateY(-1px);box-shadow:0 5px 10px #f1930033}
.footer-talk-btn::after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,#ffffff4d,transparent);transition:none}
.footer-talk-btn:hover::after{left:100%;transition:.5s}
.talk-avatars{display:flex;align-items:center}
.talk-peoples-img{width:112.02px;height:44.98px;object-fit:contain}
.footer-col-title{font-family:var(--font-heading-trial);font-size:clamp(20px,2vw,30px);margin-bottom:30px;letter-spacing:1px}
.footer-links{list-style:none;padding:0}
.footer-links li{margin-bottom:12px}
.footer-links a{color:#bbb;text-decoration:none;font-family:var(--font-proxima);font-size:var(--fs-body);transition:color .3s ease}
.talk-text{padding-top:2px}
.footer-links a:hover{color:#fff}
.contact-info{display:flex;flex-direction:column;gap:10px;margin-bottom:30px;font-size:var(--fs-body)}
.contact-link{color:#bbb;text-decoration:none;font-family:var(--font-proxima);font-size:var(--fs-body);transition:color .3s ease}
.contact-link:hover{color:#fff}
.social-links{display:flex;gap:15px}
.social-icon{width:45px;height:45px;border:1px solid #fff3;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;text-decoration:none;transition:all .3s ease}
.social-icon:hover{border-color:#f19300;color:#f19300;transform:translateY(-3px)}
.footer-bottom{border-top:1px dashed #ffffff1a;padding-top:40px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:20px}
.footer-copyright{font-family:var(--font-proxima);font-size:clamp(15px,1.8vw,18px);color:#bbb}
.footer-legal-links{display:flex;gap:25px;flex-wrap:wrap}
.footer-legal-links a{font-family:var(--font-proxima);font-size:clamp(15px,1.8vw,18px);color:#bbb;text-decoration:none;transition:color .3s ease}
.footer-legal-links a:hover{color:#fff}
.card-wrapper{width:100%;perspective:500px;position:sticky;padding-bottom:50px}
.card-wrapper:last-child{padding-bottom:0}
.cards{width:100%;max-width:1600px}
.card{display:flex;justify-content:center;align-items:center;font-size:30px;border-radius:20px;color:var(--color-just-black);overflow:hidden}
.card img{width:100%;height:100%;object-fit:cover;display:block}
.step-section{padding:60px 0}
.step-section .container{max-width:1600px}
.step-header-grid{display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:center;margin-bottom:40px}
.step-main-title{font-family:var(--font-heading-trial);font-size:var(--fs-h2);color:#000;margin-bottom:25px}
.step-description{font-family:var(--font-proxima);font-size:var(--fs-body-xl);line-height:1.5;color:#000}
@media (max-width:1024px) {
.step-description{max-width:100%!important}
}
.step-img-frame{width:100%;max-width:825px;height:auto;aspect-ratio:825 / 424;border-radius:40px;overflow:hidden;background:#fff;box-shadow:0 30px 60px #00000014}
.step-img-frame img{width:100%;height:100%;display:block;object-fit:cover}
.step-cards-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:30px}
.step-card{width:100%;min-height:195px;padding:25px;border-radius:20px;display:flex;flex-direction:column;justify-content:space-between;transition:all .4s ease}
.step-card:hover{transform:translateY(-10px)}
.step-card.orange{background:linear-gradient(120deg,#f19300 30%,#ffc161 100%);color:#fff}
.step-number{font-family:var(--font-proxima-bold);font-size:clamp(30px,4vw,49px);color:#0003}
.step-card-text{font-family:var(--font-heading-trial);font-size:clamp(20px,4vw,24px);line-height:1.2;margin-top:auto;color:#000;width:70%}
.faq-section{padding:60px 0;background-color:#f6f6f6}
.faq-section .container{max-width:1600px}
.faq-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:start}
.faq-main-title{font-family:var(--font-heading-trial);font-size:var(--fs-h2);color:#000;margin-bottom:30px;line-height:1.1}
.faq-description{font-family:var(--font-proxima);font-size:var(--fs-body-xl);line-height:1.5;color:#000}
.faq-accordion-wrapper{display:flex;flex-direction:column;gap:20px}
@media (max-width:991px) {
.accordion-item{padding:10px!important}
.accordion-item.active{padding:20px!important}
}
.accordion-item{border-bottom:1px solid #eaeaea;padding:15px 30px;transition:all .3s ease}
.accordion-item.active{background-color:#eaeaea;border-bottom:none;padding:30px;border:1px solid #b1a6a6;border-radius:20px}
.accordion-header{display:flex;justify-content:space-between;align-items:center;cursor:pointer}
.accordion-header h4{font-family:var(--font-proxima) !important;font-weight:600;font-size:clamp(18px,2.5vw,20px);color:#000;transition:color .3s ease;margin:0;padding-right:20px}
.accordion-icon{width:40px;height:40px;background-color:#000;border-radius:8px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:14px;flex-shrink:0}
.accordion-content{max-height:0;opacity:0;overflow:hidden;transition:all .4s ease,padding .4s ease,opacity .4s ease}
.accordion-item.active .accordion-content{max-height:unset!important;opacity:1;padding-top:20px}
.accordion-content p{font-family:var(--font-proxima);font-size:clamp(16px,2.5vw,18px);line-height:1.2;color:#000;margin:0}
@media (max-width: 1400px) {
.header-logo img{width:225.71px}
.ps-grid{gap:50px;grid-template-columns:40% 1fr}
.ps-right h2{font-size:48px}
}
@media (max-width: 1200px) {
.step-header-grid,.faq-grid{gap:20px!important}
.step-card{width:100%}
.step-header-grid{grid-template-columns:1fr}
.step-intro-text{text-align:center;margin:0 auto 30px}
.step-header-image{width:100%;display:flex;justify-content:center}
.step-img-frame{margin:0 auto!important}
.step-description{margin:0 auto}
.clients-grid{grid-template-columns:repeat(4,1fr)}
:root{--container-padding:0 40px}
.header-logo img{width:225.73px}
.testimonials-grid{grid-template-columns:repeat(2,1fr)}
.service-content-card{flex-direction:column-reverse;padding:30px}
.service-card-right{width:100%;height:300px}
.services-grid{display:none}
.services-mobile-section{display:block;width:100%;position:relative;overflow:hidden}
.service-mobile-card{background:#1a1a1a;padding:30px;border-radius:20px;display:flex;flex-direction:column;gap:20px;height:100%;text-align:left;box-sizing:border-box;color:#fff;margin:10px 0}
.service-title-mobile{font-family:"Heading Now Trial",sans-serif;margin-top:20px;font-size:clamp(22px,4vw,30px);margin-bottom:5px;color:#fff}
.service-mobile-card .service-icon{width:60px;height:60px;background:#f193001a;border-radius:12px;display:flex;align-items:center;justify-content:center;margin-bottom:5px}
.service-mobile-card .service-icon img{width:30px;height:auto}
.service-mobile-card .service-description{font-family:var(--font-proxima);font-size:16px;line-height:1.6;color:#aaa9ad}
.learn-more-mobile{font-family:var(--font-proxima);font-size:16px;font-weight:600;color:#f19300;text-decoration:none;display:flex;align-items:center;gap:8px;margin-top:auto;transition:all .3s ease}
.learn-more-mobile:hover{gap:12px;color:#ffb74d}
.learn-more-mobile i{font-size:14px}
.services-mobile-swiper{padding:0 0 30px!important;box-sizing:border-box;overflow:visible!important;width:100%}
.services-pagination{bottom:5px!important;left:0;width:100%;text-align:center;position:absolute;z-index:10}
.services-pagination .swiper-pagination-bullet{background:#000;opacity:.2;width:12px;height:12px;margin:0 4px!important;display:inline-block}
.services-pagination .swiper-pagination-bullet-active{background:#f19300;opacity:1;width:25px;border-radius:6px}
.services-left{width:100%}
.services-right{width:100%;max-width:867px;margin:0 auto}
.cta-bottom-section{padding-top:20px}
.cta-title{margin-bottom:30px}
.step-header-grid,.faq-grid{gap:30px}
}
@media (max-width: 1100px) {
.trustpilot-badge{height:50px!important}
.portfolio-item{flex:0 0 700px;height:437px}
.contact-flex-container{flex-direction:column;align-items:center;gap:80px}
.contact-left,.contact-right{max-width:100%;width:100%;text-align:center}
.contact-left{display:flex;flex-direction:column;align-items:flex-start;text-align:start}
.contact-features{text-align:left}
}
@media (max-width:991px) {
.hero.innerBanner .hero-container{padding:70px 20px!important}
}
@media (max-width: 1040px) {
.footer-grid{flex-wrap:wrap!important}
.footer-col-cta{flex:0 0 50%}
.footer-col-services{flex:0 0 50%}
.footer-col-hello{flex:0 0 50%}
.step-header-grid,.faq-grid{grid-template-columns:1fr}
.step-cards-grid{grid-template-columns:repeat(2,1fr)}
.step-main-title{font-size:48px;line-height:1.1}
.step-header-image{width:100%;max-width:100%;display:flex;justify-content:center;margin:0 auto}
.step-img-frame{margin:0 auto!important}
.smile-icon{width:80px;height:80px;right:-70px;top:-5px}
.promises-grid{grid-template-columns:1fr;gap:0}
.promises-section{padding:60px 0}
.portfolio-section{position:relative;width:100%;padding:100px 0;overflow:hidden;display:flex;justify-content:center;align-items:center}
.portfolio-scroll-container{width:100%;max-width:100%;display:flex;flex-direction:column;gap:40px;padding:0}
.portfolio-row{display:flex;gap:30px;width:fit-content;will-change:transform}
.portfolio-item{flex:0 0 530px;width:450px;height:300px;border-radius:20px;overflow:hidden;position:relative}
.portfolio-item img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .4s ease}
.portfolio-item:hover img{transform:scale(1.05)}
.promises-right{padding-left:0}
.plus-icon{display:none}
.services-cta-section .container{max-width:100%;width:100%}
.case-studies-section{padding:60px 0}
.clients-header h2{font-size:40px}
.btn-talk{display:none!important}
.ps-grid{grid-template-columns:1fr;gap:40px}
.ps-left{order:2;width:100%;text-align:center;display:flex;flex-direction:column;align-items:center;max-width:none!important}
.ps-side-text p{text-align:center;margin:0 auto;max-width:100%;padding-right:0}
.ps-image-wrapper{width:100%;max-width:none!important;margin:auto;display:flex;justify-content:center}
.ps-laptop{width:50%;height:auto;display:block;animation:floatLaptop 4s ease-in-out infinite}
.ps-right{order:1}
.ps-right h2{font-size:40px}
.pricing-header{flex-direction:column;align-items:flex-start;gap:30px}
.ph-right{text-align:left;max-width:100%}
.pricing-grid{gap:20px}
.hero-container{display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;gap:80px}
.hero-content{margin:0 auto;display:flex;flex-direction:column;align-items:center}
.hero.innerBanner .hero-container{display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center}
.hero.innerBanner .hero-content{align-items:center;text-align:center}
.logo-sub{display:none}
.header-pill{padding:12px 24px;position:relative}
.header-pill .btn-talk{display:none}
.mobile-toggle{display:flex;z-index:1001}
.header-logo img{width:160px}
nav{display:flex;position:fixed;top:0;right:-100%;left:auto;transform:none;width:300px;height:100vh;background:#050505fa;backdrop-filter:blur(10px);padding:100px 32px 32px;border-radius:0;border:none;border-left:1px solid var(--border-color);flex-direction:column;align-items:center;z-index:999;transition:right .3s cubic-bezier(0.4,0,0.2,1);overflow-y:auto}
nav.active{display:flex;right:0;flex-direction:column;gap:32px;box-shadow:-10px 0 30px #00000080}
nav.active .btn-talk-mobile{display:inline-flex;width:100%;max-width:193px}
nav ul{flex-direction:column;gap:24px;align-items:center}
.has-submenu{flex-direction:column;width:100%;align-items:center;height:auto}
.submenu{position:static;transform:none;background:transparent;border:none;padding:0;min-width:0;width:100%;box-shadow:none;max-height:0;opacity:0;visibility:hidden;overflow:hidden;margin-top:0;transition:all .4s ease-in-out}
.submenu li{text-align:center}
.submenu a{opacity:.6;color:#fff;padding:5px 0}
.submenu a:hover{padding-left:0;opacity:1;color:#fff}
.has-submenu.active .submenu{max-height:300px;opacity:1;visibility:visible;margin-top:15px;transform:none}
.has-submenu:hover .submenu{opacity:0;visibility:hidden}
.has-submenu.active:hover .submenu{opacity:1;visibility:visible}
.has-submenu:hover .dropdown-icon{transform:none}
.has-submenu.active .dropdown-icon{transform:rotate(180deg)}
.hero-mockup{transform:none;max-width:80%;margin:0 auto;display:block}
.hero-image-container:hover .hero-mockup{transform:none}
.clients-header{grid-template-columns:1fr;gap:20px}
.clients-grid{grid-template-columns:repeat(3,1fr);gap:30px}
}
@media (max-width: 992px) {
.hero>header{padding-top:0}
.clients-track{padding:0}
.clients-header{margin-bottom:50px}
section,.main-footer{padding:50px 0!important}
.header-logo img{width:200px}
.client-card{width:220px;height:125px;padding:15px}
.client-card img{max-width:160px;height:60px}
.client-card span{font-size:14px}
.client-avatar{width:48px;height:48px}
.hero-container{padding:0 20px!important}
.card-header{padding:40px;padding-top:20px;height:170px}
.footer-grid{flex-wrap:wrap;gap:40px}
.footer-col-cta{flex:0 0 100%;margin-bottom:20px}
.footer-col-services,.footer-col-hello{flex:0 0 45 %}
}
@media (max-width: 768px) {
.step-section{padding:60px 0}
.step-header-grid{gap:40px;margin-bottom:60px;text-align:center}
.step-header-image{width:100%;display:flex;justify-content:center;margin-bottom:20px}
.step-img-frame{margin:0 auto!important}
.step-main-title,.faq-main-title{font-size:40px}
.step-number{font-size:36px}
.step-card-text{font-size:22px}
.step-card{height:auto;min-height:180px;padding:25px}
.accordion-header h4{font-size:18px}
.faq-description{font-size:18px}
.faq-accordion-wrapper{gap:10px}
.faq-grid{gap:30px}
.accordion-icon{width:30px;height:30px}
.faq-grid{gap:30px}
.step-header-grid{gap:0;margin-bottom:0;text-align:center}
.testimonial-card{height:auto!important;min-height:auto;gap:30px!important}
section,.main-footer{padding:40px 0!important}
.clients-header{margin-bottom:40px}
.header-logo img{width:180px}
.smile-icon{width:70px;height:70px;right:-70px;top:-10px}
.client-card{width:180px;height:110px;padding:12px}
.client-card img{max-width:130px;height:50px}
.client-card span{font-size:13px}
.clients-grid{grid-template-columns:repeat(2,1fr)}
.clients-header h2{font-size:32px}
.client-avatar{width:42px;height:42px}
.case-studies-section{padding:60px 0}
.case-studies-images{gap:20px;margin-top:40px}
.testimonials-section{padding:60px 0}
.testimonials-grid{grid-template-columns:1fr}
.testimonials-header h2{white-space:normal;flex-wrap:wrap}
.btn-plan-call{padding:15px 40px;font-size:16px}
.hero-container{padding:0 15px!important}
.card-header{padding:20px;padding-top:20px;height:160px}
.problem-solution{padding:60px 0}
.pricing{padding:60px 0}
.pricing-grid{grid-template-columns:1fr;max-width:612px;margin:0 auto}
.promises-section{padding:60px 0 160px}
.ps-right h2{font-size:32px}
.ps-sub-para{font-size:16px}
.hero h1{line-height:1.2}
.container{padding:0 15px!important}
.hero-buttons{flex-direction:column;width:100%;max-width:320px;margin-bottom:0}
.hero-buttons1{margin-bottom:20px}
.clients-grid{grid-template-columns:repeat(2,1fr);gap:24px}
.clients-header h2{font-size:36px}
.portfolio-row[data-scroll-direction="horizontal"]{animation:scroll-left 20s linear infinite;width:max-content}
.portfolio-row[data-scroll-speed="-6"]{animation:scroll-right 20s linear infinite}
@keyframes scroll-left {
0%{transform:translateX(0)}
100%{transform:translateX(-50%)}
}
@keyframes scroll-right {
0%{transform:translateX(-50%)}
100%{transform:translateX(0)}
}
.portfolio-item{flex:0 0 400px;height:250px}
.cta-title{font-size:32px}
.service-link{padding:15px 0}
.service-item .service-name{font-size:24px}
.service-item .service-num{font-size:20px;margin-right:15px}
.services-cta-section{padding:60px 0;padding-bottom:0}
.portfolio-item{width:300px;height:200px}
.portfolio-row{gap:15px}
.contact-us-section{padding:60px 0}
.contact-form .form-row{flex-direction:column;gap:0}
.contact-form-card{padding:40px 25px;border-radius:30px}
.contact-buttons{flex-direction:column;width:100%}
.btn-live-chat,.btn-phone{width:100%;text-align:center}
.main-footer{padding:60px 0 30px}
.footer-col-cta,.footer-col-services,.footer-col-hello{flex:0 0 100%}
.footer-bottom{flex-direction:column;text-align:center;align-items:center}
.footer-legal-links{justify-content:center;gap:15px}
.cards{padding:0 10px}
.card{height:300px}
}
@media (max-width:420px) {
.smile-icon{right:0!important}
.hero h1{line-height:1.2;font-size:36px!important}
}
@media (max-width:500px) {
.smile-icon{right:2%!important}
}
@media (max-width:670px) {
.promises-section{padding:40px 0}
.portfolio-section{padding:40px 0}
.promises-meta{flex-wrap:wrap;gap:12px;justify-content:center;text-align:center;padding-top:15px}
.meta-value{position:static;transform:none;width:100%;order:-1;margin-bottom:5px}
.meta-label,.meta-right{width:auto}
.hero h1{line-height:1.2;font-size:42px}
.hero h1 div{display:inline!important}
.smile-icon{position:absolute;width:50px;height:70px;top:37px;right:21%;vertical-align:middle;margin-left:10px;display:inline-block}
.problem-solution{padding:40px 0}
.pricing{padding:40px 0}
.ps-grid{gap:30px}
.clients-header h2{font-size:var(--fs-h2)}
.client-card{width:220px;height:120px}
@keyframes scrollLeft {
0%{transform:translateX(0)}
100%{transform:translateX(calc(-220px * 6 - 20px * 6))}
}
@keyframes scrollRight {
0%{transform:translateX(calc(-220px * 6 - 20px * 6))}
100%{transform:translateX(0)}
}
.pricing-toggle-wrapper{margin-bottom:30px}
.pricing-toggle{padding:6px}
.toggle-btn{padding:10px 24px;font-size:14px}
.toggle-bg{top:6px;height:calc(100% - 12px)}
.card-body{background-color:#1a1a1a;border-radius:26.66px 26.66px 0 0;padding:20px;flex:1;display:flex;flex-direction:column;margin-top:-26px;position:relative;z-index:1}
}
@media (max-width: 576px) {
.ps-right>h2{margin-bottom:30px}
.client-avatar{width:36px;height:36px}
section,.main-footer{padding:30px 0!important}
.clients-header{margin-bottom:30px}
.client-card{width:150px;height:95px;padding:10px}
.client-card img{max-width:110px;height:60px;margin-bottom:8px}
.client-card span{font-size:11px}
.header-logo img{width:160px}
.ps-list li{margin-bottom:15px;line-height:1.2}
.ps-main-para{margin-bottom:15px}
.ps-sub-para{margin-bottom:15px}
.pricing-header{gap:0;margin-bottom:30px}
.promises-text,.promises-text p,.card-body,.promises-subtitle{margin-bottom:20px!important}
.promises-quote{margin-bottom:0}
.promises-grid,.contact-flex-container,.footer-grid{gap:30px}
.promises-list li{padding:15px 0;padding-left:16px}
.promises-list{margin-bottom:40px}
.promises-footer-text p,.services-mobile-section,.testimonials-header h2,.testimonials-header,.contact-description,.contact-features,.form-subtitle,.footer-grid,.ps-profile,.ps-list,.hero-description{margin-bottom:30px}
.promises-meta,.cta-bottom-section{padding-top:20px}
.case-study-title,.footer-col-cta{margin-bottom:0}
.card-wrapper{padding-bottom:0!important}
.testimonial-text{margin:20px 0}
.testimonial-card{padding:20px}
.testimonials-cta{margin-top:60px}
.contact-form-card{padding:25px 15px}
.footer-bottom{padding-top:30px}
}
@media (max-width: 480px) {
.step-header-grid{grid-template-columns:1fr;gap:20px;margin-bottom:30px}
.step-cards-grid{grid-template-columns:1fr;gap:20px}
.step-main-title{font-size:32px}
.step-description{font-size:16px}
.faq-description{font-size:16px}
.step-card{min-height:160px;padding:20px}
.step-img-frame{border-radius:20px}
.card{height:250px}
.clients-grid{grid-template-columns:1fr}
.portfolio-item{flex:0 0 300px;height:188px}
.service-content-card{padding:20px}
.service-card-right{height:200px}
.service-link{padding:12px 0}
.service-item .service-name{font-size:18px}
.service-item .service-num{font-size:16px;margin-right:10px}
.service-arrow{width:30px;height:30px}
}
.wdc-modal-overlay{position:fixed;inset:0;background:#0009;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:9999;opacity:0;visibility:hidden;transition:opacity .4s ease,visibility .4s ease;overflow:hidden}
.wdc-modal-overlay.active{opacity:1;visibility:visible}
.wdc-modal-overlay.active .modal-wrapper{transform:translateY(0);opacity:1}
.modal-wrapper{max-width:1100px;width:90%;background:radial-gradient(900px 500px at 20% 15%,#ff6a0040,transparent 60%),radial-gradient(900px 500px at 80% 80%,#ff8a2a26,transparent 60%),linear-gradient(180deg,#070707,#0e0e0e);border-radius:24px;padding:40px;height:auto;position:relative;transform:translateY(80px);opacity:0;transition:all .5s ease}
.close-modal-btn{position:absolute;top:20px;right:20px;color:#fff;font-size:25px;border:none;border-radius:50%;background:unset;width:45px;height:45px;cursor:pointer;text-align:center;transition:.3s}
.wdc-modal{display:grid;grid-template-columns:1.2fr 1fr;gap:40px;color:#fff;padding:0 40px;align-items:center}
.wdc-modal .pwhs{color:#fff;font-size:26px;margin-top:30px}
.wdc-modal .pwhs a{color:#fff;transition:all .25s}
.wdc-modal .pwhs a:hover{opacity:.8;transition:all .25s}
.pwhs i{border-radius:100%;background:#0ca015;padding:10px 12px}
.tags span:hover{color:#f5a300;background:#fff;transition:all .24s}
.tags span{transition:all .24s}
.wdc-logo{font-size:22px;font-weight:700}
.wdc-logo span{display:block;font-size:12px;font-weight:400;opacity:.7}
.wdc-modal-left h2{font-size:40px!important;margin:30px 0 15px;line-height:40px}
.subtitle{color:#f6a400;margin-bottom:30px;margin-top:0}
.tags{display:flex;flex-wrap:wrap;gap:10px}
.tags span{border:1px solid #ffffff4d;padding:4px 14px;border-radius:50px;height:40px;display:flex;align-items:center;justify-content:center;font-size:15px;color:#FFF9}
.wdc-modal-left h3{margin-top:30px;font-size:26px;font-weight:400}
.wdc-modal-left strong{color:#f6a400}
.wdc-modal-right{background:#ffffff14;border-radius:18px;padding:30px;backdrop-filter:blur(10px)}
.wdc-modal-right h3{margin-bottom:20px}
.wdc-modal-right input,.wdc-modal-right textarea{width:100%;background:transparent;border:1px solid #fff6;padding:12px 15px;border-radius:10px;color:#fff;font-family:"Heading Now Trial Italic",sans-serif!important;font-size:15px!important;font-weight:400;margin-bottom:15px}
.wdc-modal-right input,.wdc-modal-right textarea:focus{outline:unset}
.wdc-modal-right textarea{min-height:100px;resize:none}
.wdc-modal-right .btn-sub{width:100%;background:linear-gradient(135deg,#ff9f00,#ffb700);border:none;padding:14px 37px;border-radius:50px;font-size:16px;font-weight:600;cursor:pointer;color:#FFF;max-width:max-content}
.contact_detalis a>img{width:19px;margin-right:6px}
.our_project_headings{z-index:99}
.wdc-modal-right span.wpcf7-spinner{position:absolute!important}
.wdc-modal-right .wpcf7-response-output{font-size:12px!important;margin:0!important}
.wdc-modal-right span.wpcf7-not-valid-tip{position:absolute!important;font-size:12px!important;right:0!important;top:-23px!important}
.wdc-modal-right .wpcf7-response-output{font-size:11px!important}
.wdc-modal-right a{color:#FFF!important;font-size:14px!important;text-decoration:unset}
@media (max-width: 991px) {
.wdc-modal{grid-template-columns:1fr;padding:0 !important}
.wdc-modal-right button{max-width:100%}
.modal-wrapper{width:90%;height:fit-content;text-align:center;padding:30px 25px;background:radial-gradient(900px 500px at 20% 15%,#ff6a0040,transparent 60%),radial-gradient(900px 500px at 80% 80%,#ff8a2a26,transparent 60%),linear-gradient(180deg,#070707,#0e0e0e)}
.wdc-modal-left h3{font-size:15px!important;margin-top:0!important}
.wdc-modal{padding:0}
.wdc-modal-right{background-color:unset;backdrop-filter:unset;padding:0;border-radius:unset}
.wdc-modal-right input,.wdc-modal-right textarea{background-color:#F9F9F91A;border:unset;backdrop-filter:blur(10px);border-radius:20px}
.wdc-modal-right h3{display:none}
.subtitle{font-size:16px;margin-bottom:5px}
.wdc-modal-left h2{font-size:25px!important;margin:20px 0;line-height:22px}
.close-modal-btn{top:10px;right:0}
.tags{display:none}
}
.wdc-modal-right .cf7sr-g-recaptcha .rc-anchor-normal .rc-anchor-content{height:50px}
.wdc-modal-right .cf7sr-g-recaptcha .rc-anchor-logo-portrait{margin:0 20px}
@media (max-width:600px) {
.wdc-modal-left h2{font-size:18px!important;margin:20px 0 10px;line-height:22px}
}
.service-content-card{display:none}
.service-content-card.active{display:block}
.service-content-card .service-card-inner{display:flex;gap:40px}
@media (max-width:1310px) {
.service-content-card .service-card-inner{flex-direction:column!important}
.service-card-right{width:100%;height:300px}
}
.services-list .services-item.active .service-arrow img{display:none}
.service-item.active span.service-arrow{display:block;position:relative}
span.service-arrow::before{position:absolute;content:"›";top:4px;left:16px;bottom:0;right:0;font-size:24px}
.service-item.active span.service-arrow img{display:none!important}
span.service-arrow{display:none}
.crew-ticker{height:600px;overflow:hidden;margin-bottom:30px}
.crew-ticker .swiper-wrapper{transition-timing-function:linear!important}
.swiper-slide{height:auto!important}
@media (max-width: 1024px) {
.crew-ticker{height:50vh}
}
@media (max-width: 768px) {
.crew-ticker{height:40vh}
}
@media (max-width: 480px) {
.crew-ticker{height:200px;object-fit:cover;margin-bottom:20px}
}
.cta-sec{background:url(/wp-content/uploads/2026/04/reviews_bg-1.webp);padding:80px 0;background-size:cover;background-repeat:no-repeat;background-position:center center;position:relative;overflow:hidden}
.cta-content-wrapper{display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;gap:10px}
.cta-content-wrapper h2{font-family:var(--font-heading-trial);color:#fff;text-transform:uppercase;line-height:1.3;text-align:center}
.cta-sec::before{position:absolute;content:"";background-image:url(/wp-content/uploads/2026/04/circle.webp);background-size:contain;background-repeat:no-repeat;height:220px;width:260px;right:unset;left:0;bottom:unset;top:15%;animation:floatUpDown 2s ease-in-out infinite}
@media (max-width:991px) {
.cta-sec::before{zoom:.6}
.cta-sec::after{zoom:.6}
}
@media (max-width:767px) {
.cta-sec::before{zoom:.4;top:unset!important;bottom:0}
.cta-sec::after{zoom:.4}
}
@media (min-width:1200px) {
.branding-top-grid:nth-child(even) .branding-title-col{order:2}
.branding-top-grid:nth-child(even) .branding-content-col{order:1}
}
.order-list{margin-top:30px;padding-left:30px!important}
.order-list li{font-family:var(--font-proxima-bold);font-size:var(--fs-body-xl);color:#3a3a3a;font-weight:600!important;margin:10px 0;line-height:23px}
.cta-sec::after{position:absolute;content:"";background-image:url(/wp-content/uploads/2026/04/arch.webp);background-size:contain;background-repeat:no-repeat;height:220px;width:230px;top:unset;bottom:60px;left:unset;right:10px;animation:floatUpDown 2s ease-in-out infinite}
.middle-card .starter-header{background:linear-gradient(#ffffff40,#fff6),linear-gradient(0deg,#ffffff0d 1px,transparent 1px),linear-gradient(90deg,#ffffff0d 1px,transparent 1px),linear-gradient(90deg,#f19300 100%,#ff9c00 -40%,#d9ae6c 0%)}
.faq-intro{position:sticky;top:50px}
.os-content{margin-bottom:20px}
.os-content .order-list li{color:#FFF!important}
.branding-middle-grid .branding-image-col img{width:100%;height:auto;display:block;border-radius:20px}
@media (max-width:1200px) {
.branding-top-grid{grid-template-columns:1fr!important;margin-bottom:40px!important}
.branding-top-grid:last-child{margin:0!important}
}
@media (max-width:991px) {
.branding-top-grid{gap:20px!important}
}
@media (max-width:768px) {
.branding-top-grid{margin-bottom:30px!important;gap:20px!important}
}
.branding-top-grid{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center;margin-bottom:50px}
.branding-top-grid:last-child{margin-bottom:0}
.branding-title-col img{width:100%;height:auto;display:block}
.branding-main-title,.strategy-main-title{font-family:var(--font-heading-trial);font-size:var(--fs-h2);line-height:1;text-transform:uppercase;color:#000}
.branding-intro-p p{font-family:var(--font-proxima);font-size:var(--fs-body-xl);color:#000;margin-bottom:0!important;margin-left:auto;margin-top:20px}
.whatsapp-button{position:fixed;bottom:10px;left:20px;z-index:9999;animation:2s infinite NAME-YOUR-ANIMATION}
.whatsapp-button .icon-whatsapp{width:65px;height:65px;background-color:#0CA015;display:FLEX;align-items:center;justify-content:center;font-size:45px;text-decoration:unset;color:#FFF;border-radius:100px}
.privacy-sec{padding:60px 0}
.privacy-sec #content-bx h1,h2,h3,h4,h5{margin:20px 0!important;font-family:"Heading Now Trial"!important}
.privacy-sec #content-bx p{font-family:"Proxima Nova",sans-serif!important}
.privacy-sec #content-bx{color:#000!important}
@-webkit-keyframes NAME-YOUR-ANIMATION {
10%,30%,50%,70%,90%{-webkit-transform:rotate(5deg);-moz-transform:rotate(5deg);-o-transform:rotate(5deg)}
100%,20%,40%,60%,80%{-webkit-transform:rotate(-5deg);-moz-transform:rotate(-5deg);-o-transform:rotate(-5deg)}
}
@media(max-width:1090px) {
.faq-intro{position:unset!important;top:unset!important}
}
@keyframes floatUpDown {
0%{transform:translateY(0)}
50%{transform:translateY(-20px)}
100%{transform:translateY(0)}
}