@font-face {
  font-family: "Avenir Book";
  src: url(@/../../fonts/Avenir-Book.ttf);
}
body {
  position: relative;
  overflow-x: hidden;
}

p {
  margin: 20px 0 !important;
}

.desc p {
  margin: 0 !important;
}

.swiper-pagination-bullet {
  width: 10px;
  height: 10px;
  background: transparent;
  opacity: 1;
  border: 1px solid #828282;
}

.swiper-pagination-bullet-active {
  background: #BDBDBD;
}

.swiper-button-next:after, .swiper-button-prev:after {
  color: white;
  font-size: 20px;
  padding: 12px 17px;
  background: rgba(62, 62, 62, 0.3);
}

.modalsmaking {
  transition: all 0.3s ease-in-out;
  transform: translateY(100%);
  z-index: 90;
}

.modalsmaking.openm {
  transform: translateY(0);
}

/* Add Animation */
@keyframes animatetop {
  from {
    right: -300px;
    opacity: 0;
  }
  to {
    right: 0;
    opacity: 1;
  }
}
@keyframes animatetop {
  from {
    top: -300px;
    opacity: 0;
  }
  to {
    top: 0;
    opacity: 1;
  }
}
/* The Close Button */
.close,
.closep {
  color: white;
  float: right;
  font-size: 28px;
  font-weight: bold;
}

.close:hover,
.close:focus,
.closep:hover,
.closep:focus {
  cursor: pointer;
}/*# sourceMappingURL=main.css.map */