/* * Atok Suardi V9 — V7 Design Lock Portable Alias * Auto-generated from the exact V7 local design stack. * No layout/content values were redesigned. Original Elementor IDs are mapped * to permanent classes atok-id-, so Insert Template may regenerate * Elementor IDs without losing the V7 visual result. */ /* * Atok Suardi V4 complete visual fallback. * This layer is intentionally comprehensive so the page still resembles the * supplied HTML when the source-generated Elementor CSS cannot be reached. * When the importer successfully caches the source CSS, the cached stylesheet * is loaded AFTER this file and therefore remains authoritative. */ body:has(.atok-portable-root){ --atok-burgundy:#5c1917; --atok-burgundy-dark:#45100f; --atok-gold:#ebd68b; --atok-theme-gold:#ffd800; --atok-theme-gold-hover:#ffc900; --atok-ink:#000000; --atok-text:#5a5a5a; --atok-soft:#f9fafb; --atok-white:#ffffff; --atok-border:#ece4d6; --atok-container:1290px; margin:0; overflow-x:hidden; font-family:"Quicksand",Arial,sans-serif; color:var(--atok-text); background:#fff; } body:has(.atok-portable-root) *, body:has(.atok-portable-root) *::before, body:has(.atok-portable-root) *::after{box-sizing:border-box} body:has(.atok-portable-root) .elementor-widget-text-editor p{margin-top:0;margin-bottom:16px} body:has(.atok-portable-root) .elementor-widget-text-editor p:last-child{margin-bottom:0} body:has(.atok-portable-root) a{text-decoration:none} /* Generic section width / spacing */ body:has(.atok-portable-root) .atok-section, body:has(.atok-portable-root) .atok-id-352098f, body:has(.atok-portable-root) .atok-id-7081a4f, body:has(.atok-portable-root) .atok-id-f870ed9, body:has(.atok-portable-root) .atok-id-78118f1, body:has(.atok-portable-root) .atok-id-4ed3030, body:has(.atok-portable-root) .atok-id-3963b3f, body:has(.atok-portable-root) .atok-id-ec37c36{width:100%;position:relative} body:has(.atok-portable-root) .atok-id-352098f, body:has(.atok-portable-root) .atok-id-7081a4f, body:has(.atok-portable-root) .atok-id-f870ed9, body:has(.atok-portable-root) .atok-id-78118f1, body:has(.atok-portable-root) .atok-id-4ed3030, body:has(.atok-portable-root) .atok-id-3963b3f, body:has(.atok-portable-root) .atok-id-ec37c36{padding-left:max(24px,calc((100vw - var(--atok-container))/2));padding-right:max(24px,calc((100vw - var(--atok-container))/2))} /* HERO */ body:has(.atok-portable-root) .atok-id-7fccd0d{width:100%;margin:0;padding:0;background:#1b0b0a} body:has(.atok-portable-root) .atok-id-b460453{position:relative;min-height:670px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:80px 24px;overflow:hidden} body:has(.atok-portable-root) .atok-id-b460453::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(22,5,5,.42),rgba(45,10,9,.60));z-index:0;pointer-events:none} body:has(.atok-portable-root) .atok-id-b460453>.elementor-element{position:relative;z-index:2} body:has(.atok-portable-root) .atok-id-88c46f2 .elementor-heading-title{font-family:"Quicksand",Arial,sans-serif!important;font-size:56px!important;line-height:1.15!important;font-weight:800!important;letter-spacing:-1.2px!important;color:#fff!important;margin:0!important;text-shadow:0 2px 14px rgba(0,0,0,.28)} body:has(.atok-portable-root) .atok-id-56b9cc9{max-width:760px;margin-top:18px} body:has(.atok-portable-root) .atok-id-56b9cc9,body:has(.atok-portable-root) .atok-id-56b9cc9 p{font-family:"Quicksand",Arial,sans-serif!important;font-size:20px!important;line-height:1.65!important;font-weight:500!important;color:#fff!important;text-align:center!important} body:has(.atok-portable-root) .atok-id-fbe19b6{margin-top:28px} body:has(.atok-portable-root) .atok-id-fbe19b6 .elementor-button{font-family:"Quicksand",Arial,sans-serif!important;font-size:16px!important;line-height:1!important;font-weight:700!important;color:var(--atok-burgundy)!important;background:var(--atok-gold)!important;border:1px solid var(--atok-gold)!important;border-radius:5px!important;padding:16px 26px!important;box-shadow:none!important;transition:.2s ease} body:has(.atok-portable-root) .atok-id-fbe19b6 .elementor-button:hover{color:#fff!important;background:var(--atok-burgundy)!important;border-color:var(--atok-burgundy)!important} body:has(.atok-portable-root) .atok-id-a84185d{margin-top:42px} body:has(.atok-portable-root) .atok-id-a84185d .elementor-icon{font-size:28px!important;color:var(--atok-gold)!important;fill:var(--atok-gold)!important} /* ABOUT */ body:has(.atok-portable-root) .atok-id-352098f{background:#fff!important;padding-top:100px!important;padding-bottom:100px!important} body:has(.atok-portable-root) .atok-id-8c12920{max-width:var(--atok-container);margin:0 auto;display:flex!important;flex-direction:row!important;align-items:stretch!important;gap:36px!important} body:has(.atok-portable-root) .atok-id-7fb05f2{width:41%!important;display:flex!important;flex-direction:column!important;justify-content:center!important} body:has(.atok-portable-root) .atok-id-ef73c76, body:has(.atok-portable-root) .atok-id-c586380{width:29.5%!important;display:flex!important;flex-direction:column!important;gap:30px!important;justify-content:center!important} body:has(.atok-portable-root) .atok-id-68c74e4, body:has(.atok-portable-root) .atok-id-47c63ad, body:has(.atok-portable-root) .atok-id-f771ccc{font-family:"Quicksand",Arial,sans-serif!important;font-size:16px!important;line-height:1.4!important;font-weight:700!important;letter-spacing:.2px!important;color:var(--atok-burgundy)!important} body:has(.atok-portable-root) .atok-id-7e3fdbd .elementor-heading-title, body:has(.atok-portable-root) .atok-id-92bb38f .elementor-heading-title, body:has(.atok-portable-root) .atok-id-840081c .elementor-heading-title, body:has(.atok-portable-root) .atok-id-16fa44b .elementor-heading-title, body:has(.atok-portable-root) .atok-id-e51058c .elementor-heading-title{font-family:"Quicksand",Arial,sans-serif!important;font-size:40px!important;line-height:1.22!important;font-weight:800!important;letter-spacing:-.6px!important;color:var(--atok-burgundy)!important;margin:0!important} body:has(.atok-portable-root) .atok-id-7e3fdbd{margin-top:10px;margin-bottom:20px} body:has(.atok-portable-root) .atok-id-eff4a24, body:has(.atok-portable-root) .atok-id-19d7b08, body:has(.atok-portable-root) .atok-id-b9a8b50, body:has(.atok-portable-root) .atok-id-8fc56ee, body:has(.atok-portable-root) .atok-id-80885df{font-family:"Quicksand",Arial,sans-serif!important;font-size:16px!important;line-height:1.8!important;font-weight:500!important;color:var(--atok-text)!important} body:has(.atok-portable-root) .atok-id-a3c51e1{margin-top:26px} body:has(.atok-portable-root) .atok-id-a3c51e1 .elementor-button, body:has(.atok-portable-root) .atok-id-c6b882c .elementor-button{font-family:"Quicksand",Arial,sans-serif!important;font-size:15px!important;font-weight:700!important;color:var(--atok-gold)!important;background:var(--atok-burgundy)!important;border:1px solid var(--atok-burgundy)!important;border-radius:4px!important;padding:14px 24px!important;box-shadow:none!important} body:has(.atok-portable-root) .atok-id-a3c51e1 .elementor-button:hover, body:has(.atok-portable-root) .atok-id-c6b882c .elementor-button:hover{color:var(--atok-burgundy)!important;background:var(--atok-gold)!important;border-color:var(--atok-gold)!important} body:has(.atok-portable-root) .atok-feature .elementor-icon-box-wrapper{text-align:left!important} body:has(.atok-portable-root) .atok-feature .elementor-icon-box-icon{margin-bottom:16px!important} body:has(.atok-portable-root) .atok-feature .elementor-icon{display:inline-flex!important;align-items:center!important;justify-content:center!important;width:82px!important;height:82px!important;color:var(--atok-burgundy)!important;fill:var(--atok-burgundy)!important} body:has(.atok-portable-root) .atok-feature .elementor-icon svg{width:82px!important;height:82px!important} body:has(.atok-portable-root) .atok-feature .elementor-icon-box-title{margin:0 0 8px!important} body:has(.atok-portable-root) .atok-feature .elementor-icon-box-title,body:has(.atok-portable-root) .atok-feature .elementor-icon-box-title span{font-family:"Quicksand",Arial,sans-serif!important;font-size:18px!important;line-height:1.35!important;font-weight:800!important;color:var(--atok-burgundy)!important} body:has(.atok-portable-root) .atok-feature .elementor-icon-box-description{font-family:"Quicksand",Arial,sans-serif!important;font-size:14px!important;line-height:1.7!important;font-weight:500!important;color:var(--atok-text)!important;margin:0!important} /* PROBLEM */ body:has(.atok-portable-root) .atok-id-7081a4f{background:#f9fafb!important;padding-top:95px!important;padding-bottom:95px!important;display:flex!important;flex-direction:row!important;gap:62px!important;align-items:center!important} body:has(.atok-portable-root) .atok-id-0b35941{width:44%!important;display:flex!important;align-items:center!important;justify-content:center!important} body:has(.atok-portable-root) .atok-id-5d4af8c{width:56%!important;display:flex!important;flex-direction:column!important;justify-content:center!important} body:has(.atok-portable-root) .atok-id-36d2e89 img{width:100%!important;max-width:560px!important;height:auto!important;display:block!important;margin:0 auto!important} body:has(.atok-portable-root) .atok-id-92bb38f{margin-bottom:25px} body:has(.atok-portable-root) .atok-id-df66dcf .elementor-icon-list-items{display:flex!important;flex-direction:column!important;gap:13px!important;margin:0!important;padding:0!important} body:has(.atok-portable-root) .atok-id-df66dcf .elementor-icon-list-item{font-family:"Quicksand",Arial,sans-serif!important;font-size:16px!important;line-height:1.55!important;font-weight:600!important;color:#353535!important} body:has(.atok-portable-root) .atok-id-df66dcf .elementor-icon-list-icon{color:var(--atok-burgundy)!important;fill:var(--atok-burgundy)!important;margin-right:10px!important} body:has(.atok-portable-root) .atok-id-19d7b08{margin-top:24px} body:has(.atok-portable-root) .atok-id-c6b882c{margin-top:24px} /* SERVICES */ body:has(.atok-portable-root) .atok-id-f870ed9{background:#fff!important;padding-top:100px!important;padding-bottom:100px!important;text-align:center} body:has(.atok-portable-root) .atok-id-47c63ad{text-align:center!important} body:has(.atok-portable-root) .atok-id-840081c{margin-top:8px;margin-bottom:16px;text-align:center!important} body:has(.atok-portable-root) .atok-id-b9a8b50{max-width:780px;margin:0 auto 45px!important;text-align:center!important} body:has(.atok-portable-root) .atok-id-3c00ed0{max-width:var(--atok-container);margin:0 auto;display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:28px!important;align-items:stretch!important} body:has(.atok-portable-root) .atok-service-card{min-width:0!important;background:#fff!important;border:1px solid #eee8dc!important;border-radius:4px!important;overflow:hidden!important;box-shadow:0 8px 28px rgba(42,20,12,.08)!important;display:flex!important;flex-direction:column!important;text-align:center!important} body:has(.atok-portable-root) .atok-service-image{margin:0!important;padding:0!important} body:has(.atok-portable-root) .atok-service-image img{width:100%!important;height:220px!important;object-fit:cover!important;display:block!important} body:has(.atok-portable-root) .atok-service-card-body{display:flex!important;flex-direction:column!important;flex:1!important;padding:26px 24px 28px!important} body:has(.atok-portable-root) .atok-service-title{margin:0 0 12px!important} body:has(.atok-portable-root) .atok-service-title .elementor-heading-title{font-family:"Quicksand",Arial,sans-serif!important;font-size:22px!important;line-height:1.3!important;font-weight:800!important;color:var(--atok-burgundy)!important;margin:0!important} body:has(.atok-portable-root) .atok-service-desc{flex:1!important;font-family:"Quicksand",Arial,sans-serif!important;font-size:14px!important;line-height:1.75!important;font-weight:500!important;color:var(--atok-text)!important;margin:0 0 20px!important} body:has(.atok-portable-root) .atok-service-desc p{margin:0!important} body:has(.atok-portable-root) .atok-service-button{margin-top:auto!important} body:has(.atok-portable-root) .atok-service-button .elementor-button{font-family:"Quicksand",Arial,sans-serif!important;font-size:14px!important;line-height:1!important;font-weight:700!important;color:var(--atok-gold)!important;background:var(--atok-burgundy)!important;border:1px solid var(--atok-burgundy)!important;border-radius:4px!important;padding:13px 21px!important;box-shadow:none!important} body:has(.atok-portable-root) .atok-service-button .elementor-button:hover{color:var(--atok-burgundy)!important;background:var(--atok-gold)!important;border-color:var(--atok-gold)!important} /* STATS */ body:has(.atok-portable-root) .atok-id-2c6e824{max-width:var(--atok-container);margin:75px auto 0!important;background:var(--atok-burgundy)!important;border-radius:4px!important;padding:34px 24px!important} body:has(.atok-portable-root) .atok-id-7befc38{display:flex!important;flex-direction:row!important;align-items:stretch!important;justify-content:space-between!important;gap:0!important} body:has(.atok-portable-root) .atok-id-7befc38>.elementor-widget{width:33.333%!important;padding:8px 28px!important;text-align:center!important;border-right:1px solid rgba(235,214,139,.35)!important} body:has(.atok-portable-root) .atok-id-7befc38>.elementor-widget:last-child{border-right:0!important} body:has(.atok-portable-root) .elementor-counter-title{font-family:"Quicksand",Arial,sans-serif!important;font-size:14px!important;line-height:1.4!important;font-weight:600!important;color:#fff!important;margin-bottom:8px!important} body:has(.atok-portable-root) .elementor-counter-number-wrapper{font-family:"Quicksand",Arial,sans-serif!important;font-size:38px!important;line-height:1.1!important;font-weight:800!important;color:var(--atok-gold)!important} /* TESTIMONIAL */ body:has(.atok-portable-root) .atok-id-78118f1{background:#fff!important;padding-top:95px!important;padding-bottom:20px!important;text-align:center!important} body:has(.atok-portable-root) .atok-id-16fa44b{text-align:center!important;margin-bottom:12px!important} body:has(.atok-portable-root) .atok-id-8fc56ee{max-width:800px;margin:0 auto!important;text-align:center!important} body:has(.atok-portable-root) .atok-id-4ed3030{background:#fff!important;padding-top:35px!important;padding-bottom:100px!important} body:has(.atok-portable-root) .atok-id-f95d520{max-width:1100px!important;margin:0 auto!important} body:has(.atok-portable-root) .atok-id-f95d520 img{border-radius:4px!important;box-shadow:0 6px 22px rgba(0,0,0,.08)!important} body:has(.atok-portable-root) .atok-id-f95d520 .swiper-pagination-bullet{background:var(--atok-burgundy)!important} body:has(.atok-portable-root) .atok-id-f95d520 .elementor-swiper-button{color:var(--atok-burgundy)!important} /* CTA */ body:has(.atok-portable-root) .atok-id-3963b3f{background:var(--atok-burgundy)!important;padding-top:76px!important;padding-bottom:76px!important} body:has(.atok-portable-root) .atok-id-47da2f4{max-width:var(--atok-container);margin:0 auto;display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:space-between!important;gap:60px!important} body:has(.atok-portable-root) .atok-id-10e9ecd{width:72%!important} body:has(.atok-portable-root) .atok-id-1171e97{width:28%!important;display:flex!important;justify-content:flex-end!important;align-items:center!important} body:has(.atok-portable-root) .atok-id-0087b1d .elementor-heading-title{font-family:"Quicksand",Arial,sans-serif!important;font-size:42px!important;line-height:1.2!important;font-weight:800!important;color:var(--atok-gold)!important;margin:0!important} body:has(.atok-portable-root) .atok-id-80885df,body:has(.atok-portable-root) .atok-id-80885df p{color:#fff!important;font-size:16px!important;line-height:1.75!important} body:has(.atok-portable-root) .atok-id-80885df{margin-top:12px!important} body:has(.atok-portable-root) .atok-id-94e4d4b .elementor-button{font-family:"Quicksand",Arial,sans-serif!important;font-size:16px!important;font-weight:800!important;color:var(--atok-burgundy)!important;background:var(--atok-gold)!important;border:1px solid var(--atok-gold)!important;border-radius:4px!important;padding:16px 28px!important;white-space:nowrap!important} body:has(.atok-portable-root) .atok-id-94e4d4b .elementor-button:hover{color:#fff!important;background:transparent!important;border-color:var(--atok-gold)!important} /* FAQ */ body:has(.atok-portable-root) .atok-id-ec37c36{background:#f9fafb!important;padding-top:100px!important;padding-bottom:100px!important} body:has(.atok-portable-root) .atok-id-74ac0f3{max-width:980px!important;margin:0 auto!important} body:has(.atok-portable-root) .atok-id-f771ccc{text-align:center!important} body:has(.atok-portable-root) .atok-id-e51058c{text-align:center!important;margin:8px 0 38px!important} body:has(.atok-portable-root) .atok-id-daa5494 .elementor-accordion-item{border:1px solid #eadfce!important;border-radius:3px!important;background:#fff!important;margin-bottom:12px!important;overflow:hidden!important} body:has(.atok-portable-root) .atok-id-daa5494 .elementor-tab-title{font-family:"Quicksand",Arial,sans-serif!important;font-size:16px!important;line-height:1.45!important;font-weight:700!important;color:var(--atok-burgundy)!important;background:#fff!important;border:0!important;padding:18px 22px!important} body:has(.atok-portable-root) .atok-id-daa5494 .elementor-tab-title.elementor-active{color:var(--atok-gold)!important;background:var(--atok-burgundy)!important} body:has(.atok-portable-root) .atok-id-daa5494 .elementor-tab-content{font-family:"Quicksand",Arial,sans-serif!important;font-size:15px!important;line-height:1.75!important;font-weight:500!important;color:var(--atok-text)!important;background:#fff!important;border:0!important;padding:20px 22px!important} body:has(.atok-portable-root) .atok-id-daa5494 .elementor-accordion-icon{color:inherit!important} /* Footer / floating WhatsApp */ body:has(.atok-portable-root) .atok-footer{background:#fff!important;border-top:1px solid #eee!important;padding:28px 20px!important;text-align:center!important} body:has(.atok-portable-root) .atok-footer-text,body:has(.atok-portable-root) .atok-footer-text p{font-family:"Quicksand",Arial,sans-serif!important;font-size:13px!important;color:#777!important;margin:0!important} body:has(.atok-portable-root) .atok-floating-wa{position:fixed!important;right:22px!important;bottom:22px!important;z-index:9998!important} body:has(.atok-portable-root) .atok-floating-wa .elementor-button{width:56px!important;height:56px!important;padding:0!important;display:flex!important;align-items:center!important;justify-content:center!important;border-radius:50%!important;background:#25d366!important;color:#fff!important;box-shadow:0 8px 24px rgba(0,0,0,.20)!important} @media(max-width:1024px){ body:has(.atok-portable-root){--atok-container:920px} body:has(.atok-portable-root) .atok-id-88c46f2 .elementor-heading-title{font-size:48px!important} body:has(.atok-portable-root) .atok-id-352098f, body:has(.atok-portable-root) .atok-id-7081a4f, body:has(.atok-portable-root) .atok-id-f870ed9, body:has(.atok-portable-root) .atok-id-78118f1, body:has(.atok-portable-root) .atok-id-4ed3030, body:has(.atok-portable-root) .atok-id-3963b3f, body:has(.atok-portable-root) .atok-id-ec37c36{padding-left:28px!important;padding-right:28px!important} body:has(.atok-portable-root) .atok-id-8c12920{gap:24px!important} body:has(.atok-portable-root) .atok-id-7fb05f2{width:40%!important} body:has(.atok-portable-root) .atok-id-ef73c76,body:has(.atok-portable-root) .atok-id-c586380{width:30%!important} body:has(.atok-portable-root) .atok-id-7e3fdbd .elementor-heading-title, body:has(.atok-portable-root) .atok-id-92bb38f .elementor-heading-title, body:has(.atok-portable-root) .atok-id-840081c .elementor-heading-title, body:has(.atok-portable-root) .atok-id-16fa44b .elementor-heading-title, body:has(.atok-portable-root) .atok-id-e51058c .elementor-heading-title{font-size:34px!important} body:has(.atok-portable-root) .atok-id-7081a4f{gap:38px!important} body:has(.atok-portable-root) .atok-id-3c00ed0{grid-template-columns:repeat(2,minmax(0,1fr))!important} } @media(max-width:767px){ body:has(.atok-portable-root) .atok-id-b460453{min-height:590px!important;padding:72px 20px!important} body:has(.atok-portable-root) .atok-id-88c46f2 .elementor-heading-title{font-size:38px!important;letter-spacing:-.5px!important} body:has(.atok-portable-root) .atok-id-56b9cc9,body:has(.atok-portable-root) .atok-id-56b9cc9 p{font-size:17px!important} body:has(.atok-portable-root) .atok-id-352098f,body:has(.atok-portable-root) .atok-id-7081a4f,body:has(.atok-portable-root) .atok-id-f870ed9,body:has(.atok-portable-root) .atok-id-78118f1,body:has(.atok-portable-root) .atok-id-4ed3030,body:has(.atok-portable-root) .atok-id-3963b3f,body:has(.atok-portable-root) .atok-id-ec37c36{padding-left:20px!important;padding-right:20px!important} body:has(.atok-portable-root) .atok-id-352098f,body:has(.atok-portable-root) .atok-id-f870ed9,body:has(.atok-portable-root) .atok-id-ec37c36{padding-top:70px!important;padding-bottom:70px!important} body:has(.atok-portable-root) .atok-id-8c12920{flex-direction:column!important;gap:38px!important} body:has(.atok-portable-root) .atok-id-7fb05f2,body:has(.atok-portable-root) .atok-id-ef73c76,body:has(.atok-portable-root) .atok-id-c586380{width:100%!important} body:has(.atok-portable-root) .atok-id-7e3fdbd .elementor-heading-title,body:has(.atok-portable-root) .atok-id-92bb38f .elementor-heading-title,body:has(.atok-portable-root) .atok-id-840081c .elementor-heading-title,body:has(.atok-portable-root) .atok-id-16fa44b .elementor-heading-title,body:has(.atok-portable-root) .atok-id-e51058c .elementor-heading-title{font-size:30px!important} body:has(.atok-portable-root) .atok-feature .elementor-icon-box-wrapper{text-align:center!important} body:has(.atok-portable-root) .atok-id-7081a4f{flex-direction:column!important;padding-top:70px!important;padding-bottom:70px!important;gap:38px!important} body:has(.atok-portable-root) .atok-id-0b35941,body:has(.atok-portable-root) .atok-id-5d4af8c{width:100%!important} body:has(.atok-portable-root) .atok-id-3c00ed0{grid-template-columns:1fr!important;gap:22px!important} body:has(.atok-portable-root) .atok-service-image img{height:auto!important;aspect-ratio:2/1!important} body:has(.atok-portable-root) .atok-id-2c6e824{margin-top:50px!important;padding:28px 16px!important} body:has(.atok-portable-root) .atok-id-7befc38{flex-direction:column!important} body:has(.atok-portable-root) .atok-id-7befc38>.elementor-widget{width:100%!important;border-right:0!important;border-bottom:1px solid rgba(235,214,139,.35)!important;padding:22px 12px!important} body:has(.atok-portable-root) .atok-id-7befc38>.elementor-widget:last-child{border-bottom:0!important} body:has(.atok-portable-root) .atok-id-47da2f4{flex-direction:column!important;gap:28px!important;text-align:center!important} body:has(.atok-portable-root) .atok-id-10e9ecd,body:has(.atok-portable-root) .atok-id-1171e97{width:100%!important} body:has(.atok-portable-root) .atok-id-1171e97{justify-content:center!important} body:has(.atok-portable-root) .atok-id-0087b1d .elementor-heading-title{font-size:32px!important} } /* V4 native bridge: only pieces that cannot inherit directly from the source because V3 intentionally replaced third-party/header markup with native Elementor. */ body:has(.atok-portable-root) *{box-sizing:border-box} body:has(.atok-portable-root){overflow-x:hidden} /* Header recreated inside Elementor. Original HTML header is Blocksy desktop 120px / mobile 70px. */ body:has(.atok-portable-root) .atok-header{position:sticky!important;top:0!important;z-index:9999!important;min-height:120px!important;width:100%!important;background:#fff!important;display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:space-between!important;gap:28px!important;padding:0 max(24px,calc((100vw - 1290px)/2))!important;box-shadow:0 1px 0 rgba(0,0,0,.06)!important} body:has(.atok-portable-root) .atok-header-left{display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:flex-start!important;gap:34px!important;flex:1 1 auto!important;min-width:0!important} body:has(.atok-portable-root) .atok-logo{width:250px!important;max-width:250px!important;flex:0 0 250px!important;margin:0!important} body:has(.atok-portable-root) .atok-logo img{width:100%!important;height:auto!important;display:block!important} body:has(.atok-portable-root) .atok-nav{display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:center!important;gap:0!important;flex:1 1 auto!important;min-width:0!important} body:has(.atok-portable-root) .atok-nav-link{width:auto!important;margin:0!important} body:has(.atok-portable-root) .atok-nav-link .elementor-button{font-family:"Quicksand",Arial,sans-serif!important;font-size:15px!important;line-height:1!important;font-weight:700!important;letter-spacing:0!important;color:#000!important;background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important;padding:17px 15px!important;min-height:auto!important;transition:.2s ease!important} body:has(.atok-portable-root) .atok-nav-link .elementor-button:hover{color:#5c1917!important;background:transparent!important} body:has(.atok-portable-root) .atok-header-right{width:auto!important;flex:0 0 auto!important;display:flex!important;align-items:center!important;justify-content:flex-end!important} body:has(.atok-portable-root) .atok-header-cta{width:auto!important;margin:0!important} body:has(.atok-portable-root) .atok-header-cta .elementor-button{font-family:"Quicksand",Arial,sans-serif!important;font-size:15px!important;line-height:1!important;font-weight:700!important;color:#000!important;background:#ffd800!important;border:0!important;border-radius:3px!important;box-shadow:none!important;padding:15px 22px!important;white-space:nowrap!important;transition:.2s ease!important} body:has(.atok-portable-root) .atok-header-cta .elementor-button:hover{color:#000!important;background:#ffc900!important} body:has(.atok-portable-root) .atok-header-cta .elementor-button-icon{color:inherit!important;fill:currentColor!important} /* Native service-card bridge. Outer IDs are preserved from original Elementskit widgets. */ body:has(.atok-portable-root) .atok-id-3c00ed0{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:28px!important} body:has(.atok-portable-root) .atok-service-card{background:#fff!important;border:1px solid #eee8dc!important;border-radius:4px!important;overflow:hidden!important;box-shadow:0 8px 28px rgba(42,20,12,.08)!important;display:flex!important;flex-direction:column!important;min-width:0!important;text-align:center!important} body:has(.atok-portable-root) .atok-service-image{margin:0!important;padding:0!important} body:has(.atok-portable-root) .atok-service-image img{display:block!important;width:100%!important;height:auto!important;aspect-ratio:2/1!important;object-fit:cover!important} body:has(.atok-portable-root) .atok-service-card-body{display:flex!important;flex-direction:column!important;flex:1!important;padding:26px 24px 28px!important} body:has(.atok-portable-root) .atok-service-title .elementor-heading-title{font-family:"Quicksand",Arial,sans-serif!important;font-size:22px!important;line-height:1.3!important;font-weight:800!important;color:#5c1917!important;margin:0!important} body:has(.atok-portable-root) .atok-service-title{margin-bottom:12px!important} body:has(.atok-portable-root) .atok-service-desc{flex:1!important;font-family:"Quicksand",Arial,sans-serif!important;font-size:14px!important;line-height:1.75!important;font-weight:500!important;color:#5a5a5a!important;margin-bottom:20px!important} body:has(.atok-portable-root) .atok-service-desc p{margin:0!important} body:has(.atok-portable-root) .atok-service-button{margin-top:auto!important} body:has(.atok-portable-root) .atok-service-button .elementor-button{font-family:"Quicksand",Arial,sans-serif!important;font-size:14px!important;line-height:1!important;font-weight:700!important;color:#ebd68b!important;background:#5c1917!important;border:1px solid #5c1917!important;border-radius:4px!important;padding:13px 21px!important;box-shadow:none!important} body:has(.atok-portable-root) .atok-service-button .elementor-button:hover{color:#5c1917!important;background:#ebd68b!important;border-color:#ebd68b!important} /* Stats must stay in the original single row on desktop. */ body:has(.atok-portable-root) .atok-id-7befc38{display:flex!important;flex-direction:row!important;flex-wrap:nowrap!important} body:has(.atok-portable-root) .atok-id-7befc38>.elementor-widget{width:33.333%!important} /* Floating WhatsApp / footer are package helpers, not source-page Elementor widgets. */ body:has(.atok-portable-root) .atok-floating-wa{position:fixed!important;right:22px!important;bottom:22px!important;z-index:9998!important} body:has(.atok-portable-root) .atok-floating-wa .elementor-button{width:56px!important;height:56px!important;padding:0!important;display:flex!important;align-items:center!important;justify-content:center!important;border-radius:50%!important;background:#25d366!important;color:#fff!important;box-shadow:0 8px 24px rgba(0,0,0,.20)!important} @media(max-width:1024px){ body:has(.atok-portable-root) .atok-header{min-height:90px!important;padding-left:20px!important;padding-right:20px!important;gap:14px!important} body:has(.atok-portable-root) .atok-logo{width:210px!important;max-width:210px!important;flex-basis:210px!important} body:has(.atok-portable-root) .atok-header-left{gap:16px!important} body:has(.atok-portable-root) .atok-nav-link .elementor-button{font-size:13px!important;padding:14px 8px!important} body:has(.atok-portable-root) .atok-header-cta .elementor-button{font-size:13px!important;padding:13px 15px!important} body:has(.atok-portable-root) .atok-id-3c00ed0{grid-template-columns:repeat(2,minmax(0,1fr))!important} } @media(max-width:767px){ body:has(.atok-portable-root) .atok-header{min-height:70px!important;padding:8px 14px!important;flex-direction:row!important} body:has(.atok-portable-root) .atok-header-left{flex-direction:row!important;width:auto!important;flex:1 1 auto!important} body:has(.atok-portable-root) .atok-logo{width:185px!important;max-width:185px!important;flex-basis:185px!important} body:has(.atok-portable-root) .atok-nav{display:none!important} body:has(.atok-portable-root) .atok-header-right{display:flex!important} body:has(.atok-portable-root) .atok-header-cta .elementor-button{font-size:12px!important;padding:11px 12px!important} body:has(.atok-portable-root) .atok-id-3c00ed0{grid-template-columns:1fr!important} body:has(.atok-portable-root) .atok-id-7befc38{flex-direction:column!important} body:has(.atok-portable-root) .atok-id-7befc38>.elementor-widget{width:100%!important} } /* * Atok Suardi V5 DESIGN FORCE * Loaded only on the imported page and after all Elementor/source styles. * Purpose: guarantee the supplied HTML's visual language remains visible even * when theme/kit/global CSS on the destination WordPress site tries to override it. * Structure/content is not touched by this file. */ body:has(.atok-portable-root), body:has(.atok-portable-root){ --atok-burgundy:#5c1917; --atok-gold:#ebd68b; --atok-yellow:#ffd800; --atok-yellow-hover:#ffc900; --atok-text:#5a5a5a; --atok-light:#f9fafb; --atok-white:#ffffff; --atok-black:#000000; --atok-max:1290px; font-family:"Quicksand",Arial,sans-serif!important; color:var(--atok-text)!important; background:#fff!important; margin:0!important; overflow-x:hidden!important; } body:has(.atok-portable-root) .elementor, body:has(.atok-portable-root) .elementor *{box-sizing:border-box} body:has(.atok-portable-root) .elementor a{text-decoration:none} body:has(.atok-portable-root) .elementor h1, body:has(.atok-portable-root) .elementor h2, body:has(.atok-portable-root) .elementor h3, body:has(.atok-portable-root) .elementor h4, body:has(.atok-portable-root) .elementor h5, body:has(.atok-portable-root) .elementor h6, body:has(.atok-portable-root) .elementor p{font-family:"Quicksand",Arial,sans-serif} body:has(.atok-portable-root) .elementor-button{box-shadow:none!important;text-transform:none!important;text-decoration:none!important} body:has(.atok-portable-root) .elementor-button-content-wrapper{display:flex!important;align-items:center!important;justify-content:center!important;gap:8px!important} /* ===================== HEADER / MENU ===================== */ body:has(.atok-portable-root) .atok-header{ position:sticky!important;top:0!important;z-index:99999!important; min-height:120px!important;width:100%!important;background:#fff!important; display:flex!important;flex-direction:row!important;align-items:center!important; justify-content:space-between!important;gap:24px!important; padding:0 max(24px,calc((100vw - var(--atok-max))/2))!important; border:0!important;box-shadow:0 1px 0 rgba(0,0,0,.055)!important; } body:has(.atok-portable-root) .atok-header-left{display:flex!important;flex-direction:row!important;align-items:center!important;gap:32px!important;flex:1 1 auto!important;min-width:0!important} body:has(.atok-portable-root) .atok-logo{width:250px!important;max-width:250px!important;flex:0 0 250px!important;margin:0!important;padding:0!important} body:has(.atok-portable-root) .atok-logo img{display:block!important;width:100%!important;height:auto!important;max-height:none!important;object-fit:contain!important} body:has(.atok-portable-root) .atok-nav{display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:center!important;gap:0!important;flex:1 1 auto!important;min-width:0!important} body:has(.atok-portable-root) .atok-nav-link{width:auto!important;max-width:none!important;margin:0!important;padding:0!important} body:has(.atok-portable-root) .atok-nav-link .elementor-button{ min-width:0!important;min-height:0!important;background:transparent!important; border:0!important;border-radius:0!important;padding:18px 15px!important; color:#000!important;font-size:15px!important;line-height:1.2!important; font-weight:700!important;letter-spacing:0!important; } body:has(.atok-portable-root) .atok-nav-link .elementor-button:hover, body:has(.atok-portable-root) .atok-nav-link .elementor-button:focus{background:transparent!important;color:var(--atok-yellow)!important} body:has(.atok-portable-root) .atok-header-right{width:auto!important;flex:0 0 auto!important;display:flex!important;align-items:center!important;justify-content:flex-end!important} body:has(.atok-portable-root) .atok-header-cta{width:auto!important;margin:0!important} body:has(.atok-portable-root) .atok-header-cta .elementor-button{ color:#000!important;background:var(--atok-yellow)!important;border:0!important; border-radius:3px!important;font-size:15px!important;line-height:1!important; font-weight:700!important;padding:15px 23px!important;white-space:nowrap!important; } body:has(.atok-portable-root) .atok-header-cta .elementor-button:hover{background:var(--atok-yellow-hover)!important;color:#000!important} /* ===================== HERO ===================== */ body:has(.atok-portable-root) .atok-id-7fccd0d{width:100%!important;margin:0!important;padding:0!important;background:#190807!important} body:has(.atok-portable-root) .atok-id-b460453{min-height:670px!important;width:100%!important;position:relative!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;text-align:center!important;padding:80px 24px!important;overflow:hidden!important} body:has(.atok-portable-root) .atok-id-b460453:before{content:""!important;position:absolute!important;inset:0!important;background:rgba(20,3,3,.34)!important;z-index:1!important;pointer-events:none!important} body:has(.atok-portable-root) .atok-id-b460453>.elementor-element{position:relative!important;z-index:2!important} body:has(.atok-portable-root) .atok-id-88c46f2 .elementor-heading-title{margin:0!important;color:#fff!important;font-size:56px!important;line-height:1.15!important;font-weight:800!important;letter-spacing:-1px!important;text-align:center!important} body:has(.atok-portable-root) .atok-id-56b9cc9{max-width:760px!important;margin:18px auto 0!important} body:has(.atok-portable-root) .atok-id-56b9cc9, body:has(.atok-portable-root) .atok-id-56b9cc9 p{color:#fff!important;font-size:20px!important;line-height:1.65!important;font-weight:500!important;text-align:center!important;margin-bottom:0!important} body:has(.atok-portable-root) .atok-id-fbe19b6{margin-top:28px!important} body:has(.atok-portable-root) .atok-id-fbe19b6 .elementor-button{background:var(--atok-gold)!important;color:var(--atok-burgundy)!important;border:1px solid var(--atok-gold)!important;border-radius:4px!important;padding:16px 27px!important;font-size:16px!important;font-weight:700!important} body:has(.atok-portable-root) .atok-id-fbe19b6 .elementor-button:hover{background:var(--atok-burgundy)!important;border-color:var(--atok-burgundy)!important;color:#fff!important} body:has(.atok-portable-root) .atok-id-a84185d{margin-top:42px!important} body:has(.atok-portable-root) .atok-id-a84185d .elementor-icon{color:var(--atok-gold)!important;fill:var(--atok-gold)!important;font-size:28px!important} /* Shared source section frame */ body:has(.atok-portable-root) .atok-id-352098f, body:has(.atok-portable-root) .atok-id-7081a4f, body:has(.atok-portable-root) .atok-id-f870ed9, body:has(.atok-portable-root) .atok-id-78118f1, body:has(.atok-portable-root) .atok-id-4ed3030, body:has(.atok-portable-root) .atok-id-3963b3f, body:has(.atok-portable-root) .atok-id-ec37c36{width:100%!important;position:relative!important;padding-left:max(24px,calc((100vw - var(--atok-max))/2))!important;padding-right:max(24px,calc((100vw - var(--atok-max))/2))!important} /* ===================== ABOUT ===================== */ body:has(.atok-portable-root) .atok-id-352098f{background:#fff!important;padding-top:100px!important;padding-bottom:100px!important} body:has(.atok-portable-root) .atok-id-8c12920{width:100%!important;max-width:var(--atok-max)!important;margin:0 auto!important;display:flex!important;flex-direction:row!important;align-items:stretch!important;gap:36px!important} body:has(.atok-portable-root) .atok-id-7fb05f2{width:41%!important;display:flex!important;flex-direction:column!important;justify-content:center!important} body:has(.atok-portable-root) .atok-id-ef73c76, body:has(.atok-portable-root) .atok-id-c586380{width:29.5%!important;display:flex!important;flex-direction:column!important;justify-content:center!important;gap:30px!important} body:has(.atok-portable-root) .atok-id-68c74e4, body:has(.atok-portable-root) .atok-id-47c63ad, body:has(.atok-portable-root) .atok-id-f771ccc{color:var(--atok-burgundy)!important;font-size:16px!important;line-height:1.4!important;font-weight:700!important;letter-spacing:.2px!important} body:has(.atok-portable-root) .atok-id-7e3fdbd .elementor-heading-title, body:has(.atok-portable-root) .atok-id-92bb38f .elementor-heading-title, body:has(.atok-portable-root) .atok-id-840081c .elementor-heading-title, body:has(.atok-portable-root) .atok-id-16fa44b .elementor-heading-title, body:has(.atok-portable-root) .atok-id-e51058c .elementor-heading-title{color:var(--atok-burgundy)!important;font-size:40px!important;line-height:1.22!important;font-weight:800!important;letter-spacing:-.6px!important;margin:0!important} body:has(.atok-portable-root) .atok-id-7e3fdbd{margin:10px 0 20px!important} body:has(.atok-portable-root) .atok-id-eff4a24, body:has(.atok-portable-root) .atok-id-19d7b08, body:has(.atok-portable-root) .atok-id-b9a8b50, body:has(.atok-portable-root) .atok-id-8fc56ee, body:has(.atok-portable-root) .atok-id-80885df{color:var(--atok-text)!important;font-size:16px!important;line-height:1.8!important;font-weight:500!important} body:has(.atok-portable-root) .atok-id-a3c51e1{margin-top:26px!important} body:has(.atok-portable-root) .atok-id-a3c51e1 .elementor-button, body:has(.atok-portable-root) .atok-id-c6b882c .elementor-button{background:var(--atok-burgundy)!important;color:var(--atok-gold)!important;border:1px solid var(--atok-burgundy)!important;border-radius:4px!important;padding:14px 24px!important;font-size:15px!important;font-weight:700!important} body:has(.atok-portable-root) .atok-id-a3c51e1 .elementor-button:hover, body:has(.atok-portable-root) .atok-id-c6b882c .elementor-button:hover{background:var(--atok-gold)!important;color:var(--atok-burgundy)!important;border-color:var(--atok-gold)!important} /* Explicit coverage for all four original icon-box IDs. */ body:has(.atok-portable-root) :is(.atok-id-722c14e,.atok-id-c21cc22,.atok-id-877babe,.atok-id-cba3bb0) .elementor-icon-box-wrapper{text-align:left!important} body:has(.atok-portable-root) :is(.atok-id-722c14e,.atok-id-c21cc22,.atok-id-877babe,.atok-id-cba3bb0) .elementor-icon-box-icon{margin-bottom:16px!important} body:has(.atok-portable-root) :is(.atok-id-722c14e,.atok-id-c21cc22,.atok-id-877babe,.atok-id-cba3bb0) .elementor-icon{display:inline-flex!important;align-items:center!important;justify-content:center!important;width:82px!important;height:82px!important;color:var(--atok-burgundy)!important;fill:var(--atok-burgundy)!important} body:has(.atok-portable-root) :is(.atok-id-722c14e,.atok-id-c21cc22,.atok-id-877babe,.atok-id-cba3bb0) .elementor-icon svg{width:82px!important;height:82px!important} body:has(.atok-portable-root) :is(.atok-id-722c14e,.atok-id-c21cc22,.atok-id-877babe,.atok-id-cba3bb0) .elementor-icon-box-title{margin:0 0 8px!important;color:var(--atok-burgundy)!important;font-size:18px!important;line-height:1.35!important;font-weight:800!important} body:has(.atok-portable-root) :is(.atok-id-722c14e,.atok-id-c21cc22,.atok-id-877babe,.atok-id-cba3bb0) .elementor-icon-box-description{margin:0!important;color:var(--atok-text)!important;font-size:14px!important;line-height:1.7!important;font-weight:500!important} /* ===================== PROBLEM ===================== */ body:has(.atok-portable-root) .atok-id-7081a4f{background:var(--atok-light)!important;padding-top:95px!important;padding-bottom:95px!important;display:flex!important;flex-direction:row!important;align-items:center!important;gap:62px!important} body:has(.atok-portable-root) .atok-id-0b35941{width:44%!important;display:flex!important;align-items:center!important;justify-content:center!important} body:has(.atok-portable-root) .atok-id-5d4af8c{width:56%!important;display:flex!important;flex-direction:column!important;justify-content:center!important} body:has(.atok-portable-root) .atok-id-36d2e89 img{width:100%!important;max-width:560px!important;height:auto!important;display:block!important;margin:0 auto!important} body:has(.atok-portable-root) .atok-id-92bb38f{margin-bottom:25px!important} body:has(.atok-portable-root) .atok-id-df66dcf .elementor-icon-list-items{display:flex!important;flex-direction:column!important;gap:13px!important;margin:0!important;padding:0!important} body:has(.atok-portable-root) .atok-id-df66dcf .elementor-icon-list-item{color:#353535!important;font-size:16px!important;line-height:1.55!important;font-weight:600!important} body:has(.atok-portable-root) .atok-id-df66dcf .elementor-icon-list-icon{color:var(--atok-burgundy)!important;fill:var(--atok-burgundy)!important;margin-right:10px!important} body:has(.atok-portable-root) .atok-id-19d7b08{margin-top:24px!important} body:has(.atok-portable-root) .atok-id-c6b882c{margin-top:24px!important} /* ===================== SERVICES ===================== */ body:has(.atok-portable-root) .atok-id-f870ed9{background:#fff!important;padding-top:100px!important;padding-bottom:100px!important;text-align:center!important} body:has(.atok-portable-root) .atok-id-47c63ad{text-align:center!important} body:has(.atok-portable-root) .atok-id-840081c{margin:8px 0 16px!important;text-align:center!important} body:has(.atok-portable-root) .atok-id-b9a8b50{max-width:780px!important;margin:0 auto 45px!important;text-align:center!important} body:has(.atok-portable-root) .atok-id-3c00ed0{width:100%!important;max-width:var(--atok-max)!important;margin:0 auto!important;display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:28px!important;align-items:stretch!important} /* Explicit original service IDs, while keeping V3 native inner content untouched. */ body:has(.atok-portable-root) :is(.atok-id-b461614,.atok-id-8e7646a,.atok-id-2502d02,.atok-id-5290e51,.atok-id-6de8cf3,.atok-id-04068b1){min-width:0!important;background:#fff!important;border:1px solid #eee8dc!important;border-radius:4px!important;overflow:hidden!important;box-shadow:0 8px 28px rgba(42,20,12,.08)!important;display:flex!important;flex-direction:column!important;text-align:center!important} body:has(.atok-portable-root) .atok-service-image{margin:0!important;padding:0!important} body:has(.atok-portable-root) .atok-service-image img{display:block!important;width:100%!important;height:220px!important;object-fit:cover!important;border:0!important;border-radius:0!important} body:has(.atok-portable-root) .atok-service-card-body{display:flex!important;flex-direction:column!important;flex:1!important;padding:26px 24px 28px!important;background:#fff!important} body:has(.atok-portable-root) .atok-service-title{margin:0 0 12px!important} body:has(.atok-portable-root) .atok-service-title .elementor-heading-title{color:var(--atok-burgundy)!important;font-size:22px!important;line-height:1.3!important;font-weight:800!important;margin:0!important} body:has(.atok-portable-root) .atok-service-desc{flex:1!important;color:var(--atok-text)!important;font-size:14px!important;line-height:1.75!important;font-weight:500!important;margin:0 0 20px!important} body:has(.atok-portable-root) .atok-service-desc p{margin:0!important} body:has(.atok-portable-root) .atok-service-button{margin-top:auto!important} body:has(.atok-portable-root) .atok-service-button .elementor-button{background:var(--atok-burgundy)!important;color:var(--atok-gold)!important;border:1px solid var(--atok-burgundy)!important;border-radius:4px!important;padding:13px 21px!important;font-size:14px!important;font-weight:700!important} body:has(.atok-portable-root) .atok-service-button .elementor-button:hover{background:var(--atok-gold)!important;color:var(--atok-burgundy)!important;border-color:var(--atok-gold)!important} /* ===================== STATS ===================== */ body:has(.atok-portable-root) .atok-id-2c6e824{width:100%!important;max-width:var(--atok-max)!important;margin:75px auto 0!important;background:var(--atok-burgundy)!important;border-radius:4px!important;padding:34px 24px!important} body:has(.atok-portable-root) .atok-id-7befc38{display:flex!important;flex-direction:row!important;flex-wrap:nowrap!important;align-items:stretch!important;justify-content:space-between!important;gap:0!important} body:has(.atok-portable-root) :is(.atok-id-9bcec95,.atok-id-370851a,.atok-id-4d1995c){width:33.333%!important;padding:8px 28px!important;text-align:center!important;border-right:1px solid rgba(235,214,139,.35)!important} body:has(.atok-portable-root) .atok-id-4d1995c{border-right:0!important} body:has(.atok-portable-root) :is(.atok-id-9bcec95,.atok-id-370851a,.atok-id-4d1995c) .elementor-counter-title{color:#fff!important;font-size:14px!important;line-height:1.4!important;font-weight:600!important;margin-bottom:8px!important} body:has(.atok-portable-root) :is(.atok-id-9bcec95,.atok-id-370851a,.atok-id-4d1995c) .elementor-counter-number-wrapper{color:var(--atok-gold)!important;font-size:38px!important;line-height:1.1!important;font-weight:800!important} /* ===================== TESTIMONIAL ===================== */ body:has(.atok-portable-root) .atok-id-78118f1{background:#fff!important;padding-top:95px!important;padding-bottom:20px!important;text-align:center!important} body:has(.atok-portable-root) .atok-id-16fa44b{text-align:center!important;margin-bottom:12px!important} body:has(.atok-portable-root) .atok-id-8fc56ee{max-width:800px!important;margin:0 auto!important;text-align:center!important} body:has(.atok-portable-root) .atok-id-4ed3030{background:#fff!important;padding-top:35px!important;padding-bottom:100px!important} body:has(.atok-portable-root) .atok-id-f95d520{max-width:1100px!important;margin:0 auto!important} body:has(.atok-portable-root) .atok-id-f95d520 img{border-radius:4px!important;box-shadow:0 6px 22px rgba(0,0,0,.08)!important} body:has(.atok-portable-root) .atok-id-f95d520 .swiper-pagination-bullet{background:var(--atok-burgundy)!important} body:has(.atok-portable-root) .atok-id-f95d520 .elementor-swiper-button{color:var(--atok-burgundy)!important} /* ===================== CTA ===================== */ body:has(.atok-portable-root) .atok-id-3963b3f{background:var(--atok-burgundy)!important;padding-top:76px!important;padding-bottom:76px!important} body:has(.atok-portable-root) .atok-id-47da2f4{width:100%!important;max-width:var(--atok-max)!important;margin:0 auto!important;display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:space-between!important;gap:60px!important;background:transparent!important} body:has(.atok-portable-root) .atok-id-10e9ecd{width:72%!important} body:has(.atok-portable-root) .atok-id-1171e97{width:28%!important;display:flex!important;align-items:center!important;justify-content:flex-end!important} body:has(.atok-portable-root) .atok-id-0087b1d .elementor-heading-title{color:var(--atok-gold)!important;font-size:42px!important;line-height:1.2!important;font-weight:800!important;margin:0!important} body:has(.atok-portable-root) .atok-id-80885df, body:has(.atok-portable-root) .atok-id-80885df p{color:#fff!important;font-size:16px!important;line-height:1.75!important;font-weight:500!important} body:has(.atok-portable-root) .atok-id-80885df{margin-top:12px!important} body:has(.atok-portable-root) .atok-id-94e4d4b .elementor-button{background:var(--atok-gold)!important;color:var(--atok-burgundy)!important;border:1px solid var(--atok-gold)!important;border-radius:4px!important;padding:16px 28px!important;font-size:16px!important;font-weight:800!important;white-space:nowrap!important} body:has(.atok-portable-root) .atok-id-94e4d4b .elementor-button:hover{background:transparent!important;color:#fff!important;border-color:var(--atok-gold)!important} /* ===================== FAQ ===================== */ body:has(.atok-portable-root) .atok-id-ec37c36{background:var(--atok-light)!important;padding-top:100px!important;padding-bottom:100px!important} body:has(.atok-portable-root) .atok-id-74ac0f3{width:100%!important;max-width:980px!important;margin:0 auto!important} body:has(.atok-portable-root) .atok-id-f771ccc{text-align:center!important} body:has(.atok-portable-root) .atok-id-e51058c{text-align:center!important;margin:8px 0 38px!important} body:has(.atok-portable-root) .atok-id-daa5494 .elementor-accordion-item{background:#fff!important;border:1px solid #eadfce!important;border-radius:3px!important;margin-bottom:12px!important;overflow:hidden!important} body:has(.atok-portable-root) .atok-id-daa5494 .elementor-tab-title{background:#fff!important;color:var(--atok-burgundy)!important;border:0!important;padding:18px 22px!important;font-size:16px!important;line-height:1.45!important;font-weight:700!important} body:has(.atok-portable-root) .atok-id-daa5494 .elementor-tab-title.elementor-active{background:var(--atok-burgundy)!important;color:var(--atok-gold)!important} body:has(.atok-portable-root) .atok-id-daa5494 .elementor-tab-content{background:#fff!important;color:var(--atok-text)!important;border:0!important;padding:20px 22px!important;font-size:15px!important;line-height:1.75!important;font-weight:500!important} body:has(.atok-portable-root) .atok-id-daa5494 .elementor-accordion-icon{color:inherit!important;fill:currentColor!important} /* ===================== FOOTER / FLOATING WA ===================== */ body:has(.atok-portable-root) .atok-footer{background:#fff!important;border-top:1px solid #eee!important;padding:28px 20px!important;text-align:center!important} body:has(.atok-portable-root) .atok-footer-text, body:has(.atok-portable-root) .atok-footer-text p{color:#777!important;font-size:13px!important;line-height:1.6!important;margin:0!important} body:has(.atok-portable-root) .atok-floating-wa{position:fixed!important;right:22px!important;bottom:22px!important;z-index:99998!important} body:has(.atok-portable-root) .atok-floating-wa .elementor-button{width:56px!important;height:56px!important;min-width:56px!important;padding:0!important;display:flex!important;align-items:center!important;justify-content:center!important;border-radius:50%!important;background:#25d366!important;color:#fff!important;border:0!important;box-shadow:0 8px 24px rgba(0,0,0,.20)!important} /* ===================== TABLET ===================== */ @media(max-width:1024px){ body:has(.atok-portable-root){--atok-max:920px} body:has(.atok-portable-root) .atok-id-88c46f2 .elementor-heading-title{font-size:48px!important} body:has(.atok-portable-root) .atok-id-352098f, body:has(.atok-portable-root) .atok-id-7081a4f, body:has(.atok-portable-root) .atok-id-f870ed9, body:has(.atok-portable-root) .atok-id-78118f1, body:has(.atok-portable-root) .atok-id-4ed3030, body:has(.atok-portable-root) .atok-id-3963b3f, body:has(.atok-portable-root) .atok-id-ec37c36{padding-left:28px!important;padding-right:28px!important} body:has(.atok-portable-root) .atok-id-8c12920{gap:24px!important} body:has(.atok-portable-root) .atok-id-7fb05f2{width:40%!important} body:has(.atok-portable-root) .atok-id-ef73c76, body:has(.atok-portable-root) .atok-id-c586380{width:30%!important} body:has(.atok-portable-root) .atok-id-7e3fdbd .elementor-heading-title, body:has(.atok-portable-root) .atok-id-92bb38f .elementor-heading-title, body:has(.atok-portable-root) .atok-id-840081c .elementor-heading-title, body:has(.atok-portable-root) .atok-id-16fa44b .elementor-heading-title, body:has(.atok-portable-root) .atok-id-e51058c .elementor-heading-title{font-size:34px!important} body:has(.atok-portable-root) .atok-id-7081a4f{gap:38px!important} body:has(.atok-portable-root) .atok-id-3c00ed0{grid-template-columns:repeat(2,minmax(0,1fr))!important} } /* ===================== BLOCKSY-LIKE MOBILE HEADER/OFFCANVAS ===================== */ @media(max-width:999px){ body:has(.atok-portable-root) .atok-header{min-height:70px!important;height:70px!important;padding:8px 16px!important;gap:12px!important;position:sticky!important} body:has(.atok-portable-root) .atok-header-left{display:flex!important;flex-direction:row!important;align-items:center!important;width:auto!important;flex:1 1 auto!important;gap:0!important} body:has(.atok-portable-root) .atok-logo{width:185px!important;max-width:185px!important;flex:0 0 185px!important} body:has(.atok-portable-root) .atok-header-right{position:relative!important;width:42px!important;height:42px!important;flex:0 0 42px!important;display:block!important;cursor:pointer!important;border-radius:3px!important} body:has(.atok-portable-root) .atok-header-cta{display:none!important} body:has(.atok-portable-root) .atok-header-right:before, body:has(.atok-portable-root) .atok-header-right:after{content:""!important;position:absolute!important;left:11px!important;width:20px!important;height:2px!important;background:#000!important;border-radius:2px!important;transition:.2s ease!important} body:has(.atok-portable-root) .atok-header-right:before{top:14px!important;box-shadow:0 6px 0 #000!important} body:has(.atok-portable-root) .atok-header-right:after{top:26px!important} body:has(.atok-portable-root) .atok-header.atok-menu-open .atok-header-right:before{top:20px!important;transform:rotate(45deg)!important;box-shadow:none!important} body:has(.atok-portable-root) .atok-header.atok-menu-open .atok-header-right:after{top:20px!important;transform:rotate(-45deg)!important} body:has(.atok-portable-root) .atok-nav{display:none!important;position:absolute!important;left:0!important;right:0!important;top:70px!important;width:100%!important;background:#fff!important;border-top:1px solid #eee!important;box-shadow:0 12px 28px rgba(0,0,0,.10)!important;padding:14px 18px 20px!important;z-index:99999!important;flex-direction:column!important;align-items:stretch!important;justify-content:flex-start!important;gap:0!important} body:has(.atok-portable-root) .atok-header.atok-menu-open .atok-nav{display:flex!important} body:has(.atok-portable-root) .atok-nav-link{width:100%!important;border-bottom:1px solid #eee!important} body:has(.atok-portable-root) .atok-nav-link:last-child{border-bottom:0!important} body:has(.atok-portable-root) .atok-nav-link .elementor-button{width:100%!important;justify-content:flex-start!important;text-align:left!important;padding:14px 4px!important;font-size:15px!important;color:#000!important} body:has(.atok-portable-root) .atok-nav-link .elementor-button:hover{color:var(--atok-yellow)!important} } /* ===================== MOBILE CONTENT ===================== */ @media(max-width:767px){ body:has(.atok-portable-root) .atok-id-b460453{min-height:590px!important;padding:72px 20px!important} body:has(.atok-portable-root) .atok-id-88c46f2 .elementor-heading-title{font-size:38px!important;letter-spacing:-.5px!important} body:has(.atok-portable-root) .atok-id-56b9cc9, body:has(.atok-portable-root) .atok-id-56b9cc9 p{font-size:17px!important} body:has(.atok-portable-root) .atok-id-352098f, body:has(.atok-portable-root) .atok-id-7081a4f, body:has(.atok-portable-root) .atok-id-f870ed9, body:has(.atok-portable-root) .atok-id-78118f1, body:has(.atok-portable-root) .atok-id-4ed3030, body:has(.atok-portable-root) .atok-id-3963b3f, body:has(.atok-portable-root) .atok-id-ec37c36{padding-left:20px!important;padding-right:20px!important} body:has(.atok-portable-root) .atok-id-352098f, body:has(.atok-portable-root) .atok-id-f870ed9, body:has(.atok-portable-root) .atok-id-ec37c36{padding-top:70px!important;padding-bottom:70px!important} body:has(.atok-portable-root) .atok-id-8c12920{flex-direction:column!important;gap:38px!important} body:has(.atok-portable-root) .atok-id-7fb05f2, body:has(.atok-portable-root) .atok-id-ef73c76, body:has(.atok-portable-root) .atok-id-c586380{width:100%!important} body:has(.atok-portable-root) .atok-id-7e3fdbd .elementor-heading-title, body:has(.atok-portable-root) .atok-id-92bb38f .elementor-heading-title, body:has(.atok-portable-root) .atok-id-840081c .elementor-heading-title, body:has(.atok-portable-root) .atok-id-16fa44b .elementor-heading-title, body:has(.atok-portable-root) .atok-id-e51058c .elementor-heading-title{font-size:30px!important} body:has(.atok-portable-root) :is(.atok-id-722c14e,.atok-id-c21cc22,.atok-id-877babe,.atok-id-cba3bb0) .elementor-icon-box-wrapper{text-align:center!important} body:has(.atok-portable-root) .atok-id-7081a4f{flex-direction:column!important;padding-top:70px!important;padding-bottom:70px!important;gap:38px!important} body:has(.atok-portable-root) .atok-id-0b35941, body:has(.atok-portable-root) .atok-id-5d4af8c{width:100%!important} body:has(.atok-portable-root) .atok-id-3c00ed0{grid-template-columns:1fr!important;gap:22px!important} body:has(.atok-portable-root) .atok-service-image img{height:auto!important;aspect-ratio:2/1!important} body:has(.atok-portable-root) .atok-id-2c6e824{margin-top:50px!important;padding:28px 16px!important} body:has(.atok-portable-root) .atok-id-7befc38{flex-direction:column!important} body:has(.atok-portable-root) :is(.atok-id-9bcec95,.atok-id-370851a,.atok-id-4d1995c){width:100%!important;border-right:0!important;border-bottom:1px solid rgba(235,214,139,.35)!important;padding:22px 12px!important} body:has(.atok-portable-root) .atok-id-4d1995c{border-bottom:0!important} body:has(.atok-portable-root) .atok-id-47da2f4{flex-direction:column!important;gap:28px!important;text-align:center!important} body:has(.atok-portable-root) .atok-id-10e9ecd, body:has(.atok-portable-root) .atok-id-1171e97{width:100%!important} body:has(.atok-portable-root) .atok-id-1171e97{justify-content:center!important} body:has(.atok-portable-root) .atok-id-0087b1d .elementor-heading-title{font-size:32px!important;text-align:center!important} body:has(.atok-portable-root) .atok-id-80885df{text-align:center!important} } /* * Atok Suardi V6 — Exact Visual Override * Structure/content remains unchanged. This file only fixes the visual layer * and is deliberately scoped to the unique Atok Suardi Elementor classes/IDs. * Reference palette from supplied original HTML/screenshot: * burgundy #5c1917, gold #ebd68b, body #5a5a5a, black #000, white #fff. */ /* ---- reliable page/template canvas reset (works on page + elementor_library preview) ---- */ body:has(.atok-portable-root), body:has(.atok-header){ --atok-burgundy:#5c1917; --atok-gold:#ebd68b; --atok-text:#5a5a5a; --atok-black:#000000; --atok-white:#ffffff; --atok-soft:#f8f8f8; --atok-line:#e8e8e8; --atok-max:1290px; background:#fff!important; color:var(--atok-text)!important; font-family:"Quicksand",Arial,sans-serif!important; overflow-x:hidden!important; } body:has(.atok-portable-root) .entry-header, body:has(.atok-portable-root) .entry-title, body:has(.atok-portable-root) .page-header, body:has(.atok-portable-root) .ct-breadcrumbs, body:has(.atok-header) .entry-header, body:has(.atok-header) .entry-title, body:has(.atok-header) .page-header, body:has(.atok-header) .ct-breadcrumbs{display:none!important} body:has(.atok-portable-root) .site-main, body:has(.atok-portable-root) .ct-container-full, body:has(.atok-portable-root) .entry-content, body:has(.atok-header) .site-main, body:has(.atok-header) .ct-container-full, body:has(.atok-header) .entry-content{ width:100%!important;max-width:none!important;margin:0!important;padding:0!important; } .atok-header,.atok-source-element,.atok-footer,.atok-floating-wa, .atok-header *,.atok-source-element *,.atok-footer *,.atok-floating-wa *{ box-sizing:border-box!important; font-family:"Quicksand",Arial,sans-serif!important; } .atok-source-element p{color:var(--atok-text,#5a5a5a)!important} .atok-source-element .elementor-heading-title{color:var(--atok-black,#000)!important} .atok-source-element a{text-decoration:none!important} /* ---- HEADER ---- */ .atok-header{ position:sticky!important;top:0!important;z-index:99990!important; width:100%!important;min-height:120px!important; display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:space-between!important; gap:28px!important;background:#fff!important; padding:0 max(24px,calc((100vw - var(--atok-max,1290px))/2))!important; box-shadow:none!important;border:0!important; } .atok-header .atok-header-left{display:flex!important;flex-direction:row!important;align-items:center!important;gap:44px!important;flex:1 1 auto!important;min-width:0!important} .atok-header .atok-logo{width:220px!important;max-width:220px!important;flex:0 0 220px!important;margin:0!important;padding:0!important} .atok-header .atok-logo img{display:block!important;width:100%!important;height:auto!important;object-fit:contain!important} .atok-header .atok-nav{display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:center!important;gap:2px!important;flex:1 1 auto!important} .atok-header .atok-nav-link{width:auto!important;margin:0!important;padding:0!important} .atok-header .atok-nav-link .elementor-button{ background:transparent!important;color:#000!important;border:0!important;border-radius:0!important;box-shadow:none!important; padding:16px 14px!important;min-width:0!important;min-height:0!important; font-size:14px!important;line-height:1.2!important;font-weight:500!important;letter-spacing:0!important; } .atok-header .atok-nav-link .elementor-button:hover, .atok-header .atok-nav-link .elementor-button:focus{background:transparent!important;color:#5c1917!important} .atok-header .atok-header-right{display:flex!important;align-items:center!important;justify-content:flex-end!important;flex:0 0 auto!important} .atok-header .atok-header-cta .elementor-button{ background:#ebd68b!important;color:#000!important;border:0!important;border-radius:9px!important;box-shadow:none!important; padding:14px 24px!important;font-size:14px!important;line-height:1!important;font-weight:600!important;white-space:nowrap!important; } .atok-header .atok-header-cta .elementor-button:hover{background:#5c1917!important;color:#ebd68b!important} /* ---- HERO ---- */ .atok-hero{ width:100%!important;background:#fff!important; padding:0 max(24px,calc((100vw - var(--atok-max,1290px))/2)) 72px!important; } .atok-hero .atok-hero-inner, .atok-hero .atok-id-b460453{ width:100%!important;min-height:670px!important;position:relative!important;overflow:hidden!important; display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;text-align:center!important; padding:80px 36px!important;border-radius:14px!important;background-color:#5c1917!important; } .atok-hero .atok-hero-inner:before, .atok-hero .atok-id-b460453:before{ content:""!important;position:absolute!important;inset:0!important;background:rgba(54,15,14,.28)!important;z-index:1!important;pointer-events:none!important; } .atok-hero .atok-hero-inner>.elementor-element{position:relative!important;z-index:2!important} .atok-hero .atok-id-88c46f2 .elementor-heading-title{ color:#fff!important;font-size:58px!important;line-height:1.08!important;font-weight:800!important;letter-spacing:-1.4px!important;margin:0!important; } .atok-hero .atok-id-56b9cc9{max-width:760px!important;margin:24px auto 0!important} .atok-hero .atok-id-56b9cc9, .atok-hero .atok-id-56b9cc9 p{color:#fff!important;font-size:20px!important;line-height:1.65!important;font-weight:600!important;text-align:center!important;margin:0!important} .atok-hero .atok-id-fbe19b6{margin-top:30px!important} .atok-hero .atok-id-fbe19b6 .elementor-button{ background:#5c1917!important;color:#ebd68b!important;border:1px solid #5c1917!important;border-radius:7px!important; padding:15px 27px!important;font-size:14px!important;line-height:1!important;font-weight:600!important;box-shadow:none!important; } .atok-hero .atok-id-fbe19b6 .elementor-button:hover{background:#ebd68b!important;color:#5c1917!important;border-color:#ebd68b!important} .atok-hero .atok-id-a84185d{margin-top:30px!important} .atok-hero .atok-id-a84185d .elementor-icon{color:#fff!important;fill:#fff!important;font-size:24px!important} /* ---- shared content width / section typography ---- */ .atok-section{position:relative!important;width:100%!important;background:#fff!important;color:#5a5a5a!important} .atok-section>.e-con-inner, .atok-section>.elementor-container{max-width:var(--atok-max,1290px)!important;margin-left:auto!important;margin-right:auto!important} .atok-kicker, .atok-kicker p, .atok-id-68c74e4, .atok-id-68c74e4 p, .atok-id-47c63ad, .atok-id-47c63ad p, .atok-id-f771ccc, .atok-id-f771ccc p{ color:#000!important;font-size:11px!important;line-height:1.4!important;font-weight:500!important;text-transform:uppercase!important;letter-spacing:.2px!important; } .atok-section-title .elementor-heading-title, .atok-id-7e3fdbd .elementor-heading-title, .atok-id-92bb38f .elementor-heading-title, .atok-id-840081c .elementor-heading-title, .atok-id-16fa44b .elementor-heading-title, .atok-id-e51058c .elementor-heading-title{ color:#000!important;font-size:36px!important;line-height:1.2!important;font-weight:700!important;letter-spacing:-.4px!important;margin:0!important; } .atok-section-intro, .atok-section-intro p, .atok-id-eff4a24, .atok-id-eff4a24 p, .atok-id-19d7b08, .atok-id-19d7b08 p, .atok-id-b9a8b50, .atok-id-b9a8b50 p, .atok-id-8fc56ee, .atok-id-8fc56ee p, .atok-id-80885df, .atok-id-80885df p{ color:#5a5a5a!important;font-size:14px!important;line-height:1.7!important;font-weight:400!important; } /* ---- ABOUT ---- */ .atok-about{padding:82px max(24px,calc((100vw - var(--atok-max,1290px))/2)) 112px!important;overflow:hidden!important} .atok-about:before{ content:""!important;position:absolute!important;z-index:0!important;right:-10%!important;top:16%!important;width:58%!important;height:72%!important; background:#f7f7f7!important;border-radius:58% 0 0 58%!important;transform:rotate(-5deg)!important; } .atok-about .atok-about-grid{position:relative!important;z-index:1!important;display:flex!important;flex-direction:row!important;align-items:center!important;gap:34px!important;width:100%!important;max-width:var(--atok-max,1290px)!important;margin:0 auto!important} .atok-about .atok-id-7fb05f2{width:43%!important;padding-right:34px!important} .atok-about .atok-id-ef73c76, .atok-about .atok-id-c586380{width:28.5%!important;display:flex!important;flex-direction:column!important;gap:24px!important} .atok-about .atok-id-c586380{transform:translateY(58px)!important} .atok-about .atok-id-7e3fdbd{margin:8px 0 18px!important} .atok-about .atok-id-a3c51e1{margin-top:24px!important} .atok-about .atok-id-a3c51e1 .elementor-button{ background:#5c1917!important;color:#ebd68b!important;border:1px solid #5c1917!important;border-radius:6px!important; padding:13px 22px!important;font-size:13px!important;line-height:1!important;font-weight:600!important; } .atok-about .atok-id-a3c51e1 .elementor-button:hover{background:#ebd68b!important;color:#5c1917!important;border-color:#ebd68b!important} .atok-about :is(.atok-id-722c14e,.atok-id-c21cc22,.atok-id-877babe,.atok-id-cba3bb0){ background:#fff!important;border:0!important;border-radius:14px!important;padding:30px 24px!important;box-shadow:0 12px 32px rgba(0,0,0,.065)!important;min-height:210px!important; } .atok-about :is(.atok-id-722c14e,.atok-id-c21cc22,.atok-id-877babe,.atok-id-cba3bb0) .elementor-icon-box-wrapper{text-align:left!important} .atok-about :is(.atok-id-722c14e,.atok-id-c21cc22,.atok-id-877babe,.atok-id-cba3bb0) .elementor-icon{ display:inline-flex!important;align-items:center!important;justify-content:center!important;width:50px!important;height:50px!important; border-radius:50%!important;background:#5c1917!important;color:#ebd68b!important;fill:#ebd68b!important;padding:10px!important;margin-bottom:16px!important; } .atok-about :is(.atok-id-722c14e,.atok-id-c21cc22,.atok-id-877babe,.atok-id-cba3bb0) .elementor-icon svg{width:30px!important;height:30px!important} .atok-about :is(.atok-id-722c14e,.atok-id-c21cc22,.atok-id-877babe,.atok-id-cba3bb0) .elementor-icon-box-title, .atok-about :is(.atok-id-722c14e,.atok-id-c21cc22,.atok-id-877babe,.atok-id-cba3bb0) .elementor-icon-box-title span{ color:#000!important;font-size:16px!important;line-height:1.35!important;font-weight:700!important; } .atok-about :is(.atok-id-722c14e,.atok-id-c21cc22,.atok-id-877babe,.atok-id-cba3bb0) .elementor-icon-box-description{ color:#5a5a5a!important;font-size:12px!important;line-height:1.65!important;font-weight:400!important; } /* ---- PROBLEM ---- */ .atok-problem{padding:100px max(24px,calc((100vw - var(--atok-max,1290px))/2)) 92px!important;display:flex!important;flex-direction:row!important;align-items:center!important;gap:58px!important} .atok-problem>.atok-id-0b35941{width:43%!important} .atok-problem>.atok-id-5d4af8c{width:57%!important} .atok-problem .atok-id-36d2e89 img{width:100%!important;height:auto!important;display:block!important;object-fit:contain!important} .atok-problem .atok-id-92bb38f{margin-bottom:18px!important} .atok-problem .elementor-icon-list-item{color:#000!important;font-size:13px!important;line-height:1.55!important;margin-bottom:4px!important} .atok-problem .elementor-icon-list-icon{color:#000!important;fill:#000!important} .atok-problem .atok-id-c6b882c{margin-top:24px!important} .atok-problem .atok-id-c6b882c .elementor-button{ background:#5c1917!important;color:#ebd68b!important;border:1px solid #5c1917!important;border-radius:6px!important;padding:13px 22px!important;font-size:13px!important;font-weight:600!important; } .atok-problem .atok-id-c6b882c .elementor-button:hover{background:#ebd68b!important;color:#5c1917!important;border-color:#ebd68b!important} /* ---- SERVICES ---- */ .atok-services{padding:76px max(24px,calc((100vw - var(--atok-max,1290px))/2)) 84px!important;overflow:hidden!important;background:#fff!important} .atok-services:before{ content:""!important;position:absolute!important;z-index:0!important;left:-17%!important;top:75px!important;width:63%!important;height:73%!important; background:#ebd68b!important;border-radius:0 56% 56% 0!important;transform:rotate(7deg)!important; } .atok-services>*{position:relative!important;z-index:1!important} .atok-services .atok-id-47c63ad, .atok-services .atok-id-840081c, .atok-services .atok-id-b9a8b50{text-align:center!important} .atok-services .atok-id-840081c{margin:7px 0 10px!important} .atok-services .atok-id-b9a8b50{max-width:700px!important;margin:0 auto 32px!important} .atok-services .atok-services-grid, .atok-services .atok-id-3c00ed0{ display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:18px!important;width:100%!important; } .atok-services .atok-service-card{ background:#fff!important;border:1px solid #d7d7d7!important;border-radius:12px!important;overflow:hidden!important; box-shadow:0 2px 6px rgba(0,0,0,.15)!important;display:flex!important;flex-direction:column!important;text-align:center!important; } .atok-services .atok-service-image{margin:0!important;padding:12px 12px 0!important} .atok-services .atok-service-image img{display:block!important;width:100%!important;height:190px!important;object-fit:cover!important;border-radius:8px!important} .atok-services .atok-service-card-body{padding:17px 20px 20px!important;display:flex!important;flex-direction:column!important;flex:1!important;background:#fff!important} .atok-services .atok-service-title .elementor-heading-title{color:#000!important;font-size:16px!important;line-height:1.3!important;font-weight:700!important;margin:0!important} .atok-services .atok-service-title{margin-bottom:8px!important} .atok-services .atok-service-desc, .atok-services .atok-service-desc p{color:#5a5a5a!important;font-size:12px!important;line-height:1.55!important;font-weight:400!important;margin:0!important} .atok-services .atok-service-desc{flex:1!important;margin-bottom:14px!important} .atok-services .atok-service-button{margin-top:auto!important} .atok-services .atok-service-button .elementor-button{ background:#5c1917!important;color:#ebd68b!important;border:1px solid #5c1917!important;border-radius:5px!important;padding:11px 18px!important;font-size:11px!important;line-height:1!important;font-weight:600!important; } .atok-services .atok-service-button .elementor-button:hover{background:#ebd68b!important;color:#5c1917!important;border-color:#ebd68b!important} .atok-services .atok-stats-wrap{margin-top:18px!important} .atok-services .atok-stats-grid, .atok-services .atok-id-7befc38{ display:flex!important;flex-direction:row!important;flex-wrap:nowrap!important;gap:0!important;background:#fff!important;border:1px solid #d7d7d7!important; border-radius:10px!important;box-shadow:0 2px 7px rgba(0,0,0,.13)!important;padding:14px 8px!important; } .atok-services .atok-stats-grid>.elementor-widget{width:33.333%!important;text-align:center!important} .atok-services .elementor-counter-title{color:#000!important;font-size:12px!important;line-height:1.4!important;font-weight:500!important;order:2!important} .atok-services .elementor-counter-number-wrapper{color:#ebd68b!important;font-size:31px!important;line-height:1.05!important;font-weight:700!important;margin-bottom:4px!important} .atok-services .elementor-counter-number,.atok-services .elementor-counter-number-prefix,.atok-services .elementor-counter-number-suffix{color:#ebd68b!important} /* ---- TESTIMONIAL ---- */ .atok-testimonial-intro{padding:72px max(24px,calc((100vw - var(--atok-max,1290px))/2)) 20px!important;text-align:center!important} .atok-testimonial-intro .atok-id-16fa44b .elementor-heading-title{color:#000!important;font-size:27px!important;font-weight:700!important} .atok-testimonial-intro .atok-id-8fc56ee{max-width:760px!important;margin:10px auto 0!important;text-align:center!important} .atok-carousel-section{padding:16px max(24px,calc((100vw - var(--atok-max,1290px))/2)) 90px!important;background:#fff!important} .atok-carousel-section .swiper-slide img{border-radius:10px!important;display:block!important;width:100%!important;height:auto!important} .atok-carousel-section .elementor-swiper-button{color:#5c1917!important} /* ---- CTA ---- */ .atok-cta{padding:0 max(24px,calc((100vw - var(--atok-max,1290px))/2)) 92px!important;background:#fff!important} .atok-cta .atok-cta-grid, .atok-cta .atok-id-47da2f4{ background:#ebd68b!important;border-radius:13px!important;padding:44px 54px!important;display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:space-between!important;gap:40px!important; } .atok-cta .atok-id-0087b1d .elementor-heading-title{color:#000!important;font-size:22px!important;line-height:1.25!important;font-weight:700!important;margin:0!important} .atok-cta .atok-id-80885df, .atok-cta .atok-id-80885df p{color:#3f3f3f!important;font-size:12px!important;line-height:1.6!important;margin:5px 0 0!important} .atok-cta .atok-id-94e4d4b .elementor-button{ background:#fff!important;color:#000!important;border:0!important;border-radius:8px!important;padding:13px 22px!important;font-size:12px!important;font-weight:600!important;box-shadow:none!important; } .atok-cta .atok-id-94e4d4b .elementor-button:hover{background:#5c1917!important;color:#ebd68b!important} /* ---- FAQ ---- */ .atok-faq{padding:12px max(24px,calc((100vw - var(--atok-max,1290px))/2)) 60px!important;background:#fff!important;text-align:center!important} .atok-faq .atok-id-f771ccc{margin-bottom:8px!important} .atok-faq .atok-id-e51058c{margin-bottom:26px!important} .atok-faq .atok-id-e51058c .elementor-heading-title{color:#000!important;font-size:26px!important;font-weight:700!important} .atok-faq .atok-faq-accordion{text-align:left!important;border-top:1px solid #e7e7e7!important} .atok-faq .elementor-accordion-item{border:0!important;border-bottom:1px solid #e7e7e7!important;background:#fff!important} .atok-faq .elementor-tab-title{background:#fff!important;color:#000!important;border:0!important;padding:15px 11px!important;font-size:12px!important;line-height:1.35!important;font-weight:600!important} .atok-faq .elementor-tab-title a{color:#000!important} .atok-faq .elementor-tab-title.elementor-active{color:#000!important;background:#fff!important} .atok-faq .elementor-accordion-icon{color:#000!important;fill:#000!important} .atok-faq .elementor-tab-content{background:#fff!important;color:#5a5a5a!important;border:0!important;padding:17px 11px 22px!important;font-size:12px!important;line-height:1.65!important} /* ---- FOOTER / floating WA ---- */ .atok-footer{background:#fafafa!important;padding:20px 24px!important;border-top:1px solid #f1f1f1!important;text-align:center!important} .atok-footer .atok-footer-text, .atok-footer .atok-footer-text p{color:#777!important;font-size:10px!important;line-height:1.4!important;margin:0!important} .atok-floating-wa{position:fixed!important;right:18px!important;bottom:18px!important;z-index:99999!important;width:auto!important} .atok-floating-wa .elementor-button{width:52px!important;height:52px!important;border-radius:50%!important;padding:0!important;background:#25d366!important;color:#fff!important;border:0!important;box-shadow:0 6px 18px rgba(0,0,0,.2)!important;display:flex!important;align-items:center!important;justify-content:center!important} .atok-floating-wa .elementor-button-text{display:none!important} /* ---- TABLET ---- */ @media(max-width:1024px){ .atok-header{min-height:90px!important;padding-left:22px!important;padding-right:22px!important;gap:18px!important} .atok-header .atok-logo{width:185px!important;max-width:185px!important;flex-basis:185px!important} .atok-header .atok-header-left{gap:20px!important} .atok-header .atok-nav-link .elementor-button{font-size:12px!important;padding:13px 8px!important} .atok-header .atok-header-cta .elementor-button{font-size:12px!important;padding:12px 16px!important} .atok-hero{padding-left:20px!important;padding-right:20px!important} .atok-hero .atok-hero-inner{min-height:600px!important} .atok-hero .atok-id-88c46f2 .elementor-heading-title{font-size:48px!important} .atok-about .atok-about-grid{gap:22px!important} .atok-about .atok-id-7fb05f2{width:38%!important;padding-right:12px!important} .atok-about .atok-id-ef73c76,.atok-about .atok-id-c586380{width:31%!important} .atok-services .atok-services-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important} } /* ---- MOBILE ---- */ @media(max-width:767px){ .atok-header{min-height:70px!important;height:70px!important;padding:8px 15px!important;flex-direction:row!important;gap:10px!important} .atok-header .atok-header-left{display:flex!important;flex-direction:row!important;align-items:center!important;gap:0!important;flex:1 1 auto!important} .atok-header .atok-logo{width:165px!important;max-width:165px!important;flex-basis:165px!important} .atok-header .atok-header-right{position:relative!important;width:42px!important;height:42px!important;flex:0 0 42px!important;display:block!important;cursor:pointer!important} .atok-header .atok-header-cta{display:none!important} .atok-header .atok-header-right:before,.atok-header .atok-header-right:after{content:""!important;position:absolute!important;left:10px!important;width:22px!important;height:2px!important;background:#000!important;border-radius:2px!important;transition:.2s ease!important} .atok-header .atok-header-right:before{top:13px!important;box-shadow:0 7px 0 #000!important} .atok-header .atok-header-right:after{top:27px!important} .atok-header.atok-menu-open .atok-header-right:before{top:20px!important;transform:rotate(45deg)!important;box-shadow:none!important} .atok-header.atok-menu-open .atok-header-right:after{top:20px!important;transform:rotate(-45deg)!important} .atok-header .atok-nav{display:none!important;position:absolute!important;left:0!important;right:0!important;top:70px!important;width:100%!important;background:#fff!important;border-top:1px solid #eee!important;box-shadow:0 14px 28px rgba(0,0,0,.10)!important;padding:12px 18px 18px!important;z-index:99999!important;flex-direction:column!important;align-items:stretch!important} .atok-header.atok-menu-open .atok-nav{display:flex!important} .atok-header .atok-nav-link{width:100%!important;border-bottom:1px solid #eee!important} .atok-header .atok-nav-link .elementor-button{width:100%!important;justify-content:flex-start!important;text-align:left!important;padding:14px 4px!important;font-size:13px!important;color:#000!important} .atok-hero{padding:0 14px 52px!important} .atok-hero .atok-hero-inner{min-height:520px!important;padding:60px 20px!important;border-radius:12px!important} .atok-hero .atok-id-88c46f2 .elementor-heading-title{font-size:38px!important;line-height:1.1!important} .atok-hero .atok-id-56b9cc9,.atok-hero .atok-id-56b9cc9 p{font-size:16px!important} .atok-about,.atok-problem,.atok-services,.atok-testimonial-intro,.atok-carousel-section,.atok-cta,.atok-faq{padding-left:18px!important;padding-right:18px!important} .atok-section-title .elementor-heading-title,.atok-id-7e3fdbd .elementor-heading-title,.atok-id-92bb38f .elementor-heading-title,.atok-id-840081c .elementor-heading-title,.atok-id-16fa44b .elementor-heading-title,.atok-id-e51058c .elementor-heading-title{font-size:30px!important} .atok-about{padding-top:56px!important;padding-bottom:70px!important} .atok-about:before{right:-45%!important;width:110%!important;height:65%!important;top:30%!important} .atok-about .atok-about-grid{display:flex!important;flex-direction:column!important;gap:20px!important} .atok-about .atok-id-7fb05f2,.atok-about .atok-id-ef73c76,.atok-about .atok-id-c586380{width:100%!important;padding-right:0!important;transform:none!important} .atok-about :is(.atok-id-722c14e,.atok-id-c21cc22,.atok-id-877babe,.atok-id-cba3bb0){min-height:0!important} .atok-problem{padding-top:70px!important;padding-bottom:70px!important;display:flex!important;flex-direction:column!important;gap:30px!important} .atok-problem>.atok-id-0b35941,.atok-problem>.atok-id-5d4af8c{width:100%!important} .atok-services{padding-top:54px!important;padding-bottom:64px!important} .atok-services:before{left:-55%!important;width:145%!important;height:62%!important;top:100px!important} .atok-services .atok-services-grid{grid-template-columns:1fr!important;gap:16px!important} .atok-services .atok-service-image img{height:auto!important;aspect-ratio:2/1!important} .atok-services .atok-stats-grid{flex-direction:column!important;padding:8px 10px!important} .atok-services .atok-stats-grid>.elementor-widget{width:100%!important;padding:12px 0!important;border-bottom:1px solid #eee!important} .atok-services .atok-stats-grid>.elementor-widget:last-child{border-bottom:0!important} .atok-testimonial-intro{padding-top:55px!important} .atok-carousel-section{padding-bottom:65px!important} .atok-cta{padding-bottom:65px!important} .atok-cta .atok-cta-grid{padding:32px 24px!important;flex-direction:column!important;align-items:flex-start!important;gap:22px!important} .atok-cta .atok-cta-button-col{align-items:flex-start!important} .atok-faq{padding-bottom:44px!important} .atok-faq .atok-id-e51058c .elementor-heading-title{font-size:24px!important} } /* * Atok Suardi V7 targeted repair * Scope deliberately limited to: * 1) Perkhidmatan Terbaik Kami * 2) Testimoni carousel * 3) FAQ text colours * DO NOT use this file for any other section. */ /* ========================================================= 1. PERKHIDMATAN TERBAIK KAMI — width / card geometry only ========================================================= */ body:has(.atok-portable-root) .atok-services .atok-services-grid, body:has(.atok-portable-root) .atok-services .atok-id-3c00ed0{ display:grid!important; grid-template-columns:repeat(3,minmax(0,1fr))!important; gap:18px!important; width:100%!important; max-width:100%!important; align-items:stretch!important; } /* Elementor stores each card at ~31.5%. Inside a CSS grid that percentage is applied AGAIN to the grid cell, producing the narrow/tall cards seen in the screenshot. Force the card to fill its grid cell. */ body:has(.atok-portable-root) .atok-services .atok-id-3c00ed0 > .atok-service-card, body:has(.atok-portable-root) .atok-services .atok-id-3c00ed0 > .e-con.atok-service-card{ --width:100%!important; --min-height:initial!important; width:100%!important; max-width:100%!important; min-width:0!important; flex-basis:auto!important; align-self:stretch!important; height:auto!important; min-height:0!important; box-sizing:border-box!important; overflow:hidden!important; } body:has(.atok-portable-root) .atok-services .atok-service-card > *, body:has(.atok-portable-root) .atok-services .atok-service-card .atok-service-image, body:has(.atok-portable-root) .atok-services .atok-service-card .atok-service-card-body{ --width:100%!important; width:100%!important; max-width:100%!important; min-width:0!important; box-sizing:border-box!important; } body:has(.atok-portable-root) .atok-services .atok-service-image{ padding:12px 12px 0!important; margin:0!important; } body:has(.atok-portable-root) .atok-services .atok-service-image .elementor-widget-container, body:has(.atok-portable-root) .atok-services .atok-service-image a{ display:block!important; width:100%!important; } body:has(.atok-portable-root) .atok-services .atok-service-image img{ display:block!important; width:100%!important; max-width:100%!important; height:auto!important; aspect-ratio:2/1!important; object-fit:cover!important; border-radius:8px!important; } body:has(.atok-portable-root) .atok-services .atok-service-card-body{ padding:15px 18px 18px!important; display:flex!important; flex-direction:column!important; flex:1 1 auto!important; } body:has(.atok-portable-root) .atok-services .atok-service-title, body:has(.atok-portable-root) .atok-services .atok-service-desc, body:has(.atok-portable-root) .atok-services .atok-service-button{ width:100%!important; max-width:100%!important; } body:has(.atok-portable-root) .atok-services .atok-service-title .elementor-heading-title{ white-space:normal!important; overflow-wrap:normal!important; word-break:normal!important; } body:has(.atok-portable-root) .atok-services .atok-service-desc, body:has(.atok-portable-root) .atok-services .atok-service-desc p{ white-space:normal!important; overflow-wrap:normal!important; word-break:normal!important; } body:has(.atok-portable-root) .atok-services .atok-service-button{ margin-top:auto!important; } /* Statistics belong to the same services section in the supplied design. */ body:has(.atok-portable-root) .atok-services .atok-id-2c6e824, body:has(.atok-portable-root) .atok-services .atok-stats-wrap{ background:transparent!important; width:100%!important; max-width:100%!important; } body:has(.atok-portable-root) .atok-services .atok-id-7befc38, body:has(.atok-portable-root) .atok-services .atok-stats-grid{ background:#fff!important; width:100%!important; max-width:100%!important; display:flex!important; flex-direction:row!important; flex-wrap:nowrap!important; align-items:stretch!important; justify-content:space-between!important; gap:0!important; padding:14px 8px!important; border:1px solid #d7d7d7!important; border-radius:10px!important; box-shadow:0 2px 7px rgba(0,0,0,.13)!important; } body:has(.atok-portable-root) .atok-services .atok-id-7befc38 > .elementor-widget, body:has(.atok-portable-root) .atok-services .atok-stats-grid > .elementor-widget{ --width:33.333%!important; width:33.333%!important; max-width:33.333%!important; flex:0 0 33.333%!important; text-align:center!important; } /* ========================================================= 2. TESTIMONI — native Elementor carousel visual repair ========================================================= */ body:has(.atok-portable-root) .atok-carousel-section, body:has(.atok-portable-root) .atok-id-4ed3030{ overflow:hidden!important; } body:has(.atok-portable-root) .atok-carousel-section .atok-testimonial-carousel, body:has(.atok-portable-root) .atok-id-f95d520{ --width:100%!important; width:100%!important; max-width:100%!important; min-width:0!important; margin-left:auto!important; margin-right:auto!important; } body:has(.atok-portable-root) .atok-id-f95d520 .elementor-widget-container, body:has(.atok-portable-root) .atok-id-f95d520 .elementor-image-carousel-wrapper, body:has(.atok-portable-root) .atok-id-f95d520 .swiper, body:has(.atok-portable-root) .atok-id-f95d520 .swiper-wrapper{ width:100%!important; max-width:100%!important; min-width:0!important; } body:has(.atok-portable-root) .atok-id-f95d520 .swiper-wrapper{ align-items:stretch!important; } body:has(.atok-portable-root) .atok-id-f95d520 .swiper-slide{ height:auto!important; min-height:0!important; box-sizing:border-box!important; } body:has(.atok-portable-root) .atok-id-f95d520 .swiper-slide-inner, body:has(.atok-portable-root) .atok-id-f95d520 figure{ display:block!important; width:100%!important; height:auto!important; margin:0!important; } body:has(.atok-portable-root) .atok-id-f95d520 .swiper-slide-image, body:has(.atok-portable-root) .atok-id-f95d520 img{ display:block!important; width:100%!important; max-width:100%!important; height:auto!important; max-height:none!important; min-height:0!important; object-fit:contain!important; object-position:center top!important; border-radius:10px!important; } /* Prevent destination themes from collapsing the carousel images into a thin strip. */ body:has(.atok-portable-root) .atok-id-f95d520 img[height], body:has(.atok-portable-root) .atok-id-f95d520 .swiper-slide-image{ height:auto!important; } body:has(.atok-portable-root) .atok-id-f95d520 .elementor-swiper-button{ color:#5c1917!important; fill:#5c1917!important; } body:has(.atok-portable-root) .atok-id-f95d520 .swiper-pagination-bullet{ background:#5c1917!important; } /* ========================================================= 3. FAQ — text colour only ========================================================= */ body:has(.atok-portable-root) .atok-faq .atok-id-f771ccc, body:has(.atok-portable-root) .atok-faq .atok-id-f771ccc p, body:has(.atok-portable-root) .atok-faq .atok-id-e51058c, body:has(.atok-portable-root) .atok-faq .atok-id-e51058c .elementor-heading-title{ color:#000!important; } body:has(.atok-portable-root) .atok-faq .elementor-tab-title, body:has(.atok-portable-root) .atok-faq .elementor-tab-title.elementor-active, body:has(.atok-portable-root) .atok-faq .elementor-accordion-title, body:has(.atok-portable-root) .atok-faq .elementor-accordion-title:link, body:has(.atok-portable-root) .atok-faq .elementor-accordion-title:visited, body:has(.atok-portable-root) .atok-faq .elementor-accordion-title:hover, body:has(.atok-portable-root) .atok-faq .elementor-accordion-title:focus, body:has(.atok-portable-root) .atok-faq .elementor-tab-title a, body:has(.atok-portable-root) .atok-faq .elementor-tab-title span{ color:#000!important; } body:has(.atok-portable-root) .atok-faq .elementor-accordion-icon, body:has(.atok-portable-root) .atok-faq .elementor-accordion-icon svg, body:has(.atok-portable-root) .atok-faq .elementor-accordion-icon path{ color:#000!important; fill:#000!important; } body:has(.atok-portable-root) .atok-faq .elementor-tab-content, body:has(.atok-portable-root) .atok-faq .elementor-tab-content p, body:has(.atok-portable-root) .atok-faq .elementor-tab-content li, body:has(.atok-portable-root) .atok-faq .elementor-tab-content span{ color:#5a5a5a!important; } /* Tablet/mobile changes are limited to the repaired sections. */ @media(max-width:1024px){ body:has(.atok-portable-root) .atok-services .atok-id-3c00ed0{ grid-template-columns:repeat(2,minmax(0,1fr))!important; } } @media(max-width:767px){ body:has(.atok-portable-root) .atok-services .atok-id-3c00ed0{ grid-template-columns:1fr!important; } body:has(.atok-portable-root) .atok-services .atok-id-7befc38, body:has(.atok-portable-root) .atok-services .atok-stats-grid{ flex-direction:column!important; } body:has(.atok-portable-root) .atok-services .atok-id-7befc38 > .elementor-widget, body:has(.atok-portable-root) .atok-services .atok-stats-grid > .elementor-widget{ --width:100%!important; width:100%!important; max-width:100%!important; flex:0 0 100%!important; } }