/* font */
@import url('https://fonts.googleapis.com/css2?family=Rufina:wght@400;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Urbanist:wght@100;200;300;400;500;600;700;800;900&display=swap');

/* variable */
:root {
    --primary-color: #ac8d56;
    --medium-gray: #817F7C;
    --very-light-gray: #F4F1ED;
    --alt-font: 'Urbanist', sans-serif;
    --primary-font: 'Urbanist', sans-serif;
}
/* reset */
body {
    font-size: 18px;
    line-height: 30px;
    letter-spacing: .3px;
}

html {
    overflow-x: hidden;
}

/* btn */
.btn {
    font-weight: 600;
    text-transform: inherit;
    font-family: var(--primary-font);
    letter-spacing: 0;
}

    .btn.btn-switch-text.btn-extra-large > span {
        font-size: 18px;
        padding: 16px 34px;
    }

    .btn.btn-switch-text.btn-large > span {
        font-size: 16px;
        padding: 13px 25px;
    }

    .btn.btn-switch-text.btn-medium > span {
        font-size: 15px;
        padding: 11px 20px;
    }

    .btn.btn-switch-text.btn-small > span {
        font-size: 14px;
        padding: 10px 20px;
    }

    .btn.btn-switch-text.btn-very-small > span {
        font-size: 12px;
        padding: 8px 15px;
    }

    .btn.btn-hover-animation-switch .btn-icon {
        margin-left: 5px;
    }

/* bg gradient color */
.bg-gradient-aztec-green {
    background-image: linear-gradient(to right bottom, #313e3b, #2e3b38, #2c3835, #293532, #27322f);
}

.bg-gradient-dark-gray-transparent {
    background: -webkit-linear-gradient(right, rgba(24, 25, 28, .5), rgba(255, 255, 255, 0.0));
    background: linear-gradient(to right, rgba(24, 25, 28, .5), rgba(255, 255, 255, 0.0));
}