.event{flex-direction:column;width:100%;height:max-content;display:flex}.event-hero{width:100%;height:100vh}.event-hero img{object-fit:cover;width:100%;height:100%}@media screen and (max-width:850px){.event-hero{height:80vh}}@media screen and (max-width:550px){.event-hero{height:60vh}}@media screen and (max-width:320px){.event-hero{height:40vh}}.event-text{color:#f5f5f5;background-color:#192f3d;flex-direction:column;gap:20px;height:auto;padding:25px 130px;display:flex}@media screen and (max-width:850px){.event-text{height:auto;padding:20px}}.event-header{text-align:center;font-size:50px;font-weight:400}@media screen and (max-width:850px){.event-header{font-size:30px}}@media screen and (max-width:320px){.event-header{font-size:20px}}.event-paragragh{text-align:center;font-size:18px;font-weight:300}@media screen and (max-width:850px){.event-paragragh{height:35vh;padding:10px;font-size:15px}}@media screen and (max-width:550px){.event-paragragh{height:30vh;font-size:12px}}@media screen and (max-width:320px){.event-paragragh{height:40vh;padding:0%;font-size:10px}}.event-img-holder{background:linear-gradient(135deg,#192f3d 0%,#1a3a4d 100%);grid-template-columns:repeat(2,1fr);gap:30px;min-height:auto;padding:30px;display:grid}@media screen and (max-width:850px){.event-img-holder{grid-template-columns:1fr;gap:25px;padding:30px 20px}}@media screen and (max-width:550px){.event-img-holder{grid-template-columns:1fr;gap:20px;padding:20px 15px}}.event-img{cursor:pointer;background:#fff;border-radius:15px;justify-content:center;align-items:center;height:350px;padding:15px;transition:transform .3s,box-shadow .3s;display:flex;position:relative;overflow:hidden;box-shadow:0 8px 25px #0000004d}.event-img:hover{transform:translateY(-8px);box-shadow:0 15px 40px #cec8004d}.event-img img{object-fit:cover;border-radius:10px;width:100%;height:100%;transition:transform .3s}.event-img:hover img{transform:scale(1.05)}@media screen and (max-width:850px){.event-img{border-radius:12px;height:300px;padding:12px}}@media screen and (max-width:550px){.event-img{border-radius:12px;height:250px;padding:12px}}.event-overlay{pointer-events:none;background:0 0;width:100%;height:120vh;position:absolute}@media screen and (max-width:550px){.event-overlay{width:100%;height:210vh}}.event-floating-text{cursor:pointer;color:#fff;z-index:2;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);white-space:nowrap;background-color:#192f3d1a;border:2px solid #cec8004d;border-radius:12px;justify-content:center;align-items:center;padding:8px 18px;font-size:20px;font-weight:500;transition:all .3s;display:flex;position:absolute;bottom:20px;left:50%;transform:translate(-50%)}@media screen and (max-width:550px){.event-floating-text{padding:6px 12px;font-size:14px;bottom:12px}}.event-floating-text:hover{color:#fff;z-index:1000;background-color:#192f3d33;border:2px solid #cec8004d;border-radius:12px;transform:translate(-50%)}@media screen and (max-width:550px){.event-floating-text:hover{border-radius:10px;font-size:14px}}.event-upcoming{background-color:#192f3d;flex-direction:column;width:100%;height:130vh;padding-top:40px;display:flex}@media screen and (max-width:550px){.event-upcoming{width:100%;height:150vh;font-size:20px}}.event-events{text-align:center;color:#f5f5f5;height:15%;font-size:50px;font-weight:400}@media screen and (max-width:550px){.event-events{height:7%;font-size:25px}}.event-card-holder{background-color:#192f3d;flex-direction:row;justify-content:center;align-items:center;gap:20px;height:800px;display:flex}@media screen and (max-width:550px){.event-card-holder{flex-direction:column;height:2000px;padding:10px;display:flex}}@media screen and (max-width:320px){.event-card-holder{padding:30px}}.event-card{border:1px solid #fff;flex-direction:column;width:330px;height:600px;display:flex}@media screen and (max-width:550px){.event-card{width:500px;height:600px}}@media screen and (max-width:320px){.event-card{width:300px;height:600px}}.event-details{background-color:#fff;flex-direction:column;width:330px;height:600px;display:flex;position:relative}@media screen and (max-width:550px){.event-details{align-items:center;width:500px;padding-top:30px;display:flex}}@media screen and (max-width:320px){.event-details{width:300px}}.event-details-container{flex-direction:column;justify-content:center;align-items:center;gap:10px;width:328px;height:300px;display:flex;position:relative}@media screen and (max-width:550px){.event-details-container{width:450px}}@media screen and (max-width:320px){.event-details-container{width:300px}}.event-details-container p{text-align:center;width:300px;height:100px;padding:20px;font-size:15px}@media screen and (max-width:550px){.event-details-container p{width:400px}}@media screen and (max-width:320px){.event-details-container p{width:300px}}.event-details-container h2{text-align:center;width:150px;height:50px}@media screen and (max-width:550px){.event-details-container h2{width:200px;font-size:20px}}.event-details-container span{font-size:25px;font-weight:400}.card-icon{cursor:pointer;position:absolute;top:10px;right:10px}@media screen and (max-width:550px){.card-icon{right:0}}@media screen and (max-width:320px){.card-icon{right:3px}}.event-card-img-holder{height:350px}.event-card-img-holder img{object-fit:cover;cursor:pointer;width:328.5px;height:400px}@media screen and (max-width:550px){.event-card-img-holder img{width:100%;height:100%}}.event-card-text-holder{background-color:#fff;flex-direction:column;gap:10px;height:250px;padding:50px;display:flex;position:relative}.event-card-header{text-align:center;font-size:25px;font-weight:400}@media screen and (max-width:550px){.event-card-header{font-size:30px}}@media screen and (max-width:320px){.event-card-header{font-size:20px}}@media screen and (max-width:550px){.event-card-paragraph{text-align:center}}@media screen and (max-width:320px){.event-card-paragraph{font-size:15px}}.event-card-link{text-align:center;justify-content:center;align-items:flex-end;width:200px;height:30px;padding-left:30px;display:flex}@media screen and (max-width:550px){.event-card-link{text-align:center;width:350px}}@media screen and (max-width:320px){.event-card-link{width:170px}}.event-link{cursor:pointer;border-bottom:1.5px solid #000;justify-content:center;align-items:flex-end;width:80px;height:30px;font-size:15px;display:flex}.event-link:hover{border-bottom:none}.event-btn{color:#fff;cursor:pointer;background-color:#192f3d;border:none;border-radius:22px;outline:none;width:150px;height:42px;font-size:18px;font-weight:300;position:absolute;bottom:7%;right:25%}@media screen and (max-width:550px){.event-btn{right:36%}}@media screen and (max-width:320px){.event-btn{right:25%}}.event-btn:hover{border-bottom:1.5px solid #fff}