@media (max-width: 3840px) {
        .footer:before {
        content: '';
        position: absolute;
        left: 0;
        background-image: url(/storage/app/media/footer_lines.png);
        background-repeat: no-repeat;
        width: 100%;
        height: 281%;
        bottom: 0;
        top: -1288px;
        background-size: cover;
    }
    
    .main_otzyv_block{
        background: #151515;
        width: 100%;
        padding: 100px 0px;
        position: relative;
        margin-bottom: 200px;
        clip-path: polygon(0 0, 84% 0, 100% 30%, 100% 100%, 20% 100%, 0 55%);
    }

    .prem_block {
        background: #151515;
        width: 100%;
        padding: 100px 0px;
        position: relative;
        margin-bottom: 200px;
        clip-path: polygon(0 0, 84% 0, 100% 38%, 100% 100%, 25% 100%, 0 49%);
    }
    
    .prem_block-block {
        background: #151515;
        width: 100%;
        padding: 100px 0px;
        position: relative;
        margin-bottom: 200px;
        clip-path: polygon(0 0, 84% 0, 100% 25%, 100% 100%, 23% 100%, 0 66%);
    }
    
    .zhbi_block {
        background: #151515;
        width: 100%;
        padding: 100px 0px;
        position: relative;
        margin-bottom: 200px;
        clip-path: polygon(0 0, 84% 0, 100% 18%, 100% 100%, 23% 100%, 0 76%);
    }
    
    .peskobeton_block {
        background: #151515;
        width: 100%;
        padding: 100px 0px;
        position: relative;
        margin-bottom: 200px;
        clip-path: polygon(0 0, 84% 0, 100% 26%, 100% 100%, 20% 100%, 0 62%);
    }
    
    .main_product_block {
        background: #151515;
        width: 100%;
        padding: 60px 0px 79px 0px;
        position: relative;
        margin-bottom: 200px;
    }
    
    .head_line_img {
        position: absolute;
        top: -400px;
        z-index: 1;
        width: 100%;
    }
    
    .fot_line_img {
        position: absolute;
        bottom: -180px;
        z-index: 1;
        width: 100%;
    }
}

@media (max-width: 2560px) {
    .main_otzyv_block {
        background: #151515;
        width: 100%;
        padding: 100px 0px;
        position: relative;
        margin-bottom: 200px;
        clip-path: polygon(0 0, 84% 0, 100% 17%, 100% 100%, 20% 100%, 0 74%);
    }
    
    .zhbi_grid .zhbi_item:nth-child(3)::before {
        content: '';
        position: absolute;
        background-image: url(/storage/app/media/lines/line2.svg);
        background-repeat: no-repeat;
        width: 100%;
        height: 100%;
        bottom: 94px;
        z-index: 1;
        left: 83px;
    }
    
    .prem_block-block {
        background: #151515;
        width: 100%;
        padding: 100px 0px;
        position: relative;
        margin-bottom: 200px;
        clip-path: polygon(0 0, 84% 0, 100% 15%, 100% 100%, 23% 100%, 0 79%);
    }
    
    .zhbi_block {
        background: #151515;
        width: 100%;
        padding: 100px 0px;
        position: relative;
        margin-bottom: 200px;
        clip-path: polygon(0 0, 84% 0, 100% 11%, 100% 100%, 23% 100%, 0 84%);
    }
    
    .peskobeton_block {
        background: #151515;
        width: 100%;
        padding: 100px 0px;
        position: relative;
        margin-bottom: 200px;
        clip-path: polygon(0 0, 84% 0, 100% 13%, 100% 100%, 23% 100%, 0 78%);
    }
    
    .prem_block {
        background: #151515;
        width: 100%;
        padding: 100px 0px;
        position: relative;
        margin-bottom: 200px;
        clip-path: polygon(0 0, 86% 0, 100% 24%, 100% 100%, 20% 100%, 0 67%);
    }
    
    .fot_line_img {
        position: absolute;
        bottom: -125px;
        z-index: 1;
        width: 100%;
    }
    
    .main_product_block {
        background: #151515;
        width: 100%;
        padding: 60px 0px 79px 0px;
        position: relative;
        margin-bottom: 200px;
    }
     
        .footer:before {
        content: '';
        position: absolute;
        left: 0;
        background-image: url(/storage/app/media/footer_lines.png);
        background-repeat: no-repeat;
        width: 100%;
        height: 191%;
        bottom: 0;
        top: -862px;
        background-size: cover;
    }
    
    .banner_wrap {
        position: absolute;
        top: 48%;
        left: 0;
        width: 100%;
        transform: translateY(-50%);
        z-index: 1;
    }
    
    .head_line_img {
        position: absolute;
        top: -277px;
        z-index: 1;
        width: 100%;
    }
}

