/* school annoucements heading */
.school_announcements {
  display: flex;
  padding: 13px 12px 12px 24px;
  justify-content: flex-end;
  align-items: center;
  gap: 5px;
  background: #070A69;
  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: 122px;
  left: 0;
  width: 100%;
  z-index: 1;
}
.fixed-text {
  font-weight: bold;
  color: var(--seconder-color);
  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: 1024px) {
  .school_announcements {
    top: 180px;
  }
}
@media (max-width: 1023px) {
  .school_announcements {
    top: 166px;
  }
}
@media (max-width: 500px) {
  .school_announcements {
    padding: 10px;
    font-size: 14px;
    top: 164px;
  }
  .scrolling-text div {
    gap: 8px;
  }
}
/* school annoucements heading */
/* website pop up section start */
.website_popup {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  display: none;
  justify-content: center;
  align-items: center;
  font-family: var(----normal-font-family);
  z-index: 99999999;
  
}




.showing_popup {
  display: inline-flex;
  padding: 26px;
  flex-direction: column;
  align-items: flex-start;
  gap: 10px;
  border-radius: 16px;
  background: #F6F2E1;
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
  position: relative;
  max-width: 883px;
  width: 100%;
  transform: translate(-50%, -50%);
  left: 50%;
  top: 50%;
  transition: all 0.5s;
}
.close-btn {
  position: absolute;
  top: 10px;
  right: 10px;
  background: var(--primary-color);
  color: white;
  border: none;
  padding: 0px 8px;
  cursor: pointer;
  border-radius: 50%;
  font-size: 24px;
}
.website_popup .school_part_admission {
  display: flex;
  align-items: start;
  gap: 35px;
}
.website_popup .school_part_admission img {
  width: 100%;
  height: auto;
}
.website_popup .school_part_admission .content_area {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 20px;
  align-self: stretch;
  justify-content: center;
}
.website_popup .school_part_admission .content_area h1 {
  color: var(--primary-color);
  font-size: 32px;
  font-weight: 800;
}
.website_popup .school_part_admission .content_area h1 span {
  color: var(--blue-color);
}
.website_popup .school_part_admission .content_area p {
  color: var(--black);
  text-align: justify;
  font-size: var(--normal-font-size);
  font-weight: var(--light-font-weight);
}
.website_popup .school_part_admission .content_area h3 {
  color: var(--blue-color);
  text-align: justify;
  font-size: 18px;
  font-weight: var(--light-font-weight);
}
.website_popup .school_part_admission .content_area .conntent_website {
  display: flex;
  align-items: center;
  gap: 19px;
}
.website_popup .school_part_admission .content_area .conntent_website span {
  display: flex;
  padding: 8.038px 16.076px;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  background: var(--primary-color);
}
.website_popup .school_part_admission .content_area .conntent_website span a {
  color: var(--white);
  font-size: var(--normal-font-size);
  font-weight: 600;
}
.website_popup
  .school_part_admission
  .content_area
  .conntent_website
  span:last-child {
  border-radius: 8px;
  border: 2px solid var(--primary-color);
  background: #fdf8ee;
}
.website_popup
  .school_part_admission
  .content_area
  .conntent_website
  span:last-child
  a {
  color: var(--primary-color);
}
@media (max-width: 1024px) 
{
  .showing_popup{
    top:52%;
  }

}


@media (max-width: 768px) {
  .website_popup {
    padding: 20px;
  }
  .website_popup .school_part_admission img {
    width: 24%;
  }
  .website_popup .school_part_admission {
    flex-direction: column;
    gap: 8px;
  }
}
@media (max-width: 500px) {
  .website_popup .school_part_admission .content_area h1 {
    font-size: 20px;
  }
  .website_popup .school_part_admission .content_area p {
    font-size: 12px;
  }
  .website_popup .school_part_admission .content_area h3 {
    font-size: 14px;
    line-height: 120%;
  }
  .website_popup .school_part_admission .content_area {
    gap: 8px;
  }
  .website_popup{
    padding: 0 20px;
  }
}
/* website pop up section end */
/* app  contect */
/* home first section start */
.slick-dots li button:before {
  font-size: 10px !important;
  color: var(--primary-color);
}
.home-first-section {
  width: 100%;
  overflow: hidden;
  padding-top: 38px;
}

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

