* {
	    margin: 0;
	    padding: 0;
	    box-sizing: border-box;
	    font-family: "Poppins", sans-serif;
	  }
	  section {
	    padding: 100px 200px;
	  }
	  .home {
	    position: relative;
	    width: 100%;
	    min-height: 100vh;
	    display: flex;
	    justify-content: center;
	    flex-direction: column;
	  }
	  .home:before {
	    z-index: 777;
	    content: '';
	    position: absolute;
	    width: 100%;
	    height: 80%;
	    top: 0;
	    left: 0;
	  }
	  .home .content {
	    z-index: 888;
	    width: 70%;
	    margin-top: 50px;
	    display: none;
	  }
	  .home .content.active {
	    display: block;
	  }
	  .home .content h1 {
	    font-size: 4em;
	    font-weight: 900;
	    text-transform: uppercase;
	    letter-spacing: 5px;
	    line-height: 75px;
	    margin-bottom: 40px;
	  }
	  .home .content h1 span {
	    font-size: 1.2em;
	    font-weight: 600;
	  }
	  .home .content p {
	    margin-bottom: 65px;
	  }
	  .home .content a {
	    background: #fff;
	    padding: 15px 35px;
	    font-size: 1.1em;
	    font-weight: 500;
	    text-decoration: none;
	    border-radius: 2px;
	  }
	  .home .media-icons {
	    z-index: 888;
	    position: absolute;
	    right: 30px;
	    display: flex;
	    flex-direction: column;
	    transition: 0.5s ease;
	  }
	  .home .media-icons a {
	    color: #fff;
	    font-size: 1.6em;
	    transition: 0.3s ease;
	  }
	  .home .media-icons a:not(:last-child) {
	    margin-bottom: 20px;
	  }
	  .home .media-icons a:hover {
	    transform: scale(1.3);
	  }
	  .home video {
	    z-index: 000;
	    position: absolute;
	    top: 0;
	    left: 0;
	    width: 100%;
	    height: 80%;
	    object-fit: cover;
	  }

	  .video-slide {
	    position: absolute;
	    width: 100%;
	    clip-path: circle(0% at 0 50%);
	  }
	  .video-slide.active {
	    clip-path: circle(150% at 0 50%);
	    transition: 2s ease;
	    transition-property: clip-path;
	  }
	  @media (max-width: 1040px) {
	    
	    section {
	      padding: 100px 20px;
	    }
	    .home .media-icons {
	      right: 15px;
	    }
	    
	   
	    
	    .menu-btn {
	      background: url(menu.png)no-repeat;
	      background-size: 30px;
	      background-position: center;
	      width: 40px;
	      height: 40px;
	      cursor: pointer;
	      transition: 0.3s ease;
	    }
	    .menu-btn.active {
	      z-index: 999;
	      background: url(close.png)no-repeat;
	      background-size: 25px;
	      background-position: center;
	      transition: 0.3s ease;
	    }
	  }
	  @media (max-width: 560px) {
	    .home .content h1 {
	      font-size: 3em;
	      line-height: 60px;
	    }
	  }