:root{
    --map-size: 20px;
    --flex-space-x: 0px;
    --close-abs-size: 32px;
}
.swiper-banner,
.swiper-banner .swiper-slide{
    height: auto !important;
}
.swiper-banner .banner{
    height: 100% !important;
    background-size: cover;
    background-position: center top;
}
.scroll_to_top {
    position: fixed;
    right: 30px;
    bottom: 30px;
    display: block;
    width: 30px;
    height: 30px;
    border: 1px solid var(--primary);
    border-radius: 360px;
    opacity: 0;
    visibility: hidden;
    background: var(--primary) url(../img/to_top.svg) no-repeat center;
    background-size: 70%;
    transition: all 0.15s ease-in-out;
    z-index: 10;
}

.scroll_to_top.active {
    opacity: 1;
    visibility: visible;
}

.scroll_to_top.active:hover {
    opacity: 1;
}



.form-group:not(.form-group--row) {
    flex-direction: column;
}
.form-group {
    display: flex;
}
.wrapper-input .input,
.wrapper-input .textarea{
    border-radius: 0;
    padding: 0;
    border: none;
    background-color: transparent;
}
.wrapper-input, 
.input, 
.textarea{
    box-shadow: none;
    border: 1px solid #ECF1F5;
}
.input::placeholder, 
.textarea::placeholder,
.wrapper-input .input::placeholder,
.wrapper-input .textarea::placeholder{
    color: var(--secondaryTextColor);
}

.wrapper-input.--input-2, 
.input.--input-2, 
.textarea.--input-2 {
    background-color:  #ECF1F5;
}
.input.--input-2::placeholder, 
.textarea.--input-2::placeholder,
.wrapper-input.--input-2 .input::placeholder,
.wrapper-input.--input-2 .textarea::placeholder{
    color: var(--secondaryTextColor);
}

.input, .textarea, .wrapper-input {
    font-size: var(--defaultFontSize);
    width: 100%;
    background-color: var(--white);
    border-radius: var(--defaultRaduis);
    font-family: var(--defaultTextColor);
    padding: 5px;
    font-size: 14px;
    font-style: normal;
}
.input::placeholder,
.textarea::placeholder{
    font-family: var(--fotnFamily);
    font-size: 14px;
    font-style: normal;
    opacity: 1;
}
.wrapper-input {
    padding: 0 !important;
}
.wrapper-input .btn{
    height: auto !important;
}
.wrapper-input {
    display: flex;
    overflow: hidden;
}
.wrapper-input.input--lg{
    --size: var(--size--lg);
    min-height: var(--size--lg);
}
.wrapper-input.input--lg .input {
    padding: 8px 14px;
}


.wrapper-input.input--md{
    --size: var(--size--md);
    min-height: var(--size--md);
}
.wrapper-input.input--md .input {
    padding: 8px 10px;
}

.px-form--lg{
    padding-left: 11px !important;
    padding-right: 11px !important;
}
.pr-0{padding-right: 0 !important;}

.ico.--size-12 {
    --ico-size: 12px;
}
.ico.--size-16 {
    --ico-size: 16px;
}
.ico.--size-18 {
    --ico-size: 18px;
}
.ico.--size-20 {
    --ico-size: 20px;
}
.ico.--size-22 {
    --ico-size: 22px;
}
.ico.--size-24 {
    --ico-size: 24px;
}
.ico.--size-26 {
    --ico-size: 26px;
}
.ico.--size-28 {
    --ico-size: 28px;
}
.ico.--size-44 {
    --ico-size: 44px;
}

.form-group .form-label {
    margin-bottom: 8px;
}
.form-label {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    justify-content: space-between;
}
.label--text {
    color: var(--secondaryTextColor);
    display: flex;
    font-style: normal;
    font-weight: 400;
    line-height: 16px;
    font-size: 13px;
    gap: 8px;
    align-items: center;
}
.label--text-2 {
    color: var(--defaultTextColor);
    display: flex;
    font-style: normal;
    font-weight: 400;
    line-height: 18px;
    font-size: 15px;
    gap: 8px;
    align-items: center;
}

