@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');

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

a:hover {
    text-decoration: none;
}

.navbar_type8 .nav_tab .dropdown .dropdown-menu-img{
    top: 90px;
}

/*.productSlider-1 .product_img .product_box .product_img_frame img {*/
    
/*    object-fit: contain !important;*/
   
/*}*/

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

.productSlider-1 .product_img .product_box .product_img_frame {
    
    padding-top: calc(95% / (1 / 1));
   
}

.gallery .container  {
    max-width: 100%;
}

.ws_gallery-2 {
    margin-bottom: 0;
}

#main_photoalbum {
    padding-bottom: 0 !important;
    overflow: hidden;
    background: black;
}

.ws_gallery-2 .img_frame {
    
    border: 0;
  
}

.gallery {
    padding: 4% 4% 0%;
    background-image: url('https://cdn1.npcdn.net/img/17806251941779759614wcu-bg.jpg');
    background-repeat: no-repeat;
    background-size: cover;
}

#category_1_1 {
    background: black;
}

#category_2_1 {
    background: black;
}

#main_category .banner_img {
    width: 100vw;
    height: 100vh;
    overflow: hidden;
}

#main_category {
    background-image: url('https://cdn1.npcdn.net/img/17806251941779759614wcu-bg.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    padding-bottom: 9% !important;
    position: relative;
}

#main_category .hp_stone_abox {
   
    margin: 0 -8% 4%;
   
}

#main_category .productSlider-1 .product_img .product_box:hover h6 {
    color: #e84e1e;
    border-bottom: 1px solid transparent;
}

#main_category .productSlider-1 {
    padding: 0 9%;
}

#main_category .hp_stone {
    padding-top: 6%;
}

#main_category .hp_stone_bbox {
    margin-right: -6%;
}


#main_category .productSlider-1 .slick-dots {
    display: none !important;
}

#main_category .whatsapp_wrapper .contactRecordBtn {
    background: #fff;
    color: black;
    padding: 7.5px 30px;
    border-radius: 3px;
}

#main_category .whatsapp_wrapper .contactRecordBtn:hover {
    background: #40d84a;
    color: black;
}

#main_category .whatsapp_wrapper {
    margin-top: 3%;
}

#main_category .page_title b {
  
    color: #e84e1e;
    font-weight: 700;
    font-size: clamp(24px, 4vw, 32px);
    text-transform: uppercase;
}

#main_photoalbum .page_title b {
  
    color: #e84e1e;
    font-weight: 700;
    font-size: clamp(24px, 4vw, 32px);
    text-transform: uppercase;
}

#main_photoalbum .text-left {
    text-align: center !important;
    margin-top: 30px;
}

#main_category .text-left {
    text-align: center !important;
    margin-top: 30px;
}

#main_category .breadcrumb_b {
    margin-bottom: 3%;
    text-align: center;
}

#main_photoalbum .breadcrumb_b {
    margin-bottom: 3%;
    text-align: center;
}

#main_photoalbum .breadcrumb_b ol {
   
    min-height: unset;
    background: #fff;
    padding: 5px 20px;
    border-radius: 5px;
}

#main_category .breadcrumb_b ol {
   
    min-height: unset;
    background: #fff;
    padding: 5px 20px;
    border-radius: 5px;
}

#main_category .breadcrumb_b ol li a {
    color: #e84e1e;
    text-decoration: none;
}

#main_photoalbum .breadcrumb_b ol li a {
    color: #e84e1e;
    text-decoration: none;
    font-size: 14px;
}

#main_photoalbum .breadcrumb_b ol li:last-child a {
    color: #000 !important;
    cursor: unset;
}

#main_category .breadcrumb_b ol li:last-child a {
    color: #000 !important;
    cursor: unset;
}

.gallery .mb-3 {
    margin-bottom: 3rem !important;
}

.c_project_image {
    width: 100%;
}

.c_project {
    background: black;
    text-align: center;
}

.c_project_title {
    color: #e84e1e;
    text-align: center;
    font-weight: 700;
    font-size: 32px;
    margin-bottom: 1%;
}

.c_project_bbox {
    background: #fff;
    display: inline-flex;
    align-items: center;
    gap: 10px;
    border-radius: 5px;
    padding: 2px 25px;
    margin-bottom: 3%;
}

.c_project_bbox span {
    font-size: 20px;
}

.c_project_link1 {
    color: #e84e1e;
    font-weight: 500;
    font-size: 14px;
    position: relative;
    transition: 0.3s;
}

.c_project_link2 {
    color: #000;
    font-weight: 500;
    font-size: 14px;
    transition: 0.3s;
    
}

.c_project_ibox {
    margin: 0 -15px;
}

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

}

.d-none.d-lg-block.editor {
    padding-bottom: 15px;
}


/*TOP SECRET*/

@media screen and (max-width: 1200.5px){
.ab_text {
    font-size: 1.25vw !important;
}

    .vm-text {
        font-size: 1.25vw !important;
  
    }
    
        .vm-title {
        font-size: 1.5vw !important;
    }
    
    .list-text h5 {
    font-size: 1.25vw !important;
}

.list-item img {
    width: 7vw !important;
    height: 7vw !important;
   
}

}

@media screen and (max-width: 767.5px){
.ab_text {
    font-size: 3.75vw !important;
}

    .vm-text {
        font-size: 3.75vw !important;
  
    }
    
        .vm-title {
        font-size: 5vw !important;
    }
    
    .list-text h5 {
    font-size: 3.75vw !important;
}

.list-item img {
    width: 20vw !important;
    height: 20vw !important;
   
}

}

/*custom nav*/

.custom-nav {
    background: #1e1e1e;
    display: flex;
    height: 70px;
    position: fixed;
    z-index: 10;
}

#main_index .custom-navlogo {
    flex: 0 0 20%;
    padding-top: 1%;
    margin-left: 2.75%;
    margin-bottom: -1%;
    padding-bottom: 0;
}

.custom-navlogo {
    flex: 0 0 20%;
    padding-top: 0.5%;
    margin-left: 4%;
    margin-bottom: 0%;
    padding-bottom: 0.5%;
}


.custom-navlogo img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}
.custom-navinfo {
    display: flex;
    flex: 0 1 80%;
    justify-content: flex-end;
    padding-bottom: 30px;
    padding-right: 9%;
    gap: 2vw;
}
.cn-infobox {
    display: flex;
    align-items: center;
    padding: 15px 0vw;
    position: relative;
    gap: 0.5vw;
}

.cn-infobox2 {
    display: flex;
    gap: 0.6vw;
    align-items: center;
    flex: 0 0 28%;
    justify-content: end;
    padding-right: 4%;
    padding-top: 2%;
}

.cn-infobox2 a {
    color: white;
    font-size: 16px;
    font-weight: 400;
}

.cn-infotext-2 {
    color: white;
    font-size: 13px;
    transition: 0.3s;
}

.cn-infotext-2:hover {
    text-decoration: none;
    color: #e84e1e;
}

.cn-sm img {
    width: 30px;
}

.cn-infobox img {
    width: 100%;
    max-width: 20px;
    margin-right: 5px;
}
.cn-infotext {
    white-space: nowrap;
}
.cn-infotext-1 {
    font-size: 15px;
    color: #fff;
    font-weight: 600;
}

@media all and (max-width:1200px) {
    .custom-navinfo {
    padding-right: 0;
    }
}
@media all and (max-width:991.52px) {
    .custom-nav {
    display: none;
    }
    .d-lg-block.editor{
    padding-bottom: 0;
    }
}

/*Nav*/

.navbar_type8 {
    
    height: 130px;
    background-color: black;
    
}

.navbar_type8 .logo img {
   
    width: 130px;
    height: 100%;
    object-fit: contain;
    padding: 0;
}

.navbar_mobile .logo_img {
   
    transform: scale(1.2);
}

.navbar_type8 .logo {
    
    flex: 0 1 12%;
    overflow: visible;
    margin-left: 4.5%;
}

.navbar_type8 .nav_tab {
    flex: 0 1 60%;
    justify-content: end;
    padding-left: 0%;
    padding-right: 2%;
    padding-top: 2%;
  
}

.navbar_type8 .nav_tab .nav_item a {
  
    padding: 15px 1.1vw;
    font-size: 16px;
    color: #fff;
    transition: 0.3s;
    font-weight: 400;
}

