body {
    margin: 0;
    font-family: 'Inter', sans-serif;
    color: var(--content);
    background: var(--white);
}

:root {
    --primary: #009541;
    --secondary: #00431b;
    --orange: #f7941d;
    --light: #f1f2f2;
    --content: #58595b;
    --white: #fff;
    --black: #000;
}

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

.m_default_languagebar .footer_langbar_item{
    color:#fff;
}


/*fixed code*/
.image_all {
    width: 100%;
    margin: 0 auto;
    display: block;
    object-fit: contain;
}

.n_small {
    font-family: 'Inter', sans-serif;
    font-size: 16px;
    font-weight: 500;
    line-height: 1.3;
    margin-bottom: 0.65rem;
    color: var(--primary);
    text-transform: uppercase;
    letter-spacing: 0;
}

.n_title {
    font-family: 'Anton', sans-serif;
    font-size: 42px;
    font-weight: 400;
    line-height: 1.05;
    margin-bottom: 1rem;
    color: var(--secondary);
    text-transform: uppercase;
}

.n_subtitle {
    font-family: 'Inter', sans-serif;
    font-size: 18px;
    font-weight: 700;
    line-height: 1.3;
    margin-bottom: 1rem;
    color: var(--secondary);
}

.n_content {
    font-family: 'Inter', sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.5;
    margin-bottom: 1rem;
    color: var(--content);
}

.c_color1 {
    color: #fff;
}

.c_color2 {
    color: #000;
}

.c_color3 {
    color: var(--primary);
}

.theline {
    width: 52px;
    height: 4px;
    background-color: var(--orange);
    margin: 0 0 1.35rem;
}

.btnbox_left {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin: 2rem 0 0;
}

.btnbox_center {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 2rem 0 0;
}

.btnbox_right {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    margin: 2rem 0 0;
}

.n_button {
    border: 1px solid var(--primary);
    border-radius: 0;
    background-color: var(--primary);
    width: auto;
    padding: 0 28px;
    height: 36px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 14px;
    font-weight: 600;
    text-align: center;
    color: #fff;
    text-decoration: none;
    text-transform: uppercase;
    transition: 0.25s all linear;
}

.n_button:hover {
    text-decoration: none;
    color: #fff;
    transform: scale(0.98);
}


/*category page*/
.category_list_type4 .category_box .img_frame img{
    object-fit: contain;
}

/*Product page*/
.product_list_5 .product_box .img_frame img{
    object-fit: contain;
    background-color:#fff;
}

.hp_latest_new_8 .news_box .img_frame{
    padding-top:unset;
    height:auto;
    aspect-ratio: 3/4;
}
.hp_latest_new_8 .news_box .img_frame img{
    object-fit: contain;
}

/*tag page*/
.product_list_horizontal .product_box .img_frame img{
    object-fit: contain;
    background-color:#fff;
}

@media screen and (max-width:767.5px){
    #main_tag .horizontal_detail_bottom{
        margin-top:1rem;
    }
    .product_list_horizontal .product_box .product_des .title{
        font-size:18px;
    }
    .product_list_horizontal .product_box .horizontal_detail_box .product_simple_description{
        font-size:12px;
    }
    .product_list_horizontal .product_box .horizontal_detail_bottom .button_section{
        justify-content: flex-start;
    }
    .product_list_horizontal .product_box .product_img{
        flex:0 0 40%;
    }
    .product_list_horizontal .product_box .product_des{
        flex:0 0 60%;
    }
    .product_list_horizontal .product_box .img_frame{
        padding-top:unset!important;
        height:auto;
        aspect-ratio: 1;
        border-radius: 5px;
    }
    .product_list_horizontal .product_box .whatsapp_wrapper a{
        color: #333;
        font-size: 10px !important;
        font-weight: 500;
    }
}

/*photo page*/
.gallerycategory .img_frame img{
    object-fit: contain;
}
.ws_gallery-2 .img_frame img{
    object-fit: contain;
}

