* {
  margin: 0;
  padding: 0;
}
@font-face {
  font-family: "Gilroy";
  src:
    url("../fonts/Gilroy-Bold.woff2") format("woff2"),
    url("../fonts/Gilroy-Bold.woff") format("woff");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Gilroy";
  src:
    url("../fonts/Gilroy-Heavy.woff2") format("woff2"),
    url("../fonts/Gilroy-Heavy.woff") format("woff");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Gilroy";
  src:
    url("../fonts/Gilroy-Regular.woff2") format("woff2"),
    url("../fonts/Gilroy-Regular.woff") format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

html {
  scroll-behavior: smooth;
}
body {
  font-family: "Gilroy";
  font-weight: normal;
   line-height: 1.5;
}


.gilroy-heavy {
  font-family: "Gilroy";
  font-weight: 900;
}
.gilroy-bold {
  font-family: "Gilroy";
  font-weight: bold;
}
.gilroy-regular {
  font-family: "Gilroy";
  font-weight: normal;
}

/* BASE DESKTOP STYLES (Keep your logic) */
.service-box {
  position: relative;
}

.service-box::before,
.service-box::after {
  content: "";
  position: absolute;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}

.text-stroke {
  -webkit-text-stroke: 1px black;
}
#floatingBtn {
  position: fixed;
  bottom: 24px;
  right: 24px;
  transform: translateY(0px);
}

#contactFormSectionDesktop,
#contactFormSectionMobile {
  min-height: 400px;
}

[data-aos] {
  transform: translateZ(0);
  will-change: transform, opacity;
}

img {
  aspect-ratio: attr(width) / attr(height);
}
/* DESKTOP VIEW */
@media (min-width: 768px) {
  .service-box::before {
    left: 80px;
    bottom: 20px;
    width: 280px;
    height: 230px;
    background-image: url("../images/cut.webp");
  }

  .service-box::after {
    right: 80px;
    bottom: 20px;
    width: 250px;
    height: 230px;
    background-image: url("../images/centralised.webp");
  }
}

/* MOBILE VIEW */
@media (max-width: 767px) {
  .service-box {
    background: transparent !important;
    box-shadow: none !important;
  }

  .service-box::before {
    left: 50%;
    top: 0;
    transform: translateX(-50%);
    width: 280px;
    height: 230px;
    background-image: url("../images/cut.webp");
  }

  .service-box::after {
    left: 50%;
    bottom: 0;
    transform: translateX(-50%);
    width: 280px; /* Match width for consistency on mobile */
    height: 230px;
    background-image: url("../images/centralised.webp");
  }
}

.grecaptcha-badge {
  display: none;
}