#fw-section-image-d0bd91ac-0f4d-467f-a595-8eb0307b32d9 {

img {
  width: 95%;
  align-items: center;
  justify-content: center;
}

@media (max-width: 768px) {
img {
  width: 100%;
  align-items: center;
  justify-content: center;
}
} 
}

#fw-section-image-b628c146-ba62-434f-a525-5fdb386dd7d2 {

img {
  width: 95%;
  align-items: center;
  justify-content: center;
}

@media (max-width: 768px) {
img {
  width: 100%;
  align-items: center;
  justify-content: center;
}
} 
}



#fw-section-image-6bd3942f-1925-40ae-94b0-187520a711d7 {

img {
  width: 95%;
  align-items: center;
  justify-content: center;
}

@media (max-width: 768px) {
img {
  width: 100%;
  align-items: center;
  justify-content: center;
}
} 
}


#fw-section-image-919b1cc8-c280-4f60-9acc-49a7d4cb3f43 {

img {
  width: 95%;
  align-items: center;
  justify-content: center;
}

@media (max-width: 768px) {
img {
  width: 100%;
  align-items: center;
  justify-content: center;
}
} 
}
#fw-section-image-100cfe32-5972-4efb-9ce6-ea1fecfebed1 {

img {
  width: 95%;
  align-items: center;
  justify-content: center;
}

@media (max-width: 768px) {
img {
  width: 100%;
  align-items: center;
  justify-content: center;
}
} 
}
#fw-section-image-16384f04-49cf-47f1-afe1-db0ea42d1a64 {

img {
  width: 95%;
  align-items: center;
  justify-content: center;
}

@media (max-width: 768px) {
img {
  width: 100%;
  align-items: center;
  justify-content: center;
}
} 
}
#fw-section-image-74324d8f-67ca-435a-89e7-55b0b509dc7d {

img {
  width: 95%;
  align-items: center;
  justify-content: center;
}

@media (max-width: 768px) {
img {
  width: 100%;
  align-items: center;
  justify-content: center;
}
} 
}
#fw-section-image-99d14422-26f6-49ee-bdcd-92143a1ad037 {

img {
  width: 95%;
  align-items: center;
  justify-content: center;
}

@media (max-width: 768px) {
img {
  width: 100%;
  align-items: center;
  justify-content: center;
}
} 
}
#fw-section-image-8880f130-50f3-4e54-9dac-a89410b4388c {

img {
  width: 95%;
  align-items: center;
  justify-content: center;
}

@media (max-width: 768px) {
img {
  width: 100%;
  align-items: center;
  justify-content: center;
}
} 
}
#fw-section-image-3d5474f6-ab5a-4608-9692-896728645d8a {

img {
  width: 95%;
  align-items: center;
  justify-content: center;
}

@media (max-width: 768px) {
img {
  width: 100%;
  align-items: center;
  justify-content: center;
}
} 
}
#fw-section-image-6d8c686f-41c4-472e-ad65-bff8f14fc190 {

img {
  width: 95%;
  align-items: center;
  justify-content: center;
}

@media (max-width: 768px) {
img {
  width: 100%;
  align-items: center;
  justify-content: center;
}
} 
}
#fw-section-image-755aef1e-d4d5-4fe7-87fc-ac27a01c9e30 {

img {
  width: 95%;
  align-items: center;
  justify-content: center;
}

@media (max-width: 768px) {
img {
  width: 100%;
  align-items: center;
  justify-content: center;
}
} 
}
#fw-section-image-6340457f-767f-47f1-942b-adf96b398775 {

img {
  width: 95%;
  align-items: center;
  justify-content: center;
}

@media (max-width: 768px) {
img {
  width: 100%;
  align-items: center;
  justify-content: center;
}
} 
}
#fw-section-image-7f575247-e4ea-4a6e-94a2-8ace65a15c7c {

img {
  width: 95%;
  align-items: center;
  justify-content: center;
}

@media (max-width: 768px) {
img {
  width: 100%;
  align-items: center;
  justify-content: center;
}
} 
}

#fw-section-image-f44b08ef-2b32-4c16-bfea-7d1e2575751a {

img {
  width: 95%;
  align-items: center;
  justify-content: center;
}

@media (max-width: 768px) {
img {
  width: 100%;
  align-items: center;
  justify-content: center;
}
} 
}
#fw-section-image-ecaf256d-36c7-49eb-abc1-ae5da121cf8c {

img {
  width: 95%;
  align-items: center;
  justify-content: center;
}

@media (max-width: 768px) {
img {
  width: 100%;
  align-items: center;
  justify-content: center;
}
} 
}

#fw-section-image-e125b4d4-037d-401f-8c02-fb91ff57f1be {

img {
  width: 95%;
  align-items: center;
  justify-content: center;
}

@media (max-width: 768px) {
img {
  width: 100%;
  align-items: center;
  justify-content: center;
}
} 
}
#fw-section-image-6d4eca4a-9e68-4f99-805a-7c33e4dc8b23 {

img {
  width: 95%;
  align-items: center;
  justify-content: center;
}

@media (max-width: 768px) {
img {
  width: 100%;
  align-items: center;
  justify-content: center;
}
} 
}
#fw-section-image-21149d37-e37f-4151-a17d-02223d76385f {

img {
  width: 95%;
  align-items: center;
  justify-content: center;
}

@media (max-width: 768px) {
img {
  width: 100%;
  align-items: center;
  justify-content: center;
}
} 
}


#fw-section-footer {
--color-primary: #ea8200;
--color-primary-rgb: 234, 130, 0;
--color-background: #ffa000;
--color-background-rgb: 255, 160, 0;
--color-on-primary: #000000;
--color-on-primary-rgb: 0, 0, 0;
--color-on-background: #000000;
--color-on-background-rgb: 0, 0, 0;
--color-product-image-background: #000000;
--color-background-brightness: 170;
background-color: var(--color-background);
color: var(--color-on-background);
.footer {
  
  bottom: 0;
  left: 0;
  padding: 5px;
  width: 100%;
  
}
}



#fw-section-custom-html-b34d3a29-c560-4f57-b827-019da1cfbf1e {

* {
            box-sizing: border-box;
        }

        body {
            
            margin: 0;
            padding: 20px;
            
        }

        .gallery-container {
            display: grid;
            grid-template-columns: repeat(4, 1fr);
            gap: 20px;
            max-width: 1200px;
            margin: 0 auto;
        }

        .gallery-item {
            background-color: rgba(255, 160, 0, 0.1);
            border-radius: 8px;
            overflow: hidden;
            transition: transform 0.3s ease, box-shadow 0.3s ease;
            justify-items: center;
            
        }

        .gallery-item:hover {
            transform: translateY(-5px);
            box-shadow: 0 8px 25px rgba(0, 0, 0, 0.3);
        }

        .gallery-item a {
            display: block;
            text-decoration: none;
        }

        .gallery-item img {
            width: auto;
            height: auto;
            object-fit: cover;
            padding: 10px;
            display: block;
            justify-items: center;
            align-items: center;
            border-radius: 50%;
        }

        .desc {
            padding: 5px;
            text-align: center;     
            font-weight: bold;
            background-color: rgba(0, 0, 0, 0.4);
            width: 100%;
            height: 100%;
        
        }

        /* Mobile styles - 1 column */
        @media only screen and (max-width: 768px) {
            .gallery-container {
                grid-template-columns: repeat(2, 1fr);
                gap: 15px;
            }
            
            body {
                padding: 5px;
            }
            
            .gallery-item img {
                height: auto;
            }
        }

        /* Very small screens */
        @media only screen and (max-width: 480px) {
          
            .gallery-item img {
                height: auto;
            }
            
            .desc {
                padding: 5px;
                font-size: 14px;
            }
        }
}

#fw-section-image-d085ed3f-da60-4bc3-b02d-b243aeac3922 {

img {
  width: 95%;
  align-items: center;
  justify-content: center;
}

@media (max-width: 768px) {
img {
  width: 100%;
  align-items: center;
  justify-content: center;
}
} 
}
#fw-section-image-01b238fe-5e92-4b74-b6be-74d979465d85 {

img {
  width: 95%;
  align-items: center;
  justify-content: center;
}

@media (max-width: 768px) {
img {
  width: 100%;
  align-items: center;
  justify-content: center;
}
} 
}
#fw-section-image-ec4347f6-ffdb-4f35-9f8c-e76cec2fa590 {

img {
  width: 95%;
  align-items: center;
  justify-content: center;
}

@media (max-width: 768px) {
img {
  width: 100%;
  align-items: center;
  justify-content: center;
}
} 
}
#fw-section-custom-html-521b814d-06a0-453d-84e1-19c671a1203e {

