.row{
    margin-left: auto;
    margin-right: auto;
}
.btn{
    background-color: rgba(0, 255, 162, 0.55);
    border-color: rgba(0, 255, 162, 0.55);
}
.btn:hover{
    background-color: rgba(0, 255, 162, 0.75);
    border-color: rgba(0, 255, 162, 0.75);
}
.btn:active{
    background-color: rgba(0, 255, 162, 0.95);
    border-color: rgba(0, 255, 162, 0.95);
}
.icon{
    margin-right: 4%;
    margin-top: 0.5%;
}
.card{
    display: inline-flex;
    margin: 3%;
    gap: 10px;
}
.Features{
    background-image: linear-gradient(to bottom right,rgb(191, 255, 231), rgba(0, 255, 162, 0.55));
}
.Pricing{
    background-image: linear-gradient(to bottom right,rgb(191, 255, 231), rgba(0, 255, 162, 0.55));
}
.social{
    display: inline;
    margin: 1%;
}
.nav-link{
    color: black;
}
.nav-link:hover{
    color: rgba(0, 255, 162, 0.75);
}
.card-img-top{
    border-radius: 5%;
}
.demo h1 {
    font-size: 2.5rem;
  }
  
  .demo h5 {
    font-size: 1.25rem;
    ;
  }
  
  .carousel-inner {
    max-width: 600px;
    margin: 0 auto; /* Centers the carousel horizontally */
  }
  
  .carousel-item img {
    max-height: 300px;
    object-fit: contain; /* Ensures images look good without distortion */
  }
  
  .carousel-item p {
    font-size: 1rem;
    color: rgba(0, 0, 0, 0.75);
    text-align: center;
  }
  .carousel-control-prev-icon,
  .carousel-control-next-icon {
    background-color: rgba(0, 255, 162, 0.75); /* Change button color */
    border-radius: 50%; /* Optional: Make the button icons circular */
  }
  
  .carousel-control-prev-icon:hover,
  .carousel-control-next-icon:hover {
    background-color: rgba(0, 255, 162, 0.55); /* Lighter shade on hover */
  }
  
  .carousel-control-prev,
  .carousel-control-next {
    width: 50px; /* Adjust button size */
    height: 50px;
    background: transparent; /* Make the button background transparent */
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    border: 2px solid rgba(0, 255, 162, 0.75); /* Optional: Add border */
  }
  
  .carousel-control-prev:hover,
  .carousel-control-next:hover {
    border-color: rgba(0, 255, 162, 0.55); /* Change border color on hover */
  }
    header{
      position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    background-color: rgba(255, 255, 255, 0.603);
    border-color: transparent;
    }