.agkistro-exp-categories{
    width:100%;
    margin:42px 0;
    font-family:inherit;
}
.agkistro-exp-head{
    margin-bottom:18px;
}
.agkistro-exp-head h2{
    margin:0!important;
    font-size:30px!important;
    line-height:1.1!important;
    color:#10273d!important;
}
.agkistro-exp-head p{
    margin:6px 0 0!important;
    color:#6b7770;
    font-size:14px;
}
.agkistro-exp-grid{
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:16px;
}
.agkistro-exp-card{
    display:block;
    overflow:hidden;
    border:1px solid #e8ece9;
    border-radius:15px;
    background:#fff;
    color:inherit!important;
    text-decoration:none!important;
    box-shadow:0 5px 18px rgba(25,45,35,.05);
    transition:transform .18s ease,box-shadow .18s ease;
}
.agkistro-exp-card:hover{
    transform:translateY(-2px);
    box-shadow:0 10px 24px rgba(25,45,35,.10);
}
.agkistro-exp-image{
    position:relative;
    height:190px;
    background:#dfe7e1 center/cover no-repeat;
    overflow:hidden;
}
.agkistro-exp-shade{
    position:absolute;
    inset:0;
    background:linear-gradient(0deg,rgba(5,22,15,.78),rgba(5,22,15,.15) 60%,rgba(5,22,15,.03));
}
.agkistro-exp-icon{
    position:absolute;
    left:14px;
    bottom:46px;
    width:36px;
    height:36px;
    border-radius:10px;
    background:rgba(255,255,255,.94);
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:20px;
    box-shadow:0 4px 12px rgba(0,0,0,.12);
}
.agkistro-exp-title{
    position:absolute;
    left:14px;
    right:14px;
    bottom:15px;
    color:#fff;
    font-size:18px;
    line-height:1.15;
    font-weight:850;
    text-shadow:0 2px 8px rgba(0,0,0,.25);
}
.agkistro-exp-count{
    display:flex;
    align-items:center;
    justify-content:space-between;
    min-height:48px;
    padding:12px 14px;
    color:#506159;
    font-size:13px;
    font-weight:700;
}
.agkistro-exp-arrow{
    color:#2f7d42;
    font-size:18px;
}
@media(max-width:1000px){
    .agkistro-exp-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:600px){
    .agkistro-exp-grid{grid-template-columns:1fr}
    .agkistro-exp-image{height:210px}
    .agkistro-exp-head h2{font-size:27px!important}
}


/* Hover descriptions */
.agkistro-exp-title{
    transition:transform .22s ease;
}
.agkistro-exp-hover-text{
    position:absolute;
    left:14px;
    right:14px;
    bottom:14px;
    color:#fff;
    font-size:13px;
    line-height:1.35;
    font-weight:500;
    opacity:0;
    transform:translateY(12px);
    transition:opacity .22s ease,transform .22s ease;
    text-shadow:0 2px 8px rgba(0,0,0,.35);
}
.agkistro-exp-card:hover .agkistro-exp-shade{
    background:linear-gradient(0deg,rgba(5,22,15,.90),rgba(5,22,15,.45) 66%,rgba(5,22,15,.18));
}
.agkistro-exp-card:hover .agkistro-exp-title{
    transform:translateY(-72px);
}
.agkistro-exp-card:hover .agkistro-exp-hover-text{
    opacity:1;
    transform:translateY(0);
}
.agkistro-exp-card:hover .agkistro-exp-icon{
    transform:translateY(-72px);
}
.agkistro-exp-icon{
    transition:transform .22s ease;
}

/* Agkistro Action about panel */
.agkistro-about-panel{
    position:relative;
    min-height:390px;
    margin-top:34px;
    border-radius:18px;
    overflow:hidden;
    background:#173025 center/cover no-repeat;
    box-shadow:0 8px 28px rgba(22,46,34,.12);
}
.agkistro-about-shade{
    position:absolute;
    inset:0;
    background:linear-gradient(90deg,rgba(8,31,22,.94) 0%,rgba(8,31,22,.86) 42%,rgba(8,31,22,.34) 70%,rgba(8,31,22,.08) 100%);
}
.agkistro-about-content{
    position:relative;
    z-index:2;
    width:min(620px,62%);
    padding:44px 46px 42px;
    color:#fff;
}
.agkistro-about-eyebrow{
    margin-bottom:9px;
    color:#c8d8ca;
    font-size:12px;
    font-weight:800;
    letter-spacing:.12em;
}
.agkistro-about-content h3{
    margin:0 0 16px!important;
    color:#fff!important;
    font-size:34px!important;
    line-height:1.12!important;
}
.agkistro-about-content p{
    margin:0 0 16px!important;
    color:rgba(255,255,255,.92)!important;
    font-size:15px;
    line-height:1.65;
}
.agkistro-about-quote{
    margin:0 0 20px;
    font-size:17px;
    line-height:1.35;
    font-weight:800;
}
.agkistro-about-button{
    display:inline-flex;
    align-items:center;
    min-height:44px;
    padding:0 18px;
    border-radius:9px;
    background:#2f7d42;
    color:#fff!important;
    text-decoration:none!important;
    font-size:14px;
    font-weight:800;
}
.agkistro-about-button:hover{
    filter:brightness(1.07);
}
@media(max-width:760px){
    .agkistro-about-panel{min-height:460px}
    .agkistro-about-shade{
        background:linear-gradient(0deg,rgba(8,31,22,.94) 0%,rgba(8,31,22,.78) 68%,rgba(8,31,22,.35) 100%);
    }
    .agkistro-about-content{
        width:auto;
        padding:30px 24px;
    }
    .agkistro-about-content h3{font-size:28px!important}
    .agkistro-exp-card .agkistro-exp-hover-text{
        position:static;
        display:block;
        opacity:1;
        transform:none;
        color:#506159;
        text-shadow:none;
        padding:0 14px 14px;
    }
    .agkistro-exp-card:hover .agkistro-exp-title,
    .agkistro-exp-card:hover .agkistro-exp-icon{
        transform:none;
    }
}