/* Images */
/* Spacings */

.carousel-multi {
  /* medium and up screens */
}
.carousel-multi .carousel-inner .carousel-item > div {
  padding-right: calc(var(--bs-gutter-x)*0.5);
  padding-left: calc(var(--bs-gutter-x)*0.5);
}
@media (max-width: 767px) {
  .carousel-multi .carousel-inner .carousel-item > div {
    display: none;
  }
  .carousel-multi .carousel-inner .carousel-item > div:first-child {
    display: block;
  }
}
.carousel-multi .carousel-inner .carousel-item.active,
.carousel-multi .carousel-inner .carousel-item-next,
.carousel-multi .carousel-inner .carousel-item-prev {
  display: flex;
}
.carousel-multi .carousel-inner .carousel-item-end.active,
.carousel-multi .carousel-inner .carousel-item-next {
  transform: translateX(100%);
}
.carousel-multi .carousel-inner .carousel-item-start.active,
.carousel-multi .carousel-inner .carousel-item-prev {
  transform: translateX(-100%);
}
@media (min-width: 768px) {
  .carousel-multi .carousel-inner .carousel-item-end.active,
  .carousel-multi .carousel-inner .carousel-item-next {
    transform: translateX(50%);
  }
  .carousel-multi .carousel-inner .carousel-item-start.active,
  .carousel-multi .carousel-inner .carousel-item-prev {
    transform: translateX(-50%);
  }
}
@media (min-width: 992px) {
  .carousel-multi .carousel-inner .carousel-item-end.active,
  .carousel-multi .carousel-inner .carousel-item-next {
    transform: translateX(33%);
  }
  .carousel-multi .carousel-inner .carousel-item-start.active,
  .carousel-multi .carousel-inner .carousel-item-prev {
    transform: translateX(-33%);
  }
}
.carousel-multi .carousel-inner .carousel-item-end,
.carousel-multi .carousel-inner .carousel-item-start {
  transform: translateX(0);
}
.carousel-multi .carousel-control {
  position: absolute;
  top: 50%;
  bottom: 50%;
  margin-top: -55px;
  height: 55px;
}
@media (min-width: 768px) {
  .carousel-multi .carousel-control-prev {
    width: 3rem;
    left: -2.25rem;
  }
  .carousel-multi .carousel-control-next {
    width: 3rem;
    right: -2.25rem;
  }
}
@media (min-width: 1200px) {
  .carousel-multi .carousel-control-prev {
    width: 3rem;
    left: -3rem;
  }
  .carousel-multi .carousel-control-next {
    width: 3rem;
    right: -3rem;
  }
}
.carousel-multi .carousel-control-prev .material-icons,
.carousel-multi .carousel-control-next .material-icons {
  font-size: var(--font-size-material-icons, 1.5rem);
  color: var(--colors-gray-light-mode-500, #667085);
}
#carousel-customer-spotlight .panel {
  padding: var(--spacing-6xl, 3rem);
  background: var(--colors-gray-light-mode-50, #F8F8F8);
  margin-bottom: 0;
  height: auto;
}
#carousel-customer-spotlight .panel .title {
  font-weight: var(--font-weight-semibold, 600);
}
#carousel-customer-spotlight .panel a {
  font-size: var(--font-size-lg, 1.125rem);
}
@media (min-width: 768px) {
  #carousel-customer-spotlight .panel {
    padding: var(--spacing-6xl, 3rem) var(--spacing-4xl, 2rem);
    min-height: 440px;
  }
}


#carousel-users-feedback .carousel-item > div {
  background: #fff;
  min-height: 362px;
}

.img-work-from-home {
  max-width: 1040px;
}
.img-work-from-home:after {
  padding-bottom: 61.92307692%;
}
.img-isl-light {
  margin: 0 auto;
  max-width: 862px;
}
.img-isl-light:after {
  padding-bottom: 74.7099768%;
}
.img-security-icon {
  max-width: 96px;
}
.img-security-icon:after {
  padding-bottom: 100%;
}
.panel.panel-default {
  border: 1px solid #eee;
  padding: 20px;
  font-family: Courier New,Courier,Lucida Sans Typewriter,Lucida Typewriter,monospace;
}
.bg-img-holder {
  background: #31566e;
  background-size: cover;
  background-position: top left;
  background-image: url('../images/work-from-home/full-bg.png');
}
@media screen and (min-width: 2000px) {
  .bg-img-holder {
    background-image: url('../images/work-from-home/full-bg-2x.png');
  }
}