@charset "UTF-8";
/***********************************************************************************/
/*                                                                                 */
/*                           Customize your css here                               */
/*                                                                                 */
/***********************************************************************************/
.admin-bar .HomeSlider {
  height: calc(100vh - 32px);
}

.HeadingIcon {
  text-align: center;
}
.HeadingIcon .subtitle {
  font-size: 18px;
  font-weight: 500;
  line-height: 1;
  background: #F9A825;
  border-radius: 1000px;
  padding: 6px 12px;
  justify-content: center;
  align-items: center;
  display: flex;
  width: -moz-fit-content;
  width: fit-content;
  text-transform: uppercase;
  margin: 0 auto;
  margin-bottom: 12px;
}
.HeadingIcon .title {
  color: #006D41;
  font-size: 40px;
  font-weight: 800;
  text-transform: uppercase;
  margin: 0;
}
.HeadingIcon .description {
  color: #000;
  font-size: 16px;
  font-weight: 400;
  margin-bottom: 12px;
  margin-top: 12px;
}

.HomeSlider {
  position: relative;
  width: 100%;
  height: 100vh;
  min-height: 650px;
  background-color: #0a1c14;
  overflow: hidden;
  margin-top: -75px;
}
.HomeSlider .list_homeBanner {
  width: 100%;
  height: 100%;
}
.HomeSlider .item_homeBanner {
  width: 100%;
  height: 100%;
  position: relative;
  display: flex;
  align-items: center;
  overflow: hidden;
}
.HomeSlider .item_homeBanner .img_background {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}
.HomeSlider .item_homeBanner .img_background img,
.HomeSlider .item_homeBanner .img_background video {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}
.HomeSlider .item_homeBanner .img_background::after {
  content: "";
  position: absolute;
  top: 0px;
  left: 0px;
  opacity: 0.8;
  background: linear-gradient(to left, rgba(0, 0, 0, 0) 0%, #000 100%);
  width: 60%;
  height: 100%;
}
.HomeSlider .item_homeBanner .content_slide_home {
  position: absolute;
  z-index: 3;
  max-width: 1200px;
  padding-left: 15px;
  padding-right: 15px;
  color: #ffffff;
  text-align: left;
  bottom: 120px;
  left: 50%;
  transform: translateX(-50%);
}
.HomeSlider .item_homeBanner .content_slide_home .subtitle_slide {
  max-width: 590px;
  background: #F9A825;
  border-radius: 10000px;
  padding: 6px 16px 3px 16px;
  color: #2B322F;
  font-size: 18px;
  font-weight: 500;
  line-height: 1;
  text-transform: uppercase;
  width: -moz-max-content;
  width: max-content;
  margin-bottom: 20px;
}
.HomeSlider .item_homeBanner .content_slide_home .heading_slide_home {
  color: #FFF;
  font-size: 48px;
  font-weight: 800;
  text-transform: uppercase;
  margin-bottom: 10px;
  max-width: 590px;
  margin-bottom: 32px;
}
.HomeSlider .item_homeBanner .content_slide_home .button_slide_home {
  display: flex;
  align-items: center;
  width: -moz-fit-content;
  width: fit-content;
  margin: 0;
  padding: 14px 16px 12px 16px;
  border-radius: 100px;
  backdrop-filter: blur(30px);
  border: 1px solid #fff;
  background: rgba(255, 255, 255, 0.1882352941);
  font-size: 16px;
  line-height: 1;
  font-weight: 400;
}
.HomeSlider ._9byf {
  position: absolute;
  bottom: 30px;
  left: 0;
  width: 100%;
  z-index: 10;
}
@media (max-width: 767px) {
  .HomeSlider ._9byf {
    bottom: 30px;
  }
}
.HomeSlider ._9byf .container {
  position: relative;
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
.HomeSlider ._9byf .pagination-home-slider {
  display: flex;
  align-items: center;
  gap: 10px;
  z-index: 12;
}
.HomeSlider ._9byf .pagination-home-slider .swiper-pagination-bullet {
  width: 10px;
  height: 10px;
  background: rgba(255, 255, 255, 0.4);
  opacity: 1;
  margin: 0 !important;
  transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
  border-radius: 50%;
  cursor: pointer;
}
.HomeSlider ._9byf .pagination-home-slider .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background: #ffffff;
  width: 32px;
  border-radius: 6px;
}
.HomeSlider ._9byf ._9tfr {
  display: flex;
  align-items: center;
  gap: 16px;
  background: transparent;
  border: none;
  padding: 0;
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
}
@media (max-width: 575px) {
  .HomeSlider ._9byf ._9tfr {
    gap: 12px;
  }
}
.HomeSlider ._9byf .navigation-prev,
.HomeSlider ._9byf .navigation-next {
  width: 36px;
  height: 36px;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.45);
  border: none;
  color: #000000;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: all 0.25s ease;
}
.HomeSlider ._9byf .navigation-prev i,
.HomeSlider ._9byf .navigation-next i {
  font-size: 16px;
}
.HomeSlider ._9byf .navigation-prev:hover,
.HomeSlider ._9byf .navigation-next:hover {
  background: #ffffff;
  color: #0a1c14;
}
.HomeSlider ._9byf .autoplay-progress {
  position: relative;
  width: 36px;
  height: 36px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.HomeSlider ._9byf .autoplay-progress svg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  transform: rotate(-90deg);
}
.HomeSlider ._9byf .autoplay-progress svg circle {
  fill: none;
  stroke-width: 4;
}
.HomeSlider ._9byf .autoplay-progress svg circle.progress-bg {
  stroke: rgba(255, 255, 255, 0.25);
}
.HomeSlider ._9byf .autoplay-progress svg circle.progress-bar {
  stroke: #ffffff;
  stroke-dasharray: 289;
  stroke-dashoffset: calc(289 * (1 - var(--progress, 0)));
  transition: stroke-dashoffset 0.1s linear;
}
.HomeSlider ._9byf .autoplay-progress .pause-icon {
  position: relative;
  z-index: 2;
  color: #ffffff;
  display: flex;
  align-items: center;
  justify-content: center;
}
.HomeSlider ._9byf .autoplay-progress .pause-icon i {
  font-size: 16px;
}

.section-2 .HeadingIcon {
  max-width: 555px;
  margin: 0 auto;
}
.section-2 .s2_r1_c1 {
  margin-bottom: 30px;
}

.card-service {
  border-radius: 16px;
  background: radial-gradient(circle at 100% 0%, rgba(255, 255, 255, 0.15) 0%, rgba(255, 255, 255, 0) 75%);
  background-blend-mode: overlay, normal;
  box-shadow: 0 12px 24px rgba(0, 109, 65, 0.16);
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  overflow: hidden;
}
.card-service:hover {
  transform: translateY(-6px);
  box-shadow: 0 20px 35px rgba(0, 109, 65, 0.25);
}
.card-service ._9wzrdfw {
  padding-inline: 24px;
  padding-top: 32px;
  padding-bottom: 20px;
  background: #006D41;
}
.card-service .card-service-title {
  margin-bottom: 16px;
}
.card-service .card-service-title ._6cfb ._2wqm-title {
  color: #E9EFEB;
  font-size: 28px;
  font-weight: 700;
  line-height: normal;
}
.card-service .card-service-img {
  margin-bottom: 16px;
}
.card-service .card-service-img img {
  width: 120px;
  height: 120px;
}
.card-service ._21ux {
  overflow: hidden;
  color: #E9EFEB;
  font-size: 16px;
  font-weight: 600;
  line-height: normal;
  margin-bottom: 0;
}
.card-service ._7hjf {
  padding-inline: 24px;
  padding-block: 20px;
  background: #76BC21;
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: #fff;
}
.card-service ._7hjf:hover {
  color: var(--Mau_7);
}
.card-service.Card-1 {
  margin-top: 60px;
}
.card-service.Card-2 ._9wzrdfw {
  background-color: #F9A825;
}
.card-service.Card-2 .card-service-title ._6cfb ._2wqm-title {
  color: #2B322F;
}
.card-service.Card-2 ._21ux {
  color: #2B322F;
}
.card-service.Card-2 ._7hjf {
  background: #3C2B1F;
}
.card-service.Card-3 {
  margin-top: 60px;
}
.card-service.Card-3 ._9wzrdfw {
  background-color: #4DBA45;
}
.card-service.Card-3 ._7hjf {
  background: #006D41;
}
.card-service.Card-4 ._9wzrdfw {
  background-color: #FBC211;
}
.card-service.Card-4 .card-service-title ._6cfb ._2wqm-title {
  color: #845500;
}
.card-service.Card-4 ._21ux {
  color: #845500;
}
.card-service.Card-4 ._7hjf {
  background: #845500;
}

