.wdt-flex-banner-options .wdt-flex-banner-option { width: 100%; height: 100%; transition: .8s cubic-bezier(.29,0,.2,1);
  background-image: var(--optionBackground); background-position: center center; background-repeat: no-repeat; background-size: cover; transition: var(--wdtBaseTransition); }
.wdt-flex-banner-options .wdt-flex-banner-option:not(:last-child) { margin-right: 0; }
.wdt-flex-banner-options .wdt-flex-banner-option:before { 
  content: ""; position: absolute; top: 0; right: 0; left: 0; bottom: 0; display: block; background-color: rgba(0,0,0,0.15);}
.wdt-flex-banner-options > div.wdt-flex-banner-option:not(:last-child){border-right: 1px solid var(--wdtBorderColor);}
.wdt-flex-banner-options { counter-reset: wdt-counter; border: 1px solid var(--wdtBorderColor); }

/* Transtion Style */

.wdt-flex-banner-options .wdt-flex-banner-option .wdt-flex-banner-label { display: flex; margin-top: auto; align-items: flex-end; padding: 30px; }

.wdt-flex-banner-options .wdt-flex-banner-option .wdt-flex-banner-label .wdt-flex-banner-title { flex: 0; }
.wdt-flex-banner-options .wdt-flex-banner-option .wdt-flex-banner-label .wdt-flex-banner-info { flex: 1; }

.wdt-flex-banner-options .wdt-flex-banner-option .wdt-flex-banner-label .wdt-flex-banner-info > div.wdt-flex-banner-icon,
.wdt-flex-banner-options .wdt-flex-banner-option .wdt-flex-banner-label .wdt-flex-banner-info > div.wdt-flex-banner-sub-title,
.wdt-flex-banner-options .wdt-flex-banner-option .wdt-flex-banner-label .wdt-flex-banner-info > div.wdt-flex-banner-content,
.wdt-flex-banner-options .wdt-flex-banner-option .wdt-flex-banner-label .wdt-flex-banner-info > div.wdt-flex-banner-button { 
  -webkit-transition: 375ms cubic-bezier(0.7, 0, 0.3, 1); transition: 375ms cubic-bezier(0.7, 0, 0.3, 1); 
  width: 20vw; padding: 0 clamp(0.625rem, 0.1923rem + 1.9231vw, 2.5rem); margin: 0 0 10px; }

.wdt-flex-banner-options .wdt-flex-banner-option.active .wdt-flex-banner-label .wdt-flex-banner-info > div.wdt-flex-banner-icon,
.wdt-flex-banner-options .wdt-flex-banner-option.active .wdt-flex-banner-label .wdt-flex-banner-info > div.wdt-flex-banner-sub-title,
.wdt-flex-banner-options .wdt-flex-banner-option.active .wdt-flex-banner-label .wdt-flex-banner-info > div.wdt-flex-banner-content,
.wdt-flex-banner-options .wdt-flex-banner-option.active .wdt-flex-banner-label .wdt-flex-banner-info > div.wdt-flex-banner-button {
  -webkit-transition: 500ms cubic-bezier(0.7, 0, 0.3, 1); transition: 500ms cubic-bezier(0.7, 0, 0.3, 1); }

.wdt-flex-banner-options .wdt-flex-banner-option .wdt-flex-banner-label .wdt-flex-banner-info > div.wdt-flex-banner-icon { 
  transition-delay: 60ms; -webkit-transform: translateY(50px); transform: translateY(50px); opacity: 0; }
.wdt-flex-banner-options .wdt-flex-banner-option .wdt-flex-banner-label .wdt-flex-banner-info > div.wdt-flex-banner-sub-title {
  transition-delay: 50ms; -webkit-transform: translateY(50px); transform: translateY(50px); opacity: 0; }
.wdt-flex-banner-options .wdt-flex-banner-option .wdt-flex-banner-label .wdt-flex-banner-info > div.wdt-flex-banner-content {
  transition-delay: 25ms; -webkit-transform: translateY(50px); transform: translateY(50px); opacity: 0; }
.wdt-flex-banner-options .wdt-flex-banner-option .wdt-flex-banner-label .wdt-flex-banner-info > div.wdt-flex-banner-button {
  transition-delay: 2ms; -webkit-transform: translateY(50px); transform: translateY(50px); opacity: 0; }

