@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

body>* {
    font-family: "Poppins", sans-serif;
}

.media-shadow {
    box-shadow: 0px 6px 24.4px 12px rgba(0, 0, 0, 0.07)
}

.slick-dots {
    position: absolute;
    right: 200px;
    bottom: 51px;
    display: flex !important;
    gap: 0 20px;
}

.slick-dots>li>button {
    width: 13px;
    height: 13px;
    border-radius: 50%;
    opacity: .25;
    background: white;
    font-size: 0;
    display: block;
}

.card-scale>div>img {
    transition: all .3s;
}

.card-scale:hover img {
    scale: 1.2;

}

.drop-down:hover .drop-down-menu {
    display: block;
}

.slick-dots>li.slick-active>button {
    opacity: 1;
}

.slick-arrow {
    position: absolute;
    right: 30px;
    bottom: 51px;
}

.slick-dotted>button:first-child {
    right: 430px;
    z-index: 2;
}

.mulit-carousel .slick-arrow {
    position: absolute;
    right: -20px;
}

.mulit-carousel>button:first-child {
    z-index: 1;
    left: -30px;
    right: unset;
}

.carousel-projects .slick-arrow {
    position: absolute;
    right: -30px;
    bottom: 151px;
}

.carousel-projects>button:first-child {
    z-index: 1;
    left: -30px;
    right: unset;
}

@media only screen and (max-width: 400px) {
    .slick-dots {
        position: absolute;
        left: 50%;
        transform: translate(-50%, 0);
        bottom: 5px;
        display: flex !important;
        gap: 0 20px;
        width: max-content;
    }

    .carousel-users .slick-dots,
    .carousel-projects .slick-dots,
    .carousel-news .slick-dots,
    .carousel-benefits .slick-dots,
    .mulit-carousel.partner .slick-dots {
        justify-content: space-between;
        width: 20%;
        bottom: -30px;
        left: 50%;
        transform: translate(-50%, 0);
    }

    .carousel-projects .slick-dots {
        bottom: 30px;
        width: max-content;
    }

    .carousel-users .slick-dots {
        width: 32%;
    }

    .carousel-benefits .slick-dots {
        width: 37%;
    }

    .carousel-users .slick-dots>li,
    .carousel-projects .slick-dots>li,
    .carousel-news .slick-dots>li,
    .carousel-benefits .slick-dots>li,
    .mulit-carousel.partner .slick-dots>li {
        background: #4D7665;
        opacity: .25;
        border-radius: 50%;
    }

    .carousel-news.slick-initialized .slick-slide {
        display: flex;
    }

    .carousel-users .slick-dots>li.slick-active,
    .carousel-projects .slick-dots>li.slick-active,
    .carousel-news .slick-dots>li.slick-active,
    .carousel-benefits .slick-dots>li.slick-active,
    .mulit-carousel.partner .slick-dots>li.slick-active {
        opacity: 1;
        background: #4D7665;
    }

    .carousel-users .slick-dots>li.slick-active>button,
    .carousel-projects .slick-dots>li.slick-active>button,
    .carousel-news .slick-dots>li.slick-active>button,
    .carousel-benefits .slick-dots>li.slick-active>button,
    .mulit-carousel.partner .slick-dots>li.slick-active>button {
        background: #4D7665;
    }
}