*{
  margin:0;
  padding:0;
  box-sizing:border-box;
  font-family:sans-serif;
}

body{
  background:black;
  overflow-x:hidden;
}

/* NAVBAR */

.navbar{
  position:absolute;
  top:0;
  width:100%;
  display:flex;
  justify-content:space-between;
  align-items:center;
  padding:20px 60px;
  color:white;
  background:rgba(0,0,0,0.5);
  z-index:100;
  backdrop-filter:blur(10px);
}

.navbar ul{
  display:flex;
  gap:25px;
  list-style:none;
}

.navbar li{
  cursor:pointer;
  transition:0.3s;
}

.navbar li:hover{
  color:#00ffcc;
}

/* HERO */

.hero{
  position:relative;
  width:100%;
  height:100vh;
  overflow:hidden;
}

/* SLIDE */

.slide{
  position:absolute;
  inset:0;
  background-size:cover;
  background-position:center;
  opacity:0;
  transition:1s ease;
}

.slide::before{
  content:"";
  position:absolute;
  inset:0;
  background:rgba(0,0,0,0.45);
}

.slide.active{
  opacity:1;
  z-index:2;
}

/* CONTENT */

.content{
  position:absolute;
  left:80px;
  bottom:120px;
  color:white;
  z-index:5;
  max-width:500px;
}

.content h4{
  font-size:22px;
  margin-bottom:10px;
  color:#00ffcc;
}

.content h1{
  font-size:60px;
  margin-bottom:15px;
  line-height:1.1;
}

.content p{
  font-size:18px;
  color:#ddd;
}

/* BUTTON */

.content button{
  margin-top:20px;
  width:140px;
  height:45px;
  background:rgba(255,255,255,0.15);
  color:white;
  border:none;
  border-radius:25px;
  cursor:pointer;
  position:relative;
  overflow:hidden;
  z-index:1;
  backdrop-filter:blur(10px);
}

/* ANIMATED BORDER */

