/*All*/
#main_index{
    padding-bottom:0rem!important;
    overflow:hidden;
    background-color:#000;
}

#main_index h1,
#main_index h2,
#main_index h5{
    cursor:default;
}

.m_default_languagebar .footer_langbar_item{
    color:#fff;
}

.title_all{
    font-size:42px;
    font-weight:800;
    margin-bottom:1rem;
    line-height:1.15;
    color:#fff;
}
.subtitle_all{
    font-size:20px;
    font-weight:700;
    margin-bottom:1rem;
    line-height:1.35;
    color:#fff;
}
.small_all{
    font-size: 18px;
    font-weight: 400;
    margin-bottom: 0.35rem;
    color: #ed1c24;
    text-transform: uppercase;
    letter-spacing: 1px;
}
.content_all{
    font-size:15px;
    font-weight:400;
    margin-bottom:0;
    line-height:1.8;
    color:#d7d7d7;
}
.image_all{
    width:100%;
    margin:0 auto;
    display:block;
    object-fit:contain;
}
.btnbox_left{
    display:flex;
    justify-content:flex-start;
    align-items:center;
    margin:2rem 0 0;
}
.btnbox_center{
    display:flex;
    justify-content:center;
    align-items:center;
    margin:2rem 0 0;
}
.btnbox_right{
    display:flex;
    justify-content:flex-end;
    align-items:center;
    margin:2rem 0 0;
}
.button_all{
    border:1px solid #ed1c24;
    border-radius:30px;
    background-color:#ed1c24;
    width:auto;
    padding:0 22px;
    height:32px;
    display:flex;
    justify-content:center;
    align-items:center;
    font-size:11px;
    font-weight:700;
    text-align:center;
    color:#fff;
    text-transform:uppercase;
    transition:0.25s all linear;
}
.button_all span:before{
    display:none;
}
.button_all:hover{
    text-decoration:none;
    color:#fff;
    transform:scale(0.98);
    background-color:#c90008;
    border-color:#c90008;
}
.c_lineHi{
    line-height:1.8;
}
.text_center{
    text-align:center;
}
.c_color1{
    color:#fff;
}
.c_color2{
    color:#000;
}
.c_color3{
    color:#ed1c24;
}

@media screen and (max-width: 767.5px){
    .title_all{
        font-size:25px;
    }
}

.whatsapp_float_btn_t5.num0 .whatsapp_float_label{
    display: none;
}

/*category page*/
.category_list_type4 .category_box .img_frame img{
    object-fit: contain;
}

/*Product page*/
.product_list_5 .product_box .img_frame img{
    object-fit: contain;
    background-color:#fff;
}

/*tag page*/
.product_list_horizontal .product_box .img_frame img{
    object-fit: contain;
    background-color:#fff;
}

@media screen and (max-width:767.5px){
    #main_tag .horizontal_detail_bottom{
        margin-top:1rem;
    }
    .product_list_horizontal .product_box .product_des .title{
        font-size:18px;
    }
    .product_list_horizontal .product_box .horizontal_detail_box .product_simple_description{
        font-size:12px;
    }
    .product_list_horizontal .product_box .horizontal_detail_bottom .button_section{
        justify-content: flex-start;
    }
    .product_list_horizontal .product_box .product_img{
        flex:0 0 40%;
    }
    .product_list_horizontal .product_box .product_des{
        flex:0 0 60%;
    }
    .product_list_horizontal .product_box .img_frame{
        padding-top:unset!important;
        height:auto;
        aspect-ratio: 1;
        border-radius: 5px;
    }
    .product_list_horizontal .product_box .whatsapp_wrapper a{
        color: #333;
        font-size: 10px !important;
        font-weight: 500;
    }
}

/*photo page*/
.gallerycategory .img_frame img{
    object-fit: contain;
}
.ws_gallery-2 .img_frame img{
    object-fit: contain;
}

/*news page*/
.latest_new_type4 .news_box .img_frame{
    box-shadow:0px 0px 2px rgba(0,0,0,0.3);
}
.latest_new_type4 .news_box .img_frame img{
    object-fit: contain;
}

