@import url("https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap");
body::-webkit-scrollbar,
html::-webkit-scrollbar {
  display: none;
}

body {
  font-family: "Inter", sans-serif !important;
}

.box-text a:not(.button),
.box-text h1,
.box-text h2,
.box-text h3,
.box-text h4,
.box-text h5,
.box-text h6 {
  margin: 0;
}

.home-form {
  position: relative;
  top: -70px;
  background-color: #fff;
  padding: 1rem;
  border-radius: 1rem;
  box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}

.home-form .col {
  padding-bottom: 0;
}

.home-form form,
.home-form .col input {
  margin-bottom: 0 !important;
}

.home-form .wpcf7-spinner {
  display: none !important;
}

.home-form input[type="submit"] {
  width: 100%;
  margin: 0;
}

.position-absolute {
  position: absolute !important;
}

a.image-dv {
  position: relative;
  padding-top: 120.61%;
}

.cs_card.cs_style_2 .cs_card_overlay {
  position: absolute;
}

.cs_card.cs_style_2 .cs_card_text {
  position: absolute;
}

.cs_card.cs_style_2 img {
  position: absolute;
  top: 0;
  left: 0;
}

.col-form * {
  height: 100%;
}

.col-form {
  padding-bottom: 0;
}

.col-form p {
  margin: 0;
}

.cs_contact_form_wrapper {
  max-width: 70%;
  margin: 0 auto;
}

input[type="email"],
input[type="number"],
input[type="search"],
input[type="tel"],
input[type="text"],
input[type="url"],
textarea {
  box-shadow: none;
  padding: 13px 15px 12px;
  color: var(--secondary-color);
  border: 1px solid var(--border-color);
  min-height: 55px;
  border-radius: 0.5rem;
}

textarea {
  min-height: 120px;
}

.cs_btn.cs_style_1 {
  margin: 0 !important;
}

input[type="submit"] {
  padding: 14px 25px;
  line-height: 1;
  text-transform: none;
  border-radius: 1rem;
  min-height: 55px;
  min-width: 180px;
}

.cs_pagination.cs_style_1 .slick-dots {
  position: relative;
  top: unset;
  bottom: unset;
}

.cs_pagination.cs_style_1 .slick-dots li {
  margin: 0;
}

.post-item .box-image {
  border-radius: 10px;
  overflow: hidden;
}

.post-item .post-title {
  font-size: 31px;
  line-height: 1.291em;
  font-weight: 600;
  margin-bottom: 19px;
}

.post-item .post-title a {
  background-repeat: no-repeat;
  background-image: linear-gradient(90deg, currentColor 0, currentColor 100%);
  transition: background-size 0.4s cubic-bezier(0.49, 0.49, 0.08, 1);
  background-position: 100% calc(100% - 0px);
  background-size: 0 2px;
}

.post-item .is-divider,
.post-item .from_the_blog_excerpt {
  display: none;
}

#footer .ux-logo-link {
  padding: 0 !important;
  margin-bottom: 77px;
}

#footer .wpcf7 p {
  display: flex;
  align-items: center;
  margin: 0;
}

#footer .wpcf7 input[type="email"] {
  width: 100%;
  padding: 0 0 15px;
  border: 0;
  outline: 0;
  color: var(--gray-color);
  background-color: transparent;
  margin: 0;
  box-shadow: none !important;
  border-bottom: 1px solid #fff;
  border-radius: 0;
  min-height: unset;
  color: #fff;
}

#footer .wpcf7 button {
  margin: 0;
  margin-left: -25px;
  color: #fff;
}

.cs_footer.cs_style_1 .cs_contact_list li {
  margin-left: 0;
}

.cs_footer.cs_style_1 .cs_contact_list li br {
  display: none;
}

.absolute-footer.dark {
  display: none !important;
}

.cs_footer.cs_style_1 .cs_footer_menu li {
  margin-left: 0;
}

.page-wrapper {
  padding: 0;
}

.cs_post.cs_style_2 .cs_post_thumbnail img {
  object-fit: cover;
}

.cs_about_img {
  overflow: hidden;
}

.single-du-an .cs_page_header,
.single-dich-vu .cs_page_header {
  display: none;
}

.single-du-an .header,
.single-dich-vu .header {
  box-shadow: 0px 0px 5px 0px rgba(29, 29, 29, 0.2);
}

.single-du-an .cs_btn.cs_style_1 {
  width: 100%;
}

.cs_property_details .cs_property_banner .cs_property_badge {
  display: none !important;
}

.dv_section1 .text-box {
  padding: 0 15px;
}

.dv_section1 .banner h1 {
  margin: 0;
  font-weight: 700;
  margin-bottom: 2rem;
}

.dv_section1 .banner .overlay {
  background: radial-gradient(
    499.72% 141.42% at 0 100%,
    rgba(0, 0, 0, 0.36) 0,
    transparent 100%
  ) !important;
}

.single-dich-vu .accordion-title {
  font-size: 1.2rem;
  font-weight: 700;
  text-transform: uppercase;
  padding-top: 15px;
  padding-bottom: 15px;
  padding-left: 0;
}

.single-dich-vu .accordion-item:first-child .accordion-title {
  border-top: 0;
}

.single-dich-vu ul {
  padding-left: 0;
}

.single-dich-vu .accordion .toggle {
  left: unset;
  right: 0;
  font-size: 14px;
  top: 10px;
}

.single-dich-vu .accordion-inner {
  padding: 15px 0;
}

.col-text .col-inner {
  padding: 15px;
  height: 100%;
  background-color: rgb(239 242 244);
}

.img-br {
  border-radius: 1rem;
  overflow: hidden;
}

.accordion {
  background-color: #fff;
  padding: 15px;
}

.single-dich-vu .dv_faq .accordion-title {
  text-transform: none;
}

.home .transparent #logo img,
.single-dich-vu .transparent #logo img {
  filter: brightness(0) invert(1);
}

#masthead .nav > li.html {
  font-size: 16px;
  font-weight: 600;
  color: var(--fs-color-primary);
}

#masthead .header-nav-main {
  justify-content: center;
}

.home .transparent .header-main .nav > li > a,
.home .transparent #masthead .nav > li.html,
.single-dich-vu .transparent .header-main .nav > li > a,
.single-dich-vu .transparent #masthead .nav > li.html {
  color: #fff;
}

@media only screen and (max-width: 48em) {
  .cs_contact .row-collapse > .col {
    padding: 0 15px 15px !important ;
  }

  .cs_contact_form_wrapper {
    max-width: 100%;
  }

  h1 {
    font-size: 1.4em;
  }

  h2 {
    font-size: 1.2em;
  }

  h3,
  h4 {
    font-size: 1em;
  }

  .home-form .col {
    margin-bottom: 15px;
  }

  .off-canvas-left.mfp-ready .mfp-content,
  .off-canvas-right.mfp-ready .mfp-content {
    background-color: #fff;
    width: 90%;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
  }

  .nav-icon.has-icon::before,
  .nav-icon.has-icon::after {
    display: none;
  }

  body .header-main .nav > li > a > i:not(.icon-angle-down) {
    color: #fff !important;
  }

  .off-canvas .nav-vertical > li > a {
    font-size: 16px;
    color: var(--fs-color-primary);
  }

  .off-canvas .nav-vertical > li > .toggle {
    color: var(--fs-color-primary);
  }

  .nav-vertical > li > ul li a {
    font-size: 16px;
    font-weight: 500;
    color: #000;
  }
}