:root { 
  --black: #000000;
  --cod-gray: #0c0c0b;
  --dove-gray: #707070;
  --emperor: #584747a6;
  --ferra: #6e5151;
  --ferra-2: #6e515166;
  --hunter-green: #161616;
  --log-cabin: #272722;
  --turbo: #ffea00;
  --white: #ffffff;
  --zeus: #292424;
 
  --font-size-l: 35px;
  --font-size-m: 30px;
  --font-size-s: 29px;
  --font-size-xs: 25px;
  --font-size-xxs: 24px;
  --font-size-xxxs: 23px;
  --font-size-xxxxs: 20px;
 
  --font-family-brandon_grotesque: "Brandon Grotesque", Helvetica;
  --font-family-brandongrotesque-bold: "BrandonGrotesque-Bold", Helvetica;
  --font-family-brandongrotesque-medium: "BrandonGrotesque-Medium", Helvetica;
  --font-family-brandongrotesque-regular: "BrandonGrotesque-Regular", Helvetica;
  --font-family-brandongrotesque-regularitalic: "BrandonGrotesque-RegularItalic", Helvetica;
}
.brandongrotesque-regular-normal-white-23px {
  color: var(--white);
  font-family: var(--font-family-brandongrotesque-regular);
  font-size: var(--font-size-xxxs);
  font-style: normal;
  font-weight: 400;
}

.brandongrotesque-regular-normal-white-20px {
  color: var(--white);
  font-family: var(--font-family-brandongrotesque-regular);
  font-size: var(--font-size-xxxxs);
  font-style: normal;
  font-weight: 400;
}

.brandongrotesque-normal-white-23px {
  color: var(--white);
  font-family: var(--font-family-brandon_grotesque);
  font-size: var(--font-size-xxxs);
}

.brandongrotesque-normal-white-20px {
  color: var(--white);
  font-family: var(--font-family-brandon_grotesque);
  font-size: var(--font-size-xxxxs);
}

.brandongrotesque-regular-normal-white-30px {
  color: var(--white);
  font-family: var(--font-family-brandongrotesque-regular);
  font-size: var(--font-size-m);
  font-style: normal;
  font-weight: 400;
}

.brandongrotesque-medium-log-cabin-35px {
  color: var(--log-cabin);
  font-family: var(--font-family-brandongrotesque-medium);
  font-size: var(--font-size-l);
  font-style: normal;
  font-weight: 500;
}

.brandongrotesque-medium-log-cabin-35px-2 {
  color: var(--log-cabin);
  font-family: var(--font-family-brandon_grotesque);
  font-size: var(--font-size-l);
}

.brandongrotesque-regular-normal-log-cabin-29px {
  color: var(--log-cabin);
  font-family: var(--font-family-brandongrotesque-regular);
  font-size: var(--font-size-s);
  font-style: normal;
  font-weight: 400;
}

.brandongrotesque-normal-white-30px {
  color: var(--white);
  font-family: var(--font-family-brandon_grotesque);
  font-size: var(--font-size-m);
}

.brandongrotesque-bold-white-30px {
  color: var(--white);
  font-family: var(--font-family-brandongrotesque-bold);
  font-size: var(--font-size-m);
  font-style: normal;
  font-weight: 700;
}

.brandongrotesque-medium-log-cabin-30px {
  color: var(--log-cabin);
  font-family: var(--font-family-brandongrotesque-medium);
  font-size: var(--font-size-m);
  font-style: normal;
  font-weight: 500;
}

.brandongrotesque-medium-white-25px {
  color: var(--white);
  font-family: var(--font-family-brandongrotesque-medium);
  font-size: var(--font-size-xs);
  font-style: normal;
  font-weight: 500;
}

.brandongrotesque-regular-normal-log-cabin-32px {
  color: var(--log-cabin);
  font-family: var(--font-family-brandongrotesque-regular);
  font-size: 32px;
  font-style: normal;
  font-weight: 400;
}

.brandongrotesque-regular-normal-log-cabin-25px {
  color: var(--log-cabin);
  font-family: var(--font-family-brandongrotesque-regular);
  font-size: var(--font-size-xs);
  font-style: normal;
  font-weight: 400;
}

.brandongrotesque-medium-cod-gray-22px {
  color: var(--cod-gray);
  font-family: var(--font-family-brandongrotesque-medium);
  font-size: 22px;
  font-style: normal;
  font-weight: 500;
}

.brandongrotesque-medium-white-29px {
  color: var(--white);
  font-family: var(--font-family-brandongrotesque-medium);
  font-size: var(--font-size-s);
  font-style: normal;
  font-weight: 500;
}

.brandongrotesque-regularitalic-normal-white-20px {
  color: var(--white);
  font-family: var(--font-family-brandongrotesque-regularitalic);
  font-size: var(--font-size-xxxxs);
  font-style: italic;
  font-weight: 400;
}

.brandongrotesque-medium-log-cabin-24px {
  color: var(--log-cabin);
  font-family: var(--font-family-brandongrotesque-medium);
  font-size: var(--font-size-xxs);
  font-style: normal;
  font-weight: 500;
}

.brandongrotesque-regular-normal-white-25px {
  color: var(--white);
  font-family: var(--font-family-brandongrotesque-regular);
  font-size: var(--font-size-xs);
  font-style: normal;
  font-weight: 400;
}

.brandongrotesque-medium-white-24px {
  color: var(--white);
  font-family: var(--font-family-brandongrotesque-medium);
  font-size: var(--font-size-xxs);
  font-style: normal;
  font-weight: 500;
}

.brandongrotesque-medium-white-34px {
  color: var(--white);
  font-family: var(--font-family-brandongrotesque-medium);
  font-size: 34px;
  font-style: normal;
  font-weight: 500;
}

.brandongrotesque-regular-normal-black-34px {
  color: var(--black);
  font-family: var(--font-family-brandongrotesque-regular);
  font-size: 34px;
  font-style: normal;
  font-weight: 400;
}
input[type="checkbox"] {
    background: #fff000; 
    border-radius: 20 20 20px;
    size: 20px;
}

.form-check label{

  cursor: pointer;
  height: 28px;
  left: 0;
  
  top: 0;
  width: 28px;
  margin-left: 5px;
}

.form-check input{
  background-color: #fff000;
  border: 1px solid #ccc;
  border-radius: 80%;
  cursor: pointer;
  height: 28px;
  left: 0;
  top: 0;
  width: 28px;

}