body{
    color: #000;
}
body > br{
    display: none;
}
.np_language_btn {
    position: fixed!important;
}
a:hover{
    text-decoration: none;
    color: #888;
}
.navbar_type8 {
    background-color: #fff;
    position: absolute;
}
.dark_nav{
    background-color: #fff !important;
    position: fixed;
}
.navbar_type8 .logo {
    display: none;
}
/*.offer_title,.offer_price,.add_to_cart{*/
/*    display: none;*/
/*}*/
.product_list .product_box .product_des h6 b {
    display: none;
}
.product_box .align-top{
    display: none;
}
.navbar_type8 .nav_tab {
    flex: 0 1 100%;
    justify-content: center;
    padding: 0;
}


.navbar_type8 .nav_tab .nav_item::before {
    top: 110%;
    border-bottom: 3px solid #4b4b4b;
    display: none;
}
.navbar_type8 .nav_tab .active {
    color: #000 !important;
}
.navbar_type8 .nav_tab .nav_item a{
    color: #000;
    font-size: 14px;
    font-weight: 500;
    padding: 15px 20px;
}
.navbar_type8 .nav_tab .nav_item a:hover{
    color: #888;
}
.navbar_type8 .nav_tab .nav_item{
    text-transform: capitalize;
}
.navbar_type8 .nav_tab .dropdown .dropdown-menu .dropdown-item a{
    color:#fff!important;
}
.navbar_type8 .nav_tab .dropdown .dropdown-menu .dropdown-item a:hover{
    color:#fff!important;
}
.editor {
    position: relative;
    z-index: 999;
    border-bottom: 1px solid;
}
.editor a:hover{
    text-decoration: none;
    color: #888 !important;
}
.topcontact{
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.topicon{
    display: flex;
    align-items: center;
    justify-content: flex-end;
}
.topicon.scroll_menu {
    position: fixed;
    z-index: 9999;
    top: 27px;
    /*right: 15%;*/
    right:6rem;
    width: auto;
}
.topicon > div{
    margin-right: 25px;
}
.editor .login .dropdown-menu {
    z-index: 1;
    background-color: transparent;
    top: 20px;
    border: none;
    -webkit-animation: swing-in-top-fwd 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275) both;
    animation: swing-in-top-fwd 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275) both;
    right: auto;
    left: 0;
    -webkit-transform: translate(-50%, 0);
    -o-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    text-align: left;
    position: absolute;
    float: left;
    min-width: 10rem;
    padding: .5rem 0;
    margin: .125rem 0 0;
    font-size: 1rem;
    color: #212529;
    list-style: none;
    background-clip: padding-box;
    border-radius: .25rem;
}
.editor .login .dropdown-menu .dropdown-item a {
    position: relative;
    text-overflow: ellipsis;
    overflow: hidden;
    outline: transparent;
    padding: 0.5rem 1rem !important;
    color: #fff;
    font-size: 14px;
}
.editor .login .dropdown-menu .dropdown-item a:hover{
    text-decoration: none;
    background: #454343;
}
.editor .login .dropdown-menu .dropdown-item {
    background-color: rgba(75, 75, 75, 0.9);
    display: flex;
    flex-direction: column;
    max-width: 350px;
    min-width: 150px;
    padding: 0;
}
.editor.login:focus .dropdown-menu, .editor .login:hover .dropdown-menu {
    display: block;
}
.editor .login {
    max-width: 150px;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin-bottom: 0;
    display: flex;
    position: relative;
}
.editor .shopping{
    margin-right: 10px;
    display: flex;
}
.editor .shopping > a {
    display: flex;
    padding: 0 15px 0 0 !important;
}
.editor .shopping > a:hover{
    text-decoration: none;
}
.editor .shopping .fa-shopping-cart, .editor .fa-user, .editor .fa-search{
    font-size: 22px !important;
    color: #4b4b4b;
}
.editor .shopping .bi-cart3, .editor .bi-person-plus, .editor .bi-search{
    color: #4b4b4b;
}
.editor .shopping .bi-cart3{
    font-size: 18px;
}
.editor .bi-person-plus{
    font-size: 20px;
}
.editor .bi-search{
    font-size: 15px;
}
.editor .topicon.scroll_menu .shopping .fa-shopping-cart, .editor .topicon.scroll_menu .fa-user, .editor .topicon.scroll_menu .fa-search{
    font-size: 20px !important;
}
.editor .shopping .badge {
    font-size: 90%;
}
.nav_search {
    flex-grow: 1;
    display: flex;
    max-width: 100%;
    align-self: center;
    margin-bottom: -5px;
    border: 1px solid #e0dede;
    box-shadow: 0px 0px 7px rgb(191 191 191 / 65%);
}
.editor .scroll_menu .nav_search{
    border: none;
}
.nav_search input {
    background: rgba(240, 242, 245, 1);
    width: 100%;
    height: 45px;
    border: 0;
    box-shadow: none;
    padding: 5px 60px 5px 25px;
    border-radius: 0;
    max-height: 45px;
}
.nav_search .search_button {
    background-color: #f0f2f5;
    color: white;
    box-shadow: none;
    border: none;
    border-radius: 0;
    padding: 0 15px;
    max-height: 45px;
}
.boxSearch .fa-search{
    font-size: 18px !important;
}


