/*fixed base*/
#main_index{
    padding-bottom:0rem!important;
    overflow:hidden;
}

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

.m_default_languagebar .footer_langbar_item{
    color:#fff;
}

/*fixed product / category / gallery / news*/
.category_list_type4 .category_box .img_frame img{
    object-fit:contain;
}

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

.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;
    }
}

.gallerycategory .img_frame img,
.ws_gallery-2 .img_frame img{
    object-fit:contain;
}

.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;
}

/*global / common*/
body{
    font-family:Inter, sans-serif;
}

.n_small{
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 1.5px;
    color: #000;
    text-transform: uppercase;
    margin-bottom: 0;
}

.n_small span{
    position:relative;
}

.n_title{
    font-size: 28px;
    line-height: 1.3;
    font-weight: 700;
    color: #000;
    text-transform: uppercase;
    margin-bottom: 1rem;
}

.n_subtitle{
    font-size:14px;
    font-weight:800;
    line-height:1.2;
    color:#000;
    margin-bottom:0.4rem;
}

.n_content{
    font-size: 16px;
    font-weight: 300;
    line-height: 1.3 !important;
    color: #000;
    margin-bottom: 0rem;
}

.c_color1{
    color:#fff;
}

.c_color2{
    color:#000;
}

.c_color3{
    color:#bc9124;
}

.c_line{
    line-height:1.8;
}

.btnbox_left{
    display:flex;
    justify-content:flex-start;
    align-items:center;
    margin:1.2rem 0 0;
}

.btnbox_center{
    display:flex;
    justify-content:center;
    align-items:center;
    margin:1.8rem 0 0;
}

.btnbox_right{
    display:flex;
    justify-content:flex-end;
    align-items:center;
    margin:1.2rem 0 0;
}

.n_button{
    background: #bc9124;
    color: #fff;
    border: 1px solid #bc9124;
    padding: 10px 15px;
    font-size: 16px;
    font-weight: 300;
    text-transform: uppercase;
    display: flex;
    justify-content: center;
    align-items: center;
    text-decoration: none;
    transition: 0.25s all linear;
}

.n_button span{
    position: relative;
    padding-right: 30px;
}

.n_button span:after{
    position:absolute;
    content:"\f101";
    font-family:"Font Awesome 5 Free";
    font-weight:900;
    top:0;
    bottom:0;
    right:0;
    margin:auto 0;
    height:12px;
    line-height:12px;
    font-size: 25px;
}

.n_button:hover{
    background:#0f1e3d;
    border-color:#0f1e3d;
    color:#fff;
    text-decoration:none;
}

/*fixed navbar*/
.navbar_type8{
    height:100px;
}
.navbar_type8 .logo img{
    width:7vw;
    padding:7.5px;
}
.navbar_type8 .nav_tab{
    justify-content: space-between;
}
.navbar_type8 .nav_tab .nav_item a{
    font-size:1vw;
    padding:15px 1vw;
    color:#000;
}

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

.navbar_type8 .nav_tab .dropdown .dropdown-menu .dropdown-item a{
    color:#fff!important;
    -webkit-text-stroke-width:0px;
    -webkit-text-stroke-color:black;
}

.navbar_type8 .nav_tab .dropdown .dropdown-menu .dropdown-item a:hover{
    color:#fff!important;
}

.navbar_mobile .btn-outline-light:hover{
    background-color:transparent;
    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.1vw;
        padding:15px 1vw;
    }
}

/*fixed banner*/
.slider_banner .banner_content{
    overflow:hidden;
}

/*banner*/
/*fixed banner*/
.slider_banner .banner_content{
    overflow:hidden;
}

/*banner*/
.hp_banner{
    position:relative;
    left:9%;
    top:50%;
    transform:translate(0,-50%);
    width:calc(100% - 18%);
    overflow:hidden;
}

.hp_banner .row{
    align-items:center;
}

.hp_banner_textbox{
    position:relative;
    margin-left:0;
    padding:1.45vw 1.8vw;
    border:0.22vw solid #fff;
    z-index:3;
    width: 65%;
    margin-bottom: 3vw;
}

.hp_banner_title{
    font-size:2.18vw;
    line-height:0.98;
    font-weight:600;
    color:#fff;
    letter-spacing:0.08vw;
    text-transform:uppercase;
    margin:0;
}

.hp_banner_title span,
.hp_banner_title .c_color3{
    display: inline-block;
    color: #bc9124;
    font-size: 5vw;
    line-height: 0.9;
    font-weight: 800;
}
html:lang(zh-Hans) .hp_banner_title span, .hp_banner_title .c_color3{
    font-size:3vw;
}
.hp_banner_content{
    color:#e2e2e2;
    font-size:1vw;
    line-height:1.3;
    font-weight:400;
    margin:1.35vw 0 0;
    text-shadow: 0px 0px 2px rgba(0,0,0,1);
    width:90%;
    margin-left: 0;
    
}

.hp_banner_buttonbox{
    display:flex;
    justify-content:flex-start;
    align-items:center;
    margin:2vw 0 0;
}
.banner2 .hp_banner_content{
    margin-left:6vw;
}

.banner2 .hp_banner_buttonbox{
    margin-left:6vw;
}

.hp_banner_button{
    background: #bc9124;
    color: #fff;
    border: 1px solid #bc9124;
    padding: 10px 15px;
    font-size: 16px;
    font-weight: 300;
    text-transform: uppercase;
    display: flex;
    justify-content: center;
    align-items: center;
    text-decoration: none;
    transition: 0.25s all linear;
}

