.text-black {
	color: var(--black);
}

.text-orange {
	color: var(--orange);
}

.text-white {
    color: var(--white);
}

.text-primary-yellow {
	color: var(--primary-yellow);
}

.text-body {
	color: var(--body-color);
}

.text-heading {
	color: var(--heading-color);
}

.text-heading-font {
	font-family: var(--heading-font);
}

.text-body-font {
	font-family: var(--body-font);
}

.font-bold {
	font-weight: 700;
}

.font-medium {
	font-weight: 500;
}

.font-normal {
	font-weight: 400;
}

.font-light {
	font-weight: 300;
}

.flex {
    display: flex;
}

.cta-btn {
    padding: 0.6875rem 1.5rem;
    font-size: 1rem;
    line-height: 1rem;
    font-weight: 800;
    text-decoration: none;
    display: inline-block;
    position: relative;
    z-index: 1;
    overflow: hidden;
    transition: all 0.5s;
    text-transform: capitalize;
    cursor: pointer;
    text-align: center;
}

.cta-btn::after {
    position: absolute;
    content: "";
    background: var(--primary-red);
    width: 0;
    top: -0.0625rem;
    bottom: -0.0625rem;
    left: -0.9375rem;
    z-index: -1;
    border-radius: 1.25rem;
    transition: all 0.5s;
}


.cta-btn:hover::after {
	width: calc(100% + 1.875rem);
}