/*navbar*/
.navbar_type8{
    background-color:#000;
}
.navbar_type8 .logo{
    margin-left:9%;
}
.navbar_type8 .logo img{
    width: 14vw;
    padding: 0;
}
.navbar_type8 .nav_tab{
    padding-right: 9%;
}
.navbar_type8 .nav_tab .nav_item a{
    font-size:1vw;
    padding:15px 0.8vw;
    color:#fff;
}
.navbar_type8 .nav_tab .dropdown .dropdown-menu .dropdown-item a{
    color:#fff;
    -webkit-text-stroke-width: 0px;
    -webkit-text-stroke-color: black;
}
.navbar_type8 .nav_tab .dropdown .dropdown-menu .dropdown-item a{
    color:#fff!important;
}
.navbar_type8 .nav_tab .dropdown .dropdown-menu .dropdown-item a:hover{
    color:#fff!important;
}

.dark_nav{
    background-color:#000!important;
}

.navbar_mobile{
    background-color:#000;
}
.navbar_mobile .logo_img{
    transform:scale(1.2);
}
.navbar_mobile .btn-outline-light:hover{
    background-color:transparent;
}
.navbar_mobile .btn-outline-light:hover{
    border-color: #000;
    color: #000;
}
.navbar_mobile .btn-outline-light:not(:disabled):not(.disabled):active{
    color: #000;
    background-color: transparent;
    border-color: #000;
}

@media screen and (max-width: 1200.5px){
    .navbar_type8 .nav_tab .nav_item a{
        font-size:1.2vw;
        padding:15px 0.8vw;
    } 
    .navbar_type8 .nav_tab{
        padding-right: 2%;
    }
}

/*hp_banner*/
.slider_banner .banner_content{
    overflow:hidden;
}
.hp_banner{
	position:relative;
	left:9%;
	top:50%;
	transform:translate(0,-50%);
    width:calc(100% - 18%);
}
.hp_banner .title_big{
    width:45%!important;
}
.hp_banner_cars{
    width:82%;
    margin:auto;
}
.hp_banner_bottom_text{
    color: #fff;
    font-size: 1.5vw;
    font-weight: 500;
    font-style: italic;
    letter-spacing: 7.5px;
}
@media screen and (max-width: 1200.5px){
    .hp_banner_content{
        font-size:1.2vw;
    }
}
@media screen and (max-width: 991.5px){
    .hp_banner_content{
        font-size:1.5vw;
    }
}
@media screen and (max-width: 767.5px){
    .index_wrapper_2 .item>img{
    	min-height:60vw!important;
    	object-fit:cover;
    }
    .hp_banner{
        left:0%;
        width:calc(100% - 0%);
    }
    .hp_banner .title_big {
        width: 68% !important;
    }
    .hp_banner_bottom_text{
        font-size: 3vw;
        letter-spacing: 1vw;
    }
}



/*==============================
requirements command001
Primary Color: #ed1c24
Font Family: Montserrat / Arial
Business Name: Apex Auto Works
Business Behavior: Professional automotive workshop, ECU remapping and German continental car specialist
==============================*/

/* About Section */
.index_wrapper_3{
    position:relative;
    padding:120px 9% 90px;
    background-image:url("https://cdn1.npcdn.net/images/about_us_images_bg_vp4qym_1779240008.jpg?md5id=df236b5b4ec12e88f2cb714b641b8cc4&type=4");
    background-size:100%;
    background-position:top;
    background-repeat:no-repeat;
}
.hp_about .container-fluid{
    max-width:1200px;
}
.hp_about_box{
    text-align:center;
    max-width:900px;
    margin:0 auto;
}
.hp_about .title_all{
    color:#ed1c24;
    font-size:34px;
    font-style:italic;
    margin-bottom:1.2rem;
}
.hp_about .content_all{
    font-size:16px;
    color:#dcdcdc;
    line-height: 1.8;
}
.hp_about .btnbox_center{
    margin-top:25px;
}

@media screen and (max-width:1200.5px){
    .index_wrapper_3{
        padding:90px 0 75px;
    }
}
@media screen and (max-width:991.5px){
    .hp_about .title_all{
        font-size:30px;
    }
}
@media screen and (max-width:767.5px){
    .index_wrapper_3{
        padding: 60px 0 10px;
    }
    .hp_about .title_all{
        font-size:25px;
    }
    .hp_about .content_all{
        font-size:13px;
    }
}

