.body-overflow-hidden {
overflow: hidden;
}
.partner-discounts {
display: none;
position: fixed;
top: 0;
bottom: 0;
left: 0;
right: 0;
width: 100%;
height: 100%;
z-index: 110;
overflow: auto
}
.partner-discounts .discounts-wrap {
width: 100%;
min-height: 100%;
display: flex;
}
.partner-discounts .logo {
position: absolute;
top: 24px;
left: 48px;
}
.partner-discounts .left-col,
.partner-discounts .right-col {
width: 50%;
}
.partner-discounts .left-col {
background: linear-gradient(191.76deg, #1355FF -71.43%, #060B20 69.57%);
position: relative;
padding: 170px 16px 30px;
}
.partner-discounts .right-col {
background: #fff;
display: flex;
align-items: center;
padding: 30px 16px;
}
.partner-discounts .col-bg {
width: 100%;
position: absolute;
bottom: 20px;
left: 0;
}
.partner-discounts .col-bg-img {
max-width: 670px;
width: 100%;
padding: 0 20px;
margin: 0 auto;
}
.partner-discounts .col-title {
color: #fff;
font-size: 34px;
line-height: 40px;
font-weight: 700;
max-width: 736px;
text-align: center;
margin: 0 auto 24px;
z-index: 1;
position: relative;
}
.partner-discounts .right-col-content {
max-width: 550px;
margin: 0 auto;
}
.partner-discounts .right-col .col-title {
color: #2C2C2C;
}
.partner-discounts .list-wrap {
display: flex;
justify-content: center;
}
.partner-discounts .col-list {
padding: 0 0 0 17px;
margin: 0;
list-style-type: none;
list-style-image: url(//hurma.work/wp-content/uploads/consultation-request/css/../img/check-mark1.svg);
color: #E6E8EB;
font-weight: 400;
font-size: 14px;
line-height: 24px;
z-index: 1;
position: relative;
}
.partner-discounts .col-list li {
padding: 0 0 0 6px;
}
.partner-discounts .col-list-second {
margin: 0 0 0 60px;
}
.partner-discounts .col-form {
max-width: 420px;
margin: 0 auto;
}
.partner-discounts .input-block {
padding: 0 0 22px;
}
.partner-discounts .input-block label {
display: block;
color: #656F82;
font-size: 14px;
line-height: 18px;
margin: 0 0 8px;
}
.partner-discounts input {
border: 1px solid #BCC4D2;
border-radius: 4px;
font-size: 16px;
line-height: 24px;
padding: 7px 16px;
width: 100%;
transition: border-color 0.25s;
}
.partner-discounts .col-form input.error {
border-color: #E25A5A;
}
.partner-discounts .col-form label.error {
color: #E25A5A;
font-size: 14px;
line-height: 20px;
margin: 8px 0 0;
}
.partner-discounts .col-note {
margin: 24px 0 0;
font-size: 14px;
line-height: 20px;
}
.partner-discounts .submit-btn {
color: #fff;
background: #F98B25;
border-radius: 4px;
font-weight: 500;
font-size: 18px;
line-height: 24px;
padding: 12px 0;
border: 1px solid #F98B25;
width: 100%;
cursor: pointer;
outline: none;
transition: background 0.25s;
}
.partner-discounts .submit-btn .btn-loader {
width: 24px;
height: 24px;
margin: 0 auto;
display: none;
}
.partner-discounts .submit-btn .btn-loader > svg {
width: 100%;
height: 100;
}
.partner-discounts .submit-btn .btn-loader > svg circle {
stroke: currentColor;
stroke-linecap: round;
stroke-dasharray: 80, 200;
stroke-dashoffset: 0px;
}
.partner-discounts .submit-btn:hover,
.partner-discounts .submit-btn:focus,
.partner-discounts .loading .submit-btn {
background: #FFBC57;
}
.partner-discounts .loading {
pointer-events: none;
}
.partner-discounts .loading input {
background: #f2f2f2;
}
.partner-discounts .loading .submit-btn .btn-loader {
display: block;
}
.partner-discounts .loading .submit-btn .btn-loader > svg {
animation: spin 1.4s linear infinite;
transform-origin: center center;
transition: all 0.2s ease-in-out;
}
.partner-discounts .loading .submit-btn .btn-text {
display: none;
}
@media screen and (max-width: 1699px) {
.partner-discounts .col-bg-img {
width: 70%;
}
}
@media screen and (max-width: 990px) {
.partner-discounts .col-list-second {
margin: 0 0 0 20px;
}
}
@media screen and (max-width: 767px) {
.partner-discounts .col-bg {
display: none;
}
.partner-discounts .left-col,
.partner-discounts .right-col {
width: 100%;
}
.partner-discounts .discounts-wrap {
flex-wrap: wrap;
}
.partner-discounts .left-col {
padding-top: 85px;
}
.partner-discounts .logo {
left: 50%;
margin-left: -60px;
}
}
@media screen and (max-width: 400px) {
.partner-discounts .col-list-second {
margin: 0;
}
.partner-discounts .list-wrap {
flex-wrap: wrap;
}
.partner-discounts .col-title {
margin-bottom: 32px;
}
}