.elementor-5389 .elementor-element.elementor-element-5a71031{--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;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:60px;--padding-bottom:60px;--padding-left:60px;--padding-right:60px;}.elementor-5389 .elementor-element.elementor-element-5a71031:not(.elementor-motion-effects-element-type-background), .elementor-5389 .elementor-element.elementor-element-5a71031 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://otsak.com/wp-content/uploads/2026/02/s-l1600.webp");background-position:top center;}.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-5389 .elementor-element.elementor-element-e968883{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 20px) 0px;text-align:center;}.elementor-5389 .elementor-element.elementor-element-e968883 .elementor-heading-title{font-family:"Alata", Sans-serif;font-size:50px;font-weight:600;color:#FFFFFF;}.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-5389 .elementor-element.elementor-element-a992f88{text-align:center;font-family:"Alata", Sans-serif;font-weight:400;color:#FFFFFF;}.elementor-5389 .elementor-element.elementor-element-43b5390{--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;--padding-top:60px;--padding-bottom:60px;--padding-left:60px;--padding-right:60px;}.elementor-widget-nested-tabs.elementor-widget-n-tabs > .e-n-tabs[data-touch-mode='false'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:var( --e-global-color-accent );}.elementor-widget-nested-tabs.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected="true"], .elementor-widget-nested-tabs.elementor-widget-n-tabs > .e-n-tabs[data-touch-mode='true'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:var( --e-global-color-accent );}.elementor-widget-nested-tabs.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-heading > :is( .e-n-tab-title > .e-n-tab-title-text, .e-n-tab-title ){font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-5389 .elementor-element.elementor-element-100d5a7{--display:flex;}.elementor-5389 .elementor-element.elementor-element-ddb7f92 .elementskit-single-faq .elementskit-faq-title{font-family:"Alata", Sans-serif;}.elementor-5389 .elementor-element.elementor-element-ddb7f92 .elementskit-single-faq .elementskit-faq-header{padding:21px 40px 21px 40px;}.elementor-5389 .elementor-element.elementor-element-ddb7f92 .elementskit-single-faq .elementskit-faq-body{font-family:"Alata", Sans-serif;padding:30px 40px 30px 40px;}.elementor-5389 .elementor-element.elementor-element-181d347{--display:flex;}.elementor-5389 .elementor-element.elementor-element-4f42c1b .elementskit-single-faq .elementskit-faq-title{font-family:"Alata", Sans-serif;}.elementor-5389 .elementor-element.elementor-element-4f42c1b .elementskit-single-faq .elementskit-faq-header{padding:21px 40px 21px 40px;}.elementor-5389 .elementor-element.elementor-element-4f42c1b .elementskit-single-faq .elementskit-faq-body{padding:30px 40px 30px 40px;}.elementor-5389 .elementor-element.elementor-element-44d7721{--display:flex;}.elementor-5389 .elementor-element.elementor-element-58213d3 .elementskit-single-faq .elementskit-faq-title{font-family:"Alata", Sans-serif;}.elementor-5389 .elementor-element.elementor-element-58213d3 .elementskit-single-faq .elementskit-faq-header{padding:21px 40px 21px 40px;}.elementor-5389 .elementor-element.elementor-element-58213d3 .elementskit-single-faq .elementskit-faq-body{padding:30px 40px 30px 40px;}.elementor-5389 .elementor-element.elementor-element-170627d{--display:flex;}.elementor-5389 .elementor-element.elementor-element-8e65756 .elementskit-single-faq .elementskit-faq-title{font-family:"Alata", Sans-serif;}.elementor-5389 .elementor-element.elementor-element-8e65756 .elementskit-single-faq .elementskit-faq-header{padding:21px 40px 21px 40px;}.elementor-5389 .elementor-element.elementor-element-8e65756 .elementskit-single-faq .elementskit-faq-body{padding:30px 40px 30px 40px;}.elementor-5389 .elementor-element.elementor-element-2278126{--display:flex;}.elementor-5389 .elementor-element.elementor-element-65a0d1c .elementskit-single-faq .elementskit-faq-title{font-family:"Alata", Sans-serif;}.elementor-5389 .elementor-element.elementor-element-65a0d1c .elementskit-single-faq .elementskit-faq-header{padding:21px 40px 21px 40px;}.elementor-5389 .elementor-element.elementor-element-65a0d1c .elementskit-single-faq .elementskit-faq-body{padding:30px 40px 30px 40px;}.elementor-5389 .elementor-element.elementor-element-dcea8be{--n-tabs-heading-wrap:wrap;--n-tabs-heading-overflow-x:initial;--n-tabs-title-white-space:initial;padding:0px 0px 0px 0px;--n-tabs-title-gap:0px;--n-tabs-gap:26px;--n-tabs-title-padding-top:12px;--n-tabs-title-padding-right:12px;--n-tabs-title-padding-bottom:12px;--n-tabs-title-padding-left:12px;--n-tabs-title-font-size:14px;--n-tabs-title-color:#FFFFFF;--n-tabs-title-color-active:#000000;}.elementor-5389 .elementor-element.elementor-element-dcea8be > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected='false']:not( :hover ){background:#000000;}.elementor-5389 .elementor-element.elementor-element-dcea8be.elementor-widget-n-tabs > .e-n-tabs[data-touch-mode='false'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:#FFFFFF;}.elementor-5389 .elementor-element.elementor-element-dcea8be.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected="true"], .elementor-5389 .elementor-element.elementor-element-dcea8be.elementor-widget-n-tabs > .e-n-tabs[data-touch-mode='true'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:#FFFFFF;border-style:solid;border-width:2px 2px 2px 2px;border-color:#000000;}.elementor-5389 .elementor-element.elementor-element-dcea8be.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-heading > :is( .e-n-tab-title > .e-n-tab-title-text, .e-n-tab-title ){font-family:"Alata", Sans-serif;font-weight:500;}.elementor-5389 .elementor-element.elementor-element-dcea8be [data-touch-mode="false"] .e-n-tab-title[aria-selected="false"]:hover{--n-tabs-title-color-hover:#000000;}@media(max-width:767px){.elementor-5389 .elementor-element.elementor-element-43b5390{--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}}/* Start custom CSS for text-editor, class: .elementor-element-a992f88 */.elementor-element.elementor-element-a992f88.elementor-widget.elementor-widget-text-editor p {
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for nested-tabs, class: .elementor-element-dcea8be *//* ================================================
   OTSAK FAQ — Pill Tabs + Card FAQ Design
   Matches screenshot: horizontal pills + rounded cards
   ================================================ */


