.content__tab.active::before {
    content: "";
    width: 7px;
    height: 48px;
    background: #f36f21;
    display: block;
    position: absolute;
    top: 50%;
    transform: translate(0, -50%);
    left: -17px;
}

.underline_service {
    border-bottom: 1px solid #f36f21;
}

.content__info h3 {
    font-weight: 700;
    margin-bottom: 20px;
    font-size: 19px;
    line-height: 25px;
}

.content__info p {
    margin-bottom: 20px;
}

.wrapper {
    display: flex;
    flex-direction: column;
    min-height: 100vh;
}

.content__list {
    list-style-type: disc;
    padding-left: 20px;
    margin-bottom: 20px;
}

.content__list ul li {
    list-style-type: circle;
}

.content__list ul {
    padding-left: 20px;
    margin-bottom: 20px;
}

.content__image {
    display: flex;
    align-items: center;
    justify-content: center;
    max-height: 366px;
    width: 100%;
    overflow: hidden;
    margin-bottom: 50px;
}

.content__image img {
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%;
    height: 100%;
}

.project__image__text {
    padding-bottom: 20px;
    padding-top: 20px;
    font-weight: bold;
}

.project__image__block {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.project__image {
    display: flex;
    align-items: center;
    justify-content: center;
    /*width: 30%;*/
    overflow: hidden;
    margin-bottom: 50px;
    /*margin-bottom: 50px;*/
}

.project__image img {
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%;
    height: 100%;
    max-width: 380px;
    /*max-height: 300px;*/
}

.content__title {
    font-size: 24px;
    font-weight: 700;
    margin-bottom: 15px;
}

.content__info {
    font-size: 18px;
    line-height: 22px;
}

.content__info__project {
    padding-top: 75px;
}

.content {
    margin: 60px 0 0px 0;
}

.project_content {
    margin: 60px 0 0px 0;
    flex: 1 0 auto;
}

.content__items {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}

.content__tabs {
    width: 296px;
    min-width: 296px;
    background: rgba(196, 196, 196, 0.1);
    margin-right: 25px;
    padding: 20px 20px 20px 30px;
}

.content__tab {
    font-size: 18px;
    margin-bottom: 22px;
    cursor: pointer;
    position: relative;
}

.content__tab.active {
    color: #f36f21;
}

.services {
    background: url(../images/services_head.jpeg) no-repeat;
    background-size: cover;
    background-position: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    min-height: 90vh;
}

@media only screen and (max-width: 1001px) {
    .services {
        min-height: auto;
        padding: 200px 0;
    }
}

@media only screen and (max-width: 767px) {
    .services {
        padding: 125px 0;
    }
}

/*.certificates__services {*/
/*  background: url(../images/rectangle.png) no-repeat;*/
/*  background-size: cover;*/
/*  background-position: center;*/
/*  display: flex;*/
/*  flex-direction: column;*/
/*  justify-content: center;*/
/*  align-items: center;*/
/*  min-height: 70vh;*/
/*}*/

.certificates__services {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    min-height: 70vh;
    overflow: hidden;
}

.certificates__services::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url(../images/rectangle.png) no-repeat center/cover;
    filter: blur(6px); /* Регулируйте степень размытия */
    z-index: -1; /* Отправляет размытую картинку на задний план */
}

@media only screen and (max-width: 1001px) {
    .certificates__services {
        min-height: auto;
        padding: 200px 0;
    }
}

@media only screen and (max-width: 767px) {
    .certificates__services {
        padding: 125px 0;
    }
}

.certificates {
    display: flex;
    justify-content: center;
    gap: 20px;
    margin-bottom: 20px;
}

.certificates img {
    height: 100px;
    margin: 30px;
}

@media only screen and (max-width: 767px) {
    .certificates img {
        height: 70px;
        margin: 10px;
    }
}

.certificates__title {
    display: flex;
    align-items: center;
    margin-bottom: 50px;
    flex-direction: column;
}

.certificates__title h1 {
    font-size: 38px;
    margin-bottom: 10px;
    font-weight: 600;
}

.certificates__title__text {
    font-size: 38px;
    margin-bottom: 10px;
    font-weight: 400;
}

.certificates__title__info {
    font-size: 20px;
    margin-bottom: 10px;
    font-weight: 400;
}

h1 {
    font-size: 24px;
    margin-bottom: 10px;
}

.benefits {
    display: flex;
    /*grid-template-columns: repeat(3, 1fr);*/
    gap: 20px;
    text-align: center;
    margin: 30px 0;
    justify-content: space-around;
    flex-wrap: wrap;
}

.benefits div {
    display: flex;
    flex-direction: column;
    align-items: center;
    max-width: 300px;
}

.benefits img {
    height: 74px;
    margin-bottom: 10px;
}

.benefits__bottom {
    display: flex;
    gap: 20px;
    text-align: center;
    margin-top: 30px;
    margin-bottom: 60px;
    justify-content: space-around;
    flex-wrap: wrap;
}

.benefits__bottom__block__left {
    display: flex;
    flex-direction: column;
    align-items: center;
    max-width: 300px;
    margin-left: 170px;
}

.benefits__bottom__block__right {
    display: flex;
    flex-direction: column;
    align-items: center;
    max-width: 300px;
    margin-right: 170px;
}

.benefits__bottom img {
    height: 74px;
    margin-bottom: 10px;
}

@media screen and (max-width: 1001px) {
    .benefits__bottom__block__left {
        margin-left: 0px;
    }

    .benefits__bottom__block__right {
        margin-right: 0px;
    }
}

.conditions {
    /*background-color: #f9f9f9;*/
    padding: 20px 20px 40px 20px;
    border-radius: 8px;
}

.conditions h2 {
    margin-bottom: 10px;
}

.conditions ul {
    list-style: none;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
}

.conditions li {
    text-align: left;
    padding-left: 25px;
    padding-right: 25px;
    position: relative;
    margin-bottom: 40px;
    width: 50%;
    min-width: 300px;
}

.conditions li::before {
    content: "✔";
    color: #e26720;
    position: absolute;
    left: 0;
}

.certification__block {
    width: 100%;
    max-width: 1250px;
    margin: 0 auto;
}

.containers {
    background: #e5e5e5;
    padding: 30px;
    border-radius: 8px;
    /*width: 600px;*/
    text-align: center;
}

h2 {
    font-size: 22px;
    margin-bottom: 20px;
}

form {
    display: flex;
    /*flex-direction: column;*/
    /*align-items: center;*/
    justify-content: center;
}

.form-group-block {
    padding: 10px;
    width: 50%;
}

@media only screen and (max-width: 767px) {
    .form-group-block {
        width: 100%;
    }

    .certification-form-block {
        flex-direction: column;
    }

    .containers {
        padding: 0px;
    }
}

.form-group {
    width: 100%;
    margin-bottom: 10px;
}

.form-group-block input, textarea {
    width: 100%;
    padding: 15px;
    border: 1px solid #ccc;
    border-radius: 5px;
    font-size: 14px;
}

.form-group-block textarea {
    height: 220px;
    resize: none;
}

.form-group-block-mobile {
    padding: 10px;
    width: 50%;
}

@media only screen and (max-width: 767px) {
    .form-group-block-mobile {
        width: 100%;
        padding: 0px 10px 10px 10px;
    }
}


.form-group-block-mobile input, textarea {
    width: 100%;
    padding: 15px;
    border: 1px solid #ccc;
    border-radius: 5px;
    font-size: 14px;
}

.form-group-block-mobile textarea {
    height: 220px;
    resize: none;
}

.checkbox-group {
    display: flex;
    align-items: center;
    font-size: 14px;
}