.select-wrapper {
    display: flex;
    width: 100%;
    position: relative;
    justify-content: flex-end;
    overflow: hidden;
    font-family: var(--fotnFamily);
}
.select-wrapper .select {
    flex: auto;
    width: 100%;
    overflow: hidden !important;
}
.select {
    text-align: left;
    font-family: var(--fotnFamily);
    font-weight: 400;
}
.select{
    background-color: var(--white);
    border: 1px solid #ECF1F5;
}
.select:hover{
    border-color: var(--secondaryTextColor);
}
.select-wrapper .select--arrow {
    position: absolute;
    height: 100%;
    padding-left: 8px;
    padding-right: 8px;
    pointer-events: none;
}


.group-sm{
    display: flex;
    flex-wrap: wrap;
    gap: 7px;
}
.group-md{
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}
input:checked ~ .check-btn{
    border-color: var(--primary);
}
.week-check{min-width:63px;}
.check-btn{cursor:pointer;}
.check-btn{
    border: 2px solid #ECF1F5;
    background-color: var(--white);
    color: var(--defaultTextColor);
    font-weight: 400;
    font-size: 15px;
}
.check-btn:hover{
    border-color: var(--secondaryTextColor);
}

.checker{
    display: flex;
    align-items: center;
    cursor: pointer;
    gap: 8px;
}
input:checked ~ .check{
    background-color: var(--primary);
}
input:checked ~ .check::after{
    opacity: 1;
}
.check{
    display: block;
    min-width: 18px;
    height: 18px;
    max-width: 18px;
    overflow: hidden;

    background-color: var(--white);
    border: 1px solid #ECF1F5;
    border-radius: 5px;
    position: relative;
}
.check::after{
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    background: url("../img/ico-check.svg") no-repeat center center / 12px;
    opacity: 0;
}
.table-wrapper{
    display: flex;
    flex-direction: column;
    width: 100%;
    overflow: auto;
}
.table{
    width:100%;
    color: var(--defaultTextColor);
    font-family: var(--fotnFamily);
    white-space: nowrap;
}
.table thead td:not(.text-left, .text-center, .text-right),
.table thead th:not(.text-left, .text-center, .text-right){
    text-align: left;
}
.sticky-head{
    position: sticky;
    top: 0;
    z-index: 5;
}
.table thead td,
.table thead th{
    background-color: var(--secondary);
    color: var(--secondaryTextColor);
    padding: 8px;
    font-size: 13px;
    font-weight: 400;
}
.table thead td:first-child, 
.table thead th:first-child{
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
}
.table thead td:last-child, 
.table thead th:last-child{
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
}
.table tbody tr:not(:last-child) td{
    border-bottom: 1px solid #ECF1F5;
}
.table tbody td{
    padding: 14px 8px;
    font-size: 14px;
    background-color: var(--white);
}
.secondary-text{
    color: var(--secondaryTextColor);
}

