/* ==========================================================================
   CorrTreat Solutions - Exact Referral Styles, 4-Image Hero Banner & Full Mobile Header
   Resolves:
   1. 4-Image Banner Slideshow:
      - All 4 core service images active and clearly visible
      - Heavy opacity removed (clear, vivid imagery)
      - Perfectly proportioned height on desktop & mobile
   2. "Who We Are" Section:
      - Fixed missing thumbnail images / broken srcset
   3. Mobile Responsive Header & Nav:
      - 3-bar hamburger toggle next to search
      - Full-screen width mobile menu drawer (100vw, fixed below header)
      - Zero text squishing or narrow strips
      - Services accordion with all 7 uppercase teal items
   ========================================================================== */

/* --------------------------------------------------------------------------
   1. HERO BANNER SECTION (INDEX PAGE) - 4-IMAGE SLIDESHOW, CLEAR & VIVID
   -------------------------------------------------------------------------- */
.elementor-117 .elementor-element.elementor-element-675708ce,
.elementor-element.elementor-element-675708ce {
  position: relative !important;
  background-color: #0b1a2a !important;
  min-height: auto !important;
  height: auto !important;
  padding-top: 45px !important;
  padding-bottom: 45px !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  overflow: hidden !important;
  z-index: 1 !important;
}

/* 4-Image Background Slideshow Layer */
.cts-hero-slideshow {
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  width: 100% !important;
  height: 100% !important;
  z-index: 0 !important;
  overflow: hidden !important;
  pointer-events: none !important;
}

.cts-hero-slide {
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  width: 100% !important;
  height: 100% !important;
  background-size: cover !important;
  background-position: center center !important;
  background-repeat: no-repeat !important;
  opacity: 0 !important;
  transform: scale(1) !important;
  transition: opacity 1.2s ease-in-out, transform 6s ease-out !important;
}

.cts-hero-slide.active {
  opacity: 1 !important;
  transform: scale(1.04) !important;
}

/* Very light overlay: Heavy opacity removed, photos are crisp & clear */
.cts-hero-overlay {
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  width: 100% !important;
  height: 100% !important;
  background: linear-gradient(180deg, rgba(8, 20, 34, 0.22) 0%, rgba(8, 20, 34, 0.32) 100%) !important;
  z-index: 1 !important;
  pointer-events: none !important;
}

/* Banner Content */
.elementor-element-675708ce > .e-con-inner {
  position: relative !important;
  z-index: 2 !important;
  width: 100% !important;
  max-width: 1220px !important;
  margin: 0 auto !important;
  padding: 0 20px !important;
}

.elementor-117 .elementor-element.elementor-element-19004ba0 {
  padding-top: 10px !important;
  padding-bottom: 20px !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  max-width: 820px !important;
  width: 100% !important;
}

/* Hero Headings */
.elementor-element.elementor-element-a0cdf0d .elementor-heading-title {
  color: #ffffff !important;
  font-size: clamp(28px, 3.8vw, 48px) !important;
  font-weight: 700 !important;
  line-height: 1.15 !important;
  letter-spacing: -0.5px !important;
  text-shadow: 0 2px 10px rgba(0, 0, 0, 0.8), 0 4px 20px rgba(0, 0, 0, 0.6) !important;
  margin-bottom: 14px !important;
}

.elementor-element.elementor-element-6118d254 .elementor-heading-title {
  color: #eaf6f5 !important;
  font-size: clamp(15px, 1.8vw, 19px) !important;
  font-weight: 400 !important;
  line-height: 1.4 !important;
  text-shadow: 0 2px 8px rgba(0, 0, 0, 0.7) !important;
  margin-bottom: 22px !important;
}

/* Hero Button */
.elementor-element.elementor-element-a0710f8 .elementor-button {
  background-color: #47b4a9 !important;
  color: #ffffff !important;
  border-radius: 4px !important;
  padding: 13px 30px !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  letter-spacing: 0.5px !important;
  text-transform: uppercase !important;
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.3) !important;
  display: inline-flex !important;
  align-items: center !important;
  transition: all 0.3s ease !important;
}

