.carousel-block {padding: 60px 0; position: relative;}
.carousel-block img.bg {max-inline-size: 100%; block-size: auto; object-fit: cover; width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 10;}
.carousel-block .container {position: relative; z-index: 100;}
.carousel-block .container .row {row-gap: 35px;}
.carousel-block .row-gap {row-gap: 35px;}
.carousel-block .heading {font-size: 40px; line-height: 1.1; font-weight: 400; margin: 0; padding: 0; text-align: center;}
.carousel-block p {margin: 0; padding: 0; text-align: center; color: var(--four-light);}
.carousel-block p:after {height: 3px; content: ''; width: 70px; background-color: var(--two);  display: block; margin: auto; margin-top: 35px; top: 100%; display: table; left: 0; right: 0;}
.carousel-block .d-flex {height: 100%;}
.carousel-block img,
.carousel-block svg {max-width: 200px; max-height: 100px; width: 100%; height: auto;}
.carousel-block .slick-track {display: flex;}
.carousel-block .slick-track .slick-slide {display: flex; height: auto; align-items: center; justify-content: center;}
.carousel-block .slick-dots {margin-top: 35px; position: relative; bottom: 0;}
.carousel-block .slick-dots li button {}
.carousel-block .slick-dots li button:before {opacity: 1; color: var(--four-lighted); font-size: 10px;}
.carousel-block .slick-dots .slick-active button:before {color: var(--two); font-size: 18px;}
.carousel-block .button {display: flex; width: fit-content; padding: 15px 40px; background-color: transparent; color: var(--three);  border: solid 1px var(--three);}
.carousel-block .button:hover {border: solid 1px var(--two); color: var(--two); background-color: transparent;}

body.ks-rounding-light .carousel-block .button {border-radius: 8px;}
body.ks-rounding-strong .carousel-block .button {border-radius: 32px;}