.checkbox-group input {
    width: auto;
    padding: 10px;
    border: 1px solid #ccc;
    border-radius: 5px;
    font-size: 14px;
    margin-right: 10px;
    appearance: auto;
}

.checkbox-group input:hover {
    cursor: pointer;
}

.form-group-block button {
    background-color: #EF7D01;
    color: white;
    border: none;
    padding: 10px 20px;
    font-size: 16px;
    border-radius: 5px;
    cursor: pointer;
    margin-top: 10px;
    width: 100%;
}

.form-group-block button:disabled {
    background-color: #ccc;
    cursor: not-allowed;
}

.form-group-block button:hover:enabled {
    background-color: #EF7D01;
}

.form-group-block-mobile button {
    background-color: #EF7D01;
    color: white;
    border: none;
    padding: 10px 20px;
    font-size: 16px;
    border-radius: 5px;
    cursor: pointer;
    margin-top: 10px;
    width: 100%;
}

.form-group-block-mobile button:disabled {
    background-color: #ccc;
    cursor: not-allowed;
}

.form-group-block-mobile button:hover:enabled {
    background-color: #EF7D01;
}

/*button:hover {*/
/*  background-color: #e26720;*/
/*}*/
.checkbox-group a {
    color: #EF7D01;
    text-decoration: underline;
}

.checkbox-group a:hover {
    color: #e26720;
    text-decoration: underline;
}

.small-text {
    font-size: 14px;
    color: gray;
    text-align: left;
    margin-top: 20px;
}

.small-text-mobile {
    display: none;
}

@media only screen and (max-width: 767px) {
    .small-text {
        display: none;
    }

    .small-text-mobile {
        display: flex;
        font-size: 14px;
        color: gray;
        text-align: left;
        padding-bottom: 10px;
        /*margin-top: 20px;*/
    }
}

.small-text-link {
    font-size: 14px;
    color: gray;
    text-align: left;
}

@media screen and (max-width: 1310px) {
    .certification__block {
        width: 980px;
    }
}

@media screen and (max-width: 1001px) {
    .certification__block {
        width: 760px;
    }
}

@media screen and (max-width: 777px) {
    .certification__block {
        width: 100%;
        padding: 0 15px;
    }
}

.certification__title {
    color: #ffffff;
    font-size: 56px;
    font-weight: 800;
    text-align: left;
    padding-top: 75px;
}

@media only screen and (max-width: 1310px) {
    .certification__title {
        font-size: 30px;
    }
}

@media only screen and (max-width: 1001px) {
    .certification__title {
        font-size: 24px;
        margin-bottom: 10px;
        padding-top: 5px;
    }
}

.services__block {
    padding: 45px 0;
    width: 100%;
    background: #ffffff;
}

@media only screen and (max-width: 1310px) {
    .services__block {
        padding: 30px 0;
    }
}

@media only screen and (max-width: 1001px) {
    .services__block {
        padding: 20px 16px;
    }
}

.services__title {
    font-size: 36px;
    font-weight: 400;
    text-align: center;
}

@media only screen and (max-width: 1310px) {
    .services__title {
        font-size: 30px;
    }
}

@media only screen and (max-width: 1001px) {
    .services__title {
        font-size: 24px;
        margin-bottom: 10px;
    }
}

.services__text {
    font-size: 20px;
    text-align: center;
}

@media only screen and (max-width: 1310px) {
    .services__text {
        font-size: 18px;
    }
}

@media only screen and (max-width: 1001px) {
    .services__text {
        font-size: 16px;
    }
}

.certification__text {
    padding: 20px;
    background-color: #095C3A;
    font-size: 18px;
    font-weight: 500;
    text-align: left;
    color: #ffffff;
    width: 50%;
    margin-top: 20px;
}

@media only screen and (max-width: 1310px) {
    .certification__text {
        font-size: 18px;
    }
}

@media only screen and (max-width: 1001px) {
    .certification__text {
        font-size: 16px;
    }
}

@media only screen and (max-width: 1001px) {
    .content__items {
        display: block;
    }
}

@media only screen and (max-width: 1001px) {
    .content__tabs {
        width: 100%;
        min-width: auto;
        padding: 20px 20px 20px 30px;
        margin-bottom: 30px;
    }
}

@media only screen and (max-width: 767px) {
    .content__tab {
        margin-bottom: 15px;
        font-size: 17px;
    }
}

@media only screen and (max-width: 767px) {
    .content {
        margin: 30px 0 0px 0;
        padding: 0 20px;
    }

    .certification__text {
        font-size: 16px;
        width: 100%;
    }
}

@media only screen and (max-width: 1001px) {
    .content__tab.active::before {
        height: 25px;
        left: -13px;
        width: 4px;
    }
}

.email_loader {
    display: none;
    z-index: 999;
    width: 100%;
    height: 100%;
    top: 0;
    position: fixed;
    opacity: 1;
    background-color: white;
    overflow-y: auto;
}

.email_loader_container {
    width: 100%;
    background-color: white;
}

.el_info_content {
    color: black;
    font-weight: normal;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    padding: 10px;
    flex-direction: column;
    height: 100%;
    font-size: 1.1rem;
    max-width: 500px;
    margin: auto;
    line-height: 1.2rem;
}

.el_info_accept {
    background: #e26720;
    color: white;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 35px;
    font-size: 13px;
    margin-top: 10px;
    text-transform: uppercase;
    font-weight: 700;
    padding: 12px 60px;
    border-radius: 30px;
    cursor: pointer;
    margin-bottom: 11px;
}

/* /was inline */

.advantages__btn {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 200px;
    height: 45px;
    background-color: #e26720;
    color: #fff;
    border-radius: 7px;
    font-weight: 500;
    margin: 100px auto 0 auto;
}

.advantages__btn:hover {
    background-color: #be571c;
}

