.wdt-flex-banner-options .wdt-flex-banner-option { width: 100%; height: 100vh; transition: .8s cubic-bezier(.29,0,.2,1); 
    border-radius: var(--wdtRadius_4X); overflow: hidden;
  background-image: var(--optionBackground); background-position: top left; background-repeat: no-repeat; background-size: cover; }
.wdt-flex-banner-options .wdt-flex-banner-option:not(:last-child) { margin-right: clamp(1.25rem, 1.1388rem + 0.6135vw, 1.875rem); /* 20px - 30px */ }
.wdt-flex-banner-options .wdt-flex-banner-option:before { 
  content: ""; position: absolute; display: block; width: 100%; height: 100%; top: 0; right: 0; left: 0; bottom: 0; 
   background-color: var(--wdtAccentTxtColor);  z-index: 0; margin: auto; }


.wdt-flex-banner-options .wdt-flex-banner-option .wdt-flex-banner-label {
  display: flex; align-items: center; width: 100%; height: 100%; padding: 0; z-index: 1; }

/* Media Group */
.wdt-flex-banner-options .wdt-flex-banner-option .wdt-flex-banner-label .wdt-flex-banner-media-info {
  position: relative; width: 100%; max-width: 100%; height: 100%; max-height: 100%; min-height: 100%; 
  display: flex; flex-direction: column; justify-content: space-between; align-items: center; text-align: center; padding: 30px; 
  color: var(--wdtAccentTxtColor); z-index: 1; -webkit-transition: var(--wdt-Livi-Transition); transition: var(--wdt-Livi-Transition);}
.wdt-flex-banner-options .wdt-flex-banner-option .wdt-flex-banner-label .wdt-flex-banner-media-info .wdt-flex-banner-title-1{
  color: var(--wdtHeadAltColor);
  writing-mode: vertical-rl;
  transform: rotate(180deg);
  font-size: clamp(1.5rem, 1.4333rem + 0.3681vw, 1.875rem); /*30px - 24px*/ 
  font-weight: var(--wdtFontWeight_Ext);
  display: flex;
  line-height: var(--wdtLineHeight_Alt);
  font-family: var(--wdtFontTypo_Alt);
}
.wdt-flex-banner-options .wdt-flex-banner-option .wdt-flex-banner-label .wdt-flex-banner-media-info > div:not(:last-child) { margin-bottom: 18px; }
.wdt-flex-banner-options .wdt-flex-banner-option .wdt-flex-banner-label .wdt-flex-banner-media-info .wdt-flex-banner-icon {
 font-size: clamp(1.875rem, 1.4525rem + 2.3313vw, 4.25rem); /*68px - 30px*/ 
  color: var(--wdtHeadAltColor);
  display: inline-flex;
}
.wdt-flex-banner-options .wdt-flex-banner-option .wdt-flex-banner-label .wdt-flex-banner-media-info > div.wdt-flex-banner-title {     
  font-family: var(--wdtFontTypo_Alt); font-size: var(--wdtFontSize_H5); font-weight: var(--wdtFontWeight_Alt); 
  line-height: var(--wdtLineHeight_Alt); letter-spacing: 0; text-transform: capitalize; margin-bottom: 10px; }
.wdt-flex-banner-options .wdt-flex-banner-option .wdt-flex-banner-label .wdt-flex-banner-media-info > div.wdt-flex-banner-sub-title {
  font-family: var(--wdtFontTypo_Base); font-size: var(--wdtFontSize_H5); font-weight: var(--wdtFontWeight_Alt); 
  line-height: var(--wdtLineHeight_Alt); text-transform: capitalize; }
.wdt-flex-banner-options .wdt-flex-banner-option .wdt-flex-banner-label .wdt-flex-banner-media-info > div.wdt-flex-banner-sub-title > span {
  font-size: 65%; margin-left: 5px; }
.wdt-flex-banner-options .wdt-flex-banner-option .wdt-flex-banner-label .wdt-flex-banner-media-info > div.wdt-flex-banner-button {
  position: absolute; top: auto; left: 0; right: 0; bottom: 0; margin: auto; }