.elementor-element.elementor-element-a0710f8 .elementor-button:hover {
  background-color: #163e64 !important;
  color: #ffffff !important;
  transform: translateY(-2px) !important;
}

/* Hero Feature Cards Container */
.elementor-117 .elementor-element.elementor-element-1d61b58 {
  display: grid !important;
  grid-template-columns: repeat(4, 1fr) !important;
  gap: 16px !important;
  margin-top: 30px !important;
  padding: 0 !important;
}

.elementor-117 .elementor-element.elementor-element-5c6c0a6 {
  margin-bottom: 0 !important;
  background-color: rgba(14, 30, 48, 0.72) !important;
  backdrop-filter: blur(8px) !important;
  -webkit-backdrop-filter: blur(8px) !important;
  border-top: 2px solid #47b4a9 !important;
  padding: 18px 20px !important;
  transition: all 0.3s ease !important;
}

.elementor-117 .elementor-element.elementor-element-5c6c0a6:hover {
  background-color: rgba(22, 62, 100, 0.92) !important;
  transform: translateY(-4px) !important;
}

/* --------------------------------------------------------------------------
   2. HEADER & NAVIGATION - DESKTOP (IMAGE 1 STYLE)
   -------------------------------------------------------------------------- */
.elementor-location-header,
.elementor-23,
.elementor-element-4c571196,
.elementor-element-34d9f360,
.elementor-element-2a2b47f8,
.elementor-nav-menu--main,
.elementor-nav-menu__container {
  overflow: visible !important;
}

@media (min-width: 1025px) {
  /* Hide mobile drawer on desktop */
  .elementor-menu-toggle,
  nav.elementor-nav-menu--dropdown {
    display: none !important;
  }

  .elementor-nav-menu--main {
    display: block !important;
  }

  .elementor-nav-menu--main .elementor-nav-menu {
    display: flex !important;
    align-items: center !important;
    gap: 28px !important;
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
  }

  .elementor-nav-menu--main .elementor-nav-menu > li {
    position: relative !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  .elementor-nav-menu--main .elementor-item {
    color: #163e64 !important;
    font-weight: 600 !important;
    font-size: 14px !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
    padding: 18px 0 !important;
    display: inline-flex !important;
    align-items: center !important;
    text-decoration: none !important;
    transition: color 0.2s ease !important;
  }

  .elementor-nav-menu--main .elementor-item:hover,
  .elementor-nav-menu--main .elementor-item.elementor-item-active,
  .elementor-nav-menu--main .menu-item-has-children:hover > a,
  .elementor-nav-menu--main .menu-item-has-children.show-dropdown > a {
    color: #47b4a9 !important;
  }

  /* Separate Caret Icon next to SERVICES */
  .cts-dropdown-caret {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    margin-left: 6px !important;
    font-size: 10px !important;
    line-height: 1 !important;
    color: #47b4a9 !important;
    vertical-align: middle !important;
    transition: transform 0.25s ease !important;
  }

  .menu-item-has-children:hover .cts-dropdown-caret,
  .menu-item-has-children.show-dropdown .cts-dropdown-caret {
    transform: rotate(180deg) !important;
  }

  /* Desktop Dropdown Box (Exact Image 1 Style) */
  .elementor-nav-menu--main .sub-menu.elementor-nav-menu--dropdown {
    display: block !important;
    position: absolute !important;
    top: 100% !important;
    left: 0 !important;
    width: 380px !important;
    min-width: 360px !important;
    background: #ffffff !important;
    padding: 0 !important;
    margin: 0 !important;
    list-style: none !important;
    border-radius: 0px !important;
    border: 1px solid #eef2f3 !important;
    border-top: none !important;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1) !important;
    z-index: 999999 !important;
    opacity: 0 !important;
    visibility: hidden !important;
    transform: translateY(6px) !important;
    pointer-events: none !important;
    transition: opacity 0.2s ease, transform 0.2s ease, visibility 0.2s ease !important;
  }

  .elementor-nav-menu--main .menu-item-has-children:hover > .sub-menu.elementor-nav-menu--dropdown,
  .elementor-nav-menu--main .menu-item-has-children.show-dropdown > .sub-menu.elementor-nav-menu--dropdown {
    opacity: 1 !important;
    visibility: visible !important;
    transform: translateY(0) !important;
    pointer-events: auto !important;
  }

  .elementor-nav-menu--main .sub-menu li {
    display: block !important;
    margin: 0 !important;
    padding: 0 !important;
    width: 100% !important;
  }

  .elementor-nav-menu--main .sub-menu li:not(:last-child) {
    border-bottom: 1px solid #f0f4f5 !important;
  }

  .elementor-nav-menu--main .sub-menu li a {
    display: block !important;
    padding: 13px 20px !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    font-family: "Inter", sans-serif !important;
    color: #47b4a9 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
    line-height: 1.4 !important;
    text-decoration: none !important;
    background: transparent !important;
    transition: all 0.2s ease !important;
  }

  .elementor-nav-menu--main .sub-menu li a:hover {
    background-color: #f7fbfb !important;
    color: #163e64 !important;
    padding-left: 24px !important;
  }
}