@font-face {
    font-family: "Gilroy";
    src: url("../fonts/Gilroy-SemiBold.woff2") format("woff2"), url("../fonts/Gilroy-SemiBold.woff") format("woff");
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Gilroy";
    src: url("../fonts/Gilroy-Medium.woff2") format("woff2"), url("../fonts/Gilroy-Medium.woff") format("woff");
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Gilroy";
    src: url("../fonts/Gilroy-Bold.woff2") format("woff2"), url("../fonts/Gilroy-Bold.woff") format("woff");
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Gilroy";
    src: url("../fonts/Gilroy-Regular.woff2") format("woff2"), url("../fonts/Gilroy-Regular.woff") format("woff");
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Rubik";
    src: url("../fonts/Rubik-Medium.woff2") format("woff2"), url("../fonts/Rubik-Medium.woff") format("woff");
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Ubuntu";
    src: url("../fonts/Ubuntu-Medium.woff2") format("woff2"), url("../fonts/Ubuntu-Medium.wofff") format("woff");
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

* {
    padding: 0;
    margin: 0;
    box-sizing: border-box;
}

button,
input,
textarea {
    -moz-appearance: none;
    appearance: none;
    -webkit-appearance: none;
    font-family: inherit;
}

button:focus {
    box-shadow: none !important;
}

*:focus {
    outline: none;
}

body {
    font-family: "Gilroy";
    font-weight: 400;
    color: #192b1d;
}

a {
    display: inline-block;
    font: inherit;
    color: inherit;
    transition: 300ms;
    text-decoration: none;
}

a:hover {
    text-decoration: none;
}

img {
    max-width: 100%;
    max-height: 100%;
}

a img {
    border: none;
    outline: none;
}

ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.container {
    max-width: 1250px;
    margin: 0 auto;
}

.big__text__h1 {
    font-weight: 700;
    font-size: 48px;
}

@media only screen and (max-width: 1310px) {
    .big__text__h1 {
        font-size: 30px;
    }
}

@media only screen and (max-width: 1001px) {
    .big__text__h1 {
        font-size: 24px;
    }
}

@media screen and (max-width: 1310px) {
    .container {
        width: 980px;
    }
}

@media screen and (max-width: 1001px) {
    .container {
        width: 760px;
    }
}

@media screen and (max-width: 777px) {
    .container {
        width: 100%;
        padding: 0 15px;
    }

    .big__text__h1 {
        font-weight: 700;
        font-size: 35px;
    }
}

.wrapper {
    position: relative;
}

.header {
    padding: 19px 0 26px 0;
    box-shadow: 0px 2px 4px rgba(36, 36, 34, 0.1);
    background: #ffffff;
    position: -webkit-fixed;
    position: fixed;
    margin: 0 auto;
    top: 0;
    left: 0;
    right: 0;
    z-index: 100;
    width: 100%;
}

@media only screen and (max-width: 1001px) {
    .header {
        padding: 15px 0 20px 0;
    }
}

@media only screen and (max-width: 777px) {
    .header {
        padding: 12px 0 15px 0;
    }
}

.header__start {
    display: flex;
    align-items: center;
}

@media only screen and (max-width: 1001px) {
    .header__start {
        margin-right: 10px;
    }
}

@media only screen and (max-width: 777px) {
    .header__start {
        margin-right: 0;
    }
}

.header__leng {
    display: flex;
    align-items: center;
    margin-top: 10px;
}

@media only screen and (max-width: 1310px) {
    .header__leng {
        margin-top: 5px;
    }
}

@media only screen and (max-width: 1001px) {
    .header__leng {
        flex-direction: column;
    }
}

@media only screen and (max-width: 777px) {
    .header__leng {
        display: none;
    }
}

.header__leng a {
    font-size: 18px;
    font-weight: 700;
    display: flex;
    align-items: center;
    margin-right: 10px;
}

@media only screen and (max-width: 1310px) {
    .header__leng a {
        font-size: 16px;
        margin-right: 5px;
    }
}

@media only screen and (max-width: 1001px) {
    .header__leng a {
        margin-right: 0;
        font-size: 14px;
    }
}

.header__leng a:last-child {
    margin-right: 0;
}

.header__leng a.active {
    color: #e26720;
}

.header__mobile-leng {
    display: none;
    align-items: center;
    justify-content: center;
    padding: 10px 0;
}

@media only screen and (max-width: 777px) {
    .header__mobile-leng {
        display: flex;
    }
}

.header__mobile-leng a {
    font-size: 16px;
    font-weight: 700;
    margin-right: 10px;
    display: block;
}

.header__mobile-leng a:last-child {
    margin-right: 0;
}

.header__mobile-leng a.active {
    color: #e26720;
}

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

.header__logo {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 40px;
    max-width: 120px;
}


@media only screen and (max-width: 1310px) {
    .header__logo {
        margin-right: 20px;
    }
}

@media only screen and (max-width: 1001px) {
    .header__logo {
        width: 100px;
        height: 45px;
    }
}

@media only screen and (max-width: 777px) {
    .header__logo {
        width: 90px;
        height: 40px;
    }
}

.header__logo img {
    width: 100%;
    height: auto;
}

.header__nav {
    display: flex;
    align-items: center;
}

@media only screen and (max-width: 777px) {
    .header__nav {
        display: block;
        margin-bottom: 20px;
    }
}

@media only screen and (max-width: 777px) {
    .header__nav-block {
        position: fixed;
        top: 0;
        right: -100%;
        transition: 500ms;
    }

    .header__nav-block.active {
        display: flex;
        flex-direction: column;
        justify-content: center;
        transition: 700ms;
        min-height: 100vh;
        top: 0;
        right: 0;
        background: #fff;
        box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.45);
        width: 100%;
        padding: 30px 20px 30px 20px;
        z-index: 100;
        text-align: center;
    }
}

.header__nav li {
    margin-right: 33px;
}

@media only screen and (max-width: 1001px) {
    .header__nav li {
        margin-right: 12px;
    }
}

@media only screen and (max-width: 777px) {
    .header__nav li {
        margin-right: 0;
        padding: 10px 0;
        border-bottom: 1px solid #fff;
    }
}

.header__nav li:last-child {
    margin-right: 0;
}

.header__nav li:first-child {
    margin-right: 39px;
    position: relative;
}

@media only screen and (max-width: 1001px) {
    .header__nav li:first-child {
        margin-right: 15px;
    }
}

@media only screen and (max-width: 777px) {
    .header__nav li:first-child {
        margin-right: 0;
    }
}

.header__nav li a {
    font-size: 16px;
    font-weight: 600;
    color: #242422;
    transition: 300ms;
    position: relative;
}

@media only screen and (max-width: 1310px) {
    .header__nav li a {
        font-size: 15px;
    }
}

.header__nav li a.active::before {
    content: "";
    width: 100%;
    height: 1px;
    background: #f36f21;
    display: block;
    position: absolute;
    bottom: -2px;
    left: 0;
}

@media only screen and (max-width: 1001px) {
    .header__nav li a {
        font-size: 14px;
    }
}

.header__nav li a:hover {
    color: #f36f21;
}

.header__mobile-block {
    display: none;
}

@media only screen and (max-width: 777px) {
    .header__mobile-block {
        display: flex;
        align-items: center;
        padding: 10px 0;
        font-size: 15px;
        font-weight: 600;
        color: #242422;
        transition: 300ms;
        justify-content: center;
    }

    .header__mobile-block:hover {
        color: #f36f21;
    }

    .header__mobile-block img {
        margin-right: 10px;
    }
}

@media only screen and (max-width: 777px) {
    .header__connect {
        display: none;
    }
}

.header__block {
    display: flex;
    align-items: center;
    margin-bottom: 12px;
    font-size: 16px;
    font-weight: 600;
    color: #242422;
    transition: 300ms;
}

@media only screen and (max-width: 1001px) {
    .header__block {
        font-size: 14px;
        margin-bottom: 10px;
    }

    .header__block img {
        width: 16px;
        height: 16px;
    }
}

.header__block:hover {
    color: #f36f21;
}

.header__block:last-child {
    margin-bottom: 0;
}

.header__block img {
    margin-right: 14px;
}

@media only screen and (max-width: 1001px) {
    .header__block img {
        margin-right: 10px;
    }
}

.header__mobile-logo {
    display: none;
}

@media only screen and (max-width: 777px) {
    .header__mobile-logo {
        display: flex;
        align-items: center;
        justify-content: center;
        margin: 0 auto 40px auto;
        width: 110px;
    }
}

.burger {
    display: none;
}

@media only screen and (max-width: 777px) {
    .burger {
        display: block;
        width: 30px;
        z-index: 110;
    }

    .burger a {
        display: block;
        cursor: pointer;
        padding: 12px 0;
    }

    .burger a span {
        position: relative;
        display: block;
        width: 30px;
        height: 4px;
        border-radius: 2px;
        background: #f36f21;
        transition: all 0.2s ease-in-out;
    }

    .burger a span:before,
    .burger a span:after {
        content: "";
        width: 30px;
        height: 4px;
        position: absolute;
        left: 0;
        background: #f36f21;
        border-radius: 2px;
        transition: all 0.2s ease-in-out;
    }

    .burger a span:before {
        top: -8px;
    }

    .burger a span:after {
        top: 8px;
    }

    .burger a.active span {
        background: transparent;
    }

    .burger a.active span:before {
        transform: rotate(45deg) translate(5px, 6px);
    }

    .burger a.active span:after {
        transform: rotate(-45deg) translate(5px, -6px);
    }
}