* {
            box-sizing: border-box;
        }

        body {
            
            margin: 0;
            padding: 20px;
            
        }

        .gallery-container {
            display: grid;
            grid-template-columns: repeat(4, 1fr);
            gap: 20px;
            max-width: 1200px;
            margin: 0 auto;
        }

        .gallery-item {
            background-color: rgba(0, 0, 0, 0.3);
            border-radius: 8px;
            overflow: hidden;
            transition: transform 0.3s ease, box-shadow 0.3s ease;
            justify-items: center;
            
        }

        .gallery-item:hover {
            transform: translateY(-5px);
            box-shadow: 0 8px 25px rgba(0, 0, 0, 0.3);
        }

        .gallery-item a {
            display: block;
            text-decoration: none;
        }

        .gallery-item img {
            width: auto;
            height: auto;
            object-fit: cover;
            padding: 10px;
            display: block;
            justify-items: center;
            align-items: center;
            border-radius: 50%;
        }

        .desc {
            padding: 5px;
            text-align: center;     
            font-weight: bold;
            background-color: rgba(0, 0, 0, 0.4);
            width: 100%;
            height: 100%;
            
        
        }

        /* Mobile styles - 1 column */
        @media only screen and (max-width: 768px) {
            .gallery-container {
                grid-template-columns: repeat(2, 1fr);
                gap: 15px;
            }
            
            body {
                padding: 5px;
            }
            
            .gallery-item img {
                height: auto;
            }
        }

        /* Very small screens */
        @media only screen and (max-width: 480px) {
          
            .gallery-item img {
                height: auto;
            }
            
            .desc {
                padding: 5px;
                font-size: 14px;
            }
        }
}


#fw-section-custom-html-e2c6477b-c49a-44b8-9b01-8f7a10b63350 {

* {
            margin: 0;
            padding: 0;
            width: 100%;
            
            box-sizing: border-box;
        }
}


#fw-section-custom-html-4f767fa6-8b5a-4de0-84e1-08281fe8e630 {

* {
            box-sizing: border-box;
        }

        body {
            
            margin: 0;
            padding: 20px;
            
        }

        .gallery-container {
            display: grid;
            grid-template-columns: repeat(4, 1fr);
            gap: 20px;
            max-width: 1200px;
            margin: 0 auto;
        }

        .gallery-item {
            background-color: rgba(0, 0, 0, 0.3);
            border-radius: 8px;
            overflow: hidden;
            transition: transform 0.3s ease, box-shadow 0.3s ease;
            justify-items: center;
            
        }

        .gallery-item:hover {
            transform: translateY(-5px);
            box-shadow: 0 8px 25px rgba(0, 0, 0, 0.3);
        }

        .gallery-item a {
            display: block;
            text-decoration: none;
        }

        .gallery-item img {
            width: auto;
            height: auto;
            object-fit: cover;
            padding: 10px;
            display: block;
            justify-items: center;
            align-items: center;
            border-radius: 50%;
        }

        .desc {
            padding: 5px;
            text-align: center;     
            font-weight: bold;
            background-color: rgba(0, 0, 0, 0.4);
            width: 100%;
            height: 100%;
        
        }

        /* Mobile styles - 1 column */
        @media only screen and (max-width: 768px) {
            .gallery-container {
                grid-template-columns: repeat(2, 1fr);
                gap: 15px;
            }
            
            body {
                padding: 5px;
            }
            
            .gallery-item img {
                height: auto;
            }
        }

        /* Very small screens */
        @media only screen and (max-width: 480px) {
          
            .gallery-item img {
                height: auto;
            }
            
            .desc {
                padding: 5px;
                font-size: 14px;
            }
        }
}
#fw-section-password {
--color-primary: #ea8200;
--color-primary-rgb: 234, 130, 0;
--color-background: #00071c;
--color-background-rgb: 0, 7, 28;
--color-on-primary: #000000;
--color-on-primary-rgb: 0, 0, 0;
--color-on-background: #ff9500;
--color-on-background-rgb: 255, 149, 0;
--color-product-image-background: #ff9500;
--color-background-brightness: 7;
background-color: var(--color-background);
color: var(--color-on-background);

}









#fw-section-image-315ebb6f-2e66-4adb-a38d-41c47f66ea60 {

img {
  width: 95%;
  align-items: center;
  justify-content: center;
}

@media (max-width: 768px) {
img {
  width: 100%;
  align-items: center;
  justify-content: center;
}
} 
}
#fw-section-donations-fdc72645-0b0b-4a3b-8a66-9f652a9705c4 {

.wrapper {
  background-color: rgba(0, 0, 0, 0.4);
  padding: 20px;
  border-radius: 15px;
}
}

#fw-section-image-f822ecd5-a420-4aba-bdf6-db5d3631b91a {

img {
  width: 95%;
  align-items: center;
  justify-content: center;
}

@media (max-width: 768px) {
img {
  width: 100%;
  align-items: center;
  justify-content: center;
}
} 
}
#fw-section-custom-html-bf9b8803-9868-4052-9350-802ec2c7ee1a {

* {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
        }

        body {
            background: rgba(0, 0, 0, 0.3);
            display: flex;
            justify-content: center;
            align-items: center;
            min-height: 100vh;
            padding: 0px;
            
            color: white;
        }

        .carousel-container {
            
            width: 100%;
            position: relative;
            background-color: rgba(255, 160, 0, 0.1);
            border-radius: 15px;
            overflow: hidden;
            box-shadow: none;
            padding-top: 60px; /* Add room for title */
            padding-bottom: 50px; /* Add room for disclaimer */
        }

        /* Static Title Styles */
        .carousel-title {
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            font-size: 24px;
            font-weight: bold;
            text-align: center;
            background: rgba(0, 0, 0, 1);
            padding: 12px 30px;
            backdrop-filter: blur(15px);
            border-bottom: 2px solid rgba(255, 160, 0, 0.5);
            text-shadow: 0 2px 4px rgba(0, 0, 0, 0.7);
            letter-spacing: 1px;
           
            color: #ffa000;
        }

        .carousel-wrapper {
            position: relative;
            width: 100%;
            height: 400px;
            overflow: hidden;
            padding: 0;
            margin: 0;
        }

        .carousel-track {
            display: flex;
            transition: transform 0.5s ease-in-out;
            will-change: transform;
            height: 100%;
            width: 500%; /* 5 slides × 100% each */
        }

        .carousel-slide {
            width: 20%; /* 100% / 5 slides */
            height: 100%;
            position: relative;
            background-color: rgba(0, 0, 0, 0.3);
            display: flex;
            align-items: center;
            justify-content: center;
            flex-shrink: 0;
        }

        .carousel-slide img {
            max-width: 100%;
            max-height: 100%;
            width: auto;
            height: auto;
            object-fit: contain;
            display: block;
        }

        .slide-overlay {
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: flex-end;
            padding: 20px;
            z-index: 5;
        }

        .slide-description {
            position: absolute;
            top: 0; /* Back to original position */
            left: 20px;
            right: 20px;
            font-size: 18px;
            font-weight: 500;
            text-align: center;
            background: rgba(0, 0, 0, 0.7);
            padding: 5px 10px;
            border-radius: 25px;
            backdrop-filter: blur(10px);
            border: 1px solid rgba(255, 255, 255, 0.2);
            text-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);
            letter-spacing: 0.5px;
        }

        .shop-button {
            background: #ffa000;
            border: none;
            padding: 5px 20px;
            color: black;
            font-size: 18px;
            font-weight: bold;
            letter-spacing: 1px;
            cursor: pointer;
            border-radius: 20px;
            transition: all 0.5s ease;
            text-transform: uppercase;
            backdrop-filter: blur(10px);
            border: 2px solid rgba(0, 0, 0, 1);
            text-decoration: none;
            display: inline-block;
            margin-bottom: 2px; /* Back to original margin */
        }

        .shop-button:hover {
            background: rgba(255, 255, 255, 0.1);
            transform: translateY(-2px);
            box-shadow: 0 10px 20px rgba(0, 0, 0, 0.3);
        }

        .carousel-nav {
            position: absolute;
            bottom: 5px; /* Moved up to make room for disclaimer */
            left: 50%;
            transform: translateX(-50%);
            display: flex;
            gap: 12px;
            z-index: 20;
        }

        .nav-dot {
            width: 12px;
            height: 12px;
            border-radius: 50%;
            background: rgba(255, 255, 255, 0.4);
            pointer-events: none;
            cursor: default;
            transition: all 0.5s ease;
            border: 2px solid transparent;
        }

        .nav-dot.active {
            background: #ffa000;
            transform: scale(1.2);
            box-shadow: 0 0 10px rgba(74, 144, 226, 0.5);
        }

        .nav-dot:hover {
            background: #ffa000;
        }

        /* Static Disclaimer Styles */
        .carousel-disclaimer {
            position: absolute;
          width: 100%;
            bottom: 0px;
            left: 50%;
            transform: translateX(-50%);
            font-size: 12px;
            text-align: center;
            letter-spacing: 0.2px;
            background: rgba(0, 0, 0, 0.6);
            padding: 5px 10px;
            border-radius: 15px;
            backdrop-filter: blur(10px);
            border: 1px solid rgba(255, 255, 255, 0.1);
            z-index: 30;
            max-width: 90%;
        }

        .carousel-arrow {
            position: absolute;
            top: 50%;
            transform: translateY(-50%);
            background: rgba(0, 0, 0, 0.6);
            color: #ffa000;
            border: none;
            width: 50px;
            height: 50px;
            border-radius: 50%;
            cursor: pointer;
            font-size: 18px;
            transition: all 0.5s ease;
            z-index: 20;
            backdrop-filter: blur(10px);
        }

        .carousel-arrow:hover {
            background: rgba(0, 0, 0, 0.8);
            transform: translateY(-50%) scale(1.1);
        }

        .carousel-arrow.prev {
            left: 20px;
        }

        .carousel-arrow.next {
            right: 20px;
        }

        /* Additional responsive adjustments for very wide images */
        @media (max-width: 1200px) {
            .carousel-wrapper {
                height: calc(100vw * 0.33);
                max-height: 500px;
                min-height: 250px;
            }

          .carousel-container {
                padding-top: 55px;
                padding-bottom: 10px;
            }

          
            .carousel-title {
                font-size: 25px;
                padding: 6px 10px;
                top: 2px;
            }

            .slide-description {
                font-size: 12px;
                padding: 5px 5px;
                top: -3px;
            }

            .shop-button {
                padding: 5px 10px;
                font-size: 14px;
                margin-bottom: 1px;
            }

            .carousel-nav {
                bottom: 2px;
                gap: 8px;
            }

            .carousel-disclaimer {
                position: relative;
                bottom: -5px;
                width: auto;
                font-size: 12px;
                padding:
                  2px 2px;
            }
        }

        /* Responsive Design */
        @media (max-width: 768px) {
            .carousel-container {
                padding-top: 50px; /* Adjusted for mobile */
                padding-bottom: 10px;
            }

            .carousel-wrapper {
                height: 300px;
            }

            .carousel-title {
                font-size: 18px;
                padding: 8px 20px;
                top: 2px;
                z-index: 1;
            }

            .slide-description {
                font-size: 12px;
                padding: 6px 12px;
                top: 10px;
                left: 10px;
                right: 10px;
            }

            .shop-button {
                padding: 12px 24px;
                font-size: 16px;
                margin-bottom: 3px;
            }

            .carousel-nav {
                bottom: 6px;
            }

            .carousel-disclaimer {
                font-size: 10px;
                bottom: -5px;
                padding: 8px 15px;
            }

            .carousel-arrow {
                width: 40px;
                height: 40px;
                font-size: 16px;
            }

            .carousel-arrow.prev {
                left: 10px;
            }

            .carousel-arrow.next {
                right: 10px;
            }

            .nav-dot {
                width: 10px;
                height: 10px;
            }
        }

        @media (max-width: 480px) {
            .carousel-container {
                padding-top: 20px;
                padding-bottom: 10px;
            }

            .carousel-wrapper {
                height: 250px;
            }

            .carousel-title {
                font-size: 16px;
                padding: 6px 15px;
                top: 2px;
            }

            .slide-description {
                font-size: 11px;
                padding: 5px 10px;
                top: 22px;
            }

            .shop-button {
                padding: 5px 10px;
                font-size: 14px;
                margin-bottom: 5px;
            }

            .carousel-nav {
                bottom: 8px;
                gap: 8px;
            }

            .carousel-disclaimer {
                position: relative;
                bottom: -5px;
                width: auto;
                font-size: 10px;
                padding:
                  2px 2px;
            }
        }

        
}
#fw-section-image-01c35f29-5ebf-4ddc-8f20-622c7bdd1b16 {

