#letters-swiper, #sertificates-swiper {
    position: relative;
    --swiper-pagination-bullet-inactive-opacity: 1;
    --swiper-pagination-bullet-inactive-color: #ddd;
    --swiper-pagination-color: #8DBF33;
    --swiper-pagination-bullet-height: 12px;
    --swiper-pagination-bullet-width: 12px;
    --swiper-pagination-right: 12px;
    --swiper-pagination-bullet-horizontal-gap: 6px;
}

.letters-swiper img, #imageModalLetter img, .sertificates-swiper img, #imageModalSertificate img {
    cursor: pointer;
}

.sertificates-swiper .swiper-wrapper,.letters-swiper .swiper-wrapper {
    align-items: stretch;
}

.sertificates-swiper .swiper-slide, .letters-swiper .swiper-slide {
    height: auto !important;
}

.sertificates-swiper .swiper-slide img, .letters-swiper .swiper-slide img {
    height: 100%;
    object-fit: cover;
}

.letter-modal-dialog, .sert-modal-dialog {
    max-width: 80vh;
}

.letter-modal-content, .sert-modal-content  {
    background-color: unset;
    border: unset;
}

.img-close {
    position: absolute;
    right: -2px;
    top: -27px;
}

.btn-left-mobile {
    position: absolute;
    right: 97%;
    top: 50%
}

.btn-right-mobile {
    position: absolute;
    left: 97%;
    top: 50%
}

.mh-w {
    max-height: 92vh;
}

@media (max-width: 1024px) {
    .btn-right-mobile {
        left: 98%;
    }
    .btn-left-mobile {
        right: 98%;
    }
}

@media (max-width: 767px) {
    .btn-right-mobile {
        left: 94%;
    }
    .btn-left-mobile {
        right: 94%;
    }
}