/* ===================================================================
   DAW INDUSTRIES — Premium Redesign v4 (2026)
   Theme: Deep Charcoal + Warm Amber
   ----------------------------------------------------------------
   #1A1A2E  bg-dark      (deep charcoal navy)
   #E8B86D  amber        (primary accent)
   #D4A04A  amber-dark   (hover / darker)
   #FFF8EE  cream        (warm light bg)
   #F3F4F6  off-white    (section alternate)
   #374151  text-dark    (headings)
   #6B7280  text-muted   (body)
   ================================================================= */

/* ── TOKENS ────────────────────────────────────────────────── */
:root {
  --bg-dark: #1a1a2e;
  --bg-navy: #16213e;
  --amber: #e8b86d;
  --amber-d: #d4a04a;
  --amber-glow: rgba(232, 184, 109, 0.18);
  --cream: #fff8ee;
  --off-white: #f3f4f6;
  --border: #e5e7eb;
  --text: #374151;
  --muted: #6b7280;
  --white: #ffffff;
  --r: 8px;
  --r-lg: 16px;
  --sh: 0 4px 24px rgba(0, 0, 0, 0.08);
  --sh-lg: 0 16px 48px rgba(0, 0, 0, 0.14);
  --ease: cubic-bezier(0.4, 0, 0.2, 1);
}

/* ── RESET / BASE ──────────────────────────────────────────── */
*,
*::before,
*::after {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}
html {
  scroll-behavior: smooth;
}

body {
  font-family:
    "Inter",
    system-ui,
    -apple-system,
    sans-serif !important;
  font-size: 15px !important;
  line-height: 1.7 !important;
  color: var(--muted) !important;
  background: var(--white) !important;
  -webkit-font-smoothing: antialiased;
  /* space for fixed topbar(36px) + navbar(68px) + 3px strip */
  padding-top: 107px !important;
}

h1,
h2,
h3,
h4,
h5,
h6,
.heading-1,
.heading-2,
.heading-3,
.heading-4,
.heading-5,
.heading-6 {
  font-family: "Playfair Display", Georgia, serif !important;
  color: var(--text) !important;
  font-weight: 700 !important;
  line-height: 1.2 !important;
  letter-spacing: -0.02em !important;
}

p {
  color: var(--muted) !important;
}
a,
a:focus,
a:active {
  color: var(--amber);
  text-decoration: none !important;
}
a:hover {
  color: var(--amber-d);
}
img {
  max-width: 100%;
  height: auto;
  display: block;
}
::selection {
  background: var(--amber);
  color: #fff;
}
::-webkit-scrollbar {
  width: 4px;
}
::-webkit-scrollbar-thumb {
  background: var(--amber);
  border-radius: 2px;
}

/* top gold line */
body::before {
  content: "";
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  height: 3px;
  background: linear-gradient(
    90deg,
    var(--bg-dark),
    var(--amber),
    var(--bg-dark)
  );
  z-index: 10000;
  pointer-events: none;
}

/* ── HIDE OLD RD-NAVBAR ─────────────────────────────────────── */
.rd-navbar-wrap,
.rd-navbar-wrap * {
  display: none !important;
}
.page-header {
  display: none !important;
}

/* ── PRELOADER ──────────────────────────────────────────────── */
.preloader {
  background: transparent !important;
}
.preloader::before {
  background: var(--white) !important;
}
.preloader::after {
  background: var(--off-white) !important;
}
#loadingProgressG {
  background: #e5e7eb !important;
}
.loadingProgressG {
  background: linear-gradient(90deg, var(--bg-dark), var(--amber)) !important;
}

