section.banner {
  min-height: clamp(28.25rem, 8.3349rem + 41.5438vw, 58.1875rem);

  background-position: center;

  background-size: cover;

  background-repeat: no-repeat;

  position: relative;

  padding: 49px 0;
  position: relative;
  overflow: hidden;
  background-image: none !important;
  border-bottom-left-radius: 50px;
  border-bottom-right-radius: 50px;
}

section.banner .banner-video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  min-height: 100%;
  object-fit: cover;
  z-index: 0;
  border-bottom-left-radius: 50px;
  border-bottom-right-radius: 50px;
}

section.banner .banner-video iframe {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 177.78vh;
  height: 56.25vw;
  min-width: 100%;
  min-height: 100%;
  transform: translate(-50%, -50%);
  pointer-events: none;
}

section.banner .banner::before {
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.35);
  z-index: 1;
}

section.banner .banner > .container-fluid,
section.banner .banner > .header {
  position: relative;
  z-index: 2;
}

section.banner .banner-container {
  max-width: 1676px;

  width: 100%;

  height: clamp(27rem, 10.411rem + 34.6054vw, 51.9375rem);

  margin: 0 auto;

  padding: 20px;

  border-radius: 30px;
  background: var(
    --Glass-BG,
    linear-gradient(
      180deg,
      rgba(102, 102, 102, 0.15) 0%,
      rgba(102, 102, 102, 0) 54.52%
    ),
    linear-gradient(
      180deg,
      rgba(153, 153, 153, 0) 50.1%,
      rgba(153, 153, 153, 0.15) 100%
    ),
    rgba(255, 255, 255, 0.1)
  );
  background-blend-mode: plus-lighter, plus-lighter, normal;
  box-shadow:
    1px 0.5px 0 0 rgba(255, 255, 255, 0.6) inset,
    -1px -1px 0 0 rgba(255, 255, 255, 0.4) inset,
    0 0 5px 0 rgba(255, 255, 255, 0.15) inset,
    0 2px 20px 2px rgba(53, 53, 53, 0.05) inset,
    0 2px 30px 0 rgba(0, 0, 0, 0.05),
    0 8px 72px -5px rgba(0, 0, 0, 0.1);
  backdrop-filter: blur(5px);

  align-content: center;

  display: flex;

  flex-direction: column;

  position: relative;
}

section.banner .banner-group {
  max-width: 980px;

  width: 100%;

  margin: auto;
}

section.banner .banner-content {
  margin: 0 auto;

  position: relative;

  padding-inline: 50px;
}

section.banner .heading-content {
  max-width: 806px;

  width: 100%;

  margin: 0 auto;

  margin-bottom: 50px;

  text-align: center;

  padding: 10px 40px;

  position: relative;
}

section.banner .heading-content::before {
  content: "";

  position: absolute;

  left: 0;

  top: 50%;

  transform: translateY(-50%);

  width: 28px;

  height: 150px;

  background: url("../../assets/img/homepage/left_brace.png") no-repeat center;

  background-size: contain;
}

section.banner .heading-content::after {
  content: "";

  position: absolute;

  right: 0;

  top: 50%;

  transform: translateY(-50%);

  width: 28px;

  height: 150px;

  background: url("../../assets/img/homepage/right_brace.png") no-repeat center;

  background-size: contain;
}

section.banner .banner-heart {
  position: absolute;

  right: -28px;

  top: -38px;

  height: auto;

  z-index: 0;

  pointer-events: none;

  filter: drop-shadow(2px -1px 10px rgba(255, 255, 255, 0.2));
}

section.banner .search-content {
  width: 100%;
}

/* search bar css */

section.banner .searchform {
  display: flex;

  gap: 10px;
}

section.banner .fg--search {
  position: relative;

  max-width: 720px;

  width: 100%;
}

section.banner .fg--search input {
  width: 100%;

  height: 48px;

  padding: 10px 35px;

  display: block;

  border: 1px solid #fff;

  background: #fff;

  border-radius: 100px;

  font-family: var(--playfair);

  color: #433833;

  font-weight: 400;

  font-size: 16px;

  line-height: 24px;

  outline: none;
}

section.banner .fg--search input::placeholder {
  font-family: var(--playfair);

  color: #433833;

  font-weight: 400;

  font-size: 16px;

  line-height: 24px;
}

section.banner .fg--search div.search-icon {
  background: transparent;

  border: none;

  cursor: pointer;

  display: inline-block;

  font-size: 18px;

  position: absolute;

  top: 0;

  right: 0;

  padding: 10px 35px 10px 10px;

  z-index: 2;

  color: #413f39;
}

section.banner .fg--search div.search-icon svg {
  background-color: white;
}

section.banner form .search-button {
  max-width: 250px;

  width: 100%;
}

section.banner form .search-button .search {
  width: 100%;

  height: 48px;

  padding: 15px 20px;

  border: none;

  outline: none;

  border-radius: 100px;

  color: #fff;

  font-family: var(--poppinsLight);

  font-weight: 600;

  font-size: 16px;

  line-height: 24px;

  display: flex;

  align-items: center;

  justify-content: center;

  cursor: pointer;
}

section.banner .banner_margin {
  margin-top: 103px;
}

/* search bar css end */

/* banner section end */

/* second section */

section.help .help_header {
  max-width: 100%;

  width: 100%;

  margin: 0 auto;

  margin-bottom: 50px;
}

section.help .filter_post {
  display: flex;

  gap: 10px;

  justify-content: center;

  flex-wrap: wrap;
}

section.help .filter_post_item:has(input[value="thinning-hair"]) {
  order: -1;
}

section.help .filter_post .filter_post_item {
  padding: 15px 20px;

  border-radius: 100px;

  cursor: pointer;
}

