#calendlyModal .modal-dialog {
    width: 80%; /* Adjust width as needed */
    max-width: 600px; /* Maximum width */
}

#calendlyModal .modal-content {
    border-radius: 10px; /* Rounded corners for modal */
    overflow: hidden; /* Ensures the iframe fits well */
    background-color: #ffffff; /* Background color of the modal */
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); /* Shadow for a slight 3D effect */
}

#calendlyModal .modal-header {
    padding: 15px; /* Padding for the header */
    border-bottom: 1px solid #e5e5e5; /* Border line for the header */
    background-color: #f7f7f7; /* Background color of the header */
}

#calendlyModal .modal-title {
    margin: 0; /* Resetting margin for the title */
    color: #333333; /* Color of the title text */
    font-size: 18px; /* Size of the title text */
}

#calendlyModal .close {
    color: #666666; /* Color of the close button */
    opacity: 1; /* Make sure it's fully visible */
}

#calendlyModal .modal-body {
    position: relative;
    padding: 0; /* Remove padding to allow the iframe to fit well */
}

/* Calendly Iframe Styles */
#calendlyModal iframe {
    width: 100%; /* Full width */
    height: 700px; /* Adjust height as needed */
    border: none; /* No border for the iframe */
}