.wdt-flex-banner-options .wdt-flex-banner-option .wdt-flex-banner-label .wdt-flex-banner-media-info > div.wdt-flex-banner-button a { 
  width: 100%; max-width: 100%; display: inline-flex; align-items: center; justify-content: center; font-family: var(--wdtFontTypo_Base); 
  font-size: var(--wdtFontSize_Base); font-weight: var(--wdtFontWeight_Ext); line-height: normal; text-transform: capitalize; 
  background-color: var(--wdtAccentTxtColor); color: var(--wdtHeadAltColor); padding: var(--wdtPadding_Btn); 
  -webkit-border-radius: var(--wdtRadius_Zero); border-radius: var(--wdtRadius_Zero); margin-top: 0; }
.wdt-flex-banner-options .wdt-flex-banner-option .wdt-flex-banner-label .wdt-flex-banner-media-info > div.wdt-flex-banner-button a:hover {
  background-color: var(--wdtSecondaryColor); color: var(--wdtAccentTxtColor); }
.wdt-flex-banner-options .wdt-flex-banner-option .wdt-flex-banner-label .wdt-flex-banner-media-info > div.wdt-flex-banner-button a::after {
  content: '\e804'; font-family: "common-icons"; position: relative; display: block; font-size: calc(100% + 10%); width: auto; height: auto; 
  top: 0; left: 0; right: 0; bottom: 0; background: none !important; color: currentColor; margin: 0; margin-left: 10px; }

/* Detail Group */

.wdt-flex-banner-options .wdt-flex-banner-option .wdt-flex-banner-label .wdt-flex-banner-detail-info {
  position: relative;
  height: 100%;
  max-height: 100%;
  min-height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 0;
  z-index: 1;
  }
.wdt-flex-banner-options .wdt-flex-banner-option .wdt-flex-banner-label .wdt-flex-banner-detail-info:before {
  content: "";
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  background-color: var(--wdtAccentTxtColor);
  opacity: 1;
  z-index: -1;
  margin: auto;
  }
.wdt-flex-banner-options .wdt-flex-banner-option .wdt-flex-banner-label .wdt-flex-banner-detail-info .wdt-flex-banner-title{
  line-height: var(--wdtLineHeight_Alt);
  font-family: var(--wdtFontTypo_Alt);
  font-size: clamp(1.5rem, 1.425rem + 0.375vw, 1.875rem);/* 24 - 30 */
  color: var(--wdtHeadAltColor);
  font-weight: var(--wdtFontWeight_Ext);
  margin-bottom: 20px;
}

.wdt-flex-banner-options .wdt-flex-banner-option .wdt-flex-banner-label .wdt-flex-banner-detail-info .wdt-flex-banner-content br { 
  display: none !important; }
.wdt-flex-banner-options .wdt-flex-banner-option .wdt-flex-banner-label .wdt-flex-banner-detail-info .wdt-flex-banner-content > .wdt-flex-feature-title {
  font-family: var(--wdtFontTypo_Alt); font-size: var(--wdtFontSize_H5); font-weight: var(--wdtFontWeight_Alt); 
  line-height: var(--wdtLineHeight_Alt); text-transform: capitalize; margin-bottom: 18px; }
.wdt-flex-banner-options .wdt-flex-banner-option .wdt-flex-banner-label .wdt-flex-banner-detail-info .wdt-flex-banner-content > p {
  display: flex; flex-direction: column; flex-wrap: nowrap; margin-bottom: 0; }
.wdt-flex-banner-options .wdt-flex-banner-option .wdt-flex-banner-label .wdt-flex-banner-detail-info .wdt-flex-banner-content > p span {
  display: flex; align-items: flex-start; }
.wdt-flex-banner-options .wdt-flex-banner-option .wdt-flex-banner-label .wdt-flex-banner-detail-info .wdt-flex-banner-content > p span:not(:last-child) {
  margin-bottom: 8px; }