img {
  width: 95%;
  align-items: center;
  justify-content: center;
}

@media (max-width: 768px) {
img {
  width: 100%;
  align-items: center;
  justify-content: center;
}
} 
}

#fw-section-image-e0bab270-8cc7-4d08-a99d-fc98767ed940 {

img {
  width: 95%;
  align-items: center;
  justify-content: center;
}

@media (max-width: 768px) {
img {
  width: 100%;
  align-items: center;
  justify-content: center;
}
} 
}
#fw-section-rich-text-63c5006b-9537-45f4-9e0e-fd6e2abd1450 {



.wrapper {
  background-color: rgba(0, 0, 0, 0.4);
  border-radius: 15px;
  padding: 20px;
}
}
#fw-section-rich-text-e62a1851-d4af-4898-9c91-603bc5878bcc {

.wrapper {
  background-color: rgba(0, 0, 0, 0.4);
  padding: 20px;
  border-radius: 5%;
}
}
#fw-section-custom-html-86ee44da-8599-43cb-b1ee-b170b3fa29ae {

* {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
        }
}

#fw-section-image-95273d8d-d1e2-4a50-9b83-aac3db9c015d {

img {
  width: 95%;
  align-items: center;
  justify-content: center;
}

@media (max-width: 768px) {
img {
  width: 100%;
  align-items: center;
  justify-content: center;
}
} 
}

#fw-section-image-fa5f23af-451f-43e6-abcc-a9d1f3165b82 {

img {
  width: 95%;
  align-items: center;
  justify-content: center;
}

@media (max-width: 768px) {
img {
  width: 100%;
  align-items: center;
  justify-content: center;
}
} 
}

#fw-section-image-ce3f9581-b713-4bad-9760-fad16aaa014a {

img {
  width: 95%;
  align-items: center;
  justify-content: center;
}

@media (max-width: 768px) {
img {
  width: 100%;
  align-items: center;
  justify-content: center;
}
} 
}


#fw-section-image-7894aac1-4f90-4822-b593-ba645b6768af {

img {
  width: 95%;
  align-items: center;
  justify-content: center;
}

@media (max-width: 768px) {
img {
  width: 100%;
  align-items: center;
  justify-content: center;
}
} 
}

#fw-section-image-967940e8-a5b0-46ea-833d-1d25922d8ac7 {

img {
  width: 95%;
  align-items: center;
  justify-content: center;
}

@media (max-width: 768px) {
img {
  width: 100%;
  align-items: center;
  justify-content: center;
}
} 
}
#fw-section-custom-html-8b7a14aa-330f-4699-9411-144c3ccf6667 {

* {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
        }
}

#fw-section-image-a072b8d5-9bc0-41ed-89b0-a172a1e8b88d {

img {
  width: 95%;
  align-items: center;
  justify-content: center;
}

@media (max-width: 768px) {
img {
  width: 100%;
  align-items: center;
  justify-content: center;
}
} 
}


#fw-section-image-79a85fef-361f-417a-b7af-80d8c4cfd93f {

img {
  width: 95%;
  align-items: center;
  justify-content: center;
}

@media (max-width: 768px) {
img {
  width: 100%;
  align-items: center;
  justify-content: center;
}
} 
}

#fw-section-image-e950671f-6f8d-413d-98c1-210509e781a2 {

img {
  width: 95%;
  align-items: center;
  justify-content: center;
}

@media (max-width: 768px) {
img {
  width: 100%;
  align-items: center;
  justify-content: center;
}
} 
}





#fw-section-custom-html-90da0021-618a-4964-a2e3-04c2ef218de8 {

* {
            margin: 0px;
            padding: 0;
            box-sizing: border-box;
        }
}
#fw-section-custom-html-600c4ed3-e642-4119-a892-aa84e9360013 {

* {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
        }
}









#fw-section-custom-html-e9cfd23f-8bb6-4cdf-8747-0ca42366b90a {

* {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
        }
}






#fw-section-custom-html-aeb9b7bd-c272-4692-9804-d675611f8804 {

* {
            box-sizing: border-box;
        }

        body {
            
            margin: 0;
            padding: 20px;
            
        }

        .gallery-container {
            display: grid;
            grid-template-columns: repeat(4, 1fr);
            gap: 20px;
            max-width: 1200px;
            margin: 0 auto;
        }

        .gallery-item {
            background-color: rgba(255, 160, 0, 0.1);
            border-radius: 8px;
            overflow: hidden;
            transition: transform 0.3s ease, box-shadow 0.3s ease;
            justify-items: center;
            
        }

        .gallery-item:hover {
            transform: translateY(-5px);
            box-shadow: 0 8px 25px rgba(0, 0, 0, 0.3);
        }

        .gallery-item a {
            display: block;
            text-decoration: none;
        }

        .gallery-item img {
            width: auto;
            height: auto;
            object-fit: cover;
            padding: 10px;
            display: block;
            justify-items: center;
            align-items: center;
            border-radius: 50%;
        }

        .desc {
            padding: 5px;
            text-align: center;     
            font-weight: bold;
            background-color: rgba(0, 0, 0, 0.4);
            width: 100%;
            height: 100%;
        
        }

        /* Mobile styles - 1 column */
        @media only screen and (max-width: 768px) {
            .gallery-container {
                grid-template-columns: repeat(2, 1fr);
                gap: 15px;
            }
            
            body {
                padding: 5px;
            }
            
            .gallery-item img {
                height: auto;
            }
        }

        /* Very small screens */
        @media only screen and (max-width: 480px) {
          
            .gallery-item img {
                height: auto;
            }
            
            .desc {
                padding: 5px;
                font-size: 14px;
            }
        }
}











