.event{height:max-content;width:100%;display:flex;flex-direction:column}.event-hero{height:100vh;width:100%;img{height:100%;object-fit:cover;width:100%}@media screen and (max-width:850px){height:80vh}@media screen and (max-width:550px){height:60vh}@media screen and (max-width:320px){height:40vh}}.event-text{height:40vh;background-color:#192f3d;padding-left:130px;padding-right:130px;display:flex;flex-direction:column;gap:20px;padding-top:20px;color:whitesmoke;@media screen and (max-width:850px){height:30vh;padding-left:20px;padding-bottom:20px;padding-right:20px;padding-top:20px}}.event-header{font-size:50px;font-weight:400;text-align:center;@media screen and (max-width:850px){font-size:30px}@media screen and (max-width:320px){font-size:20px}}.event-paragragh{font-size:18px;font-weight:300;text-align:center;@media screen and (max-width:850px){height:35vh;font-size:15px;padding-left:10px;padding-bottom:10px;padding-right:10px;padding-top:10px}@media screen and (max-width:550px){font-size:12px;height:30vh}@media screen and (max-width:320px){font-size:10px;height:40vh;padding-left:0;padding-bottom:0;padding-right:0;padding-top:0}}.event-img-holder{height:120vh;display:flex;flex-direction:row;flex-wrap:wrap;@media screen and (max-width:850px){height:210vh;display:flex;flex-direction:column;flex-wrap:nowrap}@media screen and (max-width:550px){display:flex;flex-direction:column;flex-wrap:nowrap}}.event-img{height:50%;width:50%;display:flex;align-items:center;justify-content:center;position:relative;img{width:100%;height:100%;object-fit:cover}@media screen and (max-width:550px){width:100%;height:40%}@media screen and (max-width:850px){width:100%;height:40%}}.event-overlay{height:120vh;width:100%;background-color:rgba(250,235,215,.292);position:absolute;@media screen and (max-width:550px){width:100%;height:210vh}}.event-floating-text{position:absolute;padding:15px 30px;display:flex;align-items:center;justify-content:center;font-size:35px;color:white;background-color:transparent;z-index:2;border-radius:20px;cursor:pointer;@media screen and (max-width:550px){font-size:20px}}.event-floating-text:hover{background-color:rgba(0,0,0,.142);color:#cec800;border-radius:30px;z-index:1000;@media screen and (max-width:550px){border-radius:15px}}.event-upcoming{height:130vh;width:100%;display:flex;flex-direction:column;padding-top:40px;background-color:#192f3d;@media screen and (max-width:550px){font-size:20px;height:150vh;width:100%}}.event-events{height:15%;text-align:center;font-size:50px;font-weight:400;color:whitesmoke;@media screen and (max-width:550px){font-size:25px;height:7%}}.event-card-holder{height:800px;display:flex;flex-direction:row;align-items:center;background-color:#192f3d;justify-content:center;gap:20px;@media screen and (max-width:550px){display:flex;flex-direction:column;height:2000px;padding-left:10px;padding-bottom:10px;padding-right:10px;padding-top:10px}@media screen and (max-width:320px){padding-left:30px;padding-bottom:30px;padding-right:30px;padding-top:30px}}.event-card{height:600px;width:330px;display:flex;flex-direction:column;border:1px solid #ffffff;@media screen and (max-width:550px){width:500px;height:600px}@media screen and (max-width:320px){width:300px;height:600px}}.event-details{height:600px;width:330px;background-color:#ffffff;display:flex;flex-direction:column;position:relative;@media screen and (max-width:550px){width:500px;display:flex;align-items:center;padding-top:30px}@media screen and (max-width:320px){width:300px}}.event-details-container{height:300px;width:328px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:10px;position:relative;@media screen and (max-width:550px){width:450px}@media screen and (max-width:320px){width:300px}p{height:100px;width:300px;padding:20px;text-align:center;font-size:15px;@media screen and (max-width:550px){width:400px}@media screen and (max-width:320px){width:300px}}h2{width:150px;height:50px;text-align:center;@media screen and (max-width:550px){width:200px;font-size:20px}}span{font-size:25px;font-weight:400}}.card-icon{position:absolute;top:10px;right:10px;cursor:pointer;@media screen and (max-width:550px){right:0}@media screen and (max-width:320px){right:3px}}.event-card-img-holder{height:350px;img{height:400px;width:328.5px;object-fit:cover;cursor:pointer;@media screen and (max-width:550px){height:100%;width:100%}}}.event-card-text-holder{height:250px;background-color:#ffffff;display:flex;flex-direction:column;padding:50px;gap:10px;position:relative}.event-card-header{text-align:center;font-size:25px;font-weight:400;@media screen and (max-width:550px){font-size:30px}@media screen and (max-width:320px){font-size:20px}}.event-card-paragraph{@media screen and (max-width:550px){text-align:center}@media screen and (max-width:320px){font-size:15px}}.event-card-link{width:200px;height:30px;display:flex;padding-left:30px;justify-content:center;align-items:flex-end;text-align:center;@media screen and (max-width:550px){text-align:center;width:350px}@media screen and (max-width:320px){width:170px}}.event-link{width:80px;height:30px;border-bottom:1.5px solid black;display:flex;justify-content:center;align-items:flex-end;font-size:15px;cursor:pointer}.event-link:hover{border-bottom:none}.event-btn{width:150px;height:42px;background-color:#192f3d;border-radius:22px;border:none;outline:none;color:#ffffff;font-size:18px;font-weight:300;position:absolute;bottom:7%;right:25%;cursor:pointer;@media screen and (max-width:550px){right:36%}@media screen and (max-width:320px){right:25%}}.event-btn:hover{border-bottom:1.5px solid #ffffff}