/* ******* ============= ******** */
/* python page newStyle */
/* ******* ============= ******** */
:root {
  --main: #faa2c1;
  --second: #f783ac;
  --three: #c2255c;
  --six: #343a40;
  --white: #fff;
  --gray: #495057;
}

img {
  filter: contrast(130%);
}

.sl-hero-img {
  /* background: linear-gradient(
          120deg,
          rgba(255, 255, 255, 0.5),
          rgba(255, 255, 255, 0.5),
          rgba(100, 255, 255, 0.5)
        ),*/
  background-image: url("../images/sleep/hero-img.jpg");
  background-size: cover;
  height: 750px;
  filter: brightness(80%) contrast(140%);
  position: relative;
}
.hero-head .btn-super {
  background-color: #080508 !important;
  border: none !important;
  font-size: 0.9rem;
  color: #fff;
  font-weight: 600;
  padding: 8px 18px;
  border-radius: 10px;
}
.hero-head h2 {
  text-transform: capitalize;
  font-size: 4.2rem;
  color: #000;
  font-weight: 700;
  line-height: 132%;
}

.btn-super {
  background-color: #080508 !important;
  font-size: 14px;
  color: #fff;
  font-weight: 600;
  padding: 8px 18px;
  border-radius: 10px;
  width: 180px;
  text-align: center;
}

.program {
  padding: 100px 0;
  background: linear-gradient(
      120deg,
      rgba(255, 255, 255, 0.6),
      rgba(255, 255, 255, 0.9)
    ),
    url("../images/sleep/bg-body-2.jpg");
  background-size: 105% 120%;
}

.program img {
  box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}

.program h3,
.track h3,
.well-tonight h3,
.ai-iot h3,
.video h3 {
  font-size: 60px;
  font-weight: 700;
}

.program p,
.track p,
.well-tonight p,
.ai-iot p {
  margin: 50px 0 50px 0;
  font-size: 24px;
  font-weight: 500;
  line-height: 160%;
  color: #343a40;
}

.program .btn,
.well-tonight .btn,
.ai-iot .btn,
.contact .btn {
  background-color: #080508 !important;
  border: none !important;
  font-size: 18px;
  color: #fff;
  font-weight: 600;
}

.track {
  padding: 30px 0;
}
.track h3 {
  text-align: center;
}
.track p {
  .font-size: 14px;
  font-weight: 500;
  line-height: 150%;
  text-align: center;
}

.well-tonight {
  padding: 40px 0;
  background: linear-gradient(
      120deg,
      rgba(255, 255, 255, 0.9),
      rgba(255, 255, 255, 0.9)
    ),
    url("../images/sleep/bg-body-4.png") no-repeat;
  background-size: 120% 120%;
}

.well-tonight img {
  box-shadow: rgba(0, 0, 0, 0.24) 0px 2px 5px;
}

.ai-iot {
  padding: 100px 0;
  background-image: url("../images/sleep/bg-body-3.jpg");
  background-size: cover;
}

.ai-iot img {
  padding: 10px;
}
.gallery {
  padding: 100px 0;
  background-image: url("../images/sleep/bg-body-5.jpg");
  background-size: cover;
}

.gallery h4,
.contact h4 {
  margin-bottom: 50px;
  font-size: 60px;
  font-weight: 700;
  text-align: center;
}

.gallery-box {
  background: linear-gradient(
    180deg,
    rgba(250, 162, 193, 0.5),
    rgba(255, 255, 255, 0.9)
  );
  padding: 40px;
  box-shadow: rgba(0, 0, 0, 0.24) 0px 2px 5px;
  margin: 30px;
}

.gallery-box img {
  box-shadow: rgba(0, 0, 0, 0.24) 0px 5px 8px;
}

.video {
  background-color: rgba(247, 131, 172, 0.644);
  padding: 100px 0;
}

/* Responsive Code */

@media screen and (max-width: 1450px) {
}

@media screen and (max-width: 1350px) {
}

@media screen and (max-width: 1200px) {
}

@media screen and (max-width: 991px) {
}

@media screen and (max-width: 800px) {
}

@media screen and (max-width: 600px) {
  .hero-head h2 {
    text-transform: capitalize;
    font-size: 3rem;
  }
}