.custom-button {
    width: 250px;
    height: 70px; /* Adjust the height as needed */

    /*background-image: url('../images/opportunity.png'); !* Replace with your image path *!*/
    /*background-size: cover; !* Scale the image to cover the entire button *!*/
    /*background-position: center; !* Center the image *!*/
    background: #fff;
    border-radius: 0px 20px;
    border: none; /* Remove default border */
    color: #465fab; /* Text color */
    font-size: 16px; /* Adjust font size */
    font-weight: bold;
    cursor: pointer;
    text-align: center;
    display: inline-block;
    transition: all 0.3s ease;
}

.custom-button:hover {
    width: 250px;
    height: 70px; /* Adjust the height as needed */

    /*background-image: url('../images/opportunity.png'); !* Replace with your image path *!*/
    /*background-size: cover; !* Scale the image to cover the entire button *!*/
    /*background-position: center; !* Center the image *!*/
    background: #c0fdf8;
    border-radius: 0px 20px;
    border: none; /* Remove default border */
    color: #465fab; /* Text color */
    font-size: 16px; /* Adjust font size */
    font-weight: bold;
    cursor: pointer;
    text-align: center;
    display: inline-block;
    transition: all 0.3s ease;
}

.custom-h1 {
    background-image: url('../images/title.png'); /* Replace with your image path */
    background-repeat: no-repeat;
    /*background-size: cover; !* Scale the image to cover the entire button *!*/
    background-position: center; /* Center the image */

    color: #465fab; /* Text color */
    font-size: 1.2rem;
    font-weight: bold;
    padding: 10px;
    height: 50px;

}

.card {
    display: flex;
    flex-direction: column;
    height: 100%;
}

.custom-input-label {
    background-image: url('../images/input-label-bg.png'); /* Replace with your image path */
    background-repeat: no-repeat;
    background-size: cover; /* Scale the image to cover the entire button */
    background-position: center; /* Center the image */

    color: #465fab; /* Text color */
    font-size: 1.2rem;
    font-weight: bold;
    padding: 10px;
}

.custom-input-input {

    color: #465fab; /* Text color */
    font-size: 1.2rem;
    font-weight: bold;
    padding: 20px;
}

@media (max-width: 768px) {
    .custom-button {
        width: 120px;
        height: 70px; /* Adjust the height as needed */

        /*background-image: url('../images/opportunity.png'); !* Replace with your image path *!*/
        /*background-size: cover; !* Scale the image to cover the entire button *!*/
        /*background-position: center; !* Center the image *!*/
        background: #fff;
        border-radius: 0px 20px;
        border: none; /* Remove default border */
        color: #465fab; /* Text color */
        font-size: 0.7rem; /* Adjust font size */
        font-weight: bold;
        cursor: pointer;
        text-align: center;
        display: inline-block;
        transition: all 0.3s ease;
    }

    .custom-h1 {
        background: #fff;
        border-radius: 0px 20px;
        color: #465fab; /* Text color */
        font-size: 1rem;
        font-weight: bold;
        padding: 10px;
        height: 50px;
    }

    .text-white{
        color: #fff;
        font-size: 0.9rem;
    }



    .custom-input-label {
        background: #43c2cb;
        color: #465fab; /* Text color */
        font-size: 0.9rem;
        font-weight: bold;

    }

    .custom-input-label h6 {
        font-size: 0.7rem;
        font-weight: bold;

    }

    .custom-input-input {
        color: #465fab; /* Text color */
        font-size: 0.7rem;

    }
}