/*
Theme Name: Flatsome Child
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/

/*************** ADD CUSTOM CSS HERE.   ***************/
.c-img {
  position: relative;
  display: block;
}
.c-img img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
.icon_quote_intro {
  position: absolute;
  top: 0;
  right: 0;
}


.box_vision > .col-inner {
  border: 7px solid var(--main, #1fa33d);
  height: 100%;
}
.img_vision {
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  z-index: -1;
}
.dich-vu-item {
  border-radius: 10px;
  position: relative;
  overflow: hidden;
}
.dich-vu-item .service_overlay {
  background: linear-gradient(
    180deg,
    rgba(44, 184, 86, 0) 51.18%,
    rgba(44, 184, 86, 0.5) 72.94%,
    #2cb856 92.66%
  );
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 100%;
  z-index: 0;
  border-radius: 10px;
  overflow: hidden;
}

.dich-vu-item .service_img {
  padding-top: 127%;
  overflow: hidden;
}
.dich-vu-item img {
  width: 100%;
  border-radius: 10px;
  overflow: hidden;
}
.scale-img {
  overflow: hidden;
}
.blog-single #comments {
  display: none;
}
.post-sidebar .widget_search,
.post-sidebar #block-4,
.post-sidebar #block-3 {
  display: none;
}
.scale-img img {
  transition: all 0.5s;
}
.scale-img:hover img {
  scale: 1.1;
  transition: all 0.5s;
}
.dich-vu-item .service_name {
  position: absolute;
  text-align: center;
  font-size: 1.125rem;
  font-weight: 700;
  line-height: 150%;
  text-transform: uppercase;
  bottom: 0;
  padding: 0 1rem;
  z-index: 1;
  color: #fff;
}
.cate_news {
  border-radius: 10px;
  background: #fff;
  box-shadow: 0px 2px 20px 0px rgba(0, 0, 0, 0.11);
  padding: 1.5rem 1.5rem 1.5625rem 1.5rem;
}
.relative {
  position: relative;
}
.danh-sach-dich-vu-title {
  color: var(--main, #1fa33d);
  text-align: center;
  font-size: 2rem;
  font-weight: 700;
  line-height: 150%; /* 48px */
  text-transform: uppercase;
  margin-bottom: 1.5rem;
}
.dich-vu-title {
  color: var(--main, #1fa33d);
  font-size: 2rem;
  font-weight: 700;
  line-height: 150%; /* 48px */
  text-transform: uppercase;
  margin-bottom: 1.5rem;
}
.pointer-events-none {
  pointer-events: none;
}
.blog-single .entry-title {
  color: var(--main, #1fa33d);
  font-size: 2rem;
  font-weight: 600;
  text-transform: uppercase;
}
.post-sidebar {
  border-left: none !important;
}
.swiper-pagination-progressbar-fill {
  background: var(--main, #1fa33d) !important;
}
.form_contact input,
.form_contact textarea,
.form_bao_gia input,
.form_bao_gia textarea {
  border-radius: 5px;
  border: 1px solid var(--Secondary-30, #899197);
  background: #fff;
  padding: 1rem;
}
.form_contact_home input,
.form_contact_home textarea {
  border-radius: 5px;
  border: 1px solid var(--Secondary-30, #899197);
  background: #fff;
  padding: 1rem;
  margin-bottom: 0;
}
.box_form_contact_home .section-content{
  padding-top: 2rem;
}
.form_contact input[type="submit"] {
  background: var(--main, linear-gradient(90deg, #21AE4B 27.81%, #04656F 100%))!important;
  display: block;
  margin: 0 auto;
  padding: .5rem 2rem;
  border-radius: 10px;
}
.form_bao_gia input[type="submit"], .form_contact_home input[type="submit"] {
  background: var(--main, linear-gradient(90deg, #21AE4B 27.81%, #04656F 100%))!important;
  padding: .5rem 2rem;
  border-radius: 10px;
}
form .wpcf7-spinner{
  display: contents;
}
.btn_bao_gia p{
height: 100%;
}

.item_service::before{
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(180deg, rgba(44, 184, 86, 0) 54.71%, rgba(44, 184, 86, 0.5) 72.94%, #2CB856 92.66%);
  z-index: 1;
}
.item_service_hv{
  background-color: #2CB856B2;
  backdrop-filter: blur(20px);
}
.list-tab-items .tab-content.active{
  display: block!important;
  visibility: visible !important;
}
.bg_why_choose{
  background: rgba(29, 142, 63, 0.85);
backdrop-filter: blur(3px);
}
.module-tabs .tab_title_box{
  border-left: 3px solid  #1fa33d;
}
.module-tabs .tab-link{
  transition: all .3s;
}
.module-tabs .tab-link.active{
  background: linear-gradient(90deg, rgba(33, 174, 75, 0.20) 0%, rgba(4, 101, 111, 0.00) 100%);
  transition: all .3s;
}
.module-tabs .tab-link.active img{
  filter: invert(48%) sepia(82%) saturate(498%) hue-rotate(93deg) brightness(97%) contrast(87%);
}
.module-tabs .tab-link.active .title_why{
  color: #1fa33d;
}
.box_form_bao_gia input[type="file"] {
  min-height: 100px;
}
.btn_search{
  background: #fff;
  border: none;
}
.btn_search i{
  color: #333;
}
.searchform input{
  outline: none;
  border: none;
  box-shadow: none;
}
.live-search-results{
  display: none;
}
.header-wrapper.stuck .header_has_search{
  margin-top: -.5rem;
}
.mbp-0 p{
  margin-bottom: 0!important;
}
.img_contain img{
  object-fit: contain!important;
}
.social_fixed{
  position: fixed;
  bottom: 20%;
  right: 1rem;
  z-index: 10;
  width: 3rem;
}
.footer_contact a:hover{
  color: #111!important;
  transition: all .3s;
}
.grow{
  flex-grow: 1;
}
.bg_about_intro .section-bg img{
  clip-path: polygon( 58.684% 96.521%,58.684% 96.521%,58.544% 97.147%,58.387% 97.718%,58.216% 98.231%,58.03% 98.685%,57.833% 99.076%,57.625% 99.401%,57.409% 99.659%,57.184% 99.847%,56.954% 99.961%,56.719% 100%,0.156% 100%,0% 8.609%,38.675% 8.609%,38.675% 8.609%,38.95% 8.56%,39.219% 8.416%,39.48% 8.182%,39.73% 7.86%,39.969% 7.454%,40.194% 6.969%,40.402% 6.408%,40.593% 5.774%,40.764% 5.071%,40.913% 4.304%,40.913% 4.304%,41.062% 3.537%,41.232% 2.835%,41.423% 2.201%,41.632% 1.64%,41.856% 1.154%,42.095% 0.749%,42.345% 0.427%,42.606% 0.192%,42.875% 0.049%,43.15% 0%,100% 0%,100% 93.042%,60.65% 93.042%,60.65% 93.042%,60.415% 93.081%,60.184% 93.196%,59.96% 93.383%,59.743% 93.641%,59.536% 93.967%,59.338% 94.358%,59.153% 94.811%,58.981% 95.325%,58.825% 95.896%,58.684% 96.521% );
}
.py-3{
  padding-top: .75rem;
  padding-bottom: .75rem;
}
.z-0{
  z-index: 0;
}
.z-\[1\] {
  z-index: 1;
}
.bg_text_news_hot{
  clip-path: polygon( 73.947% 8.098%,73.947% 8.098%,73.847% 6.728%,73.708% 5.454%,73.533% 4.286%,73.325% 3.236%,73.088% 2.316%,72.824% 1.537%,72.538% 0.911%,72.233% 0.45%,71.913% 0.164%,71.58% 0.066%,0% 0.066%,0% 100%,100% 100%,100% 16.129%,76.314% 16.129%,76.314% 16.129%,75.981% 16.031%,75.661% 15.746%,75.356% 15.284%,75.07% 14.658%,74.807% 13.88%,74.569% 12.959%,74.361% 11.909%,74.186% 10.742%,74.047% 9.467%,73.947% 8.098% );
  fill: rgba(33, 174, 75, 0.40);
  backdrop-filter: blur(10px);
  stroke-width: 1px;
  stroke: #1FA33D;
  background-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" width="416" height="93" viewBox="0 0 416 93" fill="#1FA33D"><foreignObject x="-20" y="-20" width="456" height="133"><div xmlns="http://www.w3.org/1999/xhtml" style="backdrop-filter:blur(10px);clip-path:url(#bgblur_0_564_1217_clip_path);height:100%;width:100%"></div></foreignObject><path data-figma-bg-blur-radius="20" d="M298.058 0.5C302.219 0.5 305.863 3.2463 307.029 7.20801L307.135 7.59473C308.283 12.2091 312.427 15.4482 317.182 15.4482H415.5V92.5H0.5V0.5H298.058Z" fill="%2321AE4B" fill-opacity="0.4" stroke="%231FA33D"/><defs><clipPath id="bgblur_0_564_1217_clip_path" transform="translate(20 20)"><path d="M298.058 0.5C302.219 0.5 305.863 3.2463 307.029 7.20801L307.135 7.59473C308.283 12.2091 312.427 15.4482 317.182 15.4482H415.5V92.5H0.5V0.5H298.058Z"/></clipPath></defs></svg>');
}
.img_blur{
  clip-path: polygon( 73.947% 8.098%,73.947% 8.098%,73.847% 6.728%,73.708% 5.454%,73.533% 4.286%,73.325% 3.236%,73.088% 2.316%,72.824% 1.537%,72.538% 0.911%,72.233% 0.45%,71.913% 0.164%,71.58% 0.066%,0% 0.066%,0% 100%,100% 100%,100% 16.129%,76.314% 16.129%,76.314% 16.129%,75.981% 16.031%,75.661% 15.746%,75.356% 15.284%,75.07% 14.658%,74.807% 13.88%,74.569% 12.959%,74.361% 11.909%,74.186% 10.742%,74.047% 9.467%,73.947% 8.098% );
}
.img_blur svg{
  fill: rgba(33, 174, 75, 0.40);
  backdrop-filter: blur(10px);
  stroke-width: 1px;
  stroke: #1FA33D;
  width: 100%;
  height: 100%;
}
main#main:has(#bg_news) {
  background: #e6f2ea;
}

@media only screen and (max-width: 767.98px) {
  /*************** ADD MOBILE ONLY CSS HERE  ***************/
  .danh-sach-dich-vu-title {
    font-size: 1.25rem;
    margin-bottom: 1rem;
  }
  .dich-vu-title {
    font-size: 1.25rem;
    margin-bottom: 1rem;
  }
  .blog-single .entry-title {
    font-size: 1.25rem;
  }
  .stuck .header-main{
    height: 70px !important;
  }
  .stuck #logo img{
    max-height: 50px!important;
  }
}
@media screen and (min-width: 1024px) {
  .box_form_bao_gia {
   margin-top: -5%;
  }
  .css_number{
    font-size: 6.5rem!important;
  }
  .css_statistical .col:not(:last-child){
    border-right: 1px solid #C2C2C2;
  }
  .css_statistical .col{
    padding-bottom: .5rem!important;
  }
  .txt_ceo {
    position: absolute;
    bottom: 0;
    right: 0;
  }
  #footer > section > .section-bg > img{
    object-fit: fill!important;
  }
}