.single-item-image img {
  width: 100%;
  display: block;
}

.home-first-section .single-item-image .content_box {
  background-image: url("../assests/home/banner/banner_bg.png");
  width: 100%;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  height: 717px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  overflow: hidden;
}
.single-item_mobile{
  display: none !important ;
}
.home-first-section .single-item-image .content_image {
  height: 100%;
}
.home-first-section .single-item-image .content_image img {
  height: 100%;
  width: 100%;
}
.home-first-section .single-item-image .content_text h1 {
  color: #355b32;
  font-family: "Open Sans";
  font-size: 58px;
  font-weight: 700;
  line-height: 75px;
  letter-spacing: -3px;
}
.home-first-section .single-item-image .content_text h2 {
  color: #0d680d;
  font-family: var(----normal-font-family);
  font-size: 32px;
  font-weight: 700;
  line-height: 39px;
  padding: 6px 20px;
  background: #fff;
  width: max-content;
}
.home-first-section .single-item-image .content_text p {
  color: #000;
  font-size: 18px;
  font-weight: 500;
  line-height: 21.591px;
}
.home-first-section .single-item-image .content_text {
  padding-left: 210px;
  display: flex;
  flex-direction: column;
  gap: 14px;
  align-items: start;
  max-width: 950px;
  width: 60%;
}
.home-first-section .single-item-image .left_content {
  position: absolute;
  left: 0px;
  width: auto;
  height: 100%;
  top: 0px;
}
.home-first-section .single-item-image .left_content img {
  height: auto;
  width: 80%;
}
.home-first-section .single-item-image .content_text a span {
  display: flex;
  padding: 9px 18px;
  justify-content: center;
  align-items: center;
  border-radius: 6px;
  background: var(--primary-color);
  color: var(--white);
  font-size: 22px;
  font-weight: 500;
}
.home-first-section .single-item-image .content_text a h4 img {
  height: auto;
  width: auto;
}
.home-first-section .single-item-image .content_text a h4 {
  color: var(--primary-color);
  font-size: 18px;
  font-weight: 700;
  line-height: 21.591px;
  display: flex;
  align-items: center;
  gap: 24px;
}
@media (max-width: 1440px) {
  .single-item-image img,
  .home-first-section .single-item-image .content_box {
    height: 660px;
  }
}
@media (max-width: 1330px) {
  .home-first-section .single-item-image .left_content img {
    display: none;
  }
  .home-first-section .single-item-image .content_text {
    padding-left: 50px;
  }
}
@media (max-width: 900px) {
  .home-first-section .single-item-image .content_text h1 {
    font-size: 44px;
    line-height: 48px;
  }
  .home-first-section .single-item-image .content_text h2 {
    font-size: 28px;
    line-height: 32px;
    margin-bottom: 0px;
  }
  .home-first-section .single-item-image .content_text p {
    font-size: 14px;
  }
  .single-item-image .banner_one p {
    font-size: 26px;
    font-weight: 600;
  }
  .single-item-image .banner_one p span {
    font-size: 18px;
  }
}
@media (max-width: 768px) {
  .home-first-section .single-item-image .content_image {
    display: none;
  }
  .home-first-section .single-item-image .content_text {
    padding: 45px 30px;
    width: 100%;
    height: auto;
  }
  .home-first-section .single-item-image .content_box {
    height: auto;
  }
  .single-item-image img {
    height: 460px;
  }
}
@media (max-width: 500px) {
  .home-first-section .single-item-image .content_text {
    padding: 30px 20px;
    height: 460px;
  }
  .home-first-section .single-item-image .content_text h1 {
    font-size: 30px;
    line-height: 32px;
    letter-spacing: 0px;
  }
  .home-first-section .single-item-image .content_text h2 {
    padding: 2px 6px;
    font-size: 18px;
  }
  .home-first-section .single-item-image .content_text a span {
    font-size: 16px;
  }
  .home-first-section .single-item-image .content_text a h4 {
    font-size: 14px;
  }
  /*.single-item_mobile{*/
  /*  display: block !important ;*/
  /*}*/
  .single-item-image img {
    height: 230px;
    object-fit:cover;
  }
  .single-item-image .banner_one p {
    font-size: 16px;
    font-weight: 600;
  }
  .single-item-image .banner_one p span {
    font-size: 16px;
  }
  /*.single-item-desktop{*/
  /*  display: none !important;*/
  /*}*/
}
/* home first section end */
/* welcome to IDPs Raichur 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 IDPs Raichur 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 */
/* brighter future section */
.brighter_future {
  background-color: var(--blue-color);
  padding: 50px 0;
}
.brighter_future .content {
  position: relative;
}

