@font-face {
    font-family: "Utile";
    src: url("../fonts/utile/Utile-Light.otf") format("truetype");
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Utile";
    src: url("../fonts/utile/Utile-LightItalic.otf") format("truetype");
    font-weight: 300;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: "Utile";
    src: url("../fonts/utile/Utile-Book.otf") format("truetype");
    font-weight: 350;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Utile";
    src: url("../fonts/utile/Utile-BookItalic.otf") format("truetype");
    font-weight: 350;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: "Utile";
    src: url("../fonts/utile/Utile-Regular.otf") format("truetype");
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Utile";
    src: url("../fonts/utile/Utile-Italic.otf") format("truetype");
    font-weight: 400;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: "Utile";
    src: url("../fonts/utile/Utile-Medium.otf") format("truetype");
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Utile";
    src: url("../fonts/utile/Utile-MediumItalic.otf") format("truetype");
    font-weight: 500;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: "Utile";
    src: url("../fonts/utile/Utile-Semibold.otf") format("truetype");
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Utile";
    src: url("../fonts/utile/Utile-SemiboldItalic.otf") format("truetype");
    font-weight: 600;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: "Utile";
    src: url("../fonts/utile/Utile-Bold.otf") format("truetype");
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Utile";
    src: url("../fonts/utile/Utile-BoldItalic.otf") format("truetype");
    font-weight: 700;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: "Utile";
    src: url("../fonts/utile/Utile-Black.otf") format("truetype");
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Utile";
    src: url("../fonts/utile/Utile-BlackItalic.otf") format("truetype");
    font-weight: 900;
    font-style: italic;
    font-display: swap;
}

:root {
    /* Main Colors */
    --primary-color: #D85903;
    --secondary-color: rgba(216, 89, 3, 0.20); /*#17bc2e;*/
    /* Greyscale */
    --grey-1000: #DEE3EB;
    --grey-900: #101928;
    --grey-800: #1d2739;
    --grey-700: #344054;
    --grey-600: #475367;
    --grey-500: #667185;
    --grey-400: #98a2b3;
    --grey-300: #d0d5dd;
    --grey-200: #e4e7ec;
    --grey-100: #f0f2f5;
    --grey-75: #f7f9fc;
    --grey-50: #f9fafb;
    --grey-25-light: rgba(30, 30, 30, 0.04);
    --dark-1000: #1E1E1E;
    --dark-900: #1B1F28;
    --dark-300: #363F52;
    /* Alert/State Colors */
    --success: #27ae60;
    --info: #2f80ed;
    --warning: #e2b93b;
    --error: #eb5757;
    /* Button colors */
    --primary-button: #D85903;
    --secondary-button: rgba(216, 89, 3, 0.20); /*#34ed72*/
    --faq-button: #15ab2a;
    /* Green colors */
    --green-900: #001c16;
    --green-800: #0b5e17;
    --green-700: #129625;
    --green-600: #15ab2a;
    --green-400: #ebfdf1;
    --green-300: #CDFFDE;
    /*===== background Colors ======*/
    /* Repeating components */
    --teal-400: #aceaf1; /* Same is used for the team members card and their pages */
    --faq-bg: rgba(255, 166, 0, 0.20);
    --footer-bg: #F9F9F9;
    /* Landing Page */
    --blue-400: #bfd6fa;
    --large-network-bg: #bfd6fa;
    --hmo-trust-bg: #ffedc9;
    --deliver-healthcare-bg: #b9ebc0;
    --testimonial-bg: #cfd9f0;
    /* Product Page/Providers */
    --wellapartner-bg: #bfd6fa;
    --revenue-bg: #ebfdf1;
    /* Product Page/HMO */
    --hero-bg: #ffedc9;
    --wefill-bg: #cdffde;
    /* Product Page/Business */
    --card-blue-bg: #71b5ff;
    --card-green-bg: #7ddb8b;
    --card-yellow-bg: #ffa600;
    --yellow-100: rgba(255, 166, 0, 0.20);
    --healthsend-bg: #ffe3af;
    --orange-400: #ffe3af;
    --orange-500: #FF7A21;
    --orange-300: #FFA600;
    --orange-700: #FFBD00;
    --light-orange: rgba(216, 89, 3, 0.05);

    --dark-red-300: #823502
}

body {
    font-family: 'Utile', 'Montserrat', sans-serif !important;
    font-style: normal !important;
    font-size: 1rem;
    font-weight: 400 !important;
}

/* Bootstrap overrides */