/* .wdt-flex-banner-options .wdt-flex-banner-option .wdt-flex-banner-label .wdt-flex-banner-detail-info .wdt-flex-banner-content > p span i {
  display: block; width: 24px; height: 24px;
  -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 100 100' style='enable-background:new 0 0 100 100;' xml:space='preserve'%3E%3Cg%3E%3Cpath d='M49.7,40.1c-2-2.5-0.9-6.4-2.4-9.3c-0.5-1-1.5-1.9-2.7-2c-1.9-0.2-3.3,2.2-2.2,3.8c0.9,1.3,3.1,0.9,3.3-0.7 c0.1-0.6-0.4-1.3-1.1-1.4c-0.9-0.1-1.2,0.6-0.9,1.3c-0.2-0.5-0.1-1,0.5-1c0.5,0,0.9,0.4,0.9,1c-0.1,0.5-0.5,1-1.1,0.9 c-1.5-0.2-1.6-1.9-0.5-2.7c1.1-0.8,2.4,0.1,3,1C48.4,33.6,46.8,38.4,49.7,40.1'%3E%3C/path%3E%3Cpath d='M50.3,40.1c2-2.5,0.9-6.4,2.4-9.3c0.5-1,1.5-1.9,2.7-2c1.9-0.2,3.3,2.2,2.2,3.8c-0.9,1.3-3.1,0.9-3.3-0.7 c-0.1-0.6,0.4-1.3,1.1-1.4c0.9-0.1,1.2,0.6,0.9,1.3c0.2-0.5,0.1-1-0.5-1c-0.5,0-0.9,0.4-0.9,1c0.1,0.5,0.5,1,1.1,0.9 c1.5-0.2,1.6-1.9,0.5-2.7c-1.1-0.8-2.4,0.1-3,1C51.7,33.6,53.2,38.4,50.3,40.1'%3E%3C/path%3E%3Cpath d='M51.4,51.2c-0.9-4.4,0.5-5.1,0.6-7.5c0.3-4.4-4.3-4.4-4,0c0.2,2.4,1.5,3.1,0.6,7.5C43.9,76.7,56.1,76.7,51.4,51.2'%3E%3C/path%3E%3Cpath d='M85.7,85c-1-13.5-2-28.7-15.9-30.9C94.2,56.3,81,23.2,97.5,17c-22.8,4-34.4,1.8-39.5,29.7c-0.1,1.8-1,2.8-2,4.1l-2.5,2.9 c-1,2.1,2.1,1.9,3.2,2.6c0.8,0.5,0.7,1.1,0.4,1.9c-0.4,0.9-0.6,2,0,2.8c0.4,0.5,0.8,0.6,1.4,0.7c-2.4,1.9-0.5,2.1,0.6,4.1 c-2.9,5.1,1.5,5.9,5.6,6.8C74.2,74.6,81.4,73.6,85.7,85'%3E%3C/path%3E%3Cpath d='M14.3,85c1-13.5,2-28.7,15.9-30.9C5.8,56.3,19,23.2,2.5,17c22.8,4,34.4,1.8,39.5,29.7c0.1,1.8,1,2.8,2,4.1l2.5,2.9 c1,2.1-2.1,1.9-3.2,2.6c-0.8,0.5-0.7,1.1-0.4,1.9c0.4,0.9,0.6,2,0,2.8c-0.4,0.5-0.8,0.6-1.4,0.7c2.4,1.9,0.5,2.1-0.6,4.1 c2.9,5.1-1.5,5.9-5.6,6.8C25.8,74.6,18.6,73.6,14.3,85'%3E%3C/path%3E%3C/g%3E%3C/svg%3E");
  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 100 100' style='enable-background:new 0 0 100 100;' xml:space='preserve'%3E%3Cg%3E%3Cpath d='M49.7,40.1c-2-2.5-0.9-6.4-2.4-9.3c-0.5-1-1.5-1.9-2.7-2c-1.9-0.2-3.3,2.2-2.2,3.8c0.9,1.3,3.1,0.9,3.3-0.7 c0.1-0.6-0.4-1.3-1.1-1.4c-0.9-0.1-1.2,0.6-0.9,1.3c-0.2-0.5-0.1-1,0.5-1c0.5,0,0.9,0.4,0.9,1c-0.1,0.5-0.5,1-1.1,0.9 c-1.5-0.2-1.6-1.9-0.5-2.7c1.1-0.8,2.4,0.1,3,1C48.4,33.6,46.8,38.4,49.7,40.1'%3E%3C/path%3E%3Cpath d='M50.3,40.1c2-2.5,0.9-6.4,2.4-9.3c0.5-1,1.5-1.9,2.7-2c1.9-0.2,3.3,2.2,2.2,3.8c-0.9,1.3-3.1,0.9-3.3-0.7 c-0.1-0.6,0.4-1.3,1.1-1.4c0.9-0.1,1.2,0.6,0.9,1.3c0.2-0.5,0.1-1-0.5-1c-0.5,0-0.9,0.4-0.9,1c0.1,0.5,0.5,1,1.1,0.9 c1.5-0.2,1.6-1.9,0.5-2.7c-1.1-0.8-2.4,0.1-3,1C51.7,33.6,53.2,38.4,50.3,40.1'%3E%3C/path%3E%3Cpath d='M51.4,51.2c-0.9-4.4,0.5-5.1,0.6-7.5c0.3-4.4-4.3-4.4-4,0c0.2,2.4,1.5,3.1,0.6,7.5C43.9,76.7,56.1,76.7,51.4,51.2'%3E%3C/path%3E%3Cpath d='M85.7,85c-1-13.5-2-28.7-15.9-30.9C94.2,56.3,81,23.2,97.5,17c-22.8,4-34.4,1.8-39.5,29.7c-0.1,1.8-1,2.8-2,4.1l-2.5,2.9 c-1,2.1,2.1,1.9,3.2,2.6c0.8,0.5,0.7,1.1,0.4,1.9c-0.4,0.9-0.6,2,0,2.8c0.4,0.5,0.8,0.6,1.4,0.7c-2.4,1.9-0.5,2.1,0.6,4.1 c-2.9,5.1,1.5,5.9,5.6,6.8C74.2,74.6,81.4,73.6,85.7,85'%3E%3C/path%3E%3Cpath d='M14.3,85c1-13.5,2-28.7,15.9-30.9C5.8,56.3,19,23.2,2.5,17c22.8,4,34.4,1.8,39.5,29.7c0.1,1.8,1,2.8,2,4.1l2.5,2.9 c1,2.1-2.1,1.9-3.2,2.6c-0.8,0.5-0.7,1.1-0.4,1.9c0.4,0.9,0.6,2,0,2.8c-0.4,0.5-0.8,0.6-1.4,0.7c2.4,1.9,0.5,2.1-0.6,4.1 c2.9,5.1-1.5,5.9-5.6,6.8C25.8,74.6,18.6,73.6,14.3,85'%3E%3C/path%3E%3C/g%3E%3C/svg%3E");
  -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-position: center; mask-position: center; -webkit-mask-size: 100%; mask-size: 100%;
  background-color: var(--wdtPrimaryColor); margin-right: 8px; margin-top: 1px; } */
