.elementor-2730 .elementor-element.elementor-element-19fe33d{--display:flex;}.elementor-2730 .elementor-element.elementor-element-b359494{--display:flex;--min-height:500px;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--border-radius:30px 30px 30px 30px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-2730 .elementor-element.elementor-element-b359494:not(.elementor-motion-effects-element-type-background), .elementor-2730 .elementor-element.elementor-element-b359494 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-accent );}.elementor-2730 .elementor-element.elementor-element-b359494.e-con{--align-self:center;}.elementor-2730 .elementor-element.elementor-element-8a8cf87{--display:flex;--justify-content:center;--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--margin-top:0px;--margin-bottom:0px;--margin-left:40px;--margin-right:40px;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-2730 .elementor-element.elementor-element-438212f .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:56px;font-weight:600;color:#FFFFFF;}.elementor-2730 .elementor-element.elementor-element-f8dcb7d .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:32px;font-weight:300;color:#FFFFFF;}.elementor-2730 .elementor-element.elementor-element-43a9a20{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2730 .elementor-element.elementor-element-43a9a20:not(.elementor-motion-effects-element-type-background), .elementor-2730 .elementor-element.elementor-element-43a9a20 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-2730 .elementor-element.elementor-element-7a5c70c{background-color:#FFFFFF;}.elementor-2730 .elementor-element.elementor-element-7a5c70c.ha-has-bg-overlay:hover::before{transition:background 0.3s;}.elementor-2730 .elementor-element.elementor-element-c8bd0f0{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2730 .elementor-element.elementor-element-b167091{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-2730 .elementor-element.elementor-element-b717b57{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-start;}.elementor-2730 .elementor-element.elementor-element-42ce9d8{--display:flex;top:0px;bottom:auto;z-index:0;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;border-style:none;--border-style:none;--border-radius:20px 20px 20px 20px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-2730 .elementor-element.elementor-element-42ce9d8 + .wpr-hidden-header{top:0px;}.elementor-2730 .elementor-element.elementor-element-42ce9d8 + .wpr-hidden-header-flex{top:0px;}.wpr-hidden-header{z-index:0;}.wpr-hidden-header-flex{z-index:0;}.elementor-2730 .elementor-element.elementor-element-42ce9d8.e-con{--align-self:flex-start;}.elementor-2730 .elementor-element.elementor-element-643744f{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:10px 10px 10px 10px;border-style:solid;border-width:1px 1px 1px 1px;border-color:#D1CFCF;border-radius:20px 20px 20px 20px;}.elementor-2730 .elementor-element.elementor-element-25f6225{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:10px;--margin-right:80px;}.elementor-2730 .elementor-element.elementor-element-5d88d80{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:80px;}.elementor-2730 .elementor-element.elementor-element-bd568e5{margin:20px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-2730 .elementor-element.elementor-element-bd568e5 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:34px;font-weight:600;}.elementor-2730 .elementor-element.elementor-element-1d2cf6e .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:18px;font-weight:500;}.elementor-2730 .elementor-element.elementor-element-8253bd8 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:18px;font-weight:500;}@media(max-width:1024px){.elementor-2730 .elementor-element.elementor-element-42ce9d8{top:0px;bottom:auto;}.elementor-2730 .elementor-element.elementor-element-42ce9d8 + .wpr-hidden-header{top:0px;}.elementor-2730 .elementor-element.elementor-element-42ce9d8 + .wpr-hidden-header-flex{top:0px;}}@media(min-width:768px){.elementor-2730 .elementor-element.elementor-element-b359494{--width:90%;}.elementor-2730 .elementor-element.elementor-element-8a8cf87{--width:100%;}.elementor-2730 .elementor-element.elementor-element-43a9a20{--width:94%;}.elementor-2730 .elementor-element.elementor-element-c8bd0f0{--width:94%;}.elementor-2730 .elementor-element.elementor-element-b167091{--width:93%;}.elementor-2730 .elementor-element.elementor-element-42ce9d8{--width:30%;}.elementor-2730 .elementor-element.elementor-element-25f6225{--width:130%;}}@media(max-width:767px){.elementor-2730 .elementor-element.elementor-element-43a9a20{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:10px;--padding-right:10px;--z-index:1;}.elementor-2730 .elementor-element.elementor-element-7a5c70c{z-index:0;}.elementor-2730 .elementor-element.elementor-element-b717b57{--margin-top:0px;--margin-bottom:40px;--margin-left:0px;--margin-right:0px;}.elementor-2730 .elementor-element.elementor-element-42ce9d8{top:0px;bottom:auto;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-2730 .elementor-element.elementor-element-42ce9d8 + .wpr-hidden-header{top:0px;}.elementor-2730 .elementor-element.elementor-element-42ce9d8 + .wpr-hidden-header-flex{top:0px;}.elementor-2730 .elementor-element.elementor-element-25f6225{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-2730 .elementor-element.elementor-element-5d88d80{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:40px;--padding-bottom:40px;--padding-left:10px;--padding-right:10px;}.elementor-2730 .elementor-element.elementor-element-586a4c3{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 40px) 0px;}.elementor-2730 .elementor-element.elementor-element-8253bd8{margin:150px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-2730 .elementor-element.elementor-element-fb4e315{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 80px) 0px;}}/* Start custom CSS for html, class: .elementor-element-7a5c70c *//* ========================
   BASE (DESKTOP)
======================== */
.docs-tabs {
  display: flex;
  width: 94%;
  margin: 0 auto;

  gap: 100px;
  padding: 16px 100px;

  background: #ffffff;
  border-radius: 22px;

  border: 1px solid #e5e7eb;
  box-shadow: 0 10px 32px rgba(0, 0, 0, 0.1);
}

.docs-tabs .tab {
  font-size: 18px;
  padding: 16px 34px;
  font-weight: 600;
  color: #000;
  text-decoration: none;
  white-space: nowrap;
  transition: color 0.2s ease, transform 0.2s ease;
}

/* Active tab */
.docs-tabs .tab.active {
  color: #9ca3af;
  font-weight: 500;
}

/* Hover */
.docs-tabs .tab:hover {
  color: #6b7280;
  transform: translateY(-1px);
}

/* ========================
   TABLET (≤1024px)
======================== */
@media (max-width: 1024px) {
  .docs-tabs {
    width: 96%;
    gap: 20px;
    padding: 14px 32px;
  }

  .docs-tabs .tab {
    font-size: 16px;
    padding: 12px 20px;
  }
}

/* ========================
   MOBILE (≤768px)
======================== */
@media (max-width: 768px) {
  .docs-tabs {
    width: 100%;
    padding: 8px 16px;
    gap: 24px;
    overflow-x: auto;
    overflow-y: hidden;
    white-space: nowrap;
    align-items: center;
    justify-content: left !important;
    position: relative;
    scroll-behavior: smooth;
    z-index: 0px;

    /* swipe hint (fade edges) */
    -webkit-mask-image: linear-gradient(
      to right,
      transparent 0%,
      black 10%,
      black 90%,
      transparent 100%
    );
    mask-image: linear-gradient(
      to right,
      transparent 0%,
      black 10%,
      black 90%,
      transparent 100%
    );
  }

  /* left breathing space so first tab never cuts */
  .docs-tabs::before {
    content: "";
    flex: 0 0 16px;
  }

  /* right breathing space */
  .docs-tabs::after {
    content: "";
    flex: 0 0 16px;
  }

  .docs-tabs .tab {
    padding: 12px 0;
    font-size: 15px;
    line-height: 1.3;
    flex-shrink: 0;
  }
}

/* ========================
   SMALL MOBILE (≤480px)
======================== */
@media (max-width: 480px) {
  .docs-tabs .tab {
    font-size: 13px;
    padding: 8px 0;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-2ce2b75 */.docs-tabs {
  display: flex;
  width: 94%;
  margin: 0 auto;

  gap: 100px;
  padding: 16px 100px;

  background: #ffffff;

  /* EXACT rounded feel */
  border-radius: 22px;

  /* THIS is the key (border + shadow combo) */
  border: 1px solid #e5e7eb;
  box-shadow: 0 10px 32px rgba(0,0,0,0.10);
}


.docs-tabs .tab {
    font-size: 18px;
  padding: 16px 34px;
  font-weight: 600;
  color: #000;
  text-decoration: none;
  white-space: nowrap;
}

/* Active tab (grey) */
.docs-tabs .tab.active {
  background: transparent;   /* ❌ no round box */
  color: #9CA3AF;             /* ✅ grey text only */
  font-weight: 500;
}

/* Light hover effect on tabs */
.docs-tabs .tab {
  transition: color 0.2s ease, transform 0.2s ease;
}

.docs-tabs .tab:hover {
  color: #6B7280;        /* soft grey (lighter than active) */
  transform: translateY(-1px); /* micro lift */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c8bd0f0 */.elementor-2730 .elementor-element.elementor-element-c8bd0f0 {
  position: sticky;
  top: 0px;
  z-index: 999;
  margin-top: 0
}/* End custom CSS */
/* Start custom CSS *//* ===============================
   DOCS TABS – PAGE SETTINGS (FINAL)
================================ */

/* Tabs row */
.docs-tabs {
  display: flex;
  justify-content: center;      /* center tabs */
  align-items: center;
  gap: 28px;

  width: 100%;
  background: #ffffff;

  border-bottom: 1px solid #e5e7ea;

  padding: 12px 0;              /* reduced height */
  margin: 0;                    /* IMPORTANT */
}

/* Individual tab */
.docs-tab {
  padding: 10px 0;              /* reduced height */
  text-decoration: none;
  color: #6b7280;
  font-weight: 500;
  position: relative;
  white-space: nowrap;
}

/* Hover */
.docs-tab:hover {
  color: #111827;
}

/* Underline */
.docs-tab::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -6px;                 /* aligns with border */
  width: 0;
  height: 2px;
  background: #111827;
  transition: width 0.25s ease;
}

/* Active */
.docs-tab.active {
  color: #111827;
  font-weight: 600;
}

.docs-tab.active::after {
  width: 100%;
}/* End custom CSS */