
<style>
footer{
  font-family: 'Arial, Helvetica, sans-serif';
}
navbar{
   font-family: 'Arial, Helvetica, sans-serif';
 }
 .sect{
  background: linear-gradient(90deg, #e3ffe7 0%, #d9e7ff 100%); 
  font-family: 'Arial, Helvetica, sans-serif';
 }

 
/* Color of the links BEFORE scroll */
.navbar-before-scroll .nav-link,
.navbar-before-scroll .navbar-toggler-icon {
  color: #000;
}

/* Color of the links AFTER scroll */
.navbar-after-scroll .nav-link,
.navbar-after-scroll .navbar-toggler-icon {
  color: #4f4f4f;
}

/* Color of the navbar AFTER scroll */
.navbar-after-scroll {
  background-color: #fff;
}

/* Transition after scrolling */
.navbar-after-scroll {
  transition: background 0.5s ease-in-out, padding 0.5s ease-in-out;
}

/* Transition to the initial state */
.navbar-before-scroll {
  transition: background 0.5s ease-in-out, padding 0.5s ease-in-out;
}

/* An optional height of the navbar AFTER scroll */
.navbar.navbar-before-scroll.navbar-after-scroll {
  padding-top: 5px;
  padding-bottom: 5px;
}

/* Navbar on mobile */
@media (max-width: 991.98px) {
  #main-navbar {
    background-color: #fff;
  }

  .nav-link,
  .navbar-toggler-icon {
    color: #4f4f4f !important;
  }
}

.navbar li a:hover {
  border-bottom: 3px solid red;
} 

.ig {
   width: 100%; 
   height: 100%;
  
    }

    /* Height for devices larger than 576px */
    @media (min-width: 992px) {
      .ig {
      width: 100%;
      height: 100%;
      }
    }

.nav-item {
  padding: 0.5rem 0xp;
  border-bottom: 3px solid white;
}

.dropdown-hover:hover>.dropdown-menu {
display: inline-block;
}

.dropdown-hover>.dropdown-toggle:active {
/*Without this, clicking will make it sticky*/
pointer-events: none;
}  

.spm{
 text-shadow:2px 2px #000;
      color: greenyellow;
      font-weight: bold;
    } 

.hero-text {
  text-align: center;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: white;
}

  </style>