/* --------------------------------------------------------------------------
   3. MOBILE & TABLET HEADER & NAVIGATION (FIXES NARROW SLIVER BUG)
   -------------------------------------------------------------------------- */
@media (max-width: 1024px) {
  /* Hide desktop menu on mobile */
  .elementor-nav-menu--main {
    display: none !important;
  }

  /* Header Container */
  .elementor-23 .elementor-element.elementor-element-4c571196 {
    min-height: 60px !important;
    padding: 0 16px !important;
    position: relative !important;
  }

  .elementor-23 .elementor-element.elementor-element-4c571196 .e-con-inner {
    display: flex !important;
    flex-direction: row !important;
    justify-content: space-between !important;
    align-items: center !important;
    width: 100% !important;
    height: 60px !important;
    padding: 0 !important;
    margin: 0 !important;
  }

  /* Left: Logo */
  .elementor-23 .elementor-element.elementor-element-612120ef {
    width: auto !important;
    max-width: 60% !important;
    display: flex !important;
    align-items: center !important;
  }

  .elementor-23 .elementor-element.elementor-element-612120ef img {
    max-height: 38px !important;
    width: auto !important;
    object-fit: contain !important;
  }

  /* Right Controls: Hamburger + Search */
  .elementor-23 .elementor-element.elementor-element-4136017b {
    width: auto !important;
    display: flex !important;
    flex-direction: row-reverse !important;
    align-items: center !important;
    gap: 12px !important;
    padding: 0 !important;
    margin: 0 !important;
  }

  .elementor-23 .elementor-element.elementor-element-34d9f360 {
    width: auto !important;
    display: flex !important;
    align-items: center !important;
    padding: 0 !important;
    margin: 0 !important;
  }

  .elementor-23 .elementor-element.elementor-element-2a2b47f8 {
    width: auto !important;
    display: flex !important;
    align-items: center !important;
    padding: 0 !important;
    margin: 0 !important;
  }

  /* Search button */
  .elementor-23 .elementor-element.elementor-element-6e6abbf2 {
    width: auto !important;
    display: flex !important;
    align-items: center !important;
  }

  .elementor-23 .elementor-element.elementor-element-6e6abbf2 .ekit_navsearch-button {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 36px !important;
    height: 36px !important;
    color: #163e64 !important;
    font-size: 19px !important;
  }

  /* Pure CSS Hamburger Toggle Button (≡ -> ✕) */
  .elementor-menu-toggle {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 38px !important;
    height: 38px !important;
    padding: 0 !important;
    margin: 0 !important;
    background: transparent !important;
    border: none !important;
    cursor: pointer !important;
    position: relative !important;
    z-index: 10001 !important;
  }

  .elementor-menu-toggle i,
  .elementor-menu-toggle svg {
    display: none !important;
  }

  .elementor-menu-toggle::before {
    content: "" !important;
    display: block !important;
    width: 22px !important;
    height: 2px !important;
    background-color: #163e64 !important;
    box-shadow: 0 -7px 0 #163e64, 0 7px 0 #163e64 !important;
    border-radius: 1px !important;
    transition: all 0.3s ease !important;
  }

  .elementor-menu-toggle.elementor-active::before {
    box-shadow: none !important;
    transform: rotate(45deg) !important;
  }

  .elementor-menu-toggle.elementor-active::after {
    content: "" !important;
    position: absolute !important;
    width: 22px !important;
    height: 2px !important;
    background-color: #163e64 !important;
    border-radius: 1px !important;
    transform: rotate(-45deg) !important;
    transition: all 0.3s ease !important;
  }

  /* MOBILE DROPDOWN CONTAINER - EXACT ALIGNMENT WITH E-CON-INNER */
  nav.elementor-nav-menu--dropdown.elementor-nav-menu__container {
    display: none !important;
    position: fixed !important;
    top: 60px !important;
    left: 0 !important;
    right: 0 !important;
    width: 100vw !important;
    max-width: 100vw !important;
    background: #ffffff !important;
    box-shadow: 0 15px 35px rgba(0, 0, 0, 0.16) !important;
    border-top: 2px solid #47b4a9 !important;
    z-index: 99999 !important;
    padding: 6px 16px 16px 16px !important;
    box-sizing: border-box !important;
    max-height: calc(100vh - 60px) !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
  }

  nav.elementor-nav-menu--dropdown.elementor-nav-menu__container.elementor-active,
  nav.elementor-nav-menu--dropdown.elementor-nav-menu__container.show-mobile-menu {
    display: block !important;
  }

  /* Mobile Nav Menu Items */
  nav.elementor-nav-menu--dropdown ul.elementor-nav-menu {
    display: flex !important;
    flex-direction: column !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
  }

  nav.elementor-nav-menu--dropdown ul.elementor-nav-menu > li {
    display: block !important;
    width: 100% !important;
    border-bottom: 1px solid #f0f4f5 !important;
    margin: 0 !important;
    padding: 0 !important;
    background: transparent !important;
  }

  /* Clean transparent background for all mobile items (fixes solid teal box glitch) */
  nav.elementor-nav-menu--dropdown a.elementor-item,
  nav.elementor-nav-menu--dropdown a.elementor-sub-item,
  nav.elementor-nav-menu--dropdown .elementor-item,
  nav.elementor-nav-menu--dropdown li a {
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    width: 100% !important;
    padding: 14px 0 !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    color: #163e64 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
    text-decoration: none !important;
    background: transparent !important;
    background-color: transparent !important;
    white-space: nowrap !important;
    box-sizing: border-box !important;
  }

  /* Active & Hover items: Crisp Teal Text with NO solid background */
  nav.elementor-nav-menu--dropdown a.elementor-item:hover,
  nav.elementor-nav-menu--dropdown a.elementor-item.elementor-item-active,
  nav.elementor-nav-menu--dropdown a.elementor-item.highlighted,
  nav.elementor-nav-menu--dropdown li.current-menu-item > a {
    background: transparent !important;
    background-color: transparent !important;
    color: #47b4a9 !important;
  }

  /* Caret on mobile SERVICES link */
  nav.elementor-nav-menu--dropdown .cts-dropdown-caret {
    font-size: 11px !important;
    color: #47b4a9 !important;
    transition: transform 0.25s ease !important;
  }

  nav.elementor-nav-menu--dropdown .menu-item-has-children.show-dropdown .cts-dropdown-caret {
    transform: rotate(180deg) !important;
  }

  /* Mobile Sub-menu Accordion */
  nav.elementor-nav-menu--dropdown .sub-menu {
    display: none !important;
    list-style: none !important;
    margin: 0 !important;
    padding: 4px 0 8px 14px !important;
    background: #fbfdfd !important;
    border-left: 2px solid #47b4a9 !important;
    width: 100% !important;
    box-sizing: border-box !important;
  }

  nav.elementor-nav-menu--dropdown .sub-menu.show-submenu,
  nav.elementor-nav-menu--dropdown .sub-menu.elementor-active {
    display: block !important;
  }

  nav.elementor-nav-menu--dropdown .sub-menu li {
    display: block !important;
    width: 100% !important;
    border-bottom: 1px solid #f2f5f6 !important;
  }

  nav.elementor-nav-menu--dropdown .sub-menu li:last-child {
    border-bottom: none !important;
  }

  nav.elementor-nav-menu--dropdown .sub-menu li a {
    display: block !important;
    padding: 10px 8px !important;
    font-size: 12.5px !important;
    font-weight: 600 !important;
    color: #47b4a9 !important;
    text-transform: uppercase !important;
    text-decoration: none !important;
    line-height: 1.4 !important;
    white-space: normal !important;
  }

  nav.elementor-nav-menu--dropdown .sub-menu li a:hover {
    color: #163e64 !important;
  }

  /* Tablet Hero Adjustments */
  .elementor-117 .elementor-element.elementor-element-675708ce {
    padding-top: 36px !important;
    padding-bottom: 36px !important;
  }

  .elementor-117 .elementor-element.elementor-element-1d61b58 {
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 14px !important;
  }
}

