body{
    margin: 0;
    padding: 0;
    font-family: 'Montserrat', sans-serif;
    display: flex;
    flex-direction: column;
    min-height: 100vh;
}
html, body {
    height: 100%;
}

.main_page{
    flex: 1;
}
.main_page_header {
    position: relative;
    width: 100%;
    height: 620px;
    background-image: url("/second_carousel/images/background_img1.png");
    background-repeat: no-repeat;
    background-size: cover;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.main_page_header::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 175, 242, 0.5);
    z-index: 1;
}
.main_page_header > * {
    position: relative;
    z-index: 2;
}
.upper_container_logo_items{
    display: none;
}
.upper_container_logo{
    padding: 14px 34px 14px 34px;
    position: absolute;
    top: 0;
    left: 0;
}
.upper_container{
    width: 70%;
}
.upper_container_content{
    height: 204px;
    top: 158px;
    left: 34px;
    padding: 40px;
    gap: 10px;
    border-radius: 12px;
    border: 1px solid #E4E4E4;
    background: #FFFF;
    display: flex;
    align-items: center;
    justify-content: center;
}
.upper_container_content h1{
    display: flex;
    align-items: center;
    text-transform: uppercase;
    font-weight: bold;
}
.upper_container_content h1 p{
    margin: 0 0 0 5px;
    color: #00AFF2;
}
.upper_container_content{
    display: flex;
    flex-direction: column;
}
.upper_search_container{
    width: 100%;
}
.upper_search_container form{
    display: flex;
    gap: 8px;
}
.upper_search_container form input{
    border-radius: 2px;
    justify-content: space-between;
    padding: 12px 16px 12px 16px;
    border: 1px solid #00AFF2;
    color: #ABABAB;
    font-size: 14px;
    width: 50%;
}
.upper_search_container form input::placeholder{
    color: #ABABAB;
}
.upper_search_container form input:first-child{
    border-radius: 8px 2px 2px 8px;
    justify-content: space-between;
    padding: 12px 16px 12px 16px;
    border: 1px solid #00AFF2;
}
.upper_search_container form input:last-of-type{
    border-radius: 2px 8px 8px 2px;
    justify-content: space-between;
    padding: 12px 16px 12px 16px;
    border: 1px solid #00AFF2;
}
.upper_search_container form button {
    border: 1px solid #00AFF2;
    background-color: #00AFF2;
    color: #FFFFFF;
    height: 48px;
    border-radius: 8px;
    padding: 14px 24px;
    font-size: 14px;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    text-transform: uppercase;
    cursor: pointer;
}
.lower_container{
    background-color: #231F20;
    padding: 20px 34px;
    height: 122px;
}
.lower_container{
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
}
.lower_container_section_upper{
    display: flex;
    align-items: center;
    gap: 14px;
}
.lower_container_section{
    width: 360px;
    color: #FFFFFF;
}
.lower_container_section_upper{
    font-weight: 500;
    font-size: 14px;
    line-height: 14px;
    text-transform: uppercase;
}
.lower_container_first_section_lower p{
    font-weight: 400;
    font-size: 14px;
    line-height: 14px;
    width: 100%;
}

