/* Start:/local/components/spiks/order.new/templates/.default/style.css?173953448718141*/

.payment-info__title {
    color: #181818;
    text-align: center;
    font-family: "Halvar Breitschrift", sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    letter-spacing: 1px;
    text-transform: uppercase;
}

.radio-label._position_absolute {
    position: relative;
    padding-left: 22px;
    cursor: pointer;
}

.radio-label._position_absolute:before {
    position: absolute;
    left: 0;
    top: calc(50% - 8px);
}

.button {
    display: flex;
    height: 45px;
    padding: 12px 30px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    font-family: "Halvar Breitschrift", sans-serif;
    font-size: 18px;
    font-weight: 500;
    transition: .3s ease;
    cursor: pointer;
    border: none;
}

.button._theme_black {
    background: #181818;
    color: #FFF;
}

.button._theme_black:hover {
    background: #FFF;
    color: #181818;
}

.grey-text a {
    color: rgba(0, 0, 0, 0.40);
}

.delete-btn {
    background: transparent;
    border: none;
    display: flex;
    gap: 4px;
    align-items: center;
    color: rgba(24, 24, 24, 0.40);
    font-family: "BG-Arabic-Pro", sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    padding-right: 20px;
    position: relative;
    cursor: pointer;
    transition: .3s ease;
}

.delete-btn:after {
    content: '';
    background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none"><path d="M3.3335 12.6666L8.3335 7.66663M13.3335 2.66663L8.33254 7.66663M8.33254 7.66663L3.3335 2.66663M8.3335 7.66663L13.3335 12.6666" stroke="%23181818" stroke-opacity="0.4" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/></svg>') no-repeat center center;
    position: absolute;
    right: 0;
    width: 16px;
    height: 100%;
    min-height: 16px;
    top: 0;
}

.delete-btn:hover {
    text-decoration: underline;
}

.order-page {
}

.order-page .flex {
    display: flex;
    width: 100%;
}

.order-page .grey-text {
    margin: 20px 0 0 ;
}

.order-page .block-2-3 {
    margin-bottom: 0;
    width: 65.83%;
    margin-right: 30px;
    box-sizing: border-box;
}

.order-page .block-1-3 {
    width: 31.66%;
    position: relative;
    overflow: hidden;
    margin-bottom: 30px;
    box-sizing: border-box;
    min-height: 380px;
}

.order-page .block-1-3 .div {
    height: 1px;
}

.order-page h1 {
    color: #181818;
    font-family: "Halvar Breitschrift", sans-serif;
    font-size: 30px;
    font-weight: 500;
    line-height: 120%;
    letter-spacing: 1px;
    text-transform: uppercase;
}

.order-page h1 span {
    color: #BFCFD5;
}

.order-page__top {
    display: flex;
    align-items: center;
    width: 100%;
}

.order-page__btn-subscribe {
    margin: 0 30px 0 auto;
}

.order-page__btn-subscribe, .card-order__btn-subscribe {
    cursor: pointer;
    color: #181818;
    font-family: "BG-Arabic-Pro", sans-serif;
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    text-decoration-line: none;
    position: relative;
    width: max-content;
    transition: .3s ease;
}

.order-page__btn-subscribe:hover, .card-order__btn-subscribe:hover {
    background: #F0EDE3;
    border-radius: 2px;
}

.order-page__btn-subscribe:before, .card-order__btn-subscribe:before {
    content: '';
    width: 100%;
    height: 1px;
    background: #181818;
    bottom: 1px;
    left: 0;
    position: absolute;
}

.order-page__btn-subscribe:hover:before, .card-order__btn-subscribe:hover:before{
    opacity: 0;
}

.order-page__delete-btn {
    margin: 0;
}

.order-page__block-2-3 {
    display: flex;
    flex-direction: column;
    gap: 30px;
}

