.wdt-flex-banner-options .wdt-flex-banner-option { width: 100%; height:100%; transition: .8s cubic-bezier(.29,0,.2,1);
  background-position: center center; background-repeat: no-repeat; background-size: cover; }
.wdt-flex-banner-options .wdt-flex-banner-option:not(:last-child) { margin-right: 16px; }
.wdt-flex-banner-options .wdt-flex-banner-option:before { 
  content: ""; position: absolute; top: 0; right: 0; left: 0; bottom: 0; display: block;  background-color:var(--wdtPrimaryColor); z-index:-1; transition:var(--wdtAltTransition);}
.wdt-flex-banner-sub-title{font-size:var(--wdtFontSize_H4); font-weight:var(--wdtFontWeight_H4); font-family:var(--wdtFontTypo_H4); line-height:var(--wdtLineHeight_H4);}
.wdt-flex-banner-options .wdt-flex-banner-image img{height:350px; object-fit: cover;}

/* Transtion Style */

.wdt-flex-banner-options .wdt-flex-banner-option .wdt-flex-banner-label { display: flex; margin-top:0; align-items: flex-end; /*padding: 30px;*/ height:100%; }

.wdt-flex-banner-options .wdt-flex-banner-option .wdt-flex-banner-label .wdt-flex-banner-title { /*flex: 1;*/ height:100%; position: relative; display:flex; justify-content:space-between; transition:var(--wdtAltTransition); width: 100%; align-items: start;}
.wdt-flex-banner-options .wdt-flex-banner-option.active .wdt-flex-banner-label .wdt-flex-banner-title{width: fit-content;}
.wdt-flex-banner-options .wdt-flex-banner-option .wdt-flex-banner-label .wdt-flex-banner-title:after{
  counter-increment: wdt-counter;
  content: "0" counter(wdt-counter);
  transition: var(--wdtAltTransition);
  transform: rotate(90deg);
  color:var(--wdtPrimaryColor);
  position: absolute;
  left: 30px;
  bottom: 30px;
}
.wdt-flex-banner-options .wdt-flex-banner-option .wdt-flex-banner-label .wdt-flex-banner-content-wrapper{position: relative;height: 100%;}
.wdt-flex-banner-options .wdt-flex-banner-option .wdt-flex-banner-label .wdt-flex-banner-content-wrapper:before{
  content:'';
  height:0%;
  width:1px;
  background-color:rgba(var(--wdtAccentTxtColorRgb),.3);
  position:absolute;
  left:0;
  bottom:0;
  transition:var(--wdtAltTransition);
}

.wdt-flex-banner-options .wdt-flex-banner-option.active .wdt-flex-banner-label .wdt-flex-banner-content-wrapper:before{height:100%;}

.wdt-flex-banner-options{
  counter-reset: wdt-counter;
}
.wdt-flex-banner-options .wdt-flex-banner-option{ counter-increment: wdt-counter1;}


.wdt-flex-banner-options .wdt-flex-banner-option .wdt-flex-banner-label .wdt-flex-banner-info {line-height:0;   margin-bottom:30px;  position: relative; opacity:0; transition:var(--wdtAltTransition); display: flex; flex-direction: column;gap: 30px;}
.wdt-flex-banner-options .wdt-flex-banner-option.active .wdt-flex-banner-label .wdt-flex-banner-info{opacity:1;}
.wdt-dark-bg .wdt-flex-banner-options .wdt-flex-banner-option .wdt-flex-banner-label .wdt-flex-banner-title{color:var(--wdtAccentTxtColor);}


.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{
  padding:0 30px;
}

.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: 24vw;  margin: 0 0 16px; }

.wdt-flex-banner-options .wdt-flex-banner-option .wdt-flex-banner-label .wdt-flex-banner-info div.wdt-flex-banner-content ul{padding-left: 18px; margin: 0;}

.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_Ext);  }
.wdt-flex-banner-options .wdt-flex-banner-option .wdt-flex-banner-label .wdt-flex-banner-info  div:last-child { margin-bottom: 0; }
.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); line-height: var(--wdtLineHeight_Base); }
.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 { 
  margin-top: 100px; display: inline-block; line-height: 1; font-size: 1em; padding: 0.75em 1.5em; text-align: center; -webkit-border-radius: var(--wdtRadius_Zero); border-radius: var(--wdtRadius_Zero); }

