.side-menu-background-container {
    display: inline-block;
    width: 100%;
    height: 100%;
    position: fixed;
    z-index: 104;
    left: 0;
    top: 0;
    background-color: var(--brand-white-primary-64);
    backdrop-filter: blur(12px);
    opacity: 1;
    transition: all 300ms;
}
.side-menu-background-container.inactive {
    pointer-events: none;
    touch-action: none;
    opacity: 0;
    transition: all 300ms;
}

.side-menu-container { 
    position: fixed;
    right: 0;
    top: 0;
    z-index: 105;
    width: clamp(341px, calc((95vw - 18px)/12 * 3 + clamp(28px, 2.083vw, 40px)), 487px);
    height: 100%;
    transform: translateX(clamp(341px, calc((95vw - 18px)/12 * 3 + clamp(28px, 2.083vw, 40px)), 487px));
}


.side-menu-container.wider-sub-menu {
    width: clamp(462px, calc((95vw - 18px)/12 * 4 + clamp(28px, 2.083vw, 40px)), 661px);
    transform: translateX(clamp(462px, calc((95vw - 18px)/12 * 4 + clamp(28px, 2.083vw, 40px)), 661px));
}
@media only screen and (max-width: 1279px) {
    .side-menu-container { 
        width: 426px;
        transform: translateX(426px);
    }
    .side-menu-container.wider-sub-menu {
        width: 426px;
        transform: translateX(426px);
    }
    .side-menu-container.full-sm { 
        width: 100%;
        transform: translateX(100%);
    }
}
@media only screen and (max-width: 766px) {
    .side-menu-container { 
        width: 100%;
        transform: translateX(100%);
    }
    .side-menu-container.full-xs { 
        width: 100%;
        transform: translateX(100%);
    }
}

.side-menu-container.inactive {
    pointer-events: none;
    touch-action: none;
}

.side-menu-container .side-menu-container-holder { 
    display: inline-block;
    width: 100%;
    height: 100%;
    background-color: var(--brand-blue-primary);
    color: white;
    overflow: visible;
    box-sizing: border-box;
    padding: clamp(28px, 2.083vw, 40px);
}
@media only screen and (max-width: 1279px) {
    .side-menu-container .side-menu-container-holder { 
        padding: 32px 24px;
    }
}
@media only screen and (max-width: 766px) {
    .side-menu-container .side-menu-container-holder { 
        padding: 24px 16px;
    }
}

.side-menu-container .side-menu-container-holder .inner-container { 
    display: inline-block;
    width: 100%;
    height: 100%;
    position: relative;
    opacity: 0;
    transition: all 300ms;
}

.side-menu-container .side-menu-container-holder .inner-container .inner-container-holder { 
    width: 100%;
    height: 100%;
    position: relative;
}

.side-menu-container .side-menu-container-holder .inner-container .inner-container-holder .floating-menu-actions-line { 
    position: absolute;
    right: 0;
    top: 0;
    z-index: 2;
}
@media only screen and (max-width: 766px) {
    .side-menu-container .side-menu-container-holder .inner-container .inner-container-holder .floating-menu-actions-line {
        top: 3px;
    }
}

.side-menu-container .side-menu-container-holder .inner-container .inner-container-holder .floating-menu-actions-line .floating-menu-actions-line-holder { 

}

.side-menu-container .side-menu-container-holder .inner-container .inner-container-holder .floating-menu-actions-line .floating-menu-actions-line-holder .actions { 
    display: flex;
    gap: 24px;
    align-items: center;
}

.side-menu-container .side-menu-container-holder .inner-container .inner-container-holder .floating-menu-actions-line .floating-menu-actions-line-holder .actions .action { 

}