section.help .filter_post .filter_post_item.is_checked.active,
section.help .filter_post_mobile .filter_post_item.is_checked.active {
  border-radius: 100px;

  background:
    linear-gradient(
      180deg,
      rgba(255, 255, 255, 0.08) 0%,

      rgba(255, 255, 255, 0) 54.52%
    ),
    linear-gradient(
      180deg,
      rgba(255, 255, 255, 0) 50.1%,

      rgba(255, 255, 255, 0.08) 100%
    );

  background-blend-mode: lighten, soft-light;

  box-shadow:
    8px 12px 9px -10px rgba(255, 255, 255, 0.9) inset,
    2px -1px 1px -2px rgba(179, 179, 179, 0.5) inset,
    -2px 1px 1px -2px rgba(179, 179, 179, 0.5) inset,
    -8px -12px 9px -10px rgba(255, 255, 255, 0.9) inset,
    0 4px 8px 0 rgba(0, 0, 0, 0.05);

  backdrop-filter: blur(20px);

  -webkit-backdrop-filter: blur(20px);
}

section.help .filter_post .filter_post_item span {
  color: #fff;

  font-family: var(--worksans);

  font-size: 16px;

  font-weight: 600;

  line-height: 24px;
}

section.help .js-help-posts-section .help_inner {
  position: relative;

  padding: 50px;

  border-radius: 30px;
}

section.help .help_posts_2 {
  margin-top: 50px;
}

section.help .help_posts_header {
  margin-bottom: 50px;
}

section.help .view-all-articles {
  padding: 15px 20px;

  max-width: 200px;

  width: 100%;

  text-align: center;
  font-weight: 400;
}

section.help .help_posts_carousel_wrap {
  position: relative;

  min-height: 260px;
}

section.help .help_posts_carousel {
  transition: opacity 0.3s ease;
}

section.help .help_posts_carousel.is-loading {
  opacity: 0.35;
}

section.help .help_posts_loading {
  position: absolute;

  inset: 0;

  z-index: 5;

  display: flex;

  align-items: center;

  justify-content: center;

  gap: 12px;

  min-height: 180px;

  border-radius: 16px;

  background: rgba(255, 255, 255, 0.72);

  color: #433833;

  font-family: var(--poppinsRegular);

  font-size: 15px;

  font-weight: 600;

  line-height: 1;

  letter-spacing: 0;

  backdrop-filter: blur(10px);

  -webkit-backdrop-filter: blur(10px);
}

section.help .help_posts_loading[hidden] {
  display: none;
}

section.help .help_posts_loading::before {
  content: "";

  width: 22px;

  height: 22px;

  border: 2px solid rgba(67, 56, 51, 0.18);

  border-top-color: #433833;

  border-radius: 50%;

  animation: help-loading-spin 0.8s linear infinite;
}

@keyframes help-loading-spin {
  to {
    transform: rotate(360deg);
  }
}

section.help .js-help-posts-section .nav-button .prev,
section.help .js-help-posts-section .nav-button .next {
  border: none;

  outline: none;

  /* background-color: transparent; */

  padding: 0;

  width: 50px;

  height: 50px;

  display: inline-flex;

  align-items: center;

  justify-content: center;
}

section.help .nav-dots-mobile {
  display: none;

  align-items: center;

  justify-content: center;

  gap: 10px;

  min-height: 12px;

  margin-top: 24px;
}

section.help .nav-dots-mobile .owl-dot {
  width: 10px;

  height: 10px;

  padding: 0;

  border: 1px solid #fff;

  border-radius: 50%;

  background: #fff;
}

section.help .nav-dots-mobile .owl-dot span {
  display: none;
}

section.help .nav-dots-mobile .owl-dot.active {
  background: #d9d9d9;

  border-color: #d9d9d9;

  /* transform: scale(1.2); */
}

section.help .filter_post_mobile {
  padding: 20px;
}

section.help .filter_post_mobile .filter_post_toggle {
  display: flex;

  justify-content: space-between;

  align-items: center;

  gap: 20px;

  padding: 0;

  border: none;

  outline: none;

  width: 100%;

  background: transparent;
}

section.help .filter_post_mobile .filter_post_toggle span {
  color: #fff;

  font-family: var(--poppinsRegular);

  font-size: 12px;

  font-style: normal;

  font-weight: 600;

  line-height: 20px;
}

section.help .filter_post_mobile .filter_post_panel {
  margin-top: 30px;
}

section.help .filter_post_mobile .filter_post_options {
  display: flex;

  flex-direction: column;

  gap: 10px;
}

section.help .filter_post_mobile .filter_post_item {
  padding: 15px 20px;

  text-align: center;
}

section.help .filter_post_mobile .filter_post_item span {
  font-family: var(--poppinsRegular);

  font-size: 14px;

  font-style: normal;

  font-weight: 600;

  line-height: 20px;
}

section.help .filter_post_mobile div.hr {
  height: 1px;

  background: linear-gradient(
    90deg,
    rgba(255, 255, 255, 0) 0%,

    rgba(255, 255, 255, 0.5) 50%,

    rgba(255, 255, 255, 0) 100%
  );

  margin: 30px 0;
}

section.help .filter_post_mobile .filter_post_apply {
  color: #fff;

  font-family: var(--poppinsRegular);

  font-size: 12px;

  font-style: normal;

  font-weight: 600;

  line-height: 20px;

  border: none;

  outline: none;

  padding: 15px 20px;

  border-radius: 100px;

  width: 100%;
}

/* card styling */

section.help .help_card {
  padding: 0 0 33px 0;

  border-radius: 24px;

  transition: 0.3s ease-in-out;

  -webkit-transition: 0.3s ease-in-out;
}

section.help .help_card .post_image {
  overflow: hidden;

  border-radius: 20px 20px 0 0;

  height: 241px;
}

section.help .help_card .post_image img {
  width: 100%;

  height: 100%;

  object-fit: cover;

  transition: 0.3s ease-in-out;

  -webkit-transition: 0.3s ease-in-out;
}

section.help .help_card a {
  font-family: var(--worksans);
  display: flex;
  gap: 10px;
  font-size: 20px;
  line-height: 24px;
  font-weight: 600;
}

section.help .help_card:hover .post_image img {
  transform: scale(1.1);
}

section.help .help_card .post_link .icon {
  transition: transform 0.3s ease;
}

section.help .help_card:hover .post_link .icon {
  transform: translateX(8px);
}

/* card styling end */

/* end second section */

/* why choose */

section.why_choose .why_choose_text {
  padding: 50px;

  max-width: 771px;

  width: 100%;

  align-content: center;
}

