/*
Theme Name: VIAS Van Phong
Author URI: https://alphacreative.vn/
Version: 1.0.0
*/

.hero::before {
  display: none;
}

footer .footer-consult form input.error,
#contact-form input.error {
  border-color: red;
}

#contact-form span {
  display: block;
  margin-top: 15px;
}

@media (min-width: 991px) {
  .section-cta .content {
    max-width: 60%;
  }
}

footer .footer-consult form input::placeholder {
  color: rgba(255, 255, 255, 0.6);
}

.featured-projects .list-projects {
  row-gap: 30px;
}

.service__item:last-child {
  padding-bottom: 0;
  border: none;
}

.section-faqs .content-right .accordion-button:after {
  display: none;
}

.section-faqs .content-right .accordion-button svg {
  width: 24px;
  height: 24px;
  min-width: 24px;

  position: absolute;
  top: 50%;
  right: 24px;
  transform: translateY(-50%);
  transition: all 0.4s ease;
}

.section-faqs .content-right .accordion-button[aria-expanded="true"] svg {
  transform: translateY(-50%) rotate(45deg);
}

.section-faqs .content-right .accordion-button[aria-expanded="true"] svg path {
  stroke: #fff;
}

.section-faqs .content-right .accordion-button {
  position: relative;
}

.section-faqs .content-right .accordion-item {
  background-color: transparent;
}

.iti__flag {
  background-image: url("https://cdn.jsdelivr.net/npm/intl-tel-input@17.0.8/build/img/flags.png");
}

#contact-form .iti__country span {
  display: inline;
}

.contact-form__right form .field input[type="tel"] {
  padding-left: 48px;
}

.featured-projects .swiper-projects {
  padding-top: 60px;
}

.featured-projects .custom-swiper-button {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  border: 1px solid #fff;
  top: 50%;
  transform: translateY(-55px);
  right: 24px;
}

.featured-projects .swiper-projects .custom-swiper-button {
  opacity: 0;
  transition: all 0.4s ease;
}

.featured-projects .swiper-projects .custom-swiper-button:hover {
  background-color: #fff;
}

.featured-projects .swiper-projects .custom-swiper-button svg path {
  transition: all 0.4s ease;
}

.featured-projects .swiper-projects .custom-swiper-button:hover svg path {
  stroke: #ec9231;
}

.featured-projects .swiper-projects:hover .custom-swiper-button {
  opacity: 1;
}

.featured-projects
  .swiper-projects
  .custom-swiper-button.swiper-button-disabled {
  opacity: 0.6;
  display: none;
}

.featured-projects .custom-swiper-button.swiper-button-prev {
  left: 24px;
}

.featured-projects .custom-swiper-button svg {
  width: 16px;
  height: 16px;
  min-width: 16px;
}

.featured-projects .custom-swiper-button.swiper-button-prev svg {
  transform: scaleX(-1);
}

.featured-projects .custom-swiper-button::after {
  display: none;
}

.featured-projects .custom-swiper-button svg path {
  stroke: #fff;
}

.page-terms {
  padding-top: 80px;
  padding-bottom: 60px;
}

.page-terms .content-page-title {
  margin-bottom: 24px;
}

.page-blogs-detail p {
  margin-bottom: 24px;
}

.page-blogs-detail ul {
  list-style: disc;
  padding-left: 16px;
  margin-bottom: 24px;
}

.gallery-sec__content {
  padding-right: 24px;
}

/* header not transform */
.header.header--scroll .header-wrapper {
  transform: none !important;
  pointer-events: auto;
}

.header.header--scroll .header-scroll {
  transform: translateY(-240px) !important;
}

.header .header-wrapper {
  position: fixed;
  top: 0;
  right: 0;
}

.header .header-wrapper .header-logo {
  transition: all 0.4s ease;
}

.header.header--scroll .header-wrapper .header-logo {
  opacity: 0;
  visibility: hidden;
}

.header-sub-menu {
  display: none !important;
}

.header .header-wrapper .language__head.dropdown-custom__btn .ic path,
.header
  .header-wrapper
  .language__head.dropdown-custom__btn
  .dropdown-custom__text {
  transition: all 0.4s ease;
}

.header.header--scroll
  .header-wrapper
  .language__head.dropdown-custom__btn
  .dropdown-custom__text {
  color: #543929;
}

.header.header--scroll
  .header-wrapper
  .language__head.dropdown-custom__btn
  .ic
  path {
  stroke: #543929;
}

@media (max-width: 991px) {
  .service__item {
    padding: 40px 0;
    margin-right: 24px;
    margin-left: 24px;
  }

  .service__content {
    padding-top: 24px;
  }

  .service__content--top .icon,
  .service__content--top .icon img {
    width: 48px;
    height: 48px;
  }

  .featured-projects .swiper-projects .custom-swiper-button {
    opacity: 1;
  }

  .featured-projects .custom-swiper-button {
    width: 40px;
    height: 40px;
  }

  .featured-projects .custom-swiper-button {
    right: 20px;
  }

  .featured-projects .custom-swiper-button.swiper-button-prev {
    left: 20px;
  }

  .page-terms {
    padding: 60px 24px;
  }

  /* .hero__image {
    height: 100dvh !important;
  }

  .hero,
  .hero__image img {
    height: 100dvh !important;
  }

  .hero__content {
    top: 60%;
    transform: translateY(-50%, -50%);
  } */
}