.main-banner {
    background-image: url(../img/01.gif);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    background-color: #08080e;
    color: #fff;
    height: 100vh;

    h1 {
        color: #fff;
        font-size: 70px;

        span {
            color: transparent;
            background: linear-gradient(30deg, #ff0006 0%, #0973bc 100%);
            background-clip: text;
            -webkit-background-clip: text;
            border: none;
            padding: 0px;
            text-transform: capitalize;
            border-radius: 0px;
        }
    }

    button {
        font-size: 18px;
        color: #fff;
        padding: 15px 30px;
        position: relative;
        border-radius: 72px;
        text-transform: capitalize;
        letter-spacing: 1px;
        font-weight: 500;
        border: solid #ff0006 1px;
        background-color: #000;
        transition: .3s;

        /* Hover effect */
        &:hover {
            background: #0973bc;
            border: 1px solid #0973bc;
            transition: all 0.3s ease-in-out;
        }
    }

    span {
        text-transform: uppercase;
        color: #fcfcfc91;
        background-color: #000;
        padding: 8px 18px;
        border-radius: 100px;
        border: 1px solid #0a426d;
    }
}

.banner-height p {
    text-align: center;
    font-size: 16px;
    color: #FFFFFF;
    font-family: 'Gilroy';
    font-weight: 500;
    line-height: 32px;
}