section.why_choose .why_choose_image {
  max-width: 777px;

  width: 100%;

  position: relative;

  border-radius: 30px;

  overflow: hidden;
}

section.why_choose .why_choose_image img.main_img {
  border-radius: 30px;

  object-fit: cover;

  height: 100%;

  width: 100%;
}

section.why_choose .why_choose_image {
  position: relative;
}

section.why_choose .why_choose_image img.fcc_logo {
  position: absolute;
  top: 16px;
  left: 16px;

  width: 150px; /* adjust as needed */
  height: auto;

  z-index: 2;
}

section.why_choose .play_icon {
  width: 50px;

  height: 50px;

  border-radius: 100px;

  display: flex;

  align-items: center;

  justify-content: center;

  position: absolute;

  top: 50%;

  left: 50%;

  transform: translate(-50%, -50%);
}

section.why_choose .why_choose_text .view_more {
  padding: 15px 20px;

  display: block;

  max-width: fit-content;
}

section.why_choose .stats {
  padding: 50px;

  display: grid;

  grid-template-columns: repeat(4, 1fr);

  text-align: center;
}

section.why_choose .stats .stat_number {
  font-size: 55px;

  font-style: normal;

  font-weight: 400;

  line-height: 55px;
}

section.why_choose .stats .stat_title {
  font-size: 25px;

  font-style: normal;

  font-weight: 400;

  line-height: 30px;
}

section.why_choose .stats .stat_item {
  position: relative;

  padding: 0 50px;
}

section.why_choose .stats .stat_item:first-child {
  padding-left: 0;
}

section.why_choose .stats .stat_item:last-child {
  padding-right: 0;
}

section.why_choose .stats .stat_item:not(:last-child)::after {
  content: "";

  position: absolute;

  top: 0;

  right: 0;

  width: 1px;

  height: 100%;

  background: linear-gradient(
    180deg,
    rgba(255, 255, 255, 0) 0%,

    rgba(255, 255, 255, 0.5) 50%,

    rgba(255, 255, 255, 0) 100%
  );
}

div.why_choose_video_modal .why_choose_video_embed {
  width: 100%;

  aspect-ratio: 16 / 9;
}

div.why_choose_video_modal .why_choose_video_embed iframe,
div.why_choose_video_modal .why_choose_video_embed video {
  display: block;

  width: 100%;

  height: 100%;

  border-radius: 20px;
}

div.why_choose_video_modal .modal-header,
div.why_choose_video_modal .modal-body {
  padding: 20px;
}

/* why choose end */

/* faqs */

section.faq .faq_content {
  padding: 50px;
}

section.faq .faq_flex {
  gap: 60px;
}

section.faq .faq_title {
  align-content: center;
}

section.faq .faq_link {
  padding: 15px 20px;

  max-width: 202px;

  width: 100%;

  text-align: center;

  display: block;
}

section.faq .faq_title div.hr {
  height: 1px;

  background: linear-gradient(
    90deg,
    rgba(255, 255, 255, 0) 0%,

    rgba(255, 255, 255, 0.5) 50%,

    rgba(255, 255, 255, 0) 100%
  );

  margin: 25px 0;
}

section.faq .faq_accordion {
  max-width: 960px;

  width: 100%;
}

section.faq .faq_content .accordion-button {
  padding: 0;

  background: transparent;

  border: none;

  outline: none;

  border-radius: 0;

  color: white;

  box-shadow: none;

  font-size: unset;
}

section.faq .faq_content .accordion-button::after {
  display: none;
}

section.faq .faq_content .accordion-button .faq_accordion_icon {
  flex-shrink: 0;

  margin-left: auto;

  transition: transform 0.3s ease;
}

section.faq .faq_content .accordion-button.collapsed .faq_accordion_icon {
  transform: rotate(180deg);
}

section.faq .faq_content .accordion-item {
  padding: 30px;

  border-radius: 30px !important;
}

section.faq .faq_content .accordion-body {
  padding: 0;

  color: white;
}

section.faq .faq_content .accordion-body div.hr {
  height: 1px;

  background: linear-gradient(
    90deg,
    rgba(255, 255, 255, 0) 0%,

    rgba(255, 255, 255, 0.5) 50%,

    rgba(255, 255, 255, 0) 100%
  );

  margin: 20px 0;
}

/* faqs end */

/* introductory  */

section.introductory .introductory_inner {
  position: relative;

  padding: 50px;

  border-radius: 30px;
}

section.introductory .introductory_posts_header {
  margin-bottom: 50px;
}

section.introductory .view-all-articles {
  padding: 15px 20px;

  max-width: 200px;

  width: 100%;

  text-align: center;

  display: block;

  margin: auto;
}

section.introductory .introductory_posts_carousel_wrap {
  position: relative;

  min-height: 260px;
}

section.introductory .introductory_posts_carousel {
  transition: opacity 0.3s ease;
}

section.introductory .nav-button .prev,
section.introductory .nav-button .next {
  border: none;

  outline: none;

  /* background-color: transparent; */

  padding: 0;

  width: 50px;

  height: 50px;

  display: inline-flex;

  align-items: center;

  justify-content: center;
}

section.introductory .nav-dots-mobile {
  display: none;

  align-items: center;

  justify-content: center;

  gap: 10px;

  min-height: 12px;

  margin-top: 24px;
}

section.introductory .nav-dots-mobile .owl-dot {
  width: 10px;

  height: 10px;

  padding: 0;

  border: 1px solid #fff;

  border-radius: 50%;

  background: #fff;
}

section.introductory .nav-dots-mobile .owl-dot span {
  display: none;
}

section.introductory .nav-dots-mobile .owl-dot.active {
  background: #d9d9d9;

  border-color: #d9d9d9;
}

section.introductory .help_card {
  padding: 0 0 33px 0;

  border-radius: 24px;

  transition: 0.3s ease-in-out;

  -webkit-transition: 0.3s ease-in-out;
}

section.introductory .help_card .post_image {
  overflow: hidden;

  border-radius: 20px 20px 0 0;

  height: 241px;
}

