.content_home{width: 1200px;margin:0 auto}
#content69 .owlnav .owl-nav .owl-next{top:23% !important;right:-7% !important;width: 56px}
#content69 .owlnav .owl-nav .owl-prev{top:23% !important;left:-7% !important;width: 56px}

/*start html*/
.hero{padding:78px 0 42px}
.contentland_chinh2 p{letter-spacing:.22em;text-transform:uppercase;color:var(--theme);font-size:12px;font-weight:700}
.contentland_chinh2 ul li{width: 100%;float:left;color:#e8dfd0;font-size: 16px;}
.contentland_chinh2 ul li a{letter-spacing:.22em;text-transform:uppercase;color:var(--theme);font-size:12px;font-weight:700}
.contentland_chinh p{letter-spacing:.22em;text-transform:uppercase;color:var(--theme);font-size:12px;font-weight:700}
.contentland_chinh h2{font-family:Georgia,'Times New Roman',serif;font-size:clamp(40px,6vw,72px);line-height:1.04;margin:.2em 0 .22em;color:white}
.contentland_chinh h3{font-family:Georgia,serif;font-size:28px;margin:8px 0 12px;color:white}
.contentland_chinh h4{font-family:Georgia,serif;font-size:42px;margin:0 0 14px;color:white}
.contentland_phu{width: 100%;float:left;margin-top: 20px}
.contentland_phu p{max-width:100%;color:#e8dfd0;font-size:19px;line-height:1.7;font-family: Inter,Arial,sans-serif;}

.contentland_phu1{width: 100%;float:left;margin-top: 20px}
.contentland_phu1 p{max-width:760px;color:#e8dfd0;font-size:19px;line-height:1.7;font-family: Inter,Arial,sans-serif;}
.contentland_phu1 a{display: inline-block;color: var(--theme);border-radius: 30px;border:1px solid rgba(201,161,74,.3);font-size: 13px;padding:8px 15px;margin-top: 10px}
.imgleft{width: 100%;float:left;line-height: 0px;aspect-ratio: 4 / 5.15 ;overflow: hidden;}
.imgleft img{width: 100%;height: 100%;object-fit: cover;object-position: center;}

.hero-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:34px;align-items:center}
.card-grid{width:100%;float:left;}
.card{background:rgba(245,241,232,.05);border:1px solid rgba(201,161,74,.18);border-radius:22px;padding:2%;width: 44%;float:left;margin-top: 4%}
.card:nth-child(2n){float:right}
.card .value{font-size:34px;font-weight:800;color:#fff}
.card .label{font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:#b9b0a3;margin-top:6px;height: 29px;overflow: hidden}
.side-panel{background:linear-gradient(180deg,rgba(122,14,18,.95),rgba(58,7,9,.96));border:1px solid rgba(201,161,74,.28);border-radius:26px;padding:28px;box-shadow:0 18px 44px rgba(0,0,0,.35);margin-top: 30px}

.side-panel ul{padding-left:18px;line-height:1.9;color:#f6ede2}
section{padding:48px 0}

.section-sub{max-width:760px;color:#dacfbf;line-height:1.8}
.two-col{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:24px}
.panel{background:rgba(255,255,255,.04);border:1px solid rgba(201,161,74,.16);border-radius:24px;padding:26px}
.panel h4{margin:0 0 10px;font-size:21px;color:#fff}
.panel ul{margin:0;padding-left:18px;line-height:1.9;color:#eadfce}
.bands{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:24px}
.band{padding:24px;border-radius:22px;background:linear-gradient(180deg, rgba(245,241,232,.06), rgba(245,241,232,.03));border:1px solid rgba(201,161,74,.14)}
.band .tag{color:var(--theme);font-size:12px;letter-spacing:.18em;text-transform:uppercase;font-weight:800}
.band h5{font-size:23px;margin:10px 0 12px;color:white}
.band p{color:#ddd0bc;line-height:1.75;margin:0}
.contact{display:grid;grid-template-columns:1fr 1fr;gap:22px;align-items:center}
.form-card{background:#141416;border:1px solid rgba(201,161,74,.2);border-radius:26px;padding:28px}
.form-card input,.form-card textarea{width:96%;margin-top:12px;background:#0d0d0e;border:1px solid rgba(255,255,255,.12);border-radius:14px;color:#fff;padding:2% 2%;font:inherit;font-size: 14px}
.form-card button{margin-top:14px;background:var(--theme);border:0;color:#111;font-weight:800;padding:14px 18px;border-radius:999px;cursor:pointer}
footer{padding:28px 0 44px;color:#b7ad9f;border-top:1px solid rgba(201,161,74,.15);margin-top:20px}
.disclaimer{font-size:13px;color:#a99f92;line-height:1.7;margin-top:12px}
.note{display:inline-block;margin-top:12px;padding:9px 12px;border-radius:999px;border:1px solid rgba(201,161,74,.3);color:var(--gold);font-size:13px}
@media (max-width: 920px){
  .hero-grid,.two-col,.contact{grid-template-columns:1fr}
  .card-grid,.bands{grid-template-columns:1fr 1fr}
}
@media (max-width: 640px){
  .nav{flex-direction:column;align-items:flex-start}
  .card-grid,.bands{grid-template-columns:1fr}
  h1{font-size:44px}
}

/*end*/


.contenttype_detail h4{margin-bottom: 20px !important}
.noidungaboutus h4{margin-bottom: 20px !important}
#content436 h4{margin-bottom: 30px !important}


.contenttype_detail{color:#494a4a;line-height: 155%;width: 100%;float:left;}
.css_content{margin-bottom: 50px;width:100%;float:left}
.css_content h2{
    line-height: 155%;
    font-size:36px;
    background: linear-gradient(
        135deg,  
        var(--theme) 0%,        /* bắt đầu vàng */
        var(--theme) 40%,       /* giữ vàng tới 45% */
        #cec7a7 45%,          /* đỏ chỉ chiếm từ 45% → 55% (10% chiều rộng) */
        var(--theme) 100%       /* lại chuyển về vàng */
    ); /* dải màu */
    -webkit-background-clip: text;  /* áp dụng background vào text */
    -webkit-text-fill-color: transparent; /* ẩn màu gốc để hiện gradient */
    color: var(--theme);
    font-family: var(--defaultFont);
    margin-bottom: 10px;
}
#checktemp479 .owl-theme .owl-dots, .owl-theme .owl-nav{position:absolute;z-index: 11;top:-32%;right:-2%;width:100%;height: 54px;text-align: right !important;}
#checktemp479 .owlnav .owl-nav .owl-prev{margin-left: 20px}

.css_content p{line-height: 155%;font-size:16px; color: #ededed;font-style: italic;}
#checktemp479 p{color: white !important;}
#checktemp479 h3{font-size: 36px;color: white}
.contenttype_detail h2{line-height: 125%;margin-bottom: 10px; color: var(--theme);font-size:36px;}
.contenttype_detail h3 {width: 100%;float:left;margin-top: 20px;margin-bottom: 10px; line-height:150%;}
.contenttype_detail h3 img{vertical-align: middle;margin-right: 5px;}
.contenttype_detail p{color:#494a4a;line-height: 155%;}
.contenttype_detail span{line-height: 155%;}
.contenttype_detail a{color:#494a4a;line-height: 155%;}
.contenttype_detail img{max-width: 100%;height: auto !important;}
.contenttype_detail ul li{margin-left: 2%}


/*why*/
.tscon{width: 96%;float:left;padding:2%;border-right: 1px solid #ffffff;}
.tscon:last-child{border-right: 0px solid #ffffff;}
.img_ts{width: 100%;float:left;text-align: center;}
.img_ts img{max-width: 100%}
.mota_ts{width: 100%;float:left;text-align: center;margin-top: 10px}
.mota_ts p{color:white;font-size: 18px;}
.ten_ts{width: 100%;float:left;text-align: center;font-weight: bold;}
.ten_ts a{font-size: 40px;color:white;}
/*why*/
.quymocon{width: 82%;float:left;padding:0px 9%}
.anhquymo{width: 100%;float: left;text-align: center;}
.anhquymo img{width: 50%;border-radius: 50%;border:1px solid white;padding: 10px}
.ten_quymo{width: 100%;float:left;text-align: center;margin-top:30px;height: 42px;overflow: hidden}
.ten_quymo a{font-size: 1.1rem;color:white;font-family:var(--mainFont);text-transform: uppercase;font-family: var(--mainFont);}
.mota_quymo{
    width: 100%;
    float:left;
    text-align: center;
    margin-top:20px;
    /*height: 106px;
    overflow: hidden*/
    display: -webkit-box;            /* Bật chế độ flex box theo chiều dọc */
      -webkit-line-clamp: 3;           /* Giới hạn hiển thị tối đa 3 dòng */
      -webkit-box-orient: vertical;    /* Thiết lập hướng dọc */
      overflow: hidden;                /* Ẩn phần bị tràn */
      text-overflow: ellipsis;         /* Thêm dấu “…” ở cuối */
      transition: height 0.3s ease;
}
.mota_quymo p{font-size: .9rem;color:white;line-height: 123%}
.showfeedback {
  display: block; /* Hiển thị toàn bộ nội dung */
  transition: height 0.3s ease;
}


.boxshadow{width: 96%;float:left;border: 1px solid #efefef;padding:2%;background: white;}

#content436 .item{width: 80% !important}

.dktuvan{width: 100%;float:left;text-align: center;margin-top: 30px;cursor: pointer;}
.dktuvan a{display:inline-block;padding:10px 25px;color:white;font-size: 15px;border-radius: 5px;margin-right: 20px}

/*Animation*/
@keyframes rotate{
    0% {-webkit-transform: rotate(0) scale(1) skew(1deg);  }
    10% {-webkit-transform: rotate(-25deg) scale(1) skew(1deg);}
    20% {-webkit-transform: rotate(25deg) scale(1) skew(1deg);}
    30% {-webkit-transform: rotate(-25deg) scale(1) skew(1deg);}
    40% {-webkit-transform: rotate(25deg) scale(1) skew(1deg);}
    50% {-webkit-transform: rotate(0) scale(1) skew(1deg);}
    100% {-webkit-transform: rotate(0) scale(1) skew(1deg);}
}
/*End Animation*/

/*sldier text*/
.box_slidertext{width: 100%;float:left;position: relative;overflow: hidden;}
.khungdenmo{width: 100%;float:left;position: absolute;top:0px;left:0px;height: 1000px;background: rgba(0, 0, 0, 0.5);z-index: 999}
.khungtext{
    width: 45%;
    float:left;
    text-align: left;
    position: absolute;
    right: 5%; 
    top: 50%;
    transform: translateX(0%) translateY(-50%);
    -webkit-transform: translateX(0%) translateY(-50%);
    z-index: 9999;
}
.textslider1{color:#fff;font-size: 35px;font-family:var(--mainFont);float:left;width: 100%;line-height: 150%; text-transform: uppercase; font-family: var(--mainFont);}
/*.textslider3{color:#fff;font-size: 60px;font-family:var(--mainFont);float:left;width: 100%;line-height: 120%; text-transform: uppercase; font-family: var(--mainFont);}*/
.textslider2{color:#fff;font-size: 15px;float:left;margin-top: 30px;width: 100%;line-height: 180%;}
.noidung_slidertext{width: 100%;float:left;margin-top: 60px;}
.noidung_slidertext a{display: inline-block;padding:20px 50px;background: white;font-size: 18px;font-family:var(--mainFont);color:#604219;border-radius: 30px;margin-right: 50px;transition: all 0.5s; width: 220px;}
.noidung_slidertext a:hover{background: #e1c26d;transition: all 0.5s;color:black}

.showcatelist{width: 100%;float:left;}
.showcatelist p{text-transform: uppercase;font-size: 40px;font-family:var(--mainFont);color:#000000}
    
/*icon*/
.title_slider{width: 100%;float:left;}
.title_slider p{font-size: 71px;font-family:var(--mainFont);color:white}
.registernow{width: 100%;float:left;margin-top: 40px;cursor: pointer;}
.viewmore a{display: inline-block;padding:8px 30px 12px 30px;color:#313131 !important;font-size: 16px;font-weight:bold;background:var(--theme);border-radius: 20px;transition: all 0.5s;margin-top: 50px}
/*.viewmore a:hover{transition: all 0.5s;background:var(--theme1);}*/


.boxspecialdu-an-center .viewmore a{font-size: 14px;}

.viewmore1{position:absolute;bottom: 20px;left:50%;transform: translateX(-50%) translateY(0%);-webkit-transform: translateX(-50%) translateY(0%);z-index: 2}
.viewmore1 a{display: inline-block;padding:8px 30px 12px 30px;font-size: 12px;background: none;border-radius: 5px;border:1px solid white;color:white;font-family:var(--mainFont);transition: all 0.5s;margin-top: 50px}
.viewmore1 a:hover{transition: all 0.5s;background:var(--theme);}
.checkslider{}

.boxspecialdu-hoc-cot-left 



/*service*/
.icon_service{width: 100%;float:left;position: relative;overflow: hidden}
.baoanh_service{width: 100%;float:left}
.blackgiatri{
    width: 100%;
    float:left;
    background: linear-gradient(
        to bottom,
        rgba(0, 0, 0, 0.95) 0%,
        rgba(0, 0, 0, 0.7) 25%,
        rgba(0, 0, 0, 0.5) 50%,
        rgba(0, 0, 0, 0.7) 75%,
        rgba(0, 0, 0, 0.95) 100%
    );
    position: absolute;
    top: 0px;
    left:0px;
    z-index: 1;
}
.info_service{
    opacity: 0;
    position: absolute;
    top: 40%;
    left:-50%;
    z-index: 2;
    width: 82%;
    padding:0px 9%;
    text-align: left;
    transition: all 0.5s;
    transform: translateX(0%) translateY(-50%);
    -webkit-transform: translateX(0%) translateY(-50%);
}
.namegiatri{
    width: 60%;
    position: absolute;
    top: 50%;
    left: 9%;
    z-index: 2;
    text-align: left;
    transition: all 0.5s;
    transform: translateX(0%) translateY(-50%);
    -webkit-transform: translateX(0%) translateY(-50%);
}
.namegiatri a{font-size: 30px;font-family: var(--mainFont);color:#fff;}

.sttservice{font-size: 30px;font-family: var(--mainFont);}
.nameservice2{font-size: 25px;font-family: var(--mainFont);color:#fff;margin-top: 25px;display: inline-block;text-align: left;line-height: 140%;height: 70px;overflow: hidden}
.mota_service{width: 100%;float:left;margin-top: 20px;height: 252px;overflow: hidden}
.mota_service p{color:#fff;font-size: 0.9rem;line-height: 150%;}
.icon_service:hover .namegiatri{opacity: 0;left:-50%;transition: all 0.5s;z-index: 0}
.icon_service:hover .info_service{opacity: 1;left:0%;transition: all 0.5s;z-index: 2}

/*quytrinh*/
.stt_quytrinh{width: 100%;float:left;text-align: center;}
.stt_quytrinh a{display: inline-block;padding:10px 17px;border-radius: 50%;color:white;font-size: 16px;background: var(--theme);font-family: var(--mainFont);}

.info_quytrinh{width: 80%;padding:10%;float:left;text-align: center;box-shadow: 0px 0px 10px 0px #e3e3e3;margin-top: 30px;text-align: center;}
.nameiconhover3{font-size: 18px;color:#ebbd68;margin-top: 10px;display: inline-block;text-align: center;line-height: 150%;font-weight: bold;height: 58px;overflow: hidden}
.mota_quytrinh{width: 100%;float:left;text-align: left;margin-top: 10px;height: 116px;overflow: hidden}
.mota_quytrinh p{line-height: 150%;font-size: 0.8rem;}

/*producthoidap*/
.infohoidap{width: 96%;float:left;background: #f7f7f7;border-bottom: 1px solid #f7f7f7;padding:2%;cursor: pointer;}
.infohoidap p{font-size: 15px;font-family:var(--mainFont);float:left }
.infohoidap i{float:right;}
.answerhoidap{width: 96%;float:left;border: 1px solid #f7f7f7;padding:2%;display: none;}
.answerhoidap p{line-height: 25px;margin-bottom: 10px;color:#636363;font-size: 13px}
.answerhoidap a{line-height: 25px;margin-bottom: 10px;color:#636363;font-size: 13px}
.answerhoidap span{line-height: 20px;}
.answerhoidap img{max-width: 100% !important;height:auto !important;}
.answerhoidap ol{padding-left: 20px;}

#content430 .nameiconhover2{color: white !important}
#content430 .mota_icon2 p{color: white !important}
/*genaral*/
.header_right{width: 26%;float:right;padding: 0.5%;border:1px solid silver;border-radius: 10px;margin-right: 4%;transition: all 0.5s}
.header_right a{display: inline-block;width: 100%;padding-bottom: 10px;padding-top:10px;color:#ff9e1b;background: white;border-radius: 10px;text-align: center;font-family:var(--mainFont);font-size: 16px;transition: all 0.5s}
.header_right:hover{border:1px solid #ff9e1b;transition: all 0.5s}
.header_right:hover a{color:#ffffff;background: #ff9e1b;transition: all 0.5s}
.header_right2{width: 26%;float:right;transition: all 0.5s}
.text_right1{color:#faa736;font-size: 16px;font-family:var(--mainFont);margin-top: 5px}
.text_right2{color:#ffffff;font-size: 18px;font-family:var(--mainFont);margin-top: 2px}
#checkslider69{box-shadow: 0px 0px 15px 1px #cdcdcd;border-radius: 50px;z-index: 9999;margin-top: -60px;background: white;position: relative;padding:20px 3%;width: 94% !important}

h4{font-size: 2.2rem;font-family: var(--mainFont);margin-bottom: 10px}
h5{font-size: 1.3rem;font-family: var(--mainFont);}
/*tab*/
.showcap{width: 100%;float:left;text-align: center;margin-bottom: 40px}
.showcap a{font-size: 15px;font-family:var(--mainFont);border:1px solid #517a00;color:#517a00;display: inline-block;padding:10px 25px;text-transform: uppercase;transition: all 0.5s;margin:0px 1%}
.showcap a:hover{background :#517a00;color:white;transition: all 0.5s}
.activeshowcap{background :#517a00 !important;color:white !important;transition: all 0.5s}
.mota_slider{width: 100%;float:left;margin-top: 30px}
.mota_slider p{color: #fff5e7;font-size: 18px;line-height: 30px}

/*product1*/
.khungsp{width: 84%;float:left;padding:8%;background: white}

.productcon1{width: 100%;float:left;}
.baoanhsp1{width: 47%;transition: all 0.5s;overflow: hidden;}
.baoinfosp1{width: 47%;}
.baotensp1{width: 100%;float:left;font-family: var(--mainFont);}
.baotensp1 a{color:#000;font-size:1.6rem;transition:all .5s;line-height:130%;}
.baotensp1:hover a{color:#f7d90e;transition:all 0.5s;}
.khunginfo1{width: 100%;float:left;margin-top: 20px}
.khunginfo1 p{font-size: 16px;color:black;margin-bottom:5px}
.baogia1{width:100%;float:left;text-align:left;}
.baogia1 a{color:#ff0000;font-size: 14px;display: inline-block;margin-right: 5px}

.baoanhsp1 img{width: 100%;transition: all 0.5s}
.productcon1:hover .baoanhsp1 img{-moz-transform:scale(1.2);-webkit-transform:scale(1.2);transform:scale(1.2);}
.tinhphantram{position: absolute;top:2%;left:0%;text-align: center;z-index: 99}
.tinhphantram a{font-family:var(--mainFont);font-size: 13px;color:#ffffff;display: inline-block;padding:15px 15px;background: #d3953f;}


/*product temp*/
.prochuyen12{width: 96%;float: left;transition:all 1s;position: relative;text-align: left;margin-right: 0%;margin-bottom: 30px;padding: 2%;background: white}
.prochuyen12:nth-child(3n){margin-right: 0px;}
.baoanh_prochuyen12{width: 23%;float: left;overflow: hidden;transition:all 1s;margin-right: 2%;}
.baoanh_prochuyen12 img{width: 100%;transition:all 1s;}
.prochuyen12:hover .baoanh_prochuyen12 img{moz-transform: scale(1.1);-webkit-transform: scale(1.1);transform: scale(1.1);transition: all 1s;}
.info_prochuyen12{width: 68%;float: left;transition: all 1s;position: relative;background: none;padding: 0px}
.prochuyen12:hover .info_prochuyen12{background: none;transition: all 1s;}
.baoten_prochuyen12{width: 100%;float: left;margin-bottom: 10px;}
.baoten_prochuyen12 a{font-size: 20px;color: black;font-family:var(--mainFont);transition: all 0.5s}


.productcon_5{width: 48%;float:left;margin-right: 4%;margin-bottom: 40px;transition: all 0.5s}
.productcon_5:nth-child(2n){margin-right: 0%}

.productcon{float:left;box-sizing : border-box;position: relative;width: 100%;transition:all 1s;margin-bottom: 20px}
/*.productcon:hover .baoanhsp img{-moz-transform:scale(1.2);-webkit-transform:scale(1.2);transform:scale(1.2);}*/
@media(max-width: 800px){
    .boxproduct{grid-template-columns: repeat(2,1fr) !important;}
/*    .css_content span{font-size: 25px!important;}*/
}
@media(max-width: 420px){
    .boxproduct{grid-template-columns: repeat(1,1fr) !important;}
}
.baoanhsp {position: relative;width: 100%;float: left;line-height: 0px;overflow: hidden;margin-bottom: 20px}

.baoanhsp img {
    width: 100%;
    height: auto;
    transition:all 1s;

/*    object-fit: cover;*/
/*    object-position: top;*/
/*    transition: transform 3s ease;*/
/*    transform: translateY(0); /* Ảnh bắt đầu ở vị trí trên cùng */*/
}

.productcon:hover .baoanhsp img {
    -moz-transform:scale(1.2);
    -webkit-transform:scale(1.2);
    transform:scale(1.2);
    transition:all 1s;
/*
    transform: translateY(-50%); /* Dịch chuyển ảnh xuống dưới khi hover */*/
/*    transition: transform 3s ease; /* Hiệu ứng di chuyển mượt mà */*/
}
.info_product{width:100%;float:left;margin-top:20px;text-align:center}
.info_pro2{position: absolute;bottom: 0px;left: 0px;width: 88%;padding: 0px 6%;z-index: 111}
.denproduct{position: absolute;bottom: 0px;left: 0px;width: 100%;background: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.8));z-index: 1;height: 800px;opacity: 0;transition:all 0.5s;}
.baoinfosp{
    position: absolute;
    z-index: 2;
    top: 50%;
    left: 50%;
    float: left;
    width: 100%;
    text-align: center;
    opacity: 0;
    height: auto;
    overflow: hidden;
    transform: translateX(-50%) translateY(-50%);
    -webkit-transform: translateX(-50%) translateY(-50%);
    transition:all 0.5s;
/*    background-image: linear-gradient(-45deg, rgba(240, 15, 143, 0.9), rgba(16, 148, 187, 0.9));*/
    box-sizing: border-box;
}
.productcon:hover .denproduct{
    opacity: 1;
    transition:all 0.5s;
}
.productcon:hover .baoinfosp{
    opacity: 1;
    transition:all 0.5s;
}
.baotensp{width: 100%;float:left;text-align: left;margin-top:10px;height: 46px;overflow: hidden;font-weight: bold}
.baotensp a{color:#ffffff;font-size:16px;transition:all .5s;line-height:130%;}
.baotensp:hover a{color:var(--theme);transition:all 0.5s;}

.khunginfo{width: 60%;margin: 0 auto;margin-top: 30px}
.infosp1{width: 32%;float:left;border-right:1px solid white}
.infosp1 p{font-size: 14px}

.baomotasp{float:left;width:100%;margin-top:10px;height: 42px;overflow: hidden}
.baomotasp p{color:#eaeaea;font-size:12px;line-height: 140%;transition:all .5s;}

.infosp{float:left;width:100%;margin-top:10px;height: 22px;overflow: hidden}
.infosp p{color:#eaeaea;font-size:12px;line-height: 140%;transition:all .5s;float:left;margin-right: 2%}

.productcon_5 .baomotasp{float:left;width:100%;margin-top:10px;margin-bottom: 20px}
.productcon_5 .baomotasp p{color:#fff;font-size:.8rem;line-height: 150%;transition:all .5s;}

.baogia{width:100%;float:left;text-align:left;margin-top:10px;}
.baogia p{line-height:20px;}
.baogia a{color:#eaeaea;font-size: 20px;display: inline-block;font-family: var(--mainFont);}
.showaddcart{width: 84%;text-align: center;background: #f64a5f;position: absolute;bottom:-30%;left:8%;border-radius: 10px;cursor: pointer;transition: all 0.5s}
.productcon:hover .showaddcart{width: 84%;text-align: center;background: #f64a5f;position: absolute;bottom:10px;left:8%;border-radius: 10px;transition: all 0.5s}
.thongtinduan{width: 100%;float:left;text-align: center;margin-top: 10px}
.ttduancon{width: 28%;float:left;margin-right: 2%;padding:2%;background: #f7f7f7}
.ttduan_text2{font-size: 12px;color:silver}
.ttduan_text1{font-size: 13px;color:#0e587b;margin-bottom: 5px;font-family:var(--mainFont)}
.giacheck{width: 100%;float:left;margin:10px 0px}
.giacheck p{color:#cd1110}

.viewmoresp{width: 100%;float:left;border-radius: 30px;text-align: center;background: #e1c570;margin-top: 20px}
.viewmoresp a{display: inline-block;padding:15px 0px;color:black;font-family:var(--mainFont);font-size: 14px;width:100%}

.viewallyellow{width: 100%;float:left;text-align: center;margin-top: 20px}
.viewallyellow a{display: inline-block;padding:15px 45px;color:#ffb100;border:1px solid #ffb100;font-family:var(--mainFont);font-size: .9rem;transition: all 0.5s;text-transform: uppercase;border-radius: 6px;}
.viewallyellow a:hover{color:black;background:#ffb100;transition: all 0.5s}

.cssformsl{width: 100%;float:left;background: white}
.viewmoresp1{width: 100%;float:left;text-align: center;margin-top: 20px;}
.viewmoresp1 a{display: inline-block;padding:18px 50px;color:#fff;font-family:var(--mainFont);font-size: .9rem;background: linear-gradient(to left, #085471,#085471);border-radius: 5px;transition: all 0.5s}
.viewmoresp1 a:hover{background: linear-gradient(to left, #f4bf06 ,#f4bf06);color:black;transition: all 1s}

.viewmoresp2{width: 100%;float:left;text-align: left;margin-top: 20px;}
.viewmoresp2 a{display: inline-block;padding:10px 30px;color:white;font-family:var(--mainFont);font-size: 15px;background: linear-gradient(to left, #085471,#085471);border-radius: 5px;transition: all 0.5s}
.viewmoresp2 a:hover{background: linear-gradient(to left, #f4bf06 ,#f4bf06);color:black;transition: all 1s}
/*news*/
.newscon{float:left;margin-right: 2%;background: white;border-radius: 5px;margin-bottom: 30px;padding:4%;box-sizing : border-box}
.imgbox1{overflow: hidden;position: relative;width: 100%;position: relative;/*display: flex;align-items: center ;justify-content: center*/;overflow: hidden;float:left;line-height: 0px}
.imgbox1 img{transition: all 2s;vertical-align: center;width: 100%;}
.productcon:hover .imgbox1 img{transform:scale(1.2);}

/*viewdetail*/
.viewdetail2 {
    display: inline-block;
    font-size: .8rem;
    width: 22%;
    text-align: center;
    color: #ffffff;
    font-family: var(--mainFont);
    display: block;
    line-height: 45px;
    background:#c20326;
    border-radius:5px;
/*    border: 2px solid #7e7e7e;*/
    margin: 0px auto;
    transition: all .3s;
    cursor: pointer;
    margin-top: 30px;
}

.viewdetail3 {
    display: inline-block;
    font-size: .8rem;
    width: 100%;
    text-align: center;
    color: #ffffff;
    font-family: var(--mainFont);
    display: block;
    line-height: 45px;
    background:#c20326;
    border-radius:5px;
/*    border: 2px solid #7e7e7e;*/
    margin: 0px auto;
    transition: all .3s;
    cursor: pointer;
    margin-top: 30px;
}
/*.viewdetail2:hover{
    background: #98298a;
    border: 2px solid #98298a;
    color: #fff;
    transition: all .3s;
}*/

.khungtoptrong_detail{width: 82%;margin:0 auto}
.khungtoptrong_detail h1{font-size: 2.5rem;font-family: var(--mainFont);margin-bottom: 10px;color: var(--theme);}


/*-------------------icon-----------------------*/
.iconcon{background: white;padding:4%;text-align: center;max-height: 300px;min-height: 200px; overflow: hidden; margin-left: 25px; border-radius: 10px;}
.baoanh_icon{width:100%;float:left;line-height:0px;overflow:hidden;position:relative;border-radius: 5px;text-align: center;display: flex;flex-direction: column;justify-content: center;}
.baoanh_icon img{max-width: 50%}
.nameiconhover{font-size: 1.1rem;color:var(--mainColor);margin-top: 20px;display: inline-block;font-family: var(--mainFont)}
.mota_icon{width: 100%;float:left;margin-top: 20px}
.mota_icon p{color:var(--mainColor);font-size: var(--fontSize);line-height: 150%;}



/*-------------------icon-----------------------*/
.iconcon2{padding:0%;}
.baoanh_icon2{
    width:32%;
    float:left;
    line-height:0px;
    overflow:hidden;
    position:relative;
    border-radius: 5px;
    text-align: center;
    display: flex;
    flex-direction: column; /* Thiết lập chiều flex theo cột */
    justify-content: center; /* Căn giữa nội dung theo chiều flex*/
}
.imgname_icon2{width: 100%}
.info_icon2{width: 64%;float:right}
.nameiconhover2{font-size: 18px;color:#252525;margin-top: 10px;display: inline-block;text-align: left;line-height: 24px}
.mota_icon2{width: 100%;float:left;margin-top: 10px}
.mota_icon2 p{color:#575757;font-size: 13px;line-height: 25px}

.salebest{width: 94%;padding:3%;float:left;border:1px solid #e1e1e1;border-radius: 10px;margin-top:25px}
.img_sale{width: 20%;float:left;border-radius: 50%;overflow: hidden;line-height: 0px}
.img_sale img{width: 100%;}
.info_sale{width: 76%;float:right;}
.info_sale .textchinh{font-size: 18px;font-family: var(--mainFont);color: #871016;margin-bottom: 5px;}
.info_sale .textphu{font-size: 16px;font-family: var(--mainFont);}

/*-------------------photo-----------------------*/
.row_photo{width: 100%;line-height: 0px}
.photoicon{
    width:100%;
    float:left;
    line-height:0px;
    overflow:hidden;
    position:relative;
/*    border-radius: 5px;*/
    text-align: center;
    display: flex;
    flex-direction: center; /* Thiết lập chiều flex theo cột */
    justify-content: center; /* Căn giữa nội dung theo chiều flex*/
}
.photoicon img{width: 100%;}

/*-------------------aboutus-----------------------*/
.right_content{
    width: 100%;
    float:left;
}
.noidung_content{color:#fff;line-height: 180%;width: 100%;float:left;margin-top: 50px;font-size: 14px;}
.noidung_content h2{line-height: 180%;font-size:35px; font-family:var(--mainFont);}
.noidung_content h3 {width: 100%;float:left;margin-top: 20px;margin-bottom: 10px;color:white}
.noidung_content h3 img{vertical-align: middle;margin-right: 5px;}
.noidung_content p{color:#fff;line-height: 180%;font-size: 15px;}
.noidung_content span{line-height: 180%;}
.noidung_content a{color:#fff;line-height: 180%;font-size: 15px;}
.noidung_content img{max-width: 100%;height: auto !important;}
.noidung_content ul li{margin-left: 2%}
.buttonbiewall{width: 100%;float:left;margin-top:60px}
.buttonbiewall a{display: inline-block;padding:15px 40px;background: #453f3a;color:white;border-radius: 30px;font-size: 22px;}

/*-------------------news-----------------------*/
.homecathover2{height:44px;overflow:hidden;color:#fff;margin-top:25px;margin-bottom: 10px;display: block;line-height: 135%;font-size: 17px;width: 100%;text-align: left;transition: all .3s;}
.homecathover2:hover{color:var(--theme);transition: all .3s}
.readnews a{font-size: 14px;font-family:var(--mainFont);color:white;transition: all 0.5s}
.readnews a:hover{color:var(--theme);transition: all 0.5s}

.productcon_5 .homecathover2{height:auto;overflow:hidden;color:#fff;display: block;line-height: 23px;font-size: 1.2rem;font-family:var(--mainFont);box-sizing: border-box;width: 100%;text-align: left;transition: all .3s;}
.productcon_5:hover .homecathover2{color:#f4bf06;transition: all .3s}

.homecathover5{height:48px;overflow:hidden;color:#fff;margin-top:10px;margin-bottom: 20px;display: block;line-height: 135%;font-size: 1rem;font-family:var(--mainFont);box-sizing: border-box;width: 100%;text-align: left;transition: all .3s;}
.homecathover5:hover{color:#f4bf06;transition: all .3s}

.showlist{position: absolute;top:20px;left:24px}
.showlist a{color:#ffffff;font-size: .8rem;padding:10px 10px;display: inline-block;background: #097bed;border-radius: 10px}


.homecathover a{color:black;display: block;line-height: 26px;box-sizing: border-box;width: 100%;font-size: 16px;transition: all .3s;margin-top: 20px;text-align: center;font-family:var(--mainFont);}
.homecathover a:hover{color:#c20326;transition: all .3s;}

.homecathover1{color:#051647;margin-top:20px;margin-bottom: 13px;display: block;line-height: 23px;font-size: 16px;box-sizing: border-box;width: 100%;text-align: left;transition: all .3s}
.homecathover1:hover{color:var(--theme);transition: all .3s}

.homecathover3{color:#333333;margin-top: 20px;display: block;line-height: 23px;font-size: 16px;transition: all .3s;font-weight: normal;}
.homecathover3:hover{color:#FFC62D;transition: all .3s;}

/*-------------------contact-----------------------*/
.row_boxcenter{
    width:100%;
    float:left;
    text-align: center;
    padding:60px 0px 200px 0px;
    box-shadow: 4px 1px 15px -1px #e9e9e9;
    background: white;
}
.tt_boxcenter{
    width: 80%;
    padding-left:10%;
    padding-right:10%;
    float:left;
    margin-top:80px;
}


/*--------------------news---------------------*/

.nd_tonghop img{max-width:100% !important;height:auto !important;}
.nd_tonghop{line-height:180%;}
.nd_tonghop p{line-height: 25px;}
.nd_tonghop span{line-height: 180%;}
/*.nd_tonghop a,p{line-height: 25px; color: #000; transition: all .5s;font-size: 15px}*/
/*.nd_tonghop a:hover{color: var(--theme); transition: all .5s;}*/
.nd_tonghop ul{padding-left: 20px;}
.nd_tonghop h2, h3, h4, h5 {font-family:var(--mainFont);}
.nd_tonghop h2 {font-size: 1.8rem;color:var(--theme);margin-bottom:15px}
.nd_tonghop h3 {font-size: 1.6rem;margin-bottom:15px}
.nd_tonghop h4 {font-size: 1.5rem;}
.nd_tonghop h5 {font-size: 1.4rem;}
.othernews ul{padding: 0px;}
.othernews ul li a{color:#000;transition: all 0.5s}
.othernews ul li a:hover{color:#070c32;transition: all 0.5s}
.othernews ul li{margin-top:10px;}
.keywords{display: inline-block;
    margin: 0px 2px 5px;
    padding: 3px 5px;
    background:#b9b9b9;
    color: #fff;
    font-size: .8rem;
    border-radius: 3px;}

.section-heading {
    font-family: var(--mainFont);
    font-size: var(--fontSmallTilte);
    float: left;
    width: 100%;
    line-height: 1.2em;
    color: var(--theme);
    border-bottom: 1px solid var(--theme1);
    padding-bottom:10px;
    position: relative;
    margin-top: 0px !important;
    
}
.section-heading h2{
    font-size: var(--fontTilte);
    color:#1c568e;
    display: inline-block;
    line-height: 150%;
    font-family:var(--mainFont);
    text-transform: uppercase;
}
.section-heading:before {
    content: '';
    border-bottom: 2px solid var(--theme1);
    position: absolute;
    bottom: 0;
    left: 0;
    width: 150px;
}
.section-heading h1{
    font-family:var(--mainFont);
    font-size: var(--fontTilte);
    text-transform: uppercase;
    color:#1c568e;
    display: inline-block;
    line-height: 150%;
}