.hp_banner_button span{
    position: relative;
    padding-right: 30px;
}

.hp_banner_button span:after{
    position:absolute;
    content:"\f101";
    font-family:"Font Awesome 5 Free";
    font-weight:900;
    top:0;
    bottom:0;
    right:0;
    margin:auto 0;
    height:12px;
    line-height:12px;
    font-size: 25px;
}

.hp_banner_button:hover{
    background:#0f1e3d;
    border-color:#0f1e3d;
    color:#fff;
    text-decoration:none;
}

.index_wrapper_2 .slick-dotted.slick-slider{
    margin-bottom:0!important;
}
.index_wrapper_2 .slick-dotted.slick-slider .slick-dots{
    text-align: center;
    width: 30px;
    display: flex;
    flex-direction: column;
    margin-left: auto;
    margin-right: 6%;
    margin-bottom: -3%;
    transform: translate(0, -23rem);
}

.index_wrapper_2 .slick-dotted.slick-slider .slick-dots li button:before{
    color:#fff!important;
    opacity: 1;
}
.index_wrapper_2  .slick-dotted.slick-slider .slick-dots li.slick-active button:before{
    color:#bc9124!important;
}

@media screen and (max-width:1200.5px){
    .hp_banner_content{
        font-size:1.1vw;
    }
}


@media screen and (max-width:991.5px){
    .hp_banner_textbox{
        padding:2vw 2.4vw;
    }

    .hp_banner_title{
        font-size:3vw;
    }

    .hp_banner_title span,
    .hp_banner_title .c_color3{
        font-size:4.8vw;
    }

    .hp_banner_content{
        font-size:1.5vw;
    }
    .hp_banner_content br{
        display: none;
    }
}

@media screen and (max-width:767.5px){
    .index_wrapper_2 .item>img{
        min-height: 110vw !important;
        object-fit: cover;
        object-position: left;
    }
    .hp_banner{
        left:4%;
        top:50%;
        transform:translate(0,-50%);
        width:calc(100% - 4%);
    }
    .hp_banner .col-md-6:last-child{
        background-color: rgba(0, 0, 0, 0.2);
        padding: 2rem 0;
    }

    .hp_banner_textbox{
        width: 70%;
        margin: 0;
        padding: 20px 22px;
        border: 3px solid #fff;
    }

    .hp_banner_title{
        font-size:28px;
        line-height:1;
    }


    .hp_banner_title span,
    .hp_banner_title .c_color3{
        font-size:42px;
    }
    html:lang(zh-Hans) .hp_banner_title span, .hp_banner_title .c_color3{
        font-size:10vw;
    }
    .hp_banner_content{
        width:100%;
        font-size:14px;
        margin-top:18px;
    }

    .hp_banner_buttonbox{
        margin:1rem 0 0;
    }
.banner2 .hp_banner_content{
    margin-left:0vw;
}

.banner2 .hp_banner_buttonbox{
    margin-left:0vw;
}

}

/*feature strip*/
.hp_feature{
    background:#fff;
    padding:0 0%;
    position:relative;
    z-index:5;
}
.fea_002{
    border-radius: 100px 100px 0 0;
    text-align: center;
    width: 12vw;
    height: 6vw;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: rgba(255, 255, 255, 0.2);
    top: -6vw;
    right: 5%;
    position: absolute;
    cursor:pointer;
}
.fea_002 p{
    font-size: 1vw;
    font-weight: 300;
    margin-bottom: -1vw;
    color: #fff;
}

.hp_feature_row{
    background: #fff;
    min-height: 100px;
    align-items: center;
}

.hp_feature_item{
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 7.5px;
    padding: 0px 0px;
    border-right: 1px solid #000;
    height: 100%;
}
.hp_feature .col-6.col-md-4.col-lg-2{
    padding: 0;
}
.hp_feature .col-6.col-md-4.col-lg-2:last-child .hp_feature_item{
    border-right:0px solid transparent;
}

.hp_feature_iconbox{
    flex:0 0 50px;
    height:50px;
    border-radius:50%;
    overflow:hidden;
}

.hp_feature_icon{
    width:100%;
    height:100%;
    object-fit:cover;
}

.hp_feature_item p{
    color: #000;
    font-size: 1vw;
    font-weight: 500;
    line-height: 1.2;
    margin: 0;
}
@media screen and (max-width:991.5px){
    .hp_feature_item{
        padding:7.5px 0;
    }
    .hp_feature_item p{
        font-size:1.5vw;
        flex: 0 0 calc(85% - 50px);
    }
    .hp_feature .col-6.col-md-4.col-lg-2:nth-child(3) .hp_feature_item{
        border-right:0px solid transparent;
    }
}
@media screen and (max-width:767.5px){
    .hp_feature{
        padding:0;
    }
    .hp_feature .col-6.col-md-4.col-lg-2:nth-child(3) .hp_feature_item{
        border-right:1px solid #000;
    }
    .hp_feature .col-6.col-md-4.col-lg-2:nth-child(2) .hp_feature_item,
    .hp_feature .col-6.col-md-4.col-lg-2:nth-child(4) .hp_feature_item{
        border-right:0px solid transparent;
    }
    .hp_feature_item{
        border-bottom:1px solid #e2e2e2;
    }
    .hp_feature_item p {
        font-size: 3vw;
    }
}