.brighter_future .content_image {
  position: absolute;
  top: -85px;
  right: 0px;
}
.brighter_future .content_text h2 {
  color: var(--seconder-color);
}
.brighter_future .content_text p {
  color: var(--white);
}
.brighter_future .content_text {
  max-width: 582px;
  width: 100%;
}
.brighter_future .content_btn {
  background-color: var(--white);
  color: var(--primary-color);
  width: max-content;
  border: 1px solid white;
}
.brighter_future .img_angle {
  position: absolute;
  bottom: 19px;
  left: -32px;
  width: 0px;
  height: 0px;
  border-style: solid;
  border-width: 0px 22px 23px 25px;
  border-color: transparent transparent #224d1f transparent;
  transform: rotate(44deg);
}
@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 */
/* Why choose IDPS section */
.why_choose {
  padding: 116px 0 120px 0;
  background-color: var(--white);
}
.why_choose .pre-container {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 30px;
}
.why_choose .why_choose_content {
  display: grid;
  justify-content: center;
  align-items: center;
  grid-template-columns: 1fr 1fr 1fr;
}
.why_choose_content .content_box h3 {
  font-family: var(--heading-font-family);
  font-size: 20px;
  font-weight: 500;
}
.why_choose_content .content_box h4 {
  font-size: var(--normal-font-size);
  font-weight: 500;
  line-height: 23px;
}
.why_choose_content .content_box {
  display: flex;
  width: 100%;
  padding: 50px;
  justify-content: center;
  align-items: start;
  background: var(--blue-color);
  flex-direction: column;
  height: 100%;
  gap: 35px;
  position: relative;
  color: var(--white);
}
.why_choose_content .content_box:hover {
  background: #e0ac10;
  color: var(--black);
  /* transition: all 0.5s ease-out; */
}

.why_choose_content .image_box {
  height: 100%;
}
.why_choose_content .image_box img {
  display: block;
  width: 100%;
  height: 100%;
}
.why_choose .content_angle {
  position: absolute;
  bottom: -30px;
  left: 54px;
  right: unset;
  width: 0px;
  height: 0px;
  border-style: solid;
  border-width: 0 30px 30px 30px;
  border-color: transparent transparent var(--blue-color) transparent;
  transform: rotate(180deg);
}
.why_choose .content_box:nth-child(5) .content_angle {
  top: -30px;
  transform: rotate(0deg);
}
.why_choose .content_text h2 {
  text-align: center;
}
.why_choose_content .content_box:hover .content_angle {
  border-color: transparent transparent #e0ac10 transparent;
}
@media (max-width: 1024px) {
  .why_choose_content .content_box {
    padding: 20px 28px;
    gap: 18px;
  }
}
@media (max-width: 768px) {
  .why_choose .why_choose_content {
    grid-template-columns: 1fr 1fr;
    grid-template-rows: auto auto auto;
  }
  .content_box:nth-child(1) {
    order: 0;
  }
  .image_box:nth-child(4) {
    order: 1;
  }

  .image_box:nth-child(2) {
    order: 2;
  }
  .content_box:nth-child(5) {
    order: 2;
  }

  .content_box:nth-child(3) {
    order: 2;
  }
  .image_box:nth-child(6) {
    order: 2;
  }
  .content_box:nth-child(1) .content_angle {
    bottom: -29px;
    top: 32px;
    right: -45px !important;
    transform: rotate(90deg);
    left: unset;
  }
  .why_choose {
    padding: 40px 0;
  }
}
@media (max-width: 500px) {
  .why_choose .why_choose_content {
    grid-template-columns: 1fr;
    grid-template-rows: auto auto;
  }
  .content_box:nth-child(1) {
    order: 0;
  }
  .image_box:nth-child(4) {
    order: 1;
  }

  .content_box:nth-child(5) {
    order: 2;
  }
  .image_box:nth-child(2) {
    order: 3;
  }

  .content_box:nth-child(3) {
    order: 4;
  }
  .image_box:nth-child(6) {
    order: 5;
  }

  .content_box:nth-child(1) .content_angle {
    left: 54px;
    right: unset !important;
    bottom: -30px;
    top: unset;
    transform: rotate(180deg);
  }
  .why_choose .content_box:nth-child(5) .content_angle {
    top: unset;
    bottom: -30px;
    transform: rotate(180deg);
  }
  .why_choose_content .content_box h3 {
    font-size: 16px;
  }
  .why_choose .pre-container {
    gap: 0;
  }
}

