/* ================================================================
   CREATOR BIZ — COMPLETE BRAND CSS (FINAL v3)
   Blue #1565C0 | Orange #FF6B00 | Navy #1e3a5c | White
   ================================================================ */

/* ── ROOT ── */
:root { --brand: #1565C0 !important; --primary: #1565C0 !important; --color-primary: #1565C0 !important; }
[data-color-primary=color-primary-1] { --brand: #1565C0 !important; }

/* ── BODY ── */
body { background: #f7f9fc !important; }

/* ── TEMPLATE JUNK — HIDE ── */
.tf-left-bar, .offcanvas-color, .footer-image, .section-pricing .tf-switch-check { display: none !important; }

/* ── SHARIAH STRIP ── */
.shariah-strip { background:#1e3a5c; padding:9px 16px; text-align:center; font-size:12.5px; font-weight:600; color:#fff; letter-spacing:0.4px; border-bottom:3px solid #FF6B00; font-family:"Urbanist",sans-serif; position:relative; z-index:200; }
.shariah-strip span { color:#FF6B00; }

/* ── HERO BADGE ── */
.sub-badge-halal { display:inline-flex; align-items:center; gap:6px; background:rgba(255,107,0,0.15); border:1px solid rgba(255,107,0,0.5); border-radius:20px; padding:5px 16px; font-size:12px; font-weight:700; color:#FF8c33; margin-bottom:14px; }

/* ── LOGOS ── */
.logo-site img { height:38px !important; width:auto !important; }
.footer-logo img { height:50px !important; width:auto !important; }
.offcanvas-menu .logo-site img { height:34px !important; width:auto !important; }

/* ── HEADER ── */
.tf-header .header-inner { background:rgba(255,255,255,0.88) !important; backdrop-filter:blur(44px) !important; border-bottom:1px solid rgba(21,101,192,0.08) !important; }

/* ── NAV DROPDOWN: HIDDEN BY DEFAULT ── */
.sub-menu { opacity:0 !important; visibility:hidden !important; pointer-events:none !important; transform:translateY(10px) !important; transition:all 0.3s ease !important; display:block !important; }
.menu-item:hover > .sub-menu { opacity:1 !important; visibility:visible !important; pointer-events:all !important; transform:translateY(0) !important; }

/* ── HERO ── */
.section-hero .hero-image { background-color:#1e3a5c !important; }
.section-hero .scroll-more { background:rgba(255,255,255,0.95) !important; }
.section-hero .content-wrap .sub { color:#FFa94d !important; -webkit-text-fill-color:#FFa94d !important; }
.section-hero .content-wrap .sub svg path { fill:#FF6B00; }
.section-hero .content-wrap .title-icon .box { background:linear-gradient(180deg,#FF6B00,#FF8c33) !important; }
.section-hero h1,.section-hero h2,.section-hero .title,.section-hero .title1,.section-hero .title2,.section-hero .title2 span,.section-hero .text-gradient-1 { color:#fff !important; -webkit-text-fill-color:#fff !important; }
.section-hero p,.section-hero .text { color:rgba(255,255,255,0.85) !important; -webkit-text-fill-color:rgba(255,255,255,0.85) !important; }

/* ── WHITE SECTIONS ── */
.box-white { background:#fff !important; box-shadow:0 1px 30px rgba(21,101,192,0.05) !important; }

/* ── DARK SECTIONS ── */
.box-black { background:linear-gradient(160deg,#1e3a5c,#17304e,#1a3555) !important; }
.box-black .light-box { background:linear-gradient(180deg,rgba(255,255,255,0.06),rgba(255,255,255,0)) !important; }
.box-black h1,.box-black h2,.box-black h3,.box-black h4,.box-black h5,.box-black h6,.box-black .heading-title,.box-black .title,.box-black .name,.box-black .fw-semibold,.box-black .number,.box-black .text-white { color:#fff !important; -webkit-text-fill-color:#fff !important; }
.box-black p,.box-black .text,.box-black .desc,.box-black .sub,.box-black li,.box-black .text-body-1,.box-black .text-body-3,.box-black .text-secondary,.box-black .text-neutral-300,.box-black .text-neutral-400 { color:rgba(255,255,255,0.80) !important; -webkit-text-fill-color:rgba(255,255,255,0.80) !important; }
.box-black .heading-sub { color:#FFa94d !important; -webkit-text-fill-color:#FFa94d !important; }
.box-black .text-gradient-1,.box-black .text-gradient-2,.box-black .text-gradient-3 { -webkit-text-fill-color:#fff !important; color:#fff !important; }

/* ── TEXT READABILITY — LIGHT SECTIONS ── */
body,p,.text,.desc,li { color:#333 !important; }
h1,h2,h3,h4,h5,h6 { color:#0d1a2e !important; }
.text-secondary { color:#555 !important; }
.text-neutral-300 { color:#444 !important; }
.text-neutral-400 { color:#666 !important; }
.text-gradient-1,.text-gradient-2,.text-gradient-3 { -webkit-text-fill-color:#0d1a2e !important; color:#0d1a2e !important; }
.heading-section .heading-sub { color:#FF6B00 !important; -webkit-text-fill-color:#FF6B00 !important; }
.heading-section .heading-title { color:#0d1a2e !important; -webkit-text-fill-color:#0d1a2e !important; padding-bottom: 50px;}
.box-black .heading-section .heading-title { color:#fff !important; -webkit-text-fill-color:#fff !important; }
.heading-title { word-spacing:4px !important; }

/* ── TEAM CARDS ── */
.team-item { background:linear-gradient(145deg,rgba(255,255,255,0.08),rgba(255,255,255,0.03)) !important; border:1px solid rgba(255,255,255,0.18) !important; }
.team-item:hover { border-color:#FF6B00 !important; }
.team-item .name { color:#fff !important; }
.team-item .sub { color:rgba(255,255,255,0.70) !important; }

/* ── WHITE CARDS ── */
.accordion-faq_item,.process-card,.benefits-box,.features-item,.accordion-asked .accordion-asked-item,.form-contact,.section-about-us .review-box,.section-about-us .box-quotes,.pricing-item:not(.style-black),.box-contact-item { background:#fff !important; border:1px solid rgba(21,101,192,0.08) !important; }
.featured-works-item { background:#f7f9fc !important; }

/* ── ABOUT DARK BOX ── */
.section-about-us .col-left { background:linear-gradient(160deg,#1e3a5c,#17304e) !important; }
.section-about-us .col-left h1,.section-about-us .col-left h2,.section-about-us .col-left .title,.section-about-us .col-left .fw-semibold { color:#fff !important; -webkit-text-fill-color:#fff !important; }
.section-about-us .col-left p,.section-about-us .col-left .text,.section-about-us .col-left .sub { color:rgba(255,255,255,0.80) !important; }

/* ── PRICING ── */
.pricing-item.style-black { background:linear-gradient(145deg,#1e3a5c,#17304e) !important; border:1px solid rgba(255,255,255,0.12) !important; }
.pricing-item.style-black,.pricing-item.style-black * { color:rgba(255,255,255,0.85) !important; -webkit-text-fill-color:rgba(255,255,255,0.85) !important; }
.pricing-item.style-black .price-number { color:#fff !important; -webkit-text-fill-color:#fff !important; }

/* ── TESTIMONIALS ── */
.testimonial-image { background:linear-gradient(145deg,rgba(255,255,255,0.08),rgba(255,255,255,0.03)) !important; }
.swiper-testimonial_wrap .desc { color:#fff !important; -webkit-text-fill-color:#fff !important; }
.swiper-testimonial_wrap .top-icon i { color:#FF6B00 !important; }
.statistic-number .number { color:#fff !important; -webkit-text-fill-color:#fff !important; }
.statistic-number .prefix { color:#FF6B00 !important; -webkit-text-fill-color:#FF6B00 !important; }
.section-statistic::before,.section-statistic::after { background:linear-gradient(90deg,transparent,rgba(255,255,255,0.12),transparent) !important; }

/* ── FOOTER ── */
footer { background:linear-gradient(180deg,#1e3a5c,#152e4a) !important; }
footer h1,footer h2,footer h3,footer h4,footer h5,footer h6,footer .title,footer .fw-semibold { color:#fff !important; -webkit-text-fill-color:#fff !important; }
footer p,footer .text,footer a,footer li { color:rgba(255,255,255,0.75) !important; -webkit-text-fill-color:rgba(255,255,255,0.75) !important; }
footer .coppy-rights { color:rgba(255,255,255,0.50) !important; -webkit-text-fill-color:rgba(255,255,255,0.50) !important; }
footer a:hover { color:#FF6B00 !important; -webkit-text-fill-color:#FF6B00 !important; }
.tf-social-1 a { background:rgba(255,255,255,0.10) !important; border:1px solid rgba(255,255,255,0.20) !important; color:rgba(255,255,255,0.85) !important; }
.tf-social-1 a:hover { background:rgba(255,107,0,0.20) !important; border-color:#FF6B00 !important; }

/* ── PARTNER BAR ── */
.section-partner { background:#eef2f8; }
.infiniteSlide_partner img { height:36px !important; width:auto !important; object-fit:contain; filter:grayscale(20%); }
.infiniteSlide_partner img:hover { filter:grayscale(0%); }

/* ── PROGRESS / ICONS ── */
.progress-fill { background:#1565C0 !important; }
.progressbar-inner { background:#FF6B00 !important; }
.benefits-progress-inner .benefits-progress-item .progress-line { background-color:#1565C0 !important; }
.process-card > .icon { background:linear-gradient(180deg,#FF6B00,#FF8c33) !important; color:#fff !important; }
.section-contact .contact-item .icon,.section-contact .contact-item > i { color:#FF6B00 !important; -webkit-text-fill-color:#FF6B00 !important; }

/* ── SERVICES ACCORDION ── */
.accordion-faq_item .accordion-action,.accordion-faq_item .accordion-action::before { background:transparent !important; }
.accordion-faq_item .accordion-content { background:transparent !important; }
.accordion-faq_item .accordion-content .text { color:#555 !important; -webkit-text-fill-color:#555 !important; }
.accordion-faq_item .accordion-title { color:#0d1a2e !important; -webkit-text-fill-color:#0d1a2e !important; }
.accordion-faq_item .num { color:#FF6B00 !important; -webkit-text-fill-color:#FF6B00 !important; }
.accordion-asked .accordion-button { color:#0d1a2e !important; }
.accordion-asked .accordion-body { color:#444 !important; }

/* ── BENEFITS — KILL DELETED IMAGES ── */
.benefits-secure-inner,.benefits-design-inner,.benefits-secure-inner *,.benefits-design-inner * { display:none !important; height:0 !important; overflow:hidden !important; }
.benefits-secure .content,.benefits-design .content { position:relative !important; transform:none !important; bottom:auto !important; }
.benefits-secure,.benefits-design { display:flex !important; flex-direction:column !important; justify-content:center !important; min-height:160px !important; overflow:hidden !important; }

/* ── BROKEN IMAGES ── */
.section-contact .contact-image { display:none !important; }

/* ── BUTTONS ── */
.tf-btn { background:#FF6B00 !important; color:#fff !important; -webkit-text-fill-color:#fff !important; }
.tf-btn:hover { background:#e55f00 !important; }
.tf-btn .icon,.tf-btn i { color:#fff !important; -webkit-text-fill-color:#fff !important; }
.tf-btn-2 .icon,.tf-btn-2 i { color:#FF6B00 !important; }
#goTop { background:#1e3a5c !important; }
#goTop .icon { color:#fff !important; }

/* ── ACCENT COLORS ── */
.text-brand { color:#1565C0 !important; }
.heading-section .heading-sub::before { background-color:#FF6B00; }
.item-link::before { background-color:#FF6B00; }
.item-link:hover,.item-link.active { color:#FF6B00 !important; }
.link1:hover { color:#1565C0 !important; }
.featured-works-item .content .pagi-dot span.active { background-color:#FF6B00; }
.section-about-us .col-left .sub .dot { background-color:#FF6B00; }
.section-about-us .col-left .sub .dot::before { background-color:rgba(255,107,0,0.25); }
.list-tags .tags-item { color:#1565C0 !important; border-color:rgba(21,101,192,0.3) !important; }
.list-tags .tags-item:hover { color:#FF6B00 !important; border-color:#FF6B00 !important; }
.nav-menu-main .item-link { color:#0d1a2e !important; }
.nav-menu-main .item-link:hover,.nav-menu-main .item-link.active { color:#FF6B00 !important; }
.sub-menu .item-link { color:#333 !important; }
.sub-menu .item-link:hover { color:#FF6B00 !important; }
.featured-works-item .heading { color:#0d1a2e !important; }
.process-card .title { color:#0d1a2e !important; }
.process-card .text { color:#555 !important; }
.process-card .time { color:#FF6B00 !important; }
.benefits-box .title { color:#0d1a2e !important; }
.review-box .desc { color:#333 !important; }
.box-quotes .desc { color:#333 !important; }
.form-contact .heading { color:#0d1a2e !important; }
.contact-item .title { color:#0d1a2e !important; }

/* ── MOBILE MENU ── */
.offcanvas-menu .offcanvas-content { background:linear-gradient(160deg,#1e3a5c,#152e4a) !important; }
.offcanvas-menu .mb-menu-link,.offcanvas-menu .mb-menu-link .text { color:#fff !important; -webkit-text-fill-color:#fff !important; }
.offcanvas-menu .sub-nav-link { color:rgba(255,255,255,0.80) !important; }

/* ── IMAGE DISPLAY ── */
.section-about-us .col-left img { width:100%; border-radius:20px; }
.team-item .image img { width:100%; height:100%; object-fit:cover; }
.featured-works-item .image img { width:100%; height:340px; object-fit:cover; }

/* ══════════════════════════════════════════
   RESPONSIVE — TABLET (max 991px)
   ══════════════════════════════════════════ */
@media(max-width:991px) {
  /* HEADER: FORCE BURGER ONLY */
  .tf-header .header-inner .box-navigation {
    display:none !important;
    width:0 !important; height:0 !important;
    overflow:hidden !important;
    position:absolute !important; left:-9999px !important;
    visibility:hidden !important;
    opacity:0 !important;
  }
  .tf-header .header-inner > .tf-btn:not(.mobile-menu) {
    display:none !important;
  }
  .tf-header .header-inner {
    display:flex !important;
    justify-content:space-between !important;
    align-items:center !important;
    padding:10px 16px !important;
    overflow:hidden !important;
  }
  a.mobile-menu { display:flex !important; font-size:24px !important; }

  /* ALL COLUMNS STACK */
  .row>[class*="col-xxl"],.row>[class*="col-lg"],.row>[class*="col-md"]:not(.col-md-6) {
    width:100% !important; max-width:100% !important; flex:0 0 100% !important;
  }
  .services-image { display:none !important; }
  .section-pricing .row>[class*="col-lg"],
  .section-benefits .row>[class*="col-lg"],
  .section-team .row>[class*="col-"] {
    width:100% !important; max-width:100% !important; flex:0 0 100% !important;
  }
}

/* ══════════════════════════════════════════
   RESPONSIVE — MOBILE (max 767px)
   ══════════════════════════════════════════ */
@media(max-width:767px) {
  /* SHARIAH STRIP */
  .shariah-strip { font-size:10px; padding:7px 8px; line-height:1.5; }

  /* HERO */
  .section-hero .container { padding-left:20px !important; padding-right:20px !important; }
  .section-hero .content-wrap { padding:90px 0 50px !important; text-align:center !important; overflow:hidden !important; }
  .section-hero .content-wrap .title,.section-hero .text-display-2 { font-size:28px !important; line-height:1.2 !important; }
  .section-hero .content-wrap .title2 { flex-direction:column !important; gap:0 !important; }
  .section-hero .content-wrap .title br,.section-hero .content-wrap p br,.heading-title br { display:none !important; }
  .section-hero .content-wrap p { font-size:14px !important; padding:0 10px !important; }
  .section-hero .bot-btns { flex-direction:column !important; gap:10px !important; width:100% !important; }
  .section-hero .bot-btns a { width:100% !important; text-align:center !important; display:block !important; }
  .section-hero .scroll-more { display:none !important; }

  /* HEADINGS */
  .heading-title { font-size:24px !important; line-height:1.25 !important; word-spacing:3px !important; word-break:break-word !important; }
  h1 { font-size:26px !important; } h2 { font-size:22px !important; } h3 { font-size:18px !important; }

  /* ABOUT */
  .section-about-us .col-left { padding:20px !important; border-radius:16px !important; }
  .section-about-us .col-left > img { display:none !important; }
  .box-quotes { flex-direction:column !important; }
  .box-quotes .image { width:100% !important; height:180px !important; }
  .review-box { padding:16px !important; }

  /* SERVICES ACCORDION */
  .accordion-faq_item { padding:16px !important; }
  .accordion-faq_item .accordion-content { flex-direction:column !important; }
  .accordion-faq_item .accordion-content .image { width:100% !important; height:auto !important; margin-bottom:12px !important; }
  .accordion-faq_item .accordion-title { font-size:16px !important; }
  .list-tags { flex-wrap:wrap !important; gap:6px !important; }

  /* CASE STUDIES */
  .featured-works-item .image img { height:200px !important; }
  .featured-works-item .content .bot { flex-direction:column !important; gap:12px; }
  .featured-works-item .content .bot .heading { width:100% !important; font-size:20px !important; }
  .featured-works-item .content .grid-text { display:flex !important; flex-direction:column !important; gap:12px !important; width:100% !important; }
  .featured-works-item .content .grid-text .item { width:100% !important; }

  /* BENEFITS */
  .benefits-box { padding:20px !important; margin-bottom:12px; }
  .section-benefits .row { margin-bottom:0 !important; }

  /* TEAM */
  .team-item { margin-bottom:16px !important; }

  /* PRICING */
  .pricing-item { padding:20px 16px !important; margin-bottom:16px !important; }
  .pricing-item .heading { flex-direction:column !important; gap:12px !important; align-items:flex-start !important; }
  .pricing-item .heading .tf-btn { width:100% !important; text-align:center !important; }
  .pricing-item .price-number { font-size:36px !important; }
  .pricing-item .content { flex-direction:column !important; }
  .pricing-item .content > div:first-child { width:100% !important; margin-bottom:12px !important; }
  .pricing-item .list-text { width:100% !important; }

  /* CONTACT */
  .form-contact { padding:20px !important; margin-top:20px !important; border-radius:16px !important; }
  .section-contact .col-left { padding:20px !important; }

  /* FOOTER */
  footer .container { padding:0 16px !important; }
  .footer-content { text-align:center; padding:32px 0 !important; }
  .tf-social-1 { display:grid !important; grid-template-columns:1fr 1fr !important; gap:8px !important; max-width:320px; margin:0 auto !important; }
  .footer-bottom { flex-direction:column !important; gap:16px !important; text-align:center !important; padding:20px 0 !important; }
  .footer-links { justify-content:center !important; flex-wrap:wrap !important; gap:12px !important; }
  .coppy-rights { font-size:11px !important; }
  .action-go-top { justify-content:center !important; }

  /* PARTNERS */
  .partner-wrap { flex-direction:column !important; gap:12px !important; text-align:center !important; }

  /* SPACING */
  .flat-spacing { padding:40px 0 !important; }
  .mb-48,.mb-64,.mb-80 { margin-bottom:24px !important; }
  .container { padding-left:16px !important; padding-right:16px !important; }
  .sub-badge-halal { font-size:10px !important; }
}

/* ══ TINY PHONES ══ */
@media(max-width:375px) {
  .section-hero .content-wrap .title,.section-hero .text-display-2 { font-size:24px !important; }
  .heading-title { font-size:20px !important; }
  .shariah-strip { font-size:9px !important; }
  .tf-social-1 { grid-template-columns:1fr !important; }
}

/* ── Fix: Header layout ── */
.tf-header .header-inner {
  padding: 10px 24px !important;
  max-width: 1200px !important;
  margin: 0 auto !important;
}
.tf-header .nav-menu-main {
  gap: 4px !important;
}
.tf-header .nav-menu-main .item-link {
  font-size: 14px !important;
  padding: 8px 12px !important;
  white-space: nowrap !important;
}
.tf-header .header-inner > .tf-btn:not(.mobile-menu) {
  font-size: 13px !important;
  padding: 10px 20px !important;
  white-space: nowrap !important;
}
.tf-header .logo-site {
  flex-shrink: 0 !important;
}

/* ── Fix: Footer social + overflow ── */
@media(max-width:767px) {
  .tf-social-1 {
    display: flex !important;
    flex-direction: column !important;
    gap: 8px !important;
    padding: 0 16px !important;
  }
  .tf-social-1 a {
    width: 100% !important;
    max-width: 100% !important;
    justify-content: space-between !important;
    padding: 12px 20px !important;
    font-size: 14px !important;
    box-sizing: border-box !important;
  }
  footer, footer .container, footer .footer-content,
  footer .footer-bottom, .section-hero, .section-hero .container,
  body, html {
    overflow-x: hidden !important;
    max-width: 100vw !important;
  }
  .section-hero .content-wrap .sub {
    font-size: 11px !important;
    white-space: normal !important;
    word-wrap: break-word !important;
  }
}

/* ── Fix: br tags become spaces, not nothing ── */
@media(max-width:767px) {
  .heading-title br,
  .section-hero .content-wrap .title br,
  .section-hero .content-wrap p br,
  .accordion-title br,
  h2 br, h3 br, h4 br {
    display: inline !important;
    content: '' !important;
  }
  .heading-title br::after,
  .accordion-title br::after,
  h2 br::after, h3 br::after {
    content: ' ' !important;
  }
  /* Force br to act as space */
  .heading-title br,
  .accordion-title br {
    display: inline !important;
    font-size: 0 !important;
    line-height: 0 !important;
  }
  .heading-title,
  .accordion-title {
    word-spacing: 6px !important;
  }

  /* Fix: Services huge empty gap */
  .services-image {
    display: none !important;
    height: 0 !important;
    width: 0 !important;
    position: absolute !important;
  }
  .section-services .col-left {
    margin-bottom: 24px !important;
  }
  .section-services .col-left p {
    margin-bottom: 16px !important;
  }

  /* Fix: Benefits "Mastery" title cut off */
  .benefits-secure,
  .benefits-design {
    min-height: auto !important;
    height: auto !important;
    padding: 20px !important;
    overflow: visible !important;
  }
  .benefits-box h5,
  .benefits-box .title {
    font-size: 20px !important;
    line-height: 1.3 !important;
    margin-bottom: 8px !important;
  }
} 

/* ── Fix: br tags become spaces, not nothing ── */
@media(max-width:767px) {
  .heading-title br,
  .section-hero .content-wrap .title br,
  .section-hero .content-wrap p br,
  .accordion-title br,
  h2 br, h3 br, h4 br {
    display: inline !important;
    content: '' !important;
  }
  .heading-title br::after,
  .accordion-title br::after,
  h2 br::after, h3 br::after {
    content: ' ' !important;
  }
  /* Force br to act as space */
  .heading-title br,
  .accordion-title br {
    display: inline !important;
    font-size: 0 !important;
    line-height: 0 !important;
  }
  .heading-title,
  .accordion-title {
    word-spacing: 6px !important;
  }

  /* Fix: Services huge empty gap */
  .services-image {
    display: none !important;
    height: 0 !important;
    width: 0 !important;
    position: absolute !important;
  }
  .section-services .col-left {
    margin-bottom: 24px !important;
  }
  .section-services .col-left p {
    margin-bottom: 16px !important;
  }

  .benefits-box h5,
  .benefits-box .title {
    font-size: 20px !important;
    line-height: 1.3 !important;
    margin-bottom: 8px !important;
  }
}

/* ── Fix: Mobile header + hero alignment ── */
@media(max-width:991px) {
  /* Header: clean flat bar, no float */
  .tf-header .header-inner {
    border-radius: 0 !important;
    margin: 0 !important;
    box-shadow: none !important;
    width: 100% !important;
    padding: 10px 16px !important;
  }
  .tf-header {
    padding: 0 !important;
    margin: 0 !important;
  }
  .tf-header.header2 {
    padding: 0 !important;
  }

  /* Hero: remove rounded box, fix spacing */
  .section-hero {
    border-radius: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
  }
  .section-hero .hero-image {
    border-radius: 0 !important;
    inset: 0 !important;
  }
  .section-hero .content-wrap {
    padding: 80px 20px 40px !important;
    text-align: center !important;
  }

  /* Kill the big empty gap below hero */
  .section-hero::after {
    display: none !important;
  }
  .section-hero .scroll-more {
    display: none !important;
  }

  /* Center all hero text */
  .section-hero .content-wrap .sub,
  .section-hero .content-wrap p,
  .section-hero .content-wrap .title,
  .section-hero .content-wrap .title1,
  .section-hero .content-wrap .title2 {
    text-align: center !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }

  /* Buttons proper spacing */
  .section-hero .bot-btns {
    padding: 0 !important;
    margin-top: 20px !important;
    margin-bottom: 20px !important;
  }

  /* Remove template rounded section wrapper */
  .box-white, .box-black {
    border-radius: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
}

/* ══ AUDIT FIXES — June 11 ══ */
html, body { overflow-x: hidden !important; max-width: 100vw !important; }
.section-contact .contact-image { display: none !important; }
.services-image { display: none !important; position: absolute !important; height: 0 !important; width: 0 !important; }
.sw-main-image, .section-testimonials .col-lg-6:last-child { display: none !important; }
.light-top, .light-bot { display: none !important; }
.cite .line-left { display: none !important; }
.team-item .tf-social a { font-size: 0 !important; }
.team-item .tf-social a .icon { font-size: 16px !important; }
.tf-social-1 .social-item { background: rgba(255,255,255,0.15) !important; border: none !important; }
.tf-social-1 .social-item i { color: #fff !important; -webkit-text-fill-color: #fff !important; }
.section-services .accordion-faq_item .accordion-content .image { display: none !important; }
.box-quotes .image img[src*="quotes-1"] { opacity: 0.3; }
@media(max-width:991px) {
  .tf-header, .tf-header.header2 { padding: 0 !important; margin: 0 !important; }
  .tf-header .header-inner { border-radius: 0 !important; margin: 0 !important; box-shadow: none !important; width: 100% !important; max-width: 100% !important; }
  .section-hero .hero-image { border-radius: 0 !important; inset: 0 !important; }
  .section-hero, .box-white, .box-black { border-radius: 0 !important; margin-left: 0 !important; margin-right: 0 !important; }
  .section-about-us .col-left > img { display: none !important; }
}

/* ══ NUCLEAR MOBILE FIX — STRIPS TEMPLATE STRUCTURE ══ */
@media(max-width:991px) {
  /* Kill ALL rounded containers and insets */
  .section-hero,
  .section-hero .hero-image,
  .box-white,
  .box-black,
  .section-team,
  .section-services,
  .section-about-us,
  .section-hero .hero-image::before,
  .section-hero::before {
    border-radius: 0 !important;
    margin: 0 !important;
    inset: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  /* Main wrapper — no padding around sections */
  #wrapper {
    padding: 0 !important;
    margin: 0 !important;
    overflow-x: hidden !important;
  }
  #wrapper > * {
    margin-left: 0 !important;
    margin-right: 0 !important;
    border-radius: 0 !important;
  }

  /* Hero image fills entire viewport */
  .section-hero {
    padding: 0 !important;
    margin: 0 !important;
    overflow: hidden !important;
  }
  .section-hero .hero-image {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    border-radius: 0 !important;
    margin: 0 !important;
  }

  /* Header: flat full-width bar glued to top */
  .tf-header {
    padding: 0 !important;
    margin: 0 !important;
    position: relative !important;
  }
  .tf-header .header-inner {
    border-radius: 0 !important;
    margin: 0 !important;
    padding: 10px 16px !important;
    box-shadow: none !important;
    max-width: 100% !important;
    width: 100% !important;
    background: rgba(30,58,92,0.95) !important;
  }

  /* Hero content: tight, no bottom gap */
  .section-hero .content-wrap {
    padding: 30px 20px 40px !important;
  }
  .section-hero .scroll-more {
    display: none !important;
  }

  /* Kill the grey frame around sections */
  body {
    background: #fff !important;
  }
}

@media(max-width:991px) {
  .section-hero {
    min-height: auto !important;
    height: auto !important;
  }
  .section-hero .content-wrap {
    padding-bottom: 30px !important;
    min-height: auto !important;
  }
  .section-hero .hero-image {
    height: 100% !important;
    min-height: auto !important;
  }
}

@media(max-width:991px) {
  /* Body background visible around hero */
  body { background: #eef2f8 !important; }

  /* Hero: rounded card with proper margins */
  .section-hero {
    margin: 0 12px !important;
    border-radius: 24px !important;
    overflow: hidden !important;
    min-height: auto !important;
    height: auto !important;
  }
  .section-hero .hero-image {
    border-radius: 24px !important;
    inset: 0 !important;
    min-height: auto !important;
  }
  .section-hero .content-wrap {
    padding: 30px 20px 30px !important;
    min-height: auto !important;
  }
  .section-hero .scroll-more { display: none !important; }

  /* Header: flat bar above the rounded hero */
  .tf-header, .tf-header.header2 { padding: 0 !important; margin: 0 !important; }
  .tf-header .header-inner {
    border-radius: 0 !important;
    margin: 0 !important;
    padding: 10px 16px !important;
    box-shadow: none !important;
    width: 100% !important;
    max-width: 100% !important;
    background: rgba(30,58,92,0.95) !important;
  }

  /* All other sections: rounded cards too */
  .box-white, .box-black {
    margin: 12px !important;
    border-radius: 24px !important;
    overflow: hidden !important;
  }

  /* Wrapper clean */
  #wrapper { padding: 0 !important; margin: 0 !important; overflow-x: hidden !important; }
}