.wdt-flex-banner-options .wdt-flex-banner-option.active .wdt-flex-banner-label .wdt-flex-banner-info > div.wdt-flex-banner-icon {
  transition-delay: 0ms; -webkit-transform: translateY(0); transform: translateY(0); opacity: 1; }
.wdt-flex-banner-options .wdt-flex-banner-option.active .wdt-flex-banner-label .wdt-flex-banner-info > div.wdt-flex-banner-sub-title {
  transition-delay: 100ms; -webkit-transform: translateY(0); transform: translateY(0); opacity: 1; }
.wdt-flex-banner-options .wdt-flex-banner-option.active .wdt-flex-banner-label .wdt-flex-banner-info > div.wdt-flex-banner-content {
  transition-delay: 250ms; -webkit-transform: translateY(0); transform: translateY(0); opacity: 1; }
.wdt-flex-banner-options .wdt-flex-banner-option.active .wdt-flex-banner-label .wdt-flex-banner-info > div.wdt-flex-banner-button {
  transition-delay: 320ms; -webkit-transform: translateY(0); transform: translateY(0); opacity: 1; }

  /* Transtion End */


.wdt-flex-banner-options .wdt-flex-banner-option .wdt-flex-banner-title { line-height: var(--wdtLineHeight_Alt);
  font-family: var(--wdtFontTypo_Alt); font-weight: var(--wdtFontWeight_Alt); text-transform: uppercase; letter-spacing: 0; }
  .wdt-flex-banner-options .wdt-flex-banner-option .wdt-flex-banner-title::before{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: inherit;
    margin-bottom: 8px;
    counter-increment: wdt-counter;
    content: "0" counter(wdt-counter) ".";
  }

.wdt-flex-banner-options .wdt-flex-banner-option .wdt-flex-banner-label .wdt-flex-banner-info { padding: 30px 0 0; }

.wdt-flex-banner-options .wdt-flex-banner-option .wdt-flex-banner-label .wdt-flex-banner-info > div:last-child { margin: clamp(0.625rem, 0.3365rem + 1.2821vw, 1.875rem) 0 0 0; display: flex; align-items: center; }
.wdt-flex-banner-options .wdt-flex-banner-option .wdt-flex-banner-label .wdt-flex-banner-info > div.wdt-flex-banner-content { 
  font-family: var(--wdtFontTypo_Base); text-transform: capitalize; position: relative; }
.wdt-flex-banner-options .wdt-flex-banner-option .wdt-flex-banner-label .wdt-flex-banner-info > div.wdt-flex-banner-content p { margin: 0; }

.wdt-flex-banner-options .wdt-flex-banner-option .wdt-flex-banner-label .wdt-flex-banner-info > div.wdt-flex-banner-button a { 
  display: inline-flex; text-align: center; font-size: var(--wdtFontSize_Ext); padding: 0;
  font-family: var(--wdtFontTypo_Base); font-weight: var(--wdtFontWeight_Base); line-height: normal; text-transform: capitalize; -webkit-border-radius: var(--wdtRadius_Zero); border-radius: var(--wdtRadius_Zero); background-image: linear-gradient(90deg, currentColor 50%, currentColor 50%); background-position: left bottom; background-size: 100% 1px; background-repeat: no-repeat; transition: background-size 0.3s ease-in-out; }

.wdt-flex-banner-options .wdt-flex-banner-option .wdt-flex-banner-shadow { pointer-events: none;
  width: 100%; height: 100%; position: absolute; background-image: linear-gradient(45deg, rgba(0,0,0,0.8), transparent); }

