*{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family: 'Poppins', sans-serif;
}
  /* Preloader */

  #preLoader {
    
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #fff;
    z-index: 9999;
    display: flex;
    justify-content: center;
    align-items: center;
  }

   #goTopBtn {
    position: fixed;
    display: none;
    bottom: 20px;
    right: 20px;
    font-size: 18px;
    border-radius: 8px;
    z-index: 99;
}

.logo-text{
  font-size:20px;
}
.typed-text{
  font-family: "Salsa", cursive;
}

.linear-gradient-text{
  background: -webkit-linear-gradient(#0dcaf0, #0d6efd) ;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

span.cursor {
  display: inline-block;
  background-color: #ccc;
  margin-left: 0.1rem;
  width: 3px;
  animation: blink 1s infinite;
}
@keyframes blink {
  0%  { background-color: #ccc; }
  49% { background-color: #ccc; }
  50% { background-color: transparent; }
  99% { background-color: transparent; }
  100%  { background-color: #ccc; }
}
.hero-img{
    /* background-color: blue; */
    border:20px solid rgba(var(--bs-info-rgb));
    width:300px;
    box-shadow: 0 0 40px rgba(var(--bs-info-rgb));
    animation: shadow 0.5s ease-in-out infinite alternate;
      
}

@keyframes shadow{
        0%{
          box-shadow: 0 0 20px rgba(var(--bs-info-rgb));
        }
        100%{
          box-shadow: 0 0 40px rgba(var(--bs-info-rgb));
        }
}
.hero-bg{
        height: 100%;
        background-image:  url("../images/hero-bg.jpeg");
        background-size: cover;
        background-position: center;
        display: flex;
        justify-content: center;
        align-items: center;
}
       .hero-bg .overlay{
        width:100%;
        height: 100%;
        margin: auto;
        display: flex;
        flex-direction: column;
        justify-content: center;
        /* background-color:#0c5f80; */
        background :rgba(1, 24, 24, 0.8);
      
}

.jumbtron{
        height: 30vh;
        background-image:  url("../images/hero-bg.jpeg");
        background-size: cover;
        background-position: center;
        }
        .jumbtron .overlay{
        width:100%;
        height: 100%;
       
        /* background-color:#0c5f80; */
        background :rgba(1, 9, 24, 0.8);
      
}

      footer {
        position: relative;
        left: 0;
        bottom: 0;
        width: 100%;
        text-align: center;
      }

      /* width */
::-webkit-scrollbar {
  width: 10px;
}

/* Track */
::-webkit-scrollbar-track {
  background: rgba(var(--bs-light-rgb)) 
}
 
/* Handle */
::-webkit-scrollbar-thumb {
  background: rgba(var(--bs-info-rgb)) 
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: rgba(var(--bs-info-rgb)); 
}
.blink-1 {
  animation: blinker-1 1s linear infinite;
}
@keyframes blinker-1 {
  80% {
     
      background: #eff0f0;
      border-radius: 10px;
  }
}


.feature-icon {
  width: 4rem;
  height: 4rem;
  border-radius: 0.75rem;
}


      /* Responsiveness */

      @media only screen and (max-width:600px){
        .for-mob-text-center {
            text-align: center;
        }
          .hero-image {
            width:260px !important;
        }
          .jumbtron {
            height: 25vh;
        }
        .jumbtron-body{
          padding: 2rem !important;
        }
        .jumbtron-body h5{
          margin-top: 0 !important;
          font-size: 22px !important;
        }
        .d-mob-none{
          display: none !important;
        }
      }