@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
@font-face {
    font-family:boold;
    src: url(NokiaKokia.ttf);
  }
  *{
    padding: 0;
margin: 0;
box-sizing: border-box;  
}
  body{
overflow-x: hidden;
background-color:rgb(255, 255, 255);
  }
  .cursor{
    position:fixed;
    height:15px;
    width:15px;
    background-color:rgb(255, 255, 255);
    mix-blend-mode: difference;
    z-index:10000;
    border-radius:50%;
  }
.strip{
  background-color:black;
  width:100%;
}
.strip-material{
  display:flex;
  align-items:center;
  justify-content: space-between;
  padding:8px;
}
.strip-material a{
color:white;
text-decoration:none;
font-size:13px;
font-family:Poppins;
}
.header{
  padding:13px;
  width:100%;
  position:fixed;
  z-index:10000;
}
.menu{
  cursor:pointer;
  color:rgb(0, 0, 0);
}
.menu span{
  position:relative;
  font-family:Poppins;
  font-weight: bold;
  font-size:18px;
}
.menu-items{
background-color:#000000;
margin-top:200px;
transform-origin:top;
transform: scaleY(0);
transition:.3s all;
display: inline-block;
position:fixed;
right:10px;
z-index:1000;
border-radius:6px;
clip-path: polygon(15% 0, 100% 0, 100% 82%, 86% 100%, 0 100%, 0 20%);
padding:10px;
}
.menu-items ul{
list-style-type:none;
padding:10px;
font-size:28px;
font-family:Poppins;
}
.menu-items ul li a {
text-decoration:none;
color:rgb(255, 255, 255);
transition:.3s all;
}
.menu-items ul li a:hover{
letter-spacing:2px;
}
.header-material{
  margin-top:20px;
  display:flex;
  align-items:center;
  justify-content: space-between;
}
.hero{
  position:relative;
  margin-top:130px;
}
.banner{
  width:100%;
  background:url('sagar-kulkarni-KCwAwVLYBKY-unsplash.jpg');
  height:550px;
  background-attachment: fixed;
  background-size:cover;
  background-position: center; 
    padding:40px;
    display:flex;
    align-items:center;
    justify-content:center;
}
.banner h1{
  font-family:Poppins;
  color:rgb(255, 255, 255);
  font-size:60px;
 margin-top:50px;
 text-align: center;
}
.pro h2{
    font-family:Poppins;
  font-size:60px;
 margin-top:80px;
 text-align: center;
}
.feature-p{
   font-family:Poppins;
  width:100%;
     display:flex;
   align-items:last baseline;
   justify-content:center;
   flex-wrap: wrap;
   gap:20px;
   margin-top:70px;
}
.cont-p{
  position: relative;
  padding:20px;
  /* border:1px solid rgb(230, 230, 230); */
}
.img1{
  width:250px;
  overflow: hidden;
}
.img1 img{
  width:100%;
}
.pad{
padding:5px;
}
.pad h4{
color:rgb(116, 116, 116);
font-weight:600;
}
.pad p{
font-size:12px;
}
.cate{
  width:100%;
}
.cate h1{
      font-family:Poppins;
  font-size:60px;
 margin-top:60px;
 text-align: center;
}
.cate01{
     font-family:Poppins;
  width:100%;
     display:flex;
   align-items:last baseline;
   justify-content:center;
   flex-wrap: wrap;
   gap:10px;
   margin-top:50px;
}
.cate01 p{
border:1px solid rgb(223, 223, 223);
border-radius:50px;
padding:10px;
transition:.3s all;
cursor: pointer;
}
.cate01 p:hover{
background-color:rgb(223, 223, 223);
}

.footer{
  width:100%;
  font-family:Poppins;
  margin-top:80px;
  padding:20px;
}
.links{
     display:flex;
  align-items:center;
  justify-content:space-between;
  overflow: hidden;
  width:100%;
}
.links a{
text-decoration:none;
color: rgb(0, 0, 0);
transition: all .3s;
}
.links a:hover{
color: rgb(112, 112, 112);
}
.c-name h1{
  font-size:17vw;
  text-align:center;
}
.dev{
       display:flex;
  align-items:center;
  justify-content:space-between;
  overflow: hidden;
}
.dev p{
color: rgb(112, 112, 112);
}

.banner h2{
  font-family:Poppins;
  color:rgb(255, 255, 255);
  font-size:170px;
 margin-top:50px;
 text-align: center;
}
.contact-det{
  width:100%;
  padding:20px;
  margin-top:70px;
   font-family:Poppins;
}
.all1{
  background-color:rgb(235, 235, 235);
  border-radius:10px;
  padding:20px;
}
.all1 h1{
  font-size:25px;
font-weight:500;
cursor: pointer;
}
.abt{
  width:100%;
  padding:60px;
  margin-top:70px;
     font-family:Poppins;
}
.abt p{
  font-size:25px;
font-weight:400;
}






@media screen and (max-width: 780px){
  .strip-material{
    padding:6px;
  }
  .strip-material a{
  font-size:12px;
  }

.banner{
  height:350px;
    padding:40px;
}
.banner h1{
  font-size:25px;
}
.banner h2{
  font-size:70px;
}

.cate h1{
  font-size:43px;
  line-height:40px;
}
.cate01 p{
font-size:13px;
}
.cont-p{
  position: relative;
  border:1px solid rgb(230, 230, 230);
}
.c-name h1{
  font-size:16vw;
}
.dev p{
font-size:12px;
}
.links a{
font-size:12px;
}
.pro h2{
  font-size:45px;
}
.hide{
  display:none;
}
.all1 h1{
  font-size:18px;
}
.abt p{
  font-size:18px;
}
.abt{
  padding:25px;
}
}