@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Shadows+Into+Light&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Hurricane&display=swap');

/* @font-face {
  font-family: 'Bahnschrift';
  src: url('/fonts/BAHNSCHRIFT.TTF') format('truetype');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
} */

/* If you know the bold version exists (even if you only have regular) */
/* @font-face {
  font-family: 'Bahnschrift';
  src: url('/fonts/BAHNSCHRIFT.TTF') format('truetype');
  font-weight: bold;
  font-style: normal;
  font-display: swap;
} */

/* @font-face {
  font-family: 'Bahnschrift';
  src: url('/fonts/bahnschrift_new/bahnschrift.eot');
  src: url('/fonts/bahnschrift_new/bahnschrift.eot?#iefix') format('embedded-opentype'),
    url('/fonts/bahnschrift_new/bahnschrift.woff2') format('woff2'),
    url('/fonts/bahnschrift_new/bahnschrift.woff') format('woff'),
    url('/fonts/bahnschrift_new/bahnschrift.ttf') format('truetype'),
    url('/fonts/bahnschrift_new/bahnschrift.svg#Bahnschrift') format('svg');
  font-weight: bold;
  font-style: normal;
} */

@font-face {
  font-family: 'Serpentine';
  /* src: url('/fonts/serpentinedbol/SerpentineStd-Bold.ttf') format('truetype'); */
  src: url('/fonts/serpentinedbol/SerpentineStd-Bold.ttf') format('truetype');
  /* Same file for now */
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}

.barlow {
  font-family: "Barlow Condensed", sans-serif;
}


.Serpentine {
  font-family: 'Serpentine', sans-serif !important;
}

html {
  scroll-behavior: smooth;
}


.shadows_info {
  font-family: "Hurricane", cursive;
}

.poppins {
  font-family: "Poppins", sans-serif;
}

.quate-btns {
  border: 1px solid #eab308;
  transition: all 0.7s;
}

.quate-btns:hover {
  background-color: white !important;
  /* background-color: white !important; */
  border: 1px solid #eab308;
  color: black;
}

.quote-today-btns {
  border: 1px solid black;
  transition: all 0.7s;
}

.quote-today-btns:hover {
  background-color: white !important;
  /* background-color: white !important; */
  border: 1px solid black;
  color: black;
}

.fill-current {
  fill: white !important;
}

.whatsapp-button {
  position: fixed;
  bottom: 20px;
  right: 20px;
  background-color: #25D366;
  color: white;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3);
  cursor: pointer;
  transition: transform 0.3s ease-in-out;
  z-index: 9999;
}

.whatsapp-button:hover {
  transform: scale(1.1);
}

.whatsapp-button img {
  width: 33px !important;
  height: 33px !important;
}