@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
*/
body {
  -webkit-font-feature-settings: "pnum" on, "lnum" on;
  font-feature-settings: "pnum" on, "lnum" on;
}
body p {
  margin-bottom: 12px;
}
body form.wpcf7-form {
  margin-bottom: unset;
}
body form.wpcf7-form .select-resize-ghost,
body form.wpcf7-form .select2-container .select2-choice,
body form.wpcf7-form .select2-container .select2-selection,
body form.wpcf7-form input[type=date],
body form.wpcf7-form input[type=email],
body form.wpcf7-form input[type=number],
body form.wpcf7-form input[type=password],
body form.wpcf7-form input[type=search],
body form.wpcf7-form input[type=tel],
body form.wpcf7-form input[type=text],
body form.wpcf7-form input[type=url],
body form.wpcf7-form select,
body form.wpcf7-form textarea {
  box-shadow: 0 7px 17px -14px var(--color-mbws-custom-1) !important;
  height: 60px;
  border: none;
  margin-bottom: 30px !important;
  padding-left: 20px;
  padding-right: 20px;
}
body form.wpcf7-form .row > .col {
  padding-bottom: unset;
}
body form.wpcf7-form .wpcf7-submit {
  height: 60px;
  min-width: 200px;
  text-transform: capitalize;
  margin: unset;
}
body form.wpcf7-form .wpcf7-submit.mbws-button-icon {
  padding-left: 50px;
  padding-right: 100px;
}
body form.wpcf7-form .wpcf7-submit.primary i {
  background-color: #fff;
  color: var(--fs-color-primary);
  right: 5px;
}
body form.wpcf7-form .form-dk input {
  margin-bottom: unset !important;
}
@media (max-width: 768px) {
  body form.wpcf7-form .form-dk {
    flex-wrap: wrap;
  }
  body form.wpcf7-form .form-dk > * {
    width: 100%;
    flex-basis: 100%;
  }
}
body .banner .button:not(.icon) {
  font-size: 14px;
}
body .banner h3 {
  font-weight: var(--heading-font-weight);
}
body .searchform input {
  height: 50px;
  border: none;
}
body .searchform .button.icon {
  height: 50px;
  width: 50px;
  background-color: var(--fs-color-primary);
}

.page-title .page-title-inner {
  flex-wrap: wrap;
  align-content: center;
}
.page-title .page-title-inner .title-wrapper {
  width: 100%;
}
.page-title .page-title-inner .title-content {
  width: 100%;
  text-align: left;
}
.page-title .page-title-inner .breadcrumbs .last {
  font-weight: var(--text-font-weight);
}

a.button:not(.icon):not(.edit-block-button),
button.button:not(.icon):not(.edit-block-button) {
  font-size: 14px;
  color: var(--heading-color);
}
a.button:not(.icon):not(.edit-block-button).is-outline.primary,
button.button:not(.icon):not(.edit-block-button).is-outline.primary {
  color: var(--text-color);
  border-color: var(--fs-color-primary);
}
a.button:not(.icon):not(.edit-block-button):not(.is-outline),
button.button:not(.icon):not(.edit-block-button):not(.is-outline) {
  border: none;
}
a.button:not(.icon):not(.edit-block-button):not(.is-link):not(.is-underline)::before,
button.button:not(.icon):not(.edit-block-button):not(.is-link):not(.is-underline)::before {
  content: "";
  z-index: 0;
  position: absolute;
  left: -2px;
  top: 0;
  width: 0;
  height: 100%;
  background-color: var(--fs-color-primary);
  bottom: 0;
  transition: all ease 0.4s;
}
a.button:not(.icon):not(.edit-block-button):not(.is-link):not(.is-underline) i,
a.button:not(.icon):not(.edit-block-button):not(.is-link):not(.is-underline) span,
button.button:not(.icon):not(.edit-block-button):not(.is-link):not(.is-underline) i,
button.button:not(.icon):not(.edit-block-button):not(.is-link):not(.is-underline) span {
  z-index: 1;
  position: relative;
}
a.button:not(.icon):not(.edit-block-button):not(.is-link):not(.is-underline):hover span,
button.button:not(.icon):not(.edit-block-button):not(.is-link):not(.is-underline):hover span {
  color: #fff;
}
a.button:not(.icon):not(.edit-block-button):not(.is-link):not(.is-underline):hover::before,
button.button:not(.icon):not(.edit-block-button):not(.is-link):not(.is-underline):hover::before {
  width: 100%;
  right: 0;
  left: auto;
}
a.button:not(.icon):not(.edit-block-button):not(.is-link):not(.is-underline).primary:not(.is-outline) span,
button.button:not(.icon):not(.edit-block-button):not(.is-link):not(.is-underline).primary:not(.is-outline) span {
  color: #fff;
}
a.button:not(.icon):not(.edit-block-button):not(.is-link):not(.is-underline).primary:not(.is-outline)::before,
button.button:not(.icon):not(.edit-block-button):not(.is-link):not(.is-underline).primary:not(.is-outline)::before {
  background-color: var(--fs-color-secondary);
}
a.button:not(.icon):not(.edit-block-button):not(.is-link):not(.is-underline).primary:not(.is-outline):hover span,
button.button:not(.icon):not(.edit-block-button):not(.is-link):not(.is-underline).primary:not(.is-outline):hover span {
  color: var(--fs-color-primary);
}