/*about*/
.hp_about{
    background:#f3f3f3;
    padding:100px 6% 110px;
    position:relative;
}

.hp_about_imgbox{
    position:relative;
}

.hp_about_image{
    width:100%;
    height:360px!important;
    object-fit:cover;
}

.hp_about_imgbox .btnbox_left{
    position: absolute;
    bottom: -35px;
    left: 0;
    margin: 0;
}
.about_spec001{
    position: absolute;
    bottom: 90px;
    right: 85px;
    transform-origin: top right;
    transform: rotate(90deg);
    margin: 0;
    font-size: 16px;
    color: #0f1e3d;
}

.hp_about_textbox{
    position:relative;
    margin-left:-80px;
    padding-top:10px;
}

.hp_about_tag{
    position: absolute;
    top: -2.6vw;
    left: 49px;
    background: #0f1e3d;
    color: #fff;
    font-size: 1vw;
    padding: 0.55vw 2vw;
    z-index: 3;
}

.hp_about_year{
    position: absolute;
    top: -4vw;
    right: 30px;
    font-size: 6vw;
    font-weight: 900;
    color: #0f1e3d;
    line-height: 1;
    z-index: 1;
}

.hp_about_card{
    position:relative;
    z-index:2;
    background:#fff;
    padding:45px 45px 35px;
    margin-top:80px;
    box-shadow:0 18px 35px rgba(15,30,61,0.08);
}

.hp_about_statbox{
    display:flex;
    justify-content:space-between;
    gap:18px;
    margin-top:1.5rem;
}

.hp_about_stat{
    text-align:center;
    flex:1;
}

.hp_about_staticon{
    width:65px;
    height:65px;
    background:#0f1e3d;
    border-radius:50%;
    color:#fff;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:12px;
    font-weight:800;
    margin:0 auto 10px;
}

.hp_about_stat:nth-child(2) .hp_about_staticon{
    background:#bc9124;
}

.hp_about_stat p{
    color: #000;
    font-size: 14px;
    font-weight: 300;
    line-height: 1.3;
    margin: 0;
}

@media screen and (max-width:991.5px){
    .hp_about{
        padding:80px 5%;
    }

    .hp_about_imgbox{
        padding-left:0;
    }

    .hp_about_imgbox .btnbox_left{
        left:0;
    }

    .hp_about_textbox{
        margin-left:0;
    }
    .hp_about_tag{
        font-size:16px;
    }
}

@media screen and (max-width:767.5px){
    .hp_about{
        padding:60px 0%;
    }

    .hp_about_image{
        height:300px!important;
    }

    .hp_about_year{
        top: -10vw;
        font-size: 18vw;
        right: 5px;
    }

    .hp_about_card{
        padding:35px 20px 30px;
    }

    .hp_about_statbox{
        flex-direction:column;
    }
    .hp_about_tag{
        left:0;
    }
    .hp_about_stat {
        text-align: center;
        flex: 1;
        margin: 1rem 0 0;
    }
    .hp_about_stat p{
        margin-top:15px;
    }
    .hp_about .n_title{
        text-align: center;
    }
    .hp_about .n_content{
        text-align: center;
    }
    .about_spec001{
        display: none;
    }
}

/*product*/
/*our products*/
.index_wrapper_5{
    padding:90px 7.5% 0;
    background:#fff;
    position:relative;
}

.hp_product .container-fluid{
    padding:0;
}

.hp_product .hp_product_titlebox{
    text-align:center;
    margin-bottom:2.3vw;
}

/*component css*/
#main_index .productSlider-1{
    width:100%;
}

#main_index .productSlider-1 .col-12{
    padding:0!important;
}

#main_index .productSlider-1 .product_img{
    margin:0;
    overflow:hidden;
}

#main_index .product_slider_c_0{
    margin:0 -0.75vw;
}

#main_index .productSlider-1 .slick-track{
    display:flex;
}

#main_index .productSlider-1 .slick-track .slick-slide{
    height:auto;
    margin:0 0.75vw;
    background:transparent;
    box-shadow:none;
    border-radius:0;
}

#main_index .productSlider-1 .product_img .product_box{
    margin:0;
    border:0;
    background:#efefef;
    height:100%;
    transition:0.25s all linear;
}

#main_index .productSlider-1 .product_img .product_box a{
    text-decoration:none;
}

#main_index .productSlider-1 .product_img .product_box .product_img_frame{
    position:relative;
    width:100%;
    height:0;
    padding-top:100%;
    overflow:hidden;
    background:#e2e2e2;
}

#main_index .productSlider-1 .product_img .product_box .product_img_frame img{
    position:absolute;
    width:100%;
    height:100%;
    top:50%;
    left:50%;
    transform:translate(-50%,-50%);
    object-fit:cover;
    border-radius:0;
    transition:0.35s all linear;
}

#main_index .productSlider-1 .product_img .product_box .product_img_frame .status{
    display:none;
}

#main_index .productSlider-1 .product_img .product_box .content{
    margin-top:0!important;
    padding:1.2vw 0.8vw 1.25vw;
    text-align:center!important;
    background:#efefef;
    transition:0.25s all linear;
}

#main_index .productSlider-1 .product_img .product_box .content h6:first-child{
    font-size:0.92vw;
    line-height:1.35;
    font-weight:700!important;
    color:#000;
    margin:0 0 0.35vw;
    min-height:auto;
}

#main_index .productSlider-1 .product_img .product_box .content p:not(.cut_price){
    display:none;
}

