.mobile_ecommerce_filter_tool .mobile_ecommerce_filter_title, .mobile_ecommerce_filter_tool #mobile_ecommerce_filter_tool_id {
    display: none;
}

#main_category #category_menu li:last-child, #main_category .col-6.col-md-3.col-lg-3:last-child {
    display: none;
}

@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@600;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@200;300;400;500;600;700;800;900&display=swap');

body > br{
    display: none;
}
#main_index {
    padding-bottom: 0!important;
}

#main_showproducts .product_detail .productCustomization .nav.flex-column.nav-pills.nav-pills-custom {
    display: none;
}

#main_showproducts .product_detail .productCustomization .tab-content {
    display: none;
}

.navbar_type8 {
    width: 100%;
    height: 80px;
    /*padding: 5px 0;*/
}

.navbar_type8 .logo {
    flex: 0 1 20%;
}

.navbar_type8 .logo img {
    left: 50%;
    transform: translateX(-50%);
    width: 100%;
    height: 100%;
    padding: 7px 0; 
}

.navbar_type8 .nav_tab {
    flex: 0 1 100%;
    justify-content: center;
}

.navbar_type8 .nav_tab .nav_item {
    color: #00AFAA;
    text-transform: capitalize;
}

.navbar_type8 .nav_tab .nav_item::before {
    border-bottom: 3px solid #96b7a6;
}

.navbar_type8 .nav_tab .nav_item:nth-child(1n+2)::after {
    content: "";
    display: inline-block;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translate(-50%, -50%);
    border-left: 2px solid #0c0c0c;
    height: 80%;
}

.navbar_type8 .nav_tab .nav_item>a {
    font-size: 1vw;
    font-weight: 700;
    color: #0c0c0c;
    padding: 1vw 1.2vw;
}

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

.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.dark_nav {
    background-color: rgba(255, 255, 255, 1)!important;
}

.navbar_type8 .nav_tab .dropdown .dropdown-menu-img .dropdown-item .dropdown_pannel .dropdown_item .img_frame img {
    object-fit: contain;
}

.navbar_mobile {
    height: auto;
}

.navbar_mobile .row_1 {
    margin-bottom: 0;
    padding-top: 0.5rem!important;
    padding-bottom: 0.5rem!important;
}



.footer_type6 {
    background-color: transparent;
    background-image: url("https://cdn1.npcdn.net/img/1716536345footer-bg.png");
    background-repeat: no-repeat;
    background-position: center top;
    background-size: cover;
    padding-top: 12rem!important;
    padding-bottom: 3rem!important;
    color: #333;
}

#main_index ~ .footer_type6 {
    margin-top: -120px!important;
    
}

.footer_type6 a{
    color: #333;
}
.footer_type6 .input-container input, .footer_type6 .input-container label,
.footer_type6 .input-container .submit{
    color: #333;
}

.footer_type6 .input-container input{
    border-bottom: 1px solid #333;
    caret-color: #333;
}

.footer_type6 .input-container .moveUp{
    color: #333;
}

.footer_type6>.row>.col-12 {
    padding-left: 0!important;
    padding-right: 0!important;
}

.footer_type6>.row>.col-12>.container .col-12.col-md-3.mb-3.mb-md-0.p-3 {
    padding-top: 0!important;
    padding-bottom: 0!important;
}

.footer_type6 .title {
    min-height: 63px;
}

.footer_type6 .logo.title {
    padding-top: 0;
}

.footer_type6 .logo.title img {
    max-height: 60px;
}

.footer_type6 .title h6 {
    font-size: 1.25rem!important;
    font-weight: 600;
    align-self: flex-end;
}

.footer_type6 .col-12.col-md-3.mb-3.mb-md-0.p-3>p,
.footer_type6 .col-12.col-md-3.mb-3.mb-md-0.p-3>ul>li>a>p {
    font-size: 0.95rem;
}

.footer_type6 .input-container input, 
.footer_type6 .input-container label {
    font-size: 0.95rem;
}

