/*****************Font******************/
/*****************ScrollBar******************/
.hiper-popup {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 500;
    background-color: rgba(0, 149, 232, 0.8);
    /*backdrop-filter: blur(1px);*/
    transition: .3s ease;
}

    .hiper-popup .container-xxs {
        height: 100%;
        width: 90%;
        max-width: 700px;
        margin: 0 auto;
    }

    .hiper-popup:not(.active) {
        visibility: hidden;
        opacity: 0;
        pointer-events: none;
    }

    .hiper-popup .popup-inner {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 100%;
        height: 100%;
        position: relative;
        z-index: 10;
    }

    .hiper-popup .popup-content {
        position: relative;
        padding: 15px;
        border-radius: 15px;
        background: white;
        width: 100%;
    }

        .hiper-popup .popup-content .content-area {
            overflow: auto;
            max-height: 70svh;
            padding: 20px;
            border-radius: 20px;
            background: rgba(0, 149, 232, 1);
            color: white;
            font-size: 18px;
            line-height: 1.3;
        }

            .hiper-popup .popup-content .content-area h1,
            .hiper-popup .popup-content .content-area h2,
            .hiper-popup .popup-content .content-area h3,
            .hiper-popup .popup-content .content-area h4,
            .hiper-popup .popup-content .content-area h5,
            .hiper-popup .popup-content .content-area h6 {
                color: inherit;
            }

            .hiper-popup .popup-content .content-area h1 {
                font-size: 35px;
            }

            .hiper-popup .popup-content .content-area h2 {
                font-size: 28px;
            }

            .hiper-popup .popup-content .content-area h3 {
                font-size: 26px;
            }

            .hiper-popup .popup-content .content-area h4 {
                font-size: 24px;
            }

            .hiper-popup .popup-content .content-area h5 {
                font-size: 22px;
            }

            .hiper-popup .popup-content .content-area h6 {
                font-size: 20px;
            }

            .hiper-popup .popup-content .content-area > * {
                margin-bottom: 10px;
            }

            .hiper-popup .popup-content .content-area ul {
                padding-left: 0;
            }

            .hiper-popup .popup-content .content-area li {
                list-style-type: none;
                padding-left: .7em;
                font-size: .9em;
            }

                .hiper-popup .popup-content .content-area li::marker {
                    display: block;
                    width: 20px;
                }

        .hiper-popup .popup-content .close-popup {
            position: absolute;
            top: -40px;
            right: -10px;
            color: #FFFFFF;
            display: flex;
            align-items: center;
            justify-content: center;
            background-color: transparent;
            cursor: pointer;
            outline: none;
            border: none;
        }

@media (max-width: 1024px) {
    .hiper-popup .popup-content .close-popup {
        top: -3.4375rem;
        right: 0rem;
    }
}

.hiper-popup .popup-content .close-popup svg {
    width: 2.8125rem;
    height: 2.8125rem;
}

.hiper-popup .contact-form-section {
    padding: 2.8125rem;
}

@media (min-width: 1200px) {
    .hiper-popup .contact-form-section {
        zoom: 0.9;
    }
}

@media (min-width: 1600px) {
    .hiper-popup .contact-form-section {
        zoom: 1;
    }
}