#main_index .productSlider-1 .product_img .product_box .content .align-top{
    margin:0;
    line-height:1;
}

#main_index .productSlider-1 .product_img .product_box .content .align-top a{
    display:inline-block;
    font-size:0.82vw;
    line-height:1.2;
    font-weight:400;
    color:#333;
    text-decoration:none;
    transition:0.25s all linear;
}

#main_index .productSlider-1 .product_img .product_box .cut_price{
    display:none;
}

#main_index .productSlider-1 .product_img .product_box:hover .product_img_frame img{
    transform:translate(-50%,-50%) scale(1.05);
}

#main_index .productSlider-1 .product_img .product_box:hover .content{
    background:#bc9124;
}

#main_index .productSlider-1 .product_img .product_box:hover .content h6:first-child,
#main_index .productSlider-1 .product_img .product_box:hover .content .align-top a{
    color:#fff;
}

/*if first card needs to show hover/active style in static preview*/
#main_index .productSlider-1 .product_img .product_box:first-child .content{
    background:#bc9124;
}

#main_index .productSlider-1 .product_img .product_box:first-child .content h6:first-child,
#main_index .productSlider-1 .product_img .product_box:first-child .content .align-top a{
    color:#fff;
}

/*hide arrows visually if slick default arrows appear*/
#main_index .productSlider-1 .slick-prev,
#main_index .productSlider-1 .slick-next{
    display:none!important;
}

@media screen and (max-width:1200.5px){
    .index_wrapper_5{
        padding:6vw 6% 0;
    }

    .hp_product .n_small{
        font-size:1vw;
    }

    .hp_product .n_title{
        font-size:2vw;
    }

    #main_index .productSlider-1 .product_img .product_box .content h6:first-child{
        font-size:1.1vw;
    }

    #main_index .productSlider-1 .product_img .product_box .content .align-top a{
        font-size:1vw;
    }
}

@media screen and (max-width:991.5px){
    .index_wrapper_5{
        padding:65px 5% 0;
    }

    .hp_product .hp_product_titlebox{
        margin-bottom:30px;
    }

    .hp_product .n_small{
        font-size:13px;
    }

    .hp_product .n_title{
        font-size:30px;
    }

    #main_index .product_slider_c_0{
        margin:0 -8px;
    }

    #main_index .productSlider-1 .slick-track .slick-slide{
        margin:0 8px;
    }

    #main_index .productSlider-1 .product_img .product_box .content{
        padding:18px 10px;
    }

    #main_index .productSlider-1 .product_img .product_box .content h6:first-child{
        font-size:16px;
    }

    #main_index .productSlider-1 .product_img .product_box .content .align-top a{
        font-size:14px;
    }
}

@media screen and (max-width:767.5px){
    .index_wrapper_5{
        padding:55px 0% 0;
    }

    .hp_product .hp_product_titlebox{
        margin-bottom:25px;
    }

    .hp_product .n_title{
        font-size:26px;
    }

    #main_index .product_slider_c_0{
        margin:0;
    }

    #main_index .productSlider-1 .slick-track .slick-slide{
        margin:0 7px;
    }
}


/*our services*/
.index_wrapper_6{
    padding:90px 7.5% 0;
    background:#fff;
    position:relative;
    background:linear-gradient(to top,#e9e9e9,transparent);
}

.index_wrapper_6 .container-fluid{
    padding:0;
}

.hp_service_titlebox{
    text-align:center;
    margin-bottom:55px;
}

/*component css*/
#main_index .ex_hpservice_slide{
    margin:0;
    padding:0;
    background:transparent;
}

#main_index .ex_hpservice_slide .container{
    max-width:100%;
    padding:0;
}

#main_index .ex_hpservice_slide .item_slider_0{
    padding:0;
}

#main_index .ex_hpservice_slide .slick-list{
    overflow:visible;
}

#main_index .ex_hpservice_slide .slick-track{
    display:flex;
}

#main_index .ex_hpservice_slide .slick-slide{
    height:auto;
}

#main_index .ex_hpservice_slide .item{
    margin:0 14px;
    height:100%;
}

#main_index .ex_hpservice_slide .services-content{
    position:relative;
    display:flex;
    flex-direction:column;
    width:100%;
    height:auto;
    overflow:hidden;
    background:#f1f1f1;
}

#main_index .ex_hpservice_slide .services-image{
    order:2;
    width:100%;
    height:auto;
    aspect-ratio: 1;
    background-size:cover;
    background-position:center;
    background-repeat:no-repeat;
    display:block;
}

#main_index .ex_hpservice_slide .services-text{
    order:1;
    position:relative;
    top:auto;
    transform:none;
    width:100%;
    height:165px;
    padding:10%;
    text-align:left;
    z-index:2;
    background:#f1f1f1;
    color:#333;
    transition:0.25s all linear;
}

#main_index .ex_hpservice_slide .services-text p{
    font-size:15px;
    line-height:1.3;
    font-weight:400;
    color:#555;
    margin:0 0 12px;
    transition:0.25s all linear;
}

#main_index .ex_hpservice_slide .services-text h3.title{
    font-size:1.5vw;
    width:80%;
    line-height:1.08;
    font-weight:800;
    color:#333;
    text-transform:none;
    margin:0;
    transition:0.25s all linear;
}

#main_index .ex_hpservice_slide .services-text h3.title:after{
    display:none;
}