.section-3 {
  background: linear-gradient(180deg, rgba(249, 168, 37, 0.5) -9.15%, rgba(255, 238, 210, 0.2) 65.04%, rgba(249, 168, 37, 0.2) 109.79%);
}
.section-3 .s3_r1 {
  margin-bottom: 22px;
}

.card-overview {
  width: 100%;
  height: 430px;
  border-radius: 24px;
  overflow: hidden;
  position: relative;
}
.card-overview .card-overview-img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.card-overview .card-overview-body {
  position: absolute;
  width: 100%;
  height: 170px;
  z-index: 2;
  background: linear-gradient(180deg, rgba(8, 43, 29, 0) 0%, #50B848 100%);
  bottom: 0;
  left: 0;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  padding-inline: 30px;
  padding-bottom: 15px;
}
.card-overview .card-overview-body .card-overview-title ._2wqm-title {
  color: #fff;
  font-size: 28px;
  font-weight: 700;
  text-transform: uppercase;
  margin-bottom: 8px;
}
.card-overview .card-overview-body .card-overview-description {
  max-width: 460px;
}
.card-overview .card-overview-body .card-overview-description ._1jjt {
  color: #fff;
  font-size: 14px;
  font-weight: 400;
  opacity: 0.8;
  height: 2.6em;
  margin-bottom: 0;
  line-height: 1.3em;
}

.BlockHeadingS4.HeadingIcon {
  margin-bottom: 32px;
}
.BlockHeadingS4.HeadingIcon .subtitle {
  margin-left: 0;
}
.BlockHeadingS4.HeadingIcon .title {
  color: #FFF;
  text-align: left;
}
.BlockHeadingS4.HeadingIcon .description {
  color: #E9EFEB;
  text-align: left;
  opacity: 0.8;
  margin-bottom: 0;
}

.iconbox_s4 {
  align-items: center;
  margin-bottom: 16px;
}
.iconbox_s4 .icon-box-text {
  color: #F1FFEF;
  font-size: 14px;
  text-transform: uppercase;
  font-weight: 600;
  opacity: 0.4;
}
.iconbox_s4.active .icon-box-text {
  opacity: 1;
  color: #F9A825;
}

.ButtonBFF .button-bff {
  margin: 0;
  border-radius: 100px;
  height: 47px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: -moz-fit-content;
  width: fit-content;
}
.ButtonBFF .button_s4 {
  background: #fff;
  color: #006D41;
  margin-top: 24px;
}
.ButtonBFF .button_s4:hover {
  background: #F9A825;
  color: #fff;
}

.image_s4 {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 2;
}

#main .section-4 {
  z-index: 2;
}

#main .section-5 {
  z-index: 1;
}
#main .section-5 .section-bg {
  filter: blur(64px);
}

.s5_r2 {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  padding-top: 120px;
}

.BlockServiceText {
  position: relative;
}
.BlockServiceText .title {
  color: #006D41;
  font-size: 40px;
  font-weight: 800;
  text-transform: uppercase;
  margin-bottom: 12px;
}
.BlockServiceText .description {
  color: #2B322F;
  font-size: 16px;
  font-weight: 400;
  margin-bottom: 24px;
}

.s5_r2_c2 > .col-inner {
  display: flex;
  justify-content: flex-end;
}

.BoxTrust .number {
  color: #006D41;
  font-weight: 700;
  letter-spacing: -2px;
  text-align: center;
  font-size: 40px;
}
.BoxTrust .title {
  color: #2B322F;
  text-align: center;
  font-size: 16px;
  font-weight: 400;
  margin-bottom: 16px;
}
.BoxTrust .content-trust img {
  max-width: 140px;
  display: block;
  margin: 0 auto;
}

#main .section-6 {
  background: linear-gradient(180deg, rgba(249, 168, 37, 0.2) 0%, rgba(255, 238, 210, 0.2) 100%);
}

