.wh-solutionboxes-section {
  margin-top: max(45px, 4.5rem);
  margin-bottom: max(20px, 2rem);
}

.wh-solutionbox-image {
  width: 100%;
  height: auto;
  overflow: hidden;
  display: block;
  border-radius: max(10px, 1rem) max(10px, 1rem) 0 0;
}

.wh-solutionbox-image img {
  width: 100%;
  height: auto;
  display: block;
  transition: .3s ease-in-out transform;
}

.wh-solutionbox-image img:hover {
  transform: scale(1.05);
}

.wh-solutionbox {
  position: relative;
  width: 100%;
  background-color: var(--color-light-gray);
  border-radius: max(10px, 1rem);
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding-bottom: max(15px, 1.5rem);
  box-sizing: border-box;
}

.wh-solutionbox-title {
  margin: max(24px, 2.4rem) max(28px, 2.8rem) max(19px, 1.9rem) max(28px, 2.8rem);
  line-height: 1.55em;
}

.wh-solutionbox-list li {
  position: relative;
  padding: max(10px, 1rem) max(30px, 3rem) max(10px, 1rem) max(60px, 6rem);
  line-height: 1.7em;
}

.wh-solutionbox-list li::before {
  content: '';
  position: absolute;
  left: max(30px, 3rem);
  top: 50%;
  transform: translateY(-50%);
  width: max(22px, 2.2rem);
  height: max(22px, 2.2rem);
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='22' height='22' viewBox='0 0 22 22' fill='none'><circle cx='11' cy='11' r='10.25' stroke='%230B6FFF' stroke-width='1.5'/><path d='M5.5 10.2143L9.42857 14.1428L16.5 7.07141' stroke='%230B6FFF' stroke-width='1.5'/></svg>");
  background-size: contain;
  background-repeat: no-repeat;
}

