.wrapper__products {
  display: flex;
  justify-content: flex-start;
}

.wrapper__products__inner {
  width: 100%;
  height: 100%;

  display: flex;
  justify-content: center;
}

.products {
  margin: 1em;
  background-color: var(--clr-palette-1);

  width: 70em;
  height:40em;

  border-radius: 1em;

  display: flex;
}

@media (max-width: 675px) {
  .products {
    flex-direction: column !important;

    height: 150vh !important;
  }

  .products__img {
    width: 100% !important;
  }

  .products__description {
    padding-top: 5em;
    width: 100% !important;

    text-align: center;
  }

  .carousel__track-container {
    margin: 2em;
    padding: 2em;

    border-block-end: var(--clr-palette-4) solid 1px !important;
  }
}

.products__img {
  width: 80%;
  height: 100%;

  flex-basis: 65%;

  display: flex;
  justify-content: center;
}

.products__img__scroller {
  width: 100%;
  height: 94%;

  margin: 10px;
}

.products__description {
  width: 50%;
  height: 100%;

  display: flex;
  flex-direction: column;
}

.wrapper__description {
  flex-basis: 40% !important;

  margin: 3px;

  display: flex;
  flex-direction: column !important;

  /* writing-mode: vertical-lr; */
}

@media (max-width: 780px) {
  .wrapper__description {
    flex-basis: 60%;
  }
}

.wrapper__description__heading {
  color: var(--clr-palette-4);

  flex-basis: 20% !important;
}

.wrapper__description__text {
  color: var(--clr-palette-3);

  margin: 3px;
  flex-basis: 20% !important;
}

li {
  list-style: none;
}

.is_hidden {
  display: none;
}

.reveal-content {
  display: block;
}

.service-name {
  font-size: 1.7em;

  border-bottom: 2px;
  border-bottom-color: var(--clr-palette-3);
}

.service-description {
  font-size: 1.2em;
  border-block-end-style: var(--clr-palette-4) solid 1px !important;
}

.carousel__track-container {
  border-block-end-style: var(--clr-palette-4) solid 1px;
}

.carousel__image {
  transition: transform 0.2s; /* Animation */
}

.carousel__image:hover {
  transform: scale(1.5);
  cursor: -webkit-zoom-in;
}

.wrapper__solutions {
  display: flex !important;

  justify-content: center;
  align-items: center;
}

.solutions-icon__wrapper {
  display: flex !important;

  justify-content: center;
  align-items: center;

  flex-basis: 20% !important;
}

.solutions-icon {
  height: 250px;
  width: 250px;

  border-right: 1px solid var(--clr-palette-5);
}

.contact-icon,
.call-icon {
  height: 70px;
  width: 70px;
}

.solutions__contact-wrapper {
  display: flex;

  justify-content: center;
  align-items: center;

  flex-direction: column;

  gap: 2em;

  margin-inline: 25px;

  margin-bottom: 80px;
}

.solutions__icon-wrapper > p {
  margin-inline: 5px;
  color: var(--clr-palette-5);

  text-align: center;

  width: 235px;
}