/* =================================================================
   TOPBAR
================================================================= */
.daw-topbar {
  position: fixed;
  top: 3px;
  left: 0;
  right: 0;
  height: 36px;
  background: var(--bg-dark);
  border-bottom: 1px solid rgba(232, 184, 109, 0.15);
  z-index: 9997;
  display: flex;
  align-items: center;
}
.daw-topbar > .container {
  max-width: 1240px;
  margin: 0 auto;
  padding: 0 24px;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.daw-topbar-left,
.daw-topbar-right {
  display: flex;
  align-items: center;
  gap: 20px;
}
.daw-topbar-item {
  font-family: "Inter", sans-serif;
  font-size: 12px;
  color: rgba(255, 255, 255, 0.55);
  display: inline-flex;
  align-items: center;
  gap: 6px;
  text-decoration: none !important;
  transition: color 0.25s;
  white-space: nowrap;
}
.daw-topbar-item i {
  color: var(--amber);
  font-size: 13px;
}
.daw-topbar-item:hover {
  color: var(--amber);
}
@media (max-width: 767px) {
  .daw-topbar-left {
    display: none;
  }
  .daw-topbar-right {
    margin: 0 auto;
  }
}

/* =================================================================
   NAVBAR
================================================================= */
.daw-navbar {
  position: fixed;
  top: 39px;
  left: 0;
  right: 0;
  height: 68px;
  background: rgba(255, 255, 255, 0.98);
  border-bottom: 1.5px solid var(--border);
  box-shadow: 0 2px 20px rgba(0, 0, 0, 0.06);
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
  z-index: 9996;
  transition:
    box-shadow 0.3s var(--ease),
    border-color 0.3s var(--ease);
}
.daw-navbar.is-stuck {
  box-shadow: 0 4px 28px rgba(0, 0, 0, 0.12);
  border-bottom-color: rgba(232, 184, 109, 0.3);
}
.daw-navbar > .container {
  max-width: 1240px;
  margin: 0 auto;
  padding: 0 24px;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
}
/* Logo */
.daw-logo {
  display: flex;
  align-items: center;
  flex-shrink: 0;
}
.daw-logo img {
  height: 50px;
  width: auto;
}

/* Desktop nav */
.daw-nav-list {
  display: flex;
  align-items: center;
  list-style: none;
  gap: 2px;
}
.daw-nav-link {
  display: inline-block;
  padding: 7px 14px;
  font-family: "Inter", sans-serif;
  font-weight: 600;
  font-size: 12px;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: var(--text) !important;
  border-radius: var(--r);
  text-decoration: none !important;
  transition:
    color 0.25s,
    background 0.25s;
  position: relative;
}
.daw-nav-link::after {
  content: "";
  position: absolute;
  bottom: 3px;
  left: 14px;
  right: 14px;
  height: 2px;
  background: var(--amber);
  border-radius: 1px;
  transform: scaleX(0);
  transform-origin: left;
  transition: transform 0.28s var(--ease);
}
.daw-nav-link:hover,
.daw-nav-link.active {
  color: var(--amber) !important;
  background: var(--amber-glow);
}
.daw-nav-link:hover::after,
.daw-nav-link.active::after {
  transform: scaleX(1);
}

/* CTA nav item */
.daw-nav-cta {
  background: var(--bg-dark) !important;
  color: #fff !important;
  border-radius: var(--r) !important;
  padding: 9px 20px !important;
}
.daw-nav-cta::after {
  display: none !important;
}
.daw-nav-cta:hover {
  background: var(--amber) !important;
  color: var(--bg-dark) !important;
}

/* Hamburger */
.daw-burger {
  display: none;
  flex-direction: column;
  justify-content: space-between;
  width: 26px;
  height: 18px;
  background: none;
  border: none;
  cursor: pointer;
  padding: 0;
  flex-shrink: 0;
}
.daw-burger span {
  display: block;
  height: 2.5px;
  background: var(--text);
  border-radius: 2px;
  transition: all 0.3s var(--ease);
  transform-origin: center;
}
.daw-burger.open span:nth-child(1) {
  transform: translateY(7.75px) rotate(45deg);
}
.daw-burger.open span:nth-child(2) {
  opacity: 0;
  transform: scaleX(0);
}
.daw-burger.open span:nth-child(3) {
  transform: translateY(-7.75px) rotate(-45deg);
}

/* Mobile drawer */
.daw-mobile-nav {
  position: fixed;
  top: 107px;
  left: 0;
  right: 0;
  background: var(--bg-dark);
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.4s var(--ease);
  z-index: 9990;
  border-bottom: 2px solid var(--amber);
}
.daw-mobile-nav.open {
  max-height: 400px;
}
.daw-mobile-nav ul {
  list-style: none;
  padding: 10px 0 14px;
}
.daw-mobile-nav ul li {
  border-bottom: 1px solid rgba(255, 255, 255, 0.06);
}
.daw-mobile-nav ul a {
  display: block;
  padding: 13px 24px;
  font-family: "Inter", sans-serif;
  font-weight: 600;
  font-size: 14px;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: rgba(255, 255, 255, 0.75) !important;
  text-decoration: none !important;
  transition:
    color 0.25s,
    background 0.25s;
}
.daw-mobile-nav ul a:hover,
.daw-mobile-nav ul a.active {
  color: var(--amber) !important;
  background: rgba(232, 184, 109, 0.06);
}
@media (max-width: 991px) {
  .daw-nav-list {
    display: none;
  }
  .daw-burger {
    display: flex;
  }
}

/* =================================================================
   HERO SLIDER
================================================================= */
.swiper-slider {
  display: block !important;
}
.swiper-slider-light .swiper-slide {
  position: relative !important;
  background-size: cover !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
}
/* Strong overlay — left heavy for text */
.swiper-slider-light .swiper-slide::after {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  background: linear-gradient(
    to right,
    rgba(26, 26, 46, 0.85) 0%,
    rgba(26, 26, 46, 0.8) 28%,
    rgba(26, 26, 46, 0.45) 52%,
    rgba(26, 26, 46, 0.05) 70%,
    rgba(26, 26, 46, 0) 100%
  ) !important;
  z-index: 1 !important;
}
.swiper-slider-light .slide-inner {
  position: relative !important;
  z-index: 2 !important;
}
/* Caption — clean text, no box */
.swiper-slide-caption {
  display: block !important;
  background: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  border: none !important;
  border-radius: 0 !important;
  padding: 0 !important;
  max-width: 580px !important;
}

/* Caption */
.swiper-slide-caption h1 {
  font-family: "Playfair Display", serif !important;
  color: #fff !important;
  text-shadow:
    0 2px 20px rgba(0, 0, 0, 0.6),
    0 1px 4px rgba(0, 0, 0, 0.8) !important;
  line-height: 1.1 !important;
}
.swiper-slide-caption h1 b,
.swiper-slide-caption h1 span.font-weight-bold {
  color: var(--amber) !important;
}
.swiper-slide-caption h1 span.font-weight-light {
  color: rgba(255, 255, 255, 0.85) !important;
}
.swiper-pagination-marked .swiper-pagination-bullet {
  background: rgba(255, 255, 255, 0.4) !important;
  border-color: transparent !important;
}
.swiper-pagination-marked .swiper-pagination-bullet-active {
  background: var(--amber) !important;
  border-color: var(--amber) !important;
}

/* =================================================================
   BUTTONS
================================================================= */
.button {
  font-family: "Inter", sans-serif !important;
  font-weight: 700 !important;
  font-size: 12px !important;
  letter-spacing: 0.12em !important;
  text-transform: uppercase !important;
  border-radius: var(--r) !important;
  padding: 13px 34px !important;
  transition: all 0.28s var(--ease) !important;
  display: inline-block !important;
  cursor: pointer !important;
  border-width: 2px !important;
}
/* Primary */
html .button.button-primary,
html .button.button-primary:focus {
  background: var(--amber) !important;
  border-color: var(--amber) !important;
  color: var(--bg-dark) !important;
  box-shadow: 0 4px 16px rgba(232, 184, 109, 0.35) !important;
}
html .button.button-primary:hover {
  background: var(--amber-d) !important;
  border-color: var(--amber-d) !important;
  color: var(--bg-dark) !important;
  box-shadow: 0 6px 22px rgba(212, 160, 74, 0.45) !important;
  transform: translateY(-2px) !important;
}
/* Outline */
html .button.button-primary-outline,
html .button.button-primary-outline:focus {
  background: transparent !important;
  border-color: var(--amber) !important;
  color: var(--amber) !important;
}
html .button.button-primary-outline:hover {
  background: var(--amber) !important;
  color: var(--bg-dark) !important;
  transform: translateY(-2px) !important;
}
/* Dark default */
html .button.button-default {
  background: var(--bg-dark) !important;
  border-color: var(--bg-dark) !important;
  color: #fff !important;
}
html .button.button-default:hover {
  background: var(--amber) !important;
  border-color: var(--amber) !important;
  color: var(--bg-dark) !important;
}
/* Outline white (for dark bg) */
.btn-outline-white {
  background: transparent !important;
  border: 2px solid rgba(255, 255, 255, 0.65) !important;
  color: #fff !important;
  font-family: "Inter", sans-serif;
  font-weight: 700;
  font-size: 12px;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  border-radius: var(--r);
  padding: 13px 34px;
  display: inline-block;
  transition: all 0.28s var(--ease);
  text-decoration: none !important;
}
.btn-outline-white:hover {
  background: rgba(255, 255, 255, 0.15) !important;
  border-color: #fff !important;
  color: #fff !important;
}

/* bg-primary context */
.bg-primary .button.button-primary,
.bg-primary .button.button-primary:focus {
  background: var(--white) !important;
  border-color: var(--white) !important;
  color: var(--bg-dark) !important;
}
.bg-primary .button.button-primary:hover {
  background: var(--amber) !important;
  border-color: var(--amber) !important;
  color: var(--bg-dark) !important;
}

/* =================================================================
   SECTION BACKGROUNDS
================================================================= */
.bg-gray-100 {
  background: var(--off-white) !important;
}
.bg-gray-800 {
  background: var(--bg-dark) !important;
}
.bg-primary {
  background: linear-gradient(
    120deg,
    var(--bg-dark) 0%,
    #0f3460 100%
  ) !important;
}

/* =================================================================
   BREADCRUMBS (inner page hero)
================================================================= */
.breadcrumbs-custom {
  position: relative !important;
  background-size: cover !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
}
.breadcrumbs-custom::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  background: linear-gradient(
    110deg,
    rgba(26, 26, 46, 0.92) 0%,
    rgba(26, 26, 46, 0.7) 60%,
    rgba(26, 26, 46, 0.35) 100%
  ) !important;
  z-index: 0 !important;
}
.breadcrumbs-custom-inner {
  position: relative !important;
  z-index: 1 !important;
}
.breadcrumbs-custom-title {
  font-family: "Playfair Display", serif !important;
  color: #fff !important;
  text-shadow: 0 2px 10px rgba(0, 0, 0, 0.3) !important;
}
.breadcrumbs-custom-subtitle {
  color: rgba(255, 255, 255, 0.6) !important;
}
.breadcrumbs-custom-path li {
  color: rgba(255, 255, 255, 0.5) !important;
}
.breadcrumbs-custom-path li.active {
  color: var(--amber) !important;
}
.breadcrumbs-custom-path a {
  color: rgba(255, 255, 255, 0.75) !important;
}
.breadcrumbs-custom-path a:hover {
  color: var(--amber) !important;
}
.breadcrumbs-custom .title-decorated::before {
  background: var(--amber) !important;
}

/* =================================================================
   FEATURE BOXES (.box-minimal)
================================================================= */
.box-minimal {
  background: var(--white) !important;
  border-radius: var(--r-lg) !important;
  padding: 32px 28px !important;
  border: 1.5px solid var(--border) !important;
  box-shadow: var(--sh) !important;
  transition: all 0.35s var(--ease) !important;
  height: 100% !important;
}
.box-minimal:hover {
  border-color: var(--amber) !important;
  box-shadow: var(--sh-lg) !important;
  transform: translateY(-6px) !important;
}
.box-minimal-icon {
  font-size: 42px !important;
  line-height: 1 !important;
  color: var(--amber) !important;
}
.box-minimal-title {
  font-family: "Inter", sans-serif !important;
  font-weight: 700 !important;
  font-size: 17px !important;
  color: var(--text) !important;
  margin-top: 14px !important;
}
.box-minimal p {
  color: var(--muted) !important;
  font-size: 14px !important;
  margin-top: 8px !important;
}
.box-minimal-main {
  margin-top: 14px !important;
}

/* =================================================================
   CTA STRIP
================================================================= */
.section-xs.bg-primary {
  padding: 26px 0 !important;
  background: linear-gradient(
    110deg,
    var(--bg-dark) 0%,
    #0f3460 70%,
    #1a1a2e 100%
  ) !important;
  border-top: 1px solid rgba(232, 184, 109, 0.2) !important;
  border-bottom: 1px solid rgba(232, 184, 109, 0.2) !important;
}
.section-xs.bg-primary h4 {
  color: #fff !important;
  font-family: "Inter", sans-serif !important;
  font-weight: 600 !important;
  font-size: 18px !important;
}
.section-xs.bg-primary .font-weight-bold {
  color: var(--amber) !important;
}
.section-xs.bg-primary .button.button-primary,
.section-xs.bg-primary .button.button-primary:focus {
  background: var(--amber) !important;
  border-color: var(--amber) !important;
  color: var(--bg-dark) !important;
  font-weight: 800 !important;
}

