body {
  background-color: #c7e2f2;
  background: linear-gradient(#b54f5e4f, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.3), #b54f5e9c), url(/images/products/!bg/la-femme-bg.jpg);
  background-size: cover;
  background-attachment: fixed;
}

header {
  background: url(/images/logo/topper-light.png), linear-gradient(#b54f5e, rgba(255, 255, 255, 0.5), #b54f5e);
  background-size: cover;
  background-repeat: no-repeat;
  height: 125px !important;
}
h2 {
  font-weight: bolder;
}
.icon {
  fill: #b5021d !important;
}
.dotted-hr {
  border-top: 12px dotted #b54f5e;
}

#nav-div,
.carousel-progress-bar-timer {
  background: #b5021d;
}

.carousel-control-next-icon,
.carousel-control-prev-icon {
  width: 75px;
  height: 75px;
}
.hr-bg,
.details,
.btn-special {
  background: linear-gradient(#b54f5e, rgba(255, 255, 255, 0.5), #b54f5e);
  text-transform: uppercase;
}
.box-no-border {
  background-color: rgb(255, 255, 255, 0.3);
}
.card {
  border: medium solid #b54f5e;
}
.intro {
  margin-top: -20px;
  background: linear-gradient(transparent, #b54f5e75,#b54f5e75, transparent);
}
.product {
  float: right;
  padding-left: 2rem;
  margin-top: -50px;
}
h1 {
  margin-top: -35px;
}
.detail-img-wrapper {
  padding-top: calc(504 / 334 * 100%);
}
@media (max-width: 1107px) {
  .product {
    margin-top: 0px !important;
  }
  #first-paragraph {
    padding-left: 0;
  }
}

@media (max-width: 992px) {
  #detailsCarousel .carousel-inner {
    width: 50%;
  }
  .carousel-control-next-icon,
  .carousel-control-prev-icon {
    width: 100px;
    height: 100px;
  }
}
@media (max-width: 600px) {
  h1 {
    margin-bottom: 0;
  }
  #detailsCarousel .carousel-inner {
    width: 100%;
  }
  .product {
    margin-top: 0px !important;
    float: none !important;
    padding: 0;
    text-align: center;
  }
  .carousel-indicators {
    margin-left: 0;
    margin-right: 0;
    flex-wrap: wrap;
    height: 40px;
    display: flex;
    margin-bottom: 0;
    align-items: center;
    bottom: -42px;
    padding: 0 15px;
  }
}
@media (max-width: 480px) {
  .card ul, .card ol, 
  .container-xl ul, .container-xl ol {
      padding-left: 25px;
  }
}
@media (max-width: 360px) {
  .card ul, .card ol, 
  .container-xl ul, .container-xl ol {
      padding-left: 15px;
  }
}