/* school annoucements heading */
.school_announcements {
  display: flex;
  padding: 13px 12px 12px 24px;
  justify-content: flex-end;
  align-items: center;
  gap: 5px;
  background: var(--primary-red);
  box-shadow: 0px 4px 8px 0px rgba(79, 94, 113, 0.1),
    0px 2px 4px 0px rgba(79, 94, 113, 0.11),
    0px 0px 2px 0px rgba(79, 94, 113, 0.12);
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  position: fixed;
  top: 132px;
  left: 0;
  width: 100%;
  z-index: 1;
}

.fixed-text {
  font-weight: bold;
  color: white;
  z-index: 1;
}

.scrolling-container {
  width: 100%;
  overflow: hidden;
}

.scrolling-text div {
  display: flex !important;
  color: var(--white);
  gap: 20px;
}

.scrolling-text {
  display: flex;
  white-space: nowrap;
  gap: 20px;
}

.scrolling-text a {
  display: flex;
  gap: 6px;
  align-items: center;
  color: var(--white);
}

.scrolling-container p:hover {
  color: var(--seconder-color);
}

@media (max-width: 1100px) {
  .school_announcements {
    top: 188px;
  }
}

@media (max-width: 610px) {
  .school_announcements {
    top: 208px;
  }
}

@media (max-width: 550px) {
  .school_announcements {
    top: 224px;
  }
}

@media (max-width: 500px) {
  .school_announcements {
    padding: 10px;
    font-size: 14px;
    top: 164px;
  }

  .scrolling-text div {
    gap: 8px;
  }
}

@media (max-width: 368px) {
  .school_announcements {
    top: 180px;
  }
}

/* school annoucements heading */
/* app  contect */
/* home first section start */
.slick-dots li button:before {
  font-size: 10px !important;
}

.home-first-section {
  width: 100%;
  overflow: hidden;
  padding-top: 34px;
}

.single-item-image {
  position: relative;
}

.single-item-mobile {
  display: none;
}

@media (max-width: 500px) {
  .single-item-mobile {
    display: block;
  }

  .single-item {
    display: none;
  }

  .home-first-section {
    padding-top: 16px;
  }

}

@media (max-width: 368px) {
  .home-first-section {
    padding-top: 32px;
  }
}

/* home first section end */
/* welcome to Medha section */
.welcome_to {
  padding: 80px 0 90px 0;
}

.welcome_to .content_text {
  max-width: 630px;
  width: 60%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.welcome_to .content_image .right_content {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 18px;
}

.welcome_to .content_image .right_content img {
  width: 100%;
}

.welcome_to .content_image .right_content .divition {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 18px;
}

.welcome_to .content_image .right_content .divition:first-child {
  margin-top: -44px;
}

@media (max-width: 900px) {
  .welcome_to .content {
    flex-direction: column;
    align-items: start;
  }

  .welcome_to .content_text {
    width: 100%;
    max-width: 100%;
  }
}

@media (max-width: 500px) {
  .welcome_to {
    padding: 20px 0;
  }

  .welcome_to .content_text h4 {
    font-size: 16px;
  }

  .welcome_to .content_btn {
    font-size: 14px;
    padding: 8px 12px;
    margin-top: 0;
  }

  .welcome_to .content {
    gap: 20px;
  }

  .welcome_to .content_image .right_content .divition:first-child {
    margin-top: 0;
  }
}

/* welcome to Medha section */
/* What Sets Us Apart section */
.what_sets {
  background-image: url(../assests/home/what_sets_us_apart_bg.png);
  width: 100%;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  padding: 136px 0 86px 0;
}

.pillares_exp {
  background-image: url(../assests/home/pillar_bg.png);
  width: 100%;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  padding: 76px 0 86px 0;
}

.what_sets .content_text {
  text-align: center;
  max-width: 793px;
  margin: auto;
}

.what_sets .content_text h2,
.our_facilities .content_heading h2 {
  color: var(--dark-blue);
  text-align: center;
  font-family: var(--heading-font-family);
  font-size: var(--heading-size);
}

.pillares_exp .content_box {
  max-width: 303px;
  height: 267px;
  border-radius: 8px;
  background: #fff;
  box-shadow: 0 37px 10px 0 rgba(0, 0, 0, 0.00), 0 24px 9px 0 rgba(0, 0, 0, 0.01), 0 13px 8px 0 rgba(0, 0, 0, 0.05), 0 6px 6px 0 rgba(0, 0, 0, 0.09), 0 1px 3px 0 rgba(0, 0, 0, 0.10);
  width: 100%;
  padding: 116px 24px 38px 23px !important;
  display: flex;
  flex-direction: column;
  gap: 16px;
  position: relative;
  transition: all 0.3s ease-in-out;
  border: none !important;
}

.what_sets .content_box {
  max-width: 303px;
  height: 267px;
  border-radius: 8px;
  background: #fff;
  box-shadow: 0 37px 10px 0 rgba(0, 0, 0, 0.00), 0 24px 9px 0 rgba(0, 0, 0, 0.01), 0 13px 8px 0 rgba(0, 0, 0, 0.05), 0 6px 6px 0 rgba(0, 0, 0, 0.09), 0 1px 3px 0 rgba(0, 0, 0, 0.10);
  width: 100%;
  padding: 70px 24px 38px 23px;
  display: flex;
  flex-direction: column;
  gap: 16px;
  position: relative;
  transition: all 0.3s ease-in-out;
  border: 1px solid #C1C1C1;
}

.what_sets .content_box:hover {
  transform: translateY(-35px);
  border: 1px solid var(--primary-blue);
}

.pillares_exp .content_box:hover {
  transform: translateY(-35px);
  border: none;
}


.what_sets .content_box h4 {
  color: var(--primary-blue);
  text-align: center;
  font-size: 18px;
  font-weight: 600;
  line-height: 23px;
}

.what_sets .content_box p {
  color: #000;
  text-align: center;
  font-size: var(--normal-font-size);
  font-weight: var(--light-font-weight);
}


.what_sets .content_box .content_icon {
  position: absolute;
  width: 98px;
  height: 98px;
  background-color: var(--white);
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  top: 0px;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
  border: 1px solid var(--primary-blue);
  box-shadow: 0 102.443px 81.955px 0 rgba(0, 0, 0, 0.05), 0 42.798px 34.239px 0 rgba(0, 0, 0, 0.04), 0 22.882px 18.306px 0 rgba(0, 0, 0, 0.03), 0 12.827px 10.262px 0 rgba(0, 0, 0, 0.03), 0 6.813px 5.45px 0 rgba(0, 0, 0, 0.02), 0 2.835px 2.268px 0 rgba(0, 0, 0, 0.01);
}

.pillares_exp .content_box .content_icon {
  border: 0;
  top: 28px;
}

.pillares_exp .content_box:hover h4 {
  color: var(--primary-red);
}

.what_sets .content_box .content_icon img {
  height: auto;
  width: auto;
  filter: brightness(0) saturate(100%) invert(20%) sepia(28%) saturate(4124%) hue-rotate(187deg) brightness(96%) contrast(95%);
}

.what_sets .content_box:hover .content_icon img {
  filter: none;
}

.pillares_exp .content_box:hover .content_icon {
  background-color: var(--white) !important;
  border: none !important;
}

.what_sets .content_box:hover .content_icon {
  background-color: var(--primary-red);
  border: 1px solid var(--primary-red);
}

.pillares_exp .content_box .content_icon img {
  height: auto;
  width: auto;
  filter: none;
}

.what_sets .what_sets_conatiner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  padding-top: 80px;
  gap: 36px;
}

