/* 
.class-container {
   width: 100%;
   max-width: 350px;
   background: white;
   border-radius: 8px;
   box-shadow: 0 2px 10px rgba(0,0,0,0.1);
   overflow: hidden;
}

.class-header {
   background-color: #5cc3c6;
   color: white;
   padding: 20px;
   text-align: center;
   font-size: 22px;
   font-weight: bold;
}

.class-features {
   padding: 25px;
}

.feature-item {
   display: flex;
   align-items: center;
   margin-bottom: 15px;
   font-size: 15px;
}

.feature-item input[type="checkbox"] {
   width: 18px;
   height: 18px;
   margin-right: 12px;
   accent-color: #5cc3c6;
}

.enquire-btn {
   display: block;
   width: 100%;
   padding: 12px;
   background-color: #5cc3c6;
   color: white;
   border: none;
   border-radius: 4px;
   font-size: 16px;
   font-weight: bold;
   cursor: pointer;
   margin-top: 20px;
   text-align: center;
   text-decoration: none;
} */


.class-box {
   display: flex;
   justify-content: space-between;
   align-items: center;
   border: 1px solid black;
   padding: 10px;
   max-width: 100%;
   width: 600px; /* Adjust if needed */
}

.class-content {
   display: flex;
   flex-direction: column;
   gap: 5px;
}

.enquire {
   white-space: nowrap;
}
@media (max-width: 600px) {
   .class-box {
       flex-direction: column;
       align-items: flex-start;
   }

   .enquire {
       margin-top: 10px;
       align-self: flex-end;
   }
}