.gallery{background:linear-gradient(#fff,#dff7ff);padding:140px 60px 120px;overflow:hidden}.gallery-title{text-align:center;margin-bottom:70px}.gallery-title span{color:#00aeef;letter-spacing:8px;font-size:18px;font-weight:900}.gallery-title h1{color:#07152f;margin-top:20px;font-size:60px;font-weight:900}.gallery-title p{color:#64748b;margin-top:15px;font-size:22px}.gallery-grid{grid-template-columns:repeat(4,1fr);gap:30px;max-width:1400px;margin:auto;display:grid}.gallery-item{cursor:pointer;border-radius:30px;height:300px;transition:all .4s;position:relative;overflow:hidden;box-shadow:0 20px 50px #0096c82e}.gallery-item:hover{box-shadow:0 35px 70px #0096c84d}.gallery-item img{object-fit:cover;width:100%;height:100%;transition:all .6s}.gallery-item:hover img{transform:scale(1.12)}.gallery-item:first-child,.gallery-item:nth-child(4){grid-row:span 2;height:630px}.gallery-item:nth-child(n+5){height:300px}.gallery-item:after{content:"";opacity:0;background:linear-gradient(#0000,#00000073);transition:all .4s;position:absolute;inset:0}.gallery-item:hover:after{opacity:1}.gallery-number{z-index:3;color:#fff;background:#00bdf2;border-radius:50%;justify-content:center;align-items:center;width:45px;height:45px;font-size:18px;font-weight:900;display:flex;position:absolute;top:20px;left:20px}@media (width<=1100px){.gallery-grid{grid-template-columns:repeat(2,1fr)}.gallery-item:first-child,.gallery-item:nth-child(4){height:450px}}@media (width<=700px){.gallery{padding:80px 20px}.gallery-grid{grid-template-columns:1fr}.gallery-item,.gallery-item:first-child,.gallery-item:nth-child(4){height:300px}.gallery-title h1{font-size:40px}}