.ben-post-grid{

display:grid;

grid-template-columns:repeat(3,1fr);

gap:30px;

}

.ben-post-card{

background:#fff;

border-radius:10px;

overflow:hidden;

box-shadow:0 12px 35px rgba(0,0,0,.08);

transition:.35s;

display:flex;

flex-direction:column;

height:100%;

}

.ben-post-card:hover{

transform:translateY(-8px);

}

.ben-post-image{

position:relative;

display:block;

overflow:hidden;

}

.ben-post-image img{

width:100%;

height:240px !important;

object-fit:cover;

transition:.4s;

display:block;

}

.ben-post-card:hover img{

transform:scale(1.05);

}

.ben-category{

position:absolute;

top:20px;

left:25px;

background:#ffffffe8;

color:#00B67A;

padding:8px 22px;

border-radius:10px;

font-size:13px;

font-weight:600;
text-transform: uppercase;

}

.ben-post-content{

padding:30px;

display:flex;

flex-direction:column;

flex:1;

}

.ben-post-date{

font-size:15px;

color:#6B7280;

margin-bottom:7px;

}

.ben-post-content h3{

font-size:24px;

line-height:1.35;

margin:0 0 25px;

}

.ben-post-content h3 a{

text-decoration:none;

color:#0F172A;

}

.ben-post-content p{

color:#64748B;

line-height:1.8;

margin-bottom:auto;

display:none;

}

.ben-read-more{

margin-top:auto;

font-weight:600;

color:#00B67A;

text-decoration:none;

}

.ben-read-more:hover{

padding-left:5px;
transition:.3s;
transform:translateX(5px);
}

selector{
overflow:hidden;
position:relative;
}

selector:after{
content:'';
position:absolute;
right:-80px;
top:-80px;
width:260px;
height:260px;
border-radius:50%;
background:rgba(255,255,255,.05);
}

selector:before{
content:'';
position:absolute;
right:80px;
bottom:-100px;
width:180px;
height:180px;
border-radius:50%;
background:rgba(255,255,255,.04);
}

@media(max-width:1024px){

.ben-post-grid{

grid-template-columns:repeat(2,1fr);

}

}

@media(max-width:767px){

.ben-post-grid{

grid-template-columns:1fr;

}

}


.footer-menu{
    list-style:none;
    margin:0;
    padding:0;
}

.footer-menu li{
    margin-bottom:7px;
}

.footer-menu li:last-child{
    margin-bottom:0;
}

.footer-menu a{

    display:flex;
    align-items:center;
    gap:10px;

    color:#ffffff;

    text-decoration:none;

    font-size:16px;

    font-weight:400;

    transition:.25s ease;
    position:relative;
  	padding-left:14px;

}

.footer-menu a::before{

    content:"›";

    color:#11c77b;

    font-size:20px;

    font-weight:700;

    transition:.25s;
  	position: absolute;
  	top:-6px;
  	left:0;

}

.footer-menu a:hover{

    color:#11c77b;

    transform:translateX(4px);

}

.footer-menu a:hover::before{

    transform:translateX(3px);

}


/* ==========================================
   BEN Sticky Header
   ========================================== */

#header{
    position: sticky !important;
    top: 0;
    z-index: 9999;

    transition:
        background .35s ease,
        box-shadow .35s ease,
        padding .35s ease,
        backdrop-filter .35s ease;

    background: transparent;
}

#header.ben-sticky{

    background:#ffffff;

    box-shadow:
    0 10px 30px rgba(0,0,0,.03);

    backdrop-filter: blur(8px);
}


/* Navigation */

#header.ben-sticky .menu-item>a{

    color:#0F2747;

}

#header.ben-sticky .current-menu-item>a{

    color:#10B981;

}


/* Logo */

#header img{

    transition:.35s;

}

#header.ben-sticky img{

    transform:scale(.94);

}


/* Button */

#header .elementor-button{

    transition:.35s;

}

#header.ben-sticky .elementor-button{

    transform:scale(.96);

}

@media (max-width: 767px) {

    div#n2-ss-2 .n2-font-7eb9109e919f9f66a76792245c3a6acb-paragraph {
        font-size: 18px !important;
    }

}