/* =================================================================
   PRODUCT CARDS (.thumbnail-light)
================================================================= */
.thumbnail-light {
  background: var(--white) !important;
  border-radius: var(--r-lg) !important;
  border: 1.5px solid var(--border) !important;
  box-shadow: var(--sh) !important;
  overflow: hidden !important;
  transition: all 0.35s var(--ease) !important;
  display: flex !important;
  flex-direction: column !important;
  height: 100% !important;
}
.thumbnail-light:hover {
  border-color: var(--amber) !important;
  box-shadow: var(--sh-lg) !important;
  transform: translateY(-6px) !important;
}
/* IMAGE — aspect-ratio box, object-fit:contain so full product shows */
.thumbnail-light-media {
  display: block !important;
  overflow: hidden !important;
  background: var(--cream) !important;
  aspect-ratio: 4 / 3 !important;
  flex-shrink: 0 !important;
  position: relative !important;
}
.thumbnail-light-image {
  width: 100% !important;
  height: 100% !important;
  max-width: 100% !important;
  max-height: none !important;
  object-fit: contain !important;
  object-position: center !important;
  display: block !important;
  padding: 12px !important;
  transition: transform 0.5s var(--ease) !important;
}
.thumbnail-light:hover .thumbnail-light-image {
  transform: scale(1.06) !important;
}

/* Card text */
.thumbnail-light-title {
  font-family: "Inter", sans-serif !important;
  font-weight: 700 !important;
  font-size: 14px !important;
  color: var(--text) !important;
  padding: 14px 18px 0 !important;
  line-height: 1.45 !important;
}
.thumbnail-light-title a {
  color: var(--text) !important;
}
.thumbnail-light-title a:hover {
  color: var(--amber) !important;
}

/* Spec lines */
.thumbnail-light .title-decorated,
.thumbnail-light p.title-decorated,
.thumbnail-light .breadcrumbs-custom-subtitle {
  font-size: 12.5px !important;
  color: var(--muted) !important;
  margin: 3px 18px 0 !important;
  padding-left: 20px !important;
  display: block !important;
}
.thumbnail-light .title-decorated::before,
.thumbnail-light p.title-decorated::before {
  width: 10px !important;
  top: 0.65em !important;
  background: var(--amber) !important;
  border-color: var(--amber) !important;
}
.thumbnail-light .title-decorated:last-child,
.thumbnail-light p.title-decorated:last-child {
  padding-bottom: 18px !important;
}

/* Equal height card rows */
.row-30 > [class*="col-"] {
  display: flex !important;
  flex-direction: column !important;
}
.row-30 > [class*="col-"] .wow-outer {
  flex: 1 !important;
  display: flex !important;
  flex-direction: column !important;
}
.row-30 .thumbnail-light {
  flex: 1 !important;
}

/* =================================================================
   VISION / BLOG POST cards (.post-modern)
   Override the colorful template images entirely
================================================================= */
.post-modern {
  background: var(--white) !important;
  border-radius: var(--r-lg) !important;
  border: 1.5px solid var(--border) !important;
  box-shadow: var(--sh) !important;
  overflow: hidden !important;
  transition: all 0.35s var(--ease) !important;
  display: flex !important;
  flex-direction: column !important;
  height: 100% !important;
}
.post-modern:hover {
  border-color: var(--amber) !important;
  box-shadow: var(--sh-lg) !important;
  transform: translateY(-5px) !important;
}
/* HIDE the template image completely in vision-mission context */
.post-modern .post-modern-media {
  display: none !important;
}

/* Inject a styled top-band instead via ::before on the article */
.post-modern::before {
  content: "" !important;
  display: block !important;
  width: 100% !important;
  height: 6px !important;
  background: linear-gradient(90deg, var(--bg-dark), var(--amber)) !important;
  flex-shrink: 0 !important;
}

/* Inner text content */
.post-modern > p,
.post-modern p {
  padding: 28px 28px 32px !important;
  color: var(--muted) !important;
  font-size: 15px !important;
  line-height: 1.8 !important;
  flex: 1 !important;
}

/* =================================================================
   ABOUT PAGE — image
================================================================= */
.section.section-lg .col-lg-6 img.img-responsive,
.section.section-lg .col-md-10 img.img-responsive {
  border-radius: var(--r-lg) !important;
  box-shadow: var(--sh-lg) !important;
  width: 100% !important;
  height: auto !important;
}

/* =================================================================
   TESTIMONIALS
================================================================= */
.bg-gray-100.section-first,
.bg-gray-100 {
  background: var(--off-white) !important;
}
.quote-light {
  background: var(--white) !important;
  border-radius: var(--r-lg) !important;
  padding: 32px 32px 28px !important;
  border: 1.5px solid var(--border) !important;
  box-shadow: var(--sh) !important;
  text-align: left !important;
}
.quote-light-mark path {
  fill: var(--amber) !important;
  opacity: 0.12 !important;
}
.quote-light-cite {
  font-family: "Inter", sans-serif !important;
  font-weight: 700 !important;
  font-size: 15px !important;
  color: var(--bg-dark) !important;
  display: block !important;
  margin-bottom: 4px !important;
}
.quote-light-text p {
  color: var(--muted) !important;
  font-size: 14px !important;
  font-style: italic !important;
  line-height: 1.8 !important;
}
.slick-widget-testimonials .item img {
  border-radius: 50% !important;
  border: 3px solid var(--border) !important;
  width: 72px !important;
  height: 72px !important;
  object-fit: cover !important;
  transition: all 0.3s !important;
}
.slick-widget-testimonials .slick-current .item img {
  border-color: var(--amber) !important;
  box-shadow: 0 0 0 4px rgba(232, 184, 109, 0.2) !important;
}

/* =================================================================
   PARALLAX / BIG CTA
================================================================= */
.section-1.bg-image.context-dark {
  position: relative !important;
}
.section-1.bg-image.context-dark::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  background: linear-gradient(
    135deg,
    rgba(26, 26, 46, 0.88) 0%,
    rgba(15, 52, 96, 0.7) 100%
  ) !important;
  z-index: 0 !important;
}
.section-1.bg-image.context-dark .container {
  position: relative !important;
  z-index: 1 !important;
}
.section-1.bg-image.context-dark h3 {
  color: #fff !important;
  text-shadow: 0 2px 12px rgba(0, 0, 0, 0.3) !important;
}
.section-1.bg-image.context-dark p {
  color: rgba(255, 255, 255, 0.82) !important;
}

/* =================================================================
   GALLERY
================================================================= */
.thumbnail-classic {
  display: block;
  overflow: hidden;
  border-radius: var(--r-lg);
  position: relative;
}
.thumbnail-classic-image {
  width: 100% !important;
  height: auto !important;
  object-fit: cover !important;
  display: block !important;
  transition:
    transform 0.5s var(--ease),
    filter 0.4s !important;
  filter: brightness(0.92) !important;
}
.thumbnail-classic:hover .thumbnail-classic-image {
  transform: scale(1.05) !important;
  filter: brightness(1) !important;
}

/* =================================================================
   CONTACT PAGE
================================================================= */
.link-gray-800,
.link-gray-800:focus,
.link-gray-800:active {
  color: var(--text) !important;
}
.link-gray-800:hover {
  color: var(--amber) !important;
}
html .page .text-primary,
.text-primary {
  color: var(--amber) !important;
}
.icon.text-primary {
  color: var(--amber) !important;
}
.layout-bordered-item-inner .icon.text-primary {
  font-size: 36px !important;
  color: var(--amber) !important;
}
.layout-bordered-item-inner ul li a {
  color: var(--text) !important;
  font-weight: 600 !important;
  font-size: 16px !important;
}
.layout-bordered-item-inner ul li a:hover {
  color: var(--amber) !important;
}
.layout-bordered-item-inner > a {
  color: var(--text) !important;
  font-size: 15px !important;
}
.layout-bordered-item-inner > a:hover {
  color: var(--amber) !important;
}
.form-input {
  border: 1.5px solid var(--border) !important;
  border-radius: var(--r) !important;
  font-family: "Inter", sans-serif !important;
  font-size: 14px !important;
  color: var(--text) !important;
  background: #fff !important;
  transition:
    border-color 0.25s,
    box-shadow 0.25s !important;
}
.form-input:focus {
  border-color: var(--amber) !important;
  box-shadow: 0 0 0 3px rgba(232, 184, 109, 0.15) !important;
}
.form-label,
.form-label-outside {
  font-family: "Inter", sans-serif !important;
  font-weight: 600 !important;
  font-size: 12px !important;
  letter-spacing: 0.05em !important;
  text-transform: uppercase !important;
  color: var(--text) !important;
}

/* =================================================================
   FOOTER
================================================================= */
.footer-advanced {
  background: var(--bg-dark) !important;
  position: relative !important;
  overflow: hidden !important;
}
.footer-advanced::before {
  content: "" !important;
  position: absolute !important;
  top: 0;
  left: 0;
  right: 0 !important;
  height: 3px !important;
  background: linear-gradient(
    90deg,
    var(--bg-dark),
    var(--amber),
    var(--bg-dark)
  ) !important;
}
.rights {
  color: rgba(255, 255, 255, 0.4) !important;
  font-size: 13px !important;
  font-family: "Inter", sans-serif !important;
}
.rights a {
  color: var(--amber) !important;
}
.rights a:hover {
  color: #fff !important;
}