.dark_nav.sticky-search{
    margin-top: 60px;
}
.btnSearch {
    position: relative;
    z-index: 999;
    cursor: pointer;
    transition: all .43s ease-in-out;
}
.boxSearch {
    display: none;
    position: absolute;
    top: 50px;
    left: -40px;
    left:95px;
}
.scroll_menu .boxSearch {
    display: none;
    position: absolute;
    top: 40px;
    left: -265px;
    width: 300px;
}
.btnClose .bi-search:before {
    content: "\f62a";
    font-size: 24px;
    vertical-align: bottom;
    margin-right: -5px;
}
.editor .scroll_menu .btnClose .fa-search:before{
    font-size: 20px;
}
.editor .scroll_menu .boxSearch .bi-search{
    transition: all .3s ease;
}
.editor .fa-search{
    line-height: 24px;
}
.nav_search .search_button:hover .bi-search{
    color: #b7b7b7;
}
.nav_search .search_button:focus{
    outline: none;
}



/*.navbar_type8 .nav_tab .login, .navbar_type8 .nav_tab .shopping{*/
/*    display: none;*/
/*}*/
.dark_nav .nav_tab {
    
    box-shadow: 0 0 5px #aaa;
}

#main_index .m_editor{
    display: none;
}
.m_editor{
    display: none;
}


.footer_type4 {
    background-image: none;
    background-color: #000;
}

.footer_type4 .general_btn {
    border: 2px #fff solid;
    color: #fff;
    border-radius: 0;
}
.footer_type4 .general_btn:hover {
    border: 2px #fff solid;
    color: #c6252b;
    background: #fff;
}
.footer_type4 p {
    margin-bottom: 5px;
    line-height: 1.8;
    font-size: 13px;
    color: #d9d9d9;
}
.footer_type4 a {
    color: #d9d9d9;
}
.footer_type4 .social_media{
    padding-top: 8px;
}
.footer_type4 h6{
    font-size: 16px !important;
}
.footer_type4 a:hover{
    text-decoration: none;
    color: #fff !important;
}
.footer_type4 a:hover p{
    color: #fff !important;
}


#main_index{
    padding-bottom: 0 !important;
}

.form-control{
    border-radius: 0;
}
.footer_type4 .form-control{
    border: none;
}
.footer_type4 .left_line{
    border: none;
}

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

.scroll_menu .boxSearch {
    display: none;
    position: absolute;
    top: 60px;
    left: -265px;
    width: 300px;
}
}

@media screen and (max-width: 991.5px){
    .m_nav_type5 .company_logo {
        padding: 12px 10px 12px 0;
    }
}

@media only screen and (max-width: 767.5px){
    
#main_index {
    overflow: hidden;
}    
.m_side_menu_type5 {
    height: calc(100% - 75px) !important;
}


