.ImageSliderComponent{margin-left:auto;margin-right:auto;padding-left:1rem;padding-right:1rem;width:100%}@media (min-width:576px){.ImageSliderComponent{max-width:576px}}@media (min-width:768px){.ImageSliderComponent{max-width:768px}}@media (min-width:992px){.ImageSliderComponent{max-width:992px}}@media (min-width:1200px){.ImageSliderComponent{max-width:1200px}}@media (min-width:1400px){.ImageSliderComponent{max-width:1400px}}.ImageSliderComponent{display:flex;flex-direction:column;gap:1.5rem;margin-bottom:3rem;margin-top:3rem}@media (min-width:768px){.ImageSliderComponent{margin-top:6rem}}@media (min-width:992px){.ImageSliderComponent{gap:3rem}}.ImageSliderComponent>h2{text-align:center}.ImageSliderComponent .image-splide{height:-moz-fit-content;height:fit-content;width:100%}.ImageSliderComponent .image-splide .splide__track .splide__list .splide__slide img{-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;width:100%}@media (min-width:768px){.ImageSliderComponent .image-splide .splide__track .splide__list .splide__slide img{height:60vh}}.ImageSliderComponent .image-splide .splide__pagination{display:flex;flex-direction:row;gap:.5rem;justify-content:center;padding-bottom:.75rem;padding-top:.75rem;width:100%}.ImageSliderComponent .image-splide .splide__pagination li{align-items:center;display:flex;height:.75rem;justify-content:center;width:-moz-fit-content;width:fit-content}.ImageSliderComponent .image-splide .splide__pagination li button{background-color:#ffcd0380;border-radius:50%;height:.5rem;transition:.2s;width:.5rem}.ImageSliderComponent .image-splide .splide__pagination li button.is-active{--tw-bg-opacity:1;background-color:rgb(255 205 3/var(--tw-bg-opacity));height:.75rem;width:.75rem}.ImageSliderComponent .text-block{--tw-border-opacity:1;align-items:center;border-color:rgb(255 205 3/var(--tw-border-opacity));border-width:2px;display:flex;flex-direction:column;gap:1.5rem;margin-left:auto;margin-right:auto;max-width:var(--max-width);padding:1.5rem;position:relative;text-align:center}@media (min-width:768px){.ImageSliderComponent .text-block{padding:3rem}}.ImageSliderComponent .text-block .triangle{--tw-translate-x:-50%;--tw-rotate:180deg;--tw-bg-opacity:1;background-color:rgb(247 247 247/var(--tw-bg-opacity));bottom:calc(100% - 1px);left:50%;position:absolute;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));width:2.5rem}