/* =================================================================
   CONTEXT-DARK (slider captions etc)
================================================================= */
.context-dark h1,
.context-dark h2,
.context-dark h3,
.context-dark h4,
.context-dark h5,
.context-dark h6 {
  color: #fff !important;
}
.context-dark p {
  color: rgba(255, 255, 255, 0.78) !important;
}
.context-dark .link-default {
  color: rgba(255, 255, 255, 0.6) !important;
}
.context-dark .link-default:hover {
  color: var(--amber) !important;
}

/* =================================================================
   MISC OVERRIDES
================================================================= */
.divider-small::after {
  background: var(--amber) !important;
}
hr {
  border-color: var(--border) !important;
}
.title-decorated::before {
  background: var(--amber) !important;
  border-color: var(--amber) !important;
}
mark,
.mark {
  background: var(--bg-dark) !important;
  color: #fff !important;
}
.box-creative-icon {
  border-color: rgba(232, 184, 109, 0.3) !important;
  color: var(--amber) !important;
}
.box-creative-icon::after {
  background: linear-gradient(135deg, var(--bg-dark), var(--amber)) !important;
}
.box-creative:hover .box-creative-icon {
  color: #fff !important;
}

/* =================================================================
   SECTION SPACING
================================================================= */
.section-lg {
  padding-top: 88px !important;
  padding-bottom: 88px !important;
}
.section-sm {
  padding-top: 44px !important;
  padding-bottom: 44px !important;
}
.section-xs {
  padding-top: 26px !important;
  padding-bottom: 26px !important;
}
.section-1 {
  padding-top: 108px !important;
  padding-bottom: 108px !important;
}
.offset-top-2 {
  margin-top: 36px !important;
}
.offset-top-3 {
  margin-top: 22px !important;
}
.offset-top-6 {
  margin-top: 52px !important;
}

/* =================================================================
   RESPONSIVE
================================================================= */
@media (max-width: 991px) {
  body {
    padding-top: 107px !important;
  }
  .section-lg {
    padding-top: 64px !important;
    padding-bottom: 64px !important;
  }
  .section-1 {
    padding-top: 72px !important;
    padding-bottom: 72px !important;
  }
  .box-minimal {
    padding: 22px 20px !important;
  }
}
@media (max-width: 767px) {
  body {
    padding-top: 107px !important;
  }
  .section-lg {
    padding-top: 48px !important;
    padding-bottom: 48px !important;
  }
  .box-cta-thin {
    flex-direction: column;
    gap: 14px;
  }
  .section-xs.bg-primary h4 {
    font-size: 15px !important;
  }
  .quote-light {
    padding: 22px 20px !important;
  }
}
@media (max-width: 575px) {
  h3,
  .heading-3 {
    font-size: 26px !important;
  }
  .button {
    padding: 11px 24px !important;
    font-size: 11px !important;
  }
  .daw-logo img {
    height: 42px !important;
  }
}

/* =================================================================
   NEW ELEMENTS — index, vision-mission, footer
================================================================= */

/* ── SLIDE EXTRAS ─────────────────────────────────────────── */
.daw-slide-tag {
  display: inline-block;
  padding: 5px 18px;
  background: rgba(0, 0, 0, 0.45);
  border: 1.5px solid rgba(255, 255, 255, 0.85);
  border-radius: 30px;
  font-family: "Inter", sans-serif;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: #ffffff;
  margin-bottom: 18px;
  text-shadow: none;
}
.daw-slide-desc {
  font-family: "Inter", sans-serif;
  font-size: 16px;
  color: rgba(255, 255, 255, 0.78);
  max-width: 500px;
  line-height: 1.65;
  margin: 14px 0 28px;
}
.daw-slide-btns {
  display: flex;
  flex-wrap: wrap;
  gap: 14px;
  align-items: center;
}

/* ── STATS BAR ────────────────────────────────────────────── */
.daw-statsbar {
  background: var(--bg-dark);
  border-bottom: 3px solid var(--amber);
}
.daw-statsbar .container {
  max-width: 1240px;
  margin: 0 auto;
  padding: 0 24px;
}
.daw-statsbar-inner {
  display: flex;
  align-items: stretch;
  justify-content: space-around;
  flex-wrap: wrap;
}
.daw-stat {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 22px 16px;
  text-align: center;
  flex: 1;
  min-width: 130px;
}
.daw-stat-num {
  font-family: "Playfair Display", serif;
  font-size: 30px;
  font-weight: 700;
  color: var(--amber);
  line-height: 1;
}
.daw-stat-num sup {
  font-size: 15px;
  color: rgba(232, 184, 109, 0.7);
  vertical-align: super;
}
.daw-stat-lbl {
  font-family: "Inter", sans-serif;
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: rgba(255, 255, 255, 0.45);
  margin-top: 5px;
}
.daw-stat-sep {
  width: 1px;
  background: rgba(255, 255, 255, 0.08);
  margin: 14px 0;
}
@media (max-width: 575px) {
  .daw-statsbar-inner {
    flex-wrap: wrap;
  }
  .daw-stat {
    flex: 0 0 50%;
    padding: 16px 10px;
  }
  .daw-stat-sep {
    display: none;
  }
}

/* ── OVERLINE TAG ─────────────────────────────────────────── */
.daw-overline {
  display: block;
  font-family: "Inter", sans-serif;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  color: var(--amber);
  margin-bottom: 10px;
}
.daw-overline--light {
  color: rgba(232, 184, 109, 0.9);
}

/* ── SECTION HEAD ─────────────────────────────────────────── */
.daw-section-head {
  margin-bottom: 48px;
}
.daw-section-sub {
  max-width: 560px;
  margin: 14px auto 0;
  font-size: 15px !important;
  color: var(--muted) !important;
}

/* ── ABOUT SECTION ────────────────────────────────────────── */
.daw-about {
  background: var(--white);
}
.daw-about-img {
  position: relative;
  display: inline-block;
  width: 100%;
}
.daw-about-img img {
  border-radius: var(--r-lg) !important;
  box-shadow: var(--sh-lg) !important;
  width: 100% !important;
  height: auto !important;
}
.daw-about-badge {
  position: absolute;
  bottom: -16px;
  right: -16px;
  width: 88px;
  height: 88px;
  background: linear-gradient(135deg, var(--amber), var(--amber-d));
  border-radius: 50%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  box-shadow: 0 8px 24px rgba(232, 184, 109, 0.4);
  color: #fff;
}
.daw-about-badge-yr {
  font-family: "Playfair Display", serif;
  font-size: 19px;
  font-weight: 700;
  line-height: 1;
}
.daw-about-badge-tx {
  font-family: "Inter", sans-serif;
  font-size: 10px;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  opacity: 0.85;
}
.daw-about-lead {
  font-size: 17px !important;
  font-weight: 500 !important;
  color: var(--text) !important;
  line-height: 1.6 !important;
  margin-bottom: 10px !important;
}
.daw-check-list {
  list-style: none;
  padding: 0;
  margin: 20px 0 28px;
  display: flex;
  flex-wrap: wrap;
  gap: 10px 28px;
}
.daw-check-list li {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-family: "Inter", sans-serif;
  font-size: 14px;
  font-weight: 600;
  color: var(--text) !important;
}
.daw-check-list li i {
  color: var(--amber);
  font-size: 18px;
}
@media (max-width: 575px) {
  .daw-about-badge {
    width: 70px;
    height: 70px;
    bottom: -12px;
    right: -12px;
  }
  .daw-about-badge-yr {
    font-size: 15px;
  }
}

/* ── PRODUCTS SECTION ─────────────────────────────────────── */
.daw-products {
  background: var(--white);
  padding-top: 88px;
  padding-bottom: 88px;
}