.wdt-flex-banner-options .wdt-flex-banner-option .wdt-flex-banner-label .wdt-flex-banner-detail-info .wdt-flex-banner-content > p span i {
  display: block; width: 8px; height: 8px; background-color: var(--wdtPrimaryColor); border-radius: var(--wdtRadius_Part); 
  margin-right: 12px; margin-top: 9px; }

.wdt-flex-banner-options .wdt-flex-banner-option .wdt-flex-banner-label div.wdt-flex-banner-button { 
  margin-top: clamp(0.9375rem, 0.8819rem + 0.3067vw, 1.25rem); /*20px - 15px*/ }
.wdt-flex-banner-options .wdt-flex-banner-option .wdt-flex-banner-label .wdt-flex-banner-text-content { 
  padding: clamp(1.25rem, 1.1388rem + 0.6135vw, 1.875rem); /*30px - 20px*/ padding-left: 0; padding-top: 0; }

.wdt-flex-banner-options .wdt-flex-banner-option .wdt-flex-banner-label div.wdt-flex-banner-button a {
    display: inline-flex; align-items: center; justify-content: center; background: transparent; 
    color: var(--wdtHeadAltColor); font-size: var(--wdtFontSize_Base); font-family: var(--wdtFontTypo_Base); 
    font-weight: var(--wdtFontWeight_Ext); line-height: var(--wdtLineHeight_Alt); text-transform: capitalize; 
    padding: 0; -webkit-border-radius: var(--wdtRadius_Zero); border-radius: var(--wdtRadius_Zero); }

