.home-page{
 background: url('/fnc_images/fml_main/main-bg.png') center/cover no-repeat fixed;
}



/*SECTION 1*/
.hero-sect{
  position:relative;
  overflow:hidden;
 display: flex;
 flex-direction: column;
 justify-content: flex-start;
 align-items: center;
 height: auto;
 min-height: 1080px;
 width: 100vw;
 color: white;
 text-align:center;
}
.hero-text{
  padding: 0 20px;
}
.hero-sect h1{
  font-size: 64px;
  font-family: paperlogy, sans-serif;
  font-weight: 700;
  margin-bottom: 10px;
}
.hero-sect h2{
  font-size: 36px;
  color:  #88C8F3;
  font-family: paperlogy, sans-serif;
  font-weight: 400;
  margin-bottom: 20px;
}
.hero-sect h3{
  font-family:paperlogy, sans-serif;
  font-weight: 600;
  font-size: 40px;
}
.reg-btn2{
  width:105px;
  height:35px;
  background:#007BDC;
  border-radius: 50px;
  color:white;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 20px;
}
.reg-btn2 a{
  color:white;
}
/*.video-background-container {
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 100vh; /* Full screen height */
.mainvideo{
  position: absolute;
  top: 50%;
  left: 50%;
  min-width: 100%; 
  min-height: 100%;
  width: auto;
  height: auto;
  z-index: 1; /* Puts the video behind everything else */
  transform: translate(-50%, -50%); /* Centers the video */
  object-fit: cover; /* Ensures it fills the space without stretching */
}
.content {
  /*position: relative;*/
  z-index: 2; /* Makes sure text is above the video */
  text-align: center;
  top: 50%;
  transform: translateY(-50%);
  display:flex;
  flex-direction: column;
  align-items: center;
  margin-top:300px;
}
.btnzone{
  display:flex;
  flex-direction: column;
  align-items: center;
}





/*section 2*/
.main-intro{
 overflow:hidden;
 display: flex;
 flex-direction: column;
 justify-content: center;
 align-items: center;
 height: auto;
 min-height: 800px;
 color: white;
 text-align:center;
 gap: 20px;
}
.main-intro h1{
  font-size: 48px;
  font-weight: 700;
  color:#D4EEFF;
}


/*section 3*/
.main-sched{
 display: flex;
 justify-content: center;
 align-items: center;
 height: auto;
 min-height: 500px;
 color: white;
 text-align:center;
}

.sched-box{
 height:fit-content;
 width: 65vw;
 background-image: linear-gradient(rgba(0, 0, 0, 0.2), rgba(15, 16, 18, 0.6)), 
                    url('/fnc_images/fml_main/sched-bg.png');
 overflow:hidden;
 border-radius: 10px;
 display: flex;
 flex-direction: column;
 justify-content: center;
 padding:5%;
 gap: 100px;
}


.event-sched{
 text-align:left;
}
.sched-dets{
  display: flex;
  flex-wrap:wrap;
  justify-content: space-between;
}
.sched-title{
  font-size: 24px;
  font-family:pretendard, sans-serif;
}
/*.event-sched img{
  max-width:40px;
}*/


.event-sched .text{
 display: flex;
 flex-direction: column;
}
.main-det1{
  margin-left: 20px;
  margin-top: 10px;
}

.main-det2{
  margin-left:0;
  margin-top: 20px;
  line-height: 32px;
}

/*section 4*/
.main-dept{
 /*overflow:hidden;*/
 display: flex;
 flex-direction: column;
 justify-content: center;
 align-items: center;
 height: 70vh;
 color: white;
}*

.dept-dets{
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  color: white;

 list-style:none;
}

.dept-dets li{
  margin-top: 30px;
}

.dept{
  display: flex;
  width: 380px;
  height: 250px;
  border-radius: 10px;
  margin-top: 20px;
}

.box1{
  background:
    linear-gradient(
      rgba(0, 0, 0, 0), /*top gradient*/
      rgba(0, 0, 0, 0.9)/*bottom gradient*/
    ),
    url("/fnc_images/fml_main/main-dept1.png");

  background-size: cover;
  background-position: center;
}
.box2{
  background:
    linear-gradient(
      rgba(0, 0, 0, 0), /*top gradient*/
      rgba(0, 0, 0, 0.9)/*bottom gradient*/
    ),
    url("/fnc_images/fml_main/main-dept2.png");

  background-size: cover;
  background-position: center;
}
.box3{
  background:
    linear-gradient(
      rgba(0, 0, 0, 0), /*top gradient*/
      rgba(0, 0, 0, 0.9)/*bottom gradient*/
    ),
    url("/fnc_images/fml_main/main-dept3.png");
  background-size: cover;
  background-position: center;
}

.dept-brief{
  display: grid;
  grid-template-columns: 300px 1fr;
  align-items: center;
  text-align: left;
  margin-top: auto;
  margin-bottom: 20px;
  margin-left: 20px;
}
.dept-brief p{
  margin-right: 5px;
}


/*section 5*/
/*.award-sect{
 display: flex;
 flex-direction: column;
 justify-content: center;
 align-items: center;
 color: white;
 text-align: left;
}*/

.main-awards{
 display: flex;
 flex-wrap:wrap;
 justify-content: space-between;
 color: white;
}

.award-text{
  position: relative;
  display:grid;
  grid-template-columns: 130px 1fr;
  width: 200px;
  font-size: 36px;
}
.main-awards li{
 padding-right: 70px;
 height: 150px;
 box-sizing: border-box;
 margin-top: 20px;
}
.main-awards li span{
  position: absolute;
  text-align:right;
  font-size: 54px;
  color: #88C8F3;
  line-height: 0;
  right: 0;
}


/*section 6*/
.contact-number{
  color: white;
  font-size: 20px;
}
.contact-number span{
  font-weight: 500;
}




@media (max-width: 1500px){
 .dept{
  width: 300px;
 }
 .dept-brief{
  grid-template-columns: 230px 1fr;
 }
}

@media (min-width:575px)and (max-width:960px){
  .hero-sect{min-height: 1000px;}
  .hero-sect h1{font-size: 45px; font-weight: 700; margin-bottom: 5px;}
  .hero-sect h2{font-size: 25px; line-height: normal; margin-bottom: 8px;}
  .hero-sect h3{font-size: 29px;}
  .mainvideo{min-height:1000px; height: 1000px;}
  .content{margin-top: 280px;}
}

@media (max-width:576px) {
  .hero-sect{min-height: 700px;}
  .hero-sect h1{font-size: 40px; font-weight: 700; margin-bottom: 5px;}
  .hero-sect h2{font-size: 20px; line-height: normal; margin-bottom: 8px;}
  .hero-sect h3{font-size: 24px;}
  .mainvideo{min-height:700px; height: 700px;}
  .content{margin-top: 300px;}

  .main-intro{min-height: 200px; height: 400px; margin-top: 50px;}
  .main-intro img{width:70px;}
  .main-intro h1{font-size:36px; font-weight:700}

  .main-awards{padding-left: 0;}
  
  .main-sched{height: auto;}
  .sched-box{margin: 100px 0; height: auto; min-height: 1000px; min-width:300px; padding:7%;}
  .sched-dets{gap: 20px;}

  .dept-dets{flex-direction: column; flex-wrap: nowrap;}
 .dept-dets li {margin-top: 50px;}
 .dept{width: 250px;}
 .dept-brief{grid-template-columns: 180px 1fr;}
 .dept-brief img{width:30px;}
  
  

 .main-awards li {padding-right:10px;}

}