/*news page*/
.latest_new_type4 .news_box .img_frame{
    box-shadow:0px 0px 2px rgba(0,0,0,0.3);
}
.latest_new_type4 .news_box .img_frame img{
    object-fit: contain;
}


/*navbar*/
.navbar_type8{
    height:100px;
}
.navbar_type8 .logo img{
    width:7vw;
    padding:5px;
}
.navbar_type8 .nav_tab .nav_item a{
    font-size:1vw;
    padding:5px 1.2vw;
    color:#000;
}
.navbar_type8 .nav_tab .nav_item a:hover{
    background-color:#f7941d;
    border-radius: 5px;
}
.navbar_type8 .nav_tab .dropdown .dropdown-menu .dropdown-item a{
    color:#fff;
    -webkit-text-stroke-width: 0px;
    -webkit-text-stroke-color: black;
}
.navbar_type8 .nav_tab .dropdown .dropdown-menu .dropdown-item a{
    color:#fff!important;
}
.navbar_type8 .nav_tab .dropdown .dropdown-menu .dropdown-item a:hover{
    color:#fff!important;
}
.navbar_type8 .nav_tab .dropdown .dropdown-menu{
    top:25px;
}

.navbar_mobile .btn-outline-light:hover{
    background-color:transparent;
}
.navbar_mobile .btn-outline-light:hover{
    border-color: #000;
    color: #000;
}
.navbar_mobile .btn-outline-light:not(:disabled):not(.disabled):active{
    color: #000;
    background-color: transparent;
    border-color: #000;
}
.navbar_type8 .nav_tab .nav_item::before{
    display: none;
}
.dark_nav{
    background-color:#fff!important;
}

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

.site_topbar {
    background: var(--secondary);
    color: #fff;
    font-size: 12px;
    padding: 7px 10rem 7px 5%;
}

.site_topbar_inner {
    display: flex;
    justify-content: flex-end;
    gap: 22px;
    font-size:14px;
    align-items: center;
}
.site_topbar_inner span{
    padding-right: 1rem;
    border-right:1px solid #fff;
}
.site_topbar_inner span:nth-last-child(1),
.site_topbar_inner span:nth-last-child(2){
    border-right:1px solid transparent;
}

.site_header {
padding: 12px 5%;
background: #fff;
border-bottom: 1px solid rgba(0, 0, 0, 0.05);
}

.site_header_inner {
display: flex;
justify-content: space-between;
align-items: center;
gap: 20px;
}

.site_logo {
width: 93px;
}

.site_nav {
display: flex;
align-items: center;
gap: 30px;
margin: 0;
padding: 0;
list-style: none;
font-size: 13px;
font-weight: 700;
color: #111;
}

.site_nav a {
text-decoration: none;
transition: 0.25s all linear;
}

.site_nav a.active {
background: var(--orange);
color: #fff;
padding: 8px 13px;
}

.site_nav a:hover {
color: var(--orange);
}

/* hp_banner */
.slider_banner {
position: relative;
overflow: hidden;
}

.slider_banner .banner_content {
position: absolute;
inset: 0;
overflow: hidden;
}

.slider_banner .item > img {
width: 100%;
height: 560px;
display: block;
object-fit: cover;
}

.hp_banner {
position: relative;
left: 0%;
top: 50%;
transform: translate(0, -50%);
width: calc(100% - 0%);
min-height: 560px;
display: flex;
align-items: center;
overflow: hidden;
}

.hp_banner_box {
position: relative;
z-index: 2;
width: 48%;
padding: 0 0 0 5%;
}

.hp_banner_small {
font-size: 1.2vw;
font-weight: 500;
line-height: 1.5;
color: #fff;
text-transform: uppercase;
margin-bottom: 0.8vw;
}

.hp_banner_title {
font-family: 'Anton', sans-serif;
font-size: 3.65vw;
font-weight: 400;
line-height: 1.06;
color: #fff;
text-transform: uppercase;
margin-bottom: 0.85vw;
}

.hp_banner_title span {
color: var(--orange);
}