/* Why choose IDPS section */
/* What Sets Us Apart section */
.what_sets {
  background-image: url(../assests/home/facilities_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;
}
.what_sets .content_box {
  max-width: 303px;
  height: 258px;
  border-radius: 8px;
  border: 1.5px solid var(--seconder-color);
  background: #fff;
  box-shadow: 0px 14px 4px 0px rgba(0, 0, 0, 0),
    0px 9px 4px 0px rgba(0, 0, 0, 0.01), 0px 5px 3px 0px rgba(0, 0, 0, 0.05),
    0px 2px 2px 0px rgba(0, 0, 0, 0.09), 0px 1px 1px 0px rgba(0, 0, 0, 0.1);
  width: 100%;
  padding: 70px 24px 38px 23px;
  display: flex;
  flex-direction: column;
  gap: 16px;
  position: relative;
  transition: all 0.3s ease-in-out;
}
.what_sets .content_box:hover {
  border: 1.5px solid #F30C00;
  background: #FFF1F0;
  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(-15px);
}
.what_sets .content_box h4 {
  color: #000;
  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: 1.5px solid #B3100C;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  top: 0;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
}
.what_sets .content_box .content_icon img {
  height: auto;
  width: auto;
  filter: brightness(0) saturate(100%) invert(12%) sepia(88%) saturate(5028%) hue-rotate(357deg) brightness(79%) contrast(96%);
}
.what_sets .content_box:hover .content_icon {
  background-color: var(--primary-color);
}

.what_sets .content_box:hover .content_icon img {
  filter: invert(1) brightness(100);
}
.what_sets .what_sets_conatiner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  padding-top: 80px;
  gap: 20px;
}
@media (max-width: 1440px) {
  .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;
  }
}
@media (max-width: 650px) {
  .what_sets .content_box {
    padding-top: 60px;
  }
}
@media (max-width: 500px) {
  .what_sets .what_sets_conatiner {
    display: flex;
    flex-direction: column;
    gap: 70px;
  }
  .what_sets {
    padding: 40px 0;
  }
  .what_sets .content_box {
    height: auto;
    padding: 60px 20px 20px 20px;
  }
  .what_sets .what_sets_conatiner {
    padding-top: 50px;
  }
}
/* What Sets Us Apart section */
/* about us page start */
/* about first section  */
.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;
}
.section_heading {
  width: 100%;
  padding: 5px 10px 9px 10px;
  background: var(--primary-color);
  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);
}
@media (max-width: 500px) {
  .common_bg_section {
    height: 250px;
  }
  .section_heading {
font-size: 16px;
  }
}

