body{
    background-color:#181818;
}
/*Breadcrum & all*/
p,h1,h2,h3,h4,h5,span,a,b,.page_title b,.breadcrumb_b a,i,strong,label,ul li,
.search_result_found_head,div,.text-muted,
.breadcrumb_b ol li:after{
    color:#fff!important;
}
.ws_contactus_detailSection .info_description{
    color:#fff!important;
}
#pills-home ul li,
#pills-home strong{
    background-color:#181818;
}
.btn-primary{
    border:1px solid #fff!important;
    background-color:#181818!important;
}
.form-group input::placeholder{
    color:#181818!important;
}
.mobile_ecommerce_filter_tool .mobile_ecommerce_filter_title,
.mobile_ecommerce_filter_tool .sorting_item,
.product_filter .badge-light,
.search_bar_type_2 .form-group button,
.product_detail .category_tag a,
.product_detail .category_tag a:hover,
#pills-enquiry .card{
    background-color:#181818;
}
.btn-light,
.btn-outline-primary{
    border:1px solid #fff!important;
    background-color:#181818!important;
    color:#fff!important;
}
.btn_whatsapp:hover{
    color:#fff;
}
.mobile_ecommerce_filter_tool #mobile_ecommerce_filter_tool_id{
    background-color:#181818;
}
.btn-submit{
    border:1px solid #fff;
    background-color:#181818;
    color:#fff;
}
.btn-submit:hover{
    background-color:#181818;
}
#toTop i{
    color:#181818!important;
}
.pagination .page-item .page-link{
    background-color:#181818;
}



/*product page*/
.product_list_type3 .product_box .compare_check_box p{
    background-color:#181818;
}
.nextprev_product .nextprev_product_title a{
    color:#fff!important;
}
.related_product_wrapper .related_badge,
a.badge-light:focus, a.badge-light:hover{
    background-color:#181818;
}
.product_nav_pill{
    border-bottom:1px solid #fff;
}
.productDetailImageFancy .one_img div{
    border:1px solid rgba(255,255,255,0.4);
}
#pills-tabContent{
    border-bottom:1px solid #fff;
}
.nextprev_product .next_btn,
.nextprev_product .previous_btn{
    border:1px solid #fff;
    background-color:#181818;
}
#main_showproducts .enquiry_form_scroll{
    border:1px solid rgba(255,255,255,0.4);
}
.brand_menu_2 .brand_title{
    background-color:#181818;
}
.brand_menu_2 .side_brand_panel{
    background-color:#181818;
    border-top: 1px solid rgba(255, 255, 255, 0.2);
}


/*Product details page*/
.product_detail .product_optional_group.desktop .option{
    background-color:#181818;
}


/*latest news page*/
.latest_new_type6 .news_box .news_box_content{
    border:1px solid #fff;
    background-color:#181818;
}
.latest_new_type6 .news_box .badge-primary{
    border:1px solid rgba(255,255,255,0.5);
}
.hp_latest_new .news_box .img_frame{
    border: 1px solid rgba(255, 255, 255, 0.2);
}

/*latest news detail page*/
.latestnews_mainimg_wrapper.main_img{
    border: 1px solid rgba(255, 255, 255, 0.2);    
}

/*#main_services*/
.ws_service .services_tag a,
.ws_service .services_tag a:hover{
    background-color:#181818;
    border:1px solid #fff;
}
.ws_service .viewmore_services_item{
    background-color:#181818!important;
}
.ws_service .services_tag a li:before{
    color:#fff;
}
.service_category .service_box{
    box-shadow: 0 0 3px rgba(255, 255, 255, 1);
}
.ws_service_type4 .img_frame{
    box-shadow: 0 0 3px rgba(255, 255, 255, 1);    
}
.ws_service_type4 .viewmore_services_title{
    background-color:#181818;
}
.ws_service_type4 .all_sub_img{
    border-top:1px solid rgba(255,255,255,0.4);
}

/*BookingForm*/
.booking_form,
.booking_form .background,
.booking_form .card_header .title:after,
.card,
.form-control{
    background-color:#181818;
    color:#fff;
}
.booking_form input::placeholder{
    color:#fff!important;
}
.card,
.booking_form .card_header .title:after{
    border:1px solid #fff;
}
.booking_form .card_header .title::before{
    color:#fff;
}
input{
    caret-color:#fff;
}
input::placeholder{
    color:#fff;
}
.form-control:focus{
    background-color:#181818;
    color:#fff;
}
.input-group-text{
    background-color:#181818;
    color:#fff;
}
.input-group-text::placeholder{
    color:#fff;
}
.custom-select{
    background-color:#181818;
    color:#fff;
}

