body {
  background: #FFFFFF;
  font-size: .80em;
  font-family: "Helvetica Neue", "Lucida Grande", "Segoe UI", Arial, Helvetica, Verdana, sans-serif;
  margin: 0px;
  padding: 0px;
  color: #696969;
  height: 780px;
  width: 100%;
}

#topNav {
background: linear-gradient(227deg, #ffba08, #ff7b00) !important;
}

#topNav div div div {
  background: none !important;
}

.list-inline-item a {
  text-decoration: none;
  color: #fff;
  font-size: 10px;
}

.list-inline-item a:hover {
  color: #000;
}

.message-sec {
  background: url(/src/img/backBright.jpg) fixed center;
  padding-top: 45px;
  padding-bottom: 45px;
  background-size: cover;
}
.preface-card{
  background-color: #00AEAD;
  color: #fff;
  box-shadow: rgb(14 30 37 / 12%) 0px 2px 4px 0px, rgb(14 30 37 / 32%) 0px 2px 16px 0px;
  font-size: 15px;
}
/* -------------------Facilities We Offer---------------------------- */
.principal-backG{
  background: url(/src/img/junior-slide01.jpg) fixed center;
  padding-top: 45px;
  padding-bottom: 45px;
  background-size: cover;
}
.chairman-backG {
  /* background: rgba(255, 255, 255, 0.5) url(/src/img/overlays/output-onlinepngtools\ \(Small\).png) fixed center; */
  background: rgba(255, 255, 255, 0.5) url(https://s3.ap-south-1.amazonaws.com/res.cloudinary-s3.two.vawsum.com/2156100/1771503403_6996ff2b15ff0.webp) fixed center;
  padding-top: 45px;
  padding-bottom: 45px;
  background-size: cover;
  filter: brightness(1);
}

.navbar .dropdown-menu a:hover{
  background: linear-gradient(227deg, #ffba08, #ff7b00) !important;
}
.facilitie-bg .card-body{
  text-align: center;
}
.person img {
  width: 150px;
  height: 150px;
  border-radius: 50%;
  margin-right: 20px;
}

@media (max-width: 768px) {
  .person img {
    width: 100px;
    height: 100px;
    margin-bottom: 20px;
  }
  .card .card-img{
    height: 18vh;
  }
}
.fixed-bottom .school-logo {
  width: 8%;
}
@media (max-width: 768px) {
  .fixed-bottom .school-logo {
    width: 25%;
  }
}
.modal-logo{
  height: 400px;
  padding-top: 8%;
 }
@media (max-width: 768px) {
  .modal-logo{
   height: 200px;
  }
}
.fixed-bottom {
  position: fixed;
  bottom: 32px;
  left: -25px;
}

.fixed-bottom img{
  animation: blink-animation 1.4s infinite;
}

@keyframes blink-animation {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0.2;
  }
  100% {
    opacity: 1;
  }
}

.box-box {
  width: 82px;
  height: 90px;
  border-radius: 26%;
  border: 1px solid black;
}

/* pop-up-CSS-School-logo */
.school-logo{
  width: 82px;
  height: 90px;
  border-radius: 26%;
}

.item0 {
  width: auto;
  height: 26px;
  color: #fff;
  background-color: rgb(0 0 0 / 69%);
  border-radius: 50%;
  position: absolute;
  transform: translate(-50%, -50%);
  text-align: center;
  cursor: pointer;
  transition: ease-in-out 0.3s;
  font-size: 12px;
  padding: 3px;
}

.item1 {
  transform: translate(-119%, -230%) rotate(276deg);
}

.item2 {
  transform: translate(-70%, -214%) rotate(288deg);
}

.item3 {
  transform: translate(-30%, -133%) rotate(313deg);
}

.item4 {
  transform: translate(-7%, 15%) rotate(331deg);
}

.item5 {
  transform: translate(5%, 143%) rotate(353deg);
}
/*END pop-up-CSS-School-logo */

/* <!-- secretaries teach --> */
.carousel-control-prev-icon,
.carousel-control-next-icon {
font-weight: bold;
}
.card-cab{
  color: #4b860d;
  margin-bottom: 20px;
  border-bottom: 5px solid #fff;
  transition: ease-in-out 0.3s;
  cursor: pointer;
  box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;
}
.card-cab:hover{
  color: #019875;
  transform: translateY(-10px);
  border-color: #009961;
}
.card h5{
  margin-top: 44px;
  font-weight: 600;
  font-size: 32px;
  text-transform: uppercase;
}
.card .card-img{
  height: 28vh;
  opacity: 0.5;
}
@media (max-width: 768px) {
  .card .card-img{
    height: 18vh;
  }
}
.card-img-overlay{
  transition: ease-in-out 0.3s;
  cursor: pointer;
}
.card-img-overlay:hover{
  transform: translateY(-10px);
  background-color: #2b764d57;
  border: 1px solid #2b764da9;
  border-radius: 3%;
}
.all-boss{
  background: url(/src/img/all-boss.jpg) fixed center;
  padding-top: 11px;
  padding-bottom: 45px;
  background-size: cover;
  margin-bottom: -50px;
}
.visionMission{
  background: url(/src/img/secccc.png) fixed center;
  padding-top: 45px;
  padding-bottom: 45px;
  background-size: cover;
  color: #fff;
}

/*Footer gallery*/
.portfolio-gallery .owl-carousel .owl-item img {
height: auto;
}
.dlab-box:hover .dlab-img-overlay3:before,
.dlab-img-overlay3:hover:before {
width: 100%;
height: 100%;
top: 0;
left: 0;
}

/* .dlab-img-overlay11:after,
.dlab-img-overlay11:before,
.dlab-img-overlay12:after,
.dlab-img-overlay12:before,
.dlab-img-overlay1:after,
.dlab-img-overlay1:before,
.dlab-img-overlay2:after,
.dlab-img-overlay2:before,
.dlab-img-overlay3:after, */
.dlab-img-overlay3:before {
content: "";
background: #7fba42;
background: -moz-linear-gradient(45deg, #7fba42 5%, #00becf 100%);
background: -webkit-linear-gradient(45deg, #7fba42 5%, #00becf 100%);
background: linear-gradient(45deg, #7fba42 5%, #00becf 100%);
position: absolute;
left: 0;
top: 0;
width: 0;
height: 0;
opacity: 0.8;
z-index: 1;
-webkit-transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
-ms-transition: all 0.3s linear;
-o-transition: all 0.3s linear;
transition: all 0.3s linear;
}
.owl-nav{
display: none;
}
/* ---------------event-owl-crasullll--------------- */
.owl-carousel .item img {
height: 250px;
}
.owl-theme .owl-nav {
margin-top: -12px;
font-size: 22px;
}
.owl-dots{
display: none;
}
.owl-carousel.owl-drag .owl-item{
padding: 0 1px 0 1px;
}
/* -------------------Our Curriculum Start------------------------ */
.ourCurriculum{
background: url(/src/img/secccc.png) fixed center;
/* padding-top: 45px;
padding-bottom: 45px; */
background-size: cover;
color: #fff;
}
/* -------------------END Our Curriculum Start------------------------ */
#calendar {
height: 660px;
width: 100%;
}
/* .fc-daygrid-day-bg {
display: none;
} */
.fc-daygrid-day-top{
justify-content: center;
}
.fc-daygrid-day-top a{
font-size: 16px;
font-weight: 600;
}
.fc-col-header-cell{
background-color: #1B5E20;
color: #fff;
}
.fc-scrollgrid-sync-inner .fc-daygrid-day-number{
font-size: 17px;
}
.fc-toolbar-title{
font-weight: 600;
}
/* button .fc-button-group,button .fc-today-button{
background-color: #009961;
} */
.fc-event-main{
/* background-color: #ef6565; */
text-align: center;
}
.fc-daygrid-event {
white-space: normal;
}
@media (max-width: 502px) {
.fc-event-title  {
  font-size: 8px;
}
.fc-scrollgrid-sync-inner .fc-daygrid-day-number{
  font-size: 10px;
}
}
/* -------------------Calender END------------------------ */