.new-modal-banner__people {
    position: absolute;
    bottom: 0;
    left: 76px;
    width: 284px;

    @media screen and (max-width: 1024px) {
        width: 222px;
        left: 80px;
    }

    @media screen and (max-width: 768px) {
        width: 284px;
        left: -20px;
    }
}

.new-modal-banner__item {
    border-radius: 24px;
    overflow: hidden;
    height: 471px !important;

    @media screen and (max-width: 1360px) {
        height: 343px !important;
        object-fit: cover;
    }

    @media screen and (max-width: 768px) {
        height: 425px !important;
        object-fit: cover;
    }
}

.new-modal-banner__item .home-new-banner__picture {
    object-fit: cover;

    @media screen and (max-width: 768px){
        height: 425px ;
    }
}

.new-modal-banner__item .home-new-banner__picture img {
    max-width: none;
    max-height: none;
}

.home-new-banner__button {
    width: 343px;
    height: 60px;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 10px;
    gap: 10px;
    background: #2C3E50;
    border-radius: 10px;
    font-family: 'Inter', sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 18px;
    line-height: 22px;
    color: #FFFFFF;
    transition: all .3s;
}


.home-new-banner__button-modal:hover,
.home-new-banner__button:hover {
    background: #3B5570;
}

.home-new-banner__button-modal.is-active,
.home-new-banner__button.is-active {
    background: #EEF1F6;
    color: #2C3E50;
}

.home-new-banner__modal {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    z-index: 100;
    background: rgba(0, 0, 0, 0.3);
}

.home-new-banner__modal.is-active {
    display: block;
}

.home-new-banner__button-modal {
    display: none;
    position: absolute;
    bottom: 60px;
    left: 45px;
    width: 312px;
    height: 80px;
    font-family: 'Inter', sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 18px;
    line-height: 22px;
    color: #FFFFFF;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 10px;
    gap: 10px;
    background: #2C3E50;
    border-radius: 10px;

    @media screen and (max-width: 950px) {
        display: flex;
    }
}

.home-new-banner__modal-item {
    display: flex;
    flex-direction: column;
    gap: 40px;
    position: absolute;
    top: 50%;
    left: 50%;
    padding: 40px 60px;
    transform: translateY(-50%) translateX(-50%);
    width: 1118px;
    height: 816px;
    background: url("../images/dist/sim-modal.svg") no-repeat;
    border-radius: 20px;
    z-index: 99;

    @media screen and (max-width: 1150px) {
        background: url("../images/dist/sim-modal-tablet.svg") no-repeat;
        width: 960px;
        height: auto;
        background-size: cover;
    }
    /*@media screen and (max-width: 950px) {*/
    /*    background: url("../images/dist/sim-modal-tablet.svg") no-repeat;*/
    /*    width: 700px;*/
    /*    height: auto;*/
    /*    background-size: cover;*/
    /*}*/
    @media screen and (max-width: 950px) {
        width: 402px;
        height: 770px;
        gap: 30px;
        padding: 60px 32px;
        background: url("../images/dist/sim-modal-mobile.svg") no-repeat;
    }
}

.new-modal-banner__modal-esim .home-new-banner__modal-item {
    padding: 60px;
    width: 942px;
    height: 668px;
    background: url("../images/dist/esim-modal.svg") no-repeat;

    @media screen and (max-width: 950px) {
        width: 730px;
    }

    @media screen and (max-width: 768px) {
        width: 402px;
        height: 770px;
        gap: 30px;
        background: url("../images/dist/esim-modal-mobile.svg") no-repeat;
        padding: 60px 32px;
    }
}

.home-new-banner__modal-close {
    position: absolute;
    top: 10px;
    right: 10px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    object-fit: cover;
}

.home-new-banner__modal-links {
    display: flex;
    gap: 36px;
    align-items: center;

    @media screen and (max-width: 950px) {
        display: none;
    }
}

.home-new-banner__modal-links > div {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.new-modal-banner__modal-esim  .home-new-banner__modal-links > div {
    gap: 8px;
}

.home-new-banner__modal-links > div a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 109px;
    height: 33px;
    background: #2C3E50;
    border-radius: 5px;
    padding: 5px 10px;
}