/* tag page - id = main_tag */
#main_tag p,
#main_tag .text-muted,
#main_tag a,
#main_tag li,
#main_tag i,
#main_tag a:hover,
#main_tag .tag_fillter h6{
    color:#fff!important;
}
.product_list_horizontal .product_box .whatsapp_wrapper a{
    border-color:#fff;
}
.product_list_horizontal .product_box .whatsapp_wrapper .btn-outline-success:hover{
    background-color:transparent;
}
.tag_fillter .seleted_box ul a:last-child li,
.tag_fillter .seleted_box ul a li:hover{
    background-color:rgba(255,255,255,0.1);
}
.tag_fillter .tag_filler_list ul li::before,
.tag_fillter .tag_filler_list ul li.selected::before{
    color: #fff;
}


/*Need Valification form*/
.needs-validation input::placeholder{
    color:#fff!important;
}

/*Search page*/
.search_bar_type_2 .form-group button{
    border:1px solid #fff;
}
#main_searchproducts .badge-light{
    background-color:#181818!important;
    border:1px solid #fff;
}
.search_bar_type_2 input{
    border:1px solid #fff;
}
.search_bar_type_2 input:focus{
    border:1px solid #fff;
}
.search_bar_type_2 input::placeholder{
    color:#fff!important;
}
.servicenews_searchresult .search_result_item img{
    border:1px solid #fff;
}

/*Career page*/
.ws_career .career_box:hover .card{
    background-color:#181818;
}
.ws_career .sub_title{
    color:#fff!important;
}
.ws_career .career_detail .row > div:nth-child(1){
     border:1px solid #fff!important; 
     border-radius:10px;
    padding:1rem!important;
}
.ws_career .career_detail .row > div:nth-child(2) > .card{
    border:1px solid #fff!important;
    border-radius: 10px;
    padding:2rem 1rem!important;
}
.ws_career .career_detail .row > div:nth-child(3){
    border: 1px solid #fff !important;
    margin-top: 1rem !important;
    border-radius: 10px;
    padding:1rem!important;
}
/*All the Form Adjust - placeholder*/
#contactus_1 input::placeholder,
#contactus_1 textarea::placeholder{
    color:#fff!important;
}
#main_showproducts input::placeholder,
#main_showproducts textarea::placeholder{
    color:#fff!important;
}

/*Google review page*/
.ex_googleReviewWidget{
    background-color:#000!important;
}
.ex_googleReviewWidget .platinum_star{
    color:rgba(251, 188, 4, 1)!important;
}
.ex_googleReviewWidget .body p{
    color:#000!important;
}
.ex_googleReviewWidget .reviewer p{
    color:#000!important;
}
.ex_hp_googleReviewDefault .hpGoogleReviewItems{
    background-color:#fff;
    margin:1rem 2rem;
}
.ex_hp_googleReviewDefault .slick-arrow{
    z-index:1;
}
.ex_hp_googleReviewDefault .slick-next{
    right:-25px!important;
}
.ex_hp_googleReviewDefault .slick-prev{
    left:-25px!important;
}
.ex_hp_googleReviewDefault .slick-prev::before,
.ex_hp_googleReviewDefault .slick-next::before{
    text-shadow: none;
    color:#000;
}
.ex_hp_googleReviewDefault .review_content{
    color:#000!important;
}
.ex_hp_googleReviewDefault .reviewer_name,
.ex_hp_googleReviewDefault .review_time{
    color:#000!important;
}
.ex_hp_googleReviewDefault .platinum_star{
    color:rgba(251, 188, 4, 1)!important;    
}
.ex_hp_googleReviewDefault .slick-arrow{
    display:none!important;
}

/*All*/
#main_index{
    padding-bottom:0rem!important;
    overflow:hidden;
}
#main_index h1,
#main_index h2,
#main_index h5{
    cursor:default;
}

.breakspan{
    display:block;
}
.section_all{
    padding:9% 9%;
}
.section_half{
    padding:9% 9% 0%;
}
.small_all{
    font-size:20px;
    font-weight:700;
    margin-bottom:1rem;
    color:rgba(255,255,255,0.7);
}
.title_all{
    font-size:45px;
    font-weight:700;
    margin-bottom:1rem;
    color:#fff;
}
.subtitle_all{
    font-size: 18px;
    font-weight: 700;
    margin: 1.5rem 0 1rem;
    color: #fff;
}
.subtitle2_all{
    font-size:18px;
    font-weight:400;
    margin-bottom:1rem;
    color:#fff;
}
.subtitle_vw{
    font-size:1vw;
    font-weight:700;
    margin-bottom:2%;
    color:#fff;
}
.subtitle2_vw{
    font-size:1.8vw;
    font-weight:700;
    margin-bottom:2%;
    color:#fff;
}
.content_all{
    font-size:16px;
    font-weight:400;
    margin-bottom:0%;
    line-height:1.5;
    color:#fff;
}
.content_vw{
    font-size:0.9vw;
    font-weight:400;
    margin-bottom:0%;
    line-height:1.5;
    color:#fff;
}
.image_all{
    width:100%;
    margin:0 auto;
    display:block;
}
.btnbox_left{
    display:flex;
    justify-content:flex-start;
    align-items:center;
    margin:1.5rem 0 0;
}
.btnbox_center{
    display:flex;
    justify-content:center;
    align-items:center;
    margin:1.5rem 0 0;
}
.btnbox_right{
    display:flex;
    justify-content:flex-end;
    align-items:center;
    margin:1.5rem 0 0;
}
.button_all{
    font-size:18px;
    font-weight:600;
    color:#fff;transition:0.25s all linear;
}
.button_all:hover{
    text-decoration: none;
    color:#fff;
    transform:scale(0.98);
}
.button_all span{
    position: relative;
}
.button_all span:before{
    position: absolute;
    font-family: "Font Awesome 5 Free";
    content: "\f30b";
    font-weight: 900;
    top: 0;
    bottom: 0;
    right: -2rem;
    font-size: 20px;
    margin: auto 0;
    transition:0.25s all linear;
    animation:pointing 1s ease-out infinite;
}

