.sodotochuc_pc, .tieuchi_pc { display: block;}
.sodotochuc_mb, .tieuchi_mb { display: none;}
.tabs_head{ display: flex;  gap: 40px;  margin-bottom: 30px; flex-wrap: nowrap; align-content: space-around; justify-content: center; text-align: center;}
.tab_item{ font-size: 18px; font-weight: 600; color: #0a6b4e; cursor: pointer; padding-bottom: 10px; position: relative;}
.tab_item *{ cursor: pointer !important;}
.tab_item.active{  color: #0a6b4e;}
.tab_item.active::after{ content: '';  position: absolute; left: 0; bottom: 0; width: 100%; height: 3px; background: #c49a3a; /* màu gạch chân */}
.tab_content{ display: none; font-size: 16px; line-height: 1.7; color: #333;}
.tab_content.active{ display: block;}
.f-detail h3 { color: #01683d;  position: relative;  margin-bottom: 25px;}
.f-detail h3:before { position: absolute; content: "";  width: 71px;  height: 2px; background: #bb9743; bottom: -5px; left: 2px}
#header.active{box-shadow:0 0 .8rem rgba(0,0,0,.1)}
#header{user-select:none;position:sticky;top:0;background-color:#fff;z-index:12}
.r1_dv ul{margin-left:15px}
.r1_dv ul li{list-style:disc;margin-left:20px}
.search-box{position:relative;width:40px;height:40px;border-radius:20px;transition:width .35s ease;overflow:hidden}
.search-box.active{width:300px}
.search{display:none;position:absolute;left:0;top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;z-index:5;pointer-events:auto;color:#caa45c;font-size:16px}
.search-input{position:absolute;inset:0;width:100%;height:100%;padding:0 45px;border:none;outline:none;background:transparent;opacity:0;pointer-events:none}
.search-box.active .search-input{opacity:1;pointer-events:auto}
.ul_hea1 .active .search-icon{display:none}
.ul_hea1 .active .search{right:0!important;left:auto;display:block}
.search-icon{position:absolute;left:0;top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;z-index:5;pointer-events:auto;color:#caa45c;font-size:16px}
.close-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;z-index:5;pointer-events:auto;color:#caa45c;font-size:16px}
.close-icon{display:none}
.search-box.active .close-icon{display:block}
.f-detail-tcode{width:900px;margin:0 auto 30px;text-align:center}
.r_lvhd:nth-child(2n) .img_f_lvhd{margin-left:0;margin-right:2rem}
.r_lvhd:nth-child(2n) .nd_f_lvhd{padding-right:0;padding-left:2rem}
.r_lvhd:nth-child(2n) .t2_tcode .na_cont{color:#0f6f39}
.r_lvhd:nth-child(2n) .f-detail{color:#333}
.r_lvhd:nth-child(2n) .t2_tcode::before{background-color:#333}
.t2_tcode{position:relative;width:100%}
.t2_tcode::before{content:"";background-color:#bb9743;width:75px;height:2px;position:absolute;bottom:-10px;left:0}
.r_lvhd{width:100%;float:left;margin-bottom:60px}
.f_sp .t2_tcode h2{font-size:24px;margin-bottom:5px}
.t2_tcode h2{font-size:24px}
.cont_xemthem{position:absolute;right:0;top:10px;color:#0f6f39}
.cont_xemthem a{color:#0f6f39}
.link_f_lvhd:hover{background-color:#ccc;color:#333}
.r_lvhd .min_wrap{display:flex;flex-wrap:wrap;gap:var(--gap40)}
.r_lvhd:nth-child(2n) .min_wrap{display:flex;flex-direction:row-reverse;flex-wrap:wrap;gap:var(--gap40)}
.img_f_lvhd{user-select:none;overflow:hidden;flex:1 1 30rem;margin-left:2rem;max-width:100%;aspect-ratio:3/2;background-color:#fff;border:.3rem solid #eee;border-top-left-radius:8rem;border-bottom-right-radius:8rem}
.img_f_lvhd a{display:block;height:100%}
.img_f_lvhd img{padding:.3rem;display:block;width:100%;height:100%;border-top-left-radius:8rem;border-bottom-right-radius:8rem;transition:transform .4s;-webkit-transition:transform .4s;-moz-transition:transform .4s;-ms-transition:transform .4s;-o-transition:transform .4s}
.img_f_lvhd:hover img{transform:scale(1.2);-webkit-transform:scale(1.2);-moz-transform:scale(1.2);-ms-transform:scale(1.2);-o-transform:scale(1.2)}
.nd_f_lvhd{flex:1 1 30rem;max-width:100%;padding-right:2rem;text-align:justify}
.link_f_lvhd{margin-top:4rem}
.min_wrap > .r_lvhd:nth-child(2n) .img_f_lvhd{margin-left:0;margin-right:2rem}
.min_wrap > .r_lvhd:nth-child(2n) .nd_f_lvhd{padding-right:0;padding-left:2rem}
.min_wrap > .r_lvhd:nth-child(2n) .t2_tcode .na_cont{color:#0f6f39}
.ten_list_lvhd a{color:#222;color:#0f6f39}
.ten_list_lvhd{padding-bottom:10px;font-size:20px;margin-bottom:10px}
.list_dv_tcode li{width:100%;float:left;margin-bottom:45px}
.min_wrap > .r_lvhd:nth-child(2n) .f-detail{color:#333}
.min_wrap > .r_lvhd:nth-child(2n) .t2_tcode::before{background-color:#bb9743;}
.min_wrap > .r_lvhd:nth-child(2n) .link_f_lvhd:hover{background-color:#ccc;color:#333}
.link_f_lvhd{user-select:none;display:inline-flex;align-items:center;gap:.5rem;font-size:14px;font-weight:500;line-height:2rem;background-color:#0f6f39;color:#fff;padding:1.4rem 2.4rem;border-radius:2.4rem;-webkit-border-radius:2.4rem;-moz-border-radius:2.4rem;-ms-border-radius:2.4rem;-o-border-radius:2.4rem;transition:.3s;-webkit-transition:.3s;-moz-transition:.3s;-ms-transition:.3s;-o-transition:.3s}
.swiper5 .swiper-wrapper .swiper-slide a{display:flex;justify-content:center;align-items:center;aspect-ratio:16 / 9;background-color:#fff;border-radius:.8rem;-webkit-border-radius:.8rem;-moz-border-radius:.8rem;-ms-border-radius:.8rem;-o-border-radius:.8rem}
.swiper5 .swiper-wrapper .swiper-slide img{max-width:100%;height:80px !important;object-fit:contain;padding:1rem}
.swiper5 .swiper-slide{margin-bottom:20px!important; height: 80px;}
.swiper1{height:90vh;overflow:hidden}
.swiper1 .swiper-slide{height:90vh}
.h-100{height:100%!important}
.slider-homepage-pan .swiper-slide{background-size:cover;background-repeat:no-repeat;background-position:center}
.ct-slide-homepage{position:absolute;top:30%;right:0;left:0;margin:auto;z-index:13}
.ct-slide-homepage .text{text-align:center;width:850px;margin:auto;color:#fff}
.ct-slide-homepage .title-slide{font-size:41px;line-height:55px;margin-bottom:15px;color:#fff}
.ct-slide-homepage .intro-slide{color:#fff;font-size:15px;font-weight:300;line-height:24px;letter-spacing:.2px}
.read-more-homepage{font-size:14px;color:#fff;display:inline-block;-webkit-transition:.2s;-o-transition:.2s;transition:.2s}
#counter{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--gap20)}
.img_crh1 figure{margin-bottom:2.5rem}
.img_crh1 .secondary-grid{display:grid;grid-template-columns:1fr 1fr;gap:2.5rem}
.img_crh1 .secondary-grid img{border-radius:10px;box-shadow:0 4px 12px rgba(0,0,0,0.08);transition:transform .3s cubic-bezier(0.4,0,0.2,1);aspect-ratio:1;object-fit:cover}
.img-fluid{max-width:100%;height:auto}
.section-title{text-align:center;position:relative}
.section-title h2{font-size:2.5rem;text-transform:uppercase;font-weight:600;line-height:1.2;margin-bottom:2.5rem;letter-spacing:-.02em;padding-bottom:15px;position:relative}
.section-title h2:before{content:"";position:absolute;display:block;width:160px;height:1px;background:color-mix(in srgb,#1c2025,transparent 60%);left:0;right:0;bottom:1px;margin:auto}
.section-title h2::after{content:"";position:absolute;display:block;width:60px;height:3px;background:#333;left:0;right:0;bottom:0;margin:auto}
.tn_sm > li{padding:2rem 0;display:flex;align-items:center;gap:var(--gap20)}
.tn_sm > li > .box_tn_sm{flex:1}
.tn_sm > li > .box_tn_sm .til_gtcl{color:var(--PrimaryColor)}
.til_gtcl{font-size:var(--font-size-16);font-weight:600;color:var(--color-1);margin-bottom:.8rem}
.tn_sm > li > figure{width:10rem;height:10rem;display:flex;justify-content:center;align-items:center}
.tn_sm > li > figure img{height:8rem;object-fit:contain}
.list_lvhd{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--gap20);margin-top:30px}
.na_rh2{position:absolute;right:6.2rem;bottom:0;left:0;z-index:1;padding:1.6rem !important;background:linear-gradient(0deg,rgba(0,0,0,1) 0%,rgba(0,0,0,0) 100%);color:#fff;font-size:var(--font-size-16);font-weight:600;border-bottom-right-radius:1.6rem;border-bottom-left-radius:1.6rem;transition:.4s;-webkit-transition:.4s;-moz-transition:.4s;-ms-transition:.4s;-o-transition:.4s}
.list_duan .na_rh2{position:absolute;right:0;bottom:0;left:0;}
.na_rh2 span{display:-webkit-box;-webkit-line-clamp:1;line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}
.ico_rh2{position:absolute;bottom:0;right:0;width:5rem;height:5rem;background-color:#0f6f39;display:flex;justify-content:center;align-items:center;border-radius:1.2rem;-webkit-border-radius:1.2rem;-moz-border-radius:1.2rem;-ms-border-radius:1.2rem;-o-border-radius:1.2rem}
.list_duan .na_rh2 span{ font-size: 18px; text-transform: uppercase; text-align: center;}
.ico_rh2 img{max-width:3.5rem;max-height:3.5rem;object-fit:contain}
.list_rh2 > li{position:relative;margin-top:30px}
.list_rh2 > li figure{position:relative;aspect-ratio:3 / 2;overflow:hidden;border-radius:1.6rem;-webkit-border-radius:1.6rem;-moz-border-radius:1.6rem;-ms-border-radius:1.6rem;-o-border-radius:1.6rem}
.list_rh2 > li figure img{display:block;width:100%;height:100%;object-fit:cover;mask-image:url(../imgs/bg_list_rh2.png);-webkit-mask-image:url(../imgs/bg_list_rh2.png);mask-position:right bottom;mask-repeat:no-repeat}
.list_duan > li figure img{display:block;width:100%;height:100%;mask-image: none; -webkit-mask-image: none;}
.m_list_lvhd{background:color-mix(in srgb,#fff,transparent 5%);transition:all ease-in-out .3s;position:relative;text-align:center;box-shadow:0 0 25px rgba(0,0,0,0.1);padding:50px 15px 25px}
.m_list_lvhd .icon{margin:0;width:80px;height:80px;background:#0f6f39;color:#fff;border:6px solid #fff;border-radius:50px;display:flex;align-items:center;justify-content:center;margin-bottom:20px;padding:10px;transition:filter .3s;position:absolute;top:-36px;left:calc(50% - 36px)}
.list_lvhd li:hover .icon{background:#fff}
.list_lvhd li:hover .icon img{filter:brightness(0) saturate(100%) invert(31%) sepia(94%) saturate(748%) hue-rotate(95deg) brightness(92%) contrast(96%)}
.img_list_lvhd{aspect-ratio:3 / 2;overflow:hidden;background-color:#eaeaea;border-radius:8px 8px 0 0}
.list_rh2 > li:hover .na_rh2{color:#fff;background:linear-gradient(0deg,var(--color-2) 0%,rgba(0,0,0,0) 100%)}
.container{width:800px;margin:0 auto}
.img_list_lvhd img{height:100%;width:100%;transform:scale(1);-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transition:.4s;-webkit-transition:.4s;-moz-transition:.4s;-ms-transition:.4s;-o-transition:.4s}
.list_lvhd > li:hover figure img{transform:scale(1.1);-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1)}
.na_list_lvhd{font-weight:700;margin:10px 0 15px;font-size:16px;transition:ease-in-out .3s;display:-webkit-box;-webkit-line-clamp:3;text-transform:uppercase;line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;font-weight:500;color:#222}
.na_list_lvhd a{color:#222}
.til_lvhd{ text-align: justify; flex:1 0 25rem;max-width:100%;font-size:14px;line-height:24px;display:-webkit-box;line-clamp:5;-webkit-line-clamp:5;line-clamp:5;-webkit-box-orient:vertical;overflow:hidden}
#tj-back-to-top{position:fixed;right:15px;bottom:24px;width:56px;height:56px;border-radius:50%;border:none;background:#00451e;color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:14px;box-shadow:0 6px 18px rgba(0,0,0,0.15);cursor:pointer;z-index:9999;transition:transform .18s ease,opacity .2s ease}
#tj-back-to-top.arrow{width:48px;height:48px;font-size:0;background:#00451e}
#tj-back-to-top .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}
#tj-back-to-top:hover{transform:translateY(-4px)}
#tj-back-to-top svg{width:20px;height:20px;fill:#fff;display:block}
#back-progress{position:fixed;bottom:20px;right:20px;width:50px;height:50px;border-radius:50%;cursor:pointer;z-index:9999}
#back-progress span{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700}
.progress-circle{width:100%;height:100%;transform:rotate(-90deg)}
.progress-bar{fill:none;stroke:#00451e;stroke-width:1;stroke-linecap:round;stroke-dasharray:100;stroke-dashoffset:100;transition:stroke-dashoffset .2s linear}
.hea1{background:#fff}
.hea1 .min_wrap{position:relative;padding:1px 0}
.logo_nagri{position:absolute;top:0;right:0;left:0;z-index:100;margin:auto;padding:0 10px 14px}
.logo_nagri img{display:block;width:115px;position:absolute;top:16px;right:0;left:0;margin:auto}
.mobile_foot{display:none}
.desktop_foot{display:block}
.ul_hea1{float:left;overflow:hidden}
.ul_hea1 > li{float:left;font-size:13px;color:#888;line-height:40px;padding:0 16px 0 15px;position:relative}
.ul_hea1 > li::after{content:"";width:1px;height:12px;background:#ddd;position:absolute;top:14px;right:0}
.ul_hea1 > li:first-child{padding-left:0}
.ul_hea1 > li:last-child{padding-right:0}
.ul_hea1 > li:last-child::after{display:none}
.ul_hea1 > li:first-child > a{color:#ED1C24;font-weight:700}
.ul_hea1 > li > a{color:#222}
.icon_hotline_hea{width:12px;height:12px;background-position:0 0;margin-right:5px;top:2px}
.icon_email_hea{width:12px;height:12px;background-position:0 -12px;margin-right:5px;top:2px}
.tool_hea1{float:right;overflow:hidden}
.ul_lang{line-height:12px;overflow:hidden;padding:0 0 0 10px;margin-top:15px;float:left}
.ul_lang > li{float:left;opacity:.2}
.ul_lang > li.active,.ul_lang > li:hover{opacity:1}
.ul_lang > li + li{margin-left:8px}
.ul_lang > li a{display:block}
.ul_lang > li img{vertical-align:top;height:15px}
.ipt_s{width:250px;height:22px;border:1px solid #ddd;background:#fff;color:#000;font-size:13px;padding:0 28px 0 5px}
.btn_s{height:22px;border:0;position:absolute;top:7px;right:11px;cursor:pointer;background:#187440;padding:0 5px;color:#fff}
.hea2{height:44px;background:#fff;position:relative}
.mn_hea2{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;width:50%}
.mn_1{float:left;padding-right:90px}
.mn_2{float:right;padding-left:90px}
.ul_hea2_1{float:right}
.ul_hea2_2{float:left}
.ul_hea2{padding-bottom:8px}
.ul_hea2 > li{float:left;position:relative}
.ul_hea2 > li + li{margin-left:5px}
.ul_hea2 > li > a{color:#000;font-weight:500;font-size:16px;padding:0 15px;line-height:36px;display:block;-webkit-transition:all .2s ease;-moz-transition:all .2s ease;-o-transition:all .2s ease;transition:all .2s ease}
.ul_hea2 > li.active > a,.ul_hea2 > li:hover > a{color:#fff;background:#187440;border-radius:5px}
.ul_hea2 > li.li_singe{position:relative}
.ul_hea2 > li.li_singe:hover > ul.mn_child_01{visibility:visible;z-index:90;opacity:1;top:36px}
.ul_hea2 > li.li_singe > ul.mn_child_01{visibility:hidden;opacity:0;position:absolute;left:0;top:44px;background:#fff;min-width:200px;transition:all .2s ease;-moz-transition:all .2s ease;-webkit-transition:all .2s ease;-o-transition:all .2s ease;padding:10px 0}
.ul_hea2 > li.li_singe > ul.mn_child_01 > li{position:relative}
.ul_hea2 > li.li_singe > ul.mn_child_01 > li > a{color:#555;display:block;padding:5px 20px 5px 15px;white-space:nowrap}
.ul_hea2 > li.li_singe > ul.mn_child_01 > li > a::before{content:"";width:10px;height:10px;background:url(../imgs/layout/icon_15.png) no-repeat;display:inline-block;position:relative;margin-right:7px}
.ul_hea2 > li.li_singe > ul.mn_child_01 > li:hover > a::before{background:url(../imgs/layout/icon_17.png) no-repeat}
.ul_hea2 > li.li_singe > ul.mn_child_01 > li:hover > a{color:#fff;background:#187440}
.ul_hea2 > li.li_singe > ul.mn_child_01 > li:hover > ul.mn_child_02{display:block}
.ul_hea2 > li.li_singe > ul.mn_child_01 > li > ul.mn_child_02{display:none;position:absolute;top:-2px; left: 200px; background:#fff;min-width:200px;padding:2px 0;overflow-y:auto;-webkit-box-shadow:inset 3px -1px 3px rgba(0,0,0,0.1);-moz-box-shadow:inset 3px -1px 3px rgba(0,0,0,0.1);box-shadow:inset 3px -1px 3px rgba(0,0,0,0.1);height:auto!important}
.ul_hea2 > li.li_singe > ul.mn_child_01 > li > ul.mn_child_02 > li > a{color:#555;display:block;padding:5px 20px 5px 15px;white-space:nowrap}
.ul_hea2 > li.li_singe > ul.mn_child_01 > li > ul.mn_child_02 > li > a::before{content:"";width:10px;height:10px;background:url(../imgs/layout/icon_15.png) no-repeat;display:inline-block;position:relative;margin-right:7px}
.ul_hea2 > li.li_singe > ul.mn_child_01 > li > ul.mn_child_02 > li:hover > a::before{background:url(../imgs/layout/icon_17.png) no-repeat}
.ul_hea2 > li.li_singe > ul.mn_child_01 > li > ul.mn_child_02 > li > a:hover{background:#187440;color:#fff}
@media (max-width:480px){
    .sodotochuc_pc, .tieuchi_pc { display: none !important;}
    .sodotochuc_mb, .tieuchi_mb { display: block !important;}
    .list_f1 > li:nth-child(4), .list_f1 > li:nth-child(1) { width: 100%;}
    .tab_item { font-size: 16px; line-height: 22px;}
    #header { height: 65px; }
    .na_list_lvhd { font-size: 13px; font-weight: 600;min-height: 40px;}
   .about-grid .box:nth-child(3){display:flex;flex-direction:column}
    .about-grid .box:nth-child(1),.about-grid .box:nth-child(2){padding-left:20px!important;padding-right:20px!important}
    .list_rh_4{grid-template-columns:1fr}
    .logo_nagri img{width:100px;top:10px}
    .hea1 .min_wrap{height:70px}
    .icon_menu_mobile{top:15px;left:15px}
    .r_lvhd{margin-bottom:30px}
    .img_f_lvhd,.nd_f_lvhd,.min_wrap>.r_lvhd:nth-child(2n) .nd_f_lvhd,.min_wrap>.r_lvhd:nth-child(2n) .img_f_lvhd{padding-left:0px!important;padding-right:0px!important;margin-left:0px!important;margin-right:0px!important}
    .r_lvhd .min_wrap {padding-left:0px!important;padding-right:0px!important;margin-left:0px!important;}
    .center-circle{display:none}
    .about-grid{width:100%;max-width:1200px;margin:auto;display:flex;flex-direction:column;gap:15px}
    .list_f1{display:flex;flex-direction:column-reverse;gap:var(--gap20)}
    .list_f1>li:nth-child(2),.list_f1>li:nth-child(3),.search-box{display:none}
    .na_rh2{right:0}
    .ico_rh2{bottom:15px;right:15px}
    .list_rh2,.list_lvhd,.list_da{grid-template-columns:repeat(1,minmax(0,1fr))}
    .list_rh2>li figure img{width:100%;height:100%;object-fit:cover;mask-image:none;-webkit-mask-image:none;mask-position:unset;mask-repeat:no-repeat}
    .container{width:100%;margin:0 auto;padding:0 1.6rem}
    .hotline_rh3{display:block}
    .but_1,.but_2{display:flex;width:100%}
    .news_spec.parent{display:flex;flex-wrap:wrap}
    .news_spec>div{flex:0 0 100%}
    .rh_5{background:var(--PrimaryColor);position:relative}
    .rh_5::before{content:"";position:absolute;inset:0;background:url(../imgs/bg_rh_5.png) no-repeat top right/contain;opacity:.1;pointer-events:none}
    .rh_5 .min_wrap{position:relative;z-index:2}
    .list_rh4>li>a h3{font-size:var(--font-size-20)}
    .swiper2{margin:-0 -1.6rem;padding:0 1.6rem}
    .swiper2 .swiper-slide{width:80%;max-width:320px}
    .swiper4{max-width:calc(100vw - 4.2rem)}
    .list_rrh3>li{text-align:center}
    .img_lrrh3{margin:auto}
    .r_gt2,.list_info_f_contact>li,.l_if_r_cctfgh,.pri_if_r_cctfgh{flex-basis:100%}
    .r_cctfgh,.if_r_cctfgh{flex-wrap:wrap}
    .bot_ct_f_gh{flex-direction:column}
    .pri_if_r_cctfgh{text-align:left}
    .r_bot_ct_f_gh{padding-left:0;border-left:0}
    .f_contact .but_1,.img_lnt,.list_news_cata>li>a,.r1_dv .but_1{width:100%}
    .list_news_cata>li{flex-direction:column}
    .content_f_tttc{padding:2.4rem}
    }
}