@media (max-width: 1440px) {
  .what_sets .what_sets_conatiner {
    gap: 15px;
  }
}

@media (max-width: 1220px) {
  .what_sets .content_box {
    height: 286px;
  }
}

@media (max-width: 1024px) {
  .what_sets .what_sets_conatiner {
    display: grid;
    grid-template-columns: 1fr 1fr;
    place-items: center;
    gap: 80px 20px;
    padding-top: 60px;
  }

  .what_sets .content_box {
    width: 100%;
    max-width: 100%;
    height: 100%;
  }
}

@media (max-width: 650px) {
  .what_sets .content_box {
    padding-top: 100px;
    height: 100%;
  }
}

@media (max-width: 500px) {
  .what_sets .what_sets_conatiner {
    display: flex;
    flex-direction: column;
    gap: 70px;
  }

  .what_sets {
    padding: 40px 0;
  }

  .pillares_exp .content_box {
    height: auto;
    padding: 100px 20px 20px 20px !important;
  }

  .what_sets .what_sets_conatiner {
    padding-top: 50px;
  }

  .what_sets .content_box {
    padding-top: 68px;
    height: 100%;
  }
}

/* What Sets Us Apart section */
/* brighter future section */
.brighter_future {
  background-color: #FBD55E;
  padding: 50px 0;
}

.brighter_future .content {
  position: relative;
  justify-content: end;
}

.brighter_future .content_image {
  position: absolute;
  top: -85px;
  left: 0px;
}

.brighter_future .content_text h2 {
  color: var(--seconder-color);
}

.brighter_future .content_text {
  max-width: 582px;
  width: 100%;
}

.brighter_future .content_btn {
  background-color: var(--primary-red);
  color: var(--white);
  width: max-content;
}

.brighter_future .img_angle {
  position: absolute;
  bottom: 19px;
  right: -31px;
  width: 0px;
  height: 0px;
  border-style: solid;
  border-width: 0px 22px 23px 25px;
  border-color: transparent transparent var(--yellow) transparent;
  transform: rotate(313deg);
}

@media (max-width: 1440px) {
  .brighter_future .content_text {
    max-width: 556px;
    width: 100%;
  }
}

@media (max-width: 1200px) {
  .brighter_future .content_text {
    max-width: 50%;
    width: 100%;
  }

  .brighter_future .content_image {
    position: static;
  }

  .brighter_future .img_angle {
    display: none;
  }

  .brighter_future .content {
    gap: 20px;
  }
}

@media (max-width: 900px) {
  .brighter_future .content {
    flex-direction: column;
    align-items: center;
    justify-content: center;
  }

  .brighter_future .content_text {
    max-width: 100%;
  }
}

@media (max-width: 500px) {
  .brighter_future {
    padding: 24px 0;
  }
}

/* brighter future section */
/* Our Facilities section   */
.our_facilities {
  padding: 97px 0 215px 0;
}

.our_facilities .content_heading {
  max-width: 1012px;
  flex-direction: column;
  display: flex;
  gap: 28px;
  align-items: center;
  width: 100%;
  margin: auto;
  text-align: center;
  padding-bottom: 57px;
}


.our_facilities .facility-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-auto-rows: 200px;
  gap: 15px;
  max-width: 1100px;
  margin: 0 auto;
}

.our_facilities .facility-grid img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 8px;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
  transition: transform 0.4s ease;
}

/* .our_facilities .facility-grid img:hover {
  transform: scale(1.1); 
} */

.our_facilities .img1 {
  grid-row: span 2;
  grid-column: span 1;
  height: 461px !important;
}

.our_facilities .img2 {
  grid-column: span 1;
  height: 190px !important;
}

.our_facilities .img3 {
  grid-column: span 1;
  height: 190px !important;
}

.our_facilities .img4 {
  grid-row: span 1;
  height: 190px !important;
  margin-top: 60px;
}

.our_facilities .img5 {
  grid-row: span 1;
  height: 253px !important;
}

.our_facilities .img6 {
  grid-column: span 1;
  height: 253px !important;
}

.our_facilities .img7 {
  grid-row: span 1;
  height: 253px !important;
}

@media (max-width: 500px) {

  .our_facilities {
    padding: 40px 0 0px 0;
}
.our_facilities .content_heading{
  gap:0;
  padding-bottom: 32px;
}
.our_facilities .facility-grid{
   grid-template-columns: repeat(2, 1fr);
}
.our_facilities .img1 {
    grid-row: span 2;
    grid-column: span 1;
    height: 300px !important;
}
.our_facilities .img2 {
    grid-column: span 1;
    height: 139px !important;
}
.our_facilities .img7 {
    grid-row: span 1;
    height: 148px !important;
    margin-top: -64px;
}
.our_facilities .img3 , .our_facilities .img5 , .our_facilities .img4 , .our_facilities .img6{
  display: none;
}
.our_facilities .content_heading p{
  font-size: 14px;
}
}


/* Our Facilities section   */

/* overview first section */
.brighter_futures {
  padding-top: 80px;
  padding-bottom: 30px;
}

.brighter_futures .pre-container {
  display: flex;
  justify-content: space-between;
  align-items: start;
  gap: 40px;
}

.brighter_futures .content_heading p {
  color: var(--primary-color);
  font-size: 18px;
  font-weight: 600;
  margin-bottom: 16px;
}

.brighter_futures .content_heading h2 {
  color: var(--primary-red);
  font-size: 28px;
  font-weight: var(--bold--font-weight);
  width: 100%;
  max-width: 389px;
  text-align: start;
}