@keyframes pointing{
    0%{transform:translate(0,0);}
    50%{transform:translate(0.2rem,0);}
    100%{transform:translate(0,0);}
}
.ul_all{
    list-style-type:none;
    padding:0;
    margin:0;
    display:flex;
    justify-content:flex-start;
    align-items:flex-start;
    flex-direction:column;
}
.ul_all_dflex{
    list-style-type:none;
    padding:0;
    margin:0;
    display:flex;
    justify-content:flex-start;
    align-items:center;    
}
.c_lineHi{
    line-height:1.8;
}
.text_center{
    text-align:center;
}
.c_bold{
    font-weight:700;
}
.c_space{
    display:block;
    font-size:0;
    opacity:0;
    height: 15px;
}
.c_color1{
    color:#fff;
}
.c_color2{
    color:#000;
}
.c_color3{
    color:#FF4A17!important;
}
.c_stroke{
    color: black;
    -webkit-text-fill-color: white;
    -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: black;
}
@media screen and (max-width: 1200.5px){
    .subtitle_vw{
        font-size:1.5vw;
    }
    .content_vw{
        font-size:1.2vw;
    }
}
@media screen and (max-width: 991.5px){
    .subtitle_vw{
        font-size:1.8vw;
    }
    .title_all{
        font-size:35px;
    }

    .content_vw{
        font-size: 1.5vw;
    }
}
@media screen and (max-width: 767.5px){
    .section_all{
        padding:18% 3%;
    }
    .section_half{
        padding:12% 3%;
    }
    .title_all{
        font-size:25px;
    }
    .subtitle_vw{
        font-size:16px;
    }
    .subtitle2_vw{
        font-size:25px;
    }
    .content_vw{
        font-size:16px;
    }
}

#main_index{
    background-color:#181818;
}

/*navbar*/
.navbar_type8{
    height: 100px;
    background-color:#000;
}
#main_index .navbar_type8{
    background-color:transparent;
}
.navbar_type8 .logo{
    flex:0 0 15%;
    margin-left:9%
}
.navbar_type8 .logo img{
    width: 150px;
    padding: 5px;
}
.navbar_type8 .nav_tab{
    flex:0 1 70%;
    justify-content: flex-end;
    padding-left:0;
    padding-right:0;
}
.navbar_type8 .nav_tab .nav_item::before{
    display:none;
}
.alter_custom{
    display: flex;
    align-items: center;
    justify-content: flex-end;
    flex: 0 1 15%;
    padding-right: 6%;
}
.alter_custom_burger{
    border: 2px solid #fff;
    width: 45px;
    height: 45px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 1000px;
    cursor:pointer;
}
.alter_custom_burger i{
    color:#fff;
    font-size:18px;
}
.alter_popnav_box{
    padding:1rem;
}
.alter_popnav_logo{
    width: 140px;
    margin: 1.5rem 0 0;
    display:block;
}
.alter_popnav_title{
    font-size: 25px;
    text-align: center;
    font-weight: 700;
    margin: 2.5rem 0 0rem;
    color: #fff;
}
.alter_popnav_social{
    margin-top:3rem;
}
.alter_popnav_subtitle{
    font-size: 20px;
    font-weight: 600;
    margin: 1.5rem 0 1rem;
    color: #fff;
}
.alter_popnav_ul{
    margin-bottom:1rem;
}
.alter_popnav_ul i,
.alter_popnav_ul a,
.alter_popnav_ul a:hover{
    color:#fff;
}
.alter_popnav_ul i{
    margin-right: 1rem;
    color: #ff4a17!important;
    font-size: 30px;
    width: 35px;
    height: 35px;
}
.alter_popnav_ul{
    align-content: flex-start;
}