.side-menu-container .side-menu-container-holder .inner-container .inner-container-holder .floating-menu-actions-line .floating-menu-actions-line-holder .actions .action a { 
    display: block;
    width: 20px;
    color: var(--brand-white-primary);
}
@media (hover: hover) {
    .side-menu-container .side-menu-container-holder .inner-container .inner-container-holder .floating-menu-actions-line .floating-menu-actions-line-holder .actions .action a:hover {
        color: var(--brand-white-primary-64);
    }
}
@media only screen and (max-width: 1279px) {
    .side-menu-container .side-menu-container-holder .inner-container .inner-container-holder .floating-menu-actions-line .floating-menu-actions-line-holder .actions .action a { 
        width: 24px;
    }
}
@media only screen and (max-width: 766px) {
    .side-menu-container .side-menu-container-holder .inner-container .inner-container-holder .floating-menu-actions-line .floating-menu-actions-line-holder .actions .action a { 
        width: 20px;
    }
}

.side-menu-container .side-menu-container-holder .inner-container .inner-container-holder .floating-menu-actions-line .floating-menu-actions-line-holder .actions .action a svg { 
    width: 100%;
    height: auto;
}

.side-menu-contains { 
    display: inline-block;
    width: 100%;
    height: 100%;
    position: relative;
    z-index: 1;
}

.side-menu-contains .side-menu-contains-holder { 
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 32px;
    width: 100%;
    height: 100%;
}

.side-menu-contains .side-menu-contains-holder .top-part { 
    width: 100%;
}

.side-menu-contains .side-menu-contains-holder .top-part .logo { 
    width: 100%;
    margin: 0 0 65px;
}
@media only screen and (max-width: 766px) {
    .side-menu-contains .side-menu-contains-holder .top-part .logo { 
        margin: 0 0 58px;
    }
}

.side-menu-contains .side-menu-contains-holder .top-part .logo svg { 

}
@media only screen and (max-width: 766px) {
    .side-menu-contains .side-menu-contains-holder .top-part .logo svg { 
        width: 120px;
        height: auto;
    }
}

.side-menu-contains .side-menu-contains-holder .top-part .menues-component { 
    height: calc(var(--app-height) - 140px);
}
@media only screen and (max-width: 1279px) {
    .side-menu-contains .side-menu-contains-holder .top-part .menues-component { 
        height: calc(var(--app-height) - 210px);
    }
}
@media only screen and (max-width: 766px) {
    .side-menu-contains .side-menu-contains-holder .top-part .menues-component { 
        width: 100%;
    }
}

.side-menu-contains .side-menu-contains-holder .bottom-part { 
    width: 100%;
}

.side-menu-contains .side-menu-contains-holder .bottom-part .action { 
    width: 100%;
}

.side-menu-contains .side-menu-contains-holder .bottom-part .action .common-link { 
    color: var(--brand-white-primary);
    font-size: var(--font-size-paragraph);
    line-height: var(--line-height-paragraph);
    gap: 12px;
}
@media (hover: hover) {
    .side-menu-contains .side-menu-contains-holder .bottom-part .action .common-link:hover { 
        color: var(--brand-white-primary-64);
    }
}

/*complex-side-form*/
.complex-side-form {
    width: 100%;
    height: 100%;
}

.complex-side-form .complex-side-form-holder {
    width: 100%;
    height: 100%;
}

.complex-side-form .complex-side-form-holder .tabs {
    height: 100%;
}

.complex-side-form .complex-side-form-holder .tabs .tab {
    height: 100%;
}

.complex-side-form .complex-side-form-holder .tabs .tab .tab-content {
    height: 100%;
}

.complex-side-form .complex-side-form-holder .tabs .tab .tab-content .inner-tab-conentent {
    height: 100%;
}

.complex-side-form .complex-side-form-holder .tabs .tab .tab-content .inner-tab-conentent {
    padding: 119px 0 0;
    box-sizing: border-box;
    position: relative;
}
@media only screen and (max-width: 1279px) {
    .complex-side-form .complex-side-form-holder .tabs .tab .tab-content .inner-tab-conentent {
        padding: 127px 0 0;
    }
}
@media only screen and (max-width: 766px) {
    .complex-side-form .complex-side-form-holder .tabs .tab .tab-content .inner-tab-conentent {
        padding: 79px 0 0;
    }
}