.brighter_futures .content_text p {
  color: #000;
  text-align: justify;
  font-size: var(--normal-font-size);
  font-weight: 500;
  line-height: 171%;
  width: 100%;
  max-width: 923px;
}

.brighter_futures .content_text {
  display: flex;
  justify-content: start;
  flex-direction: column;
  gap: 24px;
}

/* @media (max-width: 1440px) {
  .brighter_futures .content_text p {
    max-width: 690px;
  }
} */
@media (max-width: 1024px) {
  .brighter_futures .content_text p {
    max-width: 100%;
  }

  .brighter_futures {
    padding: 40px 0;
  }

  .brighter_futures .content_heading h2 {
    max-width: 100%;
  }
}

@media (max-width: 900px) {
  .brighter_futures .pre-container {
    display: flex;
    flex-direction: column;
    gap: 20px;
    align-items: start;
  }

  .brighter_futures .content_heading h2 {
    max-width: 100%;
  }

  .brighter_futures {
    padding: 30px 0;
  }
}

@media (max-width: 500px) {
  .brighter_futures .content_heading h2 {
    font-size: 18px;
  }

  .brighter_futures .content_text p {
    font-size: 14px;
  }
.brighter_futures {
  padding-top: 0;
  padding-bottom: 0;
}
.brighter_futures .content_text{
  gap:0;
}
}

/* our target section */
.our_target {
  padding: 70px 0;
}

.our_target .pre-container {
  display: flex;
  justify-content: space-between;
  gap: 38px;
}

.our_target .our_target_box {
  display: flex;
  max-width: 742px;
  width: 100%;
  padding: 16px 24px;
  justify-content: start;
  align-items: center;
  gap: 40px;
  border-radius: 16px;
  background: var(--primary-blue);
}

.our_target .our_target_box .target_content h2 {
  color: var(--white);
  font-size: 20px;
  font-weight: var(--bold--font-weight);
  margin-bottom: 6px;
}

.our_target .our_target_box .target_image {
  max-width: 87px;
  max-height: 87px;
  width: 100%;
  height: 100%;
  padding: 18px;
  background-color: var(--white);
  border-radius: 50%;
}

.our_target .our_target_box .target_image img {
  width: 100%;
  height: auto;
}

.our_target .our_target_box .target_content li,
.our_target .our_target_box .target_content p {
  color: var(--white);
  font-size: var(--normal-font-size);
}

.our_target .our_target_box .target_content ul {
  padding-left: 20px;
  max-width: 480px;
  width: 100%;
}

.our_target .our_target_box .target_content p {
  max-width: 417px;
  width: 100%;
}

.our_target .our_target_box:last-child {
  background-color: var(--primary-red);
}
@media (max-width: 500px) {
.our_target .our_target_box {
    flex-direction: column;
    gap: 10px;
    align-items: start;
}
.our_target .our_target_box .target_image {
    max-width: 44px;
    max-height: 44px;
    padding: 10px;
}
}
/* our target section */
/* school activity section */
.school_activity {
  padding: 20px 0 60px 0;
}

.school_activity .pre-container {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 16px;
}

.school_activity .pre-container img {
  width: 100%;
  max-width: 100%;
  height: auto;
  transition: transform 0.5s ease-in-out;
  object-fit: cover;
}

.school_activity .pre-container img:hover {
  transform: scale(1.1);
}

.school_activity .activity_images {
  width: calc(33.33% - 10px);
  overflow: hidden;
  border-radius: 30px;
}

@media (max-width: 500px) {
  .school_activity .pre-container {
    flex-direction: column;
  }

  .school_activity .activity_images {
    width: 100%;
  }
}

/* directors desk section */
.directors_desk {
  padding: 40px 0;
  background: #fdf8ee;
}

.directors_desk .pre-container {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 60px;
}

.directors_desk .directors_desk_image img {
  width: 100%;
  height: auto;
  max-width: 400px;
}

/* .content h2 {
  color: var(--seconder-color);
  font-size: 28px;
  font-weight: var(--bold--font-weight);
  letter-spacing: 0.2px;
  position: relative;
  margin-bottom: 30px;
} */
.content p {
  color: #000;
  text-align: justify;
  font-size: var(--normal-font-size);
  font-weight: var(--light-font-weight);
  margin-bottom: 24px;
}

.content ul,
.content ol {
  margin-bottom: 24px;
  margin-left: 20px;
}

.content ul li {
  color: var(--black);
  font-size: var(--normal-font-size);
  font-weight: var(--light-font-weight);
}

.directors_desk .content {
  max-width: 850px;
  width: 100%;
  flex-direction: column;
  align-items: start;
  gap: 0;
}

.directors_desk .content h2 {
  font-family: var(--heading-font-family);
  color: var(--primary-blue);
  font-size: 28px;
  font-weight: var(--bold--font-weight);
  letter-spacing: 0.2px;
  position: relative;
  margin-bottom: 30px;
}

.content h2::after {
  content: "";
  position: absolute;
  bottom: -12px;
  left: 0;
  width: 281px;
  border-bottom: 2px solid var(--seconder-color);
}

.directors_desk .content h4 {
  color: var(--primary-red);
  font-size: 20px;
  font-weight: var(--bold--font-weight);
}

.directors_desk .content h5 {
  color: var(--seconder-color);
  font-size: var(--normal-font-size);
  font-weight: var(--light-font-weight);
}

@media (max-width: 1024px) {
  .content h2 {
    font-size: 24px;
  }
}

@media (max-width: 900px) {
  .directors_desk .pre-container {
    flex-direction: column;
  }

  .directors_desk .directors_desk_image {
    width: 100%;
  }

  .directors_desk .directors_desk_image img {
    width: 30%;
    height: auto;
  }
}

@media (max-width: 500px) {
  .content h2 {
    font-size: 22px;
  }

  .content h2::after {
    width: 200px;
  }

  .content p {
    margin-bottom: 10px;
  }

  .directors_desk .directors_desk_image img {
    width: 100%;
  }
  .directors_desk .content h2{
    font-size: 18px;
  }
  .directors_desk .pre-container{
    gap:20px;
  }
}

/* directors desk section */
/* leadership team section */
.leadership_team {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 16px;
  padding: 80px 0;

}

.leadership_team .pre-container {
  max-width: var(--max-width) !important;
}

.leadership_team h1 {
  color: var(--primary-blue);
  text-align: center;
  font-size: 28px;
  font-weight: var(--bold--font-weight);
  letter-spacing: 0.2px;
  font-family: var(--heading-font-family);
  margin-bottom: 30px;
}