.btn-primary {
    background-color: var(--primary-button) !important;
    border-color: var(--primary-button) !important;
    padding: 6px 10px;
    font-size: 15px;
}

    .btn-primary:active,
    .btn-primary:hover {
        background-color: var(--primary-button) !important;
        filter: brightness(90%);
        border-color: var(--primary-button);
    }

.btn-secondary {
    background-color: var(--secondary-button);
    border-color: var(--secondary-button);
    font-size: 16px;
}

    .btn-secondary:active,
    .btn-secondary:hover {
        background-color: var(--secondary-button) !important;
        border-color: var(--secondary-button);
    }

.btn-faq {
    background-color: var(--faq-button);
    border-color: var(--faq-button);
    font-size: 20px;
}

    .btn-faq:active,
    .btn-faq:hover {
        background-color: var(--faq-button) !important;
    }

/* Backgrounds*/

.bg-grey-1000 {
    background-color: var(--grey-1000) !important;
}

.bg-grey-700 {
    background-color: var(--grey-700) !important;
}

.bg-grey-400 {
    background-color: var(--grey-400) !important;
}

.bg-grey-200 {
    background-color: var(--grey-200) !important;
}

.bg-grey-100 {
    background-color: var(--grey-100) !important;
}

.bg-grey-50 {
    background-color: var(--grey-50) !important;
}

.bg-grey-25-light {
    background-color: var(--grey-25-light) !important;
}

.bg-primary {
    background-color: var(--primary-color) !important;
}

.bg-secondary {
    background-color: var(--secondary-color) !important;
}

.bg-dark-1000{
    background-color: var(--dark-1000) !important;
}

.bg-yellow-100{
    background-color: var(--yellow-100) !important;
}

.bg-orange-700{
    background-color: var(--orange-700) !important;
}

.faq-bg {
    background-color: var(--faq-bg) !important;
}

.footer-bg {
    background-color: var(--footer-bg) !important;
}

.bg-teal-400 {
    background-color: var(--teal-400) !important;
}

.bg-blue-400 {
    background-color: var(--blue-400) !important;
}

.bg-green-400 {
    background-color: var(--green-400) !important;
}

.bg-green-300 {
    background-color: var(--green-300) !important;
}

.bg-orange-400 {
    background-color: var(--orange-400) !important;
}

.bg-orange-300 {
    background-color: var(--orange-300) !important;
}

.bg-orange-500 {
    background-color: var(--orange-500) !important;
}

.bg-orange-light {
    background-color: var(--light-orange) !important;
}

/*Forms*/

.form-select {
    /*color: var(--grey-400);*/
    line-height: 145%;
    font-size: 14px;
    font-weight: 400;
}

.form-control, .form-select {
    height: 36px;
    padding: 0px 20px;
    font-size: 0.875rem;
    border-radius: 7px;
}

textarea.form-control{
    height: auto !important;
    padding-top: 10px;
}

.form-control:focus, .form-select:focus {
    border-color: var(--primary-color);
    box-shadow: unset;
}

.form-control::placeholder {
    color: #6c757d;
    opacity: 0.7;
}

/**Text colors*/

.text-grey-700 {
    color: var(--grey-700) !important;
}

.text-grey-400 {
    color: var(--grey-400) !important;
}


.text-grey-500 {
    color: var(--grey-500) !important;
}


.text-grey-600 {
    color: var(--grey-600) !important;
}

.text-grey-900 {
    color: var(--grey-900) !important;
}

.text-secondary {
    color: var(--secondary-color) !important;
}

.text-green-700 {
    color: var(--green-700) !important;
}

.text-dark-1000{
    color: var(--dark-1000) !important;
}

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

.text-dark-red-300{
    color: var(--dark-red-300);
}

/*---- Font Sizes From Design. All units in rem
 Set to !important so we can override. the name suffix is the unit in pixel
 All responsive font size generated using twitter-rfs
*/
.fs-10 {
    font-size: 0.625rem !important;
}

.fs-12 {
    font-size: 0.75rem !important;
}

.fs-14 {
    font-size: 0.875rem !important;
}

.fs-16 {
    font-size: 1rem !important;
}

.fs-18 {
    font-size: 1.125rem !important;
}

.fs-18-29 {
    font-size: 1.143rem !important;
}

.fs-19-30 {
    font-size: 1.206rem !important;
}

.fs-20 {
    font-size: 1.25rem !important;
}

.fs-22 {
    font-size: calc(1.2625rem + 0.15vw) !important;
}

.fs-24 {
    font-size: calc(1.275rem + 0.3vw) !important;
}

@media (min-width: 1200px) {
    .fs-24 {
        font-size: 1.5rem !important;
    }
}

