/*-----------------------------------------------HERO SECTION-----------------------------------------------*/

.hero{
    width: 100vw;
    height: 100vh;
    position: relative;
    
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;

    
}

video{
    width: 100vw;
    height: 100%;
    object-fit: cover;
    position: absolute;
    top: 0;
    left: 0%;
    z-index: -2;
    
    
}

.overlay{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    z-index: -1;
}

.hero h1{
   
    color: aliceblue;
   font-family: "Nanum Myeongjo", serif;
    font-weight: 600;
    font-size: 3vw;
    
letter-spacing: 3px;
}

.hero p{
   
    color: aliceblue;
    font-family: 'Nunito', sans-serif;
    font-weight: 400;
    font-size: 1.3vw;
    width: 50%;
    text-align: center;
    margin-top: 5vh;

}

.hero img{
    width: 6vw;
    height: 6vw;
   
}

.temp{
    position: absolute;
    top: 45vh;
    right: -4vw;
    color: white;
    font-family: 'Nunito', sans-serif;
    font-weight: 400;
    font-size: 1.2vw;
    display: flex;
    gap: 15px;
    z-index: 10000;
    transform: rotateZ(90deg);
}



/*------------------------------------------------------------------------------------------------------------------*/


/*-----------------------------------------------PARA Section-----------------------------------------------*/

.paraSection{
    
    height: 40vh;
    display: flex;
    justify-content: center;
    align-items: center;
   margin-top: 10vh;
    font-family: 'Nunito', sans-serif;
    font-weight: 400;
    font-size: 2.3vw;
    color: #d4b28a;
   
}

.paraSection p{
    width: 80vw;
    line-height: 1.5;
    letter-spacing: 1px;
    text-align: center;
    font-weight: 100;
}




/*------------------------------------------------------------------------------------------------------------*/


.about {
  display: flex;
  height: 100vh;
  align-items: center;
  justify-content: space-between;
  padding: 5vh 5vh;
  margin-top: 10vh;
  margin-bottom: 5vh;
 
}

.a-l {
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  align-items: start;

  width: 50%;
  padding: 5vh 5vh;
  height: 70vh;
}

.a-l h1 {
  font-size: 3rem;
  color: white;
  font-family: "Nanum Myeongjo", serif;
  font-weight: 100;


}

.a-l a{
    font-family: 'Nunito', sans-serif;
    font-weight: 600;
    font-size: 0.9rem;
    text-transform: uppercase;
    color: #d4b28a;
    text-decoration: none;
    
    letter-spacing: 3px;
    
}

.a-l p {
  font-size: 1rem;
  font-family: 'Nunito', sans-serif;
  color: white;
  font-weight: 100;
}

.a-r {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 50%;
  height: 70vh;
}

.a-r iframe {
  width: 50vw;
  height: 100%;
  border-radius: 20px;
  box-shadow: 0 0 5px #d4b28a;
}



/*-----------------------------------------------SERVICES SECTION-----------------------------------------------*/
.services{
    
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-top: 10vh;
    
}


.explore, .halls, .lawns, .rooms{
    width: 100vw;
    height: 90vh;
    display: flex;
    justify-content: space-between;
    align-items: center;

   
}

.serviceContainer div{
    width: 50%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    gap: 1rem;
}

.serviceContainer div h2{
   font-family: "Nanum Myeongjo", serif;
    font-weight: 500;
    font-size: 3vw;
    color: #ffffff;
    
    letter-spacing: 3px;
}

.serviceContainer div p{
    font-family: 'Nunito', sans-serif;
    font-weight:100 ;
    font-size: 1.2vw;
    color: #ffffff;
    width: 50%;
    margin-top: 1rem;
}

.serviceContainer div a{
    font-family: 'Nunito', sans-serif;
    font-weight: 600;
    font-size: 1.1vw;
    color: #d4b28a;
    text-decoration: none;
    margin-top: 1rem;
    letter-spacing: 3px;
    
}

.serviceContainer div a:hover{
   color: #ac9070;
}

.serviceContainer img{

    width: 50%;
    height: 100%;
    object-fit: cover;
    
}

/*------------------------------------------------------------------------------------------------------*/



/*-----------------------------------------------GALLERY SECTION-----------------------------------------------*/


