.navbar-nav {
    --bs-nav-link-hover-color: rgba(107, 110, 146, 0.8);
}

.nav-link.active{
   --bs-navbar-active-color: rgb(14, 187, 149);
}

.nav-link{
    color: #0b9add;
    font-size:18px;
}

body{
    background-color:black;
}

h1,h2,h3,h4,h5{
    color:white;
}

p{
    color:white;
}

p.black-text {
    color: black !important;
}

h1.black-text,
h2.black-text,
h3.black-text,
h4.black-text,
h5.black-text {
    color: black !important;
}

.btn-primary {
    --bs-btn-bg: rgba(180, 180, 180, 1);
    --bs-btn-border-color: rgba(180, 180, 180, 1);
    --bs-btn-hover-bg: rgba(180, 180, 180, 1);
    --bs-btn-hover-border-color: rgba(180, 180, 180, 1);
    
}

.btn-secondary {
    --bs-btn-bg: rgba(11, 154, 221, 1);
    --bs-btn-border-color: rgba(11, 154, 221, 1);
    --bs-btn-hover-bg: rgba(11, 154, 221, 1);
    --bs-btn-hover-border-color: rgba(11, 154, 221, 1);
}

.form-check-input:checked {
    background-color: green;
    border-color: green;
}

.vl {
    border-left: 2px solid white;
    height: 55px;
    position: absolute;
    left: 61px;
    top: 10px;
}

.btn-outline-success.custom-button{
    --bs-btn-border-color: #19875400;
}

#loader {
  display: none;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 9999;
  font-size: 45px;
}

.info-card{
    border: white solid 1px; 
    border-radius: 10px;

}

.info-card:hover {
  transform: scale(1.1); /* You can adjust the scale factor as needed */
}

a{
    text-decoration:none;
}

/* Media query for smaller screens (e.g., mobile devices) */
@media only screen and (max-width: 767px) {
    .iframe-container {
        height: 400px; /* Adjust the height as needed */
    }

}