/* line 1, ../sass/screen.scss */
.list-secteurs { display: grid; grid-template-columns: repeat(3, 1fr); gap: 48px; }
/* line 7, ../sass/screen.scss */
.list-secteurs .card-secteur:hover .title span svg { transform: rotate(-45deg); }
/* line 11, ../sass/screen.scss */
.list-secteurs .card-secteur:hover .img-secteur div { transform: scale(1.05); }
/* line 17, ../sass/screen.scss */
.list-secteurs .title-secteur .title { position: relative; padding-right: 48px; padding-bottom: 24px; margin-bottom: 24px; }
/* line 23, ../sass/screen.scss */
.list-secteurs .title-secteur span { width: 40px; height: 40px; border-color: #73D3BF; border-width: 1px; border-style: solid; border-radius: 40px; display: flex; align-items: center; justify-content: center; position: absolute; top: 0; right: 0; }
/* line 36, ../sass/screen.scss */
.list-secteurs .title-secteur span svg { transition: transform 0.3s; }
/* line 41, ../sass/screen.scss */
.list-secteurs .img-secteur { width: 100%; background-size: cover; background-position: center; margin-bottom: 24px; border-radius: 8px; overflow: hidden; }
/* line 48, ../sass/screen.scss */
.list-secteurs .img-secteur div { transition: transform 0.3s; height: 0; padding-bottom: 70%; width: 100%; background-size: cover; background-position: center; }
/* line 57, ../sass/screen.scss */
.list-secteurs ul { list-style-type: none; margin: 0; padding: 0; }
/* line 62, ../sass/screen.scss */
.list-secteurs li { padding-left: 20px; position: relative; margin-bottom: 8px; }
/* line 66, ../sass/screen.scss */
.list-secteurs li svg { position: absolute; top: 5px; left: 0; }

@media screen and (max-width: 1024px) { /* line 76, ../sass/screen.scss */
  .list-secteurs { grid-template-columns: repeat(2, 1fr); } }
@media screen and (max-width: 650px) { /* line 81, ../sass/screen.scss */
  .list-secteurs { grid-template-columns: repeat(1, 1fr); } }