/* GALLERY */
.gallery{position:relative;padding:70px 0!important;background:#fff;overflow:hidden}
.gallery .container{position:relative;z-index:2}
.gallery-heading{max-width:760px;margin:0 auto 38px}
.gallery-subtitle{display:inline-flex;align-items:center;gap:6px;margin-bottom:12px;color:#d87913;font-size:10px;font-weight:800;letter-spacing:2.5px;text-transform:uppercase}
.gallery-subtitle i{color:#0e7658;font-size:12px}
.gallery-title{margin:0 0 13px;color:#173e30;font-family:Georgia,"Times New Roman",serif;font-size:clamp(34px,3.5vw,47px);font-weight:700;line-height:1.1;letter-spacing:-.8px}
.gallery-title span{color:#0e7658}
.gallery-description{max-width:650px;margin:0;color:#68766f;font-size:12px;line-height:1.8}

/* GALLERY ITEM */
.gallery-item{position:relative;height:245px;overflow:hidden;background:#edf3ef;border:1px solid #dfe8e3;cursor:pointer}
.gallery-item img{width:100%;height:100%;display:block;object-fit:cover;transition:transform .65s ease}
.gallery-item:hover img{transform:scale(1.055)}

/* OVERLAY */
.gallery-overlay{position:absolute;inset:0;display:flex;align-items:flex-end;justify-content:space-between;padding:15px;background:linear-gradient(180deg,rgba(0,0,0,0) 45%,rgba(10,35,25,.65) 100%);opacity:.95;transition:.3s ease}
.gallery-item:hover .gallery-overlay{background:linear-gradient(180deg,rgba(14,118,88,.08) 25%,rgba(10,35,25,.75) 100%)}

/* CATEGORY */
.gallery-category{display:inline-flex;align-items:center;gap:6px;padding:6px 9px;color:#fff;background:rgba(14,118,88,.92);border:1px solid rgba(255,255,255,.2);font-size:8px;font-weight:800;letter-spacing:.4px}
.gallery-category i{font-size:10px}

/* VIEW ICON */
.gallery-view{width:34px;height:34px;display:flex;align-items:center;justify-content:center;color:#173e30;background:#fff;font-size:13px;transition:.3s ease}
.gallery-item:hover .gallery-view{color:#fff;background:#d98218;transform:rotate(90deg)}

/* COLOR ACCENTS */
.gallery-item:nth-child(1) .gallery-category{background:#0e7658}
.gallery-item:nth-child(2) .gallery-category{background:#317da3}
.gallery-item:nth-child(3) .gallery-category{background:#238b45}
.gallery-item:nth-child(4) .gallery-category{background:#d98218}
.gallery-item:nth-child(5) .gallery-category{background:#7557a3}
.gallery-item:nth-child(6) .gallery-category{background:#df6255}

/* BOTTOM ACCENT */
.gallery-item:after{content:"";position:absolute;left:0;bottom:0;width:0;height:3px;background:var(--gallery-color,#0e7658);transition:.35s ease}
.gallery-item:hover:after{width:100%}
.gallery-item:nth-child(1){--gallery-color:#0e7658}
.gallery-item:nth-child(2){--gallery-color:#317da3}
.gallery-item:nth-child(3){--gallery-color:#238b45}
.gallery-item:nth-child(4){--gallery-color:#d98218}
.gallery-item:nth-child(5){--gallery-color:#7557a3}
.gallery-item:nth-child(6){--gallery-color:#df6255}

/* ACTION */
.gallery-action{margin-top:32px}
.gallery-btn{display:inline-flex;align-items:center;gap:8px;min-height:36px;padding:8px 15px;color:#fff;background:#0e7658;border:1px solid #0e7658;text-decoration:none;font-size:10px;font-weight:750;transition:.3s ease}
.gallery-btn i:last-child{font-size:11px;transition:.3s ease}
.gallery-btn:hover{color:#fff;background:#095b44;border-color:#095b44;transform:translateY(-2px)}
.gallery-btn:hover i:last-child{transform:translateX(4px)}

/* DECORATION */
.gallery:before{content:"";position:absolute;top:-130px;right:-100px;width:280px;height:280px;border:1px solid rgba(14,118,88,.06);border-radius:50%;pointer-events:none}
.gallery:after{content:"";position:absolute;bottom:-140px;left:-110px;width:300px;height:300px;border:1px solid rgba(217,134,28,.06);border-radius:50%;pointer-events:none}

/* TABLET */
@media(max-width:991px){
.gallery{padding:65px 0!important}
.gallery-heading{margin-bottom:32px}
.gallery-title{font-size:40px}
.gallery-item{height:225px}
}

/* MOBILE */
@media(max-width:576px){
.gallery{padding:55px 0!important}
.gallery-heading{margin-bottom:28px}
.gallery-subtitle{font-size:9px;letter-spacing:2px}
.gallery-title{font-size:31px;line-height:1.12}
.gallery-description{font-size:11px;line-height:1.75}
.gallery-item{height:190px}
.gallery-overlay{padding:10px}
.gallery-category{padding:5px 7px;font-size:7px}
.gallery-view{width:30px;height:30px;font-size:11px}
.gallery-action{margin-top:25px}
.gallery-btn{min-height:34px;padding:7px 12px;font-size:9px}
}