.dark a:not(.icon).is-outline.primary span,
.dark button:not(.icon).is-outline.primary span {
  color: #fff;
}

.mbws-button-icon.button {
  position: relative;
  box-shadow: 0 7px 27px -14px var(--color-mbws-custom-1);
}
.mbws-button-icon.button i {
  position: absolute !important;
  right: 10px;
  top: 50% !important;
  transform: translateY(-50%);
  background-color: var(--fs-color-primary);
  color: #fff;
  width: 50px;
  height: 50px;
  line-height: 50px !important;
  margin: unset !important;
  transition: all ease 0.3s;
}
.mbws-button-icon.button i::before {
  content: "\f061";
  font-family: "Font Awesome 6 Pro";
}
.mbws-button-icon.button:hover i {
  width: 40px;
  height: 40px;
  line-height: 40px !important;
  border-radius: 99px;
  background-color: #fff;
  color: var(--fs-color-primary);
}

.mbws-map iframe {
  width: 100% !important;
}
.mbws-map p {
  margin-bottom: unset;
  line-height: 0;
}

.laset-reset p:last-of-type {
  margin-bottom: unset;
}

.text-no-margin * {
  margin-bottom: unset;
}

.open-video .absolute::after, .open-video .absolute::before {
  content: "";
  background-color: var(--color-mbws-custom-1);
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  opacity: 0.4;
  z-index: -1;
  border-radius: 50%;
  animation-name: scaling;
  animation-duration: 4s;
  animation-iteration-count: infinite;
}
.open-video .absolute::before {
  animation-delay: 1.3s;
}
.open-video .overlay-icon {
  background-color: #fff;
  color: var(--fs-color-primary);
  z-index: 1;
  position: relative;
  width: 6em;
  height: 6em;
  border: none;
}
.open-video .overlay-icon::before {
  content: "";
  display: block;
  background-color: var(--fs-color-secondary);
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  opacity: 1;
  z-index: 0;
  transform: scale(0);
  border-radius: 50%;
  transition: all ease 0.3s;
}
.open-video .overlay-icon i {
  top: 50%;
  font-size: 2em;
  text-shadow: none !important;
  line-height: 1;
  transform: translateY(-50%);
}
.open-video:hover .overlay-icon::before {
  transform: scale(1);
}
.open-video:hover .overlay-icon i {
  color: #fff;
}

@media (min-width: 768px) {
  .nav-dropdown-has-border header#header .nav-dropdown ul.sub-menu {
    border-style: solid;
    border-width: 2px;
  }
  header#header .nav-dropdown {
    display: block;
    padding: 20px 0;
  }
  header#header .nav-dropdown ul.sub-menu {
    position: absolute;
    left: 100%;
    top: 0;
    width: 250px;
    padding: 0;
    display: none !important;
  }
  header#header .nav-dropdown ul.sub-menu a {
    white-space: normal;
    margin: 0;
    padding: 10px 15px;
    border: 0;
    font-weight: 400;
  }
  header#header .nav-dropdown li {
    border-right: 0;
    white-space: normal;
    width: 100%;
    display: block;
    position: relative;
  }
  header#header .nav-dropdown li:hover > ul.sub-menu {
    display: block !important;
  }
  header#header .nav-dropdown li.menu-item-has-children > a {
    font-weight: 400;
    text-transform: none;
  }
}
.entry-content ul li ul {
  margin-left: 10px;
  margin-top: 10px;
  margin-bottom: 10px;
}

.blog-wrapper.blog-archive {
  padding-top: 0;
}

