/* CONTAINER */
 .container {
     width: 90%;
     max-width: 1100px;
     margin: auto;
     padding: 20px;
 }

 /* CARD */
 .course {
     display: flex;
     align-items: center;
     background: white;
     margin-bottom: 25px;
     padding: 15px;
     /*border-radius: 15px;*/
     box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);

     opacity: 0;
     transform: translateY(50px);
     animation: slideUp 0.8s forwards;
 }

 /* Delay animation (effet cascade) */
 .course:nth-child(1) {
     animation-delay: 0.2s;
 }

 .course:nth-child(2) {
     animation-delay: 0.4s;
 }

 .course:nth-child(3) {
     animation-delay: 0.6s;
 }

 .course:nth-child(4) {
     animation-delay: 0.8s;
 }

 .course:nth-child(5) {
     animation-delay: 1s;
 }

 .course:nth-child(6) {
     animation-delay: 1.2s;
 }

 .course:nth-child(7) {
     animation-delay: 1.4s;
 }

 .course:nth-child(8) {
     animation-delay: 1.6s;
 }

 .course:nth-child(9) {
     animation-delay: 1.8s;
 }

 /* IMAGE */
 .course img {
     width: 180px;
     /*border-radius: 10px;*/
     margin-right: 20px;
     transition: transform 0.4s ease;
 }

 /* ZOOM image */
 .course:hover img {
     transform: scale(1.1);
 }

 /* TEXTE */
 .course-text h2 {
     margin: 0;
 }

 /* HOVER CARD */
 .course:hover {
     transform: translateY(-5px);
     box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
     transition: 0.3s;
 }

 /* FOOTER */
 /*footer {
            text-align: center;
            padding: 20px;
            background: #111;
            color: white;
            margin-top: 30px;
        }*/

 /* ANIMATIONS */
 @keyframes fadeIn {
     from {
         opacity: 0;
     }

     to {
         opacity: 1;
     }
 }

 @keyframes slideUp {
     to {
         opacity: 1;
         transform: translateY(0);
     }
 }

 /* RESPONSIVE */
 @media (max-width: 768px) {
     .course {
         flex-direction: column;
         text-align: center;
     }

     .course img {
         margin-bottom: 10px;
     }
 }