@charset "UTF-8";
@font-face {
  font-family: "Poppins";
  src: url("/assets/font/Poppins-Regular.ttf");
}
h1 {
  font-size: 40px;
  margin: 0 0 22px 0;
}

h2 {
  font-size: 36px;
  margin: 0 0 20px 0;
}

h3 {
  font-size: 32px;
  margin: 0 0 18px 0;
}

h4 {
  font-size: 28px;
  margin: 0 0 16px 0;
}

h5 {
  font-size: 20px;
  margin: 0 0 14px 0;
}

h6 {
  font-size: 18px;
  margin: 0 0 14px 0;
}

p {
  font-size: 16px;
  margin: 0 0 12px 0;
}

a {
  font-size: 18px;
  margin: 0 0 0 0;
}

* {
  font-family: "Poppins";
}

.container {
  max-width: 80.6%;
  margin: 0 auto;
}

.primary-button {
  background-color: #03438f;
  color: white;
  border: none;
  border-radius: 7px;
  padding: 10px 40px;
  font-size: 18px;
  font-weight: 500;
}
.primary-button a{
text-decoration: none;
}

@media (min-width: 990px) and (max-width: 1536px) {
  h1 {
    font-size: 36px;
    margin: 0 0 22px 0;
  }
  h2 {
    font-size: 30px;
    margin: 0 0 20px 0;
  }
  h3 {
    font-size: 26px;
    margin: 0 0 18px 0;
  }
  h4 {
    font-size: 22px;
    margin: 0 0 16px 0;
  }
  h5 {
    font-size: 20px;
    margin: 0 0 14px 0;
  }
  h6 {
    font-size: 18px;
    margin: 0 0 12px 0;
  }
  p {
    font-size: 14px;
    margin: 0 0 12px 0;
  }
  a {
    font-size: 14px;
    margin: 0 0 0 0;
  }
  .container {
    max-width: 86.6%;
  }
  .primary-button,
  .outlined-button,
  .secondary-button {
    padding: 8px 25px;
    font-size: 16px;
    font-weight: 500;
  }
}
@media (min-width: 600px) and (max-width: 990px) {
  h1 {
    font-size: 34px;
    margin: 0 0 22px 0;
  }
  h2 {
    font-size: 28px;
    margin: 0 0 18px 0;
  }
  h3 {
    font-size: 22px;
    margin: 0 0 14px 0;
  }
  h4 {
    font-size: 20px;
    margin: 0 0 12px 0;
  }
  h5 {
    font-size: 18px;
    margin: 0 0 10px 0;
  }
  h6 {
    font-size: 16px;
    margin: 0 0 10px 0;
  }
  p {
    font-size: 14px;
    margin: 0 0 10px 0;
  }
  a {
    font-size: 14px;
    margin: 0 0 0 0;
  }
  .container {
    max-width: 86.6%;
  }
  .primary-button,
  .outlined-button,
  .secondary-button {
    padding: 8px 25px;
    font-size: 16px;
    font-weight: 500;
  }
}
@media (max-width: 600px) {
  h1 {
    font-size: 30px;
    margin: 0 0 18px 0;
  }
  h2 {
    font-size: 28px;
    margin: 0 0 16px 0;
  }
  h3 {
    font-size: 24px;
    margin: 0 0 16px 0;
  }
  h4 {
    font-size: 20px;
    margin: 0 0 14px 0;
  }
  h5 {
    font-size: 18px;
    margin: 0 0 14px 0;
  }
  h6 {
    font-size: 16px;
    margin: 0 0 14px 0;
  }
  p {
    font-size: 14px;
    margin: 0 0 12px 0;
  }
  a {
    font-size: 14px;
    margin: 0 0 0 0;
  }
  .container {
    max-width: 100%;
  }
  .primary-button {
    padding: 6px 10px;
    font-size: 12px;
    font-weight: 500;
  }
}
.hero-section {
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  color: white;
  position: relative;
}
@media screen and (min-width: 1536px) {
  .hero-section {
    min-height: 550px;
  }
}
.hero-section .hero-content {
  position: relative;
  z-index: 1;
}
@media screen and (min-width: 1536px) {
  .hero-section .hero-content h2 {
    font-size: 52px;
  }
}
.hero-section .hero-content .hero-sec-btns {
  display: flex;
  justify-content: center;
}
.hero-section .hero-content .hero-sec-btns a {
  margin-top: 30px;
  padding: 8px 20px;
  border: none;
  background-color: #03438f;
  border-radius: 5px;
  color: white;
  text-decoration: none;
  transition: background-position 1s ease-in, color 0.6s ease-in;
}
.hero-section .hero-content .hero-sec-btns a:first-child {
  border-left: 5px solid green;
  background: linear-gradient(to right, transparent 50%, green 50%);
  background-size: 200% 100%;
  background-color: white;
  color: #000000;
}
.hero-section .hero-content .hero-sec-btns a:hover {
  background-position: -100% 0;
  color: white;
}
.hero-section .hero-content p {
  padding: 0px 10%;
  color: #ffffff;
}
@media screen and (min-width: 1200px) {
  .hero-section .hero-content p {
    width: 66%;
    margin: auto;
  }
}
.hero-section::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.2);
}

.info-section {
  background: #000000;
  color: white;
}
.info-section .info-box {
  text-decoration: none;
  text-align: center;
  color: white;
  border-top: 1px solid #8d8d8d;
  padding: 2% 0px;
  background-color: #000;
}
.info-section .info-box:not(:last-child) {
  border-right: 1px solid #8d8d8d;
}
.info-section .info-box h4 {
  margin-bottom: 4px;
}
.info-section .info-box p {
  color: #a6a6a6;
}
.info-section .info-box img {
  height: 48px;
  width: 48px;
  margin-bottom: 20px;
}
.who-we-are-sec .section-title {
  color: #f9933d;
  font-weight: 600;
}
@media screen and (min-width: 1200px) {
  .who-we-are-sec .section-title {
    font-size: 24px;
  }
}
.who-we-are-sec .main-heading {
  color: #03438f;
  font-weight: 600;
  margin-bottom: 10px;
}
.who-we-are-sec .text-content {
  color: #8d8d8d;
}
.who-we-are-sec .sub-heading {
  margin-top: 30px;
  color: #03438f;
  font-weight: 600;
}
@media screen and (min-width: 1200px) {
  .who-we-are-sec .sub-heading {
    font-size: 24px;
  }
}
.who-we-are-sec .image-section img {
  width: 100%;
  border-radius: 10px;
}

