/* ***** Single ***** */
.single-cpt-service .main {
  padding-bottom: clamp(4.6875rem, 7.8125vw, 9.375rem);
}
.single-cpt-service .service-banner {
  padding-top: clamp(6.25rem, 7.2916666667vw, 8.75rem);
}
.single-cpt-service .service-banner h1 {
  margin-top: 15px;
  margin-bottom: clamp(2.1875rem, 2.6041666667vw, 3.125rem);
}
@media (min-width: 992px) {
  .single-cpt-service .service-banner h1 {
    margin-top: 0;
  }
}
.single-cpt-service .single-content-row {
  margin-bottom: clamp(4.6875rem, 9.6354166667vw, 11.5625rem);
}
.single-cpt-service .section-use-cases {
  margin-bottom: clamp(4.6875rem, 9.6354166667vw, 11.5625rem);
}
.single-cpt-service .section-use-cases .swiper-el-use_cases {
  padding-bottom: clamp(2.8125rem, 5.2083333333vw, 6.25rem);
}
.single-cpt-service .section-use-cases .swiper-el-use_cases .swiper-scrollbar {
  width: 100% !important;
  left: 0;
}
.single-cpt-service .section-use-cases .swiper-el-use_cases .swiper-scrollbar .swiper-scrollbar-drag {
  background: var(--color-main);
}

/* ***** Element ***** */
.archive-services {
  /* ***** Accordeon ****** */
  /* ***** Services row ****** */
}
.archive-services .single-service-accordeon {
  border-top: 1px solid var(--color-grey);
}
.archive-services .single-service-accordeon:last-child {
  border-bottom: 1px solid var(--color-grey);
}
.archive-services .single-service-accordeon.is-open .service-content .content-text {
  opacity: 1;
  transform: translateY(0);
  transition-delay: 350ms;
}
.archive-services .single-service-accordeon .service-head {
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: relative;
  padding: 20px 0;
  cursor: pointer;
}
@media (min-width: 1200px) {
  .archive-services .single-service-accordeon .service-head:hover h3 {
    transform: translateX(25px);
  }
}
.archive-services .single-service-accordeon .service-head.active h3 {
  transform: translateX(0);
}
.archive-services .single-service-accordeon .service-head.active svg {
  transform: rotate(135deg);
}
.archive-services .single-service-accordeon .service-head.active svg path {
  fill: var(--color-secondary);
}
.archive-services .single-service-accordeon .service-head h3 {
  transition: all 0.3s ease;
  padding-right: 15px;
}
@media (max-width: 767.98px) {
  .archive-services .single-service-accordeon .service-head h3 {
    font-size: 22px;
  }
}
.archive-services .single-service-accordeon .service-head svg {
  flex: 0 0 22px;
  width: 22px;
  max-width: 22px;
  height: auto;
  transition: all 0.3s ease;
}
.archive-services .single-service-accordeon .service-content {
  display: none;
  padding-bottom: 30px;
}
.archive-services .single-service-accordeon .service-content .content-text {
  opacity: 0;
  transform: translateY(25px);
  transition: opacity 0.35s cubic-bezier(0.25, 0.46, 0.45, 0.94), transform 0.45s ease;
}
.archive-services .part-posts .single-service-row {
  border-top: 1px solid var(--color-main);
  padding: 25px 0 clamp(4.6875rem, 7.8125vw, 9.375rem);
}
@media (min-width: 992px) {
  .archive-services .part-posts .single-service-row:nth-child(odd) {
    flex-direction: row-reverse;
    padding-left: 0;
  }
  .archive-services .part-posts .single-service-row:nth-child(odd) .col-content {
    padding-right: clamp(1.5625rem, 3.90625vw, 4.6875rem);
  }
  .archive-services .part-posts .single-service-row:nth-child(odd) .col-image {
    padding-left: 25px;
  }
  .archive-services .part-posts .single-service-row:nth-child(even) .col-content {
    padding-left: clamp(1.5625rem, 3.90625vw, 4.6875rem);
  }
  .archive-services .part-posts .single-service-row:nth-child(even) .col-image {
    padding-right: 25px;
  }
}
@media (min-width: 992px) {
  .archive-services .part-posts .single-service-row .col-content {
    flex: 0 0 50%;
    max-width: 50%;
  }
}
@media (min-width: 992px) {
  .archive-services .part-posts .single-service-row .col-image {
    flex: 0 0 50%;
    max-width: 50%;
  }
}
.archive-services .part-posts .single-service-row .col-image .inner-photo {
  position: relative;
  background: var(--color-black);
  padding-top: 50%;
}
.archive-services .part-posts .single-service-row .col-image .inner-photo img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-position: center;
  object-fit: cover;
}