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

.jumbotron .sub-title {
        margin-bottom: 20px !important;
        margin-top: 20px !important;
    }

.jumbotron .caption-1 {
        color: var(--colors-primary-midnight-blue);
    }

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

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

.jumbotron .hero-img img {
            top: 40% !important;
            left: 50% !important;
            transform: translate(-74%, -50%);
            scale: 1.2 1.2;
        }

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

/* Grid Card Section*/

.grid-card {
    padding-left: 24px !important;
    padding-right: 24px !important;
}

.grid-card img.code-snippet {
        -o-object-fit: contain;
           object-fit: contain;
        min-height: 329px;
        max-width: -moz-fit-content;
        max-width: fit-content;
    }

@media (min-width: 540px) {
            .grid-card img.code-snippet {
                max-width: 100%;
                max-width: -moz-fit-content;
                max-width: fit-content;
            }
        }

@media (min-width: 845px) {
            .grid-card .plus-accent {
                margin-top: 17px;
            }
        }

.grid-card .plus-accent img {
            scale: 2.5 2.5;
            --transform-scale-x: 2.5;
            --transform-scale-y: 2.5;
        }

@media (min-width: 540px) {
                .grid-card .plus-accent img {
                    scale: 1.7 1.7;
                    --transform-scale-x: 1.7;
                    --transform-scale-y: 1.7;
                }
            }

@media (min-width: 845px) {
                .grid-card .plus-accent img {
                    scale: 1 1;
                    --transform-scale-x: 1;
                    --transform-scale-y: 1;
                }
            }

/* Docker Kubernetes image section */

.order-items {
    order: 2;
}

@media (min-width: 540px) {
        .order-items {
            order: 1;
        }
    }

.order-items .flex-row {
        gap: 8px;
    }

@media (min-width: 1248px) {
            .order-items .flex-row {
                gap: 32px;
            }
        }

.order-items .flex-row div {
            padding: 8px 10px;
            width: 33.333333%;
        }

@media (min-width: 540px) {
                .order-items .flex-row div {
                    border-radius: var(--rounded-lg);
                }
            }

@media (min-width: 1248px) {
                .order-items .flex-row div {
                    width: 30%;
                    padding: 20px 8px;
                }
            }

/* TechEmpower benchmark section */

.techempower :where(.title-1,.subtitle-1,.subtitle-2-stronger,.caption-1-strong),.techempower sup {
        color: var(--neutrals-light-grey-96)
    }

/* Cloud Providers Section */

.cloud-providers {
    margin-bottom: 32px;
}

@media (min-width: 1248px) {
        .cloud-providers {
            margin-bottom: 60px;
        }
    }

.cloud-providers .hero-subtitle {
        row-gap: 24px;
        color: var(--colors-dark-additional-light-gray);
    }

@media (min-width: 540px) {
            .cloud-providers .hero-subtitle {
                flex-direction: row;
                -moz-column-gap: 12px;
                     column-gap: 12px;
            }
        }

@media (min-width: 845px) {
            .cloud-providers .hero-subtitle {
                row-gap: 48px;
                -moz-column-gap: 85px;
                     column-gap: 85px;
            }
        }

/* Gradient BG Content*/

.gradient-bg {
    padding: 24px;
    color: var(--neutrals-additionals-grey-90);
}

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

@media (min-width: 540px) {
            .gradient-bg img {
                display: none;
            }
        }

@media (min-width: 540px) {
            .gradient-bg img + img {
                display: block;
            }
        }

@media (min-width: 845px) {
            .gradient-bg img + img {
                display: none;
            }
        }

@media (min-width: 845px) {
            .gradient-bg img + img + img {
                display: block;
            }
        }

/* Media Cards */

.media-border-cards a,.media-solid-bg-cards a {
        padding: 0 !important;
        overflow: hidden;
    }

.media-border-cards .flex-auto,.media-solid-bg-cards .flex-auto {
        padding: 24px;
    }

