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

/* INTRO CSS */

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

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

.academic-institutions-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;
}

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

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

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

@media only screen and (max-width: 1100px) {
  .academic-institutions-page .solutions-intro {
    background-image: url(https://cdn.brief.vet/plumbs/marketing-site/images/universities/pro/AcademicInstitutions_Hero_Mobile.jpg);
    background-position: top;
    align-items: center;
    padding: 80px 0 40vw;
  }
  .academic-institutions-page .solutions-intro-text-wrapper {
    align-items: center;
    padding: 0;
  }
  .academic-institutions-page .solutions-intro-text {
    text-align: center;
  }
  .academic-institutions-page .solutions-intro-copy {
    text-align: center;
  }
  .academic-institutions-page .solutions-intro-button-mobile {
    margin: 0 30px -35px;
  }
}

@media only screen and (max-width: 1000px) {
  .academic-institutions-page .sticky-images-container .body-copy-18 {
   padding: 0;
  }
}

/* CTA INTERESTED CSS */
.academic-institutions-page .cta-interested {
  background: linear-gradient(90deg, #214595 0%, #00CAE0 100%);
  transform: translateZ(0); /* Needed to force hardware accelleration on older devices in order to show the gradient */
  width: 100%;
  margin: 80px 0 0;
  display: flex;
  justify-content: center;
  padding: 150px 0 182px;
  max-width: 1440px;
}

.academic-institutions-page .cta-interested .copy-wrapper {
  width: 100%;
  max-width: 500px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

@media only screen and (max-width: 1000px) {
  .academic-institutions-page .cta-interested {
    padding: 80px 0 120px;
  }
}

/* DEMO PLUMBS PRO IN ACTION CSS */

.academic-institutions-page .demo-container {
  position: relative;
  display: flex;
  align-items: flex-end;
  justify-content: flex-start;
  flex-direction: column;
  width: 100%;
  padding: 220px 60px 0;
  margin-top: -60px;
  max-width: 1440px;
  height: 890px;
  background-image: url(https://cdn.brief.vet/plumbs/marketing-site/images/demo-block/v3/Demo_ComputerLeft_Desktop_v3.0.png);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: top center;
}

@media only screen and (max-width: 1279px) {
  .academic-institutions-page .demo-container {
    align-items: center;
    margin-top: 0px;
    height: 100%;
    background-image: url(https://cdn.brief.vet/plumbs/marketing-site/images/demo-block/v3/Demo_ComputerCenter_Mobile_v3.0.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: bottom;
    z-index: 0;
    padding: 80px 0px 77vw;
  }
}

@media only screen and (max-width: 760px) {
  .academic-institutions-page .demo-container {
    padding: 80px 0px 75vw;
  }
}

@media only screen and (max-width: 500px) {
  .academic-institutions-page .demo-container {
    padding: 80px 0px 90vw;
  }
}

@media only screen and (max-width: 450px) {
  .academic-institutions-page .demo-container {
    padding: 80px 0px 120vw;
  }
}

.academic-institutions-page .demo-text-wrapper {
  width: 100%;
  max-width: 500px;
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-direction: column;
}

@media only screen and (max-width: 1300px) {
  .academic-institutions-page .demo-text-wrapper {
    align-items: center;
  }
}

@media only screen and (max-width: 760px) {
  .academic-institutions-page .demo-text-wrapper {
    max-width: 380px;
  }
}

@media only screen and (max-width: 1300px) {
  .academic-institutions-page .demo-text {
    text-align: center;
  }
}

.academic-institutions-page .demo-copy {
  max-width: 400px;
}

/* EVERYTHING NEEDED CSS */

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

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

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

.academic-institutions-page .efficient-icon {
  width: 82px;
  height: 80px;
  margin: 0 0 30px 0;
}

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

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

/* BLUE BOX CSS */

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

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

.academic-institutions-page .demo-blue-padding.mobile {
  display: none;
}

@media only screen and (max-width: 1100px) {
  .academic-institutions-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) {
  .academic-institutions-page .demo-blue-padding.mobile {
    margin-bottom: 0px;
  }
}

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

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