/*title*/
@import url('https://fonts.googleapis.com/css2?family=Dosis:wght@200;300;400;500;600;700&display=swap');
/*content*/
@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');
/*banner*/
@import url('https://fonts.googleapis.com/css2?family=Allura&display=swap');
/*navbar*/
@import url('https://fonts.googleapis.com/css2?family=Merriweather:wght@300;400;700;900&display=swap');

.breadcrumb_b{
    font-size:16px;
}

#custompage842_1_1 > img{
    object-fit: cover;
  object-position: center;
  max-height: 25vw;
  
}


.ex_specificationFilter .side_spec_panel .custom-control-label{
    color:#000;
}


.ws_video>.container-fluid>.row>.col-12.p-0.mb_10>.container-fluid:nth-child(1){
    display:flex;
}

.ws_video>.container-fluid>.row>.col-12.p-0.mb_10>.container-fluid>.row:nth-child(1){
    flex:0 0 60%;
}

.ws_video>.container-fluid>.row>.col-12.p-0.mb_10>.container-fluid>.row:nth-child(1) .col-12.p-0{
   flex:0 0 100%;
}

.ws_video>.container-fluid>.row>.col-12.p-0.mb_10>.container-fluid>.row:nth-child(2) .mb-0.all_font_md{
    text-align: center;
    font-weight: 700;
}

.ws_video>.container-fluid>.row>.col-12.p-0.mb_10>.container-fluid>.row:nth-child(2){
    display: flex;
    justify-content: center;
    align-items: center;
    height: 500px;
    overflow-y: scroll;
    margin-top: 0px;
    margin-left: 3%;
    flex: 0 0 40%;
}

.ws_video>.container-fluid>.row>.col-12.p-0.mb_10>.container-fluid>.row:nth-child(2) .video_list_item{
    max-width:100%;
    flex:0 0 51%;
}

@media screen and (max-width: 991.5px) {
    .ws_video>.container-fluid>.row>.col-12.p-0.mb_10>.container-fluid>.row:nth-child(2){
        flex:0 0 50%;
    }
}

@media screen and (max-width: 767.5px) {
    .ws_video>.container-fluid>.row>.col-12.p-0.mb_10>.container-fluid:nth-child(1){
    display:block;
    }
    .ws_video>.container-fluid>.row>.col-12.p-0.mb_10>.container-fluid>.row:nth-child(1){
        flex:0 0 100%;
    }
    .ws_video>.container-fluid>.row>.col-12.p-0.mb_10>.container-fluid>.row:nth-child(2){
        flex:0 0 100%;
        margin-left: 0%;
        height: auto;
         overflow-y: initial;
         margin-top:16%;
    }
}


/*header_title - Content Banner*/
.wspages .container{
    max-width:100%;
    width:100%;
    padding-left:0px;
    padding-right:0px;
}

.wspages .pagetitleWithBG{
       margin-bottom:0%;
}

.pagetitleWithBG{
    /*background-image: url("https://cdn1.npcdn.net/img/1679032445content-banner.jpg");*/
    background-image: url("https://cdn1.npcdn.net/img/1689934595content-bannernew.jpg");
    
    background-size: 100% 100%;
    min-height: 25vw;
    padding-top: initial!important;
    padding-bottom: initial!important;
    position: relative;
    margin-bottom:2%;
}

.pagetitleWithBG h1{
    position: absolute;
    font-size:2vw;
    top: 8vw;
    left: 0;
    right: 0;
    text-align: center!important;
    display:none;
}

.product_name{
    display:none;
}


#main_career .pagetitleWithBG{
    background-image: url("https://cdn1.npcdn.net/img/1690798072career-cover.jpg");
}

#main_latestnews .pagetitleWithBG{
    background-image: url("https://cdn1.npcdn.net/img/1692005606New Latest Pic.jpg");
}

#main_videosbycat .pagetitleWithBG{
    background-image: url("https://cdn1.npcdn.net/img/1690798580video-cover.jpg");
}

#main_category .pagetitleWithBG{
    background-image: url("https://cdn1.npcdn.net/img/1690798689portfolio-cover.jpg");
}

@media screen and (max-width: 767.5px) {
    .pagetitleWithBG h1{
        top: 8vw;
        font-size:3vw;
    }
    .product_name{
        display:block;
    }
}

/*videobycats*/
.ws_video .video_box .video_img_frame{
    height: 200px;
    margin: 0.5% 0%;
    width: 300px;
}

.ws_video .video_box .video_img_frame img{
    height:200px;
}

