/* ==========================================================================
   ETCE custom components - projects, lead capture, KSA trust elements
   Brand: orange #EC4A05, ink #0F0D0D, slate #1C2127, gold #F2A900
   ========================================================================== */
:root{--etce-o:#EC4A05;--etce-o2:#c53d04;--etce-ink:#0F0D0D;--etce-slate:#1C2127;--etce-gold:#F2A900;
  --etce-txt:#31353D;--etce-mute:#5A5E67;--etce-soft:#F7F7F8;--etce-line:#E2E2E5;--etce-wa:#25D366;}

/* ---------- article / content blocks (shared with city pages) ---------- */
.etce-article{color:var(--etce-txt);font-size:17px;line-height:1.85}
.etce-article p{margin:0 0 20px}
.etce-article h2{font-size:30px;line-height:1.3;font-weight:700;color:var(--etce-ink);margin:40px 0 16px}
.etce-article h3{font-size:22px;line-height:1.35;font-weight:700;color:var(--etce-ink);margin:32px 0 12px}
.etce-article ul{margin:0 0 22px;padding:0}
.etce-article ul li{position:relative;padding-left:28px;margin-bottom:10px;list-style:none}
.etce-article ul li:before{content:"";position:absolute;left:0;top:11px;width:9px;height:9px;border-radius:50%;background:var(--etce-o)}
.etce-article a{color:var(--etce-o);font-weight:600;text-decoration:underline}
.etce-article a:hover{color:var(--etce-o2)}
.etce-article strong{color:var(--etce-ink)}
.etce-lead{font-size:19px;line-height:1.8;color:var(--etce-ink);font-weight:500}
.etce-box{background:var(--etce-soft);border-left:4px solid var(--etce-o);border-radius:10px;padding:26px 28px;margin:38px 0}
.etce-box h3{margin-top:0;font-size:20px}
.etce-box ul{margin:0}
.etce-cta{background:var(--etce-ink);border-radius:14px;padding:34px 32px;margin:44px 0 10px;color:#fff;position:relative;overflow:hidden}
.etce-cta:after{content:"";position:absolute;right:-60px;top:-60px;width:220px;height:220px;border-radius:50%;background:rgba(236,74,5,.18)}
.etce-cta h3{color:#fff;margin:0 0 12px;font-size:24px;font-weight:700;position:relative;z-index:1}
.etce-cta p{color:#D6D6D8;margin:0 0 22px;position:relative;z-index:1}
.etce-cta .etce-btns{position:relative;z-index:1}
.etce-svc{display:flex;flex-wrap:wrap;gap:14px;margin:0 0 20px;padding:0}
.etce-svc li{list-style:none;flex:1 1 280px;background:var(--etce-soft);border-radius:10px;padding:18px 20px;margin:0 !important;border:1px solid transparent;transition:border-color .25s}
.etce-svc li:hover{border-color:var(--etce-o)}
.etce-article .etce-svc li{padding-left:20px}
.etce-article .etce-svc li:before{display:none}
.etce-svc a,.etce-svc b{font-weight:700;color:var(--etce-ink) !important;text-decoration:none !important;font-size:16px}
.etce-svc a:hover{color:var(--etce-o) !important}
.etce-svc p{margin:6px 0 0 !important;font-size:14px;color:var(--etce-mute);line-height:1.6}
.etce-areas{display:flex;flex-wrap:wrap;gap:10px;margin-top:14px}
.etce-areas a{background:#fff;border:1px solid var(--etce-line);border-radius:100px;padding:9px 18px;font-weight:600;color:var(--etce-txt) !important;text-decoration:none !important;font-size:15px}
.etce-areas a:hover{border-color:var(--etce-o);color:var(--etce-o) !important}

/* ---------- buttons ---------- */
.etce-btn{display:inline-flex;align-items:center;gap:10px;background:var(--etce-o);color:#fff !important;padding:15px 24px;border-radius:8px;font-weight:700;font-size:16px;text-decoration:none !important;border:0;cursor:pointer;line-height:1.2;transition:background .2s,transform .2s;margin:0 10px 10px 0}
.etce-btn:hover{background:var(--etce-o2);color:#fff !important;transform:translateY(-1px)}
.etce-btn.wa{background:var(--etce-wa)}.etce-btn.wa:hover{background:#1eb257}
.etce-btn.dark{background:var(--etce-slate)}.etce-btn.dark:hover{background:#000}
.etce-btn.ghost{background:transparent;border:2px solid var(--etce-ink);color:var(--etce-ink) !important}
.etce-btn.ghost:hover{background:var(--etce-ink);color:#fff !important}
.etce-btn.light{background:#fff;color:var(--etce-ink) !important}
.etce-btn.full{width:100%;justify-content:center;margin-right:0}

/* ---------- project hero ---------- */
.etce-phero{background:linear-gradient(180deg,#F4F4F9 0%,#fff 100%);padding:250px 0 60px;position:relative}
.etce-phero .crumbs{font-size:15px;color:var(--etce-mute);margin-bottom:18px}
.etce-phero .crumbs a{color:var(--etce-mute)}.etce-phero .crumbs a:hover{color:var(--etce-o)}
.etce-phero .crumbs i{margin:0 8px;font-size:12px}
.etce-phero h1{font-size:44px;line-height:1.15;font-weight:800;color:var(--etce-ink);margin:0 0 18px}
.etce-phero .sub{font-size:18px;line-height:1.7;color:var(--etce-txt);margin:0 0 24px;max-width:620px}
.etce-badges{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 22px}
.etce-badge{display:inline-flex;align-items:center;gap:7px;background:#fff;border:1px solid var(--etce-line);border-radius:100px;padding:7px 14px;font-size:14px;font-weight:600;color:var(--etce-txt)}
.etce-badge i{color:var(--etce-o)}
.etce-phero .ph{border-radius:16px;overflow:hidden;box-shadow:0 30px 60px rgba(15,13,13,.18);position:relative}
.etce-phero .ph img{width:100%;height:440px;object-fit:cover;display:block}
.etce-phero .ph .tag{position:absolute;left:16px;bottom:16px;background:rgba(15,13,13,.82);color:#fff;border-radius:8px;padding:8px 14px;font-size:13px;font-weight:600}
@media (max-width:991px){.etce-phero{padding:150px 0 40px}.etce-phero h1{font-size:32px}.etce-phero .ph{margin-top:26px}.etce-phero .ph img{height:300px}}

/* ---------- project gallery ---------- */
.etce-gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:0 0 10px}
.etce-gallery a{display:block;border-radius:12px;overflow:hidden;position:relative;aspect-ratio:4/3;background:#eee}
.etce-gallery a img{width:100%;height:100%;object-fit:cover;transition:transform .5s}
.etce-gallery a:hover img{transform:scale(1.06)}
.etce-gallery a:after{content:"\f00e";font-family:"Font Awesome 6 Free";font-weight:900;position:absolute;right:10px;bottom:10px;width:34px;height:34px;border-radius:50%;background:rgba(255,255,255,.92);color:var(--etce-ink);display:flex;align-items:center;justify-content:center;font-size:14px}
.etce-gallery.n4{grid-template-columns:repeat(4,1fr)}
@media (max-width:767px){.etce-gallery,.etce-gallery.n4{grid-template-columns:repeat(2,1fr)}}
.etce-caption{font-size:13px;color:var(--etce-mute);margin:0 0 30px}

/* ---------- facts + sidebar ---------- */
.etce-side{position:sticky;top:110px}
.etce-card{background:#fff;border:1px solid var(--etce-line);border-radius:14px;padding:26px;box-shadow:0 12px 40px rgba(15,13,13,.06);margin-bottom:24px}
.etce-card h3{font-size:20px;font-weight:800;color:var(--etce-ink);margin:0 0 16px}
.etce-facts{margin:0;padding:0}
.etce-facts li{list-style:none;display:flex;gap:14px;padding:12px 0;border-bottom:1px dashed var(--etce-line);font-size:15px;line-height:1.5}
.etce-facts li:last-child{border-bottom:0}
.etce-facts li i{color:var(--etce-o);width:18px;margin-top:3px;flex:0 0 18px;text-align:center}
.etce-facts li span{display:block;font-size:12px;letter-spacing:.6px;text-transform:uppercase;color:var(--etce-mute);font-weight:700}
.etce-facts li b{color:var(--etce-ink);font-weight:700}
.etce-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:6px}
.etce-tags em{font-style:normal;background:rgba(236,74,5,.08);color:var(--etce-o2);border-radius:6px;padding:4px 9px;font-size:12.5px;font-weight:700}
.etce-card.dark{background:var(--etce-slate);border-color:var(--etce-slate);color:#D6D6D8}
.etce-card.dark h3{color:#fff}
.etce-card.dark p{color:#AEB4BB;font-size:15px;margin:0 0 16px}

/* ---------- lead form ---------- */
.etce-form .row{--bs-gutter-x:12px}
.etce-form label{display:block;font-size:13px;font-weight:700;color:var(--etce-txt);margin:0 0 6px}
.etce-card.dark .etce-form label,.etce-dark .etce-form label{color:#D6D6D8}
.etce-form input,.etce-form select,.etce-form textarea{width:100%;background:#fff;border:1px solid #D3D6DB !important;border-radius:8px;padding:12px 14px;font-size:15px;color:var(--etce-ink);margin:0 0 12px;outline:none;transition:border-color .2s,box-shadow .2s;font-family:inherit;appearance:auto;-webkit-appearance:auto;height:auto}
.etce-form textarea{min-height:90px;resize:vertical}
.etce-form input:focus,.etce-form select:focus,.etce-form textarea:focus{border-color:var(--etce-o) !important;box-shadow:0 0 0 3px rgba(236,74,5,.15)}
.etce-form .hp{position:absolute !important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;margin:-1px;padding:0;border:0}
.etce-form .note{font-size:12.5px;color:var(--etce-mute);margin:10px 0 0;line-height:1.5}
.etce-card.dark .etce-form .note{color:#8f98a2}
.etce-form .err{display:none;background:#fff3ef;border:1px solid #f7c3ae;color:#8a2c05;border-radius:8px;padding:12px 14px;font-size:14px;margin:10px 0 0}
.etce-form .err a{color:#128C4B;font-weight:700;text-decoration:underline}
.etce-form.sending button[type=submit]{opacity:.7;pointer-events:none}
.etce-form .nice-select{display:none !important}
.etce-form select{display:block !important}
.etce-perks{margin:0 0 18px;padding:0}
.etce-perks li{list-style:none;display:flex;gap:10px;font-size:15px;margin-bottom:9px;line-height:1.5}
.etce-perks li i{color:var(--etce-gold);margin-top:4px}

/* ---------- related projects / listing cards ---------- */
.etce-pgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:26px}
@media (max-width:991px){.etce-pgrid{grid-template-columns:repeat(2,1fr)}}
@media (max-width:575px){.etce-pgrid{grid-template-columns:1fr}}
.etce-pcard{background:#fff;border:1px solid var(--etce-line);border-radius:14px;overflow:hidden;display:flex;flex-direction:column;transition:transform .3s,box-shadow .3s;height:100%}
.etce-pcard:hover{transform:translateY(-6px);box-shadow:0 22px 50px rgba(15,13,13,.12)}
.etce-pcard .im{display:block;position:relative;aspect-ratio:4/3;overflow:hidden;background:#eee}
.etce-pcard .im img{width:100%;height:100%;object-fit:cover;transition:transform .6s}
.etce-pcard:hover .im img{transform:scale(1.07)}
.etce-pcard .loc{position:absolute;left:12px;top:12px;background:rgba(15,13,13,.82);color:#fff;border-radius:6px;padding:6px 11px;font-size:12.5px;font-weight:700}
.etce-pcard .loc i{color:var(--etce-gold);margin-right:5px}
.etce-pcard .bd{padding:20px 22px 22px;display:flex;flex-direction:column;flex:1}
.etce-pcard .sec{font-size:12px;letter-spacing:.7px;text-transform:uppercase;font-weight:700;color:var(--etce-o);margin-bottom:6px}
.etce-pcard h3{font-size:20px;line-height:1.3;font-weight:800;margin:0 0 10px}
.etce-pcard h3 a{color:var(--etce-ink)}.etce-pcard h3 a:hover{color:var(--etce-o)}
.etce-pcard p{font-size:15px;line-height:1.6;color:var(--etce-mute);margin:0 0 14px}
.etce-pcard .etce-tags{margin:0 0 16px}
.etce-pcard .more{margin-top:auto;font-weight:700;color:var(--etce-ink);font-size:15px}
.etce-pcard .more i{margin-left:6px;transition:transform .2s}
.etce-pcard .more:hover{color:var(--etce-o)}.etce-pcard .more:hover i{transform:translateX(4px)}

/* ---------- filter chips ---------- */
.etce-filters{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin:0 0 12px}
.etce-filters button{border:1px solid #cfd4d9;background:#fff;color:var(--etce-slate);padding:9px 18px;border-radius:30px;font-weight:600;font-size:14px;cursor:pointer;transition:all .2s}
.etce-filters button:hover{border-color:var(--etce-o);color:var(--etce-o)}
.etce-filters button.on{background:var(--etce-slate);border-color:var(--etce-slate);color:#fff}
.etce-filter-lbl{text-align:center;font-size:12px;letter-spacing:.8px;text-transform:uppercase;font-weight:700;color:var(--etce-mute);margin:10px 0 8px}
.etce-count{text-align:center;color:var(--etce-mute);font-size:14px;margin:14px 0 30px}

/* ---------- stats strip ---------- */
.etce-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:0}
.etce-stats div{background:var(--etce-soft);border-radius:12px;padding:18px 20px}
.etce-stats strong{display:block;font-size:26px;line-height:1.2;color:var(--etce-o);font-weight:800}
.etce-stats span{font-size:14px;color:var(--etce-mute)}
@media (max-width:767px){.etce-stats{grid-template-columns:repeat(2,1fr)}}

/* ---------- section band (CTA with form) ---------- */
.etce-band{background:var(--etce-slate);padding:80px 0;color:#D6D6D8;position:relative;overflow:hidden}
.etce-band:before{content:"";position:absolute;left:-120px;bottom:-120px;width:360px;height:360px;border-radius:50%;background:rgba(236,74,5,.14)}
.etce-band h2{color:#fff;font-size:38px;line-height:1.2;font-weight:800;margin:0 0 16px}
.etce-band .kicker{color:var(--etce-gold);font-weight:700;letter-spacing:1.5px;text-transform:uppercase;font-size:14px;display:block;margin-bottom:12px}
.etce-band p{color:#AEB4BB;font-size:17px;line-height:1.7;margin:0 0 22px}
.etce-band .etce-perks li{color:#E6E8EA}
.etce-band .etce-card{box-shadow:none}
@media (max-width:991px){.etce-band h2{font-size:30px}.etce-band .etce-card{margin-top:30px}}

/* ---------- homepage client ticker ---------- */
.etce-clients{background:#fff;padding:34px 0 30px;border-bottom:1px solid var(--etce-line)}
.etce-clients h3{text-align:center;font-size:14px;letter-spacing:1.6px;text-transform:uppercase;color:var(--etce-mute);font-weight:700;margin:0 0 18px}
.etce-ticker{overflow:hidden;position:relative;-webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}
.etce-ticker .track{display:flex;gap:14px;width:max-content;animation:etceTick 55s linear infinite}
.etce-ticker:hover .track{animation-play-state:paused}
.etce-ticker a{flex:0 0 auto;display:inline-flex;align-items:center;gap:10px;border:1px solid var(--etce-line);border-radius:10px;padding:12px 20px;font-weight:800;color:var(--etce-ink);font-size:16px;white-space:nowrap;background:#fff;transition:border-color .2s,color .2s}
.etce-ticker a small{font-weight:600;color:var(--etce-mute);font-size:12.5px}
.etce-ticker a:hover{border-color:var(--etce-o);color:var(--etce-o)}
@keyframes etceTick{from{transform:translateX(0)}to{transform:translateX(-50%)}}
[dir=rtl] .etce-ticker .track{animation-name:etceTickR}
@keyframes etceTickR{from{transform:translateX(0)}to{transform:translateX(50%)}}
@media (prefers-reduced-motion:reduce){.etce-ticker .track{animation:none;flex-wrap:wrap;width:auto;justify-content:center}}

/* ---------- homepage survey panel (replaces map) ---------- */
.etce-survey{background:var(--etce-slate);border-radius:16px;padding:38px 34px;color:#D6D6D8;position:sticky;top:110px}
.etce-survey h3{color:#fff;font-size:26px;font-weight:800;margin:0 0 10px}
.etce-survey p{color:#AEB4BB;margin:0 0 20px;font-size:16px;line-height:1.7}
.etce-survey .etce-perks li{color:#E6E8EA;font-size:16px}
.etce-survey .phones a{display:flex;align-items:center;gap:10px;color:#fff;font-weight:700;font-size:18px;margin:0 0 10px}
.etce-survey .phones a i{color:var(--etce-gold)}
.etce-survey hr{border-color:rgba(255,255,255,.15);margin:22px 0}
@media (max-width:991px){.etce-survey{margin-top:30px}}

/* homepage carousel: keep project descriptions visible on touch devices */
@media (hover:none){.project3 .project-arrow-area .project3-main-slider .project-boxarea .content-area .desc{visibility:visible;opacity:1;height:auto}}
.project3 .project-arrow-area .project3-main-slider .project-boxarea .img1 img{height:420px}
.project3 .etce-loc{display:inline-block;background:rgba(236,74,5,.1);color:var(--etce-o2);font-size:12.5px;font-weight:700;border-radius:6px;padding:4px 10px;margin-bottom:8px}

/* brand fix: template hover colour was blue */
.projects-inner-box:hover .other-content{background:var(--etce-slate)}

/* ---------- contact page offices ---------- */
.etce-office{background:#fff;border:1px solid var(--etce-line);border-radius:14px;padding:24px;position:relative}
.etce-office.main{border:2px solid var(--etce-o);box-shadow:0 14px 40px rgba(236,74,5,.10)}
.etce-office .lbl{display:inline-block;font-size:11.5px;letter-spacing:.8px;text-transform:uppercase;font-weight:800;border-radius:6px;padding:5px 10px;margin-bottom:12px;background:var(--etce-soft);color:var(--etce-mute)}
.etce-office.main .lbl{background:var(--etce-o);color:#fff}
.etce-office h4{font-size:20px;font-weight:800;color:var(--etce-ink);margin:0 0 12px}
.etce-office p,.etce-office a{font-size:15.5px;line-height:1.7;color:var(--etce-txt)}
.etce-office a:hover{color:var(--etce-o)}
.etce-office ul{margin:0;padding:0}.etce-office li{list-style:none;display:flex;gap:10px;margin-bottom:8px}
.etce-office li i{color:var(--etce-o);margin-top:6px;width:16px;text-align:center}

/* ---------- lead modal ---------- */
.etce-modal{position:fixed;inset:0;z-index:100000;display:none;align-items:center;justify-content:center;padding:16px}
.etce-modal.open{display:flex}
.etce-modal .bg{position:absolute;inset:0;background:rgba(15,13,13,.62);backdrop-filter:blur(3px)}
.etce-modal .box{position:relative;background:#fff;border-radius:16px;max-width:560px;width:100%;max-height:calc(100vh - 32px);overflow:auto;box-shadow:0 30px 80px rgba(0,0,0,.35);animation:etcePop .25s ease-out}
@keyframes etcePop{from{transform:translateY(14px);opacity:0}to{transform:none;opacity:1}}
.etce-modal .hd{background:var(--etce-slate);color:#fff;padding:24px 26px 20px;border-radius:16px 16px 0 0}
.etce-modal .hd h3{color:#fff;font-size:22px;font-weight:800;margin:0 0 6px;padding-right:30px}
.etce-modal .hd p{color:#AEB4BB;font-size:14.5px;margin:0}
.etce-modal .hd .chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:12px}
.etce-modal .hd .chips span{background:rgba(255,255,255,.1);border-radius:100px;padding:5px 11px;font-size:12.5px;color:#fff}
.etce-modal .hd .chips i{color:var(--etce-gold);margin-right:5px}
.etce-modal .bd{padding:22px 26px 24px}
.etce-modal .x{position:absolute;right:14px;top:14px;width:36px;height:36px;border-radius:50%;border:0;background:rgba(255,255,255,.12);color:#fff;font-size:18px;cursor:pointer;z-index:2}
.etce-modal .x:hover{background:rgba(255,255,255,.25)}
.etce-modal .alt{text-align:center;font-size:14px;color:var(--etce-mute);margin-top:12px}
.etce-modal .alt a{color:#128C4B;font-weight:700}
[dir=rtl] .etce-modal .x{right:auto;left:14px}
[dir=rtl] .etce-modal .hd h3{padding-right:0;padding-left:30px}
body.etce-lock{overflow:hidden}

/* ---------- mobile sticky action bar ---------- */
.etce-mbar{position:fixed;left:0;right:0;bottom:0;z-index:99990;display:none;background:#fff;box-shadow:0 -6px 24px rgba(0,0,0,.14);padding:8px 8px calc(8px + env(safe-area-inset-bottom));gap:8px}
.etce-mbar a,.etce-mbar button{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;border:0;border-radius:10px;padding:8px 4px;font-size:12.5px;font-weight:800;text-decoration:none;line-height:1.1;cursor:pointer}
.etce-mbar i{font-size:18px}
.etce-mbar .c{background:var(--etce-soft);color:var(--etce-ink)}
.etce-mbar .w{background:var(--etce-wa);color:#fff}
.etce-mbar .q{background:var(--etce-o);color:#fff;flex:1.4}
@media (max-width:991px){.etce-mbar{display:flex}body{padding-bottom:74px !important}.etce-wa-float{display:none !important}.progress-wrap{bottom:88px !important}}

/* ---------- desktop side tab ---------- */
.etce-sidetab{position:fixed;right:0;top:50%;z-index:9990;transform:translateY(-50%);background:var(--etce-o);color:#fff;border:0;border-radius:10px 0 0 10px;padding:16px 11px;writing-mode:vertical-rl;font-weight:800;font-size:14px;letter-spacing:.6px;cursor:pointer;box-shadow:0 8px 24px rgba(236,74,5,.35);display:none}
.etce-sidetab i{margin-bottom:8px;transform:rotate(90deg)}
.etce-sidetab:hover{background:var(--etce-o2)}
@media (min-width:992px){.etce-sidetab{display:block}}
[dir=rtl] .etce-sidetab{right:auto;left:0;border-radius:0 10px 10px 0}

/* ---------- thank-you page ---------- */
.etce-ty{padding:230px 0 90px;background:linear-gradient(180deg,#F4F4F9 0%,#fff 100%);text-align:center}
.etce-ty .ic{width:86px;height:86px;border-radius:50%;background:rgba(37,211,102,.14);color:#12a150;display:flex;align-items:center;justify-content:center;font-size:40px;margin:0 auto 22px}
.etce-ty h1{font-size:42px;font-weight:800;color:var(--etce-ink);margin:0 0 14px}
.etce-ty p{font-size:18px;color:var(--etce-txt);max-width:640px;margin:0 auto 26px;line-height:1.7}
.etce-steps2{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;max-width:900px;margin:10px auto 34px;text-align:left}
.etce-steps2 div{background:#fff;border:1px solid var(--etce-line);border-radius:12px;padding:20px}
.etce-steps2 b{display:block;color:var(--etce-o);font-size:13px;letter-spacing:.8px;text-transform:uppercase;margin-bottom:6px}
.etce-steps2 span{color:var(--etce-txt);font-size:15px;line-height:1.6}
@media (max-width:767px){.etce-steps2{grid-template-columns:1fr}.etce-ty{padding:150px 0 60px}.etce-ty h1{font-size:30px}}

/* ---------- RTL adjustments ---------- */
[dir=rtl] .etce-article ul li{padding-left:0;padding-right:28px}
[dir=rtl] .etce-article ul li:before{left:auto;right:0}
[dir=rtl] .etce-box{border-left:0;border-right:4px solid var(--etce-o)}
[dir=rtl] .etce-btn{margin:0 0 10px 10px}
[dir=rtl] .etce-pcard .loc{left:auto;right:12px}
[dir=rtl] .etce-pcard .loc i{margin-right:0;margin-left:5px}
[dir=rtl] .etce-pcard .more i{margin-left:0;margin-right:6px;transform:scaleX(-1)}
[dir=rtl] .etce-pcard .more:hover i{transform:scaleX(-1) translateX(4px)}
[dir=rtl] .etce-phero .ph .tag{left:auto;right:16px}
[dir=rtl] .etce-gallery a:after{right:auto;left:10px}
[dir=rtl] .etce-steps2{text-align:right}
[dir=rtl] .etce-modal .hd .chips i{margin-right:0;margin-left:5px}
[dir=rtl] .etce-cta:after{right:auto;left:-60px}

/* ---------- misc ---------- */
.etce-rel-h{font-size:32px;font-weight:800;color:var(--etce-ink);margin:0 0 26px}
.etce-seo{max-width:900px;margin:60px auto 0}
.etce-seo h2{font-size:28px;font-weight:800;color:var(--etce-ink);margin:0 0 14px}
.etce-seo p{color:var(--etce-txt);font-size:16.5px;line-height:1.8;margin:0 0 16px}
.etce-seo a{color:var(--etce-o);font-weight:600}
/* CTA band on inner pages: template blue -> brand slate */
.cta1-section-area .cta-content-area{background:var(--etce-slate)}
.cta1-section-area .etce-btns{display:flex;flex-wrap:wrap}
.etce-ksa-note{font-size:14px;color:#AEB4BB;margin:14px 0 0}
.etce-ksa-note a{color:#fff;text-decoration:underline}

/* ---------- brand consistency: template accent blue -> ETCE orange ---------- */
:root{--ztc-bg-bg-3:#EC4A05;--ztc-text-text-4:#EC4A05}
.homepage1-body .vl-transparent-header .vl-hero-btn .btn-area1 a{background:var(--etce-o)}
.homepage1-body .vl-transparent-header .row-bg1::after{background:var(--etce-o)}
.projects-inner-box .other-content .tags{background:rgba(236,74,5,.1)}
/* generated pages have no overlapping CTA band above the footer */
body.etce-gen .vl-footer1-section-area,body.etce-gen .vl-footer3-section-area{padding-top:90px}
/* inner-page banner: keep long titles clear of the photo */
@media (min-width:992px){
  .hero-inner-area .img1{width:42vw;max-width:637px}
  .hero-inner-area .img1 img{width:100%;height:auto}
  .hero-inner-area .col-lg-7{flex:0 0 55%;max-width:55%}
}
@media (min-width:992px){
  .hero-inner-area .col-lg-7{flex:0 0 52%;max-width:52%}
  [dir=rtl] .hero-inner-area .img1{right:auto;left:0}
}
.etce-sidetab,.etce-sidetab:hover{color:#fff !important;text-decoration:none}

/* ---------- service / city page components ---------- */
.etce-steps{counter-reset:s;padding:0;margin:0 0 20px}
.etce-steps li{list-style:none;counter-increment:s;position:relative;padding-left:52px;margin-bottom:18px}
.etce-steps li:before{content:counter(s);position:absolute;left:0;top:0;width:34px;height:34px;border-radius:50%;background:var(--etce-o);color:#fff;font-weight:700;display:flex;align-items:center;justify-content:center;font-size:15px}
.etce-steps b{display:block;color:var(--etce-ink)}
[dir=rtl] .etce-steps li{padding-left:0;padding-right:52px}
[dir=rtl] .etce-steps li:before{left:auto;right:0}
.etce-faq{margin:0 0 10px}
.etce-faq details{border-bottom:1px solid var(--etce-line);padding:16px 0}
.etce-faq summary{cursor:pointer;font-weight:700;color:var(--etce-ink);font-size:17px;list-style:none}
.etce-faq summary::-webkit-details-marker{display:none}
.etce-faq summary:before{content:"+";color:var(--etce-o);font-weight:700;margin-right:10px}
[dir=rtl] .etce-faq summary:before{margin-right:0;margin-left:10px}
.etce-faq details[open] summary:before{content:"\2013"}
.etce-faq p{margin:12px 0 0 !important;color:var(--etce-txt)}
.etce-card .etce-perks li{color:var(--etce-txt)}
.etce-card .etce-perks li i{color:var(--etce-o)}
/* homepage hero: keyword H1 styled as the small orange label */
.hero3-slider-header .header-content-area .hero3-heading h1.etce-kick{color:var(--ztc-text-text-6) !important;font-size:18px !important;font-weight:600 !important;line-height:1.3 !important;display:inline-block;padding:10px;border-radius:4px;background:rgba(236,74,5,.08);text-transform:uppercase;letter-spacing:.3px}
@media (max-width:767px){.hero3-slider-header .header-content-area .hero3-heading h1.etce-kick{font-size:12px !important;line-height:1.4 !important}}
[dir=rtl] .hero3-slider-header .header-content-area .hero3-heading h1.etce-kick{text-transform:none}
.etce-pcard .sec i{margin-right:6px}
[dir=rtl] .etce-pcard .sec i{margin-right:0;margin-left:6px}