main {
  overflow-x: hidden;
}
.expertise{
  overflow-x:hidden;
}
.expertise__heading {
  width: 60%;
}

.expertise__content {
  position: relative;
}

.expertise__grid {
  display: flex;
  column-gap: var(--spacing-8);
  display: grid;
  grid-template-columns: auto 1fr;
  align-items: stretch;
}

.expertise__image-container {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: var(--spacing-4);
  object-fit: cover;
  position: relative;
  padding-left: var(--spacing-4);
}

.expertise__image-wrapper {
  width: 30rem;
  height: 30rem;
  position: relative;
  transition: var(--transition);
}

.expertise__image-wrapper img {
  position: relative;
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  border-radius: var(--radius-base);
}

.expertise__image-wrapper::after {
  content: "";
  position: absolute;
  top: 30px;
  left: -30px;
  width: 100%;
  height: 100%;
  background-color: #cbdce9;
  z-index: -1;
  border-radius: var(--radius-base);
}

.expertise__text-wrapper {
  display: flex;
  flex-direction: column;
  height: 100%;
}

.expertise__text {
  font-size: var(--text-sm);
  line-height: 150%;
  margin-bottom: var(--spacing-5);
}

.expertise__partner {
  margin-top: auto;
}

.expertise__partner-header {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: var(--spacing-4);
  margin-bottom: var(--spacing-4);
  width: 100%;
}

.expertise__partner-header::after {
  content: "";
  height: 0.0625rem;
  background-color: var(--color-gray-300);
  flex-grow: 1;
}

.expertise__partner-heading {
  font-size: var(--text-xs);
}

.expertise__button-wrapper {
  margin-bottom: var(--spacing-5);
}

.expertise__footer {
  position: relative;
}

.expertise__footer-watermark {
  position: relative;
  min-height: 12rem;
}

.expertise__footer-watermark--right {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 99;
  width: 100%;

}
.expertise__footer-watermark--right svg {
  transform: scaleX(-1);
  top: -70%;
  right:-60% !important;
  left:auto !important;
}

.expertise__footer-watermark svg {
  position: absolute;
  left: -40%;
}

@media (min-width: 1281px) {
  .expertise__partner-slider {
    display: none;
  }

  .expertise__partner-logos {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: var(--spacing-4);
  }

  .expertise__partner-img {
    object-fit: cover;
  }

  .expertise__partner-img:last-child {
    width: 60%;
  }
}

@media (max-width: 1280px) {
  .expertise__grid {
    column-gap: var(--spacing-8);
  }

  .expertise__image-wrapper {
    width: 20rem;
    height: 20rem;
  }

  .expertise__partner-logos--desktop {
    display: none;
  }

  .expertise__partner-slider {
    position: relative;
    width: 100%;
    overflow: hidden;
    margin: 0;
  }

  .expertise__partner-track {
    display: flex;
    gap: var(--spacing-4);
    animation: scroll 10s linear infinite;
    min-width: fit-content;
  }

  .expertise__partner-logos {
    display: flex;
    gap: var(--spacing-4);
    padding-right: var(--spacing-4);
    flex-shrink: 0;
  }

  .expertise__partner-img {
    object-fit: contain;
    flex-shrink: 0;
  }

  .expertise__partner-logos-desktop {
    display: none;
  }

  /* Marquee Animation */
  @keyframes scroll {
    0% {
      transform: translateX(0);
    }
    100% {
      transform: translateX(calc(-50%));
    }
  }

  .expertise__partner-track:hover {
    animation-play-state: paused;
  }
}

/* Mobile  */
@media (width < 1024px) {
  .expertise__grid {
    display: flex;
    flex-direction: column;
  }

  .expertise__heading {
    width: 100%;
  }

  .expertise__image-container {
    margin-bottom: var(--spacing-7);
  }

  .expertise__footer {
    display: none;
  }

  .expertise__footer-watermark--right{
    display:none;
  }
}

@media (min-width: 1440px) {
  .expertise__partner-img {
    width: 100%;
  }
}