/* Reset */
* {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

/* Navbar */
.navbar { background:#FFFFFF; }
.nav-link { color:black !important; transition:0.3s; }
.nav-link:hover { color:#ffd369 !important; }
#logo{ color: #F43397; }

/* Body Background */
body {
   font-family: 'Poppins', sans-serif; scroll-behavior:smooth;
  background: linear-gradient(135deg, #FF8000, #FFF8E7, #006400);
  background-attachment: fixed;
  background-size: cover;
}

/* Slider Image */
.first_img {
  display: flex;
  justify-content: center;
  align-items: center;
}

/* Apply Cards */
.apply-card { border-radius:20px; transition:0.3s; }
.apply-card:hover { transform:translateY(-10px); box-shadow:0 10px 25px rgba(0,0,0,0.2); }
.big-icon { font-size:3rem; color:#4e54c8; margin-bottom:10px; }
.apply10 { background:linear-gradient(45deg, #ff512f, #dd2476); color:#fff; border-radius:30px; padding:10px 25px; transition:0.3s; }
.apply10:hover { background:linear-gradient(45deg, #ff9966, #ff5e62); transform:scale(1.05); }


h1,
h2 {
  color: #6A0B1F;
}

/* Menu Button */
.menu_btn {
  background: #dbd0d0;
  padding: 20px;
  border-radius: 10px;
  font-weight: bold;
}

/* Lucky Top 7 */
.top { background:#f9fafb; border-radius:15px; padding:20px; }
.left_side, .bypass { background:#fff; border-radius:15px; padding:20px; border:1px solid #e5e7eb; }
.student-list div { padding:6px 0; border-bottom:1px solid #eee; }
.boy { border-radius:15px; transition:0.3s; }
.boy:hover { transform:scale(1.1); }

.left_side {
  background: #fff;
  padding: 20px;
  border-radius: 15px;
  border: 1px solid #D9D9D9;
}

.bypass {
  background: #fff;
  border-radius: 15px;
  padding: 20px;
  border: 1px solid #D9D9D9;
}

/* Laptop Images */
.lap_img {
  border-radius: 15px;
  margin-bottom: 15px;
}

/* Apply Button */
.apply10 {
  width: 100%;
  max-width: 300px;
  height: 50px;
  background: red;
  color: white;
  font-size: 20px;
  border-radius: 10px;
  border: none;
}

.detail_class10 p {
  margin: 5px 0;
}

.title {
  color: #6A0B1F;
  font-size: 20px;
}

/* Cards */

.form_10 {
  background: #212529;
}

.class_first_div{
  padding: 60px;
}

.class_second_div{
  width: 80%;
  height: 100%;
  border-radius: 30px;
}



/* Hero Section */
.man_div {
  position: relative; /* overlay ko position karne ke liye */
  width: 100%;
  height: 400px;
  overflow: hidden;
}

.laptop_img {
  width: 100%;
  height: 650px;
  display: block;
}

.text_img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex; /* text ko align karne ke liye */
  flex-direction: column;
  justify-content: center;
  align-items: center;
  background: rgba(0, 0, 0, 0.6); /* halka transparent background */
}

.overlay_text {
  color: #FFFAFA;
  font-size: 4rem;
  font-weight: bold;
}

.yojna_text {
  color: #FFFAFA;
  font-size: 3rem;
  font-weight: bold;
}

/* Chrome, Safari, Edge, Opera */
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
input[type=number] {
  -moz-appearance: textfield;
}


.start_text {
  color: rgb(255, 193, 7);
  font-size: 2rem;
  font-weight: normal;
}

.more_detail {
  font-size: 25px;
}

/* Footer */
.footer { background:#212529; padding:40px 20px; }
.footer a { text-decoration:none; transition:0.3s; }
.footer a:hover { color:#ffd369 !important; }


/* Animations */
@keyframes fadeIn { from{opacity:0; transform:translateY(20px);} to{opacity:1; transform:translateY(0);} }
.animate-fade { animation:fadeIn 1s forwards; }
.animate-fade-delay { animation:fadeIn 1.5s forwards; }
.animate-bounce { animation:bounce 2s infinite; }
@keyframes bounce { 0%,100%{transform:translateY(0);} 50%{transform:translateY(-8px);} }


/* Mobile Adjustments */
@media (max-width: 768px) {
  .apply10 {
    font-size: 18px;
    height: 45px;
  }

  #apply_form_select{
    width: 100%;
  }

.class_first_div{
  width: 100%;
  padding: 0px;
  }

  .class_second_div{
    width:100% ;
  }

  .class_main_div{
    width: 100%;
  }


}