.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); }

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


.wdt-flex-banner-options .wdt-flex-banner-option .wdt-flex-banner-label .wdt-flex-banner-info { color: var(--wdtPrimaryColor); }
.wdt-flex-banner-options .wdt-flex-banner-option .wdt-flex-banner-label .wdt-flex-banner-title{color:rgba(var(--wdtSecondaryColorRgb),.7); font-size: clamp(1.5rem, 1.3338rem + 0.5552vw, 2rem);; /* Min-24 & Max-32 */}

.wdt-flex-banner-options .wdt-flex-banner-option .wdt-flex-banner-label .wdt-flex-banner-info  div.wdt-flex-banner-button a { 
    font-size: 16px;
    padding: var(--wdtPadding_Btn);
    font-family: var(--wdtFontTypo_Alt);
    font-weight: var(--wdtFontWeight_Base);
    line-height: var(--wdtLineHeight_Ext);
    background-color: var(--wdt-elementor-color-accent);
    color: var(--wdt-elementor-color-white);
    text-transform: capitalize;
    justify-content: center;
    text-align: center;
    border-radius: var(--wdtRadius_Zero, 0px);
    overflow: hidden;
    position: relative;
    border: none;
    will-change: transform;
    perspective: 1000px;
    transform-style: preserve-3d;
}
.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(--wdtPrimaryColor);
    background-color: var(--wdtPrimaryColor);
}

.wdt-flex-banner-options .wdt-flex-banner-option .wdt-flex-banner-label .wdt-flex-banner-info  div.wdt-flex-banner-button a:after{
    content: ""; position: absolute; right: 2px; bottom: 2px; 
    -webkit-transform: translate(10px, 10px); transform: translate(10px, 10px); width: 1em; height: 1em; 
    -webkit-clip-path: polygon(100% 0%, 0% 100%, 100% 100%); clip-path: polygon(100% 0%, 0% 100%, 100% 100%);
    background: var(--wdt-elementor-color-accent); opacity: 0; -webkit-transition: .3s ease; transition: .3s ease;
}
.wdt-flex-banner-options .wdt-flex-banner-option .wdt-flex-banner-label .wdt-flex-banner-info  div.wdt-flex-banner-button a:hover:after{
    opacity: 1; -webkit-transform: translate(0px, 0px); transform: translate(0px, 0px);
}
.wdt-flex-banner-options .wdt-flex-banner-option .wdt-flex-banner-label .wdt-flex-banner-info  div.wdt-flex-banner-button a:before{
  content: ""; position: absolute; right: 2px; bottom: 2px; 
    -webkit-transform: scale(1); transform: scale(1); width: 1em; height: 1em; 
    -webkit-clip-path: polygon(100% 0%, 0% 100%, 100% 100%); clip-path: polygon(100% 0%, 0% 100%, 100% 100%);
    background: var(--wdtSecondaryColor); z-index: -1; -webkit-transition: .3s ease; transition: .3s ease;
}
.wdt-flex-banner-options .wdt-flex-banner-option .wdt-flex-banner-label .wdt-flex-banner-info  div.wdt-flex-banner-button a:hover:before{
  right: 0; bottom: 0; width: 100%; height: 100%;  
  -webkit-clip-path: polygon(100% 0%, 0% 0%, 0% 100%, 100% 100%); clip-path: polygon(100% 0%, 0% 0%, 0% 100%, 100% 100%); 
  -webkit-transform: scale(1.2); transform: scale(1.2);
}


/* dark-bg */


