.adrasa-case-insights {
  --adrasa-ci-bg: transparent;
  --adrasa-ci-text: #1c3066;
  --adrasa-ci-card-text: #d4e2f1;
  --adrasa-ci-right-bg: linear-gradient(0deg, rgba(255,255,255,0.20), rgba(255,255,255,0.20));
  --adrasa-ci-right-bg-image: none;
  --adrasa-ci-left-card-bg-image: none;
  --adrasa-ci-img-h: 14.3125rem;
  --adrasa-ci-img-left-w: 24.4375rem;
  --adrasa-ci-img-right-w: 13.3125rem;

  background: var(--adrasa-ci-bg);
  color: var(--adrasa-ci-text);
  padding: clamp(1.75rem, 4vw, 3.5rem) 0;
}

.adrasa-case-insights__grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 0.93fr);
  gap: 4.6875rem;
  align-items: start;
}

.adrasa-case-insights__title {
  margin: 0;
  display: inline-flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  line-height: 0.92;
}

.adrasa-case-insights__title-regular {
  font-family: "Roboto", sans-serif;
  font-size: clamp(2.125rem, 3.2vw, 3rem);
  font-weight: 500;
  font-style: normal;
}

.adrasa-case-insights__title-italic {
  font-family: "Instrument Serif", serif;
  font-size: clamp(2.25rem, 3.5vw, 3.375rem);
  font-weight: 400;
  font-style: italic;
}

.adrasa-case-insights__desc {
  margin: clamp(0.75rem, 1.5vw, 1.25rem) 0 0;
  font-family: "Roboto", sans-serif;
  font-size: 1rem;
  line-height: 1.18;
}

.adrasa-case-insights__cards {
  margin-top: clamp(1.125rem, 2.2vw, 1.875rem);
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0.625rem;
}

.adrasa-case-insights__mobile-nav {
  display: none;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  margin-top: 0.875rem;
}

.adrasa-case-insights__nav-btn {
  width: 2.125rem;
  height: 2.125rem;
  border-radius: 50%;
  border: 1px solid rgba(28, 48, 102, 0.28);
  background: rgba(255, 255, 255, 0.55);
  color: #1c3066;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  padding: 0;
}

.adrasa-case-insights__nav-btn[disabled] {
  opacity: 0.35;
  cursor: default;
}

.adrasa-case-insights__nav-btn img {
  width: 1rem;
  height: 1rem;
  display: block;
  object-fit: contain;
}

.adrasa-case-insights__dots {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
}

.adrasa-case-insights__dot {
  width: 0.4375rem;
  height: 0.4375rem;
  border-radius: 50%;
  border: 0;
  padding: 0;
  background: rgba(28, 48, 102, 0.3);
  cursor: pointer;
}

.adrasa-case-insights__dot.is-active {
  background: #1c3066;
}

.adrasa-case-insights__card {
  border-radius: 1.0625rem;
  padding: clamp(1.5rem, 2.2vw, 2.125rem);
  background-image: linear-gradient(0deg, rgba(82, 104, 156, 0.94), rgba(78, 102, 155, 0.94)), var(--adrasa-ci-left-card-bg-image);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  color: var(--adrasa-ci-card-text);
  min-height: clamp(15rem, 21vw, 20.875rem);
  display: flex;
  flex-direction: column;
}

.adrasa-case-insights__card-title {
  margin: 0;
  font-family: "Roboto", sans-serif;
  font-size: clamp(1.625rem, 1.9vw, 2.125rem);
  line-height: 0.92;
  font-weight: 500;
}

.adrasa-case-insights__card-index {
  font-family: "Instrument Serif", serif;
  font-style: italic;
  font-weight: 400;
  margin-right: 0.25rem;
}

.adrasa-case-insights__card-excerpt {
  margin: 0.875rem 0 0;
  font-family: "Roboto", sans-serif;
  font-size: 1rem;
  line-height: 1.14;
  font-weight: 400;
}

.adrasa-case-insights__card-link {
  margin-top: auto;
  color: inherit;
  text-decoration: none;
  font-family: "Roboto", sans-serif;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.13;
  display: inline-flex;
  align-items: center;
  gap: 0.375rem;
}

.adrasa-case-insights__card-link .adrasa-btn__icon {
  width: 1rem;
  height: 1rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 auto;
}

.adrasa-case-insights__icon {
  position: relative;
}

.adrasa-case-insights__icon-img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: contain;
  transition: opacity .2s ease;
}

.adrasa-case-insights__icon-img--default { opacity: 1; }
.adrasa-case-insights__icon-img--hover { opacity: 0; }