.fs-28 {
    font-size: calc(1.3rem + 0.6vw) !important;
}

@media (min-width: 1200px) {
    .fs-28 {
        font-size: 1.75rem !important;
    }
}

.fs-30 {
    font-size: calc(1.3125rem + 0.75vw) !important;
}

@media (min-width: 1200px) {
    .fs-30 {
        font-size: 1.875rem !important;
    }
}

.fs-32 {
    font-size: calc(1.325rem + 0.9vw) !important;
}

@media (min-width: 1200px) {
    .fs-32 {
        font-size: 2rem !important;
    }
}

.fs-34 {
    font-size: calc(1.3375rem + 1.05vw) !important;
}

@media (min-width: 1200px) {
    .fs-34 {
        font-size: 2.125rem !important;
    }
}

.fs-36 {
    font-size: calc(1.35rem + 1.2vw) !important;
}

@media (min-width: 1200px) {
    .fs-36 {
        font-size: 2.25rem !important;
    }
}

.fs-38 {
    font-size: calc(1.3625rem + 1.35vw) !important;
}

@media (min-width: 1200px) {
    .fs-38 {
        font-size: 2.375rem !important;
    }
}

.fs-40 {
    font-size: calc(1.375rem + 1.5vw) !important;
}

@media (min-width: 1200px) {
    .fs-40 {
        font-size: 2.5rem !important;
    }
}

.fs-42 {
    font-size: calc(1.3875rem + 1.65vw) !important;
}

@media (min-width: 1200px) {
    .fs-42 {
        font-size: 2.625rem !important;
    }
}

.fs-44 {
    font-size: calc(1.4rem + 1.8vw) !important;
}

@media (min-width: 1200px) {
    .fs-44 {
        font-size: 2.75rem !important;
    }
}

.fs-46 {
    font-size: calc(1.4125rem + 1.95vw) !important;
}

@media (min-width: 1200px) {
    .fs-46 {
        font-size: 2.875rem !important;
    }
}

.fs-46-33 {
    font-size: calc(1.4125rem + 1.95vw) !important;
}

@media (min-width: 1200px) {
    .fs-46-33 {
        font-size: 2.875rem !important;
    }
}

.fs-47-28 {
    font-size: calc(1.4205rem + 2.046vw) !important;
}

@media (min-width: 1200px) {
    .fs-47-28 {
        font-size: 2.955rem !important;
    }
}

.fs-48 {
    font-size: calc(1.425rem + 2.1vw) !important;
}

@media (min-width: 1200px) {
    .fs-48 {
        font-size: 3rem !important;
    }
}

.fs-56 {
    font-size: calc(1.475rem + 2.7vw) !important;
}

@media (min-width: 1200px) {
    .fs-56 {
        font-size: 3.5rem !important;
    }
}

.fs-60 {
    font-size: calc(1.5rem + 3vw) !important;
}

@media (min-width: 1200px) {
    .fs-60 {
        font-size: 3.75rem !important;
    }
}

.fs-64 {
    font-size: calc(1.525rem + 3.3vw) !important;
}

@media (min-width: 1200px) {
    .fs-64 {
        font-size: 4rem !important;
    }
}

.fs-80 {
    font-size: calc(1.625rem + 4.5vw) !important;
}

@media (min-width: 1200px) {
    .fs-80 {
        font-size: 5rem !important;
    }
}

/*End font-sizes*/

/*Headers sizes 
  All responsive size generated using twitter-rfs
*/

h1 {
    font-size: calc(1.375rem + 1.5vw);
}

@media (min-width: 1200px) {
    h1 {
        font-size: 2.5rem;
    }
}

h2 {
    font-size: calc(1.35rem + 1.2vw);
}

@media (min-width: 1200px) {
    h2 {
        font-size: 2.25rem;
    }
}

h3 {
    font-size: calc(1.325rem + 0.9vw);
}

@media (min-width: 1200px) {
    h3 {
        font-size: 2rem;
    }
}

h4 {
    font-size: calc(1.3rem + 0.6vw);
}

@media (min-width: 1200px) {
    h4 {
        font-size: 1.75rem;
    }
}

h5 {
    font-size: calc(1.275rem + 0.3vw);
}

@media (min-width: 1200px) {
    h5 {
        font-size: 1.5rem;
    }
}

h6 {
    font-size: 1.25rem;
}

/* Text styles */
.text-grey {
    color: var(--grey-900);
}

.text-primary {
    color: var(--primary-color) !important
}

.text-paragraph {
    color: var(--grey-600);
}


