@font-face {
  font-family: "Times-New-Roman";
  src: url("../fonts/Times New Roman.ttf");
  font-style: normal;
  font-display: swap;
  text-rendering: optimizeLegibility;
}

@font-face {
  font-family: "Montserrat-SemiBold";
  src: url("../fonts/Montserrat-SemiBold.otf");
  font-style: normal;
  font-display: swap;
  text-rendering: optimizeLegibility;
}

@font-face {
  font-family: "Montserrat-MediumItalic";
  src: url("../fonts/Montserrat-MediumItalic.otf");
  font-style: normal;
  font-display: swap;
  text-rendering: optimizeLegibility;
}

@font-face {
  font-family: "Montserrat-Medium";
  src: url("../fonts/Montserrat-Medium.otf");
  font-style: normal;
  font-display: swap;
  text-rendering: optimizeLegibility;
}

@font-face {
  font-family: "Montserrat-BoldItalic";
  src: url("../fonts/Montserrat-BoldItalic.otf");
  font-style: normal;
  font-display: swap;
  text-rendering: optimizeLegibility;
}

@font-face {
  font-family: "Montserrat-Bold";
  src: url("../fonts/Montserrat-Bold.otf");
  font-style: normal;
  font-display: swap;
  text-rendering: optimizeLegibility;
}
body {
  font-family: "Montserrat-Medium";
  font-size: 16px;
  font-weight: 400;
  color: #000000;
  line-height: 1.4;
  position: relative;
}

header#header ul,
header#header li {
  list-style-type: none;
}

img {
  max-width: 100%;
  width: auto;
  vertical-align: middle;
  height: auto;
  object-fit: cover;
  object-position: center;
}

.d-flex {
  display: flex;
}

section {
  position: relative;
  width: 100%;
  height: auto;
  overflow: hidden;
}

a:hover {
  text-decoration: none;
}

.container {
  width: 75vw;
}

h1,
h2,
h3,
h4,
h5,
h6,
strong,
b {
   font-family: "Montserrat-Bold";
}

.pc {
  display: block;
}

.mb {
  display: none;
}

/* ------------------------------ Header ------------------------------ */

header#header {
  position: relative;
  z-index: 99999;
}

.header {
  padding: 20px 0px;
  transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  position: relative;
  width: 100%;
  background-color: #ffffff;
}

.header_menu_fix {
  position: fixed;
  -webkit-box-shadow: 0 0 10px 0 #06174e;
  box-shadow: 0 0 10px 0 #06174e87;
  transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  top: 0px;
  z-index: 9999;
  left: 0;
  padding: 10px 0px;
}

.header_menu_fix .header_menu_wrap {
  grid-template-columns: 200px 1fr;
}

.header_wrap {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 10px 0px 10px 0px;
  font-size: 12px;
  color: #a34624;
}

.header_left,
.header_right {
  margin: auto 0px;
}

.header_right {
  display: grid;
  width: 100%;
  grid-template-columns: 1fr 232px;
  /* grid-template-columns: 1fr 40px; */
  grid-template-rows: auto;
  column-gap: 0px;
  align-items: center;
  column-gap: 20px;
}

.button_contact span {
      font-family: 'Montserrat-SemiBold';
  font-size: 18px;
  margin-left: 5px;
}
.button_contact a {
    color: #fff;
    background: #ED1C24;
    padding: 14px 20px;
    border-radius: 10px;
}

.poly {
  display: flex;
  align-items: center;
  column-gap: 7px;
}

.header_logo img {
  height: auto;
  width: 100%;
}

.header_lang {
  margin: auto 0px;
  display: none;
}

.header_logo h1 {
  margin: 0px;
  color: #511210;
  font-size: 22px;
  font-family: "Inter-Bold";
  text-transform: uppercase;
}

.header_menu_wrap {
  display: grid;
  width: 100%;
  grid-template-columns: 240px 1fr;
  grid-template-rows: auto;
  column-gap: 30px;
  transition: all 0.3s ease-in-out;
}

label.screen-reader-text {
  display: none;
}

.wrap-menu {
  margin: auto 0px;
}

.wrap-menu ul#mega-menu-mainmenu li a {
    font-family: 'Montserrat-SemiBold' !important;
}

.wrap-header-icon {
  display: none;
}

/* ------------------------------ Banner ------------------------------ */
.sdt a {
    font-family: 'Montserrat-SemiBold';
    color: #ffff;
    background-color: #ED1C24;
    padding: 16px;
    border-radius: 16px;
}
.anh_banner img {
    width: 100%;
    height: 100%;
}
strong.sdt_text {
    font-size: 17px;
    font-family: 'Montserrat-SemiBold';
    color: #FFFFFF;
    margin-left: 10px;
}
 .about .nd_items:nth-child(1){
        margin-bottom: 67px;
    }
.about .nd_items:nth-child(2) .about_content{
    text-align: justify;
    }
