input[type="text"] {
        position: relative;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        background: #f87b9b url(period_calander.png) no-repeat 90%;
        background-size: 40px; /* Adjust the size for a better fit */
        height: 70px;
        width: 200px;
        border-radius: 15px; /* Adjust corner roundness */
        font-size: 20px;
        border: none; /* Remove default border */
        outline: none; /* Remove default outline */
        padding-right: 40px; /* Space to prevent text overlap with image */
        padding-left: 10px; /* Padding for text input */
        color: white; /* Set text color for better contrast */
        cursor: pointer; /* Indicates clickable area */
        text-align: center; /* Center text in the input */
    }
    
    input:focus {
        border: 1px solid #fffafa; /* Style for focus */
    }