/**
 * Nested Tabs Styling (Folder Tabs matching Figma reference)
 * STRICTLY SCOPED to: .elementor-element.elementor-element-a5fa011 ONLY
 */

.elementor-element.elementor-element-a5fa011 {
  width: 100%;
  position: relative;
  box-sizing: border-box;
}

/* ==========================================================================
   1. COLOR HARMONY: TAB COLOR <-> CONTENT BACKGROUND COLOR
   (Scoped exclusively to .elementor-element-a5fa011)
   ========================================================================== */

/* TAB 1: Khaki / Tan (#C8BCA4) */
.elementor-element.elementor-element-a5fa011 .e-n-tab-title:nth-child(1) {
  background-color: #C8BCA4 !important;
  color: #1A202C !important;
}
.elementor-element.elementor-element-a5fa011 .e-n-tabs-content > .e-con:nth-child(1) {
  background-color: #C8BCA4 !important;
}
.elementor-element.elementor-element-a5fa011 .e-n-tabs-content > .e-con:nth-child(1) .elementor-heading-title,
.elementor-element.elementor-element-a5fa011 .e-n-tabs-content > .e-con:nth-child(1) .elementor-widget-heading:last-child .elementor-heading-title {
  color: #111827 !important;
}
.elementor-element.elementor-element-a5fa011 .e-n-tabs-content > .e-con:nth-child(1) .elementor-widget-text-editor p {
  color: #334155 !important;
}

/* TAB 2: Soft Steel Blue (#A7B5C4) */
.elementor-element.elementor-element-a5fa011 .e-n-tab-title:nth-child(2) {
  background-color: #A7B5C4 !important;
  color: #1A202C !important;
}
.elementor-element.elementor-element-a5fa011 .e-n-tabs-content > .e-con:nth-child(2) {
  background-color: #A7B5C4 !important;
}
.elementor-element.elementor-element-a5fa011 .e-n-tabs-content > .e-con:nth-child(2) .elementor-heading-title,
.elementor-element.elementor-element-a5fa011 .e-n-tabs-content > .e-con:nth-child(2) .elementor-widget-heading:last-child .elementor-heading-title {
  color: #111827 !important;
}
.elementor-element.elementor-element-a5fa011 .e-n-tabs-content > .e-con:nth-child(2) .elementor-widget-text-editor p {
  color: #334155 !important;
}

/* TAB 3: Slate Grey (#54636F) */
.elementor-element.elementor-element-a5fa011 .e-n-tab-title:nth-child(3) {
  background-color: #54636F !important;
  color: #FFFFFF !important;
}
.elementor-element.elementor-element-a5fa011 .e-n-tabs-content > .e-con:nth-child(3) {
  background-color: #54636F !important;
}
.elementor-element.elementor-element-a5fa011 .e-n-tabs-content > .e-con:nth-child(3) .elementor-heading-title,
.elementor-element.elementor-element-a5fa011 .e-n-tabs-content > .e-con:nth-child(3) .elementor-widget-heading:last-child .elementor-heading-title {
  color: #FFFFFF !important;
}
.elementor-element.elementor-element-a5fa011 .e-n-tabs-content > .e-con:nth-child(3) .elementor-widget-text-editor p {
  color: #E2E8F0 !important;
}

/* TAB 4: Royal Blue (#0A5AC7) */
.elementor-element.elementor-element-a5fa011 .e-n-tab-title:nth-child(4) {
  background-color: #0A5AC7 !important;
  color: #FFFFFF !important;
}
.elementor-element.elementor-element-a5fa011 .e-n-tabs-content > .e-con:nth-child(4) {
  background-color: #0A5AC7 !important;
}
.elementor-element.elementor-element-a5fa011 .e-n-tabs-content > .e-con:nth-child(4) .elementor-heading-title,
.elementor-element.elementor-element-a5fa011 .e-n-tabs-content > .e-con:nth-child(4) .elementor-widget-heading:last-child .elementor-heading-title {
  color: #FFFFFF !important;
}
.elementor-element.elementor-element-a5fa011 .e-n-tabs-content > .e-con:nth-child(4) .elementor-widget-text-editor p {
  color: #E2E8F0 !important;
}

