@charset "UTF-8";
/**
 * _base.scss
 * 
 * 1/ biến màu săc
 * 2/ biến kích thước font chữ
 * 3/ Cấu hình border
 * 4/ Mixin
 * 5/ Responsive
*/
.pd-0 {
  padding: 0 !important;
}

.pb-0 {
  padding-bottom: 0 !important;
}

.mbws_mb-0 p {
  margin-bottom: 0;
}
.mbws_mb-0 h2 {
  margin-bottom: 0;
}
.mbws_mb-0 h3 {
  margin-bottom: 0;
}
.mbws_mb-0 h1 {
  margin-bottom: 0;
}
.mbws_mb-0 h4 {
  margin-bottom: 0;
}
.mbws_mb-0 ul {
  margin-bottom: 0;
}



.mbws_slider-banner-hero .mbws_section-banner-hero {
  position: relative;
}
.mbws_slider-banner-hero .mbws_section-banner-hero::after {
  background: rgba(41, 41, 41, 0.8);
  bottom: -200px;
  content: "";
  height: 100%;
  left: 0;
  height: 135px;
  position: absolute;
  transform: skewY(10deg);
  width: 2000px;
  z-index: 1;
}
.mbws_slider-banner-hero .flickity-prev-next-button {
  height: fit-content;
  top: 92% !important;
}
.mbws_slider-banner-hero .next {
  left: 100px !important;
}

.mbws_about-home {
  color: white;
  margin-bottom: -10%;
  padding-top: 3% !important;
  padding-bottom: 0% !important;
  position: relative;
  z-index: 2;
}
.mbws_about-home::before {
  background: var(--fs-color-primary);
  content: "";
  height: 100%;
  left: 0;
  margin-top: -3%;
  position: absolute;
  top: 0;
  transform: skewY(-3.2deg);
  width: 100%;
  display: block;
}

.mbws_title-section span {
  font-weight: 600;
}

.mbws_why-home {
  position: relative;
  display: block;
  padding-top: 280px !important;
  color: #fff;
  padding-bottom: 40px !important;
}
@media (max-width: 767px) {
  .mbws_why-home {
    padding-top: 180px !important;
  }
}
.mbws_why-home::after {
  background: var(--fs-color-primary);
  content: "";
  height: 179px;
  left: 0;
  margin-top: 0%;
  position: absolute;
  top: 0;
  transform: skewY(7deg);
  width: 100%;
  display: block;
}
@media (max-width: 767px) {
  .mbws_why-home::after {
    height: 140px;
  }
}

.mbws_services {
  position: relative;
  margin-bottom: -10%;
  padding-top: 3% !important;
  padding-bottom: 13% !important;
}
.mbws_services .section-content {
  position: relative;
  z-index: 99;
}
.mbws_services::before {
  background: #ededed;
  content: "";
  height: 100%;
  left: 0;
  margin-top: -3%;
  position: absolute;
  top: 0;
  transform: skewY(-3.2deg);
  width: 100%;
  display: block;
}

.mbws_content-five {
  position: relative !important;
  margin-bottom: -7%;
  z-index: 9;
  transform: skewY(-5deg);
  padding-top: 165px !important;
  top: -7rem;
}
.mbws_content-five .section-content {
  transform: skewY(5deg);
}
.mbws_content-five::after {
  margin-top: -7.5%;
  transform: skewY(8deg);
  height: 200px;
  background: #ededed;
  content: "";
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  display: block;
}

.mbws_space-bottom {
  padding-top: 0 !important;
  position: relative;
  padding-bottom: 0 !important;
  margin-top: -35px;
  float: left;
  width: 100%;
}

.mbws_content-about .section-content::before {
  background: var(--fs-color-primary);
  content: "";
  height: 50%;
  left: 0;
  margin-top: -3%;
  position: absolute;
  top: -30px;
  transform: skewY(-3.2deg);
  width: 100%;
  display: block;
}