/* about first section  */
/* chairman_info section */
.chairman_info {
  background: #f6f2e1;
  padding: 53px 0;
}
.chairman_info .content_image h4 {
  color: #F30C00;
  text-align: center;
  font-family: var(--heading-font-family);
  font-size: 20px;
  font-weight: 500;
  margin-top: 20px;
}
.chairman_info .content_image h5 {
  color: var(--black);
  font-size: 16px;
  font-weight: 500;
  letter-spacing: 0.083px;
  text-align: center;
}
.chairman_info .pre-container {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.chairman_info .chairman_info_box {
  display: flex;
  padding: 32px 101px 32px 79px;
  align-items: center;
  border-radius: 20px;
  background: #B3100C;
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
  flex-direction: column;
  gap: 11px;
  align-items: start;
  position: relative;
  width: max-content;
}
.chairman_info .chairman_info_box h3 {
  color: var(--seconder-color);
  font-family: var(--heading-font-family);
  font-size: 20px;
  font-weight: 600;
}
.chairman_info .info_icon {
  position: absolute;
  left: 0px;
  width: 70px;
  height: 70px;
  background-color: var(--white);
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  top: 50%;
  transform: translateX(-50%) translateY(-50%);
  box-shadow: 0px -2.414px 64.368px 0px rgba(0, 0, 0, 0.4);
}
.chairman_info .chairman_info_box p {
  color: var(--white);
  font-size: var(--normal-font-size);
  font-weight: var(--light-font-weight);
  max-width: 525px;
  width: 100%;
}
.chairman_info .info_content {
  display: flex;
  flex-direction: column;
  gap: 30px;
}
.info_content .chairman_info_box:first-child {
  margin-left: -115px;
}
.chairman_info .content_image img {
  height: auto;
  width: 100%;
}
@media (max-width: 1440px) {
  .chairman_info .chairman_info_box {
    padding: 30px 20px 30px 50px;
  }
  .info_content .chairman_info_box:first-child {
    margin-left: -90px;
  }
}
@media (max-width: 1200px) {
  /* .info_content .chairman_info_box:first-child{
    margin-left: 0;
  } */
  .chairman_info .chairman_info_box p {
    max-width: 400px;
  }
  .info_content .chairman_info_box:first-child {
    margin-left: -64px;
  }
}
@media (max-width: 1024px) {
  .chairman_info .pre-container {
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 20px;
  }
  .info_content .chairman_info_box {
    margin-left: 40px !important;
  }
  .chairman_info .chairman_info_box p {
    max-width: 100%;
    width: 100%;
  }
  .chairman_info .chairman_info_box {
    width: 90%;
  }
  .chairman_info .info_content {
    align-items: center;
  }
}
@media (max-width: 500px) {
  .chairman_info .info_icon {
    top: 0px;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
  }
  .info_content .chairman_info_box {
    margin: 0 !important;
  }
  .chairman_info .chairman_info_box {
    padding: 40px 20px 20px 20px;
  }
  .chairman_info .info_content {
    gap: 50px;
    margin-top: 24px;
  }
  .chairman_info .content_image h4 {
    font-size: 16px;
  }
  .chairman_info .content_image h5 {
    font-size: 14px;
  }
}
/* chairman_info section */
/* principal_desk section */
.principal_desk h3 {
  color: var(--primary-color);
  font-family: var(--heading-font-family);
  font-size: 20px;
  font-weight: 500;
}
.principal_desk .content_text h4 {
  color: var(--black);
  font-size: var(--normal-font-size);
  font-weight: 600;
}
.principal_desk .content_text {
  max-width: 837px;
  width: 100%;
}
.principal_desk {
  padding: 68px 0;
}
@media (max-width: 1024px) {
  .pre-container .content {
    flex-direction: column;
  }
}
@media (max-width: 500px) {
  .principal_desk {
    padding: 40px 0;
  }
  .pre-container .content {
    flex-direction: column;
    gap: 20px;
  }
}
/* principal_desk section */
/* leadership team section */
.leadership_team {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 16px;
  padding: 80px 0;
  background: #F6F2E1;
}
.leadership_team h1 {
  color:var(--primary-color);
  text-align: center;
  font-size: 28px;
  font-weight: var(--bold--font-weight);
  letter-spacing: 0.2px;
  margin-bottom: 30px;
  font-family: var(--heading-font-family);
}
.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);
  margin-right: 30px;
}
.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;
  width: 100%;
  padding: 0 30px;
}
.leadership_team .team_box img {
  width: 100%;
  height: auto;
  margin-bottom: 16px;
}
.leadership_team .team_box h4 {
  color: var(--primary-color);
  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(--black);
  font-size: var(--normal-font-size);
  font-weight: 500;
  text-align: left;
  width: 100%;
}
.leadership_team .team_box h5 span{
  font-size: 12px;


}
@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 section */
/* event page start */
.gallery_page {
  padding: 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;
}
.img_shadow {
  position: absolute;
 background: linear-gradient(3deg, #B3100C 2.56%, rgba(179, 16, 12, 0.12) 98.19%);
  height: 109px;
  width: 100%;
  bottom: 0;
  border-radius: 20px;
}

@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 */
/* 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 */
.join_us{
	padding: 50px 0;
}
.join_us h3 {
	color: var(--primary-color);
	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-color);
background: #ECFDEC;
}
.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-color);
	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-color);
  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 lab section */