section.introductory .help_card .post_image img {
  width: 100%;

  height: 100%;

  object-fit: cover;

  transition: 0.3s ease-in-out;

  -webkit-transition: 0.3s ease-in-out;
}

section.introductory .help_card a {
  font-family: var(--poppinsLight);

  display: flex;

  gap: 10px;
}

section.introductory .help_card:hover .post_image img {
  transform: scale(1.1);
}

section.introductory .help_card .post_link .icon {
  transition: transform 0.3s ease;
}

section.introductory .help_card:hover .post_link .icon {
  transform: translateX(8px);
}

/* introductory end */

/* contact */

section.contact .contact_content {
  align-items: stretch;
}

/* section.contact .contact_form,

section.contact .contact_image {

    flex: 1 1 50%;

} */

section.contact .contact_form {
  padding: 50px;

  max-width: 773px;

  width: 100%;
}

section.contact .contact_description p:last-child {
  margin-bottom: 0;
}

section.contact .contact_form .fcc-cf7-header {
  display: none;
}

section.contact .contact_form .wpcf7-form {
  display: flex;

  flex-direction: column;

  /* gap: 20px; */
}

section.contact .contact_form .wpcf7-form p {
  margin: 0;
}

section.contact .contact_form .fcc-cf7-row {
  display: grid;

  grid-template-columns: repeat(2, minmax(0, 1fr));

  gap: 20px;

  margin-bottom: 20px;
}

section.contact .contact_form .fcc-cf7-row:last-child {
  margin-bottom: 0;
}

section.contact .contact_form .fcc-cf7-field-full,
section.contact .contact_form .fcc-cf7-label {
  grid-column: 1 / -1;
}

section.contact .contact_form .fcc-cf7-label {
  color: #fff;

  font-family: var(--poppinsRegular);

  font-size: 16px;

  font-weight: 400;

  line-height: 24px;
}

section.contact .contact_form .wpcf7-form-control-wrap {
  display: block;

  width: 100%;

  position: relative;
}

section.contact .contact_form input:not([type="submit"]),
section.contact .contact_form select,
section.contact .contact_form textarea {
  display: block;

  width: 100%;

  min-height: 50px;

  padding: 13px 20px;

  border: none;

  outline: none;

  border-radius: 100px;

  color: #fff;

  font-family: var(--poppinsRegular);

  font-size: 16px;

  font-weight: 400;

  line-height: 24px;

  background:
    linear-gradient(
      180deg,
      rgba(255, 255, 255, 0.08) 0%,

      rgba(255, 255, 255, 0) 54.52%
    ),
    linear-gradient(
      180deg,
      rgba(255, 255, 255, 0) 50.1%,

      rgba(255, 255, 255, 0.08) 100%
    );

  background-blend-mode: lighten, soft-light;

  box-shadow:
    8px 12px 9px -10px rgba(255, 255, 255, 0.9) inset,
    2px -1px 1px -2px rgba(179, 179, 179, 0.5) inset,
    -2px 1px 1px -2px rgba(179, 179, 179, 0.5) inset,
    -8px -12px 9px -10px rgba(255, 255, 255, 0.9) inset,
    0 4px 8px 0 rgba(0, 0, 0, 0.05);

  backdrop-filter: blur(20px);

  -webkit-backdrop-filter: blur(20px);

  transition: 0.3s ease-in-out;

  -webkit-transition: 0.3s ease-in-out;
}

section.contact .contact_form select[name="your-branch"] {
  padding-right: 50px;

  background-image:
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='9' height='6' viewBox='0 0 9 6' fill='none'%3E%3Cpath d='M4.243 5.656L0 1.414L1.415 0L4.243 2.828L7.071 0L8.486 1.414L4.243 5.656Z' fill='white'/%3E%3C/svg%3E"),
    linear-gradient(
      180deg,
      rgba(255, 255, 255, 0.08) 0%,

      rgba(255, 255, 255, 0) 54.52%
    ),
    linear-gradient(
      180deg,
      rgba(255, 255, 255, 0) 50.1%,

      rgba(255, 255, 255, 0.08) 100%
    );

  background-position:
    right 20px center,
    0 0,
    0 0;

  background-repeat: no-repeat, no-repeat, no-repeat;

  background-size:
    9px 6px,
    auto,
    auto;
}