.leadership_team .team_box {
  display: flex;
  width: 329px;
  padding: 20px;
  flex-direction: column;
  align-items: center;

  border-radius: 50px 0px;
  background: var(--white);
  box-shadow: 0px 4px 8px 0px rgba(79, 94, 113, 0.1);
  background: #fdf8ee;
}

.leadership_team .team_box:hover {
  box-shadow: 2px 4px 12px 10px rgba(79, 94, 113, 0.1);
}

.leadership_team .team_container {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  align-items: center;
  gap: 40px 24px;
}

.leadership_team .team_box img {
  width: 100%;
  height: auto;
  margin-bottom: 16px;
}

.leadership_team .team_box h4 {
  color: var(--primary-blue);
  font-size: var(--large-font-size);
  font-weight: var(--bold--font-weight);
  text-align: left;
  width: 100%;
  margin-bottom: 6px;
}

.leadership_team .team_box h5 {
  color: var(--seconder-color);
  font-size: var(--normal-font-size);
  font-weight: 500;
  text-align: left;
  width: 100%;
}

@media (max-width: 1440px) {
  .leadership_team .team_container {
    justify-content: center;
  }
}

@media (max-width: 1024px) {
  .our_target .pre-container {
    flex-direction: column;
  }

  .our_target .our_target_box .target_content p {
    max-width: 100%;
    text-align: justify;
  }

  .our_target {
    padding: 30px 0 40px 0;
  }
}

@media (max-width: 500px) {
  .leadership_team {
    padding: 30px 0;
  }

  .leadership_team .team_container {
    gap: 20px;
  }
  .leadership_team h1{
    font-size: 20px;
  }
}

/* leadership team section */
/* innovative section */
.innovative {
  padding: 70px 0 70px 0;
}

.innovative .innovation_box {
  display: flex;
  flex-direction: column;
  align-items: center;
  max-width: 240px;
  width: 100%;
}

.innovative .content_text h2 {
  margin-bottom: 40px;
}

.innovative .content_text .content_btn {
  margin-top: 50px;
}

.innovative .innovation_left {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  width: 100%;
  gap: 40px;
}

.innovative .content {
  align-items: start;
}

.innovative .innovation_box .innovation_image {
  width: 64px;
  height: 64px;
  background-color: var(--primary-color);
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  box-shadow:
    0 1px 3px rgba(163, 163, 163, 0.10),
    1px 5px 5px rgba(163, 163, 163, 0.09),
    1px 11px 7px rgba(163, 163, 163, 0.05),
    2px 19px 8px rgba(163, 163, 163, 0.01),
    3px 30px 8px rgba(163, 163, 163, 0.00);

}

.innovative .innovation_box .innovation_image img {
  height: auto;
  width: auto;
}

.innovative .innovation_box h5 {
  color: var(--primary-blue);
  text-align: center;
  font-size: var(--normal-font-size);
  font-weight: 500;
  line-height: 23px;
  margin-top: 18px;
}

.innovative .innovation_box h6 {
  color: #000;
  text-align: center;
  font-size: 12px;
  font-weight: 400;
  margin-top: 10px;
}

@media (max-width: 1440px) {
  .innovative .innovation_left {
    gap: 30px 18px;
  }
}

@media (max-width: 1200px) {
  .innovative .innovation_box {
    max-width: 192px;
  }
}
@media (max-width: 1070px) {
.innovative .innovation_box {
    max-width: 182px;
}

}
@media (max-width: 1024px) {
.innovative .innovation_left {
    gap: 30px 18px;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
}
.innovative .innovation_box{
  max-width: 100%;
}
}
@media (max-width: 768px) {
.innovative .innovation_left{
  grid-template-columns: 1fr 1fr;
}

}
@media (max-width: 500px) {
  .innovative {
    padding: 40px 0;
  }

  .innovative .innovation_box {
    max-width: 100%;
    display: flex;
    flex-direction: row;

  }
  .innovative .innovation_left{
    display: grid;
    grid-template-columns: 1fr;
  }

  .innovative .innovation_box .innovation_text {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: start;
    justify-content: center;
    margin-left: 20px;
  }

  .innovative .innovation_box h5 {
    margin-top: 0;
  }

  .innovative .innovation_box h6 {
    margin: 0;
    text-align: left;
  }

  .innovative .content {
    gap: 50px;
  }

  .innovative .innovation_box .innovation_image {
    width: 27%;
  }

  .innovative .content_text h2 {
    margin-bottom: 20px;
  }

  .innovative .content_text .content_btn {
    margin-top: 20px;
  }
}
@media (max-width: 1024px) {
.innovative .content{
  flex-direction: column;
}
}
/* innovative section */
/* school Facilities section */
.school_facilities {
  background-image: url("../assests/home/facilities_bg.png");
  width: 100%;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  padding: 75px 0 110px 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 45px;
}

.school_facilities .facilities_scrolling {
  /* display: flex;
  gap: 70px;
  align-items: center;
  justify-content: center; */
  width: 100%;
}

.school_facilities .facilities_scrolling .image_box {
  display: flex;
  justify-content: center;
  align-items: center;
}

@media (max-width: 500px) {
  .school_facilities {
    padding: 40px 0;
    gap: 0px;
  }
}

/* school Facilities section */
/* academic lab section */
.sports_facilites {
  padding: 40px 0 60px 0;
  text-align: center;
}

.sports_facilites h2 {
  color: var(--primary-color);
  text-align: center;
  font-size: 28px;
  font-weight: var(--bold--font-weight);
  letter-spacing: 0.2px;
  margin-bottom: 24px;
}

.sports_facilites p {
  color: #000;
  text-align: center;
  font-size: var(--normal-font-size);
  font-weight: var(--light-font-weight);
}


.sports_facilites_images {
  display: grid;
  justify-content: center;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 50px;
  padding-top: 40px;
}

.sports_facilites_images img {
  width: 100%;
  height: auto;
  display: block;
  border-radius: 20px;
  transition: transform 0.8s ease-in-out;
}

.sports_facilites_images .sport_pic {
  position: relative;
  /* background: linear-gradient(3deg, #192857 2.56%, rgba(0, 35, 123, 0) 98.19%); */
  border-radius: 20px;
  overflow: hidden;
}

.sports_facilites_images .sport_pic p,
.indoor_facilites_images .indoor_pic p {
  position: absolute;
  bottom: 20px;
  width: 100%;
  color: #fff;
  text-align: center;
  font-size: 18px;
  font-weight: 700;
}

