
.bg-gray{
   background: #00374d;
background: linear-gradient(90deg, rgba(0, 55, 77, 1) 0%, rgba(2, 71, 30, 1) 50%, rgba(0, 55, 77, 1) 100%);
}

.typewriter .typing {
  border-right: 2px solid #00ffcc;
  white-space: nowrap;
  overflow: hidden;
  width: 0;
  animation: blink 0.7s step-end infinite;
}

/* Optional cursor blink effect */
@keyframes blink {
  50% {
    border-color: transparent;
  }
}

.btn-gradient {
   background: #00374d;
background: linear-gradient(90deg, rgba(0, 55, 77, 1) 0%, rgba(2, 71, 30, 1) 50%, rgba(0, 55, 77, 1) 100%);
}

.btn-gradient:hover {
   background: #00374d;
background: linear-gradient(90deg, rgba(0, 55, 77, 1) 0%, rgba(2, 71, 30, 1) 50%, rgba(0, 55, 77, 1) 100%);
}
.btn-orange{
   background: #ff9100;
   color: #fff;
}
.btn-orange:hover{
   background: #016351;
   color: #fff;
}

.bg-greenly{
    background-color: rgba(0, 0, 0, 0);
background-image: linear-gradient(rgb(52, 122, 130) 0%, rgb(52, 122, 130) 100%);
}
.card-primary:hover {
    background-color: rgb(229, 229, 229);
    border-bottom: 5px solid #016351 !important;
}

.card-primary .card-title, .card-primary .card-text{
    color: #1a1a1a !important;
}
.card-primary {
    border-bottom: 5px solid #01635100 !important;
}


.logo{
   height: 50px;
}
@media screen and (max-width: 600px) {
   .logo{
      height: 25px;
   }
   
}