.m_nav_type5 .menu_bar .bar1, .m_nav_type5 .menu_bar .bar2, .m_nav_type5 .menu_bar .bar3 {
    width: 32px;
    height: 2px;
    margin: 8px 0;
}
.m_nav_type5 .change .bar1 {
    -webkit-transform: rotate(45deg) translate(6px, 6px);
    transform: rotate(45deg) translate(6px, 6px);
}
.m_nav_type5 .change .bar3 {
    -webkit-transform: rotate(-45deg) translate(8px, -9px);
    transform: rotate(-45deg) translate(8px, -9px);
}
.m_side_menu_type5 .nav_item li {
    font-size: 18px;
}
.m_nav_type5 .member, .m_nav_type5 .shopping {
    font-size: 22px;
}
.picbg, .picbg1{
    margin-bottom: 15px;
}

.memberandcart .member, .memberandcart .shopping {
    display: flex;
    align-items: center;
}
.m_nav_type5 .col-8{
    flex:60.666667%;
    max-width:60.666667%;
}
.memberandcart .my-auto.ml-auto{
    margin:auto;
}
.memberandcart{
    flex:22.666667%;
    max-width:22.666667%;
}
.fa-user, .fa-shopping-cart{
    font-family: 'bootstrap-icons' !important;
    font-weight: 500 !important;
}
.fa-user:before {
    content: "\f4dd" !important;
}
.fa-shopping-cart:before {
    content: "\f244" !important;
}

.m_nav_type5 .company_logo {
        padding: 12px 10px 12px 46px;
    }
}

/*top spacing*/

/*#top_spacing{*/
/*    height: 80px!important;    */
/*}*/



/*Banner*/

.slider_banner .banner_content{
    overflow: hidden;
}

.hp_banner {
    position: relative;
    left: 7vw;
    top: 45%;
    transform: translate(0, -50%);
    width: calc(100% - 0%);
}

.bannerspan {
    
   

    color: #000;
}

.bannertitle {
    font-size: 3vw;
    font-weight: 900;
    line-height: 1.3;
    color: #ff6600;
    width: 37vw;
    text-transform: uppercase;
}

.bannercontent {
    font-size: 1vw;
    font-weight: 400;
    line-height: 1.5;
    color: #000;
    width: 32vw;
}
        
.bannerbottombox{
    position: relative;
    padding-top: 1.5vw;
}
        
.bannerimg {
    position: absolute;
    width: 69vw;
    top: -31vw;
    right: 11vw;
}

.hp_step_line.banner{
    margin: 2% 0;
}

.bannerimg2 {
    position: absolute;
    width: 56vw;
    top: -22vw;
    right: 11vw;
}

.bannerimg3 {
    position: absolute;
    width: 32vw;
    top: -22vw;
    right: 18vw;
}

.hp_banner .hp_banner_image {
    width: 30% !important;
}



.bannerbtn {
    
    font-size: 16px;
    margin: 0;
    
    transition: .8s transform;
    cursor: pointer;
    
    padding: 10px 30px;
}


.bannerbtn.btn1{
    background-color: #ff6600; 
    color: #fff;
    position: relative;
}

.bannerbtn.btn1:after {
    content: "";
    background-color: #dd6617;
   transition: .8s transform;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    z-index: -1;
    right: 0;
}

.bannerbtn.btn1:hover{
    text-decoration: none;
    color: #ff6600;
    background-color: #fff;
}

.bannerbtn.btn1:hover:after {
   transform: translate(8px,8px);
}


.bannerbtn.btn2{
    margin-left: 2vw;
    background-color: #fff; 
    color: #ff6600;
    position: relative;
}

.bannerbtn.btn2:after {
    content: "";
    background-color: #dd6617;
   transition: .8s transform;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    z-index: -1;
    right: 0;
}

.bannerbtn.btn2:hover{
    text-decoration: none;
    color: #fff;
    background-color: #ff6600;
}

.bannerbtn.btn2:hover:after {
   transform: translate(8px,8px);
}


.bannerbtntext {
    position: relative;
}



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

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

@media screen and (max-width: 991.5px) {
    .bannercontent {
        font-size: 1.5vw;
        width: 45vw;
    }
    
    .bannerimg {
        position: absolute;
        width: 69vw;
        top: -32vw;
        right: 11vw;
    }
    
    
}

