* {
    box-sizing: border-box;
    padding: 0;
    margin: 0;
    font-family: 'Montserrat' !important;
    letter-spacing: 0.15px;
    line-height: 150% !important;
}

:root {
    /* Colors */
    --primary-color: #2F565E !important;
    --secondary-color: #829A9E !important;
    --hover-color: #DEE3E4 !important;
    --additional-color: #49999C !important;
    --list-item-color: #4C6E74 !important;
    --disable-color: #B4C2C5 !important;
    /* Border radius */
    --main-border-radius: 4px;

    /* H1 heading text */
    --h1-font-size: 16px;
    --h1-font-weight: 600;

    /* H2 heading text */
    --h2-font-size: 14px;
    --h2-font-weight: 600;

    /* H3 heading text */
    --h3-font-size: 13px;
    --h3-font-weight: 500;

    /* Body text */
    --body-font-size: 14px;
    --body-font-weight: 400;

    /* Caption text */
    --caption-font-size: 12px;
    --caption-font-weight: 400;

    /* Small button text */
    --btn-sm-size: 12px;
    --btn-sm-weight: 500;

    /* Large button text */
    --btn-lg-size: 13px;
    --btn-lg-weight: 500;
}

.bg-img {
    background-position: center;
    background-repeat: no-repeat;
}

.btn-white {
    background-color: white;
    box-shadow: 0 2px 4px 1px rgb(0 0 0 / 20%);
    text-transform: uppercase;
    color: var(--primary-color);
    font-size: var(--btn-sm-size);
    font-weight: var(--btn-sm-weight);
    height: 30px;
}

.btn-white:hover {
    background-color: white;
}

.btn-white:active {
    box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.12), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 3px 1px -2px rgba(0, 0, 0, 0.20);
}