/* Default Styles */
.header_toggle_menu_area {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    margin-left: auto;
    margin-top: -90px;
}

.header_searchbar input.headersearch {
    width: 20px;
    height: 20px;
    margin-right: 10px;
}
.sigin-btn {
    background: linear-gradient(45deg, #ff6f61, #ff9966); /* Gradient background */
    color: #fff; /* White text */
    font-size: 16px; /* Font size */
    font-weight: bold; /* Bold font */
    padding: 12px 24px; /* Padding for better spacing */
    border: none; /* Remove border */
    border-radius: 25px; /* Rounded corners */
    cursor: pointer; /* Pointer cursor on hover */
    transition: all 0.3s ease-in-out; /* Smooth transition for hover effect */
    box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1); /* Slight shadow for depth */
}

.sigin-btn:hover {
    background: linear-gradient(45deg, #ff9966, #ff6f61); /* Reverse the gradient on hover */
    transform: translateY(-2px); /* Slight lift on hover */
    box-shadow: 0px 6px 12px rgba(0, 0, 0, 0.15); /* Increase shadow on hover */
}

.sigin-btn:active {
    transform: translateY(0); /* Remove lift when clicked */
    box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1); /* Original shadow when active */
}
@media (max-width: 600px) {
    /* Adjust position and layout on smaller screens */
    .sigin-btn {
        margin-right:70px; /* Reset margin */
       /* Better alignment on small screens */
    }

   

}

/* Mobile Styles */
@media (max-width: 768px) {
    /* Adjust position and layout on smaller screens */
    .header_toggle_menu_area {
        margin-left: 0; /* Reset margin */
        margin-top: 0;  /* Reset margin */
        justify-content: space-between; /* Better alignment on small screens */
    }

   

    .header_tooglemenu button.sidebar_btn svg {
        width: 30px; /* Adjust size of the toggle icon */
        height: 30px;
    }

    /* Ensure header toggle menu is visible on mobile */
    .header_tooglemenu {
        display: flex;
        align-items: center;
    }

    .orangeglow {
        padding: 0; /* Ensure no extra padding */
    }
    .sigin-btn {
        width: 100%; /* Make the button full-width */
        padding: 12px 0; /* Adjust padding for mobile */
        font-size: 14px; /* Slightly smaller text size for mobile */
    }

}