@import url('https://fonts.googleapis.com/css?family=Jost');
/*@import url('https://fonts.googleapis.com/css2?family=Jost:ital,wght@0,100..900;1,100..900&display=swap');*/

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

a:hover {
    text-decoration: none;
}

#main_showproducts .product_detail .product_price{
    display: none;
}

#main_showproducts .product_detail .product_name h2{
    margin-bottom:2rem;
}
/*.product_list_5 .product_box .product_des .price a, .product_list_5 .product_box .product_des .title a{*/
/*    font-size:16px;*/
/*}*/

/*#quotation_checkout_3 .cart_unit_price,*/
/*#quotation_checkout_3 .cart_total_price,*/
/*.in_cart_item .cart_itemv2 .cart_unit_price .price{*/
/*    display: none;*/
/*}*/

#main_category .breadcrumb_b {
 
    font-size: 100%;
}

#main_ourproducts .breadcrumb_b {
 
    font-size: 100%;
}

#main_ourproducts #ourproducts_5_4 .breadcrumb_b{
    background: #f2f2f2;
    padding: 10px;
}


#main_showproducts .product_detail .mainFunction .add_to_cart{
    order:3;
    background-color:#1fb432;
}
#main_showproducts .product_detail .mainFunction .compare_check_box{
    order:1;
}
#main_showproducts .product_detail .mainFunction .whatsapp_btn{
    order:4;
}
#main_showproducts .product_detail .mainFunction .enquiry_form_scroll{
    order:2;
}


#category_menu > li > a{
    background-color:#3a3a3c;
    color:#fff;
    font-size: 16px;
    
}
.category_menu_3 .brand_panel .main_title{
    font-size:16px;
}
#category_menu > li{
    /*background-color:#fefefe;*/
    background-color: #f2f2f2;
    border-bottom:1px solid #999;
}
.category_menu_3 .brand_panel li{
    margin-bottom:0;
}

@media screen and (max-width: 991.5px){
.index_wrapper_1 {
    height: 80px;
}

}

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

}


.category_list_type4 .category_box .img_frame img {
   
    object-fit: contain;
    
}

.product_list_5 .product_box .img_frame img {
    
    object-fit: contain;
}

/*Nav*/

.navbar_type10 {
   
    background-color: #3a3a3c;

}

.navbar_type10 .e_commerce .login {
   
    color: #fff;
}

.navbar_type10 .nav_search {
    
    padding: 0 16% 0 4%;
   
}

.nav_bottom .cart {
   
    right: 8%;
    background-color: #000;
}

.nav_bottom .menu .nav_item .dropdown a {
  
    text-transform: uppercase;
    font-weight: 300;
    color: #000;
    padding: 10px 29px;
}

.navbar_type10 .nav_search .search_button {
    background-color: transparent;
    position: relative;
    right: 40px;
    color: #c10000;
    
  
}

.navbar_type10 .nav_search input {
  
    border-radius: 30px;
    padding: 8px 25px;
 
}

.navbar_type10 .nav_search input::placeholder {
    color: rgba(0,0,0,0.2);
}

.navbar_type10 .nav_logo img {
    max-height: 90px;
    
}

.nav_bottom .menu {
   
    padding-left: 1%;
}

.hp_ts_item {
    margin-top: .5rem;
    font-size: 0.95vw;
    color: #fff;
    font-weight: 300;
    position: relative;
}

.hp_ts_box {
    display: flex;
    justify-content: center;
    background: #c10000;
    gap: 4%;
}

.hp_ts_item:nth-child(1):before {
    position: absolute;
    content: "";
    background-color: #fff;
    right: -32px;
    margin: auto 0;
    width: 0.1%;
    height: 110%;
    bottom: 0;
    top: 0;
    bottom: 0;
  
}



.hp_ts_box img {
    width: 15px;
    transform: translateY(-1px);
}

.hp_ts_box span {
    margin-right: 10px;
}

.navbar_mobile {
 
    background-color: #3a3a3c;
   
}

.navbar_mobile .logo_img {

    transform: scale(1.25);
}

.navbar_type10 .e_commerce {
    
    display: none;
}

