.topHeroWrapper,
.bg-gradient-hero {
    background: var(--gradient-brand-800-600-45deg) !important;
}


#HomeBlog,
#OtherHomeBlogs {
    .componentsWrapper {
        padding: 0;
        margin: 0;

        .components {
            background: var(--background-background-neutral-50);
            gap: var(--spacing-xl);
        }
    }
}

#HomeBlog {
    .componentsWrapper {
        min-height: fit-content;

        .components {
            display: flex !important;
            /*grid-template-columns: repeat(4, 20.5vw);
        grid-template-areas:
            "col1 col2 col3 col4";*/
            h1, h2, h3, h4, h5, h6 {
                margin-bottom: 0;
            }

            p {
                text-align: justify
            }

            .card-services-homepage {
                /*                height: fit-content;*/
            }

            & > *:nth-child(1),
            & > *:nth-child(2),
            & > *:nth-child(3),
            & > *:nth-child(4) {


                & > .payload {
                    flex-grow: 1;





                    & > .payload {
                        display: flex !important;
                        flex-direction: column;
                        justify-content: space-between;
                        flex-grow: 1;
                        padding: var(--spacing-xl);
                        gap: var(--card-card-lg-gap);

                        & > h4 {
/*                            margin-right: calc((var(--spacing-xl) + 0.2rem) * -1);*/
/*                            margin-left: 0.2rem;*/
                            margin-left: calc((var(--spacing-xl) + 0.2rem) * -1);
                            margin-right: 0.2rem;
                        }
                    }

                        & > .payload:not(:has(*:nth-child(3))):not(:has(h4:nth-child(1))) {
                            /*                        grid-template-rows: Calc(100% - 48px) 48px;*/
                        }

                        & > .payload:not(:has(*:nth-child(3))):has(h4:nth-child(1)) {
                            /*                        grid-template-rows: 48px Calc(100% - 48px);*/

                            * {
                                /*                            align-items: end*/
                            }
                        }
                }
            }
        }
    }
}
[dir=rtl] #HomeBlog {
    .componentsWrapper {
        min-height: fit-content;

        .components {
            display: flex !important;
            /*grid-template-columns: repeat(4, 20.5vw);
        grid-template-areas:
            "col1 col2 col3 col4";*/
            h1, h2, h3, h4, h5, h6 {
                margin-bottom: 0;
            }

            p {
                text-align: justify
            }

            .card-services-homepage {
                /*                height: fit-content;*/
            }

            & > *:nth-child(1),
            & > *:nth-child(2),
            & > *:nth-child(3),
            & > *:nth-child(4) {

                & > .payload {

                    & > .payload {
                        & > h4 {
                            margin-right: calc((var(--spacing-xl) + 0.2rem) * -1);
                            margin-left: 0.2rem;
                        }
                    }
                }

                .galleryWrapper,
                .componentsWrapper {
                    .components {
                        padding: var(--spacing-5xl) var(--spacing-8xl);
                    }
                }
            }
        }
    }
}




    span.text-danger.field-validation-error {
        display: flex;
        align-items: center;
        gap: var(--spacing-md);

        &::before {
            /*        content: url(../assets/hugeIcons/feedbackIcon.svg);*/
            content: '';
            background: url(../assets/hugeIcons/feedbackIcon.svg);
            width: 16px;
            aspect-ratio: 1;
        }
    }


.galleryWrapper,
.componentsWrapper {
    background: none !important;
}


footer {
    padding: var(--spacing-5xl, 40px) var(--spacing-4xl, 32px) var(--spacing-3xl, 24px) !important;
}