:root { 
  --alto: #d9d9d9;
  --black: #000000;
  --brandbrand-700: #222222;
  --chicago: #565d5c;
  --chicago-2: #565d5c33;
  --concrete: #f2f2f2;
  --eerie-black: #1e1e1e;
  --foundation-greengreen-50: #e6f6e7;
  --foundation-greengreen-500: #07a011;
  --foundation-greygrey-100: #c2c2c2;
  --foundation-greygrey-300: #7c7c7c;
  --foundation-greygrey-400: #626262;
  --foundation-greygrey-50: #ebebeb;
  --foundation-greygrey-500: #3b3b3b;
  --foundation-greygrey-800: #202020;
  --foundation-primaryprimary-50: #e8f6f7;
  --nobel: #b3b3b3;
  --white: #ffffff;
 
  --font-size-l: 18px;
  --font-size-m: 16px;
  --font-size-s: 15px;
  --font-size-xl: 20px;
  --font-size-xxl: 24px;
  --font-size-xxxl: 32px;
  --font-size-xxxxl: 48px;
 
  --font-family-inter: "Inter", Helvetica;
  --font-family-public_sans: "Public Sans", Helvetica;
  --font-family-quando: "Quando", Helvetica;
  --font-family-red_hat_text: "Red Hat Text", Helvetica;
}
.body-base {
  font-family: var(--font-family-inter);
  font-size: var(--font-size-m);
  font-style: normal;
  font-weight: 400;
  letter-spacing: 0;
}

.redhattext-normal-masala-16px {
  color: var(--foundation-greygrey-500);
  font-family: var(--font-family-red_hat_text);
  font-size: var(--font-size-m);
  font-style: normal;
  font-weight: 400;
}

.quando-normal-catskill-white-18px {
  color: var(--foundation-primaryprimary-50);
  font-family: var(--font-family-quando);
  font-size: var(--font-size-l);
  font-style: normal;
  font-weight: 400;
}

.redhattext-medium-chicago-15px {
  color: var(--chicago);
  font-family: var(--font-family-red_hat_text);
  font-size: var(--font-size-s);
  font-style: normal;
  font-weight: 500;
}

.quando-normal-slimy-green-20px {
  color: var(--foundation-greengreen-500);
  font-family: var(--font-family-quando);
  font-size: var(--font-size-xl);
  font-style: normal;
  font-weight: 400;
}

.quando-normal-log-cabin-15px {
  color: var(--brandbrand-700);
  font-family: var(--font-family-quando);
  font-size: var(--font-size-s);
  font-style: normal;
  font-weight: 400;
}

.redhattext-normal-slimy-green-18px {
  color: var(--foundation-greengreen-500);
  font-family: var(--font-family-red_hat_text);
  font-size: var(--font-size-l);
  font-style: normal;
  font-weight: 400;
}

.redhattext-normal-nobel-16px {
  color: var(--nobel);
  font-family: var(--font-family-red_hat_text);
  font-size: var(--font-size-m);
  font-style: normal;
  font-weight: 400;
}

.quando-normal-masala-18px {
  color: var(--foundation-greygrey-500);
  font-family: var(--font-family-quando);
  font-size: var(--font-size-l);
  font-style: normal;
  font-weight: 400;
}

