*{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}
*::selection{
    color: #fff;
    background-color: #111;
}
html,body{
    height: 100%;
    width: 100%;
}
body{
    background-color: #F7F7F7;
}
.nav{
    padding: 1vw;
    height: 5vw;
    width: 100%;
    /* background-color: bisque; */
    position: fixed;
    z-index: 99;
    font-size: 100px;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}
.nav .part2{
    display: flex;
    align-items: center;
    justify-content: center;

}
.nav .navpart2 a{
    font-size: .9vw;
    color: #111;
    text-decoration: none;
    padding: 1.5vw;
}

.cursor{
    height: 8vw;
    width: 8vw;
    background-color: bisque;
    border-radius: 50%;
    position:fixed;
    transform: translate(-50%,-50%) scale(0);

}
.page1{
    position: relative;
    min-height: 100vh;
    width: 100%;
    padding-left: 2.5vw;
    padding-top: 12.5vw;
    margin-bottom: 5vw;
    /* border-bottom: 1px solid black; */
   
    /* background-color: red; */
}
.page1 h1{

    /* padding-left: 2.5vw; */
    font-size: 15.5vw;
    font-family: futura;
    text-transform: uppercase;                                                                                              
    line-height: 0.9;
    letter-spacing: -30px;

}
#video-container{
    margin-top: 1vw;
    padding-right: 1vw;
    height: 100vh;
    width: 100%;
    /* background-color: grey; */
    position: relative;

}
#video-container video{
    height: 100%;
    width: 100%;
    object-fit: cover;
}
#video-container #play{

    padding: 3vw 2.3vw;
    background-color: black;
    color: white;
    font-size: 1.3vw;
    position: fixed;
    text-transform: uppercase;
    font-family: futura;
    border-radius: 50%;
    opacity: 0;
    scale: 0;

}
#page2{
    height: 100vh;
    width: 100%;
    /* background-color: aqua; */
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-evenly;
    padding: 2vw 0.5vw ;
}
#page2 .elem{
    padding: 1.5vw;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    height: 105%;
    width: 32%;
    /* background-color: red; */
    overflow: hidden;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
}

#page2 .elem h1{
    padding: 1vw 2.5vw;
    font-size: 1.2vw;
    text-transform: uppercase;
    font-weight: 500;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
#page2 .elem h1 span{
    font-weight: 200;
}
#page2 .elem img{
    height: 100%;
    width: 100%;
    object-fit: cover;
    scale: 1.1;
}
#page2 .elem .dets{
    height: 220px;
    width: 60%;
    background-color: #F7F7F7;
   position: absolute;
     /* top: 50%;
    left: 50%;
    transform: translate(-50%,-50%); */
    z-index: 9;
    border-radius: 50px;
    opacity: 0.9;

}
#page3{
    margin-top: 8vw;
    min-height: 120vh;
    width: 100%;
    background-color: #FFFFFF;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-evenly;
    flex-wrap: wrap;
    gap: 5vw; 
    border-bottom: 1px solid black;

}
#page3 .content{
    height: 100px;
    width: 100%;
    /* background-color: #111; */
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 5vw 2vw;
    margin-bottom: 5vw;
}
#page3 .content h1{
    font-size: 4vw;
    font-weight: 1000;
    font-family: futura;
    text-transform: uppercase;
    line-height: 1.1;
}
#page3 .content h5{
    font-size: 1.3vw;
    font-weight: 100;
    width: 50%;
    font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
    line-height:1.7em;
}
#page3 .child h1{
    text-transform: uppercase;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-size: 1vw;
    position: absolute;
    left:25%;
    font-weight: 500;
}
.child{
    width: calc(42vw - 2vw); /* Adjust the width to fit within container */
    height: 89vh;
    position: relative;
    padding: 3.5vw;
    margin-bottom: 3vw;

}

.child img{
    height: 100%;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    object-fit: cover;
}
.page4{
    margin-top: 5vw;
    min-height: 100vh;
    padding: 10vw;
    font-family: futura;
    position: absolute;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    
}
.page4 h1{
    font-size: 4.3vw;
    text-transform: uppercase;
    line-height: 1;
    font-weight: 900;
}
.page4 button{
    font-weight: 500;
    margin-top: 2vw;
    font-size: 1vw;
    padding: 1vw 4vw;
    text-transform: uppercase;
    border-radius: 2vw;
    color: #fff;
    background-color: #111;


}
.page4 h3{
    margin-top: 1vw;
    font-size: 1.2vw;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-weight: 400;
}
.page5{
    margin-top: 5vw;
    min-height: 100vh;
}
.page6{
    min-height: 100vh;
    display: flex;
    margin-top: 2vw;

}
.page6 .page6div{
    height: 100vh;
    width: 35%;
    /* background-color: aqua; */
    
}
.page6 h1{
    font-family: futura;
    font-size: 2vw;
    text-transform: uppercase;
}
.page6 #part1{
    padding: 1vw;
    display: flex;
    flex-direction: column;
    line-height: 2;

}
.page6 h3{
    font-size: 1.2vw;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-weight: 400;
}
.page6 #part1 .btn{
    font-size: 1vw;
    padding: 1vw 1vw;
}
.page6 .page6div img{
    padding: .5vw;
    height: 100%;
    width: 100%;
    object-fit: cover;
}
.page7{
    margin-top: 1.5vw;
    min-height: 35vh;
}
.page7 h1{
    text-transform: uppercase;
    font-size: 2.5vw;
    font-family: futura;
    padding: 1vw;
}
.page7 .page7-part2{
    margin-top: 1vw;
    padding: 1vw;
    height: 400px;
    width: 100%;
    position: relative;
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
}
.page7 .page7-part2 nav{
  
    font-size: 1.1vw;
    display: flex;
    flex-direction: column;
 
    
}
.page7 .page7-part2 nav a{
    text-decoration: none;
    color: #111;
    font-weight: 500;
}