.elementor-3114 .elementor-element.elementor-element-3a47544{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3114 .elementor-element.elementor-element-3a47544:not(.elementor-motion-effects-element-type-background), .elementor-3114 .elementor-element.elementor-element-3a47544 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-3114 .elementor-element.elementor-element-ad2fa41{background-color:#FFFFFF;}.elementor-3114 .elementor-element.elementor-element-ad2fa41.ha-has-bg-overlay:hover::before{transition:background 0.3s;}.elementor-3114 .elementor-element.elementor-element-6f4b76a{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3114 .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-3114 .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;}.elementor-3114 .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-3114 .elementor-element.elementor-element-42ce9d8 + .wpr-hidden-header{top:0px;}.elementor-3114 .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-3114 .elementor-element.elementor-element-42ce9d8.e-con{--align-self:flex-start;}.elementor-3114 .elementor-element.elementor-element-1a52668{padding:10px 10px 10px 10px;border-style:solid;border-width:1px 1px 1px 1px;border-color:#D1CFCF;border-radius:20px 20px 20px 20px;}.elementor-3114 .elementor-element.elementor-element-25f6225{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:flex-start;--margin-top:0px;--margin-bottom:0px;--margin-left:10px;--margin-right:80px;}.elementor-3114 .elementor-element.elementor-element-f031e84{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:flex-start;--margin-top:0px;--margin-bottom:0px;--margin-left:10px;--margin-right:80px;}.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-3114 .elementor-element.elementor-element-f27a983{margin:20px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-3114 .elementor-element.elementor-element-f27a983 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:34px;font-weight:600;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-3114 .elementor-element.elementor-element-590c743{font-family:"Roboto", Sans-serif;font-size:16px;font-weight:400;color:#000000;}.elementor-3114 .elementor-element.elementor-element-f474631 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:18px;font-weight:500;}.elementor-3114 .elementor-element.elementor-element-4482cbd{font-family:"Roboto", Sans-serif;font-size:16px;font-weight:400;color:#000000;}.elementor-3114 .elementor-element.elementor-element-6445a9b .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:18px;font-weight:500;}.elementor-3114 .elementor-element.elementor-element-13cd67d .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:18px;font-weight:500;line-height:25px;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-3114 .elementor-element.elementor-element-da971c6 img{border-radius:20px 20px 20px 20px;}.elementor-3114 .elementor-element.elementor-element-ce66024 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:18px;font-weight:500;line-height:25px;}.elementor-3114 .elementor-element.elementor-element-c844cc5 img{border-radius:20px 20px 20px 20px;}.elementor-3114 .elementor-element.elementor-element-e74a716 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:18px;font-weight:500;line-height:25px;}.elementor-3114 .elementor-element.elementor-element-f2d68f1{font-family:"Roboto", Sans-serif;font-size:16px;font-weight:400;color:#000000;}@media(max-width:1024px){.elementor-3114 .elementor-element.elementor-element-42ce9d8{top:0px;bottom:auto;}.elementor-3114 .elementor-element.elementor-element-42ce9d8 + .wpr-hidden-header{top:0px;}.elementor-3114 .elementor-element.elementor-element-42ce9d8 + .wpr-hidden-header-flex{top:0px;}}@media(min-width:768px){.elementor-3114 .elementor-element.elementor-element-3a47544{--width:94%;}.elementor-3114 .elementor-element.elementor-element-6f4b76a{--width:94%;}.elementor-3114 .elementor-element.elementor-element-b167091{--width:94%;}.elementor-3114 .elementor-element.elementor-element-42ce9d8{--width:30%;}.elementor-3114 .elementor-element.elementor-element-25f6225{--width:130%;}.elementor-3114 .elementor-element.elementor-element-f031e84{--width:100%;}}@media(max-width:767px){.elementor-3114 .elementor-element.elementor-element-3a47544{--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-3114 .elementor-element.elementor-element-ad2fa41{z-index:0;}.elementor-3114 .elementor-element.elementor-element-42ce9d8{top:0px;bottom:auto;}.elementor-3114 .elementor-element.elementor-element-42ce9d8 + .wpr-hidden-header{top:0px;}.elementor-3114 .elementor-element.elementor-element-42ce9d8 + .wpr-hidden-header-flex{top:0px;}.elementor-3114 .elementor-element.elementor-element-25f6225{--margin-top:0px;--margin-bottom:0px;--margin-left:10px;--margin-right:10px;}.elementor-3114 .elementor-element.elementor-element-f031e84{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-3114 .elementor-element.elementor-element-da971c6 img{border-radius:0px 0px 0px 0px;}.elementor-3114 .elementor-element.elementor-element-c844cc5 img{border-radius:0px 0px 0px 0px;}}/* Start custom CSS for html, class: .elementor-element-ad2fa41 *//* ========================
   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-449c0c8 */.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-6f4b76a */.elementor-3114 .elementor-element.elementor-element-6f4b76a {
  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 */