.pill{
    width: max-content;
    padding-left: 8px;
    padding-right: 8px;
    height: 22px;
    white-space: nowrap;
    overflow: hidden;

    display: flex;
    align-items: center;
    border-radius: 360px;

    border: 1px solid var(--secondaryTextColor);
    background-color: var(--secondary);
    color: var(--secondaryTextColor);

    font-size: 11px;
    font-style: normal;
    font-weight: 500;
    text-transform: uppercase;
}
.--success,
.pill.--success{
    background-color: rgba(0, 195, 125, 0.12);
    color: var(--success);
    border-color: rgba(0, 195, 125, 0.12);
}
.--waiting,
.pill.--waiting{
    background-color: rgba(237, 173, 8, 0.12);
    color: #DDA107;
    border-color: rgba(237, 173, 8, 0.12);
}
.--delivering,
.pill.--delivering{
    background-color: rgba(0, 148, 255, 0.08);
    color: #0094FF;
    border-color: rgba(0, 148, 255, 0.08);
}
.dropdown {
    position: relative;
}
.dropdown .dropdown__body {
    position: absolute;
    top: 100% !important;
    left: 0 !important;
    margin-top: 0;
    width: 100% !important;
    z-index: 1 !important;
    min-width: min-content;
}
.dropdown__body {
    display: none;
    position: fixed;    
    background-color: var(--white);
    box-shadow: 0px 1px 2px 0px rgba(91, 104, 113, 0.32), 0px 0px 1px 0px rgba(26, 32, 36, 0.32);
    overflow: auto;
    margin-top: 8px;
    z-index: 5;
    border-radius: var(--defaultRaduis);
}
.dropdown__body.is-open {
    display: block;
    white-space: nowrap;
}
.dropdown-list, .dropdown-list li {
    display: flex;
    flex-direction: column;
}
.btn-link-drp {
    margin: 5px;
    font-size: 14px !important;
    font-weight: 400 !important;
    text-align: left !important;
    justify-content: flex-start !important;
}
.dropdown .btn--primary.dropdown-btn{
    background-color: var(--primary) !important;
    border-color: var(--primary) !important;
    color: var(--white) !important;
}
.dropdown-open .btn--primary.dropdown-btn{
    border-color: var(--primary) !important;
    background-color: var(--white) !important;
    color: var(--defaultTextColor) !important;
}
.dropdown-open .ico-drp--arrow{
    transform: rotate(180deg);
}
.btn-link-drp:hover {
    background-color: var(--primary);
    color: var(--white);
}
.dropdown-list li:not(:last-child) {
    border-bottom: 1px solid var(--secondary);
    
}

.sticky-actions{
    position: sticky;
    right: 0;
}


.switch-list{
    overflow: hidden;
    border-radius: var(--defaultRaduis);
    background-color: var(--secondary);
    padding: 4px;

    display: flex;
    gap: 5px;
    flex-wrap: nowrap;
    white-space: nowrap;
    overflow: auto;
    width: 100%;
}
.switch-list--item{
    display: flex;
    flex-direction: column;
    flex: 1;
}
.switch-link{
    border-radius: 8px;
    border: 1px solid transparent;
    color: var(--secondaryTextColor);
}
.switch-link:hover{
    border-color: var(--secondaryTextColor);
}

.tabs-item:not(.active-tab) {
    display: none !important;
}
.switch-link.active-tab{
    background-color: var(--white);
    pointer-events: none;
    box-shadow: 0px 1px 2px 0px rgba(91, 104, 113, 0.32), 0px 0px 1px 0px rgba(26, 32, 36, 0.32);
    color: var(--defaultTextColor);
    text-shadow: 0 0 0.3px var(--defaultTextColor);
}
.tabs{
    display: flex;
    flex-direction: column;
    gap: 12px;
}


.section-map{
    display: flex;
    flex: auto;
    height: 100%;
}
::-webkit-scrollbar{
    display: none;
}

.map-tabs{
    overflow: auto;
    gap: 0;
}
.map-tabs .tabs-header{
    position: sticky;
    top: 0;
    z-index: 5;
    padding-bottom: 12px;
    background-color: var(--white);
}
.map-content{
    padding: 24px;
    flex: 0 0 440px;
    max-width: 440px;
   
    display: flex;
    flex-direction: column;
    gap: 22px;

    overflow: auto;
    height: 100%;
    min-height: 100%;

    padding-bottom: 0;
}
.map-list-results{
    position: absolute;
    width: 100%;
    height: 100%;
}
.widget-map, .canvas-map{
    display: flex;
    flex-direction: column;
    flex: auto;
    position: relative;
    overflow: hidden;
}
.canvas-map > img,
.canvas-map > svg{
    height: 100%;
    width: 100%;
}
.map-view{
    flex: auto;
    background-color: var(--secondary);
    display: flex;
    flex-direction: column;
}
.options{
    justify-content: space-between;
    gap: 20px;
}
.option{gap:12px;}
.options, .option{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}
.heading{
    font-style: normal;
    font-family: var(--fotnFamily);
}
h4.heading{
    font-size: var(--h4Size);
    line-height: 24px;
}
h5.heading{
    font-size: 16px;
    line-height: 24px;
}

