/* pricing.css */
body {
    background-color: #ffffff;
    font-family: Arial, sans-serif;
}

.pricing-wrapper {
    display: flex;
    justify-content: space-around;
    align-items: center;
    flex-wrap: wrap;
    padding: 50px;
}

.pricing-card {
    background-color: rgb(122, 89, 255);
    padding: 40px 30px;  /* Increased padding for bigger boxes */
    border-radius: 10px;
    box-shadow: 0 6px 12px rgb(154, 15, 246); /* Larger shadow */
    width: 300px;  /* Increased width */
    text-align: center;
    margin: 20px;
    transition: transform 0.3s ease;  /* Smooth transition on hover */
}

/* Hover effect to make the boxes look larger on hover */
.pricing-card:hover {
    transform: scale(1.05);
}

.pricing-card h3 {
    font-size: 1.8em;  /* Increased font size */
    margin-bottom: 15px;
    color: white;  /* Text color changed to white */
}

.pricing-card h1 {
    font-size: 2.5em;  /* Increased font size */
    margin-bottom: 15px;
    color: white;  /* Text color changed to white */
}

.pricing-card ul {
    list-style: none;
    padding-left: 0;
    margin-bottom: 20px;
}

.pricing-card ul li {
    margin: 12px 0;
    font-size: 1.1em;  /* Slightly larger font size */
    color: white;  /* Text color changed to white */
}

.pricing-card a {
    display: block;
    background-color: #f7f8fe;
    color: rgb(0, 0, 0);
    padding: 15px 20px;  /* Larger padding */
    border-radius: 5px;
    text-decoration: none;
    font-weight: bold;
    margin-top: 15px;
    font-size: 1.2em;  /* Larger font size */
    transition: background-color 0.3s ease; /* Smooth transition for hover */
}

.pricing-card a:hover {
    background-color: #29cff1;
    color: white;  /* Text color changes to white on hover */

}
.refund-link {
    color: #ffffff; /* Text color */
    background-color: #0078d7; /* Button background color */
    padding: 10px 20px; /* Spacing inside the button */
    text-decoration: none; /* Remove underline */
    border-radius: 5px; /* Rounded corners */
    font-weight: bold; /* Bold text */
    box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1); /* Subtle shadow */
    transition: all 0.3s ease; /* Smooth hover effect */
}

.refund-link:hover {
    background-color: #005a9e; /* Darker blue on hover */
    color: #e0e0e0; /* Slightly lighter text color on hover */
    transform: translateY(-3px); /* Slight lift effect on hover */
}