.complex-side-form .complex-side-form-holder .tabs .tab .tab-content .inner-tab-conentent.no-padding {
    padding: 0;
}

.complex-side-form .separated-form-content {
    width: 100%;
    height: 100%;
}

.complex-side-form .separated-form-content .sub-action {
    position: absolute;
    left: 0;
    top: 0;
}

.complex-side-form .separated-form-content form {
    width: 100%;
    height: 100%;
}

.complex-side-form .separated-form-content .top {
    height: calc(100% - 168px);
    width: 100%;
}

.complex-side-form .separated-form-content.small-bottom .top {
    height: calc(100% - 98px);
    width: 100%;
}
@media only screen and (max-width: 766px) {
    .complex-side-form .separated-form-content.small-bottom .top {
        height: calc(100% - 110px);
        width: 100%;
    }
}

.complex-side-form .separated-form-content .top .top-holder {
    display: inline-block;
    width: calc(100% - 1px); /*wierd bug form perfect-scrollbar x-overflow*/
}

.complex-side-form .separated-form-content .top .top-holder.full-height {
    height: 100%;
}

.complex-side-form .separated-form-content .bottom {
    height: 168px;
    width: 100%;
    box-sizing: border-box;
    padding-top: 32px;
    display: flex;
    align-items: end;
}

.complex-side-form .separated-form-content.small-bottom .bottom {
    height: 98px;
}
@media only screen and (max-width: 766px) {
    .complex-side-form .separated-form-content.small-bottom .bottom {
        height: 110px;
    }
}

.complex-side-form .separated-form-content .bottom .bottom-holder {
    width: 100%;
}

.complex-side-form .separated-form-content .heading {
    width: 100%;
    margin: 0 0 32px;
}

.complex-side-form .separated-form-content .subscribe-form {
    width: 100%;
}

.complex-side-form .separated-form-content .subscribe-form .form-group {
    position: relative;
    z-index: 2;
}

.complex-side-form .separated-form-content .subscribe-form .form-group.select-group {
    z-index: 3;
}

.complex-side-form .separated-form-content .subscribe-form .form-group.big-margin .form-field {
    margin: 0 0 32px;
}

.complex-side-form .separated-form-content .subscribe-form .checkbox-list {
    margin-top: 18px;
}

.complex-side-form .separated-form-content .subscribe-form .checkbox-list-groups {
    display: flex;
    width: 100%;
    flex-direction: column;
    gap: 64px;
    margin-top: 30px;
} 

.complex-side-form .separated-form-content .subscribe-form .checkbox-list-groups .checkbox-list-group {
    width: 100%;
    margin: 0;
}

.complex-side-form .separated-form-content .subscribe-form .checkbox-list-groups .checkbox-list-group .checkbox-list-heading {
    width: 100%;
    color: var(--brand-white-primary-64);
    margin: 0 0 24px;
}

.complex-side-form .separated-form-content .subscribe-form .checkbox-list-groups .checkbox-list-group .checkbox-list {
    margin: 0;
}

.complex-side-form .separated-form-content .agree-col {
    margin: 27px 0 0;
}
@media only screen and (max-width: 766px) {
    .complex-side-form .separated-form-content .agree-col {
        margin: 24px 0 0;
    }
    .complex-side-form .separated-form-content .heading {
        width: 100%;
        margin: 0 0 40px;
    }
    .complex-side-form .separated-form-content .subscribe-form .form-group.big-margin .form-field {
        margin: 0 0 20px;
    }
}

.complex-side-form .separated-form-content form.white .agree-col .form-field .checkcontainer .name {
    color: var(--brand-white-primary-64);
}