.nav_bottom {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 20px;
}
.nav_bottom a {
  position: relative;
  display: inline-block;
  padding: 25px 30px;
  color: #212529;
  text-decoration: none;
  text-transform: uppercase;
  font-family: 'Raleway', sans-serif;
  font-weight: bold;
  letter-spacing: 4px;
  font-size: 14px;
  transition: 0.5s;
  overflow: hidden;
}
.nav_bottom a:hover {
  background: #03e9f4;
  color: #050801;
  box-shadow: 0 0 5px #03e9f4, 0 0 25px #03e9f4,
              0 0 50px #03e9f4, 0 0 200px #03e9f4;
  -webkit-box-reflect: below 1px linear-gradient(transparent, #0005);
}
.nav_bottom a span { position: absolute; display: block; }
.nav_bottom a span:nth-child(1) {
  top:0; left:0; width:100%; height:2px;
  background: linear-gradient(90deg,transparent,#03e9f4);
  animation: nb-anim1 1s linear infinite;
}
.nav_bottom a span:nth-child(2) {
  top:-100%; right:0; width:2px; height:100%;
  background: linear-gradient(180deg,transparent,#03e9f4);
  animation: nb-anim2 1s linear infinite;
  animation-delay: 0.25s;
}
.nav_bottom a span:nth-child(3) {
  bottom:0; right:0; width:100%; height:2px;
  background: linear-gradient(270deg,transparent,#03e9f4);
  animation: nb-anim3 1s linear infinite;
  animation-delay: 0.5s;
}
.nav_bottom a span:nth-child(4) {
  bottom:-100%; left:0; width:2px; height:100%;
  background: linear-gradient(360deg,transparent,#03e9f4);
  animation: nb-anim4 1s linear infinite;
  animation-delay: 0.75s;
}
@keyframes nb-anim1 { 0%{left:-100%} 50%,100%{left:100%} }
@keyframes nb-anim2 { 0%{top:-100%} 50%,100%{top:100%} }
@keyframes nb-anim3 { 0%{right:-100%} 50%,100%{right:100%} }
@keyframes nb-anim4 { 0%{bottom:-100%} 50%,100%{bottom:100%} }


@media (max-width: 1400px) {
.nav_bottom .menu .nav_item .dropdown a {
    padding: 10px 20px;
}

}

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

.hp_ts_box {
 
    gap: 3%;
}

.hp_ts_item:nth-child(1):before {
   
    right: -15px;
    
}



.navbar_type10 .nav_search .search_button {
   
    right: 8%;
   
}

.nav_bottom .menu .nav_item .dropdown a {
    padding: 10px 15px;
}

.nav_bottom a {
 
    padding: 20px 15px;
    letter-spacing: 2px;
  
}

}

@media screen and (max-width: 991.5px){
.nav_bottom {
    display: none;
}

}


/*Banner*/

/*1*/
.hp_banner1_box {
    margin-left: 50%;
    margin-right: 37%;
    margin-top: 1%;
}

.hp_banner1_title {
    color: #fff;
    font-size: 3vw;
    font-weight: 700;
    text-shadow: 1px 0px 5px #000;
    letter-spacing: 1px;
}

.hp_banner1_tbox {
    padding-left: 50%;
    padding-top: 14%;
}

.slider_banner .slick-prev {
    left: 25px;
}

.slider_banner .slick-next {
    right: 40px;
}

.hp_banner_button1 {
    background: #fd8d02;
    color: black;
    border: 1px solid #fd8d02;
    transition: 0.3s;
    padding: 0.5vw 1vw;
    font-size: 1vw;
}

.hp_banner_button2 {
    background: #000;
    color: #fd8d02;
    border: 1px solid #fd8d02;
    transition: 0.3s;
    padding: 0.5vw 1vw;
    font-size: 1vw;
}

.hp_banner_button1:hover {
    background: #000;
    color: #fd8d02;
    border: 1px solid #fd8d02;
 
}

.hp_banner_button2:hover {
    background: #fd8d02;
    color: #000;
    border: 1px solid #fd8d02;
 
}

.hp_banner1 .hp_banner_bbox {
    padding-left: 50%;
    margin-top: 3%;
}

@media screen and (max-width: 1200.5px){
.hp_banner1_title {
   
    font-size: 4vw;

}

.hp_banner1_tbox {
    
    padding-top: 11%;
}

.hp_banner1_box {
    
    margin-right: 30%;
   
}

.hp_banner_button1 {
  
    padding: 0.75vw 1.5vw;
    font-size: 1.5vw;
}

.hp_banner_button2 {
    padding: 0.75vw 1.5vw;
    font-size: 1.5vw;
}

}


@media screen and (max-width: 767.5px){
.hp_banner1_tbox {
    padding-left: 46%;
    padding-top: 15%;
}

.hp_banner1_title {
    font-size: 5.5vw;
}

.hp_banner1_box {
    margin-left: 46%;
    margin-right: 10%;
    margin-top: -5%;
}

.hp_banner_button1 {
  
    padding: 2vw 4vw;
    font-size: 3.75vw;
}

.hp_banner_button2 {
    padding: 2vw 4vw;
    font-size: 3.75vw;
}

.hp_banner1 .hp_banner_bbox {
    padding-left: 46%;
    margin-top: 3%;
    display: inline-flex;
    flex-direction: column;
    gap: 3vw;
}

}

/*2*/

.hp_banner2_box {
    margin-left: 73%;
    margin-right: 13%;
    margin-top: 1%;
}

.hp_banner2_title {
    color: #000;
    font-size: 3vw;
    font-weight: 700;
    letter-spacing: 1px;
    line-height: 1;
    padding-bottom: 1%;
}

.hp_banner2_title2 {
    color: #000;
    font-size: 2.75vw;
    font-weight: 700;
    letter-spacing: 10px;
}

.hp_banner2_tbox {
    padding-left: 73%;
    padding-top: 13%;
}

.hp_banner2 .hp_banner_bbox {
    padding-left: 73%;
    margin-top: 2%;
    display: flex;
    gap: 1vw;
}

@media screen and (max-width: 1200.5px){
.hp_banner2_title {
   
    font-size: 4vw;

}

.hp_banner2_box {
   
    margin-right: 8%;
   
}

.hp_banner2 .hp_banner_bbox {
    padding-left: 69%;
    margin-top: 3%;
}

}


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

.hp_banner2_title {
    font-size: 7vw;
    text-shadow: 1px 1px 4px #fff;
}

.hp_banner2_title2 {
    font-size: 7vw;
    text-shadow: 1px 1px 4px #fff;
}

.hp_banner2_tbox {
    padding-left: 0;
    padding-top: 13%;
    text-align: center;
}

.hp_banner2_box {
    margin-right: 20%;
    margin-left: 20%;
}

    .hp_banner2 .hp_banner_bbox {
        padding-left: 0;
        margin-top: 3%;
        justify-content: center;
        gap: 3vw;
    }
    
}


/*3*/


.hp_banner3_title {
    color: #fff;
    font-size: 3vw;
    font-weight: 700;
    letter-spacing: 1px;
 
}

.hp_banner3_title2 {
    color: #fff;
    font-size: 2.75vw;
    font-weight: 700;
    letter-spacing: 10px;
}

.hp_banner3_box {
    margin-left: 9%;
    margin-right: 77%;
    margin-top: 2%;
}

.hp_banner3_tbox {
    padding-left: 9%;
    padding-top: 3%;
}

.hp_banner3 .hp_banner_bbox {
    padding-left: 9%;
    margin-top: 2%;
}


@media screen and (max-width: 1200.5px){
.hp_banner3_title {
   
    font-size: 4vw;

}

.hp_banner3_tbox {
   
    padding-top: 6%;
}

.hp_banner3_box {
    
    margin-right: 66%;
  
}

}


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

.hp_banner3_title {
    font-size: 7vw;
    text-shadow: 1px 0px 5px #000;
  
}

.hp_banner3_tbox {
    padding-left: 0%;
    padding-top: 18%;
    text-align: center;
    text-shadow: 1px 0px 5px #000;
    
}

.hp_banner3_box {
    margin-left: 20%;
    margin-right: 20%;
    
}

.hp_banner3 .hp_banner_bbox {
    padding-left: 0;
    margin-top: 4%;
    justify-content: center;
    display: flex;
    gap: 3vw;
}


}


/*4*/

.hp_banner4_box {
    margin-left: 80%;
    margin-right: 6%;
    margin-top: 1%;
}

.hp_banner4_title {
    color: #000;
    font-size: 3vw;
    font-weight: 700;
    letter-spacing: 1px;
    text-align: end;
  
}

.hp_banner4_title2 {
    color: #000;
    font-size: 2.75vw;
    font-weight: 700;
    letter-spacing: 10px;
    text-align: end;
}


.hp_banner4_tbox {
    padding-right: 6%;
    padding-top: 8%;
}

.hp_banner4 .hp_banner_bbox {
    display: flex;
    justify-content: end;
    padding-right: 6%;
    margin-top: 2%;
    gap: 1vw;
}

@media screen and (max-width: 1200.5px){
.hp_banner4_title {
   
    font-size: 4vw;

}

.hp_banner4_box {
   
    margin-right: 6%;
    margin-left: 73%;
   
}


}


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

.hp_banner4_title {
    font-size: 7vw;
    text-shadow: 1px 1px 4px #fff;
    text-align: center;
}

.hp_banner4 .hp_banner_bbox {
    display: flex;
    justify-content: center;
    padding-right: 0;
    margin-top: 3%;
    gap: 3vw;
}

.hp_banner4_title2 {
    font-size: 7vw;
    text-shadow: 1px 1px 4px #fff;
    text-align: center;
}



.hp_banner4_tbox {
    padding-left: 0;
    padding-top: 13%;
    text-align: center;
}

.hp_banner4_box {
    margin-right: 20%;
    margin-left: 20%;
}

}

/*5*/

.hp_banner5 {
    padding-left: 72%;
    padding-top: 6%;
}

.hp_banner5_title {
    color: #0aaace;
    font-size: 2vw;
    font-weight: 600;
}

.hp_banner5_desc {
    color: #fff;
    font-weight: 300;
    font-size: 1.5vw;
}

.hp_banner5_desc2 {
    color: #fff;
    font-weight: 300;
    font-size: 1.5vw;
    padding-top: 4%;
    padding-bottom: 4%;
}

.hp_banner5_desc3 {
    color: #fff;
    font-weight: 300;
    font-size: 1.5vw;
   
}


.hp_banner5_button {
    background: #c10000;
    color: #fff;
    padding: 7px 35px;
    letter-spacing: 1px;
    font-size: 1vw;
    border-radius: 0 10px;
    transition: 0.3s;
    border: 1px solid #c10000;
}

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

.hp_banner5_box {
    margin-top: 7%;
}


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

.hp_banner5_desc {
 
    font-size: 2vw;
}

.hp_banner5_desc2 {
  
    font-size: 2vw;
   
}

.hp_banner5_desc3 {
 
    font-size: 2vw;
   
}


.hp_banner5_button {
 
    font-size: 1.5vw;
   
}

.hp_banner5 {
  
    padding-top: 1.5%;
}

}



