.gates{display:flex;flex-direction:column;align-items:center;font-family:Source_Sans_3,sans-serif;padding:2rem;color:#000}.gates-title{font-size:6.5rem;margin-bottom:2rem}@media(max-width:709px){.gates-title{margin-top:-1rem;font-size:5.5rem}}@media(max-width:500px){.gates-title{font-size:5.25rem}}@media(max-width:438px){.gates-title{line-height:1.1;padding-bottom:2rem}}@media(max-width:420px){.gates-title{font-size:4.15rem}}@media(max-width:344px){.gates-title{font-size:3.8rem;margin-top:-1.5rem}}@media(max-width:322px){.gates-title{margin-bottom:3rem}}.gates-intro{width:50%;font-size:2.3rem;margin-bottom:3rem;background-color:#f7f7f7;box-shadow:0 2px 6px rgba(0,0,0,.25);padding:2rem;line-height:1.5;text-align:center}@media(max-width:1350px){.gates-intro{margin-top:-1rem}}@media(max-width:1200px){.gates-intro{width:70%;font-size:2.15rem;padding:1.8rem}}@media(max-width:900px){.gates-intro{font-size:2rem}}@media(max-width:768px){.gates-intro{width:85%;font-size:1.85rem;padding:1.5rem}}@media(max-width:576px){.gates-intro{width:90%;font-size:1.75rem;padding:1.2rem;margin-bottom:2rem;margin-top:-1.5rem}}@media(max-width:475px){.gates-intro{font-size:1.625rem;margin-top:-2rem}}@media(max-width:420px){.gates-intro{width:95%;font-size:1.425rem;padding:1rem;font-size:1.325rem;padding:.85rem}}@media(max-width:322px){.gates-intro{margin-top:-2.75rem}}.gates-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));grid-column-gap:3rem;column-gap:3rem;grid-row-gap:3rem;row-gap:3rem;max-width:1400px;width:100%;padding:0 1rem;margin-bottom:3rem}.gates-item{display:flex;flex-direction:column;align-items:center;text-align:center;background-color:#f7f7f7;box-shadow:0 2px 6px rgba(0,0,0,.25);border-radius:6px;overflow:hidden;transition:transform .2s ease}.gates-item:hover{transform:translateY(-4px)}@media(max-width:1200px){.gates-item{margin-bottom:2rem}}.gates-img{width:100%;height:auto;max-height:400px;border-radius:3px;object-fit:cover}.gates-text{font-size:2rem;color:#1f1f1f;overflow:hidden}.gates-button,.gates-text{margin-top:1rem;font-weight:700}.gates-button{padding:.6rem 1.6rem;margin-bottom:1.5rem;background-color:rgba(0,0,0,0);color:#28b485;border:2px solid #28b485;cursor:pointer;font-size:1.8rem;transition:all .2s ease-in-out}.gates-button:hover{background-color:#239e76;color:#fff}.gates-xplain{display:flex;flex-direction:column;gap:4rem;padding:4rem 2rem;max-width:1000px;margin:0 auto}.gates-xplain .xplain-item{display:grid;grid-template-columns:1fr 1fr;align-items:center;grid-gap:2rem;gap:2rem;background-color:#f7f7f7;box-shadow:0 8px 16px rgba(0,0,0,.1);border-radius:12px;transition:transform .3s ease}.gates-xplain .xplain-item:hover{transform:translateY(-5px)}.gates-xplain .xplain-item.reverse{direction:rtl}.gates-xplain .xplain-item.reverse .xplain-img,.gates-xplain .xplain-item.reverse .xplain-text{direction:ltr}.gates-xplain .xplain-item .xplain-img{overflow:hidden;position:relative}.gates-xplain .xplain-item .xplain-img img{width:100%;height:auto;max-height:400px;object-fit:cover;border-radius:4px}.gates-xplain .xplain-item .xplain-text h3{font-size:2.5rem;margin-bottom:1rem;color:#1a3c34;font-weight:700;margin-left:1.5rem;font-style:italic}.gates-xplain .xplain-item .xplain-text p{font-size:1.8rem;color:#333;line-height:1.6;padding:2rem}.gates-xplain .xplain-item .xplain-text .green{color:#28b485}.gates-xplain .xplain-item .xplain-text .antra{color:#383838}@media(max-width:768px){.gates-xplain .xplain-item,.gates-xplain .xplain-item.reverse{grid-template-columns:1fr;text-align:center;padding:1.5rem}.gates-xplain .xplain-item .xplain-text,.gates-xplain .xplain-item.reverse .xplain-text{margin-top:1rem}.gates-xplain .xplain-item .xplain-img img,.gates-xplain .xplain-item.reverse .xplain-img img{height:auto}}