.oc-blog{padding:72px 0 64px;margin-top:32px;background:#F4F4F4 url(opc-blog-bg.webp) center/cover no-repeat}
.oc-blog .bloglar-module-main-div{background:transparent!important;padding:0!important;margin:0!important}
.oc-blog .bloglar-module-inside-area{max-width:1320px!important;width:100%!important;margin:0 auto!important;padding:0 24px!important}
.oc-blog .modules-head-text-main,.oc-blog .pgallery-all-button-main{display:none!important}
.oc-blog .bloglar-box-main-div{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}
.oc-blog .blog-box{width:auto!important;margin:0!important;padding:0!important;background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 18px 40px -30px rgba(0,0,0,.35);display:flex;flex-direction:column}
.oc-blog .blog-box:nth-child(n+5){display:none!important}
.oc-blog .blog-box-img{aspect-ratio:16/10;overflow:hidden;background:#EEE}
.oc-blog .blog-box-img img{width:100%!important;height:100%!important;object-fit:cover;transition:transform .5s}
.oc-blog .blog-box:hover .blog-box-img img{transform:scale(1.04)}
.oc-blog .blog-box-overlay{display:none!important}
.oc-blog .blog-box-text-area{padding:16px 18px 18px!important;flex:1;display:flex;flex-direction:column}
.oc-blog .blog-box-date{font-size:12px!important;color:#747474!important;margin-bottom:6px}
.oc-blog .blog-box-h a{font-size:14.5px!important;font-weight:600!important;line-height:1.4!important;color:#111!important;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-decoration:none!important}
.oc-blog .blog-box-button{margin-top:auto}
.oc-blog .blog-box-button a{display:inline-flex!important;align-items:center;gap:6px;height:34px;padding:0 14px;border-radius:4px;background:#FBFF4F;color:#111!important;font-size:12.5px!important;font-weight:600!important;text-decoration:none!important}
.oc-blog .blog-box-button a i{display:none}
@media (max-width:991px){.oc-blog .bloglar-box-main-div{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:575px){.oc-blog .bloglar-box-main-div{grid-template-columns:1fr}.oc-blog .blog-box:nth-child(n+3){display:none!important}}