/* Style for the right sidebar */
.sidebar-right {
    position: relative; /* You can keep this relative if you don't want the sidebar fixed */
    right: 0;
    width: 100%; /* This will ensure it takes full width inside the column */
    background-color: #FFFFFF;
    z-index: 999;
}

.sidebar-left {
    position: relative; /* You can keep this relative if you don't want the sidebar fixed */
    left: 0;
    width: 100%; /* This will ensure it takes full width inside the column */
    background-color: #FFFFFF;
    z-index: 999;
}

.img-left {
    margin-right: -170px;
    margin-left: 15px
}

.img-right {
    margin-right: -170px;
    margin-left: auto

}

.sidebar-menu {
    list-style-type: none;
    padding: 0;
    margin: 0;
}

.sidebar-menu li {
    margin: 20px 0;
    text-align: center;
}

.sidebar-menu img {
    width: 270px; /* Adjust the image size */
    height: auto;
    transition: transform 0.3s ease;
}

.sidebar-menu img:hover {
    transform: scale(1.1);
    cursor: pointer;
}

/* Solid border */
.hr.solid {
    border-top: 3px solid #bbb;
}

/* Style for the left content */
.content-left {
    padding-right: 20px; /* Adds some spacing between content and sidebar */
}

.content-right {
    padding-right: 20px; /* Adds some spacing between content and sidebar */
}

.content {
    padding: 20px;
}

/* Responsive adjustments for mobile */
@media (max-width: 768px) {
    .sidebar-right {
        width: 100%; /* Sidebar takes full width in mobile view */
    }

    .sidebar-left {
        width: 100%; /* Sidebar takes full width in mobile view */
    }

    .sidebar-menu img {
        width: 40px; /* Adjust image size for smaller screens */
    }

    .content-left {
        margin-bottom: 20px; /* Adds spacing below content on smaller screens */
    }
}