/* 
Author: Gagan Soti
Contact No.:+977-9847875648
eMail:gagansoti@gmail.com
*/

:root {
  --dark-primary-bg: #004e90;
  --light-primary-bg: #89caff;
  --primary-bg: #006abb;
  --primary-text: #000;
  --text-icon: #fff;
  --secondary-text: #888888;
  --primary-accent: #0082e6;
}


* {
  margin: 0;
  padding: 0;
  font-family: Arial, Helvetica, sans-serif;
}

a {
  text-decoration: none;
}

p {
  margin: 0;
  padding: 0;
}

/* Settings For PopUp Section Starts */
section.popup .modal-body h1 {
  font-weight: 600;
  font-size: 20px;
  margin: 30px 0 5px 0;
}

section.popup .modal-body {
  padding: 20px;
}

section.popup .modal-body img {
  border: 1px solid #e2e2e2;
  width: 100%;
  height: 350px;
  object-fit: cover;
  object-position: center;
  border-radius: 5px;
}

section.popup .modal-body p {
  text-align: justify;
  font-size: 18px;
  margin: 10px 0;
}

/* Settings For PopUp Section Ends */

/* Settings For Header Section Starts */
section.header img {
  width: 100%;
}

section.header .row {
  background-color: var(--dark-primary-bg);
}

section.header .fa-envelope,
section.header .fa-phone,
section.header a {
  color: var(--text-icon);
}

section.header .contact-info a {
  padding-right: 10px;
}

section.header .about-school a {
  padding-right: 10px;
  border-right: 1px solid #ffffff52;
  margin-right: 10px;
}

/* Settings For Header Section Ends */

/* Settings For Nav-bar Section Starts */
section.nav-bar .nav-left-wrapper {
  height: 55px;
}

section.nav-bar .dropdown:hover .dropdown-menu {
  display: block;
}

section.nav-bar .navbar-nav {
  font-size: 18px;
}

section.nav-bar .navbar-nav .dropdown-menu {
  border: 1px solid #eee;
  background: #f8f9fa;
}

section.nav-bar .navbar-nav .dropdown-menu li {
  font-size: 18px;
  transition: 0.5s;
}

section.nav-bar .navbar-nav .dropdown-menu li:hover {
  padding-left: 10px;
  background: var(--dark-primary-bg);
}

section.nav-bar .navbar-nav .dropdown-menu li a:hover {
  background: 0;
  color: #fff !important;
}

section.nav-bar .nav-left-wrapper ul.social-media li,
section.info-staff .nav-left-wrapper ul.social-media li,
section.footer .footer-icon ul.social-media li {
  list-style: none;
  padding: 0 5px;
}

section.nav-bar .nav-left-wrapper ul li .fa-facebook-f,
section.footer .footer-icon ul li .fa-facebook-f,
section.info-staff .nav-left-wrapper li .fa-facebook-f,
section.nav-bar .nav-left-wrapper ul li .fa-x-twitter,
section.info-staff .nav-left-wrapper ul li .fa-x-twitter,
section.footer .footer-icon ul li .fa-x-twitter,
section.nav-bar .nav-left-wrapper ul li .fa-instagram,
section.info-staff .nav-left-wrapper ul li .fa-instagram,
section.footer .footer-icon ul li .fa-instagram,
section.nav-bar .nav-left-wrapper ul li .fa-youtube,
section.footer .footer-icon ul li .fa-youtube {
  width: 25px;
  height: 25px;
  border: 1px solid #eeeeee;
  padding: 8px;
  border-radius: 50%;
  background: var(--text-icon);
  cursor: pointer;
  transition: 0.5s ease-in-out;
  color: var(--primary-text);
}

section.nav-bar .nav-left-wrapper ul li .fa-facebook-f,
section.info-staff .nav-left-wrapper ul li .fa-facebook-f,
section.footer .footer-icon ul li .fa-facebook-f {
  color: #0064E0;
}

