.carousel-inner {
  height: 500px; 
  
  
}

.img-pixel {
 
  object-fit:contain; 
}

.custom-navbar{
  background-color: rgb(26, 26, 50);
  color: white;
}
.navbar-nav .nav-item  a{
  color:white;
}
.navbar-nav .nav-item  a:hover{
  color: #007bff; 
  border-bottom: 2px solid #007bff; 
}
.carousel-caption {
  position: absolute;
  top: 35%;
  left: 50%;
   background-color: transparent !important; 

  transform: translate(-50%, -50%);
  text-align: center;
  padding: 15px 25px;
  border-radius: 8px;
  color: white;
  width: 80%;
  display: block; 
  
}
.carousel-caption h1 p{
  font-family:Arial, Helvetica, sans-serif;
  font-weight: 200;
}

.carousel-caption h1{
  font-size:3rem;
  letter-spacing: 0.2em;
}
.carousel-caption p{
  color: rgb(186, 183, 180);
  font-size: 1.25rem;
  font-weight: 300;
}
.carousel-caption a{
  background: rgba(14, 3, 46, 0.7);
  color: white;
}
.carousel-caption a:hover{
   background: rgba(92, 86, 110, 0.7);
}

.card-img-top {
    height: 190px;
    
    object-fit: cover;
  }

  .card-body {
    padding: 0.75rem;
  }

  .card-text {
    font-size: 0.9rem;
  }
  .testimonial-card img{
    width: 60px;
    height: 60px;
   

  }
  .testimonial-card {
    border: 1px solid #ddd;
    border-radius: 10px;
    padding: 20px;
    text-align: center;
    background-color: #fff;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);}
   
 .custom-form {
    background-color: #fff;
    padding: 30px;
    border-radius: 10px;
    box-shadow: 0 8px 16px rgba(52, 45, 142, 0.1);
    transition: transform 0.3s ease;
  }

  .custom-form:hover {
    transform: translateY(-3px);
  }

  .custom-input {
    border-radius: 8px;
    transition: box-shadow 0.3s ease, border 0.3s ease;
  }

  .custom-input:focus {
    box-shadow: 0 0 5px rgba(32, 59, 88, 0.5);
    border-color: #163c65;
  }

  .btn-custom {
    background-color: #1e3145;
    color: white;
    border-radius: 8px;
    padding: 10px 20px;
    transition: background-color 0.3s ease, transform 0.3s ease;
  }

  .btn-custom:hover {
    background-color: #264567;
    transform: scale(1.05);
    
  }
  .footer{
    background-color:rgb(26, 26, 50) ;
    color: white;
    padding: 15px 0;
  }
  