@media screen and (max-width: 767.5px) {
    .index_wrapper_2 .item>img {
        min-height: 100vw !important;
        object-fit: cover;
        object-position: 70%;
    }

    .hp_banner {
        left: 3vw;
        width: calc(100% - 0%);
        top: 50%;
    }

    .bannertitle {
        font-size: 6vw;
        width: 80%;
       
    }
    
    

            
    .bannercontent {
        font-size: 3vw;
        width: 74%;
    }
    
   
    .bannertopbox{
        z-index: 2;
    }
    
    .bannerbottombox {
        
        padding-top: 2vw;
    }
    
    .bannerbtnbox{
        z-index: 2;
        position: relative;
    }
    
    .bannerimg {
        width: 111vw;
        top: -59vw;
        right: -12vw;
    }
    
    .bannerimg2 {
        position: absolute;
        width: 82vw;
        top: -32vw;
        right: -8vw;
    }
    
    .bannerimg3 {
        position: absolute;
        width: 54vw;
        top: -40vw;
        right: -20vw;
    }
    
    .banner_content{
        background: rgba(255,255,255,0.8);
    }
    
}

@media screen and (max-width: 575.5px) {
    
    
    
    .bannertitle {
        font-size: 7vw;
        width: 96%;
    }
    
    
    
    .bannercontent {
        font-size: 4.5vw;
        width: 96%;
    }
    
    
    .bannerimg {
        width: 111vw;
        top: -72vw;
        right: -12vw;
    }
    
    .bannerimg2 {
        position: absolute;
        width: 82vw;
        top: -45vw;
        right: -8vw;
    }
    
    .bannerimg3 {
        position: absolute;
        width: 54vw;
        top: -58vw;
        right: -11vw;
    }
}

/* Button */






.allbtn{
    background-color: #fff; 
    color: #ff6600;
    position: relative;
   font-size: 16px;
    margin: 0;
    
    transition: .8s transform;
    cursor: pointer;
    
    padding: 10px 30px;
}

.allbtn::after {
    content: "";
    background-color: #dd6617;
   transition: .8s transform;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    z-index: -1;
    right: 0;
}

.allbtn:hover{
    text-decoration: none;
    color: #fff;
    background-color: #ff6600;
}

.allbtn:hover::after {
   transform: translate(8px,8px);
}


.allbtntext {
    position: relative;
}



.btnbox {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    position: relative;
    z-index: 1;
}



/* all font */

.alltitle {
    color: #000;
    font-size: 48px;
   font-weight: 900;
    line-height: 1.3;
    text-transform: uppercase;
}



.allcontent {
    color: #000;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.9;
}

.allsubtitle {
    color: #fff;
    font-size: 18px;
    font-weight: 700;
    margin: 0;
    margin-bottom: .8rem;
}

.hr1 {
    width: 54px;
    height: 1px;
    margin: auto;
    margin-top: 20px;
    background: #000;
}

.hr1.step {
   
    background: #fff;
}

@media screen and (max-width: 1199.5px){
    .allsubtitle{
        font-size: 16px;
    }
}


@media screen and (max-width: 991.5px) {
    .alltitle{
        font-size: 32px;
    }
    
    
}


@media screen and (max-width: 575.5px) {
    .alltitle{
        font-size: 25px;
    }
    
    .alltitle.cta {
        font-size: 20px;
    }
    
    
    .allsubtitle {
        font-size: 20px;
    }
}


/*whyus*/

#main_index .index_wrapper_3 {
    margin-top: -80px;
}

.hp_whyus {
    
}

.whyusicon {
    width: 6vw;
    
}

.whyusicon:hover{
    animation: 1s iconanimation;
}

@keyframes iconanimation {
    
  20% {
    transform: rotate(15deg);
  }
  
  40% {
    transform: rotate(-10deg);
  }
  
  60% {
    transform: rotate(5deg);
  }
  
  80% {
    transform: rotate(-5deg);
  }
  
  100% {
  
    transform: rotate(0deg);
  }
  
}


.allcontent.whycard{
    color: #fff;
    line-height: 1.5;
}

.whyusbox {
    display: flex;
    align-items: center;
}

.whyusbigbox {
    display: flex;
    justify-content: center;
}

.whyusbigbox{
    padding: 1vw 0;
}

.boxgap {
    padding: 1vw 4vw;
    flex: 0 0 33.333333%;
}

.whycardright{
    margin-left: 2rem;
}

