
.modal-partner .modal-dialog {
    width: 692px;
    max-width: 100%;
}
.modal-partner .modal-content {
    background: transparent;
    border-radius: 0;
}

.modal-partner .modal-header {
    background: #fff;
    position: relative;
    padding: 8px 16px;
    border-radius: 0;
}
.modal-partner .btn-close {
    width: 30px;
    height: 30px;
    background: url(../img/close.svg) no-repeat center;
    background-size: 30px;
    border: none;
    padding: 0;
    position: absolute;
    left: 26px;
    top: 16px;
    z-index: 2;
    opacity: 1;
}
.modal-partner .btn-close:hover {
    opacity: 0.8;
}
.modal-partner .modal-title {
    text-align: center;
    margin: 0;
    padding: 0;
    width: 100%;

    font-weight: 600;
    color: rgba(0, 102, 255, 1);
    font-size: clamp(2.5rem, 1.7025rem + 2.9674vw, 3rem);
}
.modal-partner .modal-title img {
    max-width: 50%;
    height: 70px;
    object-fit: contain;
    object-position: center;
}

.modal-partner .modal-body {
    color: #fff;
    font-size: clamp(1.25rem, 1.1598rem + 0.3356vw, 1.2625rem);
    background-color: #000229;
    background-image: url(../img/modal-partner/decor1.png), url(../img/modal-partner/decor1.png);
    background-repeat: no-repeat;
    background-size: clamp(35rem, 14.5048rem + 76.2611vw, 51.0625rem);
    background-position:-529px -600px, calc(100% + 260px) calc(100% + 650px);
    padding: 0;
}

.modal-body__title {
    padding-top: 10px;
    position: relative;
    padding-right: clamp(6.375rem, 5.8339rem + 2.5134vw, 8.25rem);
    margin-bottom: 20px;
    font-weight: 600;
    font-size: clamp(2.375rem, 2.3389rem + 0.1342vw, 2.5rem);
}
.modal-body__title .pht {
    pointer-events: none;
    position: absolute;
    bottom: 15%;
    right: 0;
    width: clamp(4.875rem, 4.3339rem + 2.5134vw, 6.75rem);
    height: clamp(4.875rem, 4.3339rem + 2.5134vw, 6.75rem);
    border-radius: 80px 80px 80px 0;
    overflow: hidden;
}
.modal-body__title .pht img {
    position: absolute;
    bottom: 0;
    right: 0;
    max-width: 98%;
    max-height: 98%;
    object-fit: contain;
    object-position: bottom center;
}
.modal-body__title.pink .pht {
    background: linear-gradient(to bottom, rgba(247,23,109,1) 0%, rgba(160,0,237,1) 100%);
}
.modal-body__title.green .pht {
    background: linear-gradient(to bottom, rgba(70, 238, 134, 1) 0%, rgba(0, 102, 255, 1) 100%);
}
.modal-body__subtitle {
    font-size: clamp(2.6875rem, 2.5612rem + 0.4698vw, 3.125rem);
}
.modal-body__subtitle.pink {
    color: #F7176C;
}
.modal-body__subtitle.green {
    color: rgba(70, 238, 134, 1);
}
.modal-body__par {
    font-weight: 700;
    margin-bottom: 16px;
    margin-top: 20px;
    color: #25CAE0;
    font-size: clamp(1.5625rem, 1.4723rem + 0.3356vw, 1.875rem);
}
.modal-body__par.white{color:#fff;}
.green-bg {
    color: rgba(0, 2, 41, 1);
    background: url(../img/modal-partner/bg.png) no-repeat top center;
    background-size: cover;
}
.green-bg.bottom{
    background-position: 50% 60%;
}
.green-bg .modal-body__par {
    color: rgba(0, 2, 41, 1);
}

.prev-modal,
.next-modal {
    color: #F7176C;
    font-size: 30px;
    line-height: 30px;
    font-weight: 900;
    border: none;
    padding: 0;
    background: transparent;
    width: 20px;
    height: 20px;
    border-top: 4px solid #F7176C;
    border-left: 4px solid #F7176C;
    transform: rotate(135deg);
}
.next-modal{
    transform: rotate(-45deg);
}
.color-black {
    border-color: #000;
}

.fz-175rem {
    font-size: clamp(1rem, 1rem + 0.3vw, 1.2rem);
}