/* ClubFR8 Homepage */
:root {
    --color-dark-gray-emcs: #f4f5f7;
    --color-bg-primary-emcs: #006b89;
    --color-error-message: #eb2323;
}


.hero-overlay-img{
   height: 295px;
   width: auto;
}

.hero-additional-desktop-img {
   width: auto;
   position: absolute;
   transform: translateX(0);
   margin-left: 20px;
   margin-left: 500px;
   margin-top: 100px;
}


/* Mobile responsive */
@media (max-width: 768px) {
   .hero-overlay-img{
     height: 174px;
     width: auto;
     margin: auto;
   }
   
   .hero-section-shimmer {
       border-radius: 0;
   }
}

.hero-foreground-image2 {
   margin-top: 128.5px;
   transform: translateX(-12px);
}

/* Weekly Deals Section */
.weekly-deals-section {
   background-color: #fad305;
   padding: 29px 27.5px 16px;
}

/* Owl Carousel Custom Styles */
.weekly-deals-section .owl-carousel {
    position: relative;
    padding: 0 0px;
}

/* Ensure cards are visible before Owl Carousel initializes */
.weekly-deals-section .owl-carousel .item {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
}

/* Show cards immediately even before Owl Carousel loads */
.weekly-deals-section .deals-cards {
    display: block;
}

.weekly-deals-section .deals-cards .item {
    display: block;
    margin-bottom: 20px;
}

/* Desktop: Show cards side by side before Owl Carousel loads */
@media (min-width: 992px) {
    .weekly-deals-section .deals-cards {
        display: flex;
        flex-wrap: wrap;
        gap: 20px;
    }
    
    .weekly-deals-section .deals-cards .item {
        flex: 0 0 calc(50% - 10px);
        margin-bottom: 0;
    }
}

/* Mobile: Keep cards stacked vertically */
@media (max-width: 991px) {
    .weekly-deals-section .deals-cards .item {
        display: block;
        margin-bottom: 20px;
    }
}

.weekly-deals-section .owl-carousel .owl-stage-outer {
    overflow: hidden;
}

.weekly-deals-section .owl-carousel .owl-stage {
    display: flex;
}

.weekly-deals-section .owl-carousel .owl-item {
    width: 100%;
    flex-shrink: 0;
    padding: 0;
    box-sizing: border-box;
}

/* Desktop specific spacing */
@media (min-width: 992px) {
    .weekly-deals-section .owl-carousel .owl-item {
        padding: 0;
    }
}

/* Mobile responsive */
@media (max-width: 768px) {
   .marquee-carousel-wrapper {
       padding: 0 0px 0 15px;
       overflow: hidden;
       width: 100%;
   }
    
    .marquee-item {
        padding: 12px 15px;
        min-height: 50px;
    }
    
    .marquee-text {
        font-size: 14px;
    }
}

#marquee-carousel-category .marquee-text{
    color: #000;
}

#marquee-carousel-category .marquee-separator{
    color: #000;
}