/* TAB 5: Deep Navy (#08172E) */
.elementor-element.elementor-element-a5fa011 .e-n-tab-title:nth-child(5) {
  background-color: #08172E !important;
  color: #FFFFFF !important;
}
.elementor-element.elementor-element-a5fa011 .e-n-tabs-content > .e-con:nth-child(5) {
  background-color: #08172E !important;
}
.elementor-element.elementor-element-a5fa011 .e-n-tabs-content > .e-con:nth-child(5) .elementor-heading-title,
.elementor-element.elementor-element-a5fa011 .e-n-tabs-content > .e-con:nth-child(5) .elementor-widget-heading:last-child .elementor-heading-title {
  color: #FFFFFF !important;
}
.elementor-element.elementor-element-a5fa011 .e-n-tabs-content > .e-con:nth-child(5) .elementor-widget-text-editor p {
  color: #CBD5E1 !important;
}

/* ==========================================================================
   2. COMMON CONTENT STYLES
   ========================================================================== */
.elementor-element.elementor-element-a5fa011 .e-n-tabs-content {
  margin: 0 !important;
  padding: 0 !important;
  border: none !important;
  background-color: transparent !important;
  box-shadow: none !important;
}

.elementor-element.elementor-element-a5fa011 .e-n-tabs-content .elementor-heading-title {
  margin: 0 0 20px 0 !important;
}

.elementor-element.elementor-element-a5fa011 .e-n-tabs-content .elementor-widget-text-editor p {
  margin: 0 0 32px 0 !important;
  max-width: 460px !important;
}

.elementor-element.elementor-element-a5fa011 .e-n-tabs-content .elementor-widget-heading:last-child .elementor-heading-title,
.elementor-element.elementor-element-a5fa011 .e-n-tabs-content a {
  text-decoration: underline !important;
  text-underline-offset: 5px !important;
  cursor: pointer !important;
  transition: opacity 0.2s ease, transform 0.2s ease !important;
  display: inline-block !important;
}

.elementor-element.elementor-element-a5fa011 .e-n-tabs-content .elementor-widget-heading:last-child .elementor-heading-title:hover,
.elementor-element.elementor-element-a5fa011 .e-n-tabs-content a:hover {
  opacity: 0.8 !important;
  transform: translateX(3px) !important;
}

.elementor-element.elementor-element-a5fa011 .e-n-tabs-content .elementor-widget-image img {
  width: 100% !important;
  object-fit: cover !important;
  border-radius: 18px !important;
  display: block !important;
  box-shadow: none !important;
}

.elementor-element.elementor-element-a5fa011 .e-n-tab-title:hover {
  filter: brightness(1.08) !important;
}

.elementor-element.elementor-element-a5fa011 .e-n-tab-title[aria-selected="true"] {
  filter: brightness(1.04) !important;
}

/* ==========================================================================
   3. DESKTOP & TABLET LAYOUT (>= 768px): FIGMA FOLDER TABS
   ========================================================================== */