.wdt-flex-banner-options .wdt-flex-banner-option .wdt-flex-banner-label div.wdt-flex-banner-button a:hover { color: var(--wdtLinkHoverColor); }

.wdt-flex-banner-options .wdt-flex-banner-option .wdt-flex-banner-label div.wdt-flex-banner-button a, 
.wdt-service-carousel-style .wdt-image-box-holder .wdt-content-item .wdt-content-button a .wdt-button-text { position: relative; overflow: hidden; }

.wdt-flex-banner-options .wdt-flex-banner-option .wdt-flex-banner-label div.wdt-flex-banner-button a .wdt-button-text:after, 
.wdt-flex-banner-options .wdt-flex-banner-option .wdt-flex-banner-label div.wdt-flex-banner-button a .wdt-button-text:before {
    content: ''; display: block; width: 100%; height: 1px; position: absolute; bottom: 0; background-color: currentColor; 
    -webkit-transition: transform .4s cubic-bezier(.31,.29,.05,.96); transition: transform .4s cubic-bezier(.31,.29,.05,.96); }

.wdt-flex-banner-options .wdt-flex-banner-option .wdt-flex-banner-label div.wdt-flex-banner-button a .wdt-button-text:before { left: 0; }

.wdt-flex-banner-options .wdt-flex-banner-option .wdt-flex-banner-label div.wdt-flex-banner-button a .wdt-button-text:after { 
    left: -100%; transition-delay: 0.3s; }

.wdt-flex-banner-options .wdt-flex-banner-option .wdt-flex-banner-label div.wdt-flex-banner-button a:hover .wdt-button-text:after, 
.wdt-flex-banner-options .wdt-flex-banner-option .wdt-flex-banner-label div.wdt-flex-banner-button a:hover .wdt-button-text:before {
    -webkit-transform: translateX(100%); transform: translateX(100%); background-color: var(--wdtLinkHoverColor); }

.wdt-flex-banner-options .wdt-flex-banner-option .wdt-flex-banner-label div.wdt-flex-banner-button a::after {
    content: '\e804'; font-family: "common-icons"; position: relative; display: block; font-size: calc(100% + 10%); width: auto; height: auto; 
    top: 0; left: 0; right: 0; bottom: 0; background: none !important; color: currentColor; margin: 0; margin-left: 10px; }

.wdt-flex-banner-options .wdt-flex-banner-option .wdt-flex-banner-label img{height: 100%;object-fit: cover;width: 100%; border-radius: var(--wdtRadius_3X);}
.wdt-flex-banner-options .wdt-flex-banner-option .wdt-flex-banner-label .wdt-flex-banner-image-wrapper{
  height: 100%; padding: clamp(1.25rem, 1.1388rem + 0.6135vw, 1.875rem); /*30px - 20px*/ padding-left: 0;}


/* Transtion Style */