.about .nd_items:nth-child(2) .about_content p:nth-child(1){
    text-align: justify;
    }
    .about .nd_items:last-child .about_left {
        order: 1;
    }
  .danh_muc2_wrap {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        grid-template-rows: repeat(2, 1fr);
        gap: 35px;
    }

    .tieu_de_noidung2_item:first-child .title_di_kem {
        display: block;
    }

    .title_di_kem {
        font-size: 50px;
        font-family: 'Montserrat-Bold';
    }

    .tieu_de_noidung2_item:nth-child(1) {
        grid-column: span 2 / span 2;
        display: grid;
        grid-template-columns: 1fr 1fr;
        align-items: center;
    }

    .tieu_de_noidung2_item:nth-child(2) {
        grid-column-start: 3;
    }

    .tieu_de_noidung2_item:nth-child(3) {
        grid-row-start: 2;
    }

    .tieu_de_noidung2_item:nth-child(4) {
        grid-row-start: 2;
    }

    .tieu_de_noidung2_item:nth-child(5) {
        grid-row-start: 2;
    }

    .title_di_kem {
        display: none;
    }
.about_content p {
    font-size: 18px;
    font-family: 'Montserrat-Medium';
    line-height: 33px;
    text-align: justify;
color:#2B2B2B;
}
.home_banner {
    position: relative;
    /* top: 21%; */
    transform: translateY(8%);
    display: grid;
    z-index: 1;
    grid-template-columns: 1fr 1fr;
    padding: 47px 0px;
    gap: 44px;
    align-items: center;
}
.home_banner_bg img {
    width: 100%;
    height: 100%;
}
.home_news_bg img {
    width: 100%;
    height: 100%;
}
.home_banner_bg {
    position: absolute;
    /* z-index: 1; */
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}

.sdt {
    padding-top: 16px;
}
.home_banner h4 {
  font-size: 26px;
  font-family: "Roboto-Regular";
  color: #fff;
  margin-bottom: 30px;
}

.home_banner_content h1,
.home_banner_content h2 {
  font-size: 47px;
  font-family: "Roboto-Bold";
  color: #fff;

}


.home_banner span {
  font-size: 25px;
  color: #000000;
   font-family: "Montserrat-MediumItalic";
  margin-top: 30px;
}
h1.tieude_banner {
 color: #1D3769;
 font-family: "Montserrat-Bold";
 font-size: 50px;
 padding: 17px 0px;
}
section#data {
  overflow: unset;
}
h2.tieude_phu {
    color: #ED1C24;
font-family: "Montserrat-Bold";
 font-size: 50px;
    padding-bottom: 27px
}
.home_box_icon {
  display: grid;
  grid-template-columns: 28% 1fr;
  grid-template-rows: auto;
  column-gap: 25px;
  position: relative;
  width: 100%;
  left: 0;
  z-index: 999;
  top: -50%;
  transform: translateY(-50%);
  background: #fff;
  padding: 25px;
  padding-right: 50px;
  border-radius: 25px;
  box-shadow: 0px 4px 8px rgb(0 0 0 / 25%);
}

.home_box_icon_wrap {
  background: #fff;
  border-radius: 70px;
  padding: 10px 20px;
  padding-right: 25px;
  display: grid;
  grid-template-columns: 60px auto;
  align-items: center;
  column-gap: 15px;
  box-shadow: 0px 4px 8px rgb(0 0 0 / 25%);
}

.icon_box_text p {
  margin-bottom: 0px;
  font-family: "1FTV-VIP-Mustica-Pro-SemiBold";
  font-size: 25px;
  color: #137232;
}

.form_home {
  display: grid;
  grid-template-columns: 40% 30% auto;
  gap: 24px;
  align-items: flex-end;
}

.form_home p {
  margin: 0px;
}

.fomr_home_left img{
  width: 100%;
}

.form_home input.wpcf7-form-control.wpcf7-submit {
  color: #fff;
  background: #e55205;
  /* padding: 15px; */
  margin: 0px;
  border-radius: 50px;
  font-size: 20px;
  font-family: "Roboto-Medium";
  transition: 0.3s ease-in-out;
  text-align: left;
  padding: 15px 30px;
}

.form_home input.wpcf7-form-control.wpcf7-submit:hover {
  color: #e55205;
  background: #fff;
  border: 1px solid #e55205;
}

.form_home .sm:hover::after {
  color: #e55205;
}

.sm {
  position: relative;
  overflow: hidden;
}

.sm::after {
  content: "\f0da";
  font-family: "Font Awesome 6 Free";
  font-weight: 900; /* solid icon */
  position: absolute;
  right: 24px;
  top: 50%;
  transform: translateY(-50%);
  font-size: 16px;
  transition: 0.3s ease-in-out;
  color: #fff;
  font-size: 30px;
}

.form_home select.wpcf7-form-control,
.form_home input.wpcf7-form-control, 
.form_home textarea  {
  background: #fff2ec;
  width: 100%;
  border: 0px;
  padding: 15px;
  outline: none;
  margin-top: 10px;
}

