@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');

body {
    font-family: 'Montserrat', sans-serif;
    color: #444;
    background-color: #000;
    line-height: 1.4;
    margin: 0;
}

a {
    text-decoration: none;
    color: inherit !important;
}

.email-input-subscribe {
    max-width: 400px;
    margin: 0 auto;
    box-shadow: 0 7px 21px 0 #0004;
    border-radius: 6px;
    overflow: hidden;
}

.custom-bullet {
    display: grid;
    gap: 6px;

    li {
        display: inline-flex;
        gap: 6px;
        font-size: 1rem;

        .dot {
            font-size: 2rem;
            line-height: 1rem;
        }
    }
}

.back-light {
    background-color: #f9f8f4;
    color: #444;

    a {
        color: inherit;
        transition: all 0.2s ease;
    }

    a:hover {
        box-shadow: inset 0 -2px 0 0 #4442;
        &.btn {
            box-shadow: inset 0 -2px 0 0 #4442, 0 7px 22px 0 #0005;
        }
        transform: translateY(-5px);
    }
}

.back-blue {
    background-color: #2b5384;
    color: #f9f8f4;

    a {
        color: inherit;
        transition: all 0.2s ease;
    }

    a:hover {
        box-shadow: inset 0 -2px 0 0 #4442;
        &.btn {
            box-shadow: inset 0 -2px 0 0 #4442, 0 7px 22px 0 #0005;
        }
        transform: translateY(-5px);
    }
}

.back-dark {
    background-color: #111;
    color: #fff;

    a {
        color: inherit;
        transition: all 0.2s ease;
    }

    a:hover {
        box-shadow: inset 0 -2px 0 0 #fffa;
        &.btn {
            box-shadow: inset 0 -2px 0 0 #fffa, 0 7px 22px 0 #fff5;
        }
        transform: translateY(-5px);
    }
}

@media (max-width: 768px) {
    .hidden-mobile {
        display: none;
    }
}