.ensa-tabs {
position: relative;
background: transparent;
}
.ensa-tabs__inner {
margin: 0 auto;
}
@media screen and (max-width: 767px) {
.ensa-tabs__inner {
width: 100vw;
left: -36px;
padding-left: 36px;
padding-right: 36px;
position: relative;
background-color: rgba(245, 245, 245, 1);
}
.ensa-tabs__nav {
width: calc(100% - 72px);
margin: auto;
padding-left: 36px;
padding-right: 36px;
}
} .ensa-tabs__nav {
position: relative;
display: flex;
align-items: stretch;
gap: 0;
margin: 0;
width: 100%; 
background: transparent; 
} .ensa-tabs__tab {
position: relative;
z-index: 2; 
appearance: none;
border: 0;
cursor: pointer;
background: rgba(245, 245, 245, 0.5);
padding: 34px 70px;
line-height: 1;
text-transform: uppercase;
border-right: 2px solid white;
}
.ensa-tabs__tab.is-active,
.ensa-tabs__tab[aria-selected="true"] {
background: #F5F5F5;
margin-bottom: -1px; 
font-weight: 700;
}
.ensa-tabs__tab:first-child {
border-left: 2px solid white;
}
.ensa-tabs__tab:first-child.is-active, 
.ensa-tabs__tab:first-child[aria-selected="true"] {
border-left: 2px solid transparent;
} .ensa-tabs__panels {
position: relative;
z-index: 1;
padding-bottom: 60px;
} .ensa-tabs__panels::before {
content: "";
position: absolute;
left: 50%;
transform: translateX(-50%);
width: 100vw;
top: 0;
bottom: 0;
background: #F5F5F5;
z-index: -1;
} .ensa-tabs.is-accordion .ensa-tabs__nav {
display: none;
} .ensa-tabs__acc-btn {
width: 100%;
display: flex;
align-items: center;
justify-content: space-between;
appearance: none;
border: 0;
cursor: pointer;
background: rgba(245, 245, 245, 0.5);
padding: 22px 18px;
text-transform: uppercase;
} .ensa-tabs__acc-icon {
width: 12px;
height: 12px;
display: inline-block;
border-right: 2px solid #1A1818;
border-bottom: 2px solid #1A1818;
transform: rotate(45deg);
margin-left: 16px;
}
.ensa-tabs__acc-btn[aria-expanded="true"] .ensa-tabs__acc-icon {
transform: rotate(-135deg);
}
.ensa-tabs.is-accordion .ensa-tabs__panels {
padding-top: 0;
padding-bottom: 0;
} .ensa-tabs.is-accordion .ensa-tabs__panel {
padding-top: 24px;
padding-bottom: 30px;
} @media (max-width: 767px) {
.ensa-tabs {
background: #F5F5F5;
}
.ensa-tabs__acc-btn {
padding: 22px 18px 22px 0;
}
.ensa-tabs__acc-btn {position: relative;}
.ensa-tabs__acc-btn::before {
position: absolute;
content: '';
width: 100vw;
height: 2px;
background: white;
right: 0;
left: 0;
margin-left: calc(50% - 50vw);
top: 0;
bottom: 100%;
}
} .ensa-tabs__nav {
position: relative;
}
.ensa-tabs__nav::before {
content: "";
position: absolute;
top: 0;
bottom: 0;
right: 100%; 
width: 100vw; 
background: #F5F5F5;
z-index: 0;
}
.ensa-tabs__tab {
position: relative;
z-index: 2;
}
.ensa-tabs__nav::after {
z-index: 1;
}