.campaigns{

padding:100px 0;

background:#f8f9fa;

}

.campaign-card{

background:#fff;

border-radius:20px;

overflow:hidden;

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

transition:.35s;

height:100%;

}

.campaign-card:hover{

transform:translateY(-10px);

}

.campaign-image{

position:relative;

overflow:hidden;

}

.campaign-image img{

width:100%;

height:280px;

object-fit:cover;

transition:.5s;

display:block;

}

.campaign-card:hover img{

transform:scale(1.08);

}

.campaign-badge{

position:absolute;

top:15px;

left:15px;

background:var(--site-badge);

color:#fff;

padding:8px 15px;

border-radius:30px;

font-size:13px;

font-weight:700;

z-index:2;

}

.campaign-body{

padding:25px;

}

.campaign-body h3{

font-size:24px;

margin-bottom:15px;

}

.campaign-body p{

color:#666;

line-height:1.8;

margin-bottom:25px;

}

.campaign-button{

display:inline-flex;

align-items:center;

gap:8px;

text-decoration:none;

font-weight:600;

color:var(--primary);

transition:.3s;

}

.campaign-button:hover{

gap:14px;

color:var(--site-badge);

}

.campaign-card-period {
    display: flex;
    align-items: center;
    gap: 7px;
    margin: -8px 0 16px;
    color: #5d636c;
    font-size: 12px;
    line-height: 1.5;
}

.campaign-card-period i {
    color: var(--primary);
}

.campaign-card-period strong {
    color: #2b2b2b;
}

@media (max-width: 767.98px) {
    .campaign-card-period {
        margin-top: -3px;
        font-size: 11px;
    }
}