body {
    margin: 0;
    padding: 0;
}
:root {
  --primary-color: #00A9E0;
  --sky-blue:#039BCD;
  --sky-800:#048BB7;
  --sky-blue-light: #7CDFFF;
  --light-peach: #F9E3C3;
  --yellow:#FFC501;
  --yellow-800:#FFA500;
  --yellow-100: #FFE489;
  --yellow-300:#FFFF00;
  --yellow-400:#EFB903;
  --yellow-900:#F97316;
  --red:#FF0A0A;
  --red-800:#FF0A0A;
  --pink-400:#A52A2A;
  --gray-300:#F6F5F5;
  --gray-700: #757575;
  --gray-800:#111827;
  --gray-500: #aaa;
  --border-primary:#00A9E033;
  --black-400:#222222;
  --black-500:#444444;
  --blue:#0404C4;
  --green:#008000;
  --purple:#A7099A;
}

.max-w-screen-xxl{
  max-width: 1400px;
}

/* Gradient Start */
.green-gradient{
    background: linear-gradient(180deg, #689C22 0%, #477B01 50%, #689C22 100%);
}
.mix-gradient{
    background: linear-gradient(90deg, #FFC501 0%, #157CBF 50%, #000000 100%);
}
/* Gradient End */

/* Shadow Start */
.light-yellow-shadow{
    box-shadow: 0px 4px 31px 5px #FFFFFF;
}
.dark-shadow{
    box-shadow: 0px 4px 21px 1px #00000040;
}
.dark-yellow-shadow{
    box-shadow: 0px 4px 12px 0px #FCCE1B99;
}

.dark-shadow-300{
    box-shadow: 0px 4px 21px 1px #00000033;
}
.shadow-primary{
box-shadow: 0px 4px 21px 0px #0595C466;
}

.input-soft-primary {
    box-shadow: 0px 4px 30px 0px #00A9E033;
}
.shadow-primary-soft{
  box-shadow: 0px 4px 12px 0px #00A9E033;
}
/* Shadow End */


.raleway{
  font-family: "Raleway", sans-serif;
  font-optical-sizing: auto;
  font-style: normal;
}
.montserrat {
  font-family: "Montserrat", sans-serif;
  font-optical-sizing: auto;
  font-style: normal;
}
.inter {
  font-family: "Inter", sans-serif;
  font-optical-sizing: auto;
  font-style: normal;
}

/* Inria-Sans-Font-Weight-Start */
.inria-sans-light {
  font-family: "Inria Sans", sans-serif;
  font-weight: 300;
  font-style: normal;
}

.inria-sans-regular {
  font-family: "Inria Sans", sans-serif;
  font-weight: 400;
  font-style: normal;
}

.inria-sans-bold {
  font-family: "Inria Sans", sans-serif;
  font-weight: 700;
  font-style: normal;
}

.inria-sans-light-italic {
  font-family: "Inria Sans", sans-serif;
  font-weight: 300;
  font-style: italic;
}

.inria-sans-regular-italic {
  font-family: "Inria Sans", sans-serif;
  font-weight: 400;
  font-style: italic;
}

.inria-sans-bold-italic {
  font-family: "Inria Sans", sans-serif;
  font-weight: 700;
  font-style: italic;
}
/* Inria-Sans-Font-Weight-End */

/* custom-range start */
.custom-range {
  -webkit-appearance: none;
  appearance: none;
  width: 100%;
  height: 5px;
  border-radius: 999px;
  background:#00A9E0;
}

/* Track */
.custom-range::-webkit-slider-runnable-track {
  height: 6px;
  border-radius: 999px;
}

.custom-range::-moz-range-track {
  height: 6px;
  border-radius: 999px;
  background: transparent;
}

/* Thumb (circle outline) */
.custom-range::-webkit-slider-thumb {
  -webkit-appearance: none;
  height: 12px;
  width: 12px;
  border-radius: 50%;
  background: white;
  border: 3px solid #00A9E0;
  margin-top: -3px;
  cursor: pointer;
}

.custom-range::-moz-range-thumb {
  height: 12px;
  width: 12px;
  border-radius: 50%;
  background: white;
  border: 3px solid #00A9E0;
  cursor: pointer;
}
/* custom-range end */