.circle-container {
    position: relative;
    width: 250px;
    height: 250px;
    border: 3px solid #ffffff; /* Border with yellow color */
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;   
    margin-left: 30px; 
}

.circle-container img {
    width: 98%;
    height: 98%;
    border-radius: 50%;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2); /* Apply shadow to the image */
}

.custom-input {
    border: none;
    border-bottom: 2px dotted #000;
    background-color: transparent;
    font-size: 1.3rem;
    padding: 8px 0;
    outline: none;
    color: #333;
    font-family: 'FuturaMdBtMedium'
}

.custom-input::placeholder {
    color: #666;
}

.custom-input:focus {
    border-color: #000;
    box-shadow: none;
}

.custom-button {
    background-color: rgb(248, 184, 64); /* Orange button */
    color: black;
    font-size: 1rem;
    text-transform: uppercase;
    transition: background-color 0.3s;
    border: 3px solid #ffffff;
    border-radius: 0%;
    margin-right: 77%;
    font-family: 'FuturaMdBtMedium';
}

.custom-button .arrow {
    margin-left: 8px;
    font-size: 1.2rem;
}

.custom-button:hover {
    background-color: #d4731a; /* Slightly darker orange */
}

form {
    margin-top: 10px;
}

p {
    font-size: 0.9rem;
    color: #555;
    margin-bottom: 0.2rem;
}

/* Responsive Fix for Mobile */
@media (max-width: 576px) {
    .circle-container {
        margin-top: 0; /* Reset margin to prevent cut-off on mobile */
    }

    .custom-button{
margin-right: 0%;
    }
}