.navbar_type8 .nav_tab .nav_item.active a {
  
    color: #e84e1e;
}

.navbar_type8 .nav_tab .nav_item:hover::before {
    
    opacity: 0;
}

.navbar_type8 .nav_tab .nav_item a:hover {
  
    color: #e84e1e;
}



.navbar_mobile {
    background-color: #000;
   
}

.navbar_mobile .btn-outline-light {
    border-color: #fff;
    color: #fff;
}


.dark_nav {
    background-color: black !important;
    animation: none;

}

.navbar_type8 .nav_tab .nav_item.active::before {

    right: 0;
    margin: 0 auto;
    top: 100%;
    width: 70%;
    border-bottom: 2px solid #e84e1e;
    opacity: 1;
}

.navbar_type8 .nav_tab .nav_item::before {
    position: absolute;
    content: "";
    left: 0;
    right: 0;
    margin: 0 auto;
    top: 90%;
    width: 70%;
    border-bottom: 3px solid #e84e1e;
    opacity: 0;
}

.cn-info.x {
    margin-right: 2%;
}

.navbar_type8 .nav_tab .dropdown .dropdown-menu .dropdown-item a{
    color:#fff;
}
.navbar_type8 .nav_tab .dropdown .dropdown-menu .dropdown-item a:hover{
    color:#fff;
}
.navbar_type8 .nav_tab .dropdown .dropdown-menu{
    top:25px;
}
.navbar_type8 .nav  _tab .dropdown .dropdown-menu {
    top: 20px;
}

.navbar_type8 .nav_tab .dropdown .dropdown-menu .dropdown-item:first-child {
    padding-top: 0.25rem;
}

.navbar_type8 .nav_tab .dropdown .dropdown-menu .dropdown-item:last-child {
    padding-bottom: 0.25rem;
}

.navbar_type8 .nav_tab .dropdown .dropdown-menu .dropdown-item>span {
    padding-top: 0!important;
}

.navbar_type8 .nav_tab .dropdown .dropdown-menu-img .dropdown-item {
    display: flex; 
    flex-direction: column; 
    max-width: 100%;
    max-height: 100%;
    width: 100%;
    height: 100%;
    overflow-y: auto;
}

.navbar_type8 .nav_tab .dropdown .dropdown-menu-img {
    position: absolute;
    border-top: 0;
    top: 20px!important;
}

.navbar_type8 .nav_tab .dropdown .dropdown-menu-img .dropdown-item .dropdown_pannel {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: flex-start;
    width: 100%;
}

.navbar_type8 .nav_tab .dropdown .dropdown-menu-img .dropdown-item .dropdown_pannel.p-3 {
    padding: 0!important;
}

.navbar_type8 .nav_tab .dropdown .dropdown-menu-img .dropdown-item .dropdown_pannel a {
     flex: 0 1 100%;
     padding: 0.5rem 1.5rem;
}

.navbar_type8 .nav_tab .dropdown .dropdown-menu-img .dropdown-item .dropdown_pannel .dropdown_item {
    height: auto;
    text-align: left;
    padding: 0;
}

.navbar_type8 .nav_tab .dropdown .dropdown-menu-img .dropdown-item .dropdown_pannel .dropdown_item .img_frame {
    display: none;
}

.navbar_type8 .nav_tab .dropdown .dropdown-menu-img .dropdown-item .dropdown_pannel .dropdown_item .text {
    color:#fff;
    text-align: left;
}

.navbar_type8 .nav_tab .dropdown .dropdown-menu-img .dropdown-item .dropdown_pannel .dropdown_item .text:hover {
    color:#e84e1e;
}

@media screen and (max-width: 1315.5px){
.cn-sm img {
    width: 25px;
}

.cn-infobox2 {
    padding-right: 3%;
}

}

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

.navbar_type8 .nav_tab .nav_item a {
    
    font-size: 1.33vw;
 
}

.cn-infobox2 a {
   
    font-size: 1.33vw;
   
}

.cn-sm img {
    width: 2.2vw;
}

.cn-infobox2 {
  
    padding-right: 3.5%;

}

}

/*Banner*/



.slider_banner_bullet .slick-dots {
    bottom: 0;
    background: white;
    width: 27%;
    font-family: sansation;
    text-align: end;
    padding-right: 1%;
    padding-top: 0.75%;
    padding-bottom: 0.5%;
    border-radius: 0 15px 0 0;
}

.slider_banner_bullet .slick-dots li button {
  
    height: 21px;
   
}


.slick-slider .slick-dots li.slick-active button::before {
    color: #1e1e1e;
}

.slider_banner_bullet .slick-dots li.slick-active button::after {
    background: #ff8142;


}

.slider_banner_bullet .slick-dots li button::after {
    background: black;
    left: 200%;

    top: 70%;
    height: 0.8px;
    width: 30px;
 
}


.slider_banner_bullet .slick-dots li button::before {
    color: black;
    font-size: 18px;
    content: '0';
    opacity: 1;
}

.slider_banner_bullet .slick-dots li button {
    color: black;
    font-size: 18px;
    padding-left: 12px;
    font-weight: 600;
    font-style: italic;
}

.slick-dotted.slick-slider {
    margin-bottom: 0;
}

.slick-slider .slick-dots {
    position: absolute;
    bottom: 0px;

}

.slick-slider .slick-dots li {
  
    margin: 0;
   
}


.hp_banner {
    padding-left: 27%;
    padding-top: 0%;
    height: 100%;
    overflow: hidden;
}


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

.hp_banner_ibox2 {
    margin-left: 21%;
    margin-top: -6%;
    margin-right: -15px;
}

.hp_banner_desc {
    color: white;
    font-size: 1vw;
    margin-bottom: 6%;
    margin-top: 3%;
}

.hp_banner_link {
    color: #fff;
    background: #ff8142;
    padding: 0.2vw 1.75vw 0.4vw;
    font-size: 1.15vw;
    transition: 0.3s;
    position: relative;
    font-weight: 500;
    border-radius: 5px;
}

.hp_banner_link:hover {
    color: black;
    background: #ff8142;
    text-decoration: none;
}


.hp_banner_ibox {
    width: 31vw;
}

.hp_banner.a .hp_banner_ibox {

    margin-top: -21%;
}

.hp_banner.c {
    padding-top: 0%;
    padding-left: 12%;
    position: relative;
    width: 100%;
    height: 100%;
}

/*.hp_banner.c:before {*/
/*    position: absolute;*/
/*    content: "";*/
/*    background-image: url(https://cdn1.npcdn.net/img/1768228954a-banner-img3.png);*/
/*    background-size: contain;*/
/*    background-repeat: no-repeat;*/
/*    width: 40.5%;*/
/*    height: 100%;*/
/*    right: 0%;*/
/*    top: 0;*/

    /* animation */
/*    opacity: 0;*/
/*    animation: fadeInRight 0.5s ease-out 0.2s both;*/
/*}*/

/*@keyframes fadeInRight {*/
/*    from {*/
/*        opacity: 0;*/
/*        transform: translateX(40px);*/
/*    }*/
/*    to {*/
/*        opacity: 1;*/
/*        transform: translateX(0);*/
/*    }*/
/*}*/

.hp_banner.c .hp_banner_ibox2 {
    margin-left: -14%;
}

.hp_banner.c .hp_banner_desc {
  
    margin-bottom: 3%;
  
}

.hp_banner.b .hp_banner_ibox {
    
    margin-top: 7%;
}

.hp_banner.b .hp_banner_ibox2 {
    margin-left: -72%;
    margin-right: -15px;
}

.hp_banner.b {
    padding-left: 38%;
}

.hp_banner.aa {
    padding-left: 60.5%;
    padding-top: 7.75%;
}

.hp_banner.aa .hp_banner_desc {
    color: #000;
    font-size: 0.92vw;
    margin-bottom: 6%;
    margin-top: 2%;
    line-height: 1.6;
    width: 80%;
}

.hp_banner.aa .hp_banner_ibox {
    width: 33.5vw;
}

.hp_banner.aa .hp_banner_link {
    color: #fff;
    background: #e84e1e;
    padding: 0.3vw 2vw 0.3vw;
    font-size: 1.15vw;
    transition: 0.3s;
    position: relative;
    font-weight: 500;
    border-radius: 5px;
}

.hp_banner.aa .hp_banner_link:hover {
    color: #fff;
    background: #000;

}

