.HeaderSection {
    .SubHeaderText {
        margin-top: 1rem;
        font-weight: 400;
    }

    .Paddings {
        margin-left: auto;
    }

    @media screen and (max-width: 767px) {
        p.padding-left {
            width: fit-content;
            margin-bottom: 6px;

            svg {
                margin-right: 6px;
            }
        }
    }


    @media screen and (min-width: 768px) {
        .padding-left {
            width: fit-content;
            &.pad-1 {
                padding-left: 10px;
            }

            &.pad-2 {
                padding-left: 80px;
            }

            &.pad-3 {
                padding-left: 130px;
            }

            &.pad-4 {
                padding-left: 170px;
            }

            &.pad-5 {
                padding-left: 200px;
            }

            &.pad-6 {
                padding-left: 170px;
            }

            &.pad-7 {
                padding-left: 130px;
            }

            &.pad-8 {
                padding-left: 80px;
            }

            &.pad-9 {
                padding-left: 10px;
            }
        }
    }
}

.ProcessesWrapper {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    grid-template-rows: auto auto;
    grid-column-gap: 16px;
    grid-row-gap: 16px;

    @media screen and (min-width: 768px) {
        grid-template-columns: repeat(2, 1fr);
    }

    .ProcessSection {
        .Image {
            display: flex;
            justify-content: center;
            align-items: center;
            max-width: 100%;
            overflow: hidden;

            img {
                max-width: 100%;
                height: auto;
                display: block;
                max-height: 180px;
            }
        }

        .Text {
            .Title {
                width: 100%;
                display: flex;
                justify-content: center;
                margin: 12px 0 10px 0;
            }

            h3 {
                color: #fff;
                background-color: #0186F8;
                border-radius: var(--border-mobile-radius);
                padding: 6px 12px;
                text-align: center;
                font-size: 16px;
                margin: 0;
                width: fit-content;

                @media screen and (min-width: 768px) {
                    border-radius: var(--border-radius);
                }
            }
        }

    }
}