section.contact .contact_form input[type="date"],
section.contact .contact_form input[name="preferred-date"],
section.contact .contact_form input[name="your-date"] {
  padding-right: 54px;

  background-image:
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Cpath d='M6.45825 2.08398C6.45825 1.91822 6.39241 1.75925 6.2752 1.64204C6.15799 1.52483 5.99902 1.45898 5.83325 1.45898C5.66749 1.45898 5.50852 1.52483 5.39131 1.64204C5.2741 1.75925 5.20825 1.91822 5.20825 2.08398V3.40065C4.00826 3.49648 3.22159 3.73148 2.64326 4.31065C2.06409 4.88898 1.82909 5.67648 1.73242 6.87565H18.2674C18.1708 5.67565 17.9358 4.88898 17.3566 4.31065C16.7783 3.73148 15.9908 3.49648 14.7916 3.39982V2.08398C14.7916 1.91822 14.7257 1.75925 14.6085 1.64204C14.4913 1.52483 14.3323 1.45898 14.1666 1.45898C14.0008 1.45898 13.8419 1.52483 13.7246 1.64204C13.6074 1.75925 13.5416 1.91822 13.5416 2.08398V3.34482C12.9874 3.33398 12.3658 3.33398 11.6666 3.33398H8.33325C7.63409 3.33398 7.01242 3.33398 6.45825 3.34482V2.08398Z' fill='white'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M1.6665 10C1.6665 9.30083 1.6665 8.67917 1.67734 8.125H18.3223C18.3332 8.67917 18.3332 9.30083 18.3332 10V11.6667C18.3332 14.8092 18.3332 16.3808 17.3565 17.3567C16.3798 18.3325 14.809 18.3333 11.6665 18.3333H8.33317C5.19067 18.3333 3.619 18.3333 2.64317 17.3567C1.66734 16.38 1.6665 14.8092 1.6665 11.6667V10ZM14.1665 11.6667C14.3875 11.6667 14.5995 11.5789 14.7558 11.4226C14.912 11.2663 14.9998 11.0543 14.9998 10.8333C14.9998 10.6123 14.912 10.4004 14.7558 10.2441C14.5995 10.0878 14.3875 10 14.1665 10C13.9455 10 13.7335 10.0878 13.5772 10.2441C13.421 10.4004 13.3332 10.6123 13.3332 10.8333C13.3332 11.0543 13.421 11.2663 13.5772 11.4226C13.7335 11.5789 13.9455 11.6667 14.1665 11.6667ZM14.1665 15C14.3875 15 14.5995 14.9122 14.7558 14.7559C14.912 14.5996 14.9998 14.3877 14.9998 14.1667C14.9998 13.9457 14.912 13.7337 14.7558 13.5774C14.5995 13.4211 14.3875 13.3333 14.1665 13.3333C13.9455 13.3333 13.7335 13.4211 13.5772 13.5774C13.421 13.7337 13.3332 13.9457 13.3332 14.1667C13.3332 14.3877 13.421 14.5996 13.5772 14.7559C13.7335 14.9122 13.9455 15 14.1665 15ZM10.8332 10.8333C10.8332 11.0543 10.7454 11.2663 10.5891 11.4226C10.4328 11.5789 10.2209 11.6667 9.99984 11.6667C9.77882 11.6667 9.56686 11.5789 9.41058 11.4226C9.2543 11.2663 9.1665 11.0543 9.1665 10.8333C9.1665 10.6123 9.2543 10.4004 9.41058 10.2441C9.56686 10.0878 9.77882 10 9.99984 10C10.2209 10 10.4328 10.0878 10.5891 10.2441C10.7454 10.4004 10.8332 10.6123 10.8332 10.8333ZM10.8332 14.1667C10.8332 14.3877 10.7454 14.5996 10.5891 14.7559C10.4328 14.9122 10.2209 15 9.99984 15C9.77882 15 9.56686 14.9122 9.41058 14.7559C9.2543 14.5996 9.1665 14.3877 9.1665 14.1667C9.1665 13.9457 9.2543 13.7337 9.41058 13.5774C9.56686 13.4211 9.77882 13.3333 9.99984 13.3333C10.2209 13.3333 10.4328 13.4211 10.5891 13.5774C10.7454 13.7337 10.8332 13.9457 10.8332 14.1667ZM5.83317 11.6667C6.05418 11.6667 6.26615 11.5789 6.42243 11.4226C6.57871 11.2663 6.6665 11.0543 6.6665 10.8333C6.6665 10.6123 6.57871 10.4004 6.42243 10.2441C6.26615 10.0878 6.05418 10 5.83317 10C5.61216 10 5.4002 10.0878 5.24392 10.2441C5.08763 10.4004 4.99984 10.6123 4.99984 10.8333C4.99984 11.0543 5.08763 11.2663 5.24392 11.4226C5.4002 11.5789 5.61216 11.6667 5.83317 11.6667ZM5.83317 15C6.05418 15 6.26615 14.9122 6.42243 14.7559C6.57871 14.5996 6.6665 14.3877 6.6665 14.1667C6.6665 13.9457 6.57871 13.7337 6.42243 13.5774C6.26615 13.4211 6.05418 13.3333 5.83317 13.3333C5.61216 13.3333 5.4002 13.4211 5.24392 13.5774C5.08763 13.7337 4.99984 13.9457 4.99984 14.1667C4.99984 14.3877 5.08763 14.5996 5.24392 14.7559C5.4002 14.9122 5.61216 15 5.83317 15Z' fill='white'/%3E%3C/svg%3E"),
    linear-gradient(
      180deg,
      rgba(255, 255, 255, 0.08) 0%,

      rgba(255, 255, 255, 0) 54.52%
    ),
    linear-gradient(
      180deg,
      rgba(255, 255, 255, 0) 50.1%,

      rgba(255, 255, 255, 0.08) 100%
    );

  background-position:
    right 20px center,
    0 0,
    0 0;

  background-repeat: no-repeat, no-repeat, no-repeat;

  background-size:
    20px 20px,
    auto,
    auto;
}

section.contact .contact_form select[name="preferred-time"],
section.contact .contact_form select[name="your-time"] {
  padding-right: 54px;

  background-image:
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Cpath d='M9.99984 1.66602C14.6023 1.66602 18.3332 5.39685 18.3332 9.99935C18.3332 14.6018 14.6023 18.3327 9.99984 18.3327C5.39734 18.3327 1.6665 14.6018 1.6665 9.99935C1.6665 5.39685 5.39734 1.66602 9.99984 1.66602ZM9.99984 4.99935C9.77882 4.99935 9.56686 5.08715 9.41058 5.24343C9.2543 5.39971 9.1665 5.61167 9.1665 5.83268V9.99935C9.16655 10.2203 9.25438 10.4323 9.41067 10.5885L11.9107 13.0885C12.0678 13.2403 12.2783 13.3243 12.4968 13.3224C12.7153 13.3205 12.9243 13.2329 13.0789 13.0784C13.2334 12.9239 13.321 12.7148 13.3229 12.4963C13.3248 12.2779 13.2408 12.0674 13.089 11.9102L10.8332 9.65435V5.83268C10.8332 5.61167 10.7454 5.39971 10.5891 5.24343C10.4328 5.08715 10.2209 4.99935 9.99984 4.99935Z' fill='white'/%3E%3C/svg%3E"),
    linear-gradient(
      180deg,
      rgba(255, 255, 255, 0.08) 0%,

      rgba(255, 255, 255, 0) 54.52%
    ),
    linear-gradient(
      180deg,
      rgba(255, 255, 255, 0) 50.1%,

      rgba(255, 255, 255, 0.08) 100%
    );

  background-position:
    right 20px center,
    0 0,
    0 0;

  background-repeat: no-repeat, no-repeat, no-repeat;

  background-size:
    20px 20px,
    auto,
    auto;
}

section.contact
  .contact_form
  input[type="date"]::-webkit-calendar-picker-indicator {
  opacity: 0;

  cursor: pointer;
}

