:root {
    --purple: #5E3570;
    --black: #212121;
    --white: #fff;
}

a {
    text-decoration: none;
}

dl, ol, ul {
    margin-top: 0;
    margin-bottom: 0;
}

ul {
    list-style: none;
}

a small {
    opacity: 1 !important;
}

/* Скрыть текст "файл не выбран" */
input[type="file"]::before {
    display: none;
}

/* Скрыть кнопку "выбрать файл" */
input[type="file"]::-webkit-file-upload-button {
    display: none;
}

tbody, td, tfoot, th, thead, tr {
    border-style: none;
}

/* Removes default focus */
input:focus {
    outline: none !important;
    box-shadow: none;
}

textarea:focus {
    outline: none !important;
    box-shadow: none !important;
}

select {
    -webkit-appearance: none; /* Отключаем стандартные стили в WebKit браузерах */
    outline: none !important;
    box-shadow: none !important;
}

@font-face {
    font-family: 'Inter';
    font-weight: 100;
    font-style: normal;
    src: url('../fonts/Inter-Thin.otf');
    font-display: swap;
}

@font-face {
    font-family: 'Inter';
    font-weight: 200;
    font-style: normal;
    src: url('../fonts/Inter-ExtraLight.otf');
    font-display: swap;
}

@font-face {
    font-family: 'Inter';
    font-weight: 300;
    font-style: normal;
    src: url('../fonts/Inter-Light.otf');
    font-display: swap;
}

@font-face {
    font-family: 'Inter';
    font-weight: 400;
    font-style: normal;
    src: url('../fonts/Inter-Regular.otf');
    font-display: swap;
}

@font-face {
    font-family: 'SF-Pro';
    font-weight: 400;
    font-style: normal;
    src: url('../fonts/SF-Pro-Display-Regular.otf');
    font-display: swap;
}

@font-face {
    font-family: 'Inter';
    font-weight: 500;
    font-style: normal;
    src: url('../fonts/Inter-Medium.otf');
    font-display: swap;
}

@font-face {
    font-family: 'Inter';
    font-weight: 600;
    font-style: normal;
    src: url('../fonts/Inter-SemiBold.otf');
    font-display: swap;
}

@font-face {
    font-family: 'Inter';
    font-weight: 700;
    font-style: normal;
    src: url('../fonts/Inter-Bold.otf');
    font-display: swap;
}

@font-face {
    font-family: 'Inter';
    font-weight: 800;
    font-style: normal;
    src: url('../fonts/Inter-ExtraBold.otf');
    font-display: swap;
}

@font-face {
    font-family: 'Inter';
    font-weight: 900;
    font-style: normal;
    src: url('../fonts/Inter-Black.otf');
    font-display: swap;
}

/*.custom-container {*/
/*    max-width: 1527px;*/
/*}*/

.site {
    background: #F2F3F7;
}

/*HEADER*/
.header-top {
    background-color: var(--purple);
    padding: 7px;
}

.header_top_row {
    display: grid;
    grid-template-columns: 1fr 3fr 1fr;
    align-items: center;
}

.header_top_contact {
    grid-column: span 2;
}

.custom_text a {
    color: rgb(255, 255, 255);
    font-family: "Inter";
    font-size: 14px;
    font-weight: 400;
}

.border_custom_text {
    width: 2px;
    height: 17px;
    background: rgba(255, 255, 255, 0.2);
}

.header_top_left {
    gap: 24px;
    text-align: center;
    align-items: center;
}

.section_intro {
    background-color: var(--white);
}

.header_middle {
    display: grid;
    grid-template-columns: 1fr 2fr 1fr;;
    padding: 10px 0;
    justify-content: space-between;
}

.nav_block {
    align-items: center;
    display: inline-flex;
    vertical-align: middle;
}

.nav_link {
    display: flex;
    align-items: center;
    gap: 24px;
}