/* .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-title,
.wdt-flex-banner-options .wdt-flex-banner-option .wdt-flex-banner-label .wdt-flex-banner-icon,
.wdt-flex-banner-options .wdt-flex-banner-option .wdt-flex-banner-label div.wdt-flex-banner-sub-title,
.wdt-flex-banner-options .wdt-flex-banner-option .wdt-flex-banner-label div.wdt-flex-banner-content,
.wdt-flex-banner-options .wdt-flex-banner-option .wdt-flex-banner-label div.wdt-flex-banner-button,
.wdt-flex-banner-options .wdt-flex-banner-option .wdt-flex-banner-label img { 
  -webkit-transition: var(--wdt-Livi-Transition); transition: var(--wdt-Livi-Transition); }

.wdt-flex-banner-options .wdt-flex-banner-option.active .wdt-flex-banner-title,
.wdt-flex-banner-options .wdt-flex-banner-option.active .wdt-flex-banner-label .wdt-flex-banner-icon,
.wdt-flex-banner-options .wdt-flex-banner-option.active .wdt-flex-banner-label div.wdt-flex-banner-sub-title,
.wdt-flex-banner-options .wdt-flex-banner-option.active .wdt-flex-banner-label div.wdt-flex-banner-content,
.wdt-flex-banner-options .wdt-flex-banner-option.active .wdt-flex-banner-label div.wdt-flex-banner-button,
.wdt-flex-banner-options .wdt-flex-banner-option.active .wdt-flex-banner-label img {
 -webkit-transition: var(--wdt-Livi-Transition); transition: var(--wdt-Livi-Transition); }

.wdt-flex-banner-options .wdt-flex-banner-option .wdt-flex-banner-label img{
  transition-delay: 0ms;  -webkit-transform: translateX(50px); transform: translateX(50px);opacity: 0;}
.wdt-flex-banner-options .wdt-flex-banner-option .wdt-flex-banner-label .wdt-flex-banner-title {
  transition-delay: 0ms; -webkit-transform: translateX(50px); transform: translateX(50px);opacity: 0; }
.wdt-flex-banner-options .wdt-flex-banner-option .wdt-flex-banner-label div.wdt-flex-banner-sub-title {
  transition-delay: 0ms; -webkit-transform: translateX(50px); transform: translateX(50px); opacity: 0;}
.wdt-flex-banner-options .wdt-flex-banner-option .wdt-flex-banner-label div.wdt-flex-banner-content {
  transition-delay: 0ms; -webkit-transform: translateX(50px); transform: translateX(50px); opacity: 0; }
.wdt-flex-banner-options .wdt-flex-banner-option .wdt-flex-banner-label div.wdt-flex-banner-button {
  transition-delay: 0ms; -webkit-transform: translateX(50px); transform: translateX(50px); opacity: 0; }

  .wdt-flex-banner-options .wdt-flex-banner-option.active .wdt-flex-banner-label img{
  transition-delay: 400ms;-webkit-transform: translateX(0); transform: translateX(0); opacity: 1;}
.wdt-flex-banner-options .wdt-flex-banner-option.active .wdt-flex-banner-title {
  transition-delay: 480ms; -webkit-transform: translateX(0); transform: translateX(0); opacity: 1;}
.wdt-flex-banner-options .wdt-flex-banner-option.active .wdt-flex-banner-label div.wdt-flex-banner-sub-title {
  transition-delay: 550ms; -webkit-transform: translateX(0); transform: translateX(0); opacity: 1;}
.wdt-flex-banner-options .wdt-flex-banner-option.active .wdt-flex-banner-label div.wdt-flex-banner-content {
  transition-delay: 620ms; -webkit-transform: translateX(0); transform: translateX(0); opacity: 1; }
.wdt-flex-banner-options .wdt-flex-banner-option.active .wdt-flex-banner-label div.wdt-flex-banner-button {
  transition-delay: 640ms; -webkit-transform: translateX(0); transform: translateX(0); opacity: 1; }

/* Transtion End */

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

.wdt-flex-banner-options .wdt-flex-banner-option .wdt-flex-banner-label > div:last-child { margin-bottom: 0; }
.wdt-flex-banner-options .wdt-flex-banner-option .wdt-flex-banner-label > div.wdt-flex-banner-content { 
  font-family: var(--wdtFontTypo_Base); }
.wdt-flex-banner-options .wdt-flex-banner-option .wdt-flex-banner-label > div.wdt-flex-banner-content p { margin: 0; }