.showcase {
    background: #f9f9f9;
    min-height: 92vh;
    display: flex;
    align-items: center;
}

@media only screen and (max-width: 777px) {
    .showcase {
        padding: 90px 20px 60px 20px;
    }
}

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

@media only screen and (max-width: 1001px) {
    .showcase__items {
        flex-direction: column-reverse;
    }
}

.showcase__item {
    width: 560px;
}

@media only screen and (max-width: 1310px) {
    .showcase__item {
        width: 450px;
    }
}

@media only screen and (max-width: 1001px) {
    .showcase__item {
        width: 100%;
        margin-bottom: 0;
    }
}

.showcase__title {
    font-size: 42px;
    font-weight: 700;
    line-height: 51px;
    color: #242422;
    margin-bottom: 24px;
}

@media only screen and (max-width: 1310px) {
    .showcase__title {
        font-size: 36px;
        line-height: 44px;
    }
}

@media only screen and (max-width: 777px) {
    .showcase__title {
        font-size: 20px;
        line-height: 24px;
        margin-bottom: 25px;
    }
}

@media only screen and (max-width: 777px) {
    .showcase__title-mobile {
        display: none;
    }
}

.showcase__title-desk {
    display: none;
}

@media only screen and (max-width: 777px) {
    .showcase__title-desk {
        display: block;
        text-align: center;
    }
}

.showcase__text {
    font-size: 20px;
    line-height: 23px;
    color: #242422;
    margin-bottom: 52px;
}

@media only screen and (max-width: 1001px) {
    .showcase__text {
        margin-bottom: 30px;
    }
}

@media only screen and (max-width: 777px) {
    .showcase__text {
        font-size: 16px;
        line-height: 19px;
        margin-bottom: 20px;
        text-align: center;
    }
}

@media only screen and (max-width: 1001px) {
    .showcase__text br {
        display: none;
    }
}

.showcase__btns {
    display: flex;
    align-items: center;
}

@media only screen and (max-width: 777px) {
    .showcase__btns {
        display: block;
    }
}

.showcase__btn {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 220px;
    height: 54px;
    background: #f36f21;
    border-radius: 7px;
    font-size: 16px;
    font-weight: 600;
    color: white;
    transition: 300ms;
    -webkit-filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
    filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
    margin-right: 15px;
}

@media only screen and (max-width: 777px) {
    .showcase__btn {
        margin-right: 0;
        margin-bottom: 20px;
    }
}

@media only screen and (max-width: 777px) {
    .showcase__btn {
        font-size: 14px;
        height: 50px;
        width: 175px;
        margin: 0 auto 20px auto;
    }
}

.showcase__btn:hover {
    background: #e26720;
}

.showcase__btn:last-child {
    margin-right: 0;
    background: none;
    color: #e26720;
    border: 2px solid #e26720;
}

@media only screen and (max-width: 777px) {
    .showcase__btn:last-child {
        margin: 0 auto;
    }
}

.showcase__btn:last-child:hover {
    background: #e26720;
    color: #fff;
}

.showcase__image {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 667px;
}

.nikami_video {
    width: 100%;
    height: 100%;
    border-radius: 7px;
}


@media only screen and (max-width: 1310px) {
    .showcase__image {
        width: 500px;
    }
}

@media only screen and (max-width: 1001px) {
    .showcase__image {
        width: 100%;
        margin-bottom: 25px;
    }
}

.showcase__image img {
    width: 100%;
    height: 100%;
}

.type {
    padding: 63px 0 188px 0;
}

@media only screen and (max-width: 1001px) {
    .type {
        padding: 60px 0 100px 0;
    }
}

@media only screen and (max-width: 777px) {
    .type {
        padding: 60px 20px;
    }
}

.type__subtitle {
    font-size: 20px;
    margin-bottom: 7px;
    text-align: center;
}

@media only screen and (max-width: 1001px) {
    .type__subtitle {
        font-size: 18px;
        margin-bottom: 5px;
    }
}

.type__title {
    font-size: 36px;
    font-weight: 600;
    margin-bottom: 100px;
    text-align: center;
}

@media only screen and (max-width: 1310px) {
    .type__title {
        margin-bottom: 75px;
    }
}

@media only screen and (max-width: 1001px) {
    .type__title {
        margin-bottom: 30px;
        font-size: 32px;
    }
}

@media only screen and (max-width: 777px) {
    .type__title {
        margin-bottom: 15px;
    }
}

.type__items {
    display: flex;
    justify-content: space-between;
}

@media only screen and (max-width: 1001px) {
    .type__items {
        display: block;
    }
}

.type__item {
    width: 478px;
}

@media only screen and (max-width: 1310px) {
    .type__item {
        width: 400px;
    }
}

@media only screen and (max-width: 1001px) {
    .type__item {
        width: 100%;
        margin-bottom: 40px;
    }
}

.type__content {
    width: 577px;
}

@media only screen and (max-width: 1310px) {
    .type__content {
        width: 525px;
    }
}

@media only screen and (max-width: 1001px) {
    .type__content {
        width: 100%;
    }
}

.type__image {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 28px;
}

.type__image img {
    border-radius: 7px;
}

@media only screen and (max-width: 1001px) {
    .type__image {
        margin-bottom: 20px;
    }
}

.type__image img {
    width: 100%;
    height: 100%;
}

.type__table {
    background: rgba(226, 226, 226, 0.2);
    border-collapse: collapse;
}

@media only screen and (max-width: 777px) {
    .type__table {
        margin: 0 auto;
    }
}

.type__table td {
    padding: 20px 20px 24px 20px;
    border: 1px solid #fff;
    font-size: 17px;
    letter-spacing: 0.025em;
    text-align: center;
}

@media only screen and (max-width: 1310px) {
    .type__table td {
        padding: 12px 12px 12px 12px;
        font-size: 15px;
    }
}

@media only screen and (max-width: 1001px) {
    .type__table td {
        padding: 15px 48px;
    }
}

@media only screen and (max-width: 777px) {
    .type__table td {
        padding: 10px 6px;
        font-size: 12px;
        width: 100%;
    }
}