.order-page__block-1-3 {
    position: relative;
    height: 100%;
}
@media(max-width: 991px){
    .order-page__block-1-3{
        height: auto !important;
    }
}
.order-page__sticky-wrapper {
    position: sticky;
    top: 0;
    left: 0;
    width: 100%;
}

.card-order {
    border-radius: 8px;
    border: 3px solid #F6F6F6;
    background: #FFF;
    display: flex;
    gap: 34px;
    overflow: hidden;
    padding: 40px;
    position: relative;
}

.card-order.is-deleted {
    gap: 2px;
}

.card-order__image {
    width: 176px;
    height: 176px;
    object-position: center;
    object-fit: cover;
}

.card-order__content {
    width: calc(100% - 210px);
    display: flex;
    flex-direction: column;
}

.card-order__title {
    color: #0E0E0D;
    font-family: "Halvar Breitschrift", sans-serif;
    font-size: 22px;
    font-weight: 500;
    line-height: 120%;
    letter-spacing: 1px;
    text-transform: uppercase;
    margin-bottom: 20px;
}

.card-order ul {
    padding: 0 0 20px 0;
}

.card-order ul li{
    position: relative;
    padding-left: 14px;
    list-style: none;
    color: #181818;
    font-family: "BG-Arabic-Pro", sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
}

.card-order ul li::before {
    content: "";
    position: absolute;
    display: block;
    top: 10px;
    left: 0;
    width: 3px;
    height: 3px;
    border-radius: 50%;
    background-color: #181818;
}

.card-order__price {
    display: inline-flex;
    gap: 10px;
    color: #181818;
    font-family: "Halvar Breitschrift", sans-serif;
    font-size: 28px;
    font-weight: 500;
    line-height: 120%;
    letter-spacing: 1px;
    text-transform: uppercase;
    margin-top: 20px;
}

.card-order__price span {
    text-decoration: line-through;
}

.card-order__text {
    color: #181818;
    font-family: "BG-Arabic-Pro", sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 140%;
}

.card-order__restore-btn{
    color: #FF3900;
    cursor: pointer;
    font-family: "BG-Arabic-Pro", sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 140%;
    border: none;
    background: transparent;
    padding: 0;
}

.card-order__sign-block {
    width: 100% !important;
    margin: 0 !important;;
    background: transparent !important;;
    border-radius: 0 !important;;
}

.card-order__btn-subscribe {
    margin-top: 20px;
}

.card-order__delete-btn {
    position: absolute;
    bottom: 40px;
    right: 40px;
}

.card-order__delete-btn._position_top {
    bottom: auto;
    top: 40px;
}

.block-order {
    border-radius: 8px;
    background: #F0EDE3;
    display: flex;
    flex-direction: column;
    padding: 30px;
}

.block-order__title {
    color: #181818;
    font-family: "Halvar Breitschrift", sans-serif;
    font-size: 28px;
    font-weight: 500;
    line-height: 120%;
    letter-spacing: 1px;
    text-transform: uppercase;
    margin-bottom: 30px;
}