@media (max-width: 767px) {
  /* Mobile Phone Adjustments */
  .elementor-117 .elementor-element.elementor-element-675708ce {
    padding-top: 28px !important;
    padding-bottom: 28px !important;
    background-position: center top !important;
  }

  .elementor-element.elementor-element-a0cdf0d .elementor-heading-title {
    font-size: clamp(23px, 6.2vw, 32px) !important;
    line-height: 1.2 !important;
  }

  .elementor-element.elementor-element-6118d254 .elementor-heading-title {
    font-size: 14.5px !important;
    line-height: 1.4 !important;
  }

  /* Stat cards on mobile: 1 column stack */
  .elementor-117 .elementor-element.elementor-element-1d61b58 {
    grid-template-columns: 1fr !important;
    gap: 12px !important;
    margin-top: 24px !important;
  }

  .elementor-element.elementor-element-a0710f8 {
    width: 100% !important;
  }

  .elementor-element.elementor-element-a0710f8 .elementor-button {
    width: 100% !important;
    justify-content: center !important;
  }
}

/* --------------------------------------------------------------------------
   4. "WHO WE ARE" SECTION - EXACT REFERRAL IMAGE STYLE (IMAGE 1 MATCH)
      - Sharp square corners (no rounded radius)
      - No white borders, no heavy drop shadows
      - Worker image directly overlaps the bottom-right of the factory image
      - Smooth entrance animations (fadeInLeft & fadeInUp)
   -------------------------------------------------------------------------- */
