/* index page design */
.hero-sec {
  background-image: url('includes/img/HOME.webp');
  background-size: cover;        
  background-position: center;   
  background-repeat: no-repeat;  
  height: 75vh;
  width: 100%;
}
.hero-sec-services {
  background-image: url('includes/img/Services.webp');
  background-size: cover;        
  background-position: center;   
  background-repeat: no-repeat;  
  height: 75vh;
  width: 100%;
}

h1{
    /*font-family: 'Poppins', sans-serif; */
    font-family:'Google Sans Text', 'Google Sans', 'Roboto', sans-serif;
    font-size: 45px !important; 
    color: black;
}
.carousel-item p{color: black; font-size: 15px; text-align: justify;}
.section-title { font-weight: 400; margin-bottom: 40px; color: #333; }
.service-box, .course-card, .testimonial { transition: all 0.3s ease-in-out; }
.testimonial p{ text-align: justify; font-size: medium;}
.service-box:hover, .course-card:hover, .testimonial:hover { transform: translateY(-5px); box-shadow: 0 8px 20px rgba(0,0,0,0.1); }
.info-section p{ text-align: justify;}
.info-section h2{
  font-family: 'Manrope', 'Google Sans', 'Roboto', sans-serif; 
  font-weight: 500;
  font-size: 32px;
  color: #000000;
  /*transform: scale(1.01, 1);*/
}
.info-section p{font-family:'Poppins', 'Helvetica Neue', Arial, sans-serif;}
/* accordiaon section */
.accordion-item {
  border: none;
  border-bottom: 1px solid #ddd;
  background: transparent;
  transition: all 0.3s ease;
}

.accordion-button {
  background: transparent !important;
  color: #222;
  font-weight: 400;
  padding: 1rem 0;
  box-shadow: none !important;
  transition: color 0.3s ease;
  letter-spacing: .01rem;
  /*transform: scale(1, 1);*/
  font-family: 'Poppins', 'Helvetica Neue', Arial, sans-serif;
}

.accordion-button:hover {
  color: #d2691e;
}

.accordion-button::after {
  transform: rotate(0deg);
  transition: transform 0.3s ease;
  filter: brightness(0.5);
}

.accordion-button:not(.collapsed)::after {
  transform: rotate(90deg);
  filter: brightness(0.9);
}

.accordion-body {
  padding: 0 0 1rem 0;
  color: #000000;
  font-size: 15px;
  line-height: 1.6;
  border-bottom: 1px solid #eee;
}
/* end accordion */
.about-us .btn-primary {
  box-shadow: 0 8px 20px rgba(13,110,253,0.3);
  transition: all 0.3s ease;
}
.about-us .btn-primary:hover {
  transform: translateY(-3px);
  box-shadow: 0 10px 25px rgba(13,110,253,0.4);
}
/* feature course section */
.course-card {
  transition: all 0.35s ease;
  border-radius: 1rem;
  background: #fff;
}
.course-card:hover {
  transform: translateY(-6px);
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);
}
.icon i {
  transition: transform 0.3s ease;
}
.course-card:hover .icon i {
  transform: scale(1.1);
}
/* end featured */
/* why choose us */
.why-choose-section h2{
    font-family: "Manrope", sans-serif;
    font-size: 40px;
    font-weight: 500;
}
.why-img img {
  transition: transform 0.6s ease;
}
.why-img:hover img {
  transform: scale(1.05);
}

.timeline-item i {
  min-width: 30px;
  transition: transform 0.3s ease, color 0.3s ease;
}
.timeline-item:hover i {
  transform: scale(1.1);
  color: #0d6efd;
}
.timeline-item h5{
  font-size:18px;
}
.timeline-item p{
  font-size:14px;
}
/* end */

/* client section */
.trusted-clients {
  background: #ffffff;
}

.client-slider {
  position: relative;
  max-width: 100%;
}

.client-container {
  display: flex;
  gap: 25px;
  overflow-x: auto;
  scroll-behavior: smooth;
  scrollbar-width: none; /* hide scrollbar for Firefox */
}

.client-container::-webkit-scrollbar {
  display: none; /* hide scrollbar for Chrome/Safari */
}

.client-logo {
  min-width: auto;
  height: 140px;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.3s ease;
  flex-shrink: 0;
}

.client-logo img {
  width: 100%;
  height: 100%;
  object-fit: fill;
}

.client-logo:hover {
  transform: translateY(-5px);
  box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
}

.client-arrow {
  background: #fff;
  border: 1px solid #ddd;
  color: #333;
  width: 45px;
  height: 45px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  box-shadow: 0 3px 10px rgba(0,0,0,0.1);
  transition: all 0.3s ease;
  z-index: 5;
  cursor: pointer;
}

.client-arrow:hover {
  background: #d46600;
  color: #fff;
  border-color: #d46600;
}

.client-arrow.left {
  left: -25px;
}

.client-arrow.right {
  right: -25px;
}

@media (max-width: 768px) {
  .client-logo {
    min-width: 120px;
    height: 120px;
  }
  .client-arrow.left {
    left: 0;
  }
  .client-arrow.right {
    right: 0;
  }
}
/* end */
/* contactus page design */
.contact-container { max-width: 700px; margin: 50px auto; background: #fff; padding: 30px; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.1);}






/* aboutus page */
/* who we are section */
.who-we-are h2{
  font-family: 'Poppins', sans-serif; font-weight: 400; font-size: 23px; transform: scale(1.01, 1.1);
}
.who-we-are h3{
  font-family: 'Poppins', sans-serif; font-weight: 400; font-size: 35.05px;
}
.who-we-are li{
  font-size:16px;
}
.vision-mission-section {
  background: #fafafa;
}
.vision-box, .mission-box {
  background: #fff;
  border-left: 4px solid #d46600;
  transition: all 0.3s ease;
}
.vision-box:hover, .mission-box:hover {
  transform: translateY(-3px);
  box-shadow: 0 6px 18px rgba(0,0,0,0.08);
}
.vision-img img {
  border-radius: 20px;
  transition: transform 0.4s ease;
}
.vision-img:hover img {
  transform: scale(1.03);
}




/* gallery page => gallery.php */
.about-hero { height:80vh !important ; overflow:hidden; position:relative; }