.fcc-contact-datepicker {
  z-index: 10 !important;

  width: 100%;

  max-width: 100vw;

  padding: 15px;

  border: 1px solid rgba(255, 255, 255, 0.45);

  border-radius: 20px;

  box-sizing: border-box;

  color: #fff;

  font-family: var(--worksans);

  background:
    linear-gradient(
      180deg,
      rgba(255, 255, 255, 0.08) 0%,
      rgba(255, 255, 255, 0) 54.52%
    ),
    linear-gradient(
      180deg,
      rgba(255, 255, 255, 0) 50.1%,
      rgba(255, 255, 255, 0.08) 100%
    );
  background-blend-mode: lighten, soft-light;
  box-shadow:
    8px 12px 9px -10px rgba(255, 255, 255, 0.9) inset,
    2px -1px 1px -2px rgba(179, 179, 179, 0.5) inset,
    -2px 1px 1px -2px rgba(179, 179, 179, 0.5) inset,
    -8px -12px 9px -10px rgba(255, 255, 255, 0.9) inset,
    0 4px 8px 0 rgba(0, 0, 0, 0.05);
  backdrop-filter: blur(20px);

  -webkit-backdrop-filter: blur(20px);
}

.fcc-contact-datepicker .ui-datepicker-header {
  display: flex;

  align-items: center;

  justify-content: space-between;

  margin-bottom: 12px;
}

.fcc-contact-datepicker .ui-datepicker-title {
  order: 2;

  flex: 1;

  color: #fff;

  font-size: 14px;

  font-weight: 600;

  line-height: 20px;

  text-align: center;
}

.fcc-contact-datepicker .ui-datepicker-prev,
.fcc-contact-datepicker .ui-datepicker-next {
  order: 1;

  width: 30px;

  height: 30px;

  border-radius: 100px;

  color: transparent;

  cursor: pointer;

  position: relative;
}

.fcc-contact-datepicker .ui-datepicker-next {
  order: 3;
}

.fcc-contact-datepicker .ui-datepicker-prev::before,
.fcc-contact-datepicker .ui-datepicker-next::before {
  content: "";

  position: absolute;

  inset: 0;

  margin: auto;

  width: 8px;

  height: 8px;

  border-top: 2px solid #fff;

  border-left: 2px solid #fff;
}

.fcc-contact-datepicker .ui-datepicker-prev::before {
  transform: rotate(-45deg);
}

.fcc-contact-datepicker .ui-datepicker-next::before {
  transform: rotate(135deg);
}

.fcc-contact-datepicker table {
  width: 100%;

  border-collapse: collapse;

  table-layout: fixed;
}

.fcc-contact-datepicker th,
.fcc-contact-datepicker td {
  width: 14.285%;

  padding: 4px 2px;

  text-align: center;
}

.fcc-contact-datepicker th {
  color: rgba(255, 255, 255, 0.8);

  font-size: 11px;

  font-weight: 600;

  line-height: 16px;
}

.fcc-contact-datepicker td a,
.fcc-contact-datepicker td span {
  display: flex;

  align-items: center;

  justify-content: center;

  width: min(30px, 100%);

  height: 30px;

  margin: 0 auto;

  border-radius: 100px;

  color: #fff;

  font-size: 12px;

  line-height: 1;

  text-decoration: none;
}

.fcc-contact-datepicker td a:hover,
.fcc-contact-datepicker .ui-datepicker-current-day a {
  background: rgba(255, 255, 255, 0.22);

  box-shadow:
    7px 12px 5px -9px rgba(255, 255, 255, 0.9) inset,
    -7px -12px 5px -9px rgba(255, 255, 255, 0.9) inset;
}

.fcc-contact-datepicker .ui-datepicker-unselectable span {
  color: rgba(255, 255, 255, 0.35);
}

section.contact .contact_form input:not([type="submit"]):hover,
section.contact .contact_form select:hover,
section.contact .contact_form textarea:hover {
  background-color: rgba(255, 255, 255, 0.18);

  box-shadow:
    7px 12px 5px -9px rgba(255, 255, 255, 0.9) inset,
    2px -1px 5px -2px rgba(255, 255, 255, 0.8) inset,
    -2px 1px 5px -2px rgba(255, 255, 255, 0.8) inset,
    -7px -12px 5px -9px rgba(255, 255, 255, 0.9) inset;

  backdrop-filter: blur(20px);
}

section.contact .contact_form textarea {
  min-height: 140px;

  border-radius: 20px;

  resize: vertical;
}

section.contact .contact_form select {
  appearance: none;

  -webkit-appearance: none;
}

/* Native select remains in the form for CF7, while JS renders the visible glass UI. */
section.contact .contact_form select.fcc-native-select-hidden {
  position: absolute;
  inset: 0;
  z-index: 0;
  opacity: 0;
  pointer-events: none;
}

section.contact .contact_form .fcc-glass-select {
  position: relative;
  z-index: 1;
  width: 100%;
}

/* Rounded glass trigger shown in place of the browser select control. */
section.contact .contact_form .fcc-glass-select__button {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  min-height: 50px;
  padding: 13px 54px 13px 20px;
  border: none;
  outline: none;
  border-radius: 100px;
  color: #fff;
  font-family: var(--poppinsRegular);
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  text-align: left;
  cursor: pointer;
  background:
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='9' height='6' viewBox='0 0 9 6' fill='none'%3E%3Cpath d='M4.243 5.656L0 1.414L1.415 0L4.243 2.828L7.071 0L8.486 1.414L4.243 5.656Z' fill='white'/%3E%3C/svg%3E")
      right 20px center / 9px 6px no-repeat,
    linear-gradient(
      180deg,
      rgba(255, 255, 255, 0.08) 0%,
      rgba(255, 255, 255, 0) 54.52%
    ),
    linear-gradient(
      180deg,
      rgba(255, 255, 255, 0) 50.1%,
      rgba(255, 255, 255, 0.08) 100%
    );
  background-blend-mode: normal, lighten, soft-light;
  box-shadow:
    8px 12px 9px -10px rgba(255, 255, 255, 0.9) inset,
    2px -1px 1px -2px rgba(179, 179, 179, 0.5) inset,
    -2px 1px 1px -2px rgba(179, 179, 179, 0.5) inset,
    -8px -12px 9px -10px rgba(255, 255, 255, 0.9) inset,
    0 4px 8px 0 rgba(0, 0, 0, 0.05);
  backdrop-filter: blur(20px);
  -webkit-backdrop-filter: blur(20px);
  transition: 0.3s ease-in-out;
}