/* ── VISION & MISSION CARDS ───────────────────────────────── */
.daw-vm-card {
  background: var(--white);
  border-radius: var(--r-lg);
  border: 1.5px solid var(--border);
  box-shadow: var(--sh);
  overflow: hidden;
  transition: all 0.35s var(--ease);
  display: flex;
  flex-direction: column;
  height: 100%;
}
.daw-vm-card:hover {
  border-color: var(--amber);
  box-shadow: var(--sh-lg);
  transform: translateY(-6px);
}
.daw-vm-icon-wrap {
  background: linear-gradient(135deg, var(--bg-dark) 0%, #0f3460 100%);
  padding: 32px 28px 24px;
  display: flex;
  align-items: center;
}
.daw-vm-icon-wrap i {
  font-size: 42px;
  color: var(--amber);
  line-height: 1;
}
.daw-vm-body {
  padding: 24px 28px 28px;
  display: flex;
  flex-direction: column;
  flex: 1;
}
.daw-vm-title {
  font-family: "Playfair Display", serif !important;
  font-size: 22px !important;
  font-weight: 700 !important;
  color: var(--text) !important;
  margin-bottom: 12px !important;
}
.daw-vm-body > p {
  color: var(--muted) !important;
  font-size: 15px !important;
  line-height: 1.78 !important;
  flex: 1;
  padding: 0 !important;
}
.daw-vm-link {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-family: "Inter", sans-serif;
  font-size: 13px;
  font-weight: 700;
  color: var(--amber);
  text-decoration: none !important;
  margin-top: 18px;
  transition:
    gap 0.25s,
    color 0.25s;
}
.daw-vm-link:hover {
  color: var(--amber-d);
  gap: 10px;
}

/* ── TESTIMONIALS ─────────────────────────────────────────── */
.daw-testi {
  background: var(--off-white);
}

/* ── FOOTER STYLES ────────────────────────────────────────── */
.daw-footer-body {
  padding: 64px 0 48px;
  position: relative;
  z-index: 1;
}
.daw-footer-col {
  margin-bottom: 40px;
}

/* Logo */
.daw-footer-logo {
  display: inline-block;
  margin-bottom: 18px;
}
.daw-footer-logo img {
  border-radius: 6px;
  opacity: 0.92;
}

/* Description */
.daw-footer-desc {
  font-family: "Inter", sans-serif !important;
  font-size: 13.5px !important;
  color: rgba(255, 255, 255, 0.52) !important;
  line-height: 1.75 !important;
  margin-bottom: 20px !important;
  padding: 0 !important;
}
.daw-footer-desc strong {
  color: rgba(255, 255, 255, 0.82) !important;
  font-weight: 600 !important;
}

/* Contact list */
.daw-footer-contact {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.daw-footer-contact li {
  display: flex;
  align-items: flex-start;
  gap: 9px;
  font-family: "Inter", sans-serif;
  font-size: 13px;
  color: rgba(255, 255, 255, 0.55);
}
.daw-footer-contact li i {
  color: var(--amber);
  font-size: 15px;
  margin-top: 1px;
  flex-shrink: 0;
}
.daw-footer-contact li a {
  color: rgba(255, 255, 255, 0.55) !important;
  text-decoration: none !important;
  transition: color 0.25s;
}
.daw-footer-contact li a:hover {
  color: var(--amber) !important;
}

/* Heading */
.daw-footer-heading {
  font-family: "Inter", sans-serif !important;
  font-weight: 700 !important;
  font-size: 11px !important;
  letter-spacing: 0.14em !important;
  text-transform: uppercase !important;
  color: #fff !important;
  margin-bottom: 18px !important;
  padding-bottom: 10px !important;
  border-bottom: 2px solid rgba(232, 184, 109, 0.3) !important;
}

/* Quick nav */
.daw-footer-nav {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 9px;
}
.daw-footer-nav a {
  font-family: "Inter", sans-serif !important;
  font-size: 14px !important;
  color: rgba(255, 255, 255, 0.55) !important;
  text-decoration: none !important;
  transition:
    color 0.25s,
    padding-left 0.25s;
  display: block;
}
.daw-footer-nav a:hover {
  color: var(--amber) !important;
  padding-left: 6px;
}

/* Gallery grid */
.daw-footer-gallery {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 5px;
}
.daw-footer-gallery a {
  display: block;
  border-radius: 5px;
  overflow: hidden;
  aspect-ratio: 1;
}
.daw-footer-gallery img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  filter: brightness(0.78);
  transition:
    filter 0.3s,
    transform 0.3s;
  display: block;
}
.daw-footer-gallery a:hover img {
  filter: brightness(1);
  transform: scale(1.08);
}

/* Follow text */
.daw-footer-follow-text {
  font-family: "Inter", sans-serif !important;
  font-size: 13px !important;
  color: rgba(255, 255, 255, 0.45) !important;
  line-height: 1.7 !important;
  margin-bottom: 18px !important;
  padding: 0 !important;
}

/* Social buttons */
.daw-footer-social {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
  margin-bottom: 24px;
}
.daw-social-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  border-radius: var(--r);
  background: rgba(232, 184, 109, 0.1);
  border: 1px solid rgba(232, 184, 109, 0.22);
  color: rgba(255, 255, 255, 0.6) !important;
  font-size: 18px;
  text-decoration: none !important;
  transition: all 0.3s var(--ease);
}
.daw-social-btn:hover {
  transform: translateY(-3px);
  color: #fff !important;
}
.daw-social-fb:hover {
  background: #1877f2;
  border-color: #1877f2;
}
.daw-social-tw:hover {
  background: #1da1f2;
  border-color: #1da1f2;
}
.daw-social-ig:hover {
  background: #e1306c;
  border-color: #e1306c;
}
.daw-social-li:hover {
  background: #0a66c2;
  border-color: #0a66c2;
}

/* Call CTA button */
.daw-footer-cta {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: linear-gradient(135deg, var(--amber), var(--amber-d));
  color: var(--bg-dark) !important;
  font-family: "Inter", sans-serif;
  font-weight: 700;
  font-size: 12px;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  padding: 12px 22px;
  border-radius: var(--r);
  text-decoration: none !important;
  box-shadow: 0 4px 16px rgba(232, 184, 109, 0.35);
  transition: all 0.3s var(--ease);
}
.daw-footer-cta:hover {
  transform: translateY(-2px);
  box-shadow: 0 8px 24px rgba(232, 184, 109, 0.48);
}

/* Bottom bar */
.daw-footer-bar {
  border-top: 1px solid rgba(255, 255, 255, 0.07);
  position: relative;
  z-index: 1;
}
.daw-footer-bar-inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 12px;
  padding: 18px 0;
}
.daw-footer-bar-inner img {
  border-radius: 5px;
  opacity: 0.75;
}
.daw-footer-est {
  font-family: "Inter", sans-serif !important;
  font-size: 12px !important;
  color: rgba(255, 255, 255, 0.28) !important;
  margin: 0 !important;
  padding: 0 !important;
}
@media (max-width: 767px) {
  .daw-footer-bar-inner {
    flex-direction: column;
    align-items: flex-start;
  }
  .daw-footer-col {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
}

/* ── SLIDER TEXT SHADOWS (stronger readability) ── */
.daw-slide-tag {
  text-shadow: 0 1px 6px rgba(0, 0, 0, 0.55) !important;
}
.daw-slide-desc {
  color: rgba(255, 255, 255, 0.92) !important;
  text-shadow: 0 1px 8px rgba(0, 0, 0, 0.7) !important;
}
.swiper-slide-caption h1 span.font-weight-bold {
  text-shadow:
    0 2px 20px rgba(0, 0, 0, 0.6),
    0 1px 4px rgba(0, 0, 0, 0.8) !important;
}
.swiper-slide-caption h1 span.font-weight-light {
  text-shadow: 0 2px 16px rgba(0, 0, 0, 0.65) !important;
}

/* ── SLIDE TAG — high contrast fix ── */
.daw-slide-tag {
  color: #ffffff !important;
  background: rgba(232, 184, 109, 0.3) !important;
  border: 1px solid rgba(255, 255, 255, 0.7) !important;
  text-shadow: 0 1px 4px rgba(0, 0, 0, 0.8) !important;
  font-weight: 700 !important;
  letter-spacing: 0.18em !important;
}

/* ═══ FINAL OVERRIDE — slide tag always white & readable ═══ */
.swiper-slider-light .swiper-slide-caption .daw-slide-tag,
.swiper-slide-caption .daw-slide-tag,
.daw-slide-tag {
  color: #ffffff !important;
  background: rgba(0, 0, 0, 0.5) !important;
  border: 1.5px solid rgba(255, 255, 255, 0.9) !important;
  text-shadow: 0 1px 3px rgba(0, 0, 0, 0.9) !important;
  font-weight: 700 !important;
  opacity: 1 !important;
  -webkit-font-smoothing: antialiased !important;
}

/* ═══════════════════════════════════════════════════════════════
   TASK 1 — PREMIUM PRELOADER
═══════════════════════════════════════════════════════════════ */
.preloader {
  position: fixed !important;
  inset: 0 !important;
  z-index: 99999 !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  background: var(--bg-dark) !important;
  transition:
    opacity 0.5s ease,
    visibility 0.5s ease !important;
}
.preloader.loaded {
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
}
/* hide the two white halves from original style.css */
.preloader::before,
.preloader::after {
  display: none !important;
}

/* Logo pulse */
.preloader-logo {
  position: relative !important;
  transform: none !important;
  padding: 0 !important;
  margin-bottom: 36px !important;
  animation: daw-pulse 2s ease-in-out infinite !important;
}
.preloader-logo img {
  width: 200px !important;
  height: auto !important;
  display: block !important;
  filter: brightness(1.1) !important;
}
@keyframes daw-pulse {
  0%,
  100% {
    transform: scale(1);
    opacity: 1;
  }
  50% {
    transform: scale(1.04);
    opacity: 0.85;
  }
}

/* Progress bar */
.preloader-body {
  position: relative !important;
  top: auto !important;
  transform: none !important;
  width: 200px !important;
}
#loadingProgressG {
  width: 200px !important;
  height: 3px !important;
  background: rgba(255, 255, 255, 0.1) !important;
  border-radius: 3px !important;
  overflow: hidden !important;
}
.loadingProgressG {
  height: 3px !important;
  background: linear-gradient(
    90deg,
    var(--amber),
    #fff,
    var(--amber)
  ) !important;
  background-size: 200% 100% !important;
  animation:
    daw-bar 1.6s linear infinite,
    bounce_loadingProgressG 3s ease-in-out forwards !important;
}
@keyframes daw-bar {
  0% {
    background-position: 0% 0%;
  }
  100% {
    background-position: -200% 0%;
  }
}

