

body {
   font-family: 'Poppins', sans-serif;
   margin: 0;
   padding: 0;
   box-sizing: border-box;
 }

.offerings h2{
color: #4A3CE7;
}

.offerings h5{
   font-weight: 600;
   text-align: center;
}
.offerings p{
    font-weight: 600;
    color: rgb(91, 87, 87);
    text-align: justify;
}
.card{
    background-color: #f8f8f8;
    border-radius: 10px;
    padding: 20px;
    /* margin: 10px; */
    box-shadow: 0 8px 12px rgba(0, 0, 0, 0.1);
    transition: transform 0.2s;
    border-radius: 12px;
 }
 .card:hover{
    transform: scale(1.02 );
    box-shadow: 0 12px 16px rgba(0, 0, 0, 0.2);
 }
 
.offerings img{
    width: 100%;
    margin-bottom: 10px;
    border: black solid 1px;
 }

 button{
    background-color: #69951D; 
    color: white;
    padding: 15px 32px;
    text-align: center;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    border-radius: 12px;
 }
 @media (max-width: 768px) {
    header h1 {
        font-size: 28px;
    }
    .offerings h5{
        font-size: 20px;
    }
    .offerings p{
        font-size: 16px;
    }
   .offerings .card{
      margin-top:15px ;
   }
   
 }