#fw-section-custom-html-c9fe1b81-a2ab-4eb9-aada-b34a0064c000 {

* {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
        }
}







#fw-section-image-ad98043d-3377-4b30-9036-5b016efc8e77 {

img {
  width: 95%;
  align-items: center;
  justify-content: center;
}

@media (max-width: 768px) {
img {
  width: 100%;
  align-items: center;
  justify-content: center;
}
} 
}










#fw-section-image-bf465836-d9b0-400f-a9c6-7ebf2cc1a7f4 {

img {
  width: 95%;
  align-items: center;
  justify-content: center;
}

@media (max-width: 768px) {
img {
  width: 100%;
  align-items: center;
  justify-content: center;
}
} 
}


#fw-section-hero-video-68311892-0a21-4ff5-ba13-f67e6dc34259 {

* {
            width: 100%;
            Gap: 5px;
            padding-top: 10px;
            padding-bottom: 10px;
        }
}

#fw-section-header {
--color-primary: #ffffff;
--color-primary-rgb: 255, 255, 255;
--color-background: #ea8200;
--color-background-rgb: 234, 130, 0;
--color-on-primary: #000000;
--color-on-primary-rgb: 0, 0, 0;
--color-on-background: #000000;
--color-on-background-rgb: 0, 0, 0;
--color-product-image-background: #000000;
--color-background-brightness: 146;
background-color: var(--color-background);
color: var(--color-on-background);
.header {
  margin-top: 10px;
} 
}

#fw-section-image-44df6a7a-7ca1-4ddb-8873-06f1ffa004d7 {

img {
  width: 95%;
  align-items: center;
  justify-content: center;
}

@media (max-width: 768px) {
img {
  width: 100%;
  align-items: center;
  justify-content: center;
}
} 
}





#fw-section-image-aabb677f-0fe0-410e-b263-7cae367abd81 {

img {
  width: 95%;
  align-items: center;
  justify-content: center;
}

@media (max-width: 768px) {
img {
  width: 100%;
  align-items: center;
  justify-content: center;
}
} 
}






#fw-section-image-2985f20b-25d1-434e-b8bd-050340fe16ce {

img {
  width: 95%;
  align-items: center;
  justify-content: center;
}

@media (max-width: 768px) {
img {
  width: 100%;
  align-items: center;
  justify-content: center;
}
} 
}
#fw-section-custom-html-9686814f-9628-4213-8377-837f32148a24 {

* {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
        }

.release-title {
          
            font-size: 24px;
            font-weight: bold;
            text-align: center;
            background: rgba(0, 0, 0, 0.8);
            padding: 12px 30px;
            backdrop-filter: blur(15px);
            border-bottom: 2px solid rgba(255, 160, 0, 0.5);
            text-shadow: 0 2px 4px rgba(0, 0, 0, 0.7);
            letter-spacing: 1px;
            z-index: 30;
            color: #ffa000;
        }

      .wrapper {
            background: rgba(0, 0, 0, 0.3);
            margin: 0;
            padding: 5px;
            
        }

        .gallery-container {
            background: rgba(0, 0, 0, 0.3);
            display: grid;
            grid-template-columns: repeat(4, 1fr);
            gap: 10px;
            padding: 10px;
            max-width: 100%;
          width: 100%;
            margin: 0 auto;
            padding-bottom: 20px;
        }

        .gallery-item {
            background-color: rgba(0, 0, 0, 0.3);
            border-radius: 8px;
            overflow: hidden;
            transition: transform 0.3s ease, box-shadow 0.3s ease;
            justify-items: center;
            
        }

        .gallery-item:hover {
            transform: translateY(-5px);
            box-shadow: 0 8px 25px rgba(0, 0, 0, 0.3);
        }

        .gallery-item a {
            display: block;
            text-decoration: none;
        }

        .gallery-item img {
            width: auto;
            height: auto;
            object-fit: cover;
            padding: 10px;
            display: block;
            justify-items: center;
            align-items: center;
            
        }

        .desc {
            padding: 5px;
            text-align: center;     
            font-weight: bold;
            background-color: rgba(0, 0, 0, 0.4);
            width: 100%;
            height: 100%;
        
        }

        /* Mobile styles - 1 column */
        @media only screen and (max-width: 768px) {
            .gallery-container {
                grid-template-columns: repeat(4, 1fr);
                gap: 10px;
                padding-bottom: 15px;
            }

          .release-title {
                font-size: 18px;
                padding: 8px 20px;
                
            }
            
            body {
                padding: 5px;
            }
            
            .gallery-item img {
                height: auto;
            }
        }

        /* Very small screens */
        @media only screen and (max-width: 480px) {
          .gallery-container {
                grid-template-columns: repeat(4, 1fr);
                gap: 2px;
                padding: 5px;
                padding-bottom: 10px;
            }
          
            .release-title {
                font-size: 16px;
                padding: 6px 15px;
              
            }
          
            .gallery-item img {
                height: auto;
                padding: 1px;
            }
            
            .desc {
                padding: 5px;
                font-size: 12px;
            }
        }
}
#fw-section-custom-html-c7de2c72-047d-45c8-9f23-92196185f99d {