/*---------Font Weights --------------*/
/* Switched to using bootstrap font-weights */
.fw-100 {
    font-weight: 100;
}

.fw-200 {
    font-weight: 200;
}

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

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

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

.fw-600 {
    font-weight: 600;
}

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

.fw-800 {
    font-weight: 800;
}

.fw-900 {
    font-weight: 900;
}

/****------ End Font weight -----*/

/* ---------- Line heights ----------*/
/*https://allthingssmitty.com/2017/01/30/nope-nope-nope-line-height-is-unitless/*/

.lh-p120 {
    line-height: 1.2;
}

.lh-p140 {
    line-height: 1.4;
}

.lh-100 {
    line-height: 1;
}

.lh-p140 {
    line-height: 141%
}

.lh-49 {
    line-height: calc(1.435rem + 2.22vw);
}

@media (min-width: 1200px) {
    .lh-49 {
        line-height: 3.1rem;
    }
}

.lh-32 {
    line-height: calc(1.325rem + 0.9vw);
}

@media (min-width: 1200px) {
    .lh-32 {
        line-height: 2rem;
    }
}

.lh-33 {
    line-height: calc(1.33125rem + 0.975vw);
}

@media (min-width: 1200px) {
    .lh-33 {
        line-height: 2.0625rem;
    }
}

.lh-34 {
    line-height: calc(1.34118125rem + 1.094175vw);
}

@media (min-width: 1200px) {
    .lh-34 {
        line-height: 2.1618125rem;
    }
}

.lh-27 {
    line-height: calc(1.29375rem + 0.525vw);
}

@media (min-width: 1200px) {
    .lh-27 {
        line-height: 1.6875rem;
    }
}

.lh-49 {
    line-height: calc(1.435rem + 2.22vw);
}

@media (min-width: 1200px) {
    .lh-49 {
        line-height: 3.1rem;
    }
}

.lh-70 {
    line-height: calc(1.56625rem + 3.794999999999999vw);
}

@media (min-width: 1200px) {
    .lh-70 {
        line-height: 4.4125rem;
    }
}

/*-------- end line height --------*/

/*---------letter spacing---------*/

.ls-0-4 {
    letter-spacing: 0.4px;
}

.ls--0-32 {
    letter-spacing: -0.32px;
}

.ls--2-56 {
    letter-spacing: -2.56px;
}

.ls--1 {
    letter-spacing: -1px;
}

/*Additional Margins*/

/*Bottom*/
.mb-250 {
    margin-bottom: calc(2.6875rem + 17.25vw);
}

@media (min-width: 1200px) {
    .mb-250 {
        margin-bottom: 15.625rem;
    }
}

.mb-200 {
    margin-bottom: calc(2.375rem + 13.5vw);
}

@media (min-width: 1200px) {
    .mb-200 {
        margin-bottom: 12.5rem;
    }
}

.mb-100 {
    margin-bottom: calc(1.75rem + 6vw);
}

@media (min-width: 1200px) {
    .mb-100 {
        margin-bottom: 6.25rem;
    }
}

/* Top */
.mt-250 {
    margin-top: calc(2.6875rem + 17.25vw);
}

@media (min-width: 1200px) {
    .mt-250 {
        margin-top: 15.625rem;
    }
}

.mt-200 {
    margin-top: calc(2.375rem + 13.5vw);
}

@media (min-width: 1200px) {
    .mt-200 {
        margin-top: 12.5rem;
    }
}

.mt-159 {
    margin-top: calc(2.11875rem + 10.424999999999999vw);
}

@media (min-width: 1200px) {
    .mt-159 {
        margin-top: 9.9375rem;
    }
}

.mt-100 {
    margin-top: calc(1.75rem + 6vw);
}

@media (min-width: 1200px) {
    .mt-100 {
        margin-top: 6.25rem;
    }
}

.mt-80 {
    margin-top: calc(1.625rem + 4.5vw);
}

.mt-75 {
    margin-top: 75px;
}

@media (min-width: 1200px) {
    .mt-80 {
        margin-top: 5rem;
    }
}

.gap-60 {
    gap: calc(1.5rem + 3vw);
}

@media (min-width: 1200px) {
    .gap-60 {
        gap: 3.75rem;
    }
}

.hero-companies {
    margin-top: calc(2.6875rem + 17.25vw);
}

@media (min-width: 1200px) {
    .hero-companies {
        margin-top: 15.625rem;
    }
}


/*Negative margins */
.mt--1 {
    margin-top: -0.25rem;
}

.mt--2 {
    margin-top: -0.5rem;
}

.mt--3 {
    margin-top: -1rem;
}

