.navbar {
    background: rgba(0,0,0,0.5);
}


.navbar-brand img{
max-width: 280px;
max-height: 100px;
}

@media (max-width:700px)
{
 .navbar-brand img{
  max-width: 220px;
 }
}

.fa {
  color: #EAE264;
}

.fas {
  color: #EAE264;
}

.fab {
  color: #EAE264;
}


.fab:hover{
    color: #F9F8CD;
    font-size: 205%;
}

.far {
  color: #EAE264;
}


@media (max-width:480px)
{
  .fa-2x{
    font-size:1.5em;
  }
}


/* Basic styling for the nav animation */
/* Basic styling for the logo */
.navbar-brand {
  font-size: 36px;
  font-weight: bold;
  color: #333;
 
  position: relative;
  animation: logoCompressRebound 2s ease-out forwards;
}

/* Keyframes for the compress and rebound effect */
@keyframes logoCompressRebound {
  0% {
    transform: scale(1); /* Normal size */
  }
  60% {
    transform: scale(1); /* Still normal size */
    animation-timing-function: cubic-bezier(0.4, 0.0, 0.2, 1); /* Smooth easing */
  }
  75% {
    transform: scale(0.8, 1.2); /* Compress horizontally, stretch vertically */
  }
  90% {
    transform: scale(1.1, 0.9); /* Stretch horizontally, compress vertically */
  }
  100% {
    transform: scale(1); /* Return to normal size */
  }
}



.bi-geo-alt-fill{
  color: #EAE264;
}


/*  bootstrap icons styling below */

.bi-facebook{
  color: #EAE264;
  font-size: 1.5rem;
  padding: 5px;
}
.bi-facebook:hover{
  color: #1877F2;
  font-size: 1.6rem;
}

.bi-instagram{
  color:#EAE264;
  font-size: 1.6rem;
  padding: 5px;
}
.bi-instagram:hover{
  font-size: 1.6rem;
    background: -moz-radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%,#d6249f 60%,#285AEB 90%);
  background: -webkit-radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%,#d6249f 60%,#285AEB 90%);
  background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%,#d6249f 60%,#285AEB 90%);
  -webkit-background-clip: text;
  -moz-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}

.bi-twitter-x{
  color: #EAE264;
  font-size: 1.5rem;
  padding: 5px;
}
.bi-twitter-x:hover{
  color: #1DA1F2 !important;
  font-size: 1.6rem;
}

.bi-youtube{
      color: #EAE264;
      font-size: 1.5rem;
      padding: 5px;
    }
.bi-youtube:hover{
  color: #FF0000 !important;
  font-size: 1.6rem;
}

.bi-envelope{
      color: #EAE264;
      font-size: 1.5rem;
      padding: 5px;
    }
.bi-envelope:hover{
  color: #1DA1F2 !important;
  font-size: 1.6rem;
}

.bi-linkedin{
  color: #EAE264;
  font-size: 1.5rem;
  padding: 5px;
}
.bi-linkedin:hover{
  color: #1DA1F2 !important;
  font-size: 1.6rem;
}

.bi-pinterest{
      color: #EAE264;
      font-size: 1.5rem;
      padding: 5px;
    }
.bi-pinterest:hover{
  color: #FF0000 !important;
  font-size: 1.6rem;
}


 /* Bootstrap 5 tweak: do not underline links unless hovered over */
a:not([class*="btn"]) {
    text-decoration: none;
}
a:not([class*="btn"]):hover {
    text-decoration: underline;
}

.link-light.text-decoration-none:hover {
  color: #9bbcf2 !important;
}
/*  bootstrap icons styling above */


.jumbotron {
  position: relative;
  overflow: hidden;
  background-color:black;
  padding: 100;
  min-height: 600px;
}
.jumbotron video {
  position: absolute;
  z-index: 1;
  top: 0;
  width:100%;
  height:100%;
  /*  object-fit is not supported on IE  */
  object-fit: cover;
  opacity:0.8;
}
.jumbotron .container {
  z-index: 1;
  position: relative;
  margin-top: 24rem;
  text-align: center;
}



.video-bg > video {
        width: 100%;
        height: 100%;
    }


.card-img-overlay{
  background: rgba(0,0,0,0.5);
  height: 225px;
}


.footer-wrapper{
  height: auto;
  margin-bottom: 0px;
  margin-top: 0px;
  padding-top: 20px;
  padding-bottom: 20px; 
  background-image: linear-gradient(to bottom, #3d3d3d 0%, #0f0f0f 100%);
}

#footerlist1{
  line-height: 1.5rem;
}
#footerlist2{
  line-height: 1.5rem;
}

.list-group-item{
  background-color:transparent;
}
@media(max-width: 480px)
{
.list-group-item{
border-bottom:0;
}}


hr {
  border: 1px solid;
  color:#EAE264;
}

.aob1{
  background-color: white;
  padding: 20px;
}

.aob2{
  background-color: white;
  padding: 20px;
}

.aob3{
  background-color: white;
  padding: 20px;
}

.aob4{
  background-color: white;
  padding: 20px;
}

#reviewbox{
  padding: 20px;
}


.column{
  width:33%;
  height:auto;
  padding: 0px;
}




blockquote::before{
  
  content: "\201C";
  color: grey;
  font-size:4em;
  position: absolute;
  left: 2px;
  top:-2px;
}