/* .main{padding: 2rem;} */
.ourc{
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 40px;
}
.ourc .img{
    width: 100%;
    height: auto;
}


.video {
    width: 100%;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 40px;
    padding-bottom: 2rem;
}
.video .item {
    background-color: #fff;
}
 .video-preview {
    width: 100%;
    height: 100%;
}
.video .item .name {
    padding: 24px;
    text-align: center;
}
    /* .text-2xl {
        font-size: var(--text-2xl) !important;
    } */

    .lg\:text-3xl {
        font-size: var(--text-3xl) !important;
    }