.type__table-head {
    font-weight: 700;
    background: linear-gradient(0deg, #f1f1f1, #f1f1f1), linear-gradient(0deg, #f1f1f1, #f1f1f1), #f1f1f1;
}

.type__block {
    display: flex;
    align-items: flex-start;
    margin-bottom: 45px;
}

@media only screen and (max-width: 1310px) {
    .type__block {
        margin-bottom: 35px;
    }
}

@media only screen and (max-width: 777px) {
    .type__block {
        display: block;
    }
}

.type__block:last-child {
    margin-bottom: 0;
}

.type__block span {
    margin-right: 65px;
    display: block;
    font-size: 48px;
    font-weight: 500;
    letter-spacing: -0.055em;
    font-family: "Rubik";
    color: rgba(253, 164, 80, 0.3);
}

@media only screen and (max-width: 1310px) {
    .type__block span {
        margin-right: 40px;
    }
}

@media only screen and (max-width: 777px) {
    .type__block span {
        font-size: 40px;
        margin-right: 0;
        margin-bottom: 20px;
    }
}

.type__head {
    font-size: 32px;
    margin-bottom: 15px;
    position: relative;
    display: inline-block;
}

@media only screen and (max-width: 1310px) {
    .type__head {
        font-size: 28px;
    }
}

@media only screen and (max-width: 777px) {
    .type__head {
        font-size: 22px;
        margin-bottom: 25px;
    }
}

.type__head::before {
    content: "";
    height: 2px;
    width: 100%;
    left: 0;
    bottom: -5px;
    position: absolute;
    display: block;
    background: rgba(253, 164, 80, 0.6);
}

.type__list {
    padding-top: 10px;
}

@media only screen and (max-width: 777px) {
    .type__list {
        padding-top: 0;
    }
}

.type__list ul li {
    font-size: 20px;
    line-height: 26px;
    list-style-type: disc;
}

@media only screen and (max-width: 777px) {
    .type__list ul li {
        margin-left: 10px;
        font-size: 16px;
        line-height: 21px;
    }
}

@media only screen and (max-width: 1310px) {
    .type__list ul li {
        font-size: 18px;
        line-height: 24px;
    }
}

.gallery {
    padding: 72px 0 82px 0;
    background: #f9f9f9;
}

@media only screen and (max-width: 777px) {
    .gallery {
        padding: 60px 30px;
    }
}

.gallery__subtitle {
    font-size: 20px;
    margin-bottom: 7px;
    text-align: center;
}

@media only screen and (max-width: 777px) {
    .gallery__subtitle {
        font-size: 18px;
        margin-bottom: 5px;
    }
}

.gallery__title {
    font-size: 36px;
    font-weight: 600;
    margin-bottom: 90px;
    text-align: center;
}

@media only screen and (max-width: 1310px) {
    .gallery__title {
        margin-bottom: 60px;
    }
}

@media only screen and (max-width: 777px) {
    .gallery__title {
        font-size: 28px;
        margin-bottom: 35px;
    }
}

.gallery__container {
    padding: 0 42px;
}

@media only screen and (max-width: 1310px) {
    .gallery__container {
        padding: 0;
    }
}

@media only screen and (max-width: 777px) {
    .gallery__container {
        margin: 0 -15px;
    }
}

.gallery__item img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.gallery .slick-arrow {
    position: absolute;
    bottom: -12px;
    background: url(../images/arrow-slide.svg) no-repeat;
    font-size: 0;
    border: 0;
    width: 33px;
    height: 33px;
    border-radius: 50%;
    background-size: cover;
    cursor: pointer;
}

@media only screen and (max-width: 777px) {
    .gallery .slick-arrow {
        bottom: 40%;
        z-index: 50;
        width: 25px;
        height: 25px;
        transform: translate(0, -40%);
        left: -35px;
    }
}

.gallery .slick-next {
    right: 0;
    transform: rotate(180deg);
}

@media only screen and (max-width: 777px) {
    .gallery .slick-next {
        bottom: 43%;
        transform: rotate(180deg), translate(0, -43%);
        right: -35px;
        left: auto;
    }
}

.gallery .slick-dots {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 125px;
}

@media only screen and (max-width: 1310px) {
    .gallery .slick-dots {
        margin-top: 75px;
    }
}

@media only screen and (max-width: 777px) {
    .gallery .slick-dots {
        margin-top: 30px;
    }
}

.gallery .slick-dots li {
    display: flex;
    align-items: center;
}

@media only screen and (max-width: 777px) {
    .gallery .slick-dots li {
        margin-right: 10px;
    }

    .gallery .slick-dots li:last-child {
        margin-right: 0;
    }
}

.gallery .slick-dots li button {
    font-size: 0;
    border: 0;
    height: 7px;
    background: #ffffff;
    border-radius: 2px;
    /*width: 205px;*/
    width: 100%;
    cursor: pointer;
}

.gallery .slick-dots li {
    width: 6.25%;
}


@media only screen and (max-width: 1310px) {
    .gallery .slick-dots li button {
        /*width: 150px;*/
    }
}

@media only screen and (max-width: 1001px) {
    .gallery .slick-dots li button {
        /*width: 130px;*/
    }
}

@media only screen and (max-width: 777px) {
    .gallery .slick-dots li button {
        width: 10px;
        height: 10px;
        border-radius: 50%;
        background: #d6d6d6;
    }
}

.gallery .slick-active button {
    background: rgba(243, 111, 33, 0.5) !important;
}

.gallery .slick-slide {
    margin: 0 25px;
}

@media only screen and (max-width: 1001px) {
    .gallery .slick-slide {
        margin: 0 15px;
    }
}

@media only screen and (max-width: 777px) {
    .gallery .slick-slide {
        margin: 0 6px;
    }
}

.gallery .slick-list {
    margin: 0 -25px;
}

@media only screen and (max-width: 1001px) {
    .gallery .slick-list {
        margin: 0 -15px;
    }
}

@media only screen and (max-width: 777px) {
    .gallery .slick-list {
        margin: 0 -6px;
    }
}

.advantages {
    padding: 130px 0 90px 0;
}

@media only screen and (max-width: 1001px) {
    .advantages {
        padding: 100px 0 140px 0;
    }
}

@media only screen and (max-width: 777px) {
    .advantages {
        padding: 60px 20px;
    }
}

.advantages__items {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    row-gap: 50px;
    -moz-column-gap: 50px;
    column-gap: 50px;
}

@media only screen and (max-width: 1001px) {
    .advantages__items {
        display: block;
    }
}

.advantages__item {
    background: #f4f4f4;
    padding: 30px 23px 18px 28px;
    width: 350px;
}

.advantages__item:last-child img {
    width: 40px;
    height: 40px;
    margin-bottom: 34px;
}

@media only screen and (max-width: 777px) {
    .advantages__item:last-child img {
        width: 30px;
        height: 30px;
        margin-bottom: 20px;
    }
}

@media only screen and (max-width: 1310px) {
    .advantages__item {
        width: 310px;
    }
}

@media only screen and (max-width: 1001px) {
    .advantages__item {
        padding: 20px;
        width: 100%;
        margin-bottom: 30px;
    }

    .advantages__item:last-child {
        margin-bottom: 0;
    }
}

.advantages__item img {
    width: 50px;
    height: 50px;
    margin-bottom: 24px;
}

@media only screen and (max-width: 1001px) {
    .advantages__item img {
        width: 35px;
        height: 35px;
        margin-bottom: 15px;
    }
}

.advantages__head {
    font-size: 20px;
    margin-bottom: 30px;
    color: #f36f21;
    height: 46px;
}

@media only screen and (max-width: 1310px) {
    .advantages__head {
        height: 46px;
    }
}

@media only screen and (max-width: 1001px) {
    .advantages__head {
        font-size: 22px;
        margin-bottom: 20px;
        height: auto;
    }
}

@media only screen and (max-width: 777px) {
    .advantages__head {
        font-size: 20px;
        margin-bottom: 15px;
    }
}

.advantages__text {
    font-size: 18px;
    line-height: 25px;
}

@media only screen and (max-width: 777px) {
    .advantages__text {
        font-size: 16px;
        line-height: 19px;
    }
}

.step {
    background: #f9f9f9;
    padding: 110px 0 84px 0;
    overflow: hidden;
}

@media only screen and (max-width: 777px) {
    .step {
        padding: 60px 20px;
    }
}

.step__inner {
    position: relative;
}

.step__image {
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    bottom: 50px;
    right: 35px;
    max-width: 40%;
    max-height: 40%;
}

.container_for_reckless {
    display: flex;
    justify-content: space-between
}

.step__image_for_reckless {
    max-width: 40%;
}

.step__image_for_reckless img {
    border-radius: 7px;
}

@media only screen and (max-width: 1001px) {
    .step__image_for_reckless {
        max-width: 100%;
    }

    .container_for_reckless {
        flex-wrap: wrap;
    }
}

@media only screen and (max-width: 1310px) {
    .step__image {
        width: 390px;
        bottom: 150px;
    }
}

@media only screen and (max-width: 1001px) {
    .step__image {
        display: none;
    }
}

.step__head {
    font-size: 20px;
    line-height: 23px;
    margin-bottom: 44px;
}

@media only screen and (max-width: 777px) {
    .step__head {
        font-size: 18px;
        margin-bottom: 35px;
    }
}

@media only screen and (max-width: 1001px) {
    .step__head br {
        display: none;
    }
}

.step__item {
    width: 580px;
}

@media only screen and (max-width: 1001px) {
    .step__item {
        width: 100%;
    }
}

.step__items {
    display: grid;
    grid-template-columns: 1fr 1fr;
    -moz-column-gap: 33px;
    column-gap: 33px;
    row-gap: 82px;
    margin-bottom: 83px;
}

@media only screen and (max-width: 1001px) {
    .step__items {
        margin-bottom: 60px;
    }
}

@media only screen and (max-width: 777px) {
    .step__items {
        display: grid;
        grid-template-columns: 1fr;
        row-gap: 20px;
        margin-bottom: 40px;
        padding: 0 30px;
    }
}

.step__block {
    display: flex;
    align-items: flex-start;
}

.step__block span {
    font-family: "Ubuntu";
    font-size: 20px;
    font-weight: 500;
    letter-spacing: 0.01em;
    border: 2px solid #f36f21;
    border-radius: 50%;
    color: #f36f21;
    width: 50px;
    height: 50px;
    min-width: 50px;
    min-height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 20px;
}

@media only screen and (max-width: 777px) {
    .step__block span {
        width: 30px;
        height: 30px;
        min-width: 30px;
        min-height: 30px;
        font-size: 16px;
        margin-right: 10px;
    }
}

.step__text {
    font-size: 20px;
    line-height: 23px;
}

@media only screen and (max-width: 777px) {
    .step__text {
        font-size: 16px;
        line-height: 19px;
    }
}

@media only screen and (max-width: 777px) {
    .step__text br {
        display: none;
    }
}

.step__btn {
    display: none;
    align-items: center;
    justify-content: center;
    width: 200px;
    height: 54px;
    background: #f36f21;
    border-radius: 7px;
    font-size: 16px;
    font-weight: 600;
    color: white;
    -webkit-filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
    filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
    transition: 300ms;
}

@media only screen and (max-width: 777px) {
    .step__btn {
        font-size: 14px;
        height: 50px;
        width: 175;
        margin: 0 auto;
    }
}

.step__btn:hover {
    background: #e26720;
}

.contacts {
    padding: 135px 0 100px 0;
}

@media only screen and (max-width: 1001px) {
    .contacts {
        padding: 80px 0;
    }
}

@media only screen and (max-width: 639px) {
    .contacts {
        padding: 60px 20px;
    }
}

.contacts__subtitle {
    font-size: 20px;
    margin-bottom: 7px;
    text-align: center;
}

@media only screen and (max-width: 1001px) {
    .contacts__subtitle {
        font-size: 18px;
        margin-bottom: 5px;
    }
}

.contacts__title {
    font-size: 36px;
    font-weight: 600;
    margin-bottom: 65px;
    text-align: center;
}

@media only screen and (max-width: 1001px) {
    .contacts__title {
        font-size: 32px;
        margin-bottom: 40px;
    }
}

@media only screen and (max-width: 639px) {
    .contacts__title {
        margin-bottom: 20px;
    }
}

.contacts__items {
    display: flex;
    justify-content: center;
    padding: 0 55px;
}

@media only screen and (max-width: 1310px) {
    .contacts__items {
        padding: 0;
    }
}

@media only screen and (max-width: 1001px) {
    .contacts__items {
        display: block;
    }
}

.contacts__item {
    color: #fff;
    background: #f36f21;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    padding: 36px 31px 18px 26px;
    width: 568px;
}

@media only screen and (max-width: 1001px) {
    .contacts__item {
        width: 100%;
    }
}

@media only screen and (max-width: 777px) {
    .contacts__item {
        padding: 20px;
    }
}

.contacts__item-white {
    background: #f4f4f4;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    width: 568px;
    padding: 61px 30px 45px 30px;
}

@media only screen and (max-width: 1001px) {
    .contacts__item-white {
        width: 100%;
    }
}

@media only screen and (max-width: 777px) {
    .contacts__item-white {
        padding: 20px;
    }
}

.contacts__item-white .contacts__block {
    border-bottom: 1px solid rgba(25, 40, 43, 0.25);
}

.contacts__block {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    font-size: 20px;
    margin-bottom: 16px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.25);
    padding-bottom: 5px;
    padding-left: 30px;
}