.boxgap.box1, .boxgap.box2{
    border-right: 1px solid #fff;
}


.hp_whyussmall.container-fluid {
    width: 80%;
    background-color: #1a1a1a;
    border-radius: 35px;
}


@media screen and (max-width: 1199.5px){
    .hp_whyussmall.container-fluid {
        width: 95%;
        background-color: #1a1a1a;
        border-radius: 35px;
    }
}

@media screen and (max-width: 991.5px){
    .hp_whyussmall.container-fluid {
        width: 100%;
        border-radius: 0;
    }
    .whyusbox{
        flex-wrap: wrap;
        justify-content: center;
    }
    
    .whycardleft{
        display: flex;
        justify-content: center;
        margin-bottom: 1rem;
    }
    
    .whycardright {
        margin-left: 0;
        text-align: center;
    }
    
    .whycardleft, .whycardright{
        flex: 0 0 100%;
    }
    
    .whyusicon {
        width: 8vw;
    }
    
    
}

@media screen and (max-width: 575.5px){
    .whyusbigbox{
        flex-wrap: wrap;
    }
    
    .boxgap{
        flex: 0 0 100%;
        padding: 4vw 1vw;
    }
    
    .boxgap.box1, .boxgap.box2 {
        border-right: 0;
        border-bottom: 1px solid #fff;
    }
    
    .whycardleft{
        flex: 0 0 45%;
        justify-content: flex-end;
       padding-right: 10vw;
    }
   
    
    .whycardright {
        flex: 0 0 55%;
        text-align: left;
    }
    
    .whyusicon {
        width: 13vw;
    }
}

/*about us*/


.hp_step_line.about {
            width: 100px;
            height: 4px;
            background-color: #ff6600;
            margin: 2rem 0;
        }

.hp_about {
    padding: 4rem 5%;
}

.aboutspan{
    color: #ff6600;
}

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

.aboutrightbox {
    display: flex;
    justify-content: center;
    margin: auto;
    padding-left: 5%;
}


.aboutpicbox {
    width: 40vw;
    position: relative;
}

.allcontent.about{
    width: 90%;
    margin-bottom: 2rem;
}

.hr1.about {
    width: 54px;
    height: 1px;
    
    margin-left: 0;
    margin-top: 20px;
    background: #000;
    margin-bottom: 2rem;
}


.allbtn.about{
    color: #fff;
    background-color: #ff6600;
    margin-bottom: 3rem;
}

.allbtn.about:hover{
    color: #ff6600;
    background-color: #fff;
    box-shadow: rgba(0, 0, 0, 0.16) 0px 3px 6px, rgba(0, 0, 0, 0.23) 0px 3px 6px;
}

.aboutpoint {
    margin-bottom: 2rem;
    display: flex;
    flex-wrap: wrap;
}

.pointicon {
    width: 1.5vw;
    margin-right: .8vw;
}
.smallpoint {
    display: flex;
    flex: 0 0 50%;
}

.aboutleftbox{
    position: relative;
}

.aboutabsolute {
    background: #ff6600;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 10vw;
    height: 10vw;
    border-radius: 20px;
    text-align: center;
    position: absolute;
}

.absolutespan {
    font-size: 4vw;
    line-height: 1.1;
    font-weight: 700;
}

.allcontent.absolutetext{
    color: #fff;
    line-height: 1.4;
    font-weight: 400;
    font-size: 1vw;
}

@media screen and (max-width: 1199.5px){
    
    .aboutleftbox{
        margin-bottom: 3rem;
    }
    
    .aboutpicbox {
        width: 100%;
        
    }
    
    .aboutabsolute {
        
        width: 15vw;
        height: 15vw;
       
    }
    
    .allcontent.about {
        width: 100%;
        margin-bottom: 2rem;
    }
        
    
    .absolutespan {
        font-size: 5vw;
        
    }
    
    .allcontent.absolutetext {
       
        font-size: 1.5vw;
    }
}

@media screen and (max-width: 991.5px){
    #main_index .index_wrapper_3 {
         margin-top: -1px; 
    }
    
    .aboutabsolute {
        width: 20vw;
        height: 20vw;
    }
    
    .absolutespan {
        font-size: 6vw;
    }
    
    .allcontent.absolutetext {
        font-size: 2vw;
        margin-bottom: 0;
    }
    
    .pointicon.about {
        width: 2.5vw;
        margin-right: .8vw;
    }
}