.mt--3 {
    margin-top: calc(-1.275rem - 0.3vw);
}

@media (min-width: 1200px) {
    .mt--3 {
        margin-top: -1.5rem;
    }
}

.mt--4 {
    margin-top: calc(-1.275rem - 0.3vw);
}

@media (min-width: 1200px) {
    .mt--4 {
        margin-top: -1.5rem;
    }
}

.mt--5 {
    margin-top: calc(-1.425rem - 2.1vw);
}

@media (min-width: 1200px) {
    .mt--5 {
        margin-top: -3rem;
    }
}

.mt--6 {
    margin-top: calc(-1.475rem - 2.7vw);
}

@media (min-width: 1200px) {
    .mt--6 {
        margin-top: -3.5rem;
    }
}

.mr--3,
.me--3 {
    margin-right: -1rem;
}

.mr--4,
.me--4 {
    margin-right: calc(-1.275rem - 0.3vw);
}

@media (min-width: 1200px) {
    .mr--4,
    .me--4 {
        margin-right: -1.5rem;
    }
}

.mr--5,
.me--5 {
    margin-right: calc(-1.425rem - 2.1vw);
}

@media (min-width: 1200px) {
    .mr--5,
    .me--5 {
        margin-right: -3rem;
    }
}

.mr--2,
.me--2 {
    margin-right: -0.5rem;
}


/*Paddings */
/* Top */
.pt-300 {
    padding-top: calc(3rem + 21vw);
}

@media (min-width: 1200px) {
    .pt-300 {
        padding-top: 18.75rem;
    }
}

.pt-200 {
    padding-top: calc(2.375rem + 13.5vw);
}

@media (min-width: 1200px) {
    .pt-200 {
        padding-top: 12.5rem;
    }
}

.pt-100 {
    padding-top: calc(1.75rem + 6vw);
}

@media (min-width: 1200px) {
    .pt-100 {
        padding-top: 6.25rem;
    }
}

.pt-75 {
    padding-top: calc(1.59375rem + 4.125vw);
}

@media (min-width: 1200px) {
    .pt-75 {
        padding-top: 4.6875rem;
    }
}
/*bottom */
.pb-300 {
    padding-bottom: calc(3rem + 21vw);
}

@media (min-width: 1200px) {
    .pb-300 {
        padding-bottom: 18.75rem;
    }
}

.pb-200 {
    padding-bottom: calc(2.375rem + 13.5vw);
}

@media (min-width: 1200px) {
    .pb-200 {
        padding-bottom: 12.5rem;
    }
}

.pb-100 {
    padding-bottom: calc(1.75rem + 6vw);
}

@media (min-width: 1200px) {
    .pb-100 {
        padding-bottom: 6.25rem;
    }
}

.pb-150 {
    padding-bottom: calc(2.0625rem + 9.75vw);
}

@media (min-width: 1200px) {
    .pb-150 {
        padding-bottom: 9.375rem;
    }
}

.pb-75 {
    padding-bottom: calc(1.59375rem + 4.125vw);
}

@media (min-width: 1200px) {
    .pb-75 {
        padding-bottom: 4.6875rem;
    }
}

.pb-50 {
    padding-bottom: calc(1.4375rem + 2.25vw);
}

@media (min-width: 1200px) {
    .pb-50 {
        padding-bottom: 3.125rem;
    }
}
/* Left */
.ps-200,
.pl-200 {
    padding-left: calc(2.375rem + 13.5vw);
}

@media (min-width: 1200px) {
    .ps-200,
    .pl-200 {
        padding-left: 12.5rem;
    }
}

.ps-100,
.pl-100 {
    padding-left: calc(1.75rem + 6vw);
}

@media (min-width: 1200px) {
    .ps-100,
    .pl-100 {
        padding-left: 6.25rem;
    }
}
/*Right */
.pe-200,
.pr-200 {
    padding-right: calc(2.375rem + 13.5vw);
}

@media (min-width: 1200px) {
    .pe-200,
    .pr-200 {
        padding-right: 12.5rem;
    }
}

.pe-100,
.pr-100 {
    padding-right: calc(1.75rem + 6vw);
}

@media (min-width: 1200px) {
    .pe-100,
    .pr-100 {
        padding-right: 6.25rem;
    }
}

/* Has poor support in FF: https://caniuse.com/?search=has() */
label:has(+ input:required):after {
    content: ' *';
    color: red;
}

label:has(+ select:required):after {
    content: ' *';
    color: red;
}

.w-56p{
    width: 56px !important;
}


.border-primary {
    border-color: var(--primary-color) !important;
}