/* Editor's Picks Section - Mobile Carousel */
@media (max-width: 1280px) {
    .editors-picks-section .picks-grid.owl-carousel {
        display: block;
    }
    
    .editors-picks-section .picks-grid.owl-carousel .pick-card {
        width: 100%;
        max-width: 100%;
        margin: 0;
        padding: 10px;
        padding-bottom: 20px;
    }
    
    .editors-picks-section .picks-grid.owl-carousel .owl-nav {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        width: 100%;
        display: flex;
        justify-content: space-between;
        pointer-events: none;
        z-index: 10;
        left: 0;
        right: 0;
        visibility: visible !important;
    }
    
    .editors-picks-section .picks-grid.owl-carousel .owl-nav button {
        pointer-events: auto;
        background: transparent;
        border: none;
        width: 23px;
        height: 23px;
        display: flex;
        align-items: center;
        justify-content: center;
        transition: all 0.3s ease;
        z-index: 10;
        left: 0;
        right: 0;
        visibility: visible !important;
    }
    
    .editors-picks-section .picks-grid.owl-carousel .owl-nav .owl-prev {
        background-image: url('../images/next-blue-arrow.svg');
        background-repeat: no-repeat;
        background-position: center;
        background-size: contain;
        left: 0;
    }
    
    .editors-picks-section .picks-grid.owl-carousel .owl-nav .owl-next {
        background-image: url('../images/previous-blue-arrow.svg');
        background-repeat: no-repeat;
        background-position: center;
        background-size: contain;
        right: 0;
    }
    
    .editors-picks-section .picks-grid.owl-carousel .owl-nav button:hover {
        transform: scale(1.1);
    }
    
    .editors-picks-section .picks-grid.owl-carousel .owl-nav .owl-prev span {
        left: 10px;
        display: none;
    }
    
    .editors-picks-section .picks-grid.owl-carousel .owl-nav .owl-next span {
        right: 10px;
        display: none;
    }
    
    .editors-picks-section .picks-grid.owl-carousel .owl-dots {
        text-align: center;
        margin-top: 30px;
        display: block !important;
        visibility: visible !important;
    }
    
    .editors-picks-section .picks-grid.owl-carousel .owl-dots .owl-dot {
        display: inline-block;
        margin: 0 5px;
    }
    
    .editors-picks-section .picks-grid.owl-carousel .owl-dots .owl-dot span {
        width: 10px;
        height: 10px;
        background: #ffffff !important;
        border-radius: 50%;
        display: block;
        transition: all 0.3s ease;
    }
    
    .editors-picks-section .picks-grid.owl-carousel .owl-dots .owl-dot.active span {
        background: #d22042 !important;
        transform: scale(1.2);
    }
    
    .editors-picks-section .picks-grid.owl-carousel .owl-dots .owl-dot:hover span {
        background: #d22042 !important;
        transform: scale(1.1);
    }
}

/* Desktop - Keep original grid layout */
@media (min-width: 1281px) {
    .editors-picks-section .picks-grid {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 30px;
    }
    
    .editors-picks-section .picks-grid.owl-carousel {
        display: grid !important;
    }
    
    .editors-picks-section .picks-grid.owl-carousel .owl-stage-outer,
    .editors-picks-section .picks-grid.owl-carousel .owl-stage,
    .editors-picks-section .picks-grid.owl-carousel .owl-item {
        display: contents;
    }
    
    .editors-picks-section .picks-grid.owl-carousel .owl-nav,
    .editors-picks-section .picks-grid.owl-carousel .owl-dots {
        display: none !important;
    }
}


.weekly-deals-section .owl-nav {
    position: absolute;
    top: 37%;
    transform: translateY(-50%);
    width: 100%;
    display: flex !important;
    justify-content: space-between;
    pointer-events: none;
    z-index: 10;
    left: 0;
    right: 0;
    visibility: visible !important;
}

.owl-theme .owl-nav{
    margin-top: 0px !important;
}

/* Mobile navigation positioning - arrows outside card area */
@media (max-width: 1280px) {
    .weekly-deals-section .owl-nav {
        left: 0;
        right: 0;
        padding: 0 15px;
        top: 35%;
    }
    
    .weekly-deals-section .owl-nav .owl-prev {
        margin-left: 0;
        position: absolute;
        left: 15px;
    }
    
    .weekly-deals-section .owl-nav .owl-next {
        margin-right: 0;
        position: absolute;
        right: 15px;
    }
}

/* Desktop button size */
@media (min-width: 1281px) {
    .weekly-deals-section .owl-nav button {
        background: transparent !important;
        border: none !important;
        width: 55px !important;
        height: 55px !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        transition: all 0.3s ease !important;
        pointer-events: auto;
    }
}

.weekly-deals-section .owl-nav button:hover {
    opacity: 1;
    transform: scale(1.1);
    background-color: transparent !important;
}

.weekly-deals-section .owl-nav .owl-prev {
    background-image: url('../images/previous-arrow.svg') !important;
    background-size: contain !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
}

.weekly-deals-section .owl-nav .owl-next {
    background-image: url('../images/next-arrow.svg') !important;
    background-size: contain !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
}

/* Desktop arrow positioning - outside card area */
@media (min-width: 1281px) {
    .weekly-deals-section .owl-nav .owl-prev {
        left: -85px;
        position: absolute;
    }

    .weekly-deals-section .owl-nav .owl-next {
        right: -75px;
        position: absolute;
    }
}

.weekly-deals-section .owl-dots {
    text-align: center;
    display: block !important;
    visibility: visible !important;
    margin-top: 20px;
}

.weekly-deals-section .owl-dots .owl-dot {
    display: inline-block;
    margin: 0 5px;
}

.deal-title h2 {
    font-size: 24px;
}