* {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
        }

        body {
            background: rgba(0, 0, 0, 0.3);
            display: flex;
            justify-content: center;
            align-items: center;
            min-height: 100vh;
            padding: 0px;
            
            color: white;
        }

        .carousel-container {
            
            width: 100%;
            position: relative;
            background-color: rgba(255, 160, 0, 0.1);
            border-radius: 12px;
            overflow: hidden;
            box-shadow: none;
            padding-top: 60px; /* Add room for title */
            padding-bottom: 50px; /* Add room for disclaimer */
        }

        /* Static Title Styles */
        .carousel-title {
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            font-size: 24px;
            font-weight: bold;
            text-align: center;
            background: rgba(0, 0, 0, 1);
            padding: 12px 30px;
            backdrop-filter: blur(15px);
            border-bottom: 2px solid rgba(255, 160, 0, 0.5);
            text-shadow: 0 2px 4px rgba(0, 0, 0, 0.7);
            letter-spacing: 1px;
           
            color: #ffa000;
        }

        .carousel-wrapper {
            position: relative;
            width: 100%;
            height: 400px;
            overflow: hidden;
            padding: 0;
            margin: 0;
        }

        .carousel-track {
            display: flex;
            transition: transform 0.5s ease-in-out;
            will-change: transform;
            height: 100%;
            width: 500%; /* 5 slides × 100% each */
        }

        .carousel-slide {
            width: 20%; /* 100% / 5 slides */
            height: 100%;
            position: relative;
            background-color: rgba(0, 0, 0, 0.3);
            display: flex;
            align-items: center;
            justify-content: center;
            flex-shrink: 0;
        }

        .carousel-slide img {
            max-width: 100%;
            max-height: 100%;
            width: auto;
            height: auto;
            object-fit: contain;
            display: block;
        }

        .slide-overlay {
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: flex-end;
            padding: 20px;
            z-index: 5;
        }

        .slide-description {
            position: absolute;
            top: 0; /* Back to original position */
            left: 20px;
            right: 20px;
            font-size: 18px;
            font-weight: 500;
            text-align: center;
            background: rgba(0, 0, 0, 0.7);
            padding: 5px 10px;
            border-radius: 25px;
            backdrop-filter: blur(10px);
            border: 1px solid rgba(255, 255, 255, 0.2);
            text-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);
            letter-spacing: 0.5px;
        }

        .shop-button {
            background: #ffa000;
            border: none;
            padding: 5px 20px;
            color: black;
            font-size: 18px;
            font-weight: bold;
            letter-spacing: 1px;
            cursor: pointer;
            border-radius: 20px;
            transition: all 0.5s ease;
            text-transform: uppercase;
            backdrop-filter: blur(10px);
            border: 2px solid rgba(0, 0, 0, 1);
            text-decoration: none;
            display: inline-block;
            margin-bottom: 2px; /* Back to original margin */
        }

        .shop-button:hover {
            background: rgba(255, 255, 255, 0.1);
            transform: translateY(-2px);
            box-shadow: 0 10px 20px rgba(0, 0, 0, 0.3);
        }

        .carousel-nav {
            position: absolute;
            bottom: 5px; /* Moved up to make room for disclaimer */
            left: 50%;
            transform: translateX(-50%);
            display: flex;
            gap: 12px;
            z-index: 20;
        }

        .nav-dot {
            width: 12px;
            height: 12px;
            border-radius: 50%;
            background: rgba(255, 255, 255, 0.4);
            pointer-events: none;
            cursor: default;
            transition: all 0.5s ease;
            border: 2px solid transparent;
        }

        .nav-dot.active {
            background: #ffa000;
            transform: scale(1.2);
            box-shadow: 0 0 10px rgba(74, 144, 226, 0.5);
        }

        .nav-dot:hover {
            background: #ffa000;
        }

        /* Static Disclaimer Styles */
        .carousel-disclaimer {
            position: absolute;
          width: 100%;
            bottom: 0px;
            left: 50%;
            transform: translateX(-50%);
            font-size: 12px;
            text-align: center;
            letter-spacing: 0.2px;
            background: rgba(0, 0, 0, 0.6);
            padding: 5px 10px;
            border-radius: 15px;
            backdrop-filter: blur(10px);
            border: 1px solid rgba(255, 255, 255, 0.1);
            z-index: 30;
            max-width: 90%;
        }

        .carousel-arrow {
            position: absolute;
            top: 50%;
            transform: translateY(-50%);
            background: rgba(0, 0, 0, 0.6);
            color: #ffa000;
            border: none;
            width: 50px;
            height: 50px;
            border-radius: 50%;
            cursor: pointer;
            font-size: 18px;
            transition: all 0.5s ease;
            z-index: 20;
            backdrop-filter: blur(10px);
        }

        .carousel-arrow:hover {
            background: rgba(0, 0, 0, 0.8);
            transform: translateY(-50%) scale(1.1);
        }

        .carousel-arrow.prev {
            left: 20px;
        }

        .carousel-arrow.next {
            right: 20px;
        }

        /* Additional responsive adjustments for very wide images */
        @media (max-width: 1200px) {
            .carousel-wrapper {
                height: calc(100vw * 0.33);
                max-height: 500px;
                min-height: 250px;
            }

          .carousel-container {
                padding-top: 55px;
                padding-bottom: 10px;
            }

          
            .carousel-title {
                font-size: 25px;
                padding: 6px 10px;
                top: 2px;
            }

            .slide-description {
                font-size: 12px;
                padding: 5px 5px;
                top: -3px;
            }

            .shop-button {
                padding: 5px 10px;
                font-size: 14px;
                margin-bottom: 1px;
            }

            .carousel-nav {
                bottom: 2px;
                gap: 8px;
            }

            .carousel-disclaimer {
                position: relative;
                bottom: -5px;
                width: auto;
                font-size: 12px;
                padding:
                  2px 2px;
            }
        }

        /* Responsive Design */
        @media (max-width: 768px) {
            .carousel-container {
                padding-top: 50px; /* Adjusted for mobile */
                padding-bottom: 10px;
            }

            .carousel-wrapper {
                height: 300px;
            }

            .carousel-title {
                font-size: 18px;
                padding: 8px 20px;
                top: 2px;
                z-index: 1;
            }

            .slide-description {
                font-size: 12px;
                padding: 6px 12px;
                top: 10px;
                left: 10px;
                right: 10px;
            }

            .shop-button {
                padding: 12px 24px;
                font-size: 16px;
                margin-bottom: 3px;
            }

            .carousel-nav {
                bottom: 6px;
            }

            .carousel-disclaimer {
                font-size: 10px;
                bottom: -5px;
                padding: 8px 15px;
            }

            .carousel-arrow {
                width: 40px;
                height: 40px;
                font-size: 16px;
            }

            .carousel-arrow.prev {
                left: 10px;
            }

            .carousel-arrow.next {
                right: 10px;
            }

            .nav-dot {
                width: 10px;
                height: 10px;
            }
        }

        @media (max-width: 480px) {
            .carousel-container {
                padding-top: 20px;
                padding-bottom: 10px;
            }

            .carousel-wrapper {
                height: 250px;
            }

            .carousel-title {
                font-size: 16px;
                padding: 6px 15px;
                top: 2px;
            }

            .slide-description {
                font-size: 11px;
                padding: 5px 10px;
                top: 22px;
            }

            .shop-button {
                padding: 5px 10px;
                font-size: 14px;
                margin-bottom: 5px;
            }

            .carousel-nav {
                bottom: 8px;
                gap: 8px;
            }

            .carousel-disclaimer {
                position: relative;
                bottom: -5px;
                width: auto;
                font-size: 10px;
                padding:
                  2px 2px;
            }
        }

        
}
#fw-section-custom-html-0d87cf0d-7d96-45a0-9097-6fe053c69234 {

* {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
        }

        body {
            background: rgba(0, 0, 0, 0.3);
            display: flex;
            justify-content: center;
            align-items: center;
            min-height: 100vh;
            padding: 0px;
            
            color: white;
        }

        .carousel-container {
            
            width: 100%;
            position: relative;
            background-color: rgba(255, 160, 0, 0.1);
            border-radius: 12px;
            overflow: hidden;
            box-shadow: none;
            padding-top: 60px; /* Add room for title */
            padding-bottom: 50px; /* Add room for disclaimer */
        }

        /* Static Title Styles */
        .carousel-title {
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            font-size: 24px;
            font-weight: bold;
            text-align: center;
            background: rgba(0, 0, 0, 1);
            padding: 12px 30px;
            backdrop-filter: blur(15px);
            border-bottom: 2px solid rgba(255, 160, 0, 0.5);
            text-shadow: 0 2px 4px rgba(0, 0, 0, 0.7);
            letter-spacing: 1px;
           
            color: #ffa000;
        }

        .carousel-wrapper {
            position: relative;
            width: 100%;
            height: 400px;
            overflow: hidden;
            padding: 0;
            margin: 0;
        }

        .carousel-track {
            display: flex;
            transition: transform 0.5s ease-in-out;
            will-change: transform;
            height: 100%;
            width: 500%; /* 5 slides × 100% each */
        }

        .carousel-slide {
            width: 20%; /* 100% / 5 slides */
            height: 100%;
            position: relative;
            background-color: rgba(0, 0, 0, 0.3);
            display: flex;
            align-items: center;
            justify-content: center;
            flex-shrink: 0;
        }

        .carousel-slide img {
            max-width: 100%;
            max-height: 100%;
            width: auto;
            height: auto;
            object-fit: contain;
            display: block;
        }

        .slide-overlay {
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: flex-end;
            padding: 20px;
            z-index: 5;
        }

        .slide-description {
            position: absolute;
            top: 0; /* Back to original position */
            left: 20px;
            right: 20px;
            font-size: 18px;
            font-weight: 500;
            text-align: center;
            background: rgba(0, 0, 0, 0.7);
            padding: 5px 10px;
            border-radius: 25px;
            backdrop-filter: blur(10px);
            border: 1px solid rgba(255, 255, 255, 0.2);
            text-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);
            letter-spacing: 0.5px;
        }

        .shop-button {
            background: #ffa000;
            border: none;
            padding: 5px 20px;
            color: black;
            font-size: 18px;
            font-weight: bold;
            letter-spacing: 1px;
            cursor: pointer;
            border-radius: 20px;
            transition: all 0.5s ease;
            text-transform: uppercase;
            backdrop-filter: blur(10px);
            border: 2px solid rgba(0, 0, 0, 1);
            text-decoration: none;
            display: inline-block;
            margin-bottom: 2px; /* Back to original margin */
        }

        .shop-button:hover {
            background: rgba(255, 255, 255, 0.1);
            transform: translateY(-2px);
            box-shadow: 0 10px 20px rgba(0, 0, 0, 0.3);
        }

        .carousel-nav {
            position: absolute;
            bottom: 5px; /* Moved up to make room for disclaimer */
            left: 50%;
            transform: translateX(-50%);
            display: flex;
            gap: 12px;
            z-index: 20;
        }

        .nav-dot {
            width: 12px;
            height: 12px;
            border-radius: 50%;
            background: rgba(255, 255, 255, 0.4);
            pointer-events: none;
            cursor: default;
            transition: all 0.5s ease;
            border: 2px solid transparent;
        }

        .nav-dot.active {
            background: #ffa000;
            transform: scale(1.2);
            box-shadow: 0 0 10px rgba(74, 144, 226, 0.5);
        }

        .nav-dot:hover {
            background: #ffa000;
        }

        /* Static Disclaimer Styles */
        .carousel-disclaimer {
            position: absolute;
          width: 100%;
            bottom: 0px;
            left: 50%;
            transform: translateX(-50%);
            font-size: 12px;
            text-align: center;
            letter-spacing: 0.2px;
            background: rgba(0, 0, 0, 0.6);
            padding: 5px 10px;
            border-radius: 15px;
            backdrop-filter: blur(10px);
            border: 1px solid rgba(255, 255, 255, 0.1);
            z-index: 30;
            max-width: 90%;
        }

        .carousel-arrow {
            position: absolute;
            top: 50%;
            transform: translateY(-50%);
            background: rgba(0, 0, 0, 0.6);
            color: #ffa000;
            border: none;
            width: 50px;
            height: 50px;
            border-radius: 50%;
            cursor: pointer;
            font-size: 18px;
            transition: all 0.5s ease;
            z-index: 20;
            backdrop-filter: blur(10px);
        }

        .carousel-arrow:hover {
            background: rgba(0, 0, 0, 0.8);
            transform: translateY(-50%) scale(1.1);
        }

        .carousel-arrow.prev {
            left: 20px;
        }

        .carousel-arrow.next {
            right: 20px;
        }

        /* Additional responsive adjustments for very wide images */
        @media (max-width: 1200px) {
            .carousel-wrapper {
                height: calc(100vw * 0.33);
                max-height: 500px;
                min-height: 250px;
            }

          .carousel-container {
                padding-top: 55px;
                padding-bottom: 10px;
            }

          
            .carousel-title {
                font-size: 25px;
                padding: 6px 10px;
                top: 2px;
            }

            .slide-description {
                font-size: 12px;
                padding: 5px 5px;
                top: -3px;
            }

            .shop-button {
                padding: 5px 10px;
                font-size: 14px;
                margin-bottom: 1px;
            }

            .carousel-nav {
                bottom: 2px;
                gap: 8px;
            }

            .carousel-disclaimer {
                position: relative;
                bottom: -5px;
                width: auto;
                font-size: 12px;
                padding:
                  2px 2px;
            }
        }

        /* Responsive Design */
        @media (max-width: 768px) {
            .carousel-container {
                padding-top: 50px; /* Adjusted for mobile */
                padding-bottom: 10px;
            }

            .carousel-wrapper {
                height: 300px;
            }

            .carousel-title {
                font-size: 18px;
                padding: 8px 20px;
                top: 2px;
                z-index: 1;
            }

            .slide-description {
                font-size: 12px;
                padding: 6px 12px;
                top: 10px;
                left: 10px;
                right: 10px;
            }

            .shop-button {
                padding: 12px 24px;
                font-size: 16px;
                margin-bottom: 3px;
            }

            .carousel-nav {
                bottom: 6px;
            }

            .carousel-disclaimer {
                font-size: 10px;
                bottom: -5px;
                padding: 8px 15px;
            }

            .carousel-arrow {
                width: 40px;
                height: 40px;
                font-size: 16px;
            }

            .carousel-arrow.prev {
                left: 10px;
            }

            .carousel-arrow.next {
                right: 10px;
            }

            .nav-dot {
                width: 10px;
                height: 10px;
            }
        }

        @media (max-width: 480px) {
            .carousel-container {
                padding-top: 20px;
                padding-bottom: 10px;
            }

            .carousel-wrapper {
                height: 250px;
            }

            .carousel-title {
                font-size: 16px;
                padding: 6px 15px;
                top: 2px;
            }

            .slide-description {
                font-size: 11px;
                padding: 5px 10px;
                top: 22px;
            }

            .shop-button {
                padding: 5px 10px;
                font-size: 14px;
                margin-bottom: 5px;
            }

            .carousel-nav {
                bottom: 8px;
                gap: 8px;
            }

            .carousel-disclaimer {
                position: relative;
                bottom: -5px;
                width: auto;
                font-size: 10px;
                padding:
                  2px 2px;
            }
        }

        
}
#fw-section-custom-html-47e82fb2-e4d3-45f8-ba88-076197246c00 {