.form_home label {
  font-family: "Roboto-Medium";
  color: #00519b;
  font-size: 20px;
  margin: 0px;
  font-weight: initial;
  width: 100%;
}

.home_box_service_content h5 {
  color: #00519b;
  font-family: "Roboto-Medium";
  font-size: 22px;
}

.home_box_service_content p {
  font-family: "Roboto-Light";
  font-size: 15px;
  text-align: justify;
  color: #000;
}

/* ------------------------------ Home about ------------------------------ */
span.noidung_camko {
    font-size: 18px;
    font-family: "Montserrat-Medium";
}
.tieude_nddd h3 {
    font-size: 31px;
    font-family: 'Montserrat-MediumItalic';
color: #1D3769;
}
.tieude_nddd {
    border-left: 8px solid #ED1C24;
    padding-left: 19px;
    margin-bottom: 25px;
}
.about_image img {
    border-radius: 15px;
aspect-ratio: 1.4;
}
.tieude_nddd h2 {
    font-size: 39px;
    font-family: 'Montserrat-Bold';
color: #ED1C24;
}
section#about {
  padding: 90px 0px 0px 0px;
}

.nd_items {
  display: grid;
  grid-template-columns: 50% 40%;
  grid-template-rows: auto;
  justify-content: space-between;
  row-gap: 30px;
}

.about img {
  width: 100%;
}

.btn_about {
  text-align: center;
  margin: 30px 0px;
}

.btn_about a {
    background: #ED1C24;
    padding: 10px 21px;
    border-radius: 9px;
    color: #ffff;
    font-family: 'Montserrat-Medium';
    font-size: 16px;
    transition: 0.3s ease-in-out;
}


.about_image img {
    border-radius: 20px;
}
.btn_about a:hover {
  color: #e55205;
  background-color: #fff;
  border: 1px solid #e55205;
}

.btn_about i {
  margin-left: 10px;
}
.active_right_title h2,
.title_thu_mua h2,
.title_di_kem h2,
.title_quatrinh h2,
.home_partner_title h2,

.form_home_right h2,
.home_project_title h2{
  font-size: 35px;
  font-family: "Roboto-Bold";
  color: #00519b;
  display: grid;
  grid-template-columns: 50px auto;
  align-items: center;
  gap: 17px;
  margin: 0px;
  margin-bottom: 30px;
}



.value {
  display: grid;
  grid-template-columns: 30% 30% 30%;
  justify-content: space-between;
  grid-template-rows: auto;
  text-align: center;
  margin-top: 45px;
}

.list_value {
  box-shadow: 0px 4px 8px rgb(0 0 0 / 25%);
  padding: 20px 30px;
  border-radius: 25px;
}

.list_value h3 {
  font-size: 32px;
  color: #00519b;
  margin: 20px 0px;
}

.list_value p {
  text-align: justify;
  text-align-last: center;
  font-family: "Roboto-Light";
}

.list_value:hover {
  background: #00519b;
  color: #fff;
  transform: scale(1.1); /* phóng to 120% */
}

.list_value:hover h3 {
  color: #fff;
}

.list_value:nth-child(2) {
  background: #00519b;
  color: #fff;
  transform: scale(1.1); /* phóng to 120% */
}

.list_value:nth-child(2) h3 {
  color: #fff;
}

/* -------------------------------- about so lieu --------------------------------- */

section#number {
  background: #1D3769;
  padding: 40px 0px;
    margin-top: 55px;
}

.about_number-wrap {
    display: grid
;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    text-align: center;
    grid-template-rows: auto;
    gap: 11px;
}
.so {
  font-size: 79px;
font-family: "Montserrat-Bold";
  color: #FFFFFF;
}

.text_number {
  font-size: 25px;
  color: #FFFFFF;
   font-family: "Montserrat-SemiBold";
}

/* ------------------------------ So Menh ------------------------------ */
.noidung_giatri {
 
    text-align: center;
}
.sumenh_noidung {
    text-align: center;
}

.giatri_sumenh {
    position: relative;
    z-index: 1;
    left: 0;
    top: 0;
    padding: 45px 0px;
}
.anh_daidien img {
    width: 100%;
    height: auto;
    aspect-ratio: 1.5;
}
.anh_daidien {
    width: 100%;
  
}
h3.sumenh_tieude {
    font-size: 35px;
    font-family: "Montserrat-Bold";
    color: #5E5E5E;
}
span.sumenh_noidung {
    font-family: "Montserrat-Medium";
    font-size: 18px;
color: #3F3F3F;
}