.BlogsBFF {
  margin-top: 30px;
}
.BlogsBFF ._8hkb {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 24px;
  gap: 16px;
}
.BlogsBFF ._8hkb .title-news {
  color: #006D41;
  font-size: 36px;
  font-weight: 800;
  text-transform: uppercase;
  margin: 0;
  flex: 1;
}
.BlogsBFF ._8hkb .button-flex {
  margin: 0;
  border-radius: 100px;
  background-color: #006D41;
  color: #fff;
  padding: 8px 20px;
  height: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 16px;
  font-weight: 400;
  text-transform: inherit;
}
.BlogsBFF ._8hkb .button-flex:hover {
  background-color: #F9A825;
  color: #2B322F;
}
.BlogsBFF .MainListBlogs .item-blogs.is-first {
  position: relative;
  border-radius: 24px;
  overflow: hidden;
  height: 100%;
  min-height: 540px;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  box-shadow: 0 12px 30px rgba(0, 0, 0, 0.08);
}
@media (max-width: 767px) {
  .BlogsBFF .MainListBlogs .item-blogs.is-first {
    min-height: 400px;
  }
}
.BlogsBFF .MainListBlogs .item-blogs.is-first .box-image {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}
.BlogsBFF .MainListBlogs .item-blogs.is-first .box-image a,
.BlogsBFF .MainListBlogs .item-blogs.is-first .box-image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.BlogsBFF .MainListBlogs .item-blogs.is-first .box-image::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(180deg, rgba(8, 43, 29, 0) 0%, #083B26 100%);
  z-index: 2;
}
.BlogsBFF .MainListBlogs .item-blogs.is-first .box-text {
  position: relative;
  z-index: 3;
  padding: 40px;
  color: #ffffff;
  width: 100%;
}
@media (max-width: 575px) {
  .BlogsBFF .MainListBlogs .item-blogs.is-first .box-text {
    padding: 20px;
  }
}
.BlogsBFF .MainListBlogs .item-blogs.is-first .box-text .post-date {
  margin-bottom: 12px;
  display: flex;
  align-items: center;
  gap: 8px;
  color: #fff;
}
.BlogsBFF .MainListBlogs .item-blogs.is-first .box-text .post-date i {
  color: #F9A825;
  font-size: 14px;
}
.BlogsBFF .MainListBlogs .item-blogs.is-first .box-text .post-date .date {
  font-size: 14px;
  font-weight: 500;
  opacity: 0.9;
}
.BlogsBFF .MainListBlogs .item-blogs.is-first .box-text .post-title {
  margin-bottom: 12px;
}
.BlogsBFF .MainListBlogs .item-blogs.is-first .box-text .post-title .title {
  color: #ffffff;
  font-size: 28px;
  font-weight: 700;
  line-height: 1.3;
  display: block;
  text-decoration: none;
  transition: color 0.3s ease;
}
.BlogsBFF .MainListBlogs .item-blogs.is-first .box-text .post-title .title:hover {
  color: #F9A825;
}
@media (max-width: 575px) {
  .BlogsBFF .MainListBlogs .item-blogs.is-first .box-text .post-title .title {
    font-size: 20px;
  }
}
.BlogsBFF .MainListBlogs .item-blogs.is-first .box-text .post-content p {
  color: rgba(255, 255, 255, 0.85);
  font-size: 15px;
  line-height: 1.5;
  margin: 0;
}
.BlogsBFF .MainListBlogs .item-blogs:not(.is-first) {
  display: flex;
  background: #ffffff;
  border-radius: 24px;
  padding: 8px;
  gap: 24px;
  box-shadow: 0 8px 20px rgba(0, 109, 65, 0.05);
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  position: relative;
  align-items: center;
  margin-bottom: 8px;
}
.BlogsBFF .MainListBlogs .item-blogs:not(.is-first) .box-image {
  flex: 0 0 200px;
  width: 200px;
  height: 150px;
  border-radius: 16px;
  overflow: hidden;
}
.BlogsBFF .MainListBlogs .item-blogs:not(.is-first) .box-image a,
.BlogsBFF .MainListBlogs .item-blogs:not(.is-first) .box-image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
@media (max-width: 575px) {
  .BlogsBFF .MainListBlogs .item-blogs:not(.is-first) .box-image {
    flex: 0 0 100%;
    width: 100%;
    height: 180px;
  }
}
.BlogsBFF .MainListBlogs .item-blogs:not(.is-first) .box-text {
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding-block: 0;
}
@media (max-width: 575px) {
  .BlogsBFF .MainListBlogs .item-blogs:not(.is-first) .box-text {
    padding-right: 0;
    padding-bottom: 50px;
  }
}
.BlogsBFF .MainListBlogs .item-blogs:not(.is-first) .box-text .post-date {
  margin-bottom: 0;
  display: flex;
  align-items: center;
  gap: 8px;
  color: #2B322F;
}
.BlogsBFF .MainListBlogs .item-blogs:not(.is-first) .box-text .post-date i {
  color: #F9A825;
  font-size: 14px;
}
.BlogsBFF .MainListBlogs .item-blogs:not(.is-first) .box-text .post-date .date {
  font-size: 13px;
  font-weight: 500;
  opacity: 0.8;
}
.BlogsBFF .MainListBlogs .item-blogs:not(.is-first) .box-text .post-title {
  margin-bottom: 8px;
}
.BlogsBFF .MainListBlogs .item-blogs:not(.is-first) .box-text .post-title .title {
  color: #006D41;
  font-size: 16px;
  font-weight: 700;
  line-height: 1.4;
  display: block;
  text-decoration: none;
  transition: color 0.3s ease;
  margin-bottom: 0;
}
.BlogsBFF .MainListBlogs .item-blogs:not(.is-first) .box-text .post-title .title:hover {
  color: #76BC21;
}
.BlogsBFF .MainListBlogs .item-blogs:not(.is-first) .box-text .post-content p {
  color: #666;
  font-size: 14px;
  line-height: 1.4;
  margin: 0;
}
.BlogsBFF .MainListBlogs .item-blogs:not(.is-first) .box-text .btn-readmore {
  width: 50px;
  height: 36px;
  border: 1px solid #006D41;
  border-radius: 1000px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #006D41;
  background: #ffffff;
  transition: all 0.3s ease;
  margin-left: auto;
  margin-top: 8px;
}
.BlogsBFF .MainListBlogs .item-blogs:not(.is-first) .box-text .btn-readmore i {
  font-size: 14px;
}
.BlogsBFF .MainListBlogs .item-blogs:not(.is-first) .box-text .btn-readmore:hover {
  background: #006D41;
  color: #ffffff;
}
@media (max-width: 575px) {
  .BlogsBFF .MainListBlogs .item-blogs:not(.is-first) {
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
  }
}

