@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap');

html{
  font-size: 15px; 
}

body{
  font-family: Georgia, 'Times New Roman', Times, serif;
  font-family: 'Poppins', sans-serif;
  color: #333;
  overflow-x: hidden;
  line-height: 1.7;
  letter-spacing: 0.2px;
}

h1, h2, h3, h4, h5, h6{
  font-family: 'Poppins', sans-serif;
  font-weight: 600;
}

a { text-decoration: none; color: white;}
/* .dropdown:hover .dropdown-menu {
  display: inline-block;
} */

section{
  padding: 30px 0px;
}


.dropdown-submenu .dropdown-menu {
  top: 0;
  left: 100%;
  margin-top: -1px;
  display: none;
}

/* Show submenu on hover */
.dropdown-submenu:hover > .dropdown-menu {
  display: block;
}


	.navbar-brand{height:80px;} 
    .navbar-toggler {
      color: #01275B;
    }
    .nav-link {
        font-weight: 600;
        color: black;
    }
    .nav-link:hover {
        color: black;
    }
    .navbar{
      border-top: 1px solid #dddee0;
      padding: 20px 0;
    }
  .carousel-inner img {
    height: 600px;
  }
  .counter{
		font-size: 3.0rem;
		font-weight:700;
    color: #E8B50E;
	}
  .counter-box {
    border: 1px solid rgb(182, 182, 165);
    border-radius: 50px;
  }
  .counter-box p {
    font-weight: 600;
    color: #CC0D0C;
  }
  /*About Heading*/
  .about-heading h1{
    font-size: 45px;
    font-weight: 700;
    color: #E8B50E;
  }
  .about-heading p{
    font-size: 16px;
    padding-right: 25px;
  }
  .our-mision-p {
    font-size: 18px;
  }
  /*Coaching Institute For*/
  .coaching-institute{
      background-color: #EBF3FE;
      padding-bottom: 80px;
  }
  .institute img{
  border-radius: 20px;
  transition: 0.3s ease-in-out;
  }
  .institute img:hover{
  transform: scale(1.08);
  }
  .institute p{
    font-size: 14px;
  }


.preparation {
  padding: 20px;
  border-radius: 2px;
  height: 100%;
  transition: 0.3s ease-in-out;
}
.preparation i{ 
  font-size: 30px;
  background-color: #0B3C7D;
  padding: 15px;
  color: white;
  margin-bottom: 15px;
  border-radius: 50%;
}
 /*feature*/
.feature {
  border: 1px solid #E8B50E;
  padding: 20px;
  text-align: center;
  border-radius: 6px;
  box-shadow: 10px 10px 10px rgba(0,0,0,0.04);
  background-color: white;
}
.feature:hover {
 background-color: #CC0D0C;
 color: white;
}
.feature i{
 color: #E8B50E;
 font-size: 40px;
}

.education-section {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 40px 40px;
  flex-wrap: wrap;
  text-align: center;
}

.edu-box {
  flex: 1;
  min-width: 150px;
  margin: 20px;
}

.icon {
  width: 100px;
  height: 100px;
  margin: auto;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 40px;
  color: #fff;
  transition: 0.3s ease;
}

.icon:hover {
  transform: translateY(-8px);
}