.hp_banner.bb {
    padding-left: 3.25%;
    padding-top: 8.5%;
}

.hp_banner.bb .hp_banner_desc {
    color: white;
    font-size: 1vw;
    margin-bottom: 3.5%;
    margin-top: 2%;
}

.hp_banner.bb .hp_banner_link {
    color: #fff;
    background: #e84e1e;
    padding: 0.3vw 2vw 0.3vw;
    font-size: 1.15vw;
    transition: 0.3s;
    position: relative;
    font-weight: 500;
    border-radius: 5px;
}

.hp_banner.bb .hp_banner_link:hover {
    color: #fff;
    background: #000;

}

.hp_banner.bb .hp_banner_ibox {
    width: 30vw;
}


.hp_banner.cc {
    padding-left: 58%;
    padding-top: 7.75%;
}

.hp_banner.cc .hp_banner_desc {
    color: #fff;
    font-size: 0.92vw;
    margin-bottom: 6%;
    margin-top: 2%;
    line-height: 1.6;
}

.hp_banner.cc .hp_banner_ibox {
    width: 36vw;
}

.hp_banner.cc .hp_banner_link {
    color: #fff;
    background: #e84e1e;
    padding: 0.3vw 2vw 0.3vw;
    font-size: 1.15vw;
    transition: 0.3s;
    position: relative;
    font-weight: 500;
    border-radius: 5px;
}

.hp_banner.cc .hp_banner_link:hover {
    color: #fff;
    background: #000;

}

.slider_banner .banner_content {
    opacity: 1 !important;
    overflow: hidden;
}

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

.hp_banner_desc {
   
    font-size: 1.3vw;
    margin-bottom: 6%;
    margin-top: 3%;
}

.hp_banner.c .hp_banner_ibox2 {
    margin-left: -17%;
}

.hp_banner.c .hp_banner_desc {
    margin-bottom: 3%;
    width: 50%;
}

.hp_banner_desc br {
   
    display: none;
}

.hp_banner_link {
  
    padding: 0.5vw 2.5vw 0.5vw;
    font-size: 1.4vw;
    
}

.hp_banner_ibox2 {
    margin-left: -36%;
    margin-right: -15px;
}

.hp_banner {
    padding-left: 23%;
    padding-top: 0%;
  
}

.hp_banner_ibox {
    width: 33vw;
}

.hp_banner.b {
        padding-left: 36%;
        
    }
    
    .hp_banner.b .hp_banner_ibox {
    margin-top: 0%;
}

    .hp_banner.b .hp_banner_ibox2 {
        margin-left: -75%;
        
    }
    
     .hp_banner.a   .hp_banner_ibox2 {
        margin-top: -9%;
        margin-left: 21%;
    }
    
    .hp_banner.c .hp_banner_ibox2 {
    margin-left: -24%;
}

.hp_banner.aa .hp_banner_desc {
    font-size: 1.2vw;
    width: 91%;
}

.hp_banner.aa .hp_banner_ibox {
    width: 34vw;
}

.hp_banner.aa {
    padding-left: 60%;
    padding-top: 6%;
}

.hp_banner.aa .hp_banner_link {
    padding: 0.5vw 2.5vw 0.5vw;
    font-size: 1.4vw;
}

.hp_banner.bb .hp_banner_desc {
    font-size: 1.2vw;
}

.hp_banner.bb .hp_banner_ibox {
    width: 30.5vw;
}

.hp_banner.bb .hp_banner_link {
    padding: 0.5vw 2.5vw 0.5vw;
    font-size: 1.4vw;
}

.hp_banner.bb {
    padding-left: 3%;
    padding-top: 6%;
}

.hp_banner.cc .hp_banner_desc {
    font-size: 1.2vw;
}

.hp_banner.cc .hp_banner_ibox {
    width: 36.5vw;
}

.hp_banner.cc .hp_banner_link {
    padding: 0.5vw 2.5vw 0.5vw;
    font-size: 1.4vw;
}

.hp_banner.cc {
    padding-left: 56%;
    padding-top: 6%;
}

}


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

/*    .hp_banner_ibox2 {*/
/*        margin-left: 28%;*/
/*        margin-right: -15px;*/
/*        margin-top: -65%;*/
/*        z-index: -1;*/
/*        position: relative;*/
/*    }*/
    
/*        .hp_banner.c .hp_banner_ibox2 {*/
/*        margin-left: -11%;*/
/*        margin-top: -83%;*/
/*    }*/

/*    .hp_banner.b .hp_banner_ibox {*/
/*    margin-top: 0%;*/
/*}*/

/*    .hp_banner.b .hp_banner_ibox2 {*/
/*        margin-left: 34%;*/
        
/*    }*/
    
/*        .hp_banner.b {*/
/*        padding-left: 13%;*/
/*    }*/
    
/*    .hp_banner.c .hp_banner_desc {*/
/*    margin-bottom: 6%;*/
/*    width: 100%;*/
/*}*/
    
/*    .hp_banner.c:before {*/
   
/*    width: 92.5%;*/
/*    height: 100%;*/
 
/*}*/
    
/*            .hp_banner {*/
/*        padding-left: 18%;*/
/*        padding-top: 9%;*/
/*    }*/
    
/*        .hp_banner_desc {*/
/*        font-size: 3.5vw;*/
/*        margin-bottom: 8%;*/
/*        margin-top: 3%;*/
/*    }*/
    
/*        .hp_banner_ibox {*/
/*        width: 55vw;*/
/*    }*/
    
/*        .hp_banner_link {*/
/*        padding: 1vw 5vw 1vw;*/
/*        font-size: 3.75vw;*/
/*    }*/
    
/*    .hp_banner.c {*/
/*    padding-top: 19%;*/
 
/*}*/

/*    .hp_banner.b .hp_banner_ibox2 {*/

/*        margin-top: -63%;*/
      
/*    }*/
    
/*    .hp_banner.a .hp_banner_ibox {*/
/*    margin-top: 0;*/
/*}*/

/*    .hp_banner.a .hp_banner_ibox2 {*/
/*        margin-top: -73%;*/
/*        margin-left: 50%;*/
/*    }*/
    
/*        .hp_banner.aa {*/
/*        padding-left: 3%;*/
/*        padding-top: 7%;*/
/*    }*/
    
/*        .hp_banner.aa .hp_banner_desc {*/
/*        font-size: 3.75vw;*/
/*        width: 100%;*/
/*    }*/
    
/*    .hp_banner.aa .hp_banner_ibox {*/
/*        width: 80vw;*/
/*    }*/
    
/*        .hp_banner.aa .hp_banner_link {*/
/*        padding: 1.5vw 3.5vw 1.5vw;*/
/*        font-size: 3.75vw;*/
/*    }*/
    
/*    .hp_banner.bb {*/
/*        padding-left: 3%;*/
/*        padding-top: 7%;*/
/*    }*/
    
/*         .hp_banner.bb .hp_banner_desc {*/
/*        font-size: 3.75vw;*/
/*        margin-bottom: 9%;*/
/*        margin-top: 6%;*/
/*    }*/
    
/*    .hp_banner.bb .hp_banner_ibox {*/
/*        width: 80vw;*/
/*    }*/
    
/*        .hp_banner.bb .hp_banner_link {*/
/*        padding: 1.5vw 3.5vw 1.5vw;*/
/*        font-size: 3.75vw;*/
/*    }*/
    
    
/*    .hp_banner.cc {*/
/*        padding-left: 3%;*/
/*        padding-top: 7%;*/
/*    }*/
    
/*        .hp_banner.cc .hp_banner_desc {*/
/*        font-size: 3.75vw;*/

/*    }*/
    
/*    .hp_banner.cc .hp_banner_ibox {*/
/*        width: 80vw;*/
/*    }*/
    
/*        .hp_banner.cc .hp_banner_link {*/
/*        padding: 1.5vw 3.5vw 1.5vw;*/
/*        font-size: 3.75vw;*/
/*    }*/
    
/*    .hp_banner.aa .hp_banner_desc {*/
/*        font-size: 3vw;*/
/*        width: 100%;*/
/*        margin-bottom: 2%;*/
/*        margin-top: 1%;*/
/*    }*/
    
/*    .hp_banner.aa .hp_banner_ibox {*/
/*        width: 30vw;*/
/*    }*/
    
