.pi_sizing {
    width: 85%;
    margin: 2em auto;
}

@media (max-width: 768px) {
    .pi_sizing {
        width: 100%;
        margin: 1em 0;
    }
}

.back-button {
    font-weight: bold;
    padding: 10px 15px;
    color: #F88022;
    cursor: pointer;
    text-decoration: none;
}

.notice-box {
	background-color: #fdead2; /* Orange opaque */
	border-radius: 15px; /* Rounded corners */
	padding: 20px;
	width: 100%;
	margin: 20px auto; /* Center the box horizontally */
	box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); /* Optional: add a slight shadow */
}

.file-input {
    display: block;
    width: 100%;
    padding: 0.5rem .75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid grey;
    border-radius: 10px;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;

    /* Additional styles for file input */
    overflow: hidden; /* Ensures the file input button stays within border radius */
    position: relative; /* Needed for centering the file input button */
}

/* Style the file input within .file-input */
.file-input input[type="file"] {
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
    height: 100%;
    width: 100%;
    cursor: pointer;
}

/* Style the text inside the file input button */
.file-input .file-label {
    display: block;
    text-align: center;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* Hover effect for file input button */
.file-input:hover {
    border-color: #6c757d; /* Grey color on hover */
}