.wdt-flex-banner-options .wdt-flex-banner-option .wdt-flex-banner-label .wdt-flex-banner-info > div.wdt-flex-banner-button::before{
  content: "";
  position: relative;
  display: block;
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 15 15' style='enable-background:new 0 0 15 15;' xml:space='preserve'%3E%3Cpath d='M4.1,14.4l-2.9-2.3c1.3-1.4,2.5-2.7,3.6-3.8C2.6,7.8,1,7.4,0,7l1.1-3.5C2.8,4.3,4.3,5,5.6,5.8C5.3,3.7,5.1,2,5.1,0.6h3.4 c0,0.9-0.2,2.7-0.5,5.3c1.1-0.5,2.7-1.2,4.8-2.2l1,3.6c-1.4,0.3-3,0.6-4.9,1l2.3,2.7c0.1,0.1,0.4,0.5,1.1,1.3l-2.9,2L6.8,9.9 C6,11.3,5.1,12.8,4.1,14.4L4.1,14.4z'%3E%3C/path%3E%3Cpath d='M4.6,14.4L1.3,12l0.1-0.1c1.3-1.4,2.6-2.6,3.8-3.6c-2.3-0.5-4-0.9-5.1-1.2L0,7.1l1.3-3.6l0.1,0C3.1,4.2,4.6,4.9,6,5.7 c-0.3-2-0.5-3.7-0.5-5V0.6h3.8v0.1c0,0.9-0.2,2.6-0.5,5.1c1.1-0.5,2.8-1.2,5-2.1l0.1,0L15,7.4l-0.1,0C13.4,7.7,11.7,8,9.8,8.3 l2.3,2.5c0.1,0.1,0.5,0.5,1.2,1.3l0.1,0.1l-3.3,2.1L7.4,10C6.6,11.3,5.7,12.8,4.6,14.4L4.6,14.4L4.6,14.4z M1.6,12l3,2.2 c1.1-1.6,2-3,2.8-4.4l0.1-0.1l2.8,4.4l3-1.9c-0.7-0.7-1-1.1-1.1-1.2L9.5,8.2l0.2,0c1.9-0.3,3.7-0.6,5.2-0.9l-1-3.4 C11.5,4.8,9.8,5.5,8.7,6L8.6,6l0-0.1c0.4-2.4,0.5-4.2,0.6-5.1H5.7c0,1.3,0.2,3,0.5,5l0,0.2L6.1,5.9c-1.4-0.8-3-1.5-4.7-2.2L0.2,6.9 C1.3,7.3,3,7.7,5.3,8.2l0.2,0L5.4,8.3C4.2,9.4,2.9,10.6,1.6,12L1.6,12z'%3E%3C/path%3E%3C/svg%3E");
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 15 15' style='enable-background:new 0 0 15 15;' xml:space='preserve'%3E%3Cpath d='M4.1,14.4l-2.9-2.3c1.3-1.4,2.5-2.7,3.6-3.8C2.6,7.8,1,7.4,0,7l1.1-3.5C2.8,4.3,4.3,5,5.6,5.8C5.3,3.7,5.1,2,5.1,0.6h3.4 c0,0.9-0.2,2.7-0.5,5.3c1.1-0.5,2.7-1.2,4.8-2.2l1,3.6c-1.4,0.3-3,0.6-4.9,1l2.3,2.7c0.1,0.1,0.4,0.5,1.1,1.3l-2.9,2L6.8,9.9 C6,11.3,5.1,12.8,4.1,14.4L4.1,14.4z'%3E%3C/path%3E%3Cpath d='M4.6,14.4L1.3,12l0.1-0.1c1.3-1.4,2.6-2.6,3.8-3.6c-2.3-0.5-4-0.9-5.1-1.2L0,7.1l1.3-3.6l0.1,0C3.1,4.2,4.6,4.9,6,5.7 c-0.3-2-0.5-3.7-0.5-5V0.6h3.8v0.1c0,0.9-0.2,2.6-0.5,5.1c1.1-0.5,2.8-1.2,5-2.1l0.1,0L15,7.4l-0.1,0C13.4,7.7,11.7,8,9.8,8.3 l2.3,2.5c0.1,0.1,0.5,0.5,1.2,1.3l0.1,0.1l-3.3,2.1L7.4,10C6.6,11.3,5.7,12.8,4.6,14.4L4.6,14.4L4.6,14.4z M1.6,12l3,2.2 c1.1-1.6,2-3,2.8-4.4l0.1-0.1l2.8,4.4l3-1.9c-0.7-0.7-1-1.1-1.1-1.2L9.5,8.2l0.2,0c1.9-0.3,3.7-0.6,5.2-0.9l-1-3.4 C11.5,4.8,9.8,5.5,8.7,6L8.6,6l0-0.1c0.4-2.4,0.5-4.2,0.6-5.1H5.7c0,1.3,0.2,3,0.5,5l0,0.2L6.1,5.9c-1.4-0.8-3-1.5-4.7-2.2L0.2,6.9 C1.3,7.3,3,7.7,5.3,8.2l0.2,0L5.4,8.3C4.2,9.4,2.9,10.6,1.6,12L1.6,12z'%3E%3C/path%3E%3C/svg%3E");
  mask-repeat: no-repeat;
  -webkit-mask-repeat: no-repeat;
  width: 14px;
  height: 14px;
  background: currentColor;
  margin-right: 8px;
}