.link_wrapper {
    color: var(--black);
    font-family: "Inter";
    font-size: 16px;
    font-weight: 400;
    line-height: 19px;

    position: relative;
}

.link_wrapper.active {
    color: var(--purple);
}

.link_wrapper.active::after, .link_wrapper::after {
    position: absolute;
    content: "";
    height: 4px;
    bottom: -24px;
    margin: 0 auto;
    left: 0;
    right: 0;
}

.link_wrapper.active::after {
    width: 100%;
}

.link_wrapper::after {
    width: 0;
    background: var(--purple);
    transition: .5s;
}

.contact_button {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 12px 16px 12px 16px;
    border: 2px solid var(--purple);

    border-radius: 8px;
    background: var(--purple);

    font-family: "Inter";
    font-size: 16px;
    font-weight: 400;
    color: var(--white);
}

.contact_button:hover {
    color: var(--purple);
    background: var(--white);
    border: 2px solid var(--purple);
}

.contact_button:hover a {
    color: var(--purple);
}

.contact_button a {
    font-family: "Inter";
    font-size: 16px;
    font-weight: 400;
    color: var(--white);
}


.lng_option a {
    color: var(--black);
    font-family: "Inter";
    font-size: 16px;
    font-weight: 400;

    margin-right: 12px;
}

.lng_option a:hover {
    color: var(--black);
    text-decoration-line: none;
}

.lng_options {
    padding: 0;
    margin: 0 !important;
}

.lang .lng_option {
    position: relative;
}

.lang .lng_option:after {
    content: "";
    position: absolute;
    /*right: -1px;*/
    top: 50%;
    margin-top: -3px;
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="9px" height="6px"><path fill-rule="evenodd"  fill="rgb(33, 33, 33)" d="M8.997,1.059 L5.463,4.938 L5.464,4.938 L4.500,5.996 L3.536,4.938 L3.536,4.938 L0.003,1.059 L0.967,0.001 L4.500,3.880 L8.033,0.001 L8.997,1.059 Z"/></svg>');
    width: 9px;
    height: 6px;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: transform 0.3s ease;
    -moz-transition: transform 0.3s ease;
    -ms-transition: transform 0.3s ease;
    -o-transition: transform 0.3s ease;
    transition: transform 0.3s ease;
}

.lang.open .lng_option:after {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
}

.lang {
    margin-right: 32px;
}

.contact_block {
    align-items: center;
    display: flex;
    vertical-align: middle;
    justify-content: end;
    gap: 32px;
}

/*burger menu*/

.mobile_nav {
    display: none;
}

.mobile_nav {
    align-items: center;
    gap: 13px;
    justify-content: end;
}

.burger-checkbox {
    position: absolute;
    visibility: hidden;
}

.burger {
    cursor: pointer;
    display: block;
    position: relative;
    border: none;
    background: transparent;
    width: 18px;
    height: 15px;
}

.burger::before,
.burger::after {
    content: '';
    left: 0;
    position: absolute;
    display: block;
    width: 100%;
    height: 3px;
    border-radius: 10px;
    background: var(--orange);
}

.burger::before {
    top: 0;
    box-shadow: 0 6px 0 var(--orange);
    transition: box-shadow .3s .15s, top .3s .15s, transform .3s;
}

.burger::after {
    bottom: 0;
    transition: bottom .3s .15s, transform .3s;
}

.burger-checkbox:checked + .burger::before {
    top: 11px;
    transform: rotate(45deg);
    box-shadow: 0 6px 0 rgba(0, 0, 0, 0);
    transition: box-shadow .15s, top .3s, transform .3s .15s;
}

.burger-checkbox:checked + .burger::after {
    bottom: 11px;
    transform: rotate(-45deg);
    transition: bottom .3s, transform .3s .15s;
}


.b-menu {
    cursor: pointer;
    display: block;
    opacity: 0;
    /* height: 66px; */
    /*padding-top: 17px;*/
    position: relative;
    top: -8px;
    /*width: 43px;*/
    z-index: 20;
    /*right: 10px;*/
}

