@import url('https://fonts.googleapis.com/css2?family=Jura:wght@300..700&family=Play:wght@300;400;500;600;700&display=swap');



body,html{
    background: #141414;
    font-size: 16px;
        overflow-x: hidden !important;
    padding: 0px !important;
    margin: 0px !important;
}

body{

    display: flex;
    flex-direction: column;
    overflow-x: hidden;
}
p{
    margin: 0px;
}
.container{
    padding: 0px 20px;
    max-width: 1400px;
    margin: 0 auto;
}



.btn_red{
    transition: all ease-in-out 0.3s;
    padding: 13px 20px;
    border: none;
    color: #fff;
    text-align: center;
    border-radius: 5px;
    text-decoration: none;
    outline: none;
    font-size: 17px;
    font-family: Play, Arial, sans-serif;
    cursor: pointer;
    background-color: #c11230;
}
a.btn_red{
    color: white;
}
.btn_mini{
    border-radius: 3px 3px 3px 3px;
    background-color: #c11230;
    background-position: center center;
    border-color: transparent;
    border-style: solid;
    vertical-align: middle;
    color: #ffffff;
    font-family: 'Jura', Arial, sans-serif;
    line-height: 1;
    text-transform: lowercase;
    background-position: center center;
    border-color: transparent;
    border-style: solid;
    padding: 0px 4px;
    font-size: 12px;
    font-weight: 1000;

}

.btn_mini img{
    width: 20px;
    height: 20px;
}

.top_header{
    width: 100%;
    left: 0;
    top: 0;
    position: fixed;
    z-index: 100;
    background: #141414;
}

.top_header .container{
    display: flex;
    padding: 7px 20px ;
    align-items: center;
    gap: 10px;
    justify-content: end;

}

.top_header img{
    width: 17px;

}

.top_header .btn_red{
    margin-left: 10px;
    cursor: pointer;
}

.grid_4{
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    gap: 15px;
}

.grid_3{
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 15px;
}

.gray_box{
    border-radius: 20px 20px 20px 20px;
    background-color: #282828;
    background-position: center center;
    border-color: transparent;
    border-style: solid;
    padding: 30px;
    padding-top: 40px;
    display: flex;
    flex-direction: column;
    gap: 20px;
    justify-content: space-between;
}

.title_middle{
    vertical-align: middle;
    color: #ffffff;
    font-size: 25px;
    font-family: 'Play', Arial, sans-serif;
    line-height: 1;
    font-weight: 500;
    background-position: center center;
    border-color: transparent;
    border-style: solid;
}
.gray_box .text_gray{
    margin-bottom: auto;
}
.text_gray{
    vertical-align: middle;
    color: #b4b4b4;
    font-size: 20px;
    font-family: 'Jura', Arial, sans-serif;
    line-height: 1;
    font-weight: 100;
    background-position: center center;
    border-color: transparent;
    border-style: solid;
}

.btn_border_white{
    color: #ffffff;
    font-size: 10px;
    font-family: 'Play', Arial, sans-serif;
    line-height: 1.35;
    display: flex;
    background: none;
    align-items: center;
    justify-content: center;
    text-align: center;
    font-weight: 800;
    border-radius: 10px 10px 10px 10px;
    background-position: center center;
    border-color: transparent;
    border-style: solid;
    transition: background-color 0.5s ease-in-out, color 0.5s ease-in-out, border-color 0.5s ease-in-out;
    box-shadow: 0px 0px 1px 1px rgba(255, 255, 255, 1);
padding: 10px 20px;
width: 100%;
text-decoration: none;
transition:  all ease-in-out 0.2s ;
}

.btn_border_white:hover{
    color: #ffffff;
    background-color: rgba(84, 98, 105, 0.5);
}


.gray_box .btn_border_white{
    max-width: 147px;
    width: auto;
}

.grid_2{
    gap: 15px;
    display: grid;
    grid-template-columns: 1fr 1fr;
}

.abount_us{
    padding-top: 20px;
    padding-bottom: 50px;
}

.abount_us_index{
    padding-top: 35px ;
    padding-bottom: 0px;
}

.img_about_us{
    position: relative;
}

.img_about_us img{
    max-height: 565px;
    height: 565px;
    width: 100%;
    border-radius: 20px;
    object-fit: cover;
}
.big_gray_box{
    border-radius: 20px 20px 20px 20px;
    background-color: #282828;
    background-position: center center;
    border-color: transparent;
    border-style: solid;
    padding: 30px;
    display: flex;
    flex-direction: column;
    gap: 50px;
    justify-content: space-between;
    padding-bottom: 60px;
}


.href_white{
    vertical-align: middle;
    color: #ffffff;
    font-size: 12px;
    font-family: 'Play', Arial, sans-serif;
    line-height: 1.55;
    font-weight: 600;
    text-decoration: none;
    transition: all ease-in-out 0.2s;
    background-position: center center;
    border-color: transparent;
    border-style: solid;
}

.href_white:hover{
    color: white;
}
.title{
    vertical-align: middle;
    color: #ffffff;
    font-size: 45px;
    font-family: 'Play', Arial, sans-serif;
    line-height: 1;
    font-weight: 500;
    background-position: center center;
    border-color: transparent;
    border-style: solid;
}
.flex_space_between{
    display: flex;
    justify-content: space-between;
    gap: 40px;
}

.ul_faq_about_us{
    display: flex;
    flex-direction: column;
    gap: 15px;
}
.li_faq_about_us{
    cursor: pointer;
    padding: 30px 40px 40px 80px;
    border-radius: 20px 20px 20px 20px;
    background-color: #282828;
    background-position: center center;
    border-color: transparent;
    border-style: solid;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 15px;
    transition: all ease-in-out 0.2s;
}
.li_faq_about_us:hover{
    background-color: #525252;

}

.li_faq_about_us .title_middle{
    margin-bottom: 20px;
}

.li_faq_about_us.active{
    background-color: #525252;
}

.li_faq_about_us .title_middle_big{
    margin-bottom: 13px;
}

.title_middle_big{
    vertical-align: middle;
    color: #ffffff;
    font-size: 30px;
    font-family: 'Play', Arial, sans-serif;
    line-height: 1;
    border: none;
    font-weight: 500;
    background-position: center center;
   

}

.categories{
    margin: 40px 0px;
    margin-bottom: 0px;
}

.swiper_button_left,.swiper_button_right{
    background: #C11230;
    width: 61px;
    height: 61px;
    transition: all ease-in-out 0.2s;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.swiper_button_left:hover,.swiper_button_right:hover{
    opacity: 0.5;
}
.swiper_button_left img,.swiper_button_right img{
    width: 16px;
    height: 27px;
}

.categories .container{
    position: relative;
}

.imgs_about_us .img_block_about_us{
    display: none;
    position: relative;
    height: 100%;
}

.imgs_about_us .img_block_about_us:nth-child(1){
    display: block;
}

.swiper-button-next:after, .swiper-rtl .swiper-button-prev:after,.swiper-button-prev:after, .swiper-rtl .swiper-button-next:after{
    display: none;
}


.swiper_button_left img{
    transform: rotate(-180deg);
}
.padding_top{
    padding-top: 42px;
}
.li_category{
    width: 95px;
    height: 95px;
    text-decoration: none;
    border-radius: 20px;
    padding: 5px;
    background: white;
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 10px;
    align-items: center;
    transition: all ease-in-out 0.35s;
    justify-content: center;
}

.li_category img.abs_shadow_mini_category{
    position: absolute;
    top: 57px;
    left: 19px;
    z-index: 0;
    opacity: 0.6;
    width: 60px;
    height: 10px;
}

.li_category:hover{
    transform: scale(1.1);
}
.li_category img{
    width: 45px;
    height: 45px;
}
.li_category_title{
    vertical-align: middle;
    color: black;
    text-decoration: none;
    font-size: 14px;
    font-family: 'Jura', Arial, sans-serif;
    line-height: 1;
    text-align: center;
    font-weight: 1000;
    text-transform: capitalize;
    background-position: center center;
    border-color: transparent;
    border-style: solid;
}

.before_bac::before{
    content: '';
    position: relative;
}

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

.categories_swiper .swiper-wrapper{
    padding: 40px 0px;
}


.red_block{
    border-radius: 20px 20px 20px 20px;
    background-color: #c11230;
    background-position: center center;
    border-color: transparent;
    border-style: solid;
    display: flex;
    justify-content: space-between;
    gap: 40px;
    align-items: end;
    box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.3);
    padding: 30px 100px;
    padding-bottom: 80px;
}
.red_block .title_white_big{
    max-width: 929px;
}
.text_white_underline{
    vertical-align: middle;
    color: #ffffff;
    font-size: 15px;
    font-family: 'Jura', Arial, sans-serif;
    line-height: 1;
    display: block;
    font-weight: 1000;
    background-position: center center;
    border-color: transparent;
    border-style: solid;
    text-decoration: underline;
}
.text_white_underline:hover{
    color: white;
}
.title_white_big{
    vertical-align: middle;
    color: #ffffff;
    font-size: 50px;
    font-family: 'Play', Arial, sans-serif;
    line-height: 1;
    font-weight: 500;
    background-position: center center;
    border-color: transparent;
    border-style: solid;
}
.btn_black{
    color: #ffffff;
    font-size: 12px;
    font-family: 'Play', Arial, sans-serif;
    line-height: 1.35;
    border: none;
    font-weight: 800;
    outline: none;
    border-width: 0px;
    border-radius: 10px 10px 10px 10px;
    background-color: #282828;
    background-position: center center;
    display: flex;
    align-items: center;
    justify-content: center;
    border-color: transparent;
    border-style: solid;
    transition: background-color 0.3s ease-in-out, color 0.3s ease-in-out, border-color 0.3s ease-in-out;
    padding: 12px 20px;
}

.red_block .text_white_underline{
    margin-bottom: 20px;
}