.navbar_type8 .nav_tab .nav_item a{
    font-size:1vw;
    font-weight:600;
    text-transform: none;
    padding:5px 1.2vw;
    color:#fff;
}
.navbar_type8 .nav_tab .nav_item:last-child a{
    background-color: #FF4A17;
    border-radius: 1000px;
}
.navbar_type8 .nav_tab .dropdown .dropdown-menu{
    top:20px;
}
.navbar_type8 .nav_tab .dropdown .dropdown-menu .dropdown-item a{
    color:#FF4A17;
    -webkit-text-stroke-width: 0px;
    -webkit-text-stroke-color: black;
}
.navbar_type8 .nav_tab .dropdown .dropdown-menu .dropdown-item a{
    color:#FF4A17!important;
}
.navbar_type8 .nav_tab .dropdown .dropdown-menu .dropdown-item a:hover{
    color:#fff!important;
}
.navbar_mobile{
    background-color:#000;
}
.navbar_mobile .btn-outline-light:hover{
    background-color:transparent;
}
.navbar_mobile .btn-outline-light:hover{
    border-color: #FF4A17;
    color: #FF4A17;
}
.navbar_mobile .btn-outline-light:not(:disabled):not(.disabled):active{
    color: #FF4A17;
    background-color: transparent;
    border-color: #FF4A17;
}
.alter_navpopup{
    position: absolute;
    top: 0;
    right: 0;
    background-color: rgba(0, 0, 0, 0.3);
    height: 100vh;
    width: 100vw;
    display:none;
}
.alter_popnav{
    background-image:url("https://cdn1.npcdn.net/images/HAMBURGER_ELEMENT_z5u2wh_1736156807.png?md5id=1d14f7a40b5c0e95f6b5529810582f23&new_width=411&new_height=388&type=4");
	background-size:50%;
	background-position:bottom right;
	background-repeat:no-repeat;
    box-shadow: 0px 0px 6px rgba(255, 255, 255, 0.2);
    width: 0px;
    height: 0px;
    position: absolute;
    top: 0;
    right: 0;
    background-color: #181818;
    overflow-y: scroll;
    scrollbar-width: thin;
    padding: 3% 1%;
}
.alter_popnav_x{
    position: absolute;
    top: 1rem;
    right: 1rem;
    width: 25px;
    height: 25px;
    color: #fff;
    background-color: #000;
    border: 1px solid #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 1000px;
    cursor:pointer;
    transition:0.25s all linear;
}
.alter_popnav_x:hover{
    background-color:rgba(255,255,255,0.2);
}
.alter_popnav_link{
    margin: 0 1rem 0 0;
    border: 1px solid #fff;
    border-radius: 1000px;
    width: 35px;
    height: 35px;
    display: flex;
    justify-content: center;
    align-items: center;    
}
.alter_popnav_link i{
    color:#fff;
}
.alter_popnav_link:hover{
    text-decoration: none;
}
.dark_nav{
    animation:unset;
}

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

/*hp_banner*/
.index_wrapper_2{
    margin-top:-100px;
}
.slider_banner .banner_content{
    overflow:hidden;
}
.hp_banner{
	position:relative;
	left:9%;
	top:48%;
	transform:translate(0,-50%);
    width:calc(100% - 18%);
}
.hp_banner_title{
    font-size: 5vw;
    font-weight: 700;
    line-height: 1.2;
    text-align: center;
    margin-bottom:1%;
    color: #fff;
}
.hp_banner_content{
    font-size: 1.3vw;
    font-weight: 400;
    line-height: 1.8;
    color: #fff;
    text-align: center;
}
.hp_banner_buttonbox{
   display:flex;
   justify-content: center;
   align-items: center;
   margin-top:3%;
}
.hp_banner_button{
    font-size:18px;
    font-weight:600;
    color:#FF4A17;
    transition:0.25s all linear;
}
.hp_banner_button:hover{
    text-decoration: none;
    color:#FF4A17;
    transform:scale(0.98);
}
.hp_banner_button span{
    position: relative;
}
.hp_banner_button span:before{
    position: absolute;
    font-family: "Font Awesome 5 Free";
    content: "\f30b";
    font-weight: 900;
    top: 0;
    bottom: 0;
    right: -2rem;
    font-size: 20px;
    margin: auto 0;
    transition:0.25s all linear;
    animation:pointing 1s ease-out infinite;
}

@media screen and (max-width: 1200.5px){
    .hp_banner_content{
        font-size:1.2vw;
    }
}
@media screen and (max-width: 991.5px){
    .index_wrapper_2{
        margin:0;
    }
    .hp_banner_content{
        font-size:1.5vw;
    }
}
@media screen and (max-width: 767.5px){
    .index_wrapper_2 .item>img{
    	min-height:100vw!important;
    	object-fit:cover;
    }
    .hp_banner{
        left:2%;
        width:calc(100% - 4%);
    }
    .hp_banner_title{
        font-size:6vw;
        line-height:1.5;
        margin-bottom:3%;
    }
    .hp_banner_title br,
    .hp_banner_content br{
        display:none;
    }
    .hp_banner_content{
        font-size:4vw;
    }
    .hp_banner_buttonbox{
        margin-top:9%;
    }
}