/*item section*/
.item_container_section h1{
    text-transform: uppercase;
    font-weight: 700;
    color: #231F20;
    font-size: 32px;
    line-height: 32px;
}
.item_container_section {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    margin-top: 80px;
}
h1 {
    font-size: 32px;
    font-family: 'Montserrat', sans-serif;
    margin-bottom: 20px;
}
.item_container_section_carousel{
    display: flex;
    align-items: center;
    justify-content: center;
}
.item_container_section_carousel_wrapper {
    display: flex;
    justify-content: center;
    gap: 15px;
    position: relative;
    margin-top: 40px;
}
.carousel-item {
    text-align: center;
    border: 1px solid #E4E4E4;
    border-radius: 8px;
    padding: 16px;
    cursor: pointer;
}
.carousel-item img{
    width: 150px;
    height: 150px;
}
.carousel-item div{
    display: flex;
    justify-content: space-between;
}
.carousel-item div img:first-child{
    height: 14px;
    width: 27px;
}
.carousel-item div img{
    height: 14px;
    width: 55px;
}
.carousel-item div img:last-child{
    height: 14px;
    width: 31px;
}
.carousel-item_sizes{
    color: #231F20;
    font-weight: 700;
    font-size: 16px;
}
.carousel-item_title{
    text-transform: uppercase;
    font-size: 12px;
    font-weight: 500;
}
.old_price {
    display: flex;
    margin-top: 10px;
    line-height: 12px;
    font-size: 12px;
    color: #BEBEBE;
    font-weight: bold;
    text-decoration-line: line-through;
}
.price {
    display: flex;
    margin-top: 4px;
    line-height: 16px;
    font-size: 16px;
    color: #FF4E4E;
    font-weight: 700;
}
.price_container{
    display: flex;
    flex-direction: column;
    margin-top: 14px;
}
.carousel-nav, .carousel-nav-services, .carousel-nav-product {
    position: absolute;
    top: 50%;
    width: 100%;
    display: flex;
    justify-content: space-between;
    transform: translateY(-50%);
}
.carousel-nav button, .carousel-nav-services button, .carousel-nav-product button{
    color: #231F20;
    background-color: #FFFFFF;
    font-size: 18px;
    cursor: pointer;
    border: 1px solid #E4E4E4;
    border-radius: 8px;
    width: 30px;
    height: 30px;
}
.prev{
    rotate: 180deg;
    margin-left: -15px;
}
.next{
    margin-right: -15px;
}

/*service section*/

.services_container_section{
    text-align: center;
    margin: 80px 60px 60px 60px;
}
.services_container_section_carousel{

}
.services_container_section_carousel_wrapper{
    display: flex;
    position: relative;
    margin-top: 40px;
}
.carousel-services-item{
    display: flex;
    flex-direction: column;
    align-items: center;
    border: 1px solid #E4E4E4;
    padding: 16px;
    border-radius: 8px;
    width: 100%;
    max-width: 200px;
}
.carousel-services-item.active{
    background-color: #00AFF2;
    color: #FFFFFF;
}
.carousel-services-item p {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    max-width: 300px;
    word-wrap: break-word;
    overflow-wrap: break-word;
    text-align: center;
}
.services_container_section h1{
    text-transform: uppercase;
    font-weight: 700;
    color: #231F20;
    font-size: 32px;
    line-height: 32px;
}
.services_container_section_lower{
    display: flex;
    flex-direction: column;
    margin-top: 50px;
    justify-content: center;
    align-items: center;
}
.services_container_section_lower_wrapper{
    display: flex;
    gap: 16px;
}
.services_container_section_lower_wrapper img{
    width: 50%;
    height: auto;
    object-fit: cover;
}
.services_container_section_lower_content{
    display: flex;
    flex-direction: column;
    text-align: start;
    border-radius: 12px;
    border: 1px solid #E4E4E4;
    padding: 24px;
    max-width: 650px;
}
.services_container_section_lower_content h2{
    font-weight: 600;
    font-size: 20px;
    line-height: 20px;
    color: #231F20;
    text-transform: uppercase;
}
.services_container_section_lower_content p{
    text-align: start;
    font-weight: 500;
    font-size: 14px;
    line-height: 14px;
    color: #231F20;
}
/*about-us section*/
.about_us_container_section{
    text-align: center;
    margin: 80px 60px 80px 60px;
}
.about_us_container_section h1{
    text-transform: uppercase;
    font-weight: 700;
    color: #231F20;
    font-size: 32px;
    line-height: 32px;
}
.about_us_container_section_container{
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 32px;
    height: 322px;
}
.about_us_container_section_wrapper{
    display: flex;
    flex-direction: column;
    gap: 32px;
    margin-top: 60px;
}
.about_us_container_section_container img{
    width: 550px;
    height: 322px;
}
.about_us_container_section_container_wrapper{
    display: flex;
    flex-direction: column;
    align-items: start;
    justify-content: center;
    border-radius: 12px;
    border: 1px solid #E4E4E4;
    padding: 24px;
    height: 85%;
    max-width: 650px;
}
.about_us_container_section_container_wrapper h2{
    font-weight: 600;
    font-size: 20px;
    line-height: 20px;
    color: #231F20;
    text-transform: uppercase;
}
.about_us_container_section_container_wrapper p{
    text-align: start;
    font-weight: 500;
    font-size: 14px;
    line-height: 14px;
    color: #231F20;
}

