.page-container{min-height:100vh;background-color:var(--bg-light)}.hero-section{position:relative;height:40vh;min-height:300px;overflow:hidden}.hero-background{position:absolute;top:0;left:0;width:100%;height:100%;background-size:cover;background-position:50%;background-repeat:no-repeat;filter:brightness(.7)}.hero-content{position:relative;height:100%;display:flex;align-items:center;justify-content:center;z-index:1}.hero-title{color:white;font-size:3rem;font-weight:800;letter-spacing:3rem;text-shadow:2px 2px 4px rgba(0,0,0,.3);opacity:0;transform:translateY(20px);animation:fadeInUp .8s ease-out forwards}.video_container{display:flex;flex-direction:row;justify-content:space-around;margin:2% 5%;gap:2rem;flex-wrap:wrap}.video_desc{display:flex;flex-direction:column;align-items:center;background-color:white;border-radius:8px;overflow:hidden;box-shadow:0 4px 6px rgba(0,0,0,.1);transition:transform .3s ease}.video_desc:hover{transform:translateY(-5px);box-shadow:0 6px 12px rgba(0,0,0,.15)}#video_part{width:500px;height:300px;border:none}.video_desc p{text-align:center;padding:2%;width:100%;background-color:var(--primary-color);color:white;font-size:1.35rem;margin:0}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media screen and (max-width:1024px){.hero-title{font-size:2.5rem;letter-spacing:2.5rem}#video_part{width:450px;height:300px}.video_desc p{font-size:1.2rem}}@media screen and (max-width:768px){.hero-title{font-size:2rem;letter-spacing:2rem}.video_container{flex-direction:column;align-items:center}#video_part{height:300px}#video_part,.video_desc{width:100%;max-width:500px}.video_desc p{font-size:1.1rem}}@media screen and (max-width:480px){.hero-title{font-size:1.5rem;letter-spacing:1.5rem}.hero-section{height:30vh}#video_part{height:250px}.video_desc p{font-size:1rem}}@media screen and (max-width:360px){.hero-title{font-size:1.2rem;letter-spacing:1.2rem}#video_part{height:200px}.video_desc p{font-size:.9rem}}