.layout-fixed .main-sidebar {
    border-top-right-radius: 1rem;
    border-bottom-right-radius: 1rem;
}
.scrolling-wrapper {
    overflow-x: auto;
}

.card-block {
    height: 250px;
    background-color: #fff;
    border: none;
    background-position: center;
    background-size: cover;
    transition: all 0.2s ease-in-out !important;
    border-radius: 24px;

    &:hover {
        transform: translateY(-5px);
        box-shadow: none;
    }
}

.card-1 {
    background-color: #4158D0;
    background-image: linear-gradient(43deg, #4158D0 0%, #C850C0 46%, #FFCC70 100%);
}

.login-img {
    /* border-top-left-radius: 1.5rem; */
    /* border-bottom-left-radius: 1.5rem; */
    width: 100%;
    height: 100vh;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: left;
    object-position: left;
    background: linear-gradient(to right, rgba(147, 51, 234, 0.7), rgba(206, 53, 220, 0.5));
}

.login-section-wrapper {
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    padding: 68px 100px;
    background-color: #fff;
}

.brand-wrapper {
    padding-top: 7px;
    padding-bottom: 8px;
}

.login-wrapper {
    max-width: 100%;
    padding-top: 24px;
    padding-bottom: 24px;
}

.card-2 {
    background-color: #0093E9;
    background-image: linear-gradient(160deg, #0093E9 0%, #80D0C7 100%);
}

.card-3 {
    background-color: #00DBDE;
    background-image: linear-gradient(90deg, #00DBDE 0%, #FC00FF 100%);
}

.card-4 {
    background-color: #FBAB7E;
    background-image: linear-gradient(62deg, #FBAB7E 0%, #F7CE68 100%);
}

.card-5 {
    background-color: #85FFBD;
    background-image: linear-gradient(45deg, #85FFBD 0%, #FFFB7D 100%);
}

.card-6 {
    background-color: #FA8BFF;
    background-image: linear-gradient(45deg, #FA8BFF 0%, #2BD2FF 52%, #2BFF88 90%);
}

.card-7 {
    background-color: #FA8BFF;
    background-image: linear-gradient(45deg, #FA8BFF 0%, #2BD2FF 52%, #2BFF88 90%);
}

.card-8 {
    background-color: #FBDA61;
    background-image: linear-gradient(45deg, #FBDA61 0%, #FF5ACD 100%);
}

.card-9 {
    background-color: #4158D0;
    background-image: linear-gradient(43deg, #4158D0 0%, #C850C0 46%, #FFCC70 100%);
}

.card-10 {
    background-color: #FF3CAC;
    background-image: linear-gradient(225deg, #FF3CAC 0%, #784BA0 50%, #2B86C5 100%);

}

.pro {
    background: rgba(147, 51, 234, 0.7);
    border-radius: 1rem;
    color: white;
    padding: 1rem;
    position: absolute;
    bottom: 1rem;
    width: 85%;
    left: 1rem;
    ;
}

.pro img {
    position: absolute;
    top: -10%;
    right: 10%;
}

.pro h4 {
    width: 40%;
    color: white;
    font-weight: 600;
}

.objek-image img {
    background-repeat: no-repeat;
    background-size: auto;
    width: 80px;
    height: 80px;
    border-radius: .5rem;
    }