#main-slides {
   background-color: #EBEBEB;
   /* height: 70vh; */
   height: 600px;
   color: white;
}

.carousel-inner, .carousel-item {
   height: inherit;
}

.slide {
   height: inherit;
   display: flex;
   align-items: center;
   justify-content: flex-start;
   position: relative;
   z-index: 1;
   margin: 0 auto;
   overflow: hidden;
}

.slide .container-xl {
   padding-left: 40px;
}

.slide .content {
   background-color: rgba(0, 0, 0, 0.7);
   padding: 40px 40px;
   border-radius: 10px;
   max-width: 800px;
}

.slide .content h1 {
   font-size: 46px;
   font-weight: 900;
   color: white;
   margin: 0;
   text-align: left;
}

.slide .content h1 span {
   color: #ff4b2b;
}

.slide .content p.tagline {
   background-color: #444;
   display: inline-block;
   padding: 6px 14px;
   border-radius: 5px;
   font-size: 14px;
   margin-bottom: 20px;
}

.slide .content .description {
   font-size: 18px;
   margin: 20px 0;
}

.slide .content .cta-button {
   background-color: #ff4b2b;
   color: white;
   padding: 12px 25px;
   border: none;
   text-decoration: none;
   font-weight: bold;
   font-size: 16px;
   border-radius: 5px;
   box-shadow: 0 4px 15px rgba(0, 0, 0, 0.3);
   transition: background-color 0.3s ease;
}

.slide .content .cta-button:hover {
   background-color: #e13c1a;
}

/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------- */
.theme-info-area {
   background-color: #fcfeff;
   padding: 1.563rem 1.5rem 1.563rem 2.5rem;
   border-radius: 5px;
   position: relative;
   box-shadow: 0px 7px 25px 1px rgba(0, 0, 0, 0.8);
   z-index: 1;
   margin-right: 0;
   margin-left: 0;
   /* max-width: 1400px;
   max-height: 1400px; */
   margin: -80px auto 0px auto;
}


.theme-info-area .content {
   /* display: flex;
   align-items: flex-start;
   gap: 0px; */
   text-align: center;
}

/* .theme-info-area .column {
   flex: 1;
   max-height: 1400px;
   padding: 10px;
   border-radius: 5px;

} */

.theme-info-area h3 {
   font-size: 25px;
   color: #333;
   margin-bottom: 15px;
   text-align: center;
   min-height: 50px;
}

.theme-info-area p {
   font-size: 16px;
   color: #555;
   line-height: 1.6;
}

@media (min-width: 768px) {
   .theme-info-area .column {
      flex: 1 1 calc(50% - 40px);
      max-width: calc(50% - 40px);
   }
}

@media (min-width: 1024px) {
   .theme-info-area .column {
      flex: 1 1 calc(33.333% - 40px);
      max-width: calc(33.333% - 40px);
   }
}





/* #programmes .cta-button {
   background-color: #b50e25;
   color: white;
   padding: 12px 25px;
   border: none;
   text-decoration: none;
   font-weight: bold;
   font-size: 16px;
   border-radius: 5px;
   box-shadow: 0 4px 15px rgba(0, 0, 0, 0.3);
   transition: background-color 0.3s ease;
} */

#programmes .cta-button:hover {
   background-color: #005b99;
}

#programmes .cta-button {
   background-color: #003366;
   color: white;
   padding: 12px 30px;
   border: none;
   text-decoration: none;
   font-weight: bold;
   font-size: 16px;
   border-radius: 5px;
   box-shadow: 0 4px 15px rgba(0, 0, 0, 0.3);
   display: inline-block;
   opacity: 0;
   transform: translateX(-100%);
   animation: slideIn 1s ease-out forwards;
   animation-delay: 0.5s;
}

@keyframes slideIn {
   to {
      transform: translateX(0);
      opacity: 1;
   }
}



/* -------- TESTIMONIAL ------------------------------------------------------------------------------ */