@font-face {
    font-family: "Onest";
    src: url(/fonts/Onest-regular.ttf?05cc5191153c8f32d3ac4fa1f77e5f5d) format("truetype");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "Syne";
    src: url(/fonts/Syne-Regular.otf?f6753603ee49e10010bb56a634e3a4df) format("opentype");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "SyneBold";
    src: url(/fonts/Syne-Bold.otf?938b74b63f74a95a411ff6df0c1d157c) format("opentype");
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: "Roboto";
    src: url(/fonts/Roboto-Regular.ttf?e6b789210a951c249528fa86c43fc92f) format("truetype");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "SyneExtra";
    src: url(/fonts/Syne-Extra.otf?0ca4724842cf6723cb912fe991d8e452) format("opentype");
    font-weight: normal;
    font-style: normal;
}

.heading-main {
    font-family: "SyneBold";
}

.box-left {
    border-top: 1px solid transparent; /* Fallback for older browsers */
    border-image-source: linear-gradient(
        270deg,
        rgba(0, 0, 0, 0.2) 60%,
        rgba(0, 0, 0, 0) 100%
    );
    border-image-slice: 1;
}
.box-right {
    border-top: 1px solid transparent; /* Fallback for older browsers */
    border-image-source: linear-gradient(
        60deg,
        rgba(0, 0, 0, 0.2) 60%,
        rgba(0, 0, 0, 0) 100%
    );
    border-image-slice: 1;
}
.footer-gradient {
    background: linear-gradient(180deg, rgba(241, 241, 241, 0) 0%, #f1f1f1 63%);
}

.homepage-banner-blur {
    -webkit-backdrop-filter: blur(16px);
            backdrop-filter: blur(16px);
}
#product-slider .slick-dots {
    bottom: 10px !important;
}
#product-slider .slick-prev:before,
#product-slider .slick-next:before {
    content: "" !important;
}
#product-slider .slick-dots li button:before {
    /* width: 0.5rem !important;
    height: 0.5rem !important; */
    font-size: 12px !important;
    border-radius: 50px;
}
#product-slider .slick-prev {
    left: 15px !important;
    z-index: 20;
    background: #fff;
}
#product-slider .slick-next {
    right: 15px !important;
    z-index: 20;
    background: #fff;
}

@media (min-width: 320px) and (max-width: 375px) {
    .banner-text-section {
        bottom: 70px !important;
    }
}

/* Video Styles */
.youtube-iframe {
    min-height: 210px;
    border-radius: 12px;
    --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
    --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
@media (min-width: 768px) {

    .youtube-iframe {
        height: auto;
    }
}
.fan-youtube-iframe {
    min-height: 403px;
    border-radius: 12px;
    --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
    --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
@media (min-width: 768px) {

    .fan-youtube-iframe {
        height: auto;
    }
}
.aron-best-moment-youtube-iframe {
    min-height: 300px;
    min-width: 240px;
    border-radius: 12px;
    --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
    --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
@media (min-width: 768px) {

    .aron-best-moment-youtube-iframe {
        height: auto;
        min-height: 370px;
    }
}
@media (min-width: 1280px) {

    .aron-best-moment-youtube-iframe {
        min-height: 545px;
    }
}
@media (min-width: 1536px) {

    .aron-best-moment-youtube-iframe {
        min-height: 770px;
    }
}
/* Video Styles */