.weekly-deals-section .owl-dots .owl-dot span {
    width: 12px;
    height: 12px;
    background: #ffffff !important;
    border-radius: 50%;
    display: block;
    transition: all 0.3s ease;
}

.weekly-deals-section .owl-dots .owl-dot.active span {
    background: #d22042 !important;
    transform: scale(1.2);
}

.weekly-deals-section .owl-dots .owl-dot:hover span {
    background: #d22042 !important;
    transform: scale(1.1);
}

.deals-title {
   font-size: 40px;
   font-weight: bold;
   color: #d22042;
   line-height: 1.25;
   text-align: center;
}

.deals-cards {
   display: flex;
   gap: 30px;
   justify-content: center;
   margin: 20px 0;
}

.deal-card {
   background: #fff;
   border: solid 1px #eff9fc;
   padding: 0 20px 20px 20px;
   width: 100%;
   max-width: 567px;
   height: 315px;
   box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
   display: flex;
   flex-direction: column;
   position: relative;
   transition: all 0.3s ease;
   box-sizing: border-box;
}

.deal-card:hover {
   border: solid 2px #e64b35;
}

.deal-header {
   display: flex;
   align-items: flex-start;
   justify-content: space-between;
   margin-top: 0;
   margin-bottom: 15px;
}

.deal-left-content {
   display: flex;
   flex-direction: row;
   align-items: flex-start;
   flex: 1;
   min-width: 0;
   gap: 20px;
}

.deal-logo-img {
   width: 90px !important;
   height: 100px;
   object-fit: contain;
}

.deal-action-badge {
   position: relative;
   display: inline-block;
   margin-top: -21px;
}

.deal-action-icon {
   display: block;
   width: 94px;
   height: 114px;
   object-fit: contain;
}

.deal-action-text {
   position: absolute;
   top: 50%;
   left: 50%;
   transform: translate(-50%, -50%);
   display: flex;
   flex-direction: column;
   align-items: center;
   justify-content: center;
   text-align: center;
   pointer-events: none;
   gap: 4px;
   width: 90px;
}

.save-text {
   font-size: 16px;
   font-weight: 500;
   color: #fff;
   line-height: 0.5;
   white-space: nowrap;
   margin-bottom: 0;
}

.save-amount {
   font-size: 24px;
   font-weight: bold;
   color: #ffd200;
   white-space: nowrap;
}

.per-gal-text {
   font-size: 16px;
   font-weight: 500;
   color: #fafeff;
   line-height: 1;
   white-space: nowrap;
   margin-top: 0;
}

.deal-title {
   margin-top: 10px;
   margin-bottom: 8px;
}

.deal-title h3 {
   font-size: 24px;
   color: #000;
   line-height: 1;
   font-weight: 600;
   margin: 0;
}

.deal-category {
   display: flex;
   align-items: center;
   gap: 8px;
   color: var(--category-color);
   font-size: 20px;
   margin-top: 0;
   margin-bottom: 0;
}

.deal-category img {
   width: 30px !important;
   height: 30px;
   object-fit: contain;
}

.deal-category-gas {
   color: #f3765c;
}

.deal-category-insurance {
   color: #03a6d5;
}

.deal-description {
   margin-bottom: 30px;
   flex-grow: 1;
   display: flex;
}

.deal-description p {
   font-size: 16px;
   line-height: 1.63;
   margin-top: 15px;
   margin-bottom: 0;
}

.deal-actions {
   display: flex;
   justify-content: center;
   align-items: center;
   margin-bottom: 20px;
}

.deal-verified {
   position: absolute;
   bottom: 15px;
   right: 15px;
}

.deal-verified img {
   width: 80px !important;
   height: 30px !important;
}

.carousel-container {
   position: relative;
   display: flex;
   align-items: center;
   width: 100%;
   max-width: 1200px;
   margin: 0 auto;
   overflow: hidden;
   gap: 20px;
}

.deals-cards-wrapper {
   overflow: hidden;
   width: 100%;
}

.deals-cards {
   display: flex;
   transition: transform 0.5s ease;
}

.deal-card {
   flex: 0 0 50%;
   box-sizing: border-box;
   padding: 20px;
   min-width: 0; 
   border-radius: 10px;
}