.hp_banner_content {
font-size: 1.2vw;
font-weight: 300;
line-height: 1.5;
color: #fff;
width: 80%;
margin-bottom: 0;
}

.hp_banner_buttonbox {
display: flex;
justify-content: flex-start;
align-items: center;
gap: 26px;
margin-top: 4%;
}

.hp_banner_button {
font-size: 14px;
font-weight: 500;
color: #fff;
width: 145px;
height: 40px;
display: flex;
justify-content: center;
align-items: center;
text-align: center;
background-color: var(--orange);
text-decoration: none;
text-transform: uppercase;
transition: 0.25s all linear;
}

.hp_banner_button:hover {
    color: #fff;
    text-decoration: none;
    transform: scale(0.98);
}

.hp_banner_quote {
font-size: 14px;
font-weight: 700;
color: #fff;
text-transform: uppercase;
text-underline-offset: 5px;
text-decoration: underline!important;
}
.hp_banner_quote {
color:#fff!important;
    text-decoration: none;
}

.hp_about {
padding: 75px 5% 45px;
}

.hp_about_intro {
align-items: start;
margin-bottom: 35px;
}

.hp_about .n_title span,
.hp_category .n_title span,
.hp_news .n_title span,
.hp_choose .n_title span{
color: var(--orange);
}
.hp_about_content .n_content{
    line-height: 1.8;
}
.hp_about_tabs {
margin-top: 24px;
}

.hp_about_box {
background: var(--light);
min-height: 112px;
padding: 18px 16px;
display: flex;
flex-direction: column;
justify-content: center;
gap: 10px;
border-left: 0 solid transparent;
transition: 0.25s all linear;
}

.hp_about_box:hover {
background: var(--primary);
color: #fff;
}

.hp_about_icon {
width: 60px;
height: 60px;
object-fit: contain;
transition: 0.25s all linear;
}

.hp_about_label {
    font-size: 14px;
    font-weight: 600;
    line-height: 1.35;
    color: var(--primary);
    transition: 0.25s all linear;
    min-height: 4rem;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
}

.hp_about_box:hover .hp_about_label {
color: #fff;
}

.hp_about_box:hover .hp_about_icon {
filter: brightness(0) invert(1);
}

.hp_category {
padding: 45px 5% 80px;
}

.hp_category_box {
overflow: hidden;
background: #f5f5f5;
margin-bottom: 28px;
}

.hp_category_box a {
display: block;
text-decoration: none;
}

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

.hp_category_titlebox {
background: transparent;
padding-right: 35px;
}

.hp_category_img {
overflow: hidden;
}

.hp_category_img .image_all {
height: 100%;
object-fit: cover;
}

.hp_category_info {
background: var(--primary);
padding: 13px 18px;
}

.hp_category_info .n_subtitle {
    margin-bottom: 0;
    color: #fff;
    font-size: 18px;
    font-weight: 400;
    line-height: 1.3;
}

.hp_choose {
padding: 0 0%;
background: var(--secondary);
background-image: url("https://cdn1.npcdn.net/images/D_Background_gpozty_1783353419.jpg?md5id=f0a94cc746c82ccf258040d541a2e15e&new_width=1600&new_height=1600&type=4");
background-size: cover;
background-position: center;
background-repeat: no-repeat;
color: #fff;
overflow: hidden;
}

.hp_choose .container-fluid,
.hp_choose .row,
.hp_choose .col-lg-6 {
min-height: 535px;
}

.hp_choose_info {
padding: 90px 9% 80px 0;
height: 100%;
display: flex;
flex-direction: column;
justify-content: center;
}

.hp_choose .n_small,
.hp_choose .n_title,
.hp_choose .n_content {
color: #fff;
}

.hp_choose_list {
margin-top: 28px;
}

.hp_choose_item {
display: flex;
align-items: start;
margin-bottom: 18px;
}