/* Time selects use the clock icon instead of the generic dropdown chevron. */
section.contact
  .contact_form
  .fcc-glass-select[data-select-name="preferred-time"]
  .fcc-glass-select__button,
section.contact
  .contact_form
  .fcc-glass-select[data-select-name="your-time"]
  .fcc-glass-select__button {
  background:
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Cpath d='M9.99984 1.66602C14.6023 1.66602 18.3332 5.39685 18.3332 9.99935C18.3332 14.6018 14.6023 18.3327 9.99984 18.3327C5.39734 18.3327 1.6665 14.6018 1.6665 9.99935C1.6665 5.39685 5.39734 1.66602 9.99984 1.66602ZM9.99984 4.99935C9.77882 4.99935 9.56686 5.08715 9.41058 5.24343C9.2543 5.39971 9.1665 5.61167 9.1665 5.83268V9.99935C9.16655 10.2203 9.25438 10.4323 9.41067 10.5885L11.9107 13.0885C12.0678 13.2403 12.2783 13.3243 12.4968 13.3224C12.7153 13.3205 12.9243 13.2329 13.0789 13.0784C13.2334 12.9239 13.321 12.7148 13.3229 12.4963C13.3248 12.2779 13.2408 12.0674 13.089 11.9102L10.8332 9.65435V5.83268C10.8332 5.61167 10.7454 5.39971 10.5891 5.24343C10.4328 5.08715 10.2209 4.99935 9.99984 4.99935Z' fill='white'/%3E%3C/svg%3E")
      right 20px center / 20px 20px no-repeat,
    linear-gradient(
      180deg,
      rgba(255, 255, 255, 0.08) 0%,
      rgba(255, 255, 255, 0) 54.52%
    ),
    linear-gradient(
      180deg,
      rgba(255, 255, 255, 0) 50.1%,
      rgba(255, 255, 255, 0.08) 100%
    );
}

section.contact .contact_form .fcc-glass-select__button:hover,
section.contact .contact_form .fcc-glass-select__button:focus-visible,
section.contact
  .contact_form
  .fcc-glass-select.is-open
  .fcc-glass-select__button {
  background-color: rgba(255, 255, 255, 0.18);
  box-shadow:
    7px 12px 5px -9px rgba(255, 255, 255, 0.9) inset,
    2px -1px 5px -2px rgba(255, 255, 255, 0.8) inset,
    -2px 1px 5px -2px rgba(255, 255, 255, 0.8) inset,
    -7px -12px 5px -9px rgba(255, 255, 255, 0.9) inset;
}

section.contact .contact_form .fcc-glass-select__button.is-placeholder {
  color: rgba(255, 255, 255, 0.9);
}

