/* what-do */
.what-do { padding: 90px 0; }
.what-do .what-do-wrapper { text-align: center; }
.what-do .what-do-slide { text-align: left; padding: 40px; background: #0000000a; border-radius: 10px; transition: all 0.5s; height: 100%;}
.what-do .what-do-slide:hover .what-do-slide-link { background: var(--color-white); }
.what-do .what-do-slide:hover .what-do-slide-link svg { fill: var(--color-red); }
.what-do .what-do-slider .slick-slide { margin: 0 15px; border-radius: 10px; transition: all 0.5s; cursor: pointer; height: auto; }
.what-do .what-do-slider { margin: 45px 0; }
.what-do .what-do-slider .slick-slide .what-do-slide:hover .what-do-slide-title { color: var(--color-white); }
.what-do .what-do-slider .slick-slide .what-do-slide:hover .what-do-slide-desc { color: var(--color-white); }
.what-do .what-do-slider .slick-slide .what-do-slide:hover .what-do-icon { filter: brightness(0) invert(1); }
.what-do .what-do-icon {width: 80px;margin: 0 0 24px 0;}
.what-do .what-do-slider .slick-slide .what-do-slide-title,
.what-do .what-do-slider .slick-slide .what-do-slide-desc { transition:400ms }


.what-do .what-do-slide { position: relative; }
.what-do-slide-details { position: relative; z-index: 1; transition: 400ms; }
.what-do .what-do-slide .what-do-slide-backimage { position: absolute; left: 0; top: 0; border-radius: 10px; width: 100%; height: 100%; overflow: hidden; opacity: 0; transform: scale(0); transition: 400ms; }
.what-do .what-do-slide .what-do-slide-backimage .what-do-slide-backimage-main img {     
	height: 100%;
    object-fit: cover;
    width: 100%;
    object-position: center center;
}

	.what-do-slide-backimage-main {
    height: 100%;
}
.what-do .what-do-slide .what-do-slide-backimage span.what-do-slide-backcolor { background-color: var(--color-red); opacity: 0.75; width: 100%; height: 100%; display: block; position: absolute; left: 0; top: 0; border-radius: 10px; }
.what-do .what-do-slide:hover .what-do-slide-backimage { opacity: 1; transform: scale(1); }
.what-do-slider .slick-track {
    display: flex;
    align-items: stretch;
}

.what-do .what-do-slider .slick-slide > div {
    height: 100%;
}

@media (max-width:1200px) {
	.what-do .what-do-slide { padding: 20px; }
	.what-do .what-do-slider .slick-slide { margin: 0 8px; }
}

@media (max-width:992px) {
	.what-do { padding: 40px 0; }
	.what-do  .what-do-icon { width: 60px; }
    .what-do-slider .slick-prev {
    left: calc(50% - (380px/2));
    bottom: -50px;
}
.what-do-slider .slick-next {
    left: calc(50% + (380px / 2));
    bottom: -50px;
}
.what-do-slider {
    margin-bottom: 0 !important;
}

}
@media (max-width:575px) {
    .what-do-slider .slick-next {
        left: calc(50% + 20px);
        bottom: 0;
    }
        .what-do-slider .slick-prev {
        left: calc(50% - 20px);
        bottom: 0;
    }
        .what-do-slider {
        margin-bottom: 20px !important;
    }
}
/* what-do */