* {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
        }

        body {
            background: rgba(0, 0, 0, 0.3);
            display: flex;
            justify-content: center;
            align-items: center;
            min-height: 100vh;
            padding: 0px;
            
            color: white;
        }

        .carousel-container {
            
            width: 100%;
            position: relative;
            background-color: rgba(255, 160, 0, 0.1);
            border-radius: 12px;
            overflow: hidden;
            box-shadow: none;
            padding-top: 60px; /* Add room for title */
            padding-bottom: 50px; /* Add room for disclaimer */
        }

        /* Static Title Styles */
        .carousel-title {
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            font-size: 24px;
            font-weight: bold;
            text-align: center;
            background: rgba(0, 0, 0, 1);
            padding: 12px 30px;
            backdrop-filter: blur(15px);
            border-bottom: 2px solid rgba(255, 160, 0, 0.5);
            text-shadow: 0 2px 4px rgba(0, 0, 0, 0.7);
            letter-spacing: 1px;
           
            color: #ffa000;
        }

        .carousel-wrapper {
            position: relative;
            width: 100%;
            height: 400px;
            overflow: hidden;
            padding: 0;
            margin: 0;
        }

        .carousel-track {
            display: flex;
            transition: transform 0.5s ease-in-out;
            will-change: transform;
            height: 100%;
            width: 500%; /* 5 slides × 100% each */
        }

        .carousel-slide {
            width: 20%; /* 100% / 5 slides */
            height: 100%;
            position: relative;
            background-color: rgba(0, 0, 0, 0.3);
            display: flex;
            align-items: center;
            justify-content: center;
            flex-shrink: 0;
        }

        .carousel-slide img {
            max-width: 100%;
            max-height: 100%;
            width: auto;
            height: auto;
            object-fit: contain;
            display: block;
        }

        .slide-overlay {
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: flex-end;
            padding: 20px;
            z-index: 5;
        }

        .slide-description {
            position: absolute;
            top: 0; /* Back to original position */
            left: 20px;
            right: 20px;
            font-size: 18px;
            font-weight: 500;
            text-align: center;
            background: rgba(0, 0, 0, 0.7);
            padding: 5px 10px;
            border-radius: 25px;
            backdrop-filter: blur(10px);
            border: 1px solid rgba(255, 255, 255, 0.2);
            text-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);
            letter-spacing: 0.5px;
        }

        .shop-button {
            background: #ffa000;
            border: none;
            padding: 5px 20px;
            color: black;
            font-size: 18px;
            font-weight: bold;
            letter-spacing: 1px;
            cursor: pointer;
            border-radius: 20px;
            transition: all 0.5s ease;
            text-transform: uppercase;
            backdrop-filter: blur(10px);
            border: 2px solid rgba(0, 0, 0, 1);
            text-decoration: none;
            display: inline-block;
            margin-bottom: 2px; /* Back to original margin */
        }

        .shop-button:hover {
            background: rgba(255, 255, 255, 0.1);
            transform: translateY(-2px);
            box-shadow: 0 10px 20px rgba(0, 0, 0, 0.3);
        }

        .carousel-nav {
            position: absolute;
            bottom: 5px; /* Moved up to make room for disclaimer */
            left: 50%;
            transform: translateX(-50%);
            display: flex;
            gap: 12px;
            z-index: 20;
        }

        .nav-dot {
            width: 12px;
            height: 12px;
            border-radius: 50%;
            background: rgba(255, 255, 255, 0.4);
            pointer-events: none;
            cursor: default;
            transition: all 0.5s ease;
            border: 2px solid transparent;
        }

        .nav-dot.active {
            background: #ffa000;
            transform: scale(1.2);
            box-shadow: 0 0 10px rgba(74, 144, 226, 0.5);
        }

        .nav-dot:hover {
            background: #ffa000;
        }

        /* Static Disclaimer Styles */
        .carousel-disclaimer {
            position: absolute;
          width: 100%;
            bottom: 0px;
            left: 50%;
            transform: translateX(-50%);
            font-size: 12px;
            text-align: center;
            letter-spacing: 0.2px;
            background: rgba(0, 0, 0, 0.6);
            padding: 5px 10px;
            border-radius: 15px;
            backdrop-filter: blur(10px);
            border: 1px solid rgba(255, 255, 255, 0.1);
            z-index: 30;
            max-width: 90%;
        }

        .carousel-arrow {
            position: absolute;
            top: 50%;
            transform: translateY(-50%);
            background: rgba(0, 0, 0, 0.6);
            color: #ffa000;
            border: none;
            width: 50px;
            height: 50px;
            border-radius: 50%;
            cursor: pointer;
            font-size: 18px;
            transition: all 0.5s ease;
            z-index: 20;
            backdrop-filter: blur(10px);
        }

        .carousel-arrow:hover {
            background: rgba(0, 0, 0, 0.8);
            transform: translateY(-50%) scale(1.1);
        }

        .carousel-arrow.prev {
            left: 20px;
        }

        .carousel-arrow.next {
            right: 20px;
        }

        /* Additional responsive adjustments for very wide images */
        @media (max-width: 1200px) {
            .carousel-wrapper {
                height: calc(100vw * 0.33);
                max-height: 500px;
                min-height: 250px;
            }

          .carousel-container {
                padding-top: 55px;
                padding-bottom: 10px;
            }

          
            .carousel-title {
                font-size: 25px;
                padding: 6px 10px;
                top: 2px;
            }

            .slide-description {
                font-size: 12px;
                padding: 5px 5px;
                top: -3px;
            }

            .shop-button {
                padding: 5px 10px;
                font-size: 14px;
                margin-bottom: 1px;
            }

            .carousel-nav {
                bottom: 2px;
                gap: 8px;
            }

            .carousel-disclaimer {
                position: relative;
                bottom: -5px;
                width: auto;
                font-size: 12px;
                padding:
                  2px 2px;
            }
        }

        /* Responsive Design */
        @media (max-width: 768px) {
            .carousel-container {
                padding-top: 50px; /* Adjusted for mobile */
                padding-bottom: 10px;
            }

            .carousel-wrapper {
                height: 300px;
            }

            .carousel-title {
                font-size: 18px;
                padding: 8px 20px;
                top: 2px;
                z-index: 1;
            }

            .slide-description {
                font-size: 12px;
                padding: 6px 12px;
                top: 10px;
                left: 10px;
                right: 10px;
            }

            .shop-button {
                padding: 12px 24px;
                font-size: 16px;
                margin-bottom: 3px;
            }

            .carousel-nav {
                bottom: 6px;
            }

            .carousel-disclaimer {
                font-size: 10px;
                bottom: -5px;
                padding: 8px 15px;
            }

            .carousel-arrow {
                width: 40px;
                height: 40px;
                font-size: 16px;
            }

            .carousel-arrow.prev {
                left: 10px;
            }

            .carousel-arrow.next {
                right: 10px;
            }

            .nav-dot {
                width: 10px;
                height: 10px;
            }
        }

        @media (max-width: 480px) {
            .carousel-container {
                padding-top: 20px;
                padding-bottom: 10px;
            }

            .carousel-wrapper {
                height: 250px;
            }

            .carousel-title {
                font-size: 16px;
                padding: 6px 15px;
                top: 2px;
            }

            .slide-description {
                font-size: 11px;
                padding: 5px 10px;
                top: 22px;
            }

            .shop-button {
                padding: 5px 10px;
                font-size: 14px;
                margin-bottom: 5px;
            }

            .carousel-nav {
                bottom: 8px;
                gap: 8px;
            }

            .carousel-disclaimer {
                position: relative;
                bottom: -5px;
                width: auto;
                font-size: 10px;
                padding:
                  2px 2px;
            }
        }

        
}
#fw-section-custom-html-d9c094b7-df8b-4476-bb65-85f26331af00 {

