@font-face {
    font-family: Roboto;
    font-style: normal;
    font-weight: 300;
    font-display: swap;
    src: url('../../fonts/Roboto-Light.ttf') format('truetype');
}

@font-face {
    font-family: Roboto;
    font-style: italic;
    font-weight: 300;
    font-display: swap;
    src: url('../../fonts/Roboto-LightItalic.ttf') format('truetype');
}

@font-face {
    font-family: Roboto;
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url('../../fonts/Roboto-Regular.ttf') format('truetype');
}

@font-face {
    font-family: Roboto;
    font-style: italic;
    font-weight: 400;
    font-display: swap;
    src: url('../../fonts/Roboto-Italic.ttf') format('truetype');
}

@font-face {
    font-family: Roboto;
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: url('../../fonts/Roboto-Medium.ttf') format('truetype');
}

@font-face {
    font-family: Roboto;
    font-style: italic;
    font-weight: 500;
    font-display: swap;
    src: url('../../fonts/Roboto-MediumItalic.ttf') format('truetype');
}

@font-face {
    font-family: Roboto;
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url('../../fonts/Roboto-Bold.ttf') format('truetype');
}

@font-face {
    font-family: Roboto;
    font-style: italic;
    font-weight: 700;
    font-display: swap;
    src: url('../../fonts/Roboto-BoldItalic.ttf') format('truetype');
}

.mideaductless {
    --brand-color-primary-1: #003380;
    --brand-color-primary-2: #464646;
    --brand-color-secondary-1: #00DA9F;
    --brand-color-secondary-2: #05ffbc;
    --brand-color-secondary-3: #00365d;
    --brand-color-secondary-4: #14577B;
    --brand-color-secondary-5: #1F94D2;
    --body-font-family: 'Roboto', Arial, sans-serif;
    --heading-font-family: var(--body-font-family);
    --text-line-height: 1.5;
    --blog-card-font-family: Roboto, Arial, sans-serif;
    --blog-card-button-font-family: Roboto, Arial, sans-serif;
    --heading-font-size-xxl: 48px;
    --hero-bg-color: #f9f8f5;
    --product-hero-content-text-color: var(--brand-color-primary-2);
    --modal-header-bg: #fff;
    --modal-title-color: var(--brand-color-primary-2);
    --link-color: var(--brand-color-secondary-4);
    --link-hover-color: var(--brand-color-secondary-5);
}


.mideaductless .card-grid .card-content h3 {
    color: #464646;
    font-weight: 500;
}

.mideaductless .card-grid .button {
    background: #fff;
    color: #14577B;
    border-radius: 5rem;
    border: 2px solid;
    border-color: #1F94D2;
}

.mideaductless .card-grid .button:hover {
    border-color: #14577B;
    background: #14577B;
    color: #fff;
}