@import '../../styles/vars.scss';

.slider {
    padding: 115px 256px;
    background: linear-gradient(90deg, #17628C 0%, #FFFFFF 147.13%);

    @media (max-width: 1440px) {
        padding: 57px 128px;
    }

    @media (max-width: 1110px) {
        padding: 57px 127px;
    }

    @media (max-width: $laptopWidth) {
        padding: 10px 127px;
    }

    // @media (max-width: $tabletWidth) {
    //     background: linear-gradient(180deg, #17628C -50%, #FFFFFF 160.13%);
    // }

    @media (max-width: 668px) {
        padding: 10px 52px;
    }
}

.slider img {
    margin: auto;
}

.slider__certificate {
    width: 926px;
    height: 655px;

    @media (max-width: 1240px) {
        width: 100%;
        height: 100%;
    }
}

// было width: 581px; height: 800px;
.slider__certificate_soot {
    width: 481px;
    height: 700px;

    @media (max-width: 1140px) {
        width: 450px;
        height: 600px;
    }

}

// было width: 800px; height: 560px;
.slider__svidetelstvo,
.slider__diplom {
    width: 850px;
    height: 610px;

    @media (max-width: 1110px) {
        width: 100%;
    }
}

.slider__arrow {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background: none;
    border: none;
    font-size: 1.5rem;
    cursor: pointer;
    z-index: 1;
    outline: none;
}

.slider__arrow_next,
.slider__arrow_prev {
    background-image: url(../../assets/images/icons/arrow-right.svg);
    background-size: cover;
    width: 51px;
    height: 51px;
    right: -8%;

    @media (min-width: 1650px) {
        right: 1%;
    }

    @media (min-width: 1800px) {
        right: 7%;
    }

    @media (max-width: 1440px) {
        right: -5%;
    }

    @media (max-width: 1240px) {
        right: -10%;
    }

    @media (max-width: $laptopWidth) {
        right: -13%;
    }

    @media (max-width: $tabletWidth) {
        right: -16%;
    }

    @media (max-width: 668px) {
        width: 31px;
        height: 31px;
        right: -8%;
    }

    @media (max-width: 535px) {
        right: -10%;
    }

    @media (max-width: $mobileWidth) {
        right: -13%;
    }
}

.slider__arrow_prev {
    background-image: url(../../assets/images/icons/arrow-left.svg);
    left: -8%;

    @media (min-width: 1650px) {
        left: 1%;
    }

    @media (min-width: 1800px) {
        left: 7%;
    }

    @media (max-width: 1440px) {
        left: -5%;
    }

    @media (max-width: 1240px) {
        left: -10%;
    }

    @media (max-width: $laptopWidth) {
        left: -13%;
    }

    @media (max-width: $tabletWidth) {
        left: -16%;
    }

    @media (max-width: 668px) {
        left: -8%;
    }

    @media (max-width: 535px) {
        left: -10%;
    }

    @media (max-width: $mobileWidth) {
        left: -13%;
    }
}

@media (max-width: $laptopWidth) {

    .slider__certificate,
    .slider__certificate_soot,
    .slider__svidetelstvo,
    .slider__diplom {
        width: 100%;
        height: 100%;
    }

    .slider__certificate,
    .slider__svidetelstvo,
    .slider__diplom {
        padding-top: 30%;
    }
}