.quando-normal-masala-18px.text-two-lines {
    color: var(--foundation-greygrey-500);
    font-family: var(--font-family-quando);
    font-size: var(--font-size-l);
    font-style: normal;
    font-weight: 400;
    width: 100%;
    height: 55px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.blog-list .text-three-lines{
   width: 100%;
    height: 66px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}

.redhattext-normal-eerie-black-16px {
  color: var(--eerie-black);
  font-family: var(--font-family-red_hat_text);
  font-size: var(--font-size-m);
  font-style: normal;
  font-weight: 400;
}

.redhattext-normal-concord-16px {
  color: var(--foundation-greygrey-300);
  font-family: var(--font-family-red_hat_text);
  font-size: var(--font-size-m);
  font-style: normal;
  font-weight: 400;
}

.quando-normal-black-24px {
  color: var(--black);
  font-family: var(--font-family-quando);
  font-size: var(--font-size-xxl);
  font-style: normal;
  font-weight: 400;
}

.quando-normal-masala-20px {
  color: var(--foundation-greygrey-500);
  font-family: var(--font-family-quando);
  font-size: var(--font-size-xl);
  font-style: normal;
  font-weight: 400;
}

.redhattext-normal-concord-18px {
  color: var(--foundation-greygrey-300);
  font-family: var(--font-family-red_hat_text);
  font-size: var(--font-size-l);
  font-style: normal;
  font-weight: 400;
}

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

.quando-normal-masala-48px {
  color: var(--foundation-greygrey-500);
  font-family: var(--font-family-quando);
  font-size: var(--font-size-xxxxl);
  font-style: normal;
  font-weight: 400;
}

.quando-normal-slimy-green-48px {
  color: var(--foundation-greengreen-500);
  font-family: var(--font-family-quando);
  font-size: var(--font-size-xxxxl);
  font-style: normal;
  font-weight: 400;
}

.redhattext-bold-slimy-green-20px {
  color: var(--foundation-greengreen-500);
  font-family: var(--font-family-red_hat_text);
  font-size: var(--font-size-xl);
  font-style: normal;
  font-weight: 700;
}

.redhattext-bold-slimy-green-20px a{
  color: var(--foundation-greengreen-500);
  font-family: var(--font-family-red_hat_text);
  font-size: var(--font-size-xl);
  font-style: normal;
  font-weight: 700;
  transition: all .5s;
}

.redhattext-bold-slimy-green-20px a:hover {
    text-decoration: underline;
    color: #034307;
}

.redhattext-bold-slimy-green-20px a:hover{
  text-decoration: underline;
}
.redhattext-normal-black-13px {
  color: var(--black);
  font-family: var(--font-family-red_hat_text);
  font-size: 13px;
  font-style: normal;
  font-weight: 400;
}

.redhattext-normal-white-18px {
  font-family: var(--font-family-red_hat_text);
  font-size: var(--font-size-l);
  font-style: normal;
  font-weight: 400;
}

.redhattext-normal-cararra-18px {
  color: var(--foundation-greygrey-50);
  font-family: var(--font-family-red_hat_text);
  font-size: var(--font-size-l);
  font-style: normal;
  font-weight: 400;
}

.redhattext-semi-bold-slimy-green-18px {
  color: var(--foundation-greengreen-500);
  font-family: var(--font-family-red_hat_text);
  font-size: var(--font-size-l);
  font-style: normal;
  font-weight: 600;
}

.quando-normal-cararra-48px {
  color: var(--foundation-greygrey-50);
  font-family: var(--font-family-quando);
  font-size: var(--font-size-xxxxl);
  font-style: normal;
  font-weight: 400;
}

.quando-normal-masala-32px {
  color: var(--foundation-greygrey-500);
  font-family: var(--font-family-quando);
  font-size: var(--font-size-xxxl);
  font-style: normal;
  font-weight: 400;
}

.quando-normal-white-48px {
  font-family: var(--font-family-quando);
  font-size: var(--font-size-xxxxl);
  font-style: normal;
  font-weight: 400;
}

.redhattext-normal-black-20px {
  color: var(--black);
  font-family: var(--font-family-red_hat_text);
  font-size: var(--font-size-xl);
  font-style: normal;
  font-weight: 400;
}

.redhattext-normal-storm-dust-16px {
  color: var(--foundation-greygrey-400);
  font-family: var(--font-family-red_hat_text);
  font-size: var(--font-size-m);
  font-style: normal;
  font-weight: 400;
}

.quando-normal-masala-22px {
  color: var(--foundation-greygrey-500);
  font-family: var(--font-family-quando);
  font-size: 22px;
  font-style: normal;
  font-weight: 400;
}

.quando-normal-masala-24px {
  color: var(--foundation-greygrey-500);
  font-family: var(--font-family-quando);
  font-size: var(--font-size-xxl);
  font-style: normal;
  font-weight: 400;
}

.redhattext-medium-masala-20px {
  color: var(--foundation-greygrey-500);
  font-family: var(--font-family-red_hat_text);
  font-size: var(--font-size-xl);
  font-style: normal;
  font-weight: 500;
}

.quando-normal-slimy-green-32px {
  color: var(--foundation-greengreen-500);
  font-family: var(--font-family-quando);
  font-size: var(--font-size-xxxl);
  font-style: normal;
  font-weight: 400;
}

.quando-normal-masala-28px {
  color: var(--foundation-greygrey-500);
  font-family: var(--font-family-quando);
  font-size: 28px;
  font-style: normal;
  font-weight: 400;
}

.redhattext-normal-masala-18-4px {
  color: var(--foundation-greygrey-500);
  font-family: var(--font-family-red_hat_text);
  font-size: 18.4px;
  font-style: normal;
  font-weight: 400;
}

.quando-normal-slimy-green-28px {
  color: var(--foundation-greengreen-500);
  font-family: var(--font-family-quando);
  font-size: 28px;
  font-style: normal;
  font-weight: 400;
}

.publicsans-medium-chicago-15px {
  color: var(--chicago);
  font-family: var(--font-family-public_sans);
  font-size: var(--font-size-s);
  font-style: normal;
  font-weight: 500;
}

.redhattext-normal-black-16px {
  color: var(--black);
  font-family: var(--font-family-red_hat_text);
  font-size: var(--font-size-m);
  font-style: normal;
  font-weight: 400;
}

.quando-normal-white-32px {
  font-family: var(--font-family-quando);
  font-size: var(--font-size-xxxl);
  font-style: normal;
  font-weight: 400;
}

.redhattext-normal-masala-18px {
  color: var(--foundation-greygrey-500);
  font-family: var(--font-family-red_hat_text);
  font-size: var(--font-size-l);
  font-style: normal;
  font-weight: 400;
}

.quando-normal-slimy-green-41-3px {
  color: var(--foundation-greengreen-500);
  font-family: var(--font-family-quando);
  font-size: 41.3px;
  font-style: normal;
  font-weight: 400;
}

.redhattext-normal-masala-24px {
  color: var(--foundation-greygrey-500);
  font-family: var(--font-family-red_hat_text);
  font-size: var(--font-size-xxl);
  font-style: normal;
  font-weight: 400;
}

.quando-normal-masala-36px {
  color: var(--foundation-greygrey-500);
  font-family: var(--font-family-quando);
  font-size: 36px;
  font-style: normal;
  font-weight: 400;
}

.redhattext-semi-bold-masala-16px {
  color: var(--foundation-greygrey-500);
  font-family: var(--font-family-red_hat_text);
  font-size: var(--font-size-m);
  font-style: normal;
  font-weight: 600;
}

.quando-normal-white-48px-2 {
  color: var(--white);
  font-family: var(--font-family-quando);
  font-size: var(--font-size-xxxxl);
  font-style: normal;
  font-weight: 400;
}

.quando-normal-slimy-green-56px {
  color: var(--foundation-greengreen-500);
  font-family: var(--font-family-quando);
  font-size: 56px;
  font-style: normal;
  font-weight: 400;
}

.quando-normal-black-32px {
  color: var(--black);
  font-family: var(--font-family-quando);
  font-size: var(--font-size-xxxl);
  font-style: normal;
  font-weight: 400;
}

.quando-normal-black-20px {
  color: var(--black);
  font-family: var(--font-family-quando);
  font-size: var(--font-size-xl);
  font-style: normal;
  font-weight: 400;
}

.redhattext-normal-white-14px {
  font-family: var(--font-family-red_hat_text);
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
}

.redhattext-normal-masala-14px {
  color: var(--foundation-greygrey-500);
  font-family: var(--font-family-red_hat_text);
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
}

.redhattext-normal-slimy-green-14px {
  color: var(--foundation-greengreen-500);
  font-family: var(--font-family-red_hat_text);
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
}

.redhattext-semi-bold-slimy-green-14px {
  color: var(--foundation-greengreen-500);
  font-family: var(--font-family-red_hat_text);
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
}

.redhattext-medium-eerie-black-15px {
  color: var(--foundation-greygrey-800);
  font-family: var(--font-family-red_hat_text);
  font-size: var(--font-size-s);
  font-style: normal;
  font-weight: 500;
}
@media screen and (max-width: 1400px) {
.quando-normal-masala-22px {
    color: var(--foundation-greygrey-500);
    font-family: var(--font-family-quando);
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
}
}
@media screen and (max-width: 990px) {
  :root { 
  --font-size-l: 16px;
  --font-size-m: 15px;
  --font-size-s: 14px;
  --font-size-xl: 16px;
  --font-size-xxl: 18px;
  --font-size-xxxl: 24px;
  --font-size-xxxxl: 30px;
}
.frame-2 {
    padding: 0;
}
}
@media screen and (max-width: 767px) {
.redhattext-normal-black-20px {
    color: var(--black);
    font-family: var(--font-family-red_hat_text);
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
}
}