/*
Theme Name: XayDungNhaHuyHoang
Description: Thietkewebchuyen.com
Author: UX Themes
Template: flatsome
Version: 3.11.3
*/


:root {
  --xaydungnhahuyhoang_red: #c70d13;
  --xaydungnhahuyhoang_red_dark: #a5080e;
  --xaydungnhahuyhoang_navy: #14212a;
  --xaydungnhahuyhoang_navy_soft: #273640;
  --xaydungnhahuyhoang_white: #ffffff;
  --xaydungnhahuyhoang_page: #f5f6f7;
  --xaydungnhahuyhoang_muted: #e9f0f5;
  --xaydungnhahuyhoang_ink: #1c252b;
  --xaydungnhahuyhoang_shadow: rgba(19, 29, 38, 0.12);
}





.xaydungnhahuyhoang_hero,
.xaydungnhahuyhoang_categories,
.xaydungnhahuyhoang_services,
.xaydungnhahuyhoang_news {
  background: var(--xaydungnhahuyhoang_page);
}

.xaydungnhahuyhoang_categories .xaydungnhahuyhoang_categories_row .xaydungnhahuyhoang_category_col .col-inner {
  position: relative;
  background: var(--xaydungnhahuyhoang_navy_soft);
  border-radius: 8px;
  box-shadow: 0 5px 13px var(--xaydungnhahuyhoang_shadow);
  min-height: 142px;
}
.xaydungnhahuyhoang_categories .xaydungnhahuyhoang_categories_row .xaydungnhahuyhoang_category_col .xaydungnhahuyhoang_category_image img {
    width: 100%;
    height: 100%;
    border-radius: 8px;
    filter: brightness(.73);
    transition: filter .28s ease, transform .28s ease;
    object-fit: cover;
}
.xaydungnhahuyhoang_categories .xaydungnhahuyhoang_categories_row .xaydungnhahuyhoang_category_col .xaydungnhahuyhoang_category_label {
  position: absolute;
  bottom: 14%;
  left: 0;
  right: 0;
  text-align: center;
  color: var(--xaydungnhahuyhoang_white);
  pointer-events: none;
}
.xaydungnhahuyhoang_categories .xaydungnhahuyhoang_categories_row .xaydungnhahuyhoang_category_col .xaydungnhahuyhoang_category_label p {
  margin: 0 0 8px;
}
.xaydungnhahuyhoang_categories .xaydungnhahuyhoang_categories_row .xaydungnhahuyhoang_category_col .xaydungnhahuyhoang_category_label h3 {
  margin: 0;
  color: var(--xaydungnhahuyhoang_white);
  font-weight: 900;
  font-size: 18px;
  text-shadow: 0 2px 5px var(--xaydungnhahuyhoang_shadow);
}
.xaydungnhahuyhoang_categories .xaydungnhahuyhoang_categories_row .xaydungnhahuyhoang_category_col:hover .xaydungnhahuyhoang_category_image img {
  filter: brightness(.88);
}

.xaydungnhahuyhoang_services .xaydungnhahuyhoang_services_heading_row .xaydungnhahuyhoang_services_heading_col .xaydungnhahuyhoang_services_heading,
.xaydungnhahuyhoang_news .xaydungnhahuyhoang_news_heading_row .xaydungnhahuyhoang_news_heading_col .xaydungnhahuyhoang_news_heading {
  margin-bottom: 20px;
}
.xaydungnhahuyhoang_services .xaydungnhahuyhoang_services_heading_row .xaydungnhahuyhoang_services_heading_col .xaydungnhahuyhoang_services_heading .section-title-main,
.xaydungnhahuyhoang_news .xaydungnhahuyhoang_news_heading_row .xaydungnhahuyhoang_news_heading_col .xaydungnhahuyhoang_news_heading .section-title-main {
  color: var(--xaydungnhahuyhoang_red);
  font-size: 27px;
  font-weight: 900;
}
.xaydungnhahuyhoang_services .xaydungnhahuyhoang_services_row .xaydungnhahuyhoang_service_col .col-inner {
  position: relative;
  background: var(--xaydungnhahuyhoang_white);
  border-radius: 10px;
  box-shadow: 0 4px 12px var(--xaydungnhahuyhoang_shadow);
  min-height: 188px;
}
.xaydungnhahuyhoang_services .xaydungnhahuyhoang_services_row .xaydungnhahuyhoang_service_col .xaydungnhahuyhoang_service_image img {
    width: 100%;
    height: auto;
    border-radius: 10px;
    min-height: 300px;
    object-fit: cover;
}