.block-order__courses-list {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.block-order__course {
    display: flex;
    align-items: center;
    gap: 10px;
    justify-content: space-between;
}

.block-order__text {
    color: #181818;
    font-family: "BG-Arabic-Pro", sans-serif;
    font-size: 16px;
    font-weight: 500;
    line-height: 161%;
}

.block-order__text._theme_red {
    color: #FF3900;
}

.block-order__course .block-order__text:first-child{
    width: 67.5%;
}

.block-order__course .block-order__text:last-child{
    width: 30%;
    text-align: end;
}

.block-order__total-price {
    margin: 30px 0;
    padding-bottom: 30px;
    border-bottom: 1px solid #FFFF;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.block-order__price {
    color: #181818;
    font-family: "Halvar Breitschrift", sans-serif;
    font-size: 20px;
    font-weight: 700;
    line-height: 120%;
    text-transform: uppercase;
    text-align: end;
}

.block-order__promocode-form {
    display: flex;
    flex-direction: column;
    margin-bottom: 30px;
}

.block-order__promocode-form .block-order__text {
    position: relative;
    display: flex;
    flex-direction: column;
}

.block-order__input {
    cursor: pointer;
    margin-bottom: 12px;
    border: 1px solid #F0EDE3;
    background: #FFF;
    height: 38px;
    padding: 10px 12px;
    transition: all .3s;
}


.block-order__input:hover {
    border-color: rgba(0, 0, 0, 0.4);
}

.block-order__input:focus {
    cursor: text;
    border-color: rgba(0, 0, 0, 0.4);
}

.block-order__input:disabled {
    border-color: #F0EDE3;
    cursor: default;
}

.block-order__button {
    display: none;
    cursor: pointer;
    position: absolute;
    top: 0;
    right: 0;
    font-size: 0;
    height: 38px;
    width: 38px;
    border: 0;
    background-color: transparent;
    background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10 20C8.61667 20 7.31667 19.7373 6.1 19.212C4.88333 18.6867 3.825 17.9743 2.925 17.075C2.025 16.175 1.31267 15.1167 0.788 13.9C0.263333 12.6833 0.000666667 11.3833 0 10C0 8.61667 0.262667 7.31667 0.788 6.1C1.31333 4.88333 2.02567 3.825 2.925 2.925C3.825 2.025 4.88333 1.31267 6.1 0.788C7.31667 0.263333 8.61667 0.000666667 10 0C11.3833 0 12.6833 0.262667 13.9 0.788C15.1167 1.31333 16.175 2.02567 17.075 2.925C17.975 3.825 18.6877 4.88333 19.213 6.1C19.7383 7.31667 20.0007 8.61667 20 10C20 11.3833 19.7373 12.6833 19.212 13.9C18.6867 15.1167 17.9743 16.175 17.075 17.075C16.175 17.975 15.1167 18.6877 13.9 19.213C12.6833 19.7383 11.3833 20.0007 10 20ZM10 18C12.2333 18 14.125 17.225 15.675 15.675C17.225 14.125 18 12.2333 18 10C18 7.76667 17.225 5.875 15.675 4.325C14.125 2.775 12.2333 2 10 2C7.76667 2 5.875 2.775 4.325 4.325C2.775 5.875 2 7.76667 2 10C2 12.2333 2.775 14.125 4.325 15.675C5.875 17.225 7.76667 18 10 18Z' fill='black' fill-opacity='0.4'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M5.24374 5.25441C5.39986 5.09818 5.61157 5.01042 5.83232 5.01042C6.05307 5.01042 6.26478 5.09818 6.42089 5.25441L9.9948 8.83191L13.5687 5.25441C13.6455 5.17482 13.7374 5.11133 13.8389 5.06766C13.9405 5.02398 14.0497 5.00099 14.1603 5.00003C14.2708 4.99907 14.3804 5.02015 14.4827 5.06206C14.5851 5.10396 14.678 5.16583 14.7562 5.24408C14.8343 5.32232 14.8961 5.41536 14.938 5.51778C14.9799 5.62019 15.0009 5.72993 15 5.84057C14.999 5.95122 14.976 6.06057 14.9324 6.16224C14.8888 6.26391 14.8254 6.35587 14.7458 6.43274L11.1719 10.0102L14.7458 13.5877C14.8975 13.7449 14.9814 13.9554 14.9795 14.1739C14.9776 14.3924 14.8901 14.6014 14.7357 14.7559C14.5814 14.9104 14.3726 14.9981 14.1543 15C13.936 15.0019 13.7257 14.9179 13.5687 14.7661L9.9948 11.1886L6.42089 14.7661C6.26388 14.9179 6.05359 15.0019 5.83531 15C5.61704 14.9981 5.40824 14.9104 5.25388 14.7559C5.09953 14.6014 5.01198 14.3924 5.01008 14.1739C5.00819 13.9554 5.0921 13.7449 5.24374 13.5877L8.81765 10.0102L5.24374 6.43274C5.08767 6.27647 5 6.06454 5 5.84357C5 5.6226 5.08767 5.41068 5.24374 5.25441Z' fill='black' fill-opacity='0.4'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
}

.block-order__icon-accept {
    display: none;
    position: absolute;
    top: 0;
    right: 0;
    height: 38px;
    width: 38px;
    background-color: transparent;
    background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10 0C4.47717 0 0 4.47717 0 10C0 15.5228 4.47717 20 10 20C15.5228 20 20 15.5228 20 10C20 4.47717 15.5228 0 10 0ZM10 2.17285C14.3228 2.17285 17.8259 5.67827 17.8259 10C17.8259 14.3218 14.3228 17.8259 10 17.8259C5.67717 17.8259 2.17407 14.3218 2.17407 10C2.17408 5.67827 5.67717 2.17285 10 2.17285ZM13.8318 5.25147L8.03588 11.0486L6.156 9.1687L4.31152 11.012L6.1914 12.8919L8.04808 14.7485L9.89137 12.9041L15.6885 7.10815L13.8318 5.25147Z' fill='%2329CC1B'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
    z-index: 10;
}

.block-order__input-message {
    display: none;
    font-size: 12px;
    font-weight: 400;
    line-height: 14px;
    color: #FF3900;
    margin-top: -4px;
    margin-bottom: 12px;
}


.block-order__promocode-form.error .block-order__input-message {
    display: inline-block;
}

.block-order__promocode-form.error .block-order__input {
    color: #FF3900;
}

.block-order__promocode-form.error .block-order__button {
    display: block;
}

.block-order__promocode-form.accept .block-order__icon-accept {
    display: block;
}

.block-order__promocode-form.typing .block-order__button {
    display: block;
}

.block-order__promocode-form.accept .block-order__input {
    background-color: rgb(20 20 20 / 5%);
    color: #29CC1B;
    pointer-events: none;
}

.block-order__promocode-form-btn {
    border: 1px solid #FF3900;
    display: flex;
    height: 38px;
    padding: 12px 30px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    transition: .3s ease;
    width: 100%;
    background: transparent;
    color: #FF3900;
    font-family: "Halvar Breitschrift", sans-serif;
    font-size: 16px;
    font-weight: 500;
    cursor: pointer;
}

.block-order__promocode-form-btn:hover {
    background: #FF3900;
    color: #FFFF;
}

.block-order__course-payment {
    margin-bottom: 30px;
}


@media screen and (max-width: 991px) {

    .button {
        height: 43px;
        font-size: 16px;
    }

    .delete-btn {
    }

    .delete-btn:after {
    }

    .order-page {
    }

    .order-page .flex {
        flex-wrap: wrap;
    }

    .order-page .grey-text {
        margin: 15px 0 0 ;
    }

    .order-page .block-2-3, .order-page .block-1-3 {
        width: 100%;
        margin-right: 0;
    }

    .order-page h1 {
        font-size: 22px;
        width: 100%;
    }

    .order-page h1 span {
    }

    .order-page__top {
        flex-wrap: wrap;
        margin-bottom: 30px;
    }

    .order-page__btn-subscribe {
        margin: 0 auto 0 0;
    }

    .order-page__delete-btn {
        margin: 0 0 0 auto;
    }

    .order-page__block-2-3 {
    }

    .order-page__block-1-3 {
        height: max-content;
    }

    .order-page__sticky-wrapper {
        position: static;
        width: 100%;
    }

    .card-order {
        flex-direction: column;
        padding: 20px;
        align-items: flex-start;
    }

    .card-order.is-deleted {
        display: inline;
        padding-right: 56px;
    }

    .card-order__sign-block {
        margin: 0;
    }

    .card-order.is-deleted .card-order__text {
        font-size: 14px !important;
    }

    .card-order.is-deleted .card-order__delete-btn {
        top: calc(50% - 8px);
    }

    .card-order__image {
        width: 75px;
        height: 75px;
    }

    .card-order__content {
        width: 100%;
    }

    .card-order__title {
        font-size: 16px;
        line-height: 140%;
        margin-bottom: 15px;
    }

    .card-order ul {
    }

    .card-order ul li {
        font-size: 14px;
        line-height: 120%;
    }

    .card-order ul li::before {
    }

    .card-order__price {
        gap: 8px;
        font-size: 16px;
        line-height: 140%;
        text-align: center;
        margin: 20px auto 0;
    }

    .card-order__price span {
    }

    .card-order__price + .card-order__text{
        text-align: center;
        margin: 0 auto;
    }

    .card-order__text {
        font-size: 12px;
    }

    .card-order__restore-btn {
        font-size: 14px;
        line-height: 120%;
    }

    .card-order__btn-subscribe {
        margin: 20px auto 0;
    }

    .card-order__delete-btn {
        bottom: auto;
        top: 20px;
        right: 20px;
    }

    .card-order__delete-btn._position_top {
        top: 20px;
    }

    .block-order {
        padding: 20px;
        margin-top: 15px;
    }

    .block-order__title {
        font-size: 22px;
        margin-bottom: 20px;
    }

    .block-order__courses-list {
    }

    .block-order__course {
    }

    .block-order__text {
        font-size: 14px;
        line-height: 120%;
    }

    .block-order__course .block-order__text:first-child {
        width: 62.8%;
    }

    .block-order__course .block-order__text:last-child {
        width: 33.6%;
    }

    .block-order__total-price {
        margin: 20px 0;
        padding-bottom: 20px;
    }

    .block-order__price {
        font-size: 16px;
    }

    .block-order__promocode-form {
        margin-bottom: 20px;
    }

    .block-order__input {
    }

    .block-order__promocode-form-btn {
    }

    .block-order__course-payment {
        margin-bottom: 20px;
    }
}



.order-page._theme_ghost .sign-block select {
    background-color: #FFF;
    border: 1px solid #BDBDBD;
    padding: 10px 12px;
    border-radius: 0;
}


.order-item a span {
    display: inline-flex;
    align-items: center;
}

.order-item-count {
    background: #FF3900;
    height: 20px;
    width: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
    color: #FFF;
    font-family: "Halvar Breitschrift", sans-serif;
    font-size: 14px;
    font-weight: 500;
    text-transform: uppercase;
    border-radius: 50%;
    margin-left: 6px;
}
.order_empty{
    padding: 180px 0;
}

.order_empty .order-page{
    display: flex;
    flex-direction: column;
    align-items: center;
}
.order_empty .order-page__title{
    font-family: "Halvar Breitschrift", sans-serif;
    font-size: 30px;
    font-weight: 500;
    line-height: 36px;
    letter-spacing: 0.02em;
    text-align: center;
    margin-bottom: 30px;
}

@media(max-width: 991px) {
    .order_empty {
        padding: 90px 0;
    }

    .order_empty .order-page__title {
        font-size: 24px;
        line-height: 140%;
    }
}
.order_empty .order-page__text{
    font-family: "Halvar Breitschrift", sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 22.4px;
    text-align: center;
    margin: 0 0 30px 0;
}


.order_empty .order-page__link{
    width: fit-content;
    text-decoration: none;
    padding: 12px 30px;
}

.card-order__title{
    text-decoration: none;
}

.curse-order__tariff-name{
    font-size: 18px;
    font-weight: 500;
    margin-bottom: 20px;
}
.curse-order__tariff{
    padding: 0;
    margin-bottom: 20px;
}
@media(max-width:991px){
    .curse-order__tariff-name{
        font-size: 16px;
    }
}
/* End */
/* /local/components/spiks/order.new/templates/.default/style.css?173953448718141 */