.ta-service-detail {
  background: var(--ta-color-page-bg);
  color: var(--ta-color-navy-deep);
  font-family: var(--ta-font-primary);
  padding-block: var(--ta-section-padding-y);
}

.ta-service-detail .ta-service-detail__container {
  width: min(100% - calc(var(--ta-container-padding-x) * 2), var(--ta-container-max-width));
  margin-inline: auto;
}

.ta-service-detail .ta-service-detail__panel {
  background: var(--ta-news-card-bg);
  border: var(--ta-news-card-border-width) solid var(--ta-news-card-border-color);
  border-radius: var(--ta-news-card-radius);
  box-shadow: var(--ta-news-card-shadow);
  overflow: hidden;
}

.ta-service-detail .ta-service-detail__layout {
  display: grid;
  grid-template-columns: var(--ta-service-detail-media-width) minmax(0, 1fr);
  grid-template-areas: "media content";
  align-items: start;
  gap: var(--ta-space-8);
  padding: var(--ta-space-7);
  direction: ltr;
}

.ta-service-detail .ta-service-detail__content {
  grid-area: content;
  min-width: 0;
  direction: rtl;
}

.ta-service-detail .ta-service-detail__header {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--ta-space-2);
  margin-block-end: var(--ta-space-5);
}

.ta-service-detail .ta-service-detail__eyebrow {
  color: var(--ta-color-turquoise);
  font-size: var(--ta-type-section-link-size);
  font-weight: var(--ta-type-section-link-weight);
}

.ta-service-detail .ta-service-detail__eyebrow-line {
  width: var(--ta-footer-icon-size);
  height: var(--ta-menu-active-height);
  border-radius: var(--ta-menu-active-radius);
  background: var(--ta-color-turquoise);
}

.ta-service-detail .ta-service-detail__title {
  margin: var(--ta-space-2) 0 0;
  color: var(--ta-color-navy-deep);
  font-size: var(--ta-type-section-title-size);
  font-weight: var(--ta-type-section-title-weight);
  line-height: var(--ta-type-section-title-line-height);
  letter-spacing: var(--ta-type-section-title-letter-spacing);
}

.ta-service-detail .ta-service-detail__description {
  display: grid;
  gap: var(--ta-space-4);
  margin-block-end: var(--ta-space-6);
  color: var(--ta-news-excerpt-color);
  font-size: var(--ta-type-card-text-size);
  font-weight: var(--ta-type-card-text-weight);
  line-height: var(--ta-type-card-text-line-height);
}

.ta-service-detail .ta-service-detail__description p,
.ta-service-detail .ta-service-detail__feature p {
  margin: 0;
}

.ta-service-detail .ta-service-detail__features {
  display: grid;
}

.ta-service-detail .ta-service-detail__feature {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: var(--ta-space-4);
  align-items: start;
  padding-block: var(--ta-space-5);
  border-block-start: var(--ta-news-card-border-width) solid var(--ta-news-card-border-color);
}

.ta-service-detail .ta-service-detail__feature:first-child {
  border-block-start: 0;
}

.ta-service-detail .ta-service-detail__feature-icon {
  width: var(--ta-space-10);
  height: var(--ta-space-10);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: var(--ta-news-card-radius);
  background: var(--ta-news-image-bg);
  color: var(--ta-color-turquoise);
  font-size: var(--ta-space-7);
}

.ta-service-detail .ta-service-detail__feature h3 {
  margin: 0 0 var(--ta-space-2);
  color: var(--ta-color-navy-deep);
  font-size: var(--ta-type-card-title-size);
  font-weight: var(--ta-type-card-title-weight);
  line-height: var(--ta-type-card-title-line-height);
}

.ta-service-detail .ta-service-detail__feature p {
  color: var(--ta-news-excerpt-color);
  font-size: var(--ta-type-card-text-size);
  font-weight: var(--ta-type-card-text-weight);
  line-height: var(--ta-type-card-text-line-height);
}

.ta-service-detail .ta-service-detail__media {
  grid-area: media;
  width: var(--ta-service-detail-media-width);
  height: var(--ta-service-detail-media-height);
  margin: 0;
  overflow: hidden;
  border-radius: var(--ta-news-card-radius);
  background: var(--ta-news-image-bg);
  direction: rtl;
}

.ta-service-detail .ta-service-detail__media img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.ta-service-detail .ta-service-detail__feature-icon .bi::before {
  display: inline-block;
  font-family: "bootstrap-icons";
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  vertical-align: middle;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.ta-service-detail .ta-service-detail__feature-icon img {
  width: 60%;
  height: 60%;
  display: block;
  object-fit: contain;
}

.ta-service-detail .bi-clipboard2-check::before { content: "\f725"; }
.ta-service-detail .bi-rulers::before { content: "\f523"; }
.ta-service-detail .bi-people::before { content: "\f4d0"; }
.ta-service-detail .bi-lightbulb::before { content: "\f46b"; }

.ta-service-detail .ta-service-detail__gallery {
  margin-inline: var(--ta-space-7);
  padding-block: var(--ta-space-7);
  border-block-start: var(--ta-news-card-border-width) solid var(--ta-news-card-border-color);
}

.ta-service-detail .ta-service-detail__gallery-header {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--ta-space-2);
  margin-block-end: var(--ta-space-5);
}

.ta-service-detail .ta-service-detail__gallery-title {
  margin: 0;
  color: var(--ta-color-navy-deep);
  font-size: var(--ta-type-card-title-size);
  font-weight: var(--ta-type-card-title-weight);
  line-height: var(--ta-type-card-title-line-height);
}

.ta-service-detail .ta-service-detail__gallery-line {
  width: var(--ta-footer-icon-size);
  height: var(--ta-menu-active-height);
  border-radius: var(--ta-menu-active-radius);
  background: var(--ta-color-turquoise);
}

.ta-service-detail .ta-service-detail__gallery-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: var(--ta-news-card-gap);
}

.ta-service-detail .ta-service-detail__gallery-item {
  display: block;
  overflow: hidden;
  aspect-ratio: 1.45 / 1;
  border-radius: var(--ta-news-card-radius);
  background: var(--ta-news-image-bg);
  line-height: 0;
}

.ta-service-detail .ta-service-detail__gallery-item img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
  transition: transform var(--ta-transition-normal);
}

.ta-service-detail .ta-service-detail__gallery-item:hover img {
  transform: scale(1.035);
}


/* Service detail feature number icons and empty description alignment */
.ta-service-detail .ta-service-detail__feature-icon--number {
  font-family: var(--ta-font-primary);
  font-weight: 700;
}

.ta-service-detail .ta-service-detail__feature-number {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  line-height: 1;
  direction: ltr;
}

.ta-service-detail .ta-service-detail__feature--no-description {
  align-items: center;
}

.ta-service-detail .ta-service-detail__feature--no-description h3 {
  margin-bottom: 0;
}