.card{
    display: flex;
    flex-direction: column;
}
.card-custom{
    background-color: var(--white);
    border: 1px solid #ECF1F5;
}
.footer-border{
    border-top: 1px solid #ECF1F5;
}
.title-order{
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    font-family: var(--fotnFamily);
    line-height: 20px;
}
.order-link{
    cursor:pointer;
    transition: all 0.3s ease;
}
.order-link:hover{
    border-color: var(--primary);
}
.product-list{
    display: flex;
    flex-direction: column;
    gap: 8px;
}
.before-point{
    position: relative;
    align-items: center;
    gap: 8px;
    display: flex;
}
.before-point::before{
    content: "\2022";
    color: #CFD9E0;
}
.product-list li{
    display: flex;
    align-items: center;
    gap: 8px;
}
.count-product > *{
    padding-left: 11px;
    padding-right: 11px;
}
.count-product > *:not(:last-child){
    border-right: 1px solid #ECF1F5;
}
.count-product{
    display: flex;
    margin-left: -11px;
    margin-right: -11px;
    flex-wrap: wrap;
    gap: 10px;
}
.product-price{
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
}

.order-list{
    display: flex;
    flex-direction: column;
}
.order-list > li{
    margin-bottom: 12px;
}
.map-page{overflow:hidden;}
.map-page .content{
    display: flex;
    flex-direction: column;
    padding: 0;
}
.map-page .wrapper,
.map-page .content{
    overflow: hidden;
    height: 100%;
}
.map-list--item{
    position: absolute;
    z-index: 5;
}
.map-result{position:relative;}
.map-result, .map-list--item{
    display: flex;
    flex-direction: column;
}