.select-resize-ghost,
.select2-container .select2-choice,
.select2-container .select2-selection,
input[type=date],
input[type=email],
input[type=number],
input[type=password],
input[type=search],
input[type=tel],
input[type=text],
input[type=url],
select,
textarea {
  box-shadow: none !important;
}

.wp-block-search .wp-block-search__inside-wrapper .wp-block-search__input {
  margin-bottom: 0;
}
.wp-block-search .wp-block-search__inside-wrapper .wp-block-search__button {
  font-size: 0;
  height: unset;
  min-height: unset;
  padding: 0 10px;
}
.wp-block-search .wp-block-search__inside-wrapper .wp-block-search__button::before {
  content: "\eb1c";
  font-family: "matbaows-icons";
  font-size: 1rem;
  color: inherit;
}

.widget_price_filter .price_slider_wrapper .ui-slider.price_slider .ui-slider-handle {
  background-color: var(--fs-color-primary);
}
.widget_price_filter .price_slider_wrapper .ui-slider.price_slider .ui-slider-range {
  background-color: var(--fs-color-secondary);
}
.widget_price_filter .price_slider_wrapper .price_slider_amount .button {
  background-color: var(--fs-color-primary);
}

.wpcf7-form .wpcf7-form-control-wrap input {
  margin-bottom: 0;
}
.wpcf7-form .wpcf7-form-control-wrap textarea {
  margin-bottom: 0;
}
.wpcf7-form .form-dk {
  display: flex;
  width: 100%;
}
.wpcf7-form .form-dk .wpcf7-spinner {
  display: none;
}
.wpcf7-form .form-dk .wpcf7-submit {
  margin-right: 0;
}

.box-contact p i {
  color: var(--fs-color-primary);
  width: 23px;
  text-align: center;
}

#related_posts {
  border-top: 4px double #e8e8e8;
  padding-top: 10px;
}
#related_posts .col {
  float: left;
  margin-left: 0;
  list-style: none;
}
#related_posts li:nth-child(1) {
  padding-left: 0 !important;
}
#related_posts li:nth-child(2) {
  padding-left: 0 !important;
  padding-right: 0 !important;
}
#related_posts li:nth-child(3) {
  padding-right: 0 !important;
}
#related_posts .relatedthumb img {
  height: 100%;
}

.mbws-related-posts-title {
  margin-top: 30px;
}

.relatedcontent h3 {
  font-size: 1rem;
  margin-top: 7px;
}

.header .stuck > div:not(.hide-for-sticky) {
  background-color: var(--color-sticky-header-bgr);
}
.header .stuck > div:not(.hide-for-sticky) .nav li.menu-item a {
  color: var(--color-sticky-header-nav);
}
.header .stuck > div:not(.hide-for-sticky) .nav li.menu-item a:hover {
  color: var(--color-sticky-header-nav-hover);
}

.header-main .icon-angle-down:before {
  content: "+";
  font-family: "Font Awesome 6 Pro";
}
.header-main .nav.nav-spacing-xlarge > li {
  margin: 0 15px;
}
.header-main .nav.header-nav-main > li > a {
  text-transform: capitalize;
}
.header-main .nav.nav-size-large > li > a {
  font-size: 18px;
}
.header-main .nav li.header-block {
  display: inline-block;
  width: fit-content;
}
.header-main .nav li.header-search a {
  width: 44px;
  height: 44px;
  border-radius: 99px;
  background-color: #fff;
  justify-content: center;
  box-shadow: var(--color-mbws-custom-1) 0px 1px 2px 0px;
}
.header-main .nav li.header-search a i.icon-search {
  font-size: 16px;
}
.header-main .nav li.header-search a::before {
  content: "";
  background-color: var(--fs-color-primary);
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  opacity: 1;
  z-index: 0;
  transform: scale(0);
  border-radius: 50%;
  transition: all ease 0.3s;
}
.header-main .nav li.header-search a:hover i.icon-search {
  color: #fff !important;
}
.header-main .nav li.header-search a:hover::before {
  transform: scale(1.1);
}
.header-main .mbws-header-button {
  margin: unset;
  padding: 10px 30px;
}

@media (max-width: 768px) {
  .off-canvas .nav-vertical li > a {
    font-size: 14px;
  }
}

.icon-box-filled .icon .icon-inner {
  background-color: var(--fs-color-primary);
}
.icon-box-filled .icon-box-text * {
  margin-bottom: unset;
}