section.giatri_cotloi {
    padding: 57px 0px;
}
/* ------------------------------ danh muc 1 ------------------------------ */
.danhmuc_1_wrap {
    display: flex;
    flex-wrap: wrap;
    gap: 77px; /* khoảng cách giữa các item */
}
.tieude_danhmuc_item {
    width: calc((100% - 156px) / 3);
    box-sizing: border-box;
}
.tieu_de_noidung2_avata img {
    width: 100%;
    height: 100%;
    aspect-ratio: 1.3;
    height: 323px;
    object-fit: cover;
}
.tieude_anhnoibat p {
    font-size: 50px;
}
.tt_s {
    font-family: "Montserrat-Bold";
    font-size: 27px;
    color: #1D3769;
    overflow: hidden;
    display: -webkit-box;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    text-align: center;
    padding: 24px 0px;
}
.tieude_danhmuc_item{
    background-color: #FFFFFF;
    border-radius: 0px 0px 16px 16px;
}
.tieude_danhmuc_avata img {
    width: 100%;
    aspect-ratio: 1.1;
}
.tieude_danhmuc {
    text-align: center;
    font-size: 50px;
    color: #ffff;
    font-family: 'Montserrat-Bold';
    padding: 40px 0px;
}

section#thu_mua, section#di_kems {
    background: #1D3769;
    padding: 50px 0px;
}
section#di_kemss{
    padding: 58px 0px;
}
/* ------------------------------ Hình Ảnh nổi bật ------------------------------ */
.nen_noibat img {
    width: 100%;
    height: 100%;
}
.nen_noibat {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}
.tieude_anhnoibat {
    text-align: center;
    font-size: 50px;
    font-family: 'Montserrat-Bold';
    color: #000000;
    padding: 42px 0px;
}
.list_hinhanh {
    position: relative;
    z-index: 1;
    left: 0;
    top: 0;
    padding: 30px 0px;
}
.list_anh {
    display: grid
;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 15px;
    /* padding: 13px 0px; */
}

/* ------------------------------ Đối tác ------------------------------ */
.doitac_logo {
    flex: 1;
    display: flex
;
    flex-wrap: wrap;
    gap: 30px;
    justify-content: flex-start;
    align-items: center;
    /* padding-left: 30px; */
}
.row_doitac {
    display: grid
;
    grid-template-columns: 18% 80%;
    justify-content: space-between;
}
/* Khung chứa logo đồng đều */
.doitac_logo .logo-item {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 120px;     /* Chiều cao cố định */
    padding: 10px;
    box-sizing: border-box;
    margin-left: auto;
}

/* Vùng khung cố định của từng logo */
.doitac_logo .logo-item {
    width: 180px;              /* hoặc để auto nếu dùng Owl */
    height: 100px;             /* đồng bộ chiều cao */
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 10px;
    background: white;
    box-sizing: border-box;
}

/* Logo không méo, nằm giữa, tối ưu hiển thị */
.doitac_logo .logo-item img {
    width: auto;
    height: 100%;
    max-height: 100%;
    max-width: 100%;
    object-fit: contain;
    display: block;
}

#doi_tac_tieu_bieu {
    padding: 70px 0;
    padding-top: 100px;
}
/* ------------------------------ Tôn chỉ ------------------------------ */
section#active {
  padding: 80px 0px;
}
.tieude_chinh_dt {
    font-size: 37px;
    font-family: 'Montserrat-Bold';
}
.active_group {
  display: grid;
  grid-template-columns: 40% 50%;
  justify-content: space-between;
}
.doitac_logo .logo-item img {
    aspect-ratio: 4 / 3;  /* hoặc 3/2 tùy bố cục, giúp đồng bộ hình dáng */
}

.active_right_list {
  display: grid;
  grid-template-columns: 45% 45%;
  justify-content: space-between;
  row-gap: 20px;
}

.icon {
  display: flex;
  align-items: center;
  gap: 20px;
  margin-bottom: 10px;
}

.content_tonchi p {
  text-align: justify;
  font-size: 14px;
}

.title_tonchi {
  color: #00519b;
  font-size: 22px;
  font-family: "Roboto-Medium";
}

/* -----------------------------------Why----------------------------------- */
section#why_seclect {
  padding: 80px 0px 80px 0px;
}

.why_seclect_wrap {
  display: grid;
  grid-template-columns: 33% 62%;
  grid-template-rows: auto;
  justify-content: space-between;
  row-gap: 30px;
}

.why_seclect_right {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  text-align: center;
  column-gap: 50px;
  row-gap: 20px;
}

.text_why {
  font-size: 19px;
  font-family: "Roboto-Medium";
  color: black;
  margin-top: 20px;
}

.why_seclect_left {
  display: grid;
  grid-template-columns: 50px 1fr;
  column-gap: 17px;
}

.why_seclect_left h2 {
  color: #00519b;
  margin: 0px;
  font-size: 35px;
  line-height: 1.5;
}

.why_seclect_left p {
  margin-top: 10px;
}

/* ------------------------------ Thu mua ------------------------------ */

section#thu_mua, section#di_kem {
  background: #00519b;
  padding: 50px 0px;
}

.home_thumua_wrap {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 50px;
  grid-template-rows: auto;
}

