.kioop-widget-root {
  --mmn_white: #ffffff;
  --mmn_black: #07080c;
  --mmn_red: #9b070b;
  --mmn_text: #050505;
  --mmn_slider_gap: 4px;
  --mmn_slide_width: 304px;
  --mmn_slide_height: 300px;
  --mmn_animation_duration: 72s;
  width: 100%;
  overflow: hidden;
  font-family: "Poppins", "Inter", Arial, sans-serif;
  background: var(--mmn_white);
  color: var(--mmn_text);
}

.kioop-widget-root,
.kioop-widget-root * {
  box-sizing: border-box;
}

.kioop-widget-root a {
  text-decoration: none;
  color: inherit;
}

.kioop-widget-root .mmn_projects_section {
  width: 100vw;
  margin-left: calc(50% - 50vw);
  background: var(--mmn_white);
  padding: 47px 20px 80px;
  overflow: hidden;
}

.kioop-widget-root .mmn_projects_container {
  width: 100%;
  max-width: var(--mmn-container-width, 1120px);
  margin: 0 auto;
}

.kioop-widget-root .mmn_projects_header {
  text-align: center;
  margin-bottom: 35px;
}

.kioop-widget-root .mmn_projects_title {
  font-family: "Poppins", "Inter", sans-serif;
  font-size: 39px;
  line-height: 1.18;
  font-weight: 700;
  letter-spacing: 0.8px;
  color: var(--mmn_black);
  margin-bottom: 12px;
}

.kioop-widget-root .mmn_projects_title span {
  color: var(--mmn_red);
}

.kioop-widget-root .mmn_projects_description {
  max-width: var(--mmn-description-width, 980px);
  margin: 0 auto;
  font-family: "Poppins", "Inter", sans-serif;
  font-size: 16.8px;
  line-height: 1.48;
  font-weight: 400;
  letter-spacing: 0.05px;
  color: var(--mmn_text);
}

.kioop-widget-root .mmn_projects_description a {
  color: var(--mmn_text);
  text-decoration: none;
  transition: color 0.25s ease;
}

.kioop-widget-root .mmn_projects_description a:hover {
  color: var(--mmn_red);
}

.kioop-widget-root .mmn_gallery_viewport {
  width: 100%;
  max-width: var(--mmn-gallery-width, 1120px);
  height: var(--mmn_slide_height);
  margin: 0 auto;
  overflow: hidden;
  position: relative;
  background: var(--mmn_white);
}

.kioop-widget-root .mmn_gallery_track {
  display: flex;
  align-items: stretch;
  gap: var(--mmn_slider_gap);
  width: max-content;
  transform: translate3d(-190px, 0, 0);
  animation: kioop_projects_slide var(--mmn_animation_duration) linear infinite;
  will-change: transform;
}

.kioop-widget-root .mmn_gallery_viewport:hover .mmn_gallery_track,
.kioop-widget-root .mmn_gallery_track.is-paused {
  animation-play-state: paused;
}

.kioop-widget-root .mmn_gallery_slide {
  width: var(--mmn_slide_width);
  height: var(--mmn_slide_height);
  flex: 0 0 var(--mmn_slide_width);
  overflow: hidden;
  background: #f3f3f3;
}

.kioop-widget-root .mmn_gallery_slide img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
  object-position: center center;
  transform: scale(1);
  transition: transform 1.2s ease;
}

.kioop-widget-root .mmn_gallery_slide:hover img {
  transform: scale(1.045);
}

@keyframes kioop_projects_slide {
  0% {
    transform: translate3d(-190px, 0, 0);
  }

  100% {
    transform: translate3d(-2038px, 0, 0);
  }
}

@media (prefers-reduced-motion: reduce) {
  .kioop-widget-root .mmn_gallery_track {
    animation: none;
  }

  .kioop-widget-root .mmn_gallery_slide img {
    transition: none;
  }
}

@media (max-width: 1200px) {
  .kioop-widget-root .mmn_projects_container,
  .kioop-widget-root .mmn_gallery_viewport {
    max-width: var(--mmn-container-width-tablet-wide, 1000px);
  }

  .kioop-widget-root .mmn_projects_title {
    font-size: 36px;
  }

  .kioop-widget-root {
    --mmn_slide_width: 285px;
    --mmn_slide_height: 280px;
  }

  @keyframes kioop_projects_slide {
    0% {
      transform: translate3d(-175px, 0, 0);
    }

    100% {
      transform: translate3d(-1909px, 0, 0);
    }
  }
}

@media (max-width: 991px) {
  .kioop-widget-root .mmn_projects_section {
    padding: 45px 18px 70px;
  }

  .kioop-widget-root .mmn_projects_title {
    font-size: 32px;
    line-height: 1.24;
  }

  .kioop-widget-root .mmn_projects_description {
    font-size: 15.5px;
  }

  .kioop-widget-root {
    --mmn_slide_width: 260px;
    --mmn_slide_height: 245px;
  }

  .kioop-widget-root .mmn_gallery_viewport {
    max-width: 760px;
  }

  @keyframes kioop_projects_slide {
    0% {
      transform: translate3d(-150px, 0, 0);
    }

    100% {
      transform: translate3d(-1734px, 0, 0);
    }
  }
}

@media (max-width: 767px) {
  .kioop-widget-root .mmn_projects_section {
    padding: 42px 16px 62px;
  }

  .kioop-widget-root .mmn_projects_header {
    margin-bottom: 30px;
  }

  .kioop-widget-root .mmn_projects_title {
    font-size: 28px;
  }

  .kioop-widget-root .mmn_projects_description {
    font-size: 14.5px;
    line-height: 1.55;
  }

  .kioop-widget-root {
    --mmn_slide_width: 235px;
    --mmn_slide_height: 220px;
  }

  .kioop-widget-root .mmn_gallery_viewport {
    max-width: 100%;
  }

  @keyframes kioop_projects_slide {
    0% {
      transform: translate3d(-130px, 0, 0);
    }

    100% {
      transform: translate3d(-1564px, 0, 0);
    }
  }
}

@media (max-width: 480px) {
  .kioop-widget-root .mmn_projects_section {
    padding-top: 38px;
    padding-bottom: 55px;
  }

  .kioop-widget-root .mmn_projects_title {
    font-size: 25px;
  }

  .kioop-widget-root .mmn_projects_description {
    font-size: 13.5px;
  }

  .kioop-widget-root {
    --mmn_slide_width: 210px;
    --mmn_slide_height: 200px;
  }

  @keyframes kioop_projects_slide {
    0% {
      transform: translate3d(-105px, 0, 0);
    }

    100% {
      transform: translate3d(-1389px, 0, 0);
    }
  }
}