.xaydungnhahuyhoang_news .xaydungnhahuyhoang_news_row .xaydungnhahuyhoang_news_col .xaydungnhahuyhoang_news_placeholder {
  min-height: 170px;
  padding: 35px;
  border-radius: 9px;
  border: 1px dashed var(--xaydungnhahuyhoang_muted);
  background: var(--xaydungnhahuyhoang_white);
  text-align: center;
  box-shadow: 0 3px 12px var(--xaydungnhahuyhoang_shadow);
}
.xaydungnhahuyhoang_news .xaydungnhahuyhoang_news_row .xaydungnhahuyhoang_news_col .xaydungnhahuyhoang_news_placeholder p {
  margin: 0;
}

.xaydungnhahuyhoang_subscribe {
  background: var(--xaydungnhahuyhoang_white);
}
.xaydungnhahuyhoang_subscribe .xaydungnhahuyhoang_subscribe_row .xaydungnhahuyhoang_subscribe_field_col .xaydungnhahuyhoang_subscribe_field input[type="email"] {
  width: 100%;
  margin: 0;
  background: var(--xaydungnhahuyhoang_white);
  border: 1px solid var(--xaydungnhahuyhoang_muted);
  border-radius: 3px;
  box-shadow: none;
}
.xaydungnhahuyhoang_subscribe .xaydungnhahuyhoang_subscribe_row .xaydungnhahuyhoang_subscribe_action_col .xaydungnhahuyhoang_subscribe_submit {
  width: 100%;
  margin: 0;
  background: var(--xaydungnhahuyhoang_red);
  color: var(--xaydungnhahuyhoang_white);
  border: 0;
}
.xaydungnhahuyhoang_subscribe .xaydungnhahuyhoang_subscribe_row .xaydungnhahuyhoang_subscribe_social_col .xaydungnhahuyhoang_subscribe_social {
  text-align: center;
}
.xaydungnhahuyhoang_subscribe .xaydungnhahuyhoang_subscribe_row .xaydungnhahuyhoang_subscribe_social_col .xaydungnhahuyhoang_subscribe_social p {
  margin: 0;
  color: var(--xaydungnhahuyhoang_red);
}

.xaydungnhahuyhoang_footer {
  background: var(--xaydungnhahuyhoang_navy);
  color: var(--xaydungnhahuyhoang_white);
}
.xaydungnhahuyhoang_footer .xaydungnhahuyhoang_footer_row .xaydungnhahuyhoang_footer_contact_col .xaydungnhahuyhoang_footer_contact h3 {
  margin: 0 0 12px;
  color: var(--xaydungnhahuyhoang_white);
  font-size: 21px;
  font-weight: 900;
  text-shadow: 1px 1px var(--xaydungnhahuyhoang_red), -1px -1px var(--xaydungnhahuyhoang_red);
}
.xaydungnhahuyhoang_footer .xaydungnhahuyhoang_footer_row .xaydungnhahuyhoang_footer_contact_col .xaydungnhahuyhoang_footer_contact p {
  margin: 0 0 4px;
  color: var(--xaydungnhahuyhoang_white);
}
.xaydungnhahuyhoang_footer .xaydungnhahuyhoang_footer_row .xaydungnhahuyhoang_footer_contact_col .xaydungnhahuyhoang_footer_badge {
  width: 160px;
  margin-top: 12px;
}
.xaydungnhahuyhoang_footer .xaydungnhahuyhoang_footer_row .xaydungnhahuyhoang_footer_stats_col .xaydungnhahuyhoang_footer_stats p {
  margin: 0 0 8px;
  color: var(--xaydungnhahuyhoang_white);
  font-weight: 700;
}
.xaydungnhahuyhoang_footer .xaydungnhahuyhoang_footer_row .xaydungnhahuyhoang_footer_follow_col .col-inner {
  padding: 12px;
  background: var(--xaydungnhahuyhoang_white);
  border-radius: 4px;
  color: var(--xaydungnhahuyhoang_navy);
}
.xaydungnhahuyhoang_footer .xaydungnhahuyhoang_footer_row .xaydungnhahuyhoang_footer_follow_col .xaydungnhahuyhoang_footer_follow_content h4 {
  color: var(--xaydungnhahuyhoang_navy);
  margin-bottom: 3px;
}
.xaydungnhahuyhoang_footer .xaydungnhahuyhoang_footer_row .xaydungnhahuyhoang_footer_follow_col .xaydungnhahuyhoang_footer_follow_content p {
  margin: 0 0 15px;
}
.xaydungnhahuyhoang_footer .xaydungnhahuyhoang_footer_row .xaydungnhahuyhoang_footer_follow_col .button {
  background: var(--xaydungnhahuyhoang_muted);
  color: var(--xaydungnhahuyhoang_navy);
  border: 1px solid var(--xaydungnhahuyhoang_muted);
  margin: 0 8px 0 0;
  font-weight: 700;
}