@media screen and (max-width: 767.5px){
    
    .hp_about {
        padding: 8% 5%;
    }
    
    .aboutpicbox {
        width: 100%;
    }
    
    .hr1.about {
        margin-bottom: 1rem;
    }
    
    .allcontent.about {
        width: 100%;
        
    }
    
    .pointicon.about {
        width: 5vw;
        margin-right: 2.5vw;
    }
    
    
    
    
}

@media screen and (max-width: 575.5px){
    .pointicon {
        width: 5vw;
        margin-right: 2vw;
    }
    
    .smallpoint {
        display: flex;
        flex: 0 0 100%;
    }
}

/*product categories*/

#main_index .index_wrapper_5 {
    padding: 0 5% 4rem 5%;
}

.alltitle.cate{
    text-align: center;
    color: #ff6600;
}



.product_cat-4 .cat_box{
    overflow: visible;
}

.product_cat-4 .cat_outter_box {
    padding: 5px 1.2vw;
}


.product_cat-4 .cat_box:hover img {
    transform: scale(1.05);
}

.product_cat-4 .cat_box img {
    object-fit: contain;
    z-index: 1;
    position: relative;
    height: 110%;
    left: 2vw;
}

.product_cat-4 .cat_box .content .content_box {
    width: 100%;
    padding: 10px 25px;
    padding-bottom: 15px;
    color: #fff;
    font-weight: 400;
    z-index: 3;
}
.product_cat-4 .cat_box:hover .content {
    background-color: #ff6600;
}
.cat_box.aos-init.aos-animate{
    background-image: url("https://cdn1.npcdn.net/images/CategoriesBG_9sjcob_1779161148.jpg?md5id=82da28cb17ab0b7adcdef72dacbc68ba&new_width=1000&new_height=1000&type=4");
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.product_cat-4 .cat_box .content .content_box h3{
    display: none;
}

.product_cat-4 .cat_box .content .content_box .btn-outline-primary{
    display: none;
}

@media screen and (max-width: 1199.5px){
    .product_cat-4 .cat_box img {
        object-fit: contain;
        z-index: 1;
        position: relative;
        height: 110%;
        left: 0vw;
        top: -7vw;
    }
}

@media screen and (max-width: 767.5px){
    .product_cat-4 .cat_box img {
        object-fit: contain;
        z-index: 1;
        position: relative;
        height: 100%;
        left: 14vw;
        top: -5vw;
    }
}

@media screen and (max-width: 575.5px){
    #main_index .index_wrapper_4 {
        padding: 0 5% 12% 5%;
    }
}

@media screen and (max-width: 480.5px){
    .product_cat-4 .cat_box img {
        object-fit: contain;
        z-index: 1;
        position: relative;
        height: 100%;
        left: 3vw;
        top: -11vw;
    }
}

/*products*/

#main_index .index_wrapper_6 {
    padding: 0 5% 4rem 5%;
}

.alltitle.product{
    text-align: center;
    color: #ff6600;
}



.productSlider-1 .product_img .slick-prev::before, .productSlider-1 .product_img .slick-next::before{
    display: none;
}

.productSlider-1 .product_img .product_box h6{
    display: -webkit-box;        
    -webkit-box-orient: vertical; 
    -webkit-line-clamp: 2;       
    overflow: hidden;            
    text-overflow: ellipsis;   
}

@media screen and (max-width: 575.5px){
    #main_index .index_wrapper_5 {
        padding: 0 5% 12% 5%;
    }
}

