.elementor-3056 .elementor-element.elementor-element-3d6301b{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3056 .elementor-element.elementor-element-3d6301b:not(.elementor-motion-effects-element-type-background), .elementor-3056 .elementor-element.elementor-element-3d6301b > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-3056 .elementor-element.elementor-element-d58316d{background-color:#FFFFFF;}.elementor-3056 .elementor-element.elementor-element-d58316d.ha-has-bg-overlay:hover::before{transition:background 0.3s;}.elementor-3056 .elementor-element.elementor-element-5fc4a10{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3056 .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-3056 .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-3056 .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-3056 .elementor-element.elementor-element-42ce9d8 + .wpr-hidden-header{top:0px;}.elementor-3056 .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-3056 .elementor-element.elementor-element-42ce9d8.e-con{--align-self:flex-start;}.elementor-3056 .elementor-element.elementor-element-b306de6{padding:10px 10px 10px 10px;border-style:solid;border-width:1px 1px 1px 1px;border-color:#D1CFCF;border-radius:20px 20px 20px 20px;}.elementor-3056 .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-3056 .elementor-element.elementor-element-db3d9d1{--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-3056 .elementor-element.elementor-element-3bde7c8{margin:20px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-3056 .elementor-element.elementor-element-3bde7c8 .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-3056 .elementor-element.elementor-element-565f348{font-family:"Roboto", Sans-serif;font-size:16px;font-weight:400;color:#000000;}.elementor-3056 .elementor-element.elementor-element-42d8c67 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:18px;font-weight:500;line-height:30px;}.elementor-3056 .elementor-element.elementor-element-0fd2cf9{font-family:"Roboto", Sans-serif;font-size:16px;font-weight:400;color:#000000;}.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-3056 .elementor-element.elementor-element-6ea8628 img{border-radius:20px 20px 20px 20px;}.elementor-3056 .elementor-element.elementor-element-90734e0{font-family:"Roboto", Sans-serif;font-size:16px;font-weight:400;color:#000000;}.elementor-3056 .elementor-element.elementor-element-e1bf92f{text-align:start;}.elementor-3056 .elementor-element.elementor-element-e1bf92f img{width:100%;border-radius:20px 20px 20px 20px;}.elementor-3056 .elementor-element.elementor-element-1bd5ad1 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:18px;font-weight:500;line-height:30px;}.elementor-3056 .elementor-element.elementor-element-8b82fe4{font-family:"Roboto", Sans-serif;font-size:16px;font-weight:400;color:#000000;}.elementor-3056 .elementor-element.elementor-element-77263d8 img{width:100%;border-radius:20px 20px 20px 20px;}.elementor-3056 .elementor-element.elementor-element-fea8708 img{width:100%;border-radius:20px 20px 20px 20px;}.elementor-3056 .elementor-element.elementor-element-4e0950f .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:18px;font-weight:500;line-height:30px;}.elementor-3056 .elementor-element.elementor-element-cc69d94{font-family:"Roboto", Sans-serif;font-size:16px;font-weight:400;color:#000000;}.elementor-3056 .elementor-element.elementor-element-540a8db img{border-radius:20px 20px 20px 20px;}.elementor-3056 .elementor-element.elementor-element-a0338f8 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:18px;font-weight:500;line-height:30px;}.elementor-3056 .elementor-element.elementor-element-06f7593{font-family:"Roboto", Sans-serif;font-size:16px;font-weight:400;color:#000000;}.elementor-3056 .elementor-element.elementor-element-d7462b2 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:18px;font-weight:500;line-height:30px;}.elementor-3056 .elementor-element.elementor-element-0740906{font-family:"Roboto", Sans-serif;font-size:16px;font-weight:400;color:#000000;}.elementor-3056 .elementor-element.elementor-element-19e57c8{font-family:"Roboto", Sans-serif;font-size:16px;font-weight:400;color:#000000;}.elementor-3056 .elementor-element.elementor-element-69c751d .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:18px;font-weight:500;line-height:30px;}.elementor-3056 .elementor-element.elementor-element-ef256bd{font-family:"Roboto", Sans-serif;font-size:16px;font-weight:400;color:#000000;}.elementor-3056 .elementor-element.elementor-element-b667e6f .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:18px;font-weight:500;line-height:30px;}.elementor-3056 .elementor-element.elementor-element-efb60a3{font-family:"Roboto", Sans-serif;font-size:16px;font-weight:400;color:#000000;}.elementor-3056 .elementor-element.elementor-element-90560ef .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:18px;font-weight:500;line-height:30px;}.elementor-3056 .elementor-element.elementor-element-a473fd8{font-family:"Roboto", Sans-serif;font-size:16px;font-weight:400;color:#000000;}.elementor-3056 .elementor-element.elementor-element-bce8d79{text-align:start;}.elementor-3056 .elementor-element.elementor-element-bce8d79 img{width:100%;border-radius:20px 20px 20px 20px;}.elementor-3056 .elementor-element.elementor-element-f7a2dcf{font-family:"Roboto", Sans-serif;font-size:16px;font-weight:400;color:#000000;}@media(max-width:1024px){.elementor-3056 .elementor-element.elementor-element-42ce9d8{top:0px;bottom:auto;}.elementor-3056 .elementor-element.elementor-element-42ce9d8 + .wpr-hidden-header{top:0px;}.elementor-3056 .elementor-element.elementor-element-42ce9d8 + .wpr-hidden-header-flex{top:0px;}}@media(min-width:768px){.elementor-3056 .elementor-element.elementor-element-3d6301b{--width:94%;}.elementor-3056 .elementor-element.elementor-element-5fc4a10{--width:94%;}.elementor-3056 .elementor-element.elementor-element-b167091{--width:94%;}.elementor-3056 .elementor-element.elementor-element-42ce9d8{--width:30%;}.elementor-3056 .elementor-element.elementor-element-25f6225{--width:130%;}.elementor-3056 .elementor-element.elementor-element-db3d9d1{--width:100%;}}@media(max-width:767px){.elementor-3056 .elementor-element.elementor-element-3d6301b{--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-3056 .elementor-element.elementor-element-d58316d{z-index:0;}.elementor-3056 .elementor-element.elementor-element-42ce9d8{top:0px;bottom:auto;}.elementor-3056 .elementor-element.elementor-element-42ce9d8 + .wpr-hidden-header{top:0px;}.elementor-3056 .elementor-element.elementor-element-42ce9d8 + .wpr-hidden-header-flex{top:0px;}.elementor-3056 .elementor-element.elementor-element-25f6225{--margin-top:0px;--margin-bottom:0px;--margin-left:10px;--margin-right:10px;}.elementor-3056 .elementor-element.elementor-element-db3d9d1{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-3056 .elementor-element.elementor-element-6ea8628 img{border-radius:0px 0px 0px 0px;}.elementor-3056 .elementor-element.elementor-element-e1bf92f img{border-radius:0px 0px 0px 0px;}.elementor-3056 .elementor-element.elementor-element-77263d8 img{border-radius:0px 0px 0px 0px;}.elementor-3056 .elementor-element.elementor-element-fea8708 img{border-radius:0px 0px 0px 0px;}.elementor-3056 .elementor-element.elementor-element-540a8db img{border-radius:0px 0px 0px 0px;}.elementor-3056 .elementor-element.elementor-element-bce8d79 img{border-radius:0px 0px 0px 0px;}}/* Start custom CSS for html, class: .elementor-element-d58316d *//* ========================
   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-4c5b129 */.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-5fc4a10 */.elementor-3056 .elementor-element.elementor-element-5fc4a10 {
  position: sticky;
  top: 0px;
  z-index: 999;
  margin-top: 0
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b167091 *//* Sticky left accordion */
.left-docs-sidebar {
    position: sticky;
    top: 120px; /* adjust according to header height */
    height: fit-content;
}/* 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 */