/*hp_run*/
.hp_run{
    padding: 3% 0%;
    background-color: #000;
    margin: -8% 9% 0;
}
.hp_run_grid{
    display: flex;
    justify-content: space-evenly;
    align-items: center;
    width: 100%;
}
.hp_run_content{
    display:flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    color:#fff;
}
.hp_run_subtitle{
    position:relative;
    color: #fff;
    font-size: 6vw;
    font-weight: 600;
    line-height: 1;
    margin-bottom:0;
}
.hp_run_subtitle:before{
    position: absolute;
    content: "+";
    top: 0;
    bottom: 0;
    right: -3.5vw;
    margin: auto 0;
    font-size: 5vw;
    display: flex;
    justify-content: center;
    align-items: center;
    
}
.hp_run_span {
    font-size: 1.5vw;
    font-weight: 600;
    color: rgba(255, 255, 255, 0.8);
}

@media screen and (max-width: 767.5px){
    .hp_run{
        margin: -8% 3% 0;
    }
    .hp_run_span{
        font-size: 2vw;
    }
    .hp_run_subtitle{
        margin-top:0;
    }
}

/*hp_masque*/
.hp_prev{
   padding:6% 0% 0%; 
}
.hp_prev .col-md-12{
    padding:0;
}
.hp_prev_masque1{
    overflow: hidden;
    display: flex;
    width: 435vw;
    animation:leftrun 30s  linear infinite;
    transform: translate(-69%, 0);
}
.hp_prev_masque2{
    overflow: hidden;
    display: flex;
    width: 500vw;  
    transform: translate(-3%, 0);
    animation:rightrun 30s  linear infinite;
}
.hp_prev_link{
    font-size: 6vw;
    font-weight: 900;
    padding: 0 1%;
    color:#ff4a17!important;
}
.hp_prev_link:hover{
    text-decoration: none;
    color:transparent!important;
    -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: #ff4a17;
}

@keyframes leftrun{
    0%{ transform: translate(-69%, 0);}
    100%{transform:translate(-0.2%, 0);}
}
@keyframes rightrun{
    0%{ transform: translate(-3%, 0);}
    100%{transform:translate(-70.6%, 0);}
}

@media screen and (max-width: 767.5px){
    .hp_prev{
        padding:12% 3% 0%;
    }
}

/*hp_led*/
.hp_led_word{
    position: absolute;
    top: -9%;
    left: 0;
    right: 0;
    border: 1px solid #FF4A17;
    border-radius: 1000px;
    width: 100px;
    height: 100px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 80px;
    margin: 0 auto;
    color: #fff;
    background-color: #FF4A17;
}
.hp_led_box{
    position: relative;
    background-color: #000;
    padding: 12% 9% 9% 9%;
    margin-top: calc(20% + 0rem);
    transition:0.25s all linear;
    text-align: center;
}
.hp_led_line{
    position:absolute;
    bottom:0;
    left:0;
    right:0;
    width:100%;
    height:0.5rem;
    background-color:#FF4A17;
    transition:0.25s all linear;
}
.hp_led_box:hover{
    transform:scale(0.98);
}
.hp_led_box:hover .hp_led_line{
    background-color:rgba(255,74,23,0.4);
}
.hp_led_box:hover .hp_led_word{
    transform-origin:center;
    animation:j_shake 0.3s linear 0.1s 2;
}
.hp_led_subtitle{
    margin: 3rem 0 1rem;
}
.hp_led_imagebox{
    margin-top:3rem;
    margin-bottom:1.5rem;
}
.hp_led_image{
    margin:0 auto 0 0;
}


@keyframes j_shake{
    25%{transform:rotate(10deg);}
    75%{transform:rotate(-10deg);}
}
@media screen and (max-width: 991.5px){
    .hp_led_content br{
        display:none;
    }
}

/*hp_team*/
.hp_team{
    background-image:url("https://cdn1.npcdn.net/images/B_BG_q3szjo_1735873642.jpg?md5id=1d14f7a40b5c0e95f6b5529810582f23&new_width=1600&new_height=766&type=4");
	background-size:cover;
	background-position:top;
	background-repeat:no-repeat;
    padding: 9% 3% 12%;
}
.team_row2 .col-md-2:nth-child(odd){
    transform: translate(0, 22%);
    animation: floatupdownodd 3s ease-in-out infinite;
}
.team_row2 .col-md-2:nth-child(even){
    animation: floatupdowneven 3s ease-in-out 1.5s infinite;    
}
.hp_team_content{
    padding-bottom:4%;
}
.hp_team_step{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 100%;
    text-align: center;
}
.hp_team_icon{
    width: 150px;
    object-fit: contain;
    margin-bottom:1rem;
}
.hp_team_step span{
    width: calc(100% - 1rem);
    margin:0 auto;
    display:block;
}

