.hero{background:linear-gradient(-180deg,#0c5fa0,#ffffff73);font-family:Poppins;height:60vh;min-height:600px;padding:80px 0 0;position:relative}.hero,.showcase-container{overflow:hidden;width:100%}.showcase-container{height:100%;left:0;position:absolute;top:0;transform:skew(0deg,-10deg) translateY(-15%)}.showcase{animation:marquee 60s linear infinite;display:flex}.showcase:nth-child(2n){animation-direction:reverse}@keyframes marquee{0%{transform:translateX(0)}to{transform:translateX(-50%)}}.showcase img{border-radius:8px;box-shadow:0 4px 8px rgba(0,0,0,.1);filter:grayscale(.7);height:200px;margin:10px;object-fit:cover;opacity:.6;transition:all .3s ease;width:300px}.showcase img:hover{filter:grayscale(0);opacity:.9;scale:1.03}.hero-content{align-items:center;display:flex;flex-direction:column;height:70%;justify-content:end;margin:auto auto 70px;max-width:1100px;padding:0 50px;pointer-events:none;position:relative;text-align:center;z-index:10}.hero-content h1{color:#262626;font-size:3rem;margin-bottom:1rem;pointer-events:all;text-shadow:0 0 60px #7ca8cb}.hero-content h1 span{color:#0c5fa0}.hero-content p{color:#262626;font-size:1.1rem;pointer-events:all;text-shadow:0 0 60px #a2c2db}@media (max-width:768px){.hero{background:linear-gradient(-180deg,#0c5fa0 5%,#ffffff73 70%);height:auto;min-height:300px;padding:120px 0 0}.showcase{animation-duration:40s}.hero-content{margin-bottom:30px;margin-top:70px;padding:0 20px}.hero-content h1{font-size:2.4rem;line-height:1.2;margin-bottom:10px}.hero-content p{font-size:.9rem}.showcase img{height:100px;margin:6px;width:180px}.showcase-container{top:12%}}