@import url(product/header.css);
@import url(product/banner.css);
@import url(product/below-banner.css);
@import url(product/technology.css);
@import url(product/plans.css);
@import url(product/specs.css);
@import url(product/reviews.css);
@import url(product/wins.css);
@import url(product/video.css);
@import url(product/appointment.css);
@import url(product/locations.css);
@import url(product/footer.css);
@import url(product/modal.css);
@import url(product/form.css);

@font-face {
    font-family: Gotham;
    src: url(../fonts/gotham-htf/gotham-htf-book.woff2);
    src: url(../fonts/gotham-htf/gotham-htf-book.woff2) format('woff2'),
        url(../fonts/gotham-htf/gotham-htf-book.woff) format('woff'),
        url(../fonts/gotham-htf/gotham-htf-book.ttf) format('ttf');
    font-weight: 100 400;
}

@font-face {
    font-family: Gotham;
    src: url(../fonts/gotham-htf/gotham-htf-medium.woff2);
    src: url(../fonts/gotham-htf/gotham-htf-medium.woff2) format('woff2'),
        url(../fonts/gotham-htf/gotham-htf-medium.woff) format('woff'),
        url(../fonts/gotham-htf/gotham-htf-medium.ttf) format('ttf');
    font-weight: 500;
}

@font-face {
    font-family: Gotham;
    src: url(../fonts/gotham-htf/gotham-htf-bold.woff2);
    src: url(../fonts/gotham-htf/gotham-htf-bold.woff2) format('woff2'),
        url(../fonts/gotham-htf/gotham-htf-bold.woff) format('woff'),
        url(../fonts/gotham-htf/gotham-htf-bold.ttf) format('ttf');
    font-weight: 600 900;
}

:root {
    --blue: #1E2E53;
    --gold:#C8A95D;
    --white: #fff;
    --grey-bg: rgba(30, 46, 83, 0.05);
    --dark-grey-bg: rgba(30, 46, 83, 0.10);
    --light-grey-bg: rgba(112, 113, 115, 0.04);
    --orange-bg: rgba(234, 104, 82, 0.06);
}

body {
    font-family: Gotham, sans-serif;
    color: var(--blue);
}

img {
    max-width: 100%;
}

p {
    font-size: 18px;
    line-height: 25px;
    margin-bottom: 5px;
    margin-right: 60px;
}

@media (min-width: 380px) {
    p {
    font-size: 15px;
    line-height: 23px;
    margin-bottom: 20px;
    margin-right: 50px;
}
}

.regular {
    font-weight: 400;
}

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

.bold, h1, h2, h3 {
    font-weight: 700;
}

button.btn-default,
a.btn-default {
    background-color:#C8A95D;
    color: var(--white);
    border-radius: 50px;
    height: 50px;
    text-transform: uppercase;
    padding: 5px;
    width: 100%;
    font-size: 14px;
    line-height: 20px;
    font-weight: 500;
    transition: all .2s;
    cursor: pointer;
}

button.btn-default:hover,
a.btn-default:hover {
    background-color: var(--blue);
    color: var(--white);
}

@media (min-width: 768px) {
    button.btn-default,
    a.btn-default {
        max-width: 285px;
        margin: 0 auto;
    }
}

/**********
SCORE
Banner & Reviews
***********/

.score > div {
    display: flex;
    column-gap: 10px;
    align-items: center;
}

.score .number {
    color: #00295A;
    font-size: 20px;
    line-height: normal;
}

.score .stars {
    display: flex;
    column-gap: 5px;
}

.score-note {
    font-size: 9px;
    line-height: normal;
    margin-top: 8px;
}