/*! Flickity v2.2.1
https://flickity.metafizzy.co
---------------------------------------------- */

.flickity-enabled {position: relative;}
.flickity-enabled:focus { outline: none; }
.flickity-viewport {overflow: hidden; position: relative; height: 100%; min-height: 100px;}
.flickity-slider {position: absolute; width: 100%; height: 100%;}
.industry .flickity-slider {padding-top: 10px;}
.team .flickity-slider {padding-top: 10px;}
.products .flickity-slider {padding-top: 10px; margin-top: 10px;}

/* DRAG */ß
.flickity-enabled.is-draggable {-webkit-tap-highlight-color: transparent; -webkit-user-select: none; -moz-user-select: none;   -ms-user-select: none; user-select: none;}
.carousel:not(.view-mouse) .flickity-enabled.is-draggable .flickity-viewport {cursor: move; cursor: -webkit-grab; cursor: grab;}
.carousel:not(.view-mouse) .flickity-enabled.is-draggable .flickity-viewport.is-pointer-down {cursor: -webkit-grabbing; cursor: grabbing;}

.carousel.review .carousel-cell.is-selected .authorRow img {transform: translateY(0px); transition-delay: 0.2s;}
.carousel.review .flickity-prev-next-button.previous {left: 25px;}
.carousel.review .flickity-prev-next-button.next {left: 75px; background-color: #fff;}
.carousel.review .flickity-prev-next-button {margin-top: 25px;}
.carousel.review .flickity-prev-next-button svg {display: none;}
.carousel.review .flickity-prev-next-button:before {font-family: 'Font Awesome 5 Pro'; font-weight: 100; font-size: 15px;}
.carousel.review .flickity-prev-next-button.previous:before {content: "\f177";}
.carousel.review .flickity-prev-next-button.next:before {content: "\f178";}
.flickity-button {position: absolute; background: transparent; border: none; color: var(--yellow)}
.flickity-button:hover {cursor: pointer;}
.flickity-button:focus {outline: none; box-shadow: 0 0 0 5px var(--yellow)}
.flickity-button:active {opacity: 0.6;}
.flickity-button:disabled {opacity: 0.3; cursor: auto; pointer-events: none;}
.flickity-button-icon {fill: currentColor;}
.flickity-prev-next-button {width: clamp(70px,9vw,100px); height: clamp(40px,5.5vw,60px); z-index: 100; transition: var(--transition); line-height: 50px; padding: 0; bottom: 0px; background-color: var(--yellow); color: var(--green); border-radius: 50px; display: flex; align-items: center; justify-content: center; text-align: center; border: 1px solid rgba(var(--navy-rgb),0.1);}
.flickity-prev-next-button:hover {background-color: var(--green-hov); color: var(--white);}
.carousel:not(.reviews) .flickity-prev-next-button.previous {right: calc(clamp(70px,9vw,100px) + clamp(20px,4vw,35px) - 10px);}
.carousel:not(.reviews) .flickity-prev-next-button.next {right: clamp(20px,4vw,35px);}
.flickity-rtl .flickity-prev-next-button.previous {left: auto; right: 10px;}
.flickity-rtl .flickity-prev-next-button.next {right: auto; left: 10px;}
.flickity-prev-next-button .flickity-button-icon {position: absolute; left: 50%; top: 50%; width: 50%; height: 50%; transform: translate(-50%,-50%); height: 20px; display: none;}
.flickity-page-dots {width: auto; margin: 10px auto 0px; list-style: none; line-height: 1; box-sizing: border-box; padding: 0px 35px;}
.flickity-rtl .flickity-page-dots { direction: rtl; }
.flickity-page-dots .dot {display: inline-block; width: 30px; height: 8px; margin: 0 2px; border-radius: 50px; opacity: 0.25; cursor: pointer; background-color: var(--white);}
.flickity-page-dots .dot.is-selected {opacity: 1; background: var(--yellow);}
.carousel-cell-image {margin-right: 25px;}
.flickity-prev-next-button:after {font-family: 'Font Awesome 6 Pro'; font-weight: 300; font-size: 1.1rem;}
.flickity-prev-next-button.next:after {content: "\f061";}
.flickity-prev-next-button.previous:after {content: "\f060";}

/* FULLSCREEN */
.carousel.is-fullscreen .carousel-cell {height: 100%;}

.gc-carousel .flickity-enabled.is-draggable .flickity-viewport {height: 800px!important;}
.carousel-cell-image {max-height: 800px; transition: opacity .3s ease-in-out; -moz-transition: opacity .3s ease-in-out; -webkit-transition: opacity .3s ease-in-out;}

@media screen and (min-width: 1401px) {
    .carousel.reviews .flickity-prev-next-button.previous {left: calc(0px - calc(clamp(70px,9vw,100px) + var(--pad-s)));}
    .carousel.reviews .flickity-prev-next-button.next {left: calc(clamp(70px,9vw,100px) - calc(clamp(70px,9vw,100px) + var(--pad-s) + 10px));}
}

@media (max-width: 1400px) {
    .carousel.reviews .flickity-prev-next-button.previous {left: 0;}
    .carousel.reviews .flickity-prev-next-button.next {left: calc(clamp(70px,9vw,100px) - 10px);}
}