.universal-section-payment-landings-page {
background-color: #faf9fa;
}
.universal-section-payment-landings-container, .universal-section-payment-landings-container * {
box-sizing: border-box;
font-family: "Onest", sans-serif;
}
.universal-section-payment-landings-container {
justify-content: flex-start;
align-self: stretch;
}
.universal-section-payment-landings-container {
display: flex;
flex-direction: column;
gap: 0;
align-items: flex-start;
flex-shrink: 0;
position: relative;
background: #fff;
font-family: "Onest", sans-serif;
letter-spacing: -0.01em !important;
}
.universal-section-payment-landings-container .section_payment {
background: #1A1A1A;
padding: 128px 0;
width: 100%;
margin: 0 auto;
position: relative;
overflow: hidden;
}
.universal-section-payment-landings-container .section_payment .sc-payment-ellipse {
border-radius: 50%;
opacity: 0.15;
flex-shrink: 0;
width: 684px;
height: 684px;
position: absolute;
filter: blur(300px);
}
@-moz-document url-prefix() {
.universal-section-payment-landings-container .section_payment .sc-payment-ellipse {
clip-path: url(#circleClip);
opacity: 0.1;
filter: url("data:image/svg+xml;utf8,#blur");
}
}
.universal-section-payment-landings-container .section_payment .sc-payment-ellipse-bg-1 {
background: #fff01f;
left: 16%;
top: -350px;
}
.universal-section-payment-landings-container .section_payment .sc-payment-ellipse-bg-2 {
background: #9745FF;
left: -90px;
top: -277px;
}
.universal-section-payment-landings-container .section_payment .sc-payment-ellipse-bg-3 {
background: #fff01f;
right: 236px;
bottom: 35px;
}
.universal-section-payment-landings-container .section_payment .sc-payment-ellipse-bg-4 {
background: #9745FF;
right: 606px;
bottom: 65px;
}
.universal-section-payment-landings-container .section_payment .element_bubble_bg {
position: absolute;
top: -330px;
left: 5%;
border-radius: 50%;
width: 684px;
height: 684px;
opacity: 0.15;
background: #FFF01F;
filter: blur(300px);
}
@-moz-document url-prefix() {
.universal-section-payment-landings-container .section_payment .element_bubble_bg {
clip-path: url(#circleClip);
opacity: 0.07;
filter: url("data:image/svg+xml;utf8,#blur");
}
}
.universal-section-payment-landings-container .section_payment .container_title {
width: 90%;
max-width: clamp(1824px, 84.375vw, 2160px);
margin: 0 auto;
display: flex;
align-items: flex-start;
justify-content: space-between;
}
.universal-section-payment-landings-container .section_payment .container_title .title_section {
color: #FAFAFA;
font-family: Onest;
font-size: 70px;
font-weight: 600;
line-height: 100%;
letter-spacing: -0.01em;
max-width: 1200px;
}
.universal-section-payment-landings-container .section_payment .container_title .sc-1-designers {
border-radius: 100px;
max-width: 680px;
padding: 24px 32px;
display: flex;
flex-direction: row;
gap: 16px;
align-items: center;
justify-content: flex-start;
position: relative;
backdrop-filter: blur(5px);
border: 1px solid rgba(251, 251, 251, 0.1);
background: rgba(251, 251, 251, 0.04);
}
.universal-section-payment-landings-container .section_payment .container_title .sc-1-designers .sc-1-designers-avatars {
display: flex;
flex-direction: row;
align-items: flex-start;
justify-content: flex-start;
position: relative;
}
.universal-section-payment-landings-container .section_payment .container_title .sc-1-designers .sc-1-designers-avatars .avatar {
border-radius: 100%;
width: 64px;
height: 64px;
position: relative;
object-fit: cover;
max-width: none;
}
.universal-section-payment-landings-container .section_payment .container_title .sc-1-designers .sc-1-designers-avatars .avatar.avatar-next {
margin: 0 0 0 -26px;
}
.universal-section-payment-landings-container .section_payment .container_title .sc-1-designers .sc-1-designers-avatars .percent_designers {
color: #1A1A1A;
font-size: 40px;
font-weight: 600;
line-height: 120%;
letter-spacing: -0.4px;
border-radius: 1000px;
border: 2px solid #363636;
background: #FBDF64;
margin: 0 0 0 -26px;
padding: 0 20px;
height: 64px;
display: flex;
align-items: center;
justify-content: center;
position: relative;
}
.universal-section-payment-landings-container .section_payment .container_title .sc-1-designers .sc-1-designers-text {
color: #FFF;
font-size: 18px;
font-weight: 400;
line-height: 133.333%;
letter-spacing: -0.18px;
position: relative;
}
.universal-section-payment-landings-container .section_payment .container_payment {
width: 90%;
max-width: clamp(1824px, 84.375vw, 2160px);
margin: 64px auto 0 auto;
border-radius: 24px;
position: relative;
}
.universal-section-payment-landings-container .section_payment .container_payment .payment_block {
width: 100%;
display: flex;
padding: 24px;
gap: 24px;
align-self: stretch;
justify-content: space-between;
border-radius: 40px;
background: rgba(255, 255, 255, 0.05);
position: relative;
overflow: hidden;
}
.universal-section-payment-landings-container .section_payment .container_payment .payment_block .col_block_right {
width: calc((100% - 24px) / 2);
padding: 64px;
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 48px;
border-radius: 24px;
background: #1A1A1A;
}
.universal-section-payment-landings-container .section_payment .container_payment .payment_block .col_block_right .top_title_block {
width: 100%;
display: flex;
padding-bottom: 40px;
flex-direction: column;
align-items: flex-start;
gap: 16px;
border-bottom: 1px solid #3A3B40;
}
.universal-section-payment-landings-container .section_payment .container_payment .payment_block .col_block_right .top_title_block .title_col {
color: #FFF;
font-size: 28px;
font-weight: 500;
line-height: 114.286%;
letter-spacing: -0.28px;
}
.universal-section-payment-landings-container .section_payment .container_payment .payment_block .col_block_right .top_title_block .info_for_country {
display: flex;
align-items: center;
gap: 12px;
cursor: pointer;
}
.universal-section-payment-landings-container .section_payment .container_payment .payment_block .col_block_right .top_title_block .info_for_country .icon_info {
width: 24px;
}
.universal-section-payment-landings-container .section_payment .container_payment .payment_block .col_block_right .top_title_block .info_for_country .text {
color: #ABB9FF;
font-size: 16px;
font-weight: 400;
line-height: 137.5%;
letter-spacing: -0.16px;
text-decoration-line: underline;
text-decoration-style: solid;
text-decoration-skip-ink: auto;
text-decoration-thickness: auto;
text-underline-offset: auto;
text-underline-position: from-font;
}
.universal-section-payment-landings-container .section_payment .container_payment .payment_block .col_block_right .wrap-buying-form {
width: 100%;
display: flex;
flex-direction: column;
gap: 24px;
align-items: flex-start;
justify-content: flex-start;
position: relative;
}
.universal-section-payment-landings-container .section_payment .container_payment .payment_block .col_block_right .wrap-buying-form form.wpcf7-form .loader:before,
.universal-section-payment-landings-container .section_payment .container_payment .payment_block .col_block_right .wrap-buying-form form .button-with-loader .loader:before {
border-color: #FAFAFA;
}
.universal-section-payment-landings-container .section_payment .container_payment .payment_block .col_block_right .wrap-buying-form form.submitting .button-text {
opacity: 0;
}
.universal-section-payment-landings-container .section_payment .container_payment .payment_block .col_block_right .wrap-buying-form form.submitting .hover_bubble {
background: transparent !important;
}
.universal-section-payment-landings-container .section_payment .container_payment .payment_block .col_block_right .wrap-buying-form label.label_hid {
opacity: 0;
width: 0;
height: 0;
overflow: hidden;
}
.universal-section-payment-landings-container .section_payment .container_payment .payment_block .col_block_right .wrap-buying-form .purchasing-course-form-wrap {
display: flex;
flex-direction: column;
gap: 40px;
align-items: flex-start;
justify-content: flex-start;
align-self: stretch;
position: relative;
}
.universal-section-payment-landings-container .section_payment .container_payment .payment_block .col_block_right .wrap-buying-form .purchasing-course-form-wrap .form-inputs {
display: flex;
flex-direction: column;
gap: 20px;
align-items: flex-start;
justify-content: flex-start;
align-self: stretch;
position: relative;
}
.universal-section-payment-landings-container .section_payment .container_payment .payment_block .col_block_right .wrap-buying-form .purchasing-course-form-wrap .form-inputs .wrap-input-name {
align-self: stretch;
position: relative;
width: 100%;
}
.universal-section-payment-landings-container .section_payment .container_payment .payment_block .col_block_right .wrap-buying-form .purchasing-course-form-wrap .form-inputs .wrap-input-mail {
align-self: stretch;
position: relative;
width: 100%;
}
.universal-section-payment-landings-container .section_payment .container_payment .payment_block .col_block_right .wrap-buying-form .purchasing-course-form-wrap .form-inputs .wrap-input-phone {
align-self: stretch;
position: relative;
overflow: visible;
z-index: 10;
width: 100%;
flex: 1;
}
.universal-section-payment-landings-container .section_payment .container_payment .payment_block .col_block_right .wrap-buying-form .purchasing-course-form-wrap .form-inputs .wrap-input-phone .iti--inline-dropdown .iti__dropdown-content {
background: #1a1a1a;
top: 100%;
bottom: auto;
padding: 24px 16px;
}
.universal-section-payment-landings-container .section_payment .container_payment .payment_block .col_block_right .wrap-buying-form .purchasing-course-form-wrap .form-inputs .wrap-input-phone .iti--inline-dropdown .iti__dropdown-content .iti__country-list li {
padding: 8px 16px;
}
.universal-section-payment-landings-container .section_payment .container_payment .payment_block .col_block_right .wrap-buying-form .purchasing-course-form-wrap .form-inputs .wrap-input-phone .iti--inline-dropdown .iti__dropdown-content .iti__country-list li:hover {
border-radius: 8px;
background: rgba(251, 251, 251, 0.07);
}
.universal-section-payment-landings-container .section_payment .container_payment .payment_block .col_block_right .wrap-buying-form .purchasing-course-form-wrap .form-inputs .wrap-input-phone .iti--inline-dropdown .iti__dropdown-content .iti__country-list li.iti__active {
background: rgba(251, 251, 251, 0.1);
}
.universal-section-payment-landings-container .section_payment .container_payment .payment_block .col_block_right .wrap-buying-form .purchasing-course-form-wrap .form-inputs .wrap-input-phone .iti--inline-dropdown .iti__dropdown-content .iti__country-name {
color: #FAFAFA;
font-size: 17px;
line-height: 22px;
font-weight: 400;
}
.universal-section-payment-landings-container .section_payment .container_payment .payment_block .col_block_right .wrap-buying-form .purchasing-course-form-wrap .form-inputs input {
border-radius: 12px;
width: 100%;
padding: 23px 28px;
transition: 0.3s all;
border: 1px solid rgba(251, 251, 251, 0.2);
background: rgba(77, 76, 75, 0.07);
color: #e6e6e6;
font-family: Onest, serif;
font-size: 18px !important;
font-weight: 400;
line-height: 133.333% !important;
letter-spacing: -0.18px;
}
.universal-section-payment-landings-container .section_payment .container_payment .payment_block .col_block_right .wrap-buying-form .purchasing-course-form-wrap .form-inputs input::placeholder {
font-size: 18px !important;
line-height: 24px !important;
font-weight: 400;
color: #808080;
}
.universal-section-payment-landings-container .section_payment .container_payment .payment_block .col_block_right .wrap-buying-form .purchasing-course-form-wrap .form-inputs input.input-text {
font-size: 18px;
line-height: 22px;
font-weight: 500;
position: relative;
}
.universal-section-payment-landings-container .section_payment .container_payment .payment_block .col_block_right .wrap-buying-form .purchasing-course-form-wrap .form-inputs input:hover, .universal-section-payment-landings-container .section_payment .container_payment .payment_block .col_block_right .wrap-buying-form .purchasing-course-form-wrap .form-inputs input:focus, .universal-section-payment-landings-container .section_payment .container_payment .payment_block .col_block_right .wrap-buying-form .purchasing-course-form-wrap .form-inputs input:active {
border: 1px solid #FAFAFA;
}
.universal-section-payment-landings-container .section_payment .container_payment .payment_block .col_block_right .wrap-buying-form .purchasing-course-form-wrap .form-inputs input:focus, .universal-section-payment-landings-container .section_payment .container_payment .payment_block .col_block_right .wrap-buying-form .purchasing-course-form-wrap .form-inputs input:active {
border: 1px solid #FAFAFA;
color: #e6e6e6;
}
.universal-section-payment-landings-container .section_payment .container_payment .payment_block .col_block_right .wrap-buying-form .purchasing-course-form-wrap .form-inputs input.wpcf7-not-valid {
color: #e6e6e6;
border: 1px solid rgba(255, 94, 0, 0.8);
}
.universal-section-payment-landings-container .section_payment .container_payment .payment_block .col_block_right .wrap-buying-form .purchasing-course-form-wrap .form-inputs input.wpcf7-not-valid:-webkit-autofill, .universal-section-payment-landings-container .section_payment .container_payment .payment_block .col_block_right .wrap-buying-form .purchasing-course-form-wrap .form-inputs input.wpcf7-not-valid:-ms-autofill, .universal-section-payment-landings-container .section_payment .container_payment .payment_block .col_block_right .wrap-buying-form .purchasing-course-form-wrap .form-inputs input.wpcf7-not-valid:-moz-autofill {
background-color: #1f1f21 !important;
color: #e6e6e6 !important;
}
.universal-section-payment-landings-container .section_payment .container_payment .payment_block .col_block_right .wrap-buying-form .purchasing-course-form-wrap .form-inputs .wpcf7-not-valid-tip {
margin-top: 6px;
}
.universal-section-payment-landings-container .section_payment .container_payment .payment_block .col_block_right .wrap-buying-form .purchasing-course-form-wrap .form-inputs .iti--show-selected-dial-code.iti--show-flags .iti__selected-flag {
padding: 0 2px 0 26px;
}
.universal-section-payment-landings-container .section_payment .container_payment .payment_block .col_block_right .wrap-buying-form .purchasing-course-form-wrap .form-inputs .iti--show-selected-dial-code.iti--show-flags .iti__selected-dial-code {
color: #E6E6E6;
font-size: 18px;
font-weight: 500;
letter-spacing: -0.18px;
line-height: normal;
position: relative;
}
.universal-section-payment-landings-container .section_payment .container_payment .payment_block .col_block_right .wrap-buying-form .purchasing-course-form-wrap .form-inputs .iti--show-selected-dial-code.iti--show-flags .iti__arrow {
filter: saturate(0) brightness(1000%);
width: 24px;
height: 24px;
}
.universal-section-payment-landings-container .section_payment .container_payment .payment_block .col_block_right .wrap-buying-form .purchasing-course-form-wrap .form-inputs .iti--show-selected-dial-code.iti--show-flags .iti__flag {
width: 24px;
min-width: 24px;
height: 24px !important;
background-size: contain;
background-color: transparent;
box-shadow: unset;
}
.universal-section-payment-landings-container .section_payment .container_payment .payment_block .col_block_right .wrap-buying-form .purchasing-course-form-wrap .form-inputs .mask {
display: flex;
flex-direction: row;
gap: 4px;
align-items: center;
justify-content: flex-start;
position: relative;
}
.universal-section-payment-landings-container .section_payment .container_payment .payment_block .col_block_right .wrap-buying-form .purchasing-course-form-wrap .form-inputs .mask:hover input, .universal-section-payment-landings-container .section_payment .container_payment .payment_block .col_block_right .wrap-buying-form .purchasing-course-form-wrap .form-inputs .mask:focus input {
border: 1px solid #E6E6E6;
color: #e6e6e6;
}
.universal-section-payment-landings-container .section_payment .container_payment .payment_block .col_block_right .wrap-buying-form .purchasing-course-form-wrap .wrap_submit_btn {
display: flex;
padding: 15px;
flex-direction: column;
gap: 16px;
border-radius: 20px;
border: 1px solid rgba(251, 251, 251, 0.05);
background: linear-gradient(289deg, rgba(251, 251, 251, 0.02) 0%, rgba(251, 251, 251, 0.04) 100%);
}
.universal-section-payment-landings-container .section_payment .container_payment .payment_block .col_block_right .wrap-buying-form .purchasing-course-form-wrap .button-primary {
background: #5A75FF;
border-radius: 12px;
display: flex;
flex-direction: row;
gap: 10px;
align-items: center;
justify-content: center;
align-self: stretch;
position: relative;
overflow: hidden;
cursor: pointer;
border: unset;
font-family: "Onest", sans-serif;
}
.universal-section-payment-landings-container .section_payment .container_payment .payment_block .col_block_right .wrap-buying-form .purchasing-course-form-wrap .button-primary:hover .hover {
width: 150%;
height: 250%;
}
.universal-section-payment-landings-container .section_payment .container_payment .payment_block .col_block_right .wrap-buying-form .purchasing-course-form-wrap .button-primary .submit-form-purchasing-course {
background: none;
padding: 24px 64px;
display: flex;
color: #FFF;
font-size: 20px;
line-height: 30px;
font-weight: 600;
z-index: 2;
position: relative;
cursor: pointer;
letter-spacing: -0.01em;
}
.universal-section-payment-landings-container .section_payment .container_payment .payment_block .col_block_right .wrap-buying-form .purchasing-course-form-wrap .button-primary .hover_bubble {
background: #4362FF;
}
.universal-section-payment-landings-container .section_payment .container_payment .payment_block .col_block_right .wrap-buying-form .purchasing-course-form-wrap .info_for_payment {
display: flex !important;
justify-content: center;
gap: 10px;
}
.universal-section-payment-landings-container .section_payment .container_payment .payment_block .col_block_right .wrap-buying-form .purchasing-course-form-wrap .info_for_payment .icon_info {
width: 20px;
}
.universal-section-payment-landings-container .section_payment .container_payment .payment_block .col_block_right .wrap-buying-form .purchasing-course-form-wrap .info_for_payment .text {
color: #808080;
font-size: 15px;
font-weight: 400;
line-height: 146.667%;
letter-spacing: -0.15px;
}
.universal-section-payment-landings-container .section_payment .container_payment .payment_block .col_block_right .wrap-buying-form .block_logos_payments {
width: 100%;
display: flex;
align-items: center;
justify-content: center;
gap: 20px;
}
.universal-section-payment-landings-container .section_payment .container_payment .payment_block .col_block_right .wrap-buying-form .block_logos_payments .logo_payment {
height: 38px;
}
.universal-section-payment-landings-container .section_payment .container_payment .payment_block .col_block_right .wrap-buying-form .sc-1-form-additional-text {
color: #808080;
font-size: 12px;
line-height: 16px;
font-weight: 400;
position: relative;
text-align: center;
letter-spacing: -0.12px;
max-width: 700px;
margin: 0 auto;
}
.universal-section-payment-landings-container .section_payment .container_payment .payment_block .col_block_right .wrap-buying-form .sc-1-form-additional-text .sc-1-form-additional-text-span2 {
text-decoration: underline;
color: #808080;
}
.universal-section-payment-landings-container .section_payment .container_payment .payment_block .col_block_right .wrap-buying-form .sc-1-form-additional-text .sc-1-form-additional-text-span4 {
text-decoration: underline;
color: #808080;
}
.universal-section-payment-landings-container .section_payment .container_payment .payment_block .col_block_left {
width: calc((100% - 24px) / 2);
padding: 64px;
border-radius: 24px;
background: #1A1A1A;
position: relative;
display: flex;
flex-direction: column;
gap: 48px;
}
.universal-section-payment-landings-container .section_payment .container_payment .payment_block .col_block_left .top_title_block {
width: 100%;
padding-bottom: 40px;
border-bottom: 1px solid #3A3B40;
}
.universal-section-payment-landings-container .section_payment .container_payment .payment_block .col_block_left .title_col {
color: #FFF;
font-size: 40px;
font-weight: 600;
line-height: 110%;
letter-spacing: -0.4px;
}
.universal-section-payment-landings-container .section_payment .container_payment .payment_block .col_block_left .tabs_options_payment {
display: flex;
gap: 12px;
}
.universal-section-payment-landings-container .section_payment .container_payment .payment_block .col_block_left .tabs_options_payment .tab_option_payment {
color: #E9E9E9;
font-family: Onest, serif;
font-size: 20px;
font-weight: 500;
line-height: 140%;
letter-spacing: -0.2px;
cursor: pointer;
display: flex;
padding: 17px 15px;
justify-content: center;
align-items: center;
width: calc((100% - 12px) / 2);
border-radius: 100px;
border: 1px solid #808080;
background: transparent;
transition: 0.3s all;
}
.universal-section-payment-landings-container .section_payment .container_payment .payment_block .col_block_left .tabs_options_payment .tab_option_payment.active {
color: #090909;
background: #FFF;
border: 1px solid transparent;
}
.universal-section-payment-landings-container .section_payment .container_payment .payment_block .col_block_left .tabs_options_payment .tab_option_payment:not(.active):hover {
border: 1px solid #FAFAFA;
background: rgba(255, 255, 255, 0.05);
}
.universal-section-payment-landings-container .section_payment .container_payment .payment_block .col_block_left .tabs_options_payment .tab_option_payment .text_btn.--mobile {
display: none;
}
.universal-section-payment-landings-container .section_payment .container_payment .payment_block .col_block_left .loader_payment_price {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border-radius: 16px;
display: flex;
align-items: center;
justify-content: center;
z-index: 9;
}
.universal-section-payment-landings-container .section_payment .container_payment .payment_block .col_block_left .loader_payment_price .loader_round_payment_price {
width: 34px;
height: 34px;
border-radius: 50%;
position: relative;
animation: rotate 1s linear infinite;
}
.universal-section-payment-landings-container .section_payment .container_payment .payment_block .col_block_left .loader_payment_price .loader_round_payment_price.small_loader {
width: 24px;
height: 24px;
}
.universal-section-payment-landings-container .section_payment .container_payment .payment_block .col_block_left .loader_payment_price .loader_round_payment_price.small_loader::before {
border-width: 2px;
}
.universal-section-payment-landings-container .section_payment .container_payment .payment_block .col_block_left .loader_payment_price .loader_round_payment_price::before {
content: "";
box-sizing: border-box;
position: absolute;
inset: 0;
border-radius: 50%;
border: 3px solid #ccc;
animation: prixClipFix 2s linear infinite;
}
.universal-section-payment-landings-container .section_payment .container_payment .payment_block .col_block_left .container_select_currency_paypro_global {
opacity: 0;
}
.universal-section-payment-landings-container .section_payment .container_payment .payment_block .col_block_left .container_payments .content_tab_payment {
display: none !important;
}
.universal-section-payment-landings-container .section_payment .container_payment .payment_block .col_block_left .container_payments .content_tab_payment.active {
display: flex !important;
}
.universal-section-payment-landings-container .section_payment .container_payment .payment_block .col_block_left .container_payments.loading_price .col_installment_plan .price .sale_price {
transition: 0.1s all;
opacity: 0;
}
.universal-section-payment-landings-container .section_payment .container_payment .payment_block .col_block_left .container_payments.loading_price .col_installment_plan .price .regular_price {
transition: 0.1s all;
opacity: 0;
}
.universal-section-payment-landings-container .section_payment .container_payment .payment_block .col_block_left .container_payments.loading_price .col_installment_plan .price .full_price {
transition: 0.1s all;
opacity: 0;
}
.universal-section-payment-landings-container .section_payment .container_payment .payment_block .col_block_left .container_payments.loading_price .col_one_payment .price .sale_price {
transition: 0.1s all;
opacity: 0;
}
.universal-section-payment-landings-container .section_payment .container_payment .payment_block .col_block_left .container_payments.loading_price .col_one_payment .price .regular_price {
transition: 0.1s all;
opacity: 0;
}
.universal-section-payment-landings-container .section_payment .container_payment .payment_block .col_block_left .container_payments .col_one_payment {
width: 100%;
border-bottom: 1px solid #3A3B40;
display: flex;
flex-direction: column;
padding-bottom: 32px;
gap: 32px;
}
.universal-section-payment-landings-container .section_payment .container_payment .payment_block .col_block_left .container_payments .col_one_payment .title_block {
color: #FFF;
font-size: 20px;
font-weight: 500;
line-height: 140%;
letter-spacing: -0.2px;
}
.universal-section-payment-landings-container .section_payment .container_payment .payment_block .col_block_left .container_payments .col_one_payment .wrapper_price_sale {
display: flex;
gap: 16px;
}
.universal-section-payment-landings-container .section_payment .container_payment .payment_block .col_block_left .container_payments .col_one_payment .price {
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 4px;
}
.universal-section-payment-landings-container .section_payment .container_payment .payment_block .col_block_left .container_payments .col_one_payment .price .wrap_regular_price {
position: relative;
min-width: 24px;
min-height: 24px;
}
.universal-section-payment-landings-container .section_payment .container_payment .payment_block .col_block_left .container_payments .col_one_payment .price .regular_price {
color: #999;
font-size: 32px;
font-weight: 500;
line-height: 125%;
letter-spacing: -0.32px;
text-decoration-line: line-through;
text-decoration-thickness: 2px;
}
.universal-section-payment-landings-container .section_payment .container_payment .payment_block .col_block_left .container_payments .col_one_payment .price .wrap_sale_price {
display: flex;
align-items: center;
position: relative;
min-width: 50px;
min-height: 40px;
}
.universal-section-payment-landings-container .section_payment .container_payment .payment_block .col_block_left .container_payments .col_one_payment .price .wrap_sale_price .loader_round_payment_price::before {
border-color: #F2E291;
}
.universal-section-payment-landings-container .section_payment .container_payment .payment_block .col_block_left .container_payments .col_one_payment .price .sale_price {
display: flex;
align-items: center;
color: #F2E291;
font-size: 80px;
font-weight: 600;
line-height: 100%;
letter-spacing: -1.6px;
}
.universal-section-payment-landings-container .section_payment .container_payment .payment_block .col_block_left .container_payments .col_one_payment .price .sale_price .num_symbol {
color: #1A1A1A;
font-size: 28px;
font-weight: 400;
line-height: 178.571%;
padding: 8px 12px;
border: 1px solid #F0F0F0;
background: #F4F4F4;
border-radius: 12px;
max-height: 66px;
}
.universal-section-payment-landings-container .section_payment .container_payment .payment_block .col_block_left .container_payments .col_one_payment .price .discount_payment {
opacity: 0;
display: flex;
padding: 25px 20px;
justify-content: center;
align-items: center;
border-radius: 16px;
border: 1px solid #0A331D;
background: linear-gradient(98deg, rgba(38, 199, 114, 0.05) 1.97%, rgba(38, 199, 114, 0.2) 95.57%);
}
.universal-section-payment-landings-container .section_payment .container_payment .payment_block .col_block_left .container_payments .col_one_payment .price .discount_payment .discount_num {
color: #26C772;
font-size: 32px;
font-weight: 700;
line-height: 87.5%;
letter-spacing: -0.32px;
}
.universal-section-payment-landings-container .section_payment .container_payment .payment_block .col_block_left .container_payments .col_installment_plan {
width: 100%;
border-top: 1px solid #4D4D4D;
display: flex;
gap: 40px;
flex-direction: column;
}
.universal-section-payment-landings-container .section_payment .container_payment .payment_block .col_block_left .container_payments .col_installment_plan .title_block {
color: #FFF;
font-size: 20px;
font-weight: 500;
line-height: 140%;
letter-spacing: -0.2px;
}
.universal-section-payment-landings-container .section_payment .container_payment .payment_block .col_block_left .container_payments .col_installment_plan .wrapper_range_block {
display: flex;
padding: 31px 0;
border-bottom: 1px solid #3A3B40;
flex-direction: column;
align-items: flex-start;
gap: 32px;
}
.universal-section-payment-landings-container .section_payment .container_payment .payment_block .col_block_left .container_payments .col_installment_plan .wrapper_range_block .wrapper_range_slider {
display: flex;
gap: 24px;
width: 100%;
opacity: 0;
}
.universal-section-payment-landings-container .section_payment .container_payment .payment_block .col_block_left .container_payments .col_installment_plan .wrapper_range_block .wrapper_range_slider #increase_range {
width: 44px;
height: 44px;
border-radius: 50%;
background: transparent;
border: 1.5px solid #FAFAFA;
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
transition: all 0.2s linear;
margin: 5px;
}
.universal-section-payment-landings-container .section_payment .container_payment .payment_block .col_block_left .container_payments .col_installment_plan .wrapper_range_block .wrapper_range_slider #increase_range:disabled {
cursor: not-allowed;
opacity: 0.5;
}
.universal-section-payment-landings-container .section_payment .container_payment .payment_block .col_block_left .container_payments .col_installment_plan .wrapper_range_block .wrapper_range_slider #increase_range:disabled:hover {
transform: unset;
}
.universal-section-payment-landings-container .section_payment .container_payment .payment_block .col_block_left .container_payments .col_installment_plan .wrapper_range_block .wrapper_range_slider #increase_range:hover {
transform: scale(1.1);
}
.universal-section-payment-landings-container .section_payment .container_payment .payment_block .col_block_left .container_payments .col_installment_plan .wrapper_range_block .wrapper_range_slider #increase_range svg {
transition: all 0.4s linear;
width: 40%;
}
.universal-section-payment-landings-container .section_payment .container_payment .payment_block .col_block_left .container_payments .col_installment_plan .wrapper_range_block .wrapper_range_slider #decrease_range {
width: 44px;
height: 44px;
border-radius: 50%;
border: unset;
background: transparent;
border: 1.5px solid #FAFAFA;
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
transition: all 0.4s linear;
margin: 5px;
}
.universal-section-payment-landings-container .section_payment .container_payment .payment_block .col_block_left .container_payments .col_installment_plan .wrapper_range_block .wrapper_range_slider #decrease_range:disabled {
cursor: not-allowed;
opacity: 0.5;
}
.universal-section-payment-landings-container .section_payment .container_payment .payment_block .col_block_left .container_payments .col_installment_plan .wrapper_range_block .wrapper_range_slider #decrease_range:disabled:hover {
transform: unset;
}
.universal-section-payment-landings-container .section_payment .container_payment .payment_block .col_block_left .container_payments .col_installment_plan .wrapper_range_block .wrapper_range_slider #decrease_range:hover {
transform: scale(1.1);
}
.universal-section-payment-landings-container .section_payment .container_payment .payment_block .col_block_left .container_payments .col_installment_plan .wrapper_range_block .wrapper_range_slider #decrease_range svg {
transition: all 0.4s linear;
width: 40%;
}
.universal-section-payment-landings-container .section_payment .container_payment .payment_block .col_block_left .container_payments .col_installment_plan .wrapper_range_block .wrapper_range_slider .tooltip_payments_mob {
display: none;
}
.universal-section-payment-landings-container .section_payment .container_payment .payment_block .col_block_left .container_payments .col_installment_plan .wrapper_range_block .wrapper_range_slider .wrapper_slider_installment {
width: 100%;
flex: 1;
padding-top: 11px;
display: flex;
flex-direction: column;
align-items: center;
gap: 16px;
}
.universal-section-payment-landings-container .section_payment .container_payment .payment_block .col_block_left .container_payments .col_installment_plan .wrapper_range_block .wrapper_range_slider .wrapper_slider_installment .bg_slider_installment_payments {
width: 100%;
position: relative;
padding: 0 16px 0 35px;
}
.universal-section-payment-landings-container .section_payment .container_payment .payment_block .col_block_left .container_payments .col_installment_plan .wrapper_range_block .wrapper_range_slider .wrapper_slider_installment .bg_slider_installment_payments:before {
content: "";
height: 100%;
width: 50%;
background: #0fa958;
border-radius: 100px 0 0 100px;
position: absolute;
left: 0;
top: 0;
}
.universal-section-payment-landings-container .section_payment .container_payment .payment_block .col_block_left .container_payments .col_installment_plan .wrapper_range_block .wrapper_range_slider .wrapper_slider_installment .bg_slider_installment_payments:after {
content: "";
height: 100%;
width: 50%;
background: #313131;
border-radius: 0 100px 100px 0;
position: absolute;
right: 0;
top: 0;
}
.universal-section-payment-landings-container .section_payment .container_payment .payment_block .col_block_left .container_payments .col_installment_plan .wrapper_range_block .wrapper_range_slider .wrapper_slider_installment #slider_installment_payments {
width: 100%;
z-index: 1;
background: #313131;
}
.universal-section-payment-landings-container .section_payment .container_payment .payment_block .col_block_left .container_payments .col_installment_plan .wrapper_range_block .wrapper_range_slider .wrapper_slider_installment #slider_installment_payments.noUi-horizontal {
height: 32px;
border-radius: 0;
border: unset;
box-shadow: unset;
}
.universal-section-payment-landings-container .section_payment .container_payment .payment_block .col_block_left .container_payments .col_installment_plan .wrapper_range_block .wrapper_range_slider .wrapper_slider_installment #slider_installment_payments .payments_text {
color: #666;
font-size: 16px;
font-weight: 400;
line-height: 22px;
}
.universal-section-payment-landings-container .section_payment .container_payment .payment_block .col_block_left .container_payments .col_installment_plan .wrapper_range_block .wrapper_range_slider .wrapper_slider_installment #slider_installment_payments .noUi-connect {
background: #0FA958;
transition: 0.3s all;
}
.universal-section-payment-landings-container .section_payment .container_payment .payment_block .col_block_left .container_payments .col_installment_plan .wrapper_range_block .wrapper_range_slider .wrapper_slider_installment #slider_installment_payments .noUi-origin {
transition: 0.3s all;
}
.universal-section-payment-landings-container .section_payment .container_payment .payment_block .col_block_left .container_payments .col_installment_plan .wrapper_range_block .wrapper_range_slider .wrapper_slider_installment #slider_installment_payments .noUi-base {
background: transparent;
}
.universal-section-payment-landings-container .section_payment .container_payment .payment_block .col_block_left .container_payments .col_installment_plan .wrapper_range_block .wrapper_range_slider .wrapper_slider_installment #slider_installment_payments .noUi-base .noUi-connects {
border-radius: 0;
}
.universal-section-payment-landings-container .section_payment .container_payment .payment_block .col_block_left .container_payments .col_installment_plan .wrapper_range_block .wrapper_range_slider .wrapper_slider_installment #slider_installment_payments .noUi-handle {
background: #0FA958;
box-shadow: unset;
border: unset;
border-radius: 50%;
width: 32px;
height: 32px;
top: 0;
right: -16px;
display: flex;
align-items: center;
justify-content: center;
cursor: grab;
}
.universal-section-payment-landings-container .section_payment .container_payment .payment_block .col_block_left .container_payments .col_installment_plan .wrapper_range_block .wrapper_range_slider .wrapper_slider_installment #slider_installment_payments .noUi-handle:before, .universal-section-payment-landings-container .section_payment .container_payment .payment_block .col_block_left .container_payments .col_installment_plan .wrapper_range_block .wrapper_range_slider .wrapper_slider_installment #slider_installment_payments .noUi-handle:after {
content: none;
}
.universal-section-payment-landings-container .section_payment .container_payment .payment_block .col_block_left .container_payments .col_installment_plan .wrapper_range_block .wrapper_range_slider .wrapper_slider_installment #slider_installment_payments .noUi-touch-area {
height: 75%;
width: 75%;
border-radius: 50%;
background: white;
}
.universal-section-payment-landings-container .section_payment .container_payment .payment_block .col_block_left .container_payments .col_installment_plan .wrapper_range_block .wrapper_range_slider .wrapper_slider_installment .tooltip_payments {
color: #47BF70;
text-align: center;
font-size: 48px;
font-weight: 700;
line-height: 100%;
letter-spacing: -0.48px;
}
.universal-section-payment-landings-container .section_payment .container_payment .payment_block .col_block_left .container_payments .col_installment_plan .wrapper_price_sale {
display: flex;
gap: 16px;
}
.universal-section-payment-landings-container .section_payment .container_payment .payment_block .col_block_left .container_payments .col_installment_plan .price {
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 4px;
padding-bottom: 32px;
border-bottom: 1px solid #3A3B40;
}
.universal-section-payment-landings-container .section_payment .container_payment .payment_block .col_block_left .container_payments .col_installment_plan .price .wrapper_price_installment {
display: flex;
align-items: flex-end;
width: 100%;
flex: 1;
gap: 4px;
}
.universal-section-payment-landings-container .section_payment .container_payment .payment_block .col_block_left .container_payments .col_installment_plan .price .wrap_regular_price {
position: relative;
min-width: 24px;
min-height: 24px;
}
.universal-section-payment-landings-container .section_payment .container_payment .payment_block .col_block_left .container_payments .col_installment_plan .price .regular_price {
color: #999;
font-size: 32px;
font-weight: 500;
line-height: 125%;
letter-spacing: -0.32px;
text-decoration-line: line-through;
text-decoration-thickness: 2px;
}
.universal-section-payment-landings-container .section_payment .container_payment .payment_block .col_block_left .container_payments .col_installment_plan .price .wrap_sale_price {
display: flex;
align-items: center;
position: relative;
min-width: 50px;
min-height: 40px;
}
.universal-section-payment-landings-container .section_payment .container_payment .payment_block .col_block_left .container_payments .col_installment_plan .price .wrap_sale_price .loader_round_payment_price::before {
border-color: #F2E291;
}
.universal-section-payment-landings-container .section_payment .container_payment .payment_block .col_block_left .container_payments .col_installment_plan .price .sale_price {
display: flex;
align-items: center;
color: #F2E291;
font-size: 80px;
font-weight: 600;
line-height: 100%;
letter-spacing: -1.6px;
}
.universal-section-payment-landings-container .section_payment .container_payment .payment_block .col_block_left .container_payments .col_installment_plan .price .sale_price .num_price {
align-self: center;
}
.universal-section-payment-landings-container .section_payment .container_payment .payment_block .col_block_left .container_payments .col_installment_plan .price .sale_price .num_symbol {
color: #1A1A1A;
font-size: 28px;
font-weight: 400;
line-height: 178.571%;
padding: 8px 12px;
border: 1px solid #F0F0F0;
background: #F4F4F4;
border-radius: 12px;
max-height: 66px;
}
.universal-section-payment-landings-container .section_payment .container_payment .payment_block .col_block_left .container_payments .col_installment_plan .price .container_full_price {
display: flex;
align-items: center;
gap: 5px;
margin-top: 8px;
}
.universal-section-payment-landings-container .section_payment .container_payment .payment_block .col_block_left .container_payments .col_installment_plan .price .container_full_price .text_full_price {
color: #858585;
font-size: 18px;
font-weight: 400;
line-height: 155.556%;
letter-spacing: -0.18px;
}
.universal-section-payment-landings-container .section_payment .container_payment .payment_block .col_block_left .container_payments .col_installment_plan .price .container_full_price .wrap_full_price {
position: relative;
min-width: 24px;
min-height: 24px;
}
.universal-section-payment-landings-container .section_payment .container_payment .payment_block .col_block_left .container_payments .col_installment_plan .price .container_full_price .full_price {
color: #858585;
font-size: 18px;
font-weight: 400;
line-height: 155.556%;
letter-spacing: -0.18px;
}
.universal-section-payment-landings-container .section_payment .container_payment .payment_block .col_block_left .container_payments .col_installment_plan .price .discount_payment {
opacity: 0;
display: flex;
padding: 25px 20px;
justify-content: center;
align-items: center;
border-radius: 16px;
border: 1px solid #0A331D;
background: linear-gradient(98deg, rgba(38, 199, 114, 0.05) 1.97%, rgba(38, 199, 114, 0.2) 95.57%);
}
.universal-section-payment-landings-container .section_payment .container_payment .payment_block .col_block_left .container_payments .col_installment_plan .price .discount_payment .discount_num {
color: #26C772;
font-size: 32px;
font-weight: 700;
line-height: 87.5%;
letter-spacing: -0.32px;
}
.universal-section-payment-landings-container .section_payment .container_payment .payment_block .col_block_left .coupon_block {
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 20px;
margin-top: -8px;
}
.universal-section-payment-landings-container .section_payment .container_payment .payment_block .col_block_left .coupon_block .title_block {
color: #FFF;
font-size: 20px;
font-weight: 500;
line-height: 140%;
letter-spacing: -0.2px;
}
.universal-section-payment-landings-container .section_payment .container_payment .payment_block .col_block_left .coupon_block .coupon-form .coupon-row {
border-radius: 12px;
border: 1px solid rgba(251, 251, 251, 0.2);
background: rgba(77, 76, 75, 0.1);
backdrop-filter: blur(150px);
display: flex;
align-items: center;
padding: 7px 8px 7px 20px;
gap: 12px;
transition: 0.3s all;
}
.universal-section-payment-landings-container .section_payment .container_payment .payment_block .col_block_left .coupon_block .coupon-form .coupon-row:hover {
border: 1px solid #FAFAFA;
}
.universal-section-payment-landings-container .section_payment .container_payment .payment_block .col_block_left .coupon_block .coupon-form .coupon-row:focus-within {
border: 1px solid #FAFAFA;
}
.universal-section-payment-landings-container .section_payment .container_payment .payment_block .col_block_left .coupon_block .coupon-form .coupon-row .icon_discount {
width: 24px;
}
.universal-section-payment-landings-container .section_payment .container_payment .payment_block .col_block_left .coupon_block .coupon-form .coupon-row .coupon-input {
color: #e6e6e6;
font-family: Onest, serif;
font-size: 16px;
font-weight: 400;
line-height: 150%;
letter-spacing: -0.1px;
background: transparent;
border: unset;
width: 216px;
}
.universal-section-payment-landings-container .section_payment .container_payment .payment_block .col_block_left .coupon_block .coupon-form .coupon-row .coupon-input::placeholder {
color: #808080;
}
.universal-section-payment-landings-container .section_payment .container_payment .payment_block .col_block_left .coupon_block .coupon-form .coupon-row .coupon-input:-webkit-autofill, .universal-section-payment-landings-container .section_payment .container_payment .payment_block .col_block_left .coupon_block .coupon-form .coupon-row .coupon-input:-ms-autofill, .universal-section-payment-landings-container .section_payment .container_payment .payment_block .col_block_left .coupon_block .coupon-form .coupon-row .coupon-input:-moz-autofill {
background-color: transparent !important;
color: #e6e6e6 !important;
}
.universal-section-payment-landings-container .section_payment .container_payment .payment_block .col_block_left .coupon_block .coupon-form .coupon-row button.coupon-btn {
border-radius: 8px;
background: #FFF01F;
padding: 14px 48px;
border: unset;
}
.universal-section-payment-landings-container .section_payment .container_payment .payment_block .col_block_left .coupon_block .coupon-form .coupon-row button.coupon-btn.submitting .text_btn, .universal-section-payment-landings-container .section_payment .container_payment .payment_block .col_block_left .coupon_block .coupon-form .coupon-row button.coupon-btn.submitting .icon-check {
opacity: 0 !important;
}
.universal-section-payment-landings-container .section_payment .container_payment .payment_block .col_block_left .coupon_block .coupon-form .coupon-row button.coupon-btn .text_btn {
color: #17171A;
font-family: Onest, serif;
font-size: 17px;
font-weight: 600;
line-height: 141.176%;
letter-spacing: -0.17px;
position: relative;
z-index: 2;
}
.universal-section-payment-landings-container .section_payment .container_payment .payment_block .col_block_left .coupon_block .coupon-form .coupon-row button.coupon-btn .icon-check {
display: none;
}
.universal-section-payment-landings-container .section_payment .container_payment .payment_block .col_block_left .coupon_block .coupon-message {
font-size: 16px;
font-weight: 500;
line-height: 137.5%;
letter-spacing: -0.16px;
display: none;
}
.universal-section-payment-landings-container .section_payment .container_payment .payment_block .col_block_left .coupon_block .coupon-message.error {
display: flex;
color: #F65931;
margin-top: 10px;
width: fit-content;
}
.universal-section-payment-landings-container .section_payment .container_payment .payment_block .col_block_left .coupon_block .coupon-message.error .message_text.massage_error {
display: inline-block;
}
.universal-section-payment-landings-container .section_payment .container_payment .payment_block .col_block_left .coupon_block .coupon-message.success {
display: flex;
margin-top: 20px;
padding: 7px 16px 7px 12px;
align-items: center;
gap: 8px;
border-radius: 8px;
backdrop-filter: blur(10px);
width: fit-content;
color: #26C772;
border: 1px solid #0A331D;
background: linear-gradient(98deg, rgba(38, 199, 114, 0.05) 1.97%, rgba(38, 199, 114, 0.2) 95.57%);
}
.universal-section-payment-landings-container .section_payment .container_payment .payment_block .col_block_left .coupon_block .coupon-message.success .icon_message.icon_success {
display: block;
}
.universal-section-payment-landings-container .section_payment .container_payment .payment_block .col_block_left .coupon_block .coupon-message.success .message_text.massage_success {
display: inline-block;
}
.universal-section-payment-landings-container .section_payment .container_payment .payment_block .col_block_left .coupon_block .coupon-message .icon_message {
width: 20px;
display: none;
}
.universal-section-payment-landings-container .section_payment .container_payment .payment_block .col_block_left .coupon_block .coupon-message .message_text {
display: none;
}
.page-template-page-graphic-designer .select2-dropdown, .page-template-page-webdesigner-landing .select2-dropdown, .page-template-page-ux-research-landing .select2-dropdown, .page-template-page-design-system-landing .select2-dropdown, .page-template-page-landing .select2-dropdown {
width: 160px !important;
border-radius: 12px !important;
border: 1px solid #333 !important;
background: #262626;
box-shadow: 0 8px 40px 0 rgba(0, 0, 0, 0.1);
top: 8px;
color: #F2F2F2;
font-family: "Onest", sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 137.5%;
letter-spacing: -0.16px;
max-height: 272px !important;
overflow: hidden;
}
.page-template-page-graphic-designer .currency_inline_select, .page-template-page-webdesigner-landing .currency_inline_select, .page-template-page-ux-research-landing .currency_inline_select, .page-template-page-design-system-landing .currency_inline_select, .page-template-page-landing .currency_inline_select {
width: auto !important;
}
.page-template-page-graphic-designer .select2-container, .page-template-page-webdesigner-landing .select2-container, .page-template-page-ux-research-landing .select2-container, .page-template-page-design-system-landing .select2-container, .page-template-page-landing .select2-container {
width: auto !important;
}
.page-template-page-graphic-designer .select2-container--default .select2-search--dropdown, .page-template-page-webdesigner-landing .select2-container--default .select2-search--dropdown, .page-template-page-ux-research-landing .select2-container--default .select2-search--dropdown, .page-template-page-design-system-landing .select2-container--default .select2-search--dropdown, .page-template-page-landing .select2-container--default .select2-search--dropdown {
position: relative;
padding: 12px 12px 0 12px;
}
.page-template-page-graphic-designer .select2-container--default .select2-search--dropdown::before, .page-template-page-webdesigner-landing .select2-container--default .select2-search--dropdown::before, .page-template-page-ux-research-landing .select2-container--default .select2-search--dropdown::before, .page-template-page-design-system-landing .select2-container--default .select2-search--dropdown::before, .page-template-page-landing .select2-container--default .select2-search--dropdown::before {
content: "";
position: absolute;
left: 15px;
top: calc(50% + 6px);
transform: translateY(-50%);
width: 24px;
height: 24px;
background: url(/wp-content/themes/wemake-theme/img/search_icon.svg) no-repeat center/contain;
}
.page-template-page-graphic-designer .select2-container--default .select2-search--dropdown .select2-search__field, .page-template-page-webdesigner-landing .select2-container--default .select2-search--dropdown .select2-search__field, .page-template-page-ux-research-landing .select2-container--default .select2-search--dropdown .select2-search__field, .page-template-page-design-system-landing .select2-container--default .select2-search--dropdown .select2-search__field, .page-template-page-landing .select2-container--default .select2-search--dropdown .select2-search__field {
padding-left: 36px !important;
}
.page-template-page-graphic-designer .select2-container--default .select2-search--dropdown .select2-search__field, .page-template-page-webdesigner-landing .select2-container--default .select2-search--dropdown .select2-search__field, .page-template-page-ux-research-landing .select2-container--default .select2-search--dropdown .select2-search__field, .page-template-page-design-system-landing .select2-container--default .select2-search--dropdown .select2-search__field, .page-template-page-landing .select2-container--default .select2-search--dropdown .select2-search__field {
border: none !important;
border-bottom: 1px solid rgba(251, 251, 251, 0.4) !important;
color: #F2F2F2;
font-family: "Onest", sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 137.5%;
padding: 12px 4px 12px 36px !important;
background: transparent;
}
.page-template-page-graphic-designer .select2-results, .page-template-page-webdesigner-landing .select2-results, .page-template-page-ux-research-landing .select2-results, .page-template-page-design-system-landing .select2-results, .page-template-page-landing .select2-results {
padding: 12px 4px 12px 0;
max-height: 212px !important;
}
.page-template-page-graphic-designer .select2-container--default .select2-results > .select2-results__options, .page-template-page-webdesigner-landing .select2-container--default .select2-results > .select2-results__options, .page-template-page-ux-research-landing .select2-container--default .select2-results > .select2-results__options, .page-template-page-design-system-landing .select2-container--default .select2-results > .select2-results__options, .page-template-page-landing .select2-container--default .select2-results > .select2-results__options {
padding: 0 2px 0 12px;
max-height: 188px !important;
}
.page-template-page-graphic-designer .select2-container--default .select2-results__option--highlighted, .page-template-page-webdesigner-landing .select2-container--default .select2-results__option--highlighted, .page-template-page-ux-research-landing .select2-container--default .select2-results__option--highlighted, .page-template-page-design-system-landing .select2-container--default .select2-results__option--highlighted, .page-template-page-landing .select2-container--default .select2-results__option--highlighted {
background-color: transparent !important;
border-radius: 8px;
}
.page-template-page-graphic-designer .select2-container--default .select2-results__option[aria-selected=true], .page-template-page-webdesigner-landing .select2-container--default .select2-results__option[aria-selected=true], .page-template-page-ux-research-landing .select2-container--default .select2-results__option[aria-selected=true], .page-template-page-design-system-landing .select2-container--default .select2-results__option[aria-selected=true], .page-template-page-landing .select2-container--default .select2-results__option[aria-selected=true] {
background-color: #404040 !important;
border-radius: 8px;
}
.page-template-page-graphic-designer .select2-results__options::-webkit-scrollbar, .page-template-page-webdesigner-landing .select2-results__options::-webkit-scrollbar, .page-template-page-ux-research-landing .select2-results__options::-webkit-scrollbar, .page-template-page-design-system-landing .select2-results__options::-webkit-scrollbar, .page-template-page-landing .select2-results__options::-webkit-scrollbar {
width: 4px;
}
.page-template-page-graphic-designer .select2-results__options::-webkit-scrollbar-thumb, .page-template-page-webdesigner-landing .select2-results__options::-webkit-scrollbar-thumb, .page-template-page-ux-research-landing .select2-results__options::-webkit-scrollbar-thumb, .page-template-page-design-system-landing .select2-results__options::-webkit-scrollbar-thumb, .page-template-page-landing .select2-results__options::-webkit-scrollbar-thumb {
background: #404040;
border-radius: 4px;
}
.page-template-page-graphic-designer .select2-container .select2-selection--single, .page-template-page-webdesigner-landing .select2-container .select2-selection--single, .page-template-page-ux-research-landing .select2-container .select2-selection--single, .page-template-page-design-system-landing .select2-container .select2-selection--single, .page-template-page-landing .select2-container .select2-selection--single {
height: 78px !important;
}
.page-template-page-graphic-designer .select2-container--default .select2-selection--single, .page-template-page-webdesigner-landing .select2-container--default .select2-selection--single, .page-template-page-ux-research-landing .select2-container--default .select2-selection--single, .page-template-page-design-system-landing .select2-container--default .select2-selection--single, .page-template-page-landing .select2-container--default .select2-selection--single {
border: unset !important;
background: linear-gradient(302deg, rgba(251, 251, 251, 0.05) 1.3%, rgba(251, 251, 251, 0.1) 100%) !important;
border-radius: 16px !important;
transition: all 0.5s ease;
}
.page-template-page-graphic-designer .select2-container--default .select2-selection--single:hover, .page-template-page-webdesigner-landing .select2-container--default .select2-selection--single:hover, .page-template-page-ux-research-landing .select2-container--default .select2-selection--single:hover, .page-template-page-design-system-landing .select2-container--default .select2-selection--single:hover, .page-template-page-landing .select2-container--default .select2-selection--single:hover {
background: linear-gradient(302deg, rgba(251, 251, 251, 0.15) 1.3%, rgba(251, 251, 251, 0.2) 100%) !important;
}
.page-template-page-graphic-designer .select2-container--default .select2-selection--single .select2-selection__rendered, .page-template-page-webdesigner-landing .select2-container--default .select2-selection--single .select2-selection__rendered, .page-template-page-ux-research-landing .select2-container--default .select2-selection--single .select2-selection__rendered, .page-template-page-design-system-landing .select2-container--default .select2-selection--single .select2-selection__rendered, .page-template-page-landing .select2-container--default .select2-selection--single .select2-selection__rendered {
padding: 4px 43px 4px 20px !important;
}
.page-template-page-graphic-designer .select2-container--default:nth-child(1) .select2-selection--single .select2-selection__rendered, .page-template-page-webdesigner-landing .select2-container--default:nth-child(1) .select2-selection--single .select2-selection__rendered, .page-template-page-ux-research-landing .select2-container--default:nth-child(1) .select2-selection--single .select2-selection__rendered, .page-template-page-design-system-landing .select2-container--default:nth-child(1) .select2-selection--single .select2-selection__rendered, .page-template-page-landing .select2-container--default:nth-child(1) .select2-selection--single .select2-selection__rendered {
color: red;
}
.page-template-page-graphic-designer .select2-container--default .select2-selection--single .select2-selection__arrow, .page-template-page-webdesigner-landing .select2-container--default .select2-selection--single .select2-selection__arrow, .page-template-page-ux-research-landing .select2-container--default .select2-selection--single .select2-selection__arrow, .page-template-page-design-system-landing .select2-container--default .select2-selection--single .select2-selection__arrow, .page-template-page-landing .select2-container--default .select2-selection--single .select2-selection__arrow {
height: 20px !important;
top: 50% !important;
transform: translateY(-50%);
right: 12px !important;
width: 20px !important;
}
.page-template-page-graphic-designer .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b, .page-template-page-webdesigner-landing .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b, .page-template-page-ux-research-landing .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b, .page-template-page-design-system-landing .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b, .page-template-page-landing .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
border-color: transparent transparent #666666 transparent !important;
border-width: 0 8px 10px 8px !important;
}
.page-template-page-graphic-designer .select2-container--default .select2-selection--single .select2-selection__arrow b, .page-template-page-webdesigner-landing .select2-container--default .select2-selection--single .select2-selection__arrow b, .page-template-page-ux-research-landing .select2-container--default .select2-selection--single .select2-selection__arrow b, .page-template-page-design-system-landing .select2-container--default .select2-selection--single .select2-selection__arrow b, .page-template-page-landing .select2-container--default .select2-selection--single .select2-selection__arrow b {
display: none;
}
.page-template-page-graphic-designer .select2-container--default .select2-selection--single .select2-selection__arrow::after, .page-template-page-webdesigner-landing .select2-container--default .select2-selection--single .select2-selection__arrow::after, .page-template-page-ux-research-landing .select2-container--default .select2-selection--single .select2-selection__arrow::after, .page-template-page-design-system-landing .select2-container--default .select2-selection--single .select2-selection__arrow::after, .page-template-page-landing .select2-container--default .select2-selection--single .select2-selection__arrow::after {
content: "";
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
width: 14px;
height: 10px;
background: url(/wp-content/themes/wemake-theme/img/arrow_down_white.svg) no-repeat center/contain;
transition: all 0.3s ease;
}
.page-template-page-graphic-designer .col_installment_plan .select2-selection__rendered, .page-template-page-webdesigner-landing .col_installment_plan .select2-selection__rendered, .page-template-page-ux-research-landing .col_installment_plan .select2-selection__rendered, .page-template-page-design-system-landing .col_installment_plan .select2-selection__rendered, .page-template-page-landing .col_installment_plan .select2-selection__rendered {
display: flex !important;
align-items: center;
height: 100%;
color: #F2E291 !important;
font-family: Onest, serif;
font-size: 60px;
font-weight: 600;
line-height: 116.667% !important;
letter-spacing: -1.2px;
}
.page-template-page-graphic-designer .col_one_payment .select2-selection__rendered, .page-template-page-webdesigner-landing .col_one_payment .select2-selection__rendered, .page-template-page-ux-research-landing .col_one_payment .select2-selection__rendered, .page-template-page-design-system-landing .col_one_payment .select2-selection__rendered, .page-template-page-landing .col_one_payment .select2-selection__rendered {
display: flex !important;
align-items: center;
height: 100%;
color: #F2E291 !important;
font-family: Onest, serif;
font-size: 60px;
font-weight: 600;
line-height: 116.667% !important;
letter-spacing: -1.2px;
}
.page-template-page-graphic-designer .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow::after, .page-template-page-webdesigner-landing .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow::after, .page-template-page-ux-research-landing .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow::after, .page-template-page-design-system-landing .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow::after, .page-template-page-landing .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow::after {
transform: rotate(180deg) translate(50%, 50%);
}
.page-template-page-graphic-designer .select2-container--default.select2-container--open .select2-selection--single, .page-template-page-webdesigner-landing .select2-container--default.select2-container--open .select2-selection--single, .page-template-page-ux-research-landing .select2-container--default.select2-container--open .select2-selection--single, .page-template-page-design-system-landing .select2-container--default.select2-container--open .select2-selection--single, .page-template-page-landing .select2-container--default.select2-container--open .select2-selection--single {
background: linear-gradient(302deg, rgba(251, 251, 251, 0.1) 1.3%, rgba(251, 251, 251, 0.15) 100%) !important;
}
.page-template-page-graphic-designer .select2-results__option, .page-template-page-webdesigner-landing .select2-results__option, .page-template-page-ux-research-landing .select2-results__option, .page-template-page-design-system-landing .select2-results__option, .page-template-page-landing .select2-results__option {
padding: 9px 16px !important;
}
.page-template-page-graphic-designer .select2-results__option:hover, .page-template-page-webdesigner-landing .select2-results__option:hover, .page-template-page-ux-research-landing .select2-results__option:hover, .page-template-page-design-system-landing .select2-results__option:hover, .page-template-page-landing .select2-results__option:hover {
background-color: #404040 !important;
}
.page-template-page-graphic-designer .select2-results__option.select2-results__message, .page-template-page-webdesigner-landing .select2-results__option.select2-results__message, .page-template-page-ux-research-landing .select2-results__option.select2-results__message, .page-template-page-design-system-landing .select2-results__option.select2-results__message, .page-template-page-landing .select2-results__option.select2-results__message {
text-align: center;
}
.page-template-page-graphic-designer .separator_option, .page-template-page-webdesigner-landing .separator_option, .page-template-page-ux-research-landing .separator_option, .page-template-page-design-system-landing .separator_option, .page-template-page-landing .separator_option {
height: 1px;
background: #F4F4F4;
margin: 12px 0;
pointer-events: none;
}
.page-template-page-graphic-designer .select2-separator-line, .page-template-page-webdesigner-landing .select2-separator-line, .page-template-page-ux-research-landing .select2-separator-line, .page-template-page-design-system-landing .select2-separator-line, .page-template-page-landing .select2-separator-line {
display: block;
height: 1px;
background: #333;
margin: 12px 0;
pointer-events: none;
}
.page-template-page-graphic-designer .select2-results__option:has(.select2-separator-line), .page-template-page-webdesigner-landing .select2-results__option:has(.select2-separator-line), .page-template-page-ux-research-landing .select2-results__option:has(.select2-separator-line), .page-template-page-design-system-landing .select2-results__option:has(.select2-separator-line), .page-template-page-landing .select2-results__option:has(.select2-separator-line) {
padding: 0 !important;
}
.page-template-page-design-system-landing .universal-section-payment-landings-container .section_payment .container_title, .page-template-page-design-system-landing .universal-section-payment-landings-container .section_payment .container_payment, .page-template-page-ux-research-landing .universal-section-payment-landings-container .section_payment .container_title, .page-template-page-ux-research-landing .universal-section-payment-landings-container .section_payment .container_payment, .page-template-page-landing .universal-section-payment-landings-container .section_payment .container_title, .page-template-page-landing .universal-section-payment-landings-container .section_payment .container_payment {
width: calc(100% - clamp(80px, (100vw - min(90vw, 200rem)) / 2, 280px) - clamp(80px, (100vw - min(90vw, 200rem)) / 2, 280px));
max-width: 2000px;
}
.page-template-page-webdesigner-landing .universal-section-payment-landings-container .section_payment .container_title, .page-template-page-webdesigner-landing .universal-section-payment-landings-container .section_payment .container_payment {
max-width: clamp(1824px, 78.125vw, 2000px);
}
@media (min-width: 1025px) and (max-width: 1920px) {
.universal-section-payment-landings-container .section_payment {
padding: 80px 0;
}
.universal-section-payment-landings-container .section_payment .container_title .title_section {
font-size: 70px;
line-height: 100%;
max-width: 950px;
}
.universal-section-payment-landings-container .section_payment .container_payment .payment_block .col_block_right {
padding: 20px;
width: 40%;
}
.universal-section-payment-landings-container .section_payment .container_title {
width: 88.3%;
}
.universal-section-payment-landings-container .section_payment .container_payment .payment_block .col_block_left {
width: calc((100% - 20px) / 2);
padding: 48px;
gap: 40px;
}
.universal-section-payment-landings-container .section_payment .container_payment .payment_block .col_block_left .time-start-box-sc-payment {
gap: 7.2px;
}
.universal-section-payment-landings-container .section_payment .container_payment .payment_block .col_block_left .tabs_options_payment .tab_option_payment {
font-size: 18px;
line-height: 133.333%;
letter-spacing: -0.18px;
}
.universal-section-payment-landings-container .section_payment .container_payment .payment_block .col_block_left .container_payments .col_installment_plan .wrapper_range_block {
gap: 24px;
padding: 31px 0 23px 0;
}
.universal-section-payment-landings-container .section_payment .container_payment .payment_block .col_block_left .container_payments .col_installment_plan {
gap: 32px;
}
.universal-section-payment-landings-container .section_payment .container_payment .payment_block .col_block_left .container_payments .col_installment_plan .wrapper_range_block .wrapper_range_slider #decrease_range {
width: 38px;
height: 38px;
}
.universal-section-payment-landings-container .section_payment .container_payment .payment_block .col_block_left .container_payments .col_installment_plan .wrapper_range_block .wrapper_range_slider #increase_range {
width: 38px;
height: 38px;
}
.universal-section-payment-landings-container .section_payment .container_payment .payment_block .col_block_left .container_payments .col_installment_plan .wrapper_range_block .wrapper_range_slider .wrapper_slider_installment {
padding-top: 8px;
}
.universal-section-payment-landings-container .section_payment .container_payment .payment_block .col_block_left .container_payments .col_installment_plan .wrapper_range_block .wrapper_range_slider {
gap: 20px;
}
.universal-section-payment-landings-container .section_payment .container_payment .payment_block .col_block_left .container_payments .col_installment_plan .wrapper_range_block .wrapper_range_slider .wrapper_slider_installment .tooltip_payments {
font-size: 40px;
line-height: 100%;
letter-spacing: -0.4px;
}
.universal-section-payment-landings-container .section_payment .container_payment .payment_block .col_block_left .title-time-start-box-sc-payment {
font-size: 17.98px;
line-height: 140%;
}
.universal-section-payment-landings-container .section_payment .container_payment .payment_block .col_block_left .title-time-start-date-box-sc-payment {
font-size: 17.98px;
line-height: 140%;
}
.universal-section-payment-landings-container .section_payment .container_payment .payment_block .col_block_left .title_col {
font-size: 32px;
line-height: 125%;
letter-spacing: -0.32px;
}
.universal-section-payment-landings-container .section_payment .container_payment .payment_block .col_block_left .container_payments .col_one_payment .price .sale_price {
font-size: 64px;
line-height: 109.375%;
letter-spacing: -1.28px;
}
.universal-section-payment-landings-container .section_payment .container_payment .payment_block .col_block_left .container_payments .col_one_payment .price .regular_price {
font-size: 28px;
line-height: 128.571%;
letter-spacing: -0.28px;
}
.universal-section-payment-landings-container .section_payment .container_payment .payment_block .col_block_left .container_payments .col_installment_plan .price .sale_price {
font-size: 64px;
line-height: 109.375%;
letter-spacing: -1.28px;
}
.universal-section-payment-landings-container .section_payment .container_payment .payment_block .col_block_left .container_payments .col_installment_plan .price .regular_price {
font-size: 28px;
line-height: 128.571%;
letter-spacing: -0.28px;
}
.universal-section-payment-landings-container .section_payment .container_payment .payment_block .col_block_left .container_payments .col_installment_plan .price .container_full_price .text_full_price {
font-size: 16px;
line-height: 150%;
letter-spacing: -0.16px;
}
.universal-section-payment-landings-container .section_payment .container_payment .payment_block .col_block_left .container_payments .col_installment_plan .price .container_full_price .full_price {
font-size: 16px;
line-height: 150%;
letter-spacing: -0.16px;
}
.universal-section-payment-landings-container .section_payment .container_payment .payment_block .col_block_left .container_payments .col_one_payment .price .discount_payment {
padding: 19px 20px;
}
.universal-section-payment-landings-container .section_payment .container_payment .payment_block .col_block_left .container_payments .col_installment_plan .price .discount_payment {
padding: 19px 20px;
}
.universal-section-payment-landings-container .section_payment .container_payment .payment_block .col_block_left .container_payments .col_installment_plan .price .wrapper_price_installment {
gap: 4.8px;
}
.universal-section-payment-landings-container .section_payment .container_payment .payment_block {
margin-top: 0;
padding: 20px;
gap: 20px;
}
.universal-section-payment-landings-container .section_payment .container_payment {
width: 88.3%;
}
.universal-section-payment-landings-container .section_payment .container_payment .payment_block .col_block_right {
width: calc((100% - 20px) / 2);
padding: 48px;
gap: 40px;
}
.universal-section-payment-landings-container .section_payment .container_payment .payment_block .col_block_right .top_title_block {
gap: 12px;
padding-bottom: 32px;
}
.universal-section-payment-landings-container .section_payment .container_payment .payment_block .col_block_right .wrap-buying-form .purchasing-course-form-wrap .form-inputs input.input-text,
.universal-section-payment-landings-container .section_payment .container_payment .payment_block .col_block_right .wrap-buying-form .purchasing-course-form-wrap .form-inputs input.input-text::placeholder,
.universal-section-payment-landings-container .section_payment .container_payment .payment_block .col_block_right .wrap-buying-form .purchasing-course-form-wrap .form-inputs input {
font-size: 16px !important;
line-height: 150% !important;
letter-spacing: -0.16px;
}
.universal-section-payment-landings-container .section_payment .container_payment .payment_block .col_block_right .wrap-buying-form .purchasing-course-form-wrap .form-inputs input {
padding: 21px 28px;
}
.universal-section-payment-landings-container .section_payment .container_payment .payment_block .col_block_right .wrap-buying-form .purchasing-course-form-wrap .button-primary .submit-form-purchasing-course {
padding: 22px 64px;
font-size: 18px;
line-height: 133.333%;
letter-spacing: -0.18px;
}
.universal-section-payment-landings-container .section_payment .container_payment .payment_block .col_block_left .coupon_block .coupon-form .coupon-row button.coupon-btn .text_btn {
font-size: 16px;
line-height: 150%;
letter-spacing: -0.16px;
}
.universal-section-payment-landings-container .section_payment .container_payment .payment_block .col_block_left .coupon_block .coupon-form .coupon-row .coupon-input {
width: 221px;
}
.universal-section-payment-landings-container .section_payment .container_payment .payment_block .col_block_right .wrap-buying-form .purchasing-course-form-wrap .form-inputs .iti--show-selected-dial-code.iti--show-flags .iti__selected-dial-code {
font-size: 16px;
line-height: 150%;
letter-spacing: -0.16px;
}
.page-template-page-graphic-designer .col_one_payment .select2-container--default .select2-selection--single .select2-selection__rendered, .page-template-page-webdesigner-landing .col_one_payment .select2-container--default .select2-selection--single .select2-selection__rendered, .page-template-page-ux-research-landing .col_one_payment .select2-container--default .select2-selection--single .select2-selection__rendered, .page-template-page-design-system-landing .col_one_payment .select2-container--default .select2-selection--single .select2-selection__rendered, .page-template-page-landing .col_one_payment .select2-container--default .select2-selection--single .select2-selection__rendered {
font-size: 54px;
line-height: 111.111%;
letter-spacing: -1.08px;
}
.page-template-page-graphic-designer .select2-container--default .select2-selection--single .select2-selection__rendered, .page-template-page-webdesigner-landing .select2-container--default .select2-selection--single .select2-selection__rendered, .page-template-page-ux-research-landing .select2-container--default .select2-selection--single .select2-selection__rendered, .page-template-page-design-system-landing .select2-container--default .select2-selection--single .select2-selection__rendered, .page-template-page-landing .select2-container--default .select2-selection--single .select2-selection__rendered {
font-size: 54px;
line-height: 111.111%;
letter-spacing: -1.08px;
}
.page-template-page-graphic-designer .select2-container--default .select2-selection--single, .page-template-page-webdesigner-landing .select2-container--default .select2-selection--single, .page-template-page-ux-research-landing .select2-container--default .select2-selection--single, .page-template-page-design-system-landing .select2-container--default .select2-selection--single, .page-template-page-landing .select2-container--default .select2-selection--single {
max-height: 67.2px;
}
.page-template-page-graphic-designer .col_one_payment .select2-selection__rendered, .page-template-page-webdesigner-landing .col_one_payment .select2-selection__rendered, .page-template-page-ux-research-landing .col_one_payment .select2-selection__rendered, .page-template-page-design-system-landing .col_one_payment .select2-selection__rendered, .page-template-page-landing .col_one_payment .select2-selection__rendered {
font-size: 33.6px;
line-height: 142.857% !important;
}
.page-template-page-graphic-designer .select2-dropdown, .page-template-page-webdesigner-landing .select2-dropdown, .page-template-page-ux-research-landing .select2-dropdown, .page-template-page-design-system-landing .select2-dropdown, .page-template-page-landing .select2-dropdown {
width: 192px !important;
border-radius: 14.4px !important;
box-shadow: 0 9.58px 48px 0 rgba(0, 0, 0, 0.16);
top: 9.58px;
font-size: 19.2px;
max-height: 326px !important;
}
.page-template-page-graphic-designer .select2-container--default .select2-search--dropdown, .page-template-page-webdesigner-landing .select2-container--default .select2-search--dropdown, .page-template-page-ux-research-landing .select2-container--default .select2-search--dropdown, .page-template-page-design-system-landing .select2-container--default .select2-search--dropdown, .page-template-page-landing .select2-container--default .select2-search--dropdown {
padding: 14.4px 19.2px 0 19.2px;
}
.page-template-page-graphic-designer .select2-container--default .select2-search--dropdown::before, .page-template-page-webdesigner-landing .select2-container--default .select2-search--dropdown::before, .page-template-page-ux-research-landing .select2-container--default .select2-search--dropdown::before, .page-template-page-design-system-landing .select2-container--default .select2-search--dropdown::before, .page-template-page-landing .select2-container--default .select2-search--dropdown::before {
left: 24px;
top: calc(50% + 2.4px);
width: 28.8px;
height: 28.8px;
}
.page-template-page-graphic-designer .select2-container--default .select2-search--dropdown .select2-search__field, .page-template-page-webdesigner-landing .select2-container--default .select2-search--dropdown .select2-search__field, .page-template-page-ux-research-landing .select2-container--default .select2-search--dropdown .select2-search__field, .page-template-page-design-system-landing .select2-container--default .select2-search--dropdown .select2-search__field, .page-template-page-landing .select2-container--default .select2-search--dropdown .select2-search__field {
padding-left: 43.18px !important;
}
.page-template-page-graphic-designer .select2-container--default .select2-search--dropdown .select2-search__field, .page-template-page-webdesigner-landing .select2-container--default .select2-search--dropdown .select2-search__field, .page-template-page-ux-research-landing .select2-container--default .select2-search--dropdown .select2-search__field, .page-template-page-design-system-landing .select2-container--default .select2-search--dropdown .select2-search__field, .page-template-page-landing .select2-container--default .select2-search--dropdown .select2-search__field {
font-size: 19.2px;
padding: 14.4px 4.8px 14.4px 43.18px !important;
}
.page-template-page-graphic-designer .select2-results, .page-template-page-webdesigner-landing .select2-results, .page-template-page-ux-research-landing .select2-results, .page-template-page-design-system-landing .select2-results, .page-template-page-landing .select2-results {
padding: 14.4px 4.8px 14.4px 0;
max-height: 254.4px !important;
}
.page-template-page-graphic-designer .select2-container--default .select2-results > .select2-results__options, .page-template-page-webdesigner-landing .select2-container--default .select2-results > .select2-results__options, .page-template-page-ux-research-landing .select2-container--default .select2-results > .select2-results__options, .page-template-page-design-system-landing .select2-container--default .select2-results > .select2-results__options, .page-template-page-landing .select2-container--default .select2-results > .select2-results__options {
padding: 0 9.58px 0 14.4px;
max-height: 225.6px !important;
}
.page-template-page-graphic-designer .select2-container--default .select2-results__option--highlighted, .page-template-page-webdesigner-landing .select2-container--default .select2-results__option--highlighted, .page-template-page-ux-research-landing .select2-container--default .select2-results__option--highlighted, .page-template-page-design-system-landing .select2-container--default .select2-results__option--highlighted, .page-template-page-landing .select2-container--default .select2-results__option--highlighted {
border-radius: 9.58px;
}
.page-template-page-graphic-designer .select2-container--default .select2-results__option[aria-selected=true], .page-template-page-webdesigner-landing .select2-container--default .select2-results__option[aria-selected=true], .page-template-page-ux-research-landing .select2-container--default .select2-results__option[aria-selected=true], .page-template-page-design-system-landing .select2-container--default .select2-results__option[aria-selected=true], .page-template-page-landing .select2-container--default .select2-results__option[aria-selected=true] {
border-radius: 9.58px;
}
.page-template-page-graphic-designer .select2-results__options::-webkit-scrollbar, .page-template-page-webdesigner-landing .select2-results__options::-webkit-scrollbar, .page-template-page-ux-research-landing .select2-results__options::-webkit-scrollbar, .page-template-page-design-system-landing .select2-results__options::-webkit-scrollbar, .page-template-page-landing .select2-results__options::-webkit-scrollbar {
width: 4.8px;
}
.page-template-page-graphic-designer .select2-results__options::-webkit-scrollbar-thumb, .page-template-page-webdesigner-landing .select2-results__options::-webkit-scrollbar-thumb, .page-template-page-ux-research-landing .select2-results__options::-webkit-scrollbar-thumb, .page-template-page-design-system-landing .select2-results__options::-webkit-scrollbar-thumb, .page-template-page-landing .select2-results__options::-webkit-scrollbar-thumb {
border-radius: 4.8px;
}
.page-template-page-graphic-designer .col_one_payment .select2-selection__rendered, .page-template-page-webdesigner-landing .col_one_payment .select2-selection__rendered, .page-template-page-ux-research-landing .col_one_payment .select2-selection__rendered, .page-template-page-design-system-landing .col_one_payment .select2-selection__rendered, .page-template-page-landing .col_one_payment .select2-selection__rendered {
font-size: 33.6px;
}
.page-template-page-graphic-designer .select2-results__option, .page-template-page-webdesigner-landing .select2-results__option, .page-template-page-ux-research-landing .select2-results__option, .page-template-page-design-system-landing .select2-results__option, .page-template-page-landing .select2-results__option {
padding: 9.58px 19.2px !important;
}
.page-template-page-graphic-designer .select2-container--default .select2-selection--single .select2-selection__arrow, .page-template-page-webdesigner-landing .select2-container--default .select2-selection--single .select2-selection__arrow, .page-template-page-ux-research-landing .select2-container--default .select2-selection--single .select2-selection__arrow, .page-template-page-design-system-landing .select2-container--default .select2-selection--single .select2-selection__arrow, .page-template-page-landing .select2-container--default .select2-selection--single .select2-selection__arrow {
height: 24px !important;
width: 24px !important;
right: 14.4px !important;
}
.page-template-page-graphic-designer .select2-container--default .select2-selection--single .select2-selection__arrow::after, .page-template-page-webdesigner-landing .select2-container--default .select2-selection--single .select2-selection__arrow::after, .page-template-page-ux-research-landing .select2-container--default .select2-selection--single .select2-selection__arrow::after, .page-template-page-design-system-landing .select2-container--default .select2-selection--single .select2-selection__arrow::after, .page-template-page-landing .select2-container--default .select2-selection--single .select2-selection__arrow::after {
width: 16px;
height: 12px;
}
.page-template-page-graphic-designer .select2-separator-line, .page-template-page-webdesigner-landing .select2-separator-line, .page-template-page-ux-research-landing .select2-separator-line, .page-template-page-design-system-landing .select2-separator-line, .page-template-page-landing .select2-separator-line {
margin: 14.4px 0;
}
}
@media (min-width: 1025px) and (max-width: 1536px) {
.universal-section-payment-landings-container .section_payment .container_title .sc-1-designers .sc-1-designers-avatars picture:nth-child(2) {
display: none;
}
.universal-section-payment-landings-container .section_payment .container_title .title_section {
font-size: calc(28px + (64 - 28) * (100vw - 1025px) / (1536 - 1025));
line-height: 106.25%;
max-width: calc(400px + (816 - 400) * (100vw - 1025px) / (1536 - 1025));
}
.universal-section-payment-landings-container .section_payment .container_title .sc-1-designers {
max-width: 560px;
padding: 24px 32px;
}
.universal-section-payment-landings-container .section_payment .container_payment {
width: 89.6%;
margin: 48px auto 0 auto;
}
.universal-section-payment-landings-container .section_payment .container_title {
width: 89.6%;
}
.universal-section-payment-landings-container .section_payment .container_payment .payment_block .col_block_left {
padding: 48px;
gap: 32px;
}
.universal-section-payment-landings-container .section_payment .container_payment .payment_block .col_block_left .title_col {
font-size: calc(22px + (28 - 22) * (100vw - 1025px) / (1536 - 1025));
line-height: 128.571%;
letter-spacing: -0.28px;
}
.universal-section-payment-landings-container .section_payment .container_payment .payment_block .col_block_right .top_title_block .title_col {
font-size: calc(20px + (24 - 20) * (100vw - 1025px) / (1536 - 1025));
line-height: 116.667%;
letter-spacing: -0.24px;
}
.universal-section-payment-landings-container .section_payment .container_payment .payment_block .col_block_left .top_title_block {
padding-bottom: 30px;
}
.universal-section-payment-landings-container .section_payment .container_payment .payment_block .col_block_left .tabs_options_payment .tab_option_payment {
font-size: calc(12px + (17 - 12) * (100vw - 1025px) / (1536 - 1025));
line-height: 129.412%;
letter-spacing: -0.17px;
padding: 15px 10px;
}
.universal-section-payment-landings-container .section_payment .container_payment .payment_block .col_block_left .container_payments .col_installment_plan .title_block {
font-size: 18px;
line-height: 133.333%;
letter-spacing: -0.18px;
}
.universal-section-payment-landings-container .section_payment .container_payment .payment_block .col_block_left .container_payments .col_one_payment .title_block {
font-size: 18px;
line-height: 133.333%;
letter-spacing: -0.18px;
}
.universal-section-payment-landings-container .section_payment .container_payment .payment_block .col_block_left .container_payments .col_one_payment {
gap: 24px;
}
.universal-section-payment-landings-container .section_payment .container_payment .payment_block .col_block_left .container_payments .col_installment_plan .wrapper_range_block .wrapper_range_slider #decrease_range {
width: 32px;
height: 32px;
}
.universal-section-payment-landings-container .section_payment .container_payment .payment_block .col_block_left .container_payments .col_installment_plan .wrapper_range_block .wrapper_range_slider #increase_range {
width: 32px;
height: 32px;
}
.universal-section-payment-landings-container .section_payment .container_payment .payment_block .col_block_left .container_payments .col_installment_plan .wrapper_range_block .wrapper_range_slider {
gap: 16px;
}
.universal-section-payment-landings-container .section_payment .container_payment .payment_block .col_block_left .container_payments .col_installment_plan .wrapper_range_block .wrapper_range_slider .wrapper_slider_installment #slider_installment_payments.noUi-horizontal {
height: 24px;
}
.universal-section-payment-landings-container .section_payment .container_payment .payment_block .col_block_left .container_payments .col_installment_plan .wrapper_range_block .wrapper_range_slider .wrapper_slider_installment #slider_installment_payments .noUi-handle {
width: 24px;
height: 24px;
right: -12px;
}
.universal-section-payment-landings-container .section_payment .container_payment .payment_block .col_block_left .container_payments .col_installment_plan .wrapper_range_block .wrapper_range_slider .wrapper_slider_installment .bg_slider_installment_payments {
padding: 0 12px 0 24px;
}
.universal-section-payment-landings-container .section_payment .container_payment .payment_block .col_block_left .container_payments .col_installment_plan .wrapper_range_block .wrapper_range_slider .wrapper_slider_installment {
gap: 12px;
}
.universal-section-payment-landings-container .section_payment .container_payment .payment_block .col_block_left .container_payments .col_installment_plan .price .sale_price {
font-size: calc(36px + (56 - 36) * (100vw - 1025px) / (1536 - 1025));
line-height: 114.286%;
letter-spacing: -1.12px;
}
.universal-section-payment-landings-container .section_payment .container_payment .payment_block .col_block_left .container_payments .col_installment_plan .wrapper_price_sale {
gap: 12px;
}
.universal-section-payment-landings-container .section_payment .container_payment .payment_block .col_block_left .container_payments .col_installment_plan .price .discount_payment .discount_num {
font-size: calc(20px + (28 - 20) * (100vw - 1025px) / (1536 - 1025));
line-height: 85.714%;
letter-spacing: -0.28px;
}
.universal-section-payment-landings-container .section_payment .container_payment .payment_block .col_block_left .container_payments .col_installment_plan .price .regular_price {
font-size: calc(20px + (28 - 20) * (100vw - 1025px) / (1536 - 1025));
line-height: 128.571%;
letter-spacing: -0.28px;
}
.universal-section-payment-landings-container .section_payment .container_payment .payment_block .col_block_left .coupon_block .title_block {
font-size: 18px;
line-height: 133.333%;
letter-spacing: -0.18px;
}
.universal-section-payment-landings-container .section_payment .container_payment .payment_block .col_block_left .coupon_block .coupon-form .coupon-row .coupon-input {
width: calc(130px + (191 - 130) * (100vw - 1025px) / (1536 - 1025));
}
.universal-section-payment-landings-container .section_payment .container_payment .payment_block .col_block_left .coupon_block .coupon-form .coupon-row button.coupon-btn {
padding: 14px calc(28px + (48 - 28) * (100vw - 1025px) / (1536 - 1025));
}
.universal-section-payment-landings-container .section_payment .container_payment .payment_block .col_block_left .container_payments .col_one_payment .price .sale_price {
font-size: calc(36px + (56 - 36) * (100vw - 1025px) / (1536 - 1025));
line-height: 114.286%;
letter-spacing: -1.12px;
}
.universal-section-payment-landings-container .section_payment .container_payment .payment_block .col_block_left .container_payments .col_one_payment .price .discount_payment .discount_num {
font-size: calc(20px + (28 - 20) * (100vw - 1025px) / (1536 - 1025));
line-height: 85.714%;
letter-spacing: -0.28px;
}
.universal-section-payment-landings-container .section_payment .container_payment .payment_block .col_block_left .container_payments .col_one_payment .price .regular_price {
font-size: calc(20px + (28 - 20) * (100vw - 1025px) / (1536 - 1025));
line-height: 128.571%;
letter-spacing: -0.28px;
}
.universal-section-payment-landings-container .section_payment .container_payment .payment_block .col_block_left .container_payments .col_one_payment .wrapper_price_sale {
gap: 12px;
}
.universal-section-payment-landings-container .section_payment .container_payment .payment_block .col_block_left .coupon_block {
margin-top: 0;
gap: 16px;
}
.universal-section-payment-landings-container .section_payment .container_payment .payment_block .col_block_right .top_title_block .info_for_country .text {
font-size: 15px;
line-height: 146.667%;
letter-spacing: -0.15px;
}
.universal-section-payment-landings-container .section_payment .container_payment .payment_block .col_block_right .wrap-buying-form .purchasing-course-form-wrap {
gap: 32px;
}
.universal-section-payment-landings-container .section_payment .sc-payment-ellipse {
width: 684px;
height: 684px;
}
.universal-section-payment-landings-container .section_payment .sc-payment-ellipse-bg-1 {
left: 280px;
top: -347px;
}
.universal-section-payment-landings-container .section_payment .sc-payment-ellipse-bg-2 {
left: -90px;
top: -277px;
}
.universal-section-payment-landings-container .section_payment .sc-payment-ellipse-bg-3 {
display: none;
}
.universal-section-payment-landings-container .section_payment .sc-payment-ellipse-bg-4 {
right: -418px;
bottom: -128px;
}
.page-template-page-graphic-designer .col_one_payment .select2-selection__rendered, .page-template-page-webdesigner-landing .col_one_payment .select2-selection__rendered, .page-template-page-ux-research-landing .col_one_payment .select2-selection__rendered, .page-template-page-design-system-landing .col_one_payment .select2-selection__rendered, .page-template-page-landing .col_one_payment .select2-selection__rendered {
font-size: 28px;
line-height: 142.857% !important;
}
.page-template-page-graphic-designer .select2-container--default .select2-selection--single .select2-selection__arrow, .page-template-page-webdesigner-landing .select2-container--default .select2-selection--single .select2-selection__arrow, .page-template-page-ux-research-landing .select2-container--default .select2-selection--single .select2-selection__arrow, .page-template-page-design-system-landing .select2-container--default .select2-selection--single .select2-selection__arrow, .page-template-page-landing .select2-container--default .select2-selection--single .select2-selection__arrow {
height: 20px !important;
right: 12px !important;
width: 20px !important;
}
.page-template-page-graphic-designer .select2-container--default .select2-selection--single .select2-selection__arrow::after, .page-template-page-webdesigner-landing .select2-container--default .select2-selection--single .select2-selection__arrow::after, .page-template-page-ux-research-landing .select2-container--default .select2-selection--single .select2-selection__arrow::after, .page-template-page-design-system-landing .select2-container--default .select2-selection--single .select2-selection__arrow::after, .page-template-page-landing .select2-container--default .select2-selection--single .select2-selection__arrow::after {
width: 14px;
height: 10px;
}
.page-template-page-graphic-designer .col_installment_plan .select2-selection__rendered, .page-template-page-webdesigner-landing .col_installment_plan .select2-selection__rendered, .page-template-page-ux-research-landing .col_installment_plan .select2-selection__rendered, .page-template-page-design-system-landing .col_installment_plan .select2-selection__rendered, .page-template-page-landing .col_installment_plan .select2-selection__rendered {
font-size: 28px;
line-height: 142.857% !important;
}
.page-template-page-graphic-designer .select2-container--default .select2-selection--single .select2-selection__rendered, .page-template-page-webdesigner-landing .select2-container--default .select2-selection--single .select2-selection__rendered, .page-template-page-ux-research-landing .select2-container--default .select2-selection--single .select2-selection__rendered, .page-template-page-design-system-landing .select2-container--default .select2-selection--single .select2-selection__rendered, .page-template-page-landing .select2-container--default .select2-selection--single .select2-selection__rendered {
font-size: calc(32px + (48 - 32) * (100vw - 1025px) / (1536 - 1025)) !important;
line-height: 112.5% !important;
letter-spacing: -0.96px;
padding: 4px 33px 4px 20px !important;
}
.page-template-page-graphic-designer .col_one_payment .select2-container--default .select2-selection--single .select2-selection__rendered, .page-template-page-webdesigner-landing .col_one_payment .select2-container--default .select2-selection--single .select2-selection__rendered, .page-template-page-ux-research-landing .col_one_payment .select2-container--default .select2-selection--single .select2-selection__rendered, .page-template-page-design-system-landing .col_one_payment .select2-container--default .select2-selection--single .select2-selection__rendered, .page-template-page-landing .col_one_payment .select2-container--default .select2-selection--single .select2-selection__rendered {
font-size: 28px;
line-height: 142.857% !important;
}
.page-template-page-graphic-designer .select2-container--default .select2-selection--single, .page-template-page-webdesigner-landing .select2-container--default .select2-selection--single, .page-template-page-ux-research-landing .select2-container--default .select2-selection--single, .page-template-page-design-system-landing .select2-container--default .select2-selection--single, .page-template-page-landing .select2-container--default .select2-selection--single {
max-height: 62px;
}
.page-template-page-design-system-landing .universal-section-payment-landings-container .section_payment .container_title, .page-template-page-design-system-landing .universal-section-payment-landings-container .section_payment .container_payment, .page-template-page-ux-research-landing .universal-section-payment-landings-container .section_payment .container_title, .page-template-page-ux-research-landing .universal-section-payment-landings-container .section_payment .container_payment, .page-template-page-landing .universal-section-payment-landings-container .section_payment .container_title, .page-template-page-landing .universal-section-payment-landings-container .section_payment .container_payment {
width: calc(100% - clamp(24px, (100vw - min(90vw, 200rem)) / 2, 80px) - clamp(24px, (100vw - min(90vw, 200rem)) / 2, 80px));
}
.page-template-page-design-system-landing .universal-section-payment-landings-container .section_payment .container_title .title_section, .page-template-page-ux-research-landing .universal-section-payment-landings-container .section_payment .container_title .title_section, .page-template-page-landing .universal-section-payment-landings-container .section_payment .container_title .title_section, .page-template-page-webdesigner-landing .universal-section-payment-landings-container .section_payment .container_title .title_section {
font-size: calc(28px + (56 - 28) * (100vw - 1025px) / (1536 - 1025));
max-width: calc(400px + (768 - 400) * (100vw - 1025px) / (1536 - 1025));
}
}
@media (min-width: 1025px) and (max-width: 1366px) {
.universal-section-payment-landings-container .section_payment .container_payment .payment_block .col_block_left .container_payments .col_installment_plan {
width: 100%;
}
.universal-section-payment-landings-container .section_payment .container_payment .payment_block .col_block_left .container_payments .col_one_payment {
width: 100%;
}
}
@media all and (max-width: 1024px) {
.universal-section-payment-landings-container .section_payment .container_title {
flex-direction: column;
}
.universal-section-payment-landings-container .section_payment .container_payment .payment_block {
flex-direction: column;
}
.universal-section-payment-landings-container .section_payment .container_title .sc-1-designers {
display: none;
}
.universal-section-payment-landings-page {
padding: 0 8px;
}
.universal-section-payment-landings-container .section_payment {
padding: 32px 20px 20px 20px;
border-radius: 16px;
}
.universal-section-payment-landings-container .section_payment .container_payment {
margin: 24px auto 0 auto;
padding: 0;
width: 100%;
z-index: 5;
}
.universal-section-payment-landings-container .section_payment .container_title .title_section {
font-size: 28px;
line-height: 32px;
}
.universal-section-payment-landings-container .section_payment .container_title {
width: 100%;
z-index: 10;
position: relative;
}
.universal-section-payment-landings-container .section_payment .container_payment .payment_block {
padding: 8px;
width: 100%;
margin: 8px auto 0 auto;
flex-direction: column-reverse;
}
.universal-section-payment-landings-container .section_payment .container_payment .payment_block .col_block_left .tabs_options_payment {
gap: 8px;
overflow-x: scroll;
width: calc(100% + 40px);
margin: 0 -20px 4px -20px;
padding: 0 20px;
overflow: -moz-scrollbars-none;
-ms-overflow-style: none;
scrollbar-width: none;
}
.universal-section-payment-landings-container .section_payment .container_payment .payment_block .col_block_left .tabs_options_payment .tab_option_payment .text_btn.--mobile {
display: inline-block;
}
.universal-section-payment-landings-container .section_payment .container_payment .payment_block .col_block_left .tabs_options_payment .tab_option_payment .text_btn.--desk {
display: none;
}
.universal-section-payment-landings-container .section_payment .container_payment .payment_block .col_block_left .tabs_options_payment .tab_option_payment {
font-size: 16px;
line-height: 137.5%;
letter-spacing: -0.16px;
white-space: nowrap;
width: fit-content;
padding: 11px 24px;
}
.universal-section-payment-landings-container .section_payment .container_payment .payment_block .col_block_left .container_payments .col_installment_plan .wrapper_range_block {
padding: 23px 0 18px 0;
gap: 16px;
}
.universal-section-payment-landings-container .section_payment .container_payment .payment_block .col_block_left .container_payments .col_installment_plan .wrapper_range_block .wrapper_range_slider {
gap: 8px;
}
.universal-section-payment-landings-container .section_payment .container_payment .payment_block .col_block_left .container_payments .col_installment_plan .wrapper_range_block .wrapper_range_slider .wrapper_slider_installment {
padding-top: 6px;
gap: 6px;
}
.universal-section-payment-landings-container .section_payment .container_payment .payment_block .col_block_left .container_payments .col_installment_plan .wrapper_range_block .wrapper_range_slider .wrapper_slider_installment .bg_slider_installment_payments {
padding: 0 11px 0 20px;
}
.universal-section-payment-landings-container .section_payment .container_payment .payment_block .col_block_left .container_payments .col_installment_plan .wrapper_range_block .wrapper_range_slider .wrapper_slider_installment .tooltip_payments {
font-size: 28px;
line-height: 28px;
letter-spacing: -0.28px;
}
.universal-section-payment-landings-container .section_payment .container_payment .payment_block .col_block_left .container_payments .col_installment_plan .wrapper_range_block .wrapper_range_slider .wrapper_slider_installment #slider_installment_payments.noUi-horizontal {
height: 20px;
}
.universal-section-payment-landings-container .section_payment .container_payment .payment_block .col_block_left .container_payments .col_installment_plan .wrapper_range_block .wrapper_range_slider .wrapper_slider_installment #slider_installment_payments .noUi-handle {
height: 20px;
width: 20px;
right: -10px;
}
.universal-section-payment-landings-container .section_payment .container_payment .payment_block .col_block_left .container_payments .col_installment_plan .wrapper_range_block .wrapper_range_slider .wrapper_slider_installment #slider_installment_payments .noUi-touch-area {
height: 60%;
width: 60%;
}
.universal-section-payment-landings-container .section_payment .container_payment .payment_block .col_block_left .container_payments .col_installment_plan .wrapper_range_block .wrapper_range_slider #decrease_range {
width: 26px;
height: 26px;
margin: 2px;
}
.universal-section-payment-landings-container .section_payment .container_payment .payment_block .col_block_left .container_payments .col_installment_plan .wrapper_range_block .wrapper_range_slider #decrease_range:hover {
transform: unset;
}
.universal-section-payment-landings-container .section_payment .container_payment .payment_block .col_block_left .container_payments .col_installment_plan .wrapper_range_block .wrapper_range_slider #increase_range {
width: 26px;
height: 26px;
margin: 2px;
}
.universal-section-payment-landings-container .section_payment .container_payment .payment_block .col_block_left .container_payments .col_installment_plan .wrapper_range_block .wrapper_range_slider #increase_range:hover {
transform: unset;
}
.universal-section-payment-landings-container .section_payment .container_payment .payment_block .col_block_left .container_payments .col_installment_plan .title_block {
font-size: 17px;
line-height: 22px;
letter-spacing: -0.17px;
}
.universal-section-payment-landings-container .section_payment .container_payment .payment_block .col_block_right {
width: 100%;
padding: 0;
}
.universal-section-payment-landings-container .section_payment .container_payment .payment_block .col_block_left {
width: 100%;
padding: 24px 20px 20px 20px;
border-radius: 16px;
gap: 20px;
}
.universal-section-payment-landings-container .section_payment .container_payment .payment_block .col_block_left .container_payments .col_installment_plan {
width: 100%;
gap: 24px;
}
.universal-section-payment-landings-container .section_payment .container_payment .payment_block .col_block_left .container_payments .col_installment_plan .price .sale_price {
gap: 4px;
font-size: 36px;
line-height: 48px;
letter-spacing: -0.72px;
}
.universal-section-payment-landings-container .section_payment .container_payment .payment_block .col_block_left .container_payments .col_installment_plan .price .regular_price {
font-size: 20px;
line-height: 28px;
letter-spacing: -0.2px;
}
.universal-section-payment-landings-container .section_payment .container_payment .payment_block .col_block_left .container_payments .col_one_payment {
width: 100%;
padding-top: 24px;
padding-bottom: 18px;
gap: 16px;
}
.universal-section-payment-landings-container .section_payment .container_payment .payment_block .col_block_left .container_payments .col_one_payment .title_block {
font-size: 17px;
line-height: 22px;
letter-spacing: -0.17px;
}
.universal-section-payment-landings-container .section_payment .container_payment .payment_block .col_block_left .container_payments .col_one_payment .price .sale_price {
gap: 4px;
font-size: 36px;
line-height: 48px;
letter-spacing: -0.72px;
}
.universal-section-payment-landings-container .section_payment .container_payment .payment_block .col_block_left .container_payments .col_one_payment .price .discount_payment {
padding: 8px 11px;
border-radius: 12px;
}
.universal-section-payment-landings-container .section_payment .container_payment .payment_block .col_block_left .container_payments .col_one_payment .price .discount_payment .discount_num {
font-size: 20px;
line-height: 24px;
letter-spacing: -0.2px;
}
.universal-section-payment-landings-container .section_payment .container_payment .payment_block .col_block_left .container_payments .col_one_payment .price .regular_price {
font-size: 20px;
line-height: 28px;
letter-spacing: -0.2px;
}
.universal-section-payment-landings-container .section_payment .container_payment .payment_block .col_block_left .container_payments .col_one_payment .price {
gap: 2px;
}
.universal-section-payment-landings-container .section_payment .container_payment .payment_block .col_block_left .container_payments .col_installment_plan .price .container_full_price {
margin-top: 5px;
}
.universal-section-payment-landings-container .section_payment .container_payment .payment_block .col_block_left .container_payments .col_installment_plan .price .container_full_price .text_full_price {
font-size: 15px;
line-height: 20px;
letter-spacing: -0.15px;
}
.universal-section-payment-landings-container .section_payment .container_payment .payment_block .col_block_left .container_payments .col_installment_plan .price .container_full_price .wrap_full_price {
font-size: 15px;
line-height: 20px;
letter-spacing: -0.15;
}
.universal-section-payment-landings-container .section_payment .container_payment .payment_block .col_block_left .container_payments .col_installment_plan .price {
gap: 2px;
padding-bottom: 18px;
}
.universal-section-payment-landings-container .section_payment .container_payment .payment_block .col_block_left .coupon_block .title_block {
font-size: 17px;
line-height: 22px;
letter-spacing: -0.17px;
}
.universal-section-payment-landings-container .section_payment .container_payment .payment_block .col_block_left .coupon_block {
gap: 12px;
margin-top: 5px;
}
.universal-section-payment-landings-container .section_payment .container_payment .payment_block .col_block_left .coupon_block .coupon-form .coupon-row button.coupon-btn {
padding: 10px;
line-height: 0;
}
.universal-section-payment-landings-container .section_payment .container_payment .payment_block .col_block_left .coupon_block .coupon-form .coupon-row {
padding: 5px 5px 5px 15px;
}
.universal-section-payment-landings-container .section_payment .container_payment .payment_block .col_block_left .coupon_block .coupon-form .coupon-row button.coupon-btn .text_btn {
display: none;
}
.universal-section-payment-landings-container .section_payment .container_payment .payment_block .col_block_left .coupon_block .coupon-form .coupon-row button.coupon-btn .icon-check {
display: inline-block;
width: 24px;
height: 24px;
object-fit: contain;
}
.universal-section-payment-landings-container .section_payment .container_payment .payment_block .col_block_left .coupon_block .coupon-form .coupon-row .coupon-input {
width: 100%;
flex: 1;
}
.universal-section-payment-landings-container .section_payment .container_payment .payment_block .col_block_left .coupon_block .coupon-message.success {
margin-top: 11px;
padding: 6px 11px 6px 7px;
gap: 6px;
}
.universal-section-payment-landings-container .section_payment .container_payment .payment_block .col_block_left .coupon_block .coupon-message {
font-size: 15px;
line-height: 20px;
letter-spacing: -0.15px;
}
.universal-section-payment-landings-container .section_payment .container_payment .payment_block .col_block_left .container_payments .col_installment_plan .price .discount_payment .discount_num {
font-size: 20px;
line-height: 24px;
letter-spacing: -0.2px;
}
.universal-section-payment-landings-container .section_payment .sc-payment-ellipse {
width: 683.002px;
height: 683.002px;
z-index: 5;
}
.universal-section-payment-landings-container .section_payment .sc-payment-ellipse-bg-1 {
left: auto;
right: -571.004px;
top: -347.002px;
}
.universal-section-payment-landings-container .section_payment .sc-payment-ellipse-bg-2 {
left: auto;
right: -200.998px;
top: -277px;
}
.universal-section-payment-landings-container .section_payment .sc-payment-ellipse-bg-3 {
display: none;
}
.universal-section-payment-landings-container .section_payment .sc-payment-ellipse-bg-4 {
display: none;
}
.universal-section-payment-landings-container .section_payment .element_bubble_bg {
z-index: 5;
}
.universal-section-payment-landings-container .section_payment .container_payment .payment_block .col_block_left .container_payments .col_installment_plan .price .wrapper_price_installment .price-from {
margin-bottom: 9.02px;
}
.universal-section-payment-landings-container .section_payment .container_payment .payment_block .col_block_left .container_payments .col_installment_plan .price .price-from {
font-size: 15.99px;
}
.universal-section-payment-landings-container .section_payment .container_payment .payment_block .col_block_left .container_payments .col_installment_plan .price .wrapper_price_installment,
.universal-section-payment-landings-container .section_payment .container_payment .payment_block .col_block_left .container_payments .col_installment_plan .wrapper_price_sale,
.universal-section-payment-landings-container .section_payment .container_payment .payment_block .col_block_left .container_payments .col_one_payment .wrapper_price_sale {
gap: 6px;
}
.universal-section-payment-landings-container .section_payment .container_payment .payment_block {
padding: 8px;
gap: 8px;
flex-direction: column;
border-radius: 20px;
}
.universal-section-payment-landings-container .section_payment .container_payment .payment_block .col_block_left .container_payments .col_installment_plan .price .discount_payment {
padding: 8px 11px;
border-radius: 12px;
}
.universal-section-payment-landings-container .section_payment .container_payment .payment_block .col_block_right {
width: 100%;
}
.universal-section-payment-landings-container .section_payment .container_payment .payment_block .col_block_right {
width: 100%;
padding: 24px 20px 20px 20px;
gap: 24px;
border-radius: 16px;
}
.universal-section-payment-landings-container .section_payment .container_payment .payment_block .col_block_right .top_title_block .info_for_country {
align-items: flex-start;
gap: 8px;
}
.universal-section-payment-landings-container .section_payment .container_payment .payment_block .col_block_right .top_title_block {
padding-bottom: 18px;
}
.universal-section-payment-landings-container .section_payment .container_payment .payment_block .col_block_right .top_title_block .info_for_country .text {
font-size: 15px;
line-height: 19px;
letter-spacing: -0.15px;
}
.universal-section-payment-landings-container .section_payment .container_payment .payment_block .col_block_right .top_title_block .title_col {
font-size: 20px;
line-height: 22px;
letter-spacing: -0.2px;
}
.universal-section-payment-landings-container .section_payment .container_payment .payment_block .col_block_left .title_col {
font-size: 22px;
line-height: 127.273%;
letter-spacing: -0.22px;
}
.universal-section-payment-landings-container .section_payment .container_payment .payment_block .col_block_right .wrap-buying-form {
gap: 16px;
}
.universal-section-payment-landings-container .section_payment .container_payment .payment_block .col_block_right .wrap-buying-form .purchasing-course-form-wrap .form-inputs {
gap: 10px;
}
.universal-section-payment-landings-container .section_payment .container_payment .payment_block .col_block_left .top_title_block {
padding-bottom: 20px;
}
.universal-section-payment-landings-container .section_payment .container_payment .payment_block .col_block_right .wrap-buying-form .purchasing-course-form-wrap .form-inputs .iti--show-selected-dial-code.iti--show-flags .iti__selected-flag {
padding: 0 2px 0 19px;
}
.universal-section-payment-landings-container .section_payment .container_payment .payment_block .col_block_right .wrap-buying-form .purchasing-course-form-wrap {
gap: 19px;
}
.universal-section-payment-landings-container .section_payment .container_payment .payment_block .col_block_right .wrap-buying-form .purchasing-course-form-wrap .form-inputs input.input-text,
.universal-section-payment-landings-container .section_payment .container_payment .payment_block .col_block_right .wrap-buying-form .purchasing-course-form-wrap .form-inputs input.input-text::placeholder,
.universal-section-payment-landings-container .section_payment .container_payment .payment_block .col_block_right .wrap-buying-form .purchasing-course-form-wrap .form-inputs input {
font-size: 16px !important;
line-height: 24px !important;
letter-spacing: -0.16px;
}
.universal-section-payment-landings-container .section_payment .container_payment .payment_block .col_block_right .wrap-buying-form .purchasing-course-form-wrap .form-inputs input {
padding: 18px 20px;
}
.universal-section-payment-landings-container .section_payment .container_payment .payment_block .col_block_right .wrap-buying-form .purchasing-course-form-wrap .wrap_submit_btn {
padding: 9px 10px 15px 10px;
gap: 12px;
}
.universal-section-payment-landings-container .section_payment .container_payment .payment_block .col_block_right .wrap-buying-form .purchasing-course-form-wrap .button-primary .submit-form-purchasing-course {
padding: 18px 10px;
font-size: 17px;
line-height: 24px;
letter-spacing: -0.17px;
}
.universal-section-payment-landings-container .section_payment .container_payment .payment_block .col_block_right .wrap-buying-form .purchasing-course-form-wrap .info_for_payment {
gap: 8px;
align-items: flex-start;
}
.universal-section-payment-landings-container .section_payment .container_payment .payment_block .col_block_right .wrap-buying-form .purchasing-course-form-wrap .info_for_payment .text {
font-size: 15px;
line-height: 19px;
letter-spacing: -0.15px;
}
.page-template-page-graphic-designer .col_one_payment .select2-selection__rendered, .page-template-page-webdesigner-landing .col_one_payment .select2-selection__rendered, .page-template-page-ux-research-landing .col_one_payment .select2-selection__rendered, .page-template-page-design-system-landing .col_one_payment .select2-selection__rendered, .page-template-page-landing .col_one_payment .select2-selection__rendered {
font-size: 28px;
line-height: 142.857% !important;
}
.page-template-page-graphic-designer .select2-container--default .select2-selection--single .select2-selection__arrow, .page-template-page-webdesigner-landing .select2-container--default .select2-selection--single .select2-selection__arrow, .page-template-page-ux-research-landing .select2-container--default .select2-selection--single .select2-selection__arrow, .page-template-page-design-system-landing .select2-container--default .select2-selection--single .select2-selection__arrow, .page-template-page-landing .select2-container--default .select2-selection--single .select2-selection__arrow {
height: 20px !important;
right: 12px !important;
width: 20px !important;
}
.page-template-page-graphic-designer .select2-container--default .select2-selection--single .select2-selection__arrow::after, .page-template-page-webdesigner-landing .select2-container--default .select2-selection--single .select2-selection__arrow::after, .page-template-page-ux-research-landing .select2-container--default .select2-selection--single .select2-selection__arrow::after, .page-template-page-design-system-landing .select2-container--default .select2-selection--single .select2-selection__arrow::after, .page-template-page-landing .select2-container--default .select2-selection--single .select2-selection__arrow::after {
width: 14px;
height: 10px;
}
.page-template-page-graphic-designer .col_installment_plan .select2-selection__rendered, .page-template-page-webdesigner-landing .col_installment_plan .select2-selection__rendered, .page-template-page-ux-research-landing .col_installment_plan .select2-selection__rendered, .page-template-page-design-system-landing .col_installment_plan .select2-selection__rendered, .page-template-page-landing .col_installment_plan .select2-selection__rendered {
font-size: 32px;
}
.page-template-page-graphic-designer .select2-container--default .select2-selection--single .select2-selection__rendered, .page-template-page-webdesigner-landing .select2-container--default .select2-selection--single .select2-selection__rendered, .page-template-page-ux-research-landing .select2-container--default .select2-selection--single .select2-selection__rendered, .page-template-page-design-system-landing .select2-container--default .select2-selection--single .select2-selection__rendered, .page-template-page-landing .select2-container--default .select2-selection--single .select2-selection__rendered {
padding: 8px 38px 8px 12px !important;
}
.page-template-page-graphic-designer .select2-container--default .select2-selection--single, .page-template-page-webdesigner-landing .select2-container--default .select2-selection--single, .page-template-page-ux-research-landing .select2-container--default .select2-selection--single, .page-template-page-design-system-landing .select2-container--default .select2-selection--single, .page-template-page-landing .select2-container--default .select2-selection--single {
max-height: 48px;
border-radius: 12px !important;
}
.page-template-page-design-system-landing .universal-section-payment-landings-container .section_payment .container_title, .page-template-page-design-system-landing .universal-section-payment-landings-container .section_payment .container_payment, .page-template-page-ux-research-landing .universal-section-payment-landings-container .section_payment .container_title, .page-template-page-ux-research-landing .universal-section-payment-landings-container .section_payment .container_payment, .page-template-page-landing .universal-section-payment-landings-container .section_payment .container_title, .page-template-page-landing .universal-section-payment-landings-container .section_payment .container_payment {
width: calc(100% - clamp(24px, (100vw - min(90vw, 200rem)) / 2, 80px) - clamp(24px, (100vw - min(90vw, 200rem)) / 2, 80px));
}
.page-template-page-design-system-landing .universal-section-payment-landings-page, .page-template-page-ux-research-landing .universal-section-payment-landings-page, .page-template-page-landing .universal-section-payment-landings-page {
padding: 0;
}
.page-template-page-design-system-landing .universal-section-payment-landings-page .section_payment, .page-template-page-ux-research-landing .universal-section-payment-landings-page .section_payment, .page-template-page-landing .universal-section-payment-landings-page .section_payment {
padding: 32px 0 20px 0;
}
.page-template-page-design-system-landing .universal-section-payment-landings-container .section_payment .container_title .title_section, .page-template-page-ux-research-landing .universal-section-payment-landings-container .section_payment .container_title .title_section, .page-template-page-landing .universal-section-payment-landings-container .section_payment .container_title .title_section, .page-template-page-webdesigner-landing .universal-section-payment-landings-container .section_payment .container_title .title_section {
font-size: 28px;
max-width: 100%;
}
}
@media all and (max-width: 768px) {
.page-template-page-design-system-landing .universal-section-payment-landings-container .section_payment .container_title, .page-template-page-ux-research-landing .universal-section-payment-landings-container .section_payment .container_title, .page-template-page-landing .universal-section-payment-landings-container .section_payment .container_title {
margin: 0 auto;
width: 90%;
}
.page-template-page-design-system-landing .universal-section-payment-landings-container .section_payment .container_payment, .page-template-page-ux-research-landing .universal-section-payment-landings-container .section_payment .container_payment, .page-template-page-landing .universal-section-payment-landings-container .section_payment .container_payment {
margin: 24px auto 0 auto;
width: 90%;
}
.page-template-page-design-system-landing .universal-section-payment-landings-container .section_payment, .page-template-page-ux-research-landing .universal-section-payment-landings-container .section_payment, .page-template-page-landing .universal-section-payment-landings-container .section_payment {
border-radius: 0;
}
}
/*# sourceMappingURL=universal-section-payment-landings-page.css.map */