.hero-banner {
    padding: 65px 0 95px;
}

.hero-banner .hero-banner__heading {
    background: linear-gradient(90deg, #fc9c4b 0%, #1955fd 35%, #32d7fe 65%);
    background-clip: text;
    -webkit-background-clip: text;
    color: transparent;
    -webkit-text-fill-color: transparent;
}

.hero-banner .hero-banner__heading span {
    background: #ffffff;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.hero-banner .hero-banner__bg-image {
    top: 15px;
}

.hero-banner .content-container {
    background-color: #0F1420;
    padding: 80px;
    box-shadow: inset -32px -32px 60px rgba(218, 228, 230, 0.08);
    backdrop-filter: blur(42px);
}

.hero-banner .content-border {
    padding: 1px;
    background:
        radial-gradient(circle at top left, rgba(255, 255, 255, 0.5) 0%, transparent 70%),
        radial-gradient(circle at bottom right, rgba(255, 255, 255, 0.5) 0%, transparent 70%);
}

section .hero-banner__actions .work {
    background-color: #ffffff;
}

@media screen and (max-width: 1024px) {
    .hero-banner {
        padding: 65px 0 75px;
    }

    .hero-banner .content-container {
        padding: 60px;
    }
}

@media screen and (max-width: 1024px) {
    .hero-banner {
        padding: 65px 0;
    }

    .hero-banner .content-container {
        padding: 40px;
    }
}