.sports_facilites_images img:hover {
  transform: scale(1.1);
}

.indoor_facilites_images {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  gap: 50px;
  padding-top: 40px;
}

.indoor_facilites_images img {
  width: 100%;
  border-radius: 20px;
  transition: transform 0.8s ease-in-out;
  display: block;
  height: auto;
}

.indoor_facilites_images .indoor_pic {
  position: relative;
  border-radius: 20px;
  overflow: hidden;
}

.indoor_facilites_images img:hover {
  transform: scale(1.1);
}


@media (max-width: 1440px) {
  .sports_facilites_images {
    gap: 10px 10px;
  }

  .indoor_facilites_images {
    gap: 10px 9px;
  }
}

@media (max-width: 900px) {
  .sports_facilites_images {
    grid-template-columns: 1fr 1fr;
  }

  .indoor_facilites_images .indoor_pic {
    width: 49%;
  }

  .facilites_first_section {
    padding: 100px 20px;
  }
}

@media (max-width: 500px) {
  .sports_facilites_images {
    grid-template-columns: 1fr;
  }

  .indoor_facilites_images .indoor_pic {
    width: 100%;
  }

  .sports_facilites h2 {
    font-size: 22px;
  }

  .sports_facilites {
    padding: 30px 0 20px 0;
  }

  .academic_lab_images {
    display: contents;
  }
}

/* academic lab section */
.img_shadow {
  position: absolute;
  background: linear-gradient(3deg, #074B81 2.56%, rgba(34, 77, 31, 0.00) 98.19%);
  height: 109px;
  width: 100%;
  bottom: 0;
  border-radius: 20px;
}

/* event page start */
.gallery_page {
  padding: 30px 0 60px 0;
}

.gallery_page h2 {
  font-weight: 800;
  font-size: var(--heading-size);
  text-align: center;
  color: var(--primary-color);
  margin-bottom: 16px;
}

.gallery_page h4 {
  color: #000;
  text-align: center;
  font-size: var(--normal-font-size);
  font-weight: var(--light-font-weight);
  margin-bottom: 50px;
}

.gallery_page .gallery_page_container img {
  width: 100%;
  border-radius: 20px;
  display: block;
  transition: transform 0.8s ease-in-out;
}

.gallery_page .gallery_page_container img:hover {
  transform: scale(1.1);
}

.gallery_page .gallery_page_container {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  justify-content: center;
  align-items: center;
  gap: 60px 10px;
}

.gallery_page .gallery_page_container p {
  font-weight: var(--bold--font-weight);
  font-size: 18px;
  text-align: center;
  position: absolute;
  bottom: 6px;
  height: 50px;
  width: 100%;
  color: var(--white);
}

.gallery_page_container .event_img {
  position: relative;
  border-radius: 20px;
  margin: auto;
  max-width: 380px;
  height: auto;
  overflow: hidden;
}

@media (max-width: 1024px) {
  .gallery_page .gallery_page_container {
    grid-template-columns: 1fr 1fr;
    gap: 20px 10px;
  }
}

@media (max-width: 500px) {
  .gallery_page .gallery_page_container {
    grid-template-columns: 1fr;
    gap: 20px 10px;
  }

  .gallery_page {
    padding: 30px 0;
  }

  .gallery_page h4 {
    margin-bottom: 30px;
  }
}

/* event page start */
/* not found data */
.not_data_found .data_content {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 20px;
}

.not_data_found {
  display: flex;
  align-items: center;
  justify-content: center;
}

.not_data_found .data_content h3 {
  color: var(--primary-blue);
  font-size: var(--heading-size);
  font-weight: var(--bold--font-weight);
  text-align: center;
}

.not_data_found .data_content h5 {
  color: var(--seconder-color);
  font-size: 20px;
  font-weight: 500;
  text-align: center;
}

/* newsfeed page */

.news_heading {
  padding: 40px 0;
}

.news_heading h3 {
  color: var(--black);
  font-weight: 500;
  font-size: var(--normal-font-size);
}

.news_heading .pre-container {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 20px;
}

.news_heading .pre-container .content {
  flex-direction: column;
  align-items: start;
  gap: 8px;
  width: max-content;
}

.news_heading .pre-container .content h2 {
  color: var(--primary-color);
  font-family: var(--heading-font-family);
  font-size: var(--heading-size);
  font-weight: 600;
}

.school_news {
  padding-bottom: 40px;
}

.school_news .box_img {
  width: 170px;
  height: 105px;
  /* border-radius: 6px; */
  padding-right: 20px;
  border-right: 1px solid rgba(0, 0, 0, 0.4);
}

.school_news .box_img img {
  height: 100%;
  width: auto;
}

.school_news .box_content h3 {
  color: var(--primary-color);
  font-size: var(--large-font-size);
  font-weight: 500;
}

.school_news .box_content h4 {
  color: #000;
  font-size: 14px;
  font-weight: 400;
}

.school_news .box_content h5 {
  color: #000;
  font-size: 10px;
  font-weight: 400;
}

.school_news .news_box {
  width: 100%;
  display: flex;
  justify-content: start;
  gap: 40px;
  align-items: center;
  padding: 20px 15px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.4);
}

.school_news .news_box:hover {
  background-color: #F6F2E1;
}

.news_heading .news_menu {
  display: flex;
  align-items: center;
  gap: 16px;
}

@media (max-width: 500px) {
  .news_heading .news_menu {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 8px;
  }

  .school_news .news_box {
    flex-direction: column;
    justify-content: start;
    align-items: start;
    gap: 8px;
    padding: 14px 0;

  }

  .school_news .box_img {
    border: 0;
    padding: 0';

  }


}

/* newsfeed page */
/* content page :start */
.contactus_timimg .pre-container {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 30px;
  padding-bottom: 40px;
}

.contactus_timimg .contect_info_box {
  display: flex;
  height: 140px;
  padding: 20px 42px;
  justify-content: center;
  align-items: center;
  gap: 35px;
  border-radius: 6px;
  background: #fff;
  box-shadow: 0px 4.84px 9.68px 0px rgba(79, 94, 113, 0.1),
    0px 2.42px 4.84px 0px rgba(79, 94, 113, 0.11),
    0px 0px 2.42px 0px rgba(79, 94, 113, 0.12);
  max-width: 536px;
  width: 100%;
}

.contactus_timimg .contect_info_box img {
  height: auto;
  width: auto;
}