@keyframes floatupdowneven {
    0%, 100% {
      transform: translateY(0);
    }
    50% {
      transform: translateY(-5px);
    }
}
@keyframes floatupdownodd {
    0%, 100% {
      transform: translateY(0)  translate(0, 22%);
    }
    50% {
      transform: translateY(-5px)  translate(0, 22%);
    }
}
@media screen and (max-width: 991.5px){
    .team_row2 .col-md-2{
        flex:0 0 33.33%;
        max-width:33.33%;
    }
    .team_row2{
        justify-content: center;
    }
    .team_row2 .col-md-2:nth-child(odd){
        transform: translate(0, 0%);
        animation:unset;
    }
    .team_row2 .col-md-2:nth-child(even){
        animation:unset;
    }
    .team_row2 .col-md-2:nth-child(4),
    .team_row2 .col-md-2:nth-child(5),
    .team_row2 .col-md-2:nth-child(6)
    {
        padding-top:6%;
    }
    .team_row2 .col-md-2:nth-child(1),
    .team_row2 .col-md-2:nth-child(3){
        animation: floatupdowneven 3s ease-in-out 0s infinite;
    }
    .team_row2 .col-md-2:nth-child(2),
    .team_row2 .col-md-2:nth-child(4),
    .team_row2 .col-md-2:nth-child(5){
        animation: floatupdowneven 3s ease-in-out 1.5s infinite;
    }
}
@media screen and (max-width: 767.5px){
    .hp_team{
        padding:12% 3%;
    }
    .team_row2 .col-md-2{
        flex:0 0 50%;
        max-width:50%;
        margin-top:2rem;
    }   
    .hp_team_step{
        margin-bottom:2rem;
    }
}

/*hp_why*/
.hp_why{
    padding:9% 0% 0% 9%;
}
.hp_why .col-md-6:last-child{
    padding-right:0;
}
.hp_why_box{
    border-radius:20px 0 0 20px;
    overflow:hidden;
}
.hp_why_image{
    transition:0.25s all linear;
}
.hp_why:hover .hp_why_image{
    transform:scale(1.05);
}
.bubble_xl{
    width: 18vw;
    height: 18vw;
    border-radius: 1000px;
    background-color: #000;
    position: absolute;
    bottom: -3vw;
    left: 23vw;
}
.bubble_sm{
    width: 10vw;
    height: 10vw;
    border-radius: 1000px;
    background-color: #000;
    position: absolute;
    bottom: 0;
    top:0;
    left: -5vw;
    margin:auto 0;
}

@media screen and (max-width: 767.5px){
    .hp_why{
        padding: 18% 0% 18% 3%;
    }
    .hp_why_box{
       margin-top:3rem; 
    }
}

/*hp_choose*/
.hp_choose_imagebox{
    position: relative;
    width: 100%;
    height: 440px;
    overflow: hidden;
    margin: 1rem 0;
    border-radius:20px;
    cursor: pointer;
}
.hp_choose_image{
    position:absolute;
    top:50%;
    left:50%;
    transform:translate(-50%,-50%);
    width:100%;
    height:100%;
    object-fit: cover;
    transition:0.25s all linear;
}
.hp_choose_contentbox{
    position: absolute;
    bottom: -50rem;
    left: -50rem;
    background-color: #FF4A17;
    width: 0px;
    height: 0px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    border-radius: 1000px;
    padding-left: 5vw;
    padding-top: 6vw;
    transition: 0.3s all ease-out;
    cursor: pointer;
}
.hp_choose_imagebox:hover .hp_choose_contentbox{
    bottom: -6vw;
    left: -3vw;    
    width: 20vw;
    height: 20vw;
    padding-right:4%;
}
.hp_choose_imagebox:hover .hp_choose_image{
    filter:brightness(0.7);
}
.hp_choose_subtitle{
    opacity:0;
    transition:1s linear ease-out;
    cursor: pointer!important;
}
.hp_choose_content{
    opacity:0;
    transition:1s linear ease-out;
    cursor: pointer!important;
}
.hp_choose_imagebox:hover .hp_choose_subtitle,
.hp_choose_imagebox:hover .hp_choose_content{
    opacity:1;
}


@media screen and (max-width: 767.5px){
    .hp_choose_imagebox:hover .hp_choose_contentbox{
        bottom: -10vw;
        left: -10vw;
        width: 65vw;
        height: 65vw;
    }
    .hp_choose_contentbox{
        padding-left: 15vw;
        padding-top: 22vw;
    }
}