@media (min-width: 540px) {
            .media-border-cards .flex-auto,.media-solid-bg-cards .flex-auto {
                padding: 32px;
            }
        }

.media-border-cards .w-full,.media-solid-bg-cards .w-full {
        height: 46px;
    }

.media-solid-bg-cards .rounded-xl {
        overflow: hidden;
    }

/* Gradients */

.radial-gradient-magenta-tint-20 {
    width: 1194px;
    height: 1384px;
    left: 268px;
    top: 2865px;
    filter: blur(153px);
    opacity: 0.8;
    border-radius: 50%;
    transform: rotate(33.28deg);
}

@media (min-width: 540px) {
        .radial-gradient-magenta-tint-20 {
            left: 524px;
        }
    }

@media (min-width: 845px) {
        .radial-gradient-magenta-tint-20 {
            left: 0;
            top: 0;
        }
    }

.radial-gradient-blue {
    width: 1091px;
    height: 1094px;
    left: -351px;
    top: 2506px;
    filter: blur(112.5px);
    opacity: 0.3;
    border-radius: 50%;
}

@media (min-width: 540px) {
        .radial-gradient-blue {
            left: -119px;
            top: 1592px;
        }
    }

@media (min-width: 845px) {
        .radial-gradient-blue {
            left: 705px;
            top: 215px;
        }
    }

.radial-gradient-magenta-tint-20.md-hidden {
    width: 1800px;
    height: 2088px;
    left: 268px;
    top: 2865px;
    opacity: .3;
    transform: rotate(169.429deg);
    filter: blur(53px);
    border-radius: 50%;
}

@media (min-width: 540px) {
        .radial-gradient-magenta-tint-20.md-hidden {
            left: 543px;
        }
    }

@media (min-width: 845px) {
        .radial-gradient-magenta-tint-20.md-hidden {
            left: 30px;
            top: 2255px;
        }
    }

.radial-gradient-purple {
    width: 530px;
    height: 530px;
    left: 82px;
    top: 4731px;
    filter: blur(112.5px);
    border-radius: 50%;
}

@media (min-width: 540px) {
        .radial-gradient-purple {
            display: none;
        }
    }

.grey-subtitles {
    color: var(--colors-grey-subtitle);
}

    .accordion-container .accordion-element {
        padding: 1.25rem 1.875rem;
    }.accordion-container .accordion-title {
        text-align: left;
        display: flex;
        width: 100%;
        align-items: center;
        -moz-appearance: button;
             appearance: button;
        -webkit-appearance: button;
        background-color: transparent;
        background-image: none;
    }.accordion-container .accordion-title:hover {
            cursor: pointer;
        }.accordion-container .accordion-title .title-3 {
            font-family: var(--font-family-open);
        }.accordion-container .accordion-title svg {
            fill: var(--colors-white-inverse);
        }.accordion-container hr {
        border: 0;
        height: 1px;
        margin: 2rem 0;
        background: var(--colors-media-card-border);
    }
/* Grid solid card */

.grid-card-content h2 {
        color: var(--colors-white-inverse);
    }

.grid-card-content .subtitle {
        color: var(--colors-white-inverse);
    }

@media (min-width: 540px) {
            .grid-card-content .news-card {
                display: flex;
            }
        }

.grid-card-content .news-card .subtitle {
            color: var(--colors-white-inverse);
        }

.grid-card-content .news-card .desc {
            color: var(--colors-white-inverse);
            flex-grow: 1;
        }
.image-border-cards {
    align-items: stretch;
    box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.03922);
    background-color: var(--colors-bg-grid);
    border: 2px solid var(--colors-media-card-border);
}.image-border-cards img {
        -o-object-fit: contain;
           object-fit: contain;
    }

    .media-solid-bg-cards .flex-auto {
        box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.03922);
        background-color: var(--colors-bg-grid);
    }