/*        .hp_banner.aa .hp_banner_link {*/
/*        padding: 1.5vw 3.5vw 1.5vw;*/
/*        font-size: 3vw;*/
/*    }*/
    
/*        .hp_banner.aa {*/
/*        padding-left: 3%;*/
/*        padding-top: 3%;*/
/*    }*/

/*}*/

@media screen and (max-width: 767.5px){
    .hp_banner.aa {
                padding-left: 3%;
        padding-top: 6%;
        padding-bottom: 7%;
        background: #f8f6f2;
    }
    
        .hp_banner.aa .hp_banner_desc {
        font-size: 3.75vw;
        width: 100%;
        margin-bottom: 20px;
        margin-top: 10px;
    }
    
        .hp_banner.aa .hp_banner_link {
       padding: 1.5vw 7vw;
        font-size: 3.75vw;
    }
    
        .hp_banner.bb .hp_banner_desc {
        font-size: 3.75vw;
        width: 100%;
        margin-bottom: 20px;
        margin-top: 10px;
    }
    
        .hp_banner.bb .hp_banner_link {
        padding: 1.5vw 7vw;
        font-size: 3.75vw;
    }
    
        .hp_banner.bb {
        padding-left: 3%;
        padding-top: 6%;
        padding-bottom: 7%;
        background: #1e1e1e;
    }
    
        .hp_banner.cc {
        padding-left: 3%;
        padding-top: 6%;
        padding-bottom: 7%;
        background: #1e1e1e;
    }
    
        .hp_banner.cc .hp_banner_desc {
        font-size: 3.75vw;
        width: 100%;
        margin-bottom: 20px;
        margin-top: 10px;
    }
    
        .hp_banner.cc .hp_banner_link {
       padding: 1.5vw 7vw;
        font-size: 3.75vw;
    }
    
    .slider_banner .banner_content {
        position: static !important;
        transform: none !important;
        background-color: lightgrey;
    }
    
        .slider_banner .item > img {
        height: 135px !important;
        object-fit: cover;
    }
    
    .index_wrapper_2 {
    background: #1e1e1e;
}

    .hp_banner.aa .hp_banner_ibox {
        width: 67vw;
    }
    
        .hp_banner.bb .hp_banner_ibox {
        width: 60vw;
    }
    
        .hp_banner.cc .hp_banner_ibox {
        width: 73vw;
    }
    
    
    
}    

/*Category*/

.hp_category {
    padding: 6% 12% 6%;
    background-repeat: no-repeat;
    background-size: cover;
    background-image: url('https://cdn1.npcdn.net/img/1779759573category-bg.jpg');
}

.hp_category_abox {
    display: flex;
    justify-content: space-between;
    margin: 0 -18% 6%;
    padding: 0 16%;
    border-bottom: 1px solid white;
}
.hp_category_bbox {
    margin-top: 0.5%;
}

.hp_category .col-md-3 {
    padding: 0 2.25vw;
}

.hp_category_box {
    text-align: center;

    transition: 0.3s;
   
}

.hp_category_title {
    color: #e84e1e;
    margin-bottom: 4%;
    font-size: 42px;
    position: relative;
}

.hp_category_title:before {
    position: absolute;
    content: "";
    background-color: #e84e1e;
    top: 0%;
    bottom: 0;
    margin: auto 0;
    left: -80px;
    width: 70px;
    height: 2.5px;
}

.hp_category_title span {
    color: #fff;
    font-weight: 500;
    font-size: 42px;
}


.hp_category_item {
    color: white;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 16px;
    margin-bottom: 9%;
    margin-top: 12%;
    transition: 0.3s;
    display: inline-block;
    padding-bottom: 5px;
}

.hp_category_box:hover .hp_category_item {
    color: #e84e1e;
    border-bottom: 1px solid #e84e1e;
}

.hp_category_link {
    color: #fff;
    background: #e84e1e;
    padding: 5px 30px 5px;
    font-size: 16px;
    transition: 0.3s;
    position: relative;
    font-weight: 500;
    border-radius: 5px;
}

.hp_category_link:hover {
    color: black;
    background: #e84e1e;
    text-decoration: none;
}

.hp_category_image {
    width: 100%;
    border-radius: 0;
    border: 7.5px solid rgba(255,255,255,0.3);
    transition: 0.3s;
}

.hp_category_box:hover .hp_category_image {
    
    border: 7.5px solid rgba(255, 129, 66,0.3);
}

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

.hp_category_title {
   
    margin-bottom: 4%;
    font-size: 3vw;
   
}

.hp_category_title:before {
    width: 5.5vw;
    left: -6.5vw;
}

.hp_category_title span {
    
    font-size: 3vw;
}


.hp_category_item {
  
    font-size: 1.25vw;
    margin-bottom: 9%;
    margin-top: 12%;
 
}


.hp_category_link {
  
            padding: 0.5vw 2.25vw 0.5vw;
        font-size: 1.4vw;
   
}

}


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

.hp_category_title {
   
    margin-bottom: 6%;
    font-size: 6.45vw;
    padding-left: 15%;
}

.hp_category_title:before {
    
    left: 0%;
    width: 11.5vw;
   
}

.hp_category_title span {
    
    font-size: 6.45vw;
}


.hp_category_item {
  
    font-size: 4vw;
    margin-bottom: 9%;
    margin-top: 12%;
 
}


.hp_category_link {
  
            padding: 1.5vw 7vw;
        font-size: 3.75vw;
}

.hp_category {
    padding: 12% 3%;
    
}

.hp_category_abox {
   
    margin: 0 -9% 9%;
    padding: 0 9% 9%;
    flex-direction: column;
}

}

/*About*/

.hp_about {
    padding: 12% 4.5% 12% 24%;
    position: relative;
}

.hp_about:before {
    position: absolute;
    content: "";
    background-image: url(https://cdn1.npcdn.net/img/1779759738about-bg.jpg);
    background-size: cover;
    background-position: 50%;
    background-repeat: no-repeat;
    width: 100%;
    height: 100%;
    left: 0%;
    top: 0;
    z-index: -2;
    background-attachment: fixed;
    filter: brightness(0.5);
}

.hp_about_title1 {
    color: #d63f12;
    font-size: 42px;
    margin-bottom: 0;
    position: relative;
    padding-left: 80px;
}

.hp_about_title1:before {
    position: absolute;
    content: "";
    background-color: #d63f12;
    top: 0%;
    bottom: 0;
    margin: auto 0;
    left: 0%;
    width: 70px;
    height: 2.5px;
}

.hp_about_title2 {
    color: white;
    font-weight: 500;
    margin-bottom: 3%;
    font-size: 42px;
}

.hp_about_title2 span {
    color: #e84e1e;
    
}

.hp_about_desc {
    color: #fff;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.8;
    margin-bottom: 6%;
    padding-top: 2%;
    text-align: justify;
    margin-left: -9%;
    position: relative;
}

.hp_about_desc:before {
    position: absolute;
    content: "";
    background: linear-gradient(to right,
    rgba(0, 0, 0, 0),
    rgba(0, 0, 0, 0.9));
    top: 6%;
    bottom: 0;
    margin: auto 0;
    right: -16%;
    width: 140%;
    height: 125%;
    z-index: -1;
}


.hp_about_link {
    color: #fff;
    background: #e84e1e;
    padding: 5px 30px 5px;
    font-size: 16px;
    transition: 0.3s;
    position: relative;
    font-weight: 500;
    border-radius: 5px;
}

.hp_about_link:hover {
    color: black;
    background: #e84e1e;
    text-decoration: none;
}


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

.hp_about_title1 {
   
    font-size: 3vw;
            padding-left: 6vw;
}

.hp_about_title1:before {
   
    width: 5.5vw;

}

.hp_about_title2 {
    
    margin-bottom: 3%;
    font-size: 3vw;
}



.hp_about_desc {
   
    font-size: 1.25vw;
    margin-bottom: 6%;
    padding-top: 2%;
    margin-left: -15%;
 
}

.hp_about_desc:before {
  
    top: 6%;
 
    right: -16%;
    width: 140%;
    height: 125%;
   
}


.hp_about_link {
 
            padding: 0.5vw 2.25vw 0.5vw;
        font-size: 1.4vw;
    
}

.hp_about {
    padding: 12% 4.5% 12% 15%;
  
}

}


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