.mbws-service-tabs .nav > li {
  margin: unset;
}
.mbws-service-tabs .nav > li > a {
  padding: 17px 25px;
  background-color: var(--color-mbws-bgr);
  transition: all ease 0.4s;
}
.mbws-service-tabs .nav > li > a:hover, .mbws-service-tabs .nav > li.active > a {
  background-color: var(--fs-color-primary);
  color: #fff;
}
.mbws-service-tabs .nav > li > a:hover::after, .mbws-service-tabs .nav > li.active > a::after {
  content: "";
  position: absolute;
  bottom: -8px;
  left: 50%;
  background-color: var(--fs-color-primary);
  margin-left: -8px;
  width: 16px;
  height: 16px;
  transform: rotate(45deg);
  transition: all ease 0.4s;
}
@media (max-width: 767px) {
  .mbws-service-tabs .nav {
    flex-wrap: nowrap;
    justify-content: flex-start;
    overflow-x: scroll;
    overflow-y: hidden;
    padding-bottom: 10px;
  }
  .mbws-service-tabs .nav > li > a {
    white-space: nowrap;
    text-align: center;
  }
}

.mbws-sub-title p strong > span {
  padding: 5px;
  border-radius: 7px;
}

.br-top-left > .col-inner {
  border-top-left-radius: 30px;
}

.br-right-bottom > .col-inner {
  border-bottom-right-radius: 30px;
}

.mbws-member .box-text h4 {
  display: flex;
  flex-direction: column-reverse;
}
.mbws-member .box-text h4 .person-title {
  font-size: 14px;
  text-transform: none !important;
  font-family: var(--text-font-family);
  margin-bottom: 10px;
}
.mbws-member .box-text h4 .person-name {
  font-size: 18px;
  font-weight: var(--heading-font-weight);
  text-transform: none !important;
  line-height: 1.3;
}
.mbws-member .box-text h4 br {
  display: none;
}

.mbws-circle-bg {
  background-color: #fff;
  aspect-ratio: 1/1;
  border-radius: 50%;
}
.mbws-circle-bg::after, .mbws-circle-bg::before {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  top: 0;
  background-color: var(--color-mbws-custom-1);
  opacity: 0.2;
  z-index: -2;
  border-radius: 50%;
  transform: scale(0);
  animation: scaling 4s infinite linear;
}
.mbws-circle-bg::before {
  animation-delay: 1.3s;
}

@keyframes scaling {
  0% {
    transform: scale(0.7);
  }
  90% {
    transform: scale(1.9);
  }
  100% {
    opacity: 0;
  }
}
.leaf-img {
  z-index: 10;
  animation: abShape 6s linear infinite;
}

@keyframes abShape {
  0%, 100% {
    right: -5%;
  }
  50% {
    right: -10%;
  }
}
.mbws-service-list .service-icon-box .icon-box-img {
  position: relative;
}
.mbws-service-list .service-icon-box .icon-box-img .icon {
  background-color: #fff;
  box-shadow: 0 7px 27px -14px var(--color-mbws-custom-1);
  border-radius: 12px;
  padding: 15px;
}
.mbws-service-list .service-icon-box .icon-box-img .icon .icon-inner {
  transition: all ease 0.6s;
}
.mbws-service-list .service-icon-box .icon-box-img .icon .icon-inner img, .mbws-service-list .service-icon-box .icon-box-img .icon .icon-inner svg {
  aspect-ratio: 1/1;
}
.mbws-service-list .service-icon-box .icon-box-img .icon-bg {
  position: absolute;
  z-index: -1;
  left: -40px;
  top: -40px;
  animation: srBgIcon2 6s linear infinite;
  opacity: 0.3;
  width: 100%;
}
.mbws-service-list .service-icon-box:hover .icon .icon-inner {
  transform: rotateY(360deg);
}
.mbws-service-list .service-icon-box .icon-box-text {
  padding-top: 30px;
}
.mbws-service-list .col:nth-child(even) .service-icon-box .icon-box-img .icon-bg {
  animation-name: srBgIcon;
}

@keyframes srBgIcon {
  0%, 100% {
    transform: translate(0, 0);
  }
  20% {
    transform: translate(-10px, 0);
  }
  50% {
    transform: translate(-10px, -10px);
  }
  70% {
    transform: translate(0, -10px);
  }
}
@keyframes srBgIcon2 {
  0%, 100% {
    transform: translate(0, 0);
  }
  20% {
    transform: translate(0, -10px);
  }
  50% {
    transform: translate(-10px, -10px);
  }
  70% {
    transform: translate(-10px, 0);
  }
}
.mbws_counter .counter-icon {
  position: absolute;
  right: 0;
  top: 0;
  z-index: 0;
  opacity: 0.3;
}
@media (max-width: 768px) {
  .mbws_counter .counter-number {
    font-size: 2rem !important;
  }
}