@media only screen and (max-width: 1310px) {
    .contacts__block {
        padding-left: 0;
    }
}

@media only screen and (max-width: 777px) {
    .contacts__block {
        font-size: 16px;
        margin-bottom: 10px;
        padding-bottom: 3px;
    }
}

@media only screen and (max-width: 639px) {
    .contacts__block {
        display: block;
    }
}

.contacts__block:last-child {
    margin-bottom: 0;
    border: 0;
}

.contacts__block a {
    font-weight: 600;
    width: 203px;
    text-align: left;
}

@media only screen and (max-width: 1001px) {
    .contacts__block a {
        width: 280px;
    }
}

@media only screen and (max-width: 639px) {
    .contacts__block a {
        width: 100%;
    }
}

.contacts__block p {
    line-height: 20px;
}

@media only screen and (max-width: 639px) {
    .contacts__block p:first-child {
        margin-bottom: 10px;
    }
}

.contacts__block p:last-child {
    font-weight: 600;
    width: 203px;
    text-align: left;
}

@media only screen and (max-width: 1001px) {
    .contacts__block p:last-child {
        width: 280px;
    }
}

@media only screen and (max-width: 639px) {
    .contacts__block p:last-child {
        width: 100%;
    }
}

.contacts__block p span {
    font-size: 16px;
}

.footer {
    background: #242422;
    padding: 32px 0;
    flex: 0 0 auto;
}

.footer a:hover {
    color: #ffffff;
}


@media only screen and (max-width: 777px) {
    .footer {
        padding: 20px 0;
    }
}

.footer p {
    font-size: 16px;
    color: #fffcfc;
    text-align: center;
}

.header__nav li div.item-menu {
    display: inline-block;
    position: relative;
}

.header__nav li div.active:before {
    content: "";
    width: 100%;
    height: 1px;
    background: #f36f21;
    display: block;
    position: absolute;
    bottom: -2px;
    left: 0;
}

.wrapper_header__nav-dropdoun li {
    position: relative;
}

.wrapper_header__nav-dropdoun li.active a {
    color: #f36f21;
}


@media only screen and (max-width: 1001px) {
    iframe {
        height: 400px !important;
    }

    .header__nav li div {
        font-size: 14px;
        font-weight: 600;
    }
}

@media only screen and (max-width: 777px) {
    iframe {
        height: 350px !important;
        padding: 0 35px;
    }
}

.modal {
    border-radius: 15px;
    width: 460px;
    padding: 44px 50px 26px 50px;
}

@media only screen and (max-width: 639px) {
    .modal {
        padding: 20px;
    }
}

.modal__title {
    font-size: 30px;
    font-weight: 700;
    margin-bottom: 20px;
    text-align: center;
}

.modal__inputs {
    margin-bottom: 15px;
}

.modal__inputs input {
    display: block;
    width: 100%;
    height: 45px;
    background: #e7e7e7;
    border: 0;
    border-radius: 18px;
    padding: 0 15px;
    font-size: 18px;
    font-weight: 400;
    color: #000;
}

.modal__inputs input:first-child {
    margin-bottom: 15px;
}

.modal__inputs input::-moz-placeholder {
    font-size: 18px;
    color: #b9b7b7;
    font-weight: 600;
}

