h1 {
        text-align: center;
        font-size: 24px;
        margin-bottom: 20px;
        color: #003366;
    }
    .bespoke{
        width: 1500px;
        max-width: 1600px;
        margin: auto;
        padding: 0px;
    }
    /*upload box css*/
    .upload-boxes-container {
        display: flex; /* Arrange upload boxes horizontally */
        gap: 20px; /* Space between each upload box container */
        justify-content: center; /* Center the boxes horizontally */
        margin-top: 20px; /* Add some top margin to push them down */
    }
    .upload-box-container {
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 5px;
    }
    /* Upload button (initial state below) */
    .upload-btn {
        background-color: #C48793; /* Darker rose gold */
        color: white;
        padding: 5px 10px;
        border-radius: 5px;
        cursor: pointer;
        font-size: 14px;
        transition: opacity 0.3s ease; /* Smooth transition */
    }
    /* Hide the button when image is uploaded */
    .upload-btn.hidden {
        display: none;
    }
    /* Upload box */
    .upload-box {
        width: 200px;
        height: 160px;
        border: 2px solid grey;
        display: flex;
        align-items: center;
        justify-content: center;
        text-align: center;
        position: relative;
        overflow: hidden;
        border-radius: 10px;
        background-color: #fff;
    }
    /* Hide default file input */
    .upload-box input {
        display: none;
    }
    /* "Add Image" label inside the box */
    .upload-box label {
        position: absolute;
        z-index: 2;
        background-color: rgba(230, 184, 183, 0.8);
        padding: 5px 10px;
        border-radius: 5px;
        color: white;
        font-size: 12px;
        transition: opacity 0.3s ease;
    }
    /* Image preview (shown properly without cropping) */
    .upload-box img {
        width: 100%;
        height: 100%;
        object-fit: contain; /* Ensures the full image is shown */
        display: none;
    }
    .close-icon {
        display: none;
        position: absolute;
        top: 6px;
        right: 6px;
        width: 24px;
        height: 24px;
        background-color: #E6B8B7;
        color: 	#8B5E5A;
        font-size: 16px;
        font-weight: bold;
        border-radius: 4px;
        text-align: center;
        line-height: 24px;
        cursor: pointer;
        z-index: 5;
    }
    /*upload box of image*/
    
    /*form css */
    .form-group-container {
        display: flex; /* Arrange form groups horizontally */
        justify-content: center; /* Center all fields horizontally */
        gap: 30px; /* Space between each form group */
        margin-top: 20px; /* Add space between upload boxes and the form */
    }
    .form-group {
        display: flex;
        flex-direction: column; /* Stack label and input vertically */
        align-items: flex-start; /* Align items to the left of their container */
        width: 200px; /* Adjust the width to accommodate the label and input */
    }
    .form-group label {
        margin-bottom: 10px; /* Space between label and input/select */
        text-align: center; /* Center the label horizontally within its container */
        width: 100%; /* Ensure the label spans the full width of the form group */
        color: #003366;
    }
    .form-group select,
    .form-group input {
        width: 100%; /* Ensure input/select takes up full width within the form group */
        padding: 5px;
        font-size: 14px;
        border-radius: 5px;
        border: 1px solid #ccc;
    }
    .form-group1 textarea {
        width: 300px; /* Fixed width */
        height: 130px; /* Fixed height */
        padding: 5px;
        font-size: 14px;
        border-radius: 5px;
        border: 1px solid #ccc;
        resize: none; /* Disable resizing */
        margin-top: 20px; /* Adjust spacing if needed */
        margin-left: -343px; /* Move the entire form group to the left */
    }
    .form-group1 {
        display: flex;
        flex-direction: column; /* Stack label and textarea vertically */
        align-items: flex-start; /* Align the label and textarea to the left */
        margin-top: 20px; /* Adjust spacing if needed */
        margin-left: 40px; /* Move the entire form group to the left */
    }
    #comment1 {
        position: relative; /* Keeps the label in its place without affecting other elements */
        display: block; /* Ensures label takes up a full line */
        margin-left: -345px; /* Removes any left margin if added earlier */
        color: #003366;
    }
    /*ending of form css*/
    
    /* Centered Submit Button */
    .submit-container {
        display: flex;
        justify-content: center; /* Horizontally center the button */
        margin-top: -45px; /* Add space between fields and the button */
        margin-left:600px;
    }
    .submit-btn {
        padding: 10px 20px;
        font-size: 16px;
        background-color: green;
        color: white;
        border: none;
        border-radius: 5px;
        cursor: pointer;
    }
    .submit-btn:hover {
        background-color: darkgreen;
    }
    /*ending of the submit button css*/
    
    /*upload box css*/
    #up1 + label {
        background-color: #E6B8B7; /* Light rose gold color */
        color: white;
        padding: 10px 20px; /* Reduced padding to reduce the height */
        border-radius: 5px;
        display: inline-block;
        text-align: center;
        cursor: pointer;
        transition: background-color 0.3s ease; /* Smooth transition for hover effect */
        font-size: 14px; /* Font size */
    }
    #up1 + label:hover {
        background-color: #C48793; /* Darker rose gold on hover */
    }
    #up2 + label {
        background-color: #E6B8B7; /* Light rose gold color */
        color: white;
        padding: 10px 20px; /* Reduced padding to reduce the height */
        border-radius: 5px;
        display: inline-block;
        text-align: center;
        cursor: pointer;
        transition: background-color 0.3s ease; /* Smooth transition for hover effect */
        font-size: 14px; /* Font size */
    }
    #up2 + label:hover {
        background-color: #C48793; /* Darker rose gold on hover */
    }
    #up3 + label {
        background-color: #E6B8B7; /* Light rose gold color */
        color: white;
        padding: 10px 20px; /* Reduced padding to reduce the height */
        border-radius: 5px;
        display: inline-block;
        text-align: center;
        cursor: pointer;
        transition: background-color 0.3s ease; /* Smooth transition for hover effect */
        font-size: 14px; /* Font size */
    }
    #up3 + label:hover {
        background-color: #C48793; /* Darker rose gold on hover */
    }
    /*ending of the that box upload event*/
    
    /*below the upload box button*/
    .upload-btn {
        display: block;     /* Make the label block-level */
        height: 30px;   /* Set height */
        width: 150px;   /* Set width */
        background-color: green;    /* Green background */
        text-align: center;     /* Center the text */
        line-height: 25px;      /* Vertically center the text */
        border-radius: 3px;     /* Rounded corners */
        color: white;       /* Text color */
        margin-top: 10px;   /* Space between upload box and label */
        font-size: 14px;    /* Font size */
        cursor: default;    /* Default cursor, no interaction */
    }
    /*ending of the below the upload box*/
    .message-container {
        display: flex;
        flex-direction: column;
        align-items: center;        /* Center all child elements horizontally */
        justify-content: center;     /* Center vertically if needed */
        text-align: center;         /* Center the text in each paragraph */
    }
    /* Main container (increased height) */
    .cust_require_container {
        max-width: 800px;
        margin: 20px auto;
        padding: 20px;
        background: #fff;
        box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
        border-radius: 10px;
        height: 853px; /* Increased height */
        z-index: 2;
        margin-top: 60px;
        flex: 1; /* This allows the container to take up the available space between the two boxes */
        padding: 20px;
        box-sizing: border-box;
    }
    /* Styling for each box inside the left-side and right-side */
   
    /* Media Queries for Responsiveness */
    /*@media (max-width: 1200px) {*/
    /*    .form-group-container {*/
    /*        gap: 20px;*/
    /*    }*/
    /*    .form-group, .form-group1 {*/
    /*        width: 180px;*/
    /*    }*/
    /*    .upload-box {*/
            /*width: 150px;  Reduced width */
            /*height: 120px;  Reduced height */
    /*    }*/
    /*    .upload-btn {*/
            /*font-size: 12px;  Reduced font size */
            /*padding: 4px 8px;  Adjusted padding */
    /*    }*/
    /*    #up1 + label,*/
    /*    #up2 + label,*/
    /*    #up3 + label {*/
            /*font-size: 12px;  Reduce font size */
            /*padding: 8px 16px;  Adjust padding */
    /*    }*/
    /*    .submit-btn {*/
    /*        font-size: 14px;*/
    /*    }*/
    /*    .cust_require_container {*/
            /*max-width: 600px;  Reduce max-width for medium screens */
            /*margin: 20px auto;  Ensure it stays centered */
    /*        padding: 20px;*/
    /*    }*/
        /* Submit Button and Comment Section - Keeping Original Position */
    /*    .submit-container {*/
    /*        display: flex;*/
    /*        justify-content: center;*/
            /*margin-top: -45px;  Keep the submit button position as it was */
    /*    }*/
    /*    .submit-btn {*/
    /*        font-size: 16px;*/
    /*        padding: 10px 20px;*/
    /*        background-color: green;*/
    /*        color: white;*/
    /*        border: none;*/
    /*        border-radius: 5px;*/
    /*        cursor: pointer;*/
    /*    }*/
    /*    .submit-btn:hover {*/
    /*        background-color: darkgreen;*/
    /*    }*/
        /* Comment Section */
    /*    .form-group1 {*/
    /*        width: 300px;*/
    /*        margin-top: 20px;*/
            /*margin-left: 343px;  Maintain the original positioning */
    /*    }*/
    /*    .form-group1 textarea {*/
    /*        width: 300px;*/
    /*        height: 130px;*/
    /*        padding: 5px;*/
    /*        font-size: 14px;*/
    /*        border-radius: 5px;*/
    /*        border: 1px solid #ccc;*/
    /*        resize: none;*/
    /*    }*/
        /* Message Container */
    /*    .message-container {*/
    /*        display: flex;*/
    /*        flex-direction: column;*/
    /*        align-items: center; */
    /*        justify-content: center;*/
    /*        text-align: center;*/
    /*    }*/
    /*}*/
    /*@media (max-width: 992px) {*/
    /*    .upload-box {*/
            /*width: 130px;  Reduced width */
            /*height: 100px;  Reduced height */
    /*    }*/
    /*    .upload-btn {*/
            /*font-size: 12px;  Reduced font size */
            /*padding: 4px 8px;  Adjusted padding */
    /*    }*/
    /*    #up1 + label,*/
    /*    #up2 + label,*/
    /*    #up3 + label {*/
            /*font-size: 11px;  Further reduce font size */
            /*padding: 7px 14px;  Adjust padding */
    /*    }*/
    /*    .form-group, .form-group1 {*/
    /*        width: 160px;*/
    /*    }*/
    /*    .submit-btn {*/
    /*        width: 100%;*/
    /*        font-size: 14px;*/
    /*    }*/
    /*    .submit-container {*/
    /*        margin-left: 0;*/
    /*        margin-top: 20px;*/
    /*    }*/
    /*    .cust_require_container {*/
            /*max-width: 500px;  Reduce max-width for smaller screens */
    /*        padding: 15px;*/
            /*margin: 20px auto;  Keep the container centered */
    /*    }*/
        /* Submit Button and Comment Section - Keeping Original Position */
    /*    .submit-container {*/
    /*        display: flex;*/
    /*        justify-content: center;*/
            /*margin-top: -45px;  Keep the submit button position as it was */
    /*    }*/
    /*    .submit-btn {*/
    /*        font-size: 14px;*/
    /*        width: 100%;*/
    /*    }*/
    /*    .form-group1 {*/
    /*        width: 300px;*/
    /*        margin-top: 20px;*/
    /*        margin-left: 343px;*/
    /*    }*/
    /*    .form-group1 textarea {*/
    /*        width: 300px;*/
    /*        height: 130px;*/
    /*    }*/
    /*}*/
    /*@media (max-width: 768px) {*/
    /*    .upload-box {*/
            /*width: 120px;  Reduced width */
            /*height: 90px;  Reduced height */
    /*    }*/
    /*    .upload-btn {*/
    /*        width: 100%;*/
            /*font-size: 12px;  Reduced font size */
            /*padding: 3px 6px;  Adjusted padding */
    /*    }*/
    /*    #up1 + label,*/
    /*    #up2 + label,*/
    /*    #up3 + label {*/
            /*font-size: 10px; Smaller font size */
            /*padding: 6px 12px;  Adjust padding */
    /*    }*/
    /*    .form-group, .form-group1 {*/
    /*        width: 150px;*/
    /*    }*/
    /*    .submit-btn {*/
    /*        width: 100%;*/
    /*        font-size: 14px;*/
    /*    }*/
    /*    .upload-btn {*/
    /*        width: 100%;*/
    /*        font-size: 12px;*/
    /*    }*/
    /*    .cust_require_container {*/
    /*        max-width: 100%;*/
    /*        padding: 10px;*/
            /*margin: 10px auto;  Ensure it fits inside the screen */
    /*    }*/
        /* Submit Button and Comment Section - Keeping Original Position */
    /*    .submit-container {*/
    /*        display: flex;*/
    /*        justify-content: center;*/
            /*margin-top: -45px; Keep the submit button position as it was */
    /*    }*/
    /*    .submit-btn {*/
    /*        width: 100%;*/
    /*        font-size: 14px;*/
    /*    }*/
    /*    .form-group1 {*/
    /*        width: 300px;*/
    /*        margin-top: 20px;*/
    /*        margin-left: 343px;*/
    /*    }*/
    /*    .form-group1 textarea {*/
    /*        width: 300px;*/
    /*        height: 130px;*/
    /*    }*/
    /*}*/
    /*@media (max-width: 576px) {*/
    /*    .upload-box {*/
            /*width: 110px;  Reduced width */
            /*height: 80px; Reduced height */
    /*    }*/
    /*    .upload-btn {*/
    /*        font-size: 12px;*/
    /*        width: 100%;*/
    /*    }*/
    /*    #up1 + label,*/
    /*    #up2 + label,*/
    /*    #up3 + label {*/
            /*font-size: 9px;  Smaller font size */
            /*padding: 5px 10px;  Adjust padding */
    /*    }*/
    /*    .form-group, .form-group1 {*/
    /*        width: 140px;*/
    /*    }*/
    /*    .submit-btn {*/
    /*        font-size: 12px;*/
    /*    }*/
    /*    .message-container {*/
    /*        font-size: 12px;*/
    /*    }*/
    /*    .upload-btn {*/
    /*        font-size: 12px;*/
    /*        width: 100%;*/
    /*    }*/
    /*    .submit-container {*/
    /*        margin-left: 0;*/
    /*        margin-top: 10px;*/
    /*    }*/
    /*    .cust_require_container {*/
    /*        padding: 10px;*/
            /*margin: 10px auto;  Ensure the container remains centered */
    /*    }*/
        /* Submit Button and Comment Section - Keeping Original Position */
    /*    .submit-container {*/
    /*        display: flex;*/
    /*        justify-content: center;*/
            /*margin-top: -45px;  Keep the submit button position as it was */
    /*    }*/
    /*    .submit-btn {*/
    /*        font-size: 12px;*/
    /*    }*/
    /*    .form-group1 {*/
    /*        width: 300px;*/
    /*        margin-top: 20px;*/
    /*        margin-left: 343px;*/
    /*    }*/
    /*    .form-group1 textarea {*/
    /*        width: 300px;*/
    /*        height: 130px;*/
    /*    }*/
    /*}*/
    /*@media (max-width: 400px) {*/
    /*    .upload-box {*/
            /*width: 100px; Reduced width */
            /*height: 70px; Reduced height */
    /*    }*/
    /*    .upload-btn {*/
    /*        font-size: 12px;*/
    /*        width: 100%;*/
    /*    }*/
    /*    #up1 + label,*/
    /*    #up2 + label,*/
    /*    #up3 + label {*/
            /*font-size: 8px;  Smallest font size*/
            /*padding: 4px 8px;  Adjust padding */
    /*    }*/
    /*    .form-group, .form-group1 {*/
    /*        width: 120px;*/
    /*    }*/
    /*    .submit-btn {*/
    /*        width: 100%;*/
    /*        font-size: 12px;*/
    /*    }*/
    /*    .upload-btn {*/
    /*        font-size: 12px;*/
    /*        width: 100%;*/
    /*    }*/
    /*    .cust_require_container {*/
    /*        padding: 10px;*/
            /*margin: 10px auto;  Ensure it's centered*/
    /*    }*/
        /* Submit Button and Comment Section - Keeping Original Position */
    /*    .submit-container {*/
    /*        display: flex;*/
    /*        justify-content: center;*/
            /*margin-top: -45px;  Keep the submit button position as it was */
    /*    }*/
    /*    .submit-btn {*/
    /*        font-size: 12px;*/
    /*        width: 100%;*/
    /*    }*/
    /*    .form-group1 {*/
    /*        width: 100%;*/
    /*        margin-top: 20px;*/
            /*margin-left: 0;  Adjust margin */
    /*    }*/
    /*    .form-group1 textarea {*/
    /*        width: 100%;*/
    /*        height: 100px;*/
    /*    }*/
    /*}*/
    /* Footer container styling */
    .customer_req_above {
        background-color: #f1f1f1; /* Light background color */
        padding: 20px; /* Padding around the content */
        text-align: center; /* Center the text */
        border-radius: 5px; /* Optional rounded corners */
        margin-bottom: 20px; /* Space between footer and advertisement */
        position: relative;
        width: 98%; /* Decreased width (Adjust as needed) */
        max-width: 750%; /* Optional: Limit maximum width */
        margin-left: auto; /* Center it horizontally */
        margin-right: auto; /* Center it horizontally */
        overflow: hidden; /* Ensures image doesn't overflow the container */
    }
    .footer-image {
        width: 100%; /* Makes the image cover the entire width */
        height: 100%; /* Makes the image cover the entire height */
        object-fit: cover; /* Ensures the image covers the div area without distortion */
        border-radius: 5px; /* Apply rounded corners, adjust value for more/less curve */
    }
    /*ending of css of footer advertisement*/
    .advertise_both {
        display: flex; /* This will align child elements horizontally */
        justify-content: space-between; /* Spaces out the boxes */
    }
    .box {
        width: 200px;
        height: 600px;
        margin: 10px;
        background-color: lightblue;
        border-radius: 5px;
    }
    .box img {
        width: 100%;  /* Makes the image fill the entire width of the box */
        height: auto; /* Maintains the aspect ratio of the image */
        border-radius: 5px;
    }