.cards-carousel{position:relative;display:flex;flex-wrap:wrap;align-items:stretch;max-width:100%}
.cards-carousel .carousel-title{max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content}
.cards-carousel .card .card-image img{width:100%;border-radius:4px}
.cards-carousel .card footer{margin-top:16px}
.cards-carousel .card .card-title{margin-bottom:8px}
.cards-carousel .card .card-title.has-subtitle{margin-bottom:0!important}

@media (min-width:768px){.cards-carousel .tns-controls{top:7px;right:2px}}
@media (min-width:992px){.cards-carousel.style-pushout-grid .tns-outer{width:calc(100% + calc(100vw - 100%)/ 2)}
.cards-carousel.style-inside-grid .tns-outer{width:100%}
.cards-carousel.style-inside-grid .card .card-title{margin-bottom:16px}
.cards-carousel.style-inside-grid .card .card-title.has-subtitle{margin-bottom:0!important}
.cards-carousel.style-inside-grid .subtitle{margin-bottom:16px}

.cards-carousel>.carousel-title{margin-bottom:45px}
.cards-carousel .carousel-wrap{position:relative}
}
@media (max-width:991.9px){
    .cards-carousel{flex-direction:column}
    .cards-carousel .card-image{margin-bottom:16px}
    .cards-carousel>.carousel-title.carousel-title{margin-bottom:24px}
    .cards-carousel footer{display:none}
}
@media (max-width:767.9px){
    .cards-carousel .tns-controls.tns-controls{display:none}
}

.cards-carousel .card .card-image img {
    height: auto;
}


.cards-carousel .tns-controls {
    pointer-events: none;
    width: 150px;
    height: 56px;
    display: inline-flex;
/*    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;*/
    z-index: 2;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 45px;    
}
.tns-controls button {
    pointer-events: all;
    width: 56px;
    height: 56px;
    border-radius: 50%;
    color: #fff;
    border: 0;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    left: 48px;
/*    position: absolute;*/
    background-color: rgba(255, 255, 255, 1);
    transition: .4s;
    border-color: transparent;
}
.tns-controls button:hover {
    background-color: var(--Dark-Yellow, #FFD400);
    /* border: 1px solid #262626; */
/*    border: 1px solid #7C8593;*/
    
}

.tns-controls button[data-controls="next"] {
/*    transform: rotate(180deg);*/
    right: 48px;
    left: auto;
}

.cards-carousel .card-image{
    margin-bottom:0;
    border-radius: 16px;
}
.testimonials .tns-controls button {    
    bottom: 55px;
}
.testimonials .tns-controls button[data-controls="prev"]  {
    left: calc(142px + 10%);
}
.testimonials .tns-controls button[data-controls="next"]  {
    left: calc(240px + 10%);
}



/* testimonials */
.cards-carousel.testimonials .card {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: space-between;
    width: 100%;
    background-color: #fff;
    min-height: 597px;
}
.cards-carousel.testimonials .card > * {
    width: 50%;
    max-width: 40%;
}
.cards-carousel.testimonials .card .card-image {
    order:2;
}
.cards-carousel.testimonials .tns-controls {
    max-width: 300px;
    top: unset;
    right: unset;
}
.cards-carousel.testimonials .card-content {
    margin-left: 10%;
    position: relative;
    margin-top: 54px;
}
.cards-carousel .card .subtitle{
    display:flex;
    margin-bottom:4px;
    font-size:14px;
    color: #000;
}
.cards-carousel .card .description{
    margin: 64px 0 24px 0;
}

.cards-carousel.testimonials .card .quote-wrap {
    position: absolute;
    right: 0;
    top: 10px;
}

.cards-carousel.testimonials .card-image {
    position: relative;
}
.cards-carousel.testimonials .card-image img {
    border-radius: 16px;
    object-fit: cover;
    position: absolute;
    width: 100%;
    height: 597px;
}



.cards-carousel.gallery .card-image {
    border-radius: 24px;
    overflow: hidden;
    position: relative;
    display: block;
}
.cards-carousel.gallery .card-image .overlay {
    transition: .6s;
    content: '';
    position: absolute;
    left: 0;
    right:0;
    bottom: 0;
    top: 0;
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.20) 0%, rgba(0, 0, 0, 0.20) 100%), linear-gradient(180deg, rgba(0, 0, 0, 0.00) 66.49%, rgba(0, 0, 0, 0.10) 91.64%) no-repeat;
    z-index: 2;
    pointer-events: none;
    opacity: 1;
}
.cards-carousel.gallery .card-image:hover .overlay {
    /* background: transparent!important; */
    opacity: 0;
}
.cards-carousel.testimonials .client-image + .testimonial-header-wrap {
    padding-left: 105px;
}

@media (max-width: 989.9px) {
    .cards-carousel.gallery .card-image .overlay {
        display: none;
        opacity: 0;
    }
    .cards-carousel .tns-controls {
        display: none;
    }
    .tns-slider>.tns-item {
        padding-right: 14px!important;
    }

    .cards-carousel .card .description {
        margin: 48px 0 24px 0;
    }
}

/* caption */

.caption a {
    color: var(--White, #FFF);
    font-family: "Paytone One";
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    text-decoration: none;
    margin-top: 24px;
    margin-bottom: 24px;
    display: block;
    transition: .4s;
}
.caption a:hover {
    color: var(--Dark-Yellow, #FFD400);
}

/* Hardware Acceleration via CSS */
.carousel-wrap {
    transform: translateZ(0); /* This forces GPU rendering */
    backface-visibility: hidden; /* Helps with smooth rendering */
}