.sports_facilites {
  padding: 60px 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);
}
.indoor_facilites_images .indoor_pic .img_shadow{
background: linear-gradient(3deg, #070A69 2.56%, rgba(7, 10, 105, 0.06) 98.19%);
}


@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 */

/* innovative section */
.innovative{
  padding: 70px 0 70px 0;
}
.innovative .innovation_box{
  display: flex;
  flex-direction: column;
  align-items: center;
  max-width: 252px;
  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: #B3100C;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.innovative .innovation_box .innovation_image img{
  height: auto;
  width: auto;
}
.innovative .innovation_box h5{
  color: #000;
text-align: center;
font-size: var(--normal-font-size);
font-weight: 600;
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: 500px) {
  .innovative{
    padding: 40px 0;
  }
  .innovative .innovation_box {
    max-width: 100%;
    display: flex;
    flex-direction: row;

}
.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;
}
}
/* innovative section */
/* 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: 480px;
    width: 100%;
}
.contactus_timimg .contect_info_box img {
  height: auto;
  width: auto;
}
.contactus_timimg .contect_info_box .info_text {
  max-width: 284px;
  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-color);
  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(--seconder-color);
  color: var(--primary-color);
  font-size: 14px;
  font-weight: 500;
  cursor: pointer;
}
.contact_school button:hover{
  background-color: var(--primary-color);
  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-color) !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;
}
.we_help_container{
  gap:10px;
}
.we_help{
  padding: 30px 0;
}

}
/* contact us first section */
/* academic_section  */
.academic_section .content_text{
  max-width: 630px;
  width: 100%;
}
.academic_section{
  padding: 65px 0 60px 0;
}
.academic_section .pre-container{
  display: flex;
  gap: 70px;
  flex-direction: column;
}
.academic_section .academics_bottom{
  display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: center;
gap:16px;
}
.academic_section .academics_bottom .academics_box{
  border-radius: 8px;
border: 1.5px solid var(--primary-color);
background: #FAF6E3;
display: flex;
max-width: 218px;
height: 100px;
padding: 27px 16px;
justify-content: center;
align-items: center;
gap: 10px;
width: 100%;
}
.academic_section .academics_bottom .academics_box p{
  color: #000;
text-align: center;
font-size: var(--normal-font-size);
font-weight: 500;
line-height: 23px; 
}
.academic_section:nth-child(even){
  background-color: #F6F2E1;
}
.academic_section:nth-child(even) .academics_box{
  background-color: white;
}
@media (max-width: 1024px) {
  .academic_section .content_text{
max-width: 100%;
}
.academic_section .content{
align-items: start;
}
.academic_section .academics_bottom{
  justify-content: center;
}
.academic_section .academics_bottom .academics_box{
  padding: 18px 10px;
  height: 82px;
}
}
@media (max-width: 500px) {
  .academic_section{
    padding: 30px 0 20px 0;
  }
  .academic_section .pre-container{
    gap:20px;
  }
  .academic_section .academics_bottom .academics_box{
    max-width: 100%;
    height: auto;
    padding: 6px 10px;
  }
  .academic_section .academics_bottom{
    gap:8px;
  }

}