.hp_about_title1 {
   
    font-size: 6.45vw;
    padding-left: 15%;
}

.hp_about_title1:before {
   
    width: 11.5vw;

}

.hp_about_title2 {
    
    margin-bottom: 6%;
    font-size: 6.45vw;
}

.hp_about:before {
  
    background-position: 50%;

}

.hp_about_desc {
   
    font-size: 3.75vw;
    margin-bottom: 6%;
    padding-top: 6%;
    margin-left: 0%;
    text-align: left;
 
}

.hp_about_desc:before {
  
    top: 6%;
 
    right: -16%;
    width: 140%;
    height: 125%;
   
}


.hp_about_link {
 
                  padding: 1.5vw 7vw;
        font-size: 3.75vw;
}

.hp_about {
    padding: 12% 3%;
  
}


}

/*Ideal*/

.hp_ideal {
    padding: 6% 9% 3%;
    
}

.hp_ideal:before {
    position: absolute;
    content: "";
    background-image: url(https://cdn1.npcdn.net/img/1779759614wcu-bg.jpg);
    background-size: cover;
    background-position: 50%;
    background-repeat: no-repeat;
    width: 100%;
    height: 230%;
    left: 0%;
    top: 0;
    z-index: -2;
    filter: brightness(0.5);
}

.hp_ideal_box {
    text-align: center;
    transition: 0.3s;
    padding: 0 4%;
}


.hp_ideal_icon {
    width: 7rem;
    filter: brightness(0) saturate(100%) invert(46%) sepia(64%) saturate(4534%) hue-rotate(349deg) brightness(93%) contrast(96%);
}

.hp_ideal_item1 {
    color: white;
    font-size: 16px;
    text-transform: uppercase;
    margin-top: 6%;
    margin-bottom: 3%;
    transition: 0.3s;
    line-height: 1.8;
}

.hp_ideal_box:hover .hp_ideal_item1 {
    color: #e84e1e;
    
}

.hp_ideal_item2 {
    color: white;
    font-size: 16px;
    line-height: 1.8;
    margin-bottom: 0;
    font-weight: 400;
    border-top: 1px solid transparent;
    border-bottom: 1px solid transparent;
    padding: 3% 0;
    transition: 0.3s;
}

.hp_ideal_box:hover .hp_ideal_item2 {
   
    border-top: 1px solid #e84e1e;
    border-bottom: 1px solid #e84e1e;
    
}

.hp_ideal_abox {
    display: flex;
    justify-content: space-between;
    margin: 0 -14.5% 6%;
    padding: 0 16%;
    border-bottom: 1px solid white;
}

.hp_ideal_title {
    color: #e84e1e;
    margin-bottom: 4%;
    font-size: 42px;
    position: relative;
}

.hp_ideal_title:before {
    position: absolute;
    content: "";
    background-color: #e84e1e;
    top: 0%;
    bottom: 0;
    margin: auto 0;
    left: -80px;
    width: 70px;
    height: 2.5px;
}

.hp_ideal_title span {
    color: #fff;
    font-weight: 500;
    font-size: 42px;
}

.hp_ideal_link {
    color: #fff;
    background: #e84e1e;
    padding: 5px 30px 5px;
    font-size: 16px;
    transition: 0.3s;
    position: relative;
    font-weight: 500;
    border-radius: 5px;
}

.hp_ideal_link:hover {
    color: black;
    background: #e84e1e;
    text-decoration: none;
}

.hp_ideal_bbox {
    margin-top: 0.5%;
}

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


.hp_ideal .col-12.col-md-4 {
    padding: 0 1vw;
}

.hp_ideal_icon {
    width: 8vw;
}

.hp_ideal_item1 {
    font-size: 1.25vw;
    margin-top: 6%;
    margin-bottom: 3%;

}

.hp_ideal_box:hover .hp_ideal_item1 {
    color: #e84e1e;
    
}

.hp_ideal_item2 {

    font-size: 1.25vw;
   
}

.hp_ideal_item2 br {
   
    display: none;
 
}


.hp_ideal_title {
  
    margin-bottom: 4%;
    font-size: 3vw;
   
}

.hp_ideal_title:before {
 
    left: -6.5vw;
    width: 5.5vw;
   
}

.hp_ideal_title span {
   
    font-size: 3vw;
}

.hp_ideal_link {
   
            padding: 0.5vw 2.25vw 0.5vw;
        font-size: 1.4vw;
   
}

.hp_ideal:before {
   
    height: 226%;
   
}

}


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

.hp_ideal .col-12.col-md-4 {
    padding: 0 15px 30px; 
}

.hp_ideal_icon {
    width: 30vw;
}

.hp_ideal_item1 {
    
    font-size: 3.75vw;
 
}

    .hp_ideal:before {
        height: 160%;
    }

.hp_ideal_item2 {
   
    font-size: 3.75vw;
 
}


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

.hp_ideal_title {
    display: flex;
    flex-direction: column;
    margin-bottom: 6%;
    font-size: 6.45vw;
    padding-left: 15%;
}

.hp_ideal_title:before {
    top: -50%;
    left: 0%;
    width: 11.5vw;
   
}

.hp_ideal_title span {
    
    font-size: 6.45vw;
}

.hp_ideal_link {
  
            padding: 1.5vw 7vw;
        font-size: 3.75vw;
}


.hp_ideal_abox {
   
    margin: 0 -9% 9%;
    padding: 0 9% 9%;
    flex-direction: column;
}

}

/*Stone*/

.index_wrapper_6 {
    padding: 3% 9% 4%;
   
}


.productSlider-1 p {
    
    display: none;
}

.productSlider-1 a {
    color: white;
    transition: 0.3s;
}

.productSlider-1 a:hover {
    color: #e84e1e;
    text-decoration: none;
}

.productSlider-1 .product_img .product_box h6 {
    color: white;
    font-weight: 500 !important;
    font-size: 16px;
    text-transform: uppercase;
    margin-top: 3%;
    display: inline-block;
    border-bottom: 1px solid transparent;
    padding-bottom: 5px;
    transition: 0.3s;
}

.productSlider-1 .product_img .product_box:hover h6 {
    color: #e84e1e;
    border-bottom: 1px solid #e84e1e;
    
}

.productSlider-1 .text-left {
    text-align: center !important;
}

.productSlider-1 .product_img .product_box {
    margin: 5px;
    border: 5px solid transparent;
    background-color: transparent !important;
}

.productSlider-1 .slick-track .slick-slide {
    
    background-color: transparent;
}

/* Remove margin/padding from the dots */
.productSlider-1 .slick-dots li {
  display: inline-block;
  margin: 0 7px;
  padding: 0;
}

/* Make each dot look like a part of a solid bar */
.productSlider-1 .slick-dots li button {
  width: 100%;
  height: 4px; /* Thickness of the line */
  background: #fff; /* Inactive color */
  border: none;
  padding: 0;
  margin: 0;
  border-radius: 0;
  display: block;
}

/* Optional: Make the container a flex row to remove spacing */
.productSlider-1 .slick-dots {
  display: flex !important;
  padding: 0;
  margin: 0;
  gap: 0;
  justify-content: center;
}

/* Active dot (the filled part of the line) */
.productSlider-1 .slick-dots li.slick-active button {
  background: #e84e1e; /* Active color */
}

.productSlider-1 .slick-dots li {
   
    width: 35px;
    height: 0px;
 
}

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

.hp_stone_abox {
    display: flex;
    justify-content: space-between;
    margin: 0 -14.5% 4%;
    padding: 0 16%;
    border-bottom: 1px solid white;
}

.hp_stone_title {
    color: #e84e1e;
    margin-bottom: 4%;
    font-size: 42px;
    position: relative;
}

.hp_stone_title:before {
    position: absolute;
    content: "";
    background-color: #e84e1e;
    top: 0%;
    bottom: 0;
    margin: auto 0;
    left: -80px;
    width: 70px;
    height: 2.5px;
}

.hp_stone_title span {
    color: #fff;
    font-weight: 600;
    font-size: 42px;
}

.hp_stone_titlex {
    color: #e84e1e;
    margin-bottom: 4%;
    font-size: 42px;
    position: relative;
}

.hp_stone_titlex:before {
    position: absolute;
    content: "";
    background-color: #e84e1e;
    top: 0%;
    bottom: 0;
    margin: auto 0;
    left: -80px;
    width: 70px;
    height: 1px;
}