#main_index .ex_hpservice_slide .service_btn{
    position: absolute;
    top: 2vw;
    right: 2vw;
    width: 2vw;
    height: 2vw;
    border-radius: 50%;
    padding: 0;
    margin: 0;
    background: #0f1e3d;
    color: #fff;
    font-size: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    text-decoration: none;
    letter-spacing: 0;
    transition: 0.25s all linear;
}

#main_index .ex_hpservice_slide .service_btn:before{
    content:"+";
    font-size:1.5vw;
    line-height:1;
    font-weight:700;
    color:#fff;
}

#main_index .ex_hpservice_slide .service_btn i{
    display:none;
}

#main_index .ex_hpservice_slide .overlay{
    display:none;
}


#main_index .ex_hpservice_slide .services-content:hover .services-text{
    background:#0f1e3d;
}

#main_index .ex_hpservice_slide .services-content:hover .services-text p,
#main_index .ex_hpservice_slide .services-content:hover .services-text h3.title{
    color:#fff;
}

#main_index .ex_hpservice_slide .services-content:hover .service_btn{
    background:#bc9124;
}


#main_index .ex_hpservice_slide .controls{
    width:58px;
    height:58px;
    border-radius:50%;
    background:#0f1e3d!important;
    color:#fff;
    display:flex!important;
    justify-content:center;
    align-items:center;
    font-size:22px;
    padding:0;
    z-index:10;
    transition:0.25s all linear;
}

#main_index .ex_hpservice_slide .controls.left{
    left:-32px;
}

#main_index .ex_hpservice_slide .controls.right{
    right:-32px;
}

#main_index .ex_hpservice_slide .controls:hover{
    background:#bc9124!important;
}

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

/*view all button*/
.hp_service_btnbox{
    margin:50px 0 0;
}
.hp_service .n_button{
    background-color:#0f1e3d;
    padding:10px 30px;
    border:1px solid #0f1e3d;
    
}


@media screen and (max-width:1200.5px){
    .index_wrapper_6{
        padding:80px 5% 0;
    }

    #main_index .ex_hpservice_slide .services-content{
        height:auto;
    }
    #main_index .ex_hpservice_slide .services-text{
        height: 160px;
    }
}

@media screen and (max-width:991.5px){
    .index_wrapper_6{
        padding:70px 8% 0;
    }
    #main_index .ex_hpservice_slide .services-text{
        height: 90px;
    }
}

@media screen and (max-width:767.5px){
    .index_wrapper_6{
        padding:55px 3rem 0;
    }
    #main_index .ex_hpservice_slide .services-text h3.title{
        font-size:4vw;
      display: -webkit-box;        /* Create a flexible box */
      -webkit-box-orient: vertical; /* Orient it vertically */
      -webkit-line-clamp: 3;       /* Limit to 2 lines */
      overflow: hidden;            /* Hide overflowing text */
      text-overflow: ellipsis;     /* Show ... at the end */
    }
    #main_index .ex_hpservice_slide .service_btn{
        top: 4vw;
        right: 3vw;
        width: 5vw;
        height: 5vw;
    }
    #main_index .ex_hpservice_slide .service_btn:before{
        font-size:4vw;
    }
    #main_index .ex_hpservice_slide .item {
        margin: 0 7.5px;
    }
    #main_index .ex_hpservice_slide .controls.left {
        left: -17px;
        transform: scale(0.5);
    }
    #main_index .ex_hpservice_slide .controls.right {
        right: -17px;
        transform: scale(0.5);
    }
    .hp_service_titlebox{
        margin-bottom:1.5rem;
    }
    .hp_service_btnbox {
        margin: 1.5rem 0 0;
    }
}

/*roller shutter repair process*/
.hp_repair{
    padding:90px 0 110px 7.5%;
    background:#e9e9e9;
    position:relative;
    overflow:hidden;
}

.hp_repair .container-fluid{
    padding:0;
}

.hp_repair_row{
    align-items:center;
}

.hp_repair_titlebox{
    padding-right:35px;
}

.hp_repair .n_small{
    font-size:16px;
    line-height:1;
    font-weight:400;
    color:#000;
    text-transform:uppercase;
    margin-bottom:18px;
}

.hp_repair .n_title{
    font-size:30px;
    line-height:1.15;
    font-weight:900;
    color:#000;
    text-transform:uppercase;
    margin:0;
}

.hp_repair_arrowbox{
    display:flex;
    align-items:center;
    gap:22px;
    margin-top:2rem;
}

.hp_repair_arrow{
    width:50px;
    height:50px;
    border-radius:50%;
    border:0;
    background:#0f1e3d;
    color:#fff;
    display:flex;
    justify-content:center;
    align-items:center;
    cursor:pointer;
    transition:0.25s all linear;
}

.hp_repair_arrow i{
    font-size:18px;
}

.hp_repair_arrow:hover{
    background:#bc9124;
}

.hp_repair_sliderbox{
    position:relative;
    padding-bottom:70px;
}

.hp_repair_slider{
    position:relative;
}

.hp_repair_itembox{
    padding:0 15px;
}

.hp_repair_item{
    min-height:300px;
    padding:15px;
    background:transparent;
    border-radius:6px;
    transition:0.25s all linear;
}

.hp_repair_step{
    width: 100px;
    height: 35px;
    border-radius: 30px;
    background: #0f1e3d;
    color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 16px;
    line-height: 1;
    font-weight: 800;
    margin-bottom: 1rem;
}

