body {
    background: var(--bg-color);
    width: 100%;
    height: 100%;
    background-position: center;
    background-repeat: no-repeat;
    color     : var(--text-color);
    font-family: $font-text;
    line-height: 1.8;
}

.bg-rgba {
    background-color: rgba($color: #000000, $alpha: 0.8);
}

.text-fb{
    color: $color-facebook !important;
}

.text-telegram{
    color: $color-telegram !important;
}

.text-gmail{
    color: $color-gmail !important;
}

.font-title{
    font-family: $font-title;
}

.font-text{
    font-family: $font-text;
}

.py-50 {
    padding: 50px 0;
}

.after-border{
    &:after{
        position: absolute;
        content: '';
        width: 50px;
        height: 2px;
        bottom: 0;
        left: 0;
        background-color: $danger;
    }
    line-height: 2;
}

.btnTheme{
    &:hover{
        cursor: pointer;
    }
}

.bg-footer{
    background-color: $footer;
}

.text-bg{
    color: var(--text-color);
}

.bg-switch{
    background-color: var(--bg-color);
}

.logo-gray{
    filter: grayscale(100%);
    transition: all 0.5s;

    &:hover{
        filter: none;
        transition: all 0.5s;
    }
}

.object-fit-cover{
    object-fit: cover !important;
}