.banner {
    position: relative;
    text-align: center;
    color: #333;
  }

  .banner video,
  .banner img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }

  .banner-content {
    position: absolute;
    left: 50%;
    transform: translate(-50%, -50%);
    background: #FAF8ED;
    border: 10px solid #ECE7D8;
    padding: 44px;
    z-index: 100;
  }

  .tabs a {
    margin: 0 5px;
    text-decoration: none;
    color: green;
  }

  .accordion .accordion-toggle {
    background: #f2f2f2;
    border: none;
    width: 100%;
    text-align: left;
    padding: 10px;
    cursor: pointer;
  }

  .accordion .accordion-content {
    display: none;
    padding: 10px;
    background: #fff;
  }

  .accordion .accordion-toggle.active+.accordion-content {
    display: block;
  }

  /*Services */
  .service-info-loop__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-bottom: 66px;
    gap: 20px;
  }



  .service-info-loop__item:nth-last-child(1) {
    margin-bottom: 0;
  }

  @media only screen and (max-width: 767px) {

    /*	.service-info-loop__item:nth-child(even) .service-info-loop__block {
		-webkit-box-ordinal-group: 2;
		-ms-flex-order: 1;
		order: 1;
	}
	.service-info-loop__item:nth-child(even) .service-info-loop__block {
		-webkit-box-ordinal-group: 3;
		-ms-flex-order: 2;
		order: 2;
	}
*/
    .service-info-loop__item {
      flex-direction: column-reverse;
    }

    .service-info-loop__img,
    .service-info-loop__block {
      width: 100%;
    }

    .service-info-loop__block {
      max-width: none;
      padding: 0 12px;
    }

    .service-info-loop__item {
      padding-bottom: 44px;
      margin-bottom: 20px;
      position: relative;
    }

    .service-info-loop__item:before {
      position: absolute;
      bottom: 0;
      left: calc(50% - 7px);
      border-bottom: 6px solid #DDD8CA;
      width: 15px;
      height: 2px;
      content: "";
    }

    .service-info-loop__item:nth-last-child(1) {
      padding-bottom: 0;
    }

    .service-info-loop__item:nth-last-child(1):before {
      content: none;
    }

    .service-info-loop__img,
    .service-info-loop__block {
      width: 100%;
    }

    .service-info-loop .service-info-loop__item:before {
      width: 24px;
      height: 6px;
    }

    section.section-service-gallery {
      margin-bottom: 28px;
    }

    .section-pricing {
      padding-top: 102px;
      padding-bottom: 155px;
    }

    .section-quote .container {
      margin-right: 0;
      margin-left: 0;
      padding-right: 0;
      padding-left: 0;
      max-width: 100%;
    }

    .section-mini-gallery {
      padding: 15px 20px;
      padding-top: var(--space);
    }

    .mini-gallery-block {
      flex: 1 1 100%;
      max-width: 100%;
    }

    .mini-gallery-image img {
      max-width: 100%;
      width: 100%;
    }

    .mini-gallery-text p {
      max-width: 412px;
    }

    .mini-gallery-block:nth-child(2) {
      margin-top: 57px;
    }

    .media-block img,
    .media-block video {
      height: 457px;
    }

    .single-services .section-edu {
      padding-top: 75px;
    }

    .single-services .swiper-edu-center .swiper-slide {
      max-width: 341px;
      min-width: 320px;
    }

    .section-illustration .h_services__grid {
      display: flex;
      flex-direction: column-reverse;
    }

    .section-illustration .h_services__txt {
      display: flex;
      flex-direction: column-reverse;
      margin-right: 44px;
      margin-left: 44px;
    }

    .section-illustration .illustration__desc {
      max-width: 568px;
    }

    .section-illustration .section-hr-white {
      margin: 33px auto 60px;
    }

    .h_services__pic__box {
      width: 570px;
    }

    .single-services .contact-form.section {
      padding-top: 94px;
      padding-bottom: 137px;
    }

    .section-other-services__slide-card {
      padding: 44px 32px;
    }

    .section-other-services__img img {
      aspect-ratio: 1 / 1;
      height: unset;
    }
  }


  .service-info-loop__img {
    width: calc(50% - 10px);
  }

  .section-illustration .h_services__txt {
    grid-column: 2;
  }

  .service-info-loop__img img,
  .service-info-loop__img video {
    width: 100%;
    padding: 8px;
    background: #fff;
  }



  .service-info-loop__block {
    width: calc(50% - 10px);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    max-width: 562px;
    margin: 0 auto;
    text-align: center;
  }

  @media (min-width: 1024px) {
    .service-info-loop .service-info-loop__block {
      max-width: 450px;
    }

    .service-info-loop .service-info-loop__img img,
    .service-info-loop .service-info-loop__img video {
      height: 877px;
    }

    .service-info-loop .service-info-loop__img {
      width: calc(50% - 10px);
    }

    .service_banner img,
    .service_banner video {
      height: 748px;
    }

    .service_banner {
      height: 748px;
      position: relative;
      overflow: hidden;
    }

    section.section-service-gallery {
      margin-bottom: 16px;
    }

    .section-mini-gallery {
      padding: 100px 40px;
    }

    .mini-gallery-text p {
      max-width: 412px;
    }

    .h_services__pic__box {
      width: 560px;
    }

    .contact-form.section {
      padding-bottom: 90px;
    }
  }

  @media only screen and (min-width: 1200px) {
    .section-illustration .illustration__desc {
      max-width: 560px;
    }
  }

  /*.swiper-edu-center .swiper-slide {
  width: 300px; uncomment*/
  /* or any fixed width if you use auto */
  /*}*/
  @media only screen and (max-width: 1200px) {
    .service-info-loop__block {
      max-width: 352px;
    }

    .service-info-loop .service-info-loop__img img,
    .service-info-loop .service-info-loop__img video {
      height: 660px;
    }

    .service-info-loop .service-info-loop__img {
      width: calc(50% - 10px);
    }
  }

  @media (min-width: 768px) and (max-width: 1200px) {
    .section-illustration .illustration__desc {
      max-width: 350px;
    }

    .h_services__pic__box {
      width: 350px;
    }
  }

  @media only screen and (max-width: 1024px) {
    .service-info-loop__item {
      margin-bottom: 44px;
    }

    .service-info-loop__img {
      width: calc(60% - 10px);
    }

    .service-info-loop .service-info-loop__block {
      max-width: 376px;
    }

    .section-illustration {
      padding-top: 32px;
      padding-bottom: 69px;
    }
  }

  @media (min-width: 768px) and (max-width: 1024px) {
    .section-mini-gallery {
      padding: 64px 15px;
    }

    .mini-gallery-text p {
      max-width: 394px;
    }
  }

  /* Expertise */
  .section-expertise {
    text-align: center;
  }


  .hero-description {
    font-size: 1.1rem;
    line-height: 1.6;
    color: #555;
    max-width: 600px;
    margin: 0 auto;
    font-weight: 300;
  }

  .consultations-section {
    padding: 12px 0 80px;
    display: flex;
    justify-content: center;
  }

  /*.swiper-wrapper {
	justify-content: center;
}*/

  .consultations-grid {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin-top: 60px;
  }

  @media screen and (min-width: 1315px) {
    .consultations-grid {
      gap: 40px;
    }

    .consultation-card {
      max-width: 400px;
    }

    .consultation-title {
      margin-bottom: 14px;
    }

    .mini-gallery-image img {
      max-width: 618px;
      width: 618px;
      height: 717px;
    }
  }

  .swiper-swiper-slides-few .swiper-wrapper {
    justify-content: center;
  }

  .swiper-wrapper {
    display: flex;
  }

  @media screen and (max-width: 1315px) {
    .consultations-grid {
      gap: 14px;
    }

    .consultation-card {
      max-width: 320px;
    }

    .consultation-title {
      margin-bottom: 17px;
    }

  }

  @media (min-width: 768px) and (max-width: 1315px) {
    .mini-gallery-image img {
      max-width: 482px;
      height: 571px;
    }
  }

  .consultations-section .container {
    margin: 0;
    max-width: fit-content;
  }

  .consultation-card {
    text-align: center;
    flex: 0 1 400px;
  }

  .consultation-card hr {
    color: #ECE7D8;
    width: 16px;
    height: 5px;
    margin: 0px auto 25px;
  }

  .section-hr {
    color: #ECE7D8;
    width: 16px;
    height: 5px;
    margin: 0px auto;
    opacity: 1;
  }


  .consultation-title {
    font-size: 16px;
    font-weight: 600;
    line-height: 100%;
    text-transform: uppercase;
    color: #121212;
    letter-spacing: 3px;
  }

  .consultation-text,
  .section-pricing .section__description {
    font-size: 16px;
    line-height: 135%;
    color: #121212;
    font-weight: 400;
    margin: 0 auto;
  }

  /* Responsive Design */
  @media (max-width: 768px) {
    .service_banner .section__description {
      font-size: 12px;
    }

    .consultations-grid {
      gap: 10px;
      margin-top: 40px;
    }

    .section-expertise {
      margin: 40px 0 0 0;
    }

    .section-expertise .section__title {
      font-size: 24px;
    }

    .section-what-we-do__description p,
    .section-expertise .section__description,
    .consultation-title,
    .consultation-text {
      font-size: 14px;
    }

    .section-what-we-do__header,
    .section-expertise .section__description {
      max-width: 525px;
      width: 525px;
    }

    .consultations-section .container {
      padding: 0;
    }

    .consultation-card {
      padding: 16px;
    }


    .service-gallery__text {
      max-width: 412px;
      width: 412px;
    }

  }

  @media (max-width: 567px) {
    .service-gallery__text {
      max-width: 231px;
      width: 231px;
    }
  }

  @media (min-width: 768px) {
    .service_banner .section__description {
      font-size: 16px;
    }

    .section-expertise {
      padding: 80px 0 60px;
    }

    .section-what-we-do__description p,
    .section-expertise .section__description {
      font-size: 16px;
      margin-bottom: 3px;
    }

    .section-what-we-do .subservices-content__block,
    .section__description.section-what-we-do__description,
    .section-expertise .section__description {
      max-width: 600px;
      width: 600px;
    }

    .consultations-section .container {
      padding: 0 18px;
    }

    .consultation-card {
      padding: 32px;
    }

  }

  @media (max-width: 480px) {
    .hero-section {
      padding: 60px 0 40px;
    }

    .section_title {
      font-size: 1.8rem;
      margin-bottom: 30px;
    }

    .consultations-section {
      padding: 0;
    }

    .service-gallery__item {
      max-width: calc(100vw - 16px) !important;
    }

    .service-gallery__media img,
    .service-gallery__media video {
      height: 270px;
      width: auto !important;
    }

    .service-gallery__text {
      width: 100%;
      max-width: 100%;
      position: relative;
      padding-right: 14px;
      padding-left: 14px;
      font-size: 12px;
      height: calc(6*1.35em);
      overflow: hidden;
    }

    .service-gallery__text div {
      position: absolute;
      left: 0;
      width: 100%;
      top: 0;
      height: 100%;
      overflow: hidden;
      display: -webkit-box;
      -webkit-line-clamp: 6;
      line-clamp: 6;
      -webkit-box-orient: vertical;
    }

    section.section-service-gallery {
      margin-bottom: 30px;
    }

    .section-pricing .section__title {
      font-size: 22px;
    }

    .section-pricing {
      padding-top: 50px;
      padding-bottom: 115px;
    }

    .pricing-details-row {
      flex-direction: column;
    }

    p.pricing-details-name,
    pricing-details-value {
      text-align: center;
      width: 100%;
    }

    .pricing-details-row {
      gap: 3px;
    }

    p.pricing-details-name {
      margin-bottom: 0;
    }

    .section-quote img {
      height: 263px;
    }

    .section-quote {
      padding: 44px 0;
    }

    .section-quote .section__description {
      font-size: 17px;
    }

    .single-services .section-edu .section__title {
      margin-top: 0;
    }

    .section-illustration {
      padding-top: 32px;
      padding-bottom: 32px;
    }

    .section-illustration .container {
      padding-left: 32px;
      padding-right: 32px;
    }

    .section-illustration .h_services__txt {
      margin: 0;
      font-size: 15px;
    }

    .section-illustration .illustration__desc {
      margin: 0;
    }

    .h_services__pic__box {
      width: 250px;
    }

    .section-illustration .h_services__grid {
      gap: 0;
    }

    .section-illustration .section-hr-white {
      margin: 33px auto 30px;
    }

    .single-services .faq-content .faq-content__title,
    .contact-form.section h2,
    .section-other-services .section__title {
      font-size: 16px;
    }

    .single-services .faq-content {
      margin-top: 20px;
      padding-bottom: 20px;
    }

    .single-services .faq-all .container {
      padding: 0 18px;
    }

    .single-services .contact-form.section {
      padding: 20px 17px 75px 17px;
    }

    .single-services .contact-form.section form.wpcf7-form {
      max-width: 100%;
    }

    .single-services .contact-form.section .contact-form__text {
      max-width: 312px;
      margin-bottom: 24px;
    }

    .section-other-services {
      padding-top: 70px;
      padding-top: 60px;
    }

    .section-other-services .container {
      padding: 0px 50px;
    }

    .section-other-services__slide-card-title {
      font-size: 14px;
    }

    .section-other-services .btn-outline-dark {
      width: 196px;
      ;
    }

    #quote_author_position {
      margin-bottom: 45px;
    }


    .media-blocks,
    .section-mini-gallery .container {
      overflow-x: auto;
      margin-left: -8px;
      padding-left: 8px;
      margin-right: -8px;
      padding-right: 8px;
      flex-wrap: nowrap;
      justify-content: flex-start;
      gap: 8px;
    }

    .media-blocks::-webkit-scrollbar,
    .section-mini-gallery .container::-webkit-scrollbar {
      display: none;
    }

    .media-block {
      min-width: 260px;
      flex: 0 0 80%;
      scroll-snap-align: start;
    }

    .media-block img,
    .media-block video {
      height: 395px;
    }

    .mini-gallery-block {
      min-width: 255px;
      max-width: 255px;
      flex: 0 0 80%;
      scroll-snap-align: start;
    }

    .mini-gallery-block img,
    .mini-gallery-block video {
      height: 300px;
    }

    .mini-gallery-block:nth-child(2) {
      margin-top: 0;
    }

    .mini-gallery-text {
      padding: 0 12px;
    }

    .mini-gallery-text p {
      font-size: 12px;
    }

    #tocContent {
      display: none;
      background: #FAF8ED;
      padding: 20px;
      border: 4px solid #ECE7D8;
      margin: 8px auto 5px;
      width: fit-content;
      justify-content: center;
      min-width: 160px;
    }

    .toc-toggle {
      background: #FAF8ED;
      border: 4px solid #ECE7D8;
      padding: 14px;
      cursor: pointer;
      font-weight: 500;
      display: block;
      text-align: center;
      margin: 0 auto;
      font-weight: 400;
      font-size: 12px;
      line-height: 135%;
      text-align: center;
      text-transform: uppercase;
    }

    .service-sections-scrolls_wrap {
      flex-direction: column-reverse;
    }

    .services-scrolls__inner {
      flex-direction: column;
    }

    .section-what-we-do,
    .single-services .section {
      scroll-margin-top: 90px;
    }

    /* Fixed state */
    #serviceNav {
      position: fixed;
      bottom: 20px;
    }

    .banner-content {
      top: 40%;
    }

    .single-services .faq-content.section-what-we-do {
      margin-top: 20px;
      padding-bottom: 45px;
    }

    .section-mini-gallery {
      padding: 0;
      /* remove internal padding */
      overflow-x: auto;
      /* enables horizontal scroll */
    }

    .section-mini-gallery .container {
      flex-wrap: nowrap;
      gap: 8px;
      padding: 15px 8px;
      padding-top: var(--space);
      margin: 0;
      width: max-content;
    }

    .mini-gallery-image {
      width: 100%;
    }

    body .section-service-gallery .container {
      padding: 0;
    }

    .single-services .service-gallery__slider.swiper {
      padding-left: 8px;
    }

  }

  @media (min-width: 481px) {

    .banner-content {
      top: 50%;
    }

    /* Fixed state */
    #serviceNav {
      position: fixed;
      bottom: 35px;
    }

    .service-gallery__media img,
    .service-gallery__media video {
      height: 650px;
    }

    .service-gallery__item {
      min-width: 500px;
    }

    .section-pricing .section__title {
      font-size: 24px;
    }

    .section-pricing .container {
      max-width: 600px;
    }

    .pricing-details-row {
      gap: 12px;
    }

    p.pricing-details-name {
      text-align: right;
      margin-bottom: 14px;
      width: 300px;
    }

    .pricing-details-value {
      text-align: left;
      width: 300px;
    }

    .section-quote img {
      height: 412px;
    }

    .section-quote {
      padding: 64px 0;
    }

    .section-quote .section__description {
      font-size: 24px;
    }

    .section-illustration .container {
      padding-left: 44px;
      padding-right: 44px;
    }

    .single-services .faq-content .faq-content__title,
    .contact-form.section h2,
    .section-other-services .section__title {
      font-size: 24px;
    }

    .single-services .faq-content {
      margin-top: 40px;
      padding-bottom: 60px;
    }

    .single-services .contact-form.section form.wpcf7-form {
      max-width: 336px;
    }

    .single-services .contact-form.section .contact-form__text {
      max-width: 523px;
      margin-bottom: 44px;
    }

    .section-other-services {
      padding-top: 94px;
    }

    .section-other-services__slide-card-title {
      font-size: 17px;
    }

    .section-other-services .btn-outline-dark {
      width: 336px;
    }

    p#quote_author_position {
      margin-bottom: 70px;
    }

    .media-blocks {
      flex-wrap: wrap;
      justify-content: center;
    }

    .section-mini-gallery .container {
      flex-wrap: wrap;
      justify-content: space-around;
    }

    .toc-toggle {
      display: none;
    }

    #tocContent {
      display: block;
    }

    .single-services .section {
      scroll-margin-top: 130px;
    }

    .single-services .section-what-we-do {
      padding-bottom: 100px;
      scroll-margin-top: 130px;
    }

    .section-mini-gallery .container {
      max-width: 100%;
      padding: 0;
      margin: 0;
    }

  }

  .service-gallery__media img,
  .service-gallery__media video {
    object-fit: cover;
  }

  .service-gallery__item {
    width: auto;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    text-align: center;
    margin-right: 8px;
  }

  .section-service-gallery .container {
    margin: 0 auto;
    max-width: fit-content;
    padding: 0 8px;
  }

  .service-gallery__text {
    font-size: 14px;
    color: #12121280;
    margin-top: 15px;
  }

  @media (min-width: 768px) {

    .service_banner img,
    .service_banner video {
      height: 748px;
    }

    .service_banner {
      height: 748px;
      position: relative;
      overflow: hidden;
    }

    .service-info-loop__item:nth-child(even) .service-info-loop__block {
      -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
      order: 1;
    }

    .service-info-loop__item:nth-child(even) .service-info-loop__block {
      -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
      order: 2;
    }

    .service-info-loop .service-info-loop__item:not(:last-child) {
      margin-bottom: 42px;
    }

    section.section-service-gallery {
      margin-bottom: 69px;
    }

    .mini-gallery-block:nth-child(2) {
      margin-top: 335px;
    }

    .media-block img,
    .media-block video {
      height: 642px;
    }

    .mini-gallery-block {
      flex: 1 1 45%;
      max-width: 618px;
    }

    .section-illustration .section-hr-white {
      margin: 55px auto 45px;
    }

    .section-other-services__slide-card {
      padding: 44px 62px;
    }

    .section-other-services__img img {
      aspect-ratio: 1 / 1;
      height: unset;
    }
  }

  @media (min-width: 576px) and (max-width: 767px) {

    .service_banner img,
    .service_banner video {
      height: 833px;
    }

    .service_banner {
      height: 833px;
      position: relative;
      overflow: hidden;
    }

    .service-info-loop .service-info-loop__img {
      width: 100%;
    }

    .service-info-loop .service-info-loop__block {
      max-width: 450px;
      width: 450px;
    }

    .service-info-loop .service-info-loop__item {
      padding-bottom: 14px;
    }

    .service-info-loop .service-info-loop__item:not(:last-child) {
      margin-bottom: 52px;
    }


  }

  @media (min-width: 576px) {
    .service_banner .banner-content {
      width: 548px;
    }

    .section-what-we-do .container {
      width: 600px;
    }

    .subservice-content__item .accordion-header {
      font-size: 15px;
      padding: 22px 32px;
    }

    .subservice-content__item .accordion-header:before,
    .subservice-content__item .accordion-header.accordion-active::before {
      right: 32px;
      top: 27px;
    }

    .subservice-content__item .accordion-panel {
      padding: 0 32px 0 32px;
    }

    .section-pricing .section__description {
      max-width: 600px;
    }
  }

  @media (max-width: 575px) {

    .service_banner img,
    .service_banner video {
      height: 568px;
    }

    .service_banner {
      height: 568px;
      position: relative;
      overflow: hidden;
    }

    .service_banner .banner-content {
      width: 250px;
      padding: 30px;
    }

    .service_banner .banner-content .section__title {
      font-size: 13px;
    }

    .section-what-we-do {
      padding-top: 64px;
      padding-bottom: 64px;
    }

    .what-we-do__title {
      font-size: 20px;
    }

    .subservice-content__item .accordion-header {
      font-size: 14px;
      padding: 16px;
    }

    .single-services .section-what-we-do.faq-content .accordion-panel {
      font-size: 14px;
      padding: 0 16px;
    }

    .subservice-content__item .accordion-header:before,
    .subservice-content__item .accordion-header.accordion-active::before {
      right: 16px;
      top: 19px;
    }

    .service-info-loop .service-info-loop__img {
      width: 100%;
    }

    .service-info-loop .service-info-loop__img img,
    .service-info-loop .service-info-loop__img video {
      height: 320px;
    }

    .service-info-loop .service-info-loop__block {
      max-width: 303px;
      width: 303px;
    }

    .section-what-we-do__header,
    .section-expertise .section__description,
    .section-expertise .section__description {
      max-width: 300px;
      width: 300px;
    }

    .section-pricing .section__description {
      max-width: 100%;
      width: 100%;
    }
  }

  .swiper-edu-center.swiper-slides-few .swiper-wrapper {
    justify-content: center;
  }

  .service_banner .section__description {
    margin-top: 15px;
  }

  .service_banner {
    border: 6px solid #ECE7D8;
    min-height: 500px;
  }

  /*.service-sections-scrolls_wrap {
    position: relative;
    bottom: 83px;
}*/

  .service-sections-scrolls_wrap {
    position: absolute;
    bottom: 40px;
    width: 100%;
    display: flex;
    justify-content: center;
    z-index: 100;
    pointer-events: none;
    /* allows only inner bar to receive clicks */
  }

  .services-scrolls__bar {
    background: #FAF8ED;
    border: 6px solid #ECE7D8;
    padding: 16px;
    width: auto;
    pointer-events: auto;
    /* clickable */
    transition: all 0.3s ease;
  }

  .services-scrolls__inner {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
  }

  .services-scrolls__link {
    font-size: 12px;
    font-weight: 400;
    text-transform: uppercase;
    text-decoration: none;
    color: #12121280;
    transition: color 0.2s ease;
  }

  .services-scrolls__link:hover {
    color: #3C7168;
  }

  .services-scrolls__link.active {
    color: #121212;
  }



  @media (max-width: 768px) {
    section[id] {
      scroll-margin-top: 140px;
      /* if the nav grows taller on mobile */
    }
  }


  .single-services .section__title {
    margin-bottom: 20px;
  }

  .single-services .section-what-we-do__header {
    font-size: 16px;
    margin-bottom: 45px;
  }

  .section-what-we-do__description p,
  .section-expertise .section__description {
    line-height: 135%;
  }

  .single-services .section-what-we-do.faq-content .accordion-container {
    border: 2px solid #ECE7D8;
  }

  .single-services .section-what-we-do.faq-content .accordion-container:hover {
    background: white;
  }

  .single-services .section-what-we-do.faq-content .accordion-panel {
    font-size: 16px;
  }

  .section-what-we-do .faq-content__item:not(:last-child) {
    margin-bottom: 4px;
  }

  .service-info-loop .services-loop__wrap {
    padding-top: 8px;
    padding-bottom: 8px;
  }

  .service-info-loop {
    background: #ECE7D8;
    padding-right: 8px;
    padding-left: 8px;
  }

  .service-info-loop .service-info-loop__img img,
  .service-info-loop .service-info-loop__img video {
    border: 10px solid #FAF8ED;
    padding: 0;
    object-fit: cover;
    object-position: center;
  }

  .service-info-loop .services-loop__tag {
    background: #FAF8ED;
    padding: 10px;
    text-transform: uppercase;
    font-size: 14px;
    margin-bottom: 25px;
  }

  .service-info-loop .services-loop__title {
    font-size: 24px;
    line-height: 100%;
    margin-bottom: 10px;
  }

  .service-info-loop .services-loop__text {
    font-size: 16px;
  }

  .service-gallery__media {
    box-sizing: border-box;
    background-color: #ECE7D8;
    padding: 10px;
    position: relative;
  }

  .service-gallery__media:hover {
    cursor: url('/wp-content/uploads/2025/06/cursor-loop.svg') 9 9, zoom-in;
  }

  .service-gallery__media::after {
    content: '';
    position: absolute;
    left: 0;
    width: 100%;
    top: 0;
    height: 100%;
    border: 10px solid #ECE7D8;
    transition: all 0.3s ease;
    pointer-events: none;
  }

  .service-gallery__media:hover::after {
    border-width: 16px;
  }

  .service-gallery__media img,
  .service-gallery__media video {
    box-sizing: border-box;
    width: 100%;
  }

  .section-pricing {
    text-align: center;
  }

  .section-pricing .section__header+.btn {
    margin-top: 3em;
  }

  .section-pricing .section__title {
    margin-top: 40px;
  }

  .section-pricing-details {
    max-width: 600px;
    margin: 40px auto;
  }

  .pricing-details-row {
    display: flex;
    justify-content: center;
  }

  p.pricing-details-name {
    font-size: 16px;
    font-weight: 400;
    line-height: 135%;
    color: hsl(0deg 0% 7% / 40%);
  }

  .pricing-details-value {
    font-size: 16px;
    font-weight: 400;
    line-height: 135%;
    color: #121212;
    margin-bottom: 14px;
  }

  .section-quote {
    background: #ECE7D8;
  }

  .section-quote .container {
    text-align: center;
  }

  .section-quote img {
    border: 10px solid #FAF8ED;
    width: auto;
    object-fit: cover;
  }

  hr.section-hr-white {
    width: 22px;
    height: 7px;
    margin: 55px auto;
    background: #FAF8ED;
    border: none;
    opacity: 1;
  }

  .section-quote .section__description {
    padding: 0 64px;
    margin-bottom: 50px;
    max-width: 800px;
    text-transform: uppercase;
    line-height: 150%;
    font-weight: 600;
    color: #121212;
    letter-spacing: 4px;
  }

  .section-mini-gallery .container {
    max-width: 100%;
    display: flex;
    align-items: flex-start;
  }

  .mini-gallery-block {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
  }

  .mini-gallery-image img {
    width: 100%;
    border: 10px solid #ECE7D8;
    object-fit: cover;
  }

  .mini-gallery-text p {
    margin-top: 16px;
    font-size: 14px;
    line-height: 135%;
    color: #12121280;
  }


  .section-edu .section__description {
    margin-bottom: 40px;
  }

  .section-illustration {
    border: 10px solid #DDD8CA;
  }

  .section-illustration img {
    aspect-ratio: 1;
  }

  .section-illustration .container {
    max-width: 100%;
  }

  .section-illustration .illustration__desc {
    font-size: 18px;
    text-transform: uppercase;
    letter-spacing: 4px;
    font-weight: 600;
    line-height: 150%;
  }

  .section-illustration .section-hr-white {
    width: 37px;
    height: 13px;
  }

  .section-media .container {
    max-width: 100%;
    padding: 0 8px;
  }

  .media-blocks {
    display: flex;
    gap: 8px;
    align-items: flex-start;
  }

  .media-block {
    flex: 1 1 45%;
  }

  .media-block img,
  .media-block video {
    width: 100%;
    display: block;
    border: 10px solid #ECE7D8;
    object-fit: cover;
  }

  .quote_author_name {
    color: #121212;
    font-size: 14px;
    font-weight: 400;
    text-transform: uppercase;
    line-height: 135%;
    margin-bottom: 3px;
  }

  #quote_author_position {
    color: #12121280;
    font-size: 14px;
    font-weight: 400;
    text-transform: uppercase;
    line-height: 135%;
  }

  .single-services .faq-content__block {
    max-width: 600px;
  }

  .single-services .faq-content .faq-content__title,
  .contact-form.section h2,
  .section-other-services .section__title {
    font-weight: 600;
    color: #121212;
    line-height: 150%;
    letter-spacing: 3px;
  }

  .single-services .faq-content .faq-content__description {
    font-weight: 400;
    font-size: 13px;
    line-height: 135%;
    text-align: center;
    margin-bottom: 80px;
  }

  .single-services .contact-form.section {
    background-color: #faf8ed;
  }

  .contact-form.section h2 {
    max-width: 523px;
    margin: 0 auto 20px;
  }

  .section-other-services {
    background-color: #ECE7D8;
  }

  .section-other-services__slide-card {
    background: #FAF8ED;
  }

  .section-other-services__slide-card.no_link a {
    pointer-events: none;
    cursor: default;
  }


  .section-other-services__slide-card-description {
    font-weight: 400;
    font-size: 16px;
    line-height: 135%;
    text-align: center;
  }

  .section-other-services__slide-card-title {
    font-weight: 600;
    line-height: 100%;
    letter-spacing: 3px;
    text-align: center;
    text-transform: uppercase;
    color: #121212;
    margin-top: 20px;
    margin-bottom: 25px;
  }

  .section-other-services__slide-card-title a,
  .section-other-services__slide-card-learn-more a {
    color: #121212;
    transition: none;
  }

  .section-other-services__slide-card-learn-more a:hover {
    color: #6B4C52;
    border: 2px solid #DDD8CA;
    padding: 10px 12px;
  }

  .section-other-services__img {
    border: 8px solid #ECE7D8;
  }

  /*.section-other-services .swiper-slide {
    width: 457px;
    min-width: 457px;
}*/

  .section-other-services__slide-card-learn-more {
    font-weight: 400;
    font-size: 13px;
    line-height: 100%;
    letter-spacing: 3px;
    text-align: center;
    text-transform: uppercase;
    margin-top: 28px;
    padding: 13px 16px;
  }

  #tocToggle {
    position: relative;
    z-index: 9999;
    pointer-events: auto;
    cursor: pointer;
  }


  /* Ensure slides have proper width when using slidesPerView: 'auto' */
  .service-gallery__slider:not(.fixed-slide-width) .swiper-slide {
    width: auto !important;
    flex-shrink: 0;
  }

  /* Define minimum/maximum widths for responsive behavior */
  .service-gallery__slider .swiper-slide {
    min-width: 100px;
    max-width: 936px;
  }

  /* Responsive width adjustments */
  @media (min-width: 481px) and (max-width: 567px) {
    .service-gallery__slider .swiper-slide {
      min-width: 242px;
      max-width: 320px;
    }
  }

  @media (min-width: 768px) {
    .service-gallery__slider .swiper-slide {
      min-width: 300px;
      max-width: 350px;
    }
  }

@media (min-width: 1200px) {
    .service-gallery__slider .swiper-slide {
      min-width: 320px;
      max-width: 936px;
    }

    /*.fixed-slide-width.service-gallery__slider .swiper-slide{
        min-width: unset;
        max-width: unset;
    }*/
}

.section-service-gallery{
    max-width: 100%;
    overflow: hidden;

    
}
.service-gallery__slider.swiper{
    overflow: visible;
}