.home_thumua_item_item {
  display: grid;
  grid-template-columns: 40% 1fr;
  /* background: #fff; */
}

.home_thumua_avata img {
  border-radius: 10px 0px 0px 10px;
  height: 240px;
}

.home_thumua_content {
  background: #fff;
  padding: 25px;
  border-radius: 0px 10px 10px 0px;
}

.home_thumua_item_title {
  margin-bottom: 15px;
}

.home_thumua_item_title a {
  font-size: 25px;
  font-family: "Roboto-Bold";
  color: #00519b;
  overflow: hidden;
  display: -webkit-box;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

.home_thumua_desc {
  overflow: hidden;
  display: -webkit-box;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

.title_thu_mua h2{
  color: #fff;
  justify-content: center;
  margin-bottom: 45px;
}

.home_thumua_item {
  position: relative;
}

.stt {
  font-size: 36px;
  font-family: "Roboto-Bold";
  position: absolute;
  top: -20px;
  color: #00519b;
  width: 60px;
  height: 60px;
  background: #fff;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  left: -20px;
}

#thu_mua .btn_about{
  position: absolute;
  bottom: 0px;
}

/* ----------------------------- Di kem ------------------------------ */

.title_di_kem h2 {
  color: #fff;
}

.di_kem_wrap {
  display: grid;
  grid-template-columns: 30% 65%;
  justify-content: space-between;
  grid-template-rows: auto;
}

.title_di_kem a {
  background: #fff;
  color: #00519b;
  font-size: 19px;
  font-family: 'Roboto-Medium';
  padding: 8px 20px;
  border-radius: 11px;
}

.title_di_kem a i{
  margin-left: 7px;
}

.home_di_kem_wrap {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 50px;
  grid-template-rows: auto;
}

.home_dikem_content {
  background: #fff;
  padding: 25px;
  box-shadow: 0px 4px 8px rgb(0 0 0 / 25%);
}

.tt {
  font-size: 24px;
  font-family: 'Roboto-Medium';
  color: #00519b;
  overflow: hidden;
    display: -webkit-box;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

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

.home_dikem_avata img{
  aspect-ratio: 1.7;
  width: 100%;
}


/* --------------------------------- qua trinh ------------------------------- */

section#qua_trinh {
  background: #f2f2f2;
  padding: 80px 0px;
}

.title_quatrinh h2 {
  justify-content: center;
}

/* ------------------------------ partner ---------------------------------- */

section#home_partner {
  background: #00519b;
  padding: 50px 0px;
}

.home_partner_title h2{
  color: #fff;
}


.home_partner_wrap {
  display: grid;
  grid-template-columns: 33% 62%;
  grid-template-rows: auto;
  justify-content: space-between;
  row-gap: 30px;
}

section#home_partner .btn_about i {
  /* margin-left: 10px; */
  rotate: 90deg;
  margin-right: 10px;
}

.home_partner_title p {
  color: #fff;
  font-size: 18px;
  text-align: justify;
}

.home_partner_list {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 30px;
  grid-template-rows: auto;
}

.partner_item {
  background: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 15px;
  border-radius: 20px;
}
/* ------------------------------ Khách hàng ------------------------------ */
.anh_khachhang {
    width: 90px;
    height: 90px;
    display: flex
;
    margin: 0 auto;
    justify-content: center;
    align-items: center;
}
.anh_khachhang img {
    width: 90px;
    height: 90px;
    border-radius: 50%;
    object-fit: cover;
    text-align: center;
    margin: 0 auto;
    display: flex
;
    justify-content: center;
    align-items: center;
}
.khachhang {
    text-align: center;
    font-size: 50px;
    font-family: "Montserrat-Bold";
    padding-bottom: 61px;
}
.noidung_khachhang {
    font-size: 18px;
    font-family: "Montserrat-Medium";
    color: #FFFFFF;
    text-align: justify;
    text-align-last: center;
line-height: 1.8;
}
h2.tenkhachhang {
    font-size: 24px;
    font-family: "Montserrat-Bold";
    color: #FFFFFF;
}
.noidungs {
    background-color: #1D3769;
    padding: 35px;
    border-radius: 17px;
    text-align: center;
}
/* ------------------------------ Home Form ------------------------------ */

section#home_form {
  position: relative;
  background-color: #f4f4f4;
  padding: 80px 0px;
}

.home_form {
  display: grid;
  grid-template-columns: 45% 37%;
  /* column-gap: 164px; */
  grid-template-rows: auto;
  justify-content: space-between;
}

.list_info {
  display: grid;
  grid-template-columns: 80px auto;
  align-items: center;
  margin: 20px 0px;
}

.home_form_content h2 {
  font-size: 48px;
  font-family: "Roboto-Medium";
  color: #137232;
}

.home_form p {
  font-size: 18px;
}

.home_form_social_text {
  font-size: 18px;
}

.home_form_social {
  display: flex;
  align-items: center;
  gap: 30px;
}

