/*** Override Bootstrap colors */
/* stylelint-disable-next-line scss/no-global-function-names */
.experience-assets-testing {
  width: 100%;
}

.test-para {
  font-size: 25px;
  color: #303e48;
  font-family: Sabon-Roman; /* stylelint-disable-line font-family-no-missing-generic-family-keyword */
  padding-top: 50px;
  padding-bottom: 150px;
  line-height: 1.32;
}

@media only screen and (max-width: 767px) {
  .test-para {
    margin: auto;
  }
}
.desc-container {
  height: 750px;
  width: 100%;
  position: relative;
}

/* stylelint-disable-next-line selector-id-pattern */
#roseExperiencePage .desc-container {
  height: 800px;
  margin-bottom: 65px;
}

/* stylelint-disable-next-line selector-id-pattern, selector-class-pattern */
#roseExperiencePage .desc_heading {
  font-size: 45px;
  line-height: 1.05;
  letter-spacing: -1px;
  padding-bottom: 18px;
}

/* stylelint-disable-next-line selector-id-pattern */
#roseExperiencePage .test-para {
  padding-bottom: 150px;
  font-size: 18px;
}

.test-content {
  height: fit-content;
  width: 100%;
  display: flex;
}

.desc-container img {
  position: absolute;
}

.desc-container .testing-button {
  position: absolute;
  width: 256px;
  background-color: #303e48 !important;
  color: #fff;
}

.desc-container .testing-button:hover {
  background-color: transparent !important;
  color: #303e48 !important;
  border: 1px solid #303e48 !important;
}

@media only screen and (min-width: 544px) {
  .desc-container,
  #roseExperiencePage .desc-container { /* stylelint-disable-line selector-id-pattern */
    height: 600px;
  }
  .desc-container img {
    width: 375px;
  }
  .test-para {
    margin-right: 43px;
  }
}
@media only screen and (min-width: 992px) {
  .desc-container img {
    width: 385px;
  }
  /* stylelint-disable-next-line selector-id-pattern */
  #roseExperiencePage {
    /* stylelint-disable-next-line selector-class-pattern */
  }
  #roseExperiencePage .desc_heading {
    font-size: 55px;
  }
  #roseExperiencePage .test-para {
    padding-bottom: 60px;
  }
}
@media only screen and (min-width: 1200px) {
  .desc-container {
    width: 1300px;
    height: 680px;
  }
  .desc-container img {
    width: 600px;
  }
  .test-content {
    width: 1200px;
  }
  .test-para {
    padding-top: 70px;
  }
  /* stylelint-disable-next-line selector-id-pattern */
  #roseExperiencePage .desc-container {
    width: 1325px;
    height: 700px;
  }
}