.hp_choose_check {
flex: 0 0 22px;
width: 22px;
height: 22px;
border-radius: 50%;
background: #fff;
color: var(--primary);
display: flex;
align-items: center;
justify-content: center;
font-size: 13px;
font-weight: 900;
margin-right: 13px;
}

.hp_choose_item_title {
    color: var(--orange);
    font-weight: 300;
    font-size: 18px;
    margin-bottom: 2px;
    font-family: "Anton";
}

.hp_choose_item_text {
color: rgba(255, 255, 255, 0.85);
font-size: 16px;
line-height: 1.45;
margin: 0;
}

.index_wrapper_6{
padding: 75px 5% 0;
text-align: center;
}

.hp_news .theline {
margin-left: auto;
margin-right: auto;
}
.hp_news{
    margin-bottom:1rem;
}

.hp_news_grid {
margin-top: 42px;
text-align: left;
}
.hp_latest_new_8 .news_box .read_more{
    text-align: left;
    text-decoration:underline;
}
.hp_latest_new_8 .news_box .date {
    opacity: 1;
    font-size: 14px;
    color:#009541;
}
.hp_latest_new_8 .news_box .date i{
    color:#009541;
}
.hp_latest_new_8 .news_box .title{
    font-size:16px;
    font-family: "Anton";
    font-weight:400;
    margin-top:0.5rem;
}
.hp_latest_new_8 .news_box .title p{
    text-align: left;
    color:#009541;
}
.hp_latest_new_8 .news_box:hover{
    box-shadow: 0px 0px 7px rgba(0, 0, 0, 0.5);
}

.hp_news_box {
background: #fff;
padding: 0 0 18px;
box-shadow: 0 10px 26px rgba(0, 0, 0, 0.08);
}

.hp_news_box:nth-child(1),
.hp_news_box:nth-child(3) {
box-shadow: none;
}

.hp_news_thumb {
background: #303030;
height: 150px;
color: #fff;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
text-align: center;
text-transform: uppercase;
font-weight: 800;
letter-spacing: 2px;
margin-bottom: 18px;
}

.hp_news_title {
font-family: 'Anton', sans-serif;
color: var(--secondary);
font-size: 18px;
line-height: 1.2;
margin: 0 0 18px;
padding: 0 12px;
}

.hp_news_meta {
display: flex;
justify-content: space-between;
align-items: center;
font-size: 12px;
color: var(--primary);
padding: 0 12px;
}



.site_footer {
background-image: linear-gradient(rgba(0, 67, 27, 0.96), rgba(0, 67, 27, 0.96)), url("https://cdn1.npcdn.net/images/G_Background_95bo4j_1783353421.jpg?md5id=f0a94cc746c82ccf258040d541a2e15e&new_width=1600&new_height=1600&type=4");
background-size: cover;
background-position: center;
color: #fff;
padding: 70px 5% 22px;
}

.site_footer_row {
padding-bottom: 55px;
}

.site_footer_logo {
width: 105px;
margin-bottom: 18px;
}

.site_footer p,
.site_footer a {
color: rgba(255, 255, 255, 0.75);
font-size: 13px;
line-height: 1.6;
text-decoration: none;
}

.site_footer_title {
font-family: 'Anton', sans-serif;
color: var(--orange);
font-size: 20px;
margin-bottom: 18px;
text-transform: uppercase;
}

.site_footer_links {
list-style: none;
margin: 0;
padding: 0;
}

.site_footer_links li {
margin-bottom: 8px;
}

.site_footer_form {
display: flex;
border-bottom: 1px solid rgba(255, 255, 255, 0.4);
padding-bottom: 8px;
}

.site_footer_form input {
flex: 1;
border: 0;
background: transparent;
color: #fff;
outline: none;
font-size: 13px;
}

.site_footer_form button {
border: 0;
background: transparent;
color: #fff;
}

.site_footer_bottom {
border-top: 1px solid rgba(255, 255, 255, 0.25);
padding-top: 18px;
display: flex;
justify-content: space-between;
color: rgba(255, 255, 255, 0.7);
font-size: 12px;
}

