/* Style for primary-july-2025 Page */
/* .content,
.featureimage {
  display: none;
} */
/* =============================================================================
   HSS 2025 PAGE TEMPLATE: primary-july-2025.css
   =============================================================================
   Base Reset/Helpers
   -----------------------------------------------------------------------------
*/
.allprimarysection {
  min-height: 839px;
  background-image: url(/wp-content/uploads/2025/06/hssdestop14.webp);
  display: flex;
  align-items: center;
  justify-content: center;
  background-position: center center;
}
.page-id-3325 div#hero-section {
  position: relative;
}
.allprimarysection .keyfeatureicon img {
  width: 150px;
  float: right;
}
.allprimarysection .applinkgroup {
  width: 52%;
  display: flex;
}
.allprimarysection .featureslider {
  display: flex;
  flex: wrap;
  align-items: center;
}
.allprimarysection .featurecontent {
  width: 40%;
  padding: 15px;
}
.allprimarysection .subfeatureimage {
  width: 60%;
}
.allprimarysection .featurecontent h4 {
  font-size: 20px;
  font-weight: 600;
}

.page-id-3325 #hero-section .hss-heroimage {
  width: 40%;
  right: 0;
  position: absolute;
}
.chemistryslider .owl-prev,
.bioslider .owl-prev,
.physlider .owl-prev {
  background: transparent;
  background-image: url("/wp-content/uploads/2025/06/hssarrowleft1.webp") !important;
  width: 45px;
  height: 45px;
  background-size: contain !important;
  background-color: transparent !important;
  left: -50px;
}
.chemistryslider .owl-next,
.bioslider .owl-next,
.physlider .owl-next {
  background: transparent;
  background-image: url("/wp-content/uploads/2025/06/hssarrowright1.webp") !important;
  width: 45px;
  height: 45px;
  right: -50px;
  background-size: contain !important;
  background-color: transparent !important;
}
.chemistryslider .owl-prev svg,
.chemistryslider .owl-next svg,
.bioslider .owl-prev span,
.bioslider .owl-next span,
.physlider .owl-prev span,
.physlider .owl-next span {
  display: none;
}

@media (min-width: 1200px) and (max-width: 1400px) {
  .allprimarysection {
    min-height: 650px;
  }
  .chemistryslider .owl-next,
  .bioslider .owl-next,
  .physlider .owl-next {
    right: -25px;
  }
  .chemistryslider .owl-prev,
  .bioslider .owl-prev,
  .physlider .owl-prev {
    left: -25px;
  }
}