#banner {
    .card{
        background: #33333340;
        backdrop-filter: blur(12px)
    }
    h1 {
        font-size: 50px;
    }
}
#main {
    .otr_crd {
        box-shadow: 4px 4px 12px 0px #68686840;
        transition: .5s;
        img {
            transition: .3s;
            object-fit: cover;
        }
    }
    .otr_crd:hover  {
        /* transform: scale(1.02); */
        box-shadow: rgba(0, 0, 0, 0.45) 0px 25px 20px -20px;
        margin-top: -10px;
        img {
            transform: scale(1.02);
            /* margin-top: -15px; */
        }
    }
    .grand_care_blu {
        width: 40%;
        justify-self: center;
        .card {
            cursor: pointer;
        }
    }
    .grand_care_blu .active {
        background: var(--Blue, #0063DB)!important;
        color: white!important;
    }
}
@media (max-width: 1024px){
    #banner {
      height: auto !important;
      background-repeat: no-repeat !important;
      background-size: cover !important;
    }
}
@media (max-width: 600px){
    #banner {
      h1 {
          font-size: 30px !important;
      }
    }
    #main {
        .grand_care_blu {
            width: 85%;
        }
    }
}