section.nav-bar .nav-left-wrapper ul li .fa-facebook-f:hover,
section.info-staff .nav-left-wrapper ul li .fa-facebook-f:hover,
section.footer .footer-icon ul li .fa-facebook-f:hover {
  background: #0064E0;
  color: var(--text-icon);
  border-color: #0064E0;
  transform: scale(1.105);
}

section.nav-bar .nav-left-wrapper ul li .fa-x-twitter:hover,
section.info-staff .nav-left-wrapper ul li .fa-x-twitter:hover,
section.footer .footer-icon ul li .fa-x-twitter:hover {
  background: #000;
  color: var(--text-icon);
  border-color: #000;
  transform: scale(1.105);
}

section.nav-bar .nav-left-wrapper ul li .fa-instagram,
section.info-staff .nav-left-wrapper ul li .fa-instagram,
section.footer .footer-icon ul li .fa-instagram {
  color: #e54b5b;
}

section.nav-bar .nav-left-wrapper ul li .fa-instagram:hover,
section.info-staff .nav-left-wrapper ul li .fa-instagram:hover,
section.footer .footer-icon ul li .fa-instagram:hover {
  background: #e54ba0;
  color: var(--text-icon);
  border-color: #e54ba0;
  transform: scale(1.105);
}

section.nav-bar .nav-left-wrapper ul li .fa-youtube,
section.footer .footer-icon ul li .fa-youtube {
  color: #f00;
}

section.nav-bar .nav-left-wrapper ul li .fa-youtube:hover,
section.footer .footer-icon ul li .fa-youtube:hover {
  background: #f00;
  color: var(--text-icon);
  border-color: #f00;
  transform: scale(1.105);
}

section.nav-bar .nav-admission .btn {
  background: var(--primary-accent);
  width: 125px;
  height: 45px;
  font-weight: 600;
  transition: 0.5s ease-in-out;
}

section.nav-bar .nav-admission .btn:hover {
  color: var(--primary-accent);
  background: var(--text-icon);
  border: 2px ridge var(--primary-accent);
}

section.nav-bar .nav-admission .btn:hover a {
  color: var(--primary-accent) !important;
}

/* Settings For Nav-bar Section Ends */

/* Settings For Carousel Section Ends */
section.slider .owl-carousel .owl-stage {
  transition: 1.5s ease !important;
}

section.slider .start-slider img {
  min-height: 700px;
  object-fit: cover;
  object-position: center;
}

section.slider .start-slider .caption {
  width: 100%;
  text-align: center;
  position: absolute;
  bottom: 0;
  padding-bottom: 75px;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.884) 50%, rgba(0, 0, 0, 1) 100%);
}

section.slider .owl-item h1 {
  color: var(--text-icon);
  font-weight: 600;
  font-size: 42px;
  color: #ffb300;
}

section.slider .owl-item.active .caption .title {
  animation: fadeInUp ease 1s both;
}

section.slider .owl-item p,
section.slider .owl-item.active .caption .btn {
  color: var(--text-icon);
  font-size: 18px;
}

section.slider .owl-item.active .caption .about-slider {
  animation: fadeInUp ease 1s 1s both;
}

section.slider .owl-item.active .caption .btn {
  animation: fadeInUp ease 1s 2s both;
}

section.slider .start-slider .owl-prev,
section.slider .start-slider .owl-next {
  position: absolute;
  top: 50%;
  background: #a3a3a386 !important;
  color: var(--text-icon) !important;
  width: 60px !important;
  height: 60px !important;
  border-radius: 50% !important;
  font-size: 35px !important;
  line-height: 20px !important;
  margin: 0;
  transition: 0.5s ease-in-out;
}

section.slider .start-slider .owl-prev {
  left: 50px;
}

section.slider .start-slider .owl-next {
  right: 50px;
}

section.slider .start-slider .owl-next:hover,
section.slider .start-slider .owl-prev:hover {
  background: #cececeb0 !important;
}

/* Settings For Carousel Section Ends */

/* Settings For About-Us Section Starts */
section.about-us {
  margin: 20px 0;
}

section.about-us .about-left-wrapper h1 {
  color: var(--dark-primary-bg);
  font-size: 38px;
}