@media screen and (max-width: 767.5px){
.hp_banner5_title {
   
    font-size: 7vw;
    text-shadow: 2px 2px 5px #000;
    
}

.hp_banner5_desc {
 
    font-size: 4.5vw;
    text-shadow: 2px 2px 5px #000;
}

.hp_banner5_desc2 {
  
    font-size: 4.5vw;
    text-shadow: 2px 2px 5px #000;
    padding-top: 0;
    padding-bottom: 0;
   
}

.hp_banner5_desc3 {
 
    font-size: 4.5vw;
    text-shadow: 2px 2px 5px #000;
   
}


.hp_banner5_button {
 
    font-size: 4vw;
   
}

.hp_banner5 {
  
    padding-top: 1.5%;
    padding-left: 0;
    text-align: center;

}

.hp_banner5_box {
    margin-top: 4%;
}

}

/*Three*/

.hp_three {
    padding: 0 6% 6%;
    margin-top: -4%;
    display: none;
}

.hp_three .col-12.col-md-4 {
    padding-left: 7px;
    padding-right: 7px;
}


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

.hp_three .col-12.col-md-4 {
    padding-left: 15px;
    padding-right: 15px;
}

.hp_three_box {
    margin-bottom: 6%;
}

}

/*Range*/

.hp_range {
    padding: 5% 8% 6%;
    position: relative;
}

