/* ----------------- How to participate? ----------------- */

.top .background {
    background-image: url("/public/images/soutez/assets/bg-top-2.png");
}


/* ----------------- How to participate? ----------------- */

#rules {
    padding-bottom: 4rem;
}

#rules .rulesBackground {
    background-color: var(--clr-yellow);
    background-image: url('/public/images/soutez/assets/bg-how-to-2.svg?v=1');
}

#rules .h1 {
    margin: -1.2rem auto 1.2rem auto;
    color: var(--clr-blue);
}

.rules .desc {
    color: var(--clr-blue);
}

.rules .desc a,
.rules .desc a:hover, 
.rules .desc a:visited {
    color: var(--clr-blue);
}

.rules {
    gap: 0.8rem;
}

.rules .item1 .image {
    height: 3.9rem;
    background-image: url('/public/images/soutez/assets/how-to-img-11.svg');
}

.rules .item2 .image {
    height: 3.2rem;
    background-image: url('/public/images/soutez/assets/how-to-img-12.svg');
}

.rules .item3 .image {
    height: 3.2rem;
    background-image: url('/public/images/soutez/assets/how-to-img-13.svg');
}

.rules .item4 .image {
    height: 3.6rem;
    background-image: url('/public/images/soutez/assets/how-to-img-14.svg');
}


/* ----------------- Form ----------------- */

#formCont {
    margin-top: -6rem;
}

section.yellowContainer {
    padding: 3.7rem 3.0rem 1.1rem 3.0rem;
}