.s7_r2 {
  margin-top: 60px;
}
.s7_r2 .s7_r2_c .logo_partner {
  display: block;
  margin-bottom: 60px;
}
.s7_r2 .s7_r2_c .logo_partner:last-child {
  margin-bottom: 0;
}
.s7_r2 .s7_r2_c .logo_partner .ux-logo-link {
  padding: 0 !important;
  height: 50px;
  position: relative;
}
.s7_r2 .s7_r2_c .logo_partner .ux-logo-link .ux-logo-image {
  width: auto;
  max-width: 100%;
  height: auto !important;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

.BannerWebsite {
  position: relative;
}
.BannerWebsite .banner-view {
  position: relative;
  z-index: 1;
}
.BannerWebsite .banner-view .image-bn {
  position: relative;
}
.BannerWebsite .banner-view .image-bn img {
  max-height: 480px;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.BannerWebsite .banner-view .image-bn::after {
  content: "";
  position: absolute;
  top: 0px;
  left: 0px;
  opacity: 0.8;
  background: linear-gradient(to left, rgba(0, 0, 0, 0) 0%, #000 100%);
  width: 60%;
  height: 100%;
}
.BannerWebsite .banner-view .image-bn video {
  max-height: 480px;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  display: block;
}
.BannerWebsite .banner-view .image-bn video::after {
  content: "";
  position: absolute;
  top: 0px;
  left: 0px;
  opacity: 0.8;
  background: linear-gradient(to left, rgba(0, 0, 0, 0) 0%, #000 100%);
  width: 60%;
  height: 100%;
}
.BannerWebsite .content-banner {
  position: absolute;
  max-width: 1200px;
  left: 50%;
  bottom: 60px;
  width: 100%;
  transform: translateX(-50%);
  z-index: 2;
  padding: 0 15px;
}
.BannerWebsite .content-banner .content-inner h2 {
  color: var(--f-58220, #FFF);
  font-size: 48px;
  font-weight: 800;
  line-height: 69px;
  margin-bottom: 0px;
  max-width: 100%;
  text-transform: uppercase;
}
.BannerWebsite .content-banner .content-inner p {
  color: var(--f-58220, #FFF);
  margin-bottom: 0;
  font-size: 16px;
  font-weight: 400;
  line-height: normal;
  max-width: 588px;
  margin-bottom: 30px;
}
.BannerWebsite .content-banner .content-inner .long-width-content h2, .BannerWebsite .content-banner .content-inner .long-width-content p {
  max-width: 740px;
}

.breadcrumbs {
  margin-bottom: 20px;
}
.breadcrumbs span {
  color: #E9EFEB;
  font-size: 16px;
  font-weight: 400;
}
.breadcrumbs a {
  color: #E9EFEB;
  font-size: 16px;
  font-weight: 400;
  line-height: normal;
  opacity: 0.6;
}

.gt2_r1 .text-left {
  text-align: left;
  margin-bottom: 20px;
}

.text_lead p {
  color: var(--Color-5, #FFF);
  font-size: 40px;
  font-weight: 800;
  line-height: normal;
  text-transform: uppercase;
  margin-bottom: 0;
}

.text_sub_lead p {
  color: var(--Color-7, #E9EFEB);
  font-size: 16px;
  font-weight: 400;
  opacity: 0.8;
  margin-bottom: 0;
}

.gt2_r1_c1_r1 {
  padding-bottom: 30px;
  border-bottom: 1px solid #fff;
}

.gt2_r1_c1_r2 {
  padding-top: 30px;
}

#main .gt_4 {
  background: var(--Linear, linear-gradient(180deg, rgba(255, 238, 210, 0.2) 0%, rgba(249, 168, 37, 0.5) 100%));
}

.gt4_r2 {
  margin-top: 20px;
}

.gt5_r1 .text-left {
  text-align: left;
  max-width: 455px;
}

.gt5_r2 {
  margin-top: 24px;
}

.QuyTrinh {
  position: relative;
  padding: 50px 0;
}
.QuyTrinh .list_QuyTrinh {
  position: relative;
}
.QuyTrinh .item_QuyTrinh {
  position: relative;
  display: flex;
  flex-direction: column;
  padding: 0 15px;
  text-align: left;
  /* Đường xanh lá cây ngang nằm trên từng item để nối liền liên tục */
}
.QuyTrinh .item_QuyTrinh::before {
  content: "";
  position: absolute;
  top: 60px;
  left: 0;
  width: 100%;
  height: 2px;
  background-color: #00783b;
  z-index: 1;
}
.QuyTrinh .item_QuyTrinh .timeline-time {
  height: 40px;
  display: flex;
  align-items: flex-end;
  font-size: 20px;
  font-weight: 500;
  color: #00783b;
  margin-bottom: 12px;
}
.QuyTrinh .item_QuyTrinh .timeline-middle {
  position: absolute;
  top: 61px;
  left: 15px;
  transform: translateY(-50%);
  z-index: 3;
}
.QuyTrinh .item_QuyTrinh .timeline-middle .timeline-dot {
  width: 12px;
  height: 12px;
  background-color: #f39c12;
  transform: rotate(45deg);
}
.QuyTrinh .item_QuyTrinh .timeline-content {
  margin-top: 25px;
}
.QuyTrinh .item_QuyTrinh .timeline-content .timeline-title {
  font-size: 18px;
  color: #2B322F;
  text-transform: uppercase;
  margin-bottom: 10px;
  font-weight: 800;
  line-height: 1.4em;
  height: 2.8em;
  overflow: hidden;
}
.QuyTrinh .item_QuyTrinh .timeline-content .timeline-desc {
  font-size: 15px;
  color: #2B322F;
  margin-bottom: 15px;
  line-height: 1.5;
}
.QuyTrinh .item_QuyTrinh .timeline-content .timeline-image img {
  max-width: 100%;
  height: 200px;
  -o-object-fit: contain;
     object-fit: contain;
  border-radius: 8px;
}
.QuyTrinh .timeline-navigation {
  display: none;
  justify-content: center;
  align-items: center;
  gap: 20px;
  margin-top: 40px;
  position: relative;
  z-index: 3;
}
.QuyTrinh .timeline-navigation .cntt-button-prev,
.QuyTrinh .timeline-navigation .cntt-button-next {
  width: 45px;
  height: 45px;
  border-radius: 50%;
  background-color: #00783b;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: all 0.3s ease;
  box-shadow: 0 4px 10px rgba(0, 120, 59, 0.2);
}
.QuyTrinh .timeline-navigation .cntt-button-prev:hover,
.QuyTrinh .timeline-navigation .cntt-button-next:hover {
  background-color: #f39c12;
  box-shadow: 0 4px 10px rgba(243, 156, 18, 0.4);
}
.QuyTrinh .timeline-navigation .cntt-button-prev i,
.QuyTrinh .timeline-navigation .cntt-button-next i {
  font-size: 18px;
}

.block_head_small.HeadingIcon {
  text-align: left;
}
.block_head_small.HeadingIcon .subtitle {
  margin-left: 0;
  font-size: 16px;
}
.block_head_small.HeadingIcon .title {
  font-size: 32px;
}

.box_icon_gt6 {
  border-radius: 16px;
  background: #FFF;
  box-shadow: 0 4px 16px 0 rgba(0, 0, 0, 0.08);
  backdrop-filter: blur(2px);
  padding: 12px;
  align-items: center;
  margin-bottom: 12px;
}
.box_icon_gt6 .icon-box-text h3 {
  color: var(--Color-3, #2B322F);
  font-size: 16px;
  font-weight: 700;
  line-height: normal;
  text-transform: uppercase;
}
.box_icon_gt6 .icon-box-text p {
  color: var(--Color-3, #2B322F);
  font-size: 15px;
  font-weight: 400;
  line-height: normal;
  opacity: 0.8;
}

#main .gt_7 {
  padding-bottom: 60px;
}

.video_gt {
  border-radius: 20px;
}

.tab_v1 .button_tab a {
  display: flex;
  height: 50px;
  width: 100%;
  align-items: center;
  justify-content: center;
  background: #EAF6E9;
  color: #006D41;
  font-size: 16px;
  font-weight: 700;
  line-height: normal;
}
.tab_v1 .button_tab a.active {
  background: #006D41;
  color: #FFF;
}
.tab_v1 .button_tab a.active:hover {
  background: #005030;
  color: #FFF;
}
.tab_v1 .button_tab a:hover {
  background: #cefaca;
}

.hands-ben {
  margin-bottom: 60px;
}
.hands-ben:nth-last-child(-n+2) {
  margin-bottom: 0;
}

.MainListTeam .team-link {
  display: flex;
  flex-wrap: wrap;
}
.MainListTeam .team-link .item-image {
  width: 192px;
  margin-right: 20px;
}
.MainListTeam .team-link .item-image img {
  width: 100%;
  height: 225px;
  -o-object-fit: cover;
     object-fit: cover;
}
.MainListTeam .team-link .item-content {
  width: calc(100% - 212px);
  height: 225px;
  overflow: hidden;
  position: relative;
}
.MainListTeam .team-link .item-content ._3bxa {
  color: var(--Color-2, #006D41);
  font-size: 24px;
  font-weight: 800;
  line-height: normal;
  margin-bottom: 4px;
}
.MainListTeam .team-link .item-content .wrap-chucvu ._7aza {
  overflow: hidden;
  color: var(--Color-4, #50B848);
  font-size: 16px;
  font-weight: 700;
  text-transform: uppercase;
  position: relative;
}
.MainListTeam .team-link .item-content .wrap-chucvu ._7aza::after {
  content: "";
  width: 30px;
  height: 4px;
  background: #F9A825;
  position: absolute;
  left: 0;
  bottom: -5px;
}
.MainListTeam .team-link .item-content ._5lui {
  margin-top: 12px;
  position: relative;
}
.MainListTeam .team-link .item-content ._5lui p {
  margin-bottom: 8px;
  font-size: 14px;
}
.MainListTeam .team-link .item-content ._5lui ul li {
  list-style-type: disc;
  margin-bottom: 8px;
}
.MainListTeam .team-link .item-content .read-more-btn {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  background: #fff;
  z-index: 2;
  text-align: center;
  color: #006D41;
  font-size: 16px;
  font-weight: 500;
  padding-top: 10px;
  cursor: pointer;
}
.MainListTeam .team-link .item-content .read-more-btn::before {
  content: "";
  position: absolute;
  bottom: 100%;
  left: 0;
  width: 100%;
  height: 50px;
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgb(255, 255, 255) 100%);
  pointer-events: none;
}

.precures-owes {
  max-width: 1000px;
  padding: 40px;
  border-radius: 24px;
  background: linear-gradient(180deg, #E2E2E2 0%, #FFF 50.48%, rgba(226, 226, 226, 0.25) 100%), #FFF;
}
.precures-owes ._2qzs {
  display: flex;
  flex-wrap: wrap;
}
.precures-owes ._2qzs .item-image {
  width: 380px;
  margin-right: 30px;
}
.precures-owes ._2qzs .item-image img {
  width: 100%;
  height: 425px;
  -o-object-fit: cover;
     object-fit: cover;
}
.precures-owes ._2qzs ._6izh {
  width: calc(100% - 410px);
}
.precures-owes ._2qzs ._6izh h3 {
  color: var(--Color-2, #006D41);
  font-size: 28px;
  font-weight: 800;
  line-height: normal;
  margin-bottom: 4px;
}
.precures-owes ._2qzs ._6izh ._7aza {
  color: var(--Color-4, #50B848);
  font-size: 16px;
  font-weight: 800;
  line-height: normal;
  text-transform: uppercase;
}
.precures-owes ._2qzs ._6izh ._7aza::after {
  content: "";
  width: 30px;
  height: 4px;
  background: #F9A825;
  position: absolute;
  left: 0;
  bottom: -5px;
}
.precures-owes ._2qzs ._6izh ._5lui {
  margin-top: 12px;
}
.precures-owes ._2qzs ._6izh ._5lui p {
  margin-bottom: 8px;
  font-size: 14px;
}
.precures-owes ._2qzs ._6izh ._5lui ul {
  padding-left: 20px;
}
.precures-owes ._2qzs ._6izh ._5lui ul li {
  list-style-type: disc;
  margin-bottom: 8px;
}

.block_heading_ht2 h3 {
  color: var(--Color-5, #FFF);
  font-size: 40px;
  font-weight: 800;
  text-transform: uppercase;
  margin-bottom: 20px;
}
.block_heading_ht2 p {
  color: var(--Color-5, #FFF);
  font-size: 16px;
  font-weight: 400;
  opacity: 0.8;
  margin-bottom: 20px;
}

.box_icon_ht2 {
  border-radius: 24px;
  background: var(--Color-6, #F9A825);
  padding: 24px 32px 20px 32px;
}
.box_icon_ht2 .icon-box-text h3 {
  color: #FFF;
  font-size: 16px;
  font-size: 16px;
  font-weight: 700;
  line-height: normal;
}
.box_icon_ht2 .icon-box-text h3.active {
  background: #006D41;
  color: #FFF;
}
.box_icon_ht2 .icon-box-text h3.active:hover {
  background: #005030;
  color: #FFF;
}
.box_icon_ht2 .icon-box-text h3:hover {
  background: #cefaca;
}

.hands-ben {
  margin-bottom: 60px;
}
.hands-ben:nth-last-child(-n+2) {
  margin-bottom: 0;
}

.MainListTeam .team-link {
  display: flex;
  flex-wrap: wrap;
}
.MainListTeam .team-link .item-image {
  width: 192px;
  margin-right: 20px;
}
.MainListTeam .team-link .item-image img {
  width: 100%;
  height: 225px;
  -o-object-fit: cover;
     object-fit: cover;
}
.MainListTeam .team-link .item-content {
  width: calc(100% - 212px);
  height: 225px;
  overflow: hidden;
  position: relative;
}
.MainListTeam .team-link .item-content ._3bxa {
  color: var(--Color-2, #006D41);
  font-size: 24px;
  font-weight: 800;
  line-height: normal;
  margin-bottom: 4px;
}
.MainListTeam .team-link .item-content .wrap-chucvu ._7aza {
  overflow: hidden;
  color: var(--Color-4, #50B848);
  font-size: 16px;
  font-weight: 700;
  text-transform: uppercase;
  position: relative;
}
.MainListTeam .team-link .item-content .wrap-chucvu ._7aza::after {
  content: "";
  width: 30px;
  height: 4px;
  background: #F9A825;
  position: absolute;
  left: 0;
  bottom: -5px;
}
.MainListTeam .team-link .item-content ._5lui {
  margin-top: 12px;
  position: relative;
}
.MainListTeam .team-link .item-content ._5lui p {
  margin-bottom: 8px;
  font-size: 14px;
}
.MainListTeam .team-link .item-content ._5lui ul li {
  list-style-type: disc;
  margin-bottom: 8px;
}
.MainListTeam .team-link .item-content .read-more-btn {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  background: #fff;
  z-index: 2;
  text-align: center;
  color: #006D41;
  font-size: 16px;
  font-weight: 500;
  padding-top: 10px;
  cursor: pointer;
}
.MainListTeam .team-link .item-content .read-more-btn::before {
  content: "";
  position: absolute;
  bottom: 100%;
  left: 0;
  width: 100%;
  height: 50px;
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgb(255, 255, 255) 100%);
  pointer-events: none;
}

.precures-owes {
  max-width: 1000px;
  padding: 40px;
  border-radius: 24px;
  background: linear-gradient(180deg, #E2E2E2 0%, #FFF 50.48%, rgba(226, 226, 226, 0.25) 100%), #FFF;
}
.precures-owes ._2qzs {
  display: flex;
  flex-wrap: wrap;
}
.precures-owes ._2qzs .item-image {
  width: 380px;
  margin-right: 30px;
}
.precures-owes ._2qzs .item-image img {
  width: 100%;
  height: 425px;
  -o-object-fit: cover;
     object-fit: cover;
}
.precures-owes ._2qzs ._6izh {
  width: calc(100% - 410px);
}
.precures-owes ._2qzs ._6izh h3 {
  color: var(--Color-2, #006D41);
  font-size: 28px;
  font-weight: 800;
  line-height: normal;
  margin-bottom: 4px;
}
.precures-owes ._2qzs ._6izh ._7aza {
  color: var(--Color-4, #50B848);
  font-size: 16px;
  font-weight: 800;
  line-height: normal;
  text-transform: uppercase;
}
.precures-owes ._2qzs ._6izh ._7aza::after {
  content: "";
  width: 30px;
  height: 4px;
  background: #F9A825;
  position: absolute;
  left: 0;
  bottom: -5px;
}
.precures-owes ._2qzs ._6izh ._5lui {
  margin-top: 12px;
}
.precures-owes ._2qzs ._6izh ._5lui p {
  margin-bottom: 8px;
  font-size: 14px;
}
.precures-owes ._2qzs ._6izh ._5lui ul {
  padding-left: 20px;
}
.precures-owes ._2qzs ._6izh ._5lui ul li {
  list-style-type: disc;
  margin-bottom: 8px;
}

.block_heading_ht2 h3 {
  color: var(--Color-5, #FFF);
  font-size: 40px;
  font-weight: 800;
  text-transform: uppercase;
  margin-bottom: 20px;
}
.block_heading_ht2 p {
  color: var(--Color-5, #FFF);
  font-size: 16px;
  font-weight: 400;
  opacity: 0.8;
  margin-bottom: 20px;
}

.box_icon_ht2 {
  border-radius: 24px;
  background: var(--Color-6, #F9A825);
  padding: 24px 32px 20px 32px;
}
.box_icon_ht2 .icon-box-text h3 {
  color: #FFF;
  font-size: 16px;
  font-weight: 700;
  text-transform: uppercase;
}

.heading_ht3 {
  max-width: 532px;
  margin: 0 auto;
}

.QuyTrinhDichVu {
  padding: 40px 0;
}
.QuyTrinhDichVu .item_QuyTrinhDichVu {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  height: auto;
}
.QuyTrinhDichVu .item_QuyTrinhDichVu .connecting-line {
  position: absolute;
  top: 57px;
  left: calc(50% + 57px);
  width: calc(100% + 24px - 115px);
  height: 2px;
  background-color: #006D41;
  z-index: 1;
}
.QuyTrinhDichVu .item_QuyTrinhDichVu .connecting-line::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) rotate(45deg);
  width: 8px;
  height: 8px;
  border-top: 2px solid #006D41;
  border-right: 2px solid #006D41;
}
.QuyTrinhDichVu .item_QuyTrinhDichVu .quy-trinh-icon {
  position: relative;
  width: 115px;
  height: 115px;
  margin-bottom: 0;
  z-index: 2;
}
.QuyTrinhDichVu .item_QuyTrinhDichVu .quy-trinh-icon img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.QuyTrinhDichVu .item_QuyTrinhDichVu .quy-trinh-content {
  text-align: center;
  padding: 0 10px;
}
.QuyTrinhDichVu .item_QuyTrinhDichVu .quy-trinh-content .step-number {
  color: #F9A825;
  font-size: 18px;
  font-weight: 800;
  margin-bottom: 8px;
}
.QuyTrinhDichVu .item_QuyTrinhDichVu .quy-trinh-content .step-title {
  color: #2B322F;
  font-size: 18px;
  font-weight: 700;
  text-transform: uppercase;
  margin-bottom: 8px;
  line-height: 1.4;
  min-height: 50px;
}
.QuyTrinhDichVu .item_QuyTrinhDichVu .quy-trinh-content .step-desc {
  color: #666666;
  font-size: 16px;
  line-height: 1.5;
  max-width: 160px;
  margin: 0 auto;
}
.QuyTrinhDichVu .item_QuyTrinhDichVu:last-child .connecting-line {
  display: none;
}

.heading_ht4 h2 {
  color: var(--Color-5, #FFF);
  text-align: center;
  font-size: 28px;
  font-weight: 800;
  text-transform: uppercase;
}

.box_image_ht4 .box-image img {
  width: auto;
  height: 135px;
  display: block;
  margin: 0 auto;
}
.box_image_ht4 .box-text p {
  color: var(--Color-5, #FFF);
  text-align: center;
  font-size: 14px;
  font-weight: 400;
  opacity: 0.8;
}
.box_image_ht4 .box-text h4 {
  color: var(--Color-5, #FFF);
  text-align: center;
  font-size: 20px;
  font-weight: 800;
  text-transform: uppercase;
}

.ht5_r1_c1 > .col-inner {
  background: linear-gradient(180deg, rgba(255, 238, 210, 0.3) 0%, rgba(249, 168, 37, 0.5) 100%);
  padding: 40px;
  border-radius: 24px;
}
.ht5_r1_c1 > .col-inner .htmm_slide_r1 .htmm_slide_r1_c1 .title_slide_ht4 h3 {
  color: var(--Color-2, #006D41);
  font-size: 40px;
  font-weight: 800;
  text-transform: uppercase;
  margin-bottom: 24px;
}
.ht5_r1_c1 > .col-inner .htmm_slide_r1 .htmm_slide_r1_c1 .icon-box-top {
  border-radius: 16px;
  background: rgba(255, 255, 255, 0.75);
  padding: 20px;
}
.ht5_r1_c1 > .col-inner .htmm_slide_r1 .htmm_slide_r1_c1 .icon-box-top .box-image img {
  width: auto;
  height: 80px;
  display: block;
  margin: 0 auto;
}
.ht5_r1_c1 > .col-inner .htmm_slide_r1 .htmm_slide_r1_c1 .icon-box-top .block_text_slide_ht4 h3 {
  color: var(--Color-3, #2B322F);
  font-size: 24px;
  font-weight: 800;
  text-transform: uppercase;
  margin-bottom: 12px;
}
.ht5_r1_c1 > .col-inner .htmm_slide_r1 .htmm_slide_r1_c1 .icon-box-top .block_text_slide_ht4 ul li {
  color: var(--Color-3, #2B322F);
  font-size: 16px;
  font-weight: 400;
  position: relative;
  padding-left: 20px;
  opacity: 0.8;
  margin-bottom: 4px;
}

.htmm_slide_r1_c2 .grid-col > .col-inner {
  border-radius: 16px;
  overflow: hidden;
}

#main .ht6::after {
  content: "";
  width: 1320px;
  height: 208px;
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  background: url("../../img/BioSpring.png") no-repeat;
  background-size: contain;
}
#main .ht6 .ht6_r1_c1 {
  padding-top: 60px;
}
#main .ht6 .ht6_r1_c1 .block_text_ht6 h2 {
  color: var(--Color-5, #FFF);
  font-size: 40px;
  font-weight: 800;
  text-transform: uppercase;
  margin-bottom: 12px;
}
#main .ht6 .ht6_r1_c1 .block_text_ht6 p {
  color: var(--Color-5, #FFF);
  font-size: 16px;
  font-weight: 400;
  opacity: 0.8;
}
#main .ht6 .ht6_r1_c1 .ButtonBFF .white_button_ht6 {
  background: #F5FBF7;
  color: var(--Color-2, #006D41);
  font-weight: 400;
}

.ht6_r1_c3 {
  display: flex;
  align-items: center;
}
.ht6_r1_c3 > .col-inner .block_text_ht6 {
  margin-bottom: 70px;
  padding-bottom: 20px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.3);
}
.ht6_r1_c3 > .col-inner .block_text_ht6:last-child {
  border-bottom: none;
}
.ht6_r1_c3 > .col-inner .block_text_ht6 h3 {
  color: var(--Color-5, #FFF);
  font-size: 16px;
  font-weight: 800;
  text-transform: uppercase;
}
.ht6_r1_c3 > .col-inner .block_text_ht6 p {
  color: var(--Color-5, #FFF);
  font-size: 16px;
  font-weight: 400;
  opacity: 0.8;
  margin-bottom: 0;
}

.ht6_r1_c2 img {
  max-width: 400px;
}

.eminent-gill {
  background: linear-gradient(180deg, rgba(80, 184, 72, 0) 0%, rgba(80, 184, 72, 0.2) 100%);
  padding-block: 60px;
}
.eminent-gill .category-description h2 {
  color: var(--Color-2, #006D41);
  text-align: center;
  font-size: 32px;
  font-weight: 800;
}
.eminent-gill .category-description p {
  color: var(--Color-3, #2B322F);
  text-align: center;
  font-size: 16px;
  font-weight: 400;
  margin-bottom: 0;
  opacity: 0.8;
}

._6bos {
  border-radius: 16px;
  border: 1px solid rgba(43, 50, 47, 0.2);
  background: #FFF;
  overflow: hidden;
}
._6bos .box-text-products {
  padding-inline: 20px;
}
._6bos .box-text-products .indolent-use .entry-title-product {
  color: var(--Color-2, #006D41);
  font-size: 16px;
  font-weight: 700;
  text-transform: uppercase;
  margin-bottom: 4px;
}
._6bos .box-text-products .indolent-use .sub-title-product {
  color: var(--Color-2, #006D41);
  font-size: 14px;
  font-weight: 500;
  margin-bottom: 0;
}
._6bos .box-text-products .indolent-use {
  padding-bottom: 12px;
  margin-bottom: 12px;
  border-bottom: 1px solid rgba(43, 50, 47, 0.2);
}
._6bos .box-text-products ._9rwd {
  display: flex;
  height: 40px;
  align-items: center;
  justify-content: center;
  padding-inline: 20px;
  background-color: #fff;
  color: #006D41;
  border: 1px solid #006D41;
  border-radius: 50px;
  font-size: 16px;
  font-weight: 400;
  width: -moz-fit-content;
  width: fit-content;
  text-transform: inherit;
  margin: 0;
}

.crate-web ._7zcl {
  padding-bottom: 12px;
  margin-bottom: 20px;
  border-bottom: 1px solid #C6CDD7;
  display: flex;
  align-items: center;
  color: #2B322F;
  font-size: 16px;
  font-weight: 600;
}
.crate-web ._7zcl i {
  margin-right: 8px;
}

._0rib ._4jxx .wpc-filter-title {
  color: var(--Color-3, #2B322F);
  font-size: 16px;
  font-weight: 700;
  text-transform: uppercase;
}

.section-tu-van::after {
  content: "";
  width: 1320px;
  height: 208px;
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  background: url("../../img/BioSpring.png") no-repeat;
  background-size: contain;
}
.section-tu-van .stv_r1_c2 img {
  max-width: 600px;
  margin-left: auto;
  display: block;
}

.form-tu-van {
  padding-top: 60px;
}
.form-tu-van h2 {
  color: var(--Color-5, #FFF);
  font-size: 40px;
  font-weight: 800;
  text-transform: uppercase;
  margin-bottom: 4px;
}
.form-tu-van p {
  color: var(--Color-5, #FFF);
  font-size: 16px;
  font-weight: 400;
  margin-bottom: 0;
  opacity: 0.8;
}
.form-tu-van .form-main {
  margin-top: 12px;
}
.form-tu-van .form-main .group-field .input-field {
  position: relative;
  margin-bottom: 12px;
}
.form-tu-van .form-main .group-field .input-field input, .form-tu-van .form-main .group-field .input-field textarea {
  border-radius: 8px;
  border: 0.75px solid rgba(255, 255, 255, 0.4);
  background: rgba(255, 255, 255, 0.12);
  backdrop-filter: blur(30px);
  box-shadow: unset;
  color: #fff;
  margin-bottom: 0;
  height: 47px;
}
.form-tu-van .form-main .group-field .input-field input::-moz-placeholder, .form-tu-van .form-main .group-field .input-field textarea::-moz-placeholder {
  color: #e9e9e9;
}
.form-tu-van .form-main .group-field .input-field input::placeholder, .form-tu-van .form-main .group-field .input-field textarea::placeholder {
  color: #e9e9e9;
}
.form-tu-van .form-main .group-field .input-field .select2-container {
  margin-bottom: 0;
  width: 100% !important;
}
.form-tu-van .form-main .group-field .input-field .select2-container--default .select2-selection--single,
.form-tu-van .form-main .group-field .input-field .select2-container .select2-selection--single {
  height: 47px !important;
  border-radius: 8px !important;
  border: 0.75px solid rgba(255, 255, 255, 0.4) !important;
  background: rgba(255, 255, 255, 0.12) !important;
  backdrop-filter: blur(30px) !important;
  box-shadow: unset !important;
}
.form-tu-van .form-main .group-field .input-field .select2-container--default .select2-selection--single .select2-selection__rendered,
.form-tu-van .form-main .group-field .input-field .select2-container .select2-selection--single .select2-selection__rendered {
  line-height: 47px !important;
  color: #fff !important;
  padding-left: 12px !important;
}
.form-tu-van .form-main .group-field .input-field .select2-container--default .select2-selection--single .select2-selection__arrow,
.form-tu-van .form-main .group-field .input-field .select2-container .select2-selection--single .select2-selection__arrow {
  height: 47px !important;
  right: 8px !important;
}
.form-tu-van .form-main .group-field .input-field .select2-container--default .select2-selection--single .select2-selection__arrow b,
.form-tu-van .form-main .group-field .input-field .select2-container .select2-selection--single .select2-selection__arrow b {
  border-color: #fff transparent transparent transparent !important;
}
.form-tu-van .form-main .group-field .input-field .icon {
  position: absolute;
  right: 12px;
  top: 50%;
  transform: translateY(-50%);
  color: #fff;
  font-size: 24px;
}
.form-tu-van .form-main .group-field.col-2 {
  display: flex;
  flex-wrap: wrap;
  margin-right: -6px;
}
.form-tu-van .form-main .group-field.col-2 .input-field {
  width: calc(50% - 6px);
  margin-right: 6px;
}
.form-tu-van .button-submit-form .wpcf7-submit {
  margin: 0;
  background: #fff;
  color: var(--Color-2, #006D41);
  font-size: 16px;
  font-weight: 700;
  height: 47px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding-inline: 20px;
  border-radius: 1000px;
  line-height: 47px;
  text-transform: uppercase;
}

.sights-dye {
  padding-bottom: 20px;
  margin-bottom: 20px;
  border-bottom: 1px solid rgba(43, 50, 47, 0.15);
}
.sights-dye ._5khx {
  color: var(--Color-2, #006D41);
  font-size: 48px;
  font-weight: 800;
  text-transform: uppercase;
  margin-bottom: 4px;
}
.sights-dye ._1irq {
  color: var(--Color-4, #50B848);
  font-size: 16px;
  font-weight: 500;
  text-transform: uppercase;
}

.product-summary {
  padding-top: 0;
}

.griddles-fora {
  border-radius: 16px;
  background: rgba(80, 184, 72, 0.1);
  padding: 16px 20px;
  display: flex;
  margin-bottom: 20px;
}
.griddles-fora img {
  width: 22px;
  height: 56px;
  margin-right: 20px;
}
.griddles-fora ._2gbe {
  flex: 1;
}
.griddles-fora ._2gbe p {
  color: var(--Color-2, #006D41);
  font-size: 18px;
  font-weight: 500;
  line-height: 29px;
  margin-bottom: 0;
}

._0yff .breadcrumbs a {
  color: #2B322F;
}
._0yff .breadcrumbs span {
  color: #2B322F;
  font-weight: 700;
}

._2tuc ._8agd {
  display: flex;
}
._2tuc ._8agd ._4vkq {
  width: 123px;
  margin-right: 20px;
  color: var(--Color-2, #006D41);
  font-size: 16px;
  font-weight: 700;
}
._2tuc ._8agd ._2zul {
  width: calc(100% - 143px);
  color: var(--Color-3, #2B322F);
  font-size: 16px;
  margin-bottom: 20px;
  padding-bottom: 20px;
  border-bottom: 1px solid rgba(43, 50, 47, 0.15);
}
._2tuc ._8agd ._2zul p {
  margin-bottom: 0;
}
._2tuc ._8agd ._2zul ul {
  margin-bottom: 0;
}
._2tuc ._8agd ._2zul ul li {
  margin-bottom: 8px;
}

.contact-now a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: -moz-fit-content;
  width: fit-content;
  height: 53px;
  background: #F9A825;
  padding: 10px 50px;
  border-radius: 100px;
}
.contact-now a span {
  color: #fff;
  text-transform: uppercase;
  font-weight: 500;
}

.product-footer {
  background: linear-gradient(180deg, rgba(226, 226, 226, 0.5) 30.19%, rgba(226, 226, 226, 0.15) 100%);
  padding-bottom: 60px;
}
.product-footer .entry-content ._7zla {
  color: #006D41;
  font-size: 28px;
  font-weight: 800;
  margin-bottom: 12px;
}
.product-footer .entry-content iframe {
  border-radius: 20px;
  overflow: hidden;
}

.related-products-wrapper {
  margin-top: 30px;
}
.related-products-wrapper .product-section-title {
  color: var(--Color-2, #006D41);
  font-size: 32px;
  font-weight: 800;
  text-transform: uppercase;
}

.odm1 .HeadingIcon.text-left {
  text-align: left;
}
.odm1 .HeadingIcon.text-left h2.title {
  font-size: 28px;
}

.box-an-pham {
  border-radius: 16px;
  border: 1px solid rgba(43, 50, 47, 0.2);
  background: #FFF;
  overflow: hidden;
}
.box-an-pham .box-text {
  padding-bottom: 8px;
}
.box-an-pham .box-text h4 {
  color: var(--Color-2, #006D41);
  text-align: center;
  font-size: 24px;
  font-style: normal;
  font-weight: 800;
  line-height: normal;
  text-transform: uppercase;
}

.p-0 {
  padding: 0;
}

.MainVideosArchive {
  padding-top: 40px;
  padding-bottom: 60px;
  background-color: #FEF6EA; /* Màu nền be nhạt của design */
}
.MainVideosArchive .ArchiveListBlogs .archive-item-blogs {
  background: #ffffff;
  border-radius: 24px;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  height: 100%;
  border: 1px solid rgba(43, 50, 47, 0.1); /* Viền mờ bao quanh giống ảnh */
  box-shadow: 0 8px 20px rgba(0, 109, 65, 0.04);
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  margin-bottom: 24px;
}
.MainVideosArchive .ArchiveListBlogs .archive-item-blogs:hover {
  transform: translateY(-5px);
  box-shadow: 0 12px 30px rgba(0, 109, 65, 0.1);
}
.MainVideosArchive .ArchiveListBlogs .archive-item-blogs .box-image {
  width: 100%;
  height: 240px;
}
.MainVideosArchive .ArchiveListBlogs .archive-item-blogs .box-image a, .MainVideosArchive .ArchiveListBlogs .archive-item-blogs .box-image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  display: block;
}
.MainVideosArchive .ArchiveListBlogs .archive-item-blogs .box-text {
  padding: 24px;
  flex: 1;
  display: flex;
  flex-direction: column;
  position: relative;
}
.MainVideosArchive .ArchiveListBlogs .archive-item-blogs .box-text .post-title {
  margin-bottom: 8px;
}
.MainVideosArchive .ArchiveListBlogs .archive-item-blogs .box-text .post-title .title {
  color: #006D41;
  font-size: 18px;
  font-weight: 700;
  line-height: 1.4;
  display: block;
  text-decoration: none;
  transition: color 0.3s ease;
}
.MainVideosArchive .ArchiveListBlogs .archive-item-blogs .box-text .post-title .title:hover {
  color: #F9A825;
}
.MainVideosArchive .ArchiveListBlogs .archive-item-blogs .box-text .post-content {
  margin-bottom: 10px;
}
.MainVideosArchive .ArchiveListBlogs .archive-item-blogs .box-text .post-content p {
  color: rgba(43, 50, 47, 0.7);
  font-size: 15px;
  line-height: 1.5;
  margin: 0;
}
.MainVideosArchive .ArchiveListBlogs .archive-item-blogs .box-text .btn-readmore {
  width: 50px;
  height: 36px;
  border: 1px solid #006D41;
  border-radius: 1000px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #006D41;
  background: #ffffff;
  transition: all 0.3s ease;
  margin-left: auto;
  margin-top: auto; /* Đẩy nút xuống dưới cùng góc phải */
}
.MainVideosArchive .ArchiveListBlogs .archive-item-blogs .box-text .btn-readmore i {
  font-size: 16px;
}
.MainVideosArchive .ArchiveListBlogs .archive-item-blogs .box-text .btn-readmore:hover {
  background: #006D41;
  color: #ffffff;
  border-color: #006D41;
}

.SinglePostContent {
  border-radius: 12px;
  background: #FFF;
  padding: 24px;
}
.SinglePostContent h2, .SinglePostContent h3, .SinglePostContent h4, .SinglePostContent h5, .SinglePostContent strong {
  font-weight: 400;
}
.SinglePostContent .single-post-title {
  margin-bottom: 12px;
}
.SinglePostContent .single-post-title h1 {
  color: var(--Color-3, #2B322F);
  font-size: 24px;
  font-weight: 800;
}
.SinglePostContent ._5ehx {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 12px;
}
.SinglePostContent ._5ehx .single-post-meta {
  flex: 1;
  display: flex;
  align-items: center;
  -moz-column-gap: 12px;
       column-gap: 12px;
}
.SinglePostContent ._5ehx .single-post-meta .single-post-date {
  color: rgba(30, 30, 30, 0.5);
  font-size: 14px;
  font-weight: 400;
}
.SinglePostContent ._5ehx .single-post-meta .count-view {
  display: flex;
  align-items: center;
  color: rgba(30, 30, 30, 0.5);
  font-size: 14px;
  font-weight: 400;
}
.SinglePostContent ._5ehx .single-post-meta .count-view ._4afh {
  margin-right: 5px;
}
.SinglePostContent ._5ehx .SharePost {
  width: -moz-fit-content;
  width: fit-content;
  position: relative;
}
.SinglePostContent ._5ehx .SharePost ._2lfc {
  display: flex;
  align-items: center;
  color: #50B848;
  font-weight: 600;
  cursor: pointer;
}
.SinglePostContent ._5ehx .SharePost ._2lfc:hover {
  text-decoration: underline;
}
.SinglePostContent ._5ehx .SharePost ._2lfc ._8yeh {
  margin-right: 5px;
}
.SinglePostContent ._5ehx .SharePost ._2dzo {
  display: none;
  position: absolute;
  top: 100%;
  width: 100%;
  left: 0;
  background: #fff;
  padding: 12px;
  border-radius: 8px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  z-index: 5;
}
.SinglePostContent ._5ehx .SharePost ._2dzo .share-icons {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.SinglePostContent ._5ehx .SharePost ._2dzo .share-icons .icon {
  margin: 0;
  margin-bottom: 8px;
}

.SinglePostSidebar {
  border-radius: 10px;
  overflow: hidden;
  position: sticky;
  top: 30px;
}
.SinglePostSidebar .single-post-sidebar-title {
  background: #006D41;
  padding: 10px 12px;
}
.SinglePostSidebar .single-post-sidebar-title h2 {
  color: var(--white, #FFF);
  font-size: 12px;
  font-weight: 600;
  text-transform: uppercase;
  margin-bottom: 0;
}
.SinglePostSidebar .single-post-sidebar-content {
  padding: 12px;
  background: #fff;
}
.SinglePostSidebar .single-post-sidebar-content .single-post-sidebar-item {
  margin-bottom: 8px;
  padding-bottom: 8px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  display: flex;
}
.SinglePostSidebar .single-post-sidebar-content .single-post-sidebar-item:last-child {
  margin-bottom: 0;
  padding-bottom: 0;
  border-bottom: none;
}
.SinglePostSidebar .single-post-sidebar-content .single-post-sidebar-item .image-post {
  width: 65px;
  height: 100%;
  margin-right: 12px;
}
.SinglePostSidebar .single-post-sidebar-content .single-post-sidebar-item .image-post img {
  width: 100%;
  height: 60px;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 8px;
}
.SinglePostSidebar .single-post-sidebar-content .single-post-sidebar-item .text-post {
  width: calc(100% - 77px);
}
.SinglePostSidebar .single-post-sidebar-content .single-post-sidebar-item .text-post ._6mmh {
  font-size: 14px;
  font-weight: 500;
  margin-bottom: 4px;
}
.SinglePostSidebar .single-post-sidebar-content .single-post-sidebar-item .text-post ._6mmh a {
  color: #333333;
}
.SinglePostSidebar .single-post-sidebar-content .single-post-sidebar-item .text-post .post-date {
  color: rgba(30, 30, 30, 0.5);
  font-size: 12px;
  font-weight: 400;
}

.text_breadcumb p {
  margin-bottom: 0;
}

.blocktext_contact_head {
  margin-bottom: 14px;
}
.blocktext_contact_head p {
  color: var(--Color-2, #006D41);
  font-size: 28px;
  font-weight: 800;
  margin-bottom: 0;
}

.box_icon_contact {
  border-radius: 16px;
  background: var(--ffffff, #FFF);
  padding: 12px;
  align-items: center;
}
.box_icon_contact .icon-box-text h4 {
  color: var(--Color-4, #50B848);
  font-size: 14px;
  font-weight: 400;
  text-transform: uppercase;
  margin-bottom: 0;
  line-height: 1;
}
.box_icon_contact .icon-box-text h3 {
  color: var(--Color-3, #2B322F);
  font-size: 16px;
  font-weight: 600;
  margin-bottom: 0;
}

#main .ct2 {
  padding-top: 0;
}

.HeadingIcon.text-left {
  text-align: left;
}
.HeadingIcon.fz32 .title {
  font-size: 32px;
}

#main .rd3 {
  background: linear-gradient(180deg, rgba(80, 184, 72, 0.24) 0%, rgba(80, 184, 72, 0.06) 100%), #FFF;
}

.boximage_slide_rd .box-image img {
  width: auto;
  display: block;
  margin: 0 auto;
  max-width: 147px;
}
.boximage_slide_rd .box-text h4 {
  color: #006D41;
  font-weight: 700;
  text-transform: uppercase;
  font-size: 16px;
}
.boximage_slide_rd .box-text p {
  color: #2B322F;
  font-size: 14px;
  font-weight: 400;
}

.rd4 .ct4_r1 {
  margin-bottom: 30px;
}

.atc_group .accordion-item .accordion-title .toggle {
  right: 0;
  left: unset;
}
.atc_group .accordion-item .accordion-title span {
  color: var(--Color-3, #2B322F);
  font-size: 24px;
  font-weight: 700;
}

.block_head_white p {
  margin-bottom: 0;
  text-align: center;
  color: #FFF;
  font-weight: 800;
  font-size: 32px;
  text-transform: uppercase;
}

.box_icon_rd6 {
  border-radius: 16px;
  background: var(--Color-9, #FBC318);
  padding: 20px;
}
.box_icon_rd6 .icon-box-text h3 {
  color: var(--Color-3, #2B322F);
  font-size: 20px;
  font-weight: 700;
  text-transform: uppercase;
  margin-bottom: 0;
}
.box_icon_rd6 .icon-box-text p {
  color: var(--Color-3, #2B322F);
  font-size: 14px;
  font-weight: 400;
  margin-bottom: 16px;
}
.box_icon_rd6 .button_rd6 {
  margin: 0;
  background: #fff;
  color: #006D41;
  font-weight: 400;
  border-radius: 20px;
}