/* navbar is sticky so give a padding top */
body {
    font-family: "Montserrat", serif;
}

a {
    text-decoration: none;
}

ul {
    list-style: none;
}
.text-theme {
    background: linear-gradient(
        to right,
        #005893,
        #1088d8
    ); /* Gradient colors */
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.bg-themeGradient {
    background: linear-gradient(
        to right,
        #005893,
        #1088d8
    ); /* Gradient colors */
}

.bg-product1 {
    background-color: #013555;
    border-radius: 0 18px 0 0;
}

.bg-product2 {
    background-color: #6f5e3e;
    border-radius: 0 18px 0 0;
}

.bg-product3 {
    background-color: #404953;
    border-radius: 0 18px 0 0;
}

.bg-product4 {
    background-color: #50270a;
    border-radius: 0 18px 0 0;
}

.w-lg-40 {
    width: 40%;
}

.w-lg-30 {
    width: 30%;
}

.heroSection {
    height: 75vh;
    background-color: rebeccapurple;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}

@media (max-width: 480px) {
    .w-lg-30,
    .w-lg-40 {
        width: 100%;
    }

    .heroSection {
        height: 50vh;
    }
}

@media (min-width: 481px) and (max-width: 767px) {
    .w-lg-30,
    .w-lg-40 {
        width: 100%;
    }

    .heroSection {
        height: 50vh;
    }
}

@media (min-width: 768px) and (max-width: 1024px) {
    .w-lg-30,
    .w-lg-40 {
        width: 100%;
    }

    .heroSection {
        height: 50vh;
    }
}

@media (min-width: 1025px) and (max-width: 1280px) {
}