.mbws_section-news .box-blog-post .is-divider {
  display: none;
}
.mbws_section-news .box-blog-post .cat-label {
  background: #000000;
  padding: 5px;
}
.mbws_section-news .box-blog-post .cat-label:hover {
  background: var(--fs-color-primary);
}
.mbws_section-news .box-blog-post .post-title {
  color: #777;
  font-size: 26px;
  line-height: 1.3;
  font-weight: bold;
  text-transform: uppercase;
  margin-bottom: 15px;
}
.mbws_section-news .box-blog-post .post-title a:hover {
  color: var(--fs-color-primary) !important;
}
.mbws_section-news .box-blog-post .post-meta {
  padding-bottom: 15px;
}
.mbws_section-news .box-blog-post .from_the_blog_excerpt {
  padding-bottom: 15px;
}
.mbws_section-news .box-blog-post .button {
  padding: 6px 30px;
  background: var(--fs-color-primary);
  color: #ffffff;
  border: none;
  font-size: 20px;
}
.mbws_section-news .box-blog-post .button:hover {
  background: var(--fs-color-secondary);
}
.mbws_section-news .section-content::before {
  background: #ededed;
  content: "";
  height: 50%;
  left: 0;
  margin-top: -3%;
  position: absolute;
  top: -30px;
  transform: skewY(-3.2deg);
  width: 100%;
  display: block;
}

.nav-pagination li a {
  border-radius: 5px !important;
  color: #ffffff !important;
  background: #777777;
  border: 2px solid #777777 !important;
}
.nav-pagination li a:hover {
  border: 2px solid var(--fs-color-primary) !important;
}
.nav-pagination li span {
  border-radius: 5px !important;
  color: #ffffff;
}

.mbws_section-projects .section-content::before {
  background: #ededed;
  content: "";
  height: 50%;
  left: 0;
  margin-top: -3%;
  position: absolute;
  top: -30px;
  transform: skewY(-3.2deg);
  width: 100%;
  display: block;
}
.mbws_section-projects .box-blog-post .box-text {
  height: 100%;
}
.mbws_section-projects .box-blog-post .box-text .post-title {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  padding: 0 25px;
  display: none;
}
.mbws_section-projects .box-blog-post .box-text:hover .post-title {
  display: block;
}
.mbws_section-projects .box-blog-post .is-divider {
  display: none;
}

.mbws_contact-page .section-content::before {
  background: #ededed;
  content: "";
  height: 50%;
  left: 0;
  margin-top: -3%;
  position: absolute;
  top: -30px;
  transform: skewY(-3.2deg);
  width: 100%;
  display: block;
}
.mbws_contact-page .wpcf7-form .mbws_wrap-form {
  display: flex;
  gap: 10px;
}
.mbws_contact-page .wpcf7-form .mbws_wrap-form .mbws_field input {
  height: 50px;
  border: none;
  box-shadow: none;
  background: #dddddd;
}
@media (max-width: 767px) {
  .mbws_contact-page .wpcf7-form .mbws_wrap-form {
    display: block;
  }
}
.mbws_contact-page .wpcf7-form .mbws_field textarea {
  border: none;
  box-shadow: none;
  background: #dddddd;
}
.mbws_contact-page .wpcf7-form .wpcf7-submit {
  padding: 6px 30px;
}

.mbws_footer .post-item {
  padding-bottom: 0 !important;
}
.mbws_footer .post-item .box-text {
  padding-bottom: 0 !important;
}
.mbws_footer .post-item .box-text .post-title {
  color: #888;
  font-weight: 400;
}
.mbws_footer .post-item .box-text .is-divider {
  display: none;
}
.mbws_footer .post-item:first-child .box-text {
  padding-top: 0 !important;
}

.absolute-footer {
  display: none;
}

.header-nav {
  justify-content: center !important;
  gap: 25px;
}

.mobile-nav .icon {
  border: 2px solid #ffffff !important;
}

.single-post .blog-single {
  padding-top: 50px;
  padding-bottom: 0;
}
.single-post .blog-single .entry-header .entry-header-text {
  text-align: left;
  padding-left: 0 !important;
}
.single-post .blog-single .entry-header .entry-divider {
  display: none;
}
.single-post .blog-single .entry-header .entry-category {
  background: var(--fs-color-primary);
  width: fit-content;
  padding: 5px;
  border-radius: 5px;
}
.single-post .blog-single .entry-header .entry-category a {
  color: #ffffff;
}
.single-post .blog-single .entry-header .entry-title {
  font-size: 34px;
  color: #000000;
}

.ux-search-submit {
  background: var(--fs-color-primary) !important;
}