/* Google Fonts Import - Golos Text, Outfit, Plus Jakarta Sans */
@import url('https://fonts.googleapis.com/css2?family=Golos+Text:wght@400;500;600;700;800;900&family=Outfit:wght@400;500;600;700;800&family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap');

/* Cal Sans Font Face */
@font-face {
  font-family: 'Cal Sans';
  font-style: normal;
  font-weight: 400 800;
  font-display: swap;
  src: url('../assets/fonts/fdN99sWUv3gWqXxqqRBStFs04A.woff2') format('woff2'),
       local('Cal Sans SemiBold'), local('Cal Sans');
}

/* Global Font System */
:root {
  --e-global-typography-primary-font-family: 'Cal Sans', 'Golos Text', 'Outfit', sans-serif;
  --e-global-typography-secondary-font-family: 'Golos Text', 'Plus Jakarta Sans', sans-serif;
  --e-global-typography-text-font-family: 'Golos Text', 'Plus Jakarta Sans', sans-serif;
  --e-global-typography-accent-font-family: 'Golos Text', 'Plus Jakarta Sans', sans-serif;
  --antra-gold: #CAA05C;
  --antra-gold-hover: #b88f4b;
  --antra-dark: #121212;
  --antra-card-bg: #1c1c1e;
  --antra-text-muted: #8E8E93;
}

body, html, input, button, select, textarea, p, span, a, li, .woocommerce-breadcrumb, .elementor-sub-title {
  font-family: 'Golos Text', 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif !important;
}

h1, h2, h3, h4, h5, h6,
.elementor-heading-title,
.slide-hero-h1,
.antra-woocommerce-title,
.elementor-timeline-year,
.timeline-year-item,
.pill-title,
.gallery-slider-heading-title,
.timeline-item-year {
  font-family: 'Cal Sans', 'Golos Text', 'Outfit', -apple-system, BlinkMacSystemFont, sans-serif !important;
}

/* Smooth Scroll */
html {
  scroll-behavior: smooth;
}

/* Scroll Reveal Animation Engine */
.antra-reveal {
  opacity: 0;
  transform: translateY(35px);
  transition: opacity 0.85s cubic-bezier(0.16, 1, 0.3, 1), transform 0.85s cubic-bezier(0.16, 1, 0.3, 1);
  will-change: opacity, transform;
}

.antra-reveal.revealed,
.elementor-invisible.revealed {
  opacity: 1 !important;
  transform: translateY(0) scale(1) !important;
  visibility: visible !important;
}

.antra-reveal-left {
  opacity: 0;
  transform: translateX(-45px);
  transition: opacity 0.9s cubic-bezier(0.16, 1, 0.3, 1), transform 0.9s cubic-bezier(0.16, 1, 0.3, 1);
}
.antra-reveal-left.revealed {
  opacity: 1 !important;
  transform: translateX(0) !important;
}

.antra-reveal-right {
  opacity: 0;
  transform: translateX(45px);
  transition: opacity 0.9s cubic-bezier(0.16, 1, 0.3, 1), transform 0.9s cubic-bezier(0.16, 1, 0.3, 1);
}
.antra-reveal-right.revealed {
  opacity: 1 !important;
  transform: translateX(0) !important;
}

.elementor-invisible {
  opacity: 0;
  transform: translateY(30px);
  transition: opacity 0.8s cubic-bezier(0.16, 1, 0.3, 1), transform 0.8s cubic-bezier(0.16, 1, 0.3, 1);
}

/* Delay Helpers */
.delay-1 { transition-delay: 0.1s !important; }
.delay-2 { transition-delay: 0.2s !important; }
.delay-3 { transition-delay: 0.3s !important; }
.delay-4 { transition-delay: 0.4s !important; }
.delay-5 { transition-delay: 0.5s !important; }

/* Badge Pill */
.slide-pill-badge {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: #F4F3EF;
  border: 1px solid #E5E2DC;
  border-radius: 50px;
  padding: 6px 16px;
  margin-bottom: 18px;
  width: fit-content;
}
.slide-pill-badge .pill-dot {
  width: 7px;
  height: 7px;
  background-color: var(--antra-gold, #CAA05C);
  border-radius: 50%;
  display: inline-block;
  box-shadow: 0 0 8px rgba(202, 160, 92, 0.6);
  animation: antra-pill-pulse 2s infinite ease-in-out;
}
@keyframes antra-pill-pulse {
  0%, 100% {
    transform: scale(1);
    opacity: 1;
    box-shadow: 0 0 6px rgba(202, 160, 92, 0.5);
  }
  50% {
    transform: scale(1.35);
    opacity: 0.7;
    box-shadow: 0 0 12px rgba(202, 160, 92, 0.8);
  }
}
.slide-pill-badge .pill-title {
  font-size: 11.5px;
  font-weight: 700;
  letter-spacing: 1.5px;
  text-transform: uppercase;
  color: #1a1a1a !important;
}

/* ============================================================
   OUR HISTORY SECTION (SCREENSHOT 1)
   ============================================================ */
.antra-timeline-section-wrap {
  width: 100%;
  padding: 80px 0 100px 0;
  background: #FFFFFF;
  position: relative;
  overflow: hidden;
}

.antra-timeline-header-container {
  max-width: 1410px;
  margin: 0 auto;
  padding: 0 30px 40px 30px;
}

.antra-timeline-heading-title {
  font-size: clamp(32px, 4.5vw, 56px);
  line-height: 1.15;
  font-weight: 700;
  color: #111111;
  margin: 0 0 15px 0;
}

.antra-timeline-scroll-container {
  width: 100%;
  overflow-x: auto;
  overflow-y: hidden;
  scrollbar-width: none;
  -ms-overflow-style: none;
  cursor: grab;
  user-select: none;
  padding: 20px 0 40px 0;
}
.antra-timeline-scroll-container::-webkit-scrollbar {
  display: none;
}
.antra-timeline-scroll-container:active {
  cursor: grabbing;
}

.antra-timeline-track {
  display: flex;
  position: relative;
  min-width: max-content;
  padding: 0 max(30px, calc((100vw - 1410px) / 2));
  gap: 40px;
  align-items: flex-start;
}

/* Continuous Golden Connecting Line */
.antra-timeline-track::before {
  content: '';
  position: absolute;
  top: 245px;
  left: 0;
  right: 0;
  height: 2px;
  background: #E8DFD3;
  z-index: 1;
}

.antra-timeline-node {
  width: 270px;
  flex-shrink: 0;
  display: flex;
  flex-direction: column;
  position: relative;
  z-index: 2;
  transition: transform 0.35s ease;
}
.antra-timeline-node:hover {
  transform: translateY(-6px);
}

.timeline-node-img-box {
  width: 100%;
  height: 210px;
  border-radius: 24px;
  overflow: hidden;
  box-shadow: 0 10px 30px rgba(0,0,0,0.06);
  background: #f5f5f5;
  margin-bottom: 25px;
}
.timeline-node-img-box img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.6s ease;
  display: block;
}
.antra-timeline-node:hover .timeline-node-img-box img {
  transform: scale(1.08);
}

