.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: 0;
    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;
  }

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

  .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 > .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 > .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 > .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 > .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 > .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;
    }
  }

  .carousel-inner > .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: auto;
    height: 100%;
    z-index: 1; /* Ensure it stays below the text */
  }

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