*{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}
body{
    overflow-x: hidden;
   }
/* fonts */
@font-face {
    font-family:'stem-medium' ;
    src: url(./fonts/Stem-Medium.woff2);
}
@font-face {
    font-family:'stem-bold' ;
    src: url(./fonts/Stem-Bold.woff);
}
@font-face {
    font-family:'stem-regular' ;
    src: url(./fonts/Stem-Regular.woff2);
}
@font-face {
    font-family: 'traveller';
    src: url(./fonts/Traveler.ttf);
}
/* nav-bar */
nav{
    background-color: #000;
    padding: 1rem 2.2rem;
}
.banner1{
    display: none;
}
.nav-menu, .nav-brand, .nav-contact{
    display: flex;
    justify-content: center;
    align-items: center;
}
.logo-img{
    width: 9%;
}
.nav-contact-line{
    border-bottom: 2px solid #ffcc00;
}
.nav-contact a{
    text-decoration: none;
    color: #ffffff;
   }
   .nav-contact a:hover{
    color: #ffffff;
   }
   .nav-contact a h4{
    letter-spacing: 1.08px;
    font-size: 1rem;
    font-family:'stem-regular' ;
   }
   /* banner */
   .banner,.carousel{
    height: 80vh !important;
   }
   .carousel-item video{
       height: 80vh !important;
          /* filter: grayscale(100%); */
   }
   .zoom-in-out-box {
    transform: scale(1.5, 1.5);
    animation: zoom-in-zoom-out 8s ease infinite;
  }

 
  /* @keyframes zoom-in-zoom-out {
    0% {
      transform: scale(1.5, 1.5);
    }
    100% {
      transform: scale(1.8, 1.8);
    }
   
  } */
   .banner-content{
      position: absolute;
    top: 0;
    left: 0;
    z-index: 999;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 100%;
    margin-top: 13%;
   }
 
     .banner-content h5{
    margin-bottom: -20px;
    color: white;
    font-family:'stem-regular' ;
font-size: 1rem !important;
letter-spacing: 10px !important;

   }
   .banner-content h1{
    color:#ffcc00;
    font-family: 'traveller';
    font-size: 8rem !important;
    letter-spacing: 16px !important;
   }
   .banner-inner-content{
    position: absolute;
    top: 22%;
    text-align: center;
       }
   /* section-1 */
   .section-1{
    background-color: #000;
   }
   .sec-1-content{
    padding: 3rem 10rem;
    text-align: center;
   }
   .sec-1-content h5{
       font-family:'stem-medium' ;
letter-spacing: 4px;
color: #979393;
   }
   .sec-1-content p{
    font-size: 1.5rem;
    color: #ffffff;
    font-weight: 700;
   }
   .sec-1-content span{
    color: #ffcc00;
   }
   .margin-top{
    margin-top: 2.5rem;
   }
   @media screen and (min-width:621px) and (max-width:1023px) {
    .banner-content h1{
        font-size: 6rem !important;
    }
    .logo-img{
        width: 15%;
    }
    .sec-1-content {
        padding: 3rem 5rem;}
        .banner-content{
            margin-top: 30%;
        }
        .banner-content h5 {
            margin-bottom: -3px;}
            .banner1{
                display: none;
            }
   }
   @media screen and (max-width:620px) {
    .banner-content h1{
        font-size: 3rem !important;
        letter-spacing: 15px !important;
    }
    .banner-content h5 {
        font-size: .9rem !important;
        letter-spacing: 5px !important;
        margin-bottom: 2px;
    }
    .sec-1-content {
        padding: 3rem 1rem;
    height: 40vh;}
        .banner-content {
            margin-top: 39%;
        }
        nav {
            background-color: #000;
            padding: 1.3rem 1rem 1.3rem 0;
        }
        .logo-img{
            width: 25%;
        }
        .banner{
            display: none !important;
        }
        .banner1{
            display: block;
        }
        .nav-brand{
            text-align: end;
        }
        .nav-contact{
         width: 108%;
         font-size: .9rem;
        }
        .banner, .carousel {
            height: 50vh !important;
        }
           .carousel-item video{
            height:50vh !important;
            /* filter: grayscale(100%); */
           }
           .sec-1-content p{
            font-size: 1rem;
           }
           .nav-contact{
            display: none;
           }
           .margin-top{
            margin-top: 1.5rem;
           }
           
   }