.elementor-8174 .elementor-element.elementor-element-a289e35{--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-8174 .elementor-element.elementor-element-a289e35.e-con{--flex-grow:0;--flex-shrink:0;}.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-8174 .elementor-element.elementor-element-591d057{--display:flex;}.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-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-8174 .elementor-element.elementor-element-5b6082a{font-family:"NotoSans", Sans-serif;font-weight:400;color:#A8A8A8;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + -15px) 0px;}.elementor-8174 .elementor-element.elementor-element-7ef4dcd{--display:flex;}.elementor-8174 .elementor-element.elementor-element-e726fa3{font-family:"NotoSans", Sans-serif;font-weight:400;color:#A8A8A8;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + -15px) 0px;}.elementor-8174 .elementor-element.elementor-element-ac45ff8{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-8174 .elementor-element.elementor-element-7854315{font-family:"NotoSans", Sans-serif;font-weight:400;color:#A8A8A8;margin:20px 0px calc(var(--kit-widget-spacing, 0px) + -15px) 0px;}.elementor-8174 .elementor-element.elementor-element-37e2d58{--display:flex;}.elementor-8174 .elementor-element.elementor-element-27e2eba{font-family:"NotoSans", Sans-serif;font-weight:400;color:#A8A8A8;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + -15px) 0px;}.elementor-8174 .elementor-element.elementor-element-15c90a5{--display:flex;}.elementor-8174 .elementor-element.elementor-element-f0f579f{font-family:"NotoSans", Sans-serif;font-weight:400;color:#A8A8A8;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + -15px) 0px;}.elementor-8174 .elementor-element.elementor-element-dc463d4{--n-tabs-direction:column-reverse;--n-tabs-heading-direction:row;--n-tabs-heading-width:initial;--n-tabs-title-flex-basis:content;--n-tabs-title-flex-shrink:0;--n-tabs-heading-justify-content:center;--n-tabs-title-width:initial;--n-tabs-title-height:initial;--n-tabs-title-align-items:center;--n-tabs-title-flex-grow:0;--n-tabs-heading-wrap:wrap;--n-tabs-heading-overflow-x:initial;--n-tabs-title-white-space:initial;--n-tabs-title-font-size:0px;--n-tabs-icon-size:41px;padding:0px 0px 30px 0px;}.elementor-8174 .elementor-element.elementor-element-dc463d4.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:"NotoSans", Sans-serif;font-weight:500;}@media(max-width:767px){.elementor-8174 .elementor-element.elementor-element-5b6082a{font-size:14px;margin:-10px 0px calc(var(--kit-widget-spacing, 0px) + -20px) 0px;}.elementor-8174 .elementor-element.elementor-element-e726fa3{font-size:14px;margin:-10px 0px calc(var(--kit-widget-spacing, 0px) + -20px) 0px;}.elementor-8174 .elementor-element.elementor-element-7854315{font-size:14px;margin:10px 0px calc(var(--kit-widget-spacing, 0px) + -20px) 0px;}.elementor-8174 .elementor-element.elementor-element-27e2eba{font-size:14px;margin:-10px 0px calc(var(--kit-widget-spacing, 0px) + -20px) 0px;}.elementor-8174 .elementor-element.elementor-element-f0f579f{font-size:14px;margin:-10px 0px calc(var(--kit-widget-spacing, 0px) + -20px) 0px;}.elementor-8174 .elementor-element.elementor-element-dc463d4{--n-tabs-heading-justify-content:center;--n-tabs-title-width:initial;--n-tabs-title-height:initial;--n-tabs-title-align-items:center;--n-tabs-title-flex-grow:0;--n-tabs-icon-size:41px;}}@media(min-width:768px){.elementor-8174 .elementor-element.elementor-element-a289e35{--width:116.94%;}}/* Start custom CSS for container, class: .elementor-element-591d057 *//* Space between the circles */
#orange, #white, #gray, #teal, #black { margin: 0 6px; }

/* Hover grow effect */
#orange:hover, #white:hover, #gray:hover, #teal:hover, #black:hover {
  transform: scale(1.15);
  transition: transform 0.2s ease;
}

/* Highlight the active tab with a ring */
#orange.elementor-active, #white.elementor-active, #gray.elementor-active,
#teal.elementor-active, #black.elementor-active {
  box-shadow: 0 0 0 3px rgba(0,0,0,0.25);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-591d057 *//* Space between the circles */
#orange, #white, #gray, #teal, #black { margin: 0 6px; }

/* Hover grow effect */
#orange:hover, #white:hover, #gray:hover, #teal:hover, #black:hover {
  transform: scale(1.15);
  transition: transform 0.2s ease;
}

