@import url(main.css);
.fondDegradeLogo { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -70%); box-shadow: 0 0 50px 60px white; opacity: 1; background: white; width: 55%; display: inline-block; padding: 2%; }

.svg-picto-card > svg { width: 35%; height: 35%; }

.customServiceGalleryHomePage { justify-content: space-around !important; width: 70%; margin: auto; padding-top: 1%; padding-bottom: 1%; display: flex; flex-wrap: wrap; }

.customServiceGalleryHomePageChild { width: 30% !important; margin-bottom: 1.5%; }

.lead { font-weight: initial !important; }

i strong { color: #f7a708; }

.photoTitleText h2 { font-weight: bold !important; color: white !important; }

.card-cover.rounded-0.h-100.overflow-hidden.border-0.text-bg-dark { background-color: white !important; }

.text-center.fs-5.my-auto { font-size: 1.5rem !important; }

.minimum-height.doubleImagesText-div { min-height: 0vh !important; }

.px-2.px-lg-4.py-2.adjust-text { background-color: white !important; color: black !important; }

/* Logo rotation */
.logoRotationContainer { margin: 0 auto; justify-content: center; width: 310px; height: 250px; border-radius: 50%; shape-outside: circle(); }

.mainItemDiv { display: grid; justify-content: center; align-content: center; }

.mainItemDiv > * { grid-column: 1; grid-row: 1; }

.originElement { align-self: center; justify-self: center; width: 150px; height: 150px; }

.item { animation: spinAround 9s linear infinite; }

.item-image { animation: spinAroundItself 9s linear infinite; }

.item-overed { animation-play-state: paused; }

@keyframes spinAround { from { transform: rotate(0deg) translate(120px) scale(0.5); }
  to { transform: rotate(360deg) translate(120px) scale(0.5); } }

@keyframes spinAroundItself { from { transform: rotate(var(--rotate)); }
  to { transform: rotate(calc(-360deg + var(--rotate))); } }

@media (min-width: 320px) and (max-width: 575px) { .logoRotationContainer { float: none; margin: 0 auto; } }

@media (min-width: 576px) and (max-width: 767px) { .logoRotationContainer { float: none; margin: 0 auto; } }

@media (min-width: 1200px) { .logoRotationContainer { margin-top: 4%; } }

/*# sourceMappingURL=custom.css.map */