@import"https://fonts.googleapis.com/css2?family=League+Gothic&display=swap"; @import"https://fonts.googleapis.com/css2?family=Inter:wght@100..900&family=League+Gothic&display=swap"; .header {
  background: #fff;
}

.header img {
  width: 170px;
}

.navbar-nav {
  align-items: end;
  justify-content: end;
  margin-right: 10px;
}
h1{font-size: 35px;line-height: 35px;}
.navbar-nav a {
  color: #000;
  font-weight: bold;
  font-size: 17px;
  padding: 0px 17px !important;!i;!;
  text-decoration: none;
}

.navbar-light .navbar-nav .active>.nav-link, .navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .show>.nav-link {
  color: #443eff;
  font-weight: bold;
}
.navbar-nav a:hover{color: #5b55ff;}
.navbar-nav a.active{color: #5b55ff;}
.navbar-collapse {
  justify-content: end;
}

.btn-outline-success:hover {
  background: #443eff;
  color: #fff;
}

.btn-outline-success {
  background: #5b55ff;
  color: #fff;
}

.carousel-caption {
  right: inherit;
  background: linear-gradient(90deg, #001a37, #ffffff00);
  left: 0;
  top: 0;
  bottom: 0;
  min-width: 70%;
  padding-left: 50px;
  text-align: left;
  padding-top: 250px;
}
.carousel-caption h2{text-transform: uppercase;}
.carousel-caption h5 {
  font-size: 35px;margin-top: 25px;
  text-align: left;
  border: dashed 1px #fff;
  width: max-content;
  padding: 10px 20px;
  background: linear-gradient(90deg, #ffc800, #ffc800);
  text-transform: uppercase;
  font-size: 25px;
  border-radius: 10px;
  margin-bottom: 25px;
  color: #000;
}

.carousel-caption p {
  font-size: 15px;
}
.Admission_btm {position:relative;z-index:999;}
.Admission_btm .container{/* background:#000; */margin-top: -60px;}
.Admission_btm .data-sec{background: rgb(17 20 48);padding:10px;border: solid 2px #fff;border-radius: 10px;}
.Admission_btm .data-sec h3{color: #fff;line-height: 45px;}
.testimonials_sec{/* margin-top: 50px; */background: rgb(17 20 48);padding-top: 50px;padding-bottom: 60px;}
.testimonials_sec img{height: 300px;object-fit: cover;width: 1;}
.testimonials_sec h3{font-size: 20px;text-align: center;}
.testimonials_sec p{text-align: center;}
.testimonials_sec .card{background:#ffc800;padding: 0;}
.testimonials_sec h1{text-align: center;padding-bottom: 30px;color: #fff;}
.first_sec {margin-top: 60px;background: url(../images/bg.webp) no-repeat;background-size: contain;background-position: bottom;}
.first_sec .data-sec{background: linear-gradient(180deg,#f3f2ff,#fdf7f7);padding:10px;border-radius: 20px;margin: 10px;display: flex;flex-direction: column;align-items: center;}
.first_sec .data-sec h3{color: #fff;line-height: 45px;}
.first_sec .data-sec img{width: 70px;}
.first_sec .data-sec h3{color:#000;font-size: 17px;}
.first_sec .data-sec a{font-weight:bold;}
.first_sec h1{text-align: center;margin-bottom: 60px;width: 610px;margin: auto;line-height: 45px;margin-bottom: 45px;}
.modal-header{background:#05024e;}
.modal-title{color: #fff;}
.close{color:#fff;}


.footer {
background-color: #343a40;
color: white;
padding: 40px 0;
font-size: 14px;
padding-bottom: 1px;
} 
.footer img{width: 200px;}
.footer h5 {
color: #ffc107;
margin-bottom: 20px;
}

.footer a {
color: white;
text-decoration: none;
transition: color 0.3s ease;
}

.footer a:hover {
color: #ffc107;
}

.footer-links, .social-links {
list-style: none;
padding: 0;

}
 .social-links {
  list-style: none;
  padding: 0;
  display: flex;
  margin-top: 10px;
  }
.footer-links li, .social-links li {
margin-bottom: 10px;
}

.social-links li a {
display: flex;
align-items: center;
}

.social-links li a i {
margin-right: 10px;
font-size: 18px;
}

.footer-bottom {
border-top: 1px solid #474f57;
padding-top: 10px;
margin-top: 20px;
font-size: 12px;
color: #bbb;
}


#mixedSlider {
  position: relative;
}

.MS-content {
  white-space: nowrap;
  overflow: hidden;
}

.MS-content .item {
  display: inline-block;
  position: relative;
  vertical-align: top;
  overflow: hidden;
  min-height: 400px;
  height: 100%;
  white-space: normal;
  float: none;
}

.MS-controls button {
  border: none;
  background-color: transparent;
  outline: 0;
  font-size: 50px;
  top: 0px;
  color: rgba(0, 0, 0, 0.4);
  transition: 0.15s linear;
}

.MS-controls {
  position: absolute;
  right: 10px;
  top: -80px;
}

.MS-controls .MS-left {
  left: 0px;
}

.MS-controls .MS-right {
  right: 0px;
}

.MS-controls .MS-left {
  top: 35px;
  left: 10px;
}

.MS-controls .MS-right {
  top: 35px;
  right: 10px;
}
.innerpageslider{margin: 0px;height:250px;background: #06315b;display: flex;align-items: center;justify-content: center;}
.innerpageslider h1{text-align: center;color: #fff;}
/* .draggable { width: 200px; padding: 10px; margin: 10px; background-color: lightblue; text-align: center; cursor: move; border: 2px solid #000; } .target { width: 300px; height: 100px; border: 2px dashed #000; text-align: center; line-height: 100px; margin-top: 20px; font-size: 18px; } #result { margin-top: 20px; font-size: 20px; font-weight: bold; }

.data-select-sec h3{text-align: center;}
.data-select-sec{margin:0px;background: #f9e7e7;border-right: dotted 1px #000;padding-top: 50px;}
.data-select-sec article{margin:0px;margin-bottom: 20px;display: flex;flex-direction: column;justify-content: center;align-items: center;}
.data-select-sec article ul{margin:0px;padding: 0px;}
.data-select-sec article ul li{margin:0px;list-style-type:none;line-height: 25px;}
.data-select-sec article ul li input{margin:0px;} */

.data-select-sec {
  background: #ebebeb;
  border-radius: 8px;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
  padding: 20px;
  /* margin: 20px 0; */
  padding-left: 50px;
}
article {
  margin-bottom: 20px;
}
article h3 {
  font-size: 1.5rem;
  color: #0056b3;
  margin-bottom: 10px;
}
ul {
  list-style: none;
  padding: 0;
}
ul li {
  margin-bottom: 10px;
}
ul li input[type="checkbox"] {
  margin-left: 10px;
}
.draggable {
  display: inline-block;
  padding: 10px 20px;
  background-color: #007bff;
  color: white;
  border-radius: 5px;
  cursor: grab;
}
.draggable:hover {
  background-color: #0056b3;
}
.target {
  border: 2px dashed #007bff;
  padding: 20px;
  text-align: center;
  margin-top: 20px;
  border-radius: 8px;
}
.target:hover {
  background-color: #f1f1f1;
}
#result {
  margin-top: 10px;
  font-weight: bold;
  color: #28a745;
}

.about-us-section {
  background-color: #f9f9f9; /* Light gray background */
  padding: 60px 0; /* Vertical spacing for the section */
  border-top: 2px solid #e0e0e0; /* Optional border at the top */
}

.about-us-section h2 {
  font-size: 2.5rem; /* Larger font size for the heading */
  font-weight: 700; /* Bold text */
  color: #333; /* Dark gray for better readability */
  margin-bottom: 20px; /* Space below the heading */
}

.about-us-section p {
  font-size: 15px; /* Slightly larger text size for better readability */
  line-height: 1.6; /* Improved line spacing */
  color: #555; /* Medium gray for the text */
  margin-bottom: 15px; /* Spacing between paragraphs */
}

.about-us-section img {
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1); /* Soft shadow around the image */
  border-radius: 10px;
}
.about-us-section h3{font-size:20px;}
.about-us-section ul li{font-size: 15px;list-style-type: disc;}
.events-container {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 20px;
  padding: 20px;
  background: linear-gradient(to bottom, #f9f9f9, #e8f4ff);
}

.event {
  background: white;
  border-radius: 8px;
  box-shadow: 0 6px 10px rgba(0, 0, 0, 0.15);
  padding: 20px;
  width: 300px;
  text-align: center;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.event:hover {
  transform: translateY(-5px);
  box-shadow: 0 10px 15px rgba(0, 0, 0, 0.2);
}

.event h3 {
  color: #007BFF;
  margin-bottom: 10px;
  font-size: 1.5rem;
}

.event p {
  margin-bottom: 10px;
  font-size: 0.9rem;
  color: #555;
}

.event i {
  color: #007BFF;
  margin-right: 5px;
}

.event img {
  max-width: 100%;
  border-radius: 5px;
  margin-bottom: 10px;
}

.event a {
  display: inline-block;
  margin-top: 10px;
  padding: 8px 16px;
  color: white;
  background-color: #007BFF;
  border-radius: 5px;
  text-decoration: none;
  font-size: 0.9rem;
}

.event a:hover {
  background-color: #0056b3;
}

.upcoming-events, .past-events {
  padding: 40px 0;
}

.upcoming-events h2, .past-events h2 {
  text-align: center;
  margin-bottom: 20px;
  font-size: 2rem;
  color: #333;
}
.blog-card {
  margin-bottom: 20px;
  transition: transform 0.3s ease-in-out, box-shadow 0.3s ease-in-out;
}

.blog-card:hover {
  transform: translateY(-5px);
  box-shadow: 0 6px 15px rgba(0, 0, 0, 0.2);
}

.blog-card img {
  height: 200px;
  object-fit: cover;
}
.headertag{color: #fff !important;}
.blog-card .card-title {
  font-size: 1.5rem;
  color: #0056b3;
}

.blog-card .btn {
  background-color: #007bff;
  border: none;
}

.blog-card .btn:hover {
  background-color: #0056b3;
}

@media only screen and (max-width:1199px) {
  .carousel-caption{padding-top:100px;}
}
@media only screen and (max-width:767px) {  .Admission_btm .container{margin-top: 20px;}}