/*
catalog*/
.catalog{
    flex: 1;
    margin-top: 100px;
}
.catalog_wrapper{
    display: flex;
    flex-direction: column;
    margin: 40px;
}
.catalog_content{
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
    margin-bottom: 20px;
}
.catalog_content_input{
    display: flex;
    flex-direction: column;
    border: 1px solid #E4E4E4;
    padding:  12px 16px;
    border-radius: 2px;
    flex: 1 1 30%;
    min-width: 100px;
}
.catalog_content_input label{
    font-weight: 500;
    font-size: 12px;
    line-height: 12px;
    color: #ABABAB;
}
.catalog_content_input select{
    border: none;
    font-weight: 500;
    font-size: 14px;
    line-height: 14px;
    color: #231F20;
    background: none;
}
.additional_filter_content{
    display: flex;
    align-items: start;
}
.additional_filter_content div{
    display: none;
}
.catalog_items_prices{
    display: none;
}
.catalog_items{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.catalog_items h1{
    text-transform: uppercase;
}
#additional_filters{
    border: none;
    font-weight: 500;
    font-size: 14px;
    line-height: 14px;
    color: #231F20;
    background: none;
}
.catalog_item_section_carousel{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.catalog_item_section_carousel_wrapper{
    display: flex;
    justify-content: center;
    gap: 15px;
    position: relative;
    margin-top: 40px;
    flex-wrap: wrap;
    max-width: 1100px;
    margin-bottom: 20px;
}
.catalog_items_carousel-nav{
    display: flex;
    gap: 24px;
    align-items: center;
    position: fixed;
    bottom: 5%;
    z-index: 101;
}
.catalog_items_carousel-nav button{
    color: #231F20;
    background-color: #FFFFFF;
    font-size: 18px;
    cursor: pointer;
    border: 1px solid #E4E4E4;
    border-radius: 8px;
    width: 40px;
    height: 40px;
}
.pagination {
    display: flex;
    gap: 8px;
    align-items: end;
}
.page {
    color: #231F20;
    background-color: #FFFFFF;
    font-size: 18px;
    cursor: pointer;
    border: 1px solid #E4E4E4;
    border-radius: 8px;
    width: 40px;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
}

/*products*/
.product{
    display: flex;
    flex-direction: column;
    align-items: center;
    flex: 1;
    margin: 100px 40px 40px 40px;
}
.product_wrapper{
    max-width: 1100px;
}
.product_container{
    margin: 40px 0 40px 0;
}
.product_container_upper h1{
    text-transform: uppercase;
    font-weight: 700;
    font-size: 32px;
    line-height: 32px;
    color: #231F20;
}
.product_container_upper{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin-bottom: 40px;
}
.product_container_upper_wrapper{
    display: flex;
    gap: 72px;
    justify-content: center;
    align-items: stretch;
}
.product_container_upper_left{
    display: flex;
    flex-direction: column;
    gap: 16px;
}
.product_container_upper_left_image{
    position: relative;
}
.product_container_upper_left_tire{
    width: 452px;
    height: 452px;
    border: 1px solid #E4E4E4;
    border-radius: 8px;
}
.product_container_upper_left_lower_images{
    display: flex;
    gap: 8px;
}
.product_container_upper_left_lower_images img{
    width: 90px;
    height: 90px;
    border: 1px solid #E4E4E4;
    border-radius: 8px;
}
.product_container_upper_right_tires_model p{
    font-weight: 500;
    font-size: 20px;
    line-height: 20px;
    color: #231F20;
    margin-bottom: 30px;
}
.product_container_upper_right_tires_id p{
    font-size: 14px;
    line-height: 14px;
    font-weight: 500;
    color: #231F20;
}
.product_container_upper_right_tires_question p {
    font-size: 14px;
    line-height: 14px;
    font-weight: 500;
    color: #00AFF2;
    margin-bottom: 40px;
}
.product_container_upper_right_tires_specification{
    margin-bottom: 60px;
}
.product_container_upper_right_tires_specification_first{
    font-weight: 700;
    font-size: 14px;
    line-height: 14px;
    color: #231F20;
}
.product_container_upper_right_tires_specification div{
    display: flex;
    align-items: center;
    gap: 8px;
}
.product_container_upper_text_first p:last-child{
    font-weight: 700;
}
.product_container_upper_text_last{
    color: #00AFF2;
    font-weight: 500;
    font-size: 14px;
    line-height: 14px;
}
.product_container_lower_right{
    display: flex;
    flex-direction: column;
}
.product_container_lower_right div:first-child{
    display: flex;
    align-items: center;
    gap: 16px;
    height: 35px;
}
.product_container_lower_right div:first-child p:first-child{
    font-weight: 700;
    font-size: 24px;
    line-height: 24px;
    color: #231F20;
}
.product_container_lower_right div:first-child p:last-child{
    font-weight: 500;
    font-size: 14px;
    line-height: 14px;
    color: #ABABAB;
}
.product_container_lower_right div:last-child select{
    border: none;
    background: none;
}
.product_container_lower_right button{
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    background: #00AFF2;
    padding: 12px 32px;
    border-radius: 8px;
    color: #FFFFFF;
    border: none;
}
.product_container_lower_right div:last-child{
    display: flex;
    align-items: center;
    justify-content: center;
}
.product_container_lower_right_input{
    border: 1px solid #E4E4E4;
    padding: 4px 16px;
    border-radius: 8px;
    display: flex;
}
.product_container_lower_section{
    display: flex;
    gap: 7px;
    margin-top: 10px;
}
.product_container_lower_section label{
    font-weight: 500;
    font-size: 12px;
    line-height: 12px;
    color: #ABABAB;
}
.product_container_lower_wrapper{
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 16px;
    margin-top: 20px;
}
.product_container_lower_wrapper_content{
    border: 1px solid #E4E4E4;
    padding: 16px;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 24px;
}
.product_container_lower_wrapper_content{
    text-transform: uppercase;
    font-weight: 600;
    font-size: 14px;
    line-height: 14px;
    color: #231F20;
}
.product_container_lower_wrapper_text_block{
    border: 1px solid #E4E4E4;
    padding: 24px;
    border-radius: 12px;
    margin-top: 40px;
}
.product_container_lower_wrapper_text_block h1{
    color: #231F20;
    font-size: 20px;
    line-height: 20px;
    text-transform: uppercase;
}
.product_container_lower_wrapper_text_block div p{
    font-size: 14px;
    line-height: 14px;
    font-weight: 500;
    color: #231F20;
}
.product_container_section{
    margin-top: 100px;
    margin-bottom: 80px;
}
.product_container_section h1{
    text-transform: uppercase;
}
.product_container_upper_left_mobile{
    display: none;
}
#mobile_button_buy_tires{
    display: none;
}
.splide{
    padding: 30px 25px 50px 25px;
}
.carousel-item_image{
    width: 150px;
    height: 150px;
}
.splide__slide{
    border: 1px solid #E4E4E4;
    padding: 16px;
    border-radius: 8px;
    cursor: pointer;
    position: absolute !important;
    height: 140px;
    margin-left: 120px !important;
}
.splide__slide_wrapper{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    max-width: 182px;
}
.splide{
    max-width: 1101px;
}
.splide__pagination{
    gap: 16px;
}
.splide__pagination__page.is-active{
    background: #00AFF2 !important;
    width: 12px;
    height: 12px;
}
.splide__pagination__page{
    background: #ABABAB !important;
    width: 12px !important;
    height: 12px !important;
}
.splide__arrows {
    top: 50%;
    width: 100%;
    display: flex;
    justify-content: space-between;
    pointer-events: none;
}
.splide__arrow {
    pointer-events: all;
    position: absolute;
    z-index: 10;
    width: 40px;
    height: 40px;
    cursor: pointer;
    background: #FFFFFF !important;
    border: 1px solid #E4E4E4 !important;
    border-radius: 28px !important;
}
.splide__arrow--prev {
    left: -50px;
}
.splide__arrow--next {
    right: -50px;
}
.splide__list .services_container_section_carousel_wrapper{
    transform: unset !important;
}

