@media (min-width: 1248px) {

.jumbotron p.sub-title {
            font-size: 28px;
            line-height: 40px;
    }
        }

.jumbotron .grid-wrapper {
        -moz-column-gap: 0;
             column-gap: 0;
    }

@media (min-width: 540px) {
            .jumbotron .hero-img {
                width: 250%;
            }
        }

@media (min-width: 845px) {
            .jumbotron .hero-img {
                width: 230%;
            }
        }

@media (min-width: 540px) {
                .jumbotron .hero-img img {
                    transform: translate(-57%, -50%);
                }
            }

@media (min-width: 845px) {
                .jumbotron .hero-img img {
                    transform: translate(-70%, -50%);
                }
            }

/* Front-End-Web Section*/

.web-development {
    margin-bottom: 48px;
}

@media (min-width: 1248px) {

.web-development {
        margin-bottom: 60px;
}
    }

.web-development div.flex {
        flex-direction: column;
        gap: 32px;
    }

@media (min-width: 540px) {

.web-development div.flex {
            flex-direction: row;
            gap: 24px;
    }
        }

@media (min-width: 1248px) {

.web-development div.flex {
            gap: 32px;
    }
        }

.web-development div.flex div {
            text-align: center;
        }

@media (min-width: 540px) {

.web-development div.flex div {
                text-align: left;
                flex: 1;
        }
            }

/* Blazor experience */

.side-card {
    padding: 24px;
    background-color: var(--colors-bg-grid);
}

@media (min-width: 540px) {
        .side-card {
            padding: 32px;
        }
    }

/* Gradient BG Content*/

.gradient-bg {
    margin-bottom: 2rem;
    padding: 1.5rem;
}

@media (min-width: 540px) {
        .gradient-bg {
            padding: 2.25rem 3rem;
        }
    }

@media (min-width: 845px) {
        .gradient-bg {
            padding: 2.5rem 6.75rem;
        }
    }

.gradient-bg h2,.gradient-bg p {
        color: var(--colors-white);
    }

/* Gradients */

.radial-gradient-e57 {
    width: 818px;
    height: 948px;
    left: 112px;
    border-radius: 50%;
    opacity: .8;
}

@media (min-width: 845px) {
        .radial-gradient-e57 {
            left: -83px;
            bottom: 2679px;
        }
    }

.radial-gradient-e59 {
    width: 1233px;
    height: 1430px;
    left: 674px;
    top: 587px;
    filter: blur(36px);
    border-radius: 50%;
    opacity: .3;
    transform: rotate(169.429deg);
}

@media (min-width: 540px) {
        .radial-gradient-e59 {
            display: block;
            left: 448px;
            top: 2496px;
        }
    }

@media (min-width: 845px) {
        .radial-gradient-e59 {
            left: 403px;
            top: 1304px;
        }
    }

.radial-gradient-e60 {
    width: 1030px;
    height: 767px;
    border-radius: 50%;
    left: 395px;
    top: 1510px;
    opacity: .6;
}

@media (min-width: 540px) {
        .radial-gradient-e60 {
            display: block;
            visibility: visible;
        }
    }

@media (min-width: 845px) {
        .radial-gradient-e60 {
            left: 272px;
            top: 1095px;
        }
    }

.radial-gradient-e75 {
    width: 947px;
    height: 1097px;
    left: 407px;
    top: 1529px;
    transform: rotate(-134.72deg);
    opacity: .8;
}

@media (min-width: 845px) {
        .radial-gradient-e75 {
            left: 281px;
            top: 1109px;
        }
    }

.radial-gradient-e76 {
    width: 1058px;
    height: 1227px;
    right: 253px;
    top: 3081px;
    opacity: .9;
    border-radius: 50%;
    transform: rotate(-134.72deg);
}

@media (min-width: 540px) {
        .radial-gradient-e76 {
            right: 488px;
        }
    }

@media (min-width: 845px) {
        .radial-gradient-e76 {
            right: 532px;
            top: 1469px;
        }
    }

.radial-gradient-e75 {
    width: 947px;
    height: 1097px;
    left: 702px;
    top: 2475px;
    opacity: .8;
    transform: rotate(-134.72deg);
    border-radius: 50%;
}

@media (min-width: 845px) {
        .radial-gradient-e75 {
            display: block;
        }
    }
.get-started {
    color: var(--neutrals-light-grey-96);
    border-radius: 32px;
    padding: 20px 24px;
    row-gap: 24px;
    -moz-column-gap: 12px;
    column-gap: 12px;
    align-items: baseline;
    margin-bottom: 32px;
}@media (min-width: 540px) {
        .get-started {
            padding: 28px 48px;
            -moz-column-gap: 24px;
                 column-gap: 24px;
            margin-bottom: 48px;
        }
    }@media (min-width: 845px) {
        .get-started {
            row-gap: 48px;
            -moz-column-gap: 32px;
                 column-gap: 32px;
        }
    }@media (min-width: 1248px) {
        .get-started {
            padding: 40px 108px;
            margin-bottom: 60px;
        }
    }.get-started h2 {
        color: inherit;
        text-transform: none;
    }.get-started p {
        color: inherit;
        margin-bottom: 34px;
    }@media (min-width: 540px) {
            .get-started p {
                margin-bottom: 28px;
            }
        }.get-started.get-started-blue {
        background: linear-gradient(128.87deg, #0b6cff 14.05%, #512bd4 89.3%);
    }.get-started.get-started-purple {
        background: linear-gradient(128.87deg, #512bd4 14.05%, #d600aa 89.3%);
    }
.image-cards {
    text-align: center;
}@media (min-width: 540px) {.image-cards div {
            text-align: left;
    }
        }.image-cards h2,.image-cards h3 {
        color: var(--colors-white-inverse);
    }.image-cards h3 {
        font-family: var(--font-family-open);
    }@media (min-width: 540px) {
            .image-cards img {
                margin: 0;
            }
        }.image-cards p {
        color: var(--colors-white-inverse);
        flex-grow: 1;
    }