@media (max-width: 1200.5px) {
.n_title {
font-size: 36px;
}

.hp_banner {
min-height: 500px;
}

.slider_banner .item > img {
height: 500px;
}

.hp_banner_title {
font-size: 3.55vw;
}

.hp_banner_content {
font-size: 1.2vw;
}

.site_nav {
gap: 18px;
}
}

@media (max-width: 991.5px) {
    .site_nav {
        display: none;
    }
    
    .site_topbar_inner {
    justify-content: center;
    flex-wrap: wrap;
    gap: 10px 18px;
    }
    
    .hp_banner {
    min-height: 440px;
    }
    
    .slider_banner .item > img {
    height: 440px;
    }
    
    .hp_banner_box {
    width: 58%;
    }
    
    .hp_banner_small {
    font-size: 1.6vw;
    }
    
    .hp_banner_content {
    font-size: 1.5vw;
    }
    
    .hp_choose .container-fluid,
    .hp_choose .row,
    .hp_choose .col-lg-6 {
        min-height: auto;
    }
    .hp_about_box{
        margin-bottom:2rem;
    }
    .hp_choose_info{
            background-color: rgba(0, 0, 0, 0.5);    padding: 90px 9% 80px 4rem;
    }
    .hp_choose_item_text{
        font-size:16px;
    }
}

@media (max-width: 767.5px) {
.site_topbar {
font-size: 11px;
}

.site_logo {
width: 78px;
}

.hp_banner {
min-height: 100vw;
}

.slider_banner .item > img {
min-height: 100vw !important;
object-fit: cover;
object-position: right;
}

.hp_banner::before {
position: absolute;
content: "";
inset: 0;
background: rgba(0, 67, 27, 0.28);
}

.hp_banner_box {
    width: 100%;
    padding: 2rem 7%;
    background-color: rgba(0, 0, 0, 0.5);
}

.hp_banner_small {
font-size: 3vw;
}

.hp_banner_title {
font-size: 8.5vw;
}

.hp_banner_content {
font-size: 3.4vw;
width: 82%;
}

.hp_banner_buttonbox {
gap: 18px;
flex-wrap: wrap;
}

.hp_about,
.hp_category,
.hp_news{
padding-left: 0%;
padding-right: 0%;
}

.n_title {
font-size: 31px;
}

.hp_about_tabs,
.hp_news_grid,
.hp_choose_info {
padding: 0px 0%;
}
.hp_about .btnbox_center{
    margin-top:0;
}
.hp_category_titlebox .n_small,
.hp_category_titlebox .n_title{
    text-align: center;
}
.hp_category_titlebox .theline{
    margin:0 auto;
}
.hp_category_img{
    aspect-ratio: 4/3;
}
.hp_category{
    padding-bottom:1rem;
}



.site_footer_bottom {
flex-direction: column;
gap: 10px;
}
.hp_choose{
    padding:30px 0;
}
.hp_choose_info{
    padding:30px 1rem;
}
.index_wrapper_6{
    padding:60px 0 0;
}
}

/*footer*/
.footer_type6 .copy_right,
.npfooter_languagebar .text-muted,
.platinum_website_visitor,
.npfooter_languagebar,
.copy_right small,
.footer_type6 .privacy_policy:hover,
.footer_type6 .mb-1{
    color:#fff!important;
}
.footer_type6 .social_media a .icon_s img{
    filter:brightness(0) invert(1)!important;
}
.footer_type6 .social_media a:hover .icon_s i {
    color: #fff;
}
.footer_langbar_item{
    color:#fff!important;
}
.footer_type6{
    background-image:url("https://cdn1.npcdn.net/images/G_Background_95bo4j_1783353421.jpg?md5id=f0a94cc746c82ccf258040d541a2e15e&type=4");  
    background-size:cover;
    background-position:center;
    background-repeat:no-repeat;
}
.footer_type6 .logo{
    min-height:90px;
}
.footer_type6 .title{
    font-family: "Anton";
    font-weight:300;
    color:#f7941d;
    text-transform: uppercase;
}
.footer_type6 .logo img{
    max-height:90px;
}