.content button::before{
  content:"";
  position:absolute;
  inset:0;
  border-radius:25px;
  padding:2px;

  background:linear-gradient(
    90deg,
    #00ffcc,
    #ffffff,
    #00ffcc
  );

  -webkit-mask:
    linear-gradient(#fff 0 0) content-box,
    linear-gradient(#fff 0 0);

  -webkit-mask-composite:xor;
          mask-composite:exclude;

  transform:scaleX(0);
  transform-origin:left;
  transition:0.5s ease;
}

.content button:hover::before{
  transform:scaleX(1);
}

/* THUMBNAILS */

.thumbs{
  position:absolute;
  bottom:30px;
  right:40px;
  display:flex;
  gap:15px;
  z-index:20;
}

.thumbs img{
  width:140px;
  height:80px;
  object-fit:cover;
  border-radius:12px;
  cursor:pointer;
  opacity:0.5;
  transition:0.3s;
  border:2px solid transparent;
}

.thumbs img:hover{
  transform:scale(1.05);
}

.thumbs img.active{
  opacity:1;
  border:2px solid white;
}

/* PRODUCTS */

.products{
  padding:60px;
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(380px,1fr));
  gap:25px;
  background:#f5f5f5;
}

/* TITLE */

.w1{
  font-size:36px;
  display:flex;
  justify-content:center;
  align-items:center;
  text-align:center;
  color:black;
  margin-bottom:10px;
}

.line{
  width:80px;
  height:4px;
  background:#5865f2;
  margin:0 auto 40px;
  border-radius:10px;
}

/* CARD */

.card{
  background:#fff;
  border-radius:18px;
  overflow:hidden;
  box-shadow:0 5px 20px rgba(0,0,0,0.08);
  transition:0.3s;
}

.card:hover{
  transform:translateY(-8px);
}

.card-image{
  width:100%;
  height:240px;
  overflow:hidden;
}

.card-image img{
  width:100%;
  height:100%;
  object-fit:cover;
  transition:0.4s;
}

.card:hover .card-image img{
  transform:scale(1.05);
}

/* CARD BOTTOM */

.card-bottom{
  padding:18px;
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:15px;
}

.left{
  display:flex;
  gap:14px;
  align-items:flex-start;
}

.left .logo{
  width:55px;
  height:55px;
  border-radius:12px;
  overflow:hidden;
  flex-shrink:0;
}

.left .logo img{
  width:100%;
  height:100%;
  object-fit:cover;
}

.info h3{
  font-size:20px;
  margin-bottom:5px;
  color:black;
}

.info p{
  font-size:14px;
  color:#666;
  line-height:1.4;
}

/* CARD BUTTON */

.card button{
  padding:12px 24px;
  border:none;
  border-radius:30px;
  background:#f1f1f1;
  cursor:pointer;
  transition:0.3s;
  font-weight:bold;
}

.card button:hover{
  background:#5865f2;
  color:#fff;
}

/* MOBILE */

@media(max-width:768px){

  .navbar{
    padding:20px;
  }

  .navbar ul{
    display:none;
  }

  .content{
    left:30px;
    right:30px;
    bottom:120px;
  }

  .content h1{
    font-size:42px;
  }

  .content p{
    font-size:15px;
  }

  .thumbs{
    right:15px;
    bottom:15px;
    gap:10px;
  }

  .thumbs img{
    width:90px;
    height:60px;
  }

  .products{
    padding:20px;
    grid-template-columns:1fr;
  }

  .card-bottom{
    flex-direction:column;
    align-items:flex-start;
  }

  .card button{
    width:100%;
  }

.w1{
  font-size:28px;
  text-align:center;
  display:flex;
  justify-content:center;
  align-items:center;
  width:100%;
}

}
 /* about */
.about{
  background:url("data:image/png;base64,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")
  display:flex;
  justify-content:center;
  align-items:center;
  padding:60px;
}
.about-card{
    width:320px;
    height:180px;
    background:#0d1b4c;
    position:relative;
    overflow:hidden;
    padding:25px;
    transition:all .4s ease;
    cursor:pointer;
}

/* Hover image */
.about-card::before{
    content:"";
    position:absolute;
    inset:0;
    background-color:aliceblue;
    background:url("https://img.axuretech.bd1b.eu.cc/fav.png") center/cover no-repeat;
    opacity:0;
    transform:scale(1.1);
    transition:.5s;
}

/* Hover effect */
.about-card:hover{
    transform:scale(.95);
}

.about-card:hover::before{
    opacity:1;
    background-color:#fff;
    transform:scale(1);
}

/* Text always on top */
.content,
.arrow{
    position:relative;
    z-index:2;
}

.content h3{
    margin:0;
    font-size:32px;
    color:#fff;
    transition:.4s;
}

.line{
    display:block;
    width:18px;
    height:3px;
    background:#5c8cff;
    margin-top:10px;
}

.arrow{
    position:absolute;
    right:20px;
    bottom:20px;
    width:50px;
    height:50px;
    border-radius:50%;
    background:#5c8cff;
    color:#fff;
    display:flex;
    justify-content:center;
    align-items:center;
    font-size:24px;
}

/* Text color change on hover */
.about-card:hover h3{
    color:#222;
}

/*ffooter*/
.footer{
  width:100%;
  background:#000;
  padding:40px 20px;
  text-align:center;
}

.footer-links{
  display:flex;
  justify-content:center;
  flex-wrap:wrap;
  gap:25px;
  margin-bottom:30px;
}

.footer-links a{
  color:#bdbdbd;
  text-decoration:none;
  font-size:14px;
  transition:0.3s;
}

.footer-links a:hover{
  color:#00ffcc;
}

.footer-logo{
  font-size:42px;
  font-weight:bold;
  letter-spacing:5px;
  color:white;
  margin-bottom:20px;

  background:linear-gradient(
    90deg,
    #00ffcc,
    #5865f2,
    #ffffff
  );

  -webkit-background-clip:text;
  -webkit-text-fill-color:transparent;
}

.copyright{
  color:#8d8d8d;
  font-size:14px;
}

/* MOBILE */

@media(max-width:768px){

  .footer-links{
    gap:15px;
  }

  .footer-links a{
    font-size:13px;
  }

  .footer-logo{
    font-size:30px;
  }
}