/* step section*/

        .c_color3 {
            color: #ff6600;
        }
        
        .allsubtitle.step {
            color: #000;
            font-size: 36px;
            font-weight: 700;
            margin: 0;
            margin-bottom: .8rem;
        }

        .hp_step {
            position: relative;
            padding: 4rem 0;
            overflow: hidden;
            
            
            background-image: url("https://cdn1.npcdn.net/images/ChatGPT_Image_May_19_2026_12_2_l8i9x5_1779171343.png?md5id=82da28cb17ab0b7adcdef72dacbc68ba&new_width=1000&new_height=1000&type=4");
            background-repeat: no-repeat;
            background-position: top center;
            background-size: contain;
        }
        
        .stepbigbox{
            padding: 0 5%;
        }
        
        .stepspan{
            color: #ff6600;
        }
        
        .allcontent.stepsmall{
            margin-bottom: 0;
            text-align: left;
            margin-left: 5%;
        }
        
        .smallicon.step {
            width: 40px;
            height: 40px;
            border-radius: 100%;
            background: linear-gradient(180deg, #ff8a00 0%, #ff6600 100%);
            display: flex;
            justify-content: center;
            align-items: center;
            margin: 0 auto 2rem;
            
            
        }
        
        .pointicon.step{
            width: 2vw;
        }
        
        
        
        .smallicon.step img {
            width: 20px;
            height: 20px;
            object-fit: contain;
        }
        
        
        .hp_step_titlebox {
            position: relative;
            z-index: 2;
            margin-bottom: 3rem;
        }

        .hp_step_titlebox .title_all span {
            color: #ff6600;
        }

        .hp_step_line {
            width: 100px;
            height: 4px;
            background-color: #ff6600;
            margin: 2rem auto;
        }

        .hp_step_wrapper {
            display: flex;
            justify-content: space-between;
            align-items: stretch;
            gap: 2rem;
            position: relative;
            z-index: 2;
            padding: 2%;
            background-color: #fff;
            border-radius: 25px;
            box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.05);
        }

        .hp_step_outbox{
            flex: 33.333333%;
            width: 33.333333%;
            position: relative;
        }
        
        .hp_step_box {
            height: 502px;
            background-color: #fef8f4;
            border-radius: 25px;
            padding: 2rem 2rem;
            
            backdrop-filter: blur(5px);
            box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.05);
        }

        .hp_step_number {
            font-size: 3vw;
            font-weight: 800;
            line-height: 1;
            text-align: center;
            margin-bottom: 2rem;
            color: #ff6600;
        }

        .hp_step_iconbox {
            width: 6vw;
            height: 6vw;
            border-radius: 100%;
            background: linear-gradient(180deg, #ff8a00 0%, #ff6600 100%);
            display: flex;
            justify-content: center;
            align-items: center;
            margin: 0 auto 2rem;
            box-shadow: 0px 10px 20px rgba(255, 102, 0, 0.2);
        }

        .hp_step_iconbox img {
            width: 4vw;
            height: 4vw;
            object-fit: contain;
        }
        
        .hp_step_iconbox.deliver img {
            width: 100px;
            height: 100px;
            object-fit: contain;
        }

        .hp_step_contentbox {
            text-align: center;
        }

        .hp_step_contentbox .subtitle_all {
            font-size: 50px;
            margin-bottom: 1rem;
        }

        .hp_step_smallline {
            width: 70px;
            height: 4px;
            background-color: #ff6600;
            margin: 1rem auto 1rem;
        }

        .hp_step_bottom {
            margin-top: 1rem;
            padding-top: 1rem;
            border-top: 1px solid rgba(0, 0, 0, 0.08);
            display: flex;
            align-items: center;
        }

        .hp_step_bottom span {
            color: #ff6600;
            font-weight: 700;
        }

        .hp_step_arrow {
            position: absolute;
            top: 50%;
            right: -48px;
            transform: translateY(-50%);
            width: 60px;
            height: 60px;
            border-radius: 100%;
            background-color: #fff;
            display: flex;
            justify-content: center;
            align-items: center;
            box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.08);
            z-index: 3;
        }

        .hp_step_arrow i {
            font-size: 35px;
            color: #ff6600;
        }

        /*.hp_step_box:last-child .hp_step_arrow {*/
        /*    display: none;*/
        /*}*/

        /* Background Images */
        .hp_step_bg1 {
            position: absolute;
            top: 0;
            left: -3%;
            width: 18%;
            opacity: 0.15;
        }

        .hp_step_bg2 {
            position: absolute;
            top: 18%;
            left: 5%;
            width: 18%;
            opacity: 0.15;
        }

        .hp_step_bg3 {
            position: absolute;
            top: 5%;
            right: 5%;
            width: 20%;
            opacity: 0.15;
        }

        .hp_step_bg4 {
            position: absolute;
            bottom: 10%;
            right: -2%;
            width: 10%;
            opacity: 0.15;
        }

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

           

            .hp_step_contentbox .subtitle_all {
                font-size: 38px;
            }
            
            .hp_step_iconbox {
                width: 80px;
                height: 80px;
                border-radius: 100%;
                background: linear-gradient(180deg, #ff8a00 0%, #ff6600 100%);
                display: flex;
                justify-content: center;
                align-items: center;
                margin: 0 auto 2rem;
                box-shadow: 0px 10px 20px rgba(255, 102, 0, 0.2);
            }
            
            .hp_step_box {
                height: 550px;
            }

        }

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

            .hp_step_wrapper {
                flex-wrap: wrap;
                gap: 0;
                justify-content: center;
            }
            

            .hp_step_outbox {
                flex: 0 0 50%;
                width: 50%;
                padding: 2%;
            }
            
            .hp_step_box{
                height: 520px;
            }

            .hp_step_arrow {
                display: none;
            }
            
            .pointicon.step {
                width: 3vw;
            }

            
        }

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

            .hp_step {
                padding: 5rem 0;
            }
            
            .hp_step_outbox {
                flex: 0 0 100%;
                width: 100%;
                padding: 2%;
            }
            
            .hp_step_box {
                
                height: auto;
            
            }

          
            .hp_step_titlebox {
                margin-bottom: 3rem;
            }

            .hp_step_contentbox .subtitle_all {
                font-size: 32px;
            }

            .hp_step_number {
                font-size: 50px;
            }

            .hp_step_iconbox {
                width: 80px;
                height: 80px;
            }

            .hp_step_iconbox img {
                width: 50px;
                height: 50px;
            }
            
            .hp_step_bottom{
                justify-content: center;
            }
            
            .pointicon {
                width: 3vw;
                margin-right: .5vw;
            }
            
            
            .pointicon.step {
                width: 4vw;
            }
           

        }
        
        @media screen and (max-width: 575.5px){
            .hp_step_titlebox p.allcontent.text-center br{
                display: none;
            }
            
            .hp_step_iconbox {
                width: 60px;
                height: 60px;
                margin: 0 auto 1rem;
            }
            
            .hp_step_iconbox img {
                width: 40px;
                height: 40px;
            }
            
            .hp_step_number {
                font-size: 30px;
                margin-bottom: 1rem;
            }
            
            .pointicon.step {
                width: 8vw;
            }
        }


