.wdt-flex-banner-options { display: flex; gap: 20px; }
.wdt-flex-banner-options .wdt-flex-banner-option { flex: 1; height: 300px; background-position: center center; background-size: cover; background-repeat: no-repeat; background-image: var(--optionBackground); transition: flex .8s cubic-bezier(.29,0,.2,1); }
.wdt-flex-banner-options .wdt-flex-banner-option.active { flex: 2; }
.wdt-flex-banner-options .wdt-flex-banner-option .wdt-flex-banner-label { display: flex; align-items: center; justify-content: center; height: 100%; }
.wdt-flex-banner-options .wdt-flex-banner-option .wdt-flex-banner-label .wdt-flex-banner-icon { position: relative; cursor: pointer; z-index: 1; font-size: clamp(1.25rem, 1.0498rem + 1.1043vw, 2.375rem); width: clamp(3.125rem, 1.8269rem + 5.7692vw, 8.75rem); height: clamp(3.125rem, 1.8269rem + 5.7692vw, 8.75rem); display: flex; align-items: center; justify-content: center; border-radius: var(--wdtRadius_Full); background-color: var(--wdtBodyBGColor); opacity: 0; -webkit-transition: all .3s ease; transition: all .3s ease; }
.wdt-flex-banner-options .wdt-flex-banner-option .wdt-flex-banner-label .wdt-flex-banner-icon a { color: var(--wdtPrimaryColor); }
.wdt-flex-banner-options .wdt-flex-banner-option .wdt-flex-banner-label .wdt-flex-banner-icon:hover a { color: var(--wdtAccentTxtColor); }
.wdt-flex-banner-options .wdt-flex-banner-option.active .wdt-flex-banner-label .wdt-flex-banner-icon { opacity: 1; -webkit-transition: all 1s ease; transition: all 1s ease; }
.wdt-flex-banner-options .wdt-flex-banner-option .wdt-flex-banner-label .wdt-flex-banner-icon:before { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; background-color: rgba(var(--wdtTertiaryColorRgb)); border-radius: var(--wdtRadius_Full); -webkit-transition: all 0.3s linear; transition: all 0.3s linear; z-index: 0; opacity: 0.1; z-index: -1; -webkit-animation: button-before-animation 3s ease-in-out infinite; animation: button-before-animation 3s ease-in-out infinite; -webkit-animation-delay: 0s; animation-delay: 0s; }
.wdt-flex-banner-options .wdt-flex-banner-option .wdt-flex-banner-label .wdt-flex-banner-icon:after { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; background-color: rgba(var(--wdtTertiaryColorRgb)); border-radius: var(--wdtRadius_Full); -webkit-transition: all 0.3s linear; transition: all 0.3s linear; z-index: 0; opacity: 0.3; z-index: -1; -webkit-animation: button-after-animation 3s ease-in-out infinite; animation: button-after-animation 3s ease-in-out infinite; -webkit-animation-delay: 0.5s; animation-delay: 0.5s; }
@-webkit-keyframes button-before-animation { 0% { transform: scale(1); } 50% { transform: scale(1.3); } 100% { transform: scale(1.4); opacity: 0; } }
@keyframes button-before-animation { 0% { transform: scale(1); } 50% { transform: scale(1.3); } 100% { transform: scale(1.4); opacity: 0; } }
@-webkit-keyframes button-after-animation { 0% { transform: scale(1); } 50% { transform: scale(1.2); } 100% { transform: scale(1.2); opacity: 0; } }
@keyframes button-after-animation { 0% { transform: scale(1); } 50% { transform: scale(1.2); } 100% { transform: scale(1.2); opacity: 0; } }
.wdt-flex-banner-options .wdt-flex-banner-option .wdt-flex-banner-label .wdt-flex-banner-icon svg { -webkit-transform: scale(1); transform: scale(1); line-height: var(--wdtLineHeight_Ext); -webkit-transition: all 0.5s ease; transition: all 0.5s ease; }
.wdt-flex-banner-options .wdt-flex-banner-option .wdt-flex-banner-label .wdt-flex-banner-icon:hover svg { -webkit-transform: scale(0.8); transform: scale(0.8); }
@media only screen and (max-width: 1280px) { .wdt-flex-banner-options .wdt-flex-banner-option { height: 270px; } }
@media only screen and (max-width: 1024px) { 
.wdt-flex-banner-options .wdt-flex-banner-option { height: 230px; }
.wdt-flex-banner-options .wdt-flex-banner-option { flex: 0; } }
@media only screen and (max-width: 767px) {
.wdt-flex-banner-options { -webkit-scrollbar-width: none; scrollbar-width: none; scroll-behavior: smooth; display: flex; overflow: auto; scroll-snap-type: x mandatory; flex-wrap: nowrap; padding-bottom: 20px; margin: 0; } 
.wdt-flex-banner-options .wdt-flex-banner-option .wdt-flex-banner-label .wdt-flex-banner-icon { opacity: 1; }
.wdt-flex-banner-options .wdt-flex-banner-option,
.wdt-flex-banner-options .wdt-flex-banner-option.active { display: flex; justify-content: center; align-items: center; flex: 0 0 44%; width: auto !important; scroll-snap-align: start; scroll-snap-stop: always; } }
@media only screen and (max-width: 480px) { .wdt-flex-banner-options .wdt-flex-banner-option, .wdt-flex-banner-options .wdt-flex-banner-option.active { flex: 0 0 70%; } }