* {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
        }

        body {
            background: rgba(0, 0, 0, 0.3);
            display: flex;
            justify-content: center;
            align-items: center;
            min-height: 100vh;
            padding: 0px;
            
            color: white;
        }

        .carousel-container {
            
            width: 100%;
            position: relative;
            background-color: rgba(255, 160, 0, 0.1);
            border-radius: 12px;
            overflow: hidden;
            box-shadow: none;
            padding-top: 60px; /* Add room for title */
            padding-bottom: 50px; /* Add room for disclaimer */
        }

        /* Static Title Styles */
        .carousel-title {
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            font-size: 24px;
            font-weight: bold;
            text-align: center;
            background: rgba(0, 0, 0, 1);
            padding: 12px 30px;
            backdrop-filter: blur(15px);
            border-bottom: 2px solid rgba(255, 160, 0, 0.5);
            text-shadow: 0 2px 4px rgba(0, 0, 0, 0.7);
            letter-spacing: 1px;
           
            color: #ffa000;
        }

        .carousel-wrapper {
            position: relative;
            width: 100%;
            height: 400px;
            overflow: hidden;
            padding: 0;
            margin: 0;
        }

        .carousel-track {
            display: flex;
            transition: transform 0.5s ease-in-out;
            will-change: transform;
            height: 100%;
            width: 500%; /* 5 slides × 100% each */
        }

        .carousel-slide {
            width: 20%; /* 100% / 5 slides */
            height: 100%;
            position: relative;
            background-color: rgba(0, 0, 0, 0.3);
            display: flex;
            align-items: center;
            justify-content: center;
            flex-shrink: 0;
        }

        .carousel-slide img {
            max-width: 100%;
            max-height: 100%;
            width: auto;
            height: auto;
            object-fit: contain;
            display: block;
        }

        .slide-overlay {
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: flex-end;
            padding: 20px;
            z-index: 5;
        }

        .slide-description {
            position: absolute;
            top: 0; /* Back to original position */
            left: 20px;
            right: 20px;
            font-size: 18px;
            font-weight: 500;
            text-align: center;
            background: rgba(0, 0, 0, 0.7);
            padding: 5px 10px;
            border-radius: 25px;
            backdrop-filter: blur(10px);
            border: 1px solid rgba(255, 255, 255, 0.2);
            text-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);
            letter-spacing: 0.5px;
        }

        .shop-button {
            background: #ffa000;
            border: none;
            padding: 5px 20px;
            color: black;
            font-size: 18px;
            font-weight: bold;
            letter-spacing: 1px;
            cursor: pointer;
            border-radius: 20px;
            transition: all 0.5s ease;
            text-transform: uppercase;
            backdrop-filter: blur(10px);
            border: 2px solid rgba(0, 0, 0, 1);
            text-decoration: none;
            display: inline-block;
            margin-bottom: 2px; /* Back to original margin */
        }

        .shop-button:hover {
            background: rgba(255, 255, 255, 0.1);
            transform: translateY(-2px);
            box-shadow: 0 10px 20px rgba(0, 0, 0, 0.3);
        }

        .carousel-nav {
            position: absolute;
            bottom: 5px; /* Moved up to make room for disclaimer */
            left: 50%;
            transform: translateX(-50%);
            display: flex;
            gap: 12px;
            z-index: 20;
        }

        .nav-dot {
            width: 12px;
            height: 12px;
            border-radius: 50%;
            background: rgba(255, 255, 255, 0.4);
            pointer-events: none;
            cursor: default;
            transition: all 0.5s ease;
            border: 2px solid transparent;
        }

        .nav-dot.active {
            background: #ffa000;
            transform: scale(1.2);
            box-shadow: 0 0 10px rgba(74, 144, 226, 0.5);
        }

        .nav-dot:hover {
            background: #ffa000;
        }

        /* Static Disclaimer Styles */
        .carousel-disclaimer {
            position: absolute;
          width: 100%;
            bottom: 0px;
            left: 50%;
            transform: translateX(-50%);
            font-size: 12px;
            text-align: center;
            letter-spacing: 0.2px;
            background: rgba(0, 0, 0, 0.6);
            padding: 5px 10px;
            border-radius: 15px;
            backdrop-filter: blur(10px);
            border: 1px solid rgba(255, 255, 255, 0.1);
            z-index: 30;
            max-width: 90%;
        }

        .carousel-arrow {
            position: absolute;
            top: 50%;
            transform: translateY(-50%);
            background: rgba(0, 0, 0, 0.6);
            color: #ffa000;
            border: none;
            width: 50px;
            height: 50px;
            border-radius: 50%;
            cursor: pointer;
            font-size: 18px;
            transition: all 0.5s ease;
            z-index: 20;
            backdrop-filter: blur(10px);
        }

        .carousel-arrow:hover {
            background: rgba(0, 0, 0, 0.8);
            transform: translateY(-50%) scale(1.1);
        }

        .carousel-arrow.prev {
            left: 20px;
        }

        .carousel-arrow.next {
            right: 20px;
        }

        /* Additional responsive adjustments for very wide images */
        @media (max-width: 1200px) {
            .carousel-wrapper {
                height: calc(100vw * 0.33);
                max-height: 500px;
                min-height: 250px;
            }

          .carousel-container {
                padding-top: 55px;
                padding-bottom: 10px;
            }

          
            .carousel-title {
                font-size: 25px;
                padding: 6px 10px;
                top: 2px;
            }

            .slide-description {
                font-size: 12px;
                padding: 5px 5px;
                top: -3px;
            }

            .shop-button {
                padding: 5px 10px;
                font-size: 14px;
                margin-bottom: 1px;
            }

            .carousel-nav {
                bottom: 2px;
                gap: 8px;
            }

            .carousel-disclaimer {
                position: relative;
                bottom: -5px;
                width: auto;
                font-size: 12px;
                padding:
                  2px 2px;
            }
        }

        /* Responsive Design */
        @media (max-width: 768px) {
            .carousel-container {
                padding-top: 50px; /* Adjusted for mobile */
                padding-bottom: 10px;
            }

            .carousel-wrapper {
                height: 300px;
            }

            .carousel-title {
                font-size: 18px;
                padding: 8px 20px;
                top: 2px;
                z-index: 1;
            }

            .slide-description {
                font-size: 12px;
                padding: 6px 12px;
                top: 10px;
                left: 10px;
                right: 10px;
            }

            .shop-button {
                padding: 12px 24px;
                font-size: 16px;
                margin-bottom: 3px;
            }

            .carousel-nav {
                bottom: 6px;
            }

            .carousel-disclaimer {
                font-size: 10px;
                bottom: -5px;
                padding: 8px 15px;
            }

            .carousel-arrow {
                width: 40px;
                height: 40px;
                font-size: 16px;
            }

            .carousel-arrow.prev {
                left: 10px;
            }

            .carousel-arrow.next {
                right: 10px;
            }

            .nav-dot {
                width: 10px;
                height: 10px;
            }
        }

        @media (max-width: 480px) {
            .carousel-container {
                padding-top: 20px;
                padding-bottom: 10px;
            }

            .carousel-wrapper {
                height: 250px;
            }

            .carousel-title {
                font-size: 16px;
                padding: 6px 15px;
                top: 2px;
            }

            .slide-description {
                font-size: 11px;
                padding: 5px 10px;
                top: 22px;
            }

            .shop-button {
                padding: 5px 10px;
                font-size: 14px;
                margin-bottom: 5px;
            }

            .carousel-nav {
                bottom: 8px;
                gap: 8px;
            }

            .carousel-disclaimer {
                position: relative;
                bottom: -5px;
                width: auto;
                font-size: 10px;
                padding:
                  2px 2px;
            }
        }

        
}
#fw-section-custom-html-3b82b1fe-bf55-4152-96c0-0d115a01e637 {