.wdt-dark-bg .wdt-flex-banner-options .wdt-flex-banner-option .wdt-flex-banner-label .wdt-flex-banner-info div.wdt-flex-banner-content,
.wdt-dark-bg .wdt-flex-banner-sub-title{color:var(--wdtAccentTxtColor);}
.wdt-dark-bg .wdt-flex-banner-options .wdt-flex-banner-option .wdt-flex-banner-label .wdt-flex-banner-info div.wdt-flex-banner-button a{
background-color:var(--wdtAccentTxtColor); color:var(--wdtPrimaryColor);}
.wdt-dark-bg .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);
}
.wdt-dark-bg .wdt-flex-banner-options .wdt-flex-banner-option .wdt-flex-banner-label .wdt-flex-banner-info div.wdt-flex-banner-button a::after{
background:var(--wdtAccentTxtColor);
}
.wdt-dark-bg .wdt-flex-banner-options .wdt-flex-banner-option .wdt-flex-banner-label .wdt-flex-banner-title::after{color:var(--wdtAccentTxtColor);}



.wdt-flex-banner-options .wdt-flex-banner-option .wdt-flex-banner-title { font-size: var(--wdtFontSize_H4);
  -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; padding:30px 30px 70px; } 
.wdt-flex-banner-options .wdt-flex-banner-option .wdt-flex-banner-sub-title{font-size:var(--wdtFontSize_H5); margin-bottom:20px;}




@media ( min-width: 768px) {

  .wdt-flex-banner-options { display: flex; flex-wrap: nowrap; height:100%;}
  .wdt-flex-banner-options .wdt-flex-banner-option { flex:.45; width: 100% !important; height:100%; overflow: hidden;
      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; }
}


@media (max-width:1540px){
.wdt-flex-banner-options .wdt-flex-banner-option .wdt-flex-banner-title{padding:20px 20px 50px;}
.wdt-flex-banner-options .wdt-flex-banner-option .wdt-flex-banner-label .wdt-flex-banner-title:after{left: 20px; bottom: 20px;}
.wdt-flex-banner-options .wdt-flex-banner-option:not(:last-child) { margin-right: 20px; }
.wdt-flex-banner-options .wdt-flex-banner-option{flex: .4;}
.wdt-flex-banner-options .wdt-flex-banner-option .wdt-flex-banner-label .wdt-flex-banner-info{margin-bottom:20px;}
.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: 30vw; }
}


@media (max-width:1280px){
.wdt-flex-banner-options .wdt-flex-banner-option .wdt-flex-banner-label .wdt-flex-banner-info:after{
  bottom:110px;
  left:30px;
}
.wdt-flex-banner-options .wdt-flex-banner-option {
  flex: .35;
}
.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:30vw;
}
.wdt-flex-banner-options .wdt-flex-banner-option .wdt-flex-banner-label .wdt-flex-banner-info div.wdt-flex-banner-button a{margin-top: 10px;}
}

@media (max-width:1024px){
.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:31vw;}
.wdt-flex-banner-options .wdt-flex-banner-option {flex: .4;}

}


@media (max-width: 767px) {
.wdt-flex-banner-options .wdt-flex-banner-option .wdt-flex-banner-label .wdt-flex-banner-info {
    opacity: 1;
    margin-bottom:30px;
}
.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{opacity: 1; transform:none; }
.wdt-flex-banner-options{display:flex; flex-direction:column; gap:30px;}
.wdt-flex-banner-options .wdt-flex-banner-option{background-color:var(--wdtPrimaryColor);}
.wdt-flex-banner-options .wdt-flex-banner-option .wdt-flex-banner-label .wdt-flex-banner-title{display:none;}

.wdt-flex-banner-options .wdt-flex-banner-option:before{background-color:transparent;}
.wdt-flex-banner-options .wdt-flex-banner-option .wdt-flex-banner-label .wdt-flex-banner-info  div.wdt-flex-banner-button a {
  margin-top: 20px;
}
.wdt-flex-banner-options .wdt-flex-banner-option .wdt-flex-banner-label .wdt-flex-banner-button:before{width:0; height:0;}
.wdt-flex-banner-content{max-width: 500px;}
.wdt-flex-banner-options .wdt-flex-banner-image img {
    height: 300px
}
.wdt-flex-banner-options .wdt-flex-banner-option .wdt-flex-banner-label .wdt-flex-banner-content-wrapper::before{content:none;}
.wdt-flex-banner-options .wdt-flex-banner-option .wdt-flex-banner-label .wdt-flex-banner-info:after {
    bottom:30px;
    right: 30px;
    left:auto;
}

.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{
  padding:0 20px;
}

.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%;}

}