/* MODAL */

.ym-iframe .modal {
    background-color: var(--color-secondary-08);
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    width: initial;
    height: initial;
    max-width: 100%;
    width: 100%;
    padding-right: calc(var(--bs-gutter-x) * .5);
    padding-left: calc(var(--bs-gutter-x) * .5);
}
.ym-iframe .modal h3 {
    font-size: 21px;
    line-height: 36px;
    padding: 10px 0;
}
.ym-iframe .modal p {
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 10px;
}
.ym-iframe .modal.modal-cookies {
    z-index: 1050;
    background-color: transparent;
}
.ym-iframe .modal-backdrop.show {
    opacity: 0;
}
.ym-iframe .modal .btn-close {
    background: none;
    color: var(--color-white);
    font-size: 21px;
    padding: 5px 15px;
}
.ym-iframe .modal .btn-close::before {
    content: '\e902';
    font-family: var(--font-icomoon);
}
.ym-iframe .modal .modal-fullscreen {
    width: 100%;
}
.ym-iframe .modal .modal-header {
    border-bottom: 0;
    padding: 10px;
}
.ym-iframe .modal .modal-content {
    background-color: var(--bg-modal);
    color: var(--color-white);
}
.ym-iframe .modal .modal-body {
    padding: 0 50px 10px;
}
.ym-iframe .modal .modal-body .icon-body {
    width: 84px;
    height: 84px;
    border-radius: 50%;
    background-color: var(--color-primary-dark);
    display: flex;
    justify-content: center;
    align-items: center;
    margin-left: -20px;
}
.ym-iframe .modal .modal-body .icon-body img {
    width: 70px;
}

.ym-iframe .modal.fade .modal-dialog {
    transform: translate(-150px, 0);
}
.ym-iframe .modal.fade.show .modal-dialog {
    transform: none;
}

.ym-iframe .modal.head {
    z-index: 1045;
}
.ym-iframe .modal.head .modal-header {
    position: absolute;
    z-index: 1000;
    width: 100%;
}
.ym-iframe .modal.head .modal-header button {
    margin: 0;
    width: 100%;
    opacity: 1;
    font-size: 14px;
    font-weight: bold;
    line-height: 24px;
}
.ym-iframe .modal.head .modal-header button::before {
    content: '\e901';
    margin-right: 15px;
}
.ym-iframe .modal.head .modal-content {
    background: var(--color-bg-gradient);
}
.ym-iframe .modal.head .modal-content .modal-body {
    padding: 0;
}
.ym-iframe .modal.fade.head .modal-dialog {
    transform: translate(0, 0);
}

@media (max-width: 575px) {
    .ym-iframe .modal-desk {
        position: initial !important;
    }
    .ym-iframe .modal {
        padding: 0;
    }
}