@import "tailwindcss";

@font-face {
  font-family: 'Baloo2';
  src: url('fonts/Baloo2-Regular.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Baloo2';
  src: url('fonts/Baloo2-Bold.ttf') format('truetype');
  font-weight: bold;
  font-style: normal;
}

@font-face {
  font-family: 'Baloo2';
  src: url('fonts/Baloo2-Medium.ttf') format('truetype');
  font-weight: 500;
  font-style: normal;
}

@font-face {
  font-family: 'Baloo2';
  src: url('fonts/Baloo2-SemiBold.ttf') format('truetype');
  font-weight: 600;
  font-style: normal;
}

@font-face {
  font-family: 'Baloo2';
  src: url('fonts/Baloo2-ExtraBold.ttf') format('truetype');
  font-weight: 800;
  font-style: normal;
}

@font-face {
  font-family: 'Nephilm';
  src: url('fonts/Nephilm.otf') format('opentype');
  font-weight: normal;
  font-style: normal;
}

@font-face {
    font-family: 'Darkline Regular';
    font-style: normal;
    font-weight: normal;
    src: local('Darkline Regular'), url('fonts/darkline/Darkline.woff') format('woff');
}

body {
    font-family: 'Baloo2', sans-serif;
}

h1 {
    font-family: 'Nephilm', serif;
}

p, a {
    font-family: 'Baloo2', sans-serif;
}


.darkline-font {
    font-family: 'Darkline Regular';
}

.swiper-button-next:after, .swiper-button-prev:after {
  font-size: 15px !important;
  font-weight: 700 !important;
}