section.about-us .about-left-wrapper p {
  color: var(--secondary-text);
  text-align: justify;
}

section.about-us .about-left-wrapper .about-contact-box {
  margin: 20px 0;
  display: flex;
  justify-content: space-around;
  gap: 10px;
}

/* section.about-us .about-left-wrapper .about-contact-box .about-contact-secondary-box.float-end {
  width: 274px;
} */

section.about-us .about-left-wrapper .about-contact-box .btn {
  background: var(--dark-primary-bg);
  color: var(--text-icon);
  padding: 10px;
  width: 230px;
  height: 55px;
  font-size: 18px;
  transition: 0.5s ease-in-out;
}

section.about-us .about-left-wrapper .about-contact-box .btn:hover {
  color: var(--dark-primary-bg);
  background: var(--text-icon);
  border: 2px solid var(--dark-primary-bg);
}

section.about-us .about-left-wrapper .about-contact-box .btn .fa-arrow-right {
  font-size: 12px;
}

section.about-us .about-left-wrapper .about-contact-box .fa-phone {
  color: var(--dark-primary-bg);
  border: 2px solid var(--dark-primary-bg);
  width: 20px;
  height: 20px;
  border-radius: 50%;
  padding: 18px;
  transition: 0.5s ease-in-out;
}

section.about-us .about-left-wrapper .about-contact-box p {
  color: var(--primary-text);
  font-size: 19px;
}

section.about-us .about-left-wrapper .about-contact-box a {
  color: var(--dark-primary-bg);
  transition: 0.5s;
}

section.about-us .about-left-wrapper .about-contact-box a:hover {
  color: var(--primary-accent);
}

section.about-us .about-right-wrapper {
  position: relative;
  display: flex;
  justify-content: center;
}

section.about-us .about-right-wrapper img.main {
  border-radius: 10px;
  border: 1px solid #e9e9e9;
  width: 440px;
}

section.about-us .about-right-wrapper img.logo {
  position: absolute;
  width: 175px;
  border-radius: 10px;
  top: 15%;
  right: 0;
  background: var(--text-icon);
}