.modal__inputs input::-ms-input-placeholder {
    font-size: 18px;
    color: #b9b7b7;
    font-weight: 600;
}

.modal__inputs input::placeholder {
    font-size: 18px;
    color: #b9b7b7;
    font-weight: 600;
}

.modal__area {
    margin-bottom: 15px;
}

.modal__area textarea {
    width: 100%;
    height: 135px;
    resize: none;
    background: #e7e7e7;
    border: 0;
    border-radius: 18px;
    font-size: 18px;
    font-weight: 400;
    color: #000;
    padding: 15px;
}

.modal__area textarea::-moz-placeholder {
    font-size: 18px;
    color: #b9b7b7;
    font-weight: 600;
}

.modal__area textarea::-ms-input-placeholder {
    font-size: 18px;
    color: #b9b7b7;
    font-weight: 600;
}

.modal__area textarea::placeholder {
    font-size: 18px;
    color: #b9b7b7;
    font-weight: 600;
}

.modal__btn {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 175px;
    height: 45px;
    font-size: 16px;
    font-weight: 600;
    color: #fff;
    background: #f36f21;
    border: 0;
    cursor: pointer;
    border-radius: 15px;
    margin: 0 auto;
    transition: 300ms;
}

.modal__btn:hover {
    background: #e26720;
}

.header__nav .border_elem {
    border: 1px solid #e26720;
    display: inline-block;
    padding: 6px 10px;
    border-radius: 5px;
}

.header__nav-dropdoun {
    /*width: 230px;*/
    background-color: #fff;
    border-radius: 10px;
    padding: 13px;
    box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.25);
}

.wrapper_header__nav-dropdoun {
    position: absolute;
    left: 50%;
    bottom: 0px;
    transform: translate(-50%, 100%);
    opacity: 0;
    pointer-events: none;
    transition: all .3s ease;
    padding-top: 10px;
    z-index: 10;
}

.item_nav-dropdoun .item-menu {
    font-weight: 600;
    cursor: pointer;
}

.item_nav-dropdoun.active .item-menu:after {
    transform: rotate(180deg);
    top: 4px;
}

.item_nav-dropdoun .item-menu:after {
    position: absolute;
    right: -15px;
    /*top: 6px;*/
    top: 50%;
    transform: translateY(-30%);
    content: '';
    display: block;
    width: 11px;
    height: 11px;
    background-image: url('data:image/svg+xml,<svg width="11" height="8" viewBox="0 0 11 8" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M1 1.32837L5.32837 5.65674L9.65674 1.32837" stroke="%23e26720" stroke-width="2"></path> </svg>');
    background-size: contain;
    background-repeat: no-repeat;
    transition: all .3s ease;
    transform-origin: center center;
}

.advantages__link {
    font-size: 18px;
    line-height: 20px;
    font-weight: 700;
    margin-top: 30px;
    color: #f36f21;
    position: relative;
}

.advantages__link:after {
    position: absolute;
    right: -24px;
    top: 6px;
    content: '';
    display: block;
    width: 16px;
    height: 11px;
    background-image: url('data:image/svg+xml,<svg width="25" height="16" viewBox="0 0 25 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M24.7071 8.70711C25.0976 8.31658 25.0976 7.68342 24.7071 7.2929L18.3431 0.928934C17.9526 0.538409 17.3195 0.538409 16.9289 0.928934C16.5384 1.31946 16.5384 1.95262 16.9289 2.34315L22.5858 8L16.9289 13.6569C16.5384 14.0474 16.5384 14.6805 16.9289 15.0711C17.3195 15.4616 17.9526 15.4616 18.3431 15.0711L24.7071 8.70711ZM-8.74228e-08 9L24 9L24 7L8.74228e-08 7L-8.74228e-08 9Z" fill="%23f36f21"></path></svg>');
    background-size: contain;
    background-repeat: no-repeat;
    transition: all .3s ease;

}


.item_nav-dropdoun.active .wrapper_header__nav-dropdoun {
    opacity: 1;
    pointer-events: all;
}

.item_nav-dropdoun {
    position: relative;
}

.header__nav-dropdoun li:first-child {
    margin-right: 0;
}

.header__nav-dropdoun li {
    margin-right: 0;
    margin-bottom: 5px;
    white-space: nowrap;
}

.services__block.padding30 {
    padding: 30px;
}

.services__block.padding30 .services__title, .services__block.padding30 .services__text {
    max-width: 1250px;
    margin: auto;
}

/*.services.skeldosanas-pakalpojumi-bg{*/
/*  background: url("/images/skeldosanas-pakalpojumi.webp") no-repeat;*/
/*  background-size: cover;*/
/*  background-position: center;*/
/*}*/

/*.services.zemes-darbi-bg{*/
/*  background: url("/images/zemes-darbi.webp") no-repeat;*/
/*  background-size: cover;*/
/*  background-position: center;*/
/*}*/
/*.services.tehnikas-noma-bg{*/
/*  background: url("/images/tehnikas-noma.webp") no-repeat;*/
/*  background-size: cover;*/
/*  background-position: center;*/
/*}*/
/*.services.eku-demontaza-bg{*/
/*  background: url("/images/eku-demontaza.webp") no-repeat;*/
/*  background-size: cover;*/
/*  background-position: center;*/
/*}*/

/*.services.beramkravu-pardosana-bg{*/
/*  background: url("/images/beramkravu-pardosana.webp") no-repeat;*/
/*  background-size: cover;*/
/*  background-position: center;*/
/*}*/

/*.services.buvgruzu-parstrade-bg{*/
/*  background: url("/images/buvgruzu-parstrade.webp") no-repeat;*/
/*  background-size: cover;*/
/*  background-position: center;*/
/*}*/

/*.services.sniega-tirisana-un-izvesana-bg{*/
/*  background: url("/images/sniega-tirisana.webp") no-repeat;*/
/*  background-size: cover;*/
/*  background-position: center;*/
/*}*/

.link__button {
    /*text-decoration: underline;*/
    padding-top: 10px;
}

.link__button__project {
    /*text-decoration: underline;*/
    padding-top: 10px;
    padding-left: 20px;
}

.footer .power-by_txt {
    margin-top: 10px;
    font-size: 16px;
    color: #fffcfc;
    text-align: center;
}

.footer .power-by_txt:hover {
    cursor: pointer;
}

@media only screen and (max-width: 576px) {
    .header__nav-dropdoun li {
        padding: 0;
    }

    .advantages__link {
        font-size: 16px;
        line-height: 16px;
        margin-top: 15px;
    }

    .advantages__link:after {
        top: 3px;
    }

    .services__block.padding30 {
        padding: 30px 15px;
    }

}

.typ__wrapper {
    display: none;
    margin-top: 107px;
    background-color: #F4F4F4;
    padding: 140px 0 180px;
    overflow: hidden;
    position: relative;
    min-height: 85vh;
    align-items: center;
}

.typ__wrapper.active {
    display: flex;
}

.typ__body {
    /*margin: 140px 0 180px;*/
    display: inline-block;
    background: #fff;
    padding: 52px 32px;
}

.typ__title {
    font-weight: 500;
    font-size: 36px;
    line-height: 120%;
    letter-spacing: 0.06em;
    color: #f36f21;
    margin: 18px 0;
}

.typ__description {
    font-weight: 500;
    font-size: 15px;
    line-height: 120%;
    letter-spacing: 0.07em;
    color: #000;
}

.typ__btn {
    margin-top: 38px;
    display: inline-flex;
    border-radius: 10px;
    padding: 16px 32px;
    background: #f36f21;
    font-weight: 500;
    color: #fff;
}