/*cta section*/

.hp_cta{
    background-image: url("https://cdn1.npcdn.net/images/C_Background_nh9ar6_1779096529.jpg?md5id=82da28cb17ab0b7adcdef72dacbc68ba&new_width=2300&new_height=650&type=4");
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    position: relative;
   
    padding: 4rem 8%;
}

.alltitle.cta{
    color: #fff;
    font-size: 28px;
    text-transform: none;
    font-weight: 500;
}

.ctaright{
    display: flex;
    justify-content: flex-end;
}

.ctahighlight {
    color: #ff6600;
    font-size: 44px;
}

@media screen and (max-width: 991.5px){
    .alltitle.cta {
        color: #fff;
        margin-bottom: 2rem;
    }
    
    
}

@media screen and (max-width: 575.5px){
    .ctahighlight {
        
        font-size: 30px;
    }
    
    .hp_cta{
        padding: 12% 8%;
    }
    
    .alltitle.cta{
        font-size: 20px;
    }
}

/* news section*/

#main_index .index_wrapper_9{
    padding: 4rem 0;
}

.hp_news{
    padding-bottom: 1%;
}

.alltitle.news{
    text-align: center;
    color: #ff6600;
}

.latest_new_type6{
    padding: 0 8%;
}

.latestnewsAjax{
    justify-content: center;
}


@media screen and (max-width: 575.5px){
    
    
    #main_index .index_wrapper_8{
        padding: 12% 0;
    }
}

/*services*/
.ws_service .col-md-9 {
   
    flex: 0 0 100%;
    max-width: 100%;
}

.ws_service .col-md-3 {
    display: none;
    flex: 0 0 0%;
    max-width: 0%;
}