.carousel-item {
  height: 550px;
  transition: transform 1.1s ease-in-out !important;
}

#dealership_management {
  background: url(../images/rvdealerships.jpg) center -350px no-repeat;
  background-size: cover;
}

#customers {
  background: url(../images/customers.webp) center -80px no-repeat;
  background-size: cover;
}

#CRM {
  background: url(../images/servicedpt.webp) center center no-repeat;
  background-size: cover;
}

#parking-lot {
  background: url(../images/parkinglots2.webp) center center no-repeat;
  background-size: cover;
}

#service-advisor {
  background: url(../images/serviceadvisor2.webp) center center no-repeat;
  background-size: cover;
}

#vehicle-caption {
  background: url(../images/vehiclecaption2.webp) center center no-repeat;
  background-size: cover;
}

#porter {
  background: url(../images/porter2.webp) center -250px no-repeat;
  background-size: 1920px 1080px;
}

#quality-control {
  background: url(../images/qualitycontrol2.webp) center -130px no-repeat;
  background-size: cover;
}

#customer-texting {
  background: url(../images/customertexting2.webp) center -50px no-repeat;
  background-size: cover;
}

.carousel-item::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.4);
}

#contact-btn {
  outline: 1px solid transparent !important;
}

#contact-btn:hover {
  color: var(--bs-secondary) !important;
  outline: 1px solid var(--bs-secondary) !important;
  background-color: transparent !important;
}

.benefits {
  height: 300px;
}

.icon {
  margin-top: 0 !important;
}

.vertical-decoration-left {
  opacity: 0.1;
  top: 0;
}

.vertical-decoration-right {
  opacity: 0.1;
  right: 0;
  bottom: 0;
}

.video-points {
  padding: 0 !important;
}

@media (max-width: 1390px) {
  .carousel-caption h1 {
    font-size: 3.5rem;
  }
  .benefits {
    height: 400px;
  }
  #dealership_management {
    background: url(../images/rvdealerships.jpg) center center no-repeat;
    background-size: cover;
  }
}
@media (max-width: 1160px) {
  #customers {
    background: url(../images/customers.webp) center center no-repeat;
    background-size: cover;
  }
}
@media (max-width: 991px) {
  #quality-control {
    background: url(../images/qualitycontrol2.webp) center center no-repeat;
    background-size: cover;
  }
  .carousel-caption h1 {
    font-size: 2.25rem;
  }
  .carousel-caption p {
    font-size: 1rem;
  }
  .benefits {
    width: 230px;
    height: 450px;
  }
  .icon {
    margin-top: 0 !important;
  }
}
@media (max-width: 767px) {
  .benefits {
    height: 340px;
    margin-bottom: 1rem !important;
    width: auto;
  }
  .card-body {
    padding: 0.75rem !important;
  }
  .icon {
    margin-top: 0 !important;
    margin-bottom: 1rem !important;
  }
  .mobile-padding {
    padding: 1rem 0 !important;
  }
}
@media (max-width: 730px) {
  .carousel .carousel-item {
    height: 300px;
    transition: transform 1s ease-in-out !important;
  }
  #porter {
    background: url(../images/porter2.webp) center center no-repeat;
    background-size: cover;
  }
  #quality-control {
    background: url(../images/qualitycontrol2.webp) center center no-repeat;
    background-size: cover;
  }
  #customer-texting {
    background: url(../images/customertexting2.webp) center center no-repeat;
    background-size: cover;
  }
  .carousel-inner h1 {
    font-size: 1.125rem;
    margin-bottom: 0.5rem;
  }
  .lead {
    font-size: 1rem !important;
  }
  .card {
    padding: 0.5rem !important;
  }
  .icon {
    margin-top: 1rem !important;
  }
  .takeaways {
    margin-top: 0 !important;
  }
  #mobile-video-points {
    display: flex;
    justify-content: center;
  }
  .dealers {
    margin-bottom: 0.5rem;
  }
  .video {
    margin: 3rem 0 !important;
  }
}
@media (max-width: 540px) {
  .benefits {
    height: 340px;
    margin-bottom: 1rem !important;
    width: auto;
  }
  .card-body {
    padding: 0.75rem !important;
  }
  .icon {
    margin-top: 0 !important;
    margin-bottom: 1rem !important;
  }
  .mobile-padding {
    padding: 1rem 0 !important;
  }
}