/** Style Page A Propos **/
.a-propos__round-color-1, .a-propos__round-color-2, .a-propos__round-color-3, .a-propos__round-color-4, .a-propos__round-color-5,
.a-propos__round-color-6 {position: absolute; width: 53px; height: 53px; background: transparent linear-gradient(270deg, var(--yellow) 0%, var(--pink) 100%) 0% 0% no-repeat padding-box; border-radius: 50%; z-index: 10;}
.a-propos__round-color-1 {top: 150px;left: -90px;z-index: -1;}
.a-propos__round-color-2 {top: 23%;right: 27%;z-index: -1;}
.a-propos__round-color-3 {bottom: 0;left: -10%;z-index: -1;}
.a-propos__round-color-4 {top: 45%;right: 8%;z-index: -1;}
.a-propos__round-color-5 {bottom: 35%;right: 8%;z-index: -1;}
.a-propos__round-color-6 {top: 140px;right: 25%;z-index: -1;}

.what-before-title .icon-before-title {margin-left: -180px;}
.how-before-title .icon-before-title {margin-left: -100px;}
.why-before-title .icon-before-title {margin-left: -100px;}
.results-before-title .icon-before-title {margin-left: -50%;}
.sectors-before-title .icon-before-title {margin-left: -300px;}

#results .icon-plus {font-size: 40px; color: var(--white);}
#results .c-staff__content-hover {opacity: 1;}
.results-image-hover {cursor: pointer;}
.results-image-hover > img {filter: grayscale(0%);transition: filter 0.15s ease-in-out;}
.results-image-hover:hover > img {filter: grayscale(100%) brightness(0.7);}
#results .c-staff__name {top: -20px; left: 80px;}
@media (min-width: 1200px) {
    #results .c-staff__name {top: 0; left: 120px;}
    .what-before-title .icon-before-title {margin-left: -280px;}
    .how-before-title .icon-before-title {margin-left: -200px;}
    .why-before-title .icon-before-title {margin-left: -200px;}
    .results-before-title .icon-before-title {margin-left: -90%;}
    .sectors-before-title .icon-before-title {margin-left: -500px;}
}
@media (min-width: 1600px) {
    .a-propos__round-color-4 {top: 55%;}
}