.elementor-widget-n-tabs {
  background: #f0f0f0;
  padding: 32px 24px;
  border-radius: 16px;
}

/* ======== TABS WRAPPER ======== */
.elementor-widget-n-tabs .e-n-tabs {
  display: flex !important;
  flex-direction: column !important;
  gap: 24px !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}

/* ======== HORIZONTAL PILL NAV ======== */
.elementor-widget-n-tabs .e-n-tabs-heading {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  gap: 6px !important;
  background: #e8e8e8 !important;
  border: none !important;
  border-radius: 50px !important;
  padding: 6px 8px !important;
  width: fit-content !important;
  max-width: 100% !important;
}

/* ======== TAB BUTTONS ======== */
.elementor-widget-n-tabs .e-n-tab-title {
  background: transparent !important;
  border: none !important;
  border-radius: 50px !important;
  color: #888888 !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
  padding: 10px 20px !important;
  cursor: pointer;
  transition: all 0.22s ease;
  white-space: nowrap !important;
  line-height: 1 !important;
}

.elementor-widget-n-tabs .e-n-tab-title:hover {
  color: #444444 !important;
  background: rgba(0,0,0,0.06) !important;
}

/* Active pill — solid black */
.elementor-widget-n-tabs .e-n-tab-title[aria-selected="true"],
.elementor-widget-n-tabs .e-n-tab-title.e-active {
  background: #0a0a0a !important;
  color: #ffffff !important;
  border-radius: 50px !important;
  font-weight: 700 !important;
}

/* ======== CONTENT AREA ======== */
.elementor-widget-n-tabs .e-n-tabs-content {
  padding: 0 !important;
  background: transparent !important;
}

/* ======== FAQ ITEM = CARD ======== */
.elementskit-single-faq {
  background: #ffffff !important;
  border: none !important;
  border-radius: 12px !important;
  margin: 0 0 10px 0 !important;
  padding: 0 !important;
  overflow: hidden;
  box-shadow: 0 1px 3px rgba(0,0,0,0.06) !important;
  transition: box-shadow 0.2s ease;
}

.elementskit-single-faq:last-child {
  margin-bottom: 0 !important;
}

.elementskit-single-faq.otsak-open {
  box-shadow: 0 2px 12px rgba(0,0,0,0.09) !important;
}

/* ======== FAQ HEADER ======== */
.elementskit-faq-header {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  padding: 20px 24px !important;
  cursor: pointer !important;
  user-select: none;
  gap: 0;
}

/* No icon at all */
.elementskit-faq-header::after,
.elementskit-faq-header::before {
  display: none !important;
}

/* ======== FAQ TITLE ======== */
.elementskit-faq-title {
  font-size: 14.5px !important;
  font-weight: 700 !important;
  color: #1a1a1a !important;
  line-height: 1.5 !important;
  letter-spacing: -0.1px !important;
  margin: 0 !important;
  pointer-events: none;
}

/* ======== FAQ BODY ======== */


.elementskit-single-faq.otsak-open .elementskit-faq-body {
  max-height: 500px !important;
  padding: 16px 24px 22px 24px !important;
  opacity: 1 !important;
}
.elementor-element.elementor-element-dcea8be.e-n-tabs-mobile.elementor-widget.elementor-widget-n-tabs {
    padding: 50px 100px;
}

/* ======== RESPONSIVE ======== */
@media (max-width: 768px) {
    .elementor-element.elementor-element-dcea8be.e-n-tabs-mobile.elementor-widget.elementor-widget-n-tabs {
    padding: 0px;
}
  .elementor-widget-n-tabs {
    padding: 20px 14px;
  }
  .elementor-widget-n-tabs .e-n-tabs-heading {
    border-radius: 12px !important;
    padding: 6px !important;
    width: 100% !important;
  }
  .elementor-widget-n-tabs .e-n-tab-title {
    font-size: 11px !important;
    padding: 9px 14px !important;
    flex: 1;
    text-align: center !important;
  }
  .elementskit-faq-header {
    padding: 16px 18px !important;
  }
  .elementskit-single-faq.otsak-open .elementskit-faq-body {
    padding: 12px 18px 18px !important;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-43b5390 */.elementor-widget-n-tabs .e-n-tab-title {
  font-family: 'Alata', sans-serif;
}/* End custom CSS */