.banner_wood__body {
    border: 1px solid #dcdcdc;
    overflow: hidden;
    border-radius: 5px;
    display: flex;
    /*display: none;*/
    justify-content: flex-end;
    padding: 22px 110px;
    background: #eee url("/images/banner_wood_bg.png") no-repeat;
    background-size: cover;
    position: relative;
}

.banner_wood__content {
    max-width: 500px;
}

.banner_wood__title {
    font-weight: 700;
    font-size: 20px;
    line-height: 120%;
    letter-spacing: 0.01em;
    color: #192b1d;
    margin-bottom: 7px;
}

.banner_wood__description {
    font-weight: 500;
    font-size: 15px;
    line-height: 153%;
    letter-spacing: 0.07em;
    color: #000;
}

.banner_wood__btn {
    margin-top: 20px;
    font-weight: 700;
    font-size: 16px;
    line-height: 150%;
    text-transform: uppercase;
    text-align: center;
    color: #000;
    background: #f36f21;
    padding: 8px 36px;
    border-radius: 10px;
}

.typ__btn:hover {
    color: #fff;
}

.typ__bg_img {
    width: 60%;
    height: 100%;
    object-fit: cover;
    position: absolute;
    right: 0;
    top: 0;
}

.typ__orange_line {
    position: absolute;
    top: 50%;
    transform: translateY(-50%) rotate(-82deg);
    left: -30%;
}

.typ__white_line_1 {
    position: absolute;
    top: 50%;
    transform: translateY(-50%) rotate(-99deg);
    left: -34%;
}

.typ__white_line_2 {
    position: absolute;
    top: 50%;
    transform: translateY(-50%) rotate(-99deg);
    left: -5%;
}

@media (max-width: 2200px) {
    .typ__orange_line {
        left: -30%;
    }

    .typ__white_line_1 {
        left: -45%;
    }

    .typ__white_line_2 {
        left: -15%;
    }
}

#server_datetime {
    display: none;
}

@media (max-width: 777px) {
    .typ__wrapper {
        margin-top: 67px;
        padding: 46px 0;
        min-height: 89vh;
    }

    .typ__wrapper.active {
        display: block;
    }

    .typ__body {
        display: flex;
        flex-direction: column;
        align-items: center;
        position: relative;
        z-index: 2;
        padding: 24px;
    }

    .typ__bg_img {
        width: 100%;
        top: 208px;
    }

    .typ__title {
        font-weight: 700;
        font-size: 20px;
        margin-bottom: 12px;
        text-align: center;
    }

    .typ__description {
        text-align: center;
    }

    .typ__btn {
        display: flex;
        text-align: center;
        margin-top: 30px;
        width: 100%;
        justify-content: center;
    }

    .typ__orange_line {
        top: 180px;
        z-index: 10;
        height: 60px;
        max-width: none;
        left: 0;
        z-index: 1;
        transform: rotate(-180deg);
    }

    .typ__white_line_1 {
        z-index: 1;
        top: -46px;
        transform: rotate(160deg);
        transform-origin: top;
        left: -17px;
        height: 60px;
        max-width: none;
    }

    .typ__white_line_2 {
        z-index: 1;
        top: 260px;
        transform: rotate(160deg);
        transform-origin: top;
        left: -17px;
        height: 60px;
        max-width: none;
    }

    .typ__bg_img {
        object-position: 85%;
    }
}

.banner_wood__btn:hover {
    color: #000000;
}

.banner_wood_img {
    position: absolute;
    width: 193px;
    top: 50%;
    transform: translateY(-40%);
    left: 110px;
}

.banner_wood__container {
    margin-top: 20px;
    margin-bottom: 60px;
    max-width: 1000px;
}

.point_button_link {
    width: 45%;
    margin: auto;
    margin-top: 20px;
    min-width: 130px;
    display: block;
    background: #f36f21;
    padding: 15px;
    border-radius: 10px;
    font-weight: 700;
    font-size: 16px;
    line-height: 150%;
    text-transform: uppercase;
    text-align: center;
    color: #000;
}

.point_button_link:hover {
    color: #000;
}

.notif_point_1.max-width-500 {
    max-width: 500px;
    margin: auto;
}

.notif_wood_img {
    width: 100%;
    margin-bottom: 20px;
}

.notif_wood .cross_wrap_1 {
    width: 20px;
    height: 20px;
    top: 19px;
    right: 19px;
}

.notif_wood .first_line_1 {
    top: 9px;
}

.notif_wood .second_line_1 {
    left: 9px;
}

.item_nav-dropdoun .item-menu.border_elem {
    display: flex;
    align-items: center;
    white-space: nowrap;
    margin-left: 5px;
}

@media (max-width: 1001px) {
    .banner_wood_img {
        display: none;
    }

    .banner_wood__body {
        padding: 20px;
        justify-content: center;
        background-position: center;
    }
}

@media (max-width: 777px) {
    .item_nav-dropdoun .item-menu.border_elem {
        display: inline-flex;
    }
}

@media (max-width: 576px) {
    .banner_wood_img {
        display: block;
        position: static;
        transform: none;
        width: 120px;
    }

    .banner_wood__body {
        align-items: center;
        /*flex-direction: column;*/
        gap: 20px;
    }

    .banner_wood__body .banner_wood__description {
        display: none;
    }

    .banner_wood__btn {
        width: 100%;
    }
}

.item_nav-dropdoun .item-menu.border_elem:after {
    position: static;
    transform: translate(4px, 2px);
}

.item_nav-dropdoun .item-menu.border_elem:after {
    position: static;
    transform: translate(4px, 2px);
}

.item_nav-dropdoun.active .item-menu.border_elem:after {
    transform: translate(4px, 0px) rotate(180deg);
}

.notif_point_1 {
    margin-bottom: 10px;
}

.notif_header_1 {
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 10px;
}

.text-center {
    text-align: center;
}

.notif_outer_1 {
    display: none;
    position: fixed;
    width: 100%;
    height: 100%;
    z-index: 999;
    top: 0;
    left: 0;
    overflow-y: auto;
}


.notif_bg_1 {
    background-color: rgba(0, 0, 0, 0.3);

    position: absolute;
    width: 100%;
    height: 100%;
    z-index: -1;
}

.notif_inner_1 {
    max-width: 800px;
    margin: auto;
    background-color: white;

    padding: 45px;
    min-width: 400px;
    border-radius: 5px;

    position: relative;
    overflow: hidden;
    box-shadow: 0 1.8px 2.2px rgba(0, 0, 0, 0.017),
    0 4.3px 5.3px rgba(0, 0, 0, 0.024),
    0 8px 10px rgba(0, 0, 0, 0.03),
    0 14.3px 17.9px rgba(0, 0, 0, 0.036),
    0 26.7px 33.4px rgba(0, 0, 0, 0.043),
    0 64px 80px rgba(0, 0, 0, 0.06);
    border: 1px solid rgba(0, 0, 0, 0.2);
    top: 50%;
    transform: translateY(-50%);
}

.cross_wrap_1 {
    width: 30px;
    height: 30px;
    position: absolute;
    right: 30px;
    top: 25px;
    transform: rotateZ(45deg);
    cursor: pointer;
}

.notif_wrap_1 {
    background-color: lightgray;
    width: 50%;
    margin: auto;
    margin-bottom: 35px;
    padding: 25px;
    border-radius: 5px;
}

.first_line_1 {
    width: 100%;
    height: 2px;
    position: absolute;
    top: 14px;
    left: 0;
    background-color: gray;
}

.second_line_1 {
    height: 100%;
    width: 2px;
    position: absolute;
    left: 14px;
    top: 0;
    background-color: gray;
}