.hp_stone_titlex span {
    color: #fff;
    font-weight: 600;
    font-size: 42px;
}

.hp_stone_link {
    color: #fff;
    background: #e84e1e;
    padding: 5px 30px 5px;
    font-size: 16px;
    transition: 0.3s;
    position: relative;
    font-weight: 500;
    border-radius: 5px;
}

.hp_stone_link:hover {
    color: black;
    background: #e84e1e;
    text-decoration: none;
}

.productSlider-1 .align-top {
    display: none !important;
}

.productSlider-1 .product_img .product_box .product_img_frame img {
   
    border-radius: 0;
}

.productSlider-1 .product_img .product_box .product_img_frame {
    position: relative;
    right: 0;
    left: 0;
    margin: 0 auto;
    width: 100%;

    border: 7.5px solid rgba(255, 255, 255, 0.3);
    border-radius: 0;
}

.productSlider-1 .product_img .product_box:hover .product_img_frame {

    border: 7.5px solid rgba(240, 90, 44, 0.3);
  
}

.productSlider-1 .product_img .slick-prev {
    left: -15px;
    z-index: 10;
    top: 42%;
}

.productSlider-1 .product_img .slick-next {
    right: -15px;
    z-index: 10;
    top: 42%;
}

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

.hp_stone_title {

    margin-bottom: 4%;
    font-size: 3vw;

}

.hp_stone_title:before {
    
    left: -6.5vw;
    width: 5.5vw;
  
}

.hp_stone_title span {
 
    font-size: 3vw;
}

.hp_stone_titlex {

    margin-bottom: 4%;
    font-size: 3vw;

}

.hp_stone_titlex:before {
    
    left: -6.5vw;
    width: 5.5vw;
  
}

.hp_stone_titlex span {
 
    font-size: 3vw;
}

.hp_stone_link {
    
    padding: 0.5vw 2.25vw 0.5vw;
    font-size: 1.4vw;
    
}

.productSlider-1 .product_img .product_box h6 {
    font-size: 1.25vw;
}


}

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

.index_wrapper_6 {
    padding: 12% 3%;
    
    background-position: 50%;
}

.hp_stone_title {
   
    margin-bottom: 6%;
    font-size: 6.45vw;
    padding-left: 15%;
    display: flex;
    flex-direction: column;
}

.hp_stone_title:before {
    top: -50%;
    left: 0%;
    width: 11.5vw;
   
}

.hp_stone_title span {
    
    font-size: 6.45vw;
}

.hp_stone_titlex {
   
    margin-bottom: 6%;
    font-size: 6.45vw;
    padding-left: 15%;
    display: flex;
    flex-direction: column;
}

.hp_stone_titlex:before {
    
    left: 0%;
    width: 11.5vw;
   
}

.hp_stone_titlex span {
    
    font-size: 6.45vw;
}

.hp_stone_link {
  
    padding: 1.5vw 7vw;
        font-size: 3.75vw;
}


.hp_stone_abox {
   
    margin: 0 -9% 9%;
    padding: 0 9% 9%;
    flex-direction: column;
}

.productSlider-1 .product_img .slick-prev {
    left: 0px;
    z-index: 10;
    top: 42%;
}

.productSlider-1 .product_img .slick-next {
    right: 0px;
    z-index: 10;
    top: 42%;
}

.productSlider-1 .product_img .product_box h6 {
    font-size: 4vw;
}

}

/*Strength*/

.index_wrapper_7 {
    padding: 11% 6% 6%;
    position: relative;
   
}

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

.index_wrapper_7:before {
    position: absolute;
    content: "";
    background-image: url(https://cdn1.npcdn.net/img/1779759715gallery-bg.jpg);
    background-size: cover;
    background-position: 100%;
    background-repeat: no-repeat;
    width: 100%;
    height: 100%;
    left: 0%;
    top: 0%;
    z-index: -2;
    background-attachment: fixed;
    filter: brightness(0.5);
}

.hp_strength_tbox {
    position: relative;
}

.hp_strength_tbox:before {
    position: absolute;
    content: "";
    background: linear-gradient(to left, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.9));
    top: 6%;
    bottom: 0;
    margin: auto 0;
    right: -16%;
    width: 140%;
    height: 125%;
    z-index: -1;
}

.hp_strength_title {
    color: #e84e1e;
    margin-bottom: 3%;
    font-size: 42px;
    position: relative;
    padding-left: 5rem;
}

.hp_strength_title:before {
    position: absolute;
    content: "";
    background-color: #e84e1e;
    top: 0%;
    bottom: 0;
    margin: auto 0;
    left: 0%;
    width: 70px;
    height: 2.5px;
}

.hp_strength_title span {
    color: #fff;
    font-weight: 600;
    font-size: 42px;
}

.hp_strength_desc {
    color: white;
    font-size: 16px;
    line-height: 1.8;
    font-weight: 400;
    margin-bottom: 6%;
}

.hp_strength_link {
    color: #fff;
    background: #e84e1e;
    padding: 5px 30px 5px;
    font-size: 16px;
    transition: 0.3s;
    position: relative;
    font-weight: 500;
    border-radius: 5px;
}

.hp_strength_link:hover {
    color: black;
    background: #e84e1e;
    text-decoration: none;
}

.hp_photoGallerySlider_type2 .col-md-4 {
   
    flex: 0 0 50%;
    max-width: 50%;
}

.hp_photoGallerySlider_type2 .photo-gallery .outline_box .gallery_box {
    
    padding-top: 56.25%;
    overflow: hidden;
    background-color: transparent;
}

.hp_photoGallerySlider_type2 .p-0 {
    padding: 0 0.5vw 1vw !important;
}

.hp_photoGallerySlider_type2 .container {
    max-width: 100%;
}

.hp_photoGallerySlider_type3 {
    background-color: transparent;
}

.hp_photoGallerySlider_type3 .photo-gallery3 {
    padding: 0;
}

.hp_photoGallerySlider_type3 .photo-gallery3 .outline_box .gallery_box {

    background-color: transparent;
}

.hp_photoGallerySlider_type3 .photo-gallery3 .outline_box .gallery_box img {
   
    padding: 0;
    
}

.hp_photoGallerySlider_type3 .col-12 {
    padding: 0;
}

/* Remove margin/padding from the dots */
.hp_photoGallerySlider_type3 .slick-dots li {
  display: inline-block;
  margin: 0;
  padding: 0;
}

/* Make each dot look like a part of a solid bar */
.hp_photoGallerySlider_type3 .slick-dots li button {
  width: 100%;
  height: 4px; /* Thickness of the line */
  background: #fff; /* Inactive color */
  border: none;
  padding: 0;
  margin: 0;
  border-radius: 0;
  display: block;
}

/* Optional: Make the container a flex row to remove spacing */
.hp_photoGallerySlider_type3 .slick-dots {
  display: flex !important;
  padding: 0;
  margin: 0;
  gap: 0;
  justify-content: center;
}

/* Active dot (the filled part of the line) */
.hp_photoGallerySlider_type3 .slick-dots li.slick-active button {
  background: #e84e1e; /* Active color */
}

.hp_photoGallerySlider_type3 .slick-dots li {
   
    width: 35px;
    height: 0px;
 
}

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

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

.hp_strength_title {
  
    margin-bottom: 3%;
    font-size: 3vw;
    padding-left: 6.5vw;
}

.hp_strength_title:before {
   
    width: 5.5vw;
    
}

.hp_strength_title span {
   
    font-size: 3vw;
    padding-left: 0.5vw;
}

.hp_strength_desc {
   
    font-size: 1.25vw;
   
    margin-bottom: 6%;
}

.hp_strength_link {
   
    padding: 0.35vw 2.25vw 0.55vw;
    font-size: 1.45vw;
    
}


}


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



.index_wrapper_7 {
    padding: 12% 3% 12%;
   
}

.index_wrapper_7:before {
    background-position: 50%;
}

.hp_strength_title {
    margin-top: 6%;
    margin-bottom: 3%;
    font-size: 6.45vw;
    padding-left: 15%;
    display: flex;
    flex-direction: column;
}

.hp_strength_title:before {
    top: -50%;
    width: 11.5vw;
    
}

.hp_strength_tbox:before {
   
    top: 3%;
   
    height: 115%;
  
}

.hp_strength_title span {
   
    font-size: 6.45vw;
}