.video_des.mb_10{/*content font size*/
    font-size:1.1rem;
}

.ws_video .mb_10.float-right{
    font-size:1rem;
}

.row.media_row.mb_10{
    margin-top:6%;
}

.row.media_row.mb_10 .mb-0.all_font_md{
    font-size:1rem!important;
}

@media screen and (max-width: 767.5px) {
    .video_des.mb_10{
        font-size:0.9rem;
    }
    .ws_video .video_box .video_img_frame{
        height: auto;
        width: 300px;        
    }
    .ws_video .video_box .video_img_frame img{
        height:auto;
    }
}

/*main_latestnews*/
#main_latestnews .hp_latest_new .news_box .content{
    word-break:normal;
}

/*main_services*/
#main_services .service_box img{
    width:100%;
}

/*topspace*/
#main_index .hp_topspace a{
    position: absolute;
    z-index: 3000;
    right: 3%;
    top: 38%;
    color: #fff;
}

.hp_topspace a{
    position: absolute;
    z-index: 3000;
    right: 3%;
    top: 3.5%;
    color: #000;
}





/*System - Navbar*/
#main_index .navbar_type8 .nav_tab .nav_item a{
    color:#fff;
    font-family:'Merriweather';
    text-transform: none;
}



.navbar_type8 .nav_tab{
    padding-left:8px;
}

.navbar_type8 .nav_tab .nav_item a{
    color:#000;
    padding:15px;
    font-size:20px;
    font-family:'Merriweather';
    text-transform: none;
}

.navbar_type8.navbar_height.dark_nav .nav_tab .nav_item a{ 
    color:#fff;
   text-transform: none;
    
}


.navbar_type8 .nav_tab .nav_item::before{/* a bottom line*/
   left:0;
   top:38%;
   width:5px;
   height:5px;
   background-color:#f57e20;
   border-radius:50px;
   border-bottom:none;
   opacity:1;
   transition:all 0.25s ease-in-out;
}

.navbar_type8 .nav_tab .nav_item:hover:before{
    top:30%;
    width:8px;
    height:8px;
}

.navbar_type8 .nav_tab .nav_item:nth-child(1):before{
    display:none;
}

.navbar_type8 .nav_tab .dropdown .dropdown-menu .dropdown-item a{
    color:#fff;
    transition:all 0.25s ease-in-out;
}

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

/*System - Logo*/
.navbar_type8 .logo img{/*logo size*/
    width:100%;
    padding:3%;
}

#main_index .navbar_type8 .logo img{/*mainpage - logo color*/
    filter:none;
}

.navbar_type8 .logo img{/*logo color*/
    filter:saturate(0%) brightness(0%) contrast(100%);
}

.navbar_type8.navbar_height.dark_nav .logo img{ /*darknav logo filter none*/
    filter:none;
}

/*mobile nav*/
.navbar_mobile .logo_img{
    max-height: 33px;
     filter:saturate(0%) brightness(0%) contrast(100%);
}

.navbar_mobile .row_1{
    margin-top:1%;
}

@media screen and (max-width: 1400.5px) {
    .navbar_type8 .nav_tab .nav_item a{
        font-size:15px;
    }
}

@media screen and (max-width: 1100.5px) {
    .navbar_type8 .nav_tab .nav_item a{
        padding:8px;
    }
}


/*System - Banner*/
.index_wrapper_2{/*move up the whole wrapper, need adjust from phone version*/
    margin-top:-85px;
}

.hp_banner{
    padding-top:16%;
}

.hp_banner_title{
    font-family:"Dosis";
    font-size:4vw;
    font-weight:300;
    text-align:center;
    letter-spacing:6px;
    color:#fff;
}

.hp_banner_span{
    font-family:'Allura';
    letter-spacing:1px;
    color:#ed7f28;
}

.hp_banner_subtitle{
    font-size:1.2vw;
    font-weight:300;
    text-align:center;
    color:#fff;
}

.hp_banner3_content{
    font-size:1.2vw;
    font-weight:300;
    text-align:center;
    color:#fff;
}

.hp_banner3_span{
    color:#c39e2f;
}

.hp_banner .hp_banner3_box{
    margin-top:3%;
    display:flex;
    justify-content: center;
    align-items:center;
}

.hp_banner .hp_banner3_image:nth-child(1){
    width:10%!important;
    object-fit:contain;
}

