/* Page Banner */
        .page-banner {
  
            background: url('../img/banner1.jpg') center/cover;
        }
        
        /* Additional Cards Styling */
        .additional-card {
            border: none;
            border-radius: 15px;
            transition: transform 0.3s ease;
            height: 100%;
            box-shadow: 0 5px 15px rgba(0,0,0,0.1);
        }
        
        .additional-card:hover {
            transform: translateY(-5px);
        }
        
        .additional-icon {
            font-size: 2.5rem;
            margin-bottom: 1rem;
            color: #4e89d8;
        }
		
		.image-cover {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 0; /* اختياري: أزل التدوير إذا كنت تريد تغطية كاملة بدون حواف */
    box-shadow: none; /* اختياري: أزل الظل */
    display: block;
}

		.row {
  display: flex;
  flex-wrap: wrap;
}


		
  /* Make all about-card fill height of their column */
  #kindergarten-stages .about-card {
    
    padding: 20px;
    border-radius: 8px;
    box-shadow: 0 0 8px rgba(0,0,0,0.1);
    display: flex;
    flex-direction: column;
  }

  /* Make paragraph take available space so cards align nicely */
  #kindergarten-stages .about-card p {
    flex-grow: 1;
    margin-top: 0.5rem;
    margin-bottom: 0;
  }

  /* Control heading spacing */
  #kindergarten-stages .about-card h4 {
    margin-bottom: 0.5rem;
  }

     .parallax-2 {
    background-image: url('../img/parax2.jpg');
}   #ana_video {
    display: flex;
    justify-content: center;
    align-items: center;
    background: linear-gradient(
        135deg,
        #a18cd1 0%,     /* soft lavender */
        #fbc2eb 50%,    /* pinkish tone */
        #84fab0 100%    /* soft minty blue */
    );
    padding: 80px 20px;
    text-align: center;
}

#ana_video video {
    width: 100%;
    max-width: 900px;         /* control the video size */
    aspect-ratio: 16 / 9;     /* ensures proper aspect ratio */
    object-fit: cover;        /* crops excess to fill the box */
    border-radius: 15px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3);
}

#kindergarten-stages .section-intro {
  max-width: 800px;
  margin: 0 auto 2rem;
  text-align: center;
  color: #555;
  font-size: 1.1rem;
  line-height: 1.8;
}

body.dark-mode #kindergarten-stages .section-intro{color: white}
		
	#kindergarten-stages {
			scroll-margin-top: 200px;
			/* height of your fixed header */
		}
	
	

	    /* Review card styling */
    .review-card {
        background: #fff;
        border-radius: 10px;
        padding: 20px;
        box-shadow: 0 4px 8px rgba(0,0,0,0.1);
        margin: 10px;
        height: 100%;
    }
    
    /* Mobile-specific carousel styles */
    @media (max-width: 767.98px) {
        #reviewsCarousel .carousel-item .row {
            display: block;
            width: 100%;
        }
        
        #reviewsCarousel .carousel-item .col-md-4 {
            width: 100%;
            max-width: 100%;
            flex: 0 0 100%;
        }
        
        #reviewsCarousel .carousel-item.active .col-md-4:not(:first-child),
        #reviewsCarousel .carousel-item.carousel-item-next .col-md-4:not(:first-child),
        #reviewsCarousel .carousel-item.carousel-item-prev .col-md-4:not(:first-child) {
            display: none;
        }
        
        #reviewsCarousel .carousel-item.active .col-md-4:first-child,
        #reviewsCarousel .carousel-item.carousel-item-next .col-md-4:first-child,
        #reviewsCarousel .carousel-item.carousel-item-prev .col-md-4:first-child {
            display: block;
        }
        
        /* Hide carousel indicators on mobile */
        #reviewsCarousel .carousel-indicators {
            display: none;
        }
        
        /* Mobile navigation arrows below carousel */
        .mobile-carousel-nav {
            display: flex;
            justify-content: center;
            margin-top: 20px;
            gap: 20px;
        }
        
        .mobile-carousel-nav button {
            background: #f8f9fa;
            border: 1px solid #dee2e6;
            border-radius: 50%;
            width: 50px;
            height: 50px;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 18px;
            color: #495057;
            transition: all 0.3s ease;
        }
        
        .mobile-carousel-nav button:hover {
            background: #e9ecef;
            color: #000;
        }
    }
    
    /* Hide mobile navigation on desktop */
    @media (min-width: 768px) {
        .mobile-carousel-nav {
            display: none;
        }
		
		
    }
		@media (max-width: 1000px) {
			.client-icon{
			display: none;
		}
			
		}

	

  #ana_video {
    position: relative;
    width: 100%;
    
    margin: auto;
  }

  #ana_video video {
    width: 100%;
    height: auto;
    display: block;
  }
	


  .mute-toggle {
    position: absolute;
    bottom: 20px;
    left: 50%;
    font-size: 24px;
    color: white;
    border: none;
    padding: 10px;
    cursor: pointer;
    z-index: 10;
	  background: transparent;
	  text-align: center !important;
  }