.tabs { position: relative; z-index: 1; }
.tabs .full-width-div { width: 100%; }
.tab-labels { display: inline-block; width: 20%; vertical-align: top; }
.tab-labels .tab-label { background: url('/wp-content/uploads/2025/11/arrow-blue.png'); background-size: 13px 13px !important; background-repeat: no-repeat !important; background-position: 90% 50%; padding: 30px 20px 30px 0px !important; width: 60%; text-align: left; color: #00365B; border-bottom: 1px solid #00365B; font-weight: 700 !important; margin: 0; transition: all .5s ease-in-out; }
.tab-labels .tab-label.active { background: url('/wp-content/uploads/2025/11/arrow-slate.png'); color: #467B96; background-position: 95% 50%; width: calc(60% - 10px); padding: 30px 20px 30px 10px !important; margin: 0 -10px 0 0 !important; /*#e5e5e6*/ }
.tab-labels .tab-label:hover { background: url('/wp-content/uploads/2025/11/arrow-slate.png'); color: #467B96; background-position: 95% 50%; width: calc(60% - 10px); padding: 30px 20px 30px 10px !important; margin: 0 -10px 0 0 !important; }

.tabs .tabs { display: inline-block; width: 80%; vertical-align: top; }
.tabs .tabs .tab { position: relative; top: 0; left: 0; opacity: 0; max-height: 0; transition: all .5s ease-in-out; }
.tabs .tabs .tab.active { opacity: 1; max-height: 10000px; }
.tabs .tabs .tab-left { display: inline-block; width: 33%; padding: 0 30px 0 0; vertical-align: top; }
.tabs .tabs .tab-left .image { height: 300px; width: 100%; }
.tabs .tabs .tab-left .text { padding: 50px 0 0 0; }
.tabs .tabs .tab-right { display: inline-block; width: calc(67% - 30px); vertical-align: top; }
.tabs .tabs .tab-right .image { height: 300px; width: 100%; }
.tabs .tabs .tab-right .text { padding: 50px 0 0 0; }

@media (max-width: 1375px) {
    .tab-labels { width: 100%; padding: 0 0 20px 0; }
    .tabs .tabs { width: 100%; }
}

@media (max-width: 600px) {
    .tabs .tabs .tab-left { width: 100%; }
    .tabs .tabs .tab-right { width: 100%; }
}