
.relative {
    position: relative;
}
.PT_carousel .PT_Wrapper_All, .PT_carousel_wrapper.content-block > div:first-child {
    scroll-snap-type: x mandatory;
    scroll-behavior: smooth;
    display: flex;
    align-content: flex-start;
    justify-content: flex-start;
    -webkit-overflow-scrolling: touch;
    overflow-x: auto;
    -ms-overflow-style: none;
    overflow: -moz-scrollbars-none;
    padding: 0;
    margin: 0;
    max-width: 100%;
    flex-wrap: nowrap;
    scrollbar-width: none;
}
.startslides.PT_carousel_wrapper.content-block > div:first-child > div {
    width: 19%;
    flex-basis: 19%;
    max-width: 19%;
    flex-shrink: 0;
}
.startslides2.PT_carousel_wrapper.content-block > div:first-child > div {
    width: 25%;
    flex-basis: 25%;
    max-width: 25%;
    flex-shrink: 0;
}
.PT_carousel_wrapper.content-block > div:first-child > div {
    width: 25%;
    flex-basis: 25%;
    max-width: 25%;
    flex-shrink: 0;
}
/*
.PT_carousel_wrapper.content-block.full-width > div:first-child > div {
    width: 100%;
    flex-basis: 100%;
    max-width: 100%;
}
*/
.PT_carousel .PT_Wrapper_All::-webkit-scrollbar, .PT_carousel_wrapper.content-block > div:first-child::-webkit-scrollbar {
	display: none;
}
.PT_carousel .PT_Wrapper, .PT_carousel_wrapper.content-block > div:first-child > div {
	scroll-snap-align: start;
	scroll-snap-stop: always;
}

/*------------------------
	Navigation Arrows
------------------------*/
.PT_carousel-controls {
	display: block;
	position: absolute;
	margin: 0 auto;
	left: 0;
	right: 0;
	top: calc(50% + 1.5em);
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	z-index: 3;
}
.PT_carousel-controls .carousel-arrow {
    position: absolute;
    top: 0;
    opacity: 0.5;
    transition: opacity 150ms ease-in-out;
    width: 48px;
    height: 48px;
    color: #000;
    font-family: 'Font Awesome 7 Pro';
    display: flex;
    align-items: center;
    justify-content: center;
    filter: brightness(1);
    border-radius: 50%;
    background: none;
    border: none;
}
.PT_carousel-controls .carousel-arrow.active {
    opacity: 1;
    pointer-events: initial;
}
.PT_carousel-controls .carousel-arrow.active:hover {
	background: #f1f1f1;
}
.PT_carousel-controls .carousel-prev {
	left: 16px;
}
.PT_carousel-controls .carousel-next {
	right: 16px;
}
.PT_carousel-controls .carousel-prev::before {
    content: '\f053';
}
.PT_carousel-controls .carousel-next::before {
    content: '\f054';
}

@media screen and (max-width: 1720px) {
    .startslides.PT_carousel_wrapper.content-block > div:first-child > div, .startslides2.PT_carousel_wrapper.content-block > div:first-child > div {
        width: 25%;
        flex-basis: 25%;
        max-width: 25%;
        flex-shrink: 0;
    }
   .PT_carousel_wrapper.content-block > div:first-child > div {
        width: 25%;
        flex-basis: 25%;
        max-width: 25%;
        flex-shrink: 0;
    }
}

@media screen and (max-width: 1340px) {
    .startslides.PT_carousel_wrapper.content-block > div:first-child > div, .startslides2.PT_carousel_wrapper.content-block > div:first-child > div{
        width: 50%;
        flex-basis: 50%;
        max-width: 50%;
        flex-shrink: 0;
    }
    .PT_carousel_wrapper.content-block > div:first-child > div {
        width: 50%;
        flex-basis: 50%;
        max-width: 50%;
        flex-shrink: 0;
    }
}

@media screen and (max-width: 48em) {
	.startslides.PT_carousel_wrapper.content-block > div:first-child > div, .startslides2.PT_carousel_wrapper.content-block > div:first-child > div {
        width: 80%;
        flex-basis: 80%;
        max-width: 80%;
    }
    .PT_carousel_wrapper.content-block > div:first-child > div {
        width: 100%;
        flex-basis: 100%;
        max-width: 100%;
    }
	.PT_carousel-controls .carousel-prev {
		left: 0;
	}
	.PT_carousel-controls .carousel-next {
		right: 0;
	}
    .PT_carousel-controls {
        top: calc(50% + 2.5em);
    }
}

@media screen and (max-width: 400px) {
    .PT_carousel_wrapper.content-block > div:first-child > div {
        width: 100%;
        flex-basis: 100%;
        max-width: 100%;
    }
}