@media (min-width: 768px) {
  .elementor-element.elementor-element-a5fa011 {
    --n-tabs-gap: 0px !important;
  }

  .elementor-element.elementor-element-a5fa011 .e-n-tabs {
    gap: 0px !important;
    row-gap: 0px !important;
  }

  .elementor-element.elementor-element-a5fa011 .e-n-tabs-heading {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    align-items: flex-end !important;
    justify-content: flex-start !important;
    gap: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
    border: none !important;
    background: transparent !important;
    position: relative !important;
    z-index: 2 !important;
  }

  .elementor-element.elementor-element-a5fa011 .e-n-tab-title {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    border: none !important;
    border-radius: 8px 8px 0 0 !important;
    margin: 0 !important;
    margin-bottom: 0 !important;
    position: relative !important;
    bottom: -1px !important; /* Overlap content container seamlessly */
    padding: 9px 20px !important;
    cursor: pointer !important;
    box-shadow: none !important;
    text-decoration: none !important;
    outline: none !important;
    flex: 0 0 auto !important;
  }

  .elementor-element.elementor-element-a5fa011 .e-n-tab-title .e-n-tab-title-text {
    white-space: nowrap !important;
  }

  .elementor-element.elementor-element-a5fa011 .e-n-tab-title[aria-selected="true"] {
    z-index: 3 !important;
  }

  .elementor-element.elementor-element-a5fa011 .e-n-tabs-content > .e-con {
    border-radius: 0 24px 24px 24px !important;
    box-shadow: 0 20px 50px rgba(5, 15, 35, 0.25) !important;
    padding: 44px !important;
    overflow: hidden !important;
    border: none !important;
    margin: 0 !important;
  }

  .elementor-element.elementor-element-a5fa011 .e-n-tabs-content > .e-con.e-active {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 48px !important;
    width: 100% !important;
  }

  .elementor-element.elementor-element-a5fa011 .e-n-tabs-content > .e-con > .e-con:first-child {
    flex: 1 1 45% !important;
    max-width: 520px !important;
    padding: 10px 0 10px 10px !important;
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
  }

  .elementor-element.elementor-element-a5fa011 .e-n-tabs-content > .e-con > .e-con:last-child {
    flex: 1 1 55% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 0 !important;
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
  }

  .elementor-element.elementor-element-a5fa011 .e-n-tabs-content .elementor-widget-image img {
    height: 460px !important;
  }
}

@media (min-width: 768px) and (max-width: 1024px) {
  .elementor-element.elementor-element-a5fa011 .e-n-tabs-content > .e-con {
    padding: 32px !important;
  }
  .elementor-element.elementor-element-a5fa011 .e-n-tabs-content > .e-con.e-active {
    gap: 32px !important;
  }
  .elementor-element.elementor-element-a5fa011 .e-n-tabs-content .elementor-widget-image img {
    height: 380px !important;
  }
}

/* ==========================================================================
   4. MOBILE LAYOUT (< 768px): ELEMENTOR NATIVE ACCORDION
   ========================================================================== */
@media (max-width: 767px) {
  .elementor-element.elementor-element-a5fa011.e-n-tabs-mobile .e-n-tab-title {
    width: 100% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    padding: 14px 18px !important;
    border-radius: 8px !important;
    border: none !important;
    outline: none !important;
    box-shadow: none !important;
    cursor: pointer !important;
    margin: 0 !important;
    margin-top: 8px !important;
  }

  .elementor-element.elementor-element-a5fa011.e-n-tabs-mobile .e-n-tab-title:first-child {
    margin-top: 0 !important;
  }

  .elementor-element.elementor-element-a5fa011.e-n-tabs-mobile .e-n-tab-title[aria-selected="true"] {
    border-radius: 8px 8px 0 0 !important;
    margin-bottom: 0 !important;
  }

  .elementor-element.elementor-element-a5fa011.e-n-tabs-mobile .e-n-tabs-content > .e-con {
    border-radius: 0 0 12px 12px !important;
    padding: 24px 18px !important;
    margin: 0 !important;
    box-shadow: 0 10px 30px rgba(5, 15, 35, 0.15) !important;
    overflow: hidden !important;
    width: 100% !important;
    box-sizing: border-box !important;
  }

  .elementor-element.elementor-element-a5fa011.e-n-tabs-mobile .e-n-tabs-content > .e-con.e-active {
    display: flex !important;
    flex-direction: column !important;
    gap: 24px !important;
    width: 100% !important;
  }

  .elementor-element.elementor-element-a5fa011.e-n-tabs-mobile .e-n-tabs-content > .e-con > .e-con:first-child {
    max-width: 100% !important;
    padding: 0 !important;
  }

  .elementor-element.elementor-element-a5fa011.e-n-tabs-mobile .e-n-tabs-content .elementor-widget-image img {
    height: 240px !important;
  }
}