.hp_banner .hp_banner3_image:nth-child(2){
    border-right:1px solid #fff;
    padding-right:1%;
    width:30%!important;
    object-fit:contain;
}
.hp_banner .hp_banner3_image:nth-child(3){
    border-right:1px solid #fff;
    padding-right:1%;
    padding-left:1%;
    width:17%!important;
    object-fit:contain;
}
.hp_banner .hp_banner3_image:nth-child(4){
    width:9%!important;
    padding-left:1%;
    object-fit:contain;
}

.hp_banner .hp_banner3_box2{
    display:flex;
    justify-content: center;
    align-items:center;
}

.hp_banner .hp_banner3_image2{
    width:40%!important;
    object-fit:contain;    
    margin-top:5%;
}

.btntype1_box{
    display:flex;
    justify-content: center;
    align-items: center;
}

.btntype1{
    border:1px solid #fff;
    font-size: 0.8vw;
    padding: 0.5% 3%;
    color:#fff;
    transition:all 0.25s ease-in-out;
}

.btntype1:hover{
    border:1px solid #ed7f28;
    text-decoration:none;
    color:#ed7f28;
}

.btntype1_span{
    position:relative;
}

.btntype1_span:after{
    position:absolute;
    content:" > ";
    left:9px;
    color:#ed7f28;
    transition:all 0.25s ease-in-out;
}

.hp_banner_button:hover .btntype1_span:after{
    left:16px;
}

@media screen and (max-width: 991.5px) {
    .index_wrapper_2{
        margin-top:0px;
        
    }   
}

@media screen and (max-width: 767.5px) {
    .hp_banner{
        padding:12%;
    }
    .hp_banner_title{
        font-size:1.1rem;
        margin-bottom:0%;
    }
    .hp_banner_subtitle{
        font-size:1.1rem;
        margin-bottom:2%;
    }
    .hp_banner3_content{
        font-size:1rem;
    }
    .btntype1{
        font-size:0.6rem;
        padding:1% 9%;
    }
}

@media screen and (max-width: 500.5px) {
    .hp_banner_changefor3{
        padding-top:6%;
    }
    .hp_banner3_content{
        font-size:0.6rem;
    }
    .hp_banner .hp_banner3_image2{
        width:70%!important;
    }
}





/*hp_2design*/
.index_wrapper_3{
    background-color:#18191b;
    padding-bottom:12%;
}
.hp_2design{
    margin:-6% 12%;
}

.hp_2design_grid{
    display: grid;
    grid-template-columns: auto auto;
    column-gap: 20px;
}

.hp_2design_image{
    width:100%;
}

.hp_2design_gridbox{
    position:relative;
    box-shadow: 2px 5px 10px #000;
    
}

.hp_2design_title{
    position:absolute;
    font-size:1.1vw;
    top:0;
    transform:translate(3vw,3vw);
    color:#fff;
}

.hp_2design_content{
    position:absolute;
    font-size:1vw;
    top:0;
    transform:translate(3vw,6vw);
    width:80%;
    color:#fff;
}

.hp_2design_button{
    position: absolute;
    bottom: 5vw;
    left: 3vw;
    border: 1px solid #fff;
    font-size: 1vw;
    padding: 2% 12%;
    color: #fff;
    transition: all 0.25s ease-in-out;
}

.hp_2design_button:hover{
    border:1px solid #ed7f28;
    text-decoration:none;
    color:#ed7f28;
}

.hp_2design_buttonspan{
    position:relative;
}

.hp_2design_buttonspan:after{
    position:absolute;
    content:" > ";
    left:9px;
    color:#ed7f28;
    transition:all 0.25s ease-in-out;
}

.hp_2design_button:hover .hp_2design_buttonspan:after{
    left:16px;
}

@media screen and (max-width: 767.5px) {
    .hp_2design{
        margin:-6% 3%;
    }
    .hp_2design_grid{
        grid-template-columns: auto;
        row-gap:20px;
    }
    .hp_2design_title{
        font-size:1.1rem;
        
    }
    .hp_2design_content{
        font-size:1.1rem;
        transform: translate(3vw,9vw);
    }
    .hp_2design_button{
        font-size: 1rem;
    }
}

@media screen and (max-width: 500.5px) {
    .hp_2design_content{
        font-size:0.8rem;
        transform: translate(3vw,11vw);
    }
}



/*hp_suggest*/
.index_wrapper_4{
    background-color:#18191b;
}

.hp_suggest_col{
    margin-top:3%;
}

.hp_suggest_row .col-md-6,
.hp_suggest_row .col-md-12{
    padding:0px;
}