.hp_strength_desc {
   
    font-size: 3.75vw;
   
    margin-bottom: 9%;
}

.hp_strength_desc br {
   
    display: none;
}

.hp_strength_link {
   
            padding: 1.5vw 7vw;
        font-size: 3.75vw;
}

.hp_photoGallerySlider_type2 .p-0 {
    padding: 0 1.5vw 3vw !important;
}

.hp_photoGallerySlider_type2 .col-12 {
    padding: 0 !important;
}

}

/*Review*/

/*.index_wrapper_9 {*/
/*    padding: 2% 9% 4%;*/
/*    background-repeat: no-repeat;*/
/*    background-size: cover;*/
/*    background-image: url('https://cdn1.npcdn.net/img/1768229211g-review-bg.jpg');*/
/*}*/

.hp_testimonial_type4 .mt-5 {
    margin-top: 0 !important;
}

.hp_testimonial_type4 .text {
    color: white;
    margin-bottom: 30px;
    font-size: 14px;
    margin-left: -32%;
    margin-right: -32%;
    margin-top: 15px;
    padding-top: 10px;
}

.hp_testimonial_type4 .all_font_sm {
    font-size: 16px !important;
    color: white;
    margin-bottom: 0;
}

.hp_testimonial_type4  {
    max-width: 100% !important;
    padding: 0;
}

.hp_testimonial_type4 .testimonial_box .testimonial_card {
   
    padding: 0;
    margin: 0 4vw;

}

.hp_testimonial_type4 .testimonial_box .testimonial_card .name {
    text-align: center;
    display: flex;
    flex-direction: column-reverse;
}

.hp_testimonial_type4 .testimonial_box .testimonial_card .img {

    box-shadow: unset;
    border: 0;
   
}

.hp_testimonial_type4 .testimonial_box .testimonial_card i {
    display: none;
}

/* Remove margin/padding from the dots */
.hp_testimonial_type4 .slick-dots li {
  display: inline-block;
  margin: 0 7px;
  padding: 0;
}

/* Make each dot look like a part of a solid bar */
.hp_testimonial_type4 .slick-dots li button {
  width: 100%;
  height: 4px; /* Thickness of the line */
  background: #fff; /* Inactive color */
  border: none;
  padding: 0;
  margin: 0;
  border-radius: 0;
  display: block;
}

/* Optional: Make the container a flex row to remove spacing */
.hp_testimonial_type4 .slick-dots {
  display: flex !important;
  padding: 0;
  margin: 0;
  gap: 0;
  justify-content: center;
}

/* Active dot (the filled part of the line) */
.hp_testimonial_type4 .slick-dots li.slick-active button {
  background: #ff8142; /* Active color */
}

.hp_testimonial_type4 .slick-dots li {
   
    width: 35px;
    height: 0px;
 
}

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

.hp_testimonial_type4 .testimonial_box .testimonial_card .text_area {
    
    position: relative;
}

.hp_testimonial_type4 .testimonial_box .testimonial_card .text_area:before {
    position: absolute;
    content: "";
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url('https://cdn1.npcdn.net/img/1767533730imgbin-computer-icons-quotation-quotation-vYkC2UhkwxtG9B533bNYgpNSh-removebg-preview.png');
    top: 0%;
    margin: 0 auto;
    left: 0%;
    right: 0;
    width: 30px;
    height: 30px;
    filter: brightness(0) saturate(100%) invert(52%) sepia(83%) saturate(3275%) hue-rotate(341deg) brightness(94%) contrast(101%);
}

.hp_testimonial_type4 .testimonial_box .testimonial_card .img {
    padding-top: 128%;
    border: 7.5px solid rgba(255, 255, 255, 0.3);
     border-radius: 10px;
}

.hp_testimonial_type4 .testimonial_box:hover .testimonial_card .img {
   
    border: 7.5px solid rgba(240, 90, 44, 0.3);
}

.slick-slider .slick-dots {
    position: absolute;
    bottom: -2vw;
}

.hp_testimonial_type4 .testimonial_box .testimonial_card .name h6 {
    color: #fff;
    transition: 0.3s;
    border-bottom: 1px solid transparent;
    padding-bottom: 2px;
}

.hp_testimonial_type4 .testimonial_box:hover .testimonial_card .name h6 {
    color: #f05a2c;
    transition: 0.3s;
    border-bottom: 1px solid #f05a2c;
}

.hp_review_box {
    display: flex;
    justify-content: space-between;
    margin: 0 -14.5% 3%;
    padding: 0 16% 1%;
    border-bottom: 1px solid white;
}

.hp_review_bbox {
    margin-top: 1%;
}

.hp_review_title {
    color: #f05a2c;
    margin-bottom: 0%;
    font-size: 42px;
    position: relative;
}

.hp_review_title:before {
    position: absolute;
    content: "";
    background-color: #f05a2c;
    top: 0%;
    bottom: 0;
    margin: auto 0;
    left: -12%;
    width: 60px;
    height: 1px;
}

.hp_review_title span {
    color: #fff;
    font-weight: 600;
    font-size: 42px;
    padding-left: 1vw;
}

.hp_review_link {
    color: #fff;
    background: #f05a2c;
    padding: 5px 30px 5px;
    font-size: 16px;
    transition: 0.3s;
    position: relative;
    font-weight: 500;
    border-radius: 5px;
}

.hp_review_link:hover {
    color: black;
    background: #f05a2c;
    text-decoration: none;
}

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


.hp_testimonial_type4 .testimonial_box .testimonial_card .name h6 {
    
    font-size: 13px;
}

.hp_review_title {
 
    font-size: 2.5vw;
   
}

.hp_review_title:before {

    left: -12%;
    width: 4.5vw;
  
}

.hp_review_title span {
 
    font-size: 3vw;
    padding-left: 1vw;
}

.hp_review_link {
 
    padding: 0.35vw 2.25vw 0.55vw;
    font-size: 1.45vw;

}

}


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

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

.hp_testimonial_type4 .testimonial_box .testimonial_card {
   
  
    margin: 0 15px;
  
}

.slick-slider .slick-dots {
    position: absolute;
    bottom: -4vw;
}

.hp_review_title {
   
    margin-bottom: 6%;
    font-size: 6.5vw;
    padding-left: 13%;
    display: flex;
    flex-direction: column;
}

.hp_review_title:before {
    
    left: 0%;
    width: 9vw;
   
}

.hp_review_title span {
    
    font-size: 6.25vw;
    padding-left: 1vw;
}

.hp_review_link {
  
    padding: 1vw 5vw 1vw;
    font-size: 3.75vw;
   
}


.hp_review_box {
   
    margin: 0 -9% 9%;
    padding: 0 9% 9%;
    flex-direction: column;
}

.hp_testimonial_type4 .text {
    padding-top: 15px;
    margin-left: 0%;
    margin-right: 0;
    
}

}

/*Team*/

.hp_team {
    padding: 1% 9% 6%;
    background: #1e1e1e;
    display: none;
}

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

.hp_team_box {
    text-align: center;
    background: #ff8142;
    margin: 0 1vw;
    border-radius: 20px;
    position: relative;
    padding: 24% 6% 5%;
    margin-top: 21%;
}

.hp_team_ibox {
    position: absolute;
    top: -57%;
    left: 0;
    right: 0;
}

.hp_team_amage {
    width: 100%;
}

.hp_team_image {
    width: 100%;
}

.hp_team_abox {
    margin-bottom: -4%;
}

.hp_team_title1 {
    color: white;
    font-family: 'Sansation';
    font-style: italic;
    font-weight: 600;
    margin-bottom: 3%;
    font-size: 2.5vw;
   
}

.hp_team_title1 span {
    color: #ff8142;
    
}

.hp_team_title2 {
    color: white;
    font-size: 0.9vw;
    line-height: 1.8;
    font-weight: 300;
    margin-bottom: 9%;
}

.hp_team_link {
    color: #ff8142;
    background: black;
    padding: 0.75vw 4vw 0.75vw 1.5vw;
    border-radius: 30px;
    font-size: 0.9vw;
    transition: 0.3s;
    position: relative;
    border-radius: 10px;
}

.hp_team_link:hover {
    color: black;
    background: #ff8142;
    text-decoration: none;
}