.complex-side-form .separated-form-content form.white .agree-col .form-field .checkcontainer .name a {
    color: var(--brand-white-primary-64);
}
@media (hover: hover) {
    .complex-side-form .separated-form-content form.white .agree-col .form-field .checkcontainer .name a:hover {
        color: var(--brand-white-primary);
    }
}

.success-message { 
    width: 100%;
    height: 99%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 16px;
}

.success-message .message { 
    width: 100%;
}

.success-message .message .heading { 
    width: 100%;
}

.success-message .message .text { 
    width: 100%;
}

.success-message .message .text p { 

}

.success-message .message .text p a { 

}

.success-message .contacts-info { 
    width: 100%;
}

.success-message .contacts-info .sub-heading { 
    color: var(--brand-white-primary-64);
    width: 100%;
    margin: 0 0 8px;
}

.success-message .contacts-info .infoes { 
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.success-message .contacts-info .infoes .info { 

}

.success-message .contacts-info .infoes .info p { 

}

.success-message .contacts-info .infoes .info p a { 

}

/*contact-person-details*/
.contact-person-details { 
    width: 100%;
}

.contact-person-details .contact-person-details-holdeer { 
    width: 100%;
}

.contact-person-details .contact-person-details-holdeer .image { 
    width: 100%;
    margin: 0 0 40px;
}

.contact-person-details .contact-person-details-holdeer .image img { 
    width: 150px;
    height: 188px;
    object-fit: cover;
}

.contact-person-details .contact-person-details-holdeer .infoes { 
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.contact-person-details .contact-person-details-holdeer .infoes .info { 
    width: 100%;
}

.contact-person-details .contact-person-details-holdeer .infoes .info .sub-heading { 
    margin: 0 0 8px;
    color: var(--brand-white-primary-64);
    font-size: var(--font-size-link);
    line-height: var(--line-height-link);
    letter-spacing: var(--letter-spacing-link);
}

.contact-person-details .contact-person-details-holdeer .infoes .info .value { 
    width: 100%;
}

/*side-menu-person-list*/
.side-menu-person-list {
    width: 100%;
    height: calc(var(--app-height) - 192px);
}
@media only screen and (max-width: 766px) {
    .side-menu-person-list {
        height: calc(var(--app-height) - 130px);
    }
}

.side-menu-person-list .side-menu-person-list-holder {
    display: flex;
    width: 100%;
    flex-direction: column;
    gap: 100px;
}
@media only screen and (max-width: 1279px) {
    .side-menu-person-list .side-menu-person-list-holder {
        gap: 80px;
    }
}
@media only screen and (max-width: 766px) {
    .side-menu-person-list .side-menu-person-list-holder {
        gap: 60px;
    }
}

/*personel filter form*/
.personel-filter-form {
    width: 100%;
}

.personel-filter-form form .form-group .form-col.col-name {
    width: calc(100% - 44px - 2px);
}

.personel-filter-form form .form-group .form-col.col-action {
    width: 44px;
}

.personel-filter-form form .form-group .form-col.col-name .form-field .input .side-line input {
    height: 44px;
}

.personel-filter-form form .form-group .form-col.col-action .action .btn .btn-part {
    background-color: var(--brand-white-primary-8);
}

@media (hover: hover) {
    .personel-filter-form form .form-group .form-col.col-action .action .btn:hover .btn-part {
        background-color: var(--brand-orange-primary);
    }
}

.personel-filter-form .personnel-names-list {
    width: 100%;
    margin-top: 14px;
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.personel-filter-form .personnel-names-list .person {
    width: 100%;
}

.personel-filter-form .personnel-names-list .person a {
    
}

.personel-filter-form .personnel-names-list .person a.selected {
    color: var(--brand-orange-primary);
}
@media (hover: hover) {
    .personel-filter-form .personnel-names-list .person a.selected:hover {
        color: var(--brand-orange-primary-64);
    }
}