/* Services Section */
.hp_services{
    padding:90px 0 0;
}
.hp_services_heading{
    text-align:center;
    margin-bottom:35px;
}
.hp_services_heading .title_all{
    color:#ed1c24;
    font-size:30px;
    font-style:italic;
}

/*component - service*/
.ex_service_typeLabel {
    background-color: transparent;
    min-height: unset;
    padding: 0;
}
.ex_service_typeLabel .page-header,
.ex_service_typeLabel .service-category,
.ex_service_typeLabel .image-overlay,
.ex_service_typeLabel .popular-tag,
.ex_service_typeLabel .service-description,
.ex_service_typeLabel .service-meta{
    display:none;
}
.ex_service_typeLabel .service-footer{
    border-top:0px solid transparent;
}
.ex_service_typeLabel .service-title{
    font-size: 20px;
    font-weight: 700;
    color: #fff;
    margin: 0;
    min-height: 3rem;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis;
}
.ex_service_typeLabel .btn-readmore{
    padding: 5px 15px;
    background: red;
    color: #fff;
    border-radius: 1000px;
    font-weight: 700;
    text-transform: uppercase;
    box-shadow: unset;
}
.ex_service_typeLabel .service-card{
    background: #494949;
    border-radius: 0;
    overflow: hidden;
    margin-bottom: 0;
    box-shadow: unset;
}


@media screen and (max-width:991.5px){
    .ex_service_typeLabel .col-12.col-sm-2.col-md-3{
        flex:0 0 50%;
        max-width:50%;
        margin:1rem 0;
    }
}
@media screen and (max-width:767.5px){
    .ex_service_typeLabel .col-12.col-sm-2.col-md-3{
        flex:0 0 100%;
        max-width:100%;
    }
    .hp_services_heading .title_all{
        font-size:25px;
    }
}

/* ECU Section */
.hp_ecu{
    background-image:url("https://cdn1.npcdn.net/images/ecu_remap_bg_tmd7w0_1779240009.jpg?md5id=df236b5b4ec12e88f2cb714b641b8cc4&type=4");
    background-size:cover;
    background-position:left;
    background-repeat:no-repeat;
    position:relative;
    padding:90px 9%;
}
.hp_ecu_box{
    display:flex;
    justify-content:flex-end;
    align-items:center;
}
.hp_ecu_content{
    width:42%;
}
.hp_ecu_logo{
    max-width:340px;
    margin:0 auto 45px;
}
.hp_ecu_list{
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:30px 55px;
}
.hp_ecu_item{
    display:flex;
    justify-content:flex-start;
    align-items:center;
    gap:15px;
}
.hp_ecu_icon{
    width:36px;
    height:36px;
    object-fit:contain;
    filter:brightness(0) invert(1);
}
.hp_ecu_item:hover .hp_ecu_icon{
    transform-origin:center;
    animation:j_shake 0.3s linear 0.1s 2;
}
.hp_ecu .subtitle_all{
    font-weight:400;
}
@keyframes j_shake{
    25%{transform:rotate(10deg);}
    75%{transform:rotate(-10deg);}
}

.hp_ecu_item .subtitle_all{
    font-size:18px;
    font-style:italic;
    margin-bottom:0;
}
.hp_ecu_item .content_all{
    font-size:16px;
    font-style:italic;
}

@media screen and (max-width:1200.5px){
    .hp_ecu_content{
        width:48%;
    }
}
@media screen and (max-width:991.5px){
    .hp_ecu_box{
        justify-content:center;
    }
    .hp_ecu_content{
        width:80%;
    }
}
@media screen and (max-width:767.5px){
    .hp_ecu{
        padding:60px 0;
    }
    .hp_ecu_content{
        width:100%;
    }
    .hp_ecu_list{
        grid-template-columns:1fr;
        gap:22px;
    }
    .hp_ecu_logo {
        width: 75%;
        margin: 0 auto 2rem;
        object-fit: contain;
        display: flex;
    }
    .hp_ecu_item {
        display: flex;
        justify-content: flex-start;
        align-items: center;
        gap: 15px;
        width: 14rem;
        margin-left: calc((100% - 14rem) / 2);
    }
}