.wdt-flex-banner-options .wdt-flex-banner-option .wdt-flex-banner-label .wdt-flex-banner-info > div.wdt-flex-banner-icon{ font-size: clamp(3.75rem, 3.5rem + 1.25vw, 5rem); }


/* -----------------------
    Primary Color 
----------------------- */

.wdt-flex-banner-options .wdt-flex-banner-option .wdt-flex-banner-label .wdt-flex-banner-info > div.wdt-flex-banner-button a { 
  color: var(--wdtAccentTxtColor); }

/* -----------------------
    secondary Color 
----------------------- */

.wdt-flex-banner-options .wdt-flex-banner-option .wdt-flex-banner-label .wdt-flex-banner-info > div.wdt-flex-banner-button a:focus,
.wdt-flex-banner-options .wdt-flex-banner-option .wdt-flex-banner-label .wdt-flex-banner-info > div.wdt-flex-banner-button a:hover { 
  color: var(--wdtAccentTxtColor);background-size: 0 1px; background-position: right bottom; }


/* -----------------------
    Responsive
----------------------- */

.wdt-flex-banner-options .wdt-flex-banner-option .wdt-flex-banner-title { font-size: clamp(1.875rem, 1.625rem + 1.25vw, 3.125rem);
  -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg);
  writing-mode: vertical-rl; text-align: start; display: flex; align-items: center; } 
.wdt-flex-banner-options .wdt-flex-banner-option .wdt-flex-banner-sub-title { font-size: clamp(1.875rem, 1.4423rem + 1.9231vw, 3.75rem);
  line-height: var(--wdtLineHeight_Alt); font-family: var(--wdtFontTypo_Alt); font-weight: var(--wdtFontWeight_Alt); text-transform: uppercase; 
  letter-spacing: 0; margin-bottom: clamp(1.125rem, 1.0673rem + 0.2564vw, 1.375rem) !important; } 

  @media(max-width:1280px){
    .wdt-flex-banner-options .wdt-flex-banner-option .wdt-flex-banner-label .wdt-flex-banner-info > div.wdt-flex-banner-icon, 
    .wdt-flex-banner-options .wdt-flex-banner-option .wdt-flex-banner-label .wdt-flex-banner-info > div.wdt-flex-banner-sub-title, 
    .wdt-flex-banner-options .wdt-flex-banner-option .wdt-flex-banner-label .wdt-flex-banner-info > div.wdt-flex-banner-content, 
    .wdt-flex-banner-options .wdt-flex-banner-option .wdt-flex-banner-label .wdt-flex-banner-info > div.wdt-flex-banner-button {
      width: 25vw;
    }
  }


@media ( min-width: 1025px) {

  .wdt-flex-banner-options { display: flex; flex-wrap: nowrap; }
  .wdt-flex-banner-options .wdt-flex-banner-option { flex: 1; width: 100% !important; overflow: hidden; border-radius: var(--wdtRadius_Zero);
      display: flex; flex-direction: column; position: relative; transition: flex .8s cubic-bezier(.29,0,.2,1); will-change: flex; }

  .wdt-flex-banner-options .wdt-flex-banner-option.active { flex: 2; box-shadow: 0px 0px 0px 0px var(--wdtBorderColor); -webkit-box-shadow: 0px 0px 0px 0px var(--wdtBorderColor); }

  /* .wdt-flex-banner-options .wdt-flex-banner-option .wdt-flex-banner-title { font-size: var(--wdtFontSize_H6);
    -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg);
    writing-mode: vertical-rl; text-align: start; display: flex; align-items: center; }   */

}

@media (min-width: 1025px) and (max-width: 1280px){
  .wdt-cus-flex-banner .wdt-flex-banner-options .wdt-flex-banner-option{flex: 0.5;}
  .wdt-cus-flex-banner .wdt-flex-banner-options .wdt-flex-banner-option.active{flex: 2;}
}