.contactus_timimg .contect_info_box .info_text {
  max-width: 304px;
  width: 100%;
  display: flex;
  flex-direction: column;
  color: var(--primary-color);
  font-size: 16px;
  font-weight: 500;
}

.content_heading h2 {
  text-align: center;
  margin-bottom: 40px !important;
}

/* .content_heading{
  padding-top: 50px;
} */


/* content page :start */
/* contact us first section */

.contactus_timimg .content_text {
  display: flex;
  max-width: 678px;
  width: 100%;
  flex-direction: column;
  align-items: center;
  gap: 16px;
}


.contactus_timimg iframe {
  width: 100%;
  /* height: 100%; */
}

.we_help {
  padding: 60px 0 40px 0;
  background-color: #F1F3F2;
}

.we_help .pre-container {
  display: flex;
  justify-content: space-between;
  gap: 20px;

}

.we_help_container {
  max-width: 540px;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 24px;
}

.we_help_container h2 {
  color: var(--primary-blue);
  font-size: var(--heading-size);
  font-weight: 700;
}

.we_help_container p {
  color: var(--black);
  font-size: 16px;
  font-weight: 500;
}

.we_help_container .social_media {
  display: flex;
  gap: 15px;
  align-items: center;
}

.contact_school {
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.contact_school label {
  color: #344054;
  font-size: 16px;
  font-weight: 400;
}

.contact_school label span {
  color: #e21414;
}

.contact_school button {
  display: flex;
  max-width: 152px;
  height: 42px;
  padding: 10px 20px;
  justify-content: center;
  align-items: center;
  gap: 8px;
  border-radius: 5px;
  background: var(--primary-blue);
  color: var(--white);
  font-size: 14px;
  font-weight: 500;
  cursor: pointer;
}

.contact_school button:hover {
  background-color: var(--primary-red);
  color: var(--white);
}

.input_flex {
  display: flex !important;
  justify-content: space-between;
  flex-direction: row !important;
  gap: 32px !important;
}

.input_flex div {
  flex-direction: column;
  display: flex;
  width: 100%;
  gap: 6px;
}

.we_help form {
  max-width: 586px;
  width: 100%;
}

.contact_school input,
.contact_school textarea {
  display: flex;
  padding: 12px 16px;
  align-items: center;
  gap: 8px;
  border-radius: 8px;
  border: 1px solid #d0d5dd;
  background: var(--white);
  box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);
  width: 100%;
}

.contact_school textarea {
  height: 108px;
}

.contact_school div {
  flex-direction: column;
  display: flex;
  gap: 6px;
}

.contactus_timimg .contect_info_box .info_text h4 {
  color: var(--primary-blue) !important;
}

.contactus_timimg .contect_info_box .info_text p {
  margin: 0;
}

.contactus_timimg .contect_info_box .info_text p a {
  color: var(--black);
}

@media (max-width: 900px) {

  .contactus_timimg .pre-container,
  .we_help .pre-container {
    flex-direction: column;
  }

  .contactus_timimg .contect_info_box {
    max-width: 100%;
  }

  .contactus_timimg .contect_info_box .info_text {
    max-width: 100%;
  }

  .contactus_timimg .content_text {
    max-width: 100%;
  }

  .we_help form {
    max-width: 100%;
  }

}

@media (max-width: 500px) {
  .contactus_first_section {
    height: 320px;
  }

  .contactus_timimg .pre-container {
    gap: 20px;
  }

  .contactus_timimg .contect_info_box {
    padding: 20px 10px;
    height: auto;
    gap: 14px;
  }

  .content_heading {
    padding-top: 30px;
  }

  .content_heading h2 {
    margin-bottom: 20px !important;
  }

  .contactus_timimg iframe {
    width: 100%;
    height: 100%;
  }

  .contactus_timimg .contect_info_box img {
    height: 50px;
    width: 50px;
  }

  .contactus_timimg .contect_info_box .info_text h4 {
    margin: 0;
  }

  .contactus_timimg .contect_info_box .info_text p {
    font-size: 12px;
    line-height: 120%;
  }

  .contactus_timimg .contect_info_box .info_text h4 {
    font-size: 16px;
  }
  .input_flex{
    flex-direction: column !important;
  }

  .we_help_container {
    gap: 10px;
  }

  .we_help {
    padding: 30px 0;
  }

}

/* contact us first section */
/* newsfeed page */
.join_us {
  padding: 50px 0;
}

.join_us h3 {
  color: var(--primary-blue);
  text-align: center;
  font-size: var(--heading-size);
  font-weight: var(--bold--font-weight);
}

.join_us p {
  color: #000;
  text-align: center;
  font-size: var(--normal-font-size);
  font-weight: var(--light-font-weight);
}

.join_us .join_us_box {
  display: flex;
  height: auto;
  padding: 23px 52px;
  flex-direction: column;
  align-items: center;
  gap: 14px;
  align-self: stretch;
  border-radius: 15px;
  border: 1px solid var(--primary-blue);
  background: var(--white);
}

.select_position {
  padding: 20px 0 30px 0;
}

.select_position table {
  border-collapse: collapse;
  width: 100%;
  box-shadow: 0px 4px 8px 0px rgba(79, 94, 113, 0.10);
  border-radius: 18px;
  overflow: hidden;
}

.select_position thead th {
  background-color: var(--primary-blue);
  color: var(--white);
  text-align: center;
  font-size: var(--normal-font-size);
  font-weight: 600;
}

.select_position th,
.select_position td {
  border: 1px solid #ddd;
  padding: 20px;
  font-size: var(--normal-font-size);

}

.select_position a {
  color: var(--primary-color);
  font-size: var(--normal-font-size);
  font-weight: var(--bold--font-weight);
  letter-spacing: 0.214px;
}

.select_position a span {
  display: flex;
  align-items: center;
  gap: 10px;
}

.apply_form {
  padding: 40px 0;
}

.apply_form .pre-container {
  display: flex;
  flex-direction: column;
  gap: 40px;
  align-items: center;
  justify-content: center;
}

.apply_form .form_heading p {
  color: var(--primary-color);
  text-align: center;
  font-size: 28px;
  font-weight: var(--bold--font-weight);
}

.form_container {
  display: flex;
  max-width: 1160px;
  width: 100%;
  padding: 60px 110px;
  justify-content: center;
  align-items: center;
  background: #F1F3F2;
  box-shadow: 0px 8px 8px 0px rgba(79, 94, 113, 0.1),
    0px 2px 4px 0px rgba(79, 94, 113, 0.11),
    0px 0px 2px 0px rgba(79, 94, 113, 0.12);
}

.form_container form {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 24px;
}

