.hero-section {
    overflow: visible;
    position: relative;
    padding-top: calc(var(--section-padding-block) + 52px);

    &::before {
        content: '';
        position: absolute;
        inset: 0;
        pointer-events: none;
        background-image:
            linear-gradient(rgba(197, 168, 128, .04) 1px, transparent 1px),
            linear-gradient(90deg, rgba(197, 168, 128, .04) 1px, transparent 1px);
        background-size: 60px 60px;
    }

    & .container {
        grid-template-columns: 1fr 2fr;
        position: relative;
    }

    & .breadcrumb-nav>:not(:first-child):before {
        content: "\00a0•\00a0";
    }
}

.hero-svg {
    transform: rotateZ(-1deg);
    margin-inline: 24px -160%;
}

.hero-content {
    position: relative;
    z-index: 10;

    >img {
        position: absolute;
        inset: -10%;

        z-index: -1;
    }
}

.hero-actions {
  display: flex;
  gap: 16px;
}

@media (max-width:992px){
.hero-content {
    overflow: hidden;
    >img {
        display: none;
    }
}
  .hero-svg{
    display: none;
  }
}