.splide__slide.carousel-services-item.is-active.is-visible {
    background-color: #00AFF2;
    color: #FFFFFF;
    transition: background-color 0.3s ease;
}
.carousel-services-item img {
    filter: invert(0%) brightness(100%);
    transition: filter 0.3s ease;
}
.carousel-services-item.active img {
    filter: invert(100%) brightness(150%) contrast(120%);
}
.services-carousel_container{
    display: flex;
    align-items: center;
    justify-content: center;
}
#mobg_5{
    justify-content: start;
    position: relative;
}
#mob_cont_5{
    height: 200px;
}
.mob_apart_gallery_product{
    width: 100%;
    height: 100%;
    position: relative;
    max-width: 1300px;
}
.mob_img_container_wrapper{
    display: flex;
}
.mob_apart_gallery {
    width: 100%;
    height: 100%;
    position: relative;
    max-width: 1150px; /* Optional max-width */
}
.arrow_container{
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: absolute;
    top: 50%;
    width: 100%;
    height: 0;
}
.arrow_container_cars{
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: absolute;
    top: 50%;
    width: 100%;
    height: 0;
}
#next_arrow{
    transform: rotate(180deg);
}
#prev_arrow, #next_arrow{
    margin: 0 16px;
    width: 24px;
    height: 24px;
    cursor: pointer;
    opacity: 0;
}
#prev_arrow_cars, #next_arrow_cars{
    margin: 0 -12px;
    width: 24px;
    height: 24px;
    cursor: pointer;
}
#next_arrow_cars{
    transform: rotate(180deg);
}
.splide__slide img {
    width: auto;
    height: auto;
}
.gallery_progress {
    display: none;
    position: absolute;
    bottom: -15%;
    width: 100%;
}
.mob_img_container_item{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    position: absolute;
    object-fit: cover;
    width: auto;
    transition: opacity 0.5s linear;
    background-color: white;
    border: 1px solid #E4E4E4;
    padding: 16px;
    border-radius: 8px;
    cursor: pointer;
}
.mob_img_container{
    display: flex;
    justify-content: start;
    align-items: center;
    overflow: hidden;
    height: 100%;
    width: 100%;
    position: absolute;
}
@media (max-width: 1300px) {
 .item_container_section_carousel_wrapper{
     overflow: hidden;
     max-width: 830px;
     gap: 20px;
 }
    .next{
        margin-right: 0;
    }
    .prev{
        margin-left: 0;
    }
    .product_container{
        margin: 40px;
    }
    .product_container_section{
        margin: 100px 40px 80px 40px;
    }
    .mob_apart_gallery{
        max-width: 960px;
    }
    #prev_arrow, #next_arrow {
        margin: 0 -16px;
    }
    .splide__slide{
        margin: 0!important;
    }
    .mob_img_container_item{
        margin: 0;
    }
}