/* Spinner ring below bar */
.preloader-body::after {
  content: "" !important;
  display: block !important;
  width: 32px !important;
  height: 32px !important;
  border: 2.5px solid rgba(232, 184, 109, 0.25) !important;
  border-top-color: var(--amber) !important;
  border-radius: 50% !important;
  margin: 20px auto 0 !important;
  animation: daw-spin 0.8s linear infinite !important;
}
@keyframes daw-spin {
  to {
    transform: rotate(360deg);
  }
}

/* ═══════════════════════════════════════════════════════════════
   TASK 2 — SLIDER MOBILE FIX
═══════════════════════════════════════════════════════════════ */

/* Slide inner — vertical centering with padding */
.swiper-slider-light .slide-inner {
  display: flex !important;
  align-items: center !important;
  min-height: inherit !important;
  padding: 80px 0 60px !important;
}

/* Caption max-width on desktop */
.swiper-slide-caption {
  max-width: 52% !important;
}

/* Mobile: full width, smaller text, less padding */
@media (max-width: 767px) {
  .swiper-slider-light .slide-inner {
    padding: 50px 0 40px !important;
  }
  .swiper-slide-caption {
    max-width: 100% !important;
  }
  .swiper-slide-caption h1 {
    font-size: 26px !important;
    line-height: 1.2 !important;
  }
  .daw-slide-tag {
    font-size: 10px !important;
    padding: 3px 12px !important;
    margin-bottom: 12px !important;
  }
  .daw-slide-desc {
    font-size: 13px !important;
    margin: 10px 0 18px !important;
    max-width: 100% !important;
  }
  .daw-slide-btns {
    gap: 10px !important;
  }
  .daw-slide-btns .button,
  .daw-slide-btns .btn-outline-white {
    padding: 10px 20px !important;
    font-size: 11px !important;
  }
}
@media (max-width: 575px) {
  .swiper-slide-caption h1 {
    font-size: 22px !important;
  }
  .daw-slide-desc {
    display: none !important;
  } /* too crowded on small phones */
}

/* ═══════════════════════════════════════════════════════════════
   TASK 3 — ABOUT US REDESIGN
═══════════════════════════════════════════════════════════════ */

/* Section bg */
.daw-about {
  background: var(--white);
}

/* Image side */
.daw-about-img {
  position: relative !important;
  display: block !important;
  width: 100% !important;
}
.daw-about-img img {
  width: 100% !important;
  height: 420px !important;
  object-fit: cover !important;
  border-radius: var(--r-lg) !important;
  box-shadow: var(--sh-lg) !important;
  display: block !important;
}
/* Amber border frame effect */
.daw-about-img::before {
  content: "" !important;
  position: absolute !important;
  top: -12px !important;
  left: -12px !important;
  right: 12px !important;
  bottom: 12px !important;
  border: 2px solid var(--amber) !important;
  border-radius: var(--r-lg) !important;
  z-index: -1 !important;
  opacity: 0.5 !important;
}

/* Mini stats inside about section */
.daw-about-stats {
  display: flex;
  gap: 0;
  border: 1.5px solid var(--border);
  border-radius: var(--r-lg);
  overflow: hidden;
  margin: 28px 0;
}
.daw-about-stat {
  flex: 1;
  padding: 18px 12px;
  text-align: center;
  border-right: 1.5px solid var(--border);
  background: var(--off-white);
}
.daw-about-stat:last-child {
  border-right: none;
}
.daw-about-stat-num {
  display: block;
  font-family: "Playfair Display", serif;
  font-size: 26px;
  font-weight: 700;
  color: var(--amber);
  line-height: 1;
}
.daw-about-stat-lbl {
  display: block;
  font-family: "Inter", sans-serif;
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: var(--muted);
  margin-top: 4px;
}

/* About lead text */
.daw-about-lead {
  font-size: 16px !important;
  font-weight: 600 !important;
  color: var(--text) !important;
  line-height: 1.65 !important;
  border-left: 3px solid var(--amber) !important;
  padding-left: 14px !important;
  margin: 14px 0 16px !important;
}

/* ═══════════════════════════════════════════════════════════════
   TASK 4 — PRODUCT CARDS REDESIGN
═══════════════════════════════════════════════════════════════ */

/* Card base */
.thumbnail-light {
  background: var(--white) !important;
  border-radius: var(--r-lg) !important;
  border: 1.5px solid var(--border) !important;
  box-shadow: var(--sh) !important;
  overflow: hidden !important;
  transition: all 0.35s var(--ease) !important;
  display: flex !important;
  flex-direction: column !important;
  height: 100% !important;
  position: relative !important;
}
.thumbnail-light:hover {
  border-color: var(--amber) !important;
  box-shadow: 0 20px 50px rgba(0, 0, 0, 0.16) !important;
  transform: translateY(-8px) !important;
}

/* Image wrapper — fixed ratio, cream bg */
.thumbnail-light-media {
  display: block !important;
  overflow: hidden !important;
  background: var(--cream) !important;
  aspect-ratio: 4 / 3 !important;
  flex-shrink: 0 !important;
  position: relative !important;
}
.thumbnail-light-image {
  width: 100% !important;
  height: 100% !important;
  object-fit: contain !important;
  object-position: center !important;
  display: block !important;
  padding: 14px !important;
  transition: transform 0.5s var(--ease) !important;
}
.thumbnail-light:hover .thumbnail-light-image {
  transform: scale(1.08) !important;
}

/* Hover overlay on image */
.thumbnail-light-media::after {
  content: "\F349" !important; /* mdi-magnify */
  font-family: "Material Design Icons" !important;
  font-size: 28px !important;
  position: absolute !important;
  inset: 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  background: rgba(26, 26, 46, 0.55) !important;
  color: var(--amber) !important;
  opacity: 0 !important;
  transition: opacity 0.3s var(--ease) !important;
}
.thumbnail-light:hover .thumbnail-light-media::after {
  opacity: 1 !important;
}

/* Amber top accent strip */
.thumbnail-light::before {
  content: "" !important;
  position: absolute !important;
  top: 0;
  left: 0;
  right: 0 !important;
  height: 3px !important;
  background: linear-gradient(90deg, var(--bg-dark), var(--amber)) !important;
  z-index: 2 !important;
  opacity: 0 !important;
  transition: opacity 0.3s !important;
}
.thumbnail-light:hover::before {
  opacity: 1 !important;
}

/* Title */
.thumbnail-light-title {
  font-family: "Inter", sans-serif !important;
  font-weight: 700 !important;
  font-size: 13.5px !important;
  color: var(--text) !important;
  padding: 14px 16px 6px !important;
  line-height: 1.4 !important;
}
.thumbnail-light-title a {
  color: var(--text) !important;
}
.thumbnail-light-title a:hover {
  color: var(--amber) !important;
}

/* Spec lines */
.thumbnail-light .title-decorated,
.thumbnail-light p.title-decorated,
.thumbnail-light .breadcrumbs-custom-subtitle.title-decorated {
  font-size: 12px !important;
  color: var(--muted) !important;
  margin: 2px 16px 0 !important;
  padding-left: 16px !important;
  display: block !important;
}
.thumbnail-light .title-decorated::before,
.thumbnail-light p.title-decorated::before {
  width: 8px !important;
  top: 0.65em !important;
  background: var(--amber) !important;
}
.thumbnail-light p.title-decorated:last-child,
.thumbnail-light .breadcrumbs-custom-subtitle.title-decorated:last-child {
  padding-bottom: 16px !important;
}

/* ═══════════════════════════════════════════════════════════════
   TASK 5 — VISION & MISSION REDESIGN
═══════════════════════════════════════════════════════════════ */

/* Override post-modern for VM page — hide image entirely */
.daw-vm .post-modern .post-modern-media,
.daw-vm-page .post-modern .post-modern-media {
  display: none !important;
}