#home_form .form-home {
  box-shadow: 0px 4px 8px rgb(0 0 0 / 25%);
  padding: 20px 30px;
}

#home_form .form-home h3 {
  font-size: 35px;
  font-family: "Roboto-Medium";
  color: #137232;
  margin-bottom: 18px;
  margin-top: 10px;
}

#home_form .form-home .wpcf7-form-control {
  padding: 13px 20px;
  color: #2b313f;
  font-family: "Roboto-Medium";
  font-size: 22px;
  background: #1372321f;
  border-color: transparent;
}

#home_form .form-home .wpcf7-submit {
  background: #137232;
  color: #fff;
  font-family: "Roboto-Medium";
  font-size: 24px;
}

#home_form .form-line {
  width: 100%;
  height: 1px;
  background: #137232;
  margin: 22px 0px;
}
.home_product_title.wow.fadeInLeft h2 {
    padding: 15px 0px;
}
/* ------------------------------ Home New ------------------------------ */
.home_text_new p {
    font-size: 18px;
    color: #3F3F3F;
    font-family: 'Montserrat-Medium';
}
section#home_news {
  padding: 30px 0px;
 
}
.home_product_title h2 {
    justify-content: center;
    text-align: center;
    font-size: 50px;
    font-family: 'Montserrat-Bold';
}
.home_news_bg {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  z-index: -1;
}


.home_new_wrap_text {
  display: grid;
  grid-template-columns: 80% 17%;
  justify-content: space-between;
  margin-bottom: 50px;
}

.home_text_new p {
  text-align: justify;
}



.home_new_avata{
  position: relative;
}


#owl-new .owl-dots,
#owl-new .owl-dots.disabled {
  position: relative;
  bottom: 0px;
  transform: translateX(-50%);
  left: 50%;
  /* display: flex; */
  display: none;
  justify-content: center;
  margin: 16px 0px;
}

#owl-new .owl-dots .owl-dot,
#owl-new .owl-dots.disabled .owl-dot {
  width: 10px;
  height: 10px;
  background-color: #d3d3d3;
  border: 1px solid #d3d3d3;
  border-radius: 100px;
  margin: 0 8px;
}

#owl-new .owl-dots .owl-dot.active,
#owl-new .owl-dots.disabled .owl-dot.active {
  border: 2px solid #207264;
  background-color: #207264;
}

#owl-new .owl-nav,
#owl-new .owl-nav.disabled {
  display: none;
  justify-content: space-between;
  align-items: center;
  width: 85px;
  position: absolute;
  right: 0;
  top: -60px;
  z-index: 99;
}

#owl-new .owl-nav .owl-next,
#owl-new .owl-nav.disabled .owl-next,
#owl-new .owl-nav .owl-prev,
#owl-new .owl-nav.disabled .owl-prev {
  width: 35px;
  height: auto;
  opacity: 0.5;
}

#owl-new .owl-nav .owl-next:hover,
#owl-new .owl-nav.disabled .owl-next:hover,
#owl-new .owl-nav .owl-prev:hover,
#owl-new .owl-nav.disabled .owl-prev:hover {
  opacity: 1;
}

#owl-new .owl-nav .owl-next img,
#owl-new .owl-nav.disabled .owl-next img {
  transform: rotate(180deg);
}

.home_new_item_item_image {
  box-shadow: 0px 2px 6px #0000003b;
  border-radius: 5px;
  overflow: hidden;
}

.home_new_avata_image,
.home_new_avata_image img {
  overflow: hidden;
  transition: 0.3sease-in-out;
  aspect-ratio: 1.4;
  width: 100%;
}

.home_new_content_image {
  padding: 35px 30px 40px 30px;
  margin-left: 0.25px;
  background-color: #fff;
  position: relative;
}

.home_new_item_title_image {
  margin: 0px 0px 20px 0px;
  border-bottom: 1px solid #6c6c6c59;
  padding-bottom: 15px;
}

.home_new_item_title_image a {
  font-size: 18px;
  font-family: "Roboto-Bold";
  overflow: hidden;
  display: -webkit-box;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  color: #000000;
  text-transform: capitalize;
}

.home_new_avata,
.home_new_avata img {
  overflow: hidden;
  transition: 0.3s ease-in-out;
  width: 100%;
  aspect-ratio: 1.5;
}



.home_new_item_title a {
  color: #3F3F3F;
}
.title_home {
    text-align: center;
    font-size: 17px;
    overflow: hidden;
    display: -webkit-box;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    font-family: 'Montserrat-Medium';
    color: #3F3F3F;
}

.home_new_content {
  margin-top: 15px;
}

.tieude_danhmuc_item {
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    will-change: transform;
    position: relative;
}
.tieu_de_noidung2_item_item {
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    will-change: transform;
    position: relative;
}

.tieu_de_noidung2_item_item:hover {
    transform: translateY(-5px);
    box-shadow: 0 12px 25px rgba(0, 0, 0, 0.15);
    z-index: 2;
}