.gallery{
    width: 100vw;
    height: 100vh;
    object-fit: cover;
    margin-top: 10vh;
}

.galleryContainer div{
    width: 50vw;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    gap: 1rem;
}

.galleryContainer div h2{
   font-family: "Nanum Myeongjo", serif;
    font-weight: 500;
    font-size: 3vw;
    color: #ffffff;
    
    letter-spacing: 3px;
}

.galleryContainer div p{
    font-family: 'Nunito', sans-serif;
    font-weight:100 ;
    font-size: 1.2vw;
    color: #ffffff;
   
    margin-top: 1rem;
}

.galleryContainer div a{
    font-family: 'Nunito', sans-serif;
    font-weight: 600;
    font-size: 1.1vw;
    color: #d4b28a;
    text-decoration: none;
    margin-top: 1rem;
    letter-spacing: 3px;
    
}

.galleryContainer div a:hover{
   color: #ac9070;
}


.galleryContainer{
    width: 100vw;
    height: 40vh;
    display: flex;
    justify-content: center;
    align-items: center;
    
    text-align: center;
}



/*------------------------------------------------------------------------------------------------------*/

/*-----------------------------------------------RANDOM SECTION-----------------------------------------------*/
.quote{
    width: 100vw;
    height: 80vh;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 10vh;
}

.quote p{
    font-family: 'Nunito', sans-serif;
    font-weight: 300;
    font-size: 2vw;
    color: #ffffffde;
    width: 20%;
    letter-spacing: 3px;
    text-align: center;
    margin-left: 15vw;
}

.quote img{
    width: 50%;
    height: 100%;
    object-fit: cover;
    margin-top: 5vh;
}


/*------------------------------------------------------------------------------------------------------*/


/*-----------------------------------------------CONTACT SECTION-----------------------------------------------*/

.contact{
    width: 100vw;
    height: 100vh;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 30vh;
    gap: 10vh;
    flex-direction: column;
}

.contact div{
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}


#Cbtn{
    font-family: 'Nanum Myeongjo', serif;
    font-weight: 600;
    font-size: 2.5vw;
    color: #d4b28a;
    text-decoration: none;
    
    cursor: pointer;
    letter-spacing: 3px;
}


.contact iframe{
    width: 100%;
    height: 100%;
    border: none;
     filter: invert(90%) hue-rotate(180deg) brightness(0.9) contrast(1.2);
  border-radius: 12px;
}










/*------------------------------------------------------------------------------------------------------*/

/*-----------------------------------------------FOOTER SECTION-----------------------------------------------*/




/*------------------------------------------------------------------------------------------------------*/









