*{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

.bg-dark {
    background-color: rgb(0, 0, 0) !important;
   
  }
.bg-dark a{
    color: white;
}
.active{
    color: rgb(157, 0, 255) !important;
}
.bg-dark a:hover{
    color: rgb(0, 0, 0);
}

.dropdown-menu{
    background-image: linear-gradient(to bottom right  ,rgb(1, 31, 122),rgb(1, 106, 176));
    
}
.dropdown-toggle:focus{
    color: rgb(2, 12, 71) !important;
    
}


.carousel img{
    height: 600px;
   
    object-fit: cover;   
    
    
}      


.overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.208); 
    z-index: 1;
  }
  .carousel-caption {
    z-index: 5;
  }
  .blog img{
    object-fit:cover ;
  }
  .card{
    background-image: url(/images/c3.jpg);
    
    background-size: cover;
  }