.wh-solutionbox-content {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.wh-solutionbox-button {
  margin-top: auto;
}

.wh-solutionbox-button {
  position: absolute;
  bottom: max(20px, 2rem);
  left: max(20px, 2rem);
  width: calc(max(100% - max(40px, 4rem))) !important;
  justify-content: center;
}

.wh-solutionboxes-section .carousel-control {
    width: max(40px, 4rem);
    height: max(40px, 4rem);
    border-radius: 50%;
    background: var(--color-blue);
    display: flex;
    justify-content: center;
    align-items: center;
    transition: .3s;
    opacity: 1;
}

.wh-solutionboxes-section .icon-prev,
.wh-solutionboxes-section .icon-next {
    display: flex;
    justify-content: center;
    align-items: center;
    right: unset;
}

.wh-solutionboxes-section .carousel-control:hover {
    background: var(--color-white);
}

.wh-solutionboxes-section .carousel-control .icon-arrow {
    width: max(21px, 2.1rem);
    height: max(11px, 1.1rem);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    transition: .3s;
}

.wh-solutionboxes-section .carousel-control .icon-prev {
    background-image: url("data:image/svg+xml,%3Csvg width='21' height='12' viewBox='0 0 21 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.769998 8.32878L4.15625 11.75C4.23759 11.832 4.33437 11.8971 4.441 11.9416C4.54762 11.986 4.66199 12.0089 4.7775 12.0089C4.89301 12.0089 5.00738 11.986 5.114 11.9416C5.22063 11.8971 5.31741 11.832 5.39875 11.75C5.56172 11.5861 5.65319 11.3643 5.65319 11.1332C5.65319 10.902 5.56172 10.6802 5.39875 10.5163L2.28375 7.37503L20.125 7.37503C20.3571 7.37503 20.5796 7.28284 20.7437 7.11874C20.9078 6.95465 21 6.73209 21 6.50003C21 6.26796 20.9078 6.0454 20.7437 5.88131C20.5796 5.71721 20.3571 5.62503 20.125 5.62503L2.23125 5.62503L5.39875 2.46628C5.48076 2.38493 5.54586 2.28816 5.59028 2.18153C5.6347 2.0749 5.65757 1.96054 5.65757 1.84503C5.65757 1.72952 5.6347 1.61515 5.59028 1.50852C5.54586 1.40189 5.48076 1.30512 5.39875 1.22378C5.31741 1.14176 5.22063 1.07667 5.114 1.03225C5.00738 0.987824 4.89301 0.964953 4.7775 0.964953C4.66199 0.964953 4.54762 0.987824 4.441 1.03225C4.33437 1.07667 4.23759 1.14176 4.15625 1.22378L0.769998 4.61878C0.278423 5.11097 0.00230925 5.77815 0.00230932 6.47378C0.00230938 7.16941 0.278423 7.83659 0.769998 8.32878Z' fill='white'/%3E%3C/svg%3E%0A");
}

.wh-solutionboxes-section .carousel-control .icon-next {
    background-image: url("data:image/svg+xml,%3Csvg width='21' height='12' viewBox='0 0 21 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M20.23 8.32878L16.8438 11.75C16.7624 11.832 16.6656 11.8971 16.559 11.9416C16.4524 11.986 16.338 12.0089 16.2225 12.0089C16.107 12.0089 15.9926 11.986 15.886 11.9416C15.7794 11.8971 15.6826 11.832 15.6012 11.75C15.4383 11.5861 15.3468 11.3643 15.3468 11.1332C15.3468 10.902 15.4383 10.6802 15.6013 10.5163L18.7162 7.37503L0.875 7.37503C0.642936 7.37503 0.420376 7.28284 0.256282 7.11874C0.0921877 6.95465 4.61309e-07 6.73209 4.81597e-07 6.50003C5.01884e-07 6.26796 0.0921878 6.0454 0.256282 5.88131C0.420376 5.71721 0.642936 5.62503 0.875001 5.62503L18.7688 5.62503L15.6013 2.46628C15.5192 2.38493 15.4541 2.28816 15.4097 2.18153C15.3653 2.0749 15.3424 1.96054 15.3424 1.84503C15.3424 1.72952 15.3653 1.61515 15.4097 1.50852C15.4541 1.4019 15.5192 1.30512 15.6013 1.22378C15.6826 1.14176 15.7794 1.07667 15.886 1.03225C15.9926 0.987824 16.107 0.964953 16.2225 0.964953C16.338 0.964953 16.4524 0.987824 16.559 1.03225C16.6656 1.07667 16.7624 1.14176 16.8438 1.22378L20.23 4.61878C20.7216 5.11097 20.9977 5.77815 20.9977 6.47378C20.9977 7.16941 20.7216 7.83659 20.23 8.32878Z' fill='white'/%3E%3C/svg%3E%0A");
}

.wh-solutionboxes-section .carousel-control:hover .icon-prev {
    background-image: url("data:image/svg+xml,%3Csvg width='21' height='12' viewBox='0 0 21 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.769998 8.32878L4.15625 11.75C4.23759 11.832 4.33437 11.8971 4.441 11.9416C4.54762 11.986 4.66199 12.0089 4.7775 12.0089C4.89301 12.0089 5.00738 11.986 5.114 11.9416C5.22063 11.8971 5.31741 11.832 5.39875 11.75C5.56172 11.5861 5.65319 11.3643 5.65319 11.1332C5.65319 10.902 5.56172 10.6802 5.39875 10.5163L2.28375 7.37503L20.125 7.37503C20.3571 7.37503 20.5796 7.28284 20.7437 7.11874C20.9078 6.95465 21 6.73209 21 6.50003C21 6.26796 20.9078 6.0454 20.7437 5.88131C20.5796 5.71721 20.3571 5.62503 20.125 5.62503L2.23125 5.62503L5.39875 2.46628C5.48076 2.38493 5.54586 2.28816 5.59028 2.18153C5.6347 2.0749 5.65757 1.96054 5.65757 1.84503C5.65757 1.72952 5.6347 1.61515 5.59028 1.50852C5.54586 1.40189 5.48076 1.30512 5.39875 1.22378C5.31741 1.14176 5.22063 1.07667 5.114 1.03225C5.00738 0.987824 4.89301 0.964953 4.7775 0.964953C4.66199 0.964953 4.54762 0.987824 4.441 1.03225C4.33437 1.07667 4.23759 1.14176 4.15625 1.22378L0.769998 4.61878C0.278423 5.11097 0.00230925 5.77815 0.00230932 6.47378C0.00230938 7.16941 0.278423 7.83659 0.769998 8.32878Z' fill='%230B6FFF'/%3E%3C/svg%3E%0A");
    transform: translateX(-5px);
}

.wh-solutionboxes-section .carousel-control:hover .icon-next {
    background-image: url("data:image/svg+xml,%3Csvg width='21' height='12' viewBox='0 0 21 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M20.23 8.32878L16.8438 11.75C16.7624 11.832 16.6656 11.8971 16.559 11.9416C16.4524 11.986 16.338 12.0089 16.2225 12.0089C16.107 12.0089 15.9926 11.986 15.886 11.9416C15.7794 11.8971 15.6826 11.832 15.6012 11.75C15.4383 11.5861 15.3468 11.3643 15.3468 11.1332C15.3468 10.902 15.4383 10.6802 15.6013 10.5163L18.7162 7.37503L0.875 7.37503C0.642936 7.37503 0.420376 7.28284 0.256282 7.11874C0.0921877 6.95465 4.61309e-07 6.73209 4.81597e-07 6.50003C5.01884e-07 6.26796 0.0921878 6.0454 0.256282 5.88131C0.420376 5.71721 0.642936 5.62503 0.875001 5.62503L18.7688 5.62503L15.6013 2.46628C15.5192 2.38493 15.4541 2.28816 15.4097 2.18153C15.3653 2.0749 15.3424 1.96054 15.3424 1.84503C15.3424 1.72952 15.3653 1.61515 15.4097 1.50852C15.4541 1.4019 15.5192 1.30512 15.6013 1.22378C15.6826 1.14176 15.7794 1.07667 15.886 1.03225C15.9926 0.987824 16.107 0.964953 16.2225 0.964953C16.338 0.964953 16.4524 0.987824 16.559 1.03225C16.6656 1.07667 16.7624 1.14176 16.8438 1.22378L20.23 4.61878C20.7216 5.11097 20.9977 5.77815 20.9977 6.47378C20.9977 7.16941 20.7216 7.83659 20.23 8.32878Z' fill='%230B6FFF'/%3E%3C/svg%3E%0A");
    transform: translateX(5px);
}

.wh-solutionboxes-section .swiper-button-next:after, .wh-solutionboxes-section .swiper-button-prev:after {
  display: none;
}

.wh-solutionboxes-section .carousel-control .icon-next::before, .wh-solutionboxes-section .carousel-control .icon-prev::before {
  content: none;
}

.wh-solutionboxes-section .swiper-button-next.carousel-control {
  right: min(-20px, -2rem);
}

.wh-solutionboxes-section .swiper-button-prev.carousel-control {
  left: min(-20px, -2rem);
}

.wh-solutionboxes-section .swiper {
  overflow: unset;
}

@media screen and (max-width: 568px) {
  .wh-solutionboxes-controls {
    position: absolute;
    bottom: min(-30px, -3rem);
    right: 0;
    width: max(90px, 9rem);
  }

  .wh-solutionboxes-section {
    margin-bottom: max(40px, 4rem);
  }

  .wh-solutionboxes-section .swiper-button-next.carousel-control {
    right: 0;
  }

  .wh-solutionboxes-section .swiper-button-prev.carousel-control {
    left: 0;
  }
}

@media screen and (min-width: 1200px) {
  .wh-solutionboxes-section .carousel-control {
    display: none;
  }
}

.wh-solutionbox-description {
  margin: 0 max(28px, 2.8rem) max(19px, 1.9rem) max(28px, 2.8rem);
  line-height: 1.7em;
}

.wh-solutionbox:has(.wh-solutionbox-button) {
  padding-bottom: max(85px, 8.5rem);
}