.map-result.--wait .map-point{
    color: #EDAD08;
}
.map-result.--deliver .map-point{
    color: #0094FF;
}
.map-result.--done .map-point{
    color: #00C37D;
}
.map-point{
    min-width: var(--map-size);
    max-width: var(--map-size);
    height: var(--map-size);
}
.map-message *{
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.map-message{
    
    position: absolute;
    background-color: var(--white);
    padding: 8px;
    border-radius: var(--defaultRaduis);
    filter: drop-shadow(0px 1px 2px rgba(91, 104, 113, 0.5));
    max-width: 120px;
    min-width: 120px;
    white-space: nowrap;

    display: flex;
    flex-direction: column;
    gap: 2px;

    font-size: 12px;
    color: var(--defaultTextColor);

    top: calc(-50px - 12px);
    transform: translateX(-50%);
    left: 50%;
}
.map-message::after{
    content: "";
    position: absolute;
    width: 0px;
    height: 0px;
    border-style: solid;
    border-width: 7px 6px 0 6px;
    border-color: var(--white) transparent transparent transparent;
    transform: rotate(0deg);
    top: 100%;
    left: 50%;
    transform: translateX(-50%);
}


.status-text{
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: 14px;
    color: var(--secondaryTextColor);
}
.status-wait::before{
    color: #FFB800;
}
.status-delivering::before{
    color: #0094FF;
}
.status-text::before{
    content: "\2022";
    font-size: 18px;
}

.btn--success {
    background-color: #00C37D;
    border-color: #00C37D;
    color: var(--white);
}
.btn--success:hover {
    background-color: transparent;
    color: #00C37D;
}

.paths-list{
    display: flex;
    flex-direction: column;
}
.paths-list > li:not(:last-child){
    padding-bottom: 16px;
    border-bottom: 1px solid #ECF1F5;
}
.paths-list > li{
    margin-bottom: 16px;
}
.path-card{
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 10px;
}
.path-card--item{
    display: flex;
    gap: 12px;
    align-items: flex-start;
    overflow: hidden;
}
.path-content{
    display: flex;
    flex-direction: column;
    gap: 12px;
    flex: auto;
    overflow: hidden;
}
.path-header{
    display: flex;
    align-items: center;
    gap: 8px;
}
.path-count{
    background-color: var(--primary);
    border-radius: 360px;
    color: var(--white);

    font-size: 12px;
    font-style: normal;
    font-weight: 500;
}

.path-header .path-title,
.path-body p{
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.path-title{
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 16px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.move-btn{cursor:grab;}
.move-btn:active{cursor:grabbing;}
.path-body{
    display:flex;
    flex-direction:column;
    gap:5px;

    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 16px;
    color: var(--secondaryTextColor);
}

.--path-success{
    background-color: var(--success);
    color: var(--white);
}
.form-row {
    flex-wrap: wrap;
    display: flex;
}
.form-row .wrapper-input
{
    display:flex;
    flex: auto;
    width: auto;
}


.title-order{
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.tabs-header{
    display: flex;
    justify-content: space-between;
    gap: 15px;
    flex-wrap: wrap;
    align-items: center;
    width: 100%;
}

.settings-tabs .btn--secondary-2.active-tab{
    background-color: var(--white);
}
.product-item__img.btn--square{
    width: var(--btn-size);
    height: var(--btn-size);
    flex: 0;
    overflow: hidden;
}
.setting-group-item .space-border{
    margin-top: 10px;
    margin-bottom: 10px;
}
.space-border{
    background-color:  #EEF2F5;
    display: block;
    width: 100%;
    height: 1px;
}
.tabs-body, .tabs-item{
    display: flex;
    flex-direction: column;
}

.tabs[data-active-tab="#pricing"] [data-show-tab="#pricing"]{
    display: flex;
}
.tabs:not([data-active-tab="#pricing"]) [data-show-tab="#pricing"]{
    display: none !important;
}
.tabs[data-active-tab="#reviews"] [data-show-tab="#reviews"]{
    display: flex;
}
.tabs:not([data-active-tab="#reviews"]) [data-show-tab="#reviews"]{
    display: none !important;
}
.tabs[data-active-tab="#settings"] [data-hide-tab="#settings"]{
    display: none !important;
}
















/* SITE STYLES */
.logo-btn{
    display: flex;
    align-items: center;
    max-width: max-content;
}
.logo-btn,
.logo-btn:hover,
.logo-btn:visited,
.logo-btn:active,
.logo-btn:focus{
    background-color: transparent !important;
    outline: none !important;
    border: none !important;
    opacity: 1 !important;
}
.logo-btn img{
    min-width: 120px;
}
.btn-transparent.--w{
    color: var(--white);
}
.btn-transparent.--active{
    background: var(--primary-black);
}



.flexe-row{
    display: flex;
    flex-wrap: nowrap;
    margin-left: calc(var(--flex-space-x) * -1);
    margin-right: calc(var(--flex-space-x) * -1);
}
.flexe-item{
    flex: 1;
    padding-left: var(--flex-space-x);
    padding-right: var(--flex-space-x);
}





.modal-full .modal__dialog{
    align-items: unset;
    margin: 0;
    padding: 0;
    border-radius: 0;
    position: relative;
}
.modal-full .modal__content,
.modal-full .modal__header,
.modal-full .modal__footer,
.modal-full .modal__body{
    border-radius: 0 !important;
    background-color: var(--white);
}
.modal-full .modal__body{
    flex: auto;
}
.modal--show.modal--right .modal__dialog{
    transform: translateX(0%);
}
.modal--right .modal__dialog{
    margin-left: auto !important;
    transform: translateX(100%);
}
.modal--sm .modal__header,
.modal--sm .modal__body,
.modal--sm .modal__footer{
    padding: 24px;
}


.modal .user-block .user-block__avatar{
    --ico-size: 44px;
}
.modal .user-block{
    margin: 0;
    padding: 0;
    border: none;
    flex: auto;
    gap: 15px;
}

.menu-list{
    display: flex;
    flex-direction: column;
    overflow: hidden;
    border-radius: 24px;

    background-color: var(--white);
    border: 2px solid var(--primary-light);
}
.menu-list > .menu-list-item:not(:last-child){
    border-bottom: 2px solid var(--primary-light);
}
.menu-list .menu-list-item{
    display: flex;
    flex-direction: column;
    flex: auto;
}
.menu-list .btn-link-menu{
    padding: 15px 20px;
}
.btn-link-menu{
    justify-content: flex-start;
    font-size: 15px;
    line-height: 16px;
    gap: 14px;
    font-family: var(--fotnFamily);
    font-weight: 400;
}
.menu-list .btn-link-menu:hover{
    background-color: var(--secondary);
}
.footer-actions{
    gap:10px;
    width: 100%;
}
.footer-actions,
.footer-actions li,
.social-list li{
    display: flex;
    flex-direction: column;
}
.social-list{
    display: flex;
    flex-wrap: wrap;
    gap: 5px;
}
.btn-social{
    color: var(--secondary-light);
}
.btn-social:hover{
    background: var(--secondary);
    color: var(--primary);
}

.footer-actions .social-list{
    justify-content: center;
}

.user-block .open-text{
    overflow: hidden;
}
.user-block .user-block__name,
.user-block .user-block__info{
    overflow: hidden;
    text-overflow: ellipsis;
}
.header-location,
.header-location .text-location{
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.footer{
    display: flex;
    flex-direction: column;
    background-color: var(--white);
    border-top: 2px solid var(--primary-light);
}
.footer-section{
    padding-top: 20px;
    padding-bottom: 20px;
}
.footer-item{
    display: flex;
    justify-content: space-between;
    gap: 36px;
}
.footer-body{
    flex: auto;
    justify-content: space-between;
}
.footer-body, .footer-other{
    display: flex;
    flex-direction: column;
    gap: 20px;
}
.wrapp-select,
.wrapp-select .select2-container{
    width: 100% !important;
}
.select-template{
    display: flex;
    align-items: center;
    gap: 10px;
    overflow: hidden;
}
.select-template-val{
    font-size: 15px;
    font-weight: 400;
    font-family: var(--fotnFamily);
    color: var(--defaultTextColor);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.wrapp-select:hover .select2-container .select2-selection--single,
.wrapp-select .select2-container--open .select2-selection--single{
    border-color: var(--primary) !important;
}

.wrapp-select .select2-container--open .select2-selection__arrow::after{
    transform: rotate(180deg);
}
.wrapp-select .select2-container .select2-selection--single{
    display: flex;
    align-items: center;
    background-color: var(--white);
    border: 2px solid var(--primary-light);
    border-radius: var(--defaultRaduis);
    transition: border .35s ease;
}
.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable{
    background-color: var(--primary-light);
}
.select2-container--default .select2-results__option--selected{
    background-color: transparent;
}
.wrapp-select--lg{
    --ico-size: 24px;
}
.wrapp-select--lg .select2-container .select2-selection--single{
    height: 44px;
}
.wrapp-select .select2-selection--single .select2-selection__rendered{
    height: 100%;
    display: flex;
    padding: 10px 0 10px 10px;
    flex: auto;
}
.wrapp-select .select2-selection--single .select2-selection__arrow{
    position: relative;
    top: 0;
    right: 0;
    height: 100%;
    margin: 0 10px;
}
.wrapp-select .select2-selection--single .select2-selection__arrow::after{
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    background: url("../img/ico-chevron-down.svg") no-repeat center center / 24px;
}
.wrapp-select .select2-selection--single .select2-selection__arrow b{
    display: none;
}
.wrapp-select.select-230,
.wrapp-select.select-230 .select2-container{
    width: 230px !important;
}

.menu-title{
    font-size: 13px;
    line-height: 15px;
    color: var(--secondaryTextColor);
    font-family: var(--fotnFamily);
}
.footer-link{
    font-family: var(--fotnFamily);
    font-size: 15px;
    line-height: 20px;
    transition: color 0.35s ease;
    color: var(--defaultTextColor);

    display: flex;
    align-items: center;
    gap: 10px;
}
.footer-link:hover{
    color: var(--primary);
}
.menus-footer{
    display: flex;
    margin-left: -36px;
    margin-right: -36px;
    gap: 36px 0;
    flex-wrap: wrap;
}
.menus-footer > li:not(:last-child){
    border-right: 2px solid var(--primary-light);
}
.menus-footer > li{
    display: flex;
    flex-direction: column;
    flex: 1;
    gap: 24px;
    padding-left: 36px;
    padding-right: 36px;
}
.menu-footer{
    display: flex;
    flex-direction: column;
    gap: 12px;
}
.text-secondary{
    color: var(--secondaryTextColor);
}

.other-footer-links{
    display: flex;
    gap: 32px;
}
.swiper-banner{
    border-radius: 32px;
}
.banner{
    overflow: hidden;
    border-radius: 32px;
    background-repeat: no-repeat;
    background-position: top center;
    background-size: cover;
    position: relative;
}
.banner:not(.--after-banner){
    background: var(--secondary) url("../img/frame-lines.svg") no-repeat center center / cover;
}
.banner:not(.--after-banner) .banner-desk{
    color: var(--secondaryTextColor);
    opacity: 1 !important;
}
.banner-actions{
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
}

.banner-container{
    display: flex;
    justify-content: space-between;
    position: relative;
    z-index: 1;
    gap: 30px;
}
.banner.--after-banner::after{
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    background: linear-gradient(180deg, rgba(1, 13, 12, 0) 50%, rgba(1, 13, 12, 0.6) 100%),
    linear-gradient(270deg, rgba(1, 13, 12, 0) 0%, rgba(1, 13, 12, 0.8) 100%);

}
.banner.--after-banner{
    color: var(--white);
}
.banner-headings{
    gap: 16px;
}
.banner-content{
    gap: 32px;
    font-family: var(--fotnFamily);
    font-size: 16px;
    line-height: 24px;
    flex: 1;
    max-width: 50% !important;
    padding: 50px 70px;
}
.banner-content, 
.banner-headings{
    display: flex;
    flex-direction: column;
}
.banner-title{
    font-size: 36px;
    line-height: 41px;
    font-weight: 700;
}
.pagination-style-custom .swiper-pagination-bullet:not(.swiper-pagination-bullet-active){
    opacity: 0.8;
    transform: scale(.66) !important;
}
.pagination-style-custom .swiper-pagination-bullet{
    background-color: var(--white) !important;
}

.section{
    padding-top: 80px;
    padding-bottom: 80px;
}
.section > .section:first-child{
    margin-top: -40px;
}
.section > .section:last-child{
    margin-bottom: -40px;
}
.section > .section{
    padding-top: 40px;
    padding-bottom: 40px;
}
.section-haed{
    gap: 15px;
    flex-wrap: wrap;
}
.title-decor-group{
    align-items: center;
}
.title-decor{
    min-width: 42px;
    max-width: 42px;
    height: 42px;
}
.banner-image--container{
    max-width: 50%;
    flex: 1;
    position: relative;
}
.banner-image{
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
    padding: 20px;
    width: 100%;
    display: flex;
}
.--loginned .header-login,
.--loginned .header-login + .menu-popup{
    display: flex !important;
}
.--loginned .header:not(.header-login),
.--loginned .header:not(.header-login) + .menu-popup{
    display: none !important;
}
body:not(.--loginned) .header-login,
body:not(.--loginned) .header-login + .menu-popup{
    display: none !important;
}
body:not(.--loginned) .header:not(.header-login),
body:not(.--loginned) .header:not(.header-login) + .menu-popup{
    display: flex !important;
}

.closemodal--abs{
    position: absolute;
    min-width: var(--close-abs-size) !important;
    width: var(--close-abs-size) !important;
    max-width: var(--close-abs-size) !important;
    height: var(--close-abs-size) !important;
}
.modal__header .closemodal--abs{
    left: calc(0% - (var(--close-abs-size) / 2));
}
/* SITE STYLES */