:root{--sg-ink:#0d0d0d;--sg-orange:#ff6a00;--sg-orange-d:#e05a00;--sg-bg:#ffffff;--sg-soft:#fff6ee;
--themeColor:#ff6a00;--themeHover:#e05a00;--themeDark:#0d0d0d;--darkColor:#0d0d0d;--skinColor4:#ff6a00;--skinColor6:#ff8a3d}
/* ServiceGate theme: orange + black on white. Edit the :root values above to recolour the site. */
body{font-family:"Poppins","Inter","Segoe UI",system-ui,sans-serif;background:#fff;color:#1b1b22;-webkit-font-smoothing:antialiased}
h1,h2,h3,h4,h5{letter-spacing:-.01em}
.container{max-width:1180px}
a:hover{color:var(--sg-orange)}
:focus-visible{outline:3px solid var(--sg-orange);outline-offset:2px}
::selection{background:var(--sg-orange);color:#fff}
.header-top-section{background:var(--sg-ink)!important}
.header-top-section a:hover,.header-top-section a:hover span{color:var(--sg-orange)}
.olx-header,.header-section{background:#fff!important;border-bottom:3px solid var(--sg-orange);box-shadow:0 4px 18px rgba(13,13,13,.06)}
.header-logo img{background:transparent!important;padding:0!important}
.add-listing-btn,.olx-header .add-listing-btn{background:var(--sg-orange)!important;color:#fff!important;border-radius:40px;font-weight:700;border:0}
.add-listing-btn:hover{background:var(--sg-ink)!important}
body .mh-filter-btn.mixitup-control-active{background:var(--sg-orange)!important;border-color:var(--sg-orange)!important;color:#fff!important}
body .mh-filter-btn:hover{border-color:var(--sg-orange)!important;color:var(--sg-orange-d)!important}
body .olx-cta,body .olx-badge{color:var(--sg-orange-d)!important}
.olx-card{border-radius:16px;box-shadow:0 6px 22px rgba(13,13,13,.07)}
.olx-card:hover{border-color:rgba(255,106,0,.45)!important;box-shadow:0 16px 34px rgba(13,13,13,.14)}
.all-directories-section{background:transparent!important}
.all-directory-card{border-radius:16px!important;box-shadow:0 6px 20px rgba(13,13,13,.06)}
.all-directory-card:hover,.all-directory-card.is-open{border-color:var(--sg-orange)!important}
.all-directory-card.is-open{background:var(--sg-soft)!important;box-shadow:0 8px 20px rgba(255,106,0,.16)!important}
.dir-panel-list a:hover{background:var(--sg-soft)!important;color:var(--sg-orange-d)!important}
.dir-panel-list a:hover::before{background:var(--sg-orange)!important}
.dir-panel-head a{color:var(--sg-orange-d)!important}
.form-control,.nice-select,.select2-container--default .select2-selection--single{border-radius:12px!important}
.form-control:focus,.nice-select.open{border-color:var(--sg-orange)!important;box-shadow:0 0 0 3px rgba(255,106,0,.2)!important}
.btn,.theme-btn1,.submit-fluid-btn,.see-details-btn1,.search-submit-btn{border-radius:40px!important;font-weight:600}
.theme-btn1,.submit-fluid-btn,.search-submit-btn,.see-details-btn1{background:var(--sg-orange)!important;border-color:var(--sg-orange)!important;color:#fff!important}
.theme-btn1:hover,.submit-fluid-btn:hover,.search-submit-btn:hover,.see-details-btn1:hover{background:var(--sg-ink)!important;border-color:var(--sg-ink)!important}
.pagination-nav-1 ul li a.active,.pagination-nav-1 ul li a:hover{background:var(--sg-orange)!important;color:#fff!important;border-color:var(--sg-orange)!important}
.hs-badge{background:var(--sg-orange);color:#fff}
/* search under slider */
.trust-hero-section{background:#fff!important;padding:26px 0 30px!important}
.trust-hero-title,.trust-hero-subtitle{display:none!important}
.trust-hero-search-form{box-shadow:0 12px 34px rgba(13,13,13,.14)!important;border:1px solid #f0e4d8}
.trust-hero-search-form:focus-within{outline:3px solid var(--sg-orange)}
.trust-hero-search-btn{background:var(--sg-orange)!important}
.trust-hero-link{color:var(--sg-ink)!important;font-weight:600}
/* footer */
.footer-section,footer,.main-footer-section{background:var(--sg-ink)!important}
.footer-section a:hover,footer a:hover{color:var(--sg-orange)!important}
.main-footer-section .footer-middle-logo img{background:#fff;border-radius:12px;padding:8px 12px}
/* ---- home slider ---- */
.sg-hero{background:#fff;padding:28px 0 0}
.sg-slider{position:relative;border-radius:24px;background:linear-gradient(120deg,#fff 0%,#fff6ee 100%);border:1px solid #f0e4d8;overflow:hidden;box-shadow:0 14px 40px rgba(13,13,13,.08)}
.sg-track{position:relative;min-height:380px}
.sg-slide{position:absolute;inset:0;display:grid;grid-template-columns:1.05fr 1fr;align-items:center;gap:10px;padding:34px 64px;opacity:0;visibility:hidden;transition:opacity .6s ease,visibility .6s}
.sg-slide.is-on{opacity:1;visibility:visible}
.sg-kicker{display:inline-block;font-size:12px;letter-spacing:2.5px;font-weight:700;color:var(--sg-orange);margin-bottom:10px}
.sg-copy h1{font-size:clamp(30px,4.4vw,50px);line-height:1.12;margin:0 0 12px;font-weight:800;color:var(--sg-ink)}
.sg-copy h1 em{font-style:normal;color:var(--sg-orange)}
.sg-copy p{max-width:440px;color:#4a4a55;margin:0 0 6px;font-size:16px}
.sg-art svg{width:100%;height:auto;max-height:320px;display:block}
.sg-cta{display:inline-block;background:var(--sg-orange);color:#fff!important;font-weight:700;border-radius:50px;padding:13px 30px;margin-top:18px;box-shadow:0 8px 20px rgba(255,106,0,.35)}
.sg-cta:hover{background:var(--sg-ink);color:#fff!important}
.sg-nav{position:absolute;top:50%;transform:translateY(-50%);width:42px;height:42px;border-radius:50%;border:1px solid #e8dccf;background:#fff;color:var(--sg-ink);font-size:26px;line-height:1;cursor:pointer;z-index:3}
.sg-nav:hover{background:var(--sg-orange);color:#fff;border-color:var(--sg-orange)}
.sg-prev{left:12px}.sg-next{right:12px}
.sg-dots{position:absolute;left:0;right:0;bottom:14px;display:flex;justify-content:center;gap:8px;z-index:3}
.sg-dots button{width:10px;height:10px;border-radius:10px;border:0;background:#d9d2ca;cursor:pointer;padding:0;transition:width .25s}
.sg-dots button.is-on{width:30px;background:var(--sg-orange)}
@media(max-width:800px){.sg-track{min-height:520px}.sg-slide{grid-template-columns:1fr;padding:26px 24px 46px;text-align:center;align-content:start}.sg-copy p{margin-inline:auto}.sg-art{order:-1}.sg-art svg{max-height:190px}.sg-nav{display:none}}
/* trust strip */
.sg-trust{background:#fff;border-block:1px solid #e6e8f2}
.sg-trust-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;padding:22px 0}
.sg-trust-grid div{display:flex;gap:12px;align-items:center}
.sg-trust-grid svg{width:34px;height:34px;flex:none;color:var(--sg-blue)}
.sg-trust-grid b{display:block;font-size:14px}
.sg-trust-grid small{color:#6b7084;font-size:12px}
/* how it works */
.sg-how{padding:64px 0;background:#fff}
.sg-how-head{text-align:center;margin-bottom:32px}
.sg-how-head h2{font-size:clamp(26px,3.4vw,36px);font-weight:700;margin:0 0 8px}
.sg-how-head p{color:#6b7084;margin:0}
.sg-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:36px}
.sg-step{background:var(--sg-bg);border-radius:18px;padding:26px;border:1px solid #e6e8f2}
.sg-step i{display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:var(--sg-blue);color:#fff;font-style:normal;font-weight:700;margin-bottom:12px}
.sg-step h3{font-size:18px;margin:0 0 6px}.sg-step p{margin:0;color:#6b7084;font-size:14px}
.sg-band{display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap;background:linear-gradient(100deg,#0d0d0d,#2b2b2b);color:#fff;border-radius:22px;padding:26px 32px}
.sg-band h3{margin:0;font-size:22px;color:#fff}.sg-band p{margin:4px 0 0;opacity:.92}
.sg-band .sg-cta{margin-top:0}
@media(max-width:800px){.sg-trust-grid{grid-template-columns:1fr 1fr}.sg-steps{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
.sg-band .sg-cta{margin-top:0;box-shadow:none}
.sg-step i{background:var(--sg-orange)}
.sg-trust-grid svg{color:var(--sg-orange)}

/* ---- trust strip: black + orange ---- */
.sg-trust{background:var(--sg-ink,#0d0d0d)!important;border:0!important;border-top:3px solid var(--sg-orange,#ff6a00)!important}
.sg-trust-grid{gap:0!important;padding:0!important}
.sg-trust-grid>div{padding:24px 20px;gap:14px!important;border-right:1px solid #2a2a2a}
.sg-trust-grid>div:last-child{border-right:0}
.sg-trust-grid svg{width:50px!important;height:50px!important;padding:12px;border-radius:50%;background:var(--sg-orange,#ff6a00);color:#0d0d0d!important;stroke-width:1.9;transition:transform .25s}
.sg-trust-grid>div:hover svg{transform:scale(1.08) rotate(-4deg)}
.sg-trust-grid b{color:#fff!important;font-size:15px!important}
.sg-trust-grid small{color:#b9b9c2!important}
@media(max-width:800px){.sg-trust-grid>div{border-right:0;border-bottom:1px solid #2a2a2a;padding:18px 14px}}
@media(prefers-reduced-motion:reduce){.sg-trust-grid svg{transition:none}}

/* ---- geometric layer: angles, triangles, diamonds ---- */
.sg-slider{background:radial-gradient(circle,#ffd7b8 1.6px,transparent 1.7px) 0 0/26px 26px,linear-gradient(120deg,#fff 0%,#fff6ee 100%)}
.sg-slider::before{content:"";position:absolute;top:0;right:0;width:190px;height:190px;background:#ff6a00;clip-path:polygon(0 0,100% 0,100% 100%);z-index:0}
.sg-slider::after{content:"";position:absolute;top:0;right:0;width:110px;height:110px;background:#0d0d0d;clip-path:polygon(0 0,100% 0,100% 100%);z-index:0}
.sg-slide{z-index:1}
.sg-art{position:relative}
.sg-art::before{content:"";position:absolute;inset:10% 16%;border:3px solid #0d0d0d;opacity:.12;transform:rotate(45deg);border-radius:22px}
.sg-art svg{position:relative}
.sg-kicker{position:relative;padding-left:26px}
.sg-kicker::before{content:"";position:absolute;left:0;top:50%;width:18px;height:10px;margin-top:-5px;background:#ff6a00;transform:skewX(-30deg)}
.sg-cta{clip-path:polygon(14px 0,100% 0,calc(100% - 14px) 100%,0 100%);border-radius:0!important;padding:14px 38px!important;box-shadow:none!important}
.sg-trust,.tr{background:linear-gradient(177deg,#ff6a00 0,#ff6a00 12px,#0d0d0d 12.5px)!important;border-top:0!important}
.sg-trust-grid>div,.tr .w>div{padding-top:30px!important}
.sg-trust-grid svg,.tr svg{clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);border-radius:0!important}
.sg-how,.hw{background:linear-gradient(135deg,#fff3e8 25%,transparent 25%) -20px 0/40px 40px,linear-gradient(225deg,#fff3e8 25%,transparent 25%) -20px 0/40px 40px,#fff!important}
.sg-how-head h2::after,.hw h2::after{content:"";display:block;width:76px;height:6px;margin:12px auto 0;background:#ff6a00;transform:skewX(-30deg)}
.sg-step,.sp{position:relative;border:0!important;border-left:5px solid #ff6a00!important;border-radius:0!important;background:#fff!important;box-shadow:0 10px 26px rgba(13,13,13,.08);clip-path:polygon(0 0,calc(100% - 34px) 0,100% 34px,100% 100%,0 100%)}
.sg-step::after,.sp::after{content:"";position:absolute;top:0;right:0;width:34px;height:34px;background:#0d0d0d;clip-path:polygon(0 0,100% 100%,0 100%)}
.sg-step i,.sp i{border-radius:0!important;clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);width:46px!important;height:46px!important}
.sg-band,.bn{border-radius:0!important;background:linear-gradient(115deg,#0d0d0d 0 70%,#ff6a00 70% 76%,#1c1c1c 76%)!important;clip-path:polygon(0 0,100% 0,100% calc(100% - 26px),calc(100% - 26px) 100%,0 100%)}
.sg-band .sg-cta,.bn .sg-cta{background:#ff6a00}
@media(max-width:800px){.sg-slider::before{width:110px;height:110px}.sg-slider::after{width:60px;height:60px}.sg-band,.bn{background:#0d0d0d!important}}