@media (max-width: 1200px) {
    .services_container_section_lower_wrapper{
        display: block;
    }
    .services_container_section_lower_wrapper img{
        width: 100%;
        height: 400px;
        margin-bottom: 20px;
        object-fit: unset;
    }
    .services_container_section_lower_content{
        max-width: none;
    }
    .about_us_container_section_container{
        height: 400px
    }
    .about_us_container_section_container img{
        object-fit: cover;
        height: 100%;
        width: 520px;
    }
    .splide{
        max-width: 877px;
    }
    .mob_apart_gallery{
        max-width: 770px;
    }
}
@media (max-width: 1100px) {
    .about_us_container_section_container{
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }
    .about_us_container_section_container{
        height: 100%;
    }
    .about_us_container_section_container_wrapper{
        max-width: none;
    }
    .about_us_container_section_container img{
        width: 100%;
    }
    .about_us_container_section_container:nth-child(2){
        flex-direction: column-reverse;
    }
    .about_us_container_section_container img{
        height: 400px;
    }
}
@media (max-width: 1000px) {
    .product_container_upper_left_tire{
        width: 352px;
        height: 352px;
    }
    .splide{
        max-width: 580px;
    }
    .mob_apart_gallery{
        max-width: 570px;
    }
}
@media (max-width: 900px) {
    .product_container_upper_wrapper{
        gap: 36px;
    }
    .product_container_lower_right div:last-child{
        flex-direction: column;
        align-items: unset;
    }
    .product_wrapper{
        max-width: none;
    }
}
@media (max-width: 800px) {
    .services_container_section_lower_wrapper img{
        height: 50%;
    }
    .about_us_container_section_container img {
        height: 100%;
    }
    .upper_container_content h1 {
        font-size: 24px;
    }
    .upper_container{
        width: 80%;
    }
    .lower_container_section{
        width: 100%;
    }
    .lower_container{
        flex-direction: column;
        height: auto;
    }
    .upper_search_container form{
        flex-direction: column;
    }
    .upper_container_content{
        height: auto;
    }
    .main_page_header{
        height: 740px;
    }
    #mobile_button_buy_tires{
        display: flex;
    }
    .upper_container{
        display: flex;
        flex-direction: column;
        gap: 40px;
    }
    .upper_search_container form input{
        width: auto;
    }
    .product_container_upper_wrapper{
        flex-direction: column;
    }
    .product_container_upper{
        align-items: unset;
    }
    .carousel-nav-product{
        width: 352px;
    }
    .product{
            margin: 100px 20px 40px 20px;
    }
    .product_wrapper{
        width: 100%;
    }
    .product_container_lower_wrapper{
        flex-direction: column;
    }
    .product_container_lower_wrapper_content{
        width: 100%;
    }
    .product_container_lower_wrapper_text_block{
        width: 100%;
    }
    .product_container_lower{
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }
    .arrow_container_cars{
        display: none;
    }
    .gallery_progress {
        display: flex;
    }
}
@media (max-width: 650px) {
    .splide__arrows{
        display: none;
    }
    #services-carousel .splide__arrows {
        display: flex;
    }
    #services-carousel .splide__slide {
        min-width: 210px;
    }
    .splide{
        max-width: 100%;
        padding: 30px 0 0 0;
    }
    #services-carousel {
        max-width: 210px;
        padding: 30px 60px;
    }
    .my-slider-progress {
        background: #ccc;
        height: 4px;
        position: relative;
        margin-top: 10px;
    }
    .my-slider-progress-bar {
        background: #00AFF2;
        height: 100%;
        transition: width 400ms ease;
        width: 0;
    }
    .my-slider-progress{
        margin: 20px 30px;
    }
}
@media (max-width: 600px) {
    .services_container_section_carousel_wrapper{
        max-width: 340px;
    }
    .upper_container_content h1{
        font-size: 24px;
        flex-direction: column;
    }
}
@media (max-width: 575px) {
    .mob_apart_gallery {
        max-width: 380px;
    }
}
@media (max-width: 500px) {
    .product_container_upper_left_tire {
        width: 252px;
        height: 252px;
    }
    .carousel-nav-product{
        width: 252px;
    }
    .product_container_upper_left_lower_images img {
        width: 67px;
        height: 67px;
    }
    .product_container_upper h1, .product_container_section h1, .item_container_section h1, .catalog_items h1, .services_container_section h1, .about_us_container_section h1 {
        font-size: 24px;
    }
    .item_container_section{
        margin: 60px 0 20px 0;
    }
    .product_container_upper_right_tires_model p{
        font-size: 1rem;
    }
    .product_container_lower_right div:first-child p:first-child{
        font-size: 24px;
    }
    .catalog_wrapper{
        margin: 40px 20px 40px 20px;
    }
    .catalog_item_section_carousel_wrapper{
        min-width: 383px;
    }
    .carousel-item{
        padding: 12px;
    }
    .catalog_item_section_carousel_wrapper{
        gap: 8px;
    }
    .pagination .page:nth-child(n+4):not(:last-child) {
        display: none;
    }
    .product_container_lower_wrapper_content{
        justify-content: unset;
        gap: 14px;
    }
}

