.popup__body.new-modal {
    padding: 0;
}

.popup__body.modal-payments {
    padding: 30px 10px;
}

.promo__text {
    margin-left: auto;
    margin-right: auto;
    max-width: 400px;
}

.promo__image {
    margin: 30px auto 10px auto;
    max-width: 100%;
    max-height: none;
    object-fit: contain;
}

.promo__button {
    align-items: center;
    border: 0;
    box-shadow: 0 5px 8px rgba(0, 0, 0, .25);
    cursor: pointer;
    display: inline-flex;
    font-size: 18px;
    justify-content: center;
    margin: 15px auto 0;
    padding: 8px 30px;
    text-decoration: none;
    width: 90%;
}

.modal-time-bottom {
    display: flex;
    flex-direction: column;
    gap: 20px;
    margin: 10px 0 10px -20px;
    font-size: 11px;
    background: #EBF4FF;
    width: calc(100% + 40px);
    padding: 20px;
    line-height: 1.3;
}

.btn-search-engine {
    color: #fff;
    background: #ff2d55;
    padding: 8px;
    border-radius: 4px;
    font-size: 16px;
    cursor: pointer;
}

.btn-search-engine:hover {
    background: #e9274c;
}

/* hide modal */
.popup__body.modal-time {
    padding: 0;
}