.tieude_danhmuc.wow.fadeInLeft {
    display: none;
}


.tieude_danhmuc_item:hover {
    transform: translateY(-5px);
    box-shadow: 0 12px 25px rgba(0, 0, 0, 0.15);
    z-index: 2;
}

.pro_item_date {
  font-size: 16px;
  color: #ffffff;
  position: absolute;
  z-index: 2;
  right: 30px;
  top: -23px;
  border-radius: 4px;
  display: flex;
  align-items: center;
  height: 45px;
  overflow: hidden;
  text-transform: uppercase;
}.sdt a {
    display: inline-block;
    transition: transform 0.3s ease;
}

.sdt a:hover {
    transform: scale(1.1);
}


span.day {
  height: 100%;
  padding: 10px;
  background-color: #ed1c24;
  display: flex;
  align-items: center;
  font-family: "Montserrat-Bold";
  font-size: 20px;
}

span.year {
  height: 100%;
  padding: 10px 17px 10px 17px;
  display: flex;
  align-items: center;
  background-color: #073f82;
  line-height: 1;
  font-family: "Montserrat-Medium";
  font-size: 18px;
}

.home_new_item_title {
  margin: 0px 0px 20px 0px;
    text-align: justify;
 
}

.title_home a {
  font-size: 16px;
  display: -webkit-box;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}

.home_new_item_title a:hover {
  color: #1d3769;
  transition: 0.3s ease-in-out;
}

.home_new_item_exp {
  text-align: justify;
  overflow: hidden;
  display: -webkit-box;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
}

.home_new_item_except p {
  margin-bottom: 0px;
}


.home_new_item_detail a {
  font-size: 18px;
  color: #000000;
}
.owl-nav {
    display: none;
}
.home_new_item_detail a {
    font-size: 16px;

    align-items: center;
    column-gap: 10px;
    font-family: "Montserrat-Medium";
    text-transform: capitalize;
    transition: 0.3s ease-in-out;
    text-align: center;
    margin: 0 auto;
    display: flow;
    background-color: #ED1C24;
    width: 50%;
    padding: 5px;
    border-radius: 10px;
    color: #ffff;
}
.home_new_item_detail a:hover {
  transition: 0.3s ease-in-out;
}

.home_new_item_detail a img {
  width: 34px !important;
  margin-bottom: -3px;
}

.home_new_item_detail a svg {
  fill: #137232;
  position: relative;
  transition: 0.3s ease-in-out;
}

.home_new_item_detail a:hover svg {
  transform: translateX(5px);
  transition: 0.3s ease-in-out;
}

.news_item_wrap svg {
  width: auto;
  height: 16px;
  fill: #137232;
}

.news_item_wrap {
  display: flex;
  align-items: center;
  column-gap: 20px;
  margin-bottom: 12px;
  color: #6c6c6c;
  font-family: "Montserrat-Medium";
}

.news_item_wrap a {
  color: #6c6c6c;
}

.news_author,
.news_cate {
  display: flex;
  align-items: center;
  column-gap: 5px;
  font-size: 15px;
  text-transform: capitalize;
  line-height: 1;
}

.home_product_title h2{
  justify-content: center;
}

/* ------------------------------- project ------------------------------ */

section#project {
  padding: 80px 0px;
}

.home_project_title h2 {
  justify-content: center;
}

section#project  .owl-nav.disabled {
  position: absolute;
    z-index: 9;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

section#project  .home_new_avata img{
  border-radius: 25px;
  aspect-ratio: 1.5;
}


/* ----------------------------- form ft ---------------------------- */
.form_home.ft {
  display: initial;
}

.form_home_wrap {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: auto;
  align-items: center;
}

.form_home_right {
  box-shadow: 0px 4px 8px rgb(0 0 0 / 25%);
  background: #fff;
  padding: 35px 63px;
  transform: scale(1.1);
}

.ft select.wpcf7-form-control, .ft input.wpcf7-form-control, .ft textarea{
  font-size: 15px;
    font-family: 'Roboto-Regular';
    padding: 10px;
    border-radius: 10px;
}

.ft .submit_wrap {
  margin-top: 20px;
}

.ft .form_submit {
  width: 25%;
  margin: 0 auto;
}

.ft input.wpcf7-form-control.wpcf7-submit{
    font-family: 'Roboto-Medium';
    font-size: 16px;
    padding: 10px 25px;
}

.form_submit {
  position: relative;
  overflow: hidden;
}

.form_home .form_submit:hover::after {
  color: #e55205;
}

.form_submit::after {
  content: "\f0da";
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  position: absolute;
  right: 24px;
  top: 50%;
  transform: translateY(-50%);
  font-size: 16px;
  transition: 0.3s ease-in-out;
  color: #fff;
  font-size: 30px;
}

/* ------------------------------ Home Client ------------------------------ */

section#home_client {
  padding: 50px 0px;
  background-color: #f8f8f8;
}

.home_client_wrap {
  margin-top: 20px;
}