/* /MOBILE */

@media screen and (max-width: 450px) {
    .mobile_v{
        height: 240px;
        display:block;
    }
}
@media (max-width: 450px) {
    .services_container_section{
        margin: 120px 20px;
    }
    .services_container_section_lower{
        margin-top: 20px;
    }
    .splide__slide{
        max-width: unset;
        position: absolute !important;
    }
    .splide__slide {
        background-color: #00AFF2;
        color: #FFFFFF;
        transition: background-color 0.3s ease;
    }
    .splide__slide img {
        width: auto;
        height: auto;
        filter: invert(100%) brightness(150%) contrast(120%);
    }
    .mob_apart_gallery_mobg_5{
        display: flex;
        justify-content: center;
    }
    #mobg_5{
        width: 75%;
    }
    .mob_apart_gallery{
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .mob_img_container{
        justify-content: center;
    }
    .mob_apart_gallery{
        max-width: 379px;
    }
    #mob_cont_5{
        height: 160px;
    }
    .arrow_container{
        width: 100%;
    }
    .arrow_container_cars{
        display: none;
    }
}
@media (max-width: 400px) {
    .product_container_upper_left_tire {
        width: 100%;
        height: 100%;
    }
    .carousel-nav-product{
        width: 100%;
    }
    .product_container_upper_right_tires_specification .product_container_upper_text_first:nth-child(2){
        width: 150px;
    }
    .upper_search_container form{
        gap: 0;
    }
    .upper_search_container form input:last-of-type{
        margin-bottom: 24px;
        border-radius: 0 0 8px 8px;
    }
    .upper_search_container form input:first-child{
        border-radius: 8px 8px 0 0;
    }
    .about_us_container_section{
        margin: 40px 20px 60px 20px;
    }
    .about_us_container_section_wrapper{
        margin-top: 30px;
    }
    .about_us_container_section_container:nth-child(2){
        flex-direction: column;
    }
    .about_us_container_section_container_wrapper{
        padding: 16px 12px;
    }
    .about_us_container_section_container_wrapper h2{
        font-size: 16px;
    }
    .lower_container_section_upper h2{
        font-size: 14px;
    }
    .lower_container_section_upper img{
        width: 32px;
        height: auto;
    }
    .upper_container_content{
        padding: 24px 16px;
    }
    .upper_container_content h1{
        font-size: 24px;
    }
    .lower_container_section_upper{
        font-size: 12px;
        line-height: 12px;
    }
    .lower_container_first_section_lower p{
        margin: 0;
    }
    .lower_container_section{
        display: flex;
        flex-direction: column;
        gap: 4px;
    }
    .upper_container_logo{
        padding: 12px 15px;
        display: flex;
        justify-content: space-between;
        width: 100%;
        box-sizing: border-box;
        align-items: center;
    }
    .upper_container_logo_items{
        display: flex;
        align-items: center;
        list-style: none;
        gap: 16px;
    }
    .upper_container_logo a img{
        width: 116px;
        height: 38px;
    }
    .upper_container_logo_items{
        display: flex;
        margin: 0;
    }
    .upper_container_logo_items li{
        display: flex;
        align-items: center;
        gap: 6px;
        width: 48px;
        height: auto;
        font-weight: 500;
        font-size: 14px;
        line-height: 14px;
        color: #FFFFFF;
        text-transform: uppercase;
    }
    .upper_container_logo_items li:first-child{
        margin-right: 10px;
    }
    .upper_container_logo_items select{
        background: none;
        border: none;
        color: #FFFFFF;
    }
    .upper_container_logo_items select option{
        background: #00AFF2;
    }
    #close_filters{
        display: flex;
        border: none;
        font-weight: 500;
        font-size: 14px;
        line-height: 14px;
        color: #ABABAB;
        background: none;
    }
    .catalog_wrapper{
        margin: 40px 20px 40px 20px;
    }
    .additional_filter_content{
        justify-content: space-between;
        margin-bottom: 20px;
    }
    .additional_filter_content div{
        display: flex;
    }
    .catalog_items{
        margin-top: 20px;
    }
    .catalog_items_prices{
        display: flex;
        width: 100%;
    }
    .catalog_items h1{
        font-size: 20px;
    }
    .catalog_items_prices_input {
        display: flex;
        flex-direction: column;
        border: 1px solid #E4E4E4;
        padding: 12px 16px;
        border-radius: 2px;
        flex: 1 1 30%;
        min-width: 100px;
    }
    .catalog_items_prices_input label{
        font-weight: 500;
        font-size: 12px;
        line-height: 12px;
        color: #ABABAB;
    }
    .catalog_items_prices_input select{
        border: none;
        font-weight: 500;
        font-size: 14px;
        line-height: 14px;
        color: #231F20;
        background: none;
    }
    .carousel-item{
        padding: 10px;
    }
    .pagination {
        max-width: 0;
    }
    .catalog_items_carousel-nav{
       gap: 8px;
    }
    .product_container_section h1{
        font-size: 20px;
    }
    .product_container_section {
        margin: 60px 20px 40px 20px;
        text-align: center;
    }
    .product_container_lower_wrapper_text_block h1{
        font-weight: 600;
        font-size: 16px;
        line-height: 16px;
    }
    .product_container_lower_wrapper_content{
        font-weight: 600;
        font-size: 12px;
        line-height: 12px;
    }
    .product_container_lower_wrapper_content img{
        width: 32px;
        height: 32px;
    }
    .product_container{
        margin: 0;
    }
    .product_container_lower_wrapper_text_block{
        padding: 16px 12px;
    }
    .product_container_lower_wrapper{
        margin: 0 20px 0 20px;
    }
    .product_container_upper_right_tires_specification p {
        margin: 10px;
    }
    .product_container_upper_left_mobile, .product_container_upper_left_mobile h1{
        display: block;
    }
    .product_container_upper_right_tires_model_mobile p{
        font-weight: 500;
        font-size: 18px;
        line-height: 18px;
    }
    .product_container_upper_right h1, .product_container_upper_right_tires_model{
        display: none;
    }
    .product_container_upper_wrapper{
        gap: 24px;
    }
    #prev_arrow, #next_arrow{
        margin: 0;
    }

}
@media (max-width: 375px) {
    .catalog_item_section_carousel_wrapper {
        min-width: 0;
    }
    .additional_filter_content{
        flex-direction: column;
    }
}


