@import url("https://fonts.googleapis.com/css2?family=Manrope:wght@200..800&display=swap");
@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');
:root {
  --primary-color: #fa8300;
  --secondary-color: #ffc88b;
  --text-white: #fff;
  --text-black: #031632;
  --text-body: #64748b;
  --text-des: #44474d;
  --fz-12: 12px;
  --fz-14: 14px;
  --fz-15: 15px;
  --fz-16: 16px;
  --fz-18: 18px;
  --fz-20: 20px;
  --fz-24: 24px;
  --fz-26: 26px;
  --fz-30: 30px;
  --fz-36: 36px;
  --fz-40: 40px;
  --fz-45: 45px;
  --fz-48: 48px;
  --fz-50: 50px;
  --fz-72: 72px;
}
/*html {
  scroll-behaviour: smooth;
}*/


ul li,
ol li {
  list-style: none;
}

body p {
  margin-bottom: 0px;
  font-size: clamp(var(--fz-16), 1.8vw, var(--fz-18));
  font-weight: 400;
  line-height: 1.5;
  color: var(--text-body);
}

body a {
  color: #44474d;
}

.title-48 {
  font-size: clamp(var(--fz-36), 4vw, var(--fz-48));
  font-weight: 700;
  line-height: 1.5;
  color: #0F172A;
}

.title-30 {
  font-size: clamp(var(--fz-26), 3vw, var(--fz-30));
  font-weight: 700;
  line-height: 1.5;
}

.title-24 {
  font-size: var(--fz-24);
  font-weight: 700;
  line-height: 1.5;
}

.title-20 {
  font-size: var(--fz-20);
  font-weight: 600;
  line-height: 1.5;
}

.title-18 {
  font-size: var(--fz-18);
  font-weight: 400;
  line-height: 1.5;
}

.title-16 {
  font-size: var(--fz-16);
  font-weight: 700;
  line-height: 1.5;
}

.body-16 {
  font-size: var(--fz-16);
  font-weight: 400;
  line-height: 28px;
}

.title-14 {
  font-size: var(--fz-14);
  font-weight: 700;
  line-height: 20px;
}

.body-14 {
  font-size: var(--fz-14);
  font-weight: 400;
  line-height: 20px;
}

.section-no {
  padding: 0px !important;
}

.section-large {
  padding: 80px 0px !important;
}

.section-medium {
  padding: 30px 0px !important;
}

.sub-title {
  font-size: var(--fz-14);
  font-weight: 700;
  line-height: 20px;
  letter-spacing: 5px;
  text-transform: uppercase;
  color: var(--primary-color);
  margin-bottom: 16px;
}

@media (max-width: 1024px) {
  .section-large {
    padding: 40px 0px !important;
  }
}

