rubix/src/index.css

@font-face {
  font-family: "Mona Sans";
  src: url("Mona-Sans.woff2") format("woff2 supports variations"),
    url("Mona-Sans.woff2") format("woff2-variations");
  font-weight: 200 900;
  font-stretch: 75% 125%;
}

.rubix-text-heading {
  font-size: 60px !important;
  font-family: "Mona Sans";
  color: #fff;
}
.rubix-text-subheading {
  font-size: 25px !important;
}
.rubix-text-title {
  font-size: 38px !important;
  color: #fff;
}

.rubix-text-large {
  font-size: 22px !important;
  font-family: "Poppins" !important;
  color: #fff !important;
}
.rubix-text-medium {
  font-size: 20px !important;
  font-family: "Poppins" !important;
  color: #fff !important;
}
.rubix-text-small {
  font-size: 17px !important;
  font-family: "Poppins" !important;
  color: #fff !important;
}

.link {
  color: #ffff;
}

.link:hover {
  color: #de858e;
}

.swiper-button-prev,
.swiper-button-next {
  color: #de858e;
}
span.swiper-pagination-bullet {
  background: #de858e;
  width: 35px;
  height: 3px;
  border-radius: 0;
}
.team-slider .swiper-button-next:after {
  position: absolute;
  top: 185px;
  width: 38px;
  height: 38px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50px;
  font-size: 18px;
  color: #000;
  font-weight: 700;
  right: 110px;
  background-image: radial-gradient(
    circle,
    #ffffff,
    #eee2f2,
    #e7c3dc,
    #e5a3ba,
    #de858e
  );
}
.team-slider .swiper-button-prev:after {
  position: absolute;
  top: 185px;
  width: 38px;
  height: 38px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50px;
  font-size: 18px;
  color: #000;
  font-weight: 700;
  left: 110px;
  background-image: radial-gradient(
    circle,
    #ffffff,
    #eee2f2,
    #e7c3dc,
    #e5a3ba,
    #de858e
  );
}

.swiper-pagination {
  top: 90% !important;
}

.swiper-pagination-bullet {
  background: #383838 !important;
}

.swiper-pagination-bullet-active {
  background: #fff !important;
}

@media only screen and (max-width: 600px) {
  .swiper-button-prev:after,
  .swiper-button-next:after {
    font-size: 20px;
  }

  .swiper-pagination-bullets {
    height: fit-content !important;
  }

  .swiper-pagination {
    top: 90% !important;
  }

  .swiper-button-next {
    right: -8px;
  }

  .swiper-button-prev {
    left: -8px;
  }
}
/* html {
  font-family: "Mona Sans";
} */

.rubix-text-heading-2 {
  font-size: 40px !important;
  font-family: "Mona Sans";
  color: #fff;
}

.rubix-text-xsmall {
  font-size: 15px !important;
  font-family: "Poppins" !important;
  color: #fff !important;
}

.rubix-fw-100 {
  font-weight: 100 !important;
}

.rubix-fw-200 {
  font-weight: 200 !important;
}

.rubix-fw-300 {
  font-weight: 300 !important;
}

.rubix-fw-400 {
  font-weight: 400 !important;
}

.rubix-fw-500 {
  font-weight: 500 !important;
}

.rubix-fw-600 {
  font-weight: 600 !important;
}

.rubix-fw-700 {
  font-weight: 700 !important;
}

.rubix-fw-800 {
  font-weight: 800 !important;
}

.rubix-fw-900 {
  font-weight: 900 !important;
}