@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@200;300;400;500;600;700&display=swap');
*{ margin: 0;padding: 0;box-sizing: border-box;font-family: 'Poppins', sans-serif;}
body{background: #000;}
img{width: 100%; height: auto;}
/* custom scroll bar */
::-webkit-scrollbar { width: 2px;}
::-webkit-scrollbar-track {background: #000000;}
::-webkit-scrollbar-thumb {background: #fd6c04bb;}
::selection{background: rgb(0,123,255,0.3);}
a{text-decoration: none;color: #fff;}
.navbar{ position: fixed;width: 100%;z-index: 2;padding: 25px 0;transition: all 0.3s ease;}
.navbar.sticky{background: #1b1b1ba1;padding: 2vw 0;box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.1);}
.navbar .content{display: flex;align-items: center;justify-content: space-between;margin: 0 4vw;}
.navbar .logo a{color: #fff;font-size: 25px;font-weight: 600;text-decoration: none;}
.navbar .menu-list{display: inline-flex;}
.menu-list li{list-style: none;}
.menu-list li a{color: #fff;font-size: 18px;font-weight: 500;margin-left: 25px;text-decoration: none;transition: all 0.3s ease;}
.menu-list li a:hover{color: #ff4600;}
/* .banner{background: url("asset/1.jpg") no-repeat;height: 100vh;background-size: cover;background-position: center;background-attachment: fixed;} */
.banner{ position: relative; width:100%; background: #000; display: flex; justify-content: center; align-items: center;}
.content {display: flex;}
.banner .content img{ max-width: 100%;}
/* .banner .content h2{color: #fff;font-size: 2vw;font-weight: 500;position: absolute;  top: 50%;left: 50%;} */
.banner .content a{color: #fff;font-size: 4vw;font-weight: 500;position: absolute;top: 50%;left: 50%; background: #d2691e61; padding: 8px;text-decoration: none;transform: translate(-50%,-50%);}
.banner a:hover{background: #fd6c04bb;text-decoration: none;outline: none;}
.trailer{ position: fixed;  top:50%; left:50%; transform: translate(-50%,-50%); z-index: 2; background: #1b1b1bdb; width: 100%; height: 100%; display: flex; justify-content: center;align-items: center;visibility: hidden;opacity: 0;}
.trailer video{position: relative; max-width: 900px;outline: none;}
.trailer.active{ visibility: visible;opacity: 1;}
.close{position: absolute;margin-top: -42%;right:30px;cursor: pointer;max-width: 25px;}
.icon{color: #fff;font-size: 20px;cursor: pointer;display: none;}
.menu-list .cancel-btn{position: absolute;right: 30px;top: 20px;}
.descr{	max-width: 350px;	background: #000;}
button{border: none;cursor: pointer;color: #fff;font-size: 4vw;font-weight: 500;position: absolute;left: 34%;margin-top: -35%;background: transparent;padding: 8px;
text-decoration: none;border: 4px solid #e46a14;}
button:hover{text-decoration: none;outline: none;background: #e46a14;}
video{display: flex;}
#aboutus{background: url("https://widgets.dailyhunt.in/static_ads/gaming_project/asset/2.jpg")no-repeat center; background-size:100% 100%;padding:15vw;}
#aboutus p{color: #fff;font-weight:300;font-size: 1.6vw;text-align: center;}
#aboutus h2{text-align: center;font-weight: 500;font-size: 4vw;color: #fff;}
.section3{width: 90%;margin:0 auto;margin-bottom: 8%;}
.row{display:flex;}
.card{background:#101010;margin: 3vw;width:50%;border-radius: 1vw;box-shadow: 3px 3px 8px hsl(0, 0%, 30%)}
.section3 h4{padding: 1vw 2vw;color: #fff; font-weight: bold; font-size: 2.2vw;}
.section3 p{padding: 1vw 2vw;font-size: 1.5vw;color:#fff}
.section3 img{border-radius: 1vw;}
.experience{padding: 0vw 2vw;font-size: 2vw;color:#fff;}
p.text{background-color:#000;text-align:center;font-weight:bold;padding:4vw;font-size: 4vw;color:#fff}
.card:hover {box-shadow: 0 8px 16px 0 rgba(255, 255, 255, 0.2);}
.column {float: left;width: 33.3333%;margin:0 5vw;height: 18vw;color: #fff;background-color:#000;text-align: center;}
.row:after {content: "";display: table;clear: both;}
.fa {padding: 2vw 1vw 0 1vw;text-decoration: none;}
.fa-linkedin:before,.fa-instagram:before,.fa-twitter:before {content: "\f0e1";font-size: 3vw;color: #e46a14;}
.column p{ font-size: 1.5vw;padding-top: 2vw;}
.column h2{font-size: 2.2vw;}
.footer{background-color: #000;text-align: center;font-size: 1.5vw;padding: 2vw;color:#fff;}

@media (max-width: 868px) {
  body.disabled{ overflow: hidden;}
  .icon{ display: block;}
  .icon.hide{display: none;}
  .navbar .menu-list{position: fixed;height: 100vh;width: 50%; max-width: 400px;left: -100%; top: 0px; display: block; padding: 40px 0; text-align: center; background: #1b1b1ba1;transition: all 0.3s ease;}
  .navbar.show .menu-list{left: 0%;}
  .navbar .menu-list li{margin-top: 45px;}
  .navbar .menu-list li a{font-size: 20px;margin-left: -100%;transition: 0.6s cubic-bezier(0.68, -0.55, 0.265, 1.55);}
  .navbar.show .menu-list li a{margin-left: 0px;}
}
@media (max-width: 380px) {
  .navbar .logo a{font-size: 27px;}
}
/* @media (max-width:500px){
  .row{display: flex;align-items: center;justify-content: center;align-content: center; flex-wrap: nowrap; flex-direction: column;}
  
} */
@media (min-width:900px){
  .menu-list li a { font-size: 25px;}
  .navbar .logo a{font-size: 25px;}
  .section3 p {font-size: 1.2vw;}
  .section3 h4 ,.column h2{font-size: 1.8vw;}
  .experience {font-size: 1.5vw;}
  p.text {font-size: 3vw;}
  .column p {font-size: 1.1vw;}
  .fa-linkedin:before,.fa-instagram:before,.fa-twitter:before {content: "\f0e1";font-size: 2vw;}
}