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

/* INTRO CSS */

.dic-page .intro {
  position: relative;
  display: flex;
  align-items: flex-end;
  justify-content: flex-start;
  flex-direction: column;
  width: 100%;
  padding: 180px 0px;
  max-width: 1440px;
  background-image: url(https://cdn.brief.vet/plumbs/marketing-site/images/drug-interaction-checker/DrugInteractionChecker_Desktop_Hero.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: top left;
}

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

.dic-page .dic-tag {
  margin: 0 30px 30px;
}

@media only screen and (max-width: 1100px) {
  .dic-page .intro {
    background-image: url(https://cdn.brief.vet/plumbs/marketing-site/images/drug-interaction-checker/DrugInteractionChecker_Mobile_Hero.jpg);
    align-items: center;
    padding: 80px 0 280px;
    z-index: 2;
  }
  .dic-page .intro-text-wrapper {
    align-items: center;
    padding: 0;
  }
  .dic-page .intro-text {
    text-align: center;
  }
}

@media only screen and (max-width: 900px) {
  .dic-page .intro {
    background-image: url(https://cdn.brief.vet/plumbs/marketing-site/images/drug-interaction-checker/DrugInteractionChecker_Mobile_Hero.jpg);
    padding: 80px 0 85vw;
  }
}

@media only screen and (max-width: 600px) {
  .dic-page .intro {
    background-image: url(https://cdn.brief.vet/plumbs/marketing-site/images/drug-interaction-checker/DrugInteractionChecker_Mobile_Hero.jpg);
    padding: 80px 0 600px;
    background-position: top left -100px;
  }
}

/* VIDEO SECTION CSS */

.dic-page .video-section-container {
  width: 100%;
  max-width: 1440px;
  padding: 30px;
  margin-top: -120px;
  z-index: 1;
}

@media only screen and (max-width: 1100px) {
  .dic-page .video-section-container {
    padding: 0px;
    margin-top: 0;
  }
}

.dic-page .video-section-wrapper {
  width: 100%;
  padding: 100px 0 0;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  background-color: #FFFFFF;
  box-shadow: rgba(7, 142, 227, 0.15) 0px 0px 40px;
}

@media only screen and (max-width: 1100px) {
  .dic-page .video-section-wrapper {
    padding: 60px 0 0;
  }
}

.dic-page .video-section-header {
  width: 100%;
  max-width: 520px;
  padding: 0 30px 30px;
}

.dic-page .video-section-copy {
  width: 100%;
  max-width: 520px;
  padding: 0 30px 60px;
}

.dic-page .video-section-video {
  width: 100%;
  max-width: 900px;
  margin-bottom: -50px;
  box-shadow: rgba(23, 40, 94, 0.08) 0px 4px 24px;
}

@media only screen and (max-width: 900px) {
  .dic-page .video-section-video {
    margin-bottom: 0px;
  }
}

/* DIC LIST CSS */

.dic-page .list-section-container {
  display: flex;
  justify-content: flex-end;
  flex-direction: column;
  padding: 0 60px 240px;
  width: 100%;
  max-width: 1440px;
  background-image: url(https://cdn.brief.vet/plumbs/marketing-site/images/drug-interaction-checker/DrugInteractionChecker_Desktop_Features.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: bottom right;
}

@media only screen and (max-width: 1440px) {
  .dic-page .list-section-container {
    background-image: url(https://cdn.brief.vet/plumbs/marketing-site/images/drug-interaction-checker/DrugInteractionChecker_SmallDesktop_Features_1.jpg);
  }
}

@media only screen and (max-width: 1200px) {
  .dic-page .list-section-container {
    padding: 80px 60px 240px;
  }
}

@media only screen and (max-width: 1100px) {
  .dic-page .list-section-container {
    background-image: url(https://cdn.brief.vet/plumbs/marketing-site/images/drug-interaction-checker/DrugInteractionChecker_Mobile_Features_2.jpg);
    align-items: center;
    justify-content: flex-start;
    height: 2000px;
    padding: 80px 0px 0px;
    background-position: bottom;
  }
}

.dic-page .list-information {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-direction: row;
  width: 100%;
  max-width: 48%;
  min-width: 580px;
  padding: 30px 30px 0;
}

@media only screen and (max-width: 1100px) {
  .dic-page .list-information {
    padding: 0;
  }
}

@media only screen and (max-width: 760px) {
  .dic-page .list-information {
    max-width: inherit;
    min-width: inherit;
    flex-direction: column;
    align-items: center;
    padding: 0 0 30px 0;
  }
}

.dic-page .list-icon {
  width: 120px;
  display: flex;
  align-items: center;
  justify-content: center;
}

@media only screen and (max-width: 760px) {
  .dic-page .list-icon {
    padding: 0 0 30px 0;
  }
}

.dic-page .list-specific-guides-icon {
  width: 110px;
}

.dic-page .list-potential-interactions-icon {
  width: 110px;
}

.dic-page .list-expert-insights-icon {
  width: 73px;
}

.dic-page .list-text-wrapper {
  display: flex;
  flex-direction: column;
  width: 100%;
}

.dic-page .list-mobile-invisible-height {
  display: none;
}

@media only screen and (max-width: 1100px) {
  .dic-page .list-mobile-invisible-height {
    display: flex;
    width: 100%;
    height: calc(200vw - 100vw);
  }
}

@media only screen and (max-width: 450px) {
  .dic-page .list-mobile-invisible-height {
    height: calc(200vw - 80vw);
  }
}

@media only screen and (max-width: 400px) {
  .dic-page .list-mobile-invisible-height {
    height: calc(200vw - 60vw);
  }
}

/* DISCLAIMER */

.dic-disclaimer-container {
  width: 100%;
  max-width: 1440px;
  padding: 80px 0 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-top: 1px solid #D0D7E8;
}

.dic-disclaimer-text {
  width: 100%;
  max-width: 925px;
}