.hp_suggest{
    padding:6% 12%;
    padding-bottom:6%;
}

.hp_suggest_image{
    width:100%;
    margin:0 auto;
    display:block;
}

.hp_suggest_icon{
    width:50%;
    margin:0 auto;
    display:block;
}

.hp_suggest_title{
    font-size:1.5vw;
    color:#fff;
}

.hp_suggest ul li{
    font-size:1vw;
    color:#fff;
}

#main_contactus ul li{
    font-size:1vw;
    color:#000;
}

@media screen and (max-width: 767.5px) {
    .hp_suggest{
        padding:6% 6%;
    }
    .hp_suggest_title{
        font-size:1.5rem;
        text-align:left;
    }
    ul li{
        font-size:1rem;
    }
    .hp_suggest_row .col-md-12,.hp_suggest_row .col-md-6{
        /*display: flex;*/
        /*justify-content: center;*/
        /*align-items: center;*/
    }
    .hp_suggest_icon{
        width:30%;
        margin:6% 0%;
        
    }
}

/*hp_testimonial*/
.hp_testimonial{
    padding-top:3%;
}

.hp_testimonial_title{
    font-size:2vw;
    text-align:center;
    color:#f57e20;
}

@media screen and (max-width: 767.5px) {
    .hp_testimonial_title{
        font-size:1.5rem;
        margin-bottom:0px;
    }
}
/*templated - testimonial*/
.index_wrapper_5{
    background-color:#18191b;
}

.hp_testimonials .testimonials_box .testimonials_card .icon .img_frame img{
    height:140px;
}

.testimonials_card.text-center.slick-slide .name.mt-3,.testimonials_card.text-center.slick-slide .name.mt-3 h6{
    color:#fff;
    font-size:1.5vw;
}

.testimonials_card.text-center.slick-slide .content.mt-1 h5{
    color:#fff;
}

.hp_testimonials .testimonials_box .testimonials_card .content h5 q{
    font-size:1vw;
}

@media screen and (max-width: 1200.5px) {
    .hp_testimonials .testimonials_box .testimonials_card .content h5 q{
        font-size:1.2vw;
    }    
}
@media screen and (max-width: 991.5px) {
     .hp_testimonials .testimonials_box .testimonials_card .content h5 q{
        font-size:1.5vw;
    }   
    .testimonials_card.text-center.slick-slide .name.mt-3,.testimonials_card.text-center.slick-slide .name.mt-3 h6{
        font-size:2vw;
    }
}
@media screen and (max-width: 767.5px) {
    .testimonials_card.text-center.slick-slide .content.mt-1 h5{
        font-size:0.8rem; 
    }
    .hp_testimonials .testimonials_box {
        padding:0px 23px;
        margin-bottom:0px;
    }
    .testimonials_card.text-center.slick-slide .name.mt-3,.testimonials_card.text-center.slick-slide .name.mt-3 h6{
        font-size:6vw;
    }
     .hp_testimonials .testimonials_box .testimonials_card .content h5 q{
        font-size:14px;
    }   
}

/*hp_about*/
.hp_about{
    background-image:url("https://cdn1.npcdn.net/img/1677039050sec3-bckg.jpg");
    background-size:100%;
    padding:9% 12%;
}

.hp_about_title{
    font-size:2vw;
    color:#fff;
}

.hp_about_content{
    font-size:1.2vw;
    color:#fff;
}

.hp_about_buttonbox{
    margin-top:10%;
}

.hp_about_button{
    border:1px solid #ed7f28;
    background-color:#ed7f28;
    font-size:1vw;
    padding:2% 18%;
    color:#000;
    transition:all 0.25s ease-in-out;
}

.hp_about_button:hover{
    border:1px solid #fff;
    background-color:transparent;
    text-decoration:none;
    color:#fff;
}

.hp_about_buttonspan{
    position:relative;
}

.hp_about_buttonspan:after{
    position:absolute;
    content:" > ";
    left:9px;
    color:#000;
    transition:all 0.25s ease-in-out;
}

.hp_about_button:hover .hp_about_buttonspan:after{
    left:16px;
    color:#fff;
}

.hp_about_image{
    width:100%;
}

@media screen and (max-width: 767.5px) {
    .hp_about{
        background-size:auto;
        padding:9% 6%;
    }
    .hp_about_title{
        font-size:2rem;
    }
    .hp_about_content{
        font-size:1rem;
    }
    .hp_about_button{
        font-size:1rem;
    }
    .hp_about_image{
        padding-top:12%;
    }
}