.about-school-sec .image-section img {
  width: 100%;
  border-radius: 10px;
}
.about-school-sec .stats-container .stat-box {
  margin: 10px 0px;
  width: 220px;
  height: 220px;
  background-color: #03438f;
  color: white;
  border-radius: 50%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
  font-size: 18px;
  font-weight: 500;
  padding: 15px;
}
.about-school-sec .stats-container .stat-box i {
  font-size: 30px;
  margin-bottom: 10px;
}
.about-school-sec .stats-container .stat-box h5 {
  border-bottom: 2px solid white;
  width: 100%;
  padding-bottom: 10px;
}
@media screen and (min-width: 1200px) {
  .about-school-sec .stats-container .stat-box h5 {
    font-size: 24px;
  }
}

.curriculum-section {
  background: url("/storage/ckeditor/curriculam-img-12.JPG") no-repeat center center/cover;
}
.curriculum-section .background {
  background: rgba(29, 29, 29, 0.8);
  padding: 50px 0px;
}
.curriculum-section .container {
  width: 75%;
}
.curriculum-section h4 {
  color: white;
  font-weight: 600;
  text-align: center;
}
.curriculum-section .curriculum-card {
  background: #ecf8fd;
  border-radius: 20px;
  overflow: hidden;
  padding: 20px 20px 10px;
  text-align: left;
  transition: 0.3s;
  height: 100%;
}
.curriculum-section .curriculum-card .card-head {
  font-weight: 600;
  margin-top: 20px;
  color: #03438f;
}
@media screen and (min-width: 1536px) {
  .curriculum-section .curriculum-card .card-head {
    font-size: 24px;
  }
}
.curriculum-section .curriculum-card img {
  width: 100%;
  border-radius: 10px;
}
.curriculum-section .curriculum-card p {
  font-size: 14px;
}
.curriculum-section .curriculum-card:hover {
  background: #03438f;
  color: white;
}
.curriculum-section .curriculum-card:hover .card-head {
  color: white;
}
.curriculum-section .curriculum-card:hover p {
  color: white;
}

.chairman-section .chairman-image {
  width: 100%;
  height: 100%;
  border-radius: 5px;
}
.chairman-section .founder-name {
  margin-top: 15px;
  margin-bottom: 2px;
}
.chairman-section .founder-title {
  color: #f9933d;
  font-weight: 500;
  font-size: 20px;
}
.chairman-section .chairman-heading {
  font-weight: 600;
  color: #0f3f07;
}
.chairman-section .chairman-heading span {
  color: #f9933d;
}
@media screen and (min-width: 1200px) {
  .chairman-section .chairman-heading {
    font-size: 24px;
  }
}
.chairman-section .chairman-text {
  color: #8d8d8d;
  line-height: 1.6;
  font-size: 16px;
}

.why-choose-section .why-choose-heading {
  text-align: center;
  font-weight: 600;
  color: #0f3f07;
}
.why-choose-section .why-choose-heading span {
  color: #f9933d;
}
.why-choose-section .feature-card {
  background: #ecf8fd;
  border-radius: 10px;
  padding: 25px;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
  transition: 0.3s ease-in-out;
  height: 100%;
}
.why-choose-section .feature-card .feature-icon {
  width: 80px;
  height: 80px;
  margin-bottom: 15px;
}
.why-choose-section .feature-card .feature-title {
  /* font-weight: 600; */
  color: #03438f;
  line-height: 1.6;
}
.why-choose-section .feature-card .feature-description {
  font-size: 12px;
  color: #07294d;
}
.why-choose-section .feature-card:hover {
  background: #03438f;
  color: white;
  transform: translateY(-5px);
}
.why-choose-section .feature-card:hover .feature-title,
.why-choose-section .feature-card:hover .feature-description {
  color: white;
}

.home-contact-us-sec .custom-card {
  background: white;
  border-radius: 10px;
  padding: 20px;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
  margin-bottom: 20px;
}
.home-contact-us-sec .donation-card img {
  border-radius: 10px;
  width: 100%;
}
.home-contact-us-sec .donation-card h5 {
  color: #0f3f07;
}
.home-contact-us-sec .donation-card .donation-text {
  font-size: 16px;
  color: #8d8d8d;
}
.home-contact-us-sec .donation-card .donate-btn {
  background: #3db166;
  font-size: 14px;
  color: white;
  padding: 15px 20px;
  text-decoration: none;
  display: inline-block;
  margin-top: 10px;
}
.home-contact-us-sec .donation-card .donate-btn i {
  color: white;
}
.home-contact-us-sec .newsletter-card {
  text-align: center;
}
.home-contact-us-sec .newsletter-card .newsletter-icon {
  width: 78px;
  height: 60px;
  display: block;
  margin: 0px auto 15px;
}
.home-contact-us-sec .newsletter-card .subscribe-letter-head {
  color: #0f3f07;
  font-weight: 600;
  margin-top: 50px;
}
.home-contact-us-sec .newsletter-card .campaign-history {
  font-size: 16px;
  color: #6c6c6c;
  margin: 40px 0;
}
.home-contact-us-sec .newsletter-card .newsletter-input {
  width: 100%;
  padding: 15px 10px;
  border: 1px solid #f2f2f2;
  margin-bottom: 10px;
  background-color: #f2f2f2;
}
.home-contact-us-sec .newsletter-card .subscribe-btn {
  background: #3db166;
  font-size: 14px;
  color: #ffffff;
  padding: 15px 10px;
  text-decoration: none;
  display: inline-block;
  width: 100%;
}
.home-contact-us-sec .contact-form {
  background: #f7f6f9;
  padding: 70px;
}
.home-contact-us-sec .contact-form input,
.home-contact-us-sec .contact-form select {
  width: 100%;
  padding: 10px;
  border: 1px solid #cbd0db;
  border-radius: 5px;
  margin-bottom: 15px;
}
.home-contact-us-sec .contact-form .send-message-btn {
  margin-top: 20px;
  background: #f9933d;
  padding: 15px 20px;
  border: none;
  width: 100%;
}
.home-contact-us-sec .contact-form .send-message-btn a {
  font-size: 14px;
  text-decoration: none;
  color: white;
}

