.methodology .container__inner {
    display: flex;
    flex-direction: column;
    gap: 60px;
}

.methodology__header {
    display: flex;
    flex-direction: column;
    gap: 25px;
}

.methodology__main {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: repeat(2, 1fr);
    gap: var(--gap-md);
}

.methodology__el {
    padding: calc(var(--pixel) * 20);
    justify-content: space-between;
    height: calc(var(--pixel) * 295);
}

.methodology__el__number {
    color: var(--color-solar-gold);
}

.methodology__el__content {
    display: flex;
    flex-direction: column;
    gap: var(--gap-md);
}

.methodology__el__content .hr {
    width: calc(var(--pixel) * 103);
}

@media (max-width: 1439px) {
    .methodology .container__inner {
        gap: 45px;
    }

    .methodology__main {
        grid-template-columns: repeat(1, 1fr);
        grid-template-rows: repeat(4, 1fr);
    }
}

@media (max-width: 767px) {
    .methodology .container__inner {
        gap: 35px;
    }

    .methodology__el {
        padding: calc(var(--pixel) * 20);
        justify-content: space-between;
        height: calc(var(--pixel) * 305);
    }
}