.logo {
    font-family: "Righteous", cursive;
}

h1,
h2,
h3,
h4,
h5,
.text-stylish {
    font-family: "Righteous", cursive;
}

footer h2 {
    font-family: "Righteous", cursive;
}

.banner {
    /* The image used */
    background-image: url("../images/contact-bg.jpg");

    /* Set a specific height */
    min-height: 500px;

    /* Create the parallax scrolling effect */
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.banner-inner {
    /* The image used */
    background-image: url("../images/contact-bg.jpg");

    /* Set a specific height */
    min-height: 300px;

    width: 100%;
    /* Create the parallax scrolling effect */
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.parallax-1 {
    /* The image used */
    background-image: url("../images/footer_bg.png");

    /* Set a specific height */
    min-height: 500px;

    /* Create the parallax scrolling effect */
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.parallax-2 {
    /* The image used */
    background-image: url("../images/site-img22.jpg");

    /* Set a specific height */
    min-height: 100px;

    /* Create the parallax scrolling effect */
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.parallax-3 {
    /* The image used */
    background-image: url("../images/footer.jpg");

    /* Set a specific height */
    min-height: 300px;

    /* Create the parallax scrolling effect */
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.parallax-4 {
    /* The image used */
    background-image: url("../images/contact-bg.jpg");

    /* Set a specific height */
    min-height: 300px;

    /* Create the parallax scrolling effect */
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.cover-gradient {
    background: linear-gradient(169.4deg,
            rgba(57, 132, 244, 0.04) -6.01%,
            rgba(12, 211, 255, 0.04) 36.87%,
            rgba(47, 124, 240, 0.04) 78.04%,
            rgba(14, 101, 232, 0.04) 103.77%);
}

.cover-gradient-2 {
    background: linear-gradient(169.4deg,
            rgba(57, 132, 244, 0.1) -6.01%,
            rgba(12, 211, 255, 0.1) 36.87%,
            rgba(47, 124, 240, 0.1) 78.04%,
            rgba(14, 101, 232, 0.1) 103.77%);
}

.bg-black-gradient,
.text-black-gradient {
    background: rgb(204, 204, 204);
    background: linear-gradient(180deg,
            rgba(204, 204, 204, 1) 0%,
            rgba(238, 238, 238, 1) 100%);
}

.text-black-gradient {
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.bg-blue-gradient {
    background: linear-gradient(136.91deg, #468ef9 -12.5%, #0c66ee 107.5%);
}