.xaydungnhahuyhoang_map .xaydungnhahuyhoang_map_row .xaydungnhahuyhoang_map_col .xaydungnhahuyhoang_map_image img {
  display: block;
  width: 100%;
  height: auto;
}
.xaydungnhahuyhoang_copyright {
  background: var(--xaydungnhahuyhoang_navy);
}
.xaydungnhahuyhoang_copyright .xaydungnhahuyhoang_copyright_row .xaydungnhahuyhoang_copyright_col .xaydungnhahuyhoang_copyright_content p {
  margin: 0;
  text-align: center;
  color: var(--xaydungnhahuyhoang_white);
}

.xaydungnhahuyhoang_navigation .xaydungnhahuyhoang_navigation_row .xaydungnhahuyhoang_navigation_col .xaydungnhahuyhoang_button_fx_1:hover,
.xaydungnhahuyhoang_footer .xaydungnhahuyhoang_footer_row .xaydungnhahuyhoang_footer_follow_col .xaydungnhahuyhoang_button_fx_1:hover {
  transform: translateY(-2px);
  background: var(--xaydungnhahuyhoang_red_dark);
  color: var(--xaydungnhahuyhoang_white);
  box-shadow: 0 6px 13px var(--xaydungnhahuyhoang_shadow);
}
.xaydungnhahuyhoang_navigation .xaydungnhahuyhoang_navigation_row .xaydungnhahuyhoang_navigation_col .xaydungnhahuyhoang_button_fx_2:hover,
.xaydungnhahuyhoang_footer .xaydungnhahuyhoang_footer_row .xaydungnhahuyhoang_footer_follow_col .xaydungnhahuyhoang_button_fx_2:hover {
  transform: translateX(3px);
  background: var(--xaydungnhahuyhoang_red);
  color: var(--xaydungnhahuyhoang_white);
}
.xaydungnhahuyhoang_navigation .xaydungnhahuyhoang_navigation_row .xaydungnhahuyhoang_navigation_col .xaydungnhahuyhoang_button_fx_3:hover,
.xaydungnhahuyhoang_subscribe .xaydungnhahuyhoang_subscribe_row .xaydungnhahuyhoang_subscribe_action_col .xaydungnhahuyhoang_button_fx_3:hover {
  background: var(--xaydungnhahuyhoang_red_dark);
  color: var(--xaydungnhahuyhoang_white);
  box-shadow: inset 0 0 0 2px var(--xaydungnhahuyhoang_white), 0 4px 10px var(--xaydungnhahuyhoang_shadow);
}
.xaydungnhahuyhoang_subscribe .xaydungnhahuyhoang_subscribe_row .xaydungnhahuyhoang_subscribe_action_col .xaydungnhahuyhoang_subscribe_submit,
.xaydungnhahuyhoang_footer .xaydungnhahuyhoang_footer_row .xaydungnhahuyhoang_footer_follow_col .button {
  transition: background .25s ease, color .25s ease, transform .25s ease, box-shadow .25s ease;
}