/*hp_testomonial*/
.index_wrapper_9{
    padding:6% 9%;
    background-color:#f1f2f2;
}
.index_wrapper_9 .row{
    align-items: center;
}

.hp_test_buttonbox{
    margin:5rem 0 0;
}
.hp_test_title{
    color:#000!important;
    text-align: center;
    margin-bottom:3rem;
}
.hp_test_button{
    width: 280px;
    border: 1px solid #000;
    padding: 0 1%;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 20px;
    background-color:#000;
}
.hp_test_button span{
    transform:translate(-13.5px,0);
}

.hp_testimonials .testimonials_box .testimonials_card .icon{
    display:none;
}
.hp_testimonials .testimonials_box .testimonials_card .content{
    text-align: left;
    order:3;
}
.hp_testimonials .testimonials_box .testimonials_card .content h5{
    font-size: 16px;
    font-weight: 400;
    line-height: 1.5;
}
.hp_testimonials .testimonials_box .testimonials_card .name{
    text-align: left;
    order:1;
    font-size: 16px;
}
.hp_testimonials .testimonials_box .testimonials_card .star{
    text-align: left!important;
    order:2;
    margin:0.5rem 0;
}
.hp_testimonials .testimonials_box .testimonials_card .star > div{
    margin-left:0!important;
}
.hp_testimonials .testimonials_box .testimonials_card .star i{
    color:#FF4A17;
}
.hp_testimonials .testimonials_box .testimonials_card h6{
    color: #000;
    font-size: 20px;
    font-weight: 600;
    width:77%;
}
.hp_testimonials .testimonials_box .testimonials_card{
    background-color: #fff;
    border: 3px solid rgba(0, 0, 0, 0.1);
    border-radius: 20px;
    padding: 30px;
}
.hp_testimonials .slick-slider{
    margin-bottom:0;
}
.hp_testimonials .slick-dots{
    display:none;
}
.hp_testimonials .slick-next{
    background-image:url("https://cdn1.npcdn.net/images/ARROW_RIGHT_toqg5i_1735884964.png?md5id=1d14f7a40b5c0e95f6b5529810582f23&new_width=150&new_height=150&type=4"); 
    background-size:contain;
    background-position:center;
    background-repeat:no-repeat;
    width:30px;
    height:30px;
    z-index:1;
    transform:unset;
    top: 15%;
    right: 14%;
    left: unset;
}
.hp_testimonials .slick-prev{
    background-image:url("https://cdn1.npcdn.net/images/ARROW_LEFT_detlak_1735884964.png?md5id=1d14f7a40b5c0e95f6b5529810582f23&new_width=150&new_height=150&type=4");
    background-size:contain;
    background-position:center;
    background-repeat:no-repeat;
    width:30px;
    height:30px;
    z-index:1;
    transform:unset;
    top: 15%;
    right: 25%;
    left: unset;
}
.hp_testimonials .slick-prev:before,
.hp_testimonials .slick-next:before{
    display:none;
}

@media screen and (max-width: 991.5px){
    #index_9_2,
    #index_9_3{
        flex:0 0 100%!important;
        max-width:100%!important;
    }
    .hp_test_image{
        width: 60%;
        margin-bottom: 1.5rem;
    }
}
@media screen and (max-width: 767.5px){
    .index_wrapper_9{
        padding:18% 3%;
    }
    .hp_testimonials .testimonials_box{
        padding:1rem 1rem;
    }
    .hp_testimonials .slick-prev{
        top:0;
        bottom:0;
        left:0;
        margin:auto 0;
    }
    .hp_testimonials .slick-next{
        top:0;
        bottom:0;
        right:0;
        margin:auto 0;
    }
    .hp_test_image{
        width:100%;    
    }
    .hp_testimonials .testimonials_box .testimonials_card h6{
        width:100%;
    }
    .hp_test_buttonbox{
        margin:3rem 0 0;
    }
}

/*hp_news*/
.index_wrapper_10{
    padding:6% 9% 0%;
    display:none;
}
.index_wrapper_10 .row{
    align-items: center;
}
.hp_news_button{
    transform:translate(-1rem,0rem);
}
.hp_latest_new{
    margin-top:1.5rem;
}

/*component - news*/
.hp_latest_new .news_box .img_frame img{
    object-fit: contain;
    background-color:#000;
}
#main_index .hp_latest_new .news_box .title,
#main_index .hp_latest_new .news_box .date,
#main_index .hp_latest_new .news_box .content{
    color:#fff!important;
    opacity:1;
}
.hp_latest_new .col-12.col-lg-4{
    flex:0 0 40%;
    max-width:40%;
}
.hp_latest_new .col-12.col-lg-8{
    flex:0 0 60%;
    max-width:60%;
}
.hp_latest_new .news_box .read_more{
    display:none;
}

