* {
            margin: 0;
            padding: 0;
        }

        .main-frame {
            display: flex;
            align-items: center;
            justify-content: center;
            width: 100%;
            background: #d9d9d9;
        }

        .main-content-wrapper {
			position: relative;
			min-height: 100vh;
            min-width: 1100px;
            max-width: 1100px;
            background: linear-gradient(180deg, rgba(2, 5, 5, 1) 36.84%, rgba(133, 156, 161, 1) 100%);
        }

        .header-section {
            box-sizing: border-box;
            display: flex;
            flex-direction: row;
            align-items: center;
            justify-content: space-between;
            width: 100%;
            min-width: 1100px;
            height: 70px;
			padding-top: 0;
            padding-right: 30px;
            padding-left: 30px;
            background: #1d2f30;
            border-radius: 3px;
            z-index: 4;
        }

        .header--fixed {
            position: fixed;
            max-width: 1100px;
            top: 0;
        }

        .hierarchical-flex-container {
            display: flex;
            flex: 0 0 auto;
            flex-direction: row;
            align-items: center;
            justify-content: flex-start;
        }

        .hero-section {
            display: flex;
            flex: 0 0 auto;
            flex-direction: column;
            align-items: stretch;
            justify-content: center;
        }

        .limited-responsibility-society-logo {
            box-sizing: border-box;
            display: block;
            width: 51px;
            max-width: initial;
            height: 51px;
        }

        .limited-responsibility-society-company-name {
            flex: 0 0 auto;
            padding: 0;
            margin: 0;
            margin-left: 10px;
            color: #bacdb9;
            text-align: left;
        }

        .limited-responsibility-society-heading {
            font: 400 14px "PT Sans Caption", sans-serif;
            text-align: left;
        }

        .dome-style {
            font: 400 20px "PT Sans Caption", sans-serif;
            text-align: left;
        }


        .navigation-menu-container {
            display: flex;
            flex: 0 0 auto;
            flex-direction: row;
            gap: 40px;
            align-items: center;
            justify-content: flex-start;
            order: 999;
            margin-left: auto;
        }

        .drop-down-list-menu-item{
            display: flex;
            flex: 0 0 auto;
            flex-direction: row;
            gap: 8px;
        }

        .menu-item {
            flex: 0 0 auto;
            margin: 0;
            padding: 0;
            font: 400 18px "Russo One", sans-serif;
            color: #bacdb9;
            position: relative;
            cursor: pointer;
            line-height: 1; /*задаём высоту строки*/
            text-decoration: none; /*убираем подчёркивание*/
        }

        .menu-item:after {
            display: block;
            position: absolute;
            left: 0; /*изменить на right:0;, чтобы изменить направление подчёркивания */
            width: 0;/*задаём длинну линии до наведения курсора*/
            height: 2px; /*задаём ширину линии*/
            background-color: #bacdb9; /*задаём цвет линии*/
            content: "";
            transition: width 0.3s ease-out; /*задаём время анимации*/
        }

        .menu-item:hover:after,
        .menu-item:focus:after {
            width: 100%; /*устанавливаем значение 100% чтобы ссылка подчёркивалась полностью*/
        }

        .signin-image-wrapper {
            box-sizing: border-box;
            display: block;
            width: 40px;
            max-width: initial;
            height: 40px;
            margin-left: 20px;
        }

        .background-section {
            box-sizing: border-box;
            flex: 0 0 auto;
            max-width: initial;
            background: url("./assets/background.jpg") 50% / cover no-repeat;
            border: none;
        }

        .metal-parts-description {
            box-sizing: border-box;
            max-width: 1100px;
            padding-right: 100px;
            padding-left: 100px;
            margin-top: 40px;
        }

        .metal-detail-heading {
            box-sizing: border-box;
            width: 100%;
            padding: 0;
            margin: 0;
            font: 400 40px "PT Sans Caption", sans-serif;
            color: #d9d9d9;
            text-align: left;
        }

        .metal-detail-description-text-style {
            box-sizing: border-box;
            width: 100%;
            padding: 0;
            margin: 0;
            margin-top: 18px;
            font: 400 24px "PT Sans Caption", sans-serif;
            color: #bcbcbc;
            text-align: left;
        }

        .request-text {
            box-sizing: border-box;
            width: 100%;
            padding: 0;
            margin: 0;
            margin-top: 300px;
            font: 400 24px "PT Sans Caption", sans-serif;
            color: #bcbcbc;
            text-align: center;
        }

        #test1 {
            max-width: 400px;
            margin: 0 auto;
            overflow: hidden;
        }

            #test1 img {
                max-width: 100%;
                animation: none 3s linear forwards;
            }

        #test2 {
            max-width: 400px;
            margin: 0 auto;
            overflow: hidden;
        }

            #test2 img {
                max-width: 100%;
                animation: none 3s linear forwards;
            }

        #test3 {
            max-width: 400px;
            margin: 0 auto;
            overflow: hidden;
        }

            #test3 img {
                max-width: 100%;
                animation: none 3s linear forwards;
            }

        @keyframes img-in {
            0% {
                filter: grayscale(100%);
                opacity: 0;
                transform: scale(1.05);
            }

            10% {
                filter: grayscale(100%);
                opacity: 0;
                transform: scale(1.05);
            }

            60% {
                filter: grayscale(100%);
                opacity: 1;
                transform: scale(1);
            }

            100% {
                filter: grayscale(0);
            }
        }

        @keyframes img-out {
            0% {
                filter: grayscale(0);
                opacity: 1;
                transform: scale(1);
            }

            30% {
                filter: grayscale(100%);
            }

            100% {
                filter: grayscale(100%);
                opacity: 0;
                transform: scale(1.05);
            }
        }

        .presentation-image-flex-container {
            box-sizing: border-box;
            display: flex;
            flex: 0 0 auto;
            flex-direction: row;
            gap: 50px;
            align-items: center;
            align-self: center;
            justify-content: space-between;
            min-width: 320px;
            margin-top: -30px;
        }

        .image-container-300px {
            box-sizing: border-box;
            display: block;
            width: 300px;
            max-width: initial;
            height: 300px;
            border: none;
            object-fit: cover;
        }

        .company-info-container {
            display: flex;
            flex: 0 0 auto;
            flex-direction: column;
            align-items: center;
            justify-content: flex-start;
            margin-top: 0;
            padding-right: 40px;
            padding-left: 40px;
        }

        .engineering-firm-info-section {
            box-sizing: border-box;
            max-width: initial;
        }

        .corporate-info-container {
            box-sizing: border-box;
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: flex-start;
            width: 100%;
        }

        .futuristic-heading {
            flex: 0 0 auto;
            padding: 0;
            margin: 0;
            margin-left: -74px;
            font: 400 36px "PT Sans Caption", sans-serif;
            color: #d9d9d9;
        }

        .engineering-firm-info-container {
            display: flex;
            flex: 0 0 auto;
            flex-direction: column;
            align-items: center;
            align-self: stretch;
            justify-content: flex-start;
            margin-top: 20px;
        }

        .engineering-company-info-container {
            box-sizing: border-box;
            display: flex;
            flex: 0 0 auto;
            flex-direction: row;
            gap: 20px;
            align-items: flex-start;
            justify-content: space-between;
            min-width: 900px;
        }

        .company-services-info-container {
            box-sizing: border-box;
            display: flex;
            flex: 0 0 auto;
            flex-direction: row;
            gap: 20px;
            align-items: flex-start;
            justify-content: space-between;
            padding-right: 40px;
            padding-left: 40px;
        }

        .services-info-container {
            display: flex;
            flex-direction: row;
            gap: 20px;
        }

        .info-container {
            padding-top: 10%;
            padding-left: 8%;
            padding-right: 8%;
            display: grid;
            grid-template-columns: repeat(2, 1fr);
            grid-template-rows: repeat(2, 1fr);
            gap: 20px;
            min-width: 900px;
        }

        .engineering-company-description-style {
            box-sizing: border-box;
            flex: 0 0 auto;
            max-width: 700px;
            align-self: stretch;
            padding: 0;
            margin: 0;
            font: 400 18px "PT Sans Caption", sans-serif;
            color: white;
            text-align: justify;
        }

        .company-description-style {
            box-sizing: border-box;
            flex: 0 0 auto;
            min-width: 1100px;
            align-self: stretch;
            padding: 0;
            margin: 0;
            font: 400 18px "PT Sans Caption", sans-serif;
            color: white;
            text-align: justify;
        }

        .engineering-description-text-style {
            font: 400 18px "PT Sans Caption", sans-serif;
            color: #f65656;
            text-align: justify;
        }

        .engineering-company-image {
            box-sizing: border-box;
            display: block;
            width: 300px;
            max-width: initial;
            height: 200px;
            border: none;
            object-fit: cover;
        }

        .precise-text-styler1 {
            flex: 0 0 auto;
            align-self: stretch;
            padding: 0;
            margin: 0;
            font: 400 18px "PT Sans Caption", sans-serif;
            color: white;
            text-align: justify;
        }

        .key-points-section-text-style {
            font: 400 18px "PT Sans Caption", sans-serif;
            color: #d56767;
            text-align: justify;
        }

        .flex-container-aligned-start {
            display: flex;
            flex: 0 0 auto;
            flex-direction: row;
            align-items: flex-start;
            align-self: stretch;
            justify-content: flex-start;
            margin-top: 16px;
        }

        .advantage-section-image {
            box-sizing: border-box;
            display: block;
            width: 300px;
            max-width: initial;
            height: 200px;
            border: none;
            object-fit: cover;
        }

        .advantage-list-styles {
            flex: 0 1 auto;
            padding: 0;
            margin: 0;
            margin-left: 33px;
            font: 400 18px "PT Sans Caption", sans-serif;
            color: white;
            text-align: justify;
        }

        .advantage-description-text-style {
            font: 400 18px "PT Sans Caption", sans-serif;
            color: #bd5757;
            text-align: justify;
        }

        .precise-text-styler {
            flex: 0 0 auto;
            align-self: stretch;
            padding: 0;
            margin: 0;
            margin-top: 9px;
            margin-right: 9px;
            margin-left: 9px;
            font: 400 18px "PT Sans Caption", sans-serif;
            color: white;
            text-align: justify;
        }

        .static-right-background-section{
            background: url("./assets/right_background.jpg") 50% / cover no-repeat;
            background-size: 500px;
            background-position: 85%;
            background-attachment: fixed;
            margin-left: -200px;
            min-width: 340px;
            height: 750px;
            border: none;
            z-index: 1;
        }

        .static-left-background-section{
            background: url("./assets/left_background.jpg") 50% / cover no-repeat;
            background-size: 600px;
            background-position: 15%;
            background-attachment: fixed;
            margin-right: -200px;
            min-width: 400px;
            height: 645px;
            border: none;
            z-index: 1;
        }

        .info-text-container{
            margin-top: 20px;
            margin-right: 20px;
            margin-left: 20px;
            padding: 10px;
            font: 400 18px "PT Sans Caption", sans-serif;
            color: #142122;
            background: #c6d6c6;
            border-radius: 3px;
            box-shadow: 3px 3px 3px #142122;
        }

        .request-form-container {
            box-sizing: border-box;
            width: 100%;
            margin-top: 50px;
            padding-right: 50px;
            padding-left: 50px;
			margin-bottom: 100px;
            max-width: initial;
            min-width: 1100px;
        }

        .request-heading {
            padding: 0;
            margin: 0;
            font: 400 36px "PT Sans Caption", sans-serif;
            color: white;
        }

        .form-container {
            box-sizing: border-box;
            display: flex;
            flex-direction: row;
            gap: 8px;
            align-items: flex-start;
            justify-content: space-between;
            width: 100%;
            margin-top: 10px;
        }

        .left-contact-form-container {
            box-sizing: border-box;
            flex: 0 0 auto;
            width: 48%;
        }

        .right-contact-form-container {
            box-sizing: border-box;
            display: flex;
            flex: 0 0 auto;
            flex-direction: column;
            align-items: stretch;
            justify-content: center;
            width: 48%;
        }

        .form-title-text-style {
            padding: 0;
            margin: 0;
            font: 400 20px "PT Sans Caption", sans-serif;
            margin-top: 20px;
            color: white;
        }

        .input-field {
            box-sizing: border-box;
            width: 100%;
            height: 40px;
            margin-top: 10px;
            background: #d9d9d9;
			padding-left: 5px;
            font: 400 20px "PT Sans Caption", sans-serif;
            border: none;
            border-radius: 3px;
        }

        .message-container {
            box-sizing: border-box;
            width: 100%;
            height: 135px;
            margin-top: 10px;
            background: #d9d9d9;
			padding-left: 5px;
			padding-top: 5px;
			text-align: justify;
            font: 400 18px "PT Sans Caption", sans-serif;
            border: none;
            border-radius: 3px;
        }

        .send-message-button {
            box-sizing: border-box;
            display: block;
            flex: 0 0 auto;
            align-self: flex-end;
            width: 200px;
            min-width: 200px;
            height: 40px;
            margin-top: 50px;
            font: 400 24px "PT Sans Caption", sans-serif;
            color: #1d2f30;
            cursor: pointer;
            background: #d9d9d9;
            border: none;
            border-radius: 3px;
        }

            .send-message-button:hover {
                background: #d9d9d9;
                color: #1d2f30;
                box-shadow: inset 0 0 0 3px #1d2f30;
            }

        .footer-section {
            box-sizing: border-box;
            display: flex;
            flex-direction: row;
            align-items: center;
            justify-content: space-between;
            width: 100%;
            height: 70px;
            padding-right: 30px;
			padding-left: 30px;
			position: absolute;
			bottom:  0;
            background: #1d2f30;
            border-radius: 3px;
        }

        .navi li {
            position: relative;
            list-style-type: none;
            margin: 15px;
        }

        .sub-menu {
            display: none;
            position: absolute;
            background: #253f40;
            box-shadow: 3px 3px 3px #142122;
            list-style-type: none;
            z-index: 5;
        }

        .navi li:hover > .sub-menu {
            display: block;
            width: max-content;
        }

        .svg-container1 {
            display: flex;
            flex: 0 0 auto;
            width: 16px;
            height: 16px;
            margin-left: -5px;
        }

        table {
            border-collapse: collapse;
            width: 1000px;
        }

        td {
            border: 1px solid grey;
        }

        .carousel {
            margin-top: 20px;
            margin-bottom: 20px;
            width: 600px;
            height: 400px;
            position: relative;
        }

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

        .slide {
            display: flex;
            flex: 0 0 auto;
            flex-direction: row;
            gap: 8px;
            position: absolute;
            opacity: 0;
            inset: 0;
            transition: 300ms opacity ease-in-out;
        }

        .slide[data-active]{
            opacity: 1;
            z-index: 1;
        }

        .slide img {
            display: block;
            width: 100%;
            height: 100%;
            object-fit: cover;
            object-position: center;
        }

        .carousel-button {
            position: absolute;
            z-index: 2;
            font-size: 4rem;
            background: none;  /* + */
            border: none;      /* + */
            top: 50%;
            color: rgba(255, 255, 255, 0.5);
            cursor: pointer;
            border-radius: .25rem;
            padding: 0 .5rem;
            background-color: rgba(0, 0, 0, .2);
        }

        .carousel-button:hover,
        .carousel-button:focus{
            color: white;
            background-color: rgba(0, 0, 0, .2);
        }

        .carousel-button.next {
            right: 1rem;
            margin-right: -100px;
        }

        .carousel-button.prev {
            left: 1rem;
            margin-left: -100px;
        }