/* Customizing the scrollbar */
::-webkit-scrollbar {
    width: 10px; /* Width of the scrollbar */
    height: 10px; /* Height of horizontal scrollbar */
}

/* Track (background of the scrollbar) */
::-webkit-scrollbar-track {
    background-color: #f1f1f1; /* Light gray background */
    border-radius: 10px; /* Rounded corners */
}

/* Handle (the draggable part of the scrollbar) */
::-webkit-scrollbar-thumb {
    background-color: #967c15; /* Dark gray thumb */
    border-radius: 10px; /* Rounded corners */
    border: 2px solid #f1f1f1; /* Adds space around thumb */
}

/* Handle hover (when the user hovers over the scrollbar thumb) */
::-webkit-scrollbar-thumb:hover {
    background-color: #967c15; /* Darker gray when hovered */
}

/* Optional: Adding a border around the scrollbar */
::-webkit-scrollbar-corner {
    background-color: #f1f1f1; /* Corner where horizontal and vertical scrollbars meet */
}

/* 
.create_background{

    background-image: linear-gradient(to right,rgba(0,0,0,0.9),rgba(0,0,0,0.7)),url("../images/35360.jpg");
    background-size: cover;
    background-position: center;
    height:100vh;

} */