.asx-tab-nav { padding: 24px 48px 0px 48px; background:#f3f5f9; }
.asx-tab-nav .nav-tabs { border:none; margin-top:24px; }

.tab-button__line { background: #0048ff; border-radius: 0 0 4px 4px; content: ""; display: none; height: 4px; left: 24px; position: absolute; right: 24px; top: 0; }
.asx-tab-nav .nav-tabs .nav-link { position:relative; cursor: pointer; border: none; color: #213051; display: block; font-size: .875rem; font-weight: 700; line-height: 1.5rem; min-width: 88px; padding: 14px 24px 22px; text-align: center; transition: background .325s ease; white-space: nowrap; will-change: background; background:#f3f5f9; }
.asx-tab-nav .nav-tabs .nav-link.active, .asx-tab-nav .nav-tabs .nav-link:hover { border-radius:16px 16px 0 0; border-bottom:0px; background:#FFF;  }
.asx-tab-nav .nav-tabs .nav-link.active .tab-button__line { display:block; }

.tab-button__icon_left { left: -20px; }
.tab-button__icon { bottom: 0; height: 20px; opacity: 0; pointer-events: none; position: absolute; width: 20px; }
.tab-button__icon_right { right: -20px; z-index:999999; }
.asx-tabcontent { padding: 48px 40px; }
.asx-tab-nav .nav-tabs .nav-link.active .tab-button__icon { opacity: 1; }
.site-main .img-side-section { margin-top: 30px; }


.section-gray { background-color: #f1f1f1; padding:40px 0; color:#0C598B !important; }
.section-blue { background-color: #104B75; padding:40px 0; color:white !important;  }
.section-teal { background-color: #0D7D7C; padding:40px 0; color:white !important;  }
.section-lightsoft-blue { background-color: #BFDFF8; padding:40px 0; color:black !important;  }
.section-soft-blue { background-color: #75b4eb; padding:40px 0; color:black !important;  }
.section-light-blue { background-color: #2f85da; padding:40px 0; color:white !important;  }
.section-medium-blue { background-color: #1E6F9E; padding:40px 0; color:white !important;  }
.section-dark-blue { background-color: #1f5593; padding:40px 0; color:white !important;  }

.section-bb-gray { border-bottom: solid 2px #DCDCDC }
.section-tb-gray { border-top: solid 2px #DCDCDC }

.section-blue, .section-blue .primary-text, .section-blue h1, .section-blue h2, .section-blue h3, .section-blue h4, .section-blue h5,
.section-soft-blue, .section-soft-blue .primary-text, .section-soft-blue h1, .section-soft-blue h2, .section-soft-blue h3, .section-soft-blue h4, .section-soft-blue h5,
.section-light-blue, .section-light-blue .primary-text, .section-light-blue h1, .section-light-blue h2, .section-light-blue h3, .section-light-blue h4, .section-light-blue h5,
.section-medium-blue, .section-medium-blue .primary-text, .section-medium-blue h1, .section-medium-blue h2, .section-medium-blue h3, .section-medium-blue h4, .section-medium-blue h5,
.section-teal, .section-teal .primary-text, .section-teal h1, .section-teal h2, .section-teal h3, .section-teal h4, .section-teal h5,
.section-dark-blue, .section-dark-blue .primary-text, .section-dark-blue h1, .section-dark-blue h2, .section-dark-blue h3, .section-dark-blue h4, .section-dark-blue h5  { color:white !important; }
.section-blue .img-side-content .heading span,.section-dark-blue .img-side-content .heading span, .section-medium-blue .img-side-content .heading span, 
.section-light-blue .img-side-content .heading span, .section-teal .img-side-content .heading span { background: white !important; }


.icon, .section-gray .icon, .section-lightsoft-blue .icon, .section-soft-blue .icon  {filter:invert(14%) sepia(96%) saturate(2961%) hue-rotate(189deg) brightness(75%) contrast(60%)}
.section-blue .icon, .section-light-blue .icon, .section-medium-blue .icon, .section-dark-blue .icon, .section-teal .icon-header .icon, .section-teal .icon,
.section-blue .icon-header .icon, .section-light-blue .icon-header .icon, .section-medium-blue .icon-header .icon, .section-dark-blue .icon-header .icon { filter: invert(86%) sepia(96%) saturate(17%) hue-rotate(245deg) brightness(106%) contrast(103%); }