
  .unique-bg-1 {
    background-color: rgb(67, 166, 241); /* Light peach */
    padding: 20px;
    border-radius: 10px;
}

.unique-bg-2 {
    background-color: rgba(173, 216, 230, 0.7); /* Light Blue with transparency */
    padding: 20px;
    color: black;
    border-radius: 10px;
}

.unique-bg-3 {
    background-color: rgb(210, 255, 200); /* Light green */
    padding: 20px;
    border-radius: 10px;
}

.unique-bg-4 {
    background-color: rgb(255, 210, 240); /* Light pink */
    padding: 20px;
    border-radius: 10px;
}

.icon-box, .why-box {
    color: #333; /* Text color for better readability */
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); /* Add subtle shadow */
    transition: transform 0.3s ease, box-shadow 0.3s ease; /* Smooth hover effect */
}

.icon-box:hover, .why-box:hover {
    transform: scale(1.05); /* Slight zoom on hover */
    box-shadow: 0 6px 10px rgba(0, 0, 0, 0.2); /* Enhance shadow on hover */
}