.hp_repair .n_subtitle{
    font-size: 24px;
    line-height: 1.15;
    font-weight: 700;
    color: #000;
    margin-bottom: 1rem;
}

.hp_repair .n_content{
    font-size:14px;
    line-height:1.5!important;
    font-weight:400;
    color:#333;
    margin:0;
}

.hp_repair_slider .slick-current .hp_repair_item{
    background:#fff;
    box-shadow:0 2px 8px rgba(0,0,0,0.04);
}

.hp_repair_line{
    position: absolute;
    left: 4vw;
    right: 0;
    bottom: 34px;
    height: 1px;
    background: #333;
}

.hp_repair_slider .slick-dots{
    position:absolute;
    left:0;
    right:0;
    bottom:-79px;
    display:flex!important;
    justify-content:space-around;
    align-items:center;
    padding:0;
    margin:0;
    list-style:none;
    z-index:3;
}

.hp_repair_slider .slick-dots li{
    width:auto;
    height:auto;
    margin:0;
}

.hp_repair_slider .slick-dots li button{
    width:26px;
    height:26px;
    border-radius:50%;
    border:3px solid #33548e;
    background:#0f1e3d;
    padding:0;
    font-size:0;
    cursor:pointer;
}

.hp_repair_slider .slick-dots li button:before{
    display:none;
}

.hp_repair_slider .slick-dots li.slick-active button{
    background:#bc9124;
    border-color:#0f1e3d;
}

@media screen and (max-width:1200.5px){
    .hp_repair{
        padding:80px 0 100px 5%;
    }
    .hp_repair_itembox{
        padding:0 28px;
    }

    .hp_repair_item{
        min-height:330px;
        padding:32px 30px 38px;
    }

    .hp_repair .n_subtitle{
        font-size:28px;
    }

    .hp_repair .n_content{
        font-size:17px;
    }
}

@media screen and (max-width:991.5px){
    .hp_repair{
        padding:70px 5% 95px;
    }

    .hp_repair_titlebox{
        padding-right:0;
        margin-bottom:40px;
        text-align:center;
    }

    .hp_repair_arrowbox{
        justify-content:center;
        margin-top:30px;
    }

    .hp_repair_sliderbox{
        padding-bottom:65px;
    }

    .hp_repair_line{
        left: 3vw;
        bottom: 28px;
    }

    .hp_repair_itembox{
        padding:0 15px;
    }

    .hp_repair_item{
        min-height:310px;
    }
    .hp_repair .n_subtitle{
        font-size:20px;
    }
    .hp_repair .n_content{
        font-size:14px;
    }
    .hp_repair_slider .hp_repair_item{
        padding:15px;
    }
}

@media screen and (max-width:767.5px){
    .hp_repair{
        padding:55px 0 85px;
    }

    .hp_repair_titlebox{
        padding:0 18px;
    }

    .hp_repair .n_small{
        font-size:13px;
        margin-bottom:12px;
    }

    .hp_repair .n_title{
        font-size:28px;
    }

    .hp_repair_arrow{
        width:48px;
        height:48px;
    }

    .hp_repair_itembox{
        padding:0 12px;
    }

    .hp_repair_item{
        min-height:300px;
        padding:28px 24px 34px;
    }

    .hp_repair_step{
        width:140px;
        height:38px;
        font-size:16px;
        margin-bottom:26px;
    }

    .hp_repair .n_subtitle{
        font-size:24px;
        margin-bottom:28px;
    }

    .hp_repair .n_content{
        font-size:15px;
    }

    .hp_repair_slider .slick-dots{
        bottom:-72px;
    }

    .hp_repair_slider .slick-dots li button{
        width:22px;
        height:22px;
    }
    .hp_repair_line {
        left: 6vw;
        bottom: 32px;
    }
}

/*new installation process*/
.hp_install{
    background:#091428;
    background-image:url("https://cdn1.npcdn.net/images/F_BG_420nld_1781053566.jpg?md5id=5c6839e11219ac4b4021d194b43665f7&type=4");
    background-size:100%;
    background-position:bottom right;
    background-repeat:no-repeat;
    padding: 90px 8% 150px;
    position:relative;
    overflow:hidden;
    color:#fff;
}

.hp_install:before{
    position:absolute;
    content:"";
    top:0;
    bottom:0;
    left:48px;
    width:1px;
    background:rgba(255,255,255,0.75);
}

.hp_install:after{
    position:absolute;
    content:"";
    top:0;
    bottom:0;
    right:48px;
    width:1px;
    background:rgba(255,255,255,0.75);
}

.hp_install .container-fluid{
    padding:0;
    position:relative;
    z-index:2;
}

.hp_install_titlebox{
    text-align:center;
    margin-bottom:60px;
}

.hp_install .n_small{
    font-size:13px;
    line-height:1;
    font-weight:400;
    color:#bc9124;
    text-transform:uppercase;
    margin-bottom:16px;
}

.hp_install .n_title{
    font-size:30px;
    line-height:1.15;
    font-weight:500;
    color:#fff;
    text-transform:uppercase;
    margin:0;
}

.hp_install_timeline_row{
    position:relative;
    width:86%;
    margin:0 auto;
}

