@import url('../fonts/stylesheet.css');
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v20/KFOmCnqEu92Fr1Me5Q.ttf) format('truetype');
}
.main-btn {
  height: 36px;
  min-width: 120px;
  border-radius: 60px;
  padding: 0;
  background-color: #2A8BD3;
  color: #FFFFFF;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: bold;
  font-size: 14px;
  border-style: none;
  cursor: pointer;
  box-shadow: 0px 5px 25px #2B87CB8C;
  border-radius: 30px;
  text-transform: uppercase;
}
.main-btn:hover {
  background-color: #004864;
  text-decoration: none;
  color: #FFFFFF;
  transition: background 0.5s linear;
  box-shadow: none;
}
@keyframes productBG {
  from {
    opacity: 0;
    transform: scale(1.2);
  }
  to {
    opacity: 1;
    transform: scale(1);
  }
}
@keyframes product {
  from {
    -webkit-transform: rotate(10deg);
    top: 40px;
    opacity: 0;
  }
  to {
    -webkit-transform: rotate(22deg);
    top: 63px;
    opacity: 1;
  }
}
.header .row .listContainer .list-wrapper ul .right-li .main-btn {
  padding: 0 10px;
}
.hero-wrapper .container .hero-left-wrapper .hero-btn-wrapper .btn-size .main-btn {
  width: 275px;
}
.product-wrapper .container .product-left-wrapper .main-btn {
  width: 210px;
}
.order-wrapper .order-content .back-to .main-btn {
  width: 345px;
}