.gates-hero{background:var(--gradient-section-icon,linear-gradient(135deg,var(--color-primary)0%,var(--color-secondary)100%))}.gates{padding:3.5rem 0 4.5rem;overflow-x:hidden}.gates-grid{grid-template-columns:repeat(3,1fr);gap:1.75rem;margin-top:2.25rem;display:grid}.gate-card-wrap{transition:filter .25s}.gate-card-wrap:hover{filter:drop-shadow(0 .75rem 1.75rem rgba(var(--color-primary-rgb),.22))}.gate-card{box-shadow:0 4px 18px rgba(var(--color-primary-rgb),.12);border-radius:.875rem;flex-direction:column;transition:box-shadow .25s;display:flex;overflow:hidden;text-decoration:none!important}.gate-card:hover{box-shadow:0 8px 32px rgba(var(--color-primary-rgb),.22)}.gate-card-top{background:var(--gradient-section-icon,linear-gradient(135deg,var(--color-primary)0%,var(--color-secondary)100%));justify-content:center;align-items:center;min-height:8.75rem;padding:2.25rem 1.5rem;display:flex;position:relative}.gate-card-icon{object-fit:contain;filter:drop-shadow(0 .125rem .5rem rgba(0,0,0,.18))brightness(0)invert();width:4.5rem;height:4.5rem;transition:transform .3s}.gate-card:hover .gate-card-icon{transform:scale(1.1)}.gate-card-fa-fallback{justify-content:center;align-items:center;width:4.5rem;height:4.5rem;display:none}.gate-card-fa-fallback i{color:rgba(255,255,255,.85);font-size:2.25rem}.gate-card-bottom{border-top:3px solid var(--color-secondary);background:#fff;flex:1;justify-content:space-between;align-items:center;gap:.75rem;padding:1.125rem 1.25rem;display:flex}.gate-card-title{color:var(--color-primary-dark);flex:1;font-size:1rem;font-weight:700;line-height:1.45}.gate-card-arrow{background:var(--gradient-section-icon,linear-gradient(135deg,var(--color-primary)0%,var(--color-secondary)100%));opacity:0;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:2.25rem;height:2.25rem;transition:opacity .25s,transform .25s;display:flex;transform:scale(.8)}.gate-card:hover .gate-card-arrow{opacity:1;transform:scale(1)}.gate-card-arrow i{font-size:.8125rem}html[dir=rtl] .gate-card-bottom{flex-direction:row-reverse}html[dir=rtl] .gate-card-title{text-align:right}html[dir=ltr] .gate-card-title{text-align:left}@media (max-width:991px){.gates-grid{grid-template-columns:repeat(2,1fr);gap:1.25rem}}@media (max-width:575px){.gates-grid{grid-template-columns:1fr;gap:1rem}.gate-card-top{min-height:7.5rem;padding:1.75rem 1.25rem}.gate-card-icon{width:3.75rem;height:3.75rem}.gates{padding:2.5rem 0 3.5rem}}