/* VM Card */
.daw-vm-card {
  background: var(--white) !important;
  border-radius: var(--r-lg) !important;
  border: 1.5px solid var(--border) !important;
  box-shadow: var(--sh) !important;
  overflow: hidden !important;
  transition: all 0.35s var(--ease) !important;
  display: flex !important;
  flex-direction: column !important;
  height: 100% !important;
}
.daw-vm-card:hover {
  border-color: var(--amber) !important;
  box-shadow: 0 20px 50px rgba(0, 0, 0, 0.14) !important;
  transform: translateY(-6px) !important;
}

/* Icon band top */
.daw-vm-icon-wrap {
  background: linear-gradient(
    135deg,
    var(--bg-dark) 0%,
    #0f3460 100%
  ) !important;
  padding: 28px 28px 22px !important;
  display: flex !important;
  align-items: center !important;
  gap: 16px !important;
}
.daw-vm-icon-wrap i {
  font-size: 40px !important;
  color: var(--amber) !important;
  line-height: 1 !important;
}
.daw-vm-icon-label {
  font-family: "Playfair Display", serif;
  font-size: 22px;
  font-weight: 700;
  color: #ffffff;
  line-height: 1;
}

/* Body */
.daw-vm-body {
  padding: 24px 28px 28px !important;
  display: flex !important;
  flex-direction: column !important;
  flex: 1 !important;
}
.daw-vm-title {
  display: none !important;
} /* label is now in icon-wrap */
.daw-vm-body > p {
  color: var(--muted) !important;
  font-size: 15px !important;
  line-height: 1.8 !important;
  flex: 1 !important;
  padding: 0 !important;
}
.daw-vm-link {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  font-family: "Inter", sans-serif !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  color: var(--amber) !important;
  text-decoration: none !important;
  margin-top: 18px !important;
  transition:
    gap 0.25s,
    color 0.25s !important;
}
.daw-vm-link:hover {
  color: var(--amber-d) !important;
  gap: 10px !important;
}

/* ═══════════════════════════════════════════════════════════════
   PRODUCT IMAGE BG — BLACK
═══════════════════════════════════════════════════════════════ */
.thumbnail-light-media {
  background: #111111 !important;
}
.thumbnail-light-image {
  padding: 10px !important;
  mix-blend-mode: normal !important;
}

/* ═══════════════════════════════════════════════════════════════
   TESTIMONIALS — FULL REDESIGN
   Dark charcoal bg, large quote, centered card
═══════════════════════════════════════════════════════════════ */

/* Section bg */
.daw-testi {
  background: var(--bg-dark) !important;
  position: relative;
  overflow: hidden;
}

/* Decorative huge quote mark bg */
.daw-testi::before {
  content: "\201C";
  position: absolute;
  top: -40px;
  left: 50%;
  transform: translateX(-50%);
  font-size: 320px;
  line-height: 1;
  color: rgba(232, 184, 109, 0.04);
  font-family: Georgia, serif;
  pointer-events: none;
  z-index: 0;
}

.daw-testi .container {
  position: relative;
  z-index: 1;
}

/* Overline + heading on dark */
.daw-testi .daw-overline {
  color: var(--amber) !important;
}
.daw-testi h3,
.daw-testi h3 span {
  color: #ffffff !important;
}

/* Avatar strip */
.daw-testi .slick-widget-testimonials {
  margin-top: 44px;
}

.daw-testi .slick-slider.carousel-child {
  margin-bottom: 36px;
}

.daw-testi .item img {
  width: 64px !important;
  height: 64px !important;
  border-radius: 50% !important;
  object-fit: cover !important;
  border: 3px solid rgba(255, 255, 255, 0.15) !important;
  transition: all 0.3s !important;
  opacity: 0.55 !important;
  filter: grayscale(30%) !important;
}
.daw-testi .slick-current .item img,
.daw-testi .item:hover img {
  border-color: var(--amber) !important;
  box-shadow: 0 0 0 4px rgba(232, 184, 109, 0.25) !important;
  opacity: 1 !important;
  filter: none !important;
  transform: scale(1.1) !important;
}

/* Quote card */
.daw-testi .quote-light {
  background: rgba(255, 255, 255, 0.05) !important;
  border: 1px solid rgba(232, 184, 109, 0.2) !important;
  border-radius: var(--r-lg) !important;
  padding: 40px 48px !important;
  max-width: 720px !important;
  margin: 0 auto !important;
  box-shadow: 0 8px 40px rgba(0, 0, 0, 0.35) !important;
  position: relative !important;
  text-align: center !important;
}

/* Opening quote icon */
.daw-testi .quote-light::before {
  content: "\201C";
  position: absolute;
  top: 20px;
  left: 36px;
  font-size: 64px;
  line-height: 1;
  color: var(--amber);
  opacity: 0.35;
  font-family: Georgia, serif;
}

/* SVG quote mark — hide original */
.daw-testi .quote-light-mark {
  display: none !important;
}

/* Quote text */
.daw-testi .quote-light-text p {
  font-family: "Playfair Display", serif !important;
  font-size: 18px !important;
  font-style: italic !important;
  color: rgba(255, 255, 255, 0.82) !important;
  line-height: 1.8 !important;
  text-shadow: none !important;
}

/* Cite / name */
.daw-testi .quote-light-cite {
  font-family: "Inter", sans-serif !important;
  font-weight: 700 !important;
  font-size: 14px !important;
  color: var(--amber) !important;
  display: block !important;
  margin-top: 20px !important;
  letter-spacing: 0.06em !important;
  text-transform: uppercase !important;
}

/* Caption below name */
.daw-testi .quote-light-caption {
  color: rgba(255, 255, 255, 0.4) !important;
  font-size: 12px !important;
}

/* Amber divider line above cite */
.daw-testi .quote-light-cite::before {
  content: "";
  display: block;
  width: 40px;
  height: 2px;
  background: var(--amber);
  border-radius: 2px;
  margin: 0 auto 12px;
}

@media (max-width: 767px) {
  .daw-testi .quote-light {
    padding: 28px 24px !important;
  }
  .daw-testi .quote-light-text p {
    font-size: 15px !important;
  }
}

/* ═══════════════════════════════════════════════════════════════
   PRODUCT IMAGE — full cover, no crop, black bg
═══════════════════════════════════════════════════════════════ */
.thumbnail-light-media {
  aspect-ratio: 1 / 1 !important; /* square box — more space */
  background: #111111 !important;
}
.thumbnail-light-image {
  width: 100% !important;
  height: 100% !important;
  object-fit: contain !important; /* full product visible, no crop */
  object-position: center !important;
  padding: 0 !important; /* remove padding so image fills area */
  display: block !important;
  transition: transform 0.5s var(--ease) !important;
}
.thumbnail-light:hover .thumbnail-light-image {
  transform: scale(1.06) !important;
}

/* ═══════════════════════════════════════════════════════════════
   SLIDER PAGINATION — push dots further down
═══════════════════════════════════════════════════════════════ */
.swiper-pagination-outer {
  padding-bottom: 24px !important;
}
.swiper-pagination-modern {
  bottom: 24px !important;
  padding-bottom: 0 !important;
}
/* Give slider caption more bottom breathing room */
.swiper-slider-light .slide-inner {
  padding-bottom: 80px !important;
}
@media (max-width: 767px) {
  .swiper-slider-light .slide-inner {
    padding-bottom: 64px !important;
  }
  .swiper-pagination-modern {
    bottom: 14px !important;
  }
}

/* ═══════════════════════════════════════════════════════════════
   FOOTER BOTTOM BAR — remove logo, clean centered design
═══════════════════════════════════════════════════════════════ */
.daw-footer-bar {
  border-top: 1px solid rgba(255, 255, 255, 0.08) !important;
  background: rgba(0, 0, 0, 0.25) !important;
}
.daw-footer-bar-inner {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  text-align: center !important;
  padding: 20px 0 !important;
  gap: 6px !important;
}
/* Hide the logo in bottom bar */
.daw-footer-bar-inner > a {
  display: none !important;
}

.daw-footer-bar-inner .rights {
  font-family: "Inter", sans-serif !important;
  font-size: 13px !important;
  color: rgba(255, 255, 255, 0.4) !important;
  margin: 0 !important;
  padding: 0 !important;
}
.daw-footer-bar-inner .rights a {
  color: var(--amber) !important;
  font-weight: 600 !important;
  text-decoration: none !important;
  transition: color 0.25s !important;
}
.daw-footer-bar-inner .rights a:hover {
  color: #fff !important;
}