/* MOBILE *//* carousel*/

.mobile_v{
    height:100%;
    width:100%;
    top:0;
    left:0;
}
.container_mob{
    display: flex;
    justify-content: center;
    height: 360px;
    width:100%;
    box-sizing: border-box;
    position: relative;
    z-index:100;
    transform: translateZ(0px);
    transition: transform 0.5s ease-out, opacity 1s ease-out;
}
.mob_apart_gallery_mobg_5{
    width:100%;
    height:100%;
    position: relative;
}
.mob_apart_gallery img{
    object-fit: cover;
    width:auto;
    transition:opacity 0.5s linear;
}
.mob_apart_gallery_mobg_5 img{
    object-fit: cover;
    width:auto;
    height:auto;
    transition:opacity 0.5s linear;
}
.gp_container.my-slider-progress {
    background: #D9D9D9;
    height: 4px;
    width: 100%;
    position: relative;
    border-radius: 2px;
    overflow: hidden;
}
.my-slider-progress-bar_mobile {
    background: #00AFF2;
    height: 100%;
    width: 0;
    transition: width 400ms ease;
}
.gp_container{
    background-color:rgba(0,0,0,.7);
    display:flex;
    border-radius: 10px;
    position: relative;
}
.g_circle{
    width:4px;
    height:4px;
    border: 2px solid rgba(255, 255, 255, 0.8);
    border-radius: 50%;
    margin-left:7px;
    margin-right:7px;
}
.active_gc{
    background-color: rgba(255, 255, 255, 0.8);
    width:5px;
    height:5px;
    border-radius: 50%;
    position:absolute;
    transition: transform 0.5s ease-out;
    transform: translate(8px,1px);
}
.mob_img_icons_tires{
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
}
.mob_img_icons_tires img{
    width: auto;
    height: auto;
}