.hp_install_timeline_row:before{
    position:absolute;
    content:"";
    top:-40px;
    bottom:0;
    left:50%;
    transform:translateX(-50%);
    width:8px;
    background:linear-gradient(to bottom, #091428 0%, #33548e 48%, #091428 100%);
    z-index:1;
}

.hp_install_timeline_row:after{
    position:absolute;
    content:"";
    top:45px;
    bottom:150px;
    left:50%;
    transform:translateX(-50%);
    width:26px;
    background:
        radial-gradient(circle, #091428 0 7px, #33548e 8px 11px, transparent 12px) center 0 / 26px 112px repeat-y;
    z-index:3;
}

.hp_install_list{
    position:relative;
    z-index:4;
}

.hp_install_list_left{
    padding-right:62px;
}

.hp_install_list_right{
    padding-left:62px;
    padding-top:0;
}

.hp_install_itembox{
    margin-bottom:22px;
}

.hp_install_item{
    display:flex;
    align-items:flex-start;
    gap:22px;
    min-height:115px;
    padding:28px 28px;
    background:#062943;
    border:1px solid #0d6fae;
    border-radius:8px;
    box-shadow:8px 8px 16px rgba(0,0,0,0.18);
}

.hp_install_no{
    flex:0 0 45px;
    width:45px;
    height:45px;
    border:1px solid #0d6fae;
    border-radius:4px;
    display:flex;
    justify-content:center;
    align-items:center;
    font-size:21px;
    line-height:1;
    font-weight:900;
    color:#fff;
}

.hp_install_text{
    flex:1;
}

.hp_install .n_subtitle{
    font-size:17px;
    line-height:1.12;
    font-weight:500;
    color:#fff;
    margin:0 0 18px;
}

.hp_install .n_content{
    font-size:13px;
    line-height:1.35;
    font-weight:400;
    color:#fff;
    margin:0;
}

@media screen and (max-width:1200.5px){
    .hp_install{
        padding:80px 6% 0;
    }

    .hp_install_timeline_row{
        width:92%;
    }

    .hp_install_list_left{
        padding-right:45px;
    }

    .hp_install_list_right{
        padding-left:45px;
    }

    .hp_install_item{
        padding:24px 22px;
        gap:18px;
    }

    .hp_install .n_subtitle{
        font-size:16px;
    }

    .hp_install .n_content{
        font-size:12px;
    }
}

@media screen and (max-width:991.5px){
    .hp_install{
        padding:70px 5% 60px;
    }

    .hp_install:before,
    .hp_install:after{
        display:none;
    }

    .hp_install_timeline_row{
        width:100%;
    }

    .hp_install_timeline_row:before,
    .hp_install_timeline_row:after{
        display:none;
    }

    .hp_install_list_left,
    .hp_install_list_right{
        padding:0;
    }

    .hp_install_list_right{
        padding-top:0;
    }

    .hp_install_item{
        min-height:auto;
    }
}

@media screen and (max-width:767.5px){
    .hp_install{
        padding:55px 0% 45px;
    }

    .hp_install_titlebox{
        width:92%;
        margin:0 auto 35px;
    }

    .hp_install .n_small{
        font-size:12px;
        margin-bottom:12px;
    }

    .hp_install .n_title{
        font-size:24px;
    }

    .hp_install_timeline_row{
        width:92%;
    }

    .hp_install_itembox{
        margin-bottom:16px;
    }

    .hp_install_item{
        padding:22px 18px;
        gap:15px;
    }

    .hp_install_no{
        flex:0 0 40px;
        width:40px;
        height:40px;
        font-size:18px;
    }

    .hp_install .n_subtitle{
        font-size:15px;
        margin-bottom:12px;
    }

    .hp_install .n_content{
        font-size:12px;
    }

}

/*news*/
.index_wrapper_9{
    background:#e9e9e9;
    padding:90px 9% 30px;
}
.hp_news{
    margin-bottom:2rem;
}


@media screen and (max-width:991.5px){

}

@media screen and (max-width:767.5px){
    .index_wrapper_9{
        padding:55px 1rem;
    }
}

/*project*/
.index_wrapper_10{
    background:#fff;
    padding:70px 7% 30px;
}

#main_index .hp_photoGallerySliderWithTitle {
    background-color: transparent;
    margin-top: 30px;
}

#main_index .hp_photoGallerySliderWithTitle .photo-gallery {
    padding: 0;
}

#main_index .hp_photoGallerySliderWithTitle .photo-gallery .slick-slide {
    padding: 0px 0;
}

#main_index .hp_photoGallerySliderWithTitle .photo-gallery .outline_box {
    padding: 0 7.5px;
}

#main_index .hp_photoGallerySliderWithTitle .photo-gallery .slick-current.slick-center .outline_box {
    transform: scaleY(1.15);
}
#main_index .hp_photoGallerySliderWithTitle .photo-gallery .outline_box .gallery_box img {
    border-radius: 15px;
}
.hp_photoGallerySliderWithTitle .photo-gallery .slick-prev{
    left: -30px;
}
.hp_photoGallerySliderWithTitle .photo-gallery .slick-next{
    right: -30px;
}
.hp_photoGallerySliderWithTitle .photo-gallery .slick-prev::before{
    background-image:url("https://cdn1.npcdn.net/img/1708419651arrow-left.png");
    background-size:100%;
    background-position:center;
    background-repeat:no-repeat;
    text-shadow:unset;
    content:"";
    height:2vw;
    width:2vw;
    filter:brightness(0);
} 
.hp_photoGallerySliderWithTitle .photo-gallery .slick-next::before{
    background-image:url("https://cdn1.npcdn.net/img/1708419667arrow-right.png");
    background-size:100%;
    background-position:center;
    background-repeat:no-repeat;
    text-shadow:unset;
    content:"";
    height:2vw;
    width:2vw;
    filter:brightness(0);
}