.form_container .form-group {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 6px;
}

.form_container label {
  color: #162858;
  font-size: 16px;
  font-weight: 400;
}

.form_container input,
.form_container select,
.form_container textarea {
  width: 100%;
  border-radius: 8px;
  border: 1px solid #d0d5dd;
  background: var(--white);
  display: flex;
  padding: 12px 16px;
  align-items: center;
  gap: 8px;
  box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);
  color: #667085;
}

.form_container .btn {
  display: flex;
  max-width: max-content;
  width: 100%;
  height: 54px;
  padding: 12px 24px;
  justify-content: center;
  align-items: center;
  gap: 10px;
  border-radius: 5px;
  background: var(--primary-blue);
  color: #fdfeff;
  font-size: var(--normal-font-size);
  font-weight: 500;
  margin: auto;
}

.form_container .btn:hover {
  background: #333;
}

.form_container .required {
  color: #e21414;
}

.form_container .d_flex {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 30px;
}

@media (max-width: 900px) {
  .form_container {
    padding: 40px 20px;
  }
}

@media (max-width: 500px) {
  .form_container .d_flex {
    flex-direction: column;
    gap: 24px;
  }

  .form_container {
    padding: 20px;
  }

  .form_container .btn {
    width: 100%;
    max-width: max-content;
    padding: 8px 12px;
    font-size: 14px;
    height: auto;
  }

  .form_container label {
    font-size: 14px;
  }

  .select_position th,
  .select_position td {
    padding: 10px 0px;
    font-size: 10px;
    text-align: center;
  }

  .select_position thead th {
    font-size: 10px;
  }

  .select_position a {
    font-size: 10px;
  }

  .select_position a img {
    height: 10px;
  }

  .select_position a span {
    gap: 4px;
  }

  .join_us {
    padding: 20px 0;
  }

  .join_us .join_us_box {
    padding: 24px 30px;
  }

  .apply_form .pre-container {
    gap: 20px;
  }

  .select_position {
    padding: 20px 0 0 0;
  }

  .apply_form .form_heading p {
    font-size: 20px;
  }

}

/* academic_section  */
.apply_medha {
  padding: 78px 0;
}

.apply_medha p {
  max-width: 840px;
  width: 100%;
}

.apply_medha .content {
  text-align: start;
}

.apply_medha .content_text h2 {
  max-width: 250px;
  width: 100%;
}

.online_registration {
  display: flex;
  flex-direction: column;
  gap: 35px;
  align-items: center;
  justify-content: center;
  padding: 20px 0 60px 0;
}

.online_registration .pre-container {
  display: flex;
  justify-content: center;
  flex-direction: column;
  gap: 34px;
}

.online_registration .register_box {
  display: flex;
  max-width: 299px;
  height: 168px;
  padding: 14px 27px;
  flex-direction: column;
  align-items: flex-start;
  gap: 8px;
  border-radius: 6px;
  background: var(--white);
  box-shadow: 0px 3px 3px 0px rgba(0, 0, 0, 0.25);
  width: 100%;
  position: relative;
  transition: all 0.3s ease-in-out;
  border: 1.5px solid #F6F2E1;
}

.online_registration h2 {
  text-align: center;
}

.online_registration .register_box .box_head h1 {
  padding: 12px 20px;
  border-radius: 50%;
  background-color: var(--primary-color);
  max-width: 55px;
  max-height: 55px;
  color: var(--primary-blue);
  font-size: 20px;
  border: 1px solid var(--primary-blue);
}

.online_registration .register_box .box_head h3 {
  color: var(--primary-blue);
  font-size: var(--normal-font-size);
  font-family: var(--heading-font-family);
  font-weight: 500;
}

.online_registration .register_box .box_head {
  display: flex;
  align-items: center;
  gap: 22px;
}

.online_registration .register_box h5 {
  color: #224D1F;
  text-align: justify;
  font-size: 12px;
  font-weight: 400;
}

.online_registration .register_container {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 20px;
}

.online_registration .register_box:hover {
  border: 1.5px solid var(--primary-blue);
  box-shadow: 0px 7px 10px 0px rgba(0, 0, 0, 0.1),
    0px 0.877px 1.252px 0px rgba(0, 0, 0, 0.05);
  transform: translateY(-10px);
}

@media (max-width: 1200px) {
  .online_registration .register_box {
    height: 200px;
  }

  .online_registration .register_box .box_head {
    gap: 12px;
  }
}

@media (max-width: 1024px) {
  .apply_medha .content {
    justify-content: start;
    align-items: start;
    gap: 10px;
  }

  .apply_medha p,
  .apply_medha .content_text h2 {
    max-width: 100%;
  }

  .online_registration .register_container {
    display: grid;
    grid-template-columns: 1fr 1fr;
  }

  .online_registration .register_box {
    max-width: 100%;
    height: 100%;
  }

  .apply_medha {
    padding: 50px 0 40px 0;
  }

}
@media (max-width: 900px) {
 .apply_medha .content {
flex-direction: column;
 }
 .apply_medha .content_text h2{
  max-width:100% !important; 
 }
}

@media (max-width: 500px) {
  .online_registration .register_container {
    display: grid;
    grid-template-columns: 1fr;
    padding-top: 20px;
  }

  .apply_medha .content {
    gap: 0;
  }

  .online_registration .pre-container {
    gap: 0;
  }

  .online_registration {
    gap: 30px;
  }

  .online_registration .register_box {
    padding: 14px;
  }

  .online_registration .register_box .box_head h1 {
    font-size: 16px;
    padding: 10px 16px;
  }
}

.about_first_page img {
  display: block;
  width: 100%;
}

.about_first_page .section_heading {
  width: 100%;
  padding: 5px 10px 9px 10px;
  background: var(--primary-blue);
  color: var(--white);
  font-size: 20px;
  font-weight: 600;
  font-variant: all-small-caps;
  text-align: center;
  letter-spacing: 2px;
  font-family: var(--heading-font-family);
}

.common_bg_section {
  width: 100%;
  height: 497px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: var(----normal-font-family);
  z-index: -1;
}

.apply_medha {
  padding: 50px 0;
}

.apply_medha .content_text p {
  max-width: 840px;
}

.apply_medha .content_text h2 {
  max-width: 290px;
}

.apply_medha .content_btn {
  background-color: var(--primary-blue);
}
@media (max-width: 500px) {

.apply_medha {
    padding: 50px 0 10px 0;
}
}


.information-container h6 {
  font-size: 1.1rem;
  margin-bottom: 1rem;
  color: #0d2c4a;
}

