/* Preloader Styles */
.preloader {
    position: fixed;
    width: 100%;
    height: 100%;
    background: #f5deb3; /* Wheat color background */
    z-index: 9999;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: opacity 1s ease-in-out; /* Smoother transition */
}

.wheat-loader {
    position: relative;
    width: 170px;
    height: 170px;
}

.wheat-spinner {
    position: absolute;
    width: 100%;
    height: 100%;
    border: 4px solid rgba(245, 222, 179, 0.2); /* Light wheat */
    border-radius: 50%;
    border-top: 4px solid #b8860b; /* Dark goldenrod */
    border-right: 4px solid #d2b48c; /* Tan */
    border-bottom: 4px solid #cd853f; /* Peru */
    animation: wheat-spin 2s cubic-bezier(0.68, -0.55, 0.27, 1.55) infinite; /* Smoother animation */
}

.wheat-image img {
    width: 140px; /* Adjust width as needed */
    height: auto; /* Maintain aspect ratio */
    position: relative; /* Or use absolute if needed */
    top: 15px; /* Move down */
    left: 15px; /* Move right */
}

.wheat-background img {
    width: 1920px; /* Adjust width as needed */
    height: 800px; /* Maintain aspect ratio */
    position: relative; /* Or use absolute if needed */
    bottom: 330px; /* Move down */
    right: 880px; /* Move right */
}

@keyframes wheat-spin {
    0% { 
        transform: rotate(0deg);
        opacity: 1;
    }
    50% {
        opacity: 0.7;
    }
    100% { 
        transform: rotate(360deg);
        opacity: 1;
    }
}