.modern-campus {
  background-image: url("/storage/ckeditor/curriculam-img-12.JPG");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
.modern-campus .background {
  background: rgba(29, 29, 29, 0.8980392157);
  color: white;
}
.modern-campus .modern-heading h4 {
  color: white;
  font-family: "Poppins";
  font-weight: 600;
  text-align: center;
}
.modern-campus .modern-image img {
  border-radius: 16px;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  margin-bottom: 20px;
}
.modern-campus .modern-1 img {
  height: 190px;
}
.modern-campus .modern-2 img {
  height: 225px;
  width: 80%;
  margin-left: auto;
  display: flex;
}
.modern-campus .modern-3 img {
  height: 67px;
  width: 67px;
  margin-left: auto;
  display: flex;
}
.modern-campus .modern-4 img {
  height: 308px;
}
.modern-campus .modern-11 img {
  height: 190px;
}
.modern-campus .modern-12 {
  margin-left: auto;
}
.modern-campus .modern-12 img {
  height: 225px;
  width: 80%;
}
.modern-campus .modern-5 img {
  height: 340px;
}
.modern-campus .modern-6 img {
  height: 134px;
  width: 90%;
}
.modern-campus .modern-7 img {
  height: 280px;
}
.modern-campus .modern-8 img {
  height: 117px;
  width: 116px;
}
.modern-campus .modern-9 img {
  height: 84px;
  width: 112px;
}
.modern-campus .modern-10 img {
  height: 235px;
}
.modern-campus .first-block {
  position: relative;
}
.modern-campus .first-block .circular-img-1 {
  position: absolute;
  height: 40px;
  width: 40px;
  border-radius: 50%;
  background: linear-gradient(180deg, #f37335 0%, #fdc12a 100%);
  left: 30%;
  top: -5%;
}
.modern-campus .second-block {
  position: relative;
}
.modern-campus .second-block .circular-img-2 {
  position: absolute;
  height: 30px;
  width: 30px;
  border-radius: 50%;
  background: linear-gradient(180deg, #f37335 0%, #fdc12a 100%);
  right: 3%;
  top: 85%;
}
.modern-campus .third-block {
  position: relative;
}
.modern-campus .third-block .circular-img-3 {
  position: absolute;
  height: 20px;
  width: 20px;
  border-radius: 50%;
  background: linear-gradient(180deg, #f37335 0%, #fdc12a 100%);
  right: 50%;
  bottom: -17%;
}
.modern-campus .view-all {
  display: flex;
  justify-content: center;
}
.modern-campus .view-all button {
  border: 1px solid #a4a4a4;
  font-size: 20px;
}

.stay-updated {
  background-image: url("/assets/img/background-image.png");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
.stay-updated .background {
  background: rgba(29, 29, 29, 0.8980392157);
}
.stay-updated .updated-heading h4 {
  color: white;
  font-family: "Poppins";
  font-weight: 600;
}
.stay-updated .updated-heading p {
  color: #a6a6a6;
  font-family: "Poppins";
}
.stay-updated .updated-block {
  background-color: white;
  border-top: 3px solid white;
  border-bottom: 3px solid white;
  margin-bottom: 50px;
}
.stay-updated .updated-block img {
  height: -webkit-fill-available;
}
.stay-updated .updated-block .updated-content {
  padding-right: 20px;
}
.stay-updated .updated-block .updated-content h6 {
  border-bottom: 3px solid #f1f1f1;
  font-weight: 500;
  color: #000000;
  display: inline-block;
  padding: 4px;
}
.stay-updated .updated-block .updated-content p {
  font-family: "Poppins";
  font-weight: 600;
  color: #000000;
  line-height: 30px;
}
.stay-updated .updated-block .updated-content .description {
  line-height: 23px;
  color: #0e2544;
  font-weight: 400;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  line-clamp: 3;
  overflow: hidden;
}
.stay-updated .updated-block .updated-content span {
  font-size: 12px;
  font-weight: 600;
  color: #000000;
}
.stay-updated .highlights {
  background-color: white;
  width: 70%;
  margin: 0 auto;
  text-align: center;
  padding-bottom: 20px;
  border-top: 15px solid #e87e21;
  border-radius: 5px 5px 0px 0px;
}
.stay-updated .highlights h6 {
  text-align: center;
  display: inline-flex;
  margin-top: 50px;
  padding-bottom: 6px;
  font-weight: 600;
  border-bottom: 5px solid #e87e21;
}
.stay-updated .highlight-block {
  display: flex;
  align-items: center;
  flex-direction: column;
  width: 60%;
  justify-content: center;
  text-align: center;
  margin: 30px auto;
}
.stay-updated .highlight-block .highlight-count {
  font-size: 47px;
  font-weight: 600;
}
.stay-updated .highlight-block .highlight-count span {
  font-size: 47px;
  font-weight: 100;
}
.stay-updated .highlight-block span {
  font-size: 12px;
  font-weight: 700;
  margin-bottom: 6px;
}
.stay-updated .highlight-block p {
  font-size: 16px;
  font-weight: 600;
  margin-bottom: 0px;
}

.upcoming-events .upcoming-heading h4 {
  font-weight: 600;
  font-family: "Poppins";
}
.upcoming-events .upcoming-heading h4 span {
  color: #f37335;
}
.upcoming-events .upcoming-heading p {
  font-family: "Poppins";
  font-weight: 400;
  line-height: 28px;
  width: 90%;
}
.upcoming-events .event-left {
  height: 78%;
}
.upcoming-events .event-right {
  position: relative;
}
.upcoming-events .event-right .circular-3 {
  position: absolute;
  height: 50px;
  width: 50px;
  border-radius: 50%;
  background-color: #fdc12a;
  right: 0;
  top: -20%;
}
.upcoming-events .event-img {
  position: relative;
}
.upcoming-events .event-img img {
  border-radius: 16px;
  margin-bottom: 20px;
}
.upcoming-events .event-img .circular-1 {
  position: absolute;
  height: 75px;
  width: 75px;
  border-radius: 50%;
  background-color: #f37335;
  left: 20%;
  top: 90%;
}
.upcoming-events .event-img .circular-2 {
  position: absolute;
  height: 40px;
  width: 40px;
  border-radius: 50%;
  background: linear-gradient(0deg, #f37335 0%, #fdc12a 100%);
  left: 60%;
  bottom: -28%;
}
.upcoming-events .event-img-1 img {
  height: 412px;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.upcoming-events .event-img-2 img {
  height: 137px;
  width: 70%;
  -o-object-fit: cover;
     object-fit: cover;
}
.upcoming-events .event-img-3 img {
  margin-top: 20px;
  height: 247px;
  width: 85%;
  -o-object-fit: cover;
     object-fit: cover;
}
.upcoming-events .event-block {
  box-shadow: 0px 0px 8px 0px rgba(201, 226, 248, 0.6);
  padding: 25px 40px;
  width: 90%;
  border-radius: 16px;
  margin-bottom: 25px;
}
@media screen and (min-width: 1536px) {
  .upcoming-events .event-block {
    margin-bottom: 50px;
  }
  .upcoming-events .event-block:nth-child(2) {
    margin-left: 40px;
  }
}
.upcoming-events .event-block .date-time i {
  font-size: 32px;
  color: #135e9e;
  background-color: #c9e2f8;
  border-radius: 42%;
}
.upcoming-events .event-block .date-time span {
  font-size: 14px;
  font-weight: 500;
  font-family: "Poppins";
  line-height: 20px;
  color: #135e9e;
}
.upcoming-events .event-block i {
  color: #f37335;
}
.upcoming-events .event-block p {
  font-weight: 600;
  font-family: "Poppins";
  color: #000;
  line-height: 28px;
  width: 90%;
  margin: 20px 0px;
}
@media screen and (min-width: 1536px) {
  .upcoming-events .event-block p {
    font-size: 20px;
  }
}
.upcoming-events .event-block span {
  font-size: 16px;
  font-weight: 500;
  font-family: "Poppins";
  line-height: 24px;
}

.footer-sec {
  background-color: #000000;
  color: #8d8d8d;
}
.footer-sec a {
  color: #8d8d8d;
  text-decoration: none;
  display: block;
  margin-bottom: 8px;
  transition: color 0.3s ease-in-out;
}
@media screen and (min-width: 1536px) {
  .footer-sec a {
    font-size: 16px;
  }
}
.footer-sec a:hover {
  color: #3db166;
}
.footer-sec .bord {
  border-bottom: 0;
}
.footer-sec .bord::after {
  display: none;
}
.footer-sec h6 {
  font-weight: 500;
  margin-bottom: 10px;
  position: relative;
  display: inline-block;
  width: 100%;
  color: white;
}
.footer-sec h6::after {
  content: "";
  display: block;
  height: 2px;
  background-color: #3db166;
  margin-top: 15px;
}
.footer-sec p {
  margin-bottom: 4px;
  color: white;
}
.footer-sec .copyright {
  text-align: center;
  padding: 15px 0px;
  border-top: 1px solid #8c8b8b;
}

@media screen and (max-width: 600px) {
  .hero-section .hero-content .hero-sec-btns {
    padding: 4px;
  }
  .hero-section .hero-content .hero-sec-btns button {
    font-size: 12px;
    padding: 4px;
  }
  .upcoming-events .event-block {
    padding: 15px;
    width: 100%;
  }
  .upcoming-events .event-block .date-time i {
    font-size: 20px;
  }
  .upcoming-events .event-block p {
    line-height: 22px;
  }
  .stay-updated .updated-block {
    margin-bottom: 30px;
  }
  .stay-updated .updated-block .updated-content {
    padding: 10px;
  }
  .stay-updated .updated-block .updated-content p {
    line-height: 24px;
  }
  .stay-updated .updated-block .updated-content .description {
    line-height: 20px;
  }
  .stay-updated .highlights {
    width: 100%;
  }
  .stay-updated .highlight-block {
    width: 80%;
    margin-bottom: 20px;
  }
  .stay-updated .highlight-block .highlight-count {
    font-size: 25px;
  }
  .stay-updated .highlight-block .highlight-count span {
    font-size: 25px;
  }
}
@media screen and (min-width: 576px) and (max-width: 992px) {
  .upcoming-events .event-img-2 img {
    margin-top: 120px;
  }
  .stay-updated .updated-block .updated-content {
    padding: 10px;
  }
}
@media screen and (max-width: 1200px) {
  .curriculum-section .container {
    width: 100%;
  }
}
.top-nav {
  background-color: #0f3f07;
}
.top-nav .top-nav-list {
  list-style-type: none;
  color: white;
  display: flex;
  align-items: center;
  justify-content: space-around;
  margin-bottom: 0;
  padding-left: 0;
}
.top-nav .top-nav-list li {
  display: flex;
  align-items: center;
}
.top-nav .top-nav-list li span {
  font-size: 14px;
}
@media screen and (max-width: 768px) {
  .top-nav .top-nav-list li span {
    font-size: 12px;
  }
}

.navbar {
  padding-top: 0;
  margin-top: 0;
}
@media (min-width: 0px) and (max-width: 768px) {
  .navbar img {
    width: 250px;
  }
}
.navbar .offcanvas-body .custom-sub-nav {
  background-color: #f9933d;
  color: #000000;
}
.navbar .offcanvas-body .custom-sub-nav .custom-nav-list {
  list-style-type: none;
  align-items: center;
  margin-bottom: 0;
}
.navbar .offcanvas-body .custom-sub-nav .custom-nav-list a {
  text-decoration: none;
  color: #ffffff;
  /* color: #000000; */
  margin-right: 25px;
}
@media (min-width: 1200px) {
  .navbar .offcanvas-body .custom-sub-nav .custom-nav-list a {
    margin-right: 38px;
  }
}
.navbar .offcanvas-body .custom-sub-nav .custom-nav-list li {
  text-wrap: nowrap;
}
@media (min-width: 991px) and (max-width: 1179px) {
  .navbar .offcanvas-body .custom-sub-nav .custom-nav-list li span {
    font-size: 12px;
  }
}
.navbar .offcanvas-body .custom-sub-nav .apply-now {
  background-color: #0f3f07;
}
.navbar .offcanvas-body .custom-sub-nav .apply-now p {
  display: flex;
  justify-content: center;
  align-items: center;
}
.navbar .offcanvas-body .custom-sub-nav .apply-now p a {
  color: white;
  /* font-weight: bold; */
  text-decoration: none;
}
@media (min-width: 769px) {
  .navbar .offcanvas-body .custom-sub-nav .apply-now {
    -webkit-clip-path: polygon(100% 0%, 100% 100%, 0 100%, 13% 0%);
            clip-path: polygon(100% 0%, 100% 100%, 0 100%, 13% 0%);
  }
}

.custom-card {
  display: flex;
  flex-direction: column;
  height: 100%;
}
.custom-card .card-header p {
  margin: 0;
  color: white;
  font-size: 24px;
  font-weight: 600;
}
@media screen and (max-width: 994px) {
  .custom-card .card-header {
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
  }
}
.custom-card .card-body {
  flex: 1;
}

@media screen and (min-width: 1440px) {
  .card-img {
    max-height: 460px;
  }
}
@media screen and (max-width: 994px) {
  .card-img {
    border-radius: 20px;
  }
}

.custom-card-button {
  border: none;
  background-color: #1f396b;
  color: white;
  font-size: 14px;
  font-weight: 600;
  border-radius: 20px;
}

.know-more-sec .about-content {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.know-more-sec .about-content .about-list {
  margin: 0;
  padding: 0;
  list-style-type: none;
}
.know-more-sec .about-content .about-list li p {
  font-weight: 400;
}
@media screen and (min-width: 1441px) {
  .know-more-sec .about-content .about-list li p {
    font-size: 16px;
  }
}
.know-more-sec .about-img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 20px;
}
@media screen and (min-width: 1025px) {
  .know-more-sec .about-img {
    max-height: 400px;
  }
}
.know-more-sec .description {
  color: #005aa9;
  font-weight: 400;
  text-align: center;
}
@media screen and (min-width: 1440px) {
  .know-more-sec .description {
    font-size: 20px;
  }
}

.mission-sec .custom-card .card-header {
  background-color: rgba(15, 63, 7, 0.8980392157);
  border-top-left-radius: 20px;
}
.mission-sec .custom-card .card-body {
  border-bottom-left-radius: 20px;
  border-left: 1px solid #ecf8fd;
  border-bottom: 1px solid #ecf8fd;
}
.mission-sec .custom-card .card-body p span {
  color: #005aa9;
  font-size: 17px;
}
.mission-sec .card-img {
  border-top-right-radius: 20px;
  border-bottom-right-radius: 20px;
}

.vision-sec .custom-card .card-header {
  background-color: #f9933d;
  border-top-right-radius: 20px;
}
.vision-sec .custom-card .card-body {
  border-bottom-right-radius: 20px;
  border-right: 1px solid #ecf8fd;
  border-bottom: 1px solid #ecf8fd;
}
.vision-sec .card-img {
  border-top-left-radius: 20px;
  border-bottom-left-radius: 20px;
}

.teachers-sec .teachers-title {
  font-weight: 500;
  color: rgba(15, 63, 7, 0.8980392157);
}
.teachers-sec .teachers-title span {
  color: #f9933d;
}
.teachers-sec .teacher-card {
  width: 100%;
}
.teachers-sec .teacher-card .teacher-card-header {
  height: 350px;
}
.teachers-sec .teacher-card .teacher-card-header img {
  -o-object-fit: cover;
     object-fit: cover;
  border-top-left-radius: 16px;
  border-top-right-radius: 16px;
}
.teachers-sec .teacher-card .teacher-card-body {
  border: 1px solid #e4e4e4;
  border-top: none;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
}
.teachers-sec .teacher-card .teacher-card-body ul {
  padding: 15px 0px;
  margin: 0;
  list-style-type: none;
  text-align: center;
}
.teachers-sec .teacher-card .teacher-card-body ul li {
  padding: 0;
  margin: 0;
}
.teachers-sec .teacher-card .teacher-card-body ul .teacher-name {
  font-size: 20px;
  font-weight: 600;
}
.teachers-sec .teacher-card .teacher-card-body ul .teacher-subject {
  font-size: 14px;
  font-weight: 500;
  color: rgba(15, 63, 7, 0.8980392157);
}

.custom-content {
  color: white;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.about-title {
  color: #0f3f07;
  font-weight: 500;
}
.about-title span {
  color: #f9933d;
}

.admission-enquiry-form {
  background-color: rgba(235, 250, 255, 0.2);
  border-radius: 10px;
}
.admission-enquiry-form hr {
  border: 1px solid rgba(0, 0, 0, 0.1019607843);
}
.admission-enquiry-form p {
  margin-top: 5px;
}
.admission-enquiry-form h5,
.admission-enquiry-form p {
  font-weight: 600;
}
.admission-enquiry-form p > span {
  color: red;
}
.admission-enquiry-form input,
.admission-enquiry-form select {
  border: 1px solid rgba(0, 0, 0, 0.1019607843);
  padding: 5px 5px;
  width: 100%;
  border-radius: 3px;
}
.admission-enquiry-form .custom-date {
  display: flex;
  gap: 15px;
}
.admission-enquiry-form .admission-btn {
  border: none;
  border-radius: 3px;
  font-weight: 500;
  background-color: #03438f;
  color: white;
}

.banner-section {
  position: relative;
}
.banner-section img {
  height: 320px;
  -o-object-fit: cover;
     object-fit: cover;
}
.banner-section .container {
  width: 80%;
}
.banner-section .banner-content {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  display: flex;
  align-items: center;
  background: linear-gradient(173.99deg, rgba(0, 0, 0, 0.3) 3.88%, #000000 94.38%);
}
.banner-section .banner-content .heading-img {
  position: relative;
}
.banner-section .banner-content .heading-img img {
  height: auto;
  width: auto;
}
.banner-section .banner-content .heading-img h5 {
  position: absolute;
  top: 10%;
  left: 5%;
  right: 0;
  bottom: 0;
  display: flex;
  align-items: center;
  color: white;
  font-size: 24px;
}

.school-infrastructure .container {
  width: 80%;
}
.school-infrastructure h4 {
  font-family: "Poppins";
  color: #07294d;
  font-weight: 600;
  line-height: 40px;
}
.school-infrastructure h4 span {
  color: #f37335;
}
.school-infrastructure p {
  color: rgba(80, 92, 127, 0.6980392157);
  font-family: "Poppins";
  font-weight: 400;
  line-height: 26px;
}

.school-facilities .container,
.school-academics .container {
  width: 80%;
}
.school-facilities .facilities-heading h4,
.school-academics .facilities-heading h4 {
  font-family: "Poppins";
  line-height: 28px;
  font-weight: 600;
  color: #0f3f07;
  text-align: center;
}
.school-facilities .facilities-heading h4 span,
.school-academics .facilities-heading h4 span {
  color: #f37335;
}
.school-facilities .facilities-tabs,
.school-academics .facilities-tabs {
  display: flex;
  justify-content: center;
}
.school-facilities .facilities-top-bar,
.school-academics .facilities-top-bar {
  border: 1px solid #e4e4e4;
  border-radius: 8px;
  display: flex;
  justify-content: center;
}
.school-facilities .facilities-top-bar .facilities-button,
.school-academics .facilities-top-bar .facilities-button {
  background-color: #ebfaff;
  border: 1px solid #b0e9ff;
  border-radius: 5px;
  padding: 14px 60px;
  color: #2f2f2f;
  font-size: 20px;
  font-weight: 400;
  margin: 4px;
}
.school-facilities .facilities-top-bar .facilities_button_active,
.school-academics .facilities-top-bar .facilities_button_active {
  color: white;
  background-color: #1f396b;
}
.school-facilities .facilities img,
.school-academics .facilities img {
  height: 280px;
  margin: 15px 0px;
  border-radius: 5px;
  -o-object-fit: cover;
     object-fit: cover;
}
.school-facilities .facilities-block-inside,
.school-academics .facilities-block-inside {
  display: block;
  visibility: hidden;
  height: 0;
}
.school-facilities .facilities-block-inside_active,
.school-academics .facilities-block-inside_active {
  display: block;
  visibility: visible;
  height: auto;
}

.school-academics .facilities-top-bar {
  border: none;
  margin-bottom: 20px;
}
.school-academics .card {
  padding: 25px 45px;
  background-color: #ebfaff;
  border: 1px solid #b0e9ff;
  box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
  margin-bottom: 30px;
}
.school-academics .card h5 {
  text-align: center;
  color: #03438f;
  font-weight: 600;
}
.school-academics .card .subject-content {
  display: flex;
  justify-content: center;
  align-items: center;
}
.school-academics .card .subject-content span {
  width: 100px;
  height: 100px;
  border-radius: 50%;
  background-color: rgba(181, 177, 177, 0.3);
  display: flex;
  justify-content: center;
  align-items: center;
}
.school-academics .card .subject-content span i {
  color: #10abe8;
  font-size: 34px;
}

.school-activities .container {
  width: 80%;
}
.school-activities .activities-heading h4 {
  font-family: "Poppins";
  line-height: 28px;
  font-weight: 600;
  color: #0f3f07;
  text-align: center;
}
.school-activities .activities-heading h4 span {
  color: #f37335;
}
.school-activities .activities-tabs {
  display: flex;
  justify-content: center;
}
.school-activities .activities-top-bar {
  border: 1px solid #e4e4e4;
  border-radius: 8px;
  display: flex;
  justify-content: center;
}
.school-activities .activities-top-bar .activities-button {
  background-color: #ebfaff;
  border: 1px solid #b0e9ff;
  border-radius: 5px;
  padding: 14px 60px;
  color: #2f2f2f;
  font-size: 20px;
  font-weight: 400;
  margin: 4px;
}
.school-activities .activities-top-bar .activities_button_active {
  color: white;
  background-color: #1f396b;
}
.school-activities .activities img {
  height: 280px;
  margin: 10px 0px;
  border-radius: 5px;
  -o-object-fit: cover;
     object-fit: cover;
}
.school-activities .activities-block-inside {
  display: block;
  visibility: hidden;
  height: 0;
}
.school-activities .activities-block-inside_active {
  display: block;
  visibility: visible;
  height: auto;
}

.cultural-section .container {
  width: 75%;
}
.cultural-section .cultural-heading h4 {
  font-family: "Poppins";
  line-height: 28px;
  font-weight: 600;
  color: #0f3f07;
  text-align: center;
}
.cultural-section .cultural-content h5 {
  font-size: 22px;
  color: #f37335;
  line-height: 40px;
  font-family: "Poppins";
  font-weight: 500;
}
.cultural-section .cultural-content p,
.cultural-section .cultural-content li {
  color: rgba(80, 92, 127, 0.6980392157);
  line-height: 26px;
}
.cultural-section .cultural-images img {
  height: 280px;
  margin: 10px 0px;
  border-radius: 5px;
  -o-object-fit: cover;
     object-fit: cover;
}

@media screen and (max-width: 1200px) {
  .banner-section .container {
    width: 100%;
  }
  .school-infrastructure .container {
    width: 100%;
  }
  .school-facilities .container,
  .school-academics .container {
    width: 100%;
  }
  .school-activities .container {
    width: 100%;
  }
  .cultural-section .container {
    width: 100%;
  }
}
@media screen and (max-width: 600px) {
  .school-facilities .facilities-tabs,
  .school-academics .facilities-tabs {
    flex-direction: column;
    width: 100%;
  }
  .school-facilities .facilities-top-bar .facilities-button,
  .school-academics .facilities-top-bar .facilities-button {
    font-size: 14px;
    width: 100%;
    padding: 10px 0px;
  }
  .school-activities .activities-tabs {
    flex-direction: column;
    width: 100%;
  }
  .school-activities .activities-top-bar .activities-button {
    font-size: 14px;
    width: 100%;
    padding: 10px 0px;
  }
}
@media screen and (min-width: 600px) and (max-width: 990px) {
  .school-facilities .facilities-tabs,
  .school-academics .facilities-tabs {
    width: 100%;
  }
  .school-facilities .facilities-top-bar .facilities-button,
  .school-academics .facilities-top-bar .facilities-button {
    font-size: 16px;
    width: 48%;
    padding: 10px 0px;
  }
  .school-activities .activities-tabs {
    width: 100%;
  }
  .school-activities .activities-top-bar .activities-button {
    font-size: 16px;
    width: 48%;
    padding: 10px 0px;
  }
}
@media screen and (min-width: 990px) and (max-width: 1200px) {
  .school-facilities .facilities-top-bar .facilities-button,
  .school-academics .facilities-top-bar .facilities-button {
    font-size: 18px;
    padding: 10px 30px;
  }
  .school-activities .activities-top-bar .activities-button,
  .school-academics .activities-top-bar .activities-button {
    font-size: 18px;
    padding: 10px 30px;
  }
}
.alumni-banner {
  position: relative;
}
.alumni-banner img {
  height: 600px;
  -o-object-fit: cover;
     object-fit: cover;
}
.alumni-banner .banner-content {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  color: white;
  text-align: center;
  background: linear-gradient(173.99deg, rgba(0, 0, 0, 0.3) 3.88%, #000000 94.38%);
}
.alumni-banner .banner-content .primary-button {
  font-family: "Poppins";
  padding: 15px 80px;
  margin-top: 20px;
}
.alumni-banner .banner-content .primary-button i {
  font-size: 20px;
  background-color: #c9e2f8;
  border-radius: 42%;
}

.event-schedule {
  background-image: url("/assets/img/background-image.png");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
.event-schedule .background {
  background: rgba(29, 29, 29, 0.8980392157);
}
.event-schedule .container {
  width: 75%;
}
.event-schedule h4 {
  color: white;
  font-weight: 600;
  text-align: center;
}
.event-schedule .schedule-time i {
  color: white;
}
.event-schedule .schedule-time span {
  font-size: 14px;
  font-weight: 500;
  font-family: "Poppins";
  line-height: 20px;
  color: white;
}
.event-schedule .curriculum-card {
  background: #ecf8fd;
  border-radius: 10px;
  overflow: hidden;
  padding: 20px;
  text-align: left;
  transition: 0.3s;
  height: 100%;
}
.event-schedule .curriculum-card .card-head {
  font-size: 24px;
  font-weight: 600;
  margin-top: 15px;
}
.event-schedule .curriculum-card img {
  width: 100%;
  height: 200px;
}
.event-schedule .curriculum-card p {
  color: #07294d;
}
.event-schedule .curriculum-card:hover {
  background: #03438f;
  color: white;
}
.event-schedule .curriculum-card:hover p {
  color: white;
}

.registration-section h5 {
  font-weight: 600;
  font-family: "Poppins";
  margin: 30px auto;
}
.registration-section h5 span {
  color: #f37335;
}
.registration-section label {
  font-size: 16px;
  font-weight: 600;
  font-family: "Poppins";
  color: #4a4a4a;
  padding-top: 15px;
}
.registration-section label span {
  color: #ff0000;
}
.registration-section input {
  border: 1px solid rgba(54, 54, 54, 0.1019607843);
  border-radius: 3px;
  padding: 10px;
}
.registration-section button {
  width: -moz-min-content;
  width: min-content;
  justify-content: center;
  display: flex;
  margin: 10px auto;
  border-radius: 3px;
  font-size: 16px;
  padding: 9px 54px;
}

@media screen and (max-width: 1200px) {
  .event-schedule .container {
    width: 100%;
  }
}
@media screen and (max-width: 600px) {
  .alumni-banner img {
    height: 300px;
  }
  .alumni-banner .banner-content .primary-button {
    padding: 15px 30px;
    margin-top: 20px;
    font-size: 16px;
  }
  .alumni-banner .banner-content .primary-button i {
    font-size: 16px;
  }
}
.form-sec h4 {
  text-align: center;
  color: #0f3f07;
  font-weight: 600;
}
.form-sec h4 span {
  color: #f9933d;
}
.form-sec .form-total {
  border-radius: 10px;
  box-shadow: 0px 0px 60px 30px rgba(0, 0, 0, 0.031372549);
}
.form-sec .form-total .left-content {
  background-color: #0f3f07;
  color: white;
  padding: 30px 20px;
  height: 100%;
  border-radius: 10px;
  position: relative;
  overflow: hidden;
}
@media screen and (min-width: 1200px) {
  .form-sec .form-total .left-content {
    padding: 50px 40px;
  }
}
.form-sec .form-total .left-content h4 {
  text-align: start;
  color: white;
}
.form-sec .form-total .left-content h6 {
  margin-bottom: 40px;
}
@media screen and (min-width: 1200px) {
  .form-sec .form-total .left-content h6 {
    margin-bottom: 80px;
  }
}
.form-sec .form-total .left-content ul {
  margin: 0;
  padding: 0;
}
.form-sec .form-total .left-content ul li {
  list-style: none;
}
.form-sec .form-total .left-content .details {
  margin-bottom: 40px;
}
@media screen and (min-width: 1200px) {
  .form-sec .form-total .left-content .details {
    margin-bottom: 80px;
  }
}
.form-sec .form-total .left-content .details li {
  margin-bottom: 25px;
  display: flex;
}
.form-sec .form-total .left-content .details li i {
  font-size: 20px;
  margin-right: 30px;
}
.form-sec .form-total .left-content .details li span {
  padding-right: 30px;
}
.form-sec .form-total .left-content .social-media {
  display: flex;
  padding-top: 40px;
}
.form-sec .form-total .left-content .social-media span {
  display: block;
  height: 40px;
  width: 40px;
  background-color: #f9933d;
  margin-right: 15px;
  padding: 10px;
  border-radius: 50%;
  text-align: center;
}
.form-sec .form-total .left-content .social-media span i {
  font-size: 22px;
}
.form-sec .form-total .left-content .small-circle,
.form-sec .form-total .left-content .big-circle {
  position: absolute;
  width: 135px;
  height: 135px;
  background-color: rgba(249, 147, 61, 0.2);
  border-radius: 50%;
  right: 14%;
  bottom: 12%;
}
.form-sec .form-total .left-content .big-circle {
  width: 250px;
  height: 250px;
  right: -12%;
  bottom: -12%;
}
.form-sec .form-total .form-right {
  padding: 30px 0px 35px;
}
@media screen and (min-width: 600px) {
  .form-sec .form-total .form-right {
    padding: 45px 35px 35px;
  }
}
.form-sec .form-total .form-right p {
  font-weight: 600;
}
.form-sec .form-total .form-right ul {
  display: flex;
  margin-bottom: 30px;
  padding: 0;
  margin-bottom: 40px;
}
@media screen and (min-width: 1200px) {
  .form-sec .form-total .form-right ul {
    margin-bottom: 50px;
  }
}
.form-sec .form-total .form-right ul li {
  margin-right: 20px;
  list-style: none;
}
.form-sec .form-total .form-right .radio-group {
  display: flex;
  align-items: center;
  list-style: none;
  padding: 0;
  flex-wrap: wrap;
}
.form-sec .form-total .form-right .custom-radio {
  display: flex;
  align-items: center;
  margin-bottom: 10px;
}
.form-sec .form-total .form-right .custom-radio input {
  display: none;
}
.form-sec .form-total .form-right .custom-radio label {
  display: flex;
  align-items: center;
  cursor: pointer;
  font-size: 16px;
  color: #0d2b3e;
}
.form-sec .form-total .form-right .custom-radio .radio-icon {
  width: 18px;
  height: 18px;
  border-radius: 50%;
  border: 2px solid #0d2b3e;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.3s ease;
  background-color: white;
  position: relative;
  margin-right: 8px;
}
.form-sec .form-total .form-right .custom-radio .radio-icon::after {
  content: "✔";
  font-size: 12px;
  color: white;
  opacity: 0;
  transition: opacity 0.2s ease;
}
.form-sec .form-total .form-right .custom-radio input:checked + label .radio-icon {
  background-color: #0d2b3e;
  border-color: #0d2b3e;
}
.form-sec .form-total .form-right .custom-radio input:checked + label .radio-icon::after {
  opacity: 1;
}
.form-sec .form-total .form-right .input-box {
  margin-bottom: 30px;
}
@media screen and (min-width: 1200px) {
  .form-sec .form-total .form-right .input-box {
    margin-bottom: 50px;
  }
}
.form-sec .form-total .form-right .input-box label {
  margin-bottom: 8px;
}
.form-sec .form-total .form-right .input-box .input {
  outline: none;
  width: 100%;
  padding: 0px 8px 8px 0px;
  border: 0;
  border-bottom: 1px solid #a69d9d;
}
.form-sec .form-total .form-right .input-box .input:focus {
  border-bottom: 1px solid #000000;
}
.form-sec .form-total .form-right button {
  padding: 15px 40px;
  background-color: #000000;
  border: none;
  border-radius: 5px;
  color: white;
  text-wrap: nowrap;
}

.gallery-section .container {
  width: 80%;
}
.gallery-section .facilities-heading h4 {
  font-family: "Poppins";
  line-height: 28px;
  font-weight: 600;
  color: #0f3f07;
  text-align: center;
}
.gallery-section .facilities-heading h4 span {
  color: #f37335;
}
.gallery-section .facilities-tabs {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.gallery-section .facilities-top-bar {
  border: 1px solid #e4e4e4;
  border-radius: 8px;
  display: flex;
  justify-content: center;
}
.gallery-section .facilities-top-bar .facilities-button {
  background-color: #ebfaff;
  border: 1px solid #b0e9ff;
  border-radius: 5px;
  padding: 14px 60px;
  color: #2f2f2f;
  font-size: 20px;
  font-weight: 400;
  margin: 4px;
}
.gallery-section .facilities-top-bar .facilities_button_active {
  color: white;
  background-color: #1f396b;
}
.gallery-section .facilities img {
  height: 280px;
  margin: 15px 0px;
  border-radius: 5px;
  -o-object-fit: cover;
     object-fit: cover;
}
.gallery-section .facilities-block-inside {
  display: none;
}
.gallery-section .facilities-block-inside_active {
  display: block;
}/*# sourceMappingURL=global.css.map */
.error{
  color: red !important;;
}