.hp_team_link:before {
    position: absolute;
    content: "";
    background-image: url(https://cdn1.npcdn.net/img/1752110955button-arrow.png);
    background-size: contain;
    background-repeat: no-repeat;
    width: 2.5vw;
    height: 0.5vw;
    right: 8%;
    bottom: 0;
    top: 0;
    margin: auto 0;
}

.hp_team_link:hover:before {
    filter: brightness(0) saturate(100%);
}

.hp_team_item1 {
    font-family: 'Sansation';
    color: white;
    font-size: 1.75vw;
    font-weight: 600;
}

.hp_team_item2 a {
    color: white;
    transition: 0.3s;
}

.hp_team_item2 a:hover {
    color: black;
    text-decoration: none;
}

.hp_team_item2 {
    font-size: 1vw;
    font-weight: 400;
    margin-bottom: 0;
}

/* Remove margin/padding from the dots */
.hp_team_sbox .slick-dots li {
  display: inline-block;
  margin: 0;
  padding: 0;
}

/* Make each dot look like a part of a solid bar */
.hp_team_sbox .slick-dots li button {
  width: 100%;
  height: 4px; /* Thickness of the line */
  background: #fff; /* Inactive color */
  border: none;
  padding: 0;
  margin: 0;
  border-radius: 0;
  display: block;
}

/* Optional: Make the container a flex row to remove spacing */
.hp_team_sbox .slick-dots {
  display: flex !important;
  padding: 0;
  margin: 0;
  gap: 0;
  justify-content: center;
}

/* Active dot (the filled part of the line) */
.hp_team_sbox .slick-dots li.slick-active button {
  background: #ff8142; /* Active color */
}

.hp_team_sbox .slick-dots li {
   
    width: 35px;
    height: 0px;
 
}

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


@media screen and (max-width: 1200.5px){
.hp_team_title1 {
   
    margin-bottom: 3%;
    font-size: 3vw;
   
}

.hp_team_ibox {
   
    top: -51%;
 
}

.hp_team_title2 {
   
    font-size: 1.4vw;
  
    margin-bottom: 9%;
}

.hp_team_title2 br {
   
    display: none;
}

.hp_team_link {
   
    padding: 1vw 5vw 1vw 2vw;
    border-radius: 30px;
    font-size: 1.4vw;
  
}


.hp_team_link:before {
   
    width: 3vw;
    height: 0.5vw;
    right: 8%;
   
}

.hp_team_item1 {
  
    font-size: 2.25vw;
    
}

.hp_team_item2 {
    font-size: 1.5vw;

}

}

@media screen and (max-width: 767.5px){
.hp_team_title1 {
   
    margin-bottom: 6%;
    font-size: 7vw;
   
}

.hp_team_ibox {
   
    top: -55%;
 
}

.hp_team_title2 {
   
    font-size: 3.75vw;
  
    margin-bottom: 12%;
}


.hp_team_link {
   
    padding: 2vw 11vw 2vw 4vw;
    border-radius: 50px;
    font-size: 3.75vw;
  
}


.hp_team_link:before {
   
    width: 6vw;
    height: 1.5vw;
    right: 8%;
   
}

.hp_team_item1 {
  
    font-size: 6vw;
    
}

.hp_team_item2 {
    font-size: 3.75vw;

}

.hp_team {
    padding: 12% 3%;
   

}

.hp_team_box {

    padding: 26% 6% 5%;
    margin-top: 24%;
}

}


/*Footer*/

.footer_type9 {
    background-color: #000;
    padding-top: 3rem;
    padding-bottom: 3rem;
    overflow: hidden;
}

.ft_title {
    color: #e84e1e;
    font-size: 16px;
    font-weight: 600;
}

.footer_type9 .col-12.col-md-4.mb-md-0.p-3.pr-md-5 {
    padding-left: 6% !important;
        padding-top: 5.5rem !important;
}

.footer_type9 .text {
    color: #fff !important;
    font-size: 16px;
    line-height: 1.8;
    font-weight: 500;
}

.footer_type9 .ppp {
    font-weight: 500;
    text-transform: uppercase;
 
}

.footer_type9 .line {
    padding-right: 15%;
    border-right: 0;
}

.footer_type9 .list-unstyled.d-flex.flex-wrap.nav_item {
    border-top: 1px solid white;
    padding-top: 10px;
}

.footer_type9 .nav_item li {
    padding-right: 40px;
    position: relative;
}

.ft_icon {
    width: 25px;
}

.ft_iconx1 {
    width: 25px;
    
}

.ft_iconx2 {
    width: 25px;
}

.footer_type9 .nav_item li a {
    color: white;
    font-weight: 500;
    transition: 0.3s;
    border-bottom: 1px solid transparent;
    padding-bottom: 1px;
    font-size: 16px;
}

.footer_type9 .nav_item li a:hover {
    color: #e84e1e;
    border-bottom: 1px solid #e84e1e;
  

}

.footer_type9 .nav_item li:last-child a {
    display: none;
}

.footer_type9 .logo img {
  
    max-height: 80px;
}

.footer_type9 .logo.title {
    min-height: 80px;
 
    margin-bottom: 0.5rem;
}

.footer_type9 .d-inline-flex {
   
    color: #e84e1e;
    text-transform: uppercase;
    font-weight: 600;
    position: relative;
    font-size: 16px;
}

.footer_type9 .d-inline-flex:before {
    position: absolute;
    content: "";
    background-color: #e84e1e;
    top: 0%;
    bottom: 0;
    margin: auto 0;
    left: -17.5px;
    width: 7.5px;
    height: 7.5px;
}

.footer_type9 small {
    font-size: 100%;
    font-weight: 400;
}

.footer_type9 strong {
    font-weight: 400;
  
}

.footer_type9 .nav_item li a::after {
    display: none;
}

.footer_type9 .icon {
  
    padding: 0;
    border-radius: 0;
    background-color: transparent;
    margin-right: 5px;
}

.footer_type9 .copy_right {
    font-size: 16px;
}

.footer_type9 .social_media a {
    margin-right: 0.5rem;
}

.footer_type9 .sub_title p {
    font-size: 16px;

    color: white;
    font-family: sansation;
}

@media screen and (max-width: 1200.5px){
.footer_type9 .line {
    padding-right: 15%;
    border-right: 0;
}

.footer_type9 .text {
   
    font-size: 15px;
 
}

.footer_type9 .d-inline-flex {
  
    font-size: 15px;
}

.ft_title {
    font-size: 15px;
}

.footer_type9 .nav_item li a {
 
    font-size: 15px;
}

.footer_type9 .nav_item li {
    padding-right: 27px;
    
}

.footer_type9 .col-12.col-md-4.mb-md-0.p-3.pr-md-5 {
    padding-left: 3% !important;
        padding-top: 5rem !important;
}

.footer_type9 .copy_right {
    font-size: 15px;
}

}

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



.footer_type9 .line {
    padding-right: 12%;
    border-right: 0;
}

    .footer_type9 .col-12.col-md-4.mb-md-0.p-3.pr-md-5 {
        padding-left: 0% !important;
        margin-left: -3%;
        padding-right: 1% !important;
    }

.footer_type9 .text {
   
    font-size: 13.5px;
 
}

.footer_type9 .d-inline-flex {
  
    font-size: 13.5px;
}

.ft_title {
    font-size: 13.5px;
}

.footer_type9 .nav_item li a {
 
    font-size: 13.5px;
}

.footer_type9 .copy_right {
    font-size: 13.5px;
}

    .footer_type9 .nav_item li {
        padding-right: 12px;
    }

}


.product_detail .product_name h2 {
    font-size: 1.25rem !important;
    text-transform: uppercase;
}

.product_detail .product_name b {
    font-weight: 500;
}

@media screen and (max-width: 767.5px){
.footer_type9 .line {
    padding-right: 15px;
    padding-left: 15px;
    
}

.footer_type9 .col-12.col-md-4.mb-md-0.p-3.pr-md-5 {
    padding-left: calc(15px + 3%) !important;
    padding-right: calc(15px + 3%) !important;
    padding-top: 5px !important;
}

    .footer_type9 .col-12.mb-3.mb-md-0.p-0 {
        padding: 0 15px !important;
    }

.footer_type9 .p-0 {
    padding: 0 15px !important;
}

.footer_type9 .d-inline-flex:before {
   
    left: 0;
    
}

.footer_type9 .d-inline-flex {
    
    padding-left: 5%;
}

}