/* all my style goes here */
.ft1{
      font-size: smaller !important;
}
.ft2{
  font-size: small !important;
}
.ft3{
  font-size: medium !important;
}
.ft4{
  font-size: larger !important;
}

.text-underline{
  text-decoration: underline !important;
}
 
.text-orange{
  color: #e65124;
}

.earth-icon {
  font-size: 18px;
  color: #fff;
}

.brand-name {
  font-weight: 400;
  margin-right: 8px;
  text-decoration: underline;
  font-size: 15px;
}

.footImg1 {
  width: 60px;
  height: 20px;
}
.footImg2 {
  width: 100px;
  height: 30px;
}
.footImg3 {
  width: 80px;
  height: 20px;
}

/* card symbol start */
.slider-card-flat1 {
  position: relative;
}

.fav-icon {
  position: absolute;
  top: 10px;
  right: 10px;
  font-size: 20px;
  color: #fff;
  padding: 8px;
  border-radius: 50%;
  cursor: pointer;
  transition: 0.3s;
}

.fav-icon.active {
  color: red;
}

/* card symbol end */

/* men page card start */
.category-card {
  background: #f8ecd6;
  overflow: hidden;
  text-align: center;
  transition: 0.3s ease;
  cursor: pointer;
}

.category-img {
  width: 100%;
  height: 400px;
}

.category-name {
  padding: 15px 10px;
  font-size: 18px;
  font-weight: 600;
  margin: 0;
}

/* men page card end */

/* CARD SHAPES */
.slider-card,
.slider-card-flat {
  height: 320px;
  position: relative;
  overflow: hidden;
  text-align: center;
}

.slider-card-flat1 {
  height: 420px;
  position: relative;
  overflow: hidden;
  text-align: center;
}

.slider-card {
  border-radius: 220px 220px 0 0;
  box-shadow: 0 0 0 3px #ffe5dc, 0 8px 18px #703634;
  margin-top: 10px;
}

/* IMAGE FULL SIZE */
.card-img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

/*  GRADIENT OVER IMAGE */
.slider-card::after,
.slider-card-flat::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(
    to top,
    #703634 0%,
    #703634 0%,
    #703634 4%,
    rgba(255, 255, 255, 0) 16%
  );
  z-index: 1;
}

/* DRESS NAME ON GRADIENT */
.dress-name {
  position: absolute;
  bottom: 10px;
  width: 100%;
  left: 0;
  color: white;
  z-index: 2;
  font-weight: 400;
}

/* ARROWS */
.carousel-control-prev,
.carousel-control-next {
  width: 40px;
  height: 40px;
  background: white;
  border-radius: 50%;
  top: 50%;
  transform: translateY(-50%);
  opacity: 1;
  box-shadow: 0 0px 10px rgba(241, 201, 186, 1);
  display: flex;
  align-items: center;
  justify-content: center;
}

.carousel-control-prev {
  left: -70px;
}

.carousel-control-next {
  right: -70px;
}

.carousel-control-prev-icon,
.carousel-control-next-icon {
  display: none;
}

.custom-arrow {
  font-size: 15px;
  color: #000;
}

/* MOBILE HORIZONTAL SLIDER FIX */
@media (max-width: 768px) {
  .carousel-control-prev,
  .carousel-control-next {
    display: none !important;
  }

  /* Make carousel row scrollable horizontally */
  .carousel-inner .row {
    display: flex !important;
    flex-wrap: nowrap !important;
    overflow-x: auto;
    scroll-snap-type: x mandatory;
  }
}

/* CARD SHAPES */
.lookbook-card {
  height: 460px;
  position: relative;
  overflow: hidden;
  text-align: center;
  border-radius: 220px 220px 0 0;
  box-shadow: 0 0 0 3px #ffe5dc, 0 8px 18px #703634;
  margin-top: 10px;
}

/* IMAGE FULL SIZE */
.lookbook-img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

/* CAROUSEL ARROWS */
#lookbookCarousel .carousel-control-prev,
#lookbookCarousel .carousel-control-next {
  width: 40px;
  height: 40px;
  background: white;
  border-radius: 50%;
  top: 50%;
  transform: translateY(-50%);
  opacity: 1;
  box-shadow: 0 0px 10px rgba(241, 201, 186, 1);
  display: flex;
  align-items: center;
  justify-content: center;
}

#lookbookCarousel .carousel-control-prev {
  left: -70px;
}

#lookbookCarousel .carousel-control-next {
  right: -70px;
}

#lookbookCarousel .carousel-control-prev-icon,
#lookbookCarousel .carousel-control-next-icon {
  display: none;
}

/* MOBILE HORIZONTAL SCROLL */
@media (max-width: 768px) {
  #lookbookCarousel .carousel-control-prev,
  #lookbookCarousel .carousel-control-next {
    display: none !important;
  }

  #lookbookCarousel .carousel-inner .lookbook-row {
    display: flex !important;
    flex-wrap: nowrap !important;
    overflow-x: auto;
    scroll-snap-type: x mandatory;
  }
}

.light-pink{
  background-color: #fdfbf7;
}