.modal-time-head {
    display: flex;
    align-items: center;
    padding: 20px 46px 20px 15px;
    gap: 10px;
    height: 90px;
    background: linear-gradient(0deg, #D4F1C7, #D4F1C7), #ECF1F7;
    text-align: left;
}

.modal-time-head-link {
    display: flex;
    width: 71px;
    height: 50px;
}

.modal-time-head-img {
    width: 100%;
    height: auto;
    border-radius: 3px;
    object-fit: contain;
    background-color: #d4f1c7;
}

.modal-time-head-text {
    font-weight: 700;
    font-size: 16px;
    line-height: 125%;
    color: #1B1F2F;
}

.modal-time-head-time {
    font-size: 12px;
    line-height: 14px;
    color: #9A9AA3;
    margin: 2px 0 0;
    font-weight: 400;
}

.modal-time .popup__close {
    background-color: transparent;
}

.modal-time .popup__close svg {
    mix-blend-mode: difference;
    opacity: .7;
}

.modal-time .popup__close:hover svg {
    opacity: .4;
}

.modal-time .promo__image {
    padding: 0;
    max-width: 400px;
}

.modal-time-countdown {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 20px;
    padding: 0 20px;
    color: #1B1F2F;
}

.modal-time-check-text {
    font-size: 16px;
    line-height: 20px;
    text-align: center;
    color: #1B1F2F;
    padding: 10px 0 0;
}

.modal-time-timer {
    position: relative;
}

.modal-time-timer + div {
    padding: 0 0 10px;
}

.modal-time-val {
    font-weight: 800;
    font-size: 32px;
    line-height: 24px;
    color: #FF2A07;
    position: absolute;
    z-index: 1;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.modal-spinner {
    width: 70px;
    height: 70px;
    border-radius: 50%;
    background: conic-gradient(from 90deg at 50% 50%, #FF0909 28deg, #ffffff 270deg, #f71717 271deg);
    position: relative;
    animation: modalSpin 2.5s linear infinite;
    transform: matrix(-1, 0, 0, 1, 0, 0);
}

.modal-spinner::after {
    background: #fff;
    width: 85%;
    height: 85%;
    border-radius: 50%;
    content: "";
    margin: auto;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}

.modal-time-result {
    padding: 0 20px;
    color: #000;
}

.modal-time-it-copy,
.modal-time-ok {
    line-height: 19px;
    color: #22a70b;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 6px;
    margin: 20px 0;
    font-weight: 500;
    font-size: 16px;
}

.modal-time-ok:before {
    content: "";
    background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16.638 2.527a1.005 1.005 0 0 0-1.48.158l-5.822 7.942L6.9 7.657A1.007 1.007 0 0 0 5.344 8.93L8.6 12.907l.029.028.808.99 1.207-1.678L16.08 4.83a8 8 0 0 1 1.902 5.173c0 4.403-3.582 7.985-7.985 7.985-4.403 0-7.985-3.582-7.985-7.985 0-4.403 3.582-7.986 8.04-7.987a6.09 6.09 0 0 1 1.99.311 1.007 1.007 0 1 0 .637-1.91C11.24-.063 9.994.001 9.999.004 4.485.004 0 4.49 0 10.002 0 15.515 4.486 20 9.998 20c5.513 0 9.998-4.485 9.998-9.998 0-2.853-1.224-5.577-3.359-7.475Z' fill='%237ED7FF'/%3E%3C/svg%3E");
    width: 20px;
    height: 20px;
    filter: hue-rotate(257deg) saturate(1.5);
}

.modal-time-it-copy {
    margin: -10px 0 20px;
}

.modal-time-bttn {
    display: flex;
    align-items: center;
    height: 60px;
    box-sizing: border-box;
    font-weight: 600;
    font-size: 24px;
    color: #fff;
    justify-content: space-between;
    margin: 0 0 25px;
    cursor: pointer;
    background: linear-gradient(180deg, #FFB800 0%, #FF0909 100%), #3C99DF;
    border-radius: 3px;
}

.modal-time-bttn-promo {
    flex-grow: 1;
    pointer-events: none;
    color: #FF2A07;
    background: #fff;
    height: calc(100% - 6px);
    display: flex;
    justify-content: center;
    margin: 3px;
    align-items: center;
}

.modal-time-bttn-text {
    border-radius: 3px;
    font-size: 18px;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0 15px;
    height: 60px;
    flex-basis: 40%;
    pointer-events: none;
    position: relative;
}

.modal-time-bttn:hover {
    opacity: .9;
}

.modal-text-help {
    margin: 0 0 20px;
}

@keyframes modalSpin {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(360deg);
    }
}

.popup__body.modal-promo {
    padding: 20px;
    max-width: 600px;
}

.popup__instruction__list {
    list-style: none;
    margin: 0;
    padding: 0;
    counter-reset: muffins;
    text-align: left;
    margin-top: 20px;
}

.popup__instruction__list li {
    counter-increment: muffins;
    padding-left: 45px;
    position: relative;
    margin-bottom: 15px;
    line-height: 130%;
}
.popup__instruction__list li:before {
    content: counter(muffins);
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: 0;
    left: 0;
    width: 24px;
    height: 24px;
    margin-right: 10px;
    background-repeat: no-repeat;
    background-position: center;
    border-radius: 3px;
    border: 2px solid #16a101;
    color: #16a101;
}
.popup__heading__promo-text {
    display: inline-block;
    color: #ffffff;
    background: linear-gradient(180deg,#ffb800 0%,#ff0909 100%),linear-gradient(0deg,#f00001,#f00001),linear-gradient(0deg,#ffdd2d,#ffdd2d),linear-gradient(0deg,#eec800,#eec800),linear-gradient(180deg,#dd0406 0%,rgba(221,4,6,0) 100%),linear-gradient(0deg,#584ae2,#584ae2),linear-gradient(180deg,#fff 0%,#f4f4f7 100%);
    border-radius: 3px;
    border: 0;
    padding: 3px 7px;
    font-size: 13px;
    font-weight: 600;
    margin-top: -5px;
}
.popup__heading__promo-desc {
    color: #16a101;
    font-weight: bold;
}
.search-engine-image {
    display: inline-block;
    margin: 0 5px;
    vertical-align: text-top;
}
.popup__body.new-modal {
    padding: 20px;
    max-width: 600px;
    -webkit-box-shadow: 0px 0px 41px -19px rgba(34, 60, 80, 0.6);
    -moz-box-shadow: 0px 0px 41px -19px rgba(34, 60, 80, 0.6);
    box-shadow: 0px 0px 41px -19px rgba(34, 60, 80, 0.6);
}
.force-close {
    display: inline-block;
    margin: 0 auto;
    font-size: 14px;
    line-height: 18px;
    font-weight: 700;
    text-transform: uppercase;
    text-decoration: none;
    color: rgba(124, 124, 124, 0.7);
    height: 20px;
    position: relative;
    padding-right: 20px;
}

.force-close:after {
    width: 17px;
    opacity: 0.2;
    height: 14px;
    content: '';
    display: block;
    position: absolute;
    right: 0;
    top: 2px;
    background: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3e%3c/svg%3e") center center / contain no-repeat;
}

.modal-promo-outlink {
    display: flex;
    text-align: center;
    margin: 5px 0;
    clear: both;
    border: 1px solid #b5b5b5;
    padding: 0 0 0 15px;
    justify-content: space-between;
    align-items: center;
    background: transparent;
    width: 210px;
    color: #000;
    box-sizing: border-box;
}

.modal-promo-outlink .btn__right {
    border-left: 1px solid #f4f5f6;
    height: 100%;
    width: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
}

@media (max-width: 768px) {


    .promo__image {
        margin-top: 10px;
        max-width: 100%;
    }
    .modal-time-head {
        padding: 18px 36px 18px 12px;
    }
    .modal-time-bttn-text {
        font-size: 0;
        max-width: 60px;
        text-indent: -9999px;
    }

    .modal-time-bttn-text:before {
        content: "";
        background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='%23ffffff' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M22.9641 0H5.65948C5.07852 0 4.62366 0.454668 4.62366 1.03582V18.3405C4.62366 18.9214 5.07833 19.3763 5.65948 19.3763H22.9641C23.5451 19.3763 23.9999 18.9216 23.9999 18.3405V1.03582C23.9999 0.454647 23.5453 0 22.9641 0ZM21.9283 17.3046H6.69499V2.07133H21.9283V17.3046Z' fill='%23ffffff'/%3E%3Cpath d='M18.3409 21.9279H2.07165V5.65922C2.07165 5.07825 1.61698 4.62339 1.03582 4.62339C0.45486 4.62339 0 5.07806 0 5.65922V22.9639C0 23.5448 0.454668 23.9997 1.03582 23.9997H18.3405C18.9214 23.9997 19.3763 23.545 19.3763 22.9639C19.3763 22.3829 18.9216 21.928 18.3407 21.928L18.3409 21.9279Z' fill='%23ffffff'/%3E%3Cpath d='M10.2822 10.7365H13.2632V13.7426C13.2632 14.3236 13.7179 14.7784 14.299 14.7784C14.88 14.7784 15.3348 14.3238 15.3348 13.7426V10.7365H18.341C18.922 10.7365 19.3768 10.2818 19.3768 9.70063C19.3768 9.11966 18.9222 8.6648 18.341 8.6648H15.3348V5.65863C15.3348 5.07766 14.8802 4.6228 14.299 4.6228C13.7178 4.6228 13.2632 5.07747 13.2632 5.65863V8.6648H10.2822C9.70123 8.6648 9.24637 9.11947 9.24637 9.70063C9.22116 10.2564 9.70125 10.7365 10.2822 10.7365Z' fill='%23ffffff'/%3E%3C/svg%3E%0A");
        width: 24px;
        height: 24px;
        position: static;
    }
    .modal-time-head-text {
        font-size: 14px;
        line-height: 1.1;
    }
}