/* =========================================================
   PROPERĀ — STATE REGISTRATION
   ========================================================= */

.propera-registration-info {
    width: 100%;
    background: #ffffff;
    color: #063f63;
}


/* =========================================================
   CONTAINER
   ========================================================= */

.propera-registration-info__container {
    width: min(1100px, calc(100% - 80px));
    margin: 0 auto;
    padding: 60px 0 60px;
}


/* =========================================================
   TITLE
   ========================================================= */

.propera-registration-info__title {
    max-width: 950px;

    margin: 0 0 65px !important;

    font-size: 54px !important;
    line-height: 1.08 !important;
    font-weight: 600 !important;

    letter-spacing: -0.035em !important;

    color: #063f63 !important;
}


/* =========================================================
   CERTIFICATE
   ========================================================= */

.propera-registration-info__certificate {
    width: 100% !important;
}


.propera-registration-info__certificate-button {
    display: block !important;

    width: 100% !important;
    max-width: 420px !important;

    padding: 0 !important;
    margin: 0 auto !important;

    border: 0 !important;
    border-width: 0 !important;
    border-radius: 0 !important;

    outline: none !important;
    box-shadow: none !important;

    background: transparent !important;

    cursor: zoom-in !important;

    appearance: none !important;
}


/* Полностью убираем стили темы при наведении */

.propera-registration-info__certificate-button:hover,
.propera-registration-info__certificate-button:focus,
.propera-registration-info__certificate-button:active {
    padding: 0 !important;

    border: 0 !important;
    border-width: 0 !important;
    border-radius: 0 !important;

    outline: none !important;
    box-shadow: none !important;

    background: transparent !important;

    color: inherit !important;
}


/* Изображение */

.propera-registration-info__certificate-button img {
    display: block !important;

    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;

    padding: 0 !important;
    margin: 0 !important;

    border: 0 !important;
    border-radius: 0 !important;

    outline: none !important;
    box-shadow: none !important;

    background: transparent !important;

    opacity: 1 !important;
}


/* Убираем абсолютно все эффекты при наведении */

.propera-registration-info__certificate-button:hover img,
.propera-registration-info__certificate-button:focus img,
.propera-registration-info__certificate-button:active img {
    border: 0 !important;
    outline: none !important;
    box-shadow: none !important;

    background: transparent !important;

    opacity: 1 !important;

    transform: none !important;
}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 767px) {

    .propera-registration-info__container {
        width: calc(100% - 36px);
        padding: 30px 0 30px;
    }


    .propera-registration-info__title {
        margin-bottom: 45px !important;

        font-size: 34px !important;
        line-height: 1.08 !important;
    }


    .propera-registration-info__certificate img {
        width: 100%;
        max-width: 100%;
    }

}


/* =========================================================
   SMALL MOBILE
   ========================================================= */

@media (max-width: 480px) {

    .propera-registration-info__container {
        width: calc(100% - 24px);
    }


    .propera-registration-info__title {
        font-size: 30px !important;
    }

}






/* =========================================================
   CERTIFICATE — CLICK
   ========================================================= */

.propera-registration-info__certificate-button {
    display: block;

    width: 100%;
    max-width: 820px;

    padding: 0;
    margin: 0 auto;

    border: 0;
    background: transparent;

    cursor: zoom-in;

    appearance: none;
}


.propera-registration-info__certificate-button img {
    width: 100%;
    height: auto;

    display: block;

    transition: opacity 0.2s ease;
}


.propera-registration-info__certificate-button:hover img {
    opacity: 0.9;
}


/* =========================================================
   LIGHTBOX
   ========================================================= */

.propera-registration-info__lightbox {
    position: fixed;

    inset: 0;
    z-index: 999999;

    display: none;

    align-items: center;
    justify-content: center;

    padding: 40px;

    background: rgba(0, 0, 0, 0.88);
}


.propera-registration-info__lightbox.is-open {
    display: flex;
}


/* Изображение */

.propera-registration-info__lightbox-inner {
    width: 100%;
    height: 100%;

    display: flex;
    align-items: center;
    justify-content: center;

    overflow: auto;
}


.propera-registration-info__lightbox-inner img {
    display: block;

    width: auto;
    height: auto;

    max-width: 95vw;
    max-height: 95vh;

    object-fit: contain;

    cursor: zoom-out;
}


/* =========================================================
   CLOSE
   ========================================================= */

.propera-registration-info__lightbox-close {
    position: fixed;

    top: 20px;
    right: 25px;

    z-index: 2;

    width: 45px;
    height: 45px;

    padding: 0;

    border: 0;
    border-radius: 50%;

    background: rgba(255, 255, 255, 0.15);

    color: #ffffff;

    font-family: Arial, sans-serif;
    font-size: 35px;
    font-weight: 300;
    line-height: 40px;

    cursor: pointer;

    appearance: none;
}


.propera-registration-info__lightbox-close:hover {
    background: rgba(255, 255, 255, 0.25);
}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 767px) {

    .propera-registration-info__lightbox {
        padding: 20px;
    }

    .propera-registration-info__lightbox-inner img {
        max-width: 94vw;
        max-height: 94vh;
    }

    .propera-registration-info__lightbox-close {
        top: 12px;
        right: 12px;

        width: 40px;
        height: 40px;

        font-size: 30px;
        line-height: 36px;
    }

}