.hero {
    position: relative;
    display: grid;
    grid-template-columns: 1fr 1fr;
    padding-top: 54px;
    padding-bottom: 143px;
}

.hero-main {
    margin-right: 48px;
}

.hero-line {
    width: 195px;
    border-top: 1px solid #201F1F;
    opacity: 0.2;
    margin-top: 12px;
}

.hero-title {
    margin-top: 10px;
    margin-bottom: 12px;
    font-weight: 600;
    font-size: 75px;
    line-height: 120%;
    letter-spacing: -3px;
}

.hero-description {
    font-family: var(--font-inter);
    padding: 0;

    font-weight: 400;
    font-size: 18px;
    line-height: 28px;
    letter-spacing: 0px;
    text-align: justify;
}

.hero-description__bold {
    font-weight: 600;
}

.hero-buttons {
    margin-top: 45px;
    display: flex;
    gap: 23px;
}

.cub1-arrow {
    position: absolute;
    left: calc(100% + 23px);
    top: 41px;
    transform: rotate(-3.08deg);
}

.hero-dots {
    position: absolute;
    top: 0;
    right: 0;
    z-index: -1;
}