.adrasa-case-insights__cta:hover .adrasa-case-insights__icon-img--default,
.adrasa-case-insights__card-link:hover .adrasa-case-insights__icon-img--default,
.adrasa-case-insights__cta:focus-visible .adrasa-case-insights__icon-img--default,
.adrasa-case-insights__card-link:focus-visible .adrasa-case-insights__icon-img--default {
  opacity: 0;
}

.adrasa-case-insights__cta:hover .adrasa-case-insights__icon-img--hover,
.adrasa-case-insights__card-link:hover .adrasa-case-insights__icon-img--hover,
.adrasa-case-insights__cta:focus-visible .adrasa-case-insights__icon-img--hover,
.adrasa-case-insights__card-link:focus-visible .adrasa-case-insights__icon-img--hover {
  opacity: 1;
}

.adrasa-case-insights__cta {
  margin-top: clamp(0.875rem, 2vw, 1.375rem);
}

.adrasa-case-insights__cta.adrasa-btn {
  --btn-h: 2.75rem;
  --btn-px: 1.375rem;
  --btn-radius: 1.375rem;
  --btn-font-size: 1rem;
  --btn-font-weight: 500;
  --btn-icon-size: 1.125rem;
  background: rgba(0, 157, 216, 0.8);
}

.adrasa-case-insights .adrasa-btn {
}

.adrasa-case-insights__right-card {
  border-radius: 1.0625rem;
  background-image: var(--adrasa-ci-right-bg), var(--adrasa-ci-right-bg-image);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  box-shadow: 15px 17px 25.7px -5px rgba(28, 52, 99, 0.06);
  padding: clamp(1.5rem, 2.1vw, 1.875rem);
  overflow: hidden;
}

.adrasa-case-insights__images {
  margin-top: 0.75rem;
  display: grid;
  width: 100%;
  align-items: stretch;
  grid-template-columns: minmax(0, var(--adrasa-ci-img-left-w)) minmax(0, var(--adrasa-ci-img-right-w));
  gap: 0.625rem;
}

.adrasa-case-insights__img {
  position: relative;
  display: block;
  height: var(--adrasa-ci-img-h);
  border-radius: 1.0625rem !important;
  overflow: hidden !important;
  min-width: 0;
}

.adrasa-case-insights__img--left {
  width: 100%;
}

.adrasa-case-insights__img--right {
  width: 100%;
}

.adrasa-case-insights__img img {
  position: absolute;
  inset: 0;
  width: 100% !important;
  height: 100% !important;
  max-width: none;
  object-fit: cover;
  display: block;
  border-radius: 1.0625rem !important;
}

.adrasa-case-insights__img-link {
  position: absolute;
  inset: 0;
  display: block;
}

@media (max-width: 1199.98px) {
  .adrasa-case-insights__grid {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 991.98px) {
  .adrasa-case-insights.is-mobile-carousel .adrasa-case-insights__cards {
    display: flex;
    gap: 0.75rem;
    overflow-x: auto;
    overflow-y: visible;
    scroll-snap-type: x mandatory;
    scroll-padding-left: 0;
    -webkit-overflow-scrolling: touch;
    padding-left: 0;
    padding-right: 0;
  }

  .adrasa-case-insights.is-mobile-carousel .adrasa-case-insights__cards::-webkit-scrollbar { display: none; }
  .adrasa-case-insights.is-mobile-carousel .adrasa-case-insights__cards { scrollbar-width: none; }

  .adrasa-case-insights.is-mobile-carousel .adrasa-case-insights__card {
    flex: 0 0 86%;
    scroll-snap-align: start;
    min-height: clamp(13.75rem, 52vw, 18.75rem);
  }

  .adrasa-case-insights.is-mobile-carousel .adrasa-case-insights__mobile-nav {
    display: flex;
    width: 100%;
    justify-content: flex-start;
  }

  .adrasa-case-insights.is-mobile-carousel .adrasa-case-insights__nav-btn {
    width: auto;
    height: auto;
    border: 0;
    border-radius: 0;
    background: transparent;
    padding: 0;
  }

  .adrasa-case-insights.is-mobile-carousel .adrasa-case-insights__left .adrasa-case-insights__cta {
    display: inline-flex;
    margin-top: 0.75rem;
  }
}

@media (max-width: 767.98px) {
  .adrasa-case-insights:not(.is-mobile-carousel) .adrasa-case-insights__cards {
    grid-template-columns: 1fr;
  }

  .adrasa-case-insights__images {
    grid-template-columns: minmax(0, 1fr);
  }

  .adrasa-case-insights__img {
    height: clamp(200px, 58vw, 340px);
  }
}