/*mobile side-navbar*/
.side_menu .footer_langbar_item{
    color:#fff!important;
}


     .hp_contact {
      padding: 3.4vw 8% 5.9vw;
      position: relative;
    }

    .hp_contact .n_title span {
      color: var(--orange);
    }

    .hp_contact_box {
      background-image: url("https://cdn1.npcdn.net/images/F_Background_ij3ut7_1783353419.png?md5id=f0a94cc746c82ccf258040d541a2e15e&new_width=1600&new_height=1600&type=4");
    background-size: cover;
    background-position: top;
    background-repeat: no-repeat;
    border-radius: 12px;
    padding: 10.9vw 8% 4vw;
    display: flex;
    align-items: center;
    position: relative;
    overflow: hidden;
    }

    .hp_contact_info {
      width: 29vw;
      color: #fff;
      position: relative;
      z-index: 2;
    }

    .hp_contact .n_title {
      font-size: 2.65vw;
      color: #fff;
    }

    .hp_contact .n_content {
      color: #fff;
    }

    .hp_contact_small {
      font-size: 0.82vw;
      font-weight: 700;
      line-height: 1.3;
      margin-bottom: 0.75vw;
      color: #fff;
      text-transform: uppercase;
    }

    .hp_contact_detail {
      list-style: none;
      padding: 0;
      margin: 1.25vw 0 0;
      color: #fff;
      font-size: 0.92vw;
      font-weight: 500;
    }

    .hp_contact_detail li {
      display: flex;
      align-items: flex-start;
      margin-bottom: 0.78vw;
      line-height: 1.45;
    }

    .hp_contact_phone {
      font-size: 1.12vw;
      font-weight: 700;
      line-height: 1.45;
      letter-spacing: 0;
    }

    .hp_contact_icon {
      width: 1.25vw;
      height: 1.25vw;
      object-fit: contain;
      margin-right: 0.82vw;
      flex: 0 0 1.25vw;
    }

    .hp_contact_stamp {
      position: absolute;
      left: 39%;
      top: 49%;
      transform: translate(-50%, -50%);
      width: 9vw;
      height: auto;
      z-index: 3;
    }

    .hp_contact_stamp img {
      width: 100%;
      height: auto;
      display: block;
    }

    @media (max-width: 991.5px) {
      .hp_contact_info {
        width: 42vw;
      }

      .hp_contact .n_title {
        font-size: 3.3vw;
      }

      .hp_contact_small {
        font-size: 1.3vw;
      }

      .hp_contact_detail {
        font-size: 1.45vw;
      }

      .hp_contact_phone {
        font-size: 1.75vw;
      }

      .hp_contact_icon {
        width: 1.9vw;
        height: 1.9vw;
        margin-right: 1.2vw;
        flex: 0 0 1.9vw;
      }

      .hp_contact_stamp {
        left: 69%;
        top: 49%;
        width: 12vw;
      }
    }

    @media (max-width: 767.5px) {
      .hp_contact {
        padding-left: 0%;
        padding-right: 0%;
      }

      .hp_contact_box {
        padding: 37vw 5% 5vw;
        background-position: center top;
        background-size: cover;
      }

      .hp_contact_info {
        width: 64vw;
      }

      .hp_contact .n_title {
        font-size: 7vw;
      }

      .hp_contact_small {
        font-size: 3vw;
        margin-bottom: 2vw;
      }

      .hp_contact_detail {
        font-size: 3.2vw;
        margin-top: 4vw;
      }

      .hp_contact_detail li {
        margin-bottom: 2.8vw;
      }

      .hp_contact_phone {
        font-size: 3.8vw;
      }

      .hp_contact_icon {
        width: 4.2vw;
        height: 4.2vw;
        margin-right: 2.5vw;
        flex: 0 0 4.2vw;
      }

      .hp_contact_stamp {
        left: 78%;
        top: 58%;
        width: 28vw;
      }
    }