@media screen and (max-width: 767.98px) {
    .footer_type6 {
        background-color: #f1f1f1;
        background-image: none;
        padding-top: 3rem!important;
        padding-bottom: 3rem!important;
    }
    #main_index ~ .footer_type6 {
        margin-top: 0!important;
    }
}



/*banner*/
.sec_banner_ebox {
    width: 45%;
    position: absolute;
    top: 45%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.sec_banner_title {
    font-size: 32px;
    line-height: 1;
    font-weight: 700;
    color: #0c0c0c;
    font-family: 'Poppins', sans-serif;
}

.sec_banner_title.white {
    color: #ffffff;
}

.sec_banner_text {
    font-size: 16px;
    line-height: 1.75;
    font-weight: 400;
    color: #58595b;
    margin-top: 10px;
    margin-bottom: 20px;
}

.sec_banner_text.white {
    color: #ffffff;
}

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


.sec_banner_box{
    background: #ffffffe0;
    padding: 2rem;
    border-radius: 5px;
}

.btnMore_banner {
    display: inline-block;
    text-decoration: none!important;
    font-size: 16px;
    line-height: 1;
    font-weight: 500;
    color: #ffffff;
    border: 1px solid #0c0c0c;
    background-color: #0c0c0c;
    padding: 10px 15px;
    border-radius: 30px;
    transition: all .5s ease-in-out;
    position: relative;
    overflow: hidden;
}

/*.btnMore_banner::before {*/
/*    content: "";*/
/*    background-color: rgba(255, 255, 255, 0.5);*/
/*    height: 100%;*/
/*    width: 20px;*/
/*    display: block;*/
/*    position: absolute;*/
/*    top: 0;*/
/*    left: 0;*/
/*    transform: skewX(-45deg) translateX(-40px);*/
/*    transition: all .5s ease-in-out;*/
/*}*/

.btnMore_banner:hover {
    background-color: #c5e4d4;
    border-color: #c5e4d4;
    color: #0c0c0c;
}

.btnMore_banner:hover::before {
    transform: skewX(-45deg) translateX(200px);
}

@media screen and (max-width: 1200px) {
    .sec_banner_ebox {
        width: 50%;
    }
    .sec_banner_title {
        font-size: 30px;
    }
    .sec_banner_text {
        font-size: 16px;
    }
    
    
}

@media screen and (max-width: 991.98px) {
    .sec_banner_ebox {
        width: 60%;
    }
    .sec_banner_title {
        font-size: 26px;
    }
    .sec_banner_text {
        font-size: 14px;
    }
    .btnMore_banner {
        font-size: 14px;
        padding: 8px 24px;
    }
    .btnMore_banner:hover::before {
        transform: skewX(-45deg) translateX(135px);
    }
}

@media screen and (max-width: 767.98px) {
    .item.slick-slide img{
            min-height: 350px;
    object-fit: cover;
    object-position: center;
    }
    .sec_banner_title {
        font-size: 24px;
        line-height: 1.3;
    }
    .sec_banner_text {
        /*font-size: 12px;*/
        margin-top: 5px;
        margin-bottom: 10px;
    }
    /*.btnMore_banner {*/
    /*    font-size: 12px;*/
    /*    padding: 6px 18px;*/
    /*}*/
    .btnMore_banner:hover::before {
        transform: skewX(-45deg) translateX(115px);
    }
}

@media screen and (max-width: 575.98px) {
    .sec_banner_ebox {
        width: 70%;
    }
    /*.sec_banner_title {*/
    /*    font-size: 16px;*/
    /*}*/
    .sec_banner_text {
        /*font-size: 12px;*/
        line-height: 1.5;
        margin-top: 5px;
        margin-bottom: 5px;
    }
}

@media screen and (max-width: 426px) {
    .sec_banner_ebox {
        width: 80%;
    }
    /*.sec_banner_title {*/
    /*    font-size: 14px;*/
    /*}*/
    /*.sec_banner_text {*/
    /*    font-size: 8px;*/
    /*}*/
    /*.btnMore_banner {*/
    /*    font-size: 8px;*/
    /*    padding: 4px 12px;*/
    /*}*/
    .btnMore_banner:hover::before {
        transform: skewX(-45deg) translateX(75px);
    }
}

@media all and (max-width:380px){
        .item.slick-slide img {
        min-height: 280px;
        }
        
        .sec_banner_title {
        font-size: 18px;
        }
        
        .sec_banner_text {
        font-size: 12px;
        }
}

/*sec1*/
.bgSec1 {
    padding-top: 7rem;
    padding-bottom: 7rem;
}

.sec1_right_title {
    font-size: 32px;
    line-height: 1;
    font-weight: 700;
    color: #0c0c0c;
    font-family: 'Poppins', sans-serif;
}

.sec1_right_keyword {
    font-size: 18px;
    line-height: 1.75;
    font-weight: 300;
    color: #58595b;
    margin-top: 20px;
    margin-bottom: 30px;
}

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

.btnMore {
    display: inline-block;
    text-decoration: none!important;
    font-size: 16px;
    line-height: 1;
    font-weight: 400;
    color: #ffffff;
    border: 1px solid #0c0c0c;
    background-color: #0c0c0c;
    padding: 10px 25px;
    border-radius: 30px;
    transition: all .5s ease-in-out;
    position: relative;
    overflow: hidden;
}

/*.btnMore::before {*/
/*    content: "";*/
/*    background-color: rgba(255, 255, 255, 0.5);*/
/*    height: 100%;*/
/*    width: 20px;*/
/*    display: block;*/
/*    position: absolute;*/
/*    top: 0;*/
/*    left: 0;*/
/*    transform: skewX(-45deg) translateX(-40px);*/
/*    transition: all .5s ease-in-out;*/
/*}*/

.btnMore:hover {
    background-color: #c5e4d4;
    border-color: #c5e4d4;
    color: #333;
    font-weight: 700;
}

.btnMore:hover::before {
    transform: skewX(-45deg) translateX(160px);
}

@media screen and (min-width: 768px) {
    .sec1_left_ebox {
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .sec1_right_ebox {
        display: flex;
        align-items: center;
    }
   
}

@media screen and (min-width: 1200px) {
    .sec1_right_box {
        max-width: 90%;
        margin: 0 auto;
    }
}

@media screen and (max-width: 767.98px) {
    .sec1_right_ebox {
        margin-top: 40px;
        margin-left: 20px;
        margin-right: 20px;
    }
    
     .sec2_top_left_ebox{
        margin-left: 20px;
        margin-right: 20px;
    }
    
    .sec2_bottom_imgx>img {
    max-height: 300px!important;
    }
}

@media screen and (max-width: 426px) {
    .sec1_right_title {
        font-size: 24px;
    }
}



/*sec2*/
.bgSec2 {
    background-image: url("https://cdn1.npcdn.net/img/1716533718sec2-bg.png");
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    padding-top: 3rem;
    padding-bottom: 3rem;
}

.sec2_top_left_title {
    font-size: 32px;
    line-height: 1;
    font-weight: 700;
    color: #0c0c0c;
    font-family: 'Poppins', sans-serif;
        /*text-transform: uppercase;*/
}

.sec2_top_left_keyword {
    font-size: 18px;
    line-height: 1.75;
    font-weight: 300;
    color: #58595b;
    margin-top: 20px;
}

.sec2_bottom_ebox {
    margin-top: 40px;
}

.sec2_bottom_box {
    width: 100%;
    height: 100%;
    background-color: #ffffff;
    padding: 7px 0px 30px;
    border-radius: 5px;
    /*filter: drop-shadow(0 0 2px rgba(0, 0, 0, 0.5));*/
    box-shadow: 0px 0px 12px #00000014;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-end;
    transition: all .5s;
}

.sec2_bottom_box:hover {
    filter: drop-shadow(0 0 4px rgba(0, 0, 0, 0.5));
    transform: translateY(-5px);
}

.sec2_bottom_imgx>img {
    max-height: 200px;
    width: auto;
}

.sec2_bottom_text {
    font-size: 18px;
    line-height: 1.25;
    font-weight: 700;
    color: #0c0c0c;
    font-family: 'Poppins', sans-serif;
    margin-top: 30px;
    /*margin-bottom: 20px;*/
    min-height: 50px;
    display: flex;
    align-items: flex-start;
    justify-content: center;
}

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

@media screen and (min-width: 1200px) {
    .sec2_ctrl_width {
        max-width: 80%;
        margin: 0 auto;
    }
    .sec2_top_left_box {
        max-width: 95%;
    }
}

@media screen and (max-width: 575.98px) {
    .sec2_bottom_box {
        padding: 20px 15px;
    }
    .sec2_bottom_text {
        min-height: auto;
    }
}

@media screen and (max-width: 426px) {
    .sec2_top_left_title {
        font-size: 24px;
    }
}



/*sec3*/
.bgSec3 {
    background-image: url("https://cdn1.npcdn.net/img/1716536056sec3-bg.png");
    background-repeat: no-repeat;
    background-position: center bottom;
    background-size: cover;
    padding-top: 5rem;
    padding-bottom: 15rem;
}

.sec3_top_left_title {
    font-size: 32px;
    line-height: 1;
    font-weight: 700;
    color:#0c0c0c;
    font-family: 'Poppins', sans-serif;
        /*text-transform: uppercase;*/
}

.sec3_top_left_keyword {
    font-size: 18px;
    line-height: 1.75;
    font-weight: 300;
    color: #58595b;
    margin-top: 20px;
}

.sec3_bottom_box {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.sec3_bottom_content {
    flex-basis: 25%;
    max-width: calc(25% - 10px);
    background-color: #ffffff;
    padding: 15px;
    border-radius: 5px;
    /*filter: drop-shadow(0 0 2px rgba(0, 0, 0, 0.5));*/
    margin-top: 40px;
    transition: all .5s;
}

.sec3_bottom_content:hover {
    filter: drop-shadow(0 0 4px rgba(0, 0, 0, 0.5));
}

.sec3_bottom_content_imgx {
    max-width: 80px;
    height: auto;
    margin: 0 auto;
}

.sec3_bottom_content_imgx>img:hover {
    animation: swing-custom 0.75s linear;
    transform-origin: bottom;
}

.sec3_bottom_content_text {
    font-family: 'Poppins', sans-serif;
    font-size: 18px;
    line-height: 1.25;
    font-weight: 600;
    color: #58595b;
    font-style: italic;
    margin-top: 10px;
    min-height: 50px;
    display: flex;
    align-items: flex-start;
    justify-content: center;
}

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

@media screen and (min-width: 992px) {
    .sec3_bottom_box {
        max-width: 100%;
    }
}

@media screen and (min-width: 1200px) {
    .sec3_ctrl_width {
        max-width: 80%;
        margin: 0 auto;
    }
}

@media screen and (max-width: 767.98px) {
    .bgSec3 {
        background-position: center;
        padding-top: 3rem;
        padding-bottom: 3rem;
    }
    .sec3_bottom_box {
        flex-wrap: wrap;
    }
    .sec3_bottom_content {
        flex-basis: 50%;
        max-width: calc(50% - 10px);
    }
}

@media screen and (max-width: 575.98px) {
    .sec3_bottom_content {
        flex-basis: 100%;
        max-width: 100%;
    }
    /*.sec3_bottom_content_text {*/
    /*    min-height: auto;*/
    /*}*/
}

@media screen and (max-width: 426px) {
    .sec3_top_left_title {
        font-size: 24px;
    }
}



/*sec4*/
.bgSec4 {
    padding-top: 3rem;
    padding-bottom: 3rem;
    margin-top: -150px;
}

.sec4_right_title {
    font-size: 32px;
    line-height: 1.25;
    font-weight: 700;
    color: #0c0c0c;
    font-family: 'Poppins', sans-serif;
        /*text-transform: uppercase;*/
}

.sec4_right_text {
    font-size: 16px;
    line-height: 1.75;
    font-weight: 300;
    color: #58595b;
    margin-top: 10px;
}

.sec4_right_content1 {
    margin-top: 30px;
}

.sec4_right_content2 {
    margin-top: 30px;
}

.sec4_right_content_title {
    font-size: 20px;
    line-height: 1;
    font-weight: 700;
    color: #0c0c0c;
    font-family: 'Poppins', sans-serif;
}

.sec4_right_content_box {
    margin-top: 10px;
}

.sec4_right_content_text {
    font-size: 16px;
    line-height: 1.75;
    font-weight: 300;
    color: #58595b;
    margin-top: 10px;
}

.sec4_right_content2 .sec4_right_content_text {
    display: inline-block;
    margin-top: 0;
}

.sec4_right_btn {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    margin-top: 30px;
}
.sec4_left_imgx img{
    border-radius: 10px;
}
.sec1_left_imgx img{
    border-radius: 0px 10px 10px 0px;
}



@media screen and (min-width: 768px) {
    .sec4_left_ebox {
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .sec4_right_ebox {
        display: flex;
        align-items: center;
    }
}

@media screen and (min-width: 1200px) {
    .sec4_ctrl_width {
        max-width: 70%;
        margin: 0 auto;
    }
    .sec4_right_box {
        max-width: 90%;
        margin: 0 auto;
    }
    
  
}

@media all and (max-width:1200px){
      .navbar_type8 .nav_tab .nav_item>a{
        padding: 1vw;
        font-size: 1.2vw;
    }
    .navbar_type8 .logo {
        margin-left: 15px;
    }
    .navbar_type8 .nav_tab {
        padding: 0;
    }
}

@media all and (max-width:992px){
    .footer_type6 .title h5{
        font-size: 18px;
    }
    .footer_type6 .input-container input, .footer_type6 .input-container label {
    font-size: 13px;
    }
}

@media screen and (max-width: 767.98px) {
    .bgSec4 {
        margin-top: 0;
    }
    .sec4_right_ebox {
        margin-top: 40px;
        margin-left: 20px;
        margin-right: 20px;
    }
    
    .sec3_bottom_content{
        box-shadow: 0px 0px 10px #00000012;
    }
}

@media screen and (max-width: 480px) {
    .sec4_right_title {
        font-size: 24px;
    }
    
    .sec2_bottom_btn{
        margin-top: 20px;
    }
}




/*About_us_page*/
.about_us_page {
    /*padding-bottom: 3rem;*/
    padding-top: 2rem;
}
.about_us_container {
    /*left: 10%;*/
}


.about_us_title {
    right: 5%;
    padding: 3rem 3rem 3rem 3rem;
    background: #f2f2f2;
    
}
.about_us_container img{
    max-width: 100%;
    width:80%;
    margin-left: 8rem;
}

.about_us_BigTitle h2 {
    /*text-transform: uppercase;*/
    /* letter-spacing: 1px; */
    font-weight: 800;
    padding-bottom: 1rem;
    color: #0c0c0c;

}

.about_us_BigTitle p{
    font-size: 15px;
    font-weight: 400;
    line-height: 1.6;
    color: #333;
}

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

@media all and (max-width:1024px){
    .about_us_title{
        /*padding: 0;*/
        /*padding-left: 1.5rem;*/
    }
    
.about_us_container img {
    /*max-width: 100%;*/
    /*width: 70%;*/
    /*margin-left: 4rem;*/
    width: 90%;
    margin-left: 4rem;
}
}


@media all and (max-width:992px){
    .about_us_container img{
        text-align:center;
    }
    .about_us_title{
        padding: 2rem;
        left: 0%;
    }
    
    .about_us_BigTitle h2{
        text-align: center;
    }
    
    .about_us_BigTitle p {
        text-align: center;
    }
    
     .about_us_container img{
    margin-left: 0;
    width:100%;
    }
    
    .about_us_title{
        background: transparent;
    }
    
    .navbar_mobile{
        background:#fff;
    }
}

@media all and (max-width:380px){
   .about_us_BigTitle h2 {
       font-size: 32px;
   }
}

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

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