@media screen and (max-width: 768px) {

    video {
    width: 100vw;
    height: 100vh;
    object-fit: cover;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -2;
}

.navCta {
    font-family: "Nanum Myeongjo", serif;
    font-weight: 600;
    font-size: 1.5rem;
    color: white;
    background-color: #d4b28a;
    border: none;
    cursor: pointer;
    transition: all 0.3s linear;
    border: 0.1px solid #f0f0f000;
    height: 65px;
    width: 65px;
    position: fixed;
    top: 0;
    right: 0;
    z-index: 1000;
}

   .hero img {
    width: 65px;
    height: 65px;
}

.hero h1 {
    color: aliceblue;
    font-family: "Nanum Myeongjo", serif;
    font-weight: 600;
    font-size: 7vw;
    letter-spacing: 3px;
}

.hero p{
    width: 70%;
    font-size: 3vw;
}
    

.temp {
    position: absolute;
    top: 93vh;
    right: 2vw;
    color: white;
    font-family: 'Nunito', sans-serif;
    font-weight: 400;
    font-size: 1rem;
    display: flex
;
    gap: 15px;
    transform: rotateZ(0deg);
}

.paraSection{
    font-size: 5vw;
}


.explore , .lawns{
    flex-direction: column-reverse;
}

.halls,.rooms{
    flex-direction: column;
}

.serviceContainer {
    height: auto;
    margin-bottom: 5vh;
}
.serviceContainer img {
    width: 100vw;
    height: 50vh;
    object-fit: cover;
}

.serviceContainer div{
    width:100vw;
    height: 40vh;
}


.serviceContainer div h2 {
    font-family: "Nanum Myeongjo", serif;
    font-weight: 500;
    font-size: 8vw;
    color: #ffffff;
    letter-spacing: 3px;
}

.serviceContainer div p{
    font-size:3vw;
}
.gallery{
    height: 50vh;
    margin: 0;
}

.galleryContainer{
    height: 60vh;
}


.galleryContainer div {
    width: 95vw;
    
}

.galleryContainer div h2 {
    font-family: "Nanum Myeongjo", serif;
    font-weight: 500;
    font-size: 7vw;
    color: #ffffff;
    letter-spacing: 3px;
}


.quote {
    width: 100vw;
    height: auto;
    display: flex
;
gap: 15vh;
    justify-content: space-between;
    align-items: center;
    margin-top: 6vh;
    flex-direction: column-reverse;
}


.quote img {
    width: 100vw;
    height: 50vh;
    object-fit: cover;
    margin-top: 0;
}


.quote p {
    font-family: 'Nunito', sans-serif;
    font-weight: 300;
    font-size: 7vw;
    color: #ffffffde;
    width: 90%;
    letter-spacing: 3px;
    text-align: center;
    margin-left: 0;
}



.contact a {
    font-family: 'Nanum Myeongjo', serif;
    font-weight: 600;
    font-size: 6vw;
    color: #d4b28a;
    text-decoration: none;
    cursor: pointer;
    letter-spacing: 3px;
}

.contact{
    margin-top: 20vh;
}


.contact iframe{
    width: 100vw;
    height: 50vh;
}


  






}


@media screen and (max-width: 480px) {

    .hero h1 {
        font-size: 8vw;
        text-align: center;
    }

    .hero img {
        width: 100px;
        height: 100px;
    }

    .hero p {
        width: 90%;
        font-size: 4vw;
    }

       #Cbtn {
    font-family: 'Nanum Myeongjo', serif;
    font-weight: 600;
    font-size: 1.2rem;
    color: #d4b28a;
    text-decoration: none;
    cursor: pointer;
    letter-spacing: 3px;
}
.contact {
    width: 100vw;
    height: 70vh;
    display: flex
;
    justify-content: center;
    align-items: center;
    margin-top: 30vh;
    gap: 4vh;
    flex-direction: column;
}

    .temp {
        top: 93vh;
        right: 5vw;
        font-size: 3.1vw;
    }

    .paraSection {
        font-size: 6vw;
    }

    .serviceContainer div h2 {
        font-size: 1.5rem;
    }

    .serviceContainer div p {
        font-size: 1rem;
    }

    .serviceContainer img {
        width: 100vw;
        height: 40vh;
        object-fit: cover;
    }
    .serviceContainer div a {
    font-family: 'Nunito', sans-serif;
    font-weight: 600;
    font-size: 0.9rem;
    color: #d4b28a;
    text-decoration: none;
    margin-top: 1rem;
    letter-spacing: 3px;
}

    .galleryContainer div h2 {
        font-size: 1.5rem;
    }

    
    
    .galleryContainer div p {
        font-size: 1rem;
    }

    .galleryContainer div a {
    font-family: 'Nunito', sans-serif;
    font-weight: 600;
    font-size: 0.9rem;
    color: #d4b28a;
    text-decoration: none;
    margin-top: 1rem;
    letter-spacing: 3px;
}
    .quote p {
        font-size: 7vw;
    }
    

    .contact {
        margin-top: 5vh;

    }






        .about {
    display: flex;
    height: auto;
    flex-direction: column;
    align-items: center;
    gap: 10vh;
    justify-content: space-between;
    padding: 5vh 0vh;
    text-align: center;
   
  }

  .a-l {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 5vh;
    width: 100%;
    padding: 0vh 2vh;
    height: auto;
  }

  .a-l h1 {
    font-size: 2.3rem;
   
   
  }

  .a-l p {
    font-size: 1.1rem;
    font-family: 'Nunito', sans-serif;
  }

  .a-r {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 99%;
    height: 50vh;
  }

  .a-r iframe {
    width: 100%;
    height: 100%;
    border-radius: 0;
    box-shadow: 0 0 5px #000000;
  }





}