.daw-footer-est {
  font-family: "Inter", sans-serif !important;
  font-size: 11px !important;
  color: rgba(255, 255, 255, 0.22) !important;
  letter-spacing: 0.08em !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* ═══════════════════════════════════════════════════════════════
   SLIDER TEXT — maximum visibility
═══════════════════════════════════════════════════════════════ */
.swiper-slide-caption h1,
.swiper-slide-caption h1 span,
.swiper-slide-caption h1 b,
.swiper-slide-caption h1 span.font-weight-light,
.swiper-slide-caption h1 span.font-weight-bold {
  color: #ffffff !important;
  text-shadow:
    0 0 20px rgba(0, 0, 0, 0.9),
    0 2px 8px rgba(0, 0, 0, 0.9),
    1px 1px 0 rgba(0, 0, 0, 0.8) !important;
}
/* Keep bold lines amber */
.swiper-slide-caption h1 span.font-weight-bold,
.swiper-slide-caption h1 b {
  color: var(--amber) !important;
}

.daw-slide-desc {
  color: #ffffff !important;
  text-shadow:
    0 0 16px rgba(0, 0, 0, 0.95),
    0 2px 6px rgba(0, 0, 0, 0.9) !important;
  font-weight: 500 !important;
}

/* ═══════════════════════════════════════════════════════════════
   CONTACT PAGE
═══════════════════════════════════════════════════════════════ */

/* ── Info Cards Row ── */
.daw-contact-info-section {
  background: var(--bg-dark);
  padding: 0;
  margin-top: -2px;
}
.daw-contact-cards {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 0;
}
.daw-contact-card {
  display: flex;
  align-items: center;
  gap: 18px;
  padding: 32px 36px;
  border-right: 1px solid rgba(255, 255, 255, 0.07);
  transition: background 0.3s;
}
.daw-contact-card:last-child {
  border-right: none;
}
.daw-contact-card:hover {
  background: rgba(232, 184, 109, 0.06);
}

.daw-contact-card-icon {
  width: 52px;
  height: 52px;
  flex-shrink: 0;
  background: rgba(232, 184, 109, 0.12);
  border: 1.5px solid rgba(232, 184, 109, 0.3);
  border-radius: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.daw-contact-card-icon i {
  font-size: 24px;
  color: var(--amber);
  line-height: 1;
}
.daw-contact-card-title {
  font-family: "Inter", sans-serif !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  letter-spacing: 0.12em !important;
  text-transform: uppercase !important;
  color: var(--amber) !important;
  margin-bottom: 4px !important;
}
.daw-contact-card-body a,
.daw-contact-card-body span {
  font-family: "Inter", sans-serif;
  font-size: 14px;
  color: rgba(255, 255, 255, 0.75) !important;
  text-decoration: none !important;
  line-height: 1.5;
  display: block;
}
.daw-contact-card-body a:hover {
  color: var(--amber) !important;
}

@media (max-width: 767px) {
  .daw-contact-cards {
    grid-template-columns: 1fr;
  }
  .daw-contact-card {
    border-right: none;
    border-bottom: 1px solid rgba(255, 255, 255, 0.07);
    padding: 22px 24px;
  }
  .daw-contact-card:last-child {
    border-bottom: none;
  }
}

/* ── Map + Panel Split ── */
.daw-contact-map-section {
  padding: 72px 0 80px;
  background: var(--off-white);
}
.daw-contact-split {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 48px;
  align-items: start;
}

/* Map side */
.daw-contact-map-label {
  font-family: "Inter", sans-serif;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--amber);
  margin-bottom: 14px;
  display: flex;
  align-items: center;
  gap: 6px;
}
.daw-contact-map-frame {
  width: 100%;
  height: 400px;
  border-radius: var(--r-lg);
  overflow: hidden;
  box-shadow: var(--sh-lg);
  border: 2px solid var(--border);
}
.daw-contact-map-frame iframe {
  width: 100% !important;
  height: 100% !important;
  display: block;
}
.daw-contact-streetview {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  margin-top: 14px;
  font-family: "Inter", sans-serif;
  font-size: 13px;
  font-weight: 600;
  color: var(--text) !important;
  text-decoration: none !important;
  transition: color 0.25s;
}
.daw-contact-streetview i {
  color: var(--amber);
  font-size: 16px;
}
.daw-contact-streetview:hover {
  color: var(--amber) !important;
}

/* Info panel side */
.daw-contact-info-panel {
  padding-top: 8px;
}
.daw-contact-info-panel h3 {
  color: var(--text) !important;
  margin-bottom: 14px !important;
}
.daw-contact-panel-desc {
  color: var(--muted) !important;
  font-size: 15px !important;
  line-height: 1.75 !important;
  margin-bottom: 28px !important;
  padding: 0 !important;
  border: none !important;
}

/* Detail list */
.daw-contact-detail-list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 0;
}
.daw-contact-detail-list li {
  display: flex;
  align-items: flex-start;
  gap: 16px;
  padding: 16px 0;
  border-bottom: 1px solid var(--border);
}
.daw-contact-detail-list li:first-child {
  border-top: 1px solid var(--border);
}
.daw-contact-detail-icon {
  width: 40px;
  height: 40px;
  flex-shrink: 0;
  background: var(--cream);
  border: 1.5px solid var(--border);
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 2px;
}
.daw-contact-detail-icon i {
  font-size: 18px;
  color: var(--amber);
  line-height: 1;
}
.daw-contact-detail-list li div {
  display: flex;
  flex-direction: column;
  gap: 3px;
}
.daw-contact-detail-list li strong {
  font-family: "Inter", sans-serif;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: var(--text);
}
.daw-contact-detail-list li a,
.daw-contact-detail-list li span {
  font-family: "Inter", sans-serif;
  font-size: 14px;
  color: var(--muted) !important;
  text-decoration: none !important;
  line-height: 1.55;
}
.daw-contact-detail-list li a:hover {
  color: var(--amber) !important;
}

@media (max-width: 991px) {
  .daw-contact-split {
    grid-template-columns: 1fr;
    gap: 36px;
  }
  .daw-contact-map-frame {
    height: 320px;
  }
}
@media (max-width: 575px) {
  .daw-contact-map-frame {
    height: 260px;
  }
  .daw-contact-map-section {
    padding: 48px 0 56px;
  }
}

/* ═══════════════════════════════════════════════════════════════
   FIX 1 — Slider second button clearly visible
═══════════════════════════════════════════════════════════════ */
.daw-slide-btns .btn-outline-white {
  background: rgba(255, 255, 255, 0.15) !important;
  border: 2px solid #ffffff !important;
  color: #ffffff !important;
  font-weight: 700 !important;
  backdrop-filter: blur(4px) !important;
  -webkit-backdrop-filter: blur(4px) !important;
  text-shadow: 0 1px 4px rgba(0, 0, 0, 0.6) !important;
  box-shadow: 0 2px 12px rgba(0, 0, 0, 0.3) !important;
}
.daw-slide-btns .btn-outline-white:hover {
  background: rgba(255, 255, 255, 0.3) !important;
  border-color: #ffffff !important;
  color: #ffffff !important;
  box-shadow: 0 4px 18px rgba(0, 0, 0, 0.4) !important;
}

/* ═══════════════════════════════════════════════════════════════
   FIX 2 — Feature box title — remove from top, put inside body
   Override box-minimal icon+title layout to look premium
═══════════════════════════════════════════════════════════════ */
.box-minimal {
  text-align: left !important;
  padding: 0 !important;
  overflow: hidden !important;
}
/* Top colored band with icon */
.box-minimal-icon {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  padding: 28px 0 24px !important;
  font-size: 44px !important;
  color: var(--amber) !important;
  background: linear-gradient(
    135deg,
    var(--bg-dark) 0%,
    #0f3460 100%
  ) !important;
  margin: 0 !important;
}
/* Content area below icon band */
.box-minimal-main {
  padding: 22px 24px 26px !important;
  margin: 0 !important;
}
.box-minimal-title {
  font-family: "Playfair Display", serif !important;
  font-size: 18px !important;
  font-weight: 700 !important;
  color: var(--text) !important;
  margin-bottom: 10px !important;
  margin-top: 0 !important;
}
.box-minimal p {
  font-size: 14px !important;
  line-height: 1.75 !important;
  color: var(--muted) !important;
}

/* ═══════════════════════════════════════════════════════════════
   FIX 3 — Product card title & spec font size bigger
═══════════════════════════════════════════════════════════════ */
.thumbnail-light-title {
  font-size: 15px !important;
  padding: 16px 18px 8px !important;
  font-weight: 700 !important;
  line-height: 1.45 !important;
  color: var(--text) !important;
}
.thumbnail-light .title-decorated,
.thumbnail-light p.title-decorated,
.thumbnail-light .breadcrumbs-custom-subtitle.title-decorated {
  font-size: 14px !important;
  margin: 5px 18px 0 !important;
  padding-left: 18px !important;
  color: var(--muted) !important;
  line-height: 1.6 !important;
}
.thumbnail-light p.title-decorated:last-child,
.thumbnail-light .breadcrumbs-custom-subtitle.title-decorated:last-child {
  padding-bottom: 18px !important;
}