/* academic_section  */
.apply_school{
  padding: 78px 0;
}
.apply_school p{
  max-width: 840px;
  width: 100%;
}
.apply_school .content{
  text-align: start;
}
.apply_school .content_text h2{
  /* max-width: 250px; */
  width: 100%;
}
.online_registration{
  display: flex;
  flex-direction: column;
  gap:70px;
  align-items: center;
  justify-content: center;
  padding: 20px 0 60px 0;
}
.online_registration .pre-container{
  display: flex;
  justify-content: center;
  flex-direction: column;
  gap:24px;
}
.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:  #F6F2E1;
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(--white);
  font-size: 20px;
}
.online_registration .register_box .box_head h3{
  color: var(--primary-color);
font-size: var(--normal-font-size);
font-weight: 500;
}
.online_registration .register_box .box_head{
  display: flex;
  align-items: center;
  gap:22px;
}
.online_registration .register_box  h5{
  color: black;
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 rgba(167, 126, 1, 0.45);
  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);
}
.online_registration .pre-container:nth-child(2) .register_box .box_head h3 {
/* background-color: #ECFDEC; */
color: var(--blue-color);
}
.online_registration .pre-container:nth-child(2) .register_box .box_head h1 {

background-color:var(--blue-color);
}
.online_registration .pre-container:nth-child(2) .register_box:hover{
  border: 1.5px solid #0d680d;
}
@media (max-width: 1200px){
  .online_registration .register_box{
    height: 200px;
  }
  .online_registration .register_box .box_head{
    gap:12px;
  }
}
@media (max-width: 1024px){
  .apply_school .content {
    justify-content: start;
    align-items: start;
    gap: 10px;
}
.apply_school p ,
.apply_school .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_school{
  padding: 50px 0 40px 0;
}

}
@media (max-width: 500px){
  .online_registration .register_container{
    display: grid;
    grid-template-columns: 1fr;
  }
  .apply_school .content{
    gap:0;
  }
  .online_registration .pre-container{
    gap:0;
  }
  .online_registration{
    gap:50px;
  }
  .online_registration .register_box{
    padding: 14px;
  }
  .online_registration .register_box .box_head h1{
    font-size: 16px; 
    padding: 10px 16px;
  }
}
/* Documents Required section */
.documents_req{
  padding:65px 0 35px 0;
}
.documents_req table th{
 background-color: #B3100C;
 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;
  }
  .documents_req .content_text h4{
    margin-bottom: 8px;
    font-size: 16px;
  }
}
/* Documents Required section */
.announs {
  padding: 50px 0;
}
.announs .announs_content img{
  border-radius: 20px;
  width: 100%;
}

.announs .announs_content{
  display: flex;
  justify-content: start;
  align-items: start;
  padding: 20px 0;
  gap: 40px;
}
.announs .announs_content .content_text{
  height: 100%;
  width: 100%;
}
.announs_content .content_image{
  width: 20%;
}
.announs .announs_content .content_text h4{
  text-align: right;
}
@media (max-width: 1024px){
  .announs_content .content_image {
    width: 40%;
}

}
@media (max-width: 768px){
  .announs .announs_content{
  gap:14px;
  }
}
@media (max-width: 500px){
  .announs .announs_content .content_text h4 {
    font-size: 16px;
}

}
body {
  font-family: Arial, sans-serif;
  background-color: #f5f5f5;
  margin: 0;
  padding: 0;
}

/* Gallery Grid */
.gallery_page_container {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 10px;
  padding: 20px;
}

.event_img img {
  width: 100%;
  height: auto;
  cursor: pointer;
  border-radius: 5px;
  transition: transform 0.3s ease-in-out;
}

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

/* Lightbox */
#lightbox {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.9);
  justify-content: center;
  align-items: center;
}

#lightbox img {
  max-width: 80%;
  max-height: 80%;
  transition: transform 0.3s ease-in-out;
}

/* Close Button */
.close {
  position: absolute;
  top: 20px;
  right: 30px;
  font-size: 30px;
  color: white;
  cursor: pointer;
}


/* 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-color);
	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;
}


.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-color);
  font-family: var(--family);
  font-size: 1.1rem;
  text-align: left;
}
.table-responsive table thead {
  background: var(--primary-color);
  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;
}