.table-responsive {
  width: 100%;
  overflow-x: auto;

}

.information-container {
  padding: 30px 0;
}

.table-responsive table thead tr th,
table tbody tr td {
  min-width: 10px;
  text-align: center;
  padding: 1rem;
  border: 1px solid var(--primary-blue);
  font-family: var(--family);
  font-size: 1.1rem;
  text-align: left;
}

.table-responsive table thead {
  background: var(--primary-blue);
  color: white;
}

.table-responsive table {
  width: 100%;
  background: var(--white);
  border-radius: 10px;
  box-shadow: var(--box-shadow);
  border: none;
  border-collapse: collapse;
}

.table-responsive table tbody tr td a {
  font-family: var(--family);
  font-size: 1rem;
  color: #0d2c4a;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.5rem;
  font-weight: 600;
  text-decoration: none;
}

/* Documents Required section */
.documents_req {
  padding: 65px 0 35px 0;
}

.documents_req table th {
  background-color: var(--primary-blue);
  color: var(--white);
  border: none !important;
}

.documents_req table th,
.documents_req table td {
  border: 1px solid #B1B1B1;
  padding: 14px;
  font-size: var(--normal-font-size);
}

.documents_req table {
  border-radius: 16px;
  background: #FFF;
  box-shadow: 0px 3.695px 7.39px 0px rgba(79, 94, 113, 0.10), 0px 1.848px 3.695px 0px rgba(79, 94, 113, 0.11), 0px 0px 1.848px 0px rgba(79, 94, 113, 0.12);
  border-collapse: collapse;
  overflow: hidden;
  margin-bottom: 45px;
  width: 100%;
}

.documents_req .content_text h2 {
  margin-bottom: 42px;
}

.documents_req .content_text h4 {
  margin-bottom: 22px;
}

.admission_criteria {
  background:
    url("../assests/section/admission_pic.png");
  width: 100%;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  height: 486px;
}

.admission_criteria_mobile {
  display: none;
}

@media (max-width: 1200px) {
  .admission_criteria {
    display: none;
  }

  .admission_criteria_mobile {
    display: block;
    background:
      url("../assests/section/admission_pic_mobile.png");
    width: 100%;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    height: 900px;
  }
}


@media (max-width: 500px) {

  .documents_req table th,
  .documents_req table td {
    padding: 4px 6px;
    font-size: 12px;
  }

  .documents_req {
    padding: 0px 0 30px 0;
  }

  .documents_req .content_text h2 {
    margin-bottom: 16px;
    font-size: 16px;
  }

  .documents_req .content_text h4 {
    margin-bottom: 8px;
    font-size: 16px;
  }
  
.table-responsive table thead tr th,
table tbody tr td {
font-size: 14px;
padding: 10px;
}
}

/* Documents Required section */
/* job description page  */
.job_description {
  padding-bottom: 40px;

}

.job_description .pre-container {
  display: flex;
  justify-content: space-between;
  gap: 40px;
}

.job_description .details_box {
  display: flex;
  padding: 24px 27px;
  flex-direction: column;
  align-items: flex-start;
  border-radius: 8px;
  background: var(--primary-color);
  color: var(--white);
  max-width: 362px;
  width: 100%;
  height: max-content;
}

.job_description .details_box h2 {
  color: #fdf8ee;
  font-size: 20px;
  font-weight: var(--bold--font-weight);
  margin-bottom: 6px;
}

.job_description .details_box h5 {
  color: #fff;
  font-size: 16px;
  font-weight: 500;
  line-height: 150.24%;
  margin-bottom: 2px;
}

.job_description .details_box h5 strong {
  font-weight: var(--bold--font-weight);
}

.job_description .content {
  width: 100%;
  flex-direction: column;
  align-items: start;
  gap: 0;
}

.job_description .content h3 {
  display: flex;
  padding: 6px 14px;
  justify-content: start;
  align-items: center;
  gap: 10px;
  background: linear-gradient(90deg, #e9e9e9 0%, rgba(236, 236, 236, 0) 100%);
  color: var(--primary-blue);
  font-size: 20px;
  font-weight: var(--bold--font-weight);
  margin-bottom: 16px;
  width: 100%;
}

.job_description .content li {
  margin-bottom: 10px;
  text-align: justify;
}

.job_description button {
  display: inline-flex;
  height: auto;
  padding: 14px 26px;
  justify-content: center;
  align-items: center;
  border-radius: 6px;
  background: var(--seconder-color);
  color: #fdfeff;
  font-size: var(--normal-font-size);
  font-weight: var(--bold--font-weight);
  cursor: pointer;
}

@media (max-width: 1024px) {
  .job_description .pre-container {
    flex-direction: column;
  }

  .job_description .content {
    order: 2;
  }
}

@media (max-width: 500px) {
  .job_description .content h3 {
    margin-top: 30px;
  }

  .job_description .content h3 {
    font-size: 16px;
  }

}

.terms_page {
  padding-top: 60px;
}

.classes_section .pre-container {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 20px;
  padding-top: 64px;
  padding-bottom: 130px;
}
.academics_bottom {
    display: grid;
    justify-content: space-between;
    align-items: center;
    gap: 16px;
    grid-template-columns: 1fr 1fr 1fr;
}

.academics_bottom .academics_box {
  display: flex;
  max-width: 195px;
  height: 82px;
  padding: 22.294px 13.211px;
  justify-content: center;
  align-items: center;
  gap: 10px;
  width: 100%;

  border-radius: 6px;
  border: 1px solid rgba(7, 75, 129, 0.20);
  background: #DFEDF7;
}

.academics_bottom .academics_box p {
  color: #000;
  text-align: center;
  font-size: 14px;
  font-weight: 500;
  line-height: 23px;
  margin-bottom: 0;
}

.classes_section .content {
  flex-direction: column;
  gap: 38px;
  max-width: 630px;
}
.classes_section .content_img img{
  max-width: 590px;
  width: 100%;
}
@media (max-width: 1130px) {
.classes_section .pre-container{
flex-direction: column;
padding-bottom: 26px;
}
.classes_section .content{
  max-width: 100%;
}
.classes_section .content_img img{
  max-width: 100%;
}
.academics_bottom .academics_box {
    max-width: 100%;
    padding: 10px;
}
}
@media (max-width: 500px) {
.academics_bottom{
  grid-template-columns: 1fr ;
}
.classes_section .pre-container{
  padding: 20px ;
}
.academics_bottom .academics_box{
  height: auto;
}
.classes_section .content{
  gap:10px;
}

}