/* [project]/src/app/(website)/about/about.css [app-client] (css) */
:-webkit-any(.about-us-page, .page-be-host) .custom-search-input-shared {
  width: 40%;
  margin-top: 14px;
}

:-moz-any(.about-us-page, .page-be-host) .custom-search-input-shared {
  width: 40%;
  margin-top: 14px;
}

:is(.about-us-page, .page-be-host) .custom-search-input-shared {
  width: 40%;
  margin-top: 14px;
}

:-webkit-any(.about-us-page, .page-be-host, .faq-dashboard) .main-faq-content {
  width: 100%;
}

:-moz-any(.about-us-page, .page-be-host, .faq-dashboard) .main-faq-content {
  width: 100%;
}

:is(.about-us-page, .page-be-host, .faq-dashboard) .main-faq-content {
  width: 100%;
}

:-webkit-any(.about-us-page, .page-be-host, .faq-dashboard) .all-faq-section .header-section-faq .title-section {
  font-size: 30px;
}

:-moz-any(.about-us-page, .page-be-host, .faq-dashboard) .all-faq-section .header-section-faq .title-section {
  font-size: 30px;
}

:is(.about-us-page, .page-be-host, .faq-dashboard) .all-faq-section .header-section-faq .title-section {
  font-size: 30px;
}

.faq-dashboard .search-input {
  padding-right: 40px !important;
}

.faq-dashboard .icon-search {
  right: 16px;
}

@media screen and (min-width: 1350px) {
  .image-header-about img {
    width: 1172px !important;
    height: 537px !important;
  }
}

@media screen and (max-width: 767px) {
  .aboutus :-webkit-any(.bg-filter-shared, .bg-filter-shared-blue) {
    display: none;
  }

  .aboutus :-moz-any(.bg-filter-shared, .bg-filter-shared-blue) {
    display: none;
  }

  .aboutus :is(.bg-filter-shared, .bg-filter-shared-blue) {
    display: none;
  }
}

@media screen and (max-width: 575px) {
  .main-title-about {
    margin-left: 17px;
  }

  .header-cards-title-about .icon-image img {
    width: 23.44px !important;
  }

  .aboutus .banner-about .all-banner-about {
    height: 57vh;
    position: relative;
  }

  .aboutus .image-banner-about {
    position: absolute;
    top: 63%;
  }

  .aboutus .banner-about .text-bottom-about {
    margin-top: 150px;
  }
}

@media screen and (max-width: 550px) {
  :-webkit-any(.about-us-page, .page-be-host, .faq-dashboard) .all-faq-section .header-section-faq .title-section {
    font-size: 22px;
  }

  :-moz-any(.about-us-page, .page-be-host, .faq-dashboard) .all-faq-section .header-section-faq .title-section {
    font-size: 22px;
  }

  :is(.about-us-page, .page-be-host, .faq-dashboard) .all-faq-section .header-section-faq .title-section {
    font-size: 22px;
  }

  :-webkit-any(.about-us-page, .page-be-host) .custom-search-input-shared {
    width: 100%;
  }

  :-moz-any(.about-us-page, .page-be-host) .custom-search-input-shared {
    width: 100%;
  }

  :is(.about-us-page, .page-be-host) .custom-search-input-shared {
    width: 100%;
  }

  .about-us-page .title-faq-accordion {
    color: #000;
  }

  .aboutus .banner-about .main-title-about {
    flex-direction: column;
  }

  .aboutus .banner-about .all-banner-about {
    padding-top: 32px;
  }

  .aboutus .banner-about .icon-image {
    margin-bottom: 7px;
    rotate: -90deg;
  }

  .aboutus .banner-about .image-banner-about img {
    width: 100% !important;
  }

  .aboutus .header-about-section .icon-image img {
    margin-top: 3px;
    width: 23.44px !important;
  }

  .aboutus .header-about-section .icon-image img, .aboutus .banner-about .icon-image img {
    height: 17px !important;
  }

  .aboutus .banner-about {
    padding-top: 65px;
  }
}

@media screen and (max-width: 345px) {
  .aboutus .banner-about .text-bottom-about {
    margin-top: 120px;
  }
}

/* [project]/src/app/Components/SectionTitleInfo/SectionTitleInfo.css [app-client] (css) */
.section-title-info-style-2 .text {
  color: #000;
  max-width: 900px;
}

@media screen and (max-width: 767px) {
  .section-title-info {
    text-align: center !important;
    justify-content: center !important;
    align-items: center !important;
  }

  .section-title-info-style-2 .text {
    max-width: 100%;
  }

  .top-section-city .section-title-info {
    justify-content: space-between !important;
  }
}

/* [project]/src/app/(website)/faq/Components/AllFaq/AllFaq.css [app-client] (css) */
.all-faq-section .header-section-faq .title-section {
  font-size: 26px;
}

.all-faq-section .section-title-info {
  gap: 0;
}

.search-faq .search-input {
  border-color: #e8e7e7 !important;
  border-radius: 14px !important;
  padding: 17px 47px 17px 0 !important;
}

.search-faq .search-input::placeholder {
  font-weight: 600;
  color: #76797e !important;
}

.search-faq .icon-search {
  right: 23px;
}

@media screen and (max-width: 550px) {
  .all-faq-section .section-title-info .text {
    font-size: 15px;
    font-weight: 700;
  }

  .search-faq .search-input {
    padding: 17px 47px 17px 0 !important;
  }

  .search-faq .icon-search {
    color: #a8a8a8;
    font-size: 18px;
    right: 19px;
  }

  .faq-new {
    display: none;
  }

  .page-be-host .all-faq-section .title-faq-accordion {
    color: #1d1929;
  }

  .page-be-host .search-faq .icon-search {
    right: 22px;
  }
}

@media screen and (max-width: 450px) {
  .all-faq-section .section-title-info .text {
    font-size: 13px;
    font-weight: 800;
  }

  .all-faq-section .header-section-faq .title-section {
    font-size: 23px;
  }
}

/* [project]/src/app/(website)/about/Components/BannerAbout/BannerAbout.css [app-client] (css) */
@media screen and (max-width: 575px) {
  body > div.website-page.flex.flex-col.min-h-\[100vh\].relative > main > div > div > div > div.cards-about-section.padding-section > div.all-cards-about.flex.flex-col-reverse.sm\:grid.grid-cols-1.sm\:grid-cols-2.lg\:grid-cols-3.gap-4 > div:nth-child(3) > div.info-card-about-details > p {
    width: 190px;
  }
}

/*# sourceMappingURL=src_app_3d0bd0e1._.css.map*/