@media (max-width: 849px) {
  .xaydungnhahuyhoang_header .xaydungnhahuyhoang_header_row .xaydungnhahuyhoang_header_brand_col .xaydungnhahuyhoang_header_brand {
    border-left: 0;
    padding-left: 0;
  }
  .xaydungnhahuyhoang_header .xaydungnhahuyhoang_header_row .xaydungnhahuyhoang_header_logo_col .xaydungnhahuyhoang_header_logo {
    margin: 0 auto;
  }
  .xaydungnhahuyhoang_navigation .xaydungnhahuyhoang_navigation_row .xaydungnhahuyhoang_navigation_col {
    flex: 0 0 33.333%;
    max-width: 33.333%;
  }
  .xaydungnhahuyhoang_hero .xaydungnhahuyhoang_hero_row .xaydungnhahuyhoang_hero_offer_col .xaydungnhahuyhoang_hero_offer_content h2 {
    font-size: 24px;
  }
}
@media (max-width: 549px) {
  .xaydungnhahuyhoang_navigation .xaydungnhahuyhoang_navigation_row .xaydungnhahuyhoang_navigation_col {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .xaydungnhahuyhoang_hero .xaydungnhahuyhoang_hero_row .xaydungnhahuyhoang_hero_offer_col .xaydungnhahuyhoang_hero_offer_content h3 {
    font-size: 25px;
  }
  .xaydungnhahuyhoang_categories .xaydungnhahuyhoang_categories_row .xaydungnhahuyhoang_category_col .xaydungnhahuyhoang_category_label h3 {
    font-size: 17px;
  }
  .xaydungnhahuyhoang_services .xaydungnhahuyhoang_services_row .xaydungnhahuyhoang_service_col .xaydungnhahuyhoang_service_caption {
    padding: 10px;
  }
}






.xaydungnhahuyhoang_promo_content {
  width: 100%;
  container-type: inline-size;
  padding: 18px 6px 12px;
  text-align: center;
}

.xaydungnhahuyhoang_promo_content h2 {
  margin: 0 0 20px;
  padding: 0;
  color: #101d29;
  font-size: clamp(22px, 8.5cqw, 40px);
  font-weight: 900;
  line-height: 1.2;
  letter-spacing: -0.5px;
  text-align: center;
  text-transform: uppercase;
}

.xaydungnhahuyhoang_promo_content .xaydungnhahuyhoang_promo_date {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 80%;
  min-height: 48px;
  margin: 0 auto 18px;
  padding: 6px 18px;
  background: #d60000;
  color: #ffffff;
  font-size: clamp(18px, 6.8cqw, 29px);
  font-weight: 800;
  line-height: 1.2;
  text-align: center;
  white-space: nowrap;
  clip-path: polygon(
    10% 0,
    100% 0,
    90% 100%,
    0 100%
  );
}

.xaydungnhahuyhoang_promo_content h3 {
  margin: 0 0 42px;
  padding: 0;
  color: #d60000;
  font-weight: 900;
  line-height: 1.2;
  letter-spacing: -0.8px;
  text-align: center;
  white-space: nowrap;
}

.xaydungnhahuyhoang_promo_content .xaydungnhahuyhoang_promo_ribbon {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  min-height: 90px;
  margin: 0 auto 14px;
  padding: 15px 25px;
  background: #b7c8d2;
  clip-path: polygon(
    0 0,
    50% 4%,
    100% 0,
    93% 50%,
    100% 100%,
    50% 96%,
    0 100%,
    7% 50%
  );
}

.xaydungnhahuyhoang_promo_content .xaydungnhahuyhoang_promo_ribbon::before {
  content: "";
  position: absolute;
  inset: 3px;
  background: #d60000;
  clip-path: polygon(
    0 0,
    50% 4%,
    100% 0,
    93% 50%,
    100% 100%,
    50% 96%,
    0 100%,
    7% 50%
  );
}

.xaydungnhahuyhoang_promo_content .xaydungnhahuyhoang_promo_ribbon span {
  position: relative;
  z-index: 1;
  color: #ffffff;
  font-size: clamp(20px, 7.8cqw, 34px);
  font-weight: 900;
  line-height: 1.2;
  text-align: center;
  white-space: nowrap;
}

.xaydungnhahuyhoang_promo_content .xaydungnhahuyhoang_promo_note {
  margin: 0;
  padding: 0;
  font-size: clamp(15px, 5.5cqw, 24px);
  font-weight: 900;
  line-height: 1.25;
  letter-spacing: -0.3px;
  text-align: center;
  white-space: nowrap;
}

@media (max-width: 549px) {
  .xaydungnhahuyhoang_promo_content {
    padding: 16px 5px 10px;
  }

  .xaydungnhahuyhoang_promo_content h2 {
    margin-bottom: 16px;
  }

  .xaydungnhahuyhoang_promo_content .xaydungnhahuyhoang_promo_date {
    min-height: 40px;
    margin-bottom: 16px;
  }

  .xaydungnhahuyhoang_promo_content h3 {
    margin-bottom: 30px;
  }

  .xaydungnhahuyhoang_promo_content .xaydungnhahuyhoang_promo_ribbon {
    min-height: 70px;
    padding: 12px 18px;
  }
}







.xaydungnhahuyhoang_news_title .section-title{border:0;justify-content:center;margin:0}.xaydungnhahuyhoang_news_title .section-title b{display:none}.xaydungnhahuyhoang_news_title .section-title-main{display:inline-flex;align-items:center;gap:18px;padding:0;border:0;background:#fff0;color:#c90000;font-size:30px;font-weight:900;line-height:1.2;white-space:nowrap}.xaydungnhahuyhoang_news_title .section-title-main::before,.xaydungnhahuyhoang_news_title .section-title-main::after{content:"";display:block;width:72px;height:11px;flex-shrink:0;background:#c90000}.xaydungnhahuyhoang_news_title .section-title-main::before{clip-path:polygon(0 80%,58% 50%,65% 20%,100% 20%,92% 80%,0 100%)}.xaydungnhahuyhoang_news_title .section-title-main::after{clip-path:polygon(0 20%,35% 20%,42% 50%,100% 80%,100% 100%,8% 80%)}@media (max-width:549px){.xaydungnhahuyhoang_news_title .section-title-main{font-size:20px;gap:9px}.xaydungnhahuyhoang_news_title .section-title-main::before,.xaydungnhahuyhoang_news_title .section-title-main::after{width:35px;height:8px}}


.xaydungnhahuyhoang_service_col .col-inner{position:relative;border-radius:12px}.xaydungnhahuyhoang_service_image img{display:block;width:100%;height:auto;border-radius:12px}


.xaydungnhahuyhoang_service_caption {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    min-height: 47px;
    padding: 15px 59px 15px 12px;
    background: #14212a;
    border-radius: 0 0 12px 12px;
    color: #fff;
    font-size: 14px;
}

.xaydungnhahuyhoang_service_caption p{position:relative;z-index:2;margin:0;color:#fff;font-weight:800;text-align:center}.xaydungnhahuyhoang_service_caption::before{content:"";position:absolute;right:0;bottom:0;width:75px;height:100%;background:#d60000;clip-path:polygon(100% 0,100% 100%,0 100%);border-radius:0 0 12px 0}.xaydungnhahuyhoang_service_caption::after{content:"";position:absolute;right:0;bottom:0;width:85px;height:100%;background:linear-gradient(135deg,transparent 40%,#ed0000 40%,#ed0000 45%,#ffffff 45%,#ffffff 48%,transparent 48%,transparent 57%,#ed0000 57%,#ed0000 64%,transparent 64%);pointer-events:none}



.xaydungnhahuyhoang_service_col .col-inner{transition:transform 0.3s ease,box-shadow 0.3s ease}.xaydungnhahuyhoang_service_col:hover .col-inner{transform:translateY(-6px);box-shadow:0 12px 25px rgb(0 0 0 / .2)}

.xaydungnhahuyhoang_service_col .xaydungnhahuyhoang_service_image img {
    transition: filter 0.3s ease;
    min-height: 252px;
    object-fit: cover;
}

.xaydungnhahuyhoang_service_col:hover .xaydungnhahuyhoang_service_image img{filter:brightness(1.08) saturate(1.12)}.xaydungnhahuyhoang_service_col .xaydungnhahuyhoang_service_caption{transition:background 0.3s ease}.xaydungnhahuyhoang_service_col:hover .xaydungnhahuyhoang_service_caption{background:#243744}




.xaydungnhahuyhoang_service_caption a span[class^="icon-"]{display:inline-block;margin-right:8px;font-size:20px;color:#fff;vertical-align:middle}.xaydungnhahuyhoang_service_caption a{color:#fff}


.xaydungnhahuyhoang_footer_contact{width:100%}.xaydungnhahuyhoang_footer_contact h3{font-size:22px;font-weight:800;line-height:1.4;margin:0 0 22px;color:inherit}.xaydungnhahuyhoang_footer_contact p{display:flex;align-items:flex-start;gap:12px;margin:0 0 14px;line-height:1.65;color:inherit}.xaydungnhahuyhoang_footer_contact p>:is(i,svg,span){display:inline-flex;align-items:center;justify-content:center;flex:0 0 38px;width:38px;height:38px;padding:10px;border-radius:10px;border:1px solid color-mix(in srgb,currentColor 20%,transparent);background:color-mix(in srgb,currentColor 8%,transparent);color:inherit;font-size:16px;box-sizing:border-box;transition:transform 0.25s ease,background 0.25s ease}.xaydungnhahuyhoang_footer_contact p>span svg,.xaydungnhahuyhoang_footer_contact p>span i{width:18px;height:18px;font-size:18px;color:inherit}.xaydungnhahuyhoang_footer_contact p:hover>:is(i,svg,span){transform:translateY(-3px);background:color-mix(in srgb,currentColor 15%,transparent)}