.orange { background: #f9a825; }
.blue { background: #3f51b5; }
.green { background: #4caf50; }
.pink { background: #ff3d7f; }
.magenta { background: #e91e63; }

.edu-box h4 {
  margin-top: 20px;
  font-size: 18px;
  color: #333;
  font-weight: 600;
  line-height: 1.6;
}
/*testimonial*/
.testimonial {
  box-shadow: 0 0 10px rgba(0,0,0,0.08);
  border-left: 5px solid #E8B50E;
  border-radius: 20px;
  padding: 30px;
  height: 100%;
  background-color: white ;
}
.fa-quote-right {
  color: #E8B50E;
  font-size: 40px;
}
/*Entrance Preparation*/
        .card {
            position: relative;
            height: 200px;
            border-radius: 20px;
            overflow: hidden;
            display: flex;
            flex-direction: column;
            justify-content: space-between;
            padding: 25px;
            color: white;
            text-decoration: none;
            transition: transform 0.3s ease, box-shadow 0.3s ease;
            cursor: pointer;
            background-size: cover;
            background-position: center;
            box-shadow: 0 10px 20px rgba(0,0,0,0.15);
        }
        .card:hover {
            transform: translateY(-10px);
            box-shadow: 0 15px 30px rgba(0,0,0,0.3);
        }
        /* Overlay for readability */
        .card::before {
            content: '';
            position: absolute;
            top: 0; left: 0; right: 0; bottom: 0;
            background: linear-gradient(135deg, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0.4) 100%);
            z-index: 1;
        }
        .card-content {
            position: relative;
            z-index: 2;
            text-align: left;
        }


        .apply-btn {
            position: relative;
            z-index: 2;
            align-self: flex-end;
            background: white;
            color: #1a365d;
            padding: 10px 20px;
            border-radius: 50px;
            font-weight: bold;
            font-size: 0.9rem;
            transition: background 0.3s;
        }

        .card:hover .apply-btn {
            background: #ffd700;
        }

        /* Individual Card Backgrounds (Replace URLs with your actual images) */
        .card-1 { background-image: url('https://images.unsplash.com/photo-1635070041078-e363dbe005cb?auto=format&fit=crop&q=80&w=500'); }
        .card-2 { background-image: url('https://images.unsplash.com/photo-1588776814546-1ffcf47267a5?auto=format&fit=crop&w=500&q=80'); }
       .card-3 {  background-image: url('https://images.unsplash.com/photo-1509228627152-72ae9ae6848d?auto=format&fit=crop&w=900&q=80');}
        .card-4 {  background-image: url('https://images.unsplash.com/photo-1554224155-6726b3ff858f?auto=format&fit=crop&w=900&q=80');}
       .card-5 {  background-image: url('https://images.unsplash.com/photo-1589829545856-d10d557cf95f?auto=format&fit=crop&w=900&q=80');}
       .card-6 {  background-image: url('https://images.unsplash.com/photo-1560472354-b33ff0c44a43?auto=format&fit=crop&w=900&q=80');}

/* ---marquee section---- */
.marquee-small {
    position: relative;
    overflow: hidden;
	  padding:20px 10px;
}

.marquee-small .marquee-text {
    display: inline-flex;
    white-space: nowrap;
	animation: marquee 40s linear infinite;
}

.marquee-small img{
  margin: 0 1em; 
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.08);
  background-color: #ffffff;
}
@keyframes marquee {
    0% {
        transform: translateX(5%);
    }
    100% {
        transform: translateX(-210%);
    }
}


/*footer*/
.footer-section {
  background-color: #E8B50E;
  color: white;
}
.btn-primary {
  background-color: #E8B50E;
  border: none;
}
.btn-primary:hover { background-color: #C41011;}
/*About Us page*/
.our-teem {
  border: 1px solid rgb(142, 133, 133);
  border-radius: 1px;
  margin-top: 30px;
  transition: 0.3s ease-in-out;
}
.why-swayam h2 {
  font-size: 40px;
  margin-bottom: 40px;
  font-weight: 600;
  color: #333;
}

.why-card {
  display: flex;
  align-items: center;
  background: #fff;
  padding: 10px;
  border-radius: 6px;
  margin-bottom: 25px;
  box-shadow: 0 2px 6px rgba(0,0,0,0.08);
  transition: 0.3s ease;
  border-left: 6px solid transparent;
}

.why-card:hover {
  transform: translateY(-5px);
}
.bg1 { background: #cfe0ff; }
.bg2 { background: #ffd9c2; }
.bg3 { background: #c9f5df; }
.bg4 { background: #e2ccff; } 
.bg5 { background: #ffe8b3; } 
.bg6 { background: #ccefff; }
.bg7 { background: #e0e0e0; }
.bg8 { background: #d6e9ff; }

.why-icon {
  background: #0b3c7d;
  color: #fff;
  padding: 5px;
  font-size: 24px;
  border-radius: 6px;
  margin-right: 20px;
}
.why-content p {
  margin-top: 8px;
  font-size: 15px;
  color: #666;
}
 .course-content {
  background-color: rgb(242, 246, 247);
  padding: 30px 10px;
  border-radius:5px;
 }
  .course-content p{
    font-size: 16px;
  }
  .course-content li{font-size: 16px;}
  .enquiry-box {
    background-color: #0B3C7D;
    color: white;
    padding: 50px 20px;
    border-radius: 5px;
  }

   .eis-grid {
     display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 20px;
    margin-bottom: 50px;
  }
        .eis-card {
            background: white; padding: 20px; border-radius: 12px;
            text-align: center; box-shadow: 0 4px 6px rgba(0,0,0,0.05);
            border-top: 4px solid var(--primary-blue);
            transition: 0.3s;
        }
        .eis-card:hover { transform: translateY(-5px); border-top-color: var(--accent-green); }
        .eis-card i { font-size: 2.5rem; color: var(--primary-blue); margin-bottom: 15px; }
        .eis-card h4 { margin: 10px 0; color: #333; }

/*Our Teem*/
.profile-wrapper{
    background:#e9ecef;
    border-radius:10px;
    padding:50px 40px;
    position:relative;
}
.profile-img{
    width:260px;
    border-radius:10px;
    box-shadow:0 8px 20px rgba(0,0,0,0.15);
    position:absolute;
    left:-80px;
    top:50%;
    transform:translateY(-50%);
    border:8px solid #ffffff;
}
.profile-content p{
    color:#555;
    line-height:1.7;
}

/*our-toppers*/
.our-toppers {
  margin-top: 30px;
}
.our-toppers img {
  height: 150px;
  width: 150px;
  border-radius: 50%;
  border: 3px solid #E8B50E;
}
.our-toppers h6{
  font-size: 18px;
  font-weight: 800;
  margin-top: 10px;
}
.our-toppers p{ 
  color: #E8B50E;
}

/* gallery*/
.gallery img{
  margin-top: 20px;
  transition: 0.3s ease-in-out;
  border-radius: 10px;
}
.gallery img:hover{
  transform: scale(1.1);
}
/*Contact Us*/
.contact-icon {
  color: white;
  background-color: #0B3C7D;
  padding: 12px;
  border-radius: 50%;
  font-size: 20px;
  margin-right: 10px;
}

.modal-body img{
  border-bottom-left-radius: 20px;
  border-bottom-right-radius: 20px;
}

@media (max-width:767px){
	  .carousel-inner img { height: 500px; }
    .education-section {
      display: flex;
      padding: 30px 40px;
      flex-wrap: wrap;
    }
    .profile-img{
    width:260px;
    border-radius:10px;
    box-shadow:0 8px 20px rgba(0,0,0,0.15);
    position:absolute;
    left:-80px;
    top:50%;
    transform:translateY(-50%);
    border:8px solid #ffffff;
}
.profile-img{
    position:relative;
    top: 100px;
    left: 0%;
}

}
@media (max-width:576px){
	.carousel-inner img { height: auto; }
   .education-section {
      display: flex;
      padding: 20px;
      flex-wrap: wrap;
    }
    .edu-box {
    flex: 1;
    min-width: 150px;
    margin: 0px;
  }
  .dropdown:hover .dropdown-menu {
  display: inline-block;
}
.profile-img{
    position:relative;
    top: 100px;
    left: 0%;
}
}