:root {

    /* Font Family */
    --ff-primary: "PrimaryFont", sans-serif;
    --ff-poppins: "Poppins", sans-serif;
    /* Font Size */
    --fs-logo-text: clamp(2.2rem, 2.5vw + 1rem, 2.8rem);
    --fs-nav-link: clamp(1.4rem, 1.5vw + 0.5rem, 1.4rem);
    --fs-nav-item: clamp(1.25rem, 1.5vw + 0.5rem, 1.4rem);
    --fs-main-title: clamp(2.5rem, 3vw + .8rem, 4rem);
    --fs-primary-title: clamp(2.8rem, 2vw + 0.5rem, 4.5rem);
    --fs-secondary-title: clamp(2rem, 1.85vw + 0.95rem, 3.6rem);
    --fs-secondary-title-1: clamp(1.6rem, 1.85vw + 0.5rem, 2.8rem);
    --fs-secondary-title-2: clamp(1.5rem, 1.5vw + 0.5rem, 2rem);
    --fs-primary-text: clamp(1.35rem, 1.05vw + .65rem, 1.8rem);
    --fs-primary-text-1: clamp(1.25rem, .95vw + .85rem, 1.6rem);
    --fs-secondary-text: clamp(1.35rem, 1.5vw + 0.5rem, 1.5rem);
    --fs-secondary-text-1: clamp(1.2rem, 1.5vw + 0.5rem, 1.4rem);
    --fs-nav-title: clamp(1.4rem, 1.5vw + 0.5rem, 1.85rem);
    --fs-form-title: clamp(1rem, 1.5vw + 0.5rem, 1.25rem);
    --fs-form-input: clamp(1.25rem, 1.5vw + 0.5rem, 1.5rem);
    --fs-primary-btn: clamp(1.25rem, 1.75vw + 0.5rem, 1.65rem);
    --fs-small-text: clamp(.865rem, 1.25vw + 0.5rem, 1.2rem);

    /* Colors */
    --primary-clr: #d62736;
    --primary-offset-clr: #fce5e7;
    --black-clr: #000;
    --black-offset-clr: #333;
    --black-offset-clr-1: #4d4d4d;
    --black-offset-clr-2: #534D4D;
    --white-clr: #fff;
    --gray-100: #F1F3F7;
    --gray-200: #F6F6F6;
    --gray-300: #64666b;
    --accent-clr-1: #edae49;
    --accent-clr-2: #d1495b;
    --offset-clr-2: #d1495b33;

    --bg-secondary-1: #F5F4F4;

    --badge-new: #4C85BB;

    --px-13: 1.3rem;
    --px-14: 1.4em;
    --px-15: 1.5em;
    
    
    --fs-18: 1.8rem;
    --fs-14: 1.4rem;
    --fs-12: 1.2rem;
}

.bg_gray_100{
    background-color: var(--gray-100);
}
.bg_accent_clr_1{
    background-color: var(--accent-clr-1);
}
.bg_primary_clr{
    background-color: var(--primary-clr) !important;
}
.bg_primary_offset_clr{
    background-color: var(--primary-offset-clr);
}
.bg_accent_clr_2{
    background-color: var(--accent-clr-2);
}
.accent_clr_1{
    color: var(--accent-clr-1);
}
.accent_clr_2{
    color: var(--accent-clr-2);
}
.black_offset_clr{
    color: var(--black-offset-clr);
}
.black_offset_clr_1{
    color: var(--black-offset-clr-1);
}
.black_offset_clr_2{
    color: var(--black-offset-clr-2);
}

.accordion-button:not(.collapsed){
    color: var(--primary-clr) !important;
}
@media all and (max-width: 568px) {

    :root{
        /* --fs-nav-title: 1.55rem; */
        --fs-form-title: 1.45rem;
        --fs-form-input: 1.6rem;
    }
}