.banner-slider-carousel {
    .Homepage_SFX_no_padding

{
    padding: 0px;
}

.Homepage_SFX_Homepage_banner_table {
    height: 140px;
    border: 1px solid #e5e5e5;
    border-radius: 30px;
    background: #ffffff;
    border-collapse: separate;
    text-align: center;
    vertical-align: middle;
    /*font-size: 16px;
    color: #377dff;
    font-weight: 600;*/
    table-layout: fixed;
}

    .Homepage_SFX_Homepage_banner_table img {
        height: 2.2vw;
        max-height: 45px;
        width: auto;
        max-width: 70px;
        margin-bottom: 10%;
    }

    .Homepage_SFX_Homepage_banner_table td {
        /*padding: 2% 0%;*/
        width: 100%;
        border-right: 1px solid #e5e5e5;
        vertical-align: middle;
        /*height: 160px;*/
        width: 115px;
    }

        .Homepage_SFX_Homepage_banner_table td:last-child {
            border-right: none;
        }

.Homepage_SFX_table_transparent {
    background-color: transparent;
    padding: 0;
}

.carousel-control {
    top: 94%;
    text-shadow: none;
    opacity: 1;
}

.carousel-control-half {
    top: 73%;
    margin: 0% -3%;
}

.carousel-indicators {
    bottom: 10px;
}

.LP-BannerSlider-indicator {
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: absolute;
    box-sizing: border-box;
    bottom: -2px;
    right: 10px;
    height: 100%;
    z-index: 25;
}

.LP-BannerSlider-Overlay {
    position: absolute;
    bottom: -1%;
    left: 0;
    width: 100%;
    height: 100%;
    background: blue;
    z-index: 20;
}

.carousel-indicators .active {
    border: none;
}

.carousel-indicators li {
    background-color: rgba(0, 0, 0, 0.1);
    border: none;
    list-style-type: none;
    display: inline-block;
    width: 10px;
    height: 10px;
    margin: 1px;
    text-indent: -999px;
    cursor: pointer;
    background-color: #000\9;
    /* background-color: rgba(0, 0, 0, 0); */
    /* border: 1px solid #fff; */
    border-radius: 10px;
}

.carousel-indicators .active {
    width: 12px;
    height: 12px;
    border: none;
    background-color: rgb(55, 125, 255) !important;
}

.carousel-control.left {
    background-image: none;
    left: 80%;
}

.carousel-control.right {
    background-image: none;
    right: -5%;
}

.SFX_Arrow_White {
    margin: 5px;
    padding: 5px;
}

.left-arrow {
    fill: white !important;
}

.right-arrow {
    fill: white !important;
}

.round-btn {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 36px;
    height: 36px;
    background-color: #377dff; /*  background color */
    border-radius: 50%; /* Makes the button round */
    text-decoration: none; /* Removes underline */
    transition: background-color 0.3s, transform 0.2s; /* Smooth transitions */
    border: none;
}

    /* Hover effect for the button */
    .round-btn:hover {
        background-color: #044acc; /* Slightly darker on hover */
        transform: scale(1.1); /* Enlarges slightly */
        border: none;
    }

    .round-btn:active {
        border: none;
    }

    /* Ensures the SVG icon is centered */
    .round-btn svg {
        pointer-events: none; /* Ensures clicks on the button don't target the SVG */
        fill: white;
    }

.Homepage_SFX_Banner_description_1 {
    /*font-size: calc(20px + (50 - 20) * ((100vw - 992px) / (1920 - 992)));*/
}

.round-btn.disabled {
    pointer-events: none;
    filter: brightness(0.8);
}

.Homepage_SFX_grey_rounded_box {
    color: #ffffff;
    background-color: rgba(0, 0, 0, 0.6);
    padding: 7.8px 19.2px;
    border-radius: 30px;
    display: inline-flex;
    width: fit-content;
    justify-content: center;
    align-items: center;
    margin-bottom: 20px;
    font-size: 9px;
    min-height: 25px;
    font-weight: 500;
}

    .Homepage_SFX_grey_rounded_box:empty {
        visibility: hidden;
    }

.Homepage_SFX_banner_title {
    /*color: #003e7e;
    font-size: 350%;*/
    width: 60%;
    /*font-weight: 600;*/
}

.Homepage_SFX_banner_content {
    /*color: #464646;
    font-size: 20px;*/
    width: 60%;
    margin: 2% 0%;
}

.Homepage_SFX_banner_block {
    margin-bottom: 2%;
}

.Homepage_SFX_no_padding {
    padding: 0px;
}

/*Category Tab*/

.Homepage_SFX_categoryTab {
    font-size: 12px;
    padding: 0;
    padding-top: 15px !important;
}

.BTN_1 {
    background-color: #377dff;
    color: #ffffff;
    font-size: 14px;
    border-radius: 20px;
    padding: 7px 30px;
}

.BTN_2 {
    background-color: #ffffff;
    color: #377dff;
    border-radius: 20px;
    padding: 9px 14px;
}

.Homepage_SFX_SVG_Image_Height {
    height: 85vh;
}

.Homepage_SFX_SVG_Image {
    width: 100%;
    height: auto;
}

.Homepage_SFX_Banner_description_2 {
    display: none;
}

.car-arrow {
    width: 15px;
}

@media (min-width: 768px) and (max-width: 1399.98px) {
    .car-arrow {
        width: 10px;
    }
}

@media screen and (min-width: 1300px) {
    /* Desktop view */
    .Homepage_SFX_banner_shape {
        display: block; /* Show desktop image */
    }

        .Homepage_SFX_banner_shape.hidden-lg.hidden-md {
            display: none; /* Hide mobile image */
        }

    .Homepage_SFX_Banner_description_block {
        padding-left: 5%;
        padding-right: 5%;
        padding-top: 5%;
    }

    .Desktop_Alignment_left {
        position: absolute;
        top: 4vw;
        left: 10%;
        width: 100%;
    }

    .Desktop_Alignment_center {
        position: absolute;
        top: 4vw;
        width: 100%;
        justify-content: center; /* Align items to the center */
        text-align: center; /* Text-specific alignment */
    }

    .Desktop_Alignment_right {
        position: absolute;
        top: 4vw;
        width: 100%;
        right: 10%;
        justify-content: flex-end; /* Align items to the right */
        text-align: right; /* Text-specific alignment */
    }

    .carousel-inner > .carousel-item > .Homepage_SFX_banner_shape {
        height: 45vw !important;
        max-height: 800px;
        min-height: 800px;
        width: 100%;
        object-fit: cover;
    }

    .LP-BannerSlider-Overlay {
        clip-path: polygon( 100% 0%, 83.42% 0%, 83.42% 0%, 83.188% 0.216%, 82.958% 0.856%, 82.732% 1.911%, 82.512% 3.372%, 82.296% 5.229%, 82.088% 7.473%, 81.888% 10.093%, 81.696% 13.081%, 81.515% 16.426%, 81.344% 20.119%, 79.109% 72.398%, 79.109% 72.398%, 78.938% 76.092%, 78.757% 79.437%, 78.565% 82.424%, 78.365% 85.045%, 78.157% 87.288%, 77.942% 89.145%, 77.721% 90.606%, 77.495% 91.662%, 77.265% 92.302%, 77.033% 92.518%, 0% 92.518%, 0% 100%, 100% 100%, 100% 0% );
    }

    .LP-BannerSlider-indicator {
        width: 17%;
    }
}

@media (min-width: 768px) and (max-width: 1299.98px) {
    /* Desktop view */
    .Homepage_SFX_banner_shape {
        display: block; /* Show desktop image */
    }

        .Homepage_SFX_banner_shape.hidden-lg.hidden-md {
            display: none; /* Hide mobile image */
        }

    .Homepage_SFX_Banner_description_block {
        padding-left: 5%;
        padding-right: 5%;
        padding-top: 5%;
    }

    .Desktop_Alignment_left {
        position: absolute;
        top: 4vw;
        width: 100%;
        left: 10%;
    }

    .Desktop_Alignment_center {
        position: absolute;
        top: 4vw;
        width: 100%;
        justify-content: center; /* Align items to the center */
        text-align: center; /* Text-specific alignment */
    }

    .Desktop_Alignment_right {
        position: absolute;
        top: 4vw;
        width: 100%;
        right: 10%;
        justify-content: flex-end; /* Align items to the right */
        text-align: right; /* Text-specific alignment */
    }

    .carousel-inner > .carousel-item > .Homepage_SFX_banner_shape {
        height: 45vw !important;
        max-height: 860px;
        min-height: 560px;
        width: 100%;
        height: auto;
        object-fit: cover;
        /* -webkit-mask-size: cover;
        -webkit-mask-position-x: right;
        -webkit-mask-position-y: bottom;*/
        /*        object-fit: cover;
*/ /*-webkit-mask-repeat: no-repeat;
        -webkit-mask-image: url("/images/Lonpac/Mask_Banner-Curve_Single-Side.svg");*/ /*changed later*/
    }

    .LP-BannerSlider-Overlay {
        clip-path: polygon( 76.431% 0%, 76.431% 0%, 76.1% 0.218%, 75.773% 0.865%, 75.452% 1.929%, 75.138% 3.399%, 74.833% 5.263%, 74.538% 7.51%, 74.254% 10.128%, 73.982% 13.106%, 73.725% 16.433%, 73.482% 20.096%, 70.309% 72.408%, 70.309% 72.408%, 70.066% 76.11%, 69.808% 79.459%, 69.535% 82.446%, 69.25% 85.063%, 68.954% 87.301%, 68.649% 89.151%, 68.335% 90.605%, 68.015% 91.654%, 67.689% 92.29%, 67.36% 92.504%, 0% 92.504%, 0% 100%, 100% 100%, 100% 0%, 76.431% 0% );
    }

    .LP-BannerSlider-indicator {
        width: 24%;
    }
}

@media (min-width: 600px) and (max-width: 767.98px) {
    .LP-BannerSlider-indicator {
        width: 33%;
    }

    .LP-BannerSlider-Overlay {
        clip-path: polygon( 68.268% 0%, 68.268% 0%, 67.822% 0.218%, 67.381% 0.864%, 66.949% 1.926%, 66.527% 3.394%, 66.117% 5.255%, 65.719% 7.498%, 65.337% 10.112%, 64.971% 13.085%, 64.624% 16.406%, 64.297% 20.064%, 60.026% 72.293%, 60.026% 72.293%, 59.699% 75.989%, 59.351% 79.332%, 58.984% 82.315%, 58.6% 84.927%, 58.201% 87.162%, 57.79% 89.009%, 57.368% 90.461%, 56.936% 91.508%, 56.498% 92.143%, 56.055% 92.357%, 0% 92.357%, 0% 99.841%, 100% 99.841%, 100% 0%, 68.268% 0% );
    }

    .Homepage_SFX_Banner_description {
        text-align: center;
        left: 0;
        width: 100%;
        font-size: 26px !important;
        position: relative;
    }

    .Mobile_Alignment_top {
        justify-content: center;
        align-items: flex-start;
    }

    .Mobile_Alignment_center {
        justify-content: center;
        align-items: center;
    }

    .Mobile_Alignment_bottom {
        justify-content: center;
        align-items: flex-end;
    }

    .Homepage_SFX_banner_title {
        font-size: 2.5em;
        width: 100%;
        margin-bottom: 20px;
    }

    .Homepage_SFX_banner_content {
        margin: 1% 0%;
    }

    .Homepage_SFX_Homepage_banner_table td {
        padding: 3% 0%;
    }

    .carousel-control {
        top: 78%;
    }

    .Homepage_SFX_Banner_description_2,
    .Homepage_SFX_Banner_description_2 span,
    .Homepage_SFX_Banner_description_2 span font {
        font-size: 26px !important;
        display: block;
    }

    .Homepage_SFX_grey_rounded_box {
        margin: auto;
    }

    .carousel-inner > .carousel-item > .Homepage_SFX_banner_shape {
        display: none;
    }

    .Homepage_SFX_banner_shape.hidden-lg.hidden-md {
        display: block; /* Show mobile image */
        height: 100%;
        max-height: 560px;
        min-height: 560px;
        object-fit: cover;
    }

    .Homepage_SFX_Homepage_banner_table img {
        height: auto;
        width: 100%; /* Make the image take the full width of the container */
        object-fit: cover; /* Ensure the image scales proportionally */
        max-width: none; /* Remove any restrictions on the width */
        max-height: none; /* Remove any restrictions on the height */
    }

    .carousel-inner {
        height: 100%; /* Ensure the carousel takes full height */
        min-height: 560px;
    }

    .Homepage_SFX_Banner_description_1 {
        display: none;
    }

    .LP-BannerSlider-indicator {
        right: 12px;
    }
}

@media (min-width: 426px) and (max-width: 599.99px) {
    .LP-BannerSlider-indicator {
        width: 48%;
    }

    .LP-BannerSlider-Overlay {
        clip-path: polygon( 54.444% 0%, 54.444% 0%, 53.776% 0.218%, 53.117% 0.865%, 52.47% 1.929%, 51.838% 3.399%, 51.223% 5.263%, 50.628% 7.51%, 50.056% 10.128%, 49.508% 13.106%, 48.989% 16.433%, 48.499% 20.096%, 42.105% 72.568%, 42.105% 72.568%, 41.615% 76.226%, 41.094% 79.541%, 40.545% 82.501%, 39.97% 85.097%, 39.374% 87.321%, 38.758% 89.161%, 38.126% 90.609%, 37.48% 91.656%, 36.824% 92.29%, 36.16% 92.504%, 0% 92.504%, 0% 100%, 100% 100%, 100% 0%, 54.444% 0% );
    }

    .Homepage_SFX_Banner_description {
        text-align: center;
        left: 0;
        width: 100%;
        font-size: 26px !important;
        position: relative;
    }

    .Mobile_Alignment_top {
        justify-content: center;
        align-items: flex-start;
    }

    .Mobile_Alignment_center {
        justify-content: center;
        align-items: center;
    }

    .Mobile_Alignment_bottom {
        justify-content: center;
        align-items: flex-end;
    }

    .Homepage_SFX_banner_title {
        font-size: 2.5em;
        width: 100%;
        margin-bottom: 20px;
    }

    .Homepage_SFX_banner_content {
        margin: 1% 0%;
    }

    .Homepage_SFX_Homepage_banner_table td {
        padding: 3% 0%;
    }

    .carousel-control {
        top: 78%;
    }

    .Homepage_SFX_Banner_description_2,
    .Homepage_SFX_Banner_description_2 span,
    .Homepage_SFX_Banner_description_2 span font {
        font-size: 26px !important;
        display: block;
    }

    .Homepage_SFX_grey_rounded_box {
        margin: auto;
    }

    .carousel-inner > .carousel-item > .Homepage_SFX_banner_shape {
        display: none;
    }

    .Homepage_SFX_banner_shape.hidden-lg.hidden-md {
        display: block; /* Show mobile image */
        height: 100%;
        min-height: 560px;
        max-height: 560px;
        object-fit: cover;
    }

    .Homepage_SFX_Homepage_banner_table img {
        height: auto;
        width: 100%; /* Make the image take the full width of the container */
        object-fit: cover; /* Ensure the image scales proportionally */
        max-width: none; /* Remove any restrictions on the width */
        max-height: none; /* Remove any restrictions on the height */
    }

    .carousel-inner {
        height: 100%; /* Ensure the carousel takes full height */
        min-height: 560px;
    }

    .Homepage_SFX_Banner_description_1 {
        display: none;
    }
}

@media screen and (max-width: 425.98px) {
    .LP-BannerSlider-indicator {
        width: 60%;
    }

    .LP-BannerSlider-Overlay {
        clip-path: polygon( 41.13% 0%, 41.13% 0%, 40.305% 0.216%, 39.489% 0.856%, 38.688% 1.912%, 37.903% 3.373%, 37.14% 5.23%, 36.401% 7.474%, 35.69% 10.094%, 35.01% 13.081%, 34.365% 16.426%, 33.758% 20.118%, 25.826% 72.386%, 25.826% 72.386%, 25.219% 76.082%, 24.573% 79.429%, 23.893% 82.417%, 23.182% 85.037%, 22.443% 87.279%, 21.679% 89.135%, 20.895% 90.595%, 20.094% 91.649%, 19.279% 92.288%, 18.454% 92.504%, 0% 92.504%, 0% 99.984%, 100% 99.984%, 100% 0%, 41.13% 0% );
    }

    .Homepage_SFX_Banner_description {
        text-align: center;
        left: 0;
        width: 100%;
        font-size: 26px !important;
        position: relative;
    }

    .Mobile_Alignment_top {
        justify-content: center;
        align-items: flex-start;
    }

    .Mobile_Alignment_center {
        justify-content: center;
        align-items: center;
    }

    .Mobile_Alignment_bottom {
        justify-content: center;
        align-items: flex-end;
    }

    .Homepage_SFX_banner_title {
        font-size: 2.5em;
        width: 100%;
        margin-bottom: 20px;
    }

    .Homepage_SFX_banner_content {
        margin: 1% 0%;
    }

    .Homepage_SFX_Homepage_banner_table td {
        padding: 3% 0%;
    }

    .carousel-control {
        top: 78%;
    }

    .Homepage_SFX_Banner_description_2,
    .Homepage_SFX_Banner_description_2 span,
    .Homepage_SFX_Banner_description_2 span font {
        font-size: 26px !important;
        display: block;
    }

    .Homepage_SFX_grey_rounded_box {
        margin: auto;
    }

    .carousel-inner > .carousel-item > .Homepage_SFX_banner_shape {
        display: none;
    }

    .Homepage_SFX_banner_shape.hidden-lg.hidden-md {
        display: block; /* Show mobile image */
        height: 100%;
        min-height: 560px;
        max-height: 560px;
        object-fit: cover;
    }

    .Homepage_SFX_Homepage_banner_table img {
        height: auto;
        width: 100%; /* Make the image take the full width of the container */
        object-fit: cover; /* Ensure the image scales proportionally */
        max-width: none; /* Remove any restrictions on the width */
        max-height: none; /* Remove any restrictions on the height */
    }

    .carousel-inner {
        min-height: 560px;
    }

    .Homepage_SFX_Banner_description_1 {
        display: none;
    }
}

.carousel-inner > .carousel-item {
    width: 100%;
}

.Homepage_SFX_Banner_description_block {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 10; /* Ensures it's on top */
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    padding-bottom: 60px;
}

.carousel-container-bannerslider {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
}

.Homepage_SFX_Banner_description {
    z-index: 2; /* Ensures text appears over the image */
}

.carousel-container-bannerslider {
    position: relative; /* Ensure the image is the reference for absolute positioning */
}

.Homepage_SFX_Banner_description_block img {
    width: 100%; /* Ensure images are responsive */
    height: auto;
}

.Homepage_SFX_banner_shape {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1; /* Ensure it stays below the text */
}

/* .Homepage_SFX_grey_rounded_box {
    position: relative;
    z-index: 13;
  } */
}