@media (max-width: 1921px) {
    .footer:before {
        content: '';
        position: absolute;
        left: 0;
        background-image: url(/storage/app/media/footer_lines.png);
        background-repeat: no-repeat;
        width: 100%;
        height: 141%;
        bottom: 0;
        top: -638px;
        background-size: cover;
    }
    
    .footer {
        background: #151515;
        position: relative;
        padding: 340px 0px 50px 0px;
        width: 100%;
        /* clip-path: polygon(0% 0%, 20% 35%, 100% 0%, 100% 100%, 20% 100%, 0 100%); */
        background: radial-gradient(ellipse at 64% top, transparent 30%, #151515 29%);
    }
    
    .prem_block-block {
        background: #151515;
        width: 100%;
        padding: 100px 0px;
        position: relative;
        margin-bottom: 150px;
        clip-path: polygon(0 0, 84% 0, 100% 11%, 100% 100%, 23% 100%, 0 84%);
    }
    
    .zhbi_block {
        background: #151515;
        width: 100%;
        padding: 100px 0px;
        position: relative;
        margin-bottom: 200px;
        clip-path: polygon(0 0, 84% 0, 100% 8%, 100% 100%, 23% 100%, 0 88%);
    }
    
    .peskobeton_block {
        background: #151515;
        width: 100%;
        padding: 100px 0px;
        position: relative;
        margin-bottom: 200px;
        clip-path: polygon(0 0, 84% 0, 100% 10%, 100% 100%, 23% 100%, 0 83%);
    }

    .head_line_img {
        top: -210px;
    }
    
    .fot_line_img {
        position: absolute;
        bottom: -90px;
        z-index: 1;
    }
    
    .prem_block {
        background: #151515;
        width: 100%;
        padding: 100px 0px;
        position: relative;
        margin-bottom: 200px;
        clip-path: polygon(0 0, 84% 0, 100% 17%, 100% 100%, 20% 100%, 0 76%);
    }
}

@media (max-width: 1680px) {
    .head_line_img {
        top: -183px;
    }
    
    .fot_line_img {
        position: absolute;
        bottom: -78px;
        z-index: 1;
    }
    
    .footer {
        background: #151515;
        position: relative;
        padding: 340px 0px 50px 0px;
        width: 100%;
        /* clip-path: polygon(0% 0%, 20% 35%, 100% 0%, 100% 100%, 20% 100%, 0 100%); */
        background: radial-gradient(ellipse at 72% top, transparent 30%, #151515 29%);
    }
}

@media (max-width: 1600px) {
    .head_line_img {
        top: -176px;
    }
    
    .fot_line_img {
        position: absolute;
        bottom: -70px;
        z-index: 1;
    }
    
    .footer {
        background: #151515;
        position: relative;
        padding: 340px 0px 50px 0px;
        width: 100%;
        background: radial-gradient(ellipse at 75% top, transparent 30%, #151515 29%);
    }
}

@media (max-width: 1536px) {
    .head_line_img {
        top: -164px;
    }
    
    .fot_line_img {
        position: absolute;
        bottom: -62px;
        z-index: 1;
    }
    
    .head_line_img {
        top: -159px;
    }
    
        .head_line_img {
        top: -165px;
    }
}

@media (max-width: 1527px) {
    .head_line_img {
        top: -165px;
    }
    
    .fot_line_img {
        position: absolute;
        bottom: -63px;
        z-index: 1;
    }
    
    .main_otzyv_block {
        background: #151515;
        width: 100%;
        padding: 100px 0px;
        position: relative;
        margin-bottom: 200px;
        clip-path: polygon(0 0, 84% 0, 100% 17%, 100% 100%, 20% 100%, 0 76%);
    }
    
    .footer {
        background: #151515;
        position: relative;
        padding: 340px 0px 50px 0px;
        width: 100%;
        /* clip-path: polygon(0% 0%, 20% 35%, 100% 0%, 100% 100%, 20% 100%, 0 100%); */
        background: radial-gradient(ellipse at 70% top, transparent 34%, #151515 27%);
    }
}
    
    
@media (max-width: 1440px) {
    .main_otzyv_block{
        background: #151515;
        width: 100%;
        padding: 100px 0px;
        position: relative;
        margin-bottom: 200px;
        clip-path: polygon(0 0, 84% 0, 100% 17%, 100% 100%, 20% 100%, 0 78%);
    }
    
    .zhbi_grid .zhbi_item:nth-child(3)::before {
        content: '';
        position: absolute;
        background-image: url(/storage/app/media/lines/line2.svg);
        background-repeat: no-repeat;
        width: 100%;
        height: 100%;
        bottom: 87px;
        z-index: 1;
        left: 89px;
    }
    
    .head_line_img {
        position: absolute;
        top: -155px;
        z-index: 1;
    }
    
    .fot_line_img {
        position: absolute;
        bottom: -65px;
        z-index: 1;
    }
    
    .banner_wrap {
        position: absolute;
        top: 50%;
        left: 0;
        width: 100%;
        transform: translateY(-50%);
        z-index: 1;
    }

    .main_product_block {
        background: #151515;
        width: 100%;
        padding: 60px 0px 79px 0px;
        position: relative;
        margin-bottom: 200px;
    }
    
    .product_number p:nth-child(2) {
        color: #151515;
        font-size: 20px;
        font-weight: 500;
    }

    .footer:before {
        content: '';
        position: absolute;
        left: 0;
        background-image: url(/storage/app/media/subtract2.png);
        background-repeat: no-repeat;
        width: 100%;
        height: 141%;
        bottom: 0;
        top: -477px;
        background-size: contain;
    }

    .footer {
        background: #151515;
        position: relative;
        padding: 250px 0px 50px 0px;
        width: 100%;
    }

    .realizatsiya_bsu_title {
        color: #2F3540;
        font-size: 38px;
        font-weight: 600;
        text-transform: uppercase;
        margin-bottom: 50px;
        position: relative;
        z-index: 1;
    }
}

@media (max-width: 1280px) {
    .head_line_img {
        position: absolute;
        top: -140px;
        z-index: 1;
    }
    
    .fot_line_img {
        position: absolute;
        bottom: -48px;
        z-index: 1;
    }
    
    .footer:before {
        content: '';
        position: absolute;
        left: 0;
        background-image: url(/storage/app/media/subtract2.png);
        background-repeat: no-repeat;
        width: 100%;
        height: 141%;
        bottom: 0;
        top: -401px;
        background-size: contain;
    }
    
    .peskobeton_block {
        background: #151515;
        width: 100%;
        padding: 100px 0px;
        position: relative;
        margin-bottom: 200px;
        clip-path: polygon(0 0, 84% 0, 100% 10%, 100% 100%, 23% 100%, 0 86%);
    }
    
    .peskobeton_product_grid {
        display: grid;
        grid-template-columns: 1fr 1fr 1fr;
        gap: 30px;
        position: relative;
        z-index: 2;
        margin-bottom: 50px;
    }
}

@media (max-width: 1024px) {
    .main_about_number {
        color: #151515;
        font-size: 62px;
        font-weight: 400;
    }
    
    .main_about_grid {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 20px;
        margin-bottom: 170px;
    }
    
    .main_proekt_item img {
        width: 100%;
        height: auto;
        object-fit: cover;
    }
    
    .proekt_slider {
        margin-bottom: 0px;
    }
    
    .footer_menu{
        display:none;
    }
    
    .zhbi_grid .zhbi_item:nth-child(3)::after {
        content: '';
        position: absolute;
        background-image: url(/storage/app/media/lines/line3.svg);
        background-repeat: no-repeat;
        width: 100%;
        height: 100%;
        z-index: 1;
        left: 131px;
        top: 127px;
    }
    
    .zhbi_grid .zhbi_item:nth-child(3)::before {
        content: '';
        position: absolute;
        background-image: url(/storage/app/media/lines/line2.svg);
        background-repeat: no-repeat;
        width: 100%;
        height: 100%;
        bottom: 71px;
        z-index: 0;
        left: 21px;
    }
    
    .bsu_img {
        width: 100%;
        height: auto;
        object-fit: cover;
    }
    
    .prem_block-block {
        background: #151515;
        width: 100%;
        padding: 100px 0px;
        position: relative;
        margin-bottom: 100px;
        clip-path: polygon(0 0, 84% 0, 100% 11%, 100% 100%, 23% 100%, 0 88%);
    }
    
    .zhbi_block {
        background: #151515;
        width: 100%;
        padding: 100px 0px;
        position: relative;
        margin-bottom: 200px;
        clip-path: polygon(0 0, 84% 0, 100% 6%, 100% 100%, 23% 100%, 0 91%);
    }
    
    .peskobeton_block {
        background: #151515;
        width: 100%;
        padding: 100px 0px;
        position: relative;
        margin-bottom: 200px;
        clip-path: polygon(0 0, 84% 0, 100% 5%, 100% 100%, 23% 100%, 0 89%);
    }
    
    .prem_block {
        background: #151515;
        width: 100%;
        padding: 100px 0px;
        position: relative;
        margin-bottom: 200px;
        clip-path: polygon(0 0, 86% 0, 100% 14%, 100% 100%, 20% 100%, 0 82%);
    }
    
    .fot_line_img {
        position: absolute;
        bottom: -41px;
        z-index: 1;
    }
    
    .head_line_img {
        position: absolute;
        top: -111px;
        z-index: 1;
    }
    
    .main_otzyv_block {
        background: #151515;
        width: 100%;
        padding: 100px 0px;
        position: relative;
        margin-bottom: 200px;
        clip-path: polygon(0 0, 84% 0, 100% 13%, 100% 100%, 20% 100%, 0 84%);
    }
    
    .zhbi_item-item::before {
        content: '';
        position: absolute;
        left: 43px;
        background-image: url(/storage/app/media/lines/line4.svg);
        background-repeat: no-repeat;
        width: 100%;
        height: 100%;
        bottom: 0;
    }
    
    .zhbi_item-item img{
        position: relative;
        z-index: 1;
        }
    
    .zhbi_item {
        display: flex;
        align-items: center;
        gap: 15px;
        position: relative;
        z-index: 2;
        width: 494px;
    }
    
    .main_product_item {
        background: #282828;
        padding: 26px;
    }

    .header_menu li {
        margin-right: 15px;
    }

    .banner_wrap{
        position: absolute;
        top: 44%;
        left: 0;
        width: 100%;
        transform: translateY(-50%);
        z-index: 1;
    }

    .footer:before {
        content: '';
        position: absolute;
        left: 0;
        background-image: url(/storage/app/media/subtract2.png);
        background-repeat: no-repeat;
        width: 100%;
        height: 136%;
        bottom: 0;
        top: -343px;
        background-size: contain;
    }

    .footer {
        background: #151515;
        position: relative;
        padding: 173px 0px 50px 0px;
        width: 100%;
    }

    .footer_icons {
        margin-left: 38vh;
    }
}

@media (max-width: 1023px) {
    .menu {
        display: block;
    }

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

    .burger {
        position: relative;
        z-index: 1;
        cursor: pointer;
        display: block;
        position: relative;
        border: none;
        background: transparent;
        width: 40px;
        height: 26px;
    }

    .burger::before,
    .burger::after {
        content: '';
        left: 0;
        position: absolute;
        display: block;
        width: 100%;
        height: 4px;
        border-radius: 10px;
        background: #000;
    }
    
    .burger::before {
        top: 0;
        box-shadow: 0 11px 0 #000;
        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;
    }

    .menu-list {
        top: 0;
        left: 0;
        position: absolute;
        display: grid;
        gap: 12px;
        margin: 0;
        background: #F7F7F7;
        list-style-type: none;
        transform: translateX(-100%);
        transition: .3s;
        width: 310px;
        z-index: 1000;
        height: 100vh;
        align-content: space-between;
    }

    .menu-item {
        display: block;
        padding: 8px;
        color: white;
        font-size: 18px;
        text-align: center;
        text-decoration: none;
    }

    .menu-item:hover {
        background: rgba(255,255,255,.2)
    }

    .burger-checkbox:checked ~ .menu-list {
        transform: translateX(0);
    }

    .menu_title {
        color: rgba(0, 0, 0, .1);
        font-weight: 400;
        font-size: 24px;
        font-family: "Open Sans", sans-serif;
        text-align: center;
        padding: 15px 0px;
        border-bottom: 1px solid #666666;
        border-color: rgba(0, 0, 0, .1);
    }

    .menu-list li {
        border-bottom: 1px solid #666666;
        border-color: rgba(0, 0, 0, .1);
        padding: 25px;
    }

    .menu-list a {
        color: #666666;
        font-weight: 400;
        font-size: 20px;
        text-transform: uppercase;
        font-family: "Mulish", sans-serif;
    }

    .menu_tel {
        color: rgba(0, 0, 0, .1);
        font-weight: 400;
        font-size: 24px;
        font-family: "Open Sans", sans-serif;
        text-align: center;
        padding: 30px 0px;
        border-top: 1px solid #666666;
        border-color: rgba(0, 0, 0, .1);
    }

    .slick-prev, .slick-next {
        display: none !important;
    }

    .slick-dots {
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
        display: flex !important;
        justify-content: center;
        width: 100%;
    }

    .slick-dots li button {
        font-size: 0;
        width: 7px;
        height: 7px;
        border-radius: 50%;
        background: #ccc;
        border: none;
        margin: 0 5px;
        padding: 0;
    }
}

@media (max-width: 768px) {
    .header_menu{
        display: none;
    }
    
    .beton_product_grid {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 30px;
    }
    
    .otzyv_slider img {
        object-fit: cover;
        width: 100%;
        height: 326px;
    }
    
    .footer_menu{
        display:none;
        }
    
    .izdeliya_about_title {
        color: #2F3540;
        font-size: 30px;
        font-weight: 600;
        text-transform: uppercase;
        margin-bottom: 35px;
        line-height: 38px;
    }
    
    .izdeliya_product_title {
        color: #2F3540;
        font-size: 30px;
        font-weight: 600;
        text-transform: uppercase;
        margin-bottom: 50px;
    }
    
    .realizatsiya_bsu_title {
        color: #2F3540;
        font-size: 30px;
        font-weight: 600;
        text-transform: uppercase;
        margin-bottom: 50px;
        position: relative;
        z-index: 1;
    }
    
    .contact_block {
        display: flex;
        align-items: center;
        justify-content: space-between;
        position: relative;
        z-index: 1;
        flex-direction: column;
        gap:20px;
    }
    
    .contact_item {
        padding: 30px 50px;
        width: 100%;
        background: #fff;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        align-content: center;
    }
    
    .contact_content:nth-child(3) {
        margin-bottom: 0px;
        display: flex;
        flex-direction: column;
        text-align: center;
        align-items: center;
    }
    
    .zhbi_flex-flex {
        display: flex;
        justify-content: flex-start;
        position: relative;
        z-index: 1;
        left: 0px;
    }
    
    .bsu_img {
        width: 100%;
        height: auto;
        object-fit: cover;
    }

    .contact_name {
        font-weight: 400;
        font-size: 16px;
        color: #777777;
        text-transform: uppercase;
        text-align: center;
    }

    
    .contact_map {
        width: 100%;
    }
    
    .prem_block-block {
        background: #151515;
        width: 100%;
        padding: 100px 0px;
        position: relative;
        margin-bottom: 100px;
        clip-path: polygon(0 0, 84% 0, 100% 6%, 100% 100%, 23% 100%, 0 93%);
    }
    
    .zhbi_block {
        background: #151515;
        width: 100%;
        padding: 100px 0px;
        position: relative;
        margin-bottom: 200px;
        clip-path: polygon(0 0, 84% 0, 100% 4%, 100% 100%, 23% 100%, 0 96%);
    }
    
    .peskobeton_block {
        background: #151515;
        width: 100%;
        padding: 100px 0px;
        position: relative;
        margin-bottom: 200px;
        clip-path: polygon(0 0, 84% 0, 100% 4%, 100% 100%, 23% 100%, 0 95%);
    }
    
    .prem_block {
        background: #151515;
        width: 100%;
        padding: 100px 0px;
        position: relative;
        margin-bottom: 200px;
        clip-path: polygon(0 0, 86% 0, 100% 7%, 100% 100%, 19% 100%, 0 90%);
    }
    
    .main_otzyv_block {
        background: #151515;
        width: 100%;
        padding: 100px 0px;
        position: relative;
        margin-bottom: 200px;
        clip-path: polygon(0 0, 84% 0, 100% 9%, 100% 100%, 20% 100%, 0 90%);
    }
    
    .main_product_block {
        background: #151515;
        width: 100%;
        padding: 60px 0px 79px 0px;
        position: relative;
        margin-bottom: 200px;
    }
    
    .head_line_img {
        position: absolute;
        top: -82px;
        z-index: 1;
    }
    
    .fot_line_img {
        position: absolute;
        bottom: -34px;
        z-index: 1;
    }
    
    .zhbi_item-item::before {
        display:none;
    }
    
    .zhbi_item-item img{
        width: 247px;
        }
    
    .zhbi_grid .zhbi_item::nth-child(2){
        margin-bottom:15px;
        }
    
    .zhbi_item-item {
        display: flex;
        align-items: center;
        gap: 15px;
        position: relative;
        z-index: 2;
        justify-content: flex-start;
    }
        
    .zhbi_grid {
        display: grid;
        grid-template-columns: 1fr;
        justify-content: space-between;
        gap: 15px;
        position: relative;
        z-index: 3;
        margin-bottom:15px;
    }
    
    .about_offer_grid {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 10px;
    }
    
    .zhbi_grid .zhbi_item:nth-child(1)::before {
        display:none;
    }
    
    .zhbi_grid .zhbi_item:nth-child(3)::before {
        display:none;
    }

    .zhbi_grid .zhbi_item:nth-child(3)::after {
        display:none;
    }
    
    .zhbi_title {
        color: #FFFFFF;
        font-size: 30px;
        font-weight: 600;
        text-transform: uppercase;
        margin-bottom: 100px;
        width: 80%;
    }
    
    .zhbi_item img {
        position: relative;
        z-index: 2;
        width: 50%;
    }
    
    .zhbi_grid .zhbi_item:nth-child(4) .zhbi_content {
        position: relative;
        bottom: 0px;
    }
        
    .zhbi_flex {
        display: flex;
        width: 100%;
        justify-content: flex-start;
        position: relative;
        bottom: 0px;
    }
    
    .zhbi_name {
        color: #FFFFFF;
        font-size: 20px;
        font-weight: 600;
        margin-bottom: 10px;
        width: 100%;
    }

    .izdeliya_product_grid {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 30px;
    }

    .header_lang{
        display: none;
    }

    .header_tel{
        display: none;
    }

    .main_banner {
        position: relative;
        overflow: hidden;
        height: 100vh;
    }

    .main_about_grid {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 20px;
    }

    .main_about_number {
        color: #151515;
        font-size: 60px;
        font-weight: 400;
    }

    .main_product_grid {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 30px;
    }

    .main_reference_grid {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 20px;
    }

    .banner_text {
        color: #E3E3E3;
        font-size: 19px;
        font-weight: 400;
        width: 100%;
    }

    .banner_wrap {
        position: absolute;
        top: 46%;
        left: 0;
        width: 100%;
        transform: translateY(-50%);
        z-index: 1;
    }

    .banner_title {
        color: #FFFFFF;
        font-size: 50px;
        font-weight: 600;
        text-transform: uppercase;
    }

    .footer:before{
        content: '';
        position: absolute;
        left: 0;
        background-image: url(/storage/app/media/subtract2.png);
        background-repeat: no-repeat;
        width: 100%;
        height: 136%;
        bottom: 0;
        top: -257px;
        background-size: contain;
    }

    .footer {
        background: #151515;
        position: relative;
        padding: 127px 0px 50px 0px;
        width: 100%;
    }

    .footer_icons {
        margin-left: 0px;
    }

    .realizatsiya_product_grid {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 30px;
    }

    .peskobeton_product_grid {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 30px;
    }

    .realizatsiya_zayavka_item{
        display: flex;
        flex-direction: column;
        width: 50%;
    }
    
    .modal_zayavka_item {
        display: flex;
        flex-direction: column;
        width: 45%;
    }
}

@media (max-width: 480px) {
    .header_menu{
        display: none;
    }

    .header_lang{
        display: none;
    }

    .header_tel{
        display: none;
    }

    .main_about_grid {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 20px;
        margin-bottom:50px;
    }
    
    .proekt_slider {
        margin-bottom: 50px;
    }

    .banner_title {
        color: #FFFFFF;
        font-size: 30px;
        font-weight: 600;
        text-transform: uppercase;
    }

    .banner_subtitle {
        color: #FFFFFF;
        font-size: 25px;
        font-weight: 600;
        text-transform: none;
    }

    .banner_text {
        color: #E3E3E3;
        font-size: 19px;
        font-weight: 400;
        width: 100%;
    }

    .main_banner {
        position: relative;
        overflow: hidden;
        height: 90vh;
    }

    .banner_wrap {
        position: absolute;
        top: 47%;
        left: 0;
        width: 100%;
        transform: translateY(-50%);
        z-index: 1;
    }

    .main_product_grid {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 10px;
    }

    .main_reference_grid {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 10px;
    }

    .main_otzyv_block {
        background: #151515;
        width: 100%;
        padding: 100px 0px;
        position: relative;
        margin-bottom: 100px;
    }

    .main_reference_item:nth-child(4) {
        padding: 15px;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: 20px;
        background: #FE8103;
    }

    .main_product_item {
        background: #282828;
        padding: 10px;
    }

    .main_product_name {
        color: #FFFFFF;
        font-size: 17px;
        font-weight: 400;
        margin-bottom: 20px;
    }

    .main_product_btns {
        display: flex;
        align-items: center;
        gap: 10px;
        position: relative;
        z-index: 1;
        flex-wrap: wrap;
        justify-content: center;
    }

    .main_about_number {
        color: #151515;
        font-size: 30px;
        font-weight: 400;
    }

    .main_about_text {
        color: #555555;
        font-size: 20px;
        font-weight: 400;
        background: #fff;
    }

    .main_about_title {
        color: #2F3540;
        font-size: 30px;
        font-weight: 600;
        text-transform: uppercase;
        margin-bottom: 50px;
    }

    .main_product_title {
        color: #FFFFFF;
        font-size: 30px;
        font-weight: 600;
        text-transform: uppercase;
        margin-bottom: 50px;
    }

    .main_implementation_block {
        display: flex;
        align-items: center;
        justify-content: space-between;
        margin-top: 15%;
        flex-direction: column-reverse;
        gap: 20px;
    }

    .main_implementation_img {
        width: 100%;
    }

    .main_implementation_item {
        width: 100%;
    }

    .main_reference_item {
        border: 1px solid #E9E9E9;
        padding: 15px;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: 20px;
    }

    .main_company {
        display: flex;
        align-items: center;
        justify-content: space-between;
        flex-direction: column-reverse;
        gap: 20px;
    }

    .main_company_img {
        width: 100%;
    }

    .main_company_item {
        width: 100%;
    }

    .main_company_title {
        color: #2F3540;
        font-size: 30px;
        font-weight: 600;
        text-transform: uppercase;
        margin-bottom: 25px;
    }

    .main_otzyv_title {
        color: #FFFFFF;
        font-size: 24px;
        font-weight: 600;
        text-transform: uppercase;
        margin-bottom: 20px;
    }

    .main_implementation_title {
        color: #2F3540;
        font-size: 30px;
        font-weight: 600;
        text-transform: uppercase;
        margin-bottom: 22px;
    }

    .main_reference_title {
        color: #2F3540;
        font-size: 30px;
        font-weight: 600;
        text-transform: uppercase;
        margin-bottom: 50px;
    }

    .main_proekt_title {
        color: #2F3540;
        font-size: 30px;
        font-weight: 600;
        text-transform: uppercase;
        margin-bottom: 30px;
    }

    .main_partner_title {
        color: #2F3540;
        font-size: 30px;
        font-weight: 600;
        text-transform: uppercase;
        margin-bottom: 50px;
    }

    .main_zayavka_block {
        background: #fff;
        padding: 10px;
        display: flex;
        align-items: center;
        gap: 20px;
        flex-direction: column-reverse;
    }

    .main_zayavka_img {
        width: 100%;
    }

    .main_zayavka_item {
        display: flex;
        flex-direction: column;
        gap: 0px;
        width: 100%;
    }
    
    .peskobeton_product_grid{
        display: grid;
        grid-template-columns: 1fr 1fr 1fr;
        gap: 30px;
        position: relative;
        z-index: 2;
        margin-bottom: 100px;
    }

    .footer_body {
        display: flex;
        border-bottom: 1px solid #FFFFFF1A;
        padding-bottom: 50px;
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }

    .footer_menu li{
        font-size: 14px;
        font-weight: 400;
        color: #D5D5D5;
        margin-bottom: 10px;
        text-align: center;
    }

    .footer_title {
        font-size: 16px;
        font-weight: 700;
        color: #FFFFFF;
        margin-bottom: 20px;
        text-align: center;
    }

    .footer_cont a {
        font-size: 14px;
        font-weight: 400;
        color: #D5D5D5;
        margin-bottom: 10px;
        text-align: center;
    }

    .main_reference_item:nth-child(2) {
        padding: 15px;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: 20px;
        background: #FE8103;
    }

    .pos_btns{
        display: flex;
    }

    .main_reference_item div:nth-of-type(1) {
        color: #151515;
        font-size: 19px;
        font-weight: 400;
    }

    .main_reference_item:nth-child(2) div:nth-of-type(1) {
        color: #FFFFFF;
        font-size: 19px;
        font-weight: 400;
    }

    .main_reference_item:nth-child(4) div:nth-of-type(1) {
        color: #FFFFFF;
        font-size: 19px;
        font-weight: 400;
    }

    .main_about_text {
        color: #555555;
        font-size: 17px;
        font-weight: 400;
        bottom: 12px;
        z-index: 2;
        background: #EEEEEE;
    }

    .footer:before {
        content: '';
        position: absolute;
        left: 0;
        background-image: url(/storage/app/media/subtract2.png);
        background-repeat: no-repeat;
        width: 100%;
        height: 100%;
        bottom: 0;
        top: -130px;
        background-size: contain;
    }

    .footer {
        background: #151515;
        position: relative;
        padding: 100px 0px 50px 0px;
        width: 100%;
    }

    .footer_icons {
        margin-left: 0px;
    }

    .realizatsiya_about {
        display: flex;
        align-items: center;
        justify-content: space-between;
        flex-direction: column-reverse;
        gap: 20px;
    }

    .realizatsiya_slider .product_item {
        background: #EDEEF3;
        padding: 10px;
        height: 400px;
    }

    .realizatsiya_about_img{
        width: 100%;
    }

    .realizatsiya_about_item {
        width: 100%;
    }

    .realizatsiya_about_title {
        color: #2F3540;
        font-size: 30px;
        font-weight: 600;
        text-transform: uppercase;
        margin-bottom: 25px;
    }

    .realizatsiya_product_grid {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 10px;
        margin-bottom: 50px;
    }

    .peskobeton_product_grid {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 10px;
    }

    .realizatsiya_title {
        color: #2F3540;
        font-size: 30px;
        font-weight: 600;
        text-transform: uppercase;
        margin-bottom: 50px;
    }

    .product_name {
        color: #151515;
        font-size: 17px;
        font-weight: 400;
        margin-bottom: 20px;
    }

    .product_btns {
        display: flex;
        align-items: center;
        gap: 10px;
        flex-wrap: wrap;
        align-content: center;
        justify-content: center;
    }

    .realizatsiya_zayavka_block {
        background: #EDEEF3;
        padding: 10px;
        display: flex;
        align-items: center;
        gap: 40px;
        position: relative;
        z-index: 3;
        flex-direction: column-reverse;
    }

    .realizatsiya_zayavka_img {
        display:none;
    }

    .realizatsiya_zayavka_item {
        display: flex;
        flex-direction: column;
        width: 100%;
        background: #fff;
        padding: 15px;
    }

    .peskobeton_title {
        color: #2F3540;
        font-size: 30px;
        font-weight: 600;
        text-transform: uppercase;
        margin-bottom: 50px;
    }

    .realizatsiya_bsu_title {
        color: #2F3540;
        font-size: 30px;
        font-weight: 600;
        text-transform: uppercase;
        margin-bottom: 30px;
    }

    .izdeliya_about {
        display: flex;
        align-items: center;
        justify-content: space-between;
        flex-direction: column-reverse;
        gap: 20px;
        margin-bottom:100px;
    }

    .izdeliya_about_title {
        color: #2F3540;
        font-size: 30px;
        font-weight: 600;
        text-transform: uppercase;
        margin-bottom: 25px;
    }

    .izdeliya_about_img {
        width: 100%;
    }

    .izdeliya_about_item {
        width: 100%;
    }

    .izdeliya_product_title {
        color: #2F3540;
        font-size: 30px;
        font-weight: 600;
        text-transform: uppercase;
        margin-bottom: 50px;
    }

    .izdeliya_product_grid {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 10px;
    }

    .izdeliya_zayavka_block {
        background: #EDEEF3;
        padding: 10px;
        display: flex;
        align-items: center;
        gap: 40px;
        position: relative;
        z-index: 3;
        flex-direction: column-reverse;
    }

    .izdeliya_zayavka_img {
        display:none;
    }
    
    .mb {
        margin-bottom: 50px;
    }

    .izdeliya_zayavka_item {
        display: flex;
        flex-direction: column;
        width: 100%;
        background: #fff;
        padding: 15px;
        align-items: center;
    }


    .about_about {
        display: flex;
        align-items: center;
        justify-content: space-between;
        flex-direction: column-reverse;
        gap: 10px;
    }

    .about_title {
        color: #2F3540;
        font-size: 30px;
        font-weight: 600;
        text-transform: uppercase;
        margin-bottom: 25px;
    }

    .about_img {
        width: 100%;
    }

    .about_item {
        width: 100%;
    }
    
    .form_input {
        margin-bottom: 10px;
        padding: 15px;
        color: #555555;
        font-size: 21px;
        padding: 7px 15px;
        font-weight: 400;
        border: 1px solid #AEAEAE;
        background: #fff;
    }

    .about_diploms {
        display: flex;
        align-items: center;
        justify-content: space-between;
        position: relative;
        z-index: 1;
        flex-direction: column-reverse;
        gap: 20px;
    }

    .about_diploms_slider {
        width: 100%;
    }

    .about_diploms_item {
        width: 100%;
    }

    .about_job_title {
        color: #2F3540;
        font-size: 30px;
        font-weight: 600;
        text-transform: uppercase;
        margin-bottom: 30px;
    }

    .about_diploms_title {
        color: #2F3540;
        font-size: 30px;
        font-weight: 600;
        text-transform: uppercase;
        margin-bottom: 25px;
    }

    .otzyv_pisma_title {
        color: #2F3540;
        font-size: 30px;
        font-weight: 600;
        text-transform: uppercase;
        margin-bottom: 30px;
    }

    .otzyv_pisma_grid {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 20px;
        position: relative;
        z-index: 1;
    }
    
    .modal_block {
        background: #EDEEF3;
        padding: 20px;
        display: flex;
        align-items: center;
        gap: 0px;
        position: relative;
        z-index: 3;
        pointer-events: auto;
        flex-direction: column-reverse;
    }
    
    .modal_zayavka_item {
        display: flex;
        flex-direction: column;
        gap: 10px;
        width: 100%;
    }
    
    .img{
        width: 100%;
        height: auto;
    }
    
    .main_partner_title {
        color: #2F3540;
        font-size: 30px;
        font-weight: 600;
        text-transform: uppercase;
        margin-bottom: 30px;
    }
    
    .slick_btns {
        display: flex;
        justify-content: space-between;
        align-items: baseline;
        position: relative;
        z-index: 1;
    }
    
    .product_item {
        background: #EDEEF3;
        padding: 10px;
    }
    
    .footer_menu{
        display:none;
        }
        
    .main_about_number {
        width: 100%;
        text-align: center;
        color: #151515;
        font-size: 23px;
        font-weight: 400;
        text-align: justify;
    }
    
    .main_about_item {
        position: relative;
        overflow: hidden;
    }
    
    .bsu_img {
        width: 100%;
        height: auto;
        object-fit: cover;
    }
    
    .header {
        position: fixed;
        width: 100%;
        padding: 5px 0;
        z-index: 1000;
        border-bottom: 1px solid #E3E3E3;
        background-color: #fff;
    }
    
    .main {
        width: 100px;
        height: 92px;
    }
    
    .slick-slide {
        padding: 0px 10px;
        box-sizing: border-box;
    }
    
    .partner_img {
        border: 1px solid #D7D7D7;
        border-radius: 12px;
        padding: 20px;
        width: 100%;
        height: 100px;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    
    .partner_img img{
        width: 100%;
        height: auto;
    }
    
    .product {
        width: 100%;
        height: auto;
        object-fit: cover;
        margin-bottom: 20px;
        transition: transform 0.3s ease;
    }
    
    .otzyv_slider img{
        width: 100%;
        height: 100%;
        object-fit: cover;
    }
    
    .otzyv_slider .slick-slide {
        padding: 0 10px 0px 0px;
        box-sizing: border-box;
    }
    
    .otzyv_slider img{
        object-fit: cover;
        width: 100%;
        height: 238px;
    }
    
    .modal-btn{
        display: flex;
        justify-content: flex-end;
        width: 100%;
    }
    
    .modal-btn {
        padding: 0px;
    }
    
    .prem_grid {
        display: grid;
        grid-template-columns: 1fr;
        gap: 10px;
    }
    
    .prem_item {
        display: flex;
        align-items: flex-start;
        gap: 20px;
        margin-bottom: 15px;
    }
    
    .zhbi_title {
        color: #FFFFFF;
        font-size: 24px;
        font-weight: 600;
        text-transform: uppercase;
        margin-bottom: 30px;
        width: 100%;
    }
    
    .zhbi_grid .zhbi_item:nth-child(1)::before {
        display:none;
    }
    
    .zhbi_grid .zhbi_item:nth-child(3)::before {
        display:none;
    }

    .zhbi_grid .zhbi_item:nth-child(3)::after {
        display:none;
    }
    
    .zhbi_grid {
        display: grid;
        grid-template-columns: 1fr;
        justify-content: space-between;
        gap: 15px;
        position: relative;
        z-index: 3;
    }
    
    .zhbi_flex {
        display: block;
        width: 100%;
        justify-content: flex-end;
        position: relative;
        bottom: 0px;
    }
    
    .zhbi_item {
        display: flex;
        align-items: center;
        gap: 10px;
        position: relative;
        z-index: 2;
        margin-bottom: 20px;
        width: 100%;
        justify-content: space-between;
    }
    
    .zhbi_item img {
        position: relative;
        z-index: 2;
        width: 50%;
        height: 100%;
    }
    
    .zhbi_grid .zhbi_item:nth-child(4) .zhbi_content {
        position: relative;
        bottom: 0px;
    }
    
    .zhbi_name {
        color: #FFFFFF;
        font-size: 22px;
        font-weight: 600;
        margin-bottom: 10px;
        width: 100%;
    }

    .zhbi_content{
        width: 43%;
        }
        
    .zhbi_flex .zhbi_content {
        width: 43%;
    }
        
    .zhbi_text {
        color: #F2F2F2;
        font-size: 15px;
        font-weight: 400;
        width: 100%;
    }
    
    .about_offer_title {
        color: #2F3540;
        font-size: 30px;
        font-weight: 600;
        text-transform: uppercase;
        margin-bottom: 50px;
    }
    
    .about_offer_grid {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 10px;
        margin-bottom: 100px;
    }
    
    .about_offer {
        padding: 15px;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: 20px;
        background: #FE8103;
    }
    
    .about_offer:nth-child(2) {
        border: 1px solid #E9E9E9;
        padding: 15px;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: 20px;
        background: #FFF;
    }
    
    .about_offer:nth-child(4) {
        border: 1px solid #E9E9E9;
        padding: 15px;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: 20px;
        background: #FFF;
    }
    
    .about_offer_text {
        color: #FFFFFF;
        font-size: 17px;
        font-weight: 400;
    }
    
    .about_offer:nth-child(2) .about_offer_text {
        color: #151515;
        font-size: 17px;
        font-weight: 400;
    }
    
    .about_offer:nth-child(4) .about_offer_text {
        color: #151515;
        font-size: 17px;
        font-weight: 400;
    }
    
    .zhbi_item-item img {
        position: relative;
        z-index: 2;
        width: 50%;
        height: 100%;
    }
    
    .zhbi_item-item::before {
        display:none;
    }
    
    .zhbi_content-content {
        width: 100%;
    }
    
    .fot_line_img {
        position: absolute;
        bottom: -16px;
        z-index: 1;
    }

    .main_product_block {
        background: #151515;
        width: 100%;
        padding: 60px 0px 79px 0px;
        position: relative;
        margin-bottom: 50px;
    }
    
    .head_line_img {
        position: absolute;
        top: -42px;
        z-index: 1;
    }
    
    .main_otzyv_block {
        background: #151515;
        width: 100%;
        padding: 100px 0px;
        position: relative;
        margin-bottom: 50px;
        clip-path: polygon(0 0, 87% 0, 100% 4%, 100% 100%, 19% 100%, 0 93%);
    }
    
    .prem_block {
        background: #151515;
        width: 100%;
        padding: 100px 0px;
        position: relative;
        margin-bottom: 100px;
        clip-path: polygon(0 0, 84% 0, 100% 2%, 100% 100%, 19% 100%, 0 97%);
    }
    
    
    .peskobeton_block {
        background: #151515;
        width: 100%;
        padding: 100px 0px;
        position: relative;
        margin-bottom: 100px;
        clip-path: polygon(0 0, 84% 0, 100% 2%, 100% 100%, 23% 100%, 0 97%);
    }
    
    .zhbi_block {
        background: #151515;
        width: 100%;
        padding: 100px 0px;
        position: relative;
        margin-bottom: 100px;
        clip-path: polygon(0 0, 84% 0, 100% 2%, 100% 100%, 23% 100%, 0 97%);
    }
    
    .prem_block-block {
        background: #151515;
        width: 100%;
        padding: 100px 0px;
        position: relative;
        margin-bottom: 100px;
        clip-path: polygon(0 0, 84% 0, 100% 3%, 100% 100%, 23% 100%, 0 97%);
    }
    
    .form_head {
        display: flex;
        gap: 0px;
        flex-direction: column;
        width: 100%;
    }
    
    .contact_item {
        padding: 26px;
        width: 100%;
        background: #fff;
        display: flex;
        justify-content: center;
        align-content: center;
        flex-direction: column;
        align-items: center;
    }
    
    .contact_map {
        width: 100%;
    }
    
    .contact_block {
        display: flex;
        align-items: center;
        justify-content: space-between;
        position: relative;
        z-index: 1;
        gap:20px;
        flex-direction: column;
    }
    
    .contact_content p {
        font-weight: 400;
        font-size: 22px;
        color: #151515;
        width: 100%;
        text-align: center;
        margin:0px;
    }
    
    .contact_content {
        margin-bottom: 15px;
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    
    .contact_content:nth-child(3) {
        margin-bottom: 15px;
        display: flex;
        flex-direction: column;
    }
    
    .zhbi_flex-flex {
        display: flex;
        justify-content: center;
        position: relative;
        z-index: 1;
        left: 0px;
    }
    
    .zhbi_item-item {
        display: flex;
        align-items: center;
        gap: 23px;
        position: relative;
        z-index: 2;
        justify-content: space-between;
    }
    
    .otzyv_pisma{
        width: 100%;
        height: auto;
    }
    
    .footer_menu{
        display:none;
    }
    
    
    .form_head input:nth-child(1) {
        width: 100%;
    }
    
    .form_head input:nth-child(2) {
        width: 100%;
    }
    
    .main_proekt_item img {
        width: 100%;
        height: 360px;
        object-fit: cover;
    }
    
    .main_about_number p {
        width: 100%;
        text-align: center;
        color: #151515;
        font-size: 23px;
        font-weight: 400;
        text-align: justify;
        margin: 0px;
    }
    
    .main_about_number span {
        width: 100%;
        text-align: center;
        color: #151515;
        font-size: 22px;
        font-weight: 400;
        text-align: justify;
    }
    
    
    .main_about_number span{
        position: relative;
        bottom: 0px;
        }
    
    .beton_product_grid {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 10px;
    }
    
    .about_diploms_slider .slick-slide {
        display: flex;
        justify-content: center;
        height: auto;
        align-content: center;
        height: auto;
        align-items: center;
    }
    
    .about_diploms_btns{
        display:none;
        }
        
    .slick-dots li button {
        font-size: 0;
        line-height: 0;
        display: block;
        width: 6px;
        height: 6px;
        border-radius: 50%;
        background: #444;
        border: none;
        position: absolute;
        top: 9px;
        left: 4px;
        padding: 0;
        cursor: pointer;
        transition: background 0.3s ease;
    }
    
    .about_diploms_slider .slick-slide:nth-child(3) img{
        width: 100%;
        height: 236px;
    }
    
    .about_diploms_slider .slick-slide:nth-child(4) img{
        width: 100%;
        height: 236px;
    }
    
    .about_diploms_slider .slick-slide:nth-child(5) img{
        width: 100%;
        height: 236px;
    }
    
    .about_diploms_slider .slick-slide:nth-child(6) img{
        width: 100%;
        height: 236px;
    }
    
    .about_diploms_slider .slick-slide:nth-child(7) img{
        width: 100%;
        height: 236px;
    }
    
    .about_diploms_slider .slick-slide:nth-child(8) img{
        width: 100%;
        height: 236px;
    }
    
    .slick-dots {
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
        display: flex !important;
        justify-content: center;
        width: 60%;
    }
    
    .slick-dots {
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
        display: flex !important;
        justify-content: center;
        width: 50%;
    }
    
    .slick-dots li::before {
        content: '';
        display: block;
        width: 24px;
        height: 100%;
        border-radius: 50%;
        border: 2px solid #dcdcdc;
        box-sizing: border-box;
        position: absolute;
        top: 0;
        left: 0;
    }
    
    .slick-dots li.slick-active::after {
        display:none;
    }
    
    .footer_street {
        font-size: 14px;
        font-weight: 400;
        color: #D5D5D5;
        margin-bottom: 25px;
        text-align: center;
    }
}