.wdt-flex-banner-options .wdt-flex-banner-option .wdt-flex-banner-shadow {
  pointer-events: none; opacity: 0; 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-content ul {
  margin: 16px 0px; list-style-type: none; padding: 0px; font-family: var(--wdtFontTypo_Alt); 
  font-size: clamp(1.125rem, 1.0962rem + 0.1282vw, 1.25rem); /* Min-18 & Max-20 */ }

.wdt-flex-banner-options .wdt-flex-banner-option .wdt-flex-banner-label .wdt-flex-banner-info > div.wdt-flex-banner-content ul:first-child {
  margin-top: 0px; }
.wdt-flex-banner-options .wdt-flex-banner-option .wdt-flex-banner-label .wdt-flex-banner-info > div.wdt-flex-banner-content ul:last-child {
  margin-bottom: 0px; }
.wdt-flex-banner-options .wdt-flex-banner-option .wdt-flex-banner-label .wdt-flex-banner-info > div.wdt-flex-banner-content ul li { 
  padding: 0px; position: relative; }

.wdt-flex-banner-options .wdt-flex-banner-option .wdt-flex-banner-label .wdt-flex-banner-info > div.wdt-flex-banner-content ul li:before {
  content: ""; position: relative; display: inline-block; width: 6px; height: 6px; margin-right: 10px;
  background-color: var(--wdtPrimaryColor); border-radius: 50%; }


.wdt-flex-banner-options .wdt-flex-banner-option .wdt-flex-banner-label .wdt-flex-banner-icons { margin: 0 -8px 16px;
  display: flex; flex-wrap: nowrap; align-items: center; width: auto;  }

.wdt-flex-banner-options .wdt-flex-banner-option .wdt-flex-banner-label .wdt-flex-banner-icons .wdt-flex-banner-icon {
  font-size: 2rem; padding: 8px; display: inherit; }

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

.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(--wdtPrimaryColor); 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 { 
  background-color: var(--wdtSecondaryColor); color: var(--wdtTertiaryColor); }


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

.wdt-flex-banner-options .wdt-flex-banner-option .wdt-flex-banner-title { display: flex; align-items: center; } 
@media only screen and (min-width:1025px) and (max-width:1280px) { 
  .wdt-flex-banner-options .wdt-flex-banner-option .wdt-flex-banner-label .wdt-flex-banner-detail-info .wdt-flex-banner-content > p span {
    font-size: clamp(0.875rem, 0.3725rem + 0.7843vw, 1rem); /*16px - 14px*/
  }
}

@media ( min-width: 1025px) {
  .wdt-flex-banner-options { display: flex; flex-wrap: nowrap; }
  .wdt-flex-banner-options .wdt-flex-banner-option {
      flex: 0.5;
      width: 100% !important;
      overflow: hidden;
      display: flex;
      flex-direction: column;
      position: relative;
      transition: flex .6s cubic-bezier(.29,0,.2,1);
      will-change: flex;
      }
  .wdt-flex-banner-options .wdt-flex-banner-option.active {flex: 3;}
  .wdt-flex-banner-options .wdt-flex-banner-option.active .wdt-flex-banner-label .wdt-flex-banner-media-info {
    width: auto;
    }

  .wdt-flex-banner-options .wdt-flex-banner-option .wdt-flex-banner-label .wdt-flex-banner-media-info { cursor: pointer; }
  .wdt-flex-banner-options .wdt-flex-banner-option.active .wdt-flex-banner-label .wdt-flex-banner-media-info { cursor: auto; }

  
  /* Info */

    .wdt-flex-banner-options .wdt-flex-banner-option .wdt-flex-banner-label .wdt-flex-banner-detail-info {
        width: 0%;
        transition: clip-path 0.8s cubic-bezier(.29,0,.2,1), opacity 0.1s linear;
        -webkit-transition: clip-path 0.8s cubic-bezier(.29,0,.2,1), opacity 0.1s linear;
        opacity: 0;
        transition-delay: 0s;
        -webkit-transition-delay: 0s;
        clip-path: inset(0 100% 0 0);
        -webkit-clip-path: inset(0 100% 0 0);
    }

    .wdt-flex-banner-options .wdt-flex-banner-option.active .wdt-flex-banner-label .wdt-flex-banner-detail-info {
        width: 100%;
        opacity: 1;
        clip-path: inset(0 0 0 0);
        -webkit-clip-path: inset(0 0 0 0);
        transition: clip-path 0.8s cubic-bezier(.29,0,.2,1), opacity 0.3s linear;
        -webkit-transition: clip-path 0.8s cubic-bezier(.29,0,.2,1), opacity 0.3s linear;
        transition-delay: 0.3s;
        -webkit-transition-delay: 0.3s;
    }

}

@media ( max-width: 1024px) { 

  .wdt-flex-banner-options .wdt-flex-banner-option { position: relative; height: 100% !important; }
  .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: 0; z-index: 1; flex-flow: column wrap; }
  .wdt-flex-banner-options .wdt-flex-banner-option .wdt-flex-banner-label .wdt-flex-banner-info { padding: 18px 0 0; }
  .wdt-flex-banner-options .wdt-flex-banner-option .wdt-flex-banner-label .wdt-flex-banner-detail-info { 
    width: 100%; max-width: 100%; padding: 25px; }
    .wdt-flex-banner-options .wdt-flex-banner-option .wdt-flex-banner-label .wdt-flex-banner-media-info .wdt-flex-banner-title-1{
      writing-mode: horizontal-tb; transform: rotate(0deg); }
  .wdt-flex-banner-options .wdt-flex-banner-option .wdt-flex-banner-label .wdt-flex-banner-media-info{
      pointer-events: none; position: relative; padding: 25px; padding-bottom: 0; 
      display: flex; flex-direction: row; justify-content: flex-start; align-items: center; z-index: 2; }
  .wdt-flex-banner-options .wdt-flex-banner-option .wdt-flex-banner-label .wdt-flex-banner-media-info > div:not(:last-child) {
    margin-right: 18px; margin-bottom: 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-icons, 
  .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 { /* display: flex; margin-top: auto; align-items: flex-end; */
    padding: 0x; width: 100%; margin-left: auto; 
    align-content: end; opacity: 1; -webkit-transform: none; transform: none; transition: 375ms cubic-bezier(0.7, 0, 0.3, 1); 
    transition-delay: 0ms; margin-top: auto; }
  .wdt-flex-banner-options .wdt-flex-banner-option .wdt-flex-banner-label img{
    transition-delay: 80ms; -webkit-transform: translateY(0); transform: translateY(0); opacity: 1;}
  .wdt-flex-banner-options .wdt-flex-banner-option .wdt-flex-banner-label .wdt-flex-banner-icon { 
    transition-delay: 70ms; -webkit-transform: translateY(0); transform: translateY(0); opacity: 1; }
  .wdt-flex-banner-options .wdt-flex-banner-option .wdt-flex-banner-label .wdt-flex-banner-title { 
    transition-delay: 60ms; -webkit-transform: translateY(0); transform: translateY(0); opacity: 1; }
  .wdt-flex-banner-options .wdt-flex-banner-option .wdt-flex-banner-label 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 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 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-media-info .wdt-flex-banner-icon{
    height: 60px;
    width: 60px;
    background-color: var(--wdtTertiaryColor);
    border-radius: var(--wdtRadius_Full);
    font-size: var(--wdtFontSize_H4);
    align-items: center;
    justify-content: center;
    margin: 0;
  }

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

  .wdt-flex-banner-options { 
    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 { cursor: grab; 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: 0px; }

  /* For Resposive */

  .wdt-flex-banner-options .wdt-flex-banner-option .wdt-flex-banner-label .wdt-flex-banner-image-wrapper { padding: 0; padding-bottom: 20px; }
  .wdt-flex-banner-options .wdt-flex-banner-option .wdt-flex-banner-label .wdt-flex-banner-text-content { padding: 0; }

}

@media (max-width: 767px) {

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

  /* .wdt-flex-banner-options .wdt-flex-banner-option .wdt-flex-banner-label { width: 100%; } */
}

@media (max-width: 480px) {

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

/* ===== Scrollbar CSS ===== */
  /* Firefox */
  .wdt-flex-banner-options { 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; }