.elementor-2395 .elementor-element.elementor-element-c50c2e0{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2395 .elementor-element.elementor-element-62a03dd{--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-2395 .elementor-element.elementor-element-be261a9{--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;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-2395 .elementor-element.elementor-element-3ac7521{--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;--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-2395 .elementor-element.elementor-element-3ac7521.e-con{--align-self:flex-start;}.elementor-2395 .elementor-element.elementor-element-c03233d{padding:10px 10px 10px 10px;border-style:solid;border-width:1px 1px 1px 1px;border-color:#D1CFCF;border-radius:20px 20px 20px 20px;}.elementor-2395 .elementor-element.elementor-element-7b202f9{--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-2395 .elementor-element.elementor-element-8e161c2{--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-2395 .elementor-element.elementor-element-e369697{margin:20px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-2395 .elementor-element.elementor-element-e369697 .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-2395 .elementor-element.elementor-element-80cc64d{font-family:"Roboto", Sans-serif;font-size:16px;font-weight:400;color:#000000;}.elementor-2395 .elementor-element.elementor-element-e386730 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:18px;font-weight:500;line-height:30px;}.elementor-2395 .elementor-element.elementor-element-b59b171{font-family:"Roboto", Sans-serif;font-size:16px;font-weight:400;color:#000000;}.elementor-2395 .elementor-element.elementor-element-539ccca .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:18px;font-weight:500;line-height:30px;}.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-2395 .elementor-element.elementor-element-e1ad1cb img{border-radius:20px 20px 20px 20px;}.elementor-2395 .elementor-element.elementor-element-16c3d5d{font-family:"Roboto", Sans-serif;font-size:16px;font-weight:400;color:#000000;}.elementor-2395 .elementor-element.elementor-element-16c3d5d a{color:#000000;}.elementor-2395 .elementor-element.elementor-element-a860bcd .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:18px;font-weight:500;line-height:30px;}.elementor-2395 .elementor-element.elementor-element-3baf2c0{font-family:"Roboto", Sans-serif;font-size:16px;font-weight:400;color:#000000;}.elementor-2395 .elementor-element.elementor-element-3baf2c0 a{color:#000000;}.elementor-2395 .elementor-element.elementor-element-2003966 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:18px;font-weight:500;line-height:30px;}.elementor-2395 .elementor-element.elementor-element-bc3caea{font-family:"Roboto", Sans-serif;font-size:16px;font-weight:400;color:#000000;}.elementor-2395 .elementor-element.elementor-element-bc3caea a{color:#000000;}@media(min-width:768px){.elementor-2395 .elementor-element.elementor-element-c50c2e0{--width:94%;}.elementor-2395 .elementor-element.elementor-element-62a03dd{--width:94%;}.elementor-2395 .elementor-element.elementor-element-3ac7521{--width:30%;}.elementor-2395 .elementor-element.elementor-element-7b202f9{--width:70%;}.elementor-2395 .elementor-element.elementor-element-8e161c2{--width:100%;}}/* Start custom CSS for html, class: .elementor-element-80dc9ff */.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-c50c2e0 */.elementor-2395 .elementor-element.elementor-element-c50c2e0 {
  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 */