.veterinary-practices-page {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  overflow: hidden;
}

/* INTRO CSS */

.veterinary-practices-page .solutions-intro-fallback {
  width: 100%;
  max-width: 1440px;
}

.veterinary-practices-page .solutions-intro {
  position: relative;
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-direction: column;
  width: 100%;
  padding: 120px 0px 500px;
  max-width: 1440px;
  background-image: url(https://cdn.brief.vet/plumbs/marketing-site/images/veterinary-practices/Solutions_ForVeterinaryPractices_Hero_Desktop.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}

.veterinary-practices-page .solutions-intro-text-wrapper {
  width: 100%;
  padding: 0 0 0 60px;
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-direction: column;
}

.veterinary-practices-page .solutions-intro-text {
  width: 100%;
  max-width: 550px;
}

.veterinary-practices-page .solutions-intro-subheader {
  width: 100%;
  max-width: 480px;
}

.veterinary-practices-page .solutions-intro-copy {
  width: 100%;
  max-width: 420px;
}

@media only screen and (max-width: 1100px) {
  .veterinary-practices-page .solutions-intro {
    background: url(https://cdn.brief.vet/plumbs/marketing-site/images/veterinary-practices/pro/VeterinaryPractices_Hero_Mobile.jpg), linear-gradient(-157deg, #00CAE0, #214595 50%, #0A2447);
    transform: translateZ(0); /* Needed to force hardware accelleration on older devices in order to show the gradient */
    background-size: cover;
    background-position: bottom;
    padding: 80px 0 70vw;
  }
  .veterinary-practices-page .solutions-intro-text-wrapper {
    align-items: center;
    padding: 0;
  }
  .veterinary-practices-page .solutions-intro-text {
    text-align: center;
  }
  .veterinary-practices-page .solutions-intro-subheader {
    text-align: center;
  }
  .veterinary-practices-page .solutions-intro-copy {
    text-align: center;
  }
  .veterinary-practices-page .solutions-intro-button-mobile {
    margin: 0 30px -35px;
  }
  .veterinary-practices-page .solutions-intro .body-copy-18 {
    padding: 0 60px 40px;
  }
}

.veterinary-practices-page .solutions-intro-mobile-image {
  display: none;
}

/* BLUE BOX CSS */

.veterinary-practices-page .demo-blue-padding.desktop {
  position: absolute;
  left: 0;
  bottom: -30px;
  width: 100%;
  max-width: 58%;
}

@media only screen and (max-width: 1100px) {
  .veterinary-practices-page .demo-blue-padding.desktop {
    display: none;
  }
}

.veterinary-practices-page .demo-blue-padding.mobile {
  display: none;
}

@media only screen and (max-width: 1100px) {
  .veterinary-practices-page .demo-blue-padding.mobile {
    display: block;
    width: 100%;
    padding: 0 30px;
    margin-top: -100px;
    margin-bottom: 80px;
    z-index: 1;
  }
}

@media only screen and (max-width: 1000px) {
  .veterinary-practices-page .demo-blue-padding.mobile {
    margin-bottom: 0px;
  }
}

.veterinary-practices-page .demo-blue-container {
  width: 100%;
  padding: 80px 0px 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}

.veterinary-practices-page .demo-blue-container-text {
  width: 100%;
  max-width: 520px;
}

/* STICKY IMAGES CSS */
@media only screen and (max-width: 1000px) {
  .veterinary-practices-page .sticky-information-wrapper p.body-copy-18 {
    padding: 0
  }
}

/* SCHEDULE DEMO CSS */

.veterinary-practices-page .schedule-demo-container {
  width: 100%;
  max-width: 1440px;
  margin: 80px 0 0;
}

.veterinary-practices-page .schedule-demo-gradient {
  padding: 120px 0 200px;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.veterinary-practices-page .light-primary-gradient-grain {
  background-image: url(https://cdn.brief.vet/plumbs/marketing-site/images/grain/noise_seamless_110.png), linear-gradient(-90deg, #00CAE0, #214595);
  transform: translateZ(0); /* Needed to force hardware accelleration on older devices in order to show the gradient */
}

.veterinary-practices-page .schedule-demo-text {
  max-width: 550px;
}

.veterinary-practices-page .schedule-demo-body-text {
  width: 34%;
}

@media only screen and (max-width: 1000px) {
  .veterinary-practices-page .schedule-demo-container {
    width: 100%;
  }

  .veterinary-practices-page .schedule-demo-body-text {
    width: 100%;
    max-width: 600px;
  }
}

/* EVERYTHING NEEDED CSS */

.veterinary-practices-page .everything-needed-container {
  width: 100%;
  max-width: 1560px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  padding: 180px 0px 15px;
  margin: 0 0 -80px;
}

.veterinary-practices-page .everything-needed-header {
  width: 100%;
  max-width: 700px;
}

.veterinary-practices-page .everything-needed-copy {
  width: 100%;
  max-width: 600px;
  padding: 0 30px 60px;
}

.veterinary-practices-page .fast-icon {
  width: 82px;
  height: 80px;
  margin: 0 0 30px 0;
}

.veterinary-practices-page .reviewed-icon {
  width: 73px;
  height: 80px;
  margin: 0 0 30px 0;
}

.veterinary-practices-page .relevant-icon {
  width: 68px;
  height: 80px;
  margin: 0 0 30px 0;
}

/* WHITE BOXES CSS */
.veterinary-practices-page .white-boxes-container .fast-icon {
  width: 78px;
  height: 52px;
  margin-bottom: 40px;
}

.veterinary-practices-page .white-boxes-container .cat-dog-icon {
  width: 106px;
  height: 79px;
  margin-bottom: 28px;
}

.veterinary-practices-page .white-boxes-container .easy-icon {
  width: 60px;
  height: 69px;
  margin-bottom: 34px;
}