body{
font-family: "Inter", "Segoe UI", Roboto, Arial, sans-serif;
  }

.bg-primary{
    background-color: #22B8F0 !important; 
}

h1, h2, h3{
color: #22B8F0;
}
p{
    color: #4A4A4A;
}

.card-title{
    color: #22B8F0;
}
.card-img{
    border: none;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.card:hover{
    transform: translateY(-6px);
    box-shadow: 0 12px 25px rgba(0, 0, 0, 0.08);
}

footer{
  background-color: #22B8F0;
  color: #ffffff;
  }
.footer-social{
color:#ffffff;
}

  footer a{
  color: #ffffff;
  text-decoration: none;
}
footer a:hover{
  text-decoration: underline;
  opacity: 0.8;
}