:root {
    --saylani-green: #66b032;
    --saylani-blue: #0057a8;
}

body {
     background: linear-gradient(to right, #4e73df, #1cc88a);
    font-family: 'Segoe UI', sans-serif;
}

.navbar {
    background-color: var(--saylani-blue) !important;
}
.heading{
    color: #238d66;
}
.btn-saylani-green {
    background-color: var(--saylani-blue);
    color: white;
    border: none;
}

.btn-saylani-green:hover {
    background-color: #00458a;
    color: white;
}

.btn-saylani-blue {
    background-color: var(--saylani-blue);
    color: white;
    border: none;
}

.btn-saylani-blue:hover {
    background-color: #00458a;
    color: white;
}

.card {
    border-radius: 12px;
     cursor: pointer;
      transition: transform 0.4s;
      padding: 10px;

}   
.card:hover{
     box-shadow: 15px 10px 30px rgb(118, 169, 184);
      transform: scale(1.03);
}