.home-new-banner__modal-title {
    font-family: 'Gotham Pro', sans-serif;
    font-style: italic;
    font-weight: 700;
    font-size: 80px;
    line-height: 80px;
    letter-spacing: -0.05em;
    color: #2C3E50;
    max-width: 663px;

    @media screen and (max-width: 1150px) {
        font-size: 70px;
    }
    @media screen and (max-width: 950px) {
        font-size: 40px;
        line-height: 100%;
    }
}

.new-modal-banner__modal-esim .home-new-banner__modal-title {
    max-width: 760px;

    @media screen and (max-width: 768px) {
        font-size: 38px;
    }
}

.home-new-banner__modal-text {
    font-family: 'Manrope', sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 30px;
    line-height: 41px;
    color: #2C3E50;
    max-width: 533px;

    @media screen and (max-width: 1150px) {
        font-size: 25px;
    }

    @media screen and (max-width: 950px) {
        font-size: 15px;
        line-height: 100%;
        max-width: 296px;
        margin-bottom: 29px;
    }
}

.home-new-banner__modal-icons {
    display: flex;
    gap: 38px;
    align-items: start;
    max-width: 469px;
}

.home-new-banner__modal-icons img {
    width: 95px;
    height: 95px;

    @media screen and (max-width: 950px) {
        width: 82px;
        height: 82px;
    }
}

.home-new-banner__modal-icon {
    position: relative;
    display: flex;
    align-items: center;
    flex-direction: column;
    gap: 15px;
    font-family: 'Manrope', sans-serif;
    font-weight: 600;
    font-size: 15px;
    line-height: 20px;
    text-align: center;
    color: #2C3E50;
    max-width: 153px;

    @media screen and (max-width: 950px) {
        gap: 10px;
        font-size: 10px;
        line-height: 100%;
    }
}

.home-new-banner__modal-icon::before {
    position: absolute;
    content: "";
    top: 37px;
    right: -20px;
    width: 22px;
    height: 22px;
    background: url("../images/dist/arrow-right.svg") no-repeat;

    @media screen and (max-width: 950px) {
        top: 32px;
        right: -27px;
    }
}

.home-new-banner__modal-icon:nth-child(2)::before {
    right: -40px;

    @media screen and (max-width: 950px) {
        right: -31px;
    }
}
.home-new-banner__modal-icon:last-child::before {
    display: none;
}

.home-new-banner__modal-subtext {
    font-family: 'Manrope', sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 15px;
    line-height: 20px;
    color: #2C3E50;

    @media screen and (max-width: 950px) {
        position: absolute;
        bottom: 36px;
        left: 36px;
        font-size: 10px;
        line-height: 100%;
    }
}

.home-new-banner__item-content {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-36%, -45%);
    display: flex;
    flex-direction: column;
    gap: 30px;

    @media screen and (max-width: 1024px) {
        gap: 10px;
    }
    @media screen and (max-width: 768px) {
        transform: translate(-50%, 0);
        width: 100%;
        justify-content: center;
        align-items: center;
        top: auto;
        bottom: 30px;
        max-width: 340px;
    }
}

.home-new-banner__item-content p {
    font-family: 'Manrope', sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 20px;
    line-height: 27px;
    color: #FFFFFF;
    white-space: nowrap;

    @media screen and (max-width: 1076px) {
        font-size: 15px;
        line-height: 20px;
        margin-bottom: 10px;
    }
    @media screen and (max-width: 768px) {
        white-space: wrap;
        font-size: 10px;
        line-height: 100%;
        margin-bottom: 7px;
    }
}
.home-new-banner__item-content p.home-new-banner__item-content--title {
    font-family: 'Gotham Pro', sans-serif;
    font-style: italic;
    font-weight: 700;
    font-size: 60px;
    line-height: 100%;
    letter-spacing: -0.05em;
    color: #FFFFFF;
    max-width: 425px;

    @media screen and (max-width: 1076px) {
        font-size: 45px;
        margin-bottom: 0;
    }
    @media screen and (max-width: 768px) {
        font-size: 35px;
        position: absolute;
        bottom: 148px;
        right: 0;
    }
}

