@import url("https://fonts.googleapis.com/css2?family=Cormorant&family=Lato:wght@300;400;700&family=Raleway:wght@300&display=swap");
@font-face {
  font-family: "Neutral-Normal";
  src: url(/fonts/NeutralFace.otf);
}
@font-face {
  font-family: "Neutral-Bold";
  src: url(/fonts/NeutralFace-Bold.otf);
}
.cart__data {
  display: flex;
  align-items: center;
  margin-bottom: 25px;
}
.cart__data .data__svg {
  display: flex;
  align-items: center;
  margin-right: 10px;
}
.cart__data .data {
  font-family: Raleway;
  font-size: 17px;
  font-style: normal;
  font-weight: 300;
  line-height: 155%;
  opacity: 0.6;
}

.cart__button.blue {
  padding-top: 25px;
  width: 100%;
  height: 58px;
}
.cart__button.blue .blue {
  background-color: #478ACD;
  color: #F9F9FA;
  width: 100%;
  height: 100%;
  padding: 18px 30px;
  text-decoration: none;
  font-family: Raleway;
  font-size: 19px;
  font-style: normal;
  font-weight: 300;
  line-height: normal;
  letter-spacing: -0.76px;
}

.attr__text.caps {
  font-family: Neutral Face;
  font-size: 15px;
  font-style: normal;
  font-weight: 400;
  line-height: 155%;
  color: #F9F9FA;
  opacity: 1 !important;
}

.project__cart {
  display: flex;
  flex-shrink: 0;
}

.cart.padding {
  padding: 40px !important;
  flex-shrink: 0;
}

.cart__adress.margin {
  margin: 25px 0;
}

.project__text.left {
  position: absolute;
  top: 150px;
  left: -90%;
  font-size: 22px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
  width: 550px;
  color: #fff;
}

.project__pagination {
  display: flex;
  width: -moz-max-content;
  width: max-content;
  justify-content: center;
}
.project__pagination .pagination {
  cursor: pointer;
  width: 50px;
  height: 50px;
  background-color: #F9F9FA;
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 170%;
  color: #478ACD;
  border: 1px solid #F9F9FA;
  border-radius: 5px;
  margin: 0 15px;
}
.project__pagination .pagination.active {
  background-color: #478ACD;
  color: #F9F9FA;
  border: 1px solid #478ACD;
}

@media only screen and (max-width: 1170px) {
  .project__text.left {
    font-size: 22px;
    right: 35% !important;
    transform: translate(-35%, 0);
  }
}
@media only screen and (max-width: 860px) {
  .project__text.left {
    transform: translate(0);
  }
  .pagination:nth-child(1) {
    margin-left: 0 !important;
  }
}