/* -----------------smart-id-auth----------------- */
.smart-id-auth-wrap{
    display: none;
}
@media (max-width: 750px) {
    .smart-id-auth-wrap {
        display: block;
        margin: 24px auto;
        padding: 0 24px;
    }
    .smart-id-auth {
        border: 2px solid #043960;
        border-radius: 14px;
        padding: 24px 10px 14px;
        background: #fff;
    }
    .smart-id-auth-lead {
        margin: 0;
        text-align: center;
        color: #043960;
        font-family: var(--custom-font);
    }
    .smart-id-auth-title {
        margin: 16px 0 0;
        font-size: 26px;
        text-align: center;
        color: #043960;
        font-family: var(--custom-font);
        font-weight: 700;
        line-height: 1.2;
    }
    .smart-id-auth-subtitle {
        margin: 5px 0 0;
        text-align: center;
        color: #043960;
        font-family: var(--custom-font);
        font-weight: 700;
        line-height: 1.3;
    }
    .smart-id-auth-slider {
        border-radius: 6px;
        overflow: hidden;
        background: #fff;
        position: relative;
    }
    .smart-id-auth-slider .swiper-slide img{
        display: block;
        width: 100%;
        height: auto;
    }
    .smart-id-auth-prev,
    .smart-id-auth-next {
        width: 18px !important;
        height: 18px !important;
        margin-top: -3px !important;
        border-radius: 50%;
        background: rgba(0, 0, 0, 0.75);
    }
    .smart-id-auth-prev {
        left: var(--swiper-navigation-sides-offset, 6vw) !important;
        right: auto;
    }
    .smart-id-auth-next {
        right: var(--swiper-navigation-sides-offset, 6vw) !important;
        left: auto;
    }
    .smart-id-auth-prev:after,
    .smart-id-auth-next:after {
        font-size: 10px !important;
        color: #fff;
        font-weight: 700 !important;
    }
    .smart-id-auth-prev {
        left: 7px;
    }
    .smart-id-auth-next {
        right: 7px;
    }
    .smart-id-auth-pagination.swiper-pagination-bullets.swiper-pagination-horizontal {
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
        width: auto;
        z-index: 2;
        display: flex;
        align-items: center;
        justify-content: center;
        bottom: clamp(20px, calc(-13.49px + 10.47vw), 65px);
    }
    .smart-id-auth-pagination .swiper-pagination-bullet {
        width: 6px;
        height: 6px;
        opacity: 1;
        background: #d5d5d5;
        transform: scale(1);
        transform-origin: center;
        transition: transform 0.2s ease, background-color 0.2s ease;
    }
    .smart-id-auth-pagination .swiper-pagination-bullet-active{
        background: #2f6fa3;
        transform: scale(1.5);
    }
    .smart-id-auth-pagination.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
        margin: 0 10px !important;
    }
    .smart-id-auth-desc {
        margin-top: 14px;
        padding: 20px;
        font-size: 12px;
        line-height: 1.7;
        border: 2px solid #d8d8d8;
        color: #4f7ea4;
        font-family: var(--custom-font);
        font-weight: 700;
    }
}