@import url("https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Plus+Jakarta+Sans:ital,wght@0,200..800;1,200..800&display=swap");

:root {
  --red: #ed1c24;
  --black: #000000;
  --black2: #0c0a07;
  --black3: #1a202c;
  --black4: #111111;
  --white: #ffffff;
  --white2: #fafafa;
  --white3: #fffcfc;
  --white4: #f0f3f8;
  --gray: #3d3d3d;
  --gray2: #3a3e45;
  --pink: #fff2f2;
}

html {
  scroll-behavior: smooth;
}

html,
body,
p,
a,
span,
li,
input,
select,
textarea,
button,
table,
h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "Plus Jakarta Sans", sans-serif;
}

h1 {
  font-family: "Plus Jakarta Sans";
  font-size: 40px !important;
  font-weight: 600 !important;
}

h2 {
  font-family: "Plus Jakarta Sans";
  font-size: 38px !important;
  font-weight: 700 !important;
}

h3 {
  font-family: "Plus Jakarta Sans";
  font-size: 32px !important;
  font-weight: 700 !important;
}

a {
  text-decoration: none !important;
  transition: all 0.3s ease-in-out;
}

a:hover {
  color: var(--red);
}

button {
  border: none;
  background-color: transparent;
}

button:focus-within {
  outline: none;
}

ul {
  list-style-type: none !important;
  padding: 0 !important;
}

.container {
  max-width: 1780px !important;
  margin: 0 auto;
  padding: 0 30px !important;
}

.fs-72 {
  font-size: 72px !important;
}

.fs-64 {
  font-size: 64px !important;
}

.fs-52 {
  font-size: 52px !important;
}

.fs-50 {
  font-size: 50px !important;
}

.fs-38 {
  font-size: 38px !important;
}

.fs-35 {
  font-size: 35px !important;
}

.fs-34 {
  font-size: 34px !important;
}

.fs-28 {
  font-size: 28px !important;
}

.fs-24 {
  font-size: 24px !important;
}

.fs-22 {
  font-size: 22px !important;
}

.fs-20 {
  font-size: 20px !important;
}

.fs-18 {
  font-size: 18px !important;
}

.fs-16 {
  font-size: 16px !important;
}

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

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

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

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

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

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

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

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

.fc-red {
  color: var(--red);
}

.fc-black {
  color: var(--black);
}

.fc-black2 {
  color: var(--black2);
}

.fc-black3 {
  color: var(--black3);
}

.fc-black4 {
  color: var(--black4);
}

.fc-white {
  color: var(--white);
}

.fc-white2 {
  color: var(--white2);
}

.fc-white3 {
  color: var(--white3);
}

.fc-white4 {
  color: var(--white4);
}

.fc-gray {
  color: var(--gray);
}

.fc-gray2 {
  color: var(--gray2);
}

.cutajar-button {
  font-weight: 700;
  font-size: 20px;
  padding: 10px 40px !important;
  border-radius: 50px;
  width: max-content;
}

.c-btn-red {
  background-color: var(--red);
  color: var(--white);
}

.c-btn-white {
  background-color: var(--white);
  color: var(--red);
}

.c-btn-red:hover,
.c-btn-white:hover {
  background-color: var(--black) !important;
  color: var(--white) !important;
}

#ast-scroll-top {
  display: none !important;
}

.vertical-gap-15 {
  gap: 15px 0;
}

/* .homepage-about-us .justify-content-center p img {
  width: 300px;
  object-fit: cover;
  height: 200px;
} */
@media screen and (min-width: 1200px) {
  .page-container {
    max-width: 1200px !important;
    margin: 0 auto;
  }
}

@media screen and (max-width: 1450px) {
  .fs-72 {
    font-size: 68px !important;
  }

  .fs-64 {
    font-size: 60px !important;
  }

  .fs-52 {
    font-size: 48px !important;
  }

  .fs-50 {
    font-size: 46px !important;
  }

  .fs-38 {
    font-size: 34px !important;
  }

  .fs-35 {
    font-size: 31px !important;
  }

  .fs-34 {
    font-size: 30px !important;
  }

  .fs-24 {
    font-size: 22px !important;
  }
}

@media screen and (max-width: 1200px) {
  .fs-72 {
    font-size: 64px !important;
  }

  .fs-64 {
    font-size: 56px !important;
  }

  .fs-52 {
    font-size: 44px !important;
  }

  .fs-50 {
    font-size: 42px !important;
  }

  .fs-38 {
    font-size: 30px !important;
  }

  .fs-35 {
    font-size: 28px !important;
  }

  .fs-34 {
    font-size: 28px !important;
  }

  .fs-24 {
    font-size: 20px !important;
  }

  .fs-22 {
    font-size: 20px !important;
  }
}

@media screen and (max-width: 1024px) {
  .fs-72 {
    font-size: 60px !important;
  }

  .fs-64 {
    font-size: 52px !important;
  }

  .fs-52 {
    font-size: 40px !important;
  }

  .fs-50 {
    font-size: 38px !important;
  }

  .fs-38,
  .fs-35,
  .fs-34 {
    font-size: 32px !important;
  }

  .fs-24 {
    font-size: 18px !important;
  }

  .fs-22 {
    font-size: 18px !important;
  }

  .fs-20 {
    font-size: 18px !important;
  }
}

@media screen and (max-width: 767px) {
  .container {
    padding: 0 20px;
  }

  .fs-72,
  .fs-64 {
    font-size: 40px !important;
  }

  .fs-52,
  .fs-50 {
    font-size: 30px !important;
  }

  .fs-34,
  .fs-24 {
    font-size: 18px !important;
  }

  .fs-22 {
    font-size: 18px !important;
  }

  .fs-20 {
    font-size: 18px !important;
  }

  .cutajar-button {
    padding: 10px 30px !important;
  }
}