:root {
  --base-color: rgb(15, 138, 11);
  --base-blue: #f90000;
}

.text_base {
  color: var(--base-color);
}

.brand-logo {
  width: 40px;
  height: 28px;
  margin-right: 10px;
}

@media screen {
  
}

.navbar .navbar-nav .nav-link:hover, .navbar .navbar-nav .active>.nav-link, .navbar .navbar-nav .nav-link.current, .navbar .navbar-nav .nav-link.show, .navbar .navbar-nav .show>.nav-link {
  color: yellow;
  border-bottom: 3px solid yellow;
}

.Modern-Slider .item-1 .img-fill {
  background-image: url(../images/education-institute-bg.jpg);
}

/* Photo Gallery */
#demo {
  height: 100%;
  position: relative;
  overflow: hidden;
}


.green {
  background-color: #6fb936;
}

.thumb {
  margin-bottom: 30px;
}

.page-top {
  margin-top: 85px;
}


img.zoom {
  width: 100%;
  height: 200px;
  border-radius: 5px;
  object-fit: cover;
  -webkit-transition: all .3s ease-in-out;
  -moz-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  -ms-transition: all .3s ease-in-out;
}


.transition {
  -webkit-transform: scale(1.2);
  -moz-transform: scale(1.2);
  -o-transform: scale(1.2);
  transform: scale(1.2);
}

.modal-header {

  border-bottom: none;
}

.modal-title {
  color: #000;
}

.modal-footer {
  display: none;
}

/* Photo Gallery End */

.our-service h2 {
  margin-bottom: 0px;
}
.our-service p {
  color: black;
  line-height: normal;
  margin-bottom: 0px;
}

.our-service .card {
  display: flex;
  justify-content: center;
}

.note{
  color: var(--base-blue);
}



@media only screen and (max-width: 600px) {
  .navbar .navbar-brand h2 {

    font-size: 16px;
    margin-top: 5px;

}
}