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

  /* INTRO CSS */

  .diagnostic-treatment-information-page .intro {
    position: relative;
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    flex-direction: column;
    width: 100%;
    padding: 120px 0 160px;
    max-width: 1440px;
    background-image: url(https://cdn.brief.vet/plumbs/marketing-site/images/case2/Case2_Hero_Desktop.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: left;
  }

  .diagnostic-treatment-information-page .intro-text-wrapper {
    width: 100%;
    max-width: 570px;
    padding: 0 0 0 60px;
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    flex-direction: column;
  }

  .diagnostic-treatment-information-page .boxed-tags-wrapper {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-self: center;
    margin: 0 30px 20px;
  }

  @media only screen and (max-width: 500px) {
    .diagnostic-treatment-information-page .boxed-tags-wrapper {
      flex-direction: column;
    }
  }

  .diagnostic-treatment-information-page .boxed-tag,
  .diagnostic-treatment-information-page .boxed-tag-not-all-caps {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-self: center;
    margin: 0 0 10px;
  }

  .diagnostic-treatment-information-page .pro-icon {
    width: 37px;
    height: 20px;
    margin: 0 0 0 10px;
  }

  .diagnostic-treatment-information-page .plus-sign {
    padding: 5px 10px 15px;
    color: #ffffff;
    font-family: 'Source Sans Pro', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    line-height: 1.2;
    font-size: 16px;
    font-weight: 700;
  }

  @media only screen and (max-width: 500px) {
    .diagnostic-treatment-information-page .plus-sign {
      display: none;
    }
  }

  @media only screen and (max-width: 1100px) {
    .diagnostic-treatment-information-page .intro {
      background-image: url(https://cdn.brief.vet/plumbs/marketing-site/images/case2/Case2_Hero_Mobile.jpg);
      align-items: center;
      padding: 80px 0 120vw;
      background-position: bottom;
    }
    .diagnostic-treatment-information-page .intro-text-wrapper {
      align-items: center;
      padding: 0;
    }
    .diagnostic-treatment-information-page .intro-text {
      text-align: center !important;
    }
  }

  /* WHITE BOX ICONS */

  .diagnostic-treatment-information-page .useful-icon {
    width: 105px;
    height: 77px;
    margin: 0 0 20px;
  }

  .diagnostic-treatment-information-page .comprehensive-icon {
    width: 77px;
    height: 77px;
    margin: 0 0 20px;
  }

  .diagnostic-treatment-information-page .organized-icon {
    width: 84px;
    height: 77px;
    margin: 0 0 20px;
  }

  /* WHITE INTRO TEXT */

  .diagnostic-treatment-information-page .white-intro-text {
    padding: 80px 0;
    z-index: 3;
  }

  @media only screen and (max-width: 1000px) {
    .diagnostic-treatment-information-page .white-intro-text {
      padding: 80px 0 0;
    }
  }

  /* BULLETS CSS */

  .diagnostic-treatment-information-page .bullets-container {
    padding: 160px 0;
    margin: -160px 0 0;
    background-image: url(https://cdn.brief.vet/plumbs/marketing-site/images/case2/Case2_Feature_Desktop.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
  }

  .diagnostic-treatment-information-page .bullets-wrapper {
      align-items: flex-end;
  }

  .diagnostic-treatment-information-page .bullets-information-wrapper {
      max-width: 55%;
  }

  @media only screen and (max-width: 1000px) {
    .diagnostic-treatment-information-page .bullets-information-wrapper {
        max-width: 700px;
        align-self: center;
    }
  }

  .diagnostic-treatment-information-page .bullets-information-hidding-line, .diagnostic-treatment-information-page .bullets-information-circle {
      background-color: #E7EBF4;
  }

  .diagnostic-treatment-information-page .bullets-information:last-of-type {
      border-left-color: transparent;
  }

  @media only screen and (max-width: 1000px) {
    .diagnostic-treatment-information-page .bullets-container {
      padding: 0 0 110vw 0;
      margin: 0;
      background-image: url(https://cdn.brief.vet/plumbs/marketing-site/images/case2/Case2_Feature_Mobile.jpg);
      background-position: bottom;
    }
  }

  @media only screen and (max-width: 1000px) {
    .diagnostic-treatment-information-page .bullets-wrapper {
      padding: 0px;
    }
  }

  .diagnostic-treatment-information-page .bullets-image-desktop {
    position: absolute;
    top: -35px;
    right: -450px;
    width: 100%;
    max-width: 1108px;
    pointer-events: none;
  }

  @media only screen and (max-width: 1300px) {
    .diagnostic-treatment-information-page .bullets-image-desktop {
      top: auto;
      width: 75%;
      right: -35vw;
    }
  }

  @media only screen and (max-width: 1000px) {
    .diagnostic-treatment-information-page .bullets-image-desktop {
      display: none;
    }
  }

  .diagnostic-treatment-information-page .bullets-image-tablet {
    display: none;
  }

  @media only screen and (max-width: 1000px) {
    .diagnostic-treatment-information-page .bullets-image-tablet {
      display: block;
      width: 100%;
      margin-top: calc(100vw - 103.5vw);
      z-index: 1;
      pointer-events: none;
    }
  }

  @media only screen and (max-width: 700px) {
    .diagnostic-treatment-information-page .bullets-image-tablet {
      display: none;
    }
  }

  .diagnostic-treatment-information-page .bullets-image-mobile {
    display: none;
  }

  @media only screen and (max-width: 700px) {
    .diagnostic-treatment-information-page .bullets-image-mobile {
      display: block;
      width: 100%;
      margin-bottom: calc(100vw - 105vw);
      margin-top: calc(100vw - 107vw);
      z-index: 1;
      pointer-events: none;
    }
  }

  /* CASE STUDY QUOTE */

  .diagnostic-treatment-information-page .case-study-quote-container {
    width: 100%;
    max-width: 1440px;
    padding: 30px;
    margin: -60px 0 0;
    z-index: 2;
  }
  @media only screen and (max-width: 1000px) {
    .diagnostic-treatment-information-page .quote-author {
        padding: 0 30px;
    }
}

  /* CHOOSE PLAN CSS */

  .diagnostic-treatment-information-page .choose-plan-container {
    width: 100%;
    max-width: 1440px;
    padding: 0 30px;
  }

  @media only screen and (max-width: 1000px) {
    .diagnostic-treatment-information-page .choose-plan-container, .diagnostic-treatment-information-page .case-study-quote-container {
      padding: 0;
      margin: 0;
    }
  }

  .diagnostic-treatment-information-page .choose-plan-background {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-direction: row;
    width: 100%;
    padding: 100px 60px  400px;
    background-image: url(https://cdn.brief.vet/plumbs/marketing-site/images/case2/Case2_ProBlock_desktop.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
  }

  @media only screen and (max-width: 1000px) {
    .diagnostic-treatment-information-page .choose-plan-background {
      flex-direction: column;
      padding: 0 0 165vw;
      background-image: url(https://cdn.brief.vet/plumbs/marketing-site/images/case2/Case2_ProBlock_mobile.jpg);
      background-size: 100%;
      background-position: bottom;
    }
  }

  .diagnostic-treatment-information-page .choose-plan-image {
    width: 50%;
  }

  @media only screen and (max-width: 1000px) {
    .diagnostic-treatment-information-page .choose-plan-image {
      width: 100%;
      max-width: 554px;
      margin: -60px 0 0;
      order: 0;
    }
  }

  .diagnostic-treatment-information-page .choose-plan-text-wrapper {
    width: 100%;
    max-width: 45%;
    display: flex;
    align-items: flex-start;
    flex-direction: column;
  }

  @media only screen and (max-width: 1000px) {
    .diagnostic-treatment-information-page .choose-plan-text-wrapper {
      padding: 30px 0 0;
      order: 1;
      max-width: 100%;
    }

    .diagnostic-treatment-information-page .choose-plan-text-wrapper .gradient-button {
        align-self: center;
    }
  }

  .diagnostic-treatment-information-page .choose-plan-tag {
    margin: 0 30px 30px;
  }

  .diagnostic-treatment-information-page .choose-plan-text {
    width: 100%;
    max-width: 700px;
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    flex-direction: column;
  }

  .diagnostic-treatment-information-page .choose-plan-small-icon {
    width: 31px;
    height: 29px;
    margin: 0 10px 0 0;
  }

  /* CASE STUDY HANDOUTS CSS */

  .diagnostic-treatment-information-page .case-study-guides-container {
    width: 100%;
    max-width: 1440px;
    padding: 0 30px 30px;
    z-index: 2;
  }

  .diagnostic-treatment-information-page .case-study-guides-background {
    position: relative;
    display: flex;
    align-items: flex-end;
    justify-content: flex-end;
    flex-direction: column;
    width: 100%;
    padding: 100px 30px;
    background-image: url(https://cdn.brief.vet/plumbs/marketing-site/images/case1/Case1_PatientGuides_MedicationGuides_Desktop.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: right;
  }

  @media only screen and (max-width: 1000px) {
    .diagnostic-treatment-information-page .case-study-guides-background {
      align-items: center;
      padding: 80px 0 125vw;
      background-image: url(https://cdn.brief.vet/plumbs/marketing-site/images/case1/Case1_PatientGuides_MedicationGuides_Mobile.jpg);
      background-position: bottom;
    }
  }

  .diagnostic-treatment-information-page .case-study-guides-text-wrapper {
    width: 100%;
    max-width: 490px;
    display: flex;
    align-items: flex-start;
    flex-direction: column;
  }

  @media only screen and (max-width: 1000px) {
    .diagnostic-treatment-information-page .case-study-guides-text-wrapper {
      align-items: center;
    }
  }

  .diagnostic-treatment-information-page .case-study-guides-tag {
    margin: 0 30px 30px;
  }

  .diagnostic-treatment-information-page .case-study-guides-text {
    width: 100%;
    max-width: 500px;
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    flex-direction: column;
  }

  @media only screen and (max-width: 1000px) {
    .diagnostic-treatment-information-page .case-study-guides-text {
      align-items: center;
      text-align: center;
    }
  }

  /* CASE STUDY DRUGS CSS */

  .diagnostic-treatment-information-page .case-study-drugs-container {
    width: 100%;
    max-width: 1440px;
    padding: 0 30px 30px;
    z-index: 2;
  }

  .diagnostic-treatment-information-page .case-study-drugs-background {
    position: relative;
    display: flex;
    align-items: flex-start;
    justify-content: flex-end;
    flex-direction: column;
    width: 100%;
    padding: 100px 30px;
    background-image: url(https://cdn.brief.vet/plumbs/marketing-site/images/case2/Case2_Feature_DrugMonographs_DIC_Desktop.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: bottom;
  }

  @media only screen and (max-width: 1000px) {
    .diagnostic-treatment-information-page .case-study-drugs-background {
      align-items: center;
      padding: 80px 0 125vw;
      background-image: url(https://cdn.brief.vet/plumbs/marketing-site/images/case2/Case2_Feature_DrugMonographs_DIC_Mobile.jpg);
    }
  }

  .diagnostic-treatment-information-page .case-study-drugs-text-wrapper {
    width: 100%;
    max-width: 470px;
    display: flex;
    align-items: flex-start;
    flex-direction: column;
  }

  @media only screen and (max-width: 1000px) {
    .diagnostic-treatment-information-page .case-study-drugs-text-wrapper {
      align-items: center;
    }
  }

  .diagnostic-treatment-information-page .case-study-drugs-tag {
    margin: 0 30px 30px;
  }

  .diagnostic-treatment-information-page .case-study-drugs-text {
    width: 100%;
    max-width: 500px;
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    flex-direction: column;
  }

  @media only screen and (max-width: 1000px) {
    .diagnostic-treatment-information-page .case-study-drugs-text {
      align-items: center;
      text-align: center;
    }
  }