#main_index .hp_photoGallerySliderWithTitle .photo-gallery .slick-dots {
    display: none!important;
}


@media (max-width: 991.5px) {
    .hp_photoGallerySliderWithTitle  .container-fluid .row .col-12 > .container{
        max-width:100%;
    }    
}
@media (max-width: 767.5px) {
    .hp_photoGallerySliderWithTitle .photo-gallery .slick-prev{
        left:-20px;
    }
    .hp_photoGallerySliderWithTitle .photo-gallery .slick-next{
        right:-12px;
    }
    .hp_photoGallerySliderWithTitle .photo-gallery .slick-prev::before{
        width:8vw;
        height:8vw;
    }
    .hp_photoGallerySliderWithTitle .photo-gallery .slick-next::before{
        width:8vw;
        height:8vw;
    }
}


@media screen and (max-width:767.5px){
    .index_wrapper_10{
        padding:55px 0%;
    }
}

/*footer type4*/
.footer_type4{
    background:#0f1e3d;
    color:#fff;
    padding:90px 6.8% 34px;
}

.footer_type4 p{
    margin-bottom:0;
}

.footer_type4 a{
    color:#fff;
    text-decoration:none;
    transition:0.25s all linear;
}

.footer_type4 a:hover{
    color:#bc9124;
    text-decoration:none;
}

.footer_type4_top{
    min-height:430px;
}

.footer_type4_col{
    padding-right:55px;
}

.footer_type4 .footer_subtitle{
    font-size:16px!important;
    line-height:1.2;
    font-weight:900;
    color:#fff;
    text-transform:uppercase;
    margin-bottom:20px;
}
.footer_type4 .btn-primary{
    background-color: #bc9124 !important;
    border-color:#bc9124 !important;
}

.footer_type4_col p,
.footer_type4_col li,
.footer_type4_col a,
.footer_type4_col span{
    font-size:19px;
    line-height:1.25;
    font-weight:400;
    color:#fff;
}

.footer_type4 ul{
    margin:0;
    padding:0;
}

.footer_type4 .footer_language{
    display:flex;
    align-items:center;
    gap:10px;
    margin-top:85px;
}

.footer_type4 .footer_language a{
    font-weight:600;
}

.footer_type4 .footer_subscribe_box{
    margin-top:18px;
}

.footer_type4 .footer_subscribe_box .form-control{
    width:100%;
    height:42px;
    border:0;
    border-radius:5px;
    background:#fff;
    color:#000;
    font-size:16px;
    box-shadow:none;
    outline:none;
    margin-bottom:22px;
}

.footer_type4 .footer_subscribe_box .btn{
    background:#bc9124;
    border:1px solid #bc9124;
    color:#fff;
    border-radius:5px;
    min-width:120px;
    height:42px;
    padding:0 18px;
    font-size:14px;
    line-height:1;
    font-weight:900;
    text-transform:uppercase;
    transition:0.25s all linear;
}

.footer_type4 .footer_subscribe_box .btn:hover{
    background:#fff;
    border-color:#fff;
    color:#0f1e3d;
}

.footer_type4_bottom{
    border-top:1px solid rgba(255,255,255,0.8);
    padding-top:28px;
}
.footer_type4 .left_line{
    border-right:0px solid transparent;
    border-bottom:20px solid transparent!important;
}

/*.footer_type4 .copy_right p,*/
/*.footer_type4 .copy_right a{*/
/*    font-size:18px;*/
/*    line-height:1.45;*/
/*    color:#fff;*/
/*}*/

.footer_type4 .copy_right strong{
    font-weight:900;
}

@media screen and (max-width:1200.5px){
    .footer_type4{
        padding:80px 5% 32px;
    }

    .footer_type4_col{
        padding-right:25px;
    }

    .footer_type4_col p,
    .footer_type4_col li,
    .footer_type4_col a,
    .footer_type4_col span{
        font-size:16px;
    }

    /*.footer_type4 .copy_right p,*/
    /*.footer_type4 .copy_right a{*/
    /*    font-size:16px;*/
    }
}

@media screen and (max-width:991.5px){
    .footer_type4{
        padding:65px 5% 30px;
    }

    .footer_type4_top{
        min-height:auto;
    }

    .footer_type4_col{
        padding-right:0;
        margin-bottom:35px;
    }

    .footer_type4 .footer_language{
        margin-top:35px;
    }
}

@media screen and (max-width:767.5px){
    .footer_type4{
        padding:50px 5% 28px;
    }

    .footer_type4 .footer_subtitle{
        font-size:18px;
        margin-bottom:15px;
    }

    .footer_type4_col p,
    .footer_type4_col li,
    .footer_type4_col a,
    .footer_type4_col span{
        font-size:14px;
        line-height:1.45;
    }

    .footer_type4 .footer_subscribe_box .form-control{
        height:40px;
    }

    .footer_type4_bottom{
        padding-top:24px;
    }

    /*.footer_type4 .copy_right p,*/
    /*.footer_type4 .copy_right a{*/
    /*    font-size:13px;*/
    /*}*/
}

.c_alterd2{
    display: none;
}

@media screen and (max-width:767.5px){
    .c_alterd1{
        display: none;
    }
    .c_alterd2{
        display: block;
    }
}