@font-face {
  font-family: Inter;
  src: url(/font/Inter/Inter-VariableFont_slnt\,wght.ttf);
}

@font-face {
  font-family: Oswald;
  src: url(/font/Oswald/Oswald-VariableFont_wght.ttf);
}

body {
  font-family: Inter;
}

.DisplayLarge {
    font-family: Oswald;
    font-size: 40px;
    font-weight: 600;
}



.DisplayMedium {
    font-family: Oswald;
    font-size: 36px;
    font-weight: 600;
}

.Heading1 {
    font-family: Oswald;
    font-size: 32px;
    font-weight: 600;
}

.Heading2 {
    font-family: Oswald;
    font-size: 28px;
    font-weight: 600;
}

.Heading2-Inter {
    font-family: Inter;
    font-size: 28px;
    font-weight: 600;
}

.Heading3 {
    font-family: Oswald;
    font-size: 22px;
    font-weight: 600;
}
.Heading3-Inter {
    font-family: Inter;
    font-size: 22px;
    font-weight: 600;
}

.Heading4 {
    font-family: Oswald;
    font-size: 18px;
    font-weight: 600;
}
.Heading4-Inter {
    font-family: Inter;
    font-size: 18px;
    font-weight: 500;
}

.BodyText {
    font-family: Inter;
    font-size: 16px;
    font-weight: 500;
}

.Caption {
    font-family: Inter;
    font-size: 14px;
    font-weight: 500;
}

.Overline {
    font-family: Inter;
    font-size: 12px;
    font-weight: 400;
}

.OverlineSmall {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
   
    overflow: hidden;
    color: var(--Colors-Black, #0D0C0C);
    text-overflow: ellipsis;
    font-family: Inter;
    font-size: 10px;
    font-weight: 400;
}

.txt-ellipsis {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    flex: 1 0 0;
    text-overflow: ellipsis;
    overflow: hidden;
}
.txt-justify {
    text-align: justify;
}

/*
FONTS COLORS

*/

.fnt-gray {
    color: #6b7280;
}

.fnt-white {
    color: #fff;
}

.fnt-lightGray {
    color: #7d7d7d;
}

.fnt-green {
    color: #27544f;
}



.text-small {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    color: var(--Colors-Black, #0D0C0C);
    text-overflow: ellipsis;
    /* Overline Small */
    font-family: Inter;
    font-size: 10px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%; /* 15px */
}