section.about-us .about-right-wrapper .video {
  width: 150px;
  background: linear-gradient(45deg, #ff0062, #ff0000);
  display: flex;
  justify-content: center;
  height: 120px;
  border-radius: 10px;
  align-items: center;
  font-size: 50px;
  position: absolute;
  top: 50%;
  left: 0;
}

section.about-us .about-right-wrapper .fa-youtube {
  width: 50px;
  height: 50px;
  border: 2px solid var(--text-icon);
  padding: 10px;
  border-radius: 50%;
  color: #f00;
  background: #f4f4f4;
}

/* Settings For About-Us Section Ends */

/* Settings For Facilities Section Starts */
section.facilities,
section.working-committe {
  background: #fbfbfb;
  padding: 30px 0;
  margin: 10px 0;
}

section.facilities h1,
section.info-program .heading-wrapper h1,
section.facilities p,
section.info-program .heading-wrapper p,
section.working-committe,
section.info-program .info-main-wrapper h1,
h2 {
  color: var(--dark-primary-bg);
}

section.facilities .facilities-wrapper {
  background: var(--text-icon);
  height: 230px;
  text-align: center;
  padding: 20px;
  border-radius: 10px;
  box-shadow: 0 0 10px 3px #eee;
  margin: 15px 0;
  transition: 0.5s;
}

section.facilities .facilities-wrapper:hover {
  box-shadow: 0 0 6px 4px #e6e6e6;
  transform: scale(1.05);
}

section.facilities .facilities-wrapper .fa-book-bookmark,
section.facilities .facilities-wrapper .fa-computer,
section.facilities .facilities-wrapper .fa-graduation-cap,
section.facilities .facilities-wrapper .fa-baseball-bat-ball {
  width: 50px;
  height: 50px;
  padding: 15px;
  border: 1px solid #f4f4f4;
  border-radius: 50%;
  margin: 20px 0 10px 0;
  background: #9e9e9e12;
}

/* Settings For Facilities Section Ends */

/* Settings For Information and programs Section Starts */
section.info-program {
  padding: 30px 0;
  margin: 30px 0;
}

section.info-program .info-main-wrapper {
  background: #fff;
  border-radius: 10px;
  box-shadow: 0 0 10px 3px #eee;
  transition: 0.5s;
  position: relative;
}

section.info-program .info-main-wrapper:hover {
  box-shadow: 0 0 6px 4px #e6e6e6;
  transform: scale(1.02);
}

section.info-program .info-main-wrapper figure,
section.info-program .info-main-wrapper img {
  border-radius: 10px 10px 0 0;
  width: 100%;
  height: 215px;
  object-fit: cover;
  object-position: center;
}

section.info-program .info-second-wrapper {
  margin: 0 20px;
  padding: 0 10px 30px 10px;
}

section.info-program .notice-container {
  position: relative;
  background: #fff;
  padding: 10px;
  border-radius: 10px;
  box-shadow: 0px 20px 20px 0px rgba(89, 83, 76, 0.08);
  margin-top: -60px;
  margin-bottom: 30px;

}

section.info-program .info-secondary-wrapper {
  border-radius: 10px;
  padding: 20px;
  margin-bottom: 20px;
  box-shadow: 0 0 5px 2px #eee;
  transition: 0.5s;
}

section.info-program .info-secondary-wrapper:hover {
  transform: scale(1.02);
  box-shadow: 0 0 6px 3px #eee;
}

/* Settings For Information and programs Section Ends */

/* Settings For Working Committee Section Starts */
section.working-committe {
  padding: 30px 0;
  margin: 30px 0;
}

section.working-committe .heading-wrapper {
  margin-bottom: 20px;
}

section.working-committe .carousel-main-wrapper img {
  border-radius: 10px;
  transition: 0.5s;
}

section.working-committe .carousel-main-wrapper .carousel-info.text-center {
  position: absolute;
  background: #0060aaba;
  color: #fff;
  width: 100%;
  border-radius: 10px 10px 0 0;
  padding: 15px;
  transition: 0.6s top ease;
  top: -100%;
}

section.working-committe .carousel-main-wrapper:hover .carousel-info.text-center {
  top: 0;
}

section.working-committe .carousel-main-wrapper:hover .carousel-info.text-center h1 {
  animation: fadeInUp 1s 1s both;
}

section.working-committe .carousel-main-wrapper:hover .carousel-info.text-center p {
  animation: fadeInUp 1s 1.5s both;
}

/* Settings For Working Committee Section Ends */

/* Settings For Our Affiliation Section Starts */
section.our-affiliation {
  margin-top: 20px;
  padding: 20px 0;
  background: var(--light-primary-bg);
  color: var(--text-icon);
}

section.our-affiliation .affilation-wrapper {
  margin: 30px 0;
}

section.our-affiliation .affilation-wrapper img {
  width: 100px;
  height: 100px;
  object-fit: cover;
  background: #ffffff3b;
  padding: 10px;
  border-radius: 50%;
  border: 1px solid #ffffff7d;
}

/* Settings For Our Affiliation Section Ends */

/* Settings For Footer Starts */
section.footer {
  padding: 30px 0;
  background: var(--dark-primary-bg);
  color: var(--text-icon);
}

section.footer .main-row a {
  color: #cccccc;
  transition: 0.5s;
  padding: 4px;
}

section.footer .main-row a:hover {
  color: var(--text-icon);
  padding-left: 10px;
}

section.footer ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

section.footer ul li {
  padding: 5px 0;
  font-size: 15px;
  color: #bfbfbf;
}

section.footer .bottom-row {
  padding-top: 50px;
}

section.footer .footer-bottom-wrapper a {
  color: var(--light-primary-bg);
}

section.footer .footer-bottom-wrapper img {
  width: 70px;
  height: 70px;
  object-fit: cover;
  object-position: left;
  margin-right: 10px;
  border-radius: 10px;
}

section.footer .footer-bottom-wrapper p {
  padding: 4px 0;
}

section.footer .footer-left-wrapper,
.footer-lmiddle-wrapper,
.footer-rmiddle-wrapper,
.footer-right-wrapper {
  padding-top: 20px;
}

/* Settings For Footer Ends */

/* Settings For About Page Starts */
section.about-page h3,
section.management-committe h3,
section.info-staff h1,
section.features h3,
h4,
a {
  color: var(--dark-primary-bg);
}

section.about-page .main-heading,
section.management-committe .main-heading,
section.info-staff .main-heading,
section.features .main-heading {
  background: var(--primary-accent);
  color: var(--text-icon);
  position: relative;
  z-index: -1;
}

section.about-page .fa-house section.about-page .left-wrapper .second-box #mission-tab,
section.about-page .left-wrapper .second-box #approach-tab,
section.about-page .left-wrapper .second-box #objectives-tab {
  color: var(--dark-primary-bg);
}

