.u-black{
    background-color: #f2f2f2  !important;
    color: #000000 !important;
}

.u-section-2 .u-icon{
    width: 98px !important;
    height: 98px !important;
    border: none !important;
    padding: 0 !important;
}

.u-section-2 .u-sheet-1{
    min-height: 466px !important;
}


.u-section-2 .u-repeater-1 {
    display: grid !important;
    grid-template-columns: repeat(4, 1fr) !important;
    gap: 15px !important;
}

.u-section-2 .u-repeater-item .u-container-layout {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    width: 100%;
    height: 100%;
}

@media (min-width: 1400px){
    .u-section-2{
      --theme-sheet-width-xl: 1320px !important;
    }
}

@media (max-width: 999px) {
    .u-section-2 .u-repeater-1 {
        grid-template-columns: repeat(2, 1fr) !important;
    }
    .u-section-2 .u-sheet-1 {
        min-height: auto !important;
    }
}

@media (max-width: 759px) {
    .u-section-2 .u-sheet-1 {
        min-height: auto !important;
    }
}

@media (max-width: 574px) {
    .u-section-2 .u-repeater-1 {
        grid-template-columns: repeat(2, 1fr) !important;
    }
    .u-section-2 .u-sheet-1 {
        min-height: auto !important;
    }
}

.u-section-2 .u-file-icon img{
    box-shadow: 0 0 0 0 #db545a;
    transition: box-shadow 0.5s;
}

.u-section-2 .u-file-icon img:hover{
    box-shadow: 0 0 0 2px #db545a;
}