*{
    border: 0;
    padding: 0;
    font-family: 'Poppins', sans-serif;
}

.sec-1-navbar{              /* section-1 navbar css */
    position: relative;
}

.parent-1{                 /* container-1 css*/

    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    right: 0;
    background: rgba(250,250,250,0.1);

}

video{                      /* video css */
    object-fit: cover;
}

.span-studio{               /* studio word in heading css  */

    color: #ed563b;
}

.overlay{                   /* overlay used for video gradient */
    
  position: absolute;
  background-color: rgba(35,45,57,0.8);
  top: 0;
  left: 0;
  bottom: 7px;
  width: 100%;
}

.heading-1 {                 /* heading 1 in section 1    */
    
    font-size: 18px;
    font-weight: 800px;
    color: #FFF;
    letter-spacing: 0.5px;
}

.main-heading-1{             /* heading 2 or main heading in section 1 */

    font-size: 84px;
    font-weight: 800;
    letter-spacing: 1px;
    color: #FFF;

}

.first-btn{                 /* first button in section 1 */
     
    padding: 12px 20px;
    background-color: #ed563b;

}

.gym-word{                 /* section-1 gym word css */
    color: #ed563b;
    font-weight: 900px;
    font-style: normal;
}

.word-programme-color{   /* section-2 word programme css */

    color: #ed563b;

}

.para-1{                  /* section - 2  para css */
    color:#7a7a7a;
    font-size: 14px;
    line-height: 25px;
}


.discover-more-word{       /* section - 2 discover more word css */

    color: #ed563b;

}


                             /* mobile view media query start */

@media(max-width:320px){

    .video-css{

        height: 700px;
    }
}

/* mobile view media query end */


.HOME{                      /* navigations home css */

    color: #ed563b;

}


.SIGNUP{                   /* navigation's  sign up button css with hover */

    padding: 10px 15px;
    border: 0;
    background-color: #ed563b;
    color: white;

}

.SIGNUP:hover{             /* signup button hover in navigation */

  color: black;
  transition: 0.3s;

}

.nav-hover:hover{          /* navigation hover */

    color: #ed563b;

}

.sec-3{          /* section 3 bg image  */

    background-image: url(./images/cta-bg.jpg);
    height: 300px;
  

}

.become-member-btn{      /* section 3 btn */

  font-size: 15px;
  padding: 12px 20px;
  background-color: #ed563b;
  color: #fff;
   
}

.become-member-btn:hover{      /* section 3 btn hover */

    background-color: #d7624d;
    color: black;
    transition: 0.3s;

}

.list-box-shadow {         /* section 4 box shadow css  */

    box-shadow: 0px 0px 15px rgba(0,0,0,0.1);
    padding: 30px 2px;
    border-radius: 5px;
   

}

.list-box-shadow :hover{       /* section 4 box css with hoover */

    color: #d7624d;

}

.last-list a{

   color: white;
    padding: 30px 5px;

}

.last-list {                        /* section 4 li css */

  
    box-shadow: 0px 0px 15px rgba(0,0,0,0.1);
    padding: 30px 2px;
    border-radius: 5px;
    background-color: #ed563b;

}

.last-list a:hover{              /* section 4 li css with hoover */

    color: black;
    transition: 0.4s;
}

.sec-5{                            /* section five background image  */

    background-image: url(./images/schedule-bg.jpg);
    height: 150vh;
    background-repeat: no-repeat;
    

}


 .border-box-sec-6{               /* section 6 three box css */

  background-color: #fff;
  border-radius: 5px;
  box-shadow: 0px 0px 15px rgba(0,0,0,0.1);
  padding: 25PX;
}

.border-box-sec-6:hover{               /* section 6 three box css with hover*/

    background-color: #eae2e2;
    border-radius: 5px;
    box-shadow: 5px 40px 15px rgba(0,0,0,2);
    transition: 0.4s;

  }
  
  .last-sec-bg-img{

    background-image: url(./images/contact-bg.jpg);
    width: 100%;
    height: 69vh;
    background-size: cover;
    background-repeat: no-repeat;
  }

.contact-form{

   /* padding: 80px;
 
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 10px; */

}
.center{
    width: 500px;
    height: 550px;
    justify-content: center;
    align-items: center;
    display: flex;
}

.p{
    padding: 30px;
}
input{
    outline: none;
}
textarea{
    outline: none;
}