.b-bun--bottom,
.b-bun--mid,
.b-bun--top {
    height: 3px;
    width: 25px;
    border-radius: 10px;
}

.b-bun {
    background: var(--purple);
    -ms-transition: all 0.4s ease;
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease;
}

.b-brand,
.b-bun {
    position: relative;
    transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    -webkit-transition: all 0.4s ease;
}

.b-bun--top {
    top: 4px;
}

.b-bun--mid {
    top: 8px;
}

.b-bun--bottom {
    top: 12px;
}

.b-brand {
    color: #2196f3;
    top: -21.43px;
    -webkit-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    transition: all 0.4s ease;
    z-index: 13;
}

.b-container {
    /*position: absolute;*/
    /*top: 20px;*/
}

.b-container:hover:not(.open) .bun-bottom,
.b-container:hover:not(.open) .bun-mid,
.b-container:hover:not(.open) .bun-top {
    background: var(--purple);
}

.b-container.open .b-bun--top {
    background: var(--purple);
    top: 11px;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.b-container.open .b-bun--mid {
    opacity: 0;
}

.b-container.open .b-bun--bottom {
    background: var(--purple);
    top: 5px;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.b-container.open .b-brand {
    color: var(--white);
}

/* main menu block */
.mainMenu {
    background-color: var(--white);
    position: absolute;
    left: 0;
    top: 0;
    z-index: 15;
    height: 100vh;
    width: 100%;
    display: grid;
    text-align: center;
    opacity: 0;
    transition: all 500ms cubic-bezier(0.68, -0.55, 0.265, 1.55);
    transform: scale(0);
}

.mainMenu.open {
    opacity: 1;
    transform: scale(1);
}

.mainMenu.open ul li {
    opacity: 1;
    transform: translateX(0);
    margin-top: 4px;
}

.mobile_nav_bottom {
    height: 1px;
    background: #DFE1EF;
    margin-top: 8px;
}

.mobile_nav_top {
    height: 1px;
    background: #DFE1EF;
    margin-bottom: 8px;
}

.custom_text_mobile_menu span a {
    color: var(--purple) !important;
    font-family: "Inter";
    font-size: 18px;
    font-weight: 400;
    gap: 16px;
    display: flex;
    justify-content: center;
    margin-top: 25px;
}

.mainMenu ul {
    display: table-cell;
    vertical-align: middle;
    margin-top: 80px;
    padding: 0 22px;
}

.mainMenu li {
    padding: 24px 32px;
    transition: all 400ms 510ms;
    opacity: 0;
    align-items: center;
    gap: 10px;
    border-radius: 16px;
    background: #F1F5F9;


    font-family: "Inter";
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;

}

.mainMenu li:nth-child(odd) {
    transform: translateX(30%);
}

.mainMenu li:nth-child(even) {
    transform: translateX(-30%);
}

.mainMenu li:last-child {
    transform: none;
}

.mainMenu a {
    color: var(--black);
    display: inline-block;
    font-size: 18px;
}

.mainMenu a.suBtn {
    color: #fff;
}

/* ///////////////////////////////////////// */
/*HEADER END*/

/*MAIN*/
.main {
    background-size: cover;
}

.main_content {
    height: 55vh;
    display: flex;
    justify-content: center;
    flex-direction: column;

    position: relative;
    z-index: 10;
}

.main_text {
    color: var(--white);
    font-family: "Inter";
    font-size: 64px;
    font-weight: 700;
    line-height: 77px;
}

.main_title {
    color: var(--white);
    font-family: "Inter";
    font-size: 18px;
    font-weight: 400;
    line-height: 22px;


    margin: 24px 0;
}

/*MAIN END*/

/*OFFERS*/

.offers {
    background: var(--white);
}

.offers_title {
    color: rgb(30, 30, 30);
    font-family: "Inter";
    font-size: 24px;
    font-weight: 700;
    line-height: 29px;
}

.offers_row {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 24px;

}

.offers_content {
    padding: 47px 0 56px 0;
}

.offers_card_item {
    min-height: 392px;
    display: flex;
    border-radius: 10px;
    margin-top: 24px;
    flex-direction: column;
    justify-content: end;

    background-size: cover;
}

.offers_card_content {
    display: flex;
    justify-content: space-between;
    align-items: center;

    padding: 317px 36px 36px 32px;
}

.offers_card_content:hover .offers_card_title {
    color: var(--purple);
}

.offers_card_content:hover .offers_card_icon svg path {
    stroke: var(--purple);
}

.offers_card_title {
    color: var(--white);
    font-family: "Inter";
    font-size: 32px;
    font-weight: 700;
    line-height: 39px;

    display: flex;
    gap: 16px;
}

.offers_card_title span {
    color: var(--purple);
    font-family: "Inter";
    font-size: 12px;
    font-weight: 700;
    line-height: 15px;

    padding: 4px 8px 4px 8px;
    border-radius: 10px;
    background: var(--white);

    height: 23px;
}

/*OFFERS END*/

/*GOODS*/
.goods {
    background: #F2F3F7;
}

.goods_title {
    color: rgb(30, 30, 30);
    font-family: "Inter";
    font-size: 24px;
    font-weight: 700;
    line-height: 29px;

    display: flex;
    align-items: center;
    gap: 12px;
}

.goods_content {
    padding: 40px 0 40px 0;
}

.goods_card_block_image {
    border-radius: 12px;
    background: var(--white);
}

.goods_card_image {
    padding: 4px;
    border-radius: 10px;

    width: 100%;
}

.goods_card_row {
    display: grid;
    grid-template-columns: repeat(4, 1fr);

    gap: 24px;
    margin-top: 24px;
}

.goods_card_title {
    color: rgb(30, 30, 30);
    font-family: "Inter";
    font-size: 18px;
    font-weight: 700;
    line-height: 22px;

    margin: 12px 0px;

}

.goods_card_button {
    color: var(--purple);
    font-family: "Inter";
    font-size: 16px;
    font-weight: 500;
    line-height: 19px;
}

.goods_card_button:hover {
    text-decoration-line: underline;
}

/*GOODS END*/

/*UR_WORKS*/

.our_works {
    background: #F2F3F7;
}

.our_works_title {
    color: rgb(30, 30, 30);
    font-family: "Inter";
    font-size: 24px;
    font-weight: 700;
    line-height: 29px;

    display: flex;
    align-items: center;
    gap: 12px;
}

.our_works_content_link {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.our_works_link {
    color: var(--purple);
    font-family: "Inter";
    font-size: 16px;
    font-weight: 400;
    line-height: 19px;
    text-decoration-line: underline;
}

.our_works_link:hover {
    text-decoration-line: none;

}

.our_works_content {
    padding: 40px 0 151px 0;
}

.our_works_card_block_image {
    border-radius: 12px;
    background: var(--white);
}

.our_works_card_image {
    border-radius: 10px;
    padding: 5px;

    width: 100%;
}

.our_works_card_title {
    color: rgb(30, 30, 30);
    font-family: "Inter";
    font-size: 18px;
    font-weight: 700;
    line-height: 22px;

    margin-top: 16px;
}

.our_works_card_row {
    display: grid;
    grid-template-columns: repeat(3, 1fr);

    justify-content: space-between;
    margin-top: 24px;

    gap: 24px;
}

/*UR_WORKS END*/

/*LEAVE REQUEST*/

.leave_request {
    background: #F2F3F7;

    padding: 0 0 51px 0;
}

.leave_request_content {
    background: var(--white);
    border-radius: 32px;
    padding: 48px;

    display: flex;
    justify-content: space-between;
    align-items: center;
}

.leave_request_title {
    color: rgb(10, 10, 10);
    font-family: "Inter";
    font-size: 40px;
    font-weight: 700;
    line-height: 120%;
}

.leave_request_text {
    color: rgb(10, 10, 10);
    font-family: "Inter";
    font-size: 18px;
    font-weight: 400;
    line-height: 150%;
}

/*LEAVE REQUEST END*/

/*ABOUT*/
.about_slider_content {
    background-position: 50%;
    background-size: cover;
    border-radius: 12px;

    margin-top: 12px;
}

.about_slider_text {
    color: var(--white);
    font-family: "Inter";
    font-size: 48px;
    font-weight: 700;
    line-height: 58px;

    padding: 92px 0 92px 40px;
}

.about_content {
    padding-top: 40px;
}

.about_title {
    color: rgb(30, 30, 30);
    font-family: "Inter";
    font-size: 24px;
    font-weight: 700;
    line-height: 29px;

    margin-bottom: 12px;
}

.about_text {
    color: rgb(30, 30, 30);
    font-family: "Inter";

    font-size: 18px;
    font-weight: 400;
    line-height: 160%;
}

.our_works_content_about {
    padding: 100px 0;
}

/*ABOUT END*/

/*OUR WORKS*/
/*pagination*/

.nav_pagination {
    padding: 0 0 44px 0;
}

.pagination {
    /* Ваши собственные стили здесь */
    list-style: none;
    margin: 0;
    padding: 0;
    align-items: center;
    gap: 6px;
}

.pagination_swiper {
    gap: 16px;
}

.swiper-wrapper {
    height: initial !important;
}

.active > .page-link, .page-link.active {
    background-color: var(--purple) !important;
    color: var(--white) !important;
}

.page-link:hover {
    background-color: var(--purple) !important;
    color: var(--white) !important;

}

.page-link {
    display: flex;
    width: 40px;
    height: 40px;
    justify-content: center;
    align-items: center;
    border-radius: 20px;
    color: rgba(0, 0, 0, 0.87) !important;
    border: none;
    gap: 20px;
    background: transparent;
}

.page_link_reports {
    color: rgb(0, 0, 0);
    font-family: "Inter";
    font-size: 16px;
    font-weight: 400;
}

.page_link_reports:focus {
    outline: none !important;
    box-shadow: none;
}

.bottom_link {
    background: none;
}

.disabled > .page-link, .page-link.disabled {
    background: none;
}

.page-link.disabled i {
    color: #0000008A !important;

}

.page-link i {
    color: rgba(0, 0, 0, 0.54) !important;
}

/*pagination end*/


/*OUR WORKS END*/

/*CONTACT*/

/*CONTACT END*/

/*EQUIPMENT*/
.equipment {
    margin: 24px 0 64px 0;
}

.filter_content {
    border-radius: 12px;
    background: var(--white);
}

.filter_subtitle {
    color: rgb(30, 30, 30);
    font-family: "Inter";
    font-size: 24px;
    font-weight: 700;
    line-height: 29px;
}

.filter_catalogs_title {
    color: rgb(30, 30, 30);
    font-family: "Inter";
    font-size: 20px;
    font-weight: 700;
    line-height: 24px;

    margin: 24px 0 24px 0;
}

.filter_content {
    padding: 24px 24px 32px 24px;
}

.filter_catalogs_content {

}

.filter_catalogs_form {

}

.checkbox {
    position: absolute;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.checkbox-label {
    cursor: pointer;
    display: flex;
    align-items: center;

    color: rgb(30, 30, 30);
    font-family: "Inter";
    font-size: 18px;
    font-weight: 500;
    line-height: 22px;
}

.checkbox-view {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 24px;
    height: 24px;
    margin-right: 10px;
    border: 2px solid rgb(30, 30, 30);
    border-radius: 6px;
    background: #fff;
    transition: .3s;
}

.checkbox-icon {
    opacity: 0;
    transition: .3s;
}

.checkbox:checked + .checkbox-view {
    background-color: var(--purple);
    border: none;
}

.checkbox:checked + .checkbox-view .checkbox-icon {
    opacity: 1;
}

.filter_catalogs_label {
    color: rgb(30, 30, 30);
    font-family: "Inter";
    font-size: 18px;
    font-weight: 500;
    line-height: 22px;

}

.filter_catalogs_checkbox_block {
    display: flex;
    gap: 15px;
    align-items: center;
    margin-bottom: 24px;

}

.equipment_content_row {
    gap: 24px;
    display: grid;
    grid-template-columns: 2fr 5fr;
}

.equipment_card_row {
    gap: 28px;
    display: grid;
    grid-template-columns: repeat(3, 1fr);

}

.equipment_nav_pagination {
    margin-top: 64px;
}

.specifications {
    margin-top: 64px;
}

.specifications_title {
    color: rgb(30, 30, 30);
    font-family: "Inter";
    font-size: 20px;
    font-weight: 700;
    line-height: 24px;
}

.specifications_content {
    margin-top: 24px;
}

.specifications_block {
    display: grid;
    grid-template-columns: repeat(2, 1fr);

    padding: 12px 16px 12px 16px;
}

.specifications_block2 {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    background: var(--white);

    padding: 12px 16px 12px 16px;
}

.specifications_block_title {
    color: rgb(30, 30, 30);
    font-family: "Inter";
    font-size: 16px;
    font-weight: 400;
    line-height: 19px;
    opacity: 0.5;

}

.specifications_block_description {
    color: rgb(30, 30, 30);
    font-family: "Inter";
    font-size: 16px;
    font-weight: 400;
    line-height: 19px;
}

.equipment_detail {
    margin-top: 24px;
}

.equipment_detail_row {
    gap: 24px;
    display: grid;
    grid-template-columns: 2fr 3fr;
}

.equipment_detail_name {
    color: rgb(30, 30, 30);
    font-family: "Inter";
    font-size: 20px;
    font-weight: 700;
    line-height: 24px;
}

.equipment_detail_manufacturer {
    margin: 16px 0 24px 0;
}

.equipment_detail_manufacturer_name {
    color: rgb(94, 53, 112);
    font-family: "Inter";
    font-size: 14px;
    font-weight: 400;
    line-height: 17px;

    border: 1px solid rgb(94, 53, 112);
    border-radius: 8px;
    background: rgba(110, 68, 255, 0.1);

    width: 47px;
    height: 37px;

    margin-top: 16px;

    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
}

.equipment_detail_manufacturer_title {
    color: rgb(0, 0, 0);
    font-family: "Inter";
    font-size: 14px;
    font-weight: 700;
    line-height: 17px;
}

.equipment_detail_description_title {
    color: rgb(0, 0, 0);
    font-family: "Inter";
    font-size: 14px;
    font-weight: 700;
    line-height: 17px;
}

.equipment_detail_description_text {
    color: rgb(0, 0, 0);
    font-family: "Inter";
    font-size: 14px;
    font-weight: 400;
    line-height: 17px;
}

/*slider*/
.swiper-button-next:after, .swiper-button-prev:after {
    font-size: 10px !important;
}

.swiper-button-next,
.swiper-button-prev {
    position: absolute !important;
    bottom: 10px !important;
    /*right: 10px !important;*/
    z-index: 10 !important;
    top: 95% !important;
    color: var(--purple) !important;

    width: 24px !important;
    height: 24px !important;

    border: 1px solid var(--purple) !important;
    backdrop-filter: blur(10px) !important;
    background: rgba(255, 255, 255, 0.8) !important;
    border-radius: 100%;
}

.swiper-button-next {
    right: 30px !important;
}

.swiper-button-prev {
    right: 70px !important;
    left: unset !important;
}

/*EQUIPMENT END*/

/*FOOTER*/
footer {
    border-top: 1px solid rgba(30, 30, 30, 0.12);
    background: var(--white);
}

.footer_content {
    display: flex;
    align-items: center;
    justify-content: space-between;

    padding: 24px 0;
}

.footer_info {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.footer_custom_text, .footer_custom_text a,
.footer_custom_text span {
    color: rgb(30, 30, 30);
    font-family: "Inter";
    font-size: 14px;
    font-weight: 400;
    line-height: 17px;
}

.footer_custom_text {
    display: flex;
    align-items: center;
    gap: 10px;
}

.copyright {
    background: rgb(30, 30, 30);
}

.copyright_content {
    display: flex;
    justify-content: space-between;
    padding: 15px 0;
}

.copyright_text {
    font-family: "SF-Pro";
    color: var(--white);
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
}

.copyright_link {
    border-radius: 16px;
    background: rgb(43, 45, 49);

    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    width: 32px;
    height: 32px;

}

/*FOOTER END*/


/*contact page*/

.guard-contact {
    padding: 64px 0;
}

.contact-intro {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 0 87px;

    height: 100%;
    min-height: 60vh;
}

.contact-intro-item.info {
    max-width: 320px;
}

.contact-intro-item.map {
    max-width: 588px;
}

#map {
    border-radius: 16px; /* Радиус скругления углов */
    overflow: hidden; /* Обрезать контент за пределами радиуса */
}

.contact-title {
    font-weight: 700;
    font-size: 32px;
    line-height: 38px;
    color: #000000;
    margin-bottom: 24px;
}

.contact-info {
    display: flex;
    flex-direction: column;
    gap: 8px;
    margin-bottom: 41px;
}

.contact-info-item {
    display: flex;
    align-items: center;
    gap: 9.5px;
}

.contact-info-item a {
    color: rgb(30, 30, 30);
    font-family: "Inter";
    font-size: 14px;
    font-weight: 400;
    line-height: 17px;
}

.contact-form form {
    display: flex;
    flex-direction: column;
    max-width: 282px;
    align-items: end;
}

.contact-form-title {
    color: rgb(30, 30, 30);
    font-family: "Inter";
    font-size: 14px;
    font-weight: 700;
    line-height: 17px;
    margin-bottom: 16px;
}

.contact_button_form_row {
    margin-top: 8px;
}

.contact-form-item {
    width: 100%;
    border: 1px solid #94A3B8;
    padding: 12px 16px;
    border-radius: 8px;
    color: #94A3B8;
    margin-bottom: 8px;
    line-height: 19px;
}

.contact-form-item::placeholder {
    color: #94A3B8;
}

.contact-form-btn {
    display: flex;
    width: max-content;
    line-height: 19px;
    padding: 12px 16px;
    color: #ffffff;
    background: #5E3570;
    border-radius: 8px;
    margin-top: 8px;
}

.contact-map {
    width: 588px;
    height: 483px;
}


/* modal*/
.model_application_content {
    border-radius: 24px;
    background: var(--white);
}

.model_application_title {
    color: rgb(30, 30, 30);
    font-family: "Inter";
    font-size: 32px;
    font-weight: 700;
    line-height: 39px;
}

.model_application_row {
    margin-bottom: 8px;

}

.model_application_button {
    margin-top: 8px;

    display: flex;
    justify-content: end;
}

.model_close {
    color: #94A3B8 !important;
    border: 0;
    background: transparent;
}

.modal-application {
    --bs-modal-width: 588px;
}

.model_application_header {
    border: 0;
}

.model_application_header {
    padding: 32px 32px 0 32px;
}

.model_application_body {
    padding: 24px 32px 32px 32px;
}

.application_modal_icon {
    display: flex;
    justify-content: center;
}

.application_modal_title {
    color: var(--purple);

    text-align: center;
    font-family: "Inter";
    font-size: 30px;
    font-style: normal;
    font-weight: 900;
    line-height: normal;

    margin: 24px 0 16px 0;
}

.application_modal_text {
    color: #6A6A6A;

    text-align: center;
    font-family: "Inter";
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;

    margin-bottom: 40px;
}

.btn_application_modal {
    border-radius: 16px;
    background: var(--purple);
    display: inline-flex;
    padding: 20px 24px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    color: var(--white);
    font-family: "Inter";
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

/*modal end*/

body, html {
    margin: 0;
    padding: 0;
    height: 100%;
    /*overflow: auto;*/
}

.main {
    position: relative;
    height: 80vh;
    width: 100%;
    overflow: hidden;
}

.hero-background {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    z-index: 1;
}

.hero-background--mobile {
    z-index: 30;
    position: absolute;
    top: 108px;
    height: calc(100% - 108px);
    left: 0;
    width: 100%;
    pointer-events: none;
    overflow: hidden;
}

.hero-background--mobile {
    display: none;
    pointer-events: none;
}

.hero-background--mobile .white-yellow {
    position: absolute;
    margin-top: 0;
}

.hero-background--mobile .white-triangle--mobile {
    height: auto;
    max-height: 100%;
    top: 0;
}

.hero-background--mobile .purple-lines--mobile, .hero-background--mobile .white-triangle--mobile {
    position: absolute;
    width: 100%;
    height: auto;
    top: 30%;
    max-height: 70%;
}

.hero-background--mobile .white-yellow {
    position: relative;
    margin-top: -82px;
    width: 100%;
    height: 100%;
}

/*.hero-background > *, .hero-background--mobile > * {*/
/*    display: block;*/
/*    position: absolute;*/
/*    left: 0;*/
/*}*/

.hero-background > * {
    display: block;
    position: absolute;
    left: 0;
}

.hero-background .purple-lines, .hero-background .purple-lines--mobile, .hero-background .white-triangle, .hero-background .white-triangle--mobile {
    width: 100%;
    height: auto;
    top: 0;
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
}

.hero-background .purple-lines, .hero-background .purple-lines--mobile, .hero-background .white-triangle, .hero-background .white-triangle--mobile {
    width: 100%;
    height: auto;
    top: 0;
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
}

.hero-background .white-triangle, .hero-background .white-triangle--mobile {
    box-shadow: -60px -60px 0 60px #00000087, 3px 3px 3px 0 #00000087 inset;
}

.hero-background .grey-triangles, .hero-background .grey-triangles--mobile {
    bottom: 0;
    -webkit-transform-origin: left top;
    transform-origin: left top;
}

.hero-background .grey-triangles {
    height: auto;
    width: 100%;
}


/*animation zoom*/
.mfp-with-zoom .mfp-container,
.mfp-with-zoom.mfp-bg {
    opacity: 0;
    -webkit-backface-visibility: hidden;
    /* ideally, transition speed should match zoom duration */
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

.mfp-with-zoom.mfp-ready .mfp-container {
    opacity: 1;
}
.mfp-with-zoom.mfp-ready.mfp-bg {
    background: var(--white);
    opacity: 0.8;
}

.mfp-inline-holder .mfp-content, .mfp-ajax-holder .mfp-content {
    width: auto !important;
    cursor: auto;
}

.mfp-with-zoom.mfp-removing .mfp-container,
.mfp-with-zoom.mfp-removing.mfp-bg {
    opacity: 0;
}

.mfp-inline-holder .mfp-content {
    max-width: 800px;
    margin: 0 auto;
    padding: 20px;
    background: #fff;
    border-radius: 10px;
}

.mfp-inline-holder .mfp-content .our_works_card_item {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
}

.mfp-inline-holder .mfp-content .our_works_card_image {
    max-width: 100%;
    height: auto;
}

.mfp-hide {
     display: block !important;
}

button.mfp-close, button.mfp-arrow {
    padding: 0 0 28px 17px !important;
}

/*animation zoom end*/