/* Weekly Deals Section - Mobile */
@media (max-width: 1280px) {
    .weekly-deals-section {
        padding: 20px 15px;
    }

    .deal-card {
        width: 100% !important;
        max-width: 100% !important;
    }
    
    .weekly-deals-section .owl-carousel {
        padding: 0 0px;
    }
    
    .weekly-deals-section .owl-nav .owl-prev {
        left: 0;
    }
    
    .weekly-deals-section .owl-nav .owl-next {
        right: 0;
    }

    .deal-title h2 {
        font-size: 18px;
    }
    
    .weekly-deals-section .owl-nav button {
        width: 23px !important;
        height: 23px !important;
        pointer-events: auto !important;
        cursor: pointer !important;
        z-index: 11 !important;
        position: relative !important;
    }

    .deal-left-content {
      display: flex;
      flex-direction: column;
      align-items: center;
      flex: 1;
      min-width: 0;
      gap: 0px;
    }
    
    .deals-title {
       font-size: 24px;
       text-align: center;
       margin-bottom: 20px;
    }
    
    .deals-cards {
        position: relative;
        flex-direction: column;
        align-items: center;
    }
    
    .deal-card {
        width: 100% !important;
        max-width: 100% !important;
        height: auto;
        min-height: 280px;
        padding: 15px 20px 20px;
        position: relative;
        border-radius: 10px;
        box-sizing: border-box;
        margin: 0 auto;
    }
    
    .deal-header {
        flex-direction: column;
        align-items: center;
        justify-content: center;
        margin-bottom: 10px;
        position: relative;
    }

    .deal-verified {
        position: absolute;
        top: 15px;
        left: 15px;
        bottom: auto;
        right: auto;
    }
    
    .deal-verified img {
        width: 60px;
        height: 30px;
    }
    

    .deal-logo-img {
        width: 110px !important;
        height: 80px !important;
        object-fit: contain !important;
        margin: 0 auto 10px;
        display: block !important;
    }
    
    .deal-action-badge {
        position: absolute;
        top: -16px;
        right: -10px;
        margin-top: 0;
    }
    
    .deal-action-icon {
        width: 70px;
        height: 85px;
        object-fit: contain;
    }
    
    .deal-action-text {
        width: 65px;
        gap: 0;
    }
    
    .save-text {
        font-size: 12px;
        font-weight: 500;
        margin-bottom: 1px;
    }
    
    .save-amount {
        font-size: 18px;
        font-weight: bold;
        margin: 0;
    }
    
    .per-gal-text {
        font-size: 12px;
        font-weight: 500;
        margin-top: 1px;
    }

    .deal-title {
        text-align: center;
        width: 100%;
        margin: 0;
    }
    
    .deal-title h3 {
        font-size: 18px;
        margin: 0 0 10px 0;
        text-align: center;
    }

    .deal-category {
        justify-content: center;
        margin: 0 0 15px 0;
        font-size: 16px;
    }
    
    .deal-category img {
        width: 20px !important;
        height: 20px !important;
        object-fit: contain !important;
        display: inline-block !important;
    }
    
    .deal-description {
        text-align: center;
        margin: auto auto 20px auto;
    }
    
    .deal-description p {
        font-size: 14px;
        line-height: 1.43;
        margin: 0;
    }
    
    .deal-actions {
        display: flex;
        justify-content: center;
        margin: 0;
    }
    
    
    .deal-btn img {
        width: 12px !important;
        height: 12px !important;
        display: inline-block !important;
    }
}

/* Marquee Section Styles */
.clubfr8-marquee-section {
   padding: 10px 29.5px 0px 33px;
   overflow: hidden;
   position: relative;
   box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
   min-height: 60px;
}

/* Carousel Wrapper */
.marquee-carousel-wrapper {
   width: 100%;
   overflow: hidden;
   position: relative;
}

/* Carousel Container */
.marquee-carousel-container {
   display: flex;
   align-items: center;
   width: 100%;
}

/* Marquee Slide Wrapper */
.marquee-slide {
   flex: 0 0 100%; /* 1 item visible on desktop */
   display: flex;
   align-items: center;
   justify-content: center;
   box-sizing: border-box;
}

/* Marquee Items */
.marquee-item {
   display: flex;
   align-items: center;
   justify-content: center;
   padding: 2px 4px;
   white-space: nowrap;
   min-height: 44px;
   box-sizing: border-box;
   flex: 0.2;
}

/* Marquee Separator */
.marquee-separator {
   color: #fff;
   font-size: 18px;
   font-weight: 300;
   padding: 0 4px;
   margin: 0 2px;
   flex-shrink: 0;
}