* {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
        }

        body {
            background: rgba(0, 0, 0, 0.3);
            display: flex;
            justify-content: center;
            align-items: center;
            min-height: 100vh;
            padding: 0px;
            
            color: white;
        }

        .carousel-container {
            
            width: 100%;
            position: relative;
            background-color: rgba(255, 160, 0, 0.1);
            border-radius: 12px;
            overflow: hidden;
            box-shadow: none;
            padding-top: 60px; /* Add room for title */
            padding-bottom: 50px; /* Add room for disclaimer */
        }

        /* Static Title Styles */
        .carousel-title {
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            font-size: 24px;
            font-weight: bold;
            text-align: center;
            background: rgba(0, 0, 0, 1);
            padding: 12px 30px;
            backdrop-filter: blur(15px);
            border-bottom: 2px solid rgba(255, 160, 0, 0.5);
            text-shadow: 0 2px 4px rgba(0, 0, 0, 0.7);
            letter-spacing: 1px;
           
            color: #ffa000;
        }

        .carousel-wrapper {
            position: relative;
            width: 100%;
            height: 400px;
            overflow: hidden;
            padding: 0;
            margin: 0;
        }

        .carousel-track {
            display: flex;
            transition: transform 0.5s ease-in-out;
            will-change: transform;
            height: 100%;
            width: 500%; /* 5 slides × 100% each */
        }

        .carousel-slide {
            width: 20%; /* 100% / 5 slides */
            height: 100%;
            position: relative;
            background-color: rgba(0, 0, 0, 0.3);
            display: flex;
            align-items: center;
            justify-content: center;
            flex-shrink: 0;
        }

        .carousel-slide img {
            max-width: 100%;
            max-height: 100%;
            width: auto;
            height: auto;
            object-fit: contain;
            display: block;
        }

        .slide-overlay {
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: flex-end;
            padding: 20px;
            z-index: 5;
        }

        .slide-description {
            position: absolute;
            top: 0; /* Back to original position */
            left: 20px;
            right: 20px;
            font-size: 18px;
            font-weight: 500;
            text-align: center;
            background: rgba(0, 0, 0, 0.7);
            padding: 5px 10px;
            border-radius: 25px;
            backdrop-filter: blur(10px);
            border: 1px solid rgba(255, 255, 255, 0.2);
            text-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);
            letter-spacing: 0.5px;
        }

        .shop-button {
            background: #ffa000;
            border: none;
            padding: 5px 20px;
            color: black;
            font-size: 18px;
            font-weight: bold;
            letter-spacing: 1px;
            cursor: pointer;
            border-radius: 20px;
            transition: all 0.5s ease;
            text-transform: uppercase;
            backdrop-filter: blur(10px);
            border: 2px solid rgba(0, 0, 0, 1);
            text-decoration: none;
            display: inline-block;
            margin-bottom: 2px; /* Back to original margin */
        }

        .shop-button:hover {
            background: rgba(255, 255, 255, 0.1);
            transform: translateY(-2px);
            box-shadow: 0 10px 20px rgba(0, 0, 0, 0.3);
        }

        .carousel-nav {
            position: absolute;
            bottom: 5px; /* Moved up to make room for disclaimer */
            left: 50%;
            transform: translateX(-50%);
            display: flex;
            gap: 12px;
            z-index: 20;
        }

        .nav-dot {
            width: 12px;
            height: 12px;
            border-radius: 50%;
            background: rgba(255, 255, 255, 0.4);
            pointer-events: none;
            cursor: default;
            transition: all 0.5s ease;
            border: 2px solid transparent;
        }

        .nav-dot.active {
            background: #ffa000;
            transform: scale(1.2);
            box-shadow: 0 0 10px rgba(74, 144, 226, 0.5);
        }

        .nav-dot:hover {
            background: #ffa000;
        }

        /* Static Disclaimer Styles */
        .carousel-disclaimer {
            position: absolute;
          width: 100%;
            bottom: 0px;
            left: 50%;
            transform: translateX(-50%);
            font-size: 12px;
            text-align: center;
            letter-spacing: 0.2px;
            background: rgba(0, 0, 0, 0.6);
            padding: 5px 10px;
            border-radius: 15px;
            backdrop-filter: blur(10px);
            border: 1px solid rgba(255, 255, 255, 0.1);
            z-index: 30;
            max-width: 90%;
        }

        .carousel-arrow {
            position: absolute;
            top: 50%;
            transform: translateY(-50%);
            background: rgba(0, 0, 0, 0.6);
            color: #ffa000;
            border: none;
            width: 50px;
            height: 50px;
            border-radius: 50%;
            cursor: pointer;
            font-size: 18px;
            transition: all 0.5s ease;
            z-index: 20;
            backdrop-filter: blur(10px);
        }

        .carousel-arrow:hover {
            background: rgba(0, 0, 0, 0.8);
            transform: translateY(-50%) scale(1.1);
        }

        .carousel-arrow.prev {
            left: 20px;
        }

        .carousel-arrow.next {
            right: 20px;
        }

        /* Additional responsive adjustments for very wide images */
        @media (max-width: 1200px) {
            .carousel-wrapper {
                height: calc(100vw * 0.33);
                max-height: 500px;
                min-height: 250px;
            }

          .carousel-container {
                padding-top: 55px;
                padding-bottom: 10px;
            }

          
            .carousel-title {
                font-size: 25px;
                padding: 6px 10px;
                top: 2px;
            }

            .slide-description {
                font-size: 12px;
                padding: 5px 5px;
                top: -3px;
            }

            .shop-button {
                padding: 5px 10px;
                font-size: 14px;
                margin-bottom: 1px;
            }

            .carousel-nav {
                bottom: 2px;
                gap: 8px;
            }

            .carousel-disclaimer {
                position: relative;
                bottom: -5px;
                width: auto;
                font-size: 12px;
                padding:
                  2px 2px;
            }
        }

        /* Responsive Design */
        @media (max-width: 768px) {
            .carousel-container {
                padding-top: 50px; /* Adjusted for mobile */
                padding-bottom: 10px;
            }

            .carousel-wrapper {
                height: 300px;
            }

            .carousel-title {
                font-size: 18px;
                padding: 8px 20px;
                top: 2px;
                z-index: 1;
            }

            .slide-description {
                font-size: 12px;
                padding: 6px 12px;
                top: 10px;
                left: 10px;
                right: 10px;
            }

            .shop-button {
                padding: 12px 24px;
                font-size: 16px;
                margin-bottom: 3px;
            }

            .carousel-nav {
                bottom: 6px;
            }

            .carousel-disclaimer {
                font-size: 10px;
                bottom: -5px;
                padding: 8px 15px;
            }

            .carousel-arrow {
                width: 40px;
                height: 40px;
                font-size: 16px;
            }

            .carousel-arrow.prev {
                left: 10px;
            }

            .carousel-arrow.next {
                right: 10px;
            }

            .nav-dot {
                width: 10px;
                height: 10px;
            }
        }

        @media (max-width: 480px) {
            .carousel-container {
                padding-top: 20px;
                padding-bottom: 10px;
            }

            .carousel-wrapper {
                height: 250px;
            }

            .carousel-title {
                font-size: 16px;
                padding: 6px 15px;
                top: 2px;
            }

            .slide-description {
                font-size: 11px;
                padding: 5px 10px;
                top: 22px;
            }

            .shop-button {
                padding: 5px 10px;
                font-size: 14px;
                margin-bottom: 5px;
            }

            .carousel-nav {
                bottom: 8px;
                gap: 8px;
            }

            .carousel-disclaimer {
                position: relative;
                bottom: -5px;
                width: auto;
                font-size: 10px;
                padding:
                  2px 2px;
            }
        }

        
}
#fw-section-tiers-4cf9eeab-7e1b-4c13-8eed-a2495062fb39 {



.wrapper {
  background-color: rgba(0, 0, 0, 0.4);
  border-radius: 15px;
  padding: 20px;
}
}