.title_index{
    padding-left: 40px;
}
.news{
    margin-top: 40px;
}
.red_block .btn_black{
    cursor: pointer;
    text-align: center;
    width: 186px;
}
.plus{
    width: 24px;
    height: 24px;
    background: #C11230;
    transition: all ease-in-out 0.2s;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.plus:hover{
    opacity: 0.5;
}
.plus img{
    width: 12px;
    height: 12px;
}

.btn_flex{
    display: flex;
    align-items: center;
    gap: 6px;
}

.info_block{
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 40px;
    padding-bottom: 30px;
}

.ul_news{
    padding-bottom: 15px;
    padding-top: 20px;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 15px;
}
.li_news{
    min-height: 555px;
    padding: 10px;
    border-radius: 20px 20px 20px 20px;
    background-color: #282828;
    background-position: center center;
    border-color: transparent;
    border-style: solid;
}

.li_content_news{
    padding:30px 30px;
    display: flex;
    align-items: start;
    flex-direction: column;
    gap: 8px;
}
.li_news img{
    width: 100%;
    border-radius: 20px 20px 20px 20px;
    object-fit: cover;
    height: 280px;
}
.li_content_news .btn_border_white{
    margin-top: 30px;
    
    max-width: 147px;
}

.useful{
    overflow: hidden;
    padding: 20px 0px;
}
.block_useful{
    border-radius: 20px;
    background-size: 100%;
    background-repeat: no-repeat;
    margin: 20px 0px;
    background-attachment: fixed;
    height: 750px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 20px;
    padding: 50px;
    position: relative;
    width: 100%;
}
.flex_useful{
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 40px;

}
.flex_useful .text_white_underline{
    font-size: 18px;
}
.text_big_white{
    vertical-align: middle;
    color: #ffffff;
    font-size: 28px;
    font-family: 'Jura', Arial, sans-serif;
    line-height: 1;
    font-weight: 1000;
    background-position: center center;
    border-color: transparent;
    border-style: solid;
}
.flex_useful .text_big_white{
    max-width: 550px;
}

.feedback_form .block_feedback_form{
    padding:10px 20px;
    display: flex;
    align-items: center;
    gap: 20px;
    justify-content: space-between;
    border-radius: 20px;
    background: #414141;
}
.content_feedback_form{
    display: flex;
    align-items: center;
    gap: 25px;
}
.red_question_mark{
    border-radius: 20px;
    width: 100px;
    height: 120px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #C11230;
    vertical-align: middle;
    color: #ffffff;
    font-size: 100px;
    font-family: 'Arial', Arial, sans-serif;
    line-height: 1.15;
    font-weight: 700;
    background-position: center center;
    border-color: transparent;
    border-style: solid;
}

.feedback_form_inputs{
    display: flex;
    align-items: center;
    position: relative;
    gap: 10px;

}

.feedback_form_inputs input{
    width: 100%;
    max-width: 209px;
}
.feedback_form_inputs .btn_red{
    width: 100%;
    max-width: 158px;
    height: 52px;
}

.input_text input{
    color: rgb(255, 255, 255);
    border: 1px solid rgb(170, 170, 170);
    background-color: rgb(100, 100, 100);
    border-radius: 5px;
    font-size: 20px;
    font-weight: 100;
    outline: none;
    padding:10px  20px;
}
.input_text input::placeholder{
    color: #B1B1B1;
}


.text_about_input{
    position: absolute;
    top: 110%;
    left: 200px;
    display: none;
    vertical-align: middle;
    color: #cecece;
    font-size: 13px;
    font-family: 'Jura', Arial, sans-serif;
    line-height: 1;
    font-weight: 500;
    background-position: center center;
    border-color: transparent;
    border-style: solid;
}

.bac_black{
    position: fixed;
    top: 0;
    padding: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 111;
    width: 100%;
    overflow-y: scroll;
    height: 100%;
    background: rgba(0,0,0,0.6);
    left: 0;
}
.message_form{
    min-width: 300px;
    background: #525252;
    border-radius: 20px;
    padding: 20px;
    display: flex;
    flex-direction: column;
    gap: 20px;
}
.flex_message{
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
}
.close_message_form_icon{
    cursor: pointer;
    transform: rotate(135deg);
}
.close_message_form_icon .plus{
    width: 35px;
    height: 35px;
}
.close_message_form_icon .plus img{
    width: 20px;
    height: 20px;
}
.close_message_form{
    cursor: pointer;
}

.text_mini_gray{
    vertical-align: middle;
    color: #cecece;
    text-align: center;
    font-size: 13px;
    font-family: 'Jura', Arial, sans-serif;
    line-height: 1;
    font-weight: 500;
    background-position: center center;
    border-color: transparent;
    border-style: solid;
}

.text_about_block{
    padding: 30px 0px;
}

.flex_social_accounts{
    display: flex;
    justify-content: space-between;
    gap: 20px;
    align-items: center;
}
.abount_social_accounts_index{
    padding: 30px 0px;
    padding-top: 0px;
}
.abount_social_accounts_index .gray_box{
    text-decoration: none;
    transition: all ease-in-out 0.2s;
    height: 332px;
    padding-bottom: 40px;
}

.abount_social_accounts_index .gray_box .title_middle{
    margin-top: auto;
}


.abount_social_accounts_index .gray_box .text_gray{
    margin-bottom: 0px;
}


.abount_social_accounts_index .gray_box:hover{
    background: #2C2C2C;
}
.flex_social_accounts{
    display: flex;
    align-items: center;
    gap: 10px;
    justify-content: space-between;
}
.flex_social_accounts img{
    width: 30px;
    height: 30px;
}

footer .container{
    display: flex;
    gap: 15px;
    padding-bottom: 15px;
}
.first_footer_block{
    width: 300px;
    border-radius: 20px;
    height: 650px;
    background: #282828;
    padding: 30px;
    display: flex;
    flex-direction: column;
    gap: 40px;
    align-items: center;
    justify-content: space-between;
}
.content_footer_block{
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: 10px;
}
.logo_footer {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    flex-direction: column;
}
.logo_footer img{
    width: 50px;
    height: 50px;
}
.logo_footer .logo_name{
    display: flex;
    align-items: center;
    gap: 0px;
}
.logo_footer .logo_name img{
    width: auto;
    height: 7px;
}
.text_gray_mini{
    vertical-align: middle;
    color: #b4b4b4;
    font-size: 15px;
    font-family: 'Jura', Arial, sans-serif;
    line-height: 1;
    font-weight: 100;
    background-position: center center;
    border-color: transparent;
    border-style: solid;
}
.text_gray_mini a{
     color: #b4b4b4;
}
.qr_footer img{
    width: 150px;
    height: 150px;
}
.ul_social_accounts{
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
}
.ul_social_accounts img{
    width: 25px;
    height: 25px;
}
.ul_cards_can_pay{
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
}
.ul_cards_can_pay img{
    width: 65px;
}
footer .ul_cards_can_pay{
    margin-top: 35px;
}

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



.pages_footer_block{
    min-height: 505px;
    background: #282828;

    border-radius: 20px;
    padding: 30px 50px;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
    gap: 30px;
}
.block_pages{
    display: flex;
    flex-direction: column;
    gap: 30px;

}
.ul_pages{
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.ul_pages .page{
    margin-bottom: 2px;
}

.main_page{
    vertical-align: middle;
    color: #ffffff;
    font-size: 15px;
    font-family: 'Jura', Arial, sans-serif;
    line-height: 1;
    font-weight: 1000;
    background-position: center center;
    border-color: transparent;
    border-style: solid;
}
.page{
    color: #b4b4b4;
    font-size: 15px;
    font-family: 'Jura', Arial, sans-serif;
    line-height: 1.55;
    font-weight: 500;
    border-radius: 30px 30px 30px 30px;
    text-decoration: none;
    background-position: center center;
    border-color: transparent;
    border-style: solid;
    transition: background-color 0.3s ease-in-out, color 0.3s ease-in-out, border-color 0.3s ease-in-out;
}
.page:hover{
    color: white;
}



.block_footer_geo{
    margin-top: 15px;
    padding: 30px;
    border-radius: 20px;
    background: #282828;
    height: 130px;
    display: flex;
    align-items: center;
    gap: 20px;
    justify-content: space-between;
}
.mini_info_footer{
    display: flex;
    align-items: center;
    gap: 5px;
}
.mini_info_footer img{
    max-width: 30px;
    width: 100%;
}
.text_white_mini{
    vertical-align: middle;
    color: #ffffff;
    font-size: 10px;
    font-family: 'Jura', Arial, sans-serif;
    line-height: 1;
    font-weight: 1000;
    background-position: center center;
    border-color: transparent;
    border-style: solid;
}
.to_top_info{
    display: flex;
    align-items: center;
    gap: 15px;
}
.text_white{
    vertical-align: middle;
    color: #ffffff;
    font-size: 15px;
    font-family: 'Jura', Arial, sans-serif;
    line-height: 1;
    font-weight: 1000;
    background-position: center center;
    border-color: transparent;
    border-style: solid;
}
.to_top{
    width: 39px;
    height: 39px;
    cursor: pointer;
}
.second_footer_block{
    width: 100%;
}


.flex_useful{
    position: relative;
}
.flex_useful .btn_flex{
    position: absolute;
    bottom: -40px;
    right: 8px;
    z-index: 2;
}
.flex_useful .btn_flex div{
    position: relative;
    z-index: 2;
}
.useful .abs_img{
    width: 1200px;
    /* height: 80px; */
    position: absolute;
    z-index: 1;
    left: -966px;
    top: -75px;
}


.popular_products{
    padding: 40px 0px;
}
.block_info_gray{
    padding: 40px;
    margin-top: 40px ;
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative;
}

.block_info_gray .btn_flex{
    transform: translate(17px, 37px);
}

.block_info_gray .text_gray{
    max-width: 270px;
    transform: translateX(-110px);
}
.popular_products  .abs_img{
    position: absolute;
    left: 0;
    top: 9px;
    z-index: 0;
}
.block_info_gray div{
    position: relative;
    z-index: 2;
}

.ul_products_popular_slider{
    position: relative;
    padding:80px 60px;
    margin-top: 10px;
    border-radius: 20px;
    overflow: hidden;
    background: #282828;

}

.products_popular_swiper{
    max-width: 885px;
    position: relative;
    z-index: 2;
    margin: 0 auto;
}

.text_big_popular_product_block1 div{
    vertical-align: middle;
    height: 266px;
    color: #434343;
    font-size: 350px;
    font-family: 'Play', Arial, sans-serif;
    line-height: 1;
    font-weight: 1000;
    will-change: transform;
    transition: transform 0.05s linear;

    background-position: center center;
    border-color: transparent;
    border-style: solid;
}
.ul_products_popular_slider  .swiper_button_right{
    right: 60px;
}

.ul_products_popular_slider  .swiper_button_left{
    left: 60px;
}

.text_gray_mini_max{
    vertical-align: middle;
    color: #000000;
    font-size: 10px;
    font-family: 'Jura', Arial, sans-serif;
    line-height: 1.55;
    font-weight: 1000;
    background-position: center center;
    border-color: transparent;
    border-style: solid;
}

.li_product_popular{
    overflow: hidden;
    gap: 15px;
    display: flex;
    height: 395px;
    border-radius: 20px 20px 20px 20px;
    opacity: 0.75;
    background-color: #ffffff;
    background-position: center center;
    border-color: transparent;
    border-style: solid;
    padding: 20px;
    flex-direction: column;
    position: relative;
    align-items: center;
}
.li_product_popular div{
    position: relative;
    z-index: 2;
}
.img_product_popular{
    height: 167px;
    transition: all ease-in-out 0.2s;
    position: relative;
    z-index: 2;
    width: 170px;
}
.img_product_popular:hover{
    transform: scale(1.2);
}
.shadow_popular_product{
    position: absolute;
    top: 132px;
    left: 50%;
    transform: translateX(-50%);
    opacity: 0.6;
    width: 200px;
}
.li_product_popular .text_gray_mini_max{
    text-align: center;
}
.text_red{
    vertical-align: middle;
    color: #9f0011;
    font-size: 20px;
    font-family: 'Arial', Arial, sans-serif;
    line-height: 1;
    font-weight: 700;
    background-position: center center;
    border-color: transparent;
    border-style: solid;
}
.li_product_popular .text_red{
    text-align: center;
}
.li_product_popular .btn_black{
    width: 186px;
    cursor: pointer;
    text-align: center;
}

.li_product_popular .text_gray_mini_max{
    margin-top: 20px;
}

.li_product_popular .text_black{
    text-align: center;
}
.text_black{
    vertical-align: middle;
    color: #000000;
    font-size: 18px;
    font-family: 'Play', Arial, sans-serif;
    line-height: 1;
    font-weight: 1000;
    background-position: center center;
    border-color: transparent;
    border-style: solid;
}

.ul_products_popular_slider .text_big_popular_product_block1{
    position: absolute;
    top: -80%; /* Начальное положение */
    left: 6%;
    transform: translateX(-50%);
    display: flex;
    flex-direction: column;
    align-items: center;
    z-index: 1;
}

.sale_products{
    padding: 40px 0px;
}

.sale_products .abs_img {
    position: absolute;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
}

.products_sale_swiper{
    margin: 0 auto;
    position: relative;
    z-index: 2;
    max-width: 1100px;
}

.ul_products_sale_slider{
    position: relative;
    padding:60px 50px;
    border-radius: 20px;
    overflow: hidden;
    background: #282828;

}

.ul_products_sale_slider  .swiper_button_right{
    right: 23px;
}

.ul_products_sale_slider  .swiper_button_left{
    left: 23px;
}

.li_product_sale{
    border-radius: 15px 15px 15px 15px;
    background-color: #0c0c0c;
    background-position: center center;
    border-color: transparent;
    border-style: solid;
    padding: 20px;
    display: flex;
    flex-direction: column;
    align-items: start;
    gap: 15px;
    height: 465px;
}

.imgs_sale_prodcuts{
    overflow: hidden;
    position: relative;
    cursor: pointer;
    width: 100%;
    height: 284px;
}
.main_sale_product{
transition: 0.2s;
position: relative;
z-index: 1;
}
.second_sale_product{
    transition: 0.2s;
    opacity: 0;
    position: absolute;
    z-index: 2;
    top: 0;
}
.imgs_sale_prodcuts:hover .second_sale_product{
    opacity: 1;
}
.main_sale_product{
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 20px;
}
.second_sale_product{
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 20px;
}
.procent_sale{
    border-radius: 15px 15px 15px 15px;
    background-color: #9f0011;
    background-position: center center;
    border-color: transparent;
    border-style: solid;
    vertical-align: middle;
    padding: 5px;
    color: #ffffff;
    font-size: 20px;
    font-family: 'Play', Arial, sans-serif;
    line-height: 1;
    font-weight: 1000;
    background-position: center center;
    border-color: transparent;
    border-style: solid;
}
.li_product_sale .procent_sale{
    position: absolute;
    z-index: 2;
    bottom: 0;
    left: 0;

}
.prices_product_sale{
    display: flex;
    align-items: center;
    gap: 10px;
}
.sale_price{
    vertical-align: middle;
    color: #f0f0f0;
    font-size: 20px;
    text-decoration: line-through;
    font-family: 'Play', Arial, sans-serif;
    line-height: 1;
    font-weight: 400;
    opacity: 0.6;
    background-position: center center;
    border-color: transparent;
    border-style: solid;
}
.price_sale_product{
    vertical-align: middle;
    color: #ffffff;
    font-size: 20px;
    font-family: 'Play', Arial, sans-serif;
    line-height: 1;
    font-weight: 1000;
    background-position: center center;
    border-color: transparent;
    border-style: solid;
}
.text_white_product{
    vertical-align: middle;
    color: #ffffff;
    font-size: 15px;
    font-family: 'Play', Arial, sans-serif;
    line-height: 1.4;
    font-weight: 1000;
    background-position: center center;
    border-color: transparent;
    border-style: solid;
}
.li_product_sale .btn_border_white{
    max-width: 138px;
    width: 100%;
    color: #ffffff;
    font-size: 12px;
    font-family: 'Play', Arial, sans-serif;
    line-height: 1.35;
    font-weight: 800;
    border-radius: 10px 10px 10px 10px;
    background-position: center center;
    border-color: transparent;
    border-style: solid;
    transition: background-color 0.5s ease-in-out, color 0.5s ease-in-out, border-color 0.5s ease-in-out;
    box-shadow: 0px 0px 1px 1px rgba(255, 255, 255, 1);
}

.ul_products_sale_slider .text_sale_slider:nth-child(1){
    position: absolute;
    top: -23%;
    left: -21%;
    width: 60%;
    height: 110%;
    z-index: 0;
    transform: rotate(323deg);
    vertical-align: middle;
    color: #141414;
    font-size: 100px;
    font-family: 'Play', Arial, sans-serif;
    font-weight: 1000;
    background-position: center center;
    border-color: transparent;
    border-style: solid;
}

.ul_products_sale_slider .text_sale_slider:nth-child(2){
    position: absolute;
    top: 43%;
    right: -8%;
    width: 60%;
    height: 110%;
    z-index: 0;
    transform: rotate(323deg);
    vertical-align: middle;
    color: #141414;
    font-size: 100px;
    font-family: 'Play', Arial, sans-serif;
    font-weight: 1000;
    background-position: center center;
    border-color: transparent;
    border-style: solid;
}

.ul_products_sale_slider .text_sale_slider p{
    margin: 0px;
    min-width: 732px;
    line-height: 100px;
    gap: 25px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    white-space: nowrap;
}

.index_block{
    padding-bottom: 15px;
    position: relative;
}
.two_index_block{
    position: relative;
    z-index: 2;
    display: flex;
    gap: 10px;    
}
.main_index_block{
    width: 100%;
    position: relative;
    z-index: 2;
}
.header_index_block{
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
}
.logo_main{
    display: flex;
    align-items: center;
    gap: 10px;
}
.logo_img_main{
    width: 50px;
    height: 50px;
}
.text_logo_main{
    display: flex;
    align-items: center;
}
.text_logo_main img{
    height: 11px;
}

.pages_geader_main{
    display: flex;
    align-items: center;
    gap: 10px;
}
.pages_geader_main .btn_black,.pages_geader_main .btn_red{
    text-decoration: none;
    font-size: 17px;
    font-weight: 1000;
    color: white;
    font-family: 'Jura';
    height: 53px;
}
.pages_geader_main .btn_black:hover,.pages_geader_main .btn_red:hover{
    color: white;
}

.block_info_index{
    padding:140px 90px;
    height: 700px;
    width: 100%;
    margin-top:10px;
    border-radius: 20px;
    position: relative;
    z-index: 2;
    background: -webkit-linear-gradient(45deg, rgb(82, 82, 82), rgb(145, 145, 145));
    background: -moz-linear-gradient(45deg, rgb(82, 82, 82), rgb(145, 145, 145));
    background: linear-gradient(45deg, rgb(82, 82, 82), rgb(145, 145, 145));
    overflow: hidden;
}

.bac_image_index_block{
    background: url(/storage/uploads/photo_2025-03-19_22-49-25.jpg);
    opacity: 0.15;
    content: "";
    background-position: 169px;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    backdrop-filter: blur(44px);
    -webkit-backdrop-filter: blur(44px);
    filter: blur(44px);
    z-index: 1;
}
.content_index_block{
    position: relative;
    z-index: 2;
    display: flex;
    align-items: center;
}

.img_shadow_black_bottom_index{
    position: absolute;
    bottom: -118px;
    width: 763px;
    left: -38%;
    z-index: 2;
}

.content_1_index_block{
    display: flex;
    flex-direction: column;
    gap: 10px;
    align-items: start;
}
.content_1_index_block a{
    display: block;
    max-width: 200px;
    border-radius: 20px;
    margin-top: 80px;
    padding: 15px 20px;
    font-size: 12px;
}
.content_1_index_block .text_white{
    font-size: 20px;
}


.content_2_index_block{
    position: relative;
    margin-left: 100px;

}
.imgs_cats_index_block{
    position: relative;
    z-index: 3;
    width: 400px;
    height: 400px;
}

.imgs_cats_index_block img{
    display: none;
    width: 400px;
    height: 400px;
}

.imgs_cats_index_block img:first-child{
    display: block;
}
.imgs_cats_index_block img:nth-child(2){
    width: 308px;
    height: 304px;
    transform: translate(51px, 59px);
}
.imgs_cats_index_block img:nth-child(3){
    width: 290px;
    height: 290px;
    transform: translate(35px, 62px);
}
.imgs_cats_index_block img:nth-child(4){
    width: 350px;
    height: 322px;
    transform: translate(11px, 63px);
}

.img_shadow_index_block{
    position: absolute;
    z-index: 1;
    top: -60px;
    right: -10%;
    width: 380px;
    height: 510px;
}
.img_shadow_black_index{
    position: absolute;
    left: 59px;
    width: 300px;
    z-index: 2;
    height: 50px;
    opacity: 0.7;
    bottom: -13px;

}
.img_bottom_index_block{
    width: 648px;
    height: 35px;
    position: absolute;
    z-index: 1;
    bottom: -10px;
    left: -20%;
}

.open_index_img{
    position: absolute;
    z-index: 3;
    border-radius: 80px 80px 80px 80px;
    background-color: #525252;
    background-position: center center;
    border-color: transparent;
    border-style: solid;
    transition: all ease-in-out 0.2s;
    cursor: pointer;
    box-shadow: 0px 0px 2px 5px rgba(145, 145, 145, 1);
    width: 15px;
    height: 15px;
}
.open_index_img span{
    position: absolute;
    top: -10px;
    left: 20px;
    width: 228px;
    vertical-align: middle;
    color: transparent;
    background-image: linear-gradient(0.667turn, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 100%);
    -webkit-background-clip: text;
    will-change: transform;
    font-size: 20px;
    font-family: 'Jura', Arial, sans-serif;
    line-height: 1;
    font-weight: 1000;
    text-transform: capitalize;
    background-position: center center;
    border-color: transparent;
    border-style: solid;
}

.open_index_img_1{
    top: 20px;
    right: 65px;
}

.open_index_img_2{
    top: 99px;
    right: -21px;
}

.open_index_img_3{
    top: 205px;
    right: -47px;
}

.open_index_img_4{
    top: 307px;
    right: -4px;
}

.open_index_img.active{
    background-color: rgb(255, 255, 255);
    box-shadow: rgb(164, 0, 0) 0px 0px 7px 7px;
}

.btn_about_us_more{
    display: flex;
    align-items: center;
    gap: 10px;
    cursor: pointer;
}

.img_block_about_us .btn_about_us_more{
    position: absolute;
    bottom: 20px;
    z-index: 2;
    vertical-align: middle;
    color: #ffffff;
    font-size: 12px;
    font-family: 'Play', Arial, sans-serif;
    line-height: 1.55;
    font-weight: 600;
    background-position: center center;
    border-color: transparent;
    border-style: solid;
    right: 20px;
}
.img_block_about_us .plus {
    width: 40px;
    height: 40px;
}
.img_block_about_us .plus img{
    width: 18px;
    transition: all ease-in-out 0.2s;
    min-height: 18px;
 
}
.img_block_about_us .btn_about_us_more img.active{
    transform: rotate(45deg);
}

.block_shadow_about_us{
    position: absolute;
    top: 0px;
    display: none;
    left: 0px;
    padding: 20px;
    border: none;
      
    margin: 30px;
}

.block_shadow_about_us .text_gray{
    color: white;
    margin-top: 20px;
    margin-bottom: 40px;
}
.block_shadow_about_us .btn_border_white{
    max-width: 180px;
}

.block_shadow_about_us::before{
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    backdrop-filter: blur(20px); /* Устанавливаем размытие */
    transform: translateZ(0px);
    background-color: rgba(255, 255, 255, 0.3); /* Полупрозрачный фон */
    border-radius: 20px;
    background-position: center center;
    border-color: transparent;
    left: 0;
    top: 0;
    z-index: 0;
}
.block_shadow_about_us div{
    position: relative;
    z-index: 2;
}
.li_faq_about_us.active .text_gray{
    color: white;
}

.li_faq_about_us .text_gray{
    max-width: 400px;
}

.header_menu{
    position: fixed;
    width: 100%;
    top: 42px;
    left: 0;
    display: none;
    z-index: 100;
}

.header_menu .container{
    padding: 20px;
    border-radius: 20px;
    background-color: #282828;
    display: flex;
    align-items: start;
    gap: 40px;
    justify-content: space-between;
}

.img_header_menu{
    overflow: hidden;
    position: relative;
}

.img_header_menu .abs_img{
    width: 500px;
    position: absolute;
    z-index: 1;
    bottom: 0px;
    right: 0px;
}

.mini_form_search{
    position: relative;
    z-index: 2;
}

.img_header_menu .btn_flex{
    position: absolute;
    bottom: 3px;
    right: 10px;
    z-index: 2;
}
.img_header_menu .btn_flex .plus{
    width: 19px;
    height: 19px;
}
.img_header_menu .btn_flex .plus img{
    width: 7px;
    height: 7px;
}
.flex_menu{
    display: flex;
    justify-content: space-between;
    align-items: start;
    gap: 40px;
}
.header_menu .container .flex_menu{
width: 65%;
}

.img_about_header{
    max-width:350px ;
    width: 100%;
    height: 390px;
    overflow: hidden;
    object-fit: cover;
    border-radius: 20px;
}
.img_abs_header_menu{
    position: absolute;
    bottom: -1px;
    width: 643px;
    z-index: 0;
    right: 0px;
}

.flex_menu .main_page{
    font-size: 20px;
    font-family: 'Jura', Arial, sans-serif;
}

.flex_menu .ul_pages{
    gap: 2px;
}


.open_header_menu{
    cursor: pointer;
}

.img_main_block_cutout{
    position: absolute;
    z-index: 3;
    top: 50%;
    width: 78px;
    transform: translateY(-50%);
    right: 0px;
}

.open_img_about_us img{
    width: 30px;
    height: 30px;
    cursor: pointer;
}

.second_index_block{
    width: 300px;
    display: flex;
    flex-direction: column;
    gap: 20px;
    height: 574px;
    margin-top: auto;
    background: black;
}

.block_info_index.active{
    height: 574px;
}

.block_info_index.active .content_2_index_block {
    margin-left: 64px;
}

.block_info_index.active .imgs_cats_index_block img {
    width: 300px;
    height: 300px;
}

.block_info_index.active .imgs_cats_index_block img:nth-child(2) {
    width: 246px;
    height: 246px;
}

.block_info_index.active .imgs_cats_index_block img:nth-child(3) {
    width: 245px;
    height: 245px;
    transform: translate(24px, 67px);
}

.block_info_index.active .img_bottom_index_block {
    width: 533px;
    height: 35px;
    position: absolute;
    z-index: 1;
    bottom: 41px;
    left: -35%;
}

.block_info_index.active  .img_shadow_black_bottom_index {
    position: absolute;
    bottom: -50px;
    width: 632px;
    left: -52%;
    z-index: 2;
}

.block_info_index.active  .img_shadow_black_index {
    position: absolute;
    left: 7px;
    width: 300px;
    z-index: 2;
    height: 50px;
    opacity: 0.7;
    bottom: 33px;
}
.block_info_index.active .content_1_index_block a{
    margin-top: 35px;
}

.block_info_index.active  .open_index_img_1 {
    top: 25px;
    right: 61px;
}

.block_info_index.active  .open_index_img_2 {
    top: 99px;
    right: -11px;
}

.block_info_index.active .open_index_img_3 {
    top: 197px;
    right: -35px;
}

.block_info_index.active .open_index_img_4 {
    top: 283px;
    right: -10px;
}
.block_info_index.active .imgs_cats_index_block img {
    width: 335px;
    height: 335px;
}

.block_info_index.active .imgs_cats_index_block {
    position: relative;
    z-index: 3;
    width: 298px;
}

.block_info_index.active .imgs_cats_index_block img:nth-child(4) {
    transform: translate(-14px, 28px);
}
.block_info_index.active .imgs_cats_index_block img:nth-child(1) {
    transform: translate(-17px, 24px);
}

.block_info_index.active .imgs_cats_index_block img:nth-child(2) {
    width: 240px;
    height: 236px;
    transform: translate(41px, 81px);
}

.index_block.active .pages_geader_main a{
    height: 40px;
    font-size: 14px;
    display: flex;
    font-weight: 500;
    align-items: center;
    justify-content: center;
}
.pages_geader_main .btn_black{
    border-radius: 5px;
}

.index_block.active .text_logo_main img {
    height: 8px;
}

.index_block.active .title_white_big{
    font-size: 40px;
}
.index_block.active .text_white{
    font-size: 16px;
}

.second_index_block{
    position: relative;
    background: #C11230;
    border-radius: 20px;
    padding: 20px;
    overflow: hidden;
}

.abs_block_search{
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    border-radius: 20px;
    z-index: 2;
    background: #B4B4B4;
}

.img_abs_form_search{
    position: absolute;
    top: 50%;
    width: 68px;
    transform: translateY(-58%);
    left: -2px;
    z-index: 3;
}
.img_abs_form_search.active{
    z-index: 1;
}
.title_black{
    color: #141414;
    font-weight: 1000;
    font-size: 30px;
    line-height: normal;
}
.title_black_middle{
    color: #141414;
    font-weight: 1000;
    font-size: 22px;
    line-height: normal;
}
.abs_block_search .title_black{
    position: absolute;
    top: 108px;
    right: -81px;
    z-index: 1;
    font-family: 'Play', Arial, sans-serif;
    transform: rotate(90deg);
}
.abs_block_search .title_black_middle{
    position: absolute;
    bottom: 90px;
    right: -9px;
    z-index: 1;
    font-family: 'Play', Arial, sans-serif;
    transform: rotate(90deg);
}

.block_info_index.active {
    padding: 107px 90px;
}
.block_info_index.active  .open_index_img span{
    font-size: 17px;
}
.second_index_block .plus{
    position: absolute;
    z-index: 3;
    border: 1px solid white;
    bottom: 20px;
    transition: all ease-in-out 0.4s;
    right: 20px;
    width: 30px;
    height: 30px;
    cursor: pointer;
}
.second_index_block .plus img{
    width: 14px;
    height: 14px;
}
.second_index_block .plus:hover{
    opacity: 1;
}
.second_index_block .plus.active{
    transform: rotate(45deg);
}

.mini_form_search{
    
}
.label_form{
    color: white;
    font-size: 16px;
    font-family: 'Jura',Arial,sans-serif;

}
.mini_form_search .label_form{
    margin-bottom: 10px;
}
.grid_input_2{
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 10px;
}

.mini_form_search select{
    border-radius: 5px;
    padding: 2px 10px;
    background: white;
    border: none;
    outline: none;
    width: 100%;
    font-size: 14px;
    color: black;
    font-family: 16px;
    font-weight: 500;

}
.mini_form_search .btn_black{
    padding: 8px 10px;
}
.text_center{
    text-align: center;
}
.second_index_block .mini_form_search:nth-child(2){
    margin-top: auto;
}

.run_line{
    position: relative;
    height: 80px;
    display: flex;
    align-items: center;
    
}
.run_line .container{
    overflow: hidden;
}
.run_line_about_hrefs{
    width: 2000px;
    vertical-align: middle;
    color: #b4b4b4;
    font-size: 15px;
    font-family: 'Play', Arial, sans-serif;
    line-height: 1;
    font-weight: 300;
    background-position: center center;
    border-color: transparent;
    border-style: solid;
    display: flex;
    will-change: transform; /* Оптимизация анимации */
    gap: 20px;
    transform: translateX(-100px);
    white-space: nowrap;
}
.run_line p{
    margin: 0px;
}

.li_social_account{

}
.img_gray_social_account{
    display: block;
}
.img_colored_social_account{
    display: none;
}
.li_social_account:hover .img_gray_social_account{
    display: none;
}
.li_social_account:hover .img_colored_social_account{
    display: block;
}

.underline:hover{
    text-decoration: underline;
    cursor: pointer;
}

.title_middle_big_2{
    vertical-align: middle;
    color: #ffffff;
    font-size: 35px;
    font-family: 'Play', Arial, sans-serif;
    line-height: 1.55;
    font-weight: 400;
    background-position: center center;
    border-color: transparent;
    border-style: solid;
}

.more_text_social_accounts{
    position: relative;
}
.more_text_social_accounts p{
    position: absolute;
    top: 100%;
    display: none;
    left: -10px;
    transform: rotate(90deg);
    color: #ffffff;
    text-align: center;
    z-index: 18;
    margin: 0px;
    font-size: 11px;
    font-weight: 1000;
    top: 56px;
    font-family: 'Play', Arial, sans-serif;
}


.filters_catalog{
    padding: 40px 0px;
}
.title_filter_catalog{
    padding-left: 30px;
    vertical-align: middle;
    color: #ffffff;
    font-size: 18px;
    font-family: 'Jura', Arial, sans-serif;
    line-height: 1;
    font-weight: 1000;
    background-position: center center;
    border-color: transparent;
    border-style: solid;
}


.title_cart_message{
    vertical-align: middle;
    color: #ffffff;
    font-size: 20px;
    font-family: 'Play', Arial, sans-serif;
    line-height: 1.55;
    font-weight: 400;
    background-position: center center;
    border-color: transparent;
    border-style: solid;
}

.form_filters{
    padding: 15px 30px;
    background: #282828;
    display: flex;
    gap: 15px;
    flex-direction: column;
    border-radius: 20px;
}
.block_inputs_filter_catalog{
    display: flex;
    gap: 30px;
}
.block_one_inputs_filter_catalog{
    display: flex;
    flex-direction: column;
    gap: 15px;
}
.flex_input_catalog{
    display: flex;
    align-self: center;
    color: white;
    gap: 15px;
}
.flex_input_catalog p{
    margin: 0px;
    width: 15px;
    height: 38px;
    font-size: 20px;
    justify-content: center;
    display: flex;
    align-items: center;
}
.select{
    position: relative;
}
.select select{
    color: #ffffff;
   
    line-height: 1.55;
    font-weight: 600;
    background: none;
    border: 1px solid #787878;
    border-radius: 7px 7px 7px 7px;
    background-position: center center;
    outline: none;
    padding: 7px;
    transition: background-color 0.3s ease-in-out, color 0.3s ease-in-out, border-color 0.3s ease-in-out;
    vertical-align: middle;
    font-size: 17px;
    font-family: 'Arial', Arial, sans-serif;
    line-height: 1;
    font-weight: 400;
    background-position: center center;
}
.select select:hover{
    border: 1px solid white;
}
.select select option{
    display: flex;
    align-items: center;
    background: #282828;
}

.hover_gray_bac{
    transition: all ease-in-out 0.2s;
}

.hover_gray_bac:hover{
    background-color: rgba(105, 105, 105, 0.7);
    border-color: #696969;
    transition: all ease-in-out 0.3s;
}

.form_filters .btn_red{
    width: 100%;
    display: flex;
    align-items: center;
    font-size: 12px;
    font-weight:1000;
    border-radius: 10px;
    justify-content: center;
    height: 46px;
}
.flex_input_catalog.no_gap{
    gap: 0px;
}

.form_filters select{
    height: 38px;
    max-width: 185px;
    min-width: 185px;
}

.form_filters .block_one_inputs_filter_catalog:last-child{
    margin-left: auto;
}

.form_filters_catalog_with_auto{
    display: flex;
    align-items: center;
    gap: 15px;
}
.select_white select{
    color: #000000;
    font-size: 15px;
    font-family: 'Arial', Arial, sans-serif;
    line-height: 1.55;
    font-weight: 400;
    padding: 10px;
    outline: none;
    border-width: 1px;
    border-radius: 10px 10px 10px 10px;
    background-color: #e6e6e6;
    background-position: center center;
    border-color: transparent;
    border-style: solid;
    transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out, border-color 0.2s ease-in-out;
}
.select_white select option{
    text-align: center;
}
.form_filters_catalog_with_auto .select_white select{
    width: 145px;
    height:46px;
}
.form_filters_catalog_with_auto .btn_red{
    width: 186px;
    text-align: center;
    font-size: 12px;
    font-weight:1000;
    border-radius: 10px;
    height:46px;
}
.filters_catalog .title_filter_catalog{
    padding: 30px 30px;
}

.navigation{
    padding: 30px 0px;
}
.ul_navigation_hrefs{
    padding-left: 30px;
    display: flex;
    align-items: center;
}
.li_navigation,.li_navigation a{
    color: #b4b4b4;
    text-decoration: none;
    font-size: 15px;
    font-family: 'Jura', Arial, sans-serif;
    line-height: 1.55;
    font-weight: 500;
    border-radius: 30px 30px 30px 30px;
    background-position: center center;
    border-color: transparent;
    border-style: solid;
    transition: background-color 0.3s ease-in-out, color 0.3s ease-in-out, border-color 0.3s ease-in-out;
}
.li_navigation a:hover{
    color: white;
}
.li_navigation:last-child{
    display: none;
}

.titles_catalog div{
    padding-left: 30px;
    margin: 10px 0px;
}

.catalog_products{
    padding-bottom: 40px;
}
.filter_products_ul{
    display: flex;
    padding-left: 30px;
    align-items: center;
    gap: 15px;
}

.btn_filter{
    color: #ffffff;
    font-size: 14px;
    font-family: 'Jura', Arial, sans-serif;
    line-height: 1.55;
    font-weight: 600;
    border-width: 1px;
    border-radius: 7px 7px 7px 7px;
    background-position: center center;
    border-color: #787878;
    border-style: solid;
    transition: background-color 0.3s ease-in-out, color 0.3s ease-in-out, border-color 0.3s ease-in-out;
    width: 39px;
    height: 39px;
    display: flex;
    cursor: pointer;
    align-items: center;
    justify-content: center;
}
.btn_filter img{
    width: 28px;
    height: 28px;
}

.li_product_catalog{
    display: flex;
    min-height: 579px;
    flex-direction: column;
    padding: 10px;
    border-radius: 15px 15px 15px 15px;
    background-color: #282828;
    background-position: center center;
    border-color: transparent;
    border-style: solid;
    position: relative;
}
.li_images_product{
    position: relative;
    width: 100%;
    margin-bottom: 5px;
    height: 435px;
}
.li_images_product img{
    height: 435px;
    width: 100%;
    object-fit: cover;
    border-radius: 15px;
}
.text_gray_mini{
    vertical-align: middle;
    color: #b4b4b4;
    font-size: 15px;
    font-family: 'Jura', Arial, sans-serif;
    line-height: 1;
    font-weight: 400;
    background-position: center center;
    border-color: transparent;
    border-style: solid;
}
.title_white_mini{
    vertical-align: middle;
    color: #ffffff;
    font-size: 15px;
    font-family: 'Jura', Arial, sans-serif;
    line-height: 1.4;
    font-weight: 400;
    background-position: center center;
    border-color: transparent;
    border-style: solid;
}


.price_product_white{
    margin-top: auto;
    vertical-align: middle;
    color: #ffffff;
    font-size: 20px;
    font-family: 'Arial', Arial, sans-serif;
    line-height: 1;
    font-weight: 700;
    background-position: center center;
    border-color: transparent;
    border-style: solid;
}
.flex_btns_li_product_catalog{
    display: flex;
    align-items: center;
    gap: 20px;
}


.flex_btn_mini_li_cart_product{
    display: flex;
    margin-left: auto;
    align-items: center;
    gap: 15px;
}
.add_to_cart{
    min-width: 35px;
    min-height: 30px;
    border-radius: 10px;
    border: none;
    outline: none;
    display: flex;
    cursor: pointer;
    align-items: center;
    background: #c11230;
    justify-content: center;
}
.add_to_cart img{
    width: 17px;
    height: 17px;
}

.flex_btn_mini_li_cart_product .btn_border_white{
    font-size: 12px;
    font-family: 'Play', Arial, sans-serif;
    line-height: 1.35;
    font-weight: 800;
    border-radius: 10px;
    padding: 0px;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 28px;
    cursor: pointer;
    min-width: 95px;
    width: 100%;
}

.ul_products_catalog{
    padding: 15px 0px;
}

.pagination{
    margin: 15px 0px;
}
.pagination .items-center{
    display: flex;
    align-items: center;
    gap: 15px;
}
.pagination svg{
    display: none;
}
.pagination .relative{
    display: flex;
    align-items: center;
    gap: 15px;
}


.btn_pagination{
    background: none !important;
    outline: none;
    text-decoration: none;
    border: none;
    color: #b4b4b4;
    border: none !important;
    padding: 0px !important;
    font-size: 18px;
    font-family: 'Jura', Arial, sans-serif;
    line-height: 1.55;
    font-weight: 700;
    border-radius: 30px 30px 30px 30px;
    background-position: center center;
    border-color: transparent;
    border-style: solid;
    transition: background-color 0.3s ease-in-out, color 0.3s ease-in-out, border-color 0.3s ease-in-out;
}
a.btn_pagination:hover{
    color: white;
}

.href_pagination{
    width: 31px;
    padding: 0px !important;
    height: 31px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #b4b4b4 ;
    font-size: 18px;
    font-family: 'Jura', Arial, sans-serif;
    line-height: 1.55;
    font-weight: 700;
    border-width: 1px;
    border-radius: 5px 5px 5px 5px;
    background-position: center center;
    border-color: #b4b4b4;
    border-style: solid;
    text-decoration: none;
    background: none !important;
    transition: background-color 0.3s ease-in-out, color 0.3s ease-in-out, border-color 0.3s ease-in-out;


}
.href_pagination:hover{
    color: white;
}
.span_pagination{
    color: #141414;
    font-size: 18px;
    font-family: 'Jura', Arial, sans-serif;
    line-height: 1.55;
    font-weight: 700;
    border-radius: 5px 5px 5px 5px;
    background-color: #b4b4b4 !important;
    background-position: center center;
    border: none  !important;
    transition: background-color 0.3s ease-in-out, color 0.3s ease-in-out, border-color 0.3s ease-in-out;
    width: 31px;
    height: 31px;
    text-decoration: none;
    display: flex;
    padding: 0px !important;
    align-items: center;
    justify-content: center;
}


.blocks_catalog{
    padding-top: 30px;
}
.li_block_catalog{
    padding: 15px;
    border-radius: 20px 20px 20px 20px;
    background-color: #282828;
    background-position: center center;
    border-color: transparent;
    border-style: solid;
    position: relative;
}   

.li_block_catalog img{
    width: 100%;
    height: 280px;
    border-radius: 20px;
    object-fit: cover;
}

.text_li_block_catalog_abs{
    border-radius: 20px 20px 20px 20px;
    position: absolute;
    bottom: 20px;
    height: 73px;
    left: 23px;
    width: 90%;
    display: flex;
    padding: 0px 10px;
    align-items: center;
    overflow: hidden;
    border-color: transparent;
    border-style: solid;
}
.text_li_block_catalog_abs::before{
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    backdrop-filter: blur(4px);
    transform: translateZ(0px);
    background-color: rgba(255, 255, 255, 0.3);
    border-radius: 20px;
    background-position: center center;
    border-color: transparent;
    left: 0;
    top: 0;
    z-index: 0;
}


.text_li_block_catalog_abs div{
    position: relative;
    z-index: 1;
    vertical-align: middle;
    color: #ffffff;
    font-size: 25px;
    font-family: 'Jura', Arial, sans-serif;
    line-height: 1;
    font-weight: 1000;
    background-position: center center;
    border-color: transparent;
    border-style: solid;
}
.text_li_block_catalog_abs.red div{
    position: relative;
    z-index: 1;
    vertical-align: middle;
    color: #cb0000;
    font-size: 25px;
    font-family: 'Jura', Arial, sans-serif;
    line-height: 1;
    font-weight: 1000;
    background-position: center center;
    border-color: transparent;
    border-style: solid;
}

.bac_black_2{
    position: fixed;
    top: 0;
    display: none;
    padding: 40px;
    z-index: 90;
    width: 100%;
    overflow-y: scroll;
    height: 100%;
    background: rgba(0,0,0,0.6);
    left: 0;
}
.open_search_form{
    cursor: pointer;
}

.bac_black_2 .container{
    position: relative;
}

.search_form{
    position: absolute;
    z-index: 80;
    top: 20px;
    display: flex;
    right: 20px;
}
.search_form input{
    border-width: 0px;
    border-radius: 7px 0 0 7px;
    vertical-align: middle;
    color: #000000;
    font-size: 20px;
    text-align: start;
    padding:0px 20px ;
    border: none;
    outline: none;
    min-width: 520px;
    font-family: 'Jura', Arial, sans-serif;
    line-height: 1.55;
    font-weight: 400;
    background-position: center center;
    border-color: transparent;
    border-style: solid;
    background-color: #b4b4b4;
    background-position: center center;
    border-color: #141414;
    border-style: solid;
    box-shadow: 0px 0px 5px 2px rgba(20, 20, 20, 1);
}

.search_form input::placeholder{
    color: #000000;
    font-family: 'Jura', Arial, sans-serif;
    line-height: 1.55;
    font-weight: 400;
}

.search_form button{
    width: 60px;
    height: 43px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 0 7px 7px 0;
    background-color: #141414;
    background-position: center center;
    border-color: transparent;
    border-style: solid;
}
.search_form button img{
    width: 17px;
    height: 17px;
}

.ul_search_products{
    display: flex;
    padding: 5px;
    z-index: -1;
    flex-direction: column;
    position:absolute;
    top: 35px;
    overflow: hidden;
    left: 4px;
    border-radius: 15px;
    width: 99%;
    
}
.li_search_products{
    padding: 10px 0px;
    border-bottom: 1px solid #696969;
    background: #282828;
    display: flex;
    align-items: center;
    gap: 20px;
}
.li_search_products img{
    width: 70px;
    margin-left: 20px;
    border-radius: 5px;
    height: 70px;
    object-fit: cover;
}

.li_search_products:last-child{
    border-bottom: none;
    border-radius:0px 0px 5px 5px;
}


.show_block_index_2{
    position: absolute;
    z-index: 2;
    top: 100px;
    left: 25px;
    border-radius: 3000px 3000px 3000px 3000px;
    opacity: 0.4;
    background-color: #000000;
    background-position: center center;
    border-color: transparent;
    border-style: solid;
    box-shadow: 0px 0px 60px 60px rgba(0, 0, 0, 1);
    transform: rotate(333deg);
    width: 198px;
    height: 183px;
}


.table_products_catalog{
    border-radius: 20px 20px 20px 20px;
    background-color: #282828;
    background-position: center center;
    border-color: transparent;
    border-style: solid;
    padding:0px 15px;
    padding-bottom: 15px;
    margin-top: 15px;
}

.table_products_catalog th{
    vertical-align: middle;
    color: #ffffff;
    font-size: 20px;
    width: 153px;
    font-family: 'Jura', Arial, sans-serif;
    line-height: 1.4;
    font-weight: 400;
    background-position: center center;
    border-color: transparent;
    border-style: solid;
}


.li_image_table_product img{
    width: 100px;
    height: 104px;
    object-fit: cover;
    border-radius: 20px;
}

.table_products_catalog tr{
    padding: 20px;
    border-bottom: 1px solid #B4B4B4;

}
.table_products_catalog table{

    width: 100%;
}


.table_products_catalog tbody,.table_products_catalog  td,.table_products_catalog  tfoot,.table_products_catalog  th,.table_products_catalog  thead,.table_products_catalog  tr {
    padding: 13px;
}
.text_white_middle{
    vertical-align: middle;
    color: #ffffff;
    font-size: 20px;
    font-family: 'Jura', Arial, sans-serif;
    line-height: 1.4;
    font-weight: 400;
    border: none;
    background-position: center center;
   
}
.table_products_catalog td.li_image_table_product{
    padding: 13px 0px;
}

.table_products_catalog td.titles_td_table_product{
    min-width: 203px;
}

.cart_message{
    max-width: 700px;
    width: 100%;
    border-radius: 15px 15px 15px 15px;
    background-color: #282828;
    background-position: center center;
    border-color: transparent;
    border-style: solid;
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.cart_message .title_filter_catalog{
    padding: 0px;
}
.close_message{
    cursor: pointer;
}
.btn_close_message{
    cursor: pointer;
    padding: 0px;
    width: 30px;
    height: 30px;
    display: flex;
    transition: all ease-in-out 0.2s;
    align-items: center;
    background: rgb(180, 180, 180);
    justify-content: center;
    border-radius: 50%;
}
.btn_close_message img{
    width: 10px;
}

.cart_message .modal_header_cart{
    position: sticky;
    border-radius: 15px;
    background-color: #282828;
    padding:0px 50px;
    top: 10px;
    left: 0;
    display: flex;
    align-items: center;
    gap: 20px;
    justify-content: space-between;
    width: 100%;
    height: 73px;
}

.content_cart .text_white{
    text-decoration: none;
}

.content_cart .weight_1000{
    font-weight: 1000;
    font-size: 17px;
}
.weight_500{
    font-weight: 500;
}
.content_cart .weight_500{
    font-weight: 500;
    color: #BEBEBE;
}

.ul_specification{
    display: flex;
    max-width: 185px;
    width: 100%;
    flex-direction: column;
    gap: 10px;
}
.li_specification{
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
}

.grid_two{
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
}
.img_product_cart img{
    border-radius: 15px 15px 15px 15px;
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    border-color: transparent;
    border-style: solid;
    width: 247px;
    height: 247px;
    object-fit: cover;
}

.flex_cart{
    padding: 0px 50px;
    display: flex;
    align-items: start;
    gap: 20px;
}
.flex_cart.center{
    align-items: center;

}
.max_width_247{
    max-width: 247px;
    width: 100%;
}
.cart_message .max_width_247{
    display: flex;
    align-items: center;
    gap: 10px;

}
.cart_message .select {
    width: 100%;
}
.cart_message .select select{
    max-width: 185px;
    width: 100%;
}
.cart_message .title_middle{
    text-decoration: none;
}

.cart_message .ul_specification{
    margin-top: 20px;
}

.cart_message .flex_cart{
    width: 100%;
}

.title_white_mini_2{
    vertical-align: middle;
    color: #ffffff;
    font-size: 12px;
    font-family: 'Jura', Arial, sans-serif;
    line-height: 1;
    font-weight: 400;
    transition: all ease-in-out 0.2s;
    text-decoration: none;
    background-position: center center;
    border-color: transparent;
    border-style: solid;
}
.title_white_mini_2:hover{
    color: #ffffff;
    text-decoration: underline;
}
.li_additional_cart{
    display: flex;
    align-items: center;
    flex-direction: column;
    gap: 5px;
    padding:5px 10px;
    border-radius: 10px 10px 10px 10px;
    background-color: #000000;
    background-position: center center;
    border-color: transparent;
    border-style: solid;
}

.additioanl_img img{
    width: 100%;
    height: 224px;
    border-radius: 10px;
    object-fit: cover;
}

.slider_additionals{
    position: relative;
}
.price_additional{
    vertical-align: middle;
    text-align: start;
    color: #ffffff;
    font-size: 15px;
    font-family: 'Arial', Arial, sans-serif;
    line-height: 1;
    font-weight: 700;
    background-position: center center;
    border-color: transparent;
    border-style: solid;
}

.cart_message .block_slider_additional{
    margin: 20px 50px;
    padding: 20px 0px;
    margin-bottom: 0px;
    border-top: 1px solid white;
    border-bottom: 1px solid white;
}

.cart_message .block_slider_additional .slider_additionals{
    margin-top: 10px;
}


.cart_message .slider_additionals .li_additional_cart div{
    margin: 0px;
    width: 100%;
    text-align: start;
}
.swiper_button_white{
    background: white;
}

.swiper_button_next_additionals{
    right: -25px;
    top: 50%;
    width: 48px;
    height: 48px;
    transform: translateY(-50%);
}
.swiper_button_prev_additionals{
    left: -25px;
    top: 50%;
    width: 48px;
    height: 48px;
    transform: translateY(-50%);
}

.block_ul_cart_products{
    padding: 0px 50px;
}
.block_ul_cart_products .title_filter_catalog{
    margin-bottom: 15px;
}
.ul_cart_products{
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 15px;
}
.li_cart_product{
    display: flex;
    align-items: start;
    gap: 15px;
}
.li_cart_product img{
    max-width: 100px;
    width: 100%;
    height: 104px;
    border-radius: 10px;
    object-fit: cover;
}
.content_mini_li_cart_product{
    display: flex;
    flex-direction: column;
}

.price_big{
    vertical-align: middle;
    color: #ffffff;
    font-size: 25px;
    font-family: 'Arial', Arial, sans-serif;
    line-height: 1;
    font-weight: 700;
    background-position: center center;
    border-color: transparent;
    border-style: solid;
}

.text_how_products_in_cart{
    vertical-align: middle;
    color: #ffffff;
    font-size: 15px;
    font-family: 'Play', Arial, sans-serif;
    line-height: 1.55;
    font-weight: 400;
    background-position: center center;
    border-color: transparent;
    border-style: solid;
}
.text_how_products_in_cart.weight_900{
    font-weight: 900;
}
.btn_red.hover_gray:hover{
    background: rgba(105,105,105,0.7);
}

.modal_footer_cart{
    padding: 30px 50px;
    border-radius: 0px 0px 15px 15px;
    background-color: #282828;
    background-position: center center;
    border-color: transparent;
    border-style: solid;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    position: sticky;
    z-index: 2;
    bottom: 0px;
    left: 0px;
    width: 100%;
}
.modal_footer_cart .btn_flex{
    gap: 10px;
}
.modal_footer_cart .btn_flex .btn_red,.modal_footer_cart .btn_flex .btn_border_white{
    color: #ffffff;
    font-size: 12px;
    font-family: 'Play', Arial, sans-serif;
    line-height: 1.35;
    font-weight: 800;
    width: 163px;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 38px;
    padding: 0px;
}

.swiper_button_next_categories{
    top: 50%;
    margin: 0px;
    transform: translateY(-50%);
}
.swiper_button_prev_categories{
    margin: 0px;
    top: 50%;
    transform: translateY(-50%);
}


.single_product{
    padding-bottom: 40px;
}
.block_all_content_single_product{
    display: flex;
    gap: 15px;

}
.galery_single_product{
    width: 100%;
    overflow: hidden;
    transition: all ease-in-out 0.3s;
    position: relative;
    max-height: 990px;
}
.block_main_info_single_product{
    min-width: 340px;
    max-width: 340px;
    padding: 40px;
    display: flex;
    position: sticky;
    top: 20px; /* Отступ сверху */
    align-self: flex-start; 
    flex-direction: column;
    gap: 20px;
    border-radius: 15px;
    background: #282828;
}
.ul_specifications_single_product{
    display: flex;
    flex-direction: column;
    gap: 10px;
}
.li_specification_product{
    display: flex;
    justify-content: space-between;
    gap: 20px;
    align-items: center;
}
.title_type_specification{
    vertical-align: middle;
    color: #ffffff;
    font-size: 20px;
    font-family: 'Jura', Arial, sans-serif;
    line-height: 1;
    font-weight: 400;
    background-position: center center;
    border-color: transparent;
    border-style: solid;
}
.values_specification{
    vertical-align: middle;
    color: #ffffff;
    font-size: 20px;
    font-family: 'Arial', Arial, sans-serif;
    line-height: 1;
    font-weight: 700;
    background-position: center center;
    border-color: transparent;
    border-style: solid;
}
.block_main_info_single_product .select select{
    width: 185px;
}

.flex_btns{
    display: flex;
    gap: 10px;
    flex-wrap: wrap;

}
.block_main_info_single_product .flex_btns{
    margin-top: 20px;
}
.block_main_info_single_product .flex_btns .btn_border_white{
    width: auto;
    height: 38px;
    cursor: pointer;
    padding-top: 0px;
    font-size: 12px;
    font-family: 'Play', Arial, sans-serif;
    line-height: 1.35;
    font-weight: 800;
    gap: 15px;
    padding-bottom: 0px;
}
.block_main_info_single_product .flex_btns .btn_border_white img{
    width: 20px;
    height: 20px;
}

.content_all_single_product{
    display: flex;
    flex-direction: column;
    gap: 15px;
}
.header_btn_single_product{
    margin-bottom: 20px;
display: flex;
align-items: center;
justify-content: space-between;
gap: 20px;
}
.header_btn_single_product div{
    vertical-align: middle;
    color: #ffffff;
    font-size: 25px;
    font-family: 'Jura', Arial, sans-serif;
    line-height: 1;
    font-weight: 400;
    cursor: pointer;
    text-decoration: underline;
    background-position: center center;
    border-color: transparent;
    border-style: solid;
}


.block_information_single_product{

}
.li_block_information_single_product{
    display: flex;
    flex-direction: column;
    gap: 15px;
}
.li_main_block_information_single_product{
    background: #282828;
    display: flex;
    min-height: 307px;
    flex-direction: column;
    overflow: hidden;
    gap: 20px;
    position: relative;
    padding: 15px;
    padding-bottom: 35px;
    border-radius: 15px;
}

.li_main_block_information_single_product .btn_flex {
    position: absolute;
    bottom: 12px;
    right: 8px;
    z-index: 2;
}

.li_main_block_information_single_product .btn_flex div{
    position: relative;
    cursor: pointer;
    z-index: 2;
}

.li_main_block_information_single_product .abs_img {
    width: 200px;
    /* height: 80px; */
    position: absolute;
    z-index: 1;
    left: -39px;
    top: -34px;
}
.title_in_text{
    vertical-align: middle;
    color: #ffffff;
    font-size: 25px;
    font-family: 'Jura', Arial, sans-serif;
    line-height: 1;
    font-weight: 400;
    background-position: center center;
    border-color: transparent;
    border-style: solid;
}

.text_content{
    vertical-align: middle;
    color: #ffffff;
    font-size: 20px;
    font-family: 'Jura', Arial, sans-serif;
    line-height: 1;
    font-weight: 400;
    background-position: center center;
    border-color: transparent;
    border-style: solid;
}
.li_mini_info_single_product{
    display: flex;
    align-items: center;
    justify-content: start;
    gap: 30px;
}
.li_mini_info_single_product .btn_red{
    width: 35px;
    height: 35px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.li_mini_info_single_product .btn_red img{
    width: 25px;
    height: 25px;
}
.margin_top_40{
    margin-top: 40px;
}
.li_main_block_information_single_product .grid_2{
    gap: 25px;
}
.li_block_information_single_product{
    display: none;
}
.li_block_information_single_product.active{
    display: block;
}
.first_block_all_content_single_product{
    width: 100%;
}
.margin_top_20{
    margin-top: 20px;
}

.li_main_block_information_single_product .text_content{
    max-width: 95%;
}
.li_main_block_information_single_product .grid_2{
    max-width: 95%;
}
.li_main_block_information_single_product .li_mini_info_single_product .text_content{
    width: 100%;
}

.li_main_block_information_single_product .btn_border_white{
    max-width: 175px;
    cursor: pointer;
}
.text_faq_mini_white{
    vertical-align: middle;
    color: #ffffff;
    font-size: 15px;
    font-family: 'Arial', Arial, sans-serif;
    line-height: 1;
    font-weight: 500;
    background-position: center center;
    border-color: transparent;
    border-style: solid;
}
.text_faq_mini_gray{
    vertical-align: middle;
    color: #b4b4b4;
    font-size: 15px;
    font-family: 'Jura', Arial, sans-serif;
    line-height: 1;
    font-weight: 900;
    background-position: center center;
    border-color: transparent;
    border-style: solid;
}

.question_user_single_product{
    margin: 5px 0px;
}
.answer_admin_single_product{
    display: flex;
    align-items: center;
    gap: 5px;
}
.answer_admin_single_product img{
    width: 30px;
    height: 30px;
}
.ul_faq_single_product{
    display: flex;
    flex-direction: column;
    gap: 20px;
    
}


.modal-content {
    background: #232323;
    color: #fff;
    border-radius: 20px;
    padding: 15px 15px 25px 30px;
    border: none;
  }
  .modal-header {
    margin-bottom: 40px;
    border-bottom: none;
    padding: 0px;
    padding-bottom: 0;
  }
  .modal-title {
    font-size: 2rem;
    font-family: 'Montserrat', Arial, sans-serif;
    font-weight: 400;
  }
  .btn-close {
    background: none;
    opacity: 1;
    color: #fff;
    font-size: 1.5rem;
  }
  .form-label {
    vertical-align: middle;
    color: #b5b5b5;
    font-size: 20px;
    font-family: 'Jura', Arial, sans-serif;
    line-height: 1;
    font-weight: 500;
    background-position: center center;
    border-color: transparent;
    border-style: solid;
  }
  .form-control {
    background-color: #B4B4B4;
    border: none;
    border-radius: 12px;
    color: #282828;
    font-size: 20px;
    font-family: 'Jura', Arial, sans-serif;
    line-height: 1;
    font-weight: 500;
    margin-bottom: 1rem;
  }

  .form-control::placeholder{
    color: #282828;
    font-size: 20px;
    font-family: 'Jura', Arial, sans-serif;
  }
  .form-control:focus {
    outline: none;
    box-shadow: none;
  }
  .publication-rules {
    color: #fff;
    text-decoration: underline;
    display: inline-block;
    margin-top: 8px;
  }
.custom-width-modal{
    width: 1014px;
    max-width: 100%;
}
  .custom-btn:hover {
    background: #fff;
    color: #232323;
  }

  .flex_aplication_in_form{
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
  }

  .flex_aplication_in_form .btn_border_white{
    background: #282828;
    font-size: 12px;
    font-family: 'Play', Arial, sans-serif;
    line-height: 1.35;
    font-weight: 800;
    max-width: 175px;
    text-transform: uppercase;
  }

  
  .flex_aplication_in_form .btn_border_white:hover{
    color: #ffffff;
    background-color: rgba(84, 98, 105, 0.5);
  }

.block_input{
    display: flex;
    align-items: center;
    gap: 20px;
    justify-content: space-between;
}
.modal-body form {
    display: flex;
    flex-direction: column;
    gap: 15px;
}
.modal-body form input{
    max-width: 450px;
    width: 100%;
    margin-bottom: 0px;

}
.modal-body{
    padding: 0px;
}

.btn_close{
    width: 30px;
    outline: none;
    height: 30px;
    display: flex;
    border: none;
    background: #B4B4B4;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
}
.btn_close img{
    width: 9.8px;
    height: 9.8px;
}

.galery_single_product {
    display: flex;
    margin-bottom: 15px;
    flex-wrap: wrap;
    gap: 15px; /* отступы между картинками */
}

.galery_single_product .img_2_galerey {
    cursor: zoom-in;
    width: calc((100% - 15px) / 2); /* 2 фото в строке с учетом одного gap */
    object-fit: cover;
}

.galery_single_product .img_3_galerey {
    cursor: zoom-in;
    width: calc((100% - 30px) / 3); /* 3 фото + между ними 2 gap по 15px */
    object-fit: cover;
}

.galery_single_product .img_6_galerey {
    cursor: zoom-in;
    width: calc((100% - 75px) / 6); /* 6 фото + 5 промежутков = 5*15px */
    object-fit: cover;
}

.galery_single_product .img_2_galerey img{
    width: 100%;
}
.galery_single_product .img_3_galerey img{
    width: 100%;    
}
.galery_single_product .img_6_galerey img{
    width: 100%;    
}

/* Чтобы картинки не были вытянутыми */
.galery_single_product img {
    height: auto;
    border-radius: 15px; /* скругляем углы */
    display: block;
}

.similar_products{
    margin: 40px 0px;
}

.similar_products_swiper,.recently_viewed_products_swiper{
    max-width: 1160px;
}


.flex_filters_single_product{
    display: flex;
    align-items: center;
    gap: 15px;
    margin: 15px 0px;
}

.block_swiper{
    position: relative;
}

.similar_products .btn_border_white{
    max-width: 185px;
    font-size: 12px;
    cursor: pointer;
    padding: 10px;
    font-family: 'Play', Arial, sans-serif;
    line-height: 1.35;
    font-weight: 800;
}
.similar_products .btn_border_white.active{
    background:#B4B4B4 ;
    color: #141414;
}

.similar_products .li_additional_cart,.recently_viewed_products .li_additional_cart{
    align-items: start;
}

.recently_viewed_products .title_white_big{
    margin-bottom: 40px;
}
.recently_viewed_products{
    margin-bottom: 40px;
}


.block_more_information_single_product{
    display: none;
    margin-top: 15px;
    flex-direction: column;
}
.block_more_information_single_product.active{
    display: flex;
}

.content_more_information_single_product{
    padding: 20px;
    border-radius: 15px;
    background: #282828;
    color: #ffffff;
    display: none;
    font-size: 20px;
    position: relative;
    z-index: 2;
    min-height: 279px;
    font-family: 'Jura', Arial, sans-serif;
    line-height: 1;
    font-weight: 500;
}

.content_more_information_single_product.active{
    display: block;
}

.pages_more_information_single_product{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.page_more_information_single_product{
    position: relative;
    color: white;
    padding:9px 20px;
    font-size: 20px;
    font-family: 'Jura', Arial, sans-serif;
    line-height: 1;
    font-weight: 500;
    cursor: pointer;
    text-decoration: underline;
}

.galery_single_product .btn_flex{
    position: absolute;
    bottom: 9px;
    cursor: pointer;
    right: 0px;
    z-index: 2;
}
.galery_single_product .btn_flex.active .plus{
    transform: rotate(45deg);

}

.galery_single_product .btn_flex .plus{
    transition: all ease-in-out 0.4s;
}


.galery_single_product.active{
    max-height: 100%;
}

.galery_single_product .btn_flex img.abs_img{
    position: absolute;
    z-index: 0;
    width: 190px;
    top: -30px;
    left: -31px;
}
.galery_single_product .btn_flex div{
    position: relative;
    z-index: 1;
}

.weight_500{
    font-weight: 500;
}



.star-rating__input {
    display: none;
}

.star-rating__wrap {
    display: flex;
    justify-content: start;
    align-items: center;
    flex-direction: row-reverse;
}

.star-rating__ico {
    position: relative;
    width: 20px;
    height: 20px;
    cursor: pointer;
    background-image: url("/storage/uploads/star (1).png");
    background-repeat: no-repeat;
    background-size: contain;
}

/* Стиль для заполненной звезды при наведении и выборе */
.star-rating__ico:hover,
.star-rating__ico:hover ~ .star-rating__ico,
.star-rating__input:checked ~ .star-rating__ico {
    background-image: url("/storage/uploads/star.png");
}

.flex_review_product{
    display: flex;
    align-items: center;
    gap: 10px;
}
.flex_stars{
    display: flex;
    align-items: center;
    gap: 5px;
}
.flex_stars img{
    width: 15px;
}
.first_block_all_content_single_product{
    position: relative;
}

.first_block_all_content_single_product .btn_abs{
    position: absolute;
    top: 20px;
    left: 20px;
    width: 160px;
    z-index: 2;
}
.flex_colors{
    display: flex;
    align-items: center;
    gap: 15px;
    
}

.color_single_product{
    width: 37px;
    height: 37px;
    border: 3px solid #282828;
    border-radius: 50%;
}
.color_single_product.active{
    width: 34px;
    height: 34px;
    border: 3px solid white;
}

.title_middle_jura{
    vertical-align: middle;
    color: #ffffff;
    font-size: 30px;
    font-family: 'Jura', Arial, sans-serif;
    line-height: 1;
    font-weight: 500;
    background-position: center center;
    border-color: transparent;
    border-style: solid;
}


.gray_block_single_product{
    padding: 25px;
    min-height: 325px;
    border-radius: 15px;
    background: #282828;
    display: flex;
    flex-direction: column;
}
.gray_block_single_product .title_type_specification{
    margin-bottom: 5px;
}

.gray_block_single_product .title_middle_jura{
    margin-top: auto;
    margin-bottom: 5px;
}
.gray_block_single_product .btn_border_white{
    margin-top: 15px;
    width: 146px;
}

.img_sertificate_product{
    width: 136px;
    transform: scale(1.2);
    height: 164px;
    margin:  auto;
}
.margin_top_auto{
    margin-top: auto;
}

.margin_top_15{
    margin-top: 15px;
}
.li_main_block_information_single_product .btn_flex .plus{
    transition: all ease-in-out 0.2s;
}
.li_main_block_information_single_product .btn_flex .plus.active{
    transform: rotate(45deg);
}

.page_more_information_single_product div{
    position: relative;
    z-index: 1;
}
.page_more_information_single_product img{
    display: none;
}
.page_more_information_single_product.active img{
    display: block;
}
.title_in_text .flex_stars img{
    width: 20px;
    
}

.flex_text{
    display: flex;
    align-items: center;
}
.flex_text .flex_stars{
    margin-left: 10px;
}


.img_left_page_more_information_single_product {
    position: absolute;
    top: -47px;
    z-index: 0;
    width: 234px;
    left: -1px;
}


.img_center_page_more_information_single_product{
    position: absolute;
    top: -5px;
    z-index: 0;
    width: 355px;
    transform: rotate(180deg);
    left: -55px;
}

.img_right_page_more_information_single_product{
    position: absolute;
    top: -35px;
    z-index: 0;
    transform: rotateY(180deg);
    width: 170px;
    right: -1px;
}

.img_center_page_more_1{
    left: -61px;
}

.img_center_page_more_2{
    width: 309px;
    top: -2px;
    left: -71px;
}

.img_center_page_more_3{
    left: -67px;
}

.img_center_page_more_4{
    left: -58px;
}

.justify_content_start{
    justify-content: start;
}

.img_left_page_more_1{
    top: -58px;
    width: 265px;
}

.img_center_page_more_5 {
    left: -75px;
}
.img_center_page_more_6 {
    top: -6px;
    z-index: 0;
    left: -61px;
    width: 391px;
}


.img_center_page_more_7 {
    left: -60px;
    top: -3px;
    width: 408px;
}

.img_center_page_more_8{
    top: -5px;
    left: -55px;
    width: 379px;
}

.text_gray_middle_play{
    vertical-align: middle;
    color: #b4b4b4;
    font-size: 20px;
    font-family: 'Play', Arial, sans-serif;
    line-height: 1;
    font-weight: 900;
    background-position: center center;
    border-color: transparent;

}

.align-items-end{
    align-items: end;
}
.cart .title_middle_big{
    line-height: 0.9;
    font-weight: 600;
}
.cart .flex_text{
    gap: 10px;
    margin: 15px 0px;
}

.checkbox input{
    width: 20px;
    height: 20px;
    border: 1px solid white;
    outline: none;
}

.checkbox{
    display: flex;
    align-items: center;
    gap: 5px;
    vertical-align: middle;
    color: #ffffff;
    font-size: 20px;
    font-family: 'Jura', Arial, sans-serif;
    line-height: 1;
    font-weight: 500;
    background-position: center center;
    border-color: transparent;
    border-style: solid;
}


.cart_items{
    display: flex;
    gap: 40px;
    margin: 25px 0px;
}
.ul_items_cart{
    width: 100%;
    display: flex;
    flex-direction: column;
}
.li_item_cart{
    border-bottom: 1px solid #B4B4B4;
    display: flex;
    padding: 8px 0px;
    align-items: center;
    gap: 20px;
    justify-content: space-between;
}

.block_with_product{
    display: flex;
    gap: 5px;
    align-items: start;
}

.li_item_cart .li_additional_cart{
    width: 178px;
    height: 321px;
    align-items: start;
}

.sidebar_cart{
    width: 340px;
}
.info_total_cart{
    padding: 50px 20px 50px 50px;
    border-radius: 15px;
    background: #282828;
    display: flex;
    width: 340px;
    flex-direction: column;
    gap: 15px;
}

.title_white_big_bold{
    vertical-align: middle;
    color: #ffffff;
    font-size: 30px;
    font-family: 'Play', Arial, sans-serif;
    line-height: 1;
    font-weight: 900;
    background-position: center center;
    border-color: transparent;
}

.info_total_cart .title_white_big_bold{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.info_total_cart .title_white_big_bold p{
    margin: 0px;
}

.block_info_product_cart{
    display: flex;
    flex-direction: column;
    height: 100%;
    padding: 40px 0px;
    justify-content: space-between;   
}

.block_green{
    border-radius: 2px 2px 2px 2px;
    background-color: #01ed04;
    background-position: center center;
    border-color: transparent;
    height: 25px;
    min-width: 52px;
    vertical-align: middle;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #000000;
    font-size: 15px;
    font-family: 'Jura', Arial, sans-serif;
    line-height: 1;
    font-weight: 1000;
    text-transform: lowercase;
    background-position: center center;
    border-color: transparent;
    border-style: solid;
    border-style: solid;
    box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.5);
}

.flex_1_info_product_cart{
    display: flex;
    flex-direction: column;
    align-items: end;
    gap: 15px;
}
.flex_2_info_product_cart{
    display: flex;
    align-items: center;
    gap: 15px;
}

.text_price_total{
    vertical-align: middle;
    color: #ffffff;
    font-size: 20px;
    font-family: 'Jura', Arial, sans-serif;
    line-height: 1;
    font-weight: 500;
    background-position: center center;
    border-color: transparent;
    border-style: solid;
}
.info_total_cart .text_price_total{
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
}
.text_price_total .bold_text{
    text-transform: uppercase;
    font-weight: 700;
}

.text_price_total.green_price{
    color: #01ed04;
}


.change_cart_form button{
    background: none;
    outline: none;
    border: none;
    display: flex;
    align-items: center;
    gap: 5px;
    vertical-align: middle;
    color: #ffffff;
    font-size: 15px;
    font-family: 'Jura', Arial, sans-serif;
    line-height: 1;
    opacity: 0.8;
    font-weight: 500;
    transition: all ease-in-out 0.2s;
    background-position: center center;
    border-color: transparent;
    border-style: solid;
}
.change_cart_form img{
    width: 20px;
    height: 20px;
}
.change_cart_form button:hover{
    opacity: 1;
}

.bac_loader{
    position: fixed;
    top: 0;
    left: 0;
    display: none;
    width: 100%;
    z-index: 112;
    height: 100%;
    background: black;
    opacity: 0.3;
}
.load_block{
    position: fixed;
    top: 50%;
    display: none;
    left: 50%;
    z-index: 113;
    transform: translate(-50%,-50%);

}

.spinner {
    position: relative;
    width: 65px;
    height: 65px;
    margin: 0 auto;
  }
  
  .bubble-1,
  .bubble-2 {
    position: absolute;
    top: 0;
    width: 35px;
    height: 35px;
    border-radius: 100%;
    background-color: white;
  }
  
  .bubble-2 {
    top: auto;
    bottom: 0;
  }

  .load-9 .spinner {
    animation: loadingI 2s linear infinite;
  }
  .load-9 .bubble-1,
  .load-9 .bubble-2 {
    animation: bounce 2s ease-in-out infinite;
  }
  .load-9 .bubble-2 {
    animation-delay: -1s;
  }

  @keyframes loadingI {
    100% {
      transform: rotate(360deg);
    }
  }
  
  @keyframes bounce {
    0%,
    100% {
      transform: scale(0);
    }
    50% {
      transform: scale(1);
    }
  }

  .delete_choose_products button{
    display: flex;
    outline: none;
    border: none;
    align-items:center ;
    background: none;
    gap: 5px;
    vertical-align: middle;
    color: #ffffff;
    font-size: 20px;

    cursor: pointer;
    font-family: 'Jura', Arial, sans-serif;
    line-height: 1;
    font-weight: 500;
    background-position: center center;
    border-color: transparent;
    border-style: solid;
  }
  .delete_choose_products img{
    width: 20px;
    height: 20px;
  }

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

  .title_middle_gray{
        vertical-align: middle;
    color: #b4b4b4;
    font-size: 25px;
    font-family: 'Play', Arial, sans-serif;
    line-height: 1;
    font-weight: 900;
    background-position: center center;
    border-color: transparent;

  }


.making_order{
    padding: 20px 0px;
}
.ul_blocks_about_deliviry{
    display: flex;
    width: 100%;
    flex-direction: column;
    gap: 20px;
   
}
.block_info_making_order{
    display: flex;
    margin-top: 40px;
}

.main_block_about_deliviry{
    display: flex;
    width: 100%;
    gap: 40px;
}

.block_about_deliviry{
    display: flex;
    width: 100%;
        gap: 20px;
     padding-bottom: 10px;
    border-bottom: 1px solid #B4B4B4;
    flex-direction: column;
}
.choose_deliviry{
    display: flex;
    flex-direction: column;
    gap: 15px;
}
.li_choose_deliviry label{
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
}
.flex_titles_deliviry{
    display: flex;
    align-items: center;
    gap: 15px;

}
.icon_deliviry{
    border-radius: 7px 7px 7px 7px;
    background-color: #c11230;
    background-position: center center;
    border-color: transparent;
    border-style: solid;
    width: 55px;
    height: 55px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.icon_deliviry img{
    width: 39px;
    height: 39px;
}

.contacts_user{
    display: flex;
    align-items: start;
    justify-content: space-between;
    gap: 15px;
}
.inputs_contacts{
    display: flex;
    width: 100%;
    flex-direction: column;
    gap: 15px;
}
.inputs_contacts input,.inputs_contacts textarea{
    padding: 4.5px 15px;
    border-radius: 10px 10px 10px 10px;
    background-color: #b4b4b4;
    background-position: center center;
    border-color: transparent;
    border-style: solid;
    width: 100%;
    border: none;
    outline: none;
        vertical-align: middle;
    color: #282828;
    font-size: 20px;
    font-family: 'Arial', Arial, sans-serif;
    line-height: 1;
    font-weight: 500;
    background-position: center center;
    border-color: transparent;
    border-style: solid;
}
.inputs_contacts textarea{
    height: 91px;
}

.none_border_bottom{
    border: 0px;
}

.choose_method_pay{
    display: flex;
    cursor: pointer;
    align-items: center;
    gap: 15px;
    height: 90px;
    transition: all ease-in-out 0.2s;
    padding: 15px;
    border-radius: 15px;
    border:1px solid #b4b4b4;
}
.choose_method_pay:hover{
    opacity: 0.9;
}
.choose_method_pay.active{
    border:1px solid #282828;
    background: #414141;
}



.file-upload:active {
    transform: scale(0.98);
}

.file-upload__icon {
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #e0e0e0;
    border-radius: 10px;
}


.file-upload__input {
    display: none;
}

.file-upload__preview {
    display: none;
    margin-top: 10px;
    font-size: 14px;
    color: white;
}
    
.files_for_pay{
    cursor: pointer;
    gap: 15px;
    display: none;
    height: 90px;
    flex-direction: column;
    justify-content: center;
    align-items: start;
    transition: all ease-in-out 0.2s;
    padding: 15px;
    width: 100%;
    border-radius: 15px;
    border: 1px dashed #b4b4b4;
}

.files_for_pay.active .file-upload__preview{
    display: flex;
    align-items: center;
    gap: 10px;
}
.method_pay_input{
    display: none;
}
.block_about_deliviry .text_white_middle{
    line-height: 1;
}
.making_order .sidebar_cart,.making_order .info_total_cart{
    width: 436px;
}
.ul_products_total_registration {
    display: flex;
    margin-bottom: 30px;
    width: 100%;
    gap: 15px;
    overflow-x: scroll;
    /* Скрываем стандартный скроллбар */
    scrollbar-width: thin; /* Для Firefox */
    scrollbar-color: #414141 transparent; /* Для Firefox */
}

/* Стили для скроллбара в Chrome, Edge и Safari */
.ul_products_total_registration::-webkit-scrollbar {
    height: 4px; /* Высота горизонтального скроллбара */
}

.ul_products_total_registration::-webkit-scrollbar-track {
    background: transparent; /* Прозрачный фон трека */
}

.ul_products_total_registration::-webkit-scrollbar-thumb {
    background-color: #414141; /* Цвет ползунка */
    border-radius: 2px; /* Закругление углов */
}

.ul_products_total_registration::-webkit-scrollbar-thumb:hover {
    background-color: #555; /* Цвет при наведении */
}
.li_product_registration img{
    border-radius: 10px 10px 10px 10px;
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    border-color: transparent;
    border-style: solid;
    width: 100px;
    height: 104px;
}

.making_order .info_total_cart .btn_red{
    max-width: 293px;
}

/* Стили для неактивной кнопки */
.btn_red:disabled {
    opacity: 0.5;
    cursor: not-allowed;
}

.account_user .title_middle_big{
    padding-top: 30px ;
    padding-bottom: 30px ;
    font-weight: 700;

}

.flex_block_account_user{
    display: flex;
    gap: 15px;
    
}

.main_info_about_user_account{
    display: flex;
    max-width: 435px;
    width: 100%;
    padding: 30px 60px;
    border-radius: 15px;
    flex-direction: column;
    gap: 15px;
    background: #282828;
}

.block_content_account_user{
    width: 100%;
   
}
.item_info_about_user{
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.content_info_about_user{
    display: flex;
    align-items: center;
    gap: 6px;
}
.content_info_about_user img{
    width: 25px;
}

.margin_top_auto{
    margin-top: auto;
}

.margin_top_30{
    margin-top: 30px;
}

.main_info_about_user_account .btn_red{
    margin-top: 25px;
}

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

}
.page_account_user{
    vertical-align: middle;
    color: #ffffff;
    font-size: 20px;
    font-family: 'Jura', Arial, sans-serif;
    line-height: 1;
    font-weight: 500;
    background-position: center center;
    border-color: transparent;
    border-style: solid;
}
.text_big{
     vertical-align: middle;
    color: #ffffff;
    font-size: 20px;
    font-family: 'Jura', Arial, sans-serif;
    line-height: 1;
    font-weight: 700;
    background-position: center center;
    border-color: transparent;
    border-style: solid;
}
.text_big_gray{
    color: #808080;
    vertical-align: middle;
    font-size: 20px;
    font-family: 'Jura', Arial, sans-serif;
    line-height: 1;
    font-weight: 700;
    background-position: center center;
    border-color: transparent;
    border-style: solid;
}
.page_account_user:hover{
    color: white;
}
.all_content_account_user{
    display: flex;
    min-height: 558px;
    flex-direction: column;
    padding: 30px 50px;
    background: #282828;
    border-radius: 0px 0px 15px 15px;
}

.all_content_account_user .flex_titles .text_white{
    text-decoration: none;
}

.all_content_account_user .title_middle_big{
    padding: 15px 0px;
}

.flex_titles{
    display: flex;
    align-items: center;
    gap: 10px;
}
.flex_titles .text_white{
    color: #b4b4b4;
    cursor: pointer;
}

.flex_titles .text_white.active{
    color: white;
}

.ul_orders{
    display: flex;
    align-items: center;
    gap: 10px;
}
.li_order{
    vertical-align: middle;
    color: #808080;
    font-size: 20px;
    cursor: pointer;
    font-family: 'Arial', Arial, sans-serif;
    line-height: 1;
    font-weight: 700;
    background-position: center center;
    border-color: transparent;
    border-style: solid;
}

.li_order.active{
    color: #b4b4b4;
}

.info_about_order{
    display: none;
    justify-content: space-between;
    gap: 40px;
    margin-top: 15px;
}

.info_about_order.active{
    display: flex !important;
}

.info_about_order .title_middle{
    margin-bottom: 15px;
}

.text_gray_bold{
    vertical-align: middle;
    color: #b4b4b4;
    font-size: 20px;
    font-family: 'Arial', Arial, sans-serif;
    line-height: 1;
    font-weight: 500;
    background-position: center center;
    border-color: transparent;
    border-style: solid;
}

.text_about_orders{
    margin-top: auto;
}
.text_about_orders_gray{
    margin-top: 40px;
}

.ul_links_for_user{
    margin-top: 40px;
    margin-bottom: 25px;
    display: flex;
    flex-direction: column;
    gap: 15px;
}
.li_link_for_user{
    display: flex;
    align-items: center;
}

.ul_checkbox_account_user{
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.ul_faqs_feedbacks{
    display: flex;
    max-height: 260px;overflow-y: scroll;
    flex-direction: column;
    gap: 10px;
    margin: 15px 0px;
}

.ul_faqs_feedbacks .li_faq_single_product{
    padding-bottom: 10px;
    border-bottom: 1px solid #b4b4b4;
}

.change_info_user{
    margin: 15px 0px;
    display: flex;
    flex-direction: column;
    gap: 10px;
}
.change_info_user input{
    color: rgb(255, 255, 255);
    border: none;
    background-color: rgb(100, 100, 100);
    border-radius: 5px;
    font-size: 20px;
    width: 100%;
    font-weight: 100;
    outline: none;
    padding:5px  10px;
}

.page_about_company .big_gray_box{
    padding: 80px 50px;
    padding-bottom: 50px;
    align-items: start;
}
.page_about_company .flex_space_between{
    align-items: end;

}
.page_about_company .flex_space_between .text_gray{
    width: 50%;
}

.page_about_company .big_gray_box .href_white{
    border-bottom: 2px solid white;
}

.flex_gap_30{
    display: flex;
    flex-direction: column;
    gap: 30px;
}

.gap_40{
    gap: 40px;
}
.page_about_company .img_about_us img{
max-height: 100%;
    height: 100%;
}
.page_about_company{
    margin: 30px 0px;
}

.main_block_about_page .container{
    display: flex;
    margin-top: 60px;
    justify-content: space-between;
    align-items: end;
    gap: 40px;
}
.main_block_about_page .container .text_gray{
    max-width: 430px;
}

.first_block_main_block_about_page{
    padding-left:40px ;
}

.achievements{
    margin: 50px 0px;
}
.ul_achievements{
    display: flex;
    justify-content: space-between;
    gap: 20px;
    padding-left: 40px;
}
.li_achievement{
    display: flex;
    flex-direction: column;
}
.title_achievement{
        vertical-align: middle;
    color: #ffffff;
    font-size: 70px;
    font-family: 'Jura', Arial, sans-serif;
    line-height: 1;
    font-weight: 500;
    background-position: center center;
    border-color: transparent;
    border-style: solid;
}
.about_philosophy_vision .big_gray_box .title{
    margin-top: auto;
}

.about_philosophy_vision .flex_space_between .text_gray{
    width: 50%;   
}


.li_worker{
    position: relative;
    border-radius: 20px 20px 20px 20px;
    background-position: center center;
    background-size: cover;
    overflow: hidden;
    
    background-repeat: no-repeat;
    border-color: transparent;
    background: #282828;
    border-style: solid;
    
}

.grid_3{
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 15px;
}

.name_worker{
    vertical-align: middle;
    color: #ffffff;
    font-size: 25px;
    font-family: 'Play', Arial, sans-serif;
    line-height: 1;
    font-weight: 100;
    background-position: center center;
    border-color: transparent;
    border-style: solid;
}
.proffession_worker{
    vertical-align: middle;
    color: #ffffff;
    font-size: 15px;
    font-family: 'Play', Arial, sans-serif;
    line-height: 1;
    font-weight: 100;
    background-position: center center;
    border-color: transparent;
    border-style: solid;
}

.flex_worker{
    position: absolute;
    bottom: 20px;
    z-index: 10;
   
    padding: 0px 15px;
    width: 100%;
    left:  0px;
}

.li_worker img{
        position: relative;
height: 100%;
object-fit: cover;
    width: 100%;
}

.red_bac{
        border-radius: 20px 20px 20px 20px;
    background-image: linear-gradient(0.581turn, rgba(40, 40, 40, 1) 45%, rgba(193, 18, 48, 1) 100%);
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    border-color: transparent;
    border-style: solid;
}

.bac_for_worker{
    position: relative;
    border-radius: 15px 15px 15px 15px;
    padding:  20px;
    background-position: center center;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
}

.bac_for_worker::before{    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    backdrop-filter: blur(20px);
    transform: translateZ(0px);
    border: 1px solid white;
    background-color: rgba(255, 255, 255, 0.3);
    border-radius: 10px;
    background-position: center center;
    border-color: transparent;
    left: 0;
    top: 0;
    z-index: 0;
}
.bac_for_worker div{
    position: relative;
    z-index: 5;
}

.our_team{
    margin-top: 50px;
}

.ul_workers{
    margin-bottom: 15px;
}

.li_faq{
    overflow: hidden;
    position: relative;
}
.li_faq .abs_img{
    width: 100%;
    min-height: 120px;
}
.li_faq .btn_flex{
    position: absolute;
    z-index: 2;
    cursor: pointer;
    bottom:20px;
    right: 40px;
}

.flex_faq{
    position: absolute;
    top: 50%;
    left: 50px;
    transform: translateY(-50%);
    display: flex;
    flex-direction: column;
    gap: 5px;
}
.faq{
    margin-top:  40px;
    margin-bottom: 15px;
}

.ul_faq{
    display: flex;
    flex-direction: column;
    gap: 15px;
    margin-top: 30px;
}

.answer_faq{
    display: none;
    margin-top: 15px;
    padding: 30px 40px;
    border-radius: 15px 15px 15px 15px;
    background-color: #282828;
    background-position: center center;
    border-color: transparent;
    border-style: solid;
}

.li_faq .plus.active{
    transform: rotate(45deg);
}

.about_philosophy_vision .flex_space_between{
    align-items: end;
}

.about_philosophy_vision .img_about_us img {
    max-height: 100%;
    height: 100%;
}



.block_contact{
    border-radius: 20px 20px 20px 20px;
    background-color: #282828;
    background-position: center center;
    border-color: transparent;
    border-style: solid;
    height: 576px;
    padding: 70px 50px;
    display: flex;
    flex-direction: column;
    gap: 50px;
}
.flex_contact{
    display: flex;
    align-items: center;
    gap: 5px;
}

.margin_top_15{
    margin-top: 15px;
}
.flex_contact a{
    text-decoration: none;
}

.contacts{
    margin: 40px 0px;
}
.contacts .title_index{
    margin-bottom: 30px;
}

.flex_contact img{
    width: 25px ;
}

.requisites{
    margin: 40px 0px;
}
.ul_requisites{
    padding:0px  40px;
    margin-top: 30px;
}
.li_requisite{
    display: flex;
    align-items: center;
    gap: 30px;
}

.li_requisite .text_gray{
    padding: 8px 0px;
    width: 100%;
    border-top: 1px solid #b4b4b4;
}

.li_requisite .text_gray:first-child{
    width: 226px;
    min-width: 246px;
}

.li_requisite:last-child .text_gray{
    border-bottom: 1px solid #b4b4b4;
}

.block_download_requisite{
    padding: 15px 30px;
    display: flex;
    align-items: center;
    padding-right: 40px;
    margin-top: 20px;
    gap: 30px;
    border-radius: 20px 20px 20px 20px;
    background-color: #414141;
    background-position: center center;
    border-color: transparent;
    border-style: solid;
}
.block_download_requisite .btn_border_white{
    margin-left: auto;
    font-size: 14px;
    
        height: 58px;
  border-radius: 20px 20px 20px 20px;
    font-family: 'Play', Arial, sans-serif;
    line-height: 1.35;
    font-weight: 800;
    width: 220px;
}

.red_img_requisite{
    border-radius: 15px 15px 15px 15px;
    background-color: #c11230;
    background-position: center center;
    border-color: transparent;
    border-style: solid;
    width: 100px;
    height: 120px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.red_img_requisite img{
    width: 70px;
    height: 70xp;
}