.marquee-icon {
   width: 16px;
   height: 16px;
   margin-right: 6px;
   flex-shrink: 0;
}

.marquee-text {
   color: white;
   font-weight: bold;
   font-size: 18px;
   line-height: 1.33;
}

/* Static mode - no animation for less than 3 items */
.marquee-static-item {
   flex: 0 0 auto;
   margin: 0 10px;
}

.marquee-item-link {
   cursor: pointer;
   text-decoration: none;
   color: inherit;
}

.marquee-item-link:hover {
   text-decoration: none;
   color: inherit;
}

/* Editor's Picks Section */
.editors-picks-section {
   background-color: #5398a7;
   padding: 40px 20px;
}

.picks-header {
   text-align: center;
   margin-bottom: 40px;
}

.picks-title {
   font-size: 40px;
   font-weight: bold;
   color: #fff;
   margin: 0;
}

.picks-grid {
   display: grid;
   grid-template-columns: repeat(3, 1fr);
   gap: 30px;
   max-width: 1200px;
   margin: 0 auto;
   align-items: start;
}

.pick-card {
   background: #fff;
   border-radius: 8px;
   width: 350px;
   height: auto;
   min-height: 100%;
   margin: 0 auto;
   position: relative;
   overflow: hidden;
   box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
   transition: all 0.3s ease;
   display: flex;
   flex-direction: column;
   padding-bottom: 30px;
}

.pick-card:hover {
   width: 430px;
   min-height: 570px;
   box-shadow: 0 8px 24px rgba(0, 0, 0, 0.25);
   transform: translateY(-10px);
   z-index: 10;
   border: solid 2px #e64b35;
}

/* Best Value Badge */
.pick-badge {
   position: absolute;
   top: 40px;
   right: 15px;
   background-color: #006b89;
   color: #fff;
   padding: 6px 15px;
   border-radius: 20px;
   font-size: 14px;
   font-weight: 600;
   z-index: 5;
   display: flex;
   gap: 6px;
   justify-content: center;
   align-items: center;
   margin: auto;
}

/* Logo */
.pick-logo {
   width: 90px;
   height: 90px;
   object-fit: contain;
   margin: 20px 0 10px 20px;
   display: block;
}

.pick-name {
   font-size: 20px;
   font-weight: 700;
   color: #000;
   margin: 0 0 15px 20px;
   text-align: left;
}

/* Image Wrapper with Verified Badge Overlay */
.pick-image-wrapper {
   position: relative;
   width: calc(100% - 40px);
   margin: 0 20px 15px 20px;
}

/* Main Image */
.pick-image {
   width: 100%;
   height: 210px;
   overflow: hidden;
   border-radius: 8px;
}

.pick-image img {
   width: 100%;
   height: 100%;
   object-fit: cover;
}

/* Verified Badge - Overlays on Image */
.pick-verified {
   position: absolute;
   top: 15px;
   right: 15px;
   z-index: 5;
   width: 80px;
   height: 30px;
}

.pick-verified img {
   width: 80px;
   height: 30px;
   object-fit: contain;
}

/* Category */
.pick-category {
   display: flex;
   text-align: left;
   align-items: flex-start;
   gap: 8px;
   padding: 12px 20px;
   font-size: 18px;
   font-weight: 600;
   color: var(--category-color);
}

.pick-category img {
   width: 24px !important;
   height: 24px !important;
   object-fit: contain;
}
/* Description */
.pick-description {
   padding: 0 20px 15px;
   flex-grow: 1;
}

.pick-description p {
   font-size: 16px;
   line-height: 1.5;
   color: #333;
   margin: 0;
   display: -webkit-box;
   -webkit-line-clamp: 3;
   -webkit-box-orient: vertical;
   overflow: hidden;
   text-overflow: ellipsis;
}

/* CTA Button */
.pick-actions {
   padding: 0 20px;
   display: flex;
   justify-content: center;
   margin-top: auto;
}

.pick-btn {
   background-color: transparent;
   color: #e64b35;
   border: 2px solid #e64b35;
   padding: 12px 50px;
   border-radius: 6px;
   cursor: pointer;
   display: inline-flex;
   align-items: center;
   justify-content: center;
   gap: 8px;
   text-align: center;
   font-weight: 600;
   font-size: 14px;
   text-decoration: none;
   transition: all 0.3s ease;
}