section.contact .contact_form .fcc-glass-select__value {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/* Open dropdown panel is detached to body and positioned by JS like a submenu layer. */
.fcc-glass-select__menu {
  position: absolute;
  z-index: 10;
  max-height: 330px;
  padding: 9px;
  overflow-y: auto;
  border: 1px solid rgba(255, 255, 255, 0.45);
  border-radius: 20px;
  background: rgba(184, 198, 149, 0.7);
  background:
    linear-gradient(
      180deg,
      rgba(255, 255, 255, 0.08) 0%,
      rgba(255, 255, 255, 0) 54.52%
    ),
    linear-gradient(
      180deg,
      rgba(255, 255, 255, 0) 50.1%,
      rgba(255, 255, 255, 0.08) 100%
    );
  background-blend-mode: lighten, soft-light;
  box-shadow:
    8px 12px 9px -10px rgba(255, 255, 255, 0.9) inset,
    2px -1px 1px -2px rgba(179, 179, 179, 0.5) inset,
    -2px 1px 1px -2px rgba(179, 179, 179, 0.5) inset,
    -8px -12px 9px -10px rgba(255, 255, 255, 0.9) inset,
    0 4px 8px 0 rgba(0, 0, 0, 0.05);
  backdrop-filter: blur(20px);
  -webkit-backdrop-filter: blur(20px);
}

.fcc-glass-select__menu[hidden] {
  display: none;
}

/* Individual choices are buttons so the menu can be styled consistently across browsers. */
.fcc-glass-select__option {
  display: flex;
  align-items: center;
  width: 100%;
  min-height: 40px;
  padding: 8px 12px;
  border: 0;
  border-radius: 14px;
  color: #fff;
  font-family: var(--poppinsRegular);
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  text-align: left;
  background: transparent;
  cursor: pointer;
}

.fcc-glass-select__option:hover,
.fcc-glass-select__option:focus-visible,
.fcc-glass-select__option.is-selected {
  color: #fff;
  background: rgba(255, 255, 255, 0.2);
  box-shadow:
    7px 12px 5px -9px rgba(255, 255, 255, 0.9) inset,
    -7px -12px 5px -9px rgba(255, 255, 255, 0.9) inset;
}

.fcc-glass-select__option:disabled {
  color: rgba(255, 255, 255, 0.5);
  cursor: not-allowed;
}

section.contact .contact_form select option {
  color: #433833;
}

section.contact .contact_form input::placeholder,
section.contact .contact_form textarea::placeholder {
  color: rgba(255, 255, 255, 0.9);

  opacity: 1;
}

section.contact .contact_form select:invalid {
  color: rgba(255, 255, 255, 0.9);
}

section.contact .contact_form input[type="submit"],
section.contact .contact_form button[type="submit"] {
  display: flex;

  align-items: center;

  justify-content: center;

  width: 100%;

  min-height: 50px;

  padding: 13px 20px;

  border: none;

  outline: none;

  border-radius: 100px;

  color: #fff;

  font-family: var(--poppinsRegular);

  font-size: 16px;

  font-weight: 600;

  line-height: 24px;

  cursor: pointer;
}

section.contact .contact_form .wpcf7-spinner {
  margin: 10px auto 0;
}

section.contact .contact_form .wpcf7-not-valid-tip {
  margin-top: 8px;

  color: #fff;

  font-family: var(--poppinsRegular);

  font-size: 12px;

  line-height: 18px;
}

section.contact .contact_form .wpcf7-response-output {
  /* margin: 10px 0 0; */

  margin: 0;

  color: #fff;

  border-color: rgba(255, 255, 255, 0.6);
}

section.contact .contact_image {
  position: relative;

  /* min-height: 595px; */

  overflow: hidden;

  border-radius: 30px;

  max-width: 773px;

  width: 100%;
}

section.contact .contact_image img {
  display: block;

  width: 100%;

  height: 100%;

  object-fit: cover;
}

section.contact .contact_image_overlay {
  position: absolute;

  left: 50%;

  bottom: 30px;

  width: calc(100% - 60px);

  padding: 24px 30px;

  transform: translateX(-50%);

  text-align: center;
}

section.contact .contact_image_overlay h2 {
  line-height: 1;
}

@media (max-width: 1400px) {
  section.why_choose .stats .stat_number {
    font-size: 41px;
  }
}

@media (max-width: 1199px) {
  section.contact .contact_image {
    min-height: 520px;
  }

  section.contact .contact_form,
  section.contact .contact_image {
    max-width: 100%;
  }
}

@media (max-width: 767px) {
  section.contact .contact_form {
    padding: 30px 20px;
  }

  section.contact .contact_form .fcc-cf7-row {
    grid-template-columns: 1fr;
  }

  section.contact .contact_image {
    min-height: 250px;
  }

  section.contact .contact_image_overlay {
    bottom: 20px;

    width: calc(100% - 40px);

    padding: 20px;
  }
}

/* contact end */

@media (max-width: 1199px) {
  section.banner {
    padding: 49px 30px;
  }

  section.banner .banner-heart {
    right: -29px;

    top: -45px;
  }

  section.banner .banner-container {
    flex-direction: column-reverse;
  }

  section.banner .fg--search {
    max-width: 100%;
  }

  section.banner .heading-content {
    margin-bottom: 0;
  }

  section.banner .banner_margin {
    margin-bottom: 79px;

    margin-top: 0;
  }

  section.why_choose .why_choose_image,
  section.why_choose .why_choose_text {
    max-width: 100%;
  }

  section.why_choose .stats {
    grid-template-columns: repeat(2, 1fr);

    row-gap: 30px;
  }

  section.why_choose .stats .stat_item:nth-child(2)::after {
    display: none;
  }

  section.why_choose .stats .stat_item:first-child {
    padding-left: 50px;
  }

  section.why_choose .stats .stat_item:last-child {
    padding-right: 50px;
  }

  section.faq .faq_flex {
    gap: 40px;
  }
}

@media (max-width: 991px) {
  section.help .help_posts_carousel_wrap {
    margin-bottom: 30px;
  }

  section.introductory .introductory_posts_carousel_wrap {
    margin-bottom: 30px;
  }
}

@media (max-width: 767px) {
  section.banner h1 {
    font-size: 25px;
  }
  section.help .help_card a {
    font-size: 15px;
  }
  section.banner {
    padding: 10px;
  }

  section.banner .banner-heart {
    right: -28px;

    top: -47px;
  }

  section.banner .heading-content {
    padding: 10px 20px;
  }

  section.banner .banner-content {
    padding-block: 50px;
  }

  section.banner .search-button {
    display: none;
  }

  section.banner {
    min-height: auto;
  }

  section.banner .banner-container {
    height: auto;
  }

  section.banner .banner_margin {
    margin-bottom: 135px;
  }

  section.banner .search-content {
    margin-top: 75px;
  }

  section.help .help_posts_header {
    margin-bottom: 30px;
  }

  section.help .js-help-posts-section .help_inner {
    padding: 30px 20px;
  }

  section.help .help_posts_carousel_wrap {
    min-height: 220px;
  }

  section.help .help_posts_header h2 {
    text-align: center;
  }

  section.help .view-all-articles {
    max-width: 100%;
  }

  section.help .nav-dots-mobile {
    display: flex;

    margin-bottom: 30px;

    flex-wrap: wrap;
  }

  section.why_choose .stats .stat_item::after {
    display: none;
  }

  section.why_choose .stats {
    grid-template-columns: repeat(1, 1fr);
  }

  section.why_choose .stats .stat_item {
    padding: 0;
  }

  section.why_choose .stats .stat_item:first-child {
    padding-left: 0;
  }

  section.why_choose .stats .stat_item:last-child {
    padding-right: 0;
  }

  section.why_choose .stats .stat_number {
    font-size: 28px;

    line-height: 30px;
  }

  section.why_choose .stats .stat_item img {
    max-width: 30px;

    width: 100%;
  }

  section.why_choose .stats .stat_title {
    font-size: 16px;

    line-height: 24px;
  }

  section.faq .faq_link {
    max-width: 100%;

    width: 100%;

    text-align: center;
  }

  section.faq .faq_content {
    padding: 20px;
  }

  section.introductory .introductory_posts_header {
    margin-bottom: 30px;
  }

  section.introductory .introductory_inner {
    padding: 30px 20px;
  }

  section.introductory .introductory_posts_carousel_wrap {
    min-height: 220px;
  }

  section.introductory .introductory_posts_header h2 {
    text-align: center;
  }

  section.introductory .view-all-articles {
    max-width: 100%;
  }

  section.introductory .nav-dots-mobile {
    display: flex;

    margin-bottom: 30px;

    flex-wrap: wrap;
  }
}

@media (max-width: 575px) {
  section.banner .banner-content {
    padding-inline: 1px;
  }

  section.why_choose .why_choose_text,
  section.why_choose .stats {
    padding: 30px;
  }

  section.why_choose .why_choose_text .view_more {
    max-width: 100%;

    width: 100%;

    text-align: center;
  }
  section.banner .fg--search {
    display: flex;
    align-items: center;
  }

  section.banner .fg--search input {
    flex: 1;
    min-width: 0; /* This is the key */
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }

  section.banner .fg--search .search-icon {
    flex-shrink: 0;
    margin-left: 12px;
  }
}