.hp_range .col-12.col-md-3 {
    padding-left: 10px;
    padding-right: 10px;
}

.hp_range_titleimage {
    width: 28vw;
}

.hp_range_box {
    margin-bottom: 1rem;
}

/*.hp_range:before {*/
/*    position: absolute;*/
/*    content: "";*/
/*    background-color: #303030;*/
/*    top: 6%;*/
/*    right: 0;*/
/*    width: 96%;*/
/*    height: 96%;*/
 
/*}*/

.hp_range_tbox {
    margin-bottom: 3%;
}

.hp_range:after {
    position: absolute;
    content: "";
    top: 10%;
    bottom: 0;
    margin: auto 0;
    right: 0;
    background-image: url(https://cdn1.npcdn.net/img/1724998959vertical_title.png);
    background-size: contain;
    background-repeat: no-repeat;
    width: 5.5%;
    height: 77%;
    transition: 0.3s;
    filter: brightness(0) saturate(100%) invert(15%) sepia(7%) saturate(586%) hue-rotate(191deg) brightness(100%) contrast(91%);
}

.hp_range_blink {
    background: #c10000;
    color: #fff;
    padding: 7px 35px;
    letter-spacing: 1px;
    font-size: 1vw;
    border-radius: 0 10px;
    transition: 0.3s;
    border: 1px solid #c10000;
}

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

.hp_range_bbox.aos-init.aos-animate {
    transform: translateY(6.75vw);
}

.hp_range_image {
    transition: 0.3s;
    width: 100%;
}


.hp_range_bbox {
    margin-top: -4%;
}

.hp_range_item {
    background: #2d2e32;
    color: #fff;
    font-size: 1.4vw;
    text-align: center;
    font-weight: 300;
    margin-bottom: 0;
    padding: 4% 2%;
    transition: 0.3s;
}

.hp_range_box:hover .hp_range_item {
    background: rgb(193, 0, 0);
    
}

.hp_range_box {
    position: relative;
}

.hp_range_itbox {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
}

.hp_range .grid-container {
            display: grid;
            grid-template-columns: repeat(4, 1fr);
            gap: 20px;
            width: 100%;
            padding: 0px;
        }

        /* --- 彻底拿掉蓝色和下划线 --- */
        .hp_range .card-link {
            text-decoration: none !important;
            color: inherit !important;
            display: block;
            outline: none;
            margin-left: 0 !important;
        }

        /* --- 卡片主体：底色改为白色，消除顶部黑边 --- */
        .hp_range .category-card {
            background-color: #ffffff; /* 改为白色，确保顶部边角不漏黑 */
            border-radius: 14px;
            overflow: hidden;
            position: relative;
            transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
            border: none;
            box-shadow: 0 4px 12px rgba(0, 0, 0, 0.06);
        }

        .hp_range .image-box {
            width: 100%;
            height: 14.5vw;
            overflow: hidden;
            background-color: #ffffff; /* 图片加载前的背景也是白色 */
        }

        .hp_range .image-box img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            display: block;
            transition: transform 0.6s ease;
        }

        /* --- 标签栏：这里才是深碳灰 --- */
        .hp_range .label-bar {
            background-color: #2d2e32; /* 只有底部是深碳灰 */
            height: 65px;
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;
            text-align: center;
            position: relative;
            z-index: 1;
        }

        .hp_range .main-text {
            font-size: 18px;
            font-weight: 600;
            color: #ffffff;
            margin-bottom: 2px;
        }

        .hp_range .sub-text {
            font-size: 13px;
            color: #a1a1a1;
            text-transform: uppercase;
            letter-spacing: 0.5px;
        }

        /* --- 揉光层 --- */
        .hp_range .label-bar::before {
            content: '';
            position: absolute;
            top: 0; left: 0; right: 0; bottom: 0;
            opacity: 0.12;
            transition: opacity 0.4s ease;
            z-index: -1;
        }

        /* 颜色映射 */
        .hp_range .building-material .label-bar::before { background: radial-gradient(circle, #ff4d4d 0%, transparent 75%); }
        .hp_range .paints .label-bar::before            { background: radial-gradient(circle, #ffffff 0%, transparent 75%); }
        .hp_range .hardware .label-bar::before          { background: radial-gradient(circle, #f1c40f 0%, transparent 75%); }
        .hp_range .plumbing .label-bar::before          { background: radial-gradient(circle, #3498db 0%, transparent 75%); }
        .hp_range .bathroom .label-bar::before          { background: radial-gradient(circle, #9b59b6 0%, transparent 75%); }
        .hp_range .power-tool .label-bar::before        { background: radial-gradient(circle, #e67e22 0%, transparent 75%); }
        .hp_range .garden .label-bar::before            { background: radial-gradient(circle, #2ecc71 0%, transparent 75%); }
        .hp_range .electrical .label-bar::before        { background: radial-gradient(circle, #ecf0f1 0%, transparent 75%); }

        /* --- 悬停动效 --- */
        .hp_range .card-link:hover .category-card { 
            transform: translateY(-8px); 
            box-shadow: 0 20px 40px rgba(0,0,0,0.15);
        }
        .hp_range .card-link:hover img { 
            transform: scale(1.1); 
        }
        .hp_range .card-link:hover .label-bar::before { 
            opacity: 0.33; /* 揉光呼吸感亮起 */
        }


@media screen and (max-width: 1200.5px){
.hp_range_titleimage {
    width: 30vw;
}

.hp_range .col-12.col-md-3 {
    padding-left: 5px;
    padding-right: 5px;
}

.hp_range_blink {
   
    font-size: 1.5vw;
   
}

.hp_range_item {
   
    font-size: 1.65vw;
    
    padding: 4% 2%;
    
}

.hp_range .main-text {
    font-size: 17px;
}

.hp_range .sub-text {
    font-size: 12px;
}


}

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

.hp_range .main-text {
    font-size: 16px;
}

.hp_range .sub-text {
    font-size: 11px;
}

.hp_range .grid-container {
    gap: 15px;
}

}

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

.hp_range_item {
   
    font-size: 5.5vw;
    
    padding: 5% 2%;
    
}

.hp_range_titleimage {
    width: 80%;
}

.hp_range_tbox {
    text-align: center;
}

.hp_range:before {
 
    top: 1.75%;
    width: 100%;
    height: 99%;
}

.hp_range .col-12.col-md-3 {
    padding-left: 15px;
    padding-right: 15px;
}

.hp_range_box {
    margin-bottom: 6%;
}

.hp_range:after {
   
    width: 6.5%;
    height: 93%;
  
}

.hp_range_blink {
    
    font-size: 4vw;
   
}

.hp_range_bbox {
    text-align: center;
    margin-top: 15px;
}

.hp_range_tbox {
    margin-top: -3%;
}

.hp_range .grid-container {
        gap: 15px;
        grid-template-columns: 1fr 1fr;
    }
    
    .hp_range .image-box {
   
    height: 30vw;

}


}

/*Latest*/

.index_wrapper_5 {
    padding: 6% 9% 6%;
 
}

.hp_latest_tbox {
    text-align: center;
   
}

.hp_latest_titleimage {
    width: 36vw;
    margin-bottom: 2%;
}

.productSlider-1 .slick-next:before, .productSlider-1 .slick-prev:before {
    font-size: 30px;
    opacity: 1;
    color: #c10000;

}

.productSlider-1 .slick-prev::before, .productSlider-1 .slick-next::before {
    text-shadow: unset;
}

.productSlider-1 .slick-prev {
    left: -30px;
}

.productSlider-1 .slick-next {
    right: -30px;
}

@media screen and (max-width: 1200.5px){
.hp_latest_titleimage {
    width: 38vw;
}



}

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

.productSlider-1 .slick-prev {
    left: -12px;
}

.productSlider-1 .slick-next {
    right: -12px;
}

.hp_latest_titleimage {
    width: 100%;
}

}



/*Best*/

/*.index_wrapper_6 {*/
/*    padding: 0% 9% 9%;*/
 
/*}*/

.hp_best_tbox {
    text-align: center;
   
}

.hp_best_titleimage {
    width: 38vw;
}

@media screen and (max-width: 1200.5px){
.hp_best_titleimage {
    width: 40vw;
}



}

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

.hp_best_titleimage {
    width: 100%;
}

}


/*About*/

.hp_about {
    padding: 6% 9% 3%;
    background-repeat: no-repeat;
    background-position: top;
    background-size: 100%;
    background-image: url(https://cdn1.npcdn.net/img/1725006932who-we-are_bg.jpg);
    position: relative;
}

.hp_about:after {
    position: absolute;
    content: "";
    bottom: 0;
    margin: 0 auto;
    right: 0;
    left: 4%;
    background-image: url('https://cdn1.npcdn.net/img/1725009238who we are.png');
    background-size: contain;
    background-repeat: no-repeat;
    width: 26%;
    height: 31%;
    transition: 0.3s;
}

.hp_about_title {
    color: #fff;
    font-size: 2vw;
    letter-spacing: 1px;
}

.hp_about_title span {
    color: #ffa84e;
    
}

.hp_about_desc {
    font-size: 1vw;
    color: #fff;
    line-height: 1.8;
    font-weight: 300;
    padding-top: 2%;
    padding-bottom: 4%;
}

.hp_about_desc2 {
    font-size: 1vw;
    color: #fff;
    line-height: 1.8;
    font-weight: 300;
   
}

.hp_about_button {
    background: #ffa84e;
    color: #000;
    padding: 7px 35px;
    border-radius: 0 10px;
    font-size: 0.95vw;
    font-weight: 500;
}

.hp_about_box.aos-init.aos-animate {
    transform: translateY(8vw);
}

.hp_about_image {
    max-width: 137%;
}

.hp_about_ibox {
    position: relative;
    left: 7%;
}



@media screen and (max-width: 1200.5px){
.hp_about_title {
 
    font-size: 2.5vw;

}


.hp_about_desc {
    font-size: 1.5vw;
    
}

.hp_about_desc br {
    display: none;
    
}

.hp_about_desc2 {
    font-size: 1.5vw;
   
   
}

.hp_about_desc2 br {
    display: none;
    
}

.hp_about_button {
   
    font-size: 1.45vw;
 
}

.hp_about {
    
    background-size: cover;

}

.hp_about_box.aos-init.aos-animate {
    transform: translateY(4vw);
}

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

.hp_about:after {
  
    height: 10%;
 
}

}



@media screen and (max-width: 767.5px){
.hp_about_title {
 
    font-size: 7vw;
    text-align: center;

}


.hp_about_desc {
    font-size: 4vw;
    text-align: center;
    
}


.hp_about_desc2 {
    font-size: 4vw;
    text-align: center;
   
   
}


.hp_about_button {
   
    font-size: 3.5vw;
 
}

.hp_about {
    padding: 12% 3%;
 
}

.hp_about_box {
    text-align: center;
}

.hp_about_ibox {
   
    left: 0;
    margin-top: 12%;
}

.hp_about_image {
    max-width: 100%;
}

.hp_about:after {
    height: 5%;
    width: 75%;
}

}

/*Promo*/

/*.index_wrapper_8 {*/
/*    padding: 9% 9% 9%;*/
 
/*}*/

.hp_promo_tbox {
    text-align: center;
   
}

.hp_promo_titleimage {
    width: 38vw;
}

@media screen and (max-width: 1200.5px){
.hp_promo_titleimage {
    width: 40vw;
}

}

@media screen and (max-width: 767.5px){
.hp_promo_titleimage {
    width: 100%;
}

/*.index_wrapper_8 {*/
/*    padding: 12% 3%;*/
 
/*}*/

}

/*Brands*/

.hp_brands {
    padding: 3% 9% 3%;
 
}

.hp_brands_tbox {
    text-align: center;
    margin-bottom: 6%;
}

.hp_brands_titleimage {
    width: 28vw;
}

.hp_brands_box {
    margin-bottom: 6%;
}


@media screen and (max-width: 1200.5px){
.hp_brands_titleimage {
    width: 30vw;
}

}


@media screen and (max-width: 767.5px){
.hp_brands_titleimage {
    width: 100%;
}

.hp_brands {
    padding: 12% 3% 6%;
 
}

}

/*How*/

.hp_how {
    padding: 9% 9% 9%;
    background-repeat: no-repeat;
    background-position: top;
    background-size: cover;
    background-image: url(https://cdn1.npcdn.net/img/1724984677how-to-order_bg.jpg);
}


.hp_how_tbox.aos-init.aos-animate {
    text-align: center;
    transform: translateY(-13vw);
}

.hp_how_titleimage {
    width: 38vw;
}

.hp_how_abox {
    display: flex;
    align-items: center;
    gap: 2%;
    list-style-type: none;
}

@media screen and (max-width: 1200.5px){
.hp_how {
    padding: 9% 3% 9%;
   
}

.hp_how_titleimage {
    width: 40vw;
}

}


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

.hp_how_titleimage {
    width: 100%;
}

.hp_how_abox {
   
    flex-direction: column;
    text-align: center;
}

.hp_how_abox li {
   
    margin-bottom: 6%;
}

.hp_how_image {
    width: 70vw;
}

.hp_how_box2 {
    transform: rotate(90deg);
}


}



/*News*/

.index_wrapper_8 {
    padding: 3% 9% 3%;
}

.hp_news_title {
    text-align: center;
    font-size: 3vw;
    font-weight: 700;
    color: #000;
}


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

}


@media screen and (max-width: 767.5px){
.hp_news_title {
    
    font-size: 8vw;
   
}

.index_wrapper_8 {
    padding: 12% 6%;
}

}


/*Footer*/

.footer_type10 .footer_terms.pr-3 {
    display: none;
}

.footer_type10 .sub_title {
   
    border-bottom: 2px solid rgba(255, 255, 255, 0.75);
}

.footer_type10 .title {
    min-height: 100px;
 
}

.footer_type10 .logo img {
   
    max-height: 100px;
}

.footer_type10 .ft_vit {
    text-align: end;
}

.footer_type10 .ft_pow {
    text-align: end;
}

@media screen and (max-width: 1200.5px){
.footer_type10 .ft_vit {
    text-align: start;
}

.footer_type10 .ft_pow {
    text-align: start;
}

}
/*showproducts*/
#main_showproducts .product_detail .mainFunction .whatsapp_btn{
    display:none;
}


/*Checkout Page*/

.in_cart_item .cart_header .cart_unit_price {
    display:none;
}


.in_cart_item .cart_itemv2 .cart_unit_price .price {
    display:none;
}
/.in_cart_item .cart_header .flex-wrap,
.in_cart_item .cart_itemv2 .flex-wrap{
    justify-content: space-between!important;
}
.in_cart_item .cart_itemv2 .d-flex.flex-wrap.flex-lg-nowrap > div:nth-child(2){
    
}
.in_cart_item .cart_itemv2 .cart_unit_price{
    display: none;
}


.in_cart_item .cart_header .cart_total_price {
   display:none;
}

.in_cart_item .cart_itemv2 .cart_total_price {
   display:none;
}

@media screen and (max-width: 991.5px){
    #checkoutbtnui .col_btn_wrapper{
        max-width:100%;
    }
}
@media screen and (max-width: 767.5px){
    #checkoutbtnui .col_btn_wrapper{
        max-width:50%;
    }
}

.view_cart_item .cart_itemv2 .cart_unit_price .price {
display: none;
}

.view_cart_item .cart_itemv2 .cart_total_price .total_cart_item_price {
    display: none;
}

.container.mb-5 > .row > .col.text-right p {
    display: none;
}

@media screen and (min-width: 1800px){
    .container, .container-lg, .container-md, .container-sm, .container-xl{
        max-width:1600px!important;
    }
}

.dropdown-toggle::after{
    display: none;
}
#mega_menu_26021{
    display: none!important;
}
@media screen and (max-width: 991.5px){
    .dropdown-toggle::after{
        display: block;
    }    
}