@keyframes ctsFadeInLeft {
  0% {
    opacity: 0;
    transform: translate3d(-40px, 0, 0);
  }
  100% {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}

@keyframes ctsFadeInUp {
  0% {
    opacity: 0;
    transform: translate3d(0, 40px, 0);
  }
  100% {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}

.elementor-117 .elementor-element.elementor-element-149ceabe {
  overflow: visible !important;
}

.elementor-117 .elementor-element.elementor-element-40290de,
.elementor-element.elementor-element-40290de {
  position: relative !important;
  display: block !important;
  overflow: visible !important;
  align-self: flex-start !important;
  margin-top: 1.5em !important;
  margin-bottom: 3.5em !important;
  padding: 0 !important;
}

/* Image 1: Main Factory Photo (Sharp rectangular, fadeInLeft animation) */
.elementor-117 .elementor-element.elementor-element-19dc555,
.elementor-element.elementor-element-19dc555 {
  position: relative !important;
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  padding: 0 35px 0 0 !important;
  margin: 0 !important;
  z-index: 1 !important;
}

.elementor-element-19dc555.cts-animated {
  animation: ctsFadeInLeft 0.85s cubic-bezier(0.25, 1, 0.5, 1) forwards !important;
}

.elementor-117 .elementor-element.elementor-element-19dc555 img,
.elementor-element.elementor-element-19dc555 img {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  width: 100% !important;
  max-width: 100% !important;
  height: 500px !important;
  object-fit: cover !important;
  object-position: center center !important;
  border-radius: 0px !important;
  border: none !important;
  box-shadow: none !important;
}

/* Image 2: Worker Spray Painter Photo - Overlaps bottom-right of factory image (fadeInUp animation) */
.elementor-117 .elementor-element.elementor-element-03bc82f,
.elementor-element.elementor-element-03bc82f {
  position: absolute !important;
  top: 310px !important;
  bottom: auto !important;
  right: 0px !important;
  width: 290px !important;
  max-width: 58% !important;
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  z-index: 5 !important;
  margin: 0 !important;
  padding: 0 !important;
}

.elementor-element-03bc82f.cts-animated {
  animation: ctsFadeInUp 0.85s cubic-bezier(0.25, 1, 0.5, 1) 0.2s both !important;
}
  max-width: 58% !important;
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  z-index: 5 !important;
  margin: 0 !important;
  padding: 0 !important;
}

.elementor-117 .elementor-element.elementor-element-03bc82f img,
.elementor-element.elementor-element-03bc82f img {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  width: 100% !important;
  height: auto !important;
  border-radius: 0px !important;
  border: none !important;
  box-shadow: none !important;
}

/* Tablet adjustments (768px - 1024px) */
@media (max-width: 1024px) and (min-width: 768px) {
  .elementor-117 .elementor-element.elementor-element-40290de {
    margin-top: 25px !important;
    margin-bottom: 30px !important;
    width: 100% !important;
  }
  .elementor-117 .elementor-element.elementor-element-19dc555 {
    padding: 0 30px 0 0 !important;
  }
  .elementor-117 .elementor-element.elementor-element-19dc555 img {
    height: 420px !important;
    border-radius: 0px !important;
    border: none !important;
    box-shadow: none !important;
  }
  .elementor-117 .elementor-element.elementor-element-03bc82f {
    top: 260px !important;
    right: 0px !important;
    width: 240px !important;
  }
  .elementor-117 .elementor-element.elementor-element-03bc82f img {
    border-radius: 0px !important;
    border: none !important;
    box-shadow: none !important;
  }
}

/* Mobile adjustments (<= 767px) */
@media (max-width: 767px) {
  .elementor-117 .elementor-element.elementor-element-40290de {
    margin-top: 20px !important;
    margin-bottom: 30px !important;
    width: 100% !important;
  }
  .elementor-117 .elementor-element.elementor-element-19dc555 {
    padding: 0 20px 0 0 !important;
  }
  .elementor-117 .elementor-element.elementor-element-19dc555 img {
    height: 250px !important;
    width: 100% !important;
    border-radius: 0px !important;
    border: none !important;
    box-shadow: none !important;
  }
  .elementor-117 .elementor-element.elementor-element-03bc82f {
    top: 145px !important;
    right: 0px !important;
    width: 165px !important;
    max-width: 50% !important;
  }
  .elementor-117 .elementor-element.elementor-element-03bc82f img {
    border-radius: 0px !important;
    border: none !important;
    box-shadow: none !important;
  }
}

/* --------------------------------------------------------------------------
   5. GENERAL FIXES & VISIBILITY
   -------------------------------------------------------------------------- */
.elementor-invisible {
  visibility: visible !important;
  opacity: 1 !important;
}

html, body {
  overflow-x: hidden !important;
  width: 100% !important;
}