@media all {

/* Makes adv. tab content area fixed */
  [data-element-type="smartLayoutTabs"] [data-auto="flex-element-widget-wrapper"][data-widget-type="paragraph"] {
    max-height:350px !important;
    overflow-y:auto !important;
  }
/* Creates gap between tab title area and tab content area */
  [data-element-type="smartLayoutTabs"][data-layout-type="tabs"] { gap:50px !important; }

/* Font styles for tab title */
  h4.tab-title {
    margin:0 !important;
    font-family:DudaSansVF !important;
    font-size:16px !important;
    text-transform:uppercase !important;
    font-weight:500 !important;
    font-style:normal !important;
    letter-spacing:1px !important;
  }

[role="tab"][aria-selected="false"]:hover h4.tab-title { color:#000 !important; }

/* Sets tab title "buttons" width to auto */
  [data-layout-type=tabs] [data-content-reference] { width:auto !important; }

/* Styles for tab title container - makes it look like a button */
  [data-content-reference].active-tab-title {
    border:2px solid !important;
    border-radius:50px !important;
    padding:10px 30px 10px 30px !important;
  }

  [data-content-reference]:not(.active-tab-title) {
    border:2px solid;
    border-radius:50px;
    padding:10px 30px 10px 30px !important;
  }

  [data-content-reference]:not(.active-tab-title):hover {
    border:2px solid #f6f5f8 !important;
    border-radius:50px !important;
    background:#f6f5f8 !important;
    padding:10px 30px 10px 30px !important;
  }

/* Creates space between tab titles */
  [data-layout-type=tabs] .tabsControlContainer { gap:20px !important; }

/* Aligns tab title to center */
  [data-element-type="smartLayoutTabs"] [role="tablist"] { align-items:center !important; }

/* Sets tab content container corner radius */
  [data-layout-type=tabs] .tabsControlContainer~.group.active-tab { border-radius:8px !important; }

/* End of Adv. Tab widget customizations */
}

@media (min-width:0px) and (max-width:767px) {

  /* This creates a gap between the tab titles container and the tab content container */
[data-element-type="smartLayoutTabs"][data-layout-type="tabs"] {
    gap: 25px!important;
} 

/* Font size for tab titles */
h4.tab-title {
  font-size: 12px !important;
}

/*This creates a gap between each tab title */
[data-layout-type=tabs] .tabsControlContainer {
    gap: 16px !important;
}
}