.section.faqs-switcher {
  padding: 3vw 0;
  position: relative;
}

.section.faqs-switcher.spacing-bottom {
  padding-bottom: 6vw;
}

.section.faqs-switcher .container {
  max-width: 67vw;
  width: 67vw;
  z-index: 2;
  position: relative;
}

.section.faqs-switcher .breadcrumb-with-share .breadcrumb a:after {
  content: "";
  display: inline-block;
  width: 7px;
  height: 13px;
  background-image: url("data:image/svg+xml,%3Csvg class='new-svg-arrow' viewBox='0 0 9 15' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.14062 1L7.49537 7.73465L1.14062 14.4693' stroke='black'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  margin-left: 2px;
}

.section.faqs-switcher>img {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 0;
  width: 23.75vw;
}

.section.faqs-switcher .container .section-faqs-switcher-title {
  color: #414141;
  text-align: center;
  font-style: normal;
  font-weight: 700;
  margin: 0 auto;
  font-size: 2.25vw;
  line-height: 1.2;
}

.section.faqs-switcher .container .section-faqs-switcher-sub-text {
  color: #08B3BE;
  font-size: 1.6875vw;
  font-style: normal;
  font-weight: 400;
  margin: 0 auto 3vw;
}

.section.faqs-switcher .container .section-faqs-switcher-list {
  display: flex;
  flex-direction: column;
  gap: 2.5vw;
}

.section.faqs-switcher .container .section-faqs-switcher-list.mobile {
  display: none;
}

.section.faqs-switcher .container .section-faqs-switcher-list .tabs {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 0.75vw;
}

.section.faqs-switcher .container .section-faqs-switcher-list .tabs .tab-title {
  padding: 0.875vw;
  margin: 0;
  font-size: 1vw;
  font-weight: 400;
  color: #444444;
  background: #fff;
  box-shadow: 0px 2px 2px 0px #00000040;
  transition: .3s all;
  cursor: pointer;
}

.section.faqs-switcher .container .section-faqs-switcher-list .tabs .tab-title.active {
  background-color: #08B3BE;
  color: #ffffff;
}

.section.faqs-switcher .container .section-faqs-switcher-list .discriptions {
  background: #ffffff;
  padding: 2.5vw 1.5625vw;
}

.section.faqs-switcher .container .section-faqs-switcher-list .discriptions a {
  color: var(--light-blue);
}

.section.faqs-switcher .container .section-faqs-switcher-list .discriptions .tab-content {
  color: #444444;
  font-size: 1rem;
  line-height: 1.5vw;
  display: none;
  height: fit-content;
  transition: .3s all;
}

.section.faqs-switcher .container .section-faqs-switcher-list .discriptions .tab-content:first-child {
  display: block;
}

.section.faqs-switcher .container .section-faqs-switcher-list .discriptions .tab-content p {
  margin-top: 0;
}

.section.faqs-switcher .container .section-faqs-switcher-list .discriptions .tab-content p:last-child {
  margin-bottom: 0;
}

.section.faqs-switcher .container .section-faqs-switcher-list .discriptions .tab-content p a {
  text-decoration: underline;
}

.section.faqs-switcher .container .scroll-to-text {
  margin: 3vw auto 0;
  font-size: 1.125vw;
  line-height: 1.3;
  display: flex;
  justify-content: center;
  gap: .5vw;
  align-items: center;
  cursor: pointer;
  position: relative;
}

.section.faqs-switcher .container .scroll-to-text::after,
.section.faqs-switcher .container .scroll-to-text::before {
  content: "";
  display: inline-block;
  height: 16px;
  width: 14px;
  background-image: url(/wp-content/themes/tta/assets/src/images/double-down-arrow.svg);
  background-size: 14px 16px;
  background-repeat: repeat-y;
  background-position: top;
  transition: .3s all;
}

.section.faqs-switcher .container .scroll-to-text:hover::after,
.section.faqs-switcher .container .scroll-to-text:hover::before {
  animation: scrollarrow .8s linear infinite;
}

.section.faqs-switcher .container .section-faqs-switcher-copy {
  background: #ffffff;
  padding: 2.5vw 1.5625vw;
  color: #444444;
  font-size: 16px;
  line-height: 1.5vw;
  height: fit-content;
  margin-bottom: 2vw;
}

.section.faqs-switcher .container .section-faqs-switcher-copy p {
  margin-top: 0;
}

.section.faqs-switcher .container .section-faqs-switcher-copy p:last-child {
  margin-bottom: 0;
}

.section.faqs-switcher .container .section-faqs-switcher-copy p:first-child {
  margin-top: 0;
}

@media screen and (max-width: 767px) {
  .section.faqs-switcher .container .section-faqs-switcher-copy {
    font-size: 14px;
    line-height: 179%;
  }

  .section.faqs-switcher>img {
    display: none;
  }

  .section.faqs-switcher .container .section-faqs-switcher-list.desktop {
    display: none;
  }

  .section.faqs-switcher .container .section-faqs-switcher-list.mobile {
    display: flex;
  }

  .section.faqs-switcher .container .section-faqs-switcher-title {
    font-size: 25px;
    margin: .5rem auto;
    line-height: 1.35;
  }

  .section.faqs-switcher .container .section-faqs-switcher-sub-text {
    font-size: 16px;
    margin: .5rem auto;
    line-height: 1.35;
  }

  .section.faqs-switcher .container {
    width: 92%;
    max-width: 92%;
  }

  .section.faqs-switcher {
    padding: 4.625vw 0 9.375vw;
  }

  .section.faqs-switcher.spacing-bottom {
    padding-bottom: 100px;
  }

  .section.faqs-switcher .breadcrumb .cuurent-page-name {
    max-width: 100%;
  }

  .section.faqs-switcher .container .scroll-to-text {
    font-size: 16px;
    align-items: center;
    gap: .5rem;
  }

  .section.faqs-switcher .container .scroll-to-text::after,
  .section.faqs-switcher .container .scroll-to-text::before {
    width: 12px;
  }
}

@media screen and (min-width: 767px) {
  .section.faqs-switcher .container {
    max-width: 67vw;
    width: 67vw;
    z-index: 2;
    position: relative;
  }
}