section.about-page .left-wrapper .about-box,
section.management-committe .left-wrapper .about-box,
section.features .main-wrapper .about-box,
section.info-staff .main-wrapper .about-box {
  width: max-content;
  padding: 12px 45px 12px 25px;
  margin: -37px 0 20px 0;
  background: var(--text-icon);
  box-shadow: 0px 5px 20px 0px rgba(0, 0, 0, 0.1);
  transition: 0.5s;
}

section.management-committe .left-wrapper .about-box {
  padding: 12px 30px 12px 20px;
}

section.about-page .left-wrapper .about-box:hover,
section.management-committe .about-box:hover,
section.features .about-box:hover,
section.info-staff .about-box:hover {
  transform: scale(1.05);
}

section.about-page .left-wrapper .about-box .icon,
section.management-committe .left-wrapper .about-box .icon,
section.features .main-wrapper .about-box .icon,
section.info-staff .main-wrapper .about-box .icon {
  border-right: 1px solid #eee;
  padding-right: 10px;
  margin-right: 10px;
}

section.about-page .left-wrapper .main-box p,
section.about-page .left-wrapper .second-box p {
  text-align: justify;
  color: var(--secondary-text);
}


section.about-page .right-wrapper {
  margin: 30px 0 0 30px;
}

section.about-page .right-wrapper .main-wrapper {
  background: #f4f4f4;
  padding: 10px;
  margin-bottom: 10px;
  height: 87px;
}

section.about-page .right-wrapper .main-wrapper img {
  width: 60px;
  margin-right: 10px;
  object-fit: cover;
}

section.about-page .right-wrapper .main-wrapper p {
  font-size: 12px;
}

section.about-page .right-wrapper .third-box {
  height: 105px;
}

section.about-page .right-wrapper .third-box p {
  margin: 0 10px 10px 0;
  color: var(--secondary-text);
  border: 1px solid #f2f2f2;
  padding: 8px;
}

/* Settings For About Page Ends */

/* Settings For Management Committe Page Starts */
section.management-committe .main-box,
section.features .main-box,
section.info-staff .main-box {
  background: var(--text-icon);
  text-align: center;
  padding: 20px 20px 15px 20px;
  margin-bottom: 20px;
  box-shadow: 0 0 6px 2px #e7e7e7;
  transition: 0.5s;
}

section.management-committe .main-box:hover,
section.features .main-box:hover,
section.info-staff .main-box:hover {
  transform: scale(1.03);
  box-shadow: 0 0 8px 4px #e7e7e7;
}

section.management-committe .main-box img,
section.features .main-box img,
section.info-staff .main-box img {
  width: 100%;
  height: 200px;
  object-fit: cover;
  object-position: center;
  margin-bottom: 15px;
}

/* Settings For Management Committe Page Ends */

/* Settings For Info Staff Page Starts */
section.info-staff .main-box img {
  height: 190px !important;
  width: 200px !important;
  border-radius: 50% !important;
}

/* Settings For Info Staff Page Ends */

/* Settings For Features Page Starts */
section.features .main-box img {
  height: 250px !important;
}

/* Settings For Features Page Ends */