.contents {
    margin-left: 0;
}

.iconsize {
    width: 60px;
    height: 60px;
}

.logos {
    border-radius: 8px;
}

.highlightcard {
    padding: 10px 0;
}

.highlightcard2 {
    height: 100%;
}

.Mschada {
    height: 320px;
}

.scd img {
    width: 100%;

}

.scdpd {
    padding: 10px !important;
}

.scdpd img {
    border-radius: 5px;
}

.icon-box img {
    width: 100%;
}

/* Loader CSS */
.loader {
    border: 4px solid #f3f3f3;
    /* Light grey */
    border-top: 4px solid #025add;
    /* Blue */
    border-radius: 50%;
    width: 50px;
    height: 50px;
    animation: spin 2s linear infinite;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -25px;
    /* Half of the width */
    margin-top: -25px;
    /* Half of the height */
}

/* Spinner animation */
@keyframes spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}




/* Apply custom scrollbar to the entire page */
body::-webkit-scrollbar {
    width: 5px;
    /* Width of the scrollbar */
}

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

/* Thumb (draggable part of the scrollbar) */
body::-webkit-scrollbar-thumb {
    background: linear-gradient(45deg, #6a11cb, #2575fc);
    /* Gradient color */
    border-radius: 10px;
    /* Rounded corners */
    border: 1px solid #f4f4f4;
    /* Creates a gap between thumb and track */
}

/* Thumb hover (when hovered over the scrollbar) */
body::-webkit-scrollbar-thumb:hover {
    background: linear-gradient(45deg, #8e44ad, #3498db);
    /* Darker gradient on hover */
}

/* Thumb active (when the scrollbar is being dragged) */
body::-webkit-scrollbar-thumb:active {
    background: linear-gradient(45deg, #9b59b6, #2980b9);
    /* Another shade when active */
}

/* Optional: For horizontal scrollbars */
body::-webkit-scrollbar-horizontal {
    height: 12px;
    /* Height of the horizontal scrollbar */
}