/*hp_text*/
.hp_text{
    background-color: #f57e20;
    padding: 4% 0%;
    letter-spacing: 5px;
}

.hp_text_title{
    font-size:1.5vw;
    text-align:center;
    margin-bottom:0px;
    
}

@media screen and (max-width: 767.5px) {
    .hp_text_title{
        font-size:1.5rem;
    }
}

/*hp_project*/
.index_wrapper_8{
    background-color:#18191b;  
}

.hp_project{
    padding:6% 0%;
}

.hp_project_col{
    display:flex;
    padding:1% 0%;
}

.hp_project_col p{
    font-size:1vw;
    padding:1%;
    margin-left:1%;
    cursor:pointer;
    color:#898a8c;
}

.hp_project_gridbox_1{
    display: grid;
    grid-template-columns: auto auto auto;
    column-gap: 20px;
    row-gap:20px;
}

.hp_project_gridbox_2{
    display: grid;
    grid-template-columns: auto auto auto;
    column-gap: 20px; 
    row-gap:20px;
    display:none;
}

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

.hp_project_image{
    width:100%;
    object-fit: contain;
    transition:all 0.45s ease-in-out;
}

.hp_project_image:hover{
    transform:scale(1.1);
}

.hp_project_text{
    position:absolute;
    font-size:1vw;
    top:6%;
    left:0;
    right:0;
    text-align:center;
    color:#f57e20;
}

.hp_project_buttonbox{
    margin-left: auto;
    width: 197px;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
}

.hp_project_button{
    border: 1px solid #ed7f28;
    background-color: #ed7f28;
    font-size: 0.9vw;
    padding: 6% 18%;
    color: #000;
    position: absolute;
    transition: all 0.25s ease-in-out;
}

.hp_project_button:hover{
    border:1px solid #ed7f28;
    background-color:transparent;
    text-decoration:none;
    color:#ed7f28;
}

.hp_project_buttonspan{
    position:relative;
}

.hp_project_buttonspan:after{
    position:absolute;
    content:" > ";
    left:9px;
    color:#000;
    transition:all 0.25s ease-in-out;
}

.hp_project_button:hover .hp_project_buttonspan:after{
    left:16px;
    color:#ed7f28;
}

@media screen and (max-width: 767.5px) {
    .hp_project_col p{
        font-size:0.8rem;
    }
    .hp_project_gridbox_1{
        grid-template-columns: auto;
    }
        .hp_project_gridbox_2{
        grid-template-columns: auto;
    }
    .hp_project_col p{
        padding-top:5%;
    }
    .hp_project_button{
        font-size:0.6rem;
    }
    .hp_project_text{
        font-size:1rem;
    }
}

/*templeted - hp_latestnews*/
.index_wrapper_9{
    background-image:url("https://cdn1.npcdn.net/img/1677047349sec5-bckg.jpg");
}
.hp_latest_new{
    padding:9% 1%;
}

#main_index .hp_latest_new .news_box .title{
    font-size:1.5vw;
    font-weight:300;
    color:#fff!important;
    
}

#main_index .hp_latest_new .news_box .date{
    font-size:1vw;
    font-weight:300;
    color:#fff!important;   
}

#main_index .hp_latest_new .news_box .content{
    font-size:1vw;
    font-weight:300;
    color:#fff!important;   
    word-break:normal;
}

#main_index .hp_latest_new .news_box .read_more{
    font-size:1vw;
    border:1px solid #f57e20;
    background-color:#f57e20;
    color:#000;
    width: 120px;
    height: 42px;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    transition:all 0.25s ease-in-out;
}
#main_index .hp_latest_new .news_box .read_more:hover{
    background-color: transparent;
    color:#f57e20;
}

@media screen and (max-width: 800.5px) {
    #main_index .hp_latest_new .news_box .title{
        font-size:1.5rem;
        margin-top:6%;
    }
    #main_index .hp_latest_new .news_box .date{
        font-size:1rem;
    }
    #main_index .hp_latest_new .news_box .content{
        font-size:1rem;
    }
    #main_index .hp_latest_new .news_box .read_more{
         font-size:1rem;
    }
}

.pb-5, .py-5 {
    padding-bottom: 0rem!important;
}

/*footer_type7*/
.footer_type7{
    background-color:#18191b;
}

.footer_type7 .pb-5{
    padding-bottom: 3rem!important;
}

#toTop .h-100{
    background-color:#f57e20;
    border-radius:10px;
}


.custompage842_wrapper_2 {
    margin-top: 2rem;
}