/* ==========================================================
   Screenly Home Solutions - visual refresh
   Loaded after style.css. Content and images are unchanged.
   Fonts: Fraunces (headings) + Manrope (body)
   ========================================================== */
@font-face{font-family:'Fraunces';src:url('../fonts/fraunces-var.woff2') format('woff2');font-weight:100 900;font-style:normal;font-display:swap}
@font-face{font-family:'Manrope';src:url('../fonts/manrope-var.woff2') format('woff2');font-weight:200 800;font-style:normal;font-display:swap}
:root{
  --body-font:'Manrope',system-ui,-apple-system,'Segoe UI',sans-serif;
  --heading-font:'Fraunces',Georgia,'Times New Roman',serif;
  --theme-color:#6d0f86;
  --theme-deep:#3b0a4a;
  --theme-tint:#f6eefa;
  --gold:#d9a00b;
  --gold-deep:#8a6200;
  --ink:#1f1626;
  --body-text-color:#4f4658;
  --color-dark:#1f1626;
  --color-yellow:#d9a00b;
  --footer-bg:#2b0b36;
  --box-shadow:0 10px 30px -12px rgba(43,11,54,.22);
  --radius:16px;
}
html{scroll-behavior:smooth}
body{font-family:var(--body-font);font-size:16px;line-height:1.7;color:var(--body-text-color);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
h1,h2,h3,h4,h5,h6{font-family:var(--heading-font);color:var(--ink);font-weight:600;letter-spacing:-.01em;line-height:1.18;font-optical-sizing:auto}
h1{font-size:clamp(2rem,4.6vw,3.4rem)}h2{font-size:clamp(1.7rem,3.2vw,2.5rem)}h3{font-size:clamp(1.3rem,2vw,1.7rem)}h4{font-size:1.2rem}
a{color:var(--theme-color)}a:hover{color:var(--gold-deep)}
p{margin-bottom:1rem}
.container{max-width:1200px}
.py-120{padding-top:96px;padding-bottom:96px}.pt-100{padding-top:80px}.pb-70{padding-bottom:56px}

/* ---------- section headings ---------- */
.site-heading{margin-bottom:48px}
.site-title-tagline{font-family:var(--body-font);font-size:.82rem;letter-spacing:.18em;font-weight:800;color:var(--theme-color);display:inline-flex;align-items:center;gap:8px}
.site-title-tagline i{font-size:1rem;line-height:1}
.site-title{font-family:var(--heading-font);font-size:clamp(1.8rem,3.4vw,2.7rem);font-weight:600;text-transform:none;color:var(--ink);margin-top:10px;line-height:1.15}
.site-title span{color:var(--theme-color)}
.site-heading p{max-width:680px;margin-left:auto;margin-right:auto}
.site-heading.text-center .site-title{margin-left:auto;margin-right:auto;max-width:760px}
.heading-divider{width:64px;height:4px;border:0;border-radius:4px;background:linear-gradient(90deg,var(--theme-color) 0 60%,var(--gold) 60%);margin-top:14px}
.heading-divider::after{display:none}

/* ---------- buttons ---------- */
.theme-btn{font-family:var(--body-font);font-size:.82rem;font-weight:800;letter-spacing:.08em;padding:14px 26px;border-radius:999px;background:var(--theme-color);color:#fff;display:inline-flex;align-items:center;gap:10px;line-height:1.2;box-shadow:0 10px 22px -10px rgba(109,15,134,.7)}
.theme-btn::before{background:var(--gold)}
.theme-btn:hover{color:#1f1626;transform:translateY(-2px)}
.theme-btn i{margin:0;font-size:.8rem}

/* ---------- top bar + header ---------- */
.header-top{background:var(--theme-deep);padding:8px 0}
.header-top-wrapper{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:6px 24px}
.header-top-contact ul{display:flex;flex-wrap:wrap;gap:4px 22px;align-items:center}
.header-top-contact a,.header-top-social span,.header-top-social a{color:#f3e8f8;font-size:.82rem;font-weight:500}
.header-top-contact a i{color:var(--gold);margin-right:6px}
.header-top-contact a:hover,.header-top-social a:hover{color:var(--gold)}
.header-top-social{display:flex;align-items:center;gap:12px}
.main-navigation{background:#fff;box-shadow:0 1px 0 rgba(31,22,38,.06),0 12px 28px -22px rgba(31,22,38,.35)}
.navbar{padding:10px 0}
.navbar .navbar-brand{margin:0;padding:0}
.logo-img{max-width:72px!important;height:auto}
.logo-line-1{font-family:var(--heading-font)!important;font-size:1.6rem!important;font-weight:700!important;color:var(--theme-color)!important;letter-spacing:-.01em}
.logo-line-2{font-family:var(--body-font)!important;font-size:.68rem!important;font-weight:800!important;letter-spacing:.2em!important;color:var(--gold-deep)!important}
.navbar-nav{gap:4px;align-items:center}
.navbar .nav-link,.navbar-nav .nav-link{font-family:var(--body-font);font-size:.95rem;font-weight:700;color:var(--ink)!important;padding:10px 16px!important;border-radius:999px;position:relative}
.navbar .nav-link:hover{color:var(--theme-color)!important;background:var(--theme-tint)}
.navbar .nav-link.active{color:var(--theme-color)!important;background:var(--theme-tint)}
.navbar .nav-link::before,.navbar .nav-link::after{display:none!important}
.nav-right-btn{margin-top:0!important}
@media (min-width:992px){.navbar-collapse{justify-content:flex-end;gap:24px}}
@media (max-width:991px){
  .navbar-collapse{background:#fff;padding:12px 0 18px;border-top:1px solid rgba(31,22,38,.08)}
  .navbar-nav{align-items:stretch}
  .navbar .nav-link{padding:12px 6px!important;border-radius:10px}
  .nav-right{padding-top:8px}
  .header-top-wrapper{justify-content:center;text-align:center}
}

/* ---------- hero ---------- */
.hero-single{padding-top:150px;padding-bottom:140px;min-height:min(78vh,720px)}
.hero-single::before{background:linear-gradient(90deg,rgba(31,10,40,.82) 0%,rgba(31,10,40,.55) 45%,rgba(31,10,40,.15) 100%);opacity:1}
.hero-single .hero-content{max-width:600px}
.hero-single .hero-content .hero-title{font-family:var(--heading-font);font-size:clamp(2rem,4.4vw,3.5rem);font-weight:600;text-transform:none;line-height:1.1;margin:0 0 18px}
.hero-single .hero-content p{font-size:1.1rem;line-height:1.7;color:rgba(255,255,255,.92);max-width:540px}
.hero-slider.owl-theme .owl-nav [class*=owl-]{background:rgba(255,255,255,.16)!important;border:1px solid rgba(255,255,255,.35);color:#fff!important;border-radius:50%;width:48px;height:48px;display:grid;place-items:center;backdrop-filter:blur(6px)}
.hero-slider.owl-theme .owl-nav [class*=owl-]:hover{background:var(--gold)!important;color:#1f1626!important}

/* ---------- about ---------- */
.about-area{background:#fff}
.about-left{display:flex;justify-content:center}
.about-left img,.about-img img{border-radius:var(--radius)}
.about-right .site-title{font-size:clamp(1.8rem,3vw,2.5rem)}
.about-list li,.about-list-wrapper li{display:flex;align-items:flex-start;gap:10px;color:var(--ink);font-weight:600;margin-bottom:8px}
.about-list li::before{position:static;flex:none;color:var(--theme-color);margin-top:2px}
.about-right h5,.about-right h6{font-family:var(--body-font);color:var(--theme-color);font-weight:800;font-size:1rem;letter-spacing:.04em;margin:18px 0 10px}

/* ---------- service / product cards ---------- */
.service-area{background:#faf7fc}
.service-item{height:auto!important;display:flex;flex-direction:column;padding:0;border-radius:var(--radius);overflow:hidden;background:#fff;box-shadow:var(--box-shadow);margin-bottom:28px;height:calc(100% - 28px)!important}
.service-item:hover{transform:translateY(-6px)}
.service-img{overflow:hidden;aspect-ratio:4/3.2}
.service-img img{padding:0!important;width:100%;height:100%;object-fit:cover;display:block;transition:transform .6s ease}
.service-item:hover .service-img img{transform:scale(1.05)}
.service-content{padding:22px 22px 24px;display:flex;flex-direction:column;flex:1;margin:0}
.service-title,.service-title a{font-family:var(--heading-font);font-size:1.3rem!important;font-weight:600;color:var(--ink);line-height:1.2;margin-bottom:8px}
.service-title a:hover{color:var(--theme-color)}
.service-content p{font-size:.96rem;margin-bottom:0}
.service-arrow{margin-top:auto;padding-top:18px}
.service-arrow .theme-btn{padding:11px 20px}
.service-icon{display:none}
.row>[class*=col-]>.service-item{width:100%}

/* ---------- testimonials ---------- */
.testimonial-area{background:var(--theme-deep)!important;background-image:none!important;position:relative}
.testimonial-area::before{display:none}
.testimonial-area .site-title,.testimonial-area .site-title-tagline{color:#fff}
.testimonial-area .site-title span{color:var(--gold)}
.testimonial-area .site-title-tagline{color:var(--gold)}
.testimonial-single{background:#fff;border-radius:var(--radius);padding:28px;box-shadow:0 18px 40px -20px rgba(0,0,0,.5);height:100%}
.testimonial-author-info h4,.testimonial-author-info h5{font-family:var(--heading-font);color:var(--ink);font-size:1.1rem}
.testimonial-quote p{color:var(--body-text-color);font-size:1rem;line-height:1.75}
.testimonial-quote-icon{color:var(--theme-tint)!important}
.testimonial-rate i{color:var(--gold)}

/* ---------- breadcrumb ---------- */
.site-breadcrumb{padding:90px 0 80px;position:relative;background-size:cover!important;background-position:center!important}
.site-breadcrumb::before{background:linear-gradient(90deg,rgba(31,10,40,.88),rgba(31,10,40,.55))!important;opacity:1!important}
.breadcrumb-title{font-family:var(--heading-font);font-size:clamp(2rem,4vw,3rem);color:#fff;font-weight:600}
.breadcrumb-menu li,.breadcrumb-menu li a{color:rgba(255,255,255,.85)}

/* ---------- forms ---------- */
.form-control,input[type=text],input[type=tel],input[type=email],textarea,select{font-family:var(--body-font);border:1.5px solid #e4dbea;border-radius:12px;padding:13px 16px;background:#fff;color:var(--ink);font-size:.98rem;width:100%}
.form-control:focus,input:focus,textarea:focus,select:focus{outline:0;border-color:var(--theme-color);box-shadow:0 0 0 4px rgba(109,15,134,.12)}
.contact-wrapper{border-radius:var(--radius)}
.contact-info{border-radius:var(--radius);background:#fff;box-shadow:var(--box-shadow);padding:28px 22px;height:100%;text-align:center}
.contact-info-content h5{font-family:var(--heading-font);color:var(--ink);font-size:1.2rem}
.contact-info-content p,.contact-info-content a{color:var(--body-text-color);overflow-wrap:anywhere}
.contact-info-icon{color:#fff!important;background:linear-gradient(135deg,var(--theme-color),#9a2bb6)!important;border-radius:20px;width:68px!important;height:68px!important;line-height:68px!important;font-size:28px!important;margin:0 auto 16px;box-shadow:0 12px 24px -12px rgba(109,15,134,.8)}

/* ---------- footer ---------- */
.footer-area{background:var(--footer-bg);color:#e8dcee}
.footer-widget-title{font-family:var(--heading-font);color:#fff;font-size:1.25rem;margin-bottom:20px;position:relative;padding-bottom:12px}
.footer-widget-title::after{content:'';position:absolute;left:0;bottom:0;width:36px;height:3px;border-radius:3px;background:var(--gold)}
.footer-list li{margin-bottom:9px}
.footer-list a,.footer-widget-box a{color:#e8dcee;font-size:.95rem}
.footer-list a:hover,.footer-widget-box a:hover{color:var(--gold);padding-left:4px}
.footer-list a i{color:var(--gold);margin-right:6px}
.footer-widget-box li{color:#e8dcee}
.copyright{background:#1d0726!important;padding:18px 0}
.copyright,.copyright-text,.copyright a{color:#cdbbd6!important;font-size:.88rem}

/* floating whatsapp */
.my-float{border-radius:50%}
#scroll-top{border-radius:50%}
.quote-modal-content{border-radius:20px}
.quote-modal-content h3{font-family:var(--heading-font)}

/* misc rhythm */
img{max-width:100%;height:auto}
section,.about-area,.service-area,.testimonial-area{overflow:hidden}
@media (max-width:767px){
  .py-120{padding-top:64px;padding-bottom:64px}
  .site-heading{margin-bottom:32px}
  .hero-single{padding-top:96px;padding-bottom:90px;min-height:0}
  .hero-single::before{background:linear-gradient(180deg,rgba(31,10,40,.6),rgba(31,10,40,.82))}
}

/* ---------- round 2 fixes ---------- */
.navbar .nav-link,.navbar-nav .nav-link{white-space:nowrap;padding:10px 14px!important}
.navbar-nav{gap:2px}
.testimonial-area .site-title-tagline,.testimonial-area .site-title-tagline i{color:var(--gold)!important}
.testimonial-area .site-title span{color:var(--gold)!important}
.testimonial-area .heading-divider{background:linear-gradient(90deg,var(--gold) 0 60%,#fff 60%)}
.testimonial-area{background:linear-gradient(160deg,#3b0a4a,#24082e)!important}
.testimonial-single{display:flex;flex-direction:column}
.footer-area .copyright{margin:0}
.seo-keywords{background:#1c0724!important;color:#a994b5!important;font-size:.74rem!important;line-height:1.75!important;padding:22px 16px!important;text-align:center!important;border-top:1px solid rgba(255,255,255,.08)!important;letter-spacing:.01em}
.seo-keywords{padding-left:max(16px,8vw)!important;padding-right:max(16px,8vw)!important}

.nav-right .theme-btn,.nav-right-btn .theme-btn{white-space:nowrap}
.contact-area.py-120{padding-bottom:96px}
.contact-wrapper{margin-top:32px;overflow:hidden;box-shadow:var(--box-shadow)}
.contact-form{padding:32px}
.contact-form-header h2{font-size:1.7rem}
.contact-info{border-bottom:4px solid var(--gold)}
.contact-info::after,.contact-info::before{display:none}
.int-cta-inner h5{color:var(--gold)!important}
.int-cta-inner h5 a{color:var(--gold)!important}
.int-card,.int-feature-content{font-family:var(--body-font)}

/* ---------- round 3: testimonials + equal-height carousels ---------- */
.ts-bg{padding-top:96px!important;padding-bottom:96px}
.ts-bg::before{background:linear-gradient(160deg,#3b0a4a,#1f0628)!important;opacity:.93!important}
.testimonial-area2 .site-title,.testimonial-area2 .site-title.text-white{color:#fff!important}
.testimonial-area2 .site-title span{color:var(--gold)!important}
.testimonial-area2 .site-title-tagline,.testimonial-area2 .site-title-tagline i{color:var(--gold)!important}
.testimonial-area2 .heading-divider{background:linear-gradient(90deg,var(--gold) 0 60%,rgba(255,255,255,.5) 60%)}
.testimonial-slider .owl-stage{display:flex}
.testimonial-slider .owl-item{display:flex;float:none}
.testimonial-slider .owl-item>.service-item,.testimonial-slider .owl-item>.testimonial-single{width:100%}
.testimonial-slider .service-item{height:auto!important;margin-bottom:12px}
.testimonial-slider .testimonial-single{margin:0}
.hero-slider .owl-item>.hero-single{width:100%}
.testimonial-single .testimonial-quote{flex:1}
.testimonial-single{height:auto}
.owl-dots{margin-top:22px}
.owl-dots .owl-dot span{background:rgba(109,15,134,.25)!important}
.owl-dots .owl-dot.active span{background:var(--theme-color)!important}
.testimonial-area2 .owl-dots .owl-dot span{background:rgba(255,255,255,.3)!important}
.testimonial-area2 .owl-dots .owl-dot.active span{background:var(--gold)!important}
.owl-dots{text-align:center;-webkit-tap-highlight-color:transparent}
.owl-dots .owl-dot{display:inline-block;background:none;border:0;padding:0}
.owl-dots .owl-dot span{display:block;width:10px;height:10px;margin:5px 6px;border-radius:30px;transition:all .25s}
.owl-dots .owl-dot.active span{width:26px}