/* Highlight the active tab with a ring */
#orange.elementor-active, #white.elementor-active, #gray.elementor-active,
#teal.elementor-active, #black.elementor-active {
  box-shadow: 0 0 0 3px rgba(0,0,0,0.25);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-591d057 *//* Space between the circles */
#orange, #white, #gray, #teal, #black { margin: 0 6px; }

/* Hover grow effect */
#orange:hover, #white:hover, #gray:hover, #teal:hover, #black:hover {
  transform: scale(1.15);
  transition: transform 0.2s ease;
}

/* Highlight the active tab with a ring */
#orange.elementor-active, #white.elementor-active, #gray.elementor-active,
#teal.elementor-active, #black.elementor-active {
  box-shadow: 0 0 0 3px rgba(0,0,0,0.25);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-591d057 *//* Space between the circles */
#orange, #white, #gray, #teal, #black { margin: 0 6px; }

/* Hover grow effect */
#orange:hover, #white:hover, #gray:hover, #teal:hover, #black:hover {
  transform: scale(1.15);
  transition: transform 0.2s ease;
}

/* Highlight the active tab with a ring */
#orange.elementor-active, #white.elementor-active, #gray.elementor-active,
#teal.elementor-active, #black.elementor-active {
  box-shadow: 0 0 0 3px rgba(0,0,0,0.25);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-591d057 *//* Space between the circles */
#orange, #white, #gray, #teal, #black { margin: 0 6px; }

/* Hover grow effect */
#orange:hover, #white:hover, #gray:hover, #teal:hover, #black:hover {
  transform: scale(1.15);
  transition: transform 0.2s ease;
}

/* Highlight the active tab with a ring */
#orange.elementor-active, #white.elementor-active, #gray.elementor-active,
#teal.elementor-active, #black.elementor-active {
  box-shadow: 0 0 0 3px rgba(0,0,0,0.25);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-591d057 *//* Space between the circles */
#orange, #white, #gray, #teal, #black { margin: 0 6px; }

/* Hover grow effect */
#orange:hover, #white:hover, #gray:hover, #teal:hover, #black:hover {
  transform: scale(1.15);
  transition: transform 0.2s ease;
}

/* Highlight the active tab with a ring */
#orange.elementor-active, #white.elementor-active, #gray.elementor-active,
#teal.elementor-active, #black.elementor-active {
  box-shadow: 0 0 0 3px rgba(0,0,0,0.25);
}/* End custom CSS */
/* Start custom CSS for nested-tabs, class: .elementor-element-dc463d4 */#deepal-orange, #deepal-white, #deepal-grey, #deepal-teal, #deepal-black {
  width:25px !important;
  height: 25px !important;
  min-width: 25px !important;
  min-height: 25px !important;
  
  padding: 0 !important;
  border-radius: 50% !important;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  font-size: 0;           /* hides any text so it stays a clean circle */
  cursor: pointer;
}

 .elementor-widget-n-tabs .e-n-tabs-heading {gap: 15px !important;}

/* Colours */
#deepal-orange { background: #7094ac !important; }
#deepal-white  { background: #ffffff !important; border: 1px solid #ddd; }
#deepal-grey   { background: #afb0b4 !important; }
#deepal-teal   { background: #8d99ae !important; }
#deepal-black  { background: #111111 !important; }



@media (max-width: 767px) {

  /* Content on top, circle row at the bottom */
  .elementor-widget-n-tabs .e-n-tabs {
    display: flex !important;
    flex-direction: column-reverse !important;
    --n-tabs-direction: column-reverse !important;
    --n-tabs-heading-direction: row !important;
    --n-tabs-title-flex-basis: auto !important;
    --n-tabs-title-flex-grow: 0 !important;
  }

  /* One horizontal row, centered, never wrapping */
  .elementor-widget-n-tabs .e-n-tabs-heading {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    justify-content: center !important;
    align-items: center !important;
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    gap: 15px !important;
    margin: 10px 0 0 0 !important;
    padding: 0 !important;
    overflow: visible !important;
  }

  /* 20px circles, side by side */
  
  .elementor-widget-n-tabs .e-n-tabs-heading #deepal-orange ,
  .elementor-widget-n-tabs .e-n-tabs-heading #deepal-white,
  .elementor-widget-n-tabs .e-n-tabs-heading #deepal-grey,
  .elementor-widget-n-tabs .e-n-tabs-heading #deepal-teal,
  .elementor-widget-n-tabs .e-n-tabs-heading #deepal-black  {
    display: block !important;
    width: 20px !important;
    height: 20px !important;
    flex: 0 0 15px !important;
    padding: 0 !important;
    margin: 0 !important;
    border-radius: 50% !important;
    box-sizing: border-box !important;
    font-size: 0 !important;
    order: 0 !important;
  }

  .elementor-widget-n-tabs .e-n-tabs-content {
    width: 100% !important;
  }
}/* End custom CSS */