.elementor-45063 .elementor-element.elementor-element-f04baf1{--display:flex;--min-height:100vh;}.elementor-45063 .elementor-element.elementor-element-f04baf1:not(.elementor-motion-effects-element-type-background), .elementor-45063 .elementor-element.elementor-element-f04baf1 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-f3ebf8d );}.elementor-45063 .elementor-element.elementor-element-c147cc4{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-45063 .elementor-element.elementor-element-f1a321a{--display:flex;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );}.elementor-45063 .elementor-element.elementor-element-c7b33b6{--display:flex;}.elementor-45063 .elementor-element.elementor-element-9a84323{--display:flex;}.elementor-45063 .elementor-element.elementor-element-e97e4dc{--e-n-carousel-swiper-slides-to-display:1;--e-n-carousel-swiper-slides-gap:10px;--e-n-carousel-slide-height:auto;--e-n-carousel-slide-container-height:100%;--e-n-carousel-arrow-prev-left-align:0%;--e-n-carousel-arrow-prev-translate-x:0px;--e-n-carousel-arrow-prev-left-position:0px;--e-n-carousel-arrow-prev-top-align:50%;--e-n-carousel-arrow-prev-translate-y:-50%;--e-n-carousel-arrow-prev-top-position:0px;--e-n-carousel-arrow-next-right-align:0%;--e-n-carousel-arrow-next-translate-x:0%;--e-n-carousel-arrow-next-right-position:0px;--e-n-carousel-arrow-next-top-align:50%;--e-n-carousel-arrow-next-translate-y:-50%;--e-n-carousel-arrow-next-top-position:0px;}.elementor-45063 .elementor-element.elementor-element-4826fdb{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}@media(max-width:1024px){.elementor-widget-image .widget-image-caption{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );}.elementor-45063 .elementor-element.elementor-element-e97e4dc{--e-n-carousel-swiper-slides-to-display:2;}}@media(max-width:767px){.elementor-widget-image .widget-image-caption{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );}.elementor-45063 .elementor-element.elementor-element-e97e4dc{--e-n-carousel-swiper-slides-to-display:1;}}/* Start custom CSS for html, class: .elementor-element-908297b */body {

  height: 100vh;
  position: relative;
  margin: 0;
  overflow-x: hidden;
}
.list {
  perspective: 400px;
  visibility: hidden;
  height: 100vh;
  width: 100%;
  pointer-events: none;

}


  
.elementor-45063 .elementor-element.elementor-element-908297b ul li {
    display: inline-block;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    font-weight: 700;
    font-size: clamp(24px, 6vw, 96px);
    color: #fff;
    background: #333333;
    border-radius: 16px;
    padding: 2vw;
  }/* End custom CSS */
/* Start custom CSS for nested-carousel, class: .elementor-element-e97e4dc */.myCarousel .swiper{    height: 500px;  /* Adjust to the height you need */

    height: 500px;
    overflow: hidden;
    position: relative;
    overflow: hidden; /* Ensures no overflow of content */
}


.myCarousel .swiper-slide {
    height: auto;  /* Let the height of each slide adjust based on content */
}


.myCarousel .swiper-slide {
    height: auto;
}

.myCarousel .swiper-pagination {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    z-index: 10;
}

.myCarousel .swiper-pagination .swiper-pagination-bullet {
    background-color: #000;
    width: 10px;
    height: 10px;
    margin: 5px 0;
    border-radius: 50%;
}

.myCarousel .swiper-pagination .swiper-pagination-bullet:hover {
    background-color: #fff;
}/* End custom CSS */