.clr{clear: both;}
.navbar{ padding-top:0; }
.content-wrapper-nav{ width:100%; border-radius:0; }
.our-solution-bg{ background:none; }
/*.full-section { margin: 0 !important}*/

.bannerleft{  padding-bottom:10px;background: #EC7823; text-align:center; }
.bannerleft .animation{ color: #fff; font-size: 2em;}
.our-solution-bg{ padding-top:0; }
.travel-lifestyle p.solution-heading{ color:#fff; font-size: 1.1em; font-weight: 500; font-family: Generalsans, sans-serif;
    line-height: 1.3; padding:10px 0 }
  .travel-lifestyle .solution-box{ background:transparent; margin:1%; border:1.5px solid #1f1f20; color: #1f1f20;   padding: 0 0 2px; }
  .travel-lifestyle p.solution-heading{ padding: 10px 0 0;color:#1f1f20 }
  .travel-lifestyle .solution-box img{
        float: none;
        width: 55px;
        }
    .travel-lifestyle .solution-heading{text-align: center;}
    .travel-lifestyle-height{ padding-top:0; }
.registernow{ position: fixed;-webkit-backdrop-filter: blur(4px);
    backdrop-filter: blur(4px);
    background-color: rgba(221, 221, 221, 0); width: 100%;
    bottom: 0;
    z-index: 99; left:0 }
.registernow a {
    background-color: #000000ba;
    width: auto;
     display: inline-block; 
    color: #ffffff;
    text-align: center;
     border-radius: 20px; 
    padding: 10px 40px;
    line-height: 1;
    margin: 10px auto;
    text-decoration: none;
     border: 1px solid #ffffff; 
    text-transform: uppercase;
    font-size: 1em;
     -webkit-box-shadow: 0px 0px 5px 0px rgba(227, 170, 129, 1); 
    -moz-box-shadow: 0px 0px 5px 0px rgba(227, 170, 129, 1);
     box-shadow: 0px 0px 5px 0px rgba(227, 170, 129, 1); 
}
.footer{ border-radius:0;padding-bottom: 20px; }
.slider-height .position-relative{position: relative;}
.slider-height .position-absolute{ position:absolute; bottom:0;     background: #323232b3;
    width: 100%;
    padding: 0 10px;
    color: #fff;border-radius: 0 0 5px 5px; }

  .gptw{ margin:20px 0 0; }
  .slider-column-left{ width:100% !important; display:block; text-align:center; padding:0; }
  .full-section{ top:0; margin-top:100px }
  #Solution .owl-carousel .owl-item img{ border-radius:5px; }
  .package-list li{ display:flex; align-items: center; justify-content: start; }
  .package-list li img{ max-width: 17px; margin-right: 7px; }
  .package-name{ margin:-32px auto 0; }
  .white1-package-name{ display:none; }
  .white2-package-name{position: absolute;
    left: -20%;
    margin-top: -32px;}
    .white3-package-name{display: none;}
    .package2{ margin-bottom:45px; }
    .position-relative{ position-relative }
    .tabs {
            display: flex;
            gap: 5px;
            /*border-bottom: 1px solid #ddd;*/
            margin: 20px 0 10px !important; justify-content:center;font-size: 18px;
          }

      .tab {
        position: relative;
        cursor: pointer;
        font-weight: 500;
        color: #333;
        transition: color 0.3s ease;padding: 0 17px; font-size: 18px;
      }

      .tab:hover {
    color: #ffffff;
    padding: 0 17px;
    background: #ff780a;
    border: 1px solid #fff;
    border-radius: 20px;
    box-shadow: -1px -1px 13px 0px rgba(0, 0, 0, 0.75);
    -webkit-box-shadow: -1px -1px 13px 0px rgba(0, 0, 0, 0.25);
    -moz-box-shadow: -1px -1px 13px 0px rgba(0,0,0,0.75);font-size: 18px;
}

      .tab.active {
    color: #ffffff;
    padding: 0 17px;
    background: #ff780a;
    border: 1px solid #fff;
    border-radius: 20px;
    box-shadow: -1px -1px 13px 0px rgba(0, 0, 0, 0.75);
    -webkit-box-shadow: -1px -1px 13px 0px rgba(0, 0, 0, 0.25);
    -moz-box-shadow: -1px -1px 13px 0px rgba(0,0,0,0.75);font-size: 18px;
}

.package2 .benefits{margin-bottom:58px !important;}
.package2 .content .benefits{margin-bottom:10px !important}

      /*.tab.active::after {
        content: "";
        position: absolute;
        left: 0;
        bottom: -1px;
        width: 100%;
        background: #f47920;
        animation: underline 0.3s ease;
      }

      @keyframes underline {
        from {
          width: 0;
        }
        to {
          width: 100%;
        }
      }*/

      .content {
        opacity: 0;
        transform: translateY(10px);
        transition: opacity 0.4s ease, transform 0.4s ease;
        display: none;
      }

      .content.active {
        opacity: 1;
        transform: translateY(0);
        display: block;
      }
.package-list span{    background: #e3e0e0; border-radius: 10px; padding: 0 6px; font-size: 12px !important; margin-left: 5px; display: inline-block;}
.devide-line{ margin:0 4px }
.detail-membership a{color: #d97b07;}
.detail-membership a:hover{ color:#000; }
.detail-membership svg{display: inline-block;margin-left: 2px;margin-top: -1px;} 
.df-club-tnc{text-align: left; font-size: small; font-style: italic;}
.benefitsdiv{ display:flex; }
.benefitsdiv item{ display:block !important; }
.item .container{ display:flex; }
.item .container .slide-image-container{ opacity:1; }
.item .container .slide-text-container{ opacity:1 }
.slide-text-container h2{    font-family: gyst variable !important;}
#dreamfolksclub img.object-cover{ filter: drop-shadow(1px 1px 4px #787878); }
#dreamfolksclub h2{font-family: gyst variable !important;}
#benefits1{ margin-top:50px }
/*.contain {
  margin: 0 auto;
  max-width: 1200px;
  width: 100%;
}*/

.item {
  align-items: center;
  display: flex;
  justify-content: center;
}
/*.owl-item{ width:100% !important }*/
 /* Custom animation for headline blur-in */
@keyframes blur-in {
    from {
        filter: blur(10px);
        opacity: 0;
        transform: scale(1.1);
    }
    to {
        filter: blur(0);
        opacity: 1;
        transform: scale(1);
    }
}

.headline-animation {
    animation: blur-in 2.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards;
}

/* Styling for the interactive cards */
.interactive-card {
    transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    box-shadow: 0 10px 30px rgba(0,0,0,0.1);
    background-color: #ffffff;
    border: 1px solid #e5e7eb;
}

.interactive-card:hover {
    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
}

.card-content {
    transition: opacity 0.5s ease-in-out;
}

/* Fade-in animation for elements on scroll */
.fade-in-element {
    opacity: 0;
    transition: opacity 1s ease-out;
}

.fade-in-element.is-visible {
    opacity: 1;
}

/* NEW STYLES FOR THE CAROUSEL SECTION */
#benefits-carousel-section {
    height: auto;
}

.benefits-carousel-sticky-container {
    position: relative;
    top: auto;
    height: auto;
    width: 100%;
    overflow: visible;
}

.benefits-carousel-slide {
    position: relative;
    top: auto;
    left: auto;
    width: 100%;
    height: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 1;
    pointer-events: auto;
}


/* Animation for content within the slide */
.slide-image-container, .slide-text-container {
    transform: none;
    opacity: 1;
}


.slide-image-container { width: 50%;
    transition-delay: 0.1s;
}
.slide-text-container { width: 50%;
    transition-delay: 0.2s;
}
.w-100{ width:100%; }
.package2{ position:relative; }
.df-club-recommended{position: absolute; z-index: 1;
    right: 0;
    margin-top: 10px;
    /* background: #9b4e0ffa; */
    border-radius: 20px 0 0 20px;
    padding: 2px 10px 4px 10px;
    color: #000000;
    font-size: 14px;
    display: flex;
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#fceabb+0,f8b500+52,fcf794+100 */
    background: linear-gradient(to bottom, #fbf127 0%, #f8b500 52%, #fbf127 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */}
    .df-club-recommended svg{margin: 3px 3px 0 0;}
.headline-animation{font-family: gyst variable !important;}
@media screen and (max-width: 1199px) {
    .half-column{margin-top: -23px;padding: 15px 0 5px;}
}
@media screen and (max-width: 990px) {
    .half-column{margin-top: 0;}
    .bannerleft{ margin-top: 0;padding: 15px 0 5px; }
    .full-section .flex{ margin:0; }
    .full-section{ margin-top:70px; }
    .comfortable-journey .flex{ margin:0 }
    .preferred-partner .left-arrow{ display:none; }
    .preferred-partner .right-arrow{ display:none; }
    .owl-carousel h5.medium{font-size: 17px !important; margin:5px 0;}
    .owl-carousel p.paragraph-medium{font-size: 15px !important;line-height: 20px;}
    
}

@media screen and (max-width: 767px) {
    .item .container{ display:block; }
    .slide-image-container{ width:100%; }
    .slide-text-container{ width:100%; }
    .white2-package-name{ display:none; }
    .white1-package-name{ display:block; margin:-32px auto 0; }
    .white3-package-name{ display:block !important; margin:-32px auto 0; }
    .package2 .benefits{margin-bottom:10px !important;}
    .item .container .slide-text-container{ height:190px }
}

@media screen and (max-width: 586px) {

}