@import "tailwindcss";
/* google fonts-dm sans */
@import url("https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&display=swap");

@font-face {
  font-family: "ageoTrialMedium";
  src: url("./assets/fonts/AgeoTrial-Medium.ttf") format("truetype");
}
@font-face {
  font-family: "ageoTrialRegular";
  src: url("./assets/fonts/AgeoTrial-Regular.ttf") format("truetype");
}
@font-face {
  font-family: "ageoTrialBold";
  src: url("./assets/fonts/AgeoTrial-Bold.ttf") format("truetype");
}
@font-face {
  font-family: "ageoTrialExtraBold";
  src: url("./assets/fonts/AgeoTrial-ExtraBold.ttf") format("truetype");
}
@font-face {
  font-family: "ageoTrialHeavy";
  src: url("./assets/fonts/AgeoTrial-Heavy.ttf") format("truetype");
}
@font-face {
  font-family: "ageoTrialSemibold";
  src: url("./assets/fonts/AgeoTrial-SemiBold.ttf") format("truetype");
}

.dm-sans {
  font-family: "DM Sans", sans-serif;
}
button {
  cursor: pointer;
}
/* Swiper pagination bullet customization */
.swiper-pagination-bullet {
  width: 15px !important; /* width of the bullet */
  height: 6px !important; /* height of the bullet */
  border-radius: 0 !important; /* makes it square */
  background-color: #000000; /* default color */
  margin: 0 4px;
}

.swiper-pagination-bullet-active {
  background-color: #014757 !important; /* active bullet color - black */
}

.swiper-button-prev,
.swiper-button-next {
  color: #fff !important; /* default color for navigation buttons */
  background-color: #014757;
  border-radius: 50% !important; /* makes the buttons circular */
  width: 50px !important; /* width of the button */
  height: 50px !important; /* height of the button */
  font-size: 1px !important; /* font size for the arrows */
}
.swiper-button-prev:after,
.swiper-button-next:after {
  font-size: 16px !important;
}

@media screen and (min-width: 600px) {
  .swiper-button-prev,
  .swiper-button-next {
    color: #fff !important; /* default color for navigation buttons */
    background-color: #014757;
    border-radius: 50% !important; /* makes the buttons circular */
    width: 45px !important; /* width of the button */
    height: 45px !important; /* height of the button */
    font-size: 1px !important; /* font size for the arrows */
    margin-top: 20px !important;
  }

  /* hero section fallback */
  .hero_left {
    max-width: 468px !important;
  }
}