.pick-btn img {
   width: 12px;
   height: 12px;
   filter: brightness(0) saturate(100%) invert(43%) sepia(89%) saturate(2038%) hue-rotate(343deg) brightness(95%) contrast(88%);
   transition: filter 0.3s ease;
}

.pick-card:hover .pick-btn {
   background-color: #e64b35;
   color: #fff;
}

.pick-card:hover .pick-btn img {
   filter: brightness(0) invert(1);
}
.pick-badge img {
   width: 19px !important;
}
/* Editor's Picks - Mobile */
@media (max-width: 1280px) {
   .editors-picks-section {
       padding: 30px 15px;
   }

   .pick-description p{
     text-align: center;
   }
   
   .picks-title {
       font-size: 24px;
       margin-bottom: 20px;
   }
   
   .picks-grid {
       grid-template-columns: 1fr;
       gap: 20px;
   }

   .pick-category span {
        margin-left: 8px !important;
        white-space: nowrap;
        margin-top: 2px;
    }
   
   .pick-card {
       width: 100%;
       max-width: 350px;
       height: auto;
       min-height: auto;
       padding-bottom: 15px;
   }
   
   .pick-card:hover {
       width: 100%;
       max-width: 350px;
       height: auto;
       min-height: 100%;
       transform: none;
       padding-bottom: 15px;
       border: solid 2px #e64b35;
   }
   
   .pick-badge {
       top: 40px;
       right: 10px;
       font-size: 12px;
       padding: 5px 12px;
   }
   
   .pick-logo {
       width: 70px !important;
       height: 70px;
       margin: 15px 0 8px 15px;
   }
   
   .pick-name {
       font-size: 18px;
       margin: 0 0 12px 15px;
       text-align: left;
   }
   
   .pick-image-wrapper {
       width: calc(100% - 30px);
       margin: 0 15px 12px 15px;
   }
   
   .pick-image {
       height: 96px;
   }
   
   .pick-verified {
       top: 0;
       left: 0;
       right: auto;
       width: 71px;
       height: 25px;
       transform: translate(10%, 30%);
   }
   
   .pick-verified img {
       width: 71px;
       height: 25px;
       object-fit: contain;
   }
   
   .pick-category {
       font-size: 16px;
       padding: 10px 15px;
       text-align: center;
       align-self: center;
       margin: auto;
   }

   .pick-actions {
    margin-bottom: 20px;
   }
}

/* Marquee Section - Mobile */
@media (max-width: 768px) {
   .clubfr8-marquee-section {
      padding: 0;
      min-height: 48px;
      height: auto;
      display: flex;
      align-items: center;
      justify-content: center;
      overflow: hidden;
   }
   
   .marquee-container {
       display: flex;
       align-items: center;
       min-height: 44px;
       padding-left: 0px;
   }
   
   .marquee-content {
       cursor: auto;
       align-items: center;
   }
   
   .marquee-content:active {
       cursor: auto;
   }
   
   .marquee-carousel-wrapper {
       display: flex;
       align-items: center;
       justify-content: center;
       height: 100%;
       min-height: 48px;
       width: 100%;
       overflow: hidden;
   }
   
   .marquee-carousel-container {
       display: flex;
       align-items: center;
       width: 100%;
       height: 100%;
       flex-wrap: nowrap;
       position: relative;
       transition: transform 0.5s ease-in-out;
   }
   
   .marquee-slide {
       flex: 0 0 100%;
       display: flex;
       align-items: center;
       justify-content: center;
       box-sizing: border-box;
       width: 100%;
       min-width: 100%;
       height: 100%;
   }
   
   .marquee-item {
       padding: 8px 15px;
       margin: 0;
       display: flex;
       align-items: center;
       justify-content: center;
       flex: 1;
       white-space: normal;
       word-wrap: break-word;
       text-align: center;
       min-height: 48px;
       height: auto;
   }

   
   .marquee-text {
       font-size: 12px;
       line-height: 1.4;
       word-wrap: break-word;
       text-align: center;
   }
   
   .marquee-icon {
       width: 14px;
       height: 14px;
       margin-right: 6px;
   }
   
   .marquee-separator {
       font-size: 14px;
       margin-right: 20px;
   }

   .clubfr8-marquee-section * {
       -webkit-user-select: none;
       user-select: none;
   }
   
   .marquee-item-link {
       -webkit-user-select: auto;
       user-select: auto;
   }
}