.timeline-node-dot-marker {
  width: 18px;
  height: 18px;
  border-radius: 50%;
  background: var(--antra-gold);
  border: 3px solid #FFFFFF;
  box-shadow: 0 0 0 2px var(--antra-gold);
  margin-bottom: 22px;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.antra-timeline-node:hover .timeline-node-dot-marker {
  transform: scale(1.3);
  box-shadow: 0 0 0 4px var(--antra-gold), 0 0 12px rgba(202,160,92,0.6);
}

.timeline-node-year-text {
  font-size: 32px;
  font-weight: 700;
  color: #111111;
  margin-bottom: 12px;
  line-height: 1;
}

.timeline-node-desc-text {
  font-size: 14.5px;
  line-height: 1.65;
  color: #666666;
  margin: 0;
}

/* ============================================================
   OUR GALLERY INTERIOR DESIGN SLIDER (SCREENSHOT 2)
   ============================================================ */
.antra-gallery-slider-section {
  width: 100%;
  padding: 100px 0;
  background: radial-gradient(circle at 20% 50%, #2A2118 0%, #16120F 60%, #0D0A08 100%);
  position: relative;
  overflow: hidden;
  color: #FFFFFF;
}

.antra-gallery-slider-section::before {
  content: '';
  position: absolute;
  top: 0; left: 0; right: 0; bottom: 0;
  background: url('assets/images/about-background-3.png') center/cover no-repeat;
  opacity: 0.18;
  pointer-events: none;
}

.antra-gallery-slider-container {
  max-width: 1410px;
  margin: 0 auto;
  padding: 0 30px;
  display: flex;
  gap: 50px;
  align-items: center;
  position: relative;
  z-index: 2;
}

.gallery-slider-left-col {
  width: 32%;
  flex-shrink: 0;
  display: flex;
  flex-direction: column;
}

.gallery-slider-heading-title {
  font-size: clamp(38px, 4.5vw, 64px);
  line-height: 1.05;
  font-weight: 700;
  color: #FFFFFF;
  margin: 0 0 20px 0;
  letter-spacing: -0.5px;
}

.gallery-slider-desc-p {
  font-size: 15px;
  line-height: 1.7;
  color: rgba(255, 255, 255, 0.7);
  margin: 0 0 35px 0;
  max-width: 380px;
}

.gallery-slider-nav-row {
  display: flex;
  gap: 16px;
  align-items: center;
}

.gallery-nav-arrow-btn {
  width: 52px;
  height: 52px;
  border-radius: 50%;
  border: 1px solid rgba(255, 255, 255, 0.35);
  background: rgba(255, 255, 255, 0.05);
  backdrop-filter: blur(8px);
  color: #FFFFFF;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  font-size: 20px;
  transition: all 0.3s ease;
  outline: none;
}
.gallery-nav-arrow-btn:hover {
  background: var(--antra-gold);
  border-color: var(--antra-gold);
  color: #111111;
  transform: scale(1.08);
  box-shadow: 0 0 20px rgba(202, 160, 92, 0.4);
}

.gallery-slider-right-col {
  width: 68%;
  overflow: hidden;
  position: relative;
}

.gallery-cards-scroll-track {
  display: flex;
  gap: 24px;
  overflow-x: auto;
  overflow-y: hidden;
  scrollbar-width: none;
  -ms-overflow-style: none;
  cursor: grab;
  user-select: none;
  padding: 15px 5px 25px 5px;
  scroll-behavior: smooth;
}
.gallery-cards-scroll-track::-webkit-scrollbar {
  display: none;
}
.gallery-cards-scroll-track:active {
  cursor: grabbing;
}

.gallery-card-box {
  flex: 0 0 260px;
  display: flex;
  flex-direction: column;
  align-items: center;
  transition: transform 0.4s ease;
}
.gallery-card-box:hover {
  transform: translateY(-8px);
}

.gallery-card-img-wrap {
  width: 100%;
  height: 340px;
  border-radius: 28px;
  overflow: hidden;
  box-shadow: 0 15px 35px rgba(0,0,0,0.4);
  position: relative;
  background: #1e1e1e;
}
.gallery-card-img-wrap img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.6s ease;
  display: block;
}
.gallery-card-box:hover .gallery-card-img-wrap img {
  transform: scale(1.08);
}

.gallery-card-title-text {
  margin-top: 16px;
  font-size: 18px;
  font-weight: 600;
  color: rgba(255,255,255,0.9);
  text-align: center;
  letter-spacing: 0.5px;
}

@media (max-width: 1024px) {
  .antra-gallery-slider-container {
    flex-direction: column;
    align-items: flex-start;
  }
  .gallery-slider-left-col {
    width: 100%;
  }
  .gallery-slider-right-col {
    width: 100%;
  }
  .gallery-card-box {
    flex: 0 0 220px;
  }
  .gallery-card-img-wrap {
    height: 290px;
  }
}

/* ============================================================
   UNIVERSAL NAVBAR (STICKY FIXED + WHITE ON SCROLL)
   ============================================================ */
#masthead,
.header-absolute {
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  width: 100% !important;
  z-index: 99999 !important;
  background: transparent !important;
  padding: 14px 0 !important;
  box-sizing: border-box !important;
  transition: background-color 0.3s ease, box-shadow 0.3s ease, border-bottom 0.3s ease !important;
}

#masthead.is-scrolled,
.header-absolute.is-scrolled,
#masthead.header-scrolled,
.header-absolute.header-scrolled {
  background: #FFFFFF !important;
  background-color: #FFFFFF !important;
  box-shadow: 0 4px 25px rgba(0, 0, 0, 0.08) !important;
  padding: 14px 0 !important;
}

.elementor-element-3ae6e686 .e-con-inner {
  max-width: 1680px !important;
  width: 100% !important;
  margin: 0 auto !important;
  padding: 0 48px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  box-sizing: border-box !important;
}

#masthead.is-scrolled .elementor-element-3ae6e686 .e-con-inner,
.header-absolute.is-scrolled .elementor-element-3ae6e686 .e-con-inner {
  padding: 0 48px !important;
}

.elementor-element-2233113a {
  display: flex !important;
  align-items: center !important;
  flex: 1 !important;
}

.hfe-site-logo-img {
  height: 38px !important;
  width: auto !important;
  display: block !important;
}

.main-navigation .primary-navigation ul.menu {
  display: flex !important;
  align-items: center !important;
  list-style: none !important;
  margin: 0 !important;
  padding: 0 0 0 45px !important;
  gap: 34px !important;
  flex-wrap: nowrap !important;
}

.main-navigation ul.menu > li {
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
}

.main-navigation ul.menu > li > a,
.main-navigation ul.menu > li > a .menu-title,
.main-navigation ul.menu > li > a span {
  font-family: 'Golos Text', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif !important;
  font-size: 15.5px !important;
  font-weight: 500 !important;
  color: #FFFFFF !important;
  text-decoration: none !important;
  display: inline-flex !important;
  align-items: center !important;
  padding: 8px 0 !important;
  position: relative !important;
  letter-spacing: 0.3px !important;
  transition: color 0.3s ease !important;
}

.main-navigation ul.menu > li.current-menu-item > a,
.main-navigation ul.menu > li.current_page_item > a,
.main-navigation ul.menu > li > a:hover {
  color: var(--antra-gold, #CAA05C) !important;
  text-decoration: none !important;
}

.main-navigation ul.menu > li.current-menu-item > a::after,
.main-navigation ul.menu > li.current_page_item > a::after,
.main-navigation ul.menu > li > a::after {
  display: none !important;
  content: none !important;
}

.elementor-element-3023e72a {
  display: flex !important;
  align-items: center !important;
  gap: 24px !important;
}

/* ============================================================
   HEADER: 2-LINE PHONE NUMBER BLOCK & CLEAN SPACING
   ============================================================ */
.elementor-element-65ff6f95 .elementor-icon-box-wrapper {
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
  white-space: nowrap !important;
}

.elementor-element-65ff6f95 .elementor-icon-box-icon {
  width: 44px !important;
  height: 44px !important;
  min-width: 44px !important;
  border-radius: 50% !important;
  background: #F6EDE2 !important;
  border: none !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  margin: 0 !important;
}

.elementor-element-65ff6f95 .elementor-icon-box-icon .elementor-icon,
.elementor-element-65ff6f95 .elementor-icon-box-icon i,
.elementor-element-65ff6f95 .elementor-icon-box-icon svg {
  border: none !important;
  background: transparent !important;
  color: #B88E4F !important;
  fill: #B88E4F !important;
  font-size: 18px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

.elementor-element-65ff6f95:hover .elementor-icon-box-icon {
  background: #ecdcc9 !important;
}

.elementor-element-65ff6f95 .elementor-icon-box-content {
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  white-space: nowrap !important;
  min-width: max-content !important;
}

.elementor-element-65ff6f95 .elementor-icon-box-title {
  font-family: 'Golos Text', sans-serif !important;
  font-size: 11px !important;
  font-weight: 600 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.6px !important;
  color: #777777 !important;
  margin: 0 0 2px 0 !important;
  line-height: 1.2 !important;
  white-space: nowrap !important;
  display: block !important;
}
.elementor-element-65ff6f95 .elementor-icon-box-title a {
  font-family: 'Golos Text', sans-serif !important;
  color: #777777 !important;
  text-decoration: none !important;
  white-space: nowrap !important;
  display: block !important;
  font-size: 11px !important;
  font-weight: 600 !important;
  letter-spacing: 0.6px !important;
}

.elementor-element-65ff6f95 .elementor-icon-box-description {
  font-family: 'Cal Sans', 'Golos Text', sans-serif !important;
  font-size: 16px !important;
  font-weight: 700 !important;
  color: #111111 !important;
  margin: 0 !important;
  line-height: 1.2 !important;
  white-space: nowrap !important;
  display: block !important;
  letter-spacing: 0px !important;
}

.elementor-element-e27b232 .elementor-button {
  background: transparent !important;
  border: 1.5px solid var(--antra-gold) !important;
  color: #FFFFFF !important;
  border-radius: 50px !important;
  padding: 10px 26px !important;
  font-family: 'Cal Sans', 'Golos Text', sans-serif !important;
  font-size: 13.5px !important;
  font-weight: 700 !important;
  letter-spacing: 0.8px !important;
  text-transform: uppercase !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  text-decoration: none !important;
  transition: all 0.3s ease !important;
  white-space: nowrap !important;
}
.elementor-element-e27b232 .elementor-button:hover {
  background: var(--antra-gold) !important;
  color: #111111 !important;
  box-shadow: 0 0 20px rgba(202, 160, 92, 0.45) !important;
  transform: translateY(-2px) !important;
}

/* ============================================================
   SEARCH ICON REMOVAL
   ============================================================ */
.elementor-widget-antra-search,
.elementor-element-90173ea,
.elementor-element-dcaadcf,
.site-header-search,
.button-search-popup {
  display: none !important;
}

.antra-info-button {
  color: #FFFFFF !important;
  font-size: 18px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  text-decoration: none !important;
  transition: all 0.3s ease !important;
  cursor: pointer !important;
}
.antra-info-button:hover {
  color: var(--antra-gold) !important;
}

/* ============================================================
   STICKY NAVBAR & WHITE TRANSITION ON SCROLL
   ============================================================ */
.header-absolute {
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  width: 100% !important;
  z-index: 99999 !important;
  background: transparent !important;
  padding: 14px 0 !important;
  transition: background-color 0.35s ease, box-shadow 0.35s ease !important;
}

.header-absolute.is-scrolled,
.header-absolute.header-scrolled {
  background: #FFFFFF !important;
  box-shadow: 0 4px 25px rgba(0, 0, 0, 0.08) !important;
  padding: 14px 0 !important;
}

/* Nav menu items on transparent subpage header */
body:not(.home) .header-absolute:not(.is-scrolled) .main-navigation ul.menu > li > a,
body:not(.home) .header-absolute:not(.is-scrolled) .main-navigation ul.menu > li > a .menu-title {
  color: #FFFFFF !important;
  text-shadow: 0 1px 4px rgba(0, 0, 0, 0.5) !important;
}

body:not(.home) .header-absolute:not(.is-scrolled) .main-navigation ul.menu > li.current-menu-item > a,
body:not(.home) .header-absolute:not(.is-scrolled) .main-navigation ul.menu > li.current_page_item > a,
body:not(.home) .header-absolute:not(.is-scrolled) .main-navigation ul.menu > li.current-menu-item > a .menu-title,
body:not(.home) .header-absolute:not(.is-scrolled) .main-navigation ul.menu > li.current_page_item > a .menu-title,
body:not(.home) .header-absolute:not(.is-scrolled) .main-navigation ul.menu > li > a:hover,
body:not(.home) .header-absolute:not(.is-scrolled) .main-navigation ul.menu > li > a:hover .menu-title {
  color: var(--antra-gold, #CAA05C) !important;
}

/* Phone box on transparent subpage header (White text on dark banner + Reference badge) */
body:not(.home) .header-absolute:not(.is-scrolled) .elementor-element-65ff6f95 .elementor-icon-box-icon {
  width: 44px !important;
  height: 44px !important;
  min-width: 44px !important;
  border-radius: 50% !important;
  background: #F6EDE2 !important;
  border: none !important;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  margin: 0 !important;
}

body:not(.home) .header-absolute:not(.is-scrolled) .elementor-element-65ff6f95 .elementor-icon-box-icon .elementor-icon,
body:not(.home) .header-absolute:not(.is-scrolled) .elementor-element-65ff6f95 .elementor-icon-box-icon i,
body:not(.home) .header-absolute:not(.is-scrolled) .elementor-element-65ff6f95 .elementor-icon-box-icon svg {
  border: none !important;
  background: transparent !important;
  color: #B88E4F !important;
  fill: #B88E4F !important;
  font-size: 18px !important;
}

body:not(.home) .header-absolute:not(.is-scrolled) .elementor-element-65ff6f95 .elementor-icon-box-title,
body:not(.home) .header-absolute:not(.is-scrolled) .elementor-element-65ff6f95 .elementor-icon-box-title a,
body:not(.home) .header-absolute:not(.is-scrolled) .elementor-element-65ff6f95 h3.elementor-icon-box-title a {
  font-family: 'Golos Text', sans-serif !important;
  color: rgba(255, 255, 255, 0.85) !important;
  font-size: 11px !important;
  font-weight: 600 !important;
  letter-spacing: 0.6px !important;
  text-transform: uppercase !important;
  text-shadow: 0 1px 3px rgba(0, 0, 0, 0.6) !important;
}

body:not(.home) .header-absolute:not(.is-scrolled) .elementor-element-65ff6f95 .elementor-icon-box-description,
body:not(.home) .header-absolute:not(.is-scrolled) .elementor-element-65ff6f95 p.elementor-icon-box-description {
  font-family: 'Cal Sans', 'Golos Text', sans-serif !important;
  color: #FFFFFF !important;
  font-size: 16px !important;
  font-weight: 700 !important;
  letter-spacing: 0px !important;
  text-shadow: 0 2px 6px rgba(0, 0, 0, 0.7) !important;
}

/* Nav menu items when scrolled */
.header-absolute.is-scrolled .main-navigation ul.menu > li > a,
.header-absolute.is-scrolled .main-navigation ul.menu > li > a .menu-title {
  color: #1a1a1a !important;
  text-shadow: none !important;
}

.header-absolute.is-scrolled .main-navigation ul.menu > li.current-menu-item > a,
.header-absolute.is-scrolled .main-navigation ul.menu > li.current_page_item > a,
.header-absolute.is-scrolled .main-navigation ul.menu > li.current-menu-item > a .menu-title,
.header-absolute.is-scrolled .main-navigation ul.menu > li.current_page_item > a .menu-title,
.header-absolute.is-scrolled .main-navigation ul.menu > li > a:hover,
.header-absolute.is-scrolled .main-navigation ul.menu > li > a:hover .menu-title {
  color: var(--antra-gold, #CAA05C) !important;
}

/* Phone box when scrolled */
.header-absolute.is-scrolled .elementor-element-65ff6f95 .elementor-icon-box-icon {
  width: 44px !important;
  height: 44px !important;
  min-width: 44px !important;
  border-radius: 50% !important;
  background: #F6EDE2 !important;
  border: none !important;
  box-shadow: none !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  margin: 0 !important;
}

.header-absolute.is-scrolled .elementor-element-65ff6f95 .elementor-icon-box-icon .elementor-icon,
.header-absolute.is-scrolled .elementor-element-65ff6f95 .elementor-icon-box-icon i,
.header-absolute.is-scrolled .elementor-element-65ff6f95 .elementor-icon-box-icon svg {
  border: none !important;
  background: transparent !important;
  color: #B88E4F !important;
  fill: #B88E4F !important;
  font-size: 18px !important;
}

.header-absolute.is-scrolled .elementor-element-65ff6f95 .elementor-icon-box-title,
.header-absolute.is-scrolled .elementor-element-65ff6f95 .elementor-icon-box-title a,
.header-absolute.is-scrolled .elementor-element-65ff6f95 h3.elementor-icon-box-title a {
  font-family: 'Golos Text', sans-serif !important;
  color: #777777 !important;
  font-size: 11px !important;
  font-weight: 600 !important;
  letter-spacing: 0.6px !important;
  text-transform: uppercase !important;
  text-shadow: none !important;
}

.header-absolute.is-scrolled .elementor-element-65ff6f95 .elementor-icon-box-description,
.header-absolute.is-scrolled .elementor-element-65ff6f95 p.elementor-icon-box-description {
  font-family: 'Cal Sans', 'Golos Text', sans-serif !important;
  color: #111111 !important;
  font-size: 16px !important;
  font-weight: 700 !important;
  letter-spacing: 0px !important;
  text-shadow: none !important;
}

/* Get a Quote button when scrolled */
.header-absolute.is-scrolled .elementor-element-e27b232 .elementor-button {
  background: var(--antra-gold) !important;
  color: #FFFFFF !important;
  border-color: var(--antra-gold) !important;
}

.header-absolute.is-scrolled .elementor-element-e27b232 .elementor-button:hover {
  background: #b88f4b !important;
  color: #FFFFFF !important;
}

/* Info button & Canvas mobile button when scrolled */
.header-absolute.is-scrolled .antra-info-button {
  color: #1a1a1a !important;
  background-color: rgba(0, 0, 0, 0.05) !important;
  border-color: rgba(0, 0, 0, 0.1) !important;
}

.header-absolute.is-scrolled .antra-info-button .antra-icon span,
.header-absolute.is-scrolled .menu-mobile-nav-button .antra-icon span {
  background-color: #1a1a1a !important;
}

/* ============================================================
   UNIVERSAL HERO SECTION (EXACT SAME HEIGHT & DESIGN ACROSS ALL SUBPAGES)
   ============================================================ */
.antra-page-hero-banner {
  position: relative !important;
  width: 100% !important;
  height: 420px !important;
  min-height: 420px !important;
  background-image: url('../assets/images/breadcrumb-df.jpg') !important;
  background-size: cover !important;
  background-position: center center !important;
  background-repeat: no-repeat !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  text-align: center !important;
  box-sizing: border-box !important;
  padding-top: 130px !important;
  padding-bottom: 40px !important;
  margin: 0 !important;
  overflow: hidden !important;
}

.antra-page-hero-banner::before {
  content: "" !important;
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  background: linear-gradient(180deg, rgba(16, 12, 9, 0.62) 0%, rgba(10, 8, 6, 0.82) 100%) !important;
  z-index: 1 !important;
}

.antra-page-hero-content {
  position: relative !important;
  z-index: 2 !important;
  width: 100% !important;
  max-width: 1410px !important;
  margin: 0 auto !important;
  padding: 0 30px !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  text-align: center !important;
}

.antra-page-hero-title {
  font-family: 'Cal Sans', 'Golos Text', sans-serif !important;
  font-size: clamp(40px, 4.8vw, 60px) !important;
  font-weight: 700 !important;
  color: #FFFFFF !important;
  line-height: 1.15 !important;
  margin: 0 0 14px 0 !important;
  text-align: center !important;
  letter-spacing: -0.5px !important;
  text-shadow: 0 4px 20px rgba(0, 0, 0, 0.4) !important;
}

.antra-page-hero-breadcrumb {
  font-family: 'Golos Text', 'Plus Jakarta Sans', sans-serif !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  letter-spacing: 2px !important;
  text-transform: uppercase !important;
  color: #FFFFFF !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 10px !important;
  margin: 0 !important;
  padding: 0 !important;
}

.antra-page-hero-breadcrumb a {
  color: rgba(255, 255, 255, 0.75) !important;
  text-decoration: none !important;
  transition: color 0.3s ease !important;
}

.antra-page-hero-breadcrumb a:hover {
  color: var(--antra-gold) !important;
}

.antra-page-hero-breadcrumb .separator {
  color: var(--antra-gold) !important;
  font-size: 12px !important;
  font-weight: bold !important;
}

.antra-page-hero-breadcrumb .current {
  color: var(--antra-gold) !important;
  font-weight: 700 !important;
}

@media (max-width: 768px) {
  .elementor-element-3ae6e686 .e-con-inner {
    padding: 16px 20px !important;
  }
  .antra-page-hero-banner {
    height: 330px !important;
    min-height: 330px !important;
    padding-top: 110px !important;
    padding-bottom: 30px !important;
  }
}

/* ============================================================
   SECTION 1: WE SHAPE INTERIOR DESIGNS (IMAGE 1 EXACT MATCH)
   ============================================================ */
.gold-text {
  color: var(--antra-gold) !important;
}

.antra-about-shape-section {
  position: relative !important;
  width: 100% !important;
  padding: 100px 0 90px 0 !important;
  background-color: #FBFBFC !important;
  overflow: hidden !important;
}

.antra-shape-blueprint-bg {
  position: absolute !important;
  left: -40px !important;
  bottom: -30px !important;
  width: 600px !important;
  opacity: 0.16 !important;
  pointer-events: none !important;
  z-index: 1 !important;
}

.antra-shape-blueprint-bg img {
  width: 100% !important;
  height: auto !important;
  display: block !important;
}

.antra-shape-main-container {
  max-width: 1280px !important;
  margin: 0 auto !important;
  padding: 0 60px !important;
  position: relative !important;
  z-index: 2 !important;
  box-sizing: border-box !important;
}

.antra-shape-two-column-layout {
  display: grid !important;
  grid-template-columns: 1.15fr 1fr !important;
  gap: 40px !important;
  align-items: flex-start !important;
}

.antra-shape-left-composite {
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
}

.antra-shape-title {
  font-family: 'Cal Sans', 'Golos Text', sans-serif !important;
  font-size: clamp(36px, 3.5vw, 52px) !important;
  font-weight: 700 !important;
  color: #1a1a1a !important;
  line-height: 1.14 !important;
  letter-spacing: -1px !important;
  margin: 14px 0 45px 0 !important;
}

.antra-shape-sub-row {
  display: flex !important;
  align-items: center !important;
  gap: 32px !important;
  width: 100% !important;
}

.antra-shape-exp-badge-float {
  display: none !important;
}

.antra-shape-exp-block {
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  flex-shrink: 0 !important;
}

.antra-shape-exp-num {
  font-family: 'Cal Sans', sans-serif !important;
  font-size: clamp(90px, 8.5vw, 140px) !important;
  font-weight: 800 !important;
  color: #CAA05C !important;
  line-height: 0.82 !important;
  letter-spacing: -4px !important;
  margin-bottom: 12px !important;
}

.antra-shape-exp-label {
  font-family: 'Cal Sans', 'Golos Text', sans-serif !important;
  font-size: 20px !important;
  font-weight: 700 !important;
  color: #1a1a1a !important;
  line-height: 1.25 !important;
}

.antra-shape-mid-dining-card {
  width: 100% !important;
  max-width: 310px !important;
  height: 430px !important;
  border-radius: 36px !important;
  overflow: hidden !important;
  box-shadow: 0 25px 55px rgba(0, 0, 0, 0.12) !important;
  transition: box-shadow 0.5s ease !important;
  flex-shrink: 0 !important;
  will-change: transform;
}

.antra-shape-mid-dining-card:hover {
  box-shadow: 0 35px 70px rgba(0, 0, 0, 0.18) !important;
}

.antra-shape-mid-dining-card img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  display: block !important;
  transition: transform 0.6s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

.antra-shape-mid-dining-card:hover img {
  transform: scale(1.05) !important;
}

.antra-shape-right-col {
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
}

.antra-shape-right-villa-card {
  width: 100% !important;
  max-width: 480px !important;
  height: 450px !important;
  border-radius: 40px !important;
  overflow: hidden !important;
  box-shadow: 0 25px 60px rgba(0, 0, 0, 0.14) !important;
  margin-bottom: 28px !important;
  transition: box-shadow 0.5s ease !important;
  will-change: transform;
}

.antra-shape-right-villa-card:hover {
  box-shadow: 0 35px 75px rgba(0, 0, 0, 0.2) !important;
}

.antra-shape-right-villa-card img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  display: block !important;
  transition: transform 0.6s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

.antra-shape-right-villa-card:hover img {
  transform: scale(1.05) !important;
}

.antra-shape-desc {
  font-family: 'Golos Text', sans-serif !important;
  font-size: 15px !important;
  line-height: 1.7 !important;
  color: #555555 !important;
  margin: 0 0 28px 0 !important;
  max-width: 480px !important;
}

.antra-pill-learn-btn {
  display: inline-flex !important;
  align-items: center !important;
  gap: 14px !important;
  padding: 10px 10px 10px 24px !important;
  background: #FFFFFF !important;
  border: 1px solid #E2E2E6 !important;
  border-radius: 50px !important;
  font-family: 'Cal Sans', 'Golos Text', sans-serif !important;
  font-size: 15px !important;
  font-weight: 600 !important;
  color: #1a1a1a !important;
  text-decoration: none !important;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.06) !important;
  transition: all 0.35s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

.btn-arrow-circle {
  width: 38px !important;
  height: 38px !important;
  border-radius: 50% !important;
  background-color: var(--antra-gold, #CAA05C) !important;
  color: #FFFFFF !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  transition: transform 0.35s cubic-bezier(0.16, 1, 0.3, 1), background-color 0.35s ease !important;
}

.btn-arrow-circle svg {
  width: 13px !important;
  height: 13px !important;
  transition: transform 0.35s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

.antra-pill-learn-btn:hover {
  border-color: var(--antra-gold, #CAA05C) !important;
  transform: translateY(-3px) !important;
  box-shadow: 0 14px 30px rgba(202, 160, 92, 0.22) !important;
  color: var(--antra-gold, #CAA05C) !important;
}

.antra-pill-learn-btn:hover .btn-arrow-circle {
  background-color: #b88f4b !important;
  transform: scale(1.05) !important;
}

.antra-pill-learn-btn:hover .btn-arrow-circle svg {
  transform: translate(2px, -2px) !important;
}

/* ============================================================
   SECTION 2: OUR HISTORY TIMELINE (IMAGE 2 EXACT MATCH + START DOT + DRAG)
   ============================================================ */
.antra-history-section {
  position: relative !important;
  width: 100% !important;
  padding: 100px 0 110px 0 !important;
  background-color: #FFFFFF !important;
  overflow: hidden !important;
}

.antra-history-header-container {
  max-width: 1400px !important;
  margin: 0 auto 55px auto !important;
  padding: 0 40px !important;
  display: flex !important;
  align-items: flex-start !important;
  justify-content: flex-start !important;
  gap: 36px !important;
  position: relative !important;
  z-index: 2 !important;
}

.antra-history-header-container .slide-pill-badge {
  margin-top: 10px !important;
  margin-bottom: 0 !important;
  flex-shrink: 0 !important;
}

.antra-history-title {
  font-family: 'Cal Sans', 'Golos Text', sans-serif !important;
  font-size: clamp(38px, 4.2vw, 58px) !important;
  font-weight: 700 !important;
  color: #1a1a1a !important;
  line-height: 1.14 !important;
  letter-spacing: -1.2px !important;
  margin: 0 !important;
}

.antra-history-timeline-outer {
  width: 100% !important;
  position: relative !important;
}

.antra-history-scroll-viewport {
  width: 100% !important;
  max-width: 1540px !important;
  margin: 0 auto !important;
  overflow-x: auto !important;
  overflow-y: hidden !important;
  cursor: grab !important;
  user-select: none !important;
  -webkit-overflow-scrolling: touch !important;
  scrollbar-width: none !important;
  padding: 10px 40px 40px 40px !important;
  box-sizing: border-box !important;
}

.antra-history-scroll-viewport::-webkit-scrollbar {
  display: none !important;
}

.antra-history-scroll-viewport:active {
  cursor: grabbing !important;
}

.antra-history-track {
  display: flex !important;
  align-items: flex-start !important;
  gap: 75px !important;
  min-width: max-content !important;
  padding: 0 40px 0 0 !important;
  position: relative !important;
}

.history-card {
  width: 230px !important;
  flex: 0 0 230px !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  position: relative !important;
  z-index: 2 !important;
  transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

.history-card:hover {
  transform: translateY(-8px) !important;
}

.history-card-img {
  width: 230px !important;
  height: 210px !important;
  border-radius: 28px !important;
  overflow: hidden !important;
  box-shadow: 0 16px 36px rgba(0, 0, 0, 0.1) !important;
  background: #1d1e22 !important;
  margin-bottom: 26px !important;
  border: 1px solid rgba(0, 0, 0, 0.05) !important;
  transition: all 0.4s ease !important;
}

.history-card:hover .history-card-img {
  border-color: rgba(202, 160, 92, 0.4) !important;
  box-shadow: 0 22px 50px rgba(0, 0, 0, 0.16), 0 0 20px rgba(202, 160, 92, 0.12) !important;
}

.history-card-img img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  display: block !important;
  transition: transform 0.6s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

.history-card:hover .history-card-img img {
  transform: scale(1.08) !important;
}

.history-node-line-anchor {
  width: 100% !important;
  height: 16px !important;
  display: flex !important;
  align-items: center !important;
  margin-bottom: 16px !important;
  position: relative !important;
}

.history-node-line-anchor::before {
  content: "" !important;
  position: absolute !important;
  left: -75px !important;
  right: -75px !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  height: 1.5px !important;
  background: #EAE5DE !important;
  z-index: 1 !important;
}

.history-node-dot {
  width: 12px !important;
  height: 12px !important;
  border-radius: 50% !important;
  background-color: var(--antra-gold, #CAA05C) !important;
  box-shadow: 0 0 0 3px rgba(202, 160, 92, 0.25) !important;
  position: relative !important;
  z-index: 3 !important;
  margin-left: 2px !important;
  transition: transform 0.3s ease, background-color 0.3s ease !important;
}

.history-card:hover .history-node-dot {
  transform: scale(1.35) !important;
  background-color: #e5b96f !important;
  box-shadow: 0 0 0 5px rgba(202, 160, 92, 0.35), 0 0 14px var(--antra-gold) !important;
}

.history-year {
  font-family: 'Cal Sans', sans-serif !important;
  font-size: 32px !important;
  font-weight: 700 !important;
  color: #1a1a1a !important;
  line-height: 1.1 !important;
  margin-bottom: 10px !important;
  letter-spacing: -0.5px !important;
  transition: color 0.3s ease !important;
}

.history-year.gold-year,
.history-card.active-gold .history-year {
  color: var(--antra-gold, #CAA05C) !important;
}

.history-card:hover .history-year {
  color: var(--antra-gold, #CAA05C) !important;
}

.history-desc {
  font-family: 'Golos Text', sans-serif !important;
  font-size: 14.5px !important;
  line-height: 1.65 !important;
  color: #555555 !important;
  margin: 0 !important;
  max-width: 230px !important;
}


/* ============================================================
   PROCESS FOR EXCEPTIONAL RESULTS (EXACT IMAGE 1 MATCH - WHITE CARDS + CASCADING STAIRS + 3D MODEL)
   ============================================================ */
.antra-process-showcase-section {
  position: relative !important;
  width: 100% !important;
  padding: 60px 0 120px 0 !important;
  background-color: #FFFFFF !important;
  background: #FFFFFF !important;
  overflow: visible !important;
  z-index: 10 !important;
}

.antra-process-bg-blueprint {
  position: absolute !important;
  inset: 0 !important;
  opacity: 0.12 !important;
  pointer-events: none !important;
  z-index: 1 !important;
}

.antra-process-bg-blueprint img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
}

.process-bg-watermark-word {
  position: absolute !important;
  left: 3% !important;
  top: -40px !important;
  font-family: 'Cal Sans', sans-serif !important;
  font-size: clamp(140px, 18vw, 260px) !important;
  font-weight: 800 !important;
  color: #ECECF2 !important;
  opacity: 0.75 !important;
  line-height: 0.8 !important;
  pointer-events: none !important;
  z-index: 0 !important;
  user-select: none !important;
  letter-spacing: -6px !important;
  will-change: transform !important;
  transition: transform 0.12s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

.process-floating-3d-model {
  position: absolute !important;
  right: clamp(20px, 3.5vw, 70px) !important;
  top: -145px !important;
  width: 54% !important;
  max-width: 880px !important;
  z-index: 30 !important;
  pointer-events: none !important;
  will-change: transform !important;
  transition: transform 0.12s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

.process-floating-3d-model img {
  width: 100% !important;
  height: auto !important;
  display: block !important;
  filter: drop-shadow(0 25px 50px rgba(0, 0, 0, 0.12)) !important;
}

.antra-process-container {
  max-width: 1540px !important;
  margin: 0 auto !important;
  padding: 0 40px !important;
  position: relative !important;
  z-index: 2 !important;
  box-sizing: border-box !important;
}

.antra-process-header-grid {
  display: grid !important;
  grid-template-columns: 1.15fr 1fr !important;
  gap: 90px !important;
  align-items: flex-end !important;
  min-height: 580px !important;
  margin-top: 0 !important;
  margin-bottom: 95px !important;
  position: relative !important;
  z-index: 2 !important;
}

.antra-process-header-left {
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
}

.antra-process-title {
  font-family: 'Cal Sans', 'Golos Text', sans-serif !important;
  font-size: clamp(38px, 4.2vw, 56px) !important;
  font-weight: 700 !important;
  color: #1a1a1a !important;
  line-height: 1.12 !important;
  letter-spacing: -1.2px !important;
  margin: 0 !important;
}

.antra-process-header-right {
  display: flex !important;
  flex-direction: column !important;
  gap: 16px !important;
  max-width: 480px !important;
  padding-top: 40px !important;
  padding-bottom: 12px !important;
  margin-left: auto !important;
}

.antra-process-lead,
.antra-process-sublead {
  font-family: 'Golos Text', sans-serif !important;
  font-size: 15px !important;
  line-height: 1.7 !important;
  color: #555555 !important;
  margin: 0 !important;
}

/* Cascading Staircase 4-Card Grid */
.antra-process-cards-grid {
  display: grid !important;
  grid-template-columns: repeat(4, 1fr) !important;
  gap: 30px !important;
  align-items: flex-start !important;
  margin-bottom: 85px !important;
}

.process-step-card {
  position: relative !important;
  background: #FFFFFF !important;
  border-radius: 32px !important;
  padding: 18px 18px 42px 18px !important;
  box-shadow: 0 18px 45px rgba(0, 0, 0, 0.07) !important;
  border: 1px solid #ECEAE5 !important;
  transition: transform 0.45s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.45s ease !important;
  overflow: hidden !important;
  display: flex !important;
  flex-direction: column !important;
  min-height: 410px !important;
}

.process-step-card:hover {
  transform: translateY(-8px) scale(1.015) !important;
  box-shadow: 0 28px 65px rgba(0, 0, 0, 0.12) !important;
  border-color: rgba(202, 160, 92, 0.45) !important;
}

/* Stepped vertical cascading positions matching Reference */
.step-card-1 {
  margin-top: 0 !important;
}

.step-card-2 {
  margin-top: 50px !important;
}

.step-card-3 {
  margin-top: 100px !important;
}

.step-card-4 {
  margin-top: 150px !important;
}

.process-step-card-img {
  width: 100% !important;
  height: 205px !important;
  border-radius: 22px !important;
  overflow: hidden !important;
  margin-bottom: 22px !important;
}

.process-step-card-img img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  display: block !important;
  transition: transform 0.6s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

.process-step-card:hover .process-step-card-img img {
  transform: scale(1.08) !important;
}

.process-step-card-title {
  font-family: 'Cal Sans', sans-serif !important;
  font-size: 21px !important;
  font-weight: 700 !important;
  color: #1a1a1a !important;
  margin: 0 0 12px 0 !important;
  line-height: 1.3 !important;
  position: relative !important;
  z-index: 2 !important;
}

.step-gold-num {
  color: var(--antra-gold, #CAA05C) !important;
}

.process-step-card-desc {
  font-family: 'Golos Text', sans-serif !important;
  font-size: 14.5px !important;
  line-height: 1.65 !important;
  color: #616161 !important;
  margin: 0 !important;
  position: relative !important;
  z-index: 2 !important;
  max-width: 250px !important;
}

.process-step-watermark-num {
  position: absolute !important;
  right: 20px !important;
  bottom: 10px !important;
  font-family: 'Cal Sans', sans-serif !important;
  font-size: 82px !important;
  font-weight: 800 !important;
  color: #ECECF2 !important;
  line-height: 0.9 !important;
  pointer-events: none !important;
  z-index: 1 !important;
  user-select: none !important;
  letter-spacing: -3px !important;
}

.antra-process-bottom-banner {
  text-align: center !important;
  font-family: 'Golos Text', sans-serif !important;
  font-size: 15px !important;
  color: #555555 !important;
}

.gold-link-underlined {
  color: var(--antra-gold, #CAA05C) !important;
  font-weight: 700 !important;
  text-decoration: underline !important;
  text-underline-offset: 3px !important;
  transition: opacity 0.3s ease !important;
}

.gold-link-underlined:hover {
  opacity: 0.8 !important;
}

/* ============================================================
   AWARDS & ACHIEVEMENTS SECTION (EXACT REFERENCE REPRODUCTION)
   ============================================================ */
.antra-awards-showcase-section {
  position: relative !important;
  width: 100% !important;
  padding: 110px 0 120px 0 !important;
  background-color: #FFFFFF !important;
  overflow: hidden !important;
}

.antra-awards-container {
  max-width: 1540px !important;
  margin: 0 auto !important;
  padding: 0 40px !important;
  display: grid !important;
  grid-template-columns: 460px 1fr !important;
  gap: 80px !important;
  align-items: flex-start !important;
  box-sizing: border-box !important;
}

/* Left Column */
.antra-awards-left-col {
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
}

.awards-badge {
  margin-bottom: 30px !important;
}

.antra-awards-image-frame {
  width: 440px !important;
  height: 440px !important;
  max-width: 100% !important;
  border-radius: 36px !important;
  overflow: hidden !important;
  box-shadow: 0 25px 60px rgba(0, 0, 0, 0.12), 0 0 30px rgba(202, 160, 92, 0.12) !important;
  background-color: #1a1a1a !important;
  position: relative !important;
  transition: transform 0.5s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.5s ease !important;
}

.antra-awards-image-frame:hover {
  transform: translateY(-5px) !important;
  box-shadow: 0 32px 75px rgba(0, 0, 0, 0.16), 0 0 45px rgba(202, 160, 92, 0.28) !important;
}

.awards-preview-img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  display: block !important;
  transition: opacity 0.4s ease, transform 0.55s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

.antra-awards-image-frame:hover .awards-preview-img {
  transform: scale(1.04) !important;
}

/* Right Column */
.antra-awards-right-col {
  display: flex !important;
  flex-direction: column !important;
  padding-top: 10px !important;
}

.antra-awards-header {
  margin-bottom: 40px !important;
}

.antra-awards-title {
  font-family: 'Cal Sans', 'Golos Text', sans-serif !important;
  font-size: clamp(38px, 4.2vw, 56px) !important;
  font-weight: 700 !important;
  color: #1a1a1a !important;
  line-height: 1.15 !important;
  letter-spacing: -1.2px !important;
  margin: 0 !important;
}

.antra-awards-list {
  display: flex !important;
  flex-direction: column !important;
  width: 100% !important;
  position: relative !important;
}

.antra-award-row {
  display: grid !important;
  grid-template-columns: 90px 1fr auto !important;
  align-items: center !important;
  gap: 25px !important;
  padding: 24px 0 !important;
  border-bottom: 1px solid #ECEAE5 !important;
  cursor: pointer !important;
  background: transparent !important;
  position: relative !important;
  opacity: 0;
  transform: translateY(28px);
  transition: opacity 0.65s cubic-bezier(0.16, 1, 0.3, 1), transform 0.65s cubic-bezier(0.16, 1, 0.3, 1), border-color 0.3s ease !important;
}

/* Stagger reveal when section enters view */
.antra-awards-showcase-section.revealed .antra-award-row,
.antra-award-row.revealed,
body .antra-award-row {
  opacity: 1 !important;
  transform: translateY(0) !important;
}

.antra-award-row:nth-child(1) { transition-delay: 0.08s !important; }
.antra-award-row:nth-child(2) { transition-delay: 0.16s !important; }
.antra-award-row:nth-child(3) { transition-delay: 0.24s !important; }
.antra-award-row:nth-child(4) { transition-delay: 0.32s !important; }
.antra-award-row:nth-child(5) { transition-delay: 0.40s !important; }

/* Glowing golden left indicator on active/hover */
.antra-award-row::before {
  content: '' !important;
  position: absolute !important;
  left: -14px !important;
  top: 50% !important;
  transform: translateY(-50%) scaleY(0) !important;
  width: 3.5px !important;
  height: 28px !important;
  background: var(--antra-gold, #CAA05C) !important;
  border-radius: 4px !important;
  box-shadow: 0 0 10px rgba(202, 160, 92, 0.6) !important;
  transition: transform 0.35s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

.antra-award-row:hover::before,
.antra-award-row.active::before {
  transform: translateY(-50%) scaleY(1) !important;
}

.antra-award-row:last-child {
  border-bottom: none !important;
}

.award-row-year {
  font-family: 'Golos Text', sans-serif !important;
  font-size: 15px !important;
  font-weight: 600 !important;
  color: #777777 !important;
  letter-spacing: 0.3px !important;
  transition: color 0.3s ease, transform 0.3s ease !important;
}

.award-row-title {
  font-family: 'Cal Sans', sans-serif !important;
  font-size: clamp(19px, 1.8vw, 23px) !important;
  font-weight: 700 !important;
  color: #1a1a1a !important;
  letter-spacing: -0.3px !important;
  transition: color 0.35s ease, transform 0.35s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

.award-row-category {
  font-family: 'Golos Text', sans-serif !important;
  font-size: 14.5px !important;
  font-weight: 500 !important;
  color: #888888 !important;
  text-align: right !important;
  transition: color 0.3s ease, transform 0.3s ease !important;
}

/* Active & Hover States matching Image 2 */
.antra-award-row:hover .award-row-title,
.antra-award-row.active .award-row-title {
  color: var(--antra-gold, #CAA05C) !important;
  transform: translateX(8px) !important;
}

.antra-award-row:hover .award-row-year,
.antra-award-row.active .award-row-year {
  color: var(--antra-gold, #CAA05C) !important;
  transform: scale(1.06) !important;
}

.antra-award-row:hover .award-row-category,
.antra-award-row.active .award-row-category {
  color: #222222 !important;
  transform: translateX(-4px) !important;
}

@media (max-width: 991px) {
  .antra-awards-container {
    grid-template-columns: 1fr !important;
    gap: 50px !important;
    padding: 0 25px !important;
  }
  .antra-awards-image-frame {
    width: 100% !important;
    max-width: 440px !important;
    height: 380px !important;
  }
}

@media (max-width: 640px) {
  .antra-award-row {
    grid-template-columns: 55px 1fr auto !important;
    gap: 15px !important;
    padding: 18px 0 !important;
  }
  .award-row-title {
    font-size: 16.5px !important;
  }
  .award-row-category {
    font-size: 13px !important;
  }
}

/* ============================================================
   SECTION 3: OUR CLIENTS SAY TESTIMONIALS (EXACT REFERENCE MATCH)
   ============================================================ */
.antra-clients-say-section {
  position: relative !important;
  width: 100% !important;
  background-color: #F8F7F5 !important;
  padding: 100px 0 110px 0 !important;
  overflow: hidden !important;
  box-sizing: border-box !important;
}

.antra-clients-say-container {
  max-width: 1400px !important;
  margin: 0 auto !important;
  padding: 0 40px !important;
  box-sizing: border-box !important;
  width: 100% !important;
}

/* Header Row: Badge on Left Column, Heading on Right Column */
.antra-clients-header-row {
  display: grid !important;
  grid-template-columns: 1fr 1.12fr !important;
  gap: 55px !important;
  align-items: flex-end !important;
  margin-bottom: 45px !important;
  width: 100% !important;
  box-sizing: border-box !important;
}

.antra-clients-badge-wrap {
  display: flex !important;
  align-items: center !important;
  width: 100% !important;
}

.antra-clients-pill-badge {
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  padding: 6px 18px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(0, 0, 0, 0.14) !important;
  background: rgba(255, 255, 255, 0.6) !important;
  font-family: 'Cal Sans', sans-serif !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  letter-spacing: 1.5px !important;
  text-transform: uppercase !important;
  color: #1a1a1a !important;
}

.antra-clients-pill-dot {
  width: 6px !important;
  height: 6px !important;
  border-radius: 50% !important;
  background-color: #CAA05C !important;
  display: inline-block !important;
}

.antra-clients-heading-wrap {
  display: flex !important;
  justify-content: flex-start !important;
  position: relative !important;
  width: 100% !important;
}

/* Vertical divider line matching reference screenshot */
.antra-clients-heading-wrap::before {
  content: "" !important;
  position: absolute !important;
  left: -28px !important;
  top: -45px !important;
  bottom: -20px !important;
  width: 1px !important;
  background-color: #E2DED8 !important;
}

.antra-clients-section-title {
  font-family: 'Cal Sans', 'Golos Text', sans-serif !important;
  font-size: clamp(34px, 3.6vw, 48px) !important;
  font-weight: 700 !important;
  color: #1a1a1a !important;
  line-height: 1.15 !important;
  letter-spacing: -1px !important;
  margin: 0 !important;
  text-align: left !important;
}

.antra-clients-section-title .gold-accent {
  color: #CAA05C !important;
}

/* 2-Column Main Layout */
.antra-clients-columns-grid {
  display: grid !important;
  grid-template-columns: 1fr 1.12fr !important;
  gap: 55px !important;
  align-items: stretch !important;
  width: 100% !important;
  box-sizing: border-box !important;
}

/* Left Column: Construction Photo */
.antra-clients-photo-col {
  width: 100% !important;
  height: 100% !important;
  min-height: 420px !important;
}

.antra-clients-photo-frame {
  width: 100% !important;
  height: 100% !important;
  min-height: 420px !important;
  border-radius: 24px !important;
  overflow: hidden !important;
  box-shadow: 0 16px 40px rgba(0, 0, 0, 0.08) !important;
  background-color: #E8E5DF !important;
}

.antra-clients-photo-frame img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  display: block !important;
  transition: transform 0.6s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

.antra-clients-photo-frame:hover img {
  transform: scale(1.03) !important;
}

/* Right Column: Rating Row + Divider + Highlighted Testimonial Card */
.antra-clients-review-col {
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-start !important;
  width: 100% !important;
}

/* Rating Row */
.antra-clients-rating-row {
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 30px !important;
  width: 100% !important;
}

.antra-clients-score-flex {
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  gap: 16px !important;
  flex-shrink: 0 !important;
}

.antra-clients-big-score {
  font-family: 'Cal Sans', sans-serif !important;
  font-size: clamp(48px, 4.2vw, 56px) !important;
  font-weight: 700 !important;
  color: #1a1a1a !important;
  line-height: 1 !important;
  letter-spacing: 0px !important;
  display: inline-block !important;
  overflow: visible !important;
}

.antra-clients-stars-stack {
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  gap: 5px !important;
}

.antra-clients-stars-pill {
  background-color: #CAA05C !important;
  border-radius: 999px !important;
  padding: 3px 10px !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 3px !important;
}

.antra-clients-stars-pill i,
.antra-clients-stars-pill svg {
  font-size: 11px !important;
  width: 11px !important;
  height: 11px !important;
  color: #FFFFFF !important;
  fill: #FFFFFF !important;
  line-height: 1 !important;
  display: inline-block !important;
}

.antra-clients-count-text {
  font-family: 'Golos Text', sans-serif !important;
  font-size: 13.5px !important;
  font-weight: 600 !important;
  color: #555555 !important;
  line-height: 1.2 !important;
}

.antra-clients-teaser-wrap {
  flex: 1 !important;
  max-width: 330px !important;
}

.antra-clients-teaser-quote {
  font-family: 'Cal Sans', 'Golos Text', sans-serif !important;
  font-size: 14.5px !important;
  font-weight: 700 !important;
  color: #1a1a1a !important;
  line-height: 1.4 !important;
  margin: 0 !important;
}

/* Horizontal Divider */
.antra-clients-hr-divider {
  width: 100% !important;
  height: 1px !important;
  background-color: #E2DED8 !important;
  margin: 24px 0 28px 0 !important;
  border: none !important;
}

/* ============================================================
   TESTIMONIAL CARD AREA (EXACT REFERENCE FOR HIGHLIGHTED RED BOX)
   FIXED STABLE CONTAINER - ZERO LAYOUT SHIFT OR JUMPING
   ============================================================ */
.antra-clients-card-box {
  position: relative !important;
  width: 100% !important;
  min-height: 275px !important;
  height: 275px !important;
  overflow: hidden !important;
}

.antra-clients-card-slide {
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  width: 100% !important;
  height: 100% !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: space-between !important;
  opacity: 0 !important;
  visibility: hidden !important;
  transition: opacity 0.45s ease, visibility 0.45s ease !important;
  pointer-events: none !important;
  box-sizing: border-box !important;
}

.antra-clients-card-slide.active {
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: auto !important;
}

.antra-clients-quote-body {
  font-family: 'Golos Text', -apple-system, BlinkMacSystemFont, sans-serif !important;
  font-size: 21.5px !important;
  font-weight: 500 !important;
  line-height: 1.55 !important;
  color: #1a1a1a !important;
  letter-spacing: -0.2px !important;
  max-width: 580px !important;
  margin: 0 !important;
  padding: 0 !important;
}

.antra-clients-person-row {
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  gap: 16px !important;
  margin-top: auto !important;
  padding-top: 14px !important;
}

.antra-clients-person-avatar {
  width: 48px !important;
  height: 48px !important;
  border-radius: 50% !important;
  object-fit: cover !important;
  display: block !important;
  flex-shrink: 0 !important;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08) !important;
}

.antra-clients-person-meta {
  display: flex !important;
  flex-direction: column !important;
  gap: 2px !important;
}

.antra-clients-person-name {
  font-family: 'Cal Sans', sans-serif !important;
  font-size: 17px !important;
  font-weight: 700 !important;
  color: #1a1a1a !important;
  line-height: 1.2 !important;
  display: block !important;
  margin: 0 !important;
}

.antra-clients-person-role {
  font-family: 'Golos Text', sans-serif !important;
  font-size: 13px !important;
  font-weight: 400 !important;
  color: #666666 !important;
  line-height: 1.2 !important;
  display: block !important;
  margin: 0 !important;
}

/* ============================================================
   VIP CUSTOMER & CLIENT BRAND LOGOS SECTION (IMAGE 2 EXACT MATCH)
   ============================================================ */
.antra-vip-brands-section {
  position: relative !important;
  width: 100% !important;
  background-color: #F8F7F5 !important;
  padding: 55px 0 75px 0 !important;
  overflow: hidden !important;
  box-sizing: border-box !important;
  border-top: 1px solid rgba(0, 0, 0, 0.05) !important;
  margin: 0 !important;
}

.antra-vip-brands-container {
  max-width: 1400px !important;
  margin: 0 auto !important;
  padding: 0 40px !important;
  box-sizing: border-box !important;
  width: 100% !important;
}

/* Header: Centered text with decorative horizontal lines on left and right */
.antra-vip-title-wrap {
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 24px !important;
  margin-bottom: 50px !important;
  width: 100% !important;
}

.antra-vip-line {
  flex: 1 !important;
  height: 1px !important;
  background-color: #E2DED8 !important;
  max-width: 420px !important;
}

.antra-vip-title {
  font-family: 'Cal Sans', 'Golos Text', sans-serif !important;
  font-size: 16px !important;
  font-weight: 700 !important;
  color: #1a1a1a !important;
  letter-spacing: 0.2px !important;
  margin: 0 !important;
  white-space: nowrap !important;
  text-align: center !important;
}

.antra-vip-title .gold-accent {
  color: #CAA05C !important;
  font-weight: 700 !important;
}

/* 6 Brand Logos Grid */
.antra-vip-logos-grid {
  display: grid !important;
  grid-template-columns: repeat(6, 1fr) !important;
  gap: 30px !important;
  align-items: center !important;
  justify-items: center !important;
  width: 100% !important;
  box-sizing: border-box !important;
}

.antra-vip-logo-item {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  padding: 10px 0 !important;
  opacity: 0.8 !important;
  transition: opacity 0.3s ease, transform 0.3s ease !important;
}

.antra-vip-logo-item:hover {
  opacity: 1 !important;
  transform: translateY(-2px) !important;
}

.antra-vip-logo-item svg {
  max-width: 100% !important;
  height: auto !important;
  max-height: 48px !important;
  display: block !important;
}

/* ============================================================
   GALLERY SHOWCASE (INTERIOR DESIGN SHOWROOM)
   ============================================================ */
.antra-gallery-hero-carousel-section {
  position: relative !important;
  width: 100% !important;
  padding: 120px 0 130px 0 !important;
  overflow: hidden !important;
  background-color: #121316 !important;
}

.antra-gallery-carousel-backdrop {
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  z-index: 1 !important;
  pointer-events: none !important;
}

.antra-gallery-carousel-backdrop .backdrop-img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: center !important;
  filter: brightness(0.68) contrast(1.1) !important;
}

.backdrop-gradient-overlay {
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  background: radial-gradient(circle at 20% 50%, rgba(10, 10, 12, 0.65) 0%, rgba(10, 10, 12, 0.85) 100%) !important;
}

.antra-gallery-carousel-inner {
  max-width: 1680px !important;
  margin: 0 auto !important;
  padding: 0 40px !important;
  position: relative !important;
  z-index: 2 !important;
  display: grid !important;
  grid-template-columns: 380px 1fr !important;
  gap: 50px !important;
  align-items: center !important;
  box-sizing: border-box !important;
}

.gallery-carousel-left-panel {
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
}

.gallery-carousel-title {
  font-family: 'Cal Sans', sans-serif !important;
  font-size: clamp(48px, 4.6vw, 76px) !important;
  font-weight: 700 !important;
  color: #FFFFFF !important;
  line-height: 1.05 !important;
  letter-spacing: -1.5px !important;
  margin: 12px 0 20px 0 !important;
}

.gallery-carousel-desc {
  font-family: 'Golos Text', sans-serif !important;
  font-size: 15px !important;
  line-height: 1.65 !important;
  color: rgba(255, 255, 255, 0.78) !important;
  margin: 0 0 32px 0 !important;
  max-width: 320px !important;
}

.gallery-carousel-nav-arrows {
  display: flex !important;
  align-items: center !important;
  gap: 16px !important;
}

.carousel-arrow-btn {
  width: 50px !important;
  height: 50px !important;
  border-radius: 50% !important;
  background: rgba(255, 255, 255, 0.08) !important;
  border: 1px solid rgba(255, 255, 255, 0.22) !important;
  color: #FFFFFF !important;
  font-size: 20px !important;
  cursor: pointer !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  transition: all 0.35s cubic-bezier(0.16, 1, 0.3, 1) !important;
  backdrop-filter: blur(10px) !important;
  -webkit-backdrop-filter: blur(10px) !important;
}

.carousel-arrow-btn:hover {
  background: var(--antra-gold) !important;
  border-color: var(--antra-gold) !important;
  color: #FFFFFF !important;
  transform: scale(1.08) !important;
  box-shadow: 0 0 20px rgba(202, 160, 92, 0.5) !important;
}

.gallery-carousel-right-panel {
  width: 100% !important;
  overflow: hidden !important;
  position: relative !important;
}

.gallery-carousel-viewport {
  width: 100% !important;
  overflow-x: auto !important;
  overflow-y: hidden !important;
  cursor: grab !important;
  user-select: none !important;
  -webkit-overflow-scrolling: touch !important;
  scrollbar-width: none !important;
  padding: 15px 0 25px 0 !important;
}

.gallery-carousel-viewport::-webkit-scrollbar {
  display: none !important;
}

.gallery-carousel-viewport:active {
  cursor: grabbing !important;
}

.gallery-carousel-track {
  display: flex !important;
  align-items: flex-start !important;
  gap: 28px !important;
  min-width: max-content !important;
}

.gallery-slide-card {
  width: 290px !important;
  flex: 0 0 290px !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

.gallery-slide-card:hover {
  transform: translateY(-8px) !important;
}

.gallery-slide-card-img {
  width: 290px !important;
  height: 380px !important;
  border-radius: 28px !important;
  overflow: hidden !important;
  box-shadow: 0 25px 50px rgba(0, 0, 0, 0.45) !important;
  margin-bottom: 14px !important;
  position: relative !important;
  border: 1px solid rgba(255, 255, 255, 0.12) !important;
  transition: all 0.4s ease !important;
}

.gallery-slide-card:hover .gallery-slide-card-img {
  border-color: rgba(202, 160, 92, 0.6) !important;
  box-shadow: 0 30px 65px rgba(0, 0, 0, 0.6), 0 0 24px rgba(202, 160, 92, 0.25) !important;
}

.gallery-slide-card-img img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  display: block !important;
  transition: transform 0.6s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

.gallery-slide-card:hover .gallery-slide-card-img img {
  transform: scale(1.06) !important;
}

.gallery-slide-card-title {
  font-family: 'Cal Sans', sans-serif !important;
  font-size: 20px !important;
  font-weight: 600 !important;
  color: rgba(255, 255, 255, 0.9) !important;
  text-align: center !important;
  letter-spacing: 0.5px !important;
  transition: color 0.3s ease !important;
}

.gallery-slide-card:hover .gallery-slide-card-title {
  color: var(--antra-gold) !important;
}

/* Responsive queries */
@media (max-width: 1200px) {
  .antra-shape-two-column-layout {
    grid-template-columns: 1fr !important;
    gap: 40px !important;
  }
  .antra-clients-columns-grid {
    grid-template-columns: 1fr !important;
    gap: 40px !important;
  }
  .antra-gallery-carousel-inner {
    grid-template-columns: 1fr !important;
    gap: 40px !important;
  }
  .antra-vip-logos-grid {
    grid-template-columns: repeat(3, 1fr) !important;
    gap: 35px !important;
  }
  .antra-process-cards-grid {
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 30px !important;
  }
  .step-card-2, .step-card-3, .step-card-4 {
    margin-top: 0 !important;
  }
}

@media (max-width: 991px) {
  .antra-process-header-grid {
    grid-template-columns: 1fr !important;
    gap: 25px !important;
    min-height: auto !important;
    margin-top: 30px !important;
  }
  .process-floating-3d-model {
    position: relative !important;
    right: auto !important;
    top: auto !important;
    width: 100% !important;
    max-width: 760px !important;
    margin: 0 auto 30px auto !important;
  }
}

@media (max-width: 768px) {
  .antra-process-showcase-section,
  .antra-history-section,
  .antra-vip-brands-section,
  .antra-gallery-hero-carousel-section {
    padding: 70px 0 !important;
  }
  .antra-process-cards-grid {
    grid-template-columns: 1fr !important;
    gap: 24px !important;
  }
  .antra-history-header-container {
    flex-direction: column !important;
    gap: 16px !important;
    padding: 0 20px !important;
  }
  /* Section 1: We Shape Interior Designs (Image 2 exact match) */
  .antra-about-shape-section {
    padding: 40px 0 35px 0 !important;
    background-color: #ffffff !important;
    overflow: hidden !important;
  }
  .antra-shape-blueprint-bg {
    display: none !important;
  }
  .antra-shape-main-container {
    padding: 0 16px !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
  }
  .antra-shape-two-column-layout {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    gap: 0 !important;
    width: 100% !important;
  }
  .antra-shape-left-composite {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    text-align: center !important;
    width: 100% !important;
  }
  .antra-about-shape-section .slide-pill-badge {
    margin: 0 auto 16px auto !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    background: #FAF5EF !important;
    border: 1px solid rgba(202, 160, 92, 0.3) !important;
    border-radius: 50px !important;
    padding: 6px 18px !important;
  }
  .antra-about-shape-section .slide-pill-badge .pill-dot {
    width: 7px !important;
    height: 7px !important;
    border-radius: 50% !important;
    background-color: #CAA05C !important;
    display: inline-block !important;
    margin: 0 !important;
  }
  .antra-about-shape-section .slide-pill-badge .pill-title {
    font-size: 11px !important;
    font-weight: 700 !important;
    letter-spacing: 1.2px !important;
    color: #1a1a1a !important;
    text-transform: uppercase !important;
  }
  .antra-shape-title {
    font-family: 'Cal Sans', 'Golos Text', sans-serif !important;
    font-size: clamp(22px, 6.2vw, 28px) !important;
    font-weight: 700 !important;
    line-height: 1.22 !important;
    letter-spacing: -0.4px !important;
    text-align: center !important;
    margin: 0 auto 24px auto !important;
    max-width: 95% !important;
    color: #1a1a1a !important;
  }
  .antra-shape-title br {
    display: none !important;
  }
  .antra-shape-title .gold-text {
    color: #CAA05C !important;
  }
  .antra-shape-sub-row {
    display: none !important;
  }
  .antra-shape-right-col {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    text-align: center !important;
    width: 100% !important;
  }
  .antra-shape-right-villa-card {
    position: relative !important;
    width: 88% !important;
    max-width: 330px !important;
    height: 235px !important;
    min-height: 235px !important;
    max-height: 235px !important;
    border-radius: 24px !important;
    margin: 0 auto 26px auto !important;
    overflow: visible !important;
    box-shadow: none !important;
    flex-shrink: 0 !important;
  }
  .antra-shape-right-villa-card img {
    width: 100% !important;
    height: 100% !important;
    border-radius: 24px !important;
    object-fit: cover !important;
    display: block !important;
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.09) !important;
  }
  .antra-shape-exp-badge-float {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    position: absolute !important;
    right: 8px !important;
    bottom: -12px !important;
    background: #ffffff !important;
    border-radius: 18px !important;
    padding: 12px 18px 10px 18px !important;
    box-shadow: 0 12px 28px rgba(0, 0, 0, 0.14) !important;
    z-index: 5 !important;
    min-width: 80px !important;
    box-sizing: border-box !important;
  }
  .antra-shape-exp-badge-float .antra-shape-exp-num {
    font-family: 'Cal Sans', sans-serif !important;
    font-size: 38px !important;
    font-weight: 800 !important;
    color: #CAA05C !important;
    line-height: 1 !important;
    letter-spacing: -1px !important;
    margin: 0 0 2px 0 !important;
    text-align: center !important;
  }
  .antra-shape-exp-badge-float .antra-shape-exp-label {
    font-family: 'Cal Sans', 'Golos Text', sans-serif !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    color: #1a1a1a !important;
    line-height: 1.2 !important;
    text-align: center !important;
    text-transform: capitalize !important;
  }
  .antra-shape-desc {
    font-size: 13.5px !important;
    line-height: 1.65 !important;
    color: #555555 !important;
    text-align: center !important;
    margin: 0 auto 22px auto !important;
    max-width: 92% !important;
  }
  .antra-shape-btn-wrap {
    display: flex !important;
    justify-content: center !important;
    width: 100% !important;
    margin: 0 auto !important;
  }
  .antra-pill-learn-btn {
    display: inline-flex !important;
    align-items: center !important;
    gap: 12px !important;
    background: #ffffff !important;
    border: 1px solid rgba(202, 160, 92, 0.35) !important;
    border-radius: 50px !important;
    padding: 8px 8px 8px 24px !important;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.06) !important;
    text-decoration: none !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    color: #1a1a1a !important;
  }
  .btn-arrow-circle {
    width: 34px !important;
    height: 34px !important;
    border-radius: 50% !important;
    background: #CAA05C !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    color: #ffffff !important;
  }

  /* Section 2: Clients Say */
  .antra-clients-say-section {
    padding: 40px 0 35px 0 !important;
    background-color: #F8F9FA !important;
    overflow: hidden !important;
  }
  .antra-clients-say-container {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    text-align: center !important;
    padding: 0 16px !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
  }
  .antra-clients-header-row,
  .antra-clients-columns-grid,
  .antra-clients-photo-col {
    display: contents !important;
  }
  .antra-clients-heading-wrap::before {
    display: none !important;
  }
  .antra-clients-badge-wrap {
    order: 1 !important;
    margin: 0 auto 14px auto !important;
    display: flex !important;
    justify-content: center !important;
    width: 100% !important;
  }
  .antra-clients-pill-badge {
    margin: 0 auto !important;
  }
  .antra-clients-photo-frame {
    order: 2 !important;
    width: 88% !important;
    max-width: 320px !important;
    height: 195px !important;
    min-height: 195px !important;
    max-height: 195px !important;
    border-radius: 20px !important;
    margin: 0 auto 18px auto !important;
    overflow: hidden !important;
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.10) !important;
    flex-shrink: 0 !important;
  }
  .antra-clients-photo-frame img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    border-radius: 20px !important;
    display: block !important;
  }
  .antra-clients-heading-wrap {
    order: 3 !important;
    margin: 0 auto 16px auto !important;
    width: 100% !important;
    text-align: center !important;
    display: flex !important;
    justify-content: center !important;
  }
  .antra-clients-section-title {
    font-size: clamp(21px, 5.8vw, 26px) !important;
    line-height: 1.25 !important;
    text-align: center !important;
    margin: 0 auto !important;
    letter-spacing: -0.3px !important;
  }
  .antra-clients-section-title br {
    display: none !important;
  }
  .antra-clients-review-col {
    order: 4 !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    width: 100% !important;
  }
  .antra-clients-rating-row {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    text-align: center !important;
    gap: 10px !important;
    width: 100% !important;
  }
  .antra-clients-score-flex {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 12px !important;
  }
  .antra-clients-big-score {
    font-size: clamp(36px, 10vw, 44px) !important;
    line-height: 1 !important;
    color: #CAA05C !important;
    font-weight: 700 !important;
  }
  .antra-clients-stars-stack {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 3px !important;
  }
  .antra-clients-stars-pill {
    display: flex !important;
    gap: 3px !important;
    background: #CAA05C !important;
    padding: 3px 7px !important;
    border-radius: 12px !important;
  }
  .antra-clients-count-text {
    font-size: 12px !important;
    color: #888888 !important;
  }
  .antra-clients-teaser-wrap {
    max-width: 92% !important;
    margin: 0 auto !important;
  }
  .antra-clients-teaser-quote {
    font-size: 13.5px !important;
    line-height: 1.55 !important;
    color: #555555 !important;
    text-align: center !important;
    margin: 0 !important;
  }
  .antra-clients-hr-divider {
    margin: 16px auto !important;
    width: 70% !important;
    border: none !important;
    border-top: 1px solid rgba(0, 0, 0, 0.08) !important;
    background: transparent !important;
  }
  .antra-clients-card-box {
    width: 100% !important;
    max-width: 95% !important;
    margin: 0 auto !important;
    min-height: unset !important;
    height: auto !important;
  }
  .antra-clients-quote-body {
    font-size: 13.5px !important;
    line-height: 1.55 !important;
    text-align: center !important;
    color: #333333 !important;
    margin: 0 auto 14px auto !important;
    max-width: 95% !important;
  }
  .antra-clients-person-row {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 12px !important;
  }
  .antra-clients-person-avatar {
    width: 42px !important;
    height: 42px !important;
    border-radius: 50% !important;
    object-fit: cover !important;
  }
  .antra-clients-person-meta {
    text-align: left !important;
  }
  .antra-clients-person-name {
    font-size: 14px !important;
    font-weight: 700 !important;
    color: #1a1a1a !important;
    display: block !important;
  }
  .antra-clients-person-role {
    font-size: 12px !important;
    color: #777777 !important;
    display: block !important;
  }
  .history-card {
    width: 230px !important;
    flex: 0 0 230px !important;
  }
  .history-card-img {
    width: 230px !important;
    height: 190px !important;
  }
  .gallery-slide-card {
    width: 240px !important;
    flex: 0 0 240px !important;
  }
  .gallery-slide-card-img {
    width: 240px !important;
    height: 310px !important;
  }
  .antra-vip-brands-section {
    padding: 40px 0 55px 0 !important;
  }
  .antra-vip-brands-container {
    padding: 0 20px !important;
  }
  .antra-vip-title-wrap {
    gap: 15px !important;
    margin-bottom: 35px !important;
  }
  .antra-vip-title {
    font-size: 14px !important;
  }
  .antra-vip-logos-grid {
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 25px !important;
  }
  .antra-vip-logo-item svg {
    max-height: 40px !important;
  }
}

/* ============================================================
   KAR MODULAR KITCHEN LOGO GLOBAL BRAND STYLING
   ============================================================ */
.hfe-site-logo-container {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  background: #FFFFFF !important;
  padding: 6px 14px !important;
  border-radius: 10px !important;
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.08) !important;
  transition: transform 0.3s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.3s ease !important;
  max-width: 100% !important;
}

.hfe-site-logo-container:hover {
  transform: scale(1.025) !important;
  box-shadow: 0 6px 20px rgba(0, 0, 0, 0.12) !important;
}

.hfe-site-logo-img {
  max-height: 48px !important;
  height: 44px !important;
  width: auto !important;
  max-width: 220px !important;
  object-fit: contain !important;
  display: block !important;
}

/* Footer specific logo enhancement */
.elementor-46 .hfe-site-logo-container,
footer .hfe-site-logo-container {
  background: #FFFFFF !important;
  padding: 8px 18px !important;
  border-radius: 12px !important;
  display: inline-flex !important;
  width: auto !important;
  max-width: fit-content !important;
}

.elementor-46 .hfe-site-logo-img,
footer .hfe-site-logo-img {
  max-height: 52px !important;
  height: 48px !important;
  width: auto !important;
  max-width: 230px !important;
  object-fit: contain !important;
}

/* Offcanvas Drawer Logo */
.elementor-canvas-info-content .hfe-site-logo-container {
  background: #FFFFFF !important;
  padding: 8px 16px !important;
  border-radius: 10px !important;
}

/* ============================================================
   CUSTOM COMPACT FOOTER (EXACT USER SPECIFIED HEIGHT & POSITION)
   ============================================================ */
/* Hide newsletter section if present in footer */
.elementor-46 .elementor-element.elementor-element-8ca2535,
footer .elementor-element-8ca2535 {
  display: none !important;
}

/* Hide giant kar watermark */
.elementor-46 .elementor-element.elementor-element-62507a3,
footer .elementor-element-62507a3 {
  display: none !important;
}

/* Main footer wrapper with exact snug auto height */
.elementor-46 .elementor-element.elementor-element-6632dbf,
footer .elementor-element-6632dbf {
  position: relative !important;
  padding: 0 !important;
  margin: 0 !important;
  min-height: auto !important;
  height: auto !important;
  background-image: url('../assets/images/foter-bg.jpg') !important;
  background-position: center center !important;
  background-size: cover !important;
  background-repeat: no-repeat !important;
  overflow: hidden !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-start !important;
}

/* Soft black overlay so the background image shows nicely */
.elementor-46 .elementor-element.elementor-element-6632dbf:before,
footer .elementor-element-6632dbf:before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  background-color: rgba(15, 15, 15, 0.65) !important;
  pointer-events: none !important;
  z-index: 0 !important;
}

/* Footer content area - compact height with content fully intact */
.elementor-46 .elementor-element.elementor-element-af5145f,
footer .elementor-element-af5145f {
  position: relative !important;
  z-index: 1 !important;
  background-color: transparent !important;
  background: transparent !important;
  padding-top: 36px !important;
  padding-bottom: 22px !important;
  padding-left: 30px !important;
  padding-right: 30px !important;
  height: auto !important;
  min-height: auto !important;
  flex-grow: 0 !important;
  margin: 0 !important;
}

.elementor-46 .elementor-element.elementor-element-af5145f .e-con-inner,
footer .elementor-element-af5145f .e-con-inner {
  height: auto !important;
  min-height: auto !important;
  align-items: flex-start !important;
}

/* Footer logo spacing */
.elementor-46 .elementor-element.elementor-element-061bb81 > .elementor-widget-container,
footer .elementor-element-061bb81 > .elementor-widget-container {
  margin: 0 0 18px !important;
}

/* Bottom copyright bar snugly positioned right under content with rich deep black background */
.elementor-46 .elementor-element.elementor-element-6705f8e,
footer .elementor-element-6705f8e {
  position: relative !important;
  z-index: 1 !important;
  background-color: rgba(8, 8, 8, 0.90) !important;
  background: rgba(8, 8, 8, 0.90) !important;
  border-top: 1px solid rgba(255, 255, 255, 0.12) !important;
  border-bottom: none !important;
  border-left: none !important;
  border-right: none !important;
  padding-top: 14px !important;
  padding-bottom: 14px !important;
  padding-left: 30px !important;
  padding-right: 30px !important;
  margin: 0 !important;
  height: auto !important;
  min-height: auto !important;
  flex-grow: 0 !important;
}

.elementor-46 .elementor-element.elementor-element-b33d3c1,
footer .elementor-element-b33d3c1 {
  margin: 0 !important;
  padding: 0 !important;
  line-height: 1.4 !important;
  color: rgba(255, 255, 255, 0.85) !important;
}

/* Testimonial Section - Living room image height adjustment */
.elementor-element-5205c8a .antra-wrapper-image-widget,
.elementor-element-c0d3ef7 .antra-wrapper-image-widget {
  max-height: 420px !important;
  border-radius: 20px !important;
  overflow: hidden !important;
}

.elementor-element-5205c8a img,
.elementor-element-c0d3ef7 img {
  width: 100% !important;
  max-height: 420px !important;
  object-fit: cover !important;
  object-position: center !important;
  border-radius: 20px !important;
  display: block !important;
}

/* ========================================================
   GLOBAL THEMELEXUS NAVBAR STYLING (MATCH SCREENSHOT)
   ======================================================== */
.elementor-42 .elementor-element.elementor-element-e722053 .main-navigation ul.menu {
  display: flex !important;
  align-items: center !important;
  gap: 32px !important;
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

.elementor-42 .elementor-element.elementor-element-e722053 .main-navigation ul.menu > li.menu-item > a,
.elementor-42 .elementor-element.elementor-element-e722053 .main-navigation ul.menu > li.menu-item > a .menu-title,
.elementor-42 .elementor-element.elementor-element-e722053 .main-navigation ul.menu > li.menu-item > a span {
  font-family: 'Golos Text', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif !important;
  font-size: 15.5px !important;
  font-weight: 500 !important;
  color: #ffffff !important;
  text-shadow: none !important;
  text-decoration: none !important;
  padding: 6px 2px !important;
  position: relative !important;
  transition: color 0.3s ease !important;
}

.elementor-42 .elementor-element.elementor-element-e722053 .main-navigation ul.menu > li.menu-item > a:hover {
  color: #B88E4F !important;
}

.elementor-42 .elementor-element.elementor-element-e722053 .main-navigation ul.menu > li.menu-item.current-menu-item > a,
.elementor-42 .elementor-element.elementor-element-e722053 .main-navigation ul.menu > li#menu-item-home.current-menu-item > a {
  color: #B88E4F !important;
  font-weight: 600 !important;
}

.elementor-42 .elementor-element.elementor-element-e722053 .main-navigation ul.menu > li.menu-item.current-menu-item > a::after {
  content: '' !important;
  position: absolute !important;
  bottom: 0 !important;
  left: 0 !important;
  right: 0 !important;
  height: 2px !important;
  background: #B88E4F !important;
  border-radius: 2px !important;
}

.elementor-42 .elementor-element.elementor-element-3023e72a {
  display: flex !important;
  align-items: center !important;
  gap: 20px !important;
  justify-content: flex-end !important;
}

body.home .elementor-42 .elementor-element.elementor-element-65ff6f95 .elementor-icon-box-icon {
  width: 44px !important;
  height: 44px !important;
  border-radius: 50% !important;
  background: #F6EDE2 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  margin: 0 !important;
}

body.home .elementor-42 .elementor-element.elementor-element-65ff6f95 .elementor-icon-box-icon i,
body.home .elementor-42 .elementor-element.elementor-element-65ff6f95 .elementor-icon-box-icon svg {
  color: #B88E4F !important;
  fill: #B88E4F !important;
  font-size: 17px !important;
}

body.home .elementor-42 .elementor-element.elementor-element-65ff6f95 .elementor-icon-box-title,
body.home .elementor-42 .elementor-element.elementor-element-65ff6f95 .elementor-icon-box-title a {
  font-family: 'Golos Text', sans-serif !important;
  font-size: 11px !important;
  font-weight: 600 !important;
  color: #777777 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.6px !important;
  margin: 0 0 2px 0 !important;
  line-height: 1.2 !important;
}

body.home .elementor-42 .elementor-element.elementor-element-65ff6f95 .elementor-icon-box-description {
  font-family: 'Cal Sans', 'Golos Text', sans-serif !important;
  font-size: 16px !important;
  font-weight: 700 !important;
  color: #111111 !important;
  line-height: 1.2 !important;
  margin: 0 !important;
  letter-spacing: 0px !important;
}

.elementor-42 .elementor-element.elementor-element-e27b232 .elementor-button {
  background: linear-gradient(135deg, #C2934D 0%, #B88E4F 60%, #9F7432 100%) !important;
  border-radius: 50px !important;
  padding: 13px 26px !important;
  color: #FFFFFF !important;
  font-size: 13.5px !important;
  font-weight: 700 !important;
  letter-spacing: 0.6px !important;
  text-transform: uppercase !important;
  box-shadow: 0 8px 22px rgba(184, 142, 79, 0.35) !important;
}

.nav-search-circle {
  width: 44px !important;
  height: 44px !important;
  border-radius: 50% !important;
  background: #FFFFFF !important;
  border: 1.5px solid #E8E8E8 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.06) !important;
  text-decoration: none !important;
  cursor: pointer !important;
  transition: all 0.3s ease !important;
}

.nav-search-circle:hover {
  border-color: #B88E4F !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 6px 18px rgba(184, 142, 79, 0.25) !important;
}

/* ============================================================
   SERVICES GRID IMAGES & CARDS REFINEMENT
   ============================================================ */
.elementor-element-1d57aaa {
  display: grid !important;
  grid-template-columns: repeat(3, 1fr) !important;
  gap: 30px !important;
  opacity: 1 !important;
  visibility: visible !important;
  width: 100% !important;
}

@media (max-width: 1024px) {
  .elementor-element-1d57aaa {
    grid-template-columns: repeat(1, 1fr) !important;
  }
}

.antra-service,
.antra-service ul.elementor-grid,
.antra-service li.antra-item,
.antra-service .service-block {
  opacity: 1 !important;
  visibility: visible !important;
  display: block !important;
}

.antra-service .service-top {
  position: relative !important;
  border-radius: 20px !important;
  overflow: hidden !important;
}

.antra-service .service-image {
  margin: 0 !important;
  border-radius: 20px !important;
  overflow: hidden !important;
  display: block !important;
}

.antra-service .service-image a {
  display: block !important;
  border-radius: 20px !important;
  overflow: hidden !important;
}

.antra-service .service-image img {
  width: 100% !important;
  object-fit: cover !important;
  border-radius: 20px !important;
  display: block !important;
  transition: transform 0.5s cubic-bezier(0.16, 1, 0.3, 1), filter 0.4s ease !important;
}

.antra-service .service-block:hover .service-image img {
  transform: scale(1.04) !important;
}

.antra-service .service-index-item {
  position: absolute !important;
  top: 18px !important;
  left: 22px !important;
  z-index: 2 !important;
  pointer-events: none !important;
}

.antra-service .service-index-item span {
  font-family: 'Cal Sans', sans-serif !important;
  font-size: 20px !important;
  font-weight: 500 !important;
  color: #FFFFFF !important;
  text-shadow: 0 2px 8px rgba(0, 0, 0, 0.6) !important;
}

.antra-service .service-caption {
  padding-top: 20px !important;
}

.antra-service .service-loop-title {
  margin: 0 0 10px 0 !important;
}

.antra-service .service-loop-title a {
  font-family: 'Cal Sans', sans-serif !important;
  font-size: 22px !important;
  font-weight: 500 !important;
  color: #111111 !important;
  text-decoration: none !important;
  transition: color 0.3s ease !important;
}

.antra-service .service-block:hover .service-loop-title a {
  color: var(--antra-gold, #CAA05C) !important;
}

.antra-service .service-loop-exerpt p {
  font-family: 'Golos Text', sans-serif !important;
  font-size: 14.5px !important;
  line-height: 1.6 !important;
  color: #666666 !important;
  margin: 0 !important;
}



/* ============================================================
   UNIVERSAL DESKTOP & SCROLLED NAVBAR (SERVICES.HTML STYLE)
   ============================================================ */
.header-absolute {
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  width: 100% !important;
  z-index: 99999 !important;
  background: transparent !important;
  padding: 14px 0 !important;
  box-sizing: border-box !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  border-bottom: none !important;
  box-shadow: none !important;
  transition: background-color 0.35s ease, box-shadow 0.35s ease !important;
}

#masthead.is-scrolled .header-absolute,
.header-absolute.is-scrolled {
  background: #ffffff !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  border-bottom: 1px solid rgba(0, 0, 0, 0.08) !important;
  box-shadow: 0 6px 25px rgba(0, 0, 0, 0.12) !important;
  padding: 14px 0 !important;
}

.main-navigation .menu {
  display: flex !important;
  align-items: center !important;
  list-style: none !important;
  margin: 0 !important;
  padding: 0 0 0 50px !important;
  gap: 32px !important;
  flex-wrap: nowrap !important;
}

.main-navigation .menu > li {
  white-space: nowrap !important;
  margin: 0 !important;
  padding: 0 !important;
}

.main-navigation .menu > li > a,
.main-navigation .menu > li > a .menu-title,
.main-navigation .menu > li > a span {
  font-family: 'Golos Text', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif !important;
  font-size: 16px !important;
  font-weight: 500 !important;
  color: #ffffff !important;
  text-shadow: 0 2px 8px rgba(0, 0, 0, 0.7) !important;
  text-decoration: none !important;
  display: inline-flex !important;
  align-items: center !important;
  padding: 6px 0 !important;
  transition: color 0.3s ease !important;
  position: relative !important;
  white-space: nowrap !important;
}

.main-navigation .menu > li > a:hover,
.main-navigation .menu > li > a:hover .menu-title,
.main-navigation .menu > li > a:hover span,
.main-navigation .menu > li.current-menu-item > a,
.main-navigation .menu > li.current-menu-item > a .menu-title,
.main-navigation .menu > li.current-menu-item > a span {
  color: #caa05c !important;
}

/* Header Phone Icon & Text */
.elementor-element-65ff6f95 .elementor-icon-box-icon a.elementor-icon {
  background: rgba(255, 255, 255, 0.22) !important;
  backdrop-filter: blur(10px) !important;
  -webkit-backdrop-filter: blur(10px) !important;
  border: 1.5px solid rgba(255, 255, 255, 0.45) !important;
  color: #ffffff !important;
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.08) !important;
  transition: all 0.3s ease !important;
}

.elementor-element-65ff6f95 .elementor-icon-box-icon a.elementor-icon i {
  color: #ffffff !important;
}

.elementor-element-65ff6f95 .elementor-icon-box-title,
.elementor-element-65ff6f95 .elementor-icon-box-title a {
  color: #ffffff !important;
  text-shadow: 0 2px 6px rgba(0, 0, 0, 0.6) !important;
}

.elementor-element-65ff6f95 .elementor-icon-box-description {
  color: #ffffff !important;
  font-weight: 700 !important;
  text-shadow: 0 2px 6px rgba(0, 0, 0, 0.6) !important;
}

/* Header Submit a Form Button - Fog Glass Background */
.elementor-element-e27b232 .elementor-button {
  background: rgba(255, 255, 255, 0.24) !important;
  backdrop-filter: blur(14px) !important;
  -webkit-backdrop-filter: blur(14px) !important;
  border: 1.5px solid rgba(255, 255, 255, 0.45) !important;
  color: #ffffff !important;
  font-weight: 700 !important;
  border-radius: 40px !important;
  box-shadow: 0 4px 18px rgba(0, 0, 0, 0.08) !important;
  transition: all 0.35s ease !important;
}

.elementor-element-e27b232 .elementor-button:hover {
  background: rgba(202, 160, 92, 0.95) !important;
  border-color: #caa05c !important;
  color: #ffffff !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 6px 20px rgba(202, 160, 92, 0.4) !important;
}

/* Scrolled State Overrides */
#masthead.is-scrolled .main-navigation .menu > li > a,
#masthead.is-scrolled .main-navigation .menu > li > a .menu-title,
#masthead.is-scrolled .main-navigation .menu > li > a span,
.header-absolute.is-scrolled .main-navigation .menu > li > a,
.header-absolute.is-scrolled .main-navigation .menu > li > a .menu-title,
.header-absolute.is-scrolled .main-navigation .menu > li > a span {
  color: #1a1a1a !important;
  text-shadow: none !important;
}

#masthead.is-scrolled .main-navigation .menu > li > a:hover,
#masthead.is-scrolled .main-navigation .menu > li > a:hover .menu-title,
#masthead.is-scrolled .main-navigation .menu > li > a:hover span,
#masthead.is-scrolled .main-navigation .menu > li.current-menu-item > a,
#masthead.is-scrolled .main-navigation .menu > li.current-menu-item > a .menu-title,
#masthead.is-scrolled .main-navigation .menu > li.current-menu-item > a span,
.header-absolute.is-scrolled .main-navigation .menu > li > a:hover,
.header-absolute.is-scrolled .main-navigation .menu > li > a:hover .menu-title,
.header-absolute.is-scrolled .main-navigation .menu > li > a:hover span,
.header-absolute.is-scrolled .main-navigation .menu > li.current-menu-item > a,
.header-absolute.is-scrolled .main-navigation .menu > li.current-menu-item > a .menu-title,
.header-absolute.is-scrolled .main-navigation .menu > li.current-menu-item > a span {
  color: #caa05c !important;
}

#masthead.is-scrolled .elementor-element-65ff6f95 .elementor-icon-box-icon a.elementor-icon,
.header-absolute.is-scrolled .elementor-element-65ff6f95 .elementor-icon-box-icon a.elementor-icon {
  background: rgba(202, 160, 92, 0.12) !important;
  border-color: rgba(202, 160, 92, 0.35) !important;
  color: #caa05c !important;
  box-shadow: none !important;
}

#masthead.is-scrolled .elementor-element-65ff6f95 .elementor-icon-box-icon a.elementor-icon i,
.header-absolute.is-scrolled .elementor-element-65ff6f95 .elementor-icon-box-icon i {
  color: #caa05c !important;
}

#masthead.is-scrolled .elementor-icon-box-title,
#masthead.is-scrolled .elementor-icon-box-title a,
.header-absolute.is-scrolled .elementor-icon-box-title,
.header-absolute.is-scrolled .elementor-icon-box-title a {
  color: #1a1a1a !important;
  text-shadow: none !important;
}

#masthead.is-scrolled .elementor-icon-box-description,
.header-absolute.is-scrolled .elementor-icon-box-description {
  color: #caa05c !important;
  font-weight: 700 !important;
  text-shadow: none !important;
}

#masthead.is-scrolled .elementor-element-e27b232 .elementor-button,
.header-absolute.is-scrolled .elementor-element-e27b232 .elementor-button {
  background: linear-gradient(135deg, #caa05c 0%, #a27533 100%) !important;
  color: #ffffff !important;
  border-color: transparent !important;
  box-shadow: 0 4px 15px rgba(202, 160, 92, 0.35) !important;
}

.main-navigation .menu > li > a::after,
.main-navigation .menu > li.menu-item-has-children > a::after,
.elementor-nav-menu--main .menu-item-has-children > a::after {
  display: none !important;
  content: none !important;
}

/* ============================================================
   UNIVERSAL MOBILE NAVBAR & OFFCANVAS DRAWER (INDEX.HTML STYLE)
   ============================================================ */
.antra-mobile-nav,
.menu-scroll-mobile {
  background-color: #04101e !important;
  box-shadow: -5px 0 30px rgba(0, 0, 0, 0.5) !important;
}

.antra-mobile-nav {
  position: fixed !important;
  top: 0 !important;
  right: 0 !important;
  left: auto !important;
  bottom: 0 !important;
  width: 320px !important;
  max-width: 88vw !important;
  height: 100vh !important;
  height: 100dvh !important;
  z-index: 999999 !important;
  transform: translateX(105%) !important;
  transition: transform 0.35s cubic-bezier(0.16, 1, 0.3, 1) !important;
  overflow-y: auto !important;
  -webkit-overflow-scrolling: touch !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: space-between !important;
  padding: 0 !important;
  margin: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
}

.antra-mobile-nav.active,
html.mobile-nav-active .antra-mobile-nav,
body.mobile-nav-active .antra-mobile-nav {
  transform: translateX(0) !important;
  visibility: visible !important;
  pointer-events: auto !important;
}

.antra-overlay {
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  width: 100vw !important;
  height: 100vh !important;
  background: rgba(0, 0, 0, 0.7) !important;
  backdrop-filter: blur(4px) !important;
  -webkit-backdrop-filter: blur(4px) !important;
  z-index: 999998 !important;
  opacity: 0 !important;
  visibility: hidden !important;
  transition: opacity 0.35s ease, visibility 0.35s ease !important;
  pointer-events: none !important;
  cursor: pointer !important;
}

.antra-overlay.active,
html.mobile-nav-active .antra-overlay,
body.mobile-nav-active .antra-overlay {
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: auto !important;
}

html.mobile-nav-active,
body.mobile-nav-active {
  overflow: hidden !important;
}

/* Mobile Drawer Header - White background block */
.mobile-drawer-header {
  background: #ffffff !important;
  border-bottom: 1px solid rgba(0, 0, 0, 0.08) !important;
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.04) !important;
  border-radius: 0 0 16px 16px !important;
  padding: 20px 20px 18px 20px !important;
  margin: 0 0 20px 0 !important;
  position: relative !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  flex-shrink: 0 !important;
}

.mobile-drawer-header .mobile-drawer-logo {
  max-width: 175px !important;
  max-height: 42px !important;
  width: auto !important;
  object-fit: contain !important;
  display: block !important;
}

.mobile-drawer-header .mobile-nav-close {
  position: absolute !important;
  top: 18px !important;
  right: 16px !important;
  width: 36px !important;
  height: 36px !important;
  border: 1px solid rgba(0, 0, 0, 0.12) !important;
  border-radius: 50% !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  color: #111111 !important;
  background: rgba(0, 0, 0, 0.04) !important;
  z-index: 99999 !important;
  font-size: 16px !important;
  text-decoration: none !important;
  cursor: pointer !important;
  pointer-events: auto !important;
  transition: all 0.3s ease !important;
}

.mobile-drawer-header .mobile-nav-close * {
  pointer-events: none !important;
}

.mobile-drawer-header .mobile-nav-close:hover {
  background: #CAA05C !important;
  border-color: #CAA05C !important;
  transform: rotate(90deg) !important;
}

.mobile-drawer-header .mobile-nav-close svg {
  stroke: #111111 !important;
}

.mobile-drawer-header .mobile-nav-close:hover svg {
  stroke: #ffffff !important;
}

/* Navigation Menu Items */
.antra-mobile-nav ul.menu {
  padding: 8px 0 !important;
  gap: 0 !important;
  list-style: none !important;
  margin: 0 !important;
}

.antra-mobile-nav .menu-item {
  margin: 0 20px !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.08) !important;
  border-radius: 0 !important;
  padding: 0 !important;
  list-style: none !important;
}

.antra-mobile-nav .menu-item:last-child {
  border-bottom: none !important;
}

.antra-mobile-nav .menu-item > a {
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
  padding: 16px !important;
  background: transparent !important;
  border-radius: 0 !important;
  color: #ffffff !important;
  text-decoration: none !important;
  transition: all 0.3s ease !important;
  border: none !important;
  font-family: 'Cal Sans', sans-serif !important;
}

/* Active Menu Item */
.antra-mobile-nav .menu-item.current-menu-item {
  border-bottom: none !important;
  margin-bottom: 4px !important;
}

.antra-mobile-nav .menu-item.current-menu-item > a {
  background-color: #172a42 !important;
  border-radius: 12px !important;
  color: #e6b955 !important;
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1) !important;
  padding: 16px !important;
}

.antra-mobile-nav .menu-item-left {
  display: flex !important;
  align-items: center !important;
  gap: 16px !important;
  font-size: 16px !important;
  font-weight: 500 !important;
}

/* Icon Colors */
.antra-mobile-nav .menu-item .nav-icon svg {
  stroke: #ffffff !important;
  width: 20px !important;
  height: 20px !important;
}

.antra-mobile-nav .menu-item.current-menu-item .nav-icon svg {
  stroke: #e6b955 !important;
  fill: #e6b955 !important;
}

.antra-mobile-nav .nav-arrow svg {
  stroke: #ffffff !important;
  width: 15px !important;
  height: 15px !important;
}

.antra-mobile-nav .menu-item.current-menu-item .nav-arrow svg {
  stroke: #e6b955 !important;
}

/* Call Us Box */
.mobile-sidebar-contact {
  padding: 0 20px 20px 20px !important;
  margin-top: 18px !important;
  display: flex !important;
  flex-direction: column !important;
}

.mobile-sidebar-phone {
  display: flex !important;
  align-items: center !important;
  gap: 14px !important;
  background: #112033 !important;
  border: 1px solid rgba(255, 255, 255, 0.03) !important;
  border-radius: 12px !important;
  padding: 14px 16px !important;
  text-decoration: none !important;
  margin-bottom: 16px !important;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.2) !important;
}

.mobile-phone-icon {
  width: 42px !important;
  height: 42px !important;
  border-radius: 50% !important;
  background: #ffc107 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex-shrink: 0 !important;
  border: none !important;
}

.mobile-phone-icon i {
  color: #04101e !important;
  font-size: 18px !important;
}

.mobile-phone-info {
  display: flex !important;
  flex-direction: column !important;
  gap: 2px !important;
}

.mobile-phone-label {
  font-size: 10.5px !important;
  font-weight: 700 !important;
  color: #ffffff !important;
  opacity: 0.8 !important;
  letter-spacing: 0.5px !important;
  text-transform: uppercase !important;
}

.mobile-phone-number {
  font-size: 15.5px !important;
  font-weight: 700 !important;
  color: #ffffff !important;
}

/* "Get a Quote" Button */
.mobile-sidebar-cta-btn {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  background: linear-gradient(90deg, #ffd84f, #ffb400) !important;
  color: #04101e !important;
  border-radius: 30px !important;
  padding: 14px !important;
  text-decoration: none !important;
  font-weight: 800 !important;
  letter-spacing: 0.5px !important;
  box-shadow: 0 6px 20px rgba(255, 180, 0, 0.25) !important;
  margin-bottom: 20px !important;
  transition: transform 0.3s ease !important;
  border: none !important;
  font-family: 'Cal Sans', sans-serif !important;
}

.mobile-sidebar-cta-btn:hover {
  transform: translateY(-2px) !important;
  box-shadow: 0 8px 25px rgba(255, 180, 0, 0.35) !important;
}

.mobile-sidebar-cta-btn span {
  color: #04101e !important;
  font-size: 14px !important;
}

/* Social Icons */
.mobile-sidebar-socials {
  display: flex !important;
  justify-content: center !important;
  gap: 16px !important;
  padding-bottom: 6px !important;
}

.mobile-sidebar-socials a {
  width: 36px !important;
  height: 36px !important;
  border-radius: 50% !important;
  background: rgba(255, 255, 255, 0.05) !important;
  border: 1px solid rgba(255, 255, 255, 0.1) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  color: #ffffff !important;
  transition: all 0.3s ease !important;
  text-decoration: none !important;
}

.mobile-sidebar-socials a:hover {
  background: #caa05c !important;
  border-color: #caa05c !important;
}

/* ==========================================================================
   GLOBAL MOBILE RESPONSIVENESS SYSTEM (ZERO HORIZONTAL SCROLL)
   ========================================================================== */
@media (max-width: 1024px) {
  html, body {
    overflow-x: hidden !important;
    max-width: 100vw !important;
    width: 100% !important;
  }

  /* Header adjustments for tablet / mobile */
  .elementor-42,
  #masthead,
  .header-absolute,
  .elementor-element-3ae6e686 {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    max-width: 100vw !important;
    z-index: 99999 !important;
    padding: 10px 0 !important;
    background: transparent !important;
    box-sizing: border-box !important;
    transition: background-color 0.3s ease, box-shadow 0.3s ease !important;
  }

  .header-absolute.is-scrolled,
  #masthead.is-scrolled {
    background: #FFFFFF !important;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08) !important;
    padding: 10px 0 !important;
  }

  .elementor-42 .elementor-element.elementor-element-3ae6e686 .e-con-inner,
  .header-absolute .e-con-inner,
  .elementor-element-3ae6e686 .e-con-inner {
    padding: 0 16px !important;
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    justify-content: space-between !important;
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
  }

  .elementor-42 .elementor-element.elementor-element-2233113a,
  .elementor-element-2233113a {
    width: 100% !important;
    max-width: 100% !important;
    flex: 1 1 100% !important;
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    justify-content: space-between !important;
    margin: 0 !important;
    padding: 0 !important;
    gap: 0 !important;
  }

  /* 1. Logo Container (Left) */
  .elementor-42 .elementor-element.elementor-element-3d4340b9,
  .elementor-element-3d4340b9 {
    margin: 0 !important;
    padding: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    flex: 0 0 auto !important;
  }

  .elementor-42 .elementor-element.elementor-element-3d4340b9 > .elementor-widget-container,
  .elementor-element-3d4340b9 .hfe-site-logo {
    margin: 0 !important;
    padding: 0 !important;
    display: flex !important;
    align-items: center !important;
  }

  .elementor-element-3d4340b9 .hfe-site-logo-container .hfe-site-logo-img,
  .hfe-site-logo-container .hfe-site-logo-img {
    max-height: 38px !important;
    height: 38px !important;
    width: auto !important;
    max-width: 160px !important;
    object-fit: contain !important;
    display: block !important;
    margin: 0 !important;
  }

  /* 2. Three-line Hamburger Button (Right) */
  .elementor-42 .elementor-element.elementor-element-3917987,
  .elementor-element-3917987 {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    margin: 0 !important;
    margin-left: auto !important;
    padding: 0 !important;
    flex: 0 0 auto !important;
  }

  .elementor-element-3917987 .elementor-widget-container,
  .elementor-element-3917987 .elementor-canvas-menu-wrapper {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  .menu-mobile-nav-button {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 44px !important;
    height: 44px !important;
    min-width: 44px !important;
    min-height: 44px !important;
    border-radius: 12px !important;
    background: #111111 !important;
    border: 1.5px solid rgba(255, 255, 255, 0.2) !important;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.25) !important;
    cursor: pointer !important;
    text-decoration: none !important;
    padding: 0 !important;
    margin: 0 !important;
    transition: all 0.25s ease !important;
  }

  .menu-mobile-nav-button .antra-icon {
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    align-items: center !important;
    gap: 4.5px !important;
    width: 20px !important;
    margin: 0 !important;
  }

  .menu-mobile-nav-button .antra-icon > span {
    display: block !important;
    width: 20px !important;
    height: 2px !important;
    background-color: #FFFFFF !important;
    border-radius: 2px !important;
    margin: 0 !important;
    transition: all 0.3s ease !important;
  }

  /* Scrolled Navbar Hamburger */
  #masthead.is-scrolled .menu-mobile-nav-button,
  .header-absolute.is-scrolled .menu-mobile-nav-button {
    background: #FFFFFF !important;
    border-color: #E2D5C3 !important;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08) !important;
  }

  #masthead.is-scrolled .menu-mobile-nav-button .antra-icon > span,
  .header-absolute.is-scrolled .menu-mobile-nav-button .antra-icon > span {
    background-color: #111111 !important;
  }

  /* 3. Completely hide desktop menu & right bar on mobile */
  .elementor-42 .elementor-element.elementor-element-3023e72a,
  .elementor-element-3023e72a,
  .elementor-42 .elementor-element.elementor-element-e722053,
  .elementor-element-e722053,
  .elementor-element-65ff6f95,
  .elementor-element-e27b232,
  .navbar-search-widget,
  .button-search-popup,
  .elementor-widget-antra-search,
  .elementor-widget-antra-search-popup {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    width: 0 !important;
    height: 0 !important;
    pointer-events: none !important;
    margin: 0 !important;
    padding: 0 !important;
  }
}

@media (max-width: 768px) {
  html, body {
    overflow-x: hidden !important;
    max-width: 100vw !important;
    width: 100% !important;
  }

  *, *::before, *::after {
    box-sizing: border-box !important;
  }

  img, video, iframe, svg {
    max-width: 100% !important;
  }

  /* --- HERO SECTION (INDEX.HTML) --- */
  .antra-themelexus-hero {
    width: 100% !important;
    left: 0 !important;
    right: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    height: auto !important;
    min-height: auto !important;
    max-height: none !important;
    overflow: hidden !important;
    position: relative !important;
    padding-bottom: 20px !important;
  }

  .themelexus-slide {
    position: relative !important;
    height: auto !important;
    min-height: 100% !important;
    opacity: 1 !important;
    visibility: visible !important;
    display: block !important;
    transform: none !important;
  }

  .themelexus-slide:not(.active) {
    display: none !important;
  }

  .themelexus-slide::before {
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.98) 0%, rgba(255, 255, 255, 0.92) 55%, rgba(255, 255, 255, 0.80) 100%) !important;
  }

  .slide-wrapper-container {
    padding: 85px 16px 30px 16px !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    justify-content: flex-start !important;
    width: 100% !important;
    max-width: 100% !important;
    gap: 20px !important;
    box-sizing: border-box !important;
  }

  .hero-left-content {
    width: 100% !important;
    max-width: 100% !important;
    align-items: flex-start !important;
  }

  .hero-top-badge {
    font-size: 11px !important;
    padding: 5px 14px !important;
    margin-bottom: 14px !important;
    opacity: 1 !important;
    transform: none !important;
  }

  .badge-title {
    font-size: 11px !important;
    letter-spacing: 1px !important;
  }

  .hero-headline {
    font-size: clamp(2rem, 8vw, 2.75rem) !important;
    line-height: 1.12 !important;
    letter-spacing: -0.8px !important;
    margin: 0 0 14px 0 !important;
    opacity: 1 !important;
    transform: none !important;
    word-break: break-word !important;
  }

  .hero-subtext {
    font-size: 14px !important;
    line-height: 1.5 !important;
    margin: 0 0 18px 0 !important;
    max-width: 310px !important;
    opacity: 1 !important;
    transform: none !important;
  }

  .hero-cta-group {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: flex-start !important;
    width: auto !important;
    gap: 0 !important;
    margin-bottom: 20px !important;
    opacity: 1 !important;
    transform: none !important;
  }

  .hero-btn-talk-expert {
    width: auto !important;
    max-width: max-content !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 10px !important;
    padding: 7px 8px 7px 18px !important;
    font-size: 13.5px !important;
    font-weight: 600 !important;
    border-radius: 50px !important;
    box-sizing: border-box !important;
    box-shadow: 0 4px 14px rgba(0, 43, 130, 0.25) !important;
  }

  .hero-btn-talk-expert .btn-text {
    font-size: 13.5px !important;
    white-space: nowrap !important;
  }

  .hero-btn-talk-expert .btn-circle-arrow {
    width: 28px !important;
    height: 28px !important;
    min-width: 28px !important;
    min-height: 28px !important;
    margin-left: 4px !important;
  }

  .hero-btn-watch-work {
    display: none !important;
    visibility: hidden !important;
    width: 0 !important;
    height: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
  }

  .hero-features-row {
    display: grid !important;
    grid-template-columns: repeat(4, 1fr) !important;
    gap: 8px !important;
    width: 100% !important;
    max-width: 100% !important;
    align-items: stretch !important;
    margin-top: 14px !important;
    margin-bottom: 14px !important;
    opacity: 1 !important;
    transform: none !important;
  }

  .hero-feat-item {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
    gap: 6px !important;
    padding: 10px 4px !important;
    background: rgba(255, 255, 255, 0.88) !important;
    border: 1px solid rgba(0, 0, 0, 0.08) !important;
    border-radius: 12px !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04) !important;
    box-sizing: border-box !important;
    min-width: 0 !important;
  }

  .hero-feat-item .feat-icon {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 32px !important;
    height: 32px !important;
    margin: 0 auto !important;
  }

  .hero-feat-item .feat-icon svg {
    width: 22px !important;
    height: 22px !important;
  }

  .hero-feat-item .feat-label {
    font-size: 10px !important;
    line-height: 1.2 !important;
    text-align: center !important;
    font-weight: 600 !important;
    color: #111111 !important;
    margin: 0 !important;
    padding: 0 !important;
    word-break: normal !important;
  }

  .hero-floating-showcase {
    position: relative !important;
    right: auto !important;
    bottom: auto !important;
    width: 100% !important;
    max-width: 100% !important;
    margin-top: 16px !important;
    padding: 16px 20px !important;
    box-sizing: border-box !important;
    border-radius: 20px !important;
    background: #FFFFFF !important;
    border: 1px solid rgba(0, 0, 0, 0.08) !important;
    box-shadow: 0 10px 28px rgba(0, 0, 0, 0.07) !important;
    display: flex !important;
    flex-direction: row !important;
    justify-content: space-between !important;
    align-items: center !important;
    gap: 16px !important;
    opacity: 1 !important;
    transform: none !important;
  }

  .showcase-stat-block {
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    align-items: flex-start !important;
    flex: 1 1 auto !important;
  }

  .showcase-big-number {
    font-size: 32px !important;
    font-weight: 800 !important;
    color: #031D58 !important;
    line-height: 1.05 !important;
    margin-bottom: 4px !important;
  }

  .showcase-stat-text {
    font-size: 13.5px !important;
    line-height: 1.3 !important;
    color: #333333 !important;
    font-weight: 600 !important;
  }

  .showcase-next-slide-trigger {
    flex: 0 0 auto !important;
    width: auto !important;
    display: flex !important;
    align-items: center !important;
  }

  .next-slide-thumb-wrap {
    width: 130px !important;
    height: 82px !important;
    border-radius: 14px !important;
    overflow: hidden !important;
    flex-shrink: 0 !important;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.14) !important;
  }

  .next-slide-thumb-wrap img,
  .thumb-media {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    display: block !important;
  }

  /* --- COMMON SECTION PADDINGS & HEADINGS --- */
  .elementor-element-ec5326f,
  .antra-timeline-section-wrap,
  .antra-gallery-slider-section,
  .elementor-19 .elementor-element.elementor-element-0ad81f7 {
    padding-top: 50px !important;
    padding-bottom: 50px !important;
    padding-left: 16px !important;
    padding-right: 16px !important;
  }

  .elementor-heading-title {
    font-size: clamp(24px, 6.5vw, 36px) !important;
    line-height: 1.2 !important;
  }

  /* --- TIMELINE SECTION --- */
  .antra-timeline-header-container {
    padding: 0 0 20px 0 !important;
  }

  .antra-timeline-scroll-container {
    padding: 10px 0 20px 0 !important;
  }

  .antra-timeline-track {
    padding: 0 !important;
    gap: 20px !important;
  }

  .antra-timeline-node {
    width: 220px !important;
  }

  .timeline-node-img-box {
    height: 160px !important;
    border-radius: 18px !important;
  }

  /* --- GALLERY SLIDER SECTION --- */
  .antra-gallery-slider-container {
    flex-direction: column !important;
    padding: 0 !important;
    gap: 24px !important;
  }

  .gallery-slider-left-col,
  .gallery-slider-right-col {
    width: 100% !important;
  }

  /* --- 3D FLOORPLAN CUTAWAY SECTION --- */
  .elementor-19 .elementor-element.elementor-element-890131e {
    flex-direction: column !important;
    gap: 30px !important;
  }

  .elementor-19 .elementor-element.elementor-element-a0bbc4f,
  .elementor-19 .elementor-element.elementor-element-85599f5 {
    width: 100% !important;
    max-width: 100% !important;
    flex: 1 1 100% !important;
  }

  /* --- SERVICES PAGE (SERVICES.HTML) --- */
  .antra-page-hero-banner {
    padding: 110px 16px 36px 16px !important;
    height: auto !important;
    text-align: center !important;
  }

  .antra-page-hero-title {
    font-size: clamp(28px, 7.5vw, 42px) !important;
  }

  .elementor-element-1d57aaa {
    grid-template-columns: 1fr !important;
    gap: 24px !important;
    width: 100% !important;
  }

  .elementor-element-e3eca93,
  .elementor-element-212a266,
  .elementor-element-64c06b5 {
    width: 100% !important;
  }

  .elementor-element-e3eca93 .service-loop-exerpt,
  .elementor-element-212a266 .service-loop-exerpt,
  .elementor-element-64c06b5 .service-loop-exerpt {
    padding: 0 !important;
  }

  .elementor-25 .elementor-element.elementor-element-e3eca93 .elementor-repeater-item-daa67b5 .service-image img,
  .elementor-25 .elementor-element.elementor-element-e3eca93 .elementor-repeater-item-4ee1f71 .service-image img,
  .elementor-25 .elementor-element.elementor-element-212a266 .elementor-repeater-item-daa67b5 .service-image img,
  .elementor-25 .elementor-element.elementor-element-212a266 .elementor-repeater-item-4ee1f71 .service-image img,
  .elementor-25 .elementor-element.elementor-element-64c06b5 .elementor-repeater-item-daa67b5 .service-image img,
  .elementor-25 .elementor-element.elementor-element-64c06b5 .elementor-repeater-item-4ee1f71 .service-image img,
  .antra-service .service-image img {
    height: 260px !important;
    width: 100% !important;
    object-fit: cover !important;
    border-radius: 18px !important;
  }

  /* --- SERVICE DETAILS PAGE (SERVICE-DETAILS.HTML) --- */
  .service-details-container,
  .service-details-main-layout {
    flex-direction: column !important;
    gap: 30px !important;
    padding: 0 16px !important;
  }

  .service-details-sidebar {
    width: 100% !important;
    max-width: 100% !important;
    position: static !important;
    top: auto !important;
  }

  .service-details-content {
    width: 100% !important;
    max-width: 100% !important;
  }

  .service-features-grid {
    grid-template-columns: 1fr !important;
    gap: 14px !important;
  }

  .service-showcase-gallery {
    grid-template-columns: 1fr !important;
    gap: 16px !important;
  }

  .service-showcase-gallery img {
    height: 220px !important;
    width: 100% !important;
    object-fit: cover !important;
    border-radius: 16px !important;
  }

  .service-appointment-card {
    padding: 24px 18px !important;
  }

  /* --- CONTACT & SUBMIT FORM PAGES --- */
  .contact-grid-container,
  .submit-form-container {
    flex-direction: column !important;
    gap: 30px !important;
    padding: 0 16px !important;
  }

  .contact-info-col,
  .contact-form-col,
  .submit-form-card {
    width: 100% !important;
    max-width: 100% !important;
  }

  /* --- FOOTER ON MOBILE --- */
  .footer-widgets-wrap,
  .site-footer .elementor-element {
    flex-direction: column !important;
    width: 100% !important;
  }

  .site-footer {
    padding: 45px 16px 20px 16px !important;
  }
}

@media (max-width: 480px) {
  .hero-floating-showcase {
    padding: 14px 16px !important;
    gap: 12px !important;
    border-radius: 18px !important;
  }

  .showcase-big-number {
    font-size: 29px !important;
  }

  .showcase-stat-text {
    font-size: 12.5px !important;
    line-height: 1.25 !important;
  }

  .next-slide-thumb-wrap {
    width: 120px !important;
    height: 76px !important;
    border-radius: 12px !important;
  }

  .hero-features-row {
    grid-template-columns: repeat(4, 1fr) !important;
    gap: 6px !important;
  }

  .hero-feat-item .feat-label {
    font-size: 9.5px !important;
  }

  .hero-headline {
    font-size: 2.15rem !important;
  }
}

@media (max-width: 360px) {
  .slide-wrapper-container {
    padding: 75px 12px 24px 12px !important;
  }

  .hero-headline {
    font-size: 1.95rem !important;
  }

  .hero-feat-item .feat-label {
    font-size: 8.8px !important;
  }

  .hero-btn-talk-expert {
    font-size: 12.5px !important;
    padding: 6px 7px 6px 14px !important;
  }
}

/* ============================================================
   MOBILE-ONLY GALLERY MARQUEE / SCROLL SECTION
   (Desktop / System view is 100% untouched as original)
   ============================================================ */
@media (max-width: 767px) {
  .elementor-element-5b76d34,
  .elementor-element-377c035,
  .elementor-element-b01f268,
  .elementor-element-3081507,
  .elementor-element-fb4af1b {
    visibility: visible !important;
    opacity: 1 !important;
  }

  .elementor-element-5b76d34 {
    padding: 20px 0 15px 0 !important;
    overflow: hidden !important;
    width: 100% !important;
    max-width: 100vw !important;
    box-sizing: border-box !important;
  }

  .elementor-element-377c035 {
    margin-bottom: 15px !important;
    text-align: center !important;
  }

  .elementor-element-377c035 .elementor-heading-title {
    font-size: 30px !important;
    text-align: center !important;
    opacity: 0.16 !important;
    margin: 0 !important;
    line-height: 1 !important;
  }

  .elementor-element-b01f268 {
    display: flex !important;
    flex-direction: column !important;
    gap: 14px !important;
    width: 100% !important;
    max-width: 100vw !important;
    overflow: hidden !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  .elementor-widget-antra-gallery-scroll {
    overflow: hidden !important;
    width: 100% !important;
    max-width: 100vw !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  .elementor-widget-antra-gallery-scroll .elementor-widget-container,
  .elementor-widget-antra-gallery-scroll.antra-gallery-scroll-direction-ltr .elementor-widget-container,
  .elementor-widget-antra-gallery-scroll.antra-gallery-scroll-direction-rtl .elementor-widget-container,
  .elementor-element-3081507 .elementor-widget-container,
  .elementor-element-fb4af1b .elementor-widget-container {
    display: block !important;
    justify-content: flex-start !important;
    align-items: flex-start !important;
    overflow: hidden !important;
    width: 100% !important;
    padding: 0 !important;
    margin: 0 !important;
  }

  .elementor-antra-gallery-scroll {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    gap: 14px !important;
    width: max-content !important;
    align-items: center !important;
    will-change: transform !important;
  }

  /* Row 1: Left-to-Right Continuous Seamless Infinite Marquee (No Gaps) */
  .elementor-element-3081507 .elementor-antra-gallery-scroll,
  .antra-gallery-scroll-direction-rtl .elementor-antra-gallery-scroll,
  .elementor-widget-antra-gallery-scroll.antra-gallery-scroll-direction-rtl .elementor-antra-gallery-scroll {
    animation: karMarqueeLTR 20s linear infinite !important;
  }

  /* Row 2: Right-to-Left Continuous Seamless Infinite Marquee (No Gaps) */
  .elementor-element-fb4af1b .elementor-antra-gallery-scroll,
  .antra-gallery-scroll-direction-ltr .elementor-antra-gallery-scroll,
  .elementor-widget-antra-gallery-scroll.antra-gallery-scroll-direction-ltr .elementor-antra-gallery-scroll {
    animation: karMarqueeRTL 20s linear infinite !important;
  }

  .elementor-antra-gallery-scroll:hover,
  .elementor-antra-gallery-scroll:active {
    animation-play-state: paused !important;
  }

  .elementor-antra-item-gallery-scroll {
    flex: 0 0 230px !important;
    flex-shrink: 0 !important;
    width: 230px !important;
    min-width: 230px !important;
    max-width: 230px !important;
    height: 160px !important;
    min-height: 160px !important;
    max-height: 160px !important;
    box-sizing: border-box !important;
  }

  .elementor-antra-item-gallery-scroll .gallery-image-link {
    display: block !important;
    width: 230px !important;
    height: 160px !important;
    min-height: 160px !important;
    max-height: 160px !important;
    border-radius: 16px !important;
    overflow: hidden !important;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.10) !important;
    background-color: #f2f2f2 !important;
    box-sizing: border-box !important;
  }

  .elementor-antra-item-gallery-scroll img,
  .elementor-antra-item-gallery-scroll .antra-elementor-src-gallery {
    width: 100% !important;
    height: 100% !important;
    min-height: 160px !important;
    max-height: 160px !important;
    object-fit: cover !important;
    border-radius: 16px !important;
    display: block !important;
  }
}

@media (max-width: 480px) {
  .elementor-antra-item-gallery-scroll {
    flex: 0 0 220px !important;
    width: 220px !important;
    min-width: 220px !important;
    max-width: 220px !important;
    height: 155px !important;
    min-height: 155px !important;
    max-height: 155px !important;
  }

  .elementor-antra-item-gallery-scroll .gallery-image-link {
    width: 220px !important;
    height: 155px !important;
    min-height: 155px !important;
    max-height: 155px !important;
    border-radius: 14px !important;
  }

  .elementor-antra-item-gallery-scroll img,
  .elementor-antra-item-gallery-scroll .antra-elementor-src-gallery {
    width: 100% !important;
    height: 100% !important;
    min-height: 155px !important;
    max-height: 155px !important;
    border-radius: 14px !important;
  }
}

/* Left-to-Right: starts at -25% (Set 2 at x=0) and moves right to 0% (Set 1 at x=0) */
@keyframes karMarqueeLTR {
  0% {
    transform: translate3d(-25%, 0, 0);
  }
  100% {
    transform: translate3d(0, 0, 0);
  }
}

/* Right-to-Left: starts at 0% (Set 1 at x=0) and moves left to -25% (Set 2 at x=0) */
@keyframes karMarqueeRTL {
  0% {
    transform: translate3d(0, 0, 0);
  }
  100% {
    transform: translate3d(-25%, 0, 0);
  }
}

/* ============================================================
   HIDE UNWANTED HANDHELD BOTTOM FOOTER BAR (ACCOUNT / CART BAR)
   ============================================================ */
.elementor-47,
div[data-elementor-id="47"],
.elementor-element-369b4db,
.elementor-47 .elementor-element.elementor-element-369b4db,
div[data-id="369b4db"],
.antra-handheld-footer-bar,
.handheld-footer-bar,
#woosc-area,
.woosc-bar,
.woosc-area,
.woosw-popup,
.woosq-popup,
.woosc-popup,
#woosw-area {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  pointer-events: none !important;
  height: 0 !important;
  min-height: 0 !important;
  max-height: 0 !important;
  width: 0 !important;
  overflow: hidden !important;
  z-index: -9999 !important;
  position: absolute !important;
}

/* ============================================================
   MOBILE LAYOUT DESIGN ENHANCEMENTS (MATCHING SCREENSHOTS)
   ============================================================ */
@media (max-width: 767px) {

  /* ------------------------------------------------------------
     1. STATS / EXPERIENCE COUNTER CARDS (SCREENSHOT 2)
     ------------------------------------------------------------ */
  .elementor-element-3ee0aa0 .e-con-inner {
    display: flex !important;
    flex-direction: column !important;
    gap: 14px !important;
    padding: 0 16px !important;
    width: 100% !important;
    box-sizing: border-box !important;
  }

  .elementor-element-3ee0aa0 .e-child {
    background: #FFFFFF !important;
    border: 1px solid #EAEAEA !important;
    border-radius: 18px !important;
    box-shadow: 0 4px 18px rgba(0, 0, 0, 0.04) !important;
    padding: 20px 22px !important;
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    text-align: left !important;
    gap: 18px !important;
    margin: 0 !important;
    width: 100% !important;
    box-sizing: border-box !important;
    position: relative !important;
  }

  .elementor-element-3ee0aa0 .e-child::before {
    content: '' !important;
    display: block !important;
    width: 52px !important;
    height: 52px !important;
    min-width: 52px !important;
    border-radius: 50% !important;
    background: rgba(202, 160, 92, 0.12) !important;
    background-size: 24px !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    flex-shrink: 0 !important;
  }

  /* Distinct soft background colors for counter card icons */
  .elementor-element-ceaa4bf::before {
    background-color: #E8F0FE !important;
    background-image: url("data:image/svg2+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%231967D2'%3E%3Cpath d='M16 11c1.66 0 2.99-1.34 2.99-3S17.66 5 16 5c-1.66 0-3 1.34-3 3s1.34 3 3 3zm-8 0c1.66 0 2.99-1.34 2.99-3S9.66 5 8 5C6.34 5 5 6.34 5 8s1.34 3 3 3zm0 2c-2.33 0-7 1.17-7 3.5V19h14v-2.5c0-2.33-4.67-3.5-7-3.5zm8 0c-.29 0-.62.02-.97.05 1.16.84 1.97 1.97 1.97 3.45V19h6v-2.5c0-2.33-4.67-3.5-7-3.5z'/%3E%3C/svg%3E"), url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%231967D2'%3E%3Cpath d='M16 11c1.66 0 2.99-1.34 2.99-3S17.66 5 16 5c-1.66 0-3 1.34-3 3s1.34 3 3 3zm-8 0c1.66 0 2.99-1.34 2.99-3S9.66 5 8 5C6.34 5 5 6.34 5 8s1.34 3 3 3zm0 2c-2.33 0-7 1.17-7 3.5V19h14v-2.5c0-2.33-4.67-3.5-7-3.5zm8 0c-.29 0-.62.02-.97.05 1.16.84 1.97 1.97 1.97 3.45V19h6v-2.5c0-2.33-4.67-3.5-7-3.5z'/%3E%3C/svg%3E") !important;
  }

  .elementor-element-5f74ab1::before {
    background-color: #FEF7E0 !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23F29900'%3E%3Cpath d='M19 3h-4.18C14.4 1.84 13.3 1 12 1c-1.3 0-2.4.84-2.82 2H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm-7 0c.55 0 1 .45 1 1s-.45 1-1 1-1-.45-1-1 .45-1 1-1zm2 14H7v-2h7v2zm3-4H7v-2h10v2zm0-4H7V7h10v2z'/%3E%3C/svg%3E") !important;
  }

  .elementor-element-95de7d5::before {
    background-color: #E6F4EA !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23188038'%3E%3Cpath d='M19 5h-2V3H7v2H5c-1.1 0-2 .9-2 2v1c0 2.55 1.92 4.63 4.39 4.94A5.01 5.01 0 0 0 11 15.9V19H7v2h10v-2h-4v-3.1a5.01 5.01 0 0 0 3.61-2.96C19.08 12.63 21 10.55 21 8V7c0-1.1-.9-2-2-2zM5 8V7h2v3.82C5.84 10.4 5 9.3 5 8zm14 0c0 1.3-.84 2.4-2 2.82V7h2v1z'/%3E%3C/svg%3E") !important;
  }

  .elementor-element-7ef862e::before {
    background-color: #FCE8E6 !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23D93025'%3E%3Cpath d='M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 15h-2v-2h2v2zm0-4h-2V7h2v6z'/%3E%3C/svg%3E") !important;
  }

  .elementor-element-3ee0aa0 .e-child > div:not(.elementor-element-3ee0aa0 .e-child::before) {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    text-align: left !important;
  }

  .elementor-element-3ee0aa0 .elementor-counter {
    text-align: left !important;
    display: flex !important;
    flex-direction: column-reverse !important;
    align-items: flex-start !important;
    margin-bottom: 2px !important;
  }

  .elementor-element-3ee0aa0 .elementor-counter-number-wrapper {
    font-family: 'Cal Sans', sans-serif !important;
    font-size: 28px !important;
    font-weight: 700 !important;
    color: #111114 !important;
    line-height: 1.1 !important;
    margin-bottom: 2px !important;
    display: flex !important;
    align-items: center !important;
  }

  .elementor-element-3ee0aa0 .elementor-counter-title {
    font-family: 'Cal Sans', sans-serif !important;
    font-size: 15.5px !important;
    font-weight: 700 !important;
    color: #111114 !important;
    letter-spacing: 0.2px !important;
    margin-bottom: 4px !important;
  }

  .elementor-element-3ee0aa0 .elementor-widget-text-editor p {
    font-family: 'Golos Text', sans-serif !important;
    font-size: 13px !important;
    color: #666666 !important;
    line-height: 1.45 !important;
    margin: 0 !important;
  }

  /* ------------------------------------------------------------
     2. CONTACT SECTION / CONTACT CARDS (SCREENSHOT 1)
     ------------------------------------------------------------ */
  .contact-main-section {
    padding: 30px 16px 50px 16px !important;
  }

  .contact-container {
    max-width: 100% !important;
    padding: 0 !important;
  }

  .contact-badge-pill {
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
    padding: 6px 14px !important;
    border-radius: 50px !important;
    background: rgba(202, 160, 92, 0.1) !important;
    border: 1px solid rgba(202, 160, 92, 0.25) !important;
    color: #CAA05C !important;
    font-family: 'Cal Sans', sans-serif !important;
    font-size: 12.5px !important;
    font-weight: 700 !important;
    letter-spacing: 0.8px !important;
    text-transform: uppercase !important;
    margin-bottom: 14px !important;
  }

  .contact-badge-dot {
    width: 6px !important;
    height: 6px !important;
    border-radius: 50% !important;
    background-color: #CAA05C !important;
  }

  .contact-heading-title {
    font-family: 'Cal Sans', sans-serif !important;
    font-size: 26px !important;
    line-height: 1.25 !important;
    font-weight: 700 !important;
    color: #111114 !important;
    margin-bottom: 12px !important;
  }

  .contact-heading-title .gold-text {
    color: #CAA05C !important;
  }

  .contact-info-grid {
    display: flex !important;
    flex-direction: column !important;
    width: 100% !important;
    max-width: 100% !important;
    align-items: stretch !important;
    gap: 14px !important;
    margin-top: 20px !important;
    margin-bottom: 22px !important;
    box-sizing: border-box !important;
  }

  .info-col-item {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
    background: #FAF7F2 !important;
    border: 1px solid rgba(202, 160, 92, 0.2) !important;
    border-radius: 18px !important;
    padding: 16px 18px !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 6px !important;
    text-align: left !important;
  }

  .info-box-label {
    font-family: 'Cal Sans', sans-serif !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    color: #888888 !important;
    letter-spacing: 0.8px !important;
    text-transform: uppercase !important;
    margin: 0 !important;
  }

  .info-box-address,
  .info-box-phone a,
  .info-box-email {
    font-family: 'Golos Text', sans-serif !important;
    font-size: 15px !important;
    font-weight: 400 !important;
    color: #111114 !important;
    line-height: 1.5 !important;
    margin: 0 !important;
    text-decoration: none !important;
  }

  .info-box-hours {
    font-family: 'Golos Text', sans-serif !important;
    font-size: 13px !important;
    color: #666666 !important;
    margin: 0 !important;
  }

  .contact-mobile-action-buttons {
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
    margin-bottom: 24px !important;
    width: 100% !important;
  }

  .contact-action-btn-call {
    flex: 1 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    padding: 13px 18px !important;
    background: #CAA05C !important;
    border-radius: 50px !important;
    color: #FFFFFF !important;
    font-family: 'Cal Sans', sans-serif !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    text-decoration: none !important;
    box-shadow: 0 4px 14px rgba(202, 160, 92, 0.3) !important;
  }

  .contact-action-btn-wa {
    flex: 1 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    padding: 13px 18px !important;
    background: #FFFFFF !important;
    border: 1.5px solid #25D366 !important;
    border-radius: 50px !important;
    color: #111114 !important;
    font-family: 'Cal Sans', sans-serif !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    text-decoration: none !important;
  }

  .contact-feature-image-wrapper {
    min-height: auto !important;
    height: auto !important;
    border-radius: 20px !important;
    overflow: hidden !important;
    margin-bottom: 0 !important;
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.08) !important;
  }

  .contact-feature-image-wrapper img {
    border-radius: 20px !important;
    width: 100% !important;
    height: 230px !important;
    object-fit: cover !important;
  }

  /* ------------------------------------------------------------
     3. TESTIMONIALS ON MOBILE (SCREENSHOT 4)
     ------------------------------------------------------------ */
  .elementor-element-35aedd2 .elementor-heading-title {
    font-family: 'Cal Sans', sans-serif !important;
    font-size: 22px !important;
    line-height: 1.3 !important;
    font-weight: 700 !important;
    color: #111114 !important;
    margin-bottom: 16px !important;
  }

  .elementor-testimonial-item .item-inner {
    background: #F4F7FB !important;
    border: 1px solid rgba(25, 103, 210, 0.1) !important;
    border-radius: 18px !important;
    padding: 20px 22px !important;
    box-sizing: border-box !important;
  }

  .elementor-testimonial-item .content {
    font-family: 'Golos Text', sans-serif !important;
    font-size: 14px !important;
    line-height: 1.6 !important;
    color: #444444 !important;
    margin-bottom: 14px !important;
  }

  /* ------------------------------------------------------------
     4. FOOTER ON MOBILE (SCREENSHOT 5)
     ------------------------------------------------------------ */
  .elementor-element-474070a .elementor-widget-container,
  .footer-mobile-brand-box {
    text-align: center !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
  }

  .footer-trust-badges-row {
    display: grid !important;
    grid-template-columns: repeat(3, 1fr) !important;
    gap: 12px !important;
    margin: 24px 0 !important;
    padding-top: 18px !important;
    border-top: 1px solid rgba(255, 255, 255, 0.1) !important;
    text-align: center !important;
  }

  .footer-trust-badge-item {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    gap: 6px !important;
  }

  .footer-trust-badge-icon {
    font-size: 20px !important;
    color: #CAA05C !important;
  }

  .footer-trust-badge-label {
    font-family: 'Cal Sans', sans-serif !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    color: #FFFFFF !important;
    line-height: 1.2 !important;
  }
}

/* ============================================================
   UNIVERSAL DESKTOP NAVBAR (MATCHING SERVICES PAGE STYLE)
   ============================================================ */
.header-absolute {
  width: 100% !important;
  z-index: 99999 !important;
  background: transparent !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  border-bottom: none !important;
  box-shadow: none !important;
  transition: all 0.35s ease !important;
}

#masthead.is-scrolled .header-absolute,
.header-absolute.is-scrolled {
  background: #ffffff !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  border-bottom: 1px solid rgba(0, 0, 0, 0.08) !important;
  box-shadow: 0 6px 25px rgba(0, 0, 0, 0.12) !important;
}

.main-navigation .menu {
  display: flex !important;
  align-items: center !important;
  list-style: none !important;
  margin: 0 !important;
  padding: 0 0 0 50px !important;
  gap: 32px !important;
  flex-wrap: nowrap !important;
}

.main-navigation .menu > li {
  white-space: nowrap !important;
  margin: 0 !important;
  padding: 0 !important;
}

.main-navigation .menu > li > a,
.main-navigation .menu > li > a .menu-title,
.main-navigation .menu > li > a span {
  font-family: 'Golos Text', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif !important;
  font-size: 16px !important;
  font-weight: 500 !important;
  color: #ffffff !important;
  text-shadow: 0 2px 8px rgba(0, 0, 0, 0.7) !important;
  text-decoration: none !important;
  display: inline-flex !important;
  align-items: center !important;
  padding: 6px 0 !important;
  transition: color 0.3s ease !important;
  position: relative !important;
  white-space: nowrap !important;
}

.main-navigation .menu > li > a:hover,
.main-navigation .menu > li > a:hover .menu-title,
.main-navigation .menu > li > a:hover span,
.main-navigation .menu > li.current-menu-item > a,
.main-navigation .menu > li.current-menu-item > a .menu-title,
.main-navigation .menu > li.current-menu-item > a span {
  color: #caa05c !important;
}

/* Header Phone Icon Box */
.elementor-element-65ff6f95 .elementor-icon-box-icon a.elementor-icon {
  background: rgba(255, 255, 255, 0.22) !important;
  backdrop-filter: blur(10px) !important;
  -webkit-backdrop-filter: blur(10px) !important;
  border: 1.5px solid rgba(255, 255, 255, 0.45) !important;
  color: #ffffff !important;
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.08) !important;
  transition: all 0.3s ease !important;
}

.elementor-element-65ff6f95 .elementor-icon-box-icon a.elementor-icon i {
  color: #ffffff !important;
}

.elementor-element-65ff6f95 .elementor-icon-box-title,
.elementor-element-65ff6f95 .elementor-icon-box-title a {
  color: #ffffff !important;
  text-shadow: 0 2px 6px rgba(0, 0, 0, 0.6) !important;
}

.elementor-element-65ff6f95 .elementor-icon-box-description {
  color: #ffffff !important;
  font-weight: 700 !important;
  text-shadow: 0 2px 6px rgba(0, 0, 0, 0.6) !important;
}

/* Header Submit a Form Button - Fog Glass Background */
.elementor-element-e27b232 .elementor-button {
  background: rgba(255, 255, 255, 0.24) !important;
  backdrop-filter: blur(14px) !important;
  -webkit-backdrop-filter: blur(14px) !important;
  border: 1.5px solid rgba(255, 255, 255, 0.45) !important;
  color: #ffffff !important;
  font-weight: 700 !important;
  border-radius: 40px !important;
  box-shadow: 0 4px 18px rgba(0, 0, 0, 0.08) !important;
  transition: all 0.35s ease !important;
}

.elementor-element-e27b232 .elementor-button:hover {
  background: rgba(202, 160, 92, 0.95) !important;
  border-color: #caa05c !important;
  color: #ffffff !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 6px 20px rgba(202, 160, 92, 0.4) !important;
}

/* Scrolled Header Links & Buttons */
#masthead.is-scrolled .main-navigation .menu > li > a,
#masthead.is-scrolled .main-navigation .menu > li > a .menu-title,
#masthead.is-scrolled .main-navigation .menu > li > a span,
.header-absolute.is-scrolled .main-navigation .menu > li > a,
.header-absolute.is-scrolled .main-navigation .menu > li > a .menu-title,
.header-absolute.is-scrolled .main-navigation .menu > li > a span {
  color: #1a1a1a !important;
  text-shadow: none !important;
}

#masthead.is-scrolled .main-navigation .menu > li > a:hover,
#masthead.is-scrolled .main-navigation .menu > li > a:hover .menu-title,
#masthead.is-scrolled .main-navigation .menu > li > a:hover span,
#masthead.is-scrolled .main-navigation .menu > li.current-menu-item > a,
#masthead.is-scrolled .main-navigation .menu > li.current-menu-item > a .menu-title,
#masthead.is-scrolled .main-navigation .menu > li.current-menu-item > a span,
.header-absolute.is-scrolled .main-navigation .menu > li > a:hover,
.header-absolute.is-scrolled .main-navigation .menu > li > a:hover .menu-title,
.header-absolute.is-scrolled .main-navigation .menu > li > a:hover span,
.header-absolute.is-scrolled .main-navigation .menu > li.current-menu-item > a,
.header-absolute.is-scrolled .main-navigation .menu > li.current-menu-item > a .menu-title,
.header-absolute.is-scrolled .main-navigation .menu > li.current-menu-item > a span {
  color: #caa05c !important;
  font-weight: 700 !important;
}

#masthead.is-scrolled .elementor-element-65ff6f95 .elementor-icon-box-icon a.elementor-icon,
.header-absolute.is-scrolled .elementor-element-65ff6f95 .elementor-icon-box-icon a.elementor-icon {
  background: rgba(202, 160, 92, 0.12) !important;
  border-color: rgba(202, 160, 92, 0.4) !important;
  color: #caa05c !important;
}

#masthead.is-scrolled .elementor-element-65ff6f95 .elementor-icon-box-icon a.elementor-icon i,
.header-absolute.is-scrolled .elementor-element-65ff6f95 .elementor-icon-box-icon a.elementor-icon i {
  color: #caa05c !important;
}

#masthead.is-scrolled .elementor-element-65ff6f95 .elementor-icon-box-title,
#masthead.is-scrolled .elementor-element-65ff6f95 .elementor-icon-box-title a,
.header-absolute.is-scrolled .elementor-element-65ff6f95 .elementor-icon-box-title,
.header-absolute.is-scrolled .elementor-element-65ff6f95 .elementor-icon-box-title a {
  color: #1a1a1a !important;
  text-shadow: none !important;
}

#masthead.is-scrolled .elementor-element-65ff6f95 .elementor-icon-box-description,
.header-absolute.is-scrolled .elementor-element-65ff6f95 .elementor-icon-box-description {
  color: #caa05c !important;
  font-weight: 700 !important;
  text-shadow: none !important;
}

#masthead.is-scrolled .elementor-element-e27b232 .elementor-button,
.header-absolute.is-scrolled .elementor-element-e27b232 .elementor-button {
  background: linear-gradient(135deg, #caa05c 0%, #a27533 100%) !important;
  color: #ffffff !important;
  border-color: transparent !important;
  box-shadow: 0 4px 15px rgba(202, 160, 92, 0.35) !important;
}

/* ==========================================================================
   UNIVERSAL DUAL-MODE FOOTER SYSTEM (SYSTEM VIEW & MOBILE VIEW MATCHING EXACT DESIGN)
   ========================================================================== */
footer.custom-kar-footer,
#colophon.custom-kar-footer,
.custom-kar-footer {
  width: 100% !important;
  position: relative !important;
  margin: 0 !important;
  padding: 0 !important;
  box-sizing: border-box !important;
  z-index: 99 !important;
  clear: both !important;
  background-color: #04101e !important;
  display: block !important;
}

footer.custom-kar-footer *,
#colophon.custom-kar-footer *,
.custom-kar-footer * {
  box-sizing: border-box !important;
}

/* ==========================================
   1. DESKTOP / SYSTEM VIEW FOOTER (min-width: 992px)
   ========================================== */
.custom-kar-footer .ckf-desktop-layout {
  display: block !important;
  background-color: #0c1017 !important;
  background-image: linear-gradient(rgba(14, 18, 26, 0.60), rgba(10, 14, 20, 0.75)), url('../assets/images/foter-bg.jpg') !important;
  background-size: cover !important;
  background-position: center center !important;
  background-repeat: no-repeat !important;
  color: #ffffff !important;
  font-family: 'Golos Text', sans-serif !important;
  padding: 85px 0 0 0 !important;
  position: relative !important;
  width: 100% !important;
}

.custom-kar-footer .ckf-desktop-container {
  max-width: 1240px !important;
  margin: 0 auto !important;
  padding: 0 30px !important;
  width: 100% !important;
}

.custom-kar-footer .ckf-d-grid {
  display: grid !important;
  grid-template-columns: 1.4fr 0.9fr 1fr 1.3fr !important;
  gap: 40px !important;
  align-items: start !important;
  padding-bottom: 55px !important;
  width: 100% !important;
}

.custom-kar-footer .ckf-d-col {
  display: flex !important;
  flex-direction: column !important;
}

/* Desktop Column 1: Brand & Address */
.custom-kar-footer .ckf-d-logo-badge {
  background: #ffffff !important;
  padding: 12px 22px !important;
  border-radius: 12px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: fit-content !important;
  margin-bottom: 22px !important;
  box-shadow: 0 6px 20px rgba(0, 0, 0, 0.35) !important;
}

.custom-kar-footer .ckf-d-logo-badge img {
  width: 175px !important;
  max-width: 175px !important;
  height: auto !important;
  display: block !important;
}

.custom-kar-footer .ckf-d-tagline {
  font-family: 'Cal Sans', sans-serif !important;
  font-size: 16.5px !important;
  font-weight: 600 !important;
  color: #ffffff !important;
  line-height: 1.48 !important;
  margin: 0 0 16px 0 !important;
  letter-spacing: 0.2px !important;
  max-width: 320px !important;
}

.custom-kar-footer .ckf-d-address {
  font-size: 14px !important;
  color: #cbd5e1 !important;
  line-height: 1.65 !important;
  margin: 0 !important;
  max-width: 310px !important;
}

/* Desktop Column 2 & 3: Navigation Links */
.custom-kar-footer .ckf-d-nav-list {
  list-style: none !important;
  padding: 0 !important;
  margin: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 13px !important;
}

.custom-kar-footer .ckf-d-nav-list li {
  margin: 0 !important;
  padding: 0 !important;
}

.custom-kar-footer .ckf-d-nav-list li a {
  font-size: 15px !important;
  font-weight: 500 !important;
  color: #ffffff !important;
  text-decoration: none !important;
  transition: color 0.25s ease, transform 0.2s ease !important;
  display: inline-block !important;
}

.custom-kar-footer .ckf-d-nav-list li a:hover {
  color: #caa05c !important;
  transform: translateX(4px) !important;
}

/* Desktop Column 4: Phone, Email & Socials */
.custom-kar-footer .ckf-d-phone {
  font-family: 'Cal Sans', sans-serif !important;
  font-size: 28px !important;
  font-weight: 700 !important;
  color: #dca658 !important;
  text-decoration: none !important;
  display: block !important;
  margin-bottom: 14px !important;
  letter-spacing: 0.5px !important;
  transition: color 0.25s ease !important;
}

.custom-kar-footer .ckf-d-phone:hover {
  color: #f3c27e !important;
}

.custom-kar-footer .ckf-d-email {
  font-family: 'Cal Sans', sans-serif !important;
  font-size: 22px !important;
  font-weight: 600 !important;
  color: #ffffff !important;
  text-decoration: none !important;
  display: block !important;
  margin-bottom: 22px !important;
  word-break: break-word !important;
  transition: color 0.25s ease !important;
}

.custom-kar-footer .ckf-d-email:hover {
  color: #caa05c !important;
}

.custom-kar-footer .ckf-d-social-links {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  flex-wrap: wrap !important;
}

.custom-kar-footer .ckf-d-social-links a {
  color: #e2e8f0 !important;
  font-size: 14.5px !important;
  font-weight: 500 !important;
  text-decoration: none !important;
  transition: color 0.2s ease !important;
}

.custom-kar-footer .ckf-d-social-links a:hover {
  color: #caa05c !important;
}

.custom-kar-footer .ckf-d-dot {
  color: #64748b !important;
  font-size: 14px !important;
}

/* Desktop Bottom Bar */
.custom-kar-footer .ckf-d-bottom {
  background: #000000 !important;
  width: 100% !important;
  padding: 22px 0 !important;
  text-align: center !important;
  border-top: 1px solid rgba(255, 255, 255, 0.08) !important;
}

.custom-kar-footer .ckf-d-bottom p {
  color: #94a3b8 !important;
  font-size: 13.5px !important;
  margin: 0 !important;
}

/* ==========================================
   2. MOBILE VIEW FOOTER (max-width: 991px)
   ========================================== */
.custom-kar-footer .ckf-mobile-layout {
  display: none !important;
  background-color: #04101e !important;
  background-image: radial-gradient(circle at top right, rgba(0, 139, 177, 0.15), transparent 60%), radial-gradient(circle at bottom left, rgba(2, 58, 102, 0.2), transparent 60%) !important;
  color: #ffffff !important;
  font-family: 'Golos Text', -apple-system, BlinkMacSystemFont, sans-serif !important;
  padding: 35px 16px 25px 16px !important;
  width: 100% !important;
  box-sizing: border-box !important;
}

.custom-kar-footer .ckf-m-container {
  max-width: 480px !important;
  width: 100% !important;
  margin: 0 auto !important;
  box-sizing: border-box !important;
}

/* Mobile Brand Box */
.custom-kar-footer .ckf-m-brand-box {
  text-align: center !important;
  margin-bottom: 25px !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
}

.custom-kar-footer .ckf-m-logo-badge {
  background: #ffffff !important;
  padding: 10px 20px !important;
  border-radius: 12px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  margin-bottom: 16px !important;
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.3) !important;
  width: auto !important;
  max-width: 220px !important;
}

.custom-kar-footer .ckf-m-logo-badge img {
  width: 170px !important;
  max-width: 170px !important;
  height: auto !important;
  display: block !important;
  margin: 0 auto !important;
}

.custom-kar-footer .ckf-m-brand-desc {
  font-size: 13.5px !important;
  color: #cbd5e1 !important;
  line-height: 1.55 !important;
  margin: 0 auto 20px auto !important;
  max-width: 90% !important;
  text-align: center !important;
}

/* Mobile Social Icons */
.custom-kar-footer .ckf-m-socials {
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  gap: 12px !important;
  margin: 0 auto 10px auto !important;
}

.custom-kar-footer .ckf-m-social {
  width: 42px !important;
  height: 42px !important;
  min-width: 42px !important;
  max-width: 42px !important;
  min-height: 42px !important;
  max-height: 42px !important;
  border-radius: 50% !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  color: #ffffff !important;
  text-decoration: none !important;
  transition: transform 0.25s ease !important;
  padding: 0 !important;
  box-sizing: border-box !important;
}

.custom-kar-footer .ckf-m-social:hover {
  transform: scale(1.1) !important;
}

.custom-kar-footer .ckf-m-social svg {
  width: 18px !important;
  height: 18px !important;
  min-width: 18px !important;
  max-width: 18px !important;
  min-height: 18px !important;
  max-height: 18px !important;
  fill: #ffffff !important;
  color: #ffffff !important;
  display: block !important;
  margin: 0 auto !important;
}

.custom-kar-footer .ckf-m-fb {
  background-color: #3b5998 !important;
}

.custom-kar-footer .ckf-m-ig {
  background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285aeb 90%) !important;
}

.custom-kar-footer .ckf-m-yt {
  background-color: #ff0000 !important;
}

.custom-kar-footer .ckf-m-pi {
  background-color: #cb2027 !important;
}

/* Mobile Accordions */
.custom-kar-footer .ckf-m-accordion {
  border-top: 1px solid rgba(255, 255, 255, 0.1) !important;
  margin: 25px 0 28px 0 !important;
  width: 100% !important;
}

.custom-kar-footer .ckf-m-acc-item {
  border-bottom: 1px solid rgba(255, 255, 255, 0.1) !important;
  width: 100% !important;
}

.custom-kar-footer .ckf-m-acc-header {
  width: 100% !important;
  background: transparent !important;
  border: none !important;
  padding: 16px 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  cursor: pointer !important;
  color: #ffffff !important;
  font-family: 'Cal Sans', sans-serif !important;
  font-size: 15.5px !important;
  font-weight: 600 !important;
  text-align: left !important;
  outline: none !important;
}

.custom-kar-footer .ckf-m-acc-title {
  display: flex !important;
  align-items: center !important;
  gap: 14px !important;
  color: #ffffff !important;
}

.custom-kar-footer .ckf-m-acc-icon {
  width: 20px !important;
  height: 20px !important;
  min-width: 20px !important;
  max-width: 20px !important;
  min-height: 20px !important;
  max-height: 20px !important;
  stroke: #ffffff !important;
  fill: none !important;
  stroke-width: 2 !important;
  stroke-linecap: round !important;
  stroke-linejoin: round !important;
  flex-shrink: 0 !important;
  display: block !important;
}

.custom-kar-footer .ckf-m-chevron {
  width: 18px !important;
  height: 18px !important;
  min-width: 18px !important;
  max-width: 18px !important;
  min-height: 18px !important;
  max-height: 18px !important;
  stroke: #94a3b8 !important;
  fill: none !important;
  stroke-width: 2.5 !important;
  stroke-linecap: round !important;
  stroke-linejoin: round !important;
  transition: transform 0.3s ease !important;
  flex-shrink: 0 !important;
  display: block !important;
}

.custom-kar-footer .ckf-m-acc-item.active .ckf-m-chevron {
  transform: rotate(180deg) !important;
  stroke: #ffc107 !important;
}

.custom-kar-footer .ckf-m-acc-content {
  display: none !important;
  padding: 0 0 16px 34px !important;
  flex-direction: column !important;
  gap: 10px !important;
}

.custom-kar-footer .ckf-m-acc-item.active .ckf-m-acc-content {
  display: flex !important;
}

.custom-kar-footer .ckf-m-acc-content a {
  color: #cbd5e1 !important;
  text-decoration: none !important;
  font-size: 14px !important;
  transition: color 0.2s ease !important;
  display: block !important;
}

.custom-kar-footer .ckf-m-acc-content a:hover {
  color: #ffc107 !important;
}

/* Mobile Contact Box Cards */
.custom-kar-footer .ckf-m-contact-card {
  background: #0d1b2a !important;
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
  border-radius: 16px !important;
  padding: 22px 18px !important;
  margin-bottom: 22px !important;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3) !important;
  width: 100% !important;
}

.custom-kar-footer .ckf-m-c-item {
  display: flex !important;
  align-items: flex-start !important;
  gap: 14px !important;
  text-decoration: none !important;
  padding-bottom: 16px !important;
  margin-bottom: 16px !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.06) !important;
}

.custom-kar-footer .ckf-m-c-item:last-child {
  padding-bottom: 0 !important;
  margin-bottom: 0 !important;
  border-bottom: none !important;
}

.custom-kar-footer .ckf-m-c-icon {
  width: 40px !important;
  height: 40px !important;
  min-width: 40px !important;
  max-width: 40px !important;
  min-height: 40px !important;
  max-height: 40px !important;
  border-radius: 50% !important;
  background: #ffc107 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  color: #04101e !important;
  flex-shrink: 0 !important;
  padding: 0 !important;
}

.custom-kar-footer .ckf-m-c-icon svg {
  width: 18px !important;
  height: 18px !important;
  min-width: 18px !important;
  max-width: 18px !important;
  min-height: 18px !important;
  max-height: 18px !important;
  fill: #04101e !important;
  color: #04101e !important;
  stroke: none !important;
  display: block !important;
  margin: 0 auto !important;
}

.custom-kar-footer .ckf-m-c-text {
  flex: 1 !important;
}

.custom-kar-footer .ckf-m-c-title {
  font-size: 14.5px !important;
  font-weight: 700 !important;
  color: #ffffff !important;
  margin: 0 0 3px 0 !important;
  line-height: 1.35 !important;
}

.custom-kar-footer .ckf-m-c-sub {
  font-size: 12px !important;
  color: #94a3b8 !important;
  margin: 0 !important;
}

/* Mobile Newsletter Box */
.custom-kar-footer .ckf-m-newsletter {
  background: #0d1b2a !important;
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
  border-radius: 16px !important;
  padding: 20px 16px !important;
  margin-bottom: 24px !important;
  width: 100% !important;
}

.custom-kar-footer .ckf-m-n-header {
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
  margin-bottom: 14px !important;
}

.custom-kar-footer .ckf-m-n-icon {
  width: 40px !important;
  height: 40px !important;
  min-width: 40px !important;
  max-width: 40px !important;
  min-height: 40px !important;
  max-height: 40px !important;
  border-radius: 50% !important;
  background: #ffc107 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  color: #04101e !important;
  flex-shrink: 0 !important;
  padding: 0 !important;
}

.custom-kar-footer .ckf-m-n-icon svg {
  width: 18px !important;
  height: 18px !important;
  min-width: 18px !important;
  max-width: 18px !important;
  min-height: 18px !important;
  max-height: 18px !important;
  fill: #04101e !important;
  color: #04101e !important;
  stroke: none !important;
  display: block !important;
  margin: 0 auto !important;
}

.custom-kar-footer .ckf-m-n-text h4 {
  font-family: 'Cal Sans', sans-serif !important;
  font-size: 15px !important;
  font-weight: 700 !important;
  color: #ffffff !important;
  margin: 0 0 2px 0 !important;
}

.custom-kar-footer .ckf-m-n-text p {
  font-size: 12px !important;
  color: #94a3b8 !important;
  margin: 0 !important;
}

.custom-kar-footer .ckf-m-n-form {
  display: flex !important;
  background: #04101e !important;
  border: 1px solid rgba(255, 255, 255, 0.12) !important;
  border-radius: 10px !important;
  padding: 4px !important;
  width: 100% !important;
}

.custom-kar-footer .ckf-m-n-form input {
  flex: 1 !important;
  background: transparent !important;
  border: none !important;
  padding: 10px 12px !important;
  color: #ffffff !important;
  outline: none !important;
  font-size: 13.5px !important;
}

.custom-kar-footer .ckf-m-n-form button {
  background: #ffc107 !important;
  border: none !important;
  border-radius: 8px !important;
  width: 44px !important;
  height: 38px !important;
  min-width: 44px !important;
  max-width: 44px !important;
  color: #04101e !important;
  cursor: pointer !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 0 !important;
}

.custom-kar-footer .ckf-m-n-form button svg {
  width: 16px !important;
  height: 16px !important;
  min-width: 16px !important;
  max-width: 16px !important;
  min-height: 16px !important;
  max-height: 16px !important;
  fill: #04101e !important;
  color: #04101e !important;
  stroke: none !important;
  display: block !important;
  margin: 0 auto !important;
}

/* Mobile Features Row */
.custom-kar-footer .ckf-m-features {
  display: flex !important;
  justify-content: space-between !important;
  align-items: flex-start !important;
  padding: 16px 0 !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.08) !important;
  margin-bottom: 20px !important;
  width: 100% !important;
}

.custom-kar-footer .ckf-m-feature {
  flex: 1 !important;
  text-align: center !important;
  padding: 0 6px !important;
  border-right: 1px solid rgba(255, 255, 255, 0.08) !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
}

.custom-kar-footer .ckf-m-feature:last-child {
  border-right: none !important;
}

.custom-kar-footer .ckf-m-feature svg {
  width: 26px !important;
  height: 26px !important;
  min-width: 26px !important;
  max-width: 26px !important;
  min-height: 26px !important;
  max-height: 26px !important;
  stroke: #ffc107 !important;
  fill: none !important;
  stroke-width: 1.5 !important;
  margin-bottom: 6px !important;
  display: block !important;
}

.custom-kar-footer .ckf-m-feature span {
  display: block !important;
  font-family: 'Cal Sans', sans-serif !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  color: #ffffff !important;
  line-height: 1.25 !important;
}

/* Mobile Bottom Bar */
.custom-kar-footer .ckf-m-bottom {
  text-align: center !important;
  padding-bottom: 8px !important;
  width: 100% !important;
}

.custom-kar-footer .ckf-m-bottom p {
  color: #94a3b8 !important;
  font-size: 12.5px !important;
  margin: 0 0 10px 0 !important;
}

.custom-kar-footer .ckf-m-links {
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  gap: 10px !important;
  font-size: 12px !important;
}

.custom-kar-footer .ckf-m-links a {
  color: #94a3b8 !important;
  text-decoration: none !important;
}

.custom-kar-footer .ckf-m-links a:hover {
  color: #ffc107 !important;
}

.custom-kar-footer .ckf-m-sep {
  color: #475569 !important;
}

/* Media Query Visibility Toggles */
@media (max-width: 991px) {
  .custom-kar-footer .ckf-desktop-layout {
    display: none !important;
  }
  .custom-kar-footer .ckf-mobile-layout {
    display: block !important;
  }
}

@media (min-width: 992px) {
  .custom-kar-footer .ckf-desktop-layout {
    display: block !important;
  }
  .custom-kar-footer .ckf-mobile-layout {
    display: none !important;
  }
}




/* Hide Mobile Footer Newsletter */
.ckf-m-newsletter {
  display: none !important;
}