.mbws-logo-group .flickity-slider .gallery-col.col {
  padding-bottom: unset !important;
}
.mbws-logo-group img {
  object-fit: contain !important;
}

.widget {
  margin-bottom: 40px !important;
}
.widget .widget-title {
  display: block;
  font-size: 20px;
  font-family: var(--heading-font-family);
  font-weight: var(--heading-font-weight);
  margin-bottom: 20px;
}
.widget .post_comments {
  display: none;
}
.widget .is-divider {
  max-width: 100%;
  height: 1px;
  border-color: var(--color-mbws-border);
}
.widget.widget_search {
  background-color: var(--color-mbws-bgr);
  padding: 30px;
}
.widget.widget_search .is-divider {
  display: none;
}
@media (max-width: 767px) {
  .widget.widget_search {
    padding: 15px;
  }
}
.widget.widget_categories ul > li {
  font-size: 14px;
}
.widget.widget_categories ul > li > a {
  padding: 15px 0;
  font-size: 14px;
  width: 90%;
}
.widget.widget_categories ul > li > a::before {
  content: "\f0da";
  font-family: "Font Awesome 6 Pro";
  margin-right: 10px;
  font-weight: bold;
}
.widget.widget_categories ul > li.active, .widget.widget_categories ul > li.active > a {
  color: var(--fs-color-primary);
}
.widget.flatsome_recent_posts .badge {
  width: 100px !important;
  height: 80px !important;
}
.widget.flatsome_recent_posts a {
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 4; /* number of lines to show */
  line-clamp: 4;
  -webkit-box-orient: vertical;
}
.widget .tagcloud a {
  font-size: 14px !important;
  display: inline-block;
  padding: 8px 20px;
  border: 1px solid var(--color-mbws-border);
}
.widget .tagcloud a:hover {
  background-color: var(--fs-color-primary);
  border-color: var(--fs-color-primary);
  color: #fff;
}

#archive-page-title {
  margin-bottom: 80px !important;
}
#archive-page-title .page-title {
  margin-bottom: unset;
}

.post-item .box-text .post-title {
  font-size: 20px;
  margin-bottom: 10px;
}
.post-item .box-text .post-title a {
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2; /* number of lines to show */
  line-clamp: 2;
  -webkit-box-orient: vertical;
}
.post-item .box-text .is-divider {
  display: none;
}

.blog-wrapper.blog-single {
  padding-top: unset !important;
}

.entry-header .entry-header-text {
  padding-bottom: unset;
}
.entry-header .entry-header-text .entry-meta {
  font-size: 14px;
  text-transform: unset;
}

.mbws-related-posts-title {
  font-size: 24px;
  text-transform: uppercase;
  margin-bottom: 30px !important;
}

.single footer.entry-meta {
  display: flex;
  justify-content: space-between;
  border-top: unset;
  padding: 0 0 20px;
}
.single footer.entry-meta .blog-share * {
  color: var(--text-color);
}
.single footer.entry-meta .blog-share .share-icons-title {
  font-size: 14px;
  font-weight: var(--heading-font-weight);
}
@media (max-width: 768px) {
  .single footer.entry-meta {
    flex-wrap: wrap;
    gap: 15px;
  }
  .single footer.entry-meta div {
    width: 100%;
  }
}

.tagcloud {
  font-size: 14px;
  font-weight: var(--heading-font-weight);
}
.tagcloud a {
  font-size: 14px;
  font-weight: var(--text-font-weight);
}

#footer .absolute-footer {
  padding: 30px 0;
}
#footer .mbws-logo {
  margin-bottom: 15px;
}
#footer .mbws-logo .ux-logo-link {
  padding: unset !important;
}
@media (max-width: 768px) {
  #footer .mbws-logo.logo-medium-center {
    margin-left: auto;
    margin-right: auto;
  }
}
@media (max-width: 768px) {
  #footer .menu-medium-center .ux-menu-link__link {
    justify-content: center;
  }
}
@media (max-width: 768px) {
  #footer .col.medium-center {
    text-align: center;
  }
}/*# sourceMappingURL=style.css.map */