.form-contact-wrap {
  display: grid;
  width: 100%;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: auto;
  column-gap: 30px;
}

section#home_client .client_item {
  margin: auto;
  position: relative;
  aspect-ratio: 16/9;
  padding: 5px;
  cursor: pointer;
}

.client_item img {
  margin: auto;
  filter: grayscale(100%);
  position: relative;
  top: 50% !important;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
}

.client_item:hover img {
  filter: grayscale(0%);
}

/* ------------------------------ Footer ------------------------------ */

footer#footer {
  background-color: #1D3769;
  color: #ffffff;
}

.footer {
    display: grid;
    padding: 50px 0px 50px 0px;
    grid-template-columns: 34% 23% 19% 24%;
    grid-template-rows: auto;
    row-gap: 30px;
    justify-content: space-between;
}
.footer_bottom {
  color: #ffffff;
  text-align: center;
  padding: 15px 0px;
  border-top: 1px solid #fff;
}
.thongtin {
    padding-top: 37px;
    display: grid;
    gap: 20px;
}
.img_thongtin img {
    width: 17px;
    height: auto;
}
.ten_thongtin {
    font-size: 17px;
    font-family: 'Montserrat-SemiBold';
}
.thongtin_noidung {
    display: flex;
    flex-wrap: nowrap;
    gap: 19px;
}

.footer_bottom a {
  color: #ffffff;
}

.social_footer {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 10px;
}

.footer_logo_sc {
  display: flex;
  justify-content: space-between;

}

.footer_contact_text a {
  color: #fff;
}
.connect {
    font-size: 17px;
    font-family: 'Montserrat-Medium';
}
.footer_contact_title {
    font-family: 'Montserrat-SemiBold';
    color: #FFFFFF;
    font-size: 17px;
    margin-bottom: 25px;
    text-transform: uppercase;
}

/* .footer_address {
  margin: 20px 0px;
} */

.footer_social {
  display: flex;
  align-items: center;
  column-gap: 15px;
  margin-top: 16px;
}

.footer_about ul {
  padding-left: 1px;
  list-style: none;
}

.footer_about li {
  margin-bottom: 12px;
}

.footer_about li:last-child {
  margin-bottom: 0px;
}



.footer_about a {
    color: #ffffff;
    font-size: 17px;
    font-family: 'Montserrat-Medium';
}


.footer_bottom_wrap {
  padding: 18px 0px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  row-gap: 15px;
}

.footer_privacy {
  display: flex;
  align-items: center;
}

.footer_privacy a {
  color: #ffffff;
  line-height: 1;
}

.footer_privacy_item {
  border-right: 1px solid #58595b;
  padding: 0px 8px;
  line-height: 1;
}

.footer_privacy_item:last-child {
  border-right: 1px solid transparent;
}

.footer_contact_item {
  display: flex;
  width: 100%;
  align-items: center;
  column-gap: 8px;
  margin-bottom: 15px;
}

.footer_contact_item:last-child {
  margin-bottom: 0px;
}

.footer_contact_text p {
  margin: 0px;
  font-family: "Roboto-Light";
}

.footer_contact_icon {
  width: 20px;
}

.footer_contact_icon img {
  filter: brightness(0) invert(1);
  -webkit-filter: brightness(0) invert(1);
}

.footer_form {
  display: grid;
  grid-template-columns: 28% auto;
  align-items: center;
  column-gap: 30px;
}

.footer_form form.wpcf7-form.init {
  margin: 0px;
}

span.wpcf7-spinner {
  display: none;
}

.text_form_footer {
  font-size: 19px;
  font-family: "Roboto-Bold";
}

.form_form_footer .wpcf7-email {
  width: 97%;
  margin-right: 20px;
  color: black;
  outline: none;
  font-size: 18px;
  padding-left: 30px;
}

.form_form_footer .wpcf7-email::placeholder {
  color: #137232;
  font-size: 18px;
  font-family: "Roboto-Regular";
  /* padding-left: 30px; */
}

.form_form_footer .wpcf7-submit {
  width: 20%;
  background: #fff;
  color: #137232;
  font-size: 18px;
  font-family: "Roboto-Medium";
}

.form_form_footer span.wpcf7-form-control-wrap {
  width: 78%;
}

.form_form_footer form p {
  display: flex;
  margin: 0px;
}

.form_form_footer input {
  height: 55px;
  border: 0px;
  border-radius: 7px;
}

.footer_map iframe {
  width: 100%;
  height: 170px;
}

/* .footer_about {
  margin: 0px auto;
  padding-top: 27px;
} */

.footer_map {
  padding: 27px 0px 0px 20px;
}

.footer_map p {
  margin-bottom: 0px;
}
.footer_logo img.loho {
    width: 300px;
}
.fancybox-container {
  z-index: 99999999999 !important;
}

.footer-top {
  background: #f4f4f4;
  padding: 30px 0px;
}
.wrap-menu_mobile {
    display: none;
}