@media ( max-width: 1024px) { 

  .wdt-flex-banner-options .wdt-flex-banner-option { position: relative; }
  .wdt-flex-banner-options .wdt-flex-banner-option:before { z-index: 0; top: 0; right: 0; bottom: 0; left: 0; }
  .wdt-flex-banner-options .wdt-flex-banner-option .wdt-flex-banner-label { padding: 20px; z-index: 1; /*flex-flow: column wrap;*/ }
  .wdt-flex-banner-options .wdt-flex-banner-option .wdt-flex-banner-label .wdt-flex-banner-info { padding: 10px 0 0; }
  .wdt-flex-banner-options .wdt-flex-banner-option .wdt-flex-banner-title { margin: 0 20px 0 0; }

  .wdt-flex-banner-options .wdt-flex-banner-option .wdt-flex-banner-label .wdt-flex-banner-title { flex: 0; }
  .wdt-flex-banner-options .wdt-flex-banner-option .wdt-flex-banner-label .wdt-flex-banner-info { flex: 1; }
  .wdt-flex-banner-options .wdt-flex-banner-option .wdt-flex-banner-label .wdt-flex-banner-info > div.wdt-flex-banner-icon, 
  .wdt-flex-banner-options .wdt-flex-banner-option .wdt-flex-banner-label .wdt-flex-banner-info > div.wdt-flex-banner-sub-title, 
  .wdt-flex-banner-options .wdt-flex-banner-option .wdt-flex-banner-label .wdt-flex-banner-info > div.wdt-flex-banner-content, 
  .wdt-flex-banner-options .wdt-flex-banner-option .wdt-flex-banner-label .wdt-flex-banner-info > div.wdt-flex-banner-button { width: 100%; padding: 0; }

  .wdt-flex-banner-options .wdt-flex-banner-option .wdt-flex-banner-label .wdt-flex-banner-info > div.wdt-flex-banner-icon { 
    transition-delay: 60ms; -webkit-transform: translateY(0); transform: translateY(0); opacity: 1; }
  .wdt-flex-banner-options .wdt-flex-banner-option .wdt-flex-banner-label .wdt-flex-banner-info > div.wdt-flex-banner-sub-title {
    transition-delay: 50ms; -webkit-transform: translateY(0); transform: translateY(0); opacity: 1; }
  .wdt-flex-banner-options .wdt-flex-banner-option .wdt-flex-banner-label .wdt-flex-banner-info > div.wdt-flex-banner-content {
    transition-delay: 25ms; -webkit-transform: translateY(0); transform: translateY(0); opacity: 1; }
  .wdt-flex-banner-options .wdt-flex-banner-option .wdt-flex-banner-label .wdt-flex-banner-info > div.wdt-flex-banner-button {
    transition-delay: 2ms; -webkit-transform: translateY(0); transform: translateY(0); opacity: 1; }

  .wdt-flex-banner-options .wdt-flex-banner-option .wdt-flex-banner-label .wdt-flex-banner-info > div.wdt-flex-banner-content { margin-left: 12px; }

  /* -----------------------
      Snap scroll style 
  ----------------------- */

  .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: 0; margin: 0; }
  .wdt-flex-banner-options .wdt-flex-banner-option { display: inherit;
    flex: 0 0 44%; width: auto !important; scroll-snap-align: start; scroll-snap-stop: always; }

  /* Full-width Snap scroll style */

  .wdt-flex-banner-options { scroll-padding: 10px; }
  .wdt-flex-banner-options .wdt-flex-banner-option:not(:last-child) { margin-right: 10px; }

}

@media (max-width: 767px) {

  /* Snap scroll style */
  .wdt-flex-banner-options .wdt-flex-banner-option { flex: 0 0 60%; }
}

@media (max-width: 767px) {

  /* Snap scroll style */
  .wdt-flex-banner-options .wdt-flex-banner-option { flex: 0 0 80%; }
}

@media (max-width: 480px) {

  .wdt-flex-banner-options .wdt-flex-banner-option .wdt-flex-banner-title { margin: 0 20px 0 0; }

  /* Snap scroll style */
  .wdt-flex-banner-options .wdt-flex-banner-option { flex: 0 0 100%; }
}

/* ===== Scrollbar CSS ===== */
  /* Firefox */
  .wdt-flex-banner-options { scrollbar-width: none; scrollbar-color: var(--wdtPrimaryColor) transparent; }

  /* Chrome, Edge, and Safari */
  .wdt-flex-banner-options::-webkit-scrollbar { width: 0px; display: none; }
  .wdt-flex-banner-options::-webkit-scrollbar-track { background: transparent; }
  .wdt-flex-banner-options::-webkit-scrollbar-thumb { background-color: var(--wdtPrimaryColor); border-radius: 0px; }