/* TYPOGRAPHY */


.textv2-body2 {
    font-size: 14px;
    line-height: 20px;
    font-family: "InterLight";
}


.fim {
    font-family: InterMedium;
}

.text-caps {
    text-transform: uppercase;
}

.text-caption {
    font-size: 10px;
    text-transform: uppercase;
}

.text-caption2 {
    font-size: 10px;
}

/* .text-body {
    font-size: 16px;
} */

.text-body2 {
    font-size: 14px;
    line-height: 20px;
}

.text-body3 {
    font-size: 12px;
}

.text-h2 {
    font-size: 24px;
}

.text-h3 {
    font-size: 18px;
    font-family: InterMedium;

}

/* PADDINGS */

.pt10 {
    padding-top: 10px;
}

.pb10 {
    padding-bottom: 10px;
}

.pl10 {
    padding-left: 10px;
}

.pr10 {
    padding-right: 10px;
}

.pt15 {
    padding-top: 15px;
}

.pb15 {
    padding-bottom: 15px;
}

.pl15 {
    padding-left: 15px;
}

.pr15 {
    padding-right: 15px;
}

.pl20 {
    padding-left: 20px;
}

.pr20 {
    padding-right: 20px;
}

/* COLORS */

.color-lightgrey1 {
    color: #D3D5DE;
}

.color-darkgray {
    color: #2B2C32;
}

.color-black {
    color: #0E0F11;
}

.color-midgray {
    color: #717883;
}

.color-gray {
    color: #383B47;
}

.color-grey1 {
    color: #9799A6;
}

.fill-brightgray {
    background: #EDEEF1;
}

.fill-brightgray1 {
    background: #F6F6F8;
}


.fill-white {
    background: #FFFFFF;
}

.fill-midgray {
    background: #717883;
}

.fill-litegray {
    background: #eeefef;
}


/* CHECKBOX */

.checkbox-container {
    display: flex;
    align-items: center;
    margin: 10px 0;
    cursor: pointer;
}

.custom-checkbox {
    width: 20px;
    height: 20px;
    border: 1px solid #E0E2E8;
    margin-right: 10px;
    position: relative;
}

.checkbox-input {
    display: none;
}

.checkbox-input:checked+.custom-checkbox {
    background-image: url("/images/checkbox.svg");
    background-size: contain;
    background-size: 70% 70%;
    background-position: center center;
    background-repeat: no-repeat;
}