body {
}
Appsection {
    background-color: #f8f9fa;
}

.feature-section {
    background-color: #ffffff;
}

.card {
    border: 1px solid #e2e8f0; /* Adjust the border color and size as needed */
    border-radius: 8px; /* Adjust the border radius as needed */
    transition: transform 0.3s;
}

    .card:hover {
        transform: translateY(-5px);
    }

.card-img-top {
    height: 200px;
    object-fit: contain;
    max-height: 200px; /* Adjust the value as needed */
}

.row {
    display: flex; /* Enable Flexbox for row alignment */
    align-items: center; /* Vertically align items */
}

.col-md-6 img {
    max-height: 500px; /* Set a max height for the image to make it proportional */
    object-fit: contain; /* Ensure the image maintains aspect ratio */
    margin-top: -20px; /* Adjust this to compensate for the white background */
}

.position-absolute.translate-middle.text-center {
    transform: none; /* Remove unnecessary vertical transform */
    margin: 0 auto; /* Center the text properly */
}

.section-spacing {
    margin-top: 0; /* Remove top spacing */
    padding-top: 0; /* Remove padding */
}

.Appsection {
    padding-top: 0; /* Ensure no space between navbar and section */
}
.text-primary {
    color: #001E6C;
}

.custom-buy-button {
    display: inline-block;
    background-color: #007bff; /* Primary blue color */
    color: #ffffff; /* White text color */
    font-size: 16px; /* Adjust font size */
    font-weight: bold; /* Bold text */
    text-align: center; /* Center text */
    text-decoration: none; /* Remove underline */
    padding: 10px 20px; /* Padding for the button */
    border: none; /* Remove default border */
    border-radius: 5px; /* Rounded corners */
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); /* Slight shadow for depth */
    transition: background-color 0.3s, transform 0.2s; /* Smooth hover effects */
}

    .custom-buy-button:hover {
        background-color: #0056b3; /* Darker blue on hover */
        transform: translateY(-2px); /* Slight lift on hover */
        text-decoration: none; /* Ensure no underline on hover */
    }

    .custom-buy-button:active {
        transform: translateY(0); /* Reset lift effect on click */
    }