.new-modal-banner__item--gradient::before {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(269.97deg, rgba(255, 255, 255, 0) 15.46%, #DDDDDD 29.07%, #568DBD 93.29%);

    @media screen and (max-width: 1076px) {
        height: 100%;
        background: linear-gradient(269.97deg, rgba(255, 255, 255, 0) 15.46%, #DDDDDD 41.07%, #568DBD 93.29%);
    }
    @media screen and (max-width: 768px) {
        background: linear-gradient(269.35deg, rgba(255, 255, 255, 0) 0.61%, rgba(151, 185, 214, 0.615479) 33.5%, #568DBD 97.49%);
        z-index: 1;
    }
}

.new-modal-banner__item--gradient.new-modal-banner__item .home-new-banner__picture img {
    margin: 0 0 0 auto;
    max-width: 722px;

    @media screen and (max-width: 768px) {
        position: relative;
        right: 0;
        top: 0;
        height: 425px;
        object-fit:cover;
    }
}

.new-modal-banner__item--gradient .home-new-banner__item-content {
    left: 81px;
    transform: translate(0, -50%);
    gap: 10px;
    @media screen and (max-width: 768px) {
        left: 50%;
        top: 50px;
        transform: translate(-50%, 0);
        align-items: flex-start;
        justify-content: start;
        z-index: 2;
    }
}

.new-modal-banner__item--gradient .home-new-banner__item-content--title {
    margin-bottom: 9px;
    white-space: wrap;
    max-width: 805px !important;

    @media screen and (max-width: 1076px) {
        font-size: 40px;
        line-height: 100%;
    }
    @media screen and (max-width: 768px) {
        font-size: 27px !important;
        position: unset !important;
        max-width: 343px !important;
    }
}

.new-modal-banner__item--gradient .home-new-banner__button {

    @media screen and (max-width: 768px) {
        position: absolute;
        bottom: 0;
        left: 0;
        max-width: 100%;
        width: 100%;
    }

}

.home-new-banner__modal-advantages {
    display: flex;
    justify-content: center;
    gap: 128px;
    align-items: center;

    @media screen and (max-width: 950px) {
        display: none;
    }
}

.home-new-banner__modal-advantages-list {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.home-new-banner__modal-advantages-list span {
    font-family: 'Manrope', sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 24px;
    line-height: 100%;
    color: #2C3E50;
}

.home-new-banner__modal-advantages-list ul {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.home-new-banner__modal-advantages-list ul li {
    position: relative;
    font-family: 'Manrope', sans-serif;
    font-style: normal;
    font-weight: 300;
    font-size: 14px;
    line-height: 100%;
    color: #2C3E50;
    padding-left: 23px;
}

.home-new-banner__modal-advantages-list ul li::before {
    position: absolute;
    content: "";
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    width: 15px;
    height: 10px;
    background: url("../images/dist/icons/check-mark.svg") no-repeat;
    background-size: cover;
}

.home-new-banner__requirements {
    display: flex;
    flex-wrap: wrap;
    gap: 16px;

    @media screen and (max-width: 768px) {
        justify-content: center;
    }
}

.home-new-banner__requirements-item {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 263px;
    height: 166px;
    background: url("../images/dist/banner-requirements-item.svg") no-repeat;

    @media screen and (max-width: 768px) {
        background: url("../images/dist/banner-requirements-item-mobile.svg") no-repeat;
        height: 136px;
    }
}

.home-new-banner__requirements-item p {
    font-family: 'Manrope', sans-serif;
    font-style: normal;
    font-weight: 300;
    font-size: 14px;
    line-height: 19px;
    text-align: center;
    color: #FFFFFF;
    max-width: 173px;
}

.home-new-banner__requirements-item span {
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    bottom: 0;
    left: 0;
    width: 40px;
    height: 40px;
    background: #2C3E50;
    font-family: 'Manrope', sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 15.8969px;
    line-height: 100%;
    text-align: center;
    color: #FFFFFF;
    border-radius: 50%;
}

.home-new-banner__modal-item-phone {
    display: none;
    position: absolute;
    width: 319px;
    height: 441px;
    top: 112px;
    right: 20px;

    @media screen and (max-width: 1150px) {
        display: block;
    }
    @media screen and (max-width: 950px) {
        display: none;
    }
}

.home-new-banner__item.cover .home-new-banner__img {
    object-fit: cover;
    height: 500px;
}