@media screen and (max-width: 767.5px){
    .index_wrapper_10{
        padding:18% 3% 0;
    }    
    .hp_news_buttonbox{
        justify-content: flex-start;
    }
    .hp_news_button{
        transform:translate(0rem,0rem);
    }
    .hp_latest_new{
        padding:1.5rem 1rem;
    }
    .hp_latest_new .col-12.col-lg-4{
        flex:0 0 100%;
        max-width:100%;
        margin-bottom:1.5rem;
    }
    .hp_latest_new .col-12.col-lg-8{
        flex:0 0 100%;
        max-width:100%;
    }
}

/*hp_brand*/
#custom_brand {
    display:flex;
    flex-wrap: wrap;
    justify-content: center;
}
.hp_brand_title{
    margin-bottom:3rem;
    /*padding:6% 20%;*/
}
.hp_brand_box{
    flex:0 0  calc(10% - 10px);
    max-width:calc(10% - 10px);
    padding:10px;
    /*background-color:#fff;*/
    margin:5px;
}
.hp_brand_title{
    color:#FF4A17!important;
}
.hp_brand_subtitle{
    font-size:28px;
    text-align: center;
    margin-top:4rem;
}
@media screen and (max-width: 991.5px){
    .hp_brand_box{
        flex:0 0  calc(16.66% - 10px);
        max-width:calc(16.66% - 10px);        
    }
}
@media screen and (max-width: 767.5px){
    .hp_brand .col-md-12{
        padding:0;
    }
    .hp_brand_box{
        flex:0 0  calc(33.33% - 10px);
        max-width:calc(33.33% - 10px);        
    }
    .hp_brand_subtitle{
        margin-top:2rem;
    }

}

/*hp_contact*/
.hp_contact{
    padding:0 9%;
}
.hp_contact_title{
    position:relative;
    z-index:1;
}
.hp_contact_box{
    position:relative;
	background-image:url("https://cdn1.npcdn.net/images/G_BG_ypa8b5_1735887450.jpg?md5id=1d14f7a40b5c0e95f6b5529810582f23&new_width=1828&new_height=545&type=4");
	background-size:cover;
	background-position:center;
	background-repeat:no-repeat;
    border-radius:20px;
    padding:9%;
    background-color:#000;
}
.contact_square{
    position:absolute;
    width:20px;
    object-fit: contain;

}
.contact_square1{
    top: 22%;
    left: 13%;
    animation: seafloat 8s 1s ease-in-out infinite;
}
.contact_square2{
    bottom: 11%;
    left: 37%;
    animation: seafloat 8s 2s ease-in-out infinite;
}
.contact_square3{
    top: 18%;
    right: 15%;
    animation: seafloat 8s ease-in-out infinite;
}

@keyframes seafloat {
    0%, 100% {
      transform: translate(0, 0);
    }
    25% {
      transform: translate(5px, -10px);
    }
    50% {
      transform: translate(10px, 0);
    }
    75% {
      transform: translate(5px, 10px);
    }
  }

@media screen and (max-width: 991.5px){
    .hp_contact_title br{
        display:none;
    }
}
@media screen and (max-width: 767.5px){
    .hp_contact{
        padding:0 0%;
    }
    .hp_contact .col-md-12{
        padding:0;
    }
    .hp_contact_box{
        border-radius:0;
    }
    .contact_square1{
        left:4%;
    }
    .contact_square2{
        bottom:0;
    }
    .contact_square3{
        right:3%;
    }
}

/*footer*/
.footerListServices{
    background-color:#181818;
}
.footerListServices .social_media{
    text-align: left;
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
    align-items: center;
}
.footerListServices .social_media a{
    margin:0 1rem 0 0;
    border: 1px solid #fff;
    border-radius: 1000px;
    width: 35px;
    height: 35px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.footer_row1 p{
    width:80%;
}
.footerListServices .logo{
    min-height:80px;
}
.footerListServices .logo img{
    max-height:80px;
}

.footerListServices .copy_right,
.npfooter_languagebar .text-muted,
.platinum_website_visitor,
.npfooter_languagebar,
.copy_right small,
.footerListServices .mb-1{
    color:#fff!important;
}
.footer_langbar_item{
    color:#fff!important;
}
.copy_right .text-visitor,
.copy_right .platinum_website_visitor{
    display:none;
}
@media screen and (max-width: 991.5px){
    .footerListServices .input-container input, 
    .footerListServices .input-container label{
        font-size:1.1vw;
    }
    .footerListServices .input-container .moveUp{
        font-size:1.1vw;
    }	
}
@media screen and (max-width: 767.5px){
    .footerListServices .input-container input, 
    .footerListServices .input-container label{
        font-size:14px;
    }
    .footerListServices .input-container .moveUp{
        font-size:14px;
    }
}