/* Why Us Section */
.hp_why{
    position:relative;
    background-image:url("https://cdn1.npcdn.net/images/why_us_bg_5aqizo_1779240009.jpg?md5id=df236b5b4ec12e88f2cb714b641b8cc4&type=4");
    background-size:cover;
    background-position:right;
    background-repeat:no-repeat;
    padding:90px 9%;
}
.hp_why_titlebox{
    margin-bottom:35px;
}
.hp_why_titlebox .small_all{
    font-style: italic;
    font-weight:700;
}
.hp_why_titlebox .title_all{
    font-size: 35px;
    position: relative;
    margin-left: 5rem;
}
.hp_why_titlebox .title_all:before{
    position: absolute;
    top: 1rem;
    content: "";
    left: -23rem;
    width: 22rem;
    height: 3px;
    background-color: #c90000;
    
}
.hp_why_content{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:45px;
    align-items:center;
}
.hp_why_grid{
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap: 4rem 2rem;
    margin-top: 4rem;
}
.hp_why_box{
    border:2px solid #ed1c24;
    padding:55px 30px 35px;
    position:relative;
    min-height:215px;
}
.hp_why_icon{
    position:absolute;
    top:-28px;
    left:35px;
    width:58px;
    height:58px;
    border-radius:50%;
    background-color:#ed1c24;
    display:flex;
    justify-content:center;
    align-items:center;
}
.hp_why_icon img{
    width:100%;
}
.hp_why_box .subtitle_all{
    font-size:17px;
    color:#fff;
}
.hp_why_box .content_all{
    font-size:13px;
}
.hp_why_imagebox img {
    position: absolute;
    width: 60%;
    bottom: -9vw;
    right: -10vw;
}

@media screen and (max-width:1200.5px){
    .hp_why_box{
        padding:50px 22px 30px;
    }
}
@media screen and (max-width:991.5px){
    .hp_why_content{
        grid-template-columns:1fr;
    }
    .hp_why_imagebox{
        max-width:620px;
        margin:20px auto 0;
    }
}
@media screen and (max-width:767.5px){
    .hp_why{
        padding:60px 0 0px;
    }
    .hp_why_grid{
        grid-template-columns:1fr;
        gap:42px;
    }
    .hp_why_titlebox .title_all{
        font-size:27px;
        margin-left: 0;
        margin-bottom:0;
    }
    .hp_why_titlebox{
        margin-bottom:0;
    }
    .hp_why_imagebox img{
        position: unset;
        width: 100%;
        margin-top: -3rem;
        transform: scale(1.2);
    }
}

/* News Section */
.index_wrapper_6{
    background-image:url("https://cdn1.npcdn.net/images/latest_new_bg_jm1iug_1779240009.jpg?md5id=df236b5b4ec12e88f2cb714b641b8cc4&new_width=1000&new_height=1000&type=4");
    background-size:cover;
    background-position:left;
    background-repeat:no-repeat;
    padding:90px 9% 0;
}
.hp_news_heading{
    text-align:center;
    margin-bottom:55px;
}
.hp_news_heading .title_all{
    font-size:34px;
    font-style:italic;
}
#main_index .latest_new_type2 .news_box .content a{
    color:#fff;
    text-align: left;
}

@media screen and (max-width:991.5px){
    #main_index .latest_new_type2 .news_box .content a{
        text-align: center;
    }    
}
@media screen and (max-width:767.5px){
    .index_wrapper_6{
        padding:60px 1rem 30px;
    }
}

/*footer*/
.footer_type10{
    background-color:#000;
}
.footer_type10 .copy_right,
.npfooter_languagebar .text-muted,
.platinum_website_visitor,
.npfooter_languagebar,
.copy_right small,
.footer_type10 .privacy_policy:hover,
.footer_type10 .mb-1{
    color:#fff!important;
}
.footer_type10 .social_media a .icon_s img{
    filter:brightness(0) invert(1)!important;
}
.footer_type10 .social_media a:hover .icon_s i {
    color: #fff;
}
.footer_langbar_item{
    color:#fff!important;
}

/*mobile side-navbar*/
.side_menu .footer_langbar_item{
    color:#fff!important;
}