.row-gutters{
    --bs-gutter-x: 15px;
    --bs-gutter-y: 15px;
    display: flex;
    flex-wrap: wrap;
    margin-top: calc(var(--bs-gutter-y) * -1);
    margin-right: calc(var(--bs-gutter-x) * -.5);
    margin-left: calc(var(--bs-gutter-x) * -.5);
}
.footer__content-list li .btn{
    white-space: normal;
    text-align: left;
}
.header{
    border-bottom: 1px solid #E9E9E9;
}
.row-gutters > * {
    box-sizing: border-box;
    padding-right: calc(var(--bs-gutter-x) * .5);
    padding-left: calc(var(--bs-gutter-x) * .5);
    margin-top: var(--bs-gutter-y);
}
.gap-btn{gap:8px;}

.gap-heading{gap:16px;}
.leading-16{line-height:16px;}
.gap-24{gap: 24px;}
.px-10{padding-left:10px;padding-right:10px;}
.font-700{font-weight:700 !important;}
.font-600{font-weight:600 !important;}
.m-0{margin: 0 !important;}
.my-10{
    margin-top: 10px;
    margin-bottom: 10px;
}
.max-w-480{max-width:480px;}
.max-w-100{max-width:100px;}
.card-code-input{
    max-width: 110px;
}
.max-w-560{max-width:560px;}
.text-white{color:#fff !important;}
.text-primary{
    color: #7C4DFF;
}
.mx-auto{
    margin-left: auto;
    margin-right: auto;
}
.max-w-350{max-width:350px;}
.max-w-max{max-width:max-content;}
.text-xs{font-size:13px;}
.bg-primary{background-color:#7C4DFF;}
.gutters-x-36{
    --bs-gutter-x: 36px;
}
.gutters-x-16{
    --bs-gutter-x: 16px;
}
.gutters-y-20{
    --bs-gutter-y: 20px;
}
.gutters-y-66{
    --bs-gutter-y: 66px;
}

.page-post--row{
    flex-wrap: nowrap;
    display: flex;
    margin-left: -35px;
    margin-right: -35px;
}
.page-post--row > .page-post--content,
.page-post--row > .page-post--sidebar{
    padding-left: 35px;
    padding-right: 35px;
}
.page-post--row > .page-post--content{
    flex: auto;
}
.page-post--row > .page-post--sidebar{
    max-width: 400px;
    flex: 0 0 400px;
}
.btn-max{max-width:max-content;text-align:left;}
.py-16{
    padding-top: 16px;
    padding-bottom: 16px;
}
:root{
    --bg-lines: url();
    --bg-line-opacity: 0;
    --heading-1: 45px;
    --heading-2: 36px;
    --heading-3: 24px;
    --heading-5: 18px;

    --clamp-hide: 2;
    --section-y: 0px;
}

.title-heading{
    font-weight: 700;
    font-family: var(--fotnFamilyRaleway);
    color: #2A2831;
}
h1.title-heading{
    font-size: var(--heading-1);
    line-height: 64px;
}
h5.title-heading{
    font-size: var(--heading-5);
    line-height: 22px;
}
.user-info-ico.btn--md{
    max-height: 44px;
    min-width: 44px;
}
.user-info-ico{
    aspect-ratio: 1 / 1;
    overflow: hidden;
    border-radius: 360px;
}
.dropdown__body.select-login-body{
    z-index: 30 !important;
    display: none !important;
}
.select-login:hover, .user-info-ico:hover{
    opacity: 1;
}
.header__nav .header__nav-link{
    color: rgba(42, 40, 49, 0.7);
}
.header__nav .header__nav-link:hover{
    color: #7C4DFF;
}

.btn--md{
    min-height: 44px;
}
.btn--white-primary{
    background-color: #fff;
    color: #7C4DFF;
    border-color: transparent;
}
.btn--white-primary:hover{
    background-color: #7C4DFF;
    color: #fff;
    opacity: 1;
}

.select-login-user-info{
    display: flex;
    align-items: center;
    gap: 12px;
    overflow: hidden;
    max-width: 150px;
}
.user-info-name{
    overflow: hidden;
    text-overflow: ellipsis;
    font-weight: 600;
}
.header__mob-menu.--mob .header__btns{
    flex-wrap: wrap;
    gap: 15px;
}
.select-login{
    display: flex;
    align-items: center;
    gap: 6px;
    border: none !important;
    background-color: transparent !important;
}
.fix-scroll.header-scroll .header__btns .btn.px-10{
    padding-left: 10px;
    padding-right: 10px;
}
.dropdown.dropdown-open .select-login .ico-arrow{
    transform: rotate(180deg);
}

.default-text-1{
    font-size: 18px;
    line-height: 28px;
    font-family: var(--fotnFamilyRaleway);
    color: #2A2831;
}
.default-text-2{
    font-size: 13px;
    line-height: 22px;
    font-family: var(--fotnFamilyRaleway);
    color: rgba(42, 40, 49, 0.7);
}
.default-text-3{
    font-size: 14px;
    line-height: 16px;
    font-weight: 500;
    font-family: var(--fotnFamilyRaleway);
    color: rgba(42, 40, 49, 0.7);
}
.default-text-4{
    font-size: 16px;
    line-height: 26px;
    font-weight: 500;
    font-family: var(--fotnFamilyRaleway);
    color: rgba(255, 255, 255, 0.7);
}
.screen-deskription{
    padding-top: 35px;
    padding-bottom: 35px;
    position: relative;
    min-height: 200px;
    justify-content: center;
    display: flex;
    flex-direction: column;
}
.screen-deskription .heading-block{
    padding-top: 30px;
    padding-bottom: 30px;
}
.banner-section{
    position: relative;
}
.screen-deskription::after{
    --bg-lines: url(../img/repeat-line.svg);
    --bg-line-opacity: 0.04;
}
.banner-section::after{
    --bg-lines: url(../img/lines.svg);
    --bg-line-opacity: 1;
}
.screen-deskription::after,
.banner-section::after{
    content: "";
    position: absolute;
    width: 110%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: center top;
    background-size: cover;
    background-image: var(--bg-lines);
    top: 0;
    opacity: var(--bg-line-opacity);
    pointer-events: none;

    left: -5%;
    animation-name: traslate-2;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
    animation-duration: 50s;
    z-index: 1;
}
.filters-body{
    padding-top: 44px;
    padding-bottom: 44px;
}
.filters-block{
    display: flex;
    flex-direction: column;
}
.filters-top{
    border-bottom: 1px solid #EEEEEE;
    padding-top: 24px;
    padding-bottom: 24px;
}
.filters-top + .filters-footer{
    padding-top: 24px;
}
.options{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 15px;
    align-items: center;
}
.option{
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    flex: auto;
}
.filter-tabs-2{
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    align-items: center;
}
.btn-light-primary-border{
    border: 1px solid #EEEEEE;
    background-color: #fff;
    color: rgba(6, 12, 50, 0.6);
}
.btn-light-primary-border:hover{
    border-color: #7C4DFF;
    color: #7C4DFF;
    opacity: 1;
}
.btn-check .btn--md{
    padding-left: 15px;
    padding-right: 15px;
}
input:checked ~ .btn-light-primary-border{
    border-color: #7C4DFF;
    color: #2A2831;
    pointer-events: none;
    text-shadow: 0 0 0.5px #2A2831;
}
.filter-split{
    height: 50%;
    width: 1px;
    display: block;
    background-color: rgba(238, 238, 238, 1);
}

.card:not(.card-row){
    flex-direction: column;
}
.card.card-row{
    --gap-card-body: 10px;
}
.line-clamp-1{
    --clamp-hide: 1;
}
.card-row,
.card{
    display: flex;
    --gap-card: 24px;
    --rounded-image: 12px;
    --gap-card-body: 14px;
    
}
.card-image-wrapp{
    overflow: hidden;
    border-radius: var(--rounded-image);
    aspect-ratio: 1 / 1;
    background-color: #EEEEEE; 
}
.card-image-wrapp-xs{
    max-width: 98px;
    min-width: 98px;
}
.card-image-wrapp > img{
    width: 100%;
    height: 100%;
}
.card{
    gap: var(--gap-card);
}
.card-body{
    gap: var(--gap-card-body);
    display: flex;
    flex-direction: column;
}
.pill-text{
    font-size: 12px;
    line-height: normal;
    font-weight: 700;
    color: #7C4DFF;
    text-transform: uppercase;
    font-family: var(--fotnFamilyRaleway);
}

.line-clamp{
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: var(--clamp-hide);
}
.btn-primary-link{
    color: #7C4DFF;
}

.section-space{
    padding-top: var(--section-y);
    padding-bottom: var(--section-y);
}
.section-2.section-space{
    --section-y: 80px;
}
.section-3.section-space{
    --section-y: 60px;
}
.section-space .filters-block{
    margin-top: calc(var(--section-y) * -1);
}
.pagination-pages{
    display: flex;
    align-items: center;
    gap: 12px;
}

.pagination-pages .btn.btn-control-pagination{
    border-color: #EEEEEE;
}

.pagination-pages .btn{
    min-width: 36px;
    max-width: 36px;
    height: 36px;
    border-radius: 360px;
    border: 1px solid transparent;
}
.pagination-pages-list{
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: center;
}
.pagination-pages-list .btn{
    color: rgba(42, 40, 49, 0.7);
}
.pagination-pages-list .btn.--active{
    color: #7C4DFF;
    pointer-events: none;
}
.pagination-pages .btn:hover{
    opacity: 1;
    color: #7C4DFF;
}
.pagination-pages .btn-control-pagination:hover{
    border-color: #7C4DFF;
}
.pagination-pages-list li{
    display: block;
}
.--no-active{
    pointer-events: none;
    visibility: hidden;
    opacity: 0;
}
article.editor-article{
    max-width: 100%;
    margin-left: 0;
    margin-right: 0;
}
.editor-article{
    font-family: var(--fotnFamilyRaleway);
    font-size: 18px;
    line-height: 30px;
    color: #2A2831;
    max-width: 730px;
    margin-left: auto;
    margin-right: auto;
}
.editor-article a{
    text-decoration: underline;
}
.editor-article h1{
    font-size: var(--heading-1);
    line-height: 64px;
}
.editor-article h2{
    font-size: var(--heading-2);
    line-height: 32px;
}
.editor-article ol{
    list-style-type: none;
    counter-reset: section;
}
.editor-article ol,
.editor-article ul{
    display: flex;
    flex-direction: column;
    gap: 10px;
    margin-left: 10px;
}
.editor-article ul li img,
.editor-article ol li img{
    width: 100%;
    margin-top: 20px;
    margin-bottom: 20px;
}
.editor-article ul li,
.editor-article ol li{
    display: flex;
    flex-direction: column;
}
.editor-article ul li > div:first-child::before{
    content: "\2022";
    font-size: 22px;
    margin-right: 5px;
}
.editor-article ol li > div,
.editor-article ul li > div{
    display: flex;
    gap: 5px;
}
.editor-article ol li > div:first-child::before{
    content: counter(section)".";
    counter-increment: section;
}
.editor-article h3{
    font-size: var(--heading-3);
    line-height: 32px;
}
.editor-article h1,
.editor-article h2,
.editor-article h3,
.editor-article h4,
.editor-article h5,
.editor-article h6
{
    font-weight: 700;
}
.editor-article,
.editor-article > div{
    display: flex;
    flex-direction: column;
}
.editor-article{gap: 50px;}
.editor-article > div{gap: 20px;}


.breadcrumb-container{
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}
.breadcrumb-list{
    display: flex;
    flex-wrap: wrap;
    font-family: var(--fotnFamilyRaleway);

    font-size: 14px;
    line-height: 18px;
    font-weight: 400;
    color: #2A2831;
}
.breadcrumb-list li{
    position: relative;
}
.breadcrumb-list li:last-child a{
    font-weight: 600;
    pointer-events: none;
}
.breadcrumb-list li:not(:last-child)::after{
    content: "";
    display: flex;
    width: 20px;
    height: 20px;
    position: relative;
    background: url("../img/img-26-03-2024/breadcrumb-arrow.svg") no-repeat center center / 20px;
    margin-left: 4px;
    margin-right: 4px;
}
.breadcrumb-list a:hover{
    color: #7C4DFF;
}
.breadcrumb-list li,
.breadcrumb-list a{
    display: flex;
    align-items: center;
}

.pill-containeer{
    display: flex;
    align-items: center;
    gap: 6px;
    overflow: hidden;
    border-radius: 360px;
    background-color: #fff;
    box-shadow: 0px 1px 2px 0px #5B687152, 0px 0px 1px 0px #1A202452;
    min-height: 32px;
    padding: 5px 15px;
}

.social-list{
    gap: 8px;
    flex-wrap: wrap;
}
.social-list,
.social-list > li{
    display: flex;
    align-items: center;
}
.btn-social{
    min-width: 32px;
    max-width: 32px;
    height: 32px;
}
.btn-social:hover{
    color: #7C4DFF;
    opacity: 1;
}


.single-post-editor > div{
    display: flex;
    flex-direction: column;
}
.posts-list, 
.posts-list > li{
    display: flex;
    flex-direction: column;
}
.posts-list{
    gap: 28px;
}


.--fix-mt{
    --all-fix: 320px;
    --dell-fix: calc(var(--all-fix) / 2);
    padding-bottom: var(--dell-fix);
}
.--fix-mt + .--fix-mt{padding-bottom: var(--section-y);}
.--fix-mt + .--fix-mt .page-post--content{
    padding-top: 0;
    margin-top: calc((var(--dell-fix) + var(--section-y)) * -1);
    position: relative;
}
.btn--md-2{
    padding: 11px 20px;
    max-height: 50px;
}
.footer{
    border-top: 1px solid #EEEEEE;
}

.select-custom{
    position: relative;
}
.header .select-custom .select-custom--body{
    top: 100% !important;
    max-height: calc(100vh - 86px) !important;
}
.select-custom .select-custom--body{
    position: absolute;
    top: 100%;
    width: 100%;
    box-shadow: 0px 4px 8px 0px #5B68713D, 0px 0px 2px 0px #1A202466;
    overflow: auto;
}
.dropdown-list .btn{
    margin: 0;
}
.dropdown-list, .dropdown-list > li{
    display: flex;
    flex-direction: column;
    gap: 2px;
}
.dropdown .btn.link-drp-btn:hover{
    background-color: #F9F9F9 !important;
    opacity: 1;
}
.dropdown-open .select-login{
    color: #7C4DFF;
}
.link-drp-btn{
    gap: 10px;
    font-size: 14px;
    line-height: 24px;
    font-weight: 500;
    font-family: var(--fotnFamilyRaleway);
    text-align: left;
    justify-content: flex-start;

    padding: 3px 6px !important;
    min-height: 36px;
    background-color: transparent !important;
}

.show-template .template-content-container{
    padding-top: 85px !important;
}


.btn--close-2{
    border-radius: 360px;
    background-color: #EDEDED;
    color: #68676D;
    border: 1px solid transparent;
}
.btn--close-2:hover{
    opacity: 1;
    border-color: #68676D;
}
.modal-close-container{
    display: flex;
    gap: 10px;
    padding: 16px;
}
.modal__content .modal-close-container{
    position: absolute;
    right: 0;
    top: 0;
    z-index: 1;
}
.modal__content .modal-close-container + .modal__header{
    padding-right: 67px;
}
.modal-custom .modal__header,
.modal-custom .modal__body,
.modal-custom .modal__footer{
    padding-left: 32px;
    padding-right: 32px;

    padding-top: 32px;
    padding-bottom: 32px;
}

.modal-custom .modal__content,
.modal-custom .modal__header,
.modal-custom .modal__body,
.modal-custom .modal__footer{
    padding-top: calc(32px / 2);
    padding-bottom: calc(32px / 2);
}

.modal__dialog--600{
    max-width: 632px;
}
.modal__dialog--470{
    max-width: 502px;
}
.modal__header--container--item{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 5px 20px;
}
.payments-methods{
    display: flex;
    align-items: center;
    gap: 5px;
    flex-wrap: wrap;
}
.form-group{
    display: flex;
    flex-direction: column;
}


.wrapp-input{
    background: #fff;
    border: 1px solid #DCDBDB;
    border-radius: 10px;
    overflow: hidden;
    display: flex;
}
.wrapp-input .input{
    background: inherit;
    border: none;
    border-radius: none;
}
.input{
    border-color: #DCDBDB;
    border-radius: 10px;
}
.input::-webkit-outer-spin-button,
.input::-webkit-inner-spin-button{
    -webkit-appearance: none;
    margin: 0;
    -moz-appearance: textfield;
}

.form-credit{
    gap: 32px;
}

.btn-success-gradient{
    background: linear-gradient(92.31deg, #55D66A 0%, #2FB85D 100%);
    color: #fff;
}
.btn-success-gradient:hover{opacity:1;}
.select-pay-list{
    display: flex;
    flex-wrap: wrap;
    flex: auto;
    margin-left: -6px;
    margin-right: -6px;
    gap: 12px 0;
}
.select-pay-list > li{
    display: flex;
    flex-direction: column;
    flex: 0 0 20%;
    max-width: 20%;
    padding-left: 6px;
    padding-right: 6px;
}
input:checked ~ .btn-select-pay{
    color: #2A2831;
    border-color: #7C4DFF;
    pointer-events: none;
}

.btn-select-pay{
    display: flex;
    flex-direction: column;
    overflow: hidden;
    border-radius: 10px;
    border: 1px solid #EAEBF2;
    gap: 3px;
    text-overflow: ellipsis;
    width: 100%;
    text-align: left;
    justify-content: center;
    align-items: flex-start;
    height: 54px;
    padding: 10px;

    font-size: 12px;
    line-height: 15px;
    font-weight: 500;
    color: #2A2831B2;
    font-family: var(--fotnFamilyRaleway);
}
.btn-select-pay *{
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 100%;
}
.btn-select-pay:hover{
    opacity: 1;
    border-color: #7C4DFF;
}


.ckeck-element{
    display: flex;
    align-items: center;
    gap: 14px;
    cursor: pointer;
}
input:checked ~ .check-filled{
    background: linear-gradient(92.31deg, #8C49F7 0%, #6C53FF 100%);
}
input:checked ~ .check-filled::after{
    opacity: 1;
}
.check-filled{
    min-width: 22px;
    max-width: 22px;
    height: 22px;
    display: block;
    overflow: hidden;
    background-color: #fff;
    border: 1px solid #DCDBDB;
    border-radius: 4px;
    cursor: pointer;
    position: relative;
}
.check-filled::after{
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: url("../img/img-26-03-2024/icos-checkdone.svg") no-repeat center center / 15px;
    opacity: 0;
}
.check-filled-text{
    font-size: 14px;
    line-height: 16px;
    font-weight: 600;
    color: #333333;
    font-family: var(--fotnFamilyRaleway);
}


.select-custom-select{
    font-size: 16px;
    line-height: 24px;
    font-weight: 500;
    font-family: var(--fotnFamilyRaleway);
}
.select-custom-select .choices__inner{
    background-color: #fff;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    display: flex;
    border: 1px solid #DCDBDB;
    border-radius: 10px;
    padding-left: 12px;
    padding-right: 40px;
}

.select-custom-select .choices__list.choices__list--single{
    display: flex;
    align-items: center;
    padding-right: 0px !important;
    padding-left: 0px !important;
    white-space: nowrap;
    overflow: hidden;
}
.select-custom-select .choices__list.choices__list--single .choices__item{
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.--no-search .choices__input{
    display: none !important;
}
.select-custom-select .choices[data-type*=select-one].is-open::after{
    transform: rotate(180deg);
}
.select-custom-select .choices[data-type*=select-one]::after{
    border: none !important;
    right: 0;
    top: 0;
    height: 100%;
    min-width: 40px;
    max-width: 40px;
    background: url("../img/img-26-03-2024/icos-select-arrow.svg") no-repeat center center / 24px;
    margin: 0;
}

@media (max-width: 991.98px) {
    .page-post--row > .page-post--sidebar {
        max-width: 300px;
        flex: 0 0 300px;
    }
    .page-post--row{
        margin-left: -15px;
        margin-right: -15px;
    }
    .page-post--row > .page-post--content, 
    .page-post--row > .page-post--sidebar{
        padding-left: 15px;
        padding-right: 15px;
    }
    .section-2.section-space{
        --section-y: 40px;
    }
    h1.title-heading{
        font-size: var(--heading-2);
        line-height: 54px;
    }
    h2.title-heading{
        font-size: var(--heading-3);
    }
    .gutters-x-36 {
        --bs-gutter-x: 16px;
    }
    .gutters-y-66 {
        --bs-gutter-y: 36px;
    }
}
@media (max-width: 767.98px) {
    .header .select-custom .select-custom--body{
        top: 0% !important;
    }
    .page-post--row{
        flex-direction: column;
        gap: 30px;
    }
    .page-post--row > .page-post--sidebar{
        max-width: 100%;
        flex: auto;
    }
}
@media (max-width: 575.98px) {
    .select-pay-list > li{
        flex: 0 0 33.3%;
        max-width: 33.3%;
    }
}