*{
  margin:0;
  padding:0;
  box-sizing:border-box;
}

html{
  scroll-behavior:smooth;
}

body{
  font-family:'Poppins',sans-serif;
  background:#000;
  color:#fff;
  overflow-x:hidden;
}

.cursor{
  width:20px;
  height:20px;
  border:2px solid #00c3ff;
  border-radius:50%;
  position:fixed;
  pointer-events:none;
  transform:translate(-50%,-50%);
  z-index:9999;
  transition:0.08s;
  box-shadow:0 0 20px #00c3ff;
}

.navbar{
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;

  padding: 5px 90px;

  display: flex;
  justify-content: space-between;
  align-items: center;

  z-index: 1000;

  background: transparent;

  transition:
  background 0.4s ease,
  backdrop-filter 0.4s ease,
  box-shadow 0.4s ease;
}

/* Scroll Effect */

.navbar.scrolled{

  background: rgba(0,0,0,0.75);

  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);

  box-shadow: 0 5px 25px rgba(0,0,0,0.35);

  border-bottom: 1px solid rgba(255,255,255,0.06);
  height: 120px;
}

.logo{
  position: relative;
  z-index: 9999;
}

.logo img{
  width:135px;

  opacity:1 !important;

  filter:
  brightness(1.4)
  contrast(1.25)
  saturate(1.2);

  display:block;
}

/* Navbar overlay ke upar rakho */

.navbar{
  isolation:isolate;
}

nav{
    margin-left: 90px;

  display:flex;
  align-items:center;
  gap:40px;
}

nav a{
  color:#fff;
  text-decoration:none;
  transition:0.3s;
  font-weight:500;
  position:relative;
}

nav a::after{
  content:'';
  position:absolute;
  left:0;
  bottom:-6px;
  width:0%;
  height:2px;
  background:#00c3ff;
  transition:0.4s;
}

nav a:hover::after{
  width:100%;
}

nav a:hover{
  color:#00c3ff;
}

.logo img{
  margin-top: 20px;
  width:120px;
  object-fit:cover;
}

/* Dropdown */

.dropdown{
  position:relative;
}

.dropbtn{
  display:flex;
  align-items:center;
  gap:8px;
}

.dropdown-content{
  position:absolute;
  top:45px;
  left:0;
  width:260px;
  background:rgba(0,0,0,0.95);
  /* backdrop-filter:blur(15px); */
  border-radius:20px;
  padding:15px;
  border:1px solid rgba(255,255,255,0.08);

  display:flex;
  flex-direction:column;
  gap:10px;

  opacity:0;
  visibility:hidden;
  transform:translateY(20px);
  transition:0.4s;
}

.dropdown-content a{
  padding:12px 15px;
  border-radius:12px;
  transition:0.3s;
}

.dropdown-content a:hover{
  background:#111;
  padding-left:22px;
}

.dropdown:hover .dropdown-content{
  opacity:1;
  visibility:visible;
  transform:translateY(0);
}

/* Social Icons */

.social-icons{
  display:flex;
  gap:15px;
}

.social-icons a{
  width:45px;
  height:45px;
  border-radius:50%;
  background:rgba(255,255,255,0.08);
  border:1px solid rgba(255,255,255,0.08);

  display:flex;
  align-items:center;
  justify-content:center;

  color:#fff;
  font-size:1.1rem;
  text-decoration:none;

  transition:0.4s;
}

.social-icons a:hover{
  background:#00c3ff;
  color:#000;
  transform:translateY(-5px);
  box-shadow:0 10px 30px rgba(0,195,255,0.4);
}
.btn{
  padding:14px 30px;
  border-radius:40px;
  background:#00c3ff;
  color:#000;
  text-decoration:none;
  font-weight:600;
  transition:0.4s;
}

.btn:hover{
  transform:translateY(-5px);
  box-shadow:0 10px 30px rgba(0,195,255,0.4);
}

.glass{
  background:rgba(255,255,255,0.1);
  border:1px solid rgba(255,255,255,0.2);
  color:#fff;
}

.hero{
  
  position:relative;
  height:110vh;
  overflow:hidden;
  display:flex;
  justify-content:center;
  align-items:center;
  text-align:center;
}

.hero-video{
  position:absolute;
  width:100%;
  height:100%;
  object-fit:cover;
}

.overlay{
  position:absolute;
  width:100%;
  height:100%;
  background:linear-gradient(to bottom,rgba(0,0,0,0.7),rgba(0,0,0,0.9));
}

.hero-content{
  position:relative;
  z-index:2;
  max-width:900px;
  animation:fadeUp 1.5s ease;
}

.tag{
  color:#00c3ff;
  letter-spacing:4px;
}

.hero h1{
  font-size:8rem;
  line-height:0.9;
  margin-top:20px;
  font-family:'Bebas Neue',sans-serif;
}

.hero p{
  margin-top:25px;
  color:#ddd;
  font-size:1.1rem;
}

.buttons{
  margin-top:40px;
  display:flex;
  justify-content:center;
  gap:20px;
}



.services{
  padding:40px 60px;
  background:#050505;
}

.title{
  text-align:center;
  margin-bottom:70px;
}

.title span{
  color:#00c3ff;
  letter-spacing:3px;
}

.title h2{
  font-size:4rem;
  margin-top:10px;
}

.service-grid{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(250px,1fr));
  gap:30px;
}

.card{
  position:relative;
  padding:40px;
  background:linear-gradient(145deg,#0b0b0b,#111);
  border-radius:25px;
  overflow:hidden;
  transition:0.5s;
  border:1px solid rgba(255,255,255,0.05);
}

.card::before{
  content:'';
  position:absolute;
  width:200px;
  height:200px;
  background:#00c3ff;
  border-radius:50%;
  top:-100px;
  right:-100px;
  opacity:0.08;
}

.card:hover{
  transform:translateY(-15px);
  border-color:#00c3ff;
}

.number{
  font-size:4rem;
  color:#00c3ff;
  font-weight:700;
  opacity:0.3;
}

.card h3{
  margin-top:20px;
  font-size:1.5rem;
}

.card p{
  margin-top:15px;
  color:#aaa;
  line-height:1.8;
}



@media(max-width:768px){

  .navbar{
    padding:14px 18px;

    display:flex;
    justify-content:space-between;
    align-items:center;
  }

  /* LOGO */

  .logo img{
    width:85px;
    margin-top:0;
    display:block;
  }

  /* MENU ICON */

  .menu-toggle{
    display:flex;
    align-items:center;
    justify-content:center;

    font-size:1.2rem;
    color:#fff;

    cursor:pointer;

    z-index:1001;

    background:none;
    border:none;

    width:auto;
    height:auto;

    padding:0;
  }

  .desktop-socials{
    display:none;
  }

  /* MOBILE MENU */

  nav{
    position:fixed;

    top:0;
    right:-100%;

    width:260px;
    height:100vh;

    background:#050505;

    display:flex;
    flex-direction:column;

    justify-content:flex-start;
    align-items:flex-start;

    padding:110px 28px 40px;

    gap:22px;

    transition:0.5s ease;

    z-index:1000;

    border-left:1px solid rgba(255,255,255,0.08);
  }

  nav.active{
    right:0;
  }

  nav a{
    width:100%;

    font-size:1rem;
    font-weight:500;

    padding-bottom:12px;

    border-bottom:1px solid rgba(255,255,255,0.08);
  }

  /* DROPDOWN */

  .dropdown{
    width:100%;
  }

  .dropbtn{
    width:100%;

    display:flex;
    justify-content:space-between;
    align-items:center;
  }

  .dropdown-content{
    position:relative;

    top:0;
    left:0;

    width:100%;

    display:none;
    flex-direction:column;

    margin-top:15px;

    padding:12px;

    border-radius:14px;

    background:#0d0d0d;

    opacity:1;
    visibility:visible;
    transform:none;
  }

  .dropdown.active .dropdown-content{
    display:flex;
  }

  .dropdown-content a{
    padding:12px;
    border:none;

    color:#ccc;

    font-size:0.95rem;

    border-radius:10px;
  }

  .dropdown-content a:hover{
    background:#111;
    color:#00c3ff;
  }

  /* MOBILE SOCIAL */

  .mobile-socials{
    display:flex;

    gap:14px;

    margin-top:20px;
  }

  .mobile-socials a{
    width:40px;
    height:40px;

    border-radius:50%;

    background:#111;

    display:flex;
    align-items:center;
    justify-content:center;

    color:#fff;
    text-decoration:none;
  }



  /* HERO */

  .hero{
    padding:80px, 20px;
    
  }

  .hero h1{
    font-size:4rem;
    line-height:0.95;
  }

  .hero p{
    font-size:1rem;
    line-height:1.8;
  }

  .buttons{
    flex-direction:column;
    align-items:center;
  }

  .btn{
    width:220px;
    text-align:center;
  }

}
.about-section{
  padding:60px 80px;
  background:#050505;
  margin-top: -60px;
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:60px;

  position:relative;
}

.about-left{
  flex:1;
}

.about-tag{
  color:#00c3ff;
  letter-spacing:4px;
  font-size:0.9rem;
}

.about-left h2{
  font-size:4rem;
  margin-top:20px;
  line-height:1.1;
  font-family:'Bebas Neue',sans-serif;
}

.about-left p{
  margin-top:30px;
  color:#aaa;
  line-height:2;
  max-width:600px;
}

.about-buttons{
  margin-top:40px;

  display:flex;
  align-items:center;

  gap:20px;

  flex-wrap:wrap;
}

.about-btn{
  min-width:180px;

  padding:16px 28px;

  border-radius:50px;

  background:#00c3ff;

  color:#000;

  text-decoration:none;

  font-weight:600;

  text-align:center;

  transition:0.4s;

  display:flex;
  justify-content:center;
  align-items:center;
}

.about-btn:hover{
  transform:translateY(-5px);

  box-shadow:
  0 10px 30px rgba(0,195,255,0.4);
}

.glass-btn{
  background:rgba(255,255,255,0.08);

  border:1px solid rgba(255,255,255,0.15);

  color:#fff;
}




.about-right{
  flex:1;

  display:flex;
  justify-content:center;
}

.image-box{
  width:100%;
  max-width:500px;
  height:600px;

  border-radius:30px;
  overflow:hidden;

  position:relative;

  border:1px solid rgba(255,255,255,0.08);
}

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

.image-box:hover img{
  transform:scale(1.08);
}

/* Responsive */

@media(max-width:900px){

  .about-section{
    flex-direction:column;
    padding:100px 20px;
  }

  .about-left h2{
    font-size:3rem;
  }

  .image-box{
    height:450px;
  }

}
@media(max-width:768px){

  .about-buttons{
    flex-direction:column;
    align-items:flex-start;

    width:100%;
  }

  .about-btn{
    width:100%;
    max-width:360px;

    font-size:0.95rem;
  }

}
/* =========================
GL SERVICES SECTION
========================= */

.gl-services-section{
  padding:60px 7%;

  background:#050505;

  overflow:hidden;

  color:#fff;
}

/* HEADING */

.gl-services-heading{
  text-align:center;

  margin-bottom:80px;
}

.gl-services-heading span{
  color:#00c3ff;

  letter-spacing:5px;

  font-size:0.9rem;
}

.gl-services-heading h2{
  margin-top:22px;

  font-size:6rem;

  line-height:0.9;

  font-family:'Bebas Neue',sans-serif;
}

/* GRID */

.gl-services-grid{
  display:grid;

  grid-template-columns:
  repeat(auto-fit,minmax(320px,1fr));

  gap:30px;
}

/* CARD */

.gl-service-card{
  position:relative;

  padding:40px 35px;

  border-radius:35px;

  background:
  rgba(255,255,255,0.04);

  border:
  1px solid rgba(255,255,255,0.08);

  text-decoration:none;

  color:#fff;

  overflow:hidden;

  transition:0.5s;
}

/* TOP */

.gl-service-top{
  display:flex;

  align-items:center;

  justify-content:space-between;
}

/* NUMBER */

.gl-service-number{
  font-size:1rem;

  color:#00c3ff;

  letter-spacing:3px;
}

/* ICON */

.gl-service-top i{
  font-size:2rem;

  color:#00c3ff;
}

/* TITLE */

.gl-service-card h3{
  margin-top:35px;

  font-size:2rem;

  line-height:1.3;
}

/* TEXT */

.gl-service-card p{
  margin-top:18px;

  color:#bdbdbd;

  line-height:1.9;

  font-size:0.96rem;
}

/* LINK */

.gl-service-card span{
  display:inline-flex;

  align-items:center;

  gap:10px;

  margin-top:28px;

  color:#00c3ff;

  font-size:0.95rem;

  letter-spacing:1px;
}

/* HOVER EFFECT */

.gl-service-card::before{
  content:'';

  position:absolute;

  top:0;
  left:0;

  width:100%;
  height:4px;

  background:#00c3ff;

  transform:scaleX(0);

  transition:0.5s;

  transform-origin:left;
}

.gl-service-card:hover::before{
  transform:scaleX(1);
}

.gl-service-card:hover{
  transform:translateY(-12px);

  border-color:
  rgba(0,195,255,0.35);

  background:
  rgba(0,195,255,0.05);
}

/* RESPONSIVE */

@media(max-width:1000px){

  .gl-services-heading h2{
    font-size:4.5rem;
  }

}

@media(max-width:768px){

  .gl-services-section{
    padding:60px 20px;
  }

  .gl-services-heading h2{
    font-size:3.5rem;

    line-height:1;
  }

  .gl-service-card{
    padding:30px 25px;
  }

  .gl-service-card h3{
    font-size:1.6rem;
  }

}
.creative-showcase{
  padding:40px 60px;
  background:#000;
  overflow:hidden;
}

.showcase-heading{
  text-align:center;
  margin-bottom:80px;
}

.showcase-heading span{
  color:#00c3ff;
  letter-spacing:4px;
  font-size:0.9rem;
}

.showcase-heading h2{
  margin-top:20px;
  font-size:5rem;
  line-height:1;
  font-family:'Bebas Neue',sans-serif;
}

.showcase-wrapper{
  display:flex;
  gap:30px;
  overflow-x:auto;
  padding-bottom:20px;

  scroll-snap-type:x mandatory;
}

.showcase-wrapper::-webkit-scrollbar{
  height:8px;
}

.showcase-wrapper::-webkit-scrollbar-thumb{
  background:#00c3ff;
  border-radius:20px;
}

.showcase-card{
  min-width:420px;
  height:550px;

  border-radius:30px;
  overflow:hidden;

  position:relative;
  flex-shrink:0;

  scroll-snap-align:center;

  transition:0.6s;
}

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

.showcase-card::before{
  content:'';
  position:absolute;
  width:100%;
  height:100%;
  background:linear-gradient(to top,
  rgba(0,0,0,0.9),
  rgba(0,0,0,0.1));

  z-index:1;
}

.showcase-card:hover img{
  transform:scale(1.1);
}

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

.card-content{
  position:absolute;
  bottom:40px;
  left:35px;
  z-index:2;
}

.card-content span{
  color:#00c3ff;
  letter-spacing:3px;
  font-size:0.8rem;
}

.card-content h3{
  margin-top:15px;
  font-size:2.2rem;
  max-width:300px;
  line-height:1.2;
}

/* Glow Effect */

.showcase-card{
  box-shadow:
  0 0 30px rgba(0,195,255,0.05),
  0 0 80px rgba(0,195,255,0.03);
}

/* Responsive */

@media(max-width:768px){

  .creative-showcase{
    padding:40px 20px;
  }

  .showcase-heading h2{
    font-size:3rem;
  }

  .showcase-card{
    min-width:300px;
    height:450px;
  }

}



.process-section{
  padding:40px 80px;
  background:#000;

  position:relative;
}

.process-heading{
  text-align:center;
  margin-bottom:100px;
}

.process-heading span{
  color:#00c3ff;
  letter-spacing:4px;
  font-size:0.9rem;
}

.process-heading h2{
  margin-top:20px;
  font-size:5rem;
  line-height:1;
  font-family:'Bebas Neue',sans-serif;
}

/* Container */

.process-container{
  display:flex;
  flex-direction:column;
  gap:40px;
}

/* Cards */

.process-card{
  position:relative;

  display:flex;
  align-items:center;
  gap:50px;

  padding:50px;

  border-radius:30px;

  background:linear-gradient(
  145deg,
  rgba(255,255,255,0.03),
  rgba(255,255,255,0.01));

  border:1px solid rgba(255,255,255,0.06);

  overflow:hidden;

  transition:0.5s;
}

/* Glow */

.process-card::before{
  content:'';
  position:absolute;

  width:300px;
  height:300px;

  background:#00c3ff;

  border-radius:50%;

  top:-150px;
  right:-120px;

  opacity:0.05;
}

/* Hover */

.process-card:hover{
  transform:translateX(20px);

  border-color:#00c3ff;

  box-shadow:
  0 0 40px rgba(0,195,255,0.08),
  0 0 100px rgba(0,195,255,0.04);
}

/* Number */

.step-number{
  font-size:6rem;
  font-weight:700;
  color:#00c3ff;
  opacity:0.25;

  min-width:140px;
}

/* Content */

.process-content h3{
  font-size:2rem;
  margin-bottom:20px;
}

.process-content p{
  color:#aaa;
  line-height:2;
  max-width:700px;
}

/* Responsive */

@media(max-width:900px){

  .process-section{
    padding:40px 20px;
  }

  .process-heading h2{
    font-size:3rem;
  }

  .process-card{
    flex-direction:column;
    align-items:flex-start;
    gap:20px;
    padding:35px;
  }

  .step-number{
    font-size:4rem;
  }

}

.reel-section{
  padding:40px 60px;

  background:#000;
}

/* HEADING */

.reel-heading{
  text-align:center;

  margin-bottom:90px;
}

.reel-heading span{
  color:#00c3ff;

  letter-spacing:4px;

  font-size:0.9rem;
}

.reel-heading h2{
  margin-top:20px;

  font-size:5rem;

  line-height:1;

  color:#fff;

  font-family:'Bebas Neue',sans-serif;
}

/* GRID */

.reel-grid{
  display:grid;

  grid-template-columns:
  repeat(3,1fr);

  grid-auto-rows:300px;

  gap:25px;
}

/* CARD */

.reel-card{
  position:relative;

  overflow:hidden;

  border-radius:30px;

  background:#111;

  cursor:pointer;
}

/* IMAGE */

.reel-card img{
  width:100%;
  height:100%;

  object-fit:cover;

  display:block;

  transition:0.8s;
}

/* CONTENT */

.reel-content{
  position:absolute;

  left:35px;
  bottom:35px;

  z-index:3;
}

.reel-content span{
  color:#00c3ff;

  letter-spacing:3px;

  font-size:0.8rem;
}

.reel-content h3{
  margin-top:14px;

  font-size:2.2rem;

  line-height:1.2;

  color:#fff;
}

/* HOVER */

.reel-card:hover img{
  transform:scale(1.1);
}

.reel-card:hover{
  box-shadow:
  0 0 40px rgba(0,195,255,0.12),
  0 0 100px rgba(0,195,255,0.05);
}

/* SIZE */

.tall{
  grid-row:span 2;
}

.wide{
  grid-column:span 2;
}

/* RESPONSIVE */

@media(max-width:900px){

  .reel-section{
    padding:40px 20px;
  }

  .reel-heading h2{
    font-size:3rem;
  }

  .reel-grid{
    grid-template-columns:1fr;

    grid-auto-rows:300px;
  }
  

  .wide{
    grid-column:span 1;
  }

  .tall{
    grid-row:span 1;
  }

  .reel-content{
    left:25px;
    bottom:25px;
  }

  .reel-content h3{
    font-size:1.8rem;
  }

}

.bts-section{
  padding:60px 80px;
  background:#050505;
  margin-top: 50px !important;
  display:flex;
  align-items:center;
  justify-content:space-between;

  gap:80px;

  position:relative;
  overflow:hidden;
}

/* Left */

.bts-left{
  flex:1;
}

.bts-left span{
  color:#00c3ff;
  letter-spacing:4px;
  font-size:0.9rem;
}

.bts-left h2{
  margin-top:20px;
  font-size:5rem;
  line-height:1;
  font-family:'Bebas Neue',sans-serif;
}

.bts-left p{
  margin-top:30px;
  color:#aaa;
  line-height:2;
  max-width:600px;
}

/* Features */

.bts-features{
  margin-top:50px;

  display:grid;
  grid-template-columns:repeat(2,1fr);

  gap:20px;
}

.feature{
  padding:25px;
  border-radius:20px;

  background:rgba(255,255,255,0.03);

  border:1px solid rgba(255,255,255,0.06);

  transition:0.4s;
}

.feature:hover{
  transform:translateY(-10px);

  border-color:#00c3ff;

  box-shadow:
  0 0 30px rgba(0,195,255,0.08),
  0 0 60px rgba(0,195,255,0.03);
}

.feature h3{
  font-size:1.1rem;
}

/* Right */

.bts-right{
  flex:1;
  position:relative;

  height:700px;
}

/* Floating Cards */

.floating-card{
  position:absolute;

  border-radius:30px;
  overflow:hidden;

  transition:0.6s;

  box-shadow:
  0 0 40px rgba(0,195,255,0.08),
  0 0 80px rgba(0,195,255,0.03);
}

.floating-card img{
  width:100%;
  height:100%;
  object-fit:cover;
}

/* Card Positions */

.card1{
  width:300px;
  height:420px;

  top:0;
  left:0;

  animation:float1 5s ease-in-out infinite;
}

.card2{
  width:280px;
  height:380px;

  right:20px;
  top:120px;

  animation:float2 6s ease-in-out infinite;
}

.card3{
  width:350px;
  height:250px;

  left:120px;
  bottom:0;

  animation:float3 7s ease-in-out infinite;
}

/* Hover */

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

/* Animations */

@keyframes float1{

  0%{
    transform:translateY(0);
  }

  50%{
    transform:translateY(-20px);
  }

  100%{
    transform:translateY(0);
  }

}

@keyframes float2{

  0%{
    transform:translateY(0);
  }

  50%{
    transform:translateY(20px);
  }

  100%{
    transform:translateY(0);
  }

}

@keyframes float3{

  0%{
    transform:translateY(0);
  }

  50%{
    transform:translateY(-15px);
  }

  100%{
    transform:translateY(0);
  }

}

/* Responsive */

@media(max-width:768px){

  .bts-section{
    flex-direction:column;
    padding:100px 20px;
    gap:60px;
  }

  /* LEFT */

  .bts-left{
    width:100%;
  }

  .bts-left span{
    font-size:0.8rem;
    letter-spacing:3px;
  }

  .bts-left h2{
    font-size:3rem;
    line-height:0.95;
    margin-top:18px;
  }

  .bts-left p{
    margin-top:25px;
    font-size:0.95rem;
    line-height:1.9;
  }

  /* FEATURES */

  .bts-features{
    margin-top:35px;

    grid-template-columns:1fr;

    gap:18px;
  }

  .feature{
    padding:22px;
  }

  .feature h3{
    font-size:1rem;
  }

  /* RIGHT */

  .bts-right{
    width:100%;
    height:auto;

    display:flex;
    flex-direction:column;

    gap:20px;

    position:relative;
  }

  /* FLOATING CARDS */

  .floating-card{
    position:relative !important;

    width:100% !important;
    height:250px !important;

    top:auto !important;
    left:auto !important;
    right:auto !important;
    bottom:auto !important;

    transform:none !important;

    animation:none !important;

    border-radius:25px;
    overflow:hidden;
  }

  .floating-card img{
    width:100%;
    height:100%;
    object-fit:cover;
  }

}

.impact-section{
  position:relative;

  padding:180px 60px;

  background:url('https://images.unsplash.com/photo-1492691527719-9d1e07e534b4?q=80&w=1800&auto=format&fit=crop');

  background-size:cover;
  background-position:center;
  background-attachment:fixed;

  overflow:hidden;
}

/* Dark Overlay */

.impact-overlay{
  position:absolute;
  inset:0;

  background:linear-gradient(
  to bottom,
  rgba(0,0,0,0.85),
  rgba(0,0,0,0.92));

  z-index:1;
}

/* Huge Background Text */

.impact-bg-text{
  position:absolute;

  top:50%;
  left:50%;

  transform:translate(-50%,-50%);

  font-size:12rem;
  font-weight:700;

  color:rgba(255,255,255,0.03);

  white-space:nowrap;

  z-index:1;

  letter-spacing:10px;
}

/* Content */

.impact-content{
  position:relative;
  z-index:2;

  text-align:center;

  max-width:1000px;
  margin:auto;
}

.impact-content span{
  color:#00c3ff;
  letter-spacing:4px;
  font-size:0.9rem;
}

.impact-content h2{
  margin-top:25px;

  font-size:5rem;
  line-height:1;

  font-family:'Bebas Neue',sans-serif;
}

.impact-content p{
  margin-top:30px;

  color:#bbb;

  line-height:2;

  max-width:700px;
  margin-inline:auto;
}

/* Stats */

.impact-stats{
  position:relative;
  z-index:2;

  margin-top:100px;

  display:grid;

  grid-template-columns:
  repeat(auto-fit,minmax(220px,1fr));

  gap:30px;
}

/* Cards */

.impact-card{
  padding:50px 30px;

  border-radius:30px;

  text-align:center;

  background:rgba(255,255,255,0.03);

  backdrop-filter:blur(10px);

  border:1px solid rgba(255,255,255,0.06);

  transition:0.5s;
}

.impact-card:hover{
  transform:translateY(-15px);

  border-color:#00c3ff;

  box-shadow:
  0 0 40px rgba(0,195,255,0.08),
  0 0 100px rgba(0,195,255,0.04);
}

.impact-card h3{
  font-size:4rem;

  color:#00c3ff;

  font-family:'Bebas Neue',sans-serif;
}

.impact-card p{
  margin-top:15px;
  color:#ccc;
}

/* Responsive */

@media(max-width:900px){

  .impact-section{
    padding:120px 20px;
  }

  .impact-content h2{
    font-size:3rem;
  }

  .impact-bg-text{
    font-size:5rem;
  }

}

.faq-section{
  padding:40px 80px;
  background:#000;

  position:relative;
  overflow:hidden;
}

/* Heading */

.faq-heading{
  text-align:center;
  margin-bottom:80px;
}

.faq-heading span{
  color:#00c3ff;
  letter-spacing:4px;
  font-size:0.9rem;
}

.faq-heading h2{
  margin-top:20px;

  font-size:5rem;
  line-height:1;

  font-family:'Bebas Neue',sans-serif;
}

.faq-heading p{
  margin-top:25px;

  color:#aaa;
  line-height:2;

  max-width:700px;
  margin-inline:auto;
}

/* Container */

.faq-container{
  max-width:1000px;
  margin:auto;

  display:flex;
  flex-direction:column;
  gap:25px;
}

/* Item */

.faq-item{
  background:linear-gradient(
  145deg,
  rgba(255,255,255,0.03),
  rgba(255,255,255,0.01));

  border:1px solid rgba(255,255,255,0.06);

  border-radius:25px;

  overflow:hidden;

  transition:0.4s;
}

.faq-item:hover{
  border-color:#00c3ff;

  box-shadow:
  0 0 30px rgba(0,195,255,0.08),
  0 0 60px rgba(0,195,255,0.03);
}

/* Question */

.faq-question{
  padding:30px;

  display:flex;
  justify-content:space-between;
  align-items:center;

  cursor:pointer;
}

.faq-question h3{
  font-size:1.3rem;
  max-width:90%;
}

.faq-icon{
  font-size:2rem;
  color:#00c3ff;

  transition:0.4s;
}

/* Answer */

.faq-answer{
  max-height:0;

  overflow:hidden;

  transition:0.5s ease;
}

.faq-answer p{
  padding:0 30px 30px;

  color:#aaa;
  line-height:2;
}

/* Active */

.faq-item.active .faq-answer{
  max-height:300px;
}

.faq-item.active .faq-icon{
  transform:rotate(45deg);
}

/* Responsive */

@media(max-width:768px){

  .faq-section{
    padding:40px 20px;
  }

  .faq-heading h2{
    font-size:3rem;
  }

  .faq-question{
    padding:22px;
  }

  .faq-question h3{
    font-size:1rem;
  }

  .faq-answer p{
    padding:0 22px 22px;
    font-size:0.92rem;
  }

}

.footer{
  position:relative;

  padding:120px 80px 40px;

  background:#050505;

  overflow:hidden;

  border-top:1px solid rgba(255,255,255,0.06);
}

/* TOP */

.footer-top{
  position:relative;
  z-index:2;

  display:grid;

  grid-template-columns:
  2fr 1fr 1fr 1fr;

  gap:60px;

  margin-bottom:100px;
}

/* BRAND */

.footer-brand img{
  width:220px;
}

.footer-brand p{
  margin-top:30px;

  color:#aaa;
  line-height:2;

  max-width:450px;
}

/* LINKS */

.footer-links{
  display:flex;
  flex-direction:column;
}

.footer-links h3{
  margin-bottom:25px;

  font-size:1.3rem;
}

.footer-links a{
  color:#888;

  text-decoration:none;

  margin-bottom:15px;

  transition:0.3s;
}

.footer-links a:hover{
  color:#00c3ff;
  transform:translateX(5px);
}

/* BIG TEXT */

.footer-big-text{
  position:absolute;

  bottom:40px;
  left:50%;

  transform:translateX(-50%);

  font-size:10rem;
  font-weight:700;

  font-family:'Bebas Neue',sans-serif;

  color:rgba(255,255,255,0.03);

  white-space:nowrap;

  letter-spacing:10px;

  pointer-events:none;
}

/* BOTTOM */

.footer-bottom{
  position:relative;
  z-index:2;

  margin-top:60px;

  padding-top:30px;

  border-top:1px solid rgba(255,255,255,0.06);

  display:flex;
  justify-content:space-between;
  align-items:center;

  gap:20px;
}

.footer-bottom p{
  color:#777;
}

/* SOCIALS */

.footer-socials{
  display:flex;
  gap:15px;
}

.footer-socials a{
  width:45px;
  height:45px;

  border-radius:50%;

  background:rgba(255,255,255,0.05);

  display:flex;
  justify-content:center;
  align-items:center;

  color:#fff;
  text-decoration:none;

  transition:0.4s;
}

.footer-socials a:hover{
  background:#00c3ff;
  color:#000;

  transform:translateY(-5px);

  box-shadow:
  0 10px 30px rgba(0,195,255,0.4);
}

/* Responsive */

@media(max-width:1000px){

  .footer{
    padding:100px 20px 40px;
  }

  .footer-top{
    grid-template-columns:1fr 1fr;
    gap:40px;
  }

  .footer-big-text{
    font-size:5rem;
  }

}

@media(max-width:768px){

  .footer-top{
    grid-template-columns:1fr;
  }

  .footer-brand img{
    width:180px;
  }

  .footer-big-text{
    font-size:3rem;

    text-align:center;
    width:100%;
  }

  .footer-bottom{
    flex-direction:column;
    text-align:center;
  }

}

/* Hide Mobile Menu On Desktop */

.menu-toggle{
  display:none;
}

.mobile-socials{
  display:none;
}

/* Desktop Socials */

.desktop-socials{
  display:flex;
}

/* Mobile */

@media(max-width:768px){

  .menu-toggle{
    display:block;
  }

  .desktop-socials{
    display:none;
  }

}


.web-dev-section{
  padding:170px 80px;

  background:#050505;

  display:flex;
  align-items:center;
  justify-content:space-between;

  gap:80px;

  overflow:hidden;
  position:relative;
}

/* LEFT */

.web-dev-left{
  flex:1;

  position:relative;
  z-index:2;
}

.web-dev-left span{
  display:inline-block;

  margin-bottom:20px;

  color:#00c3ff;

  letter-spacing:4px;
  font-size:0.9rem;
}

.web-dev-left h2{
  font-size:5rem;
  line-height:0.92;

  font-family:'Bebas Neue',sans-serif;

  max-width:700px;
}

.web-dev-left p{
  margin-top:30px;

  color:#aaa;

  line-height:2;

  max-width:650px;
}

/* FEATURES */

.web-features{
  margin-top:40px;

  display:grid;
  grid-template-columns:repeat(2,1fr);

  gap:20px;
}

.web-feature{
  padding:20px;

  border-radius:18px;

  background:rgba(255,255,255,0.03);

  border:1px solid rgba(255,255,255,0.06);

  transition:0.4s;
}

.web-feature:hover{
  transform:translateY(-8px);

  border-color:#00c3ff;

  box-shadow:
  0 0 30px rgba(0,195,255,0.08),
  0 0 60px rgba(0,195,255,0.03);
}

/* BUTTONS */

.web-buttons{
  margin-top:45px;

  display:flex;
  gap:20px;

  flex-wrap:wrap;
}

.web-btn{
  padding:16px 34px;

  border-radius:50px;

  background:#00c3ff;

  color:#000;

  text-decoration:none;

  font-weight:600;

  transition:0.4s;
}

.web-btn:hover{
  transform:translateY(-5px);

  box-shadow:
  0 10px 30px rgba(0,195,255,0.4);
}

.glass-web-btn{
  background:rgba(255,255,255,0.08);

  border:1px solid rgba(255,255,255,0.15);

  color:#fff;
}

/* RIGHT */

.web-dev-right{
  flex:1;

  position:relative;

  height:650px;
}

/* MAIN CARD */

.web-main-card{
  width:100%;
  height:100%;

  border-radius:35px;

  overflow:hidden;

  position:relative;

  box-shadow:
  0 0 40px rgba(0,195,255,0.08),
  0 0 100px rgba(0,195,255,0.04);
}

.web-main-card img{
  width:100%;
  height:100%;

  object-fit:cover;

  transition:0.6s;
}

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

/* FLOATING */

.small-card{
  position:absolute;

  width:220px;
  height:160px;

  border-radius:25px;

  overflow:hidden;

  border:4px solid #050505;

  box-shadow:
  0 0 30px rgba(0,195,255,0.1);

  animation:floatCard 5s ease-in-out infinite;
}

.small-card img{
  width:100%;
  height:100%;

  object-fit:cover;
}

.card-a{
  top:-40px;
  right:-40px;
}

.card-b{
  bottom:-40px;
  left:-40px;

  animation-delay:2s;
}

/* Animation */

@keyframes floatCard{

  0%{
    transform:translateY(0);
  }

  50%{
    transform:translateY(-15px);
  }

  100%{
    transform:translateY(0);
  }

}

/* ========================= */
/* LAPTOP RESPONSIVE */
/* ========================= */

@media(max-width:1200px){

  .web-dev-section{
    padding:160px 40px;
    gap:50px;
  }

  .web-dev-left h2{
    font-size:4rem;
  }

  .web-dev-right{
    height:550px;
  }

}

/* ========================= */
/* TABLET */
/* ========================= */

@media(max-width:1000px){

  .web-dev-section{
    flex-direction:column;

    padding:160px 25px;
  }

  .web-dev-left{
    width:100%;
  }

  .web-dev-left span{
    margin-top:20px;
  }

  .web-dev-left h2{
    font-size:3.5rem;
    line-height:0.95;
  }

  .web-dev-right{
    width:100%;
    height:500px;
  }

}

/* ========================= */
/* MOBILE */
/* ========================= */

@media(max-width:768px){

  .web-dev-section{
    padding:160px 20px;
    gap:60px;
  }

  .web-dev-left{
    width:100%;
  }

  .web-dev-left span{
    display:block;

    margin-top:40px;
    margin-bottom:18px;

    font-size:0.8rem;
    letter-spacing:3px;
  }

  .web-dev-left h2{
    font-size:3rem;
    line-height:0.95;

    max-width:100%;
  }

  .web-dev-left p{
    font-size:0.95rem;
    line-height:1.9;
  }

  .web-features{
    grid-template-columns:1fr;
  }

  .web-feature{
    padding:18px;
  }

  .web-buttons{
    flex-direction:column;
  }

  .web-btn{
    width:100%;
    text-align:center;
  }

  /* RIGHT */

  .web-dev-right{
    height:auto;

    display:flex;
    flex-direction:column;

    gap:20px;
  }

  .web-main-card{
    height:320px;
  }

  .small-card{
    position:relative;

    width:100%;
    height:220px;

    top:auto;
    left:auto;
    right:auto;
    bottom:auto;

    animation:none;
  }

}

.why-section{
  padding:60px 80px;
  margin-top: -50px;
  background:#000;

  position:relative;
  overflow:hidden;
}

/* Heading */

.why-heading{
  text-align:center;

  margin-bottom:90px;
}

.why-heading span{
  color:#00c3ff;

  letter-spacing:4px;
  font-size:0.9rem;
}

.why-heading h2{
  margin-top:20px;

  font-size:5rem;
  line-height:1;

  font-family:'Bebas Neue',sans-serif;
}

/* Grid */

.why-grid{
  display:grid;

  grid-template-columns:
  repeat(2,1fr);

  gap:30px;
}

/* Cards */

.why-card{
  position:relative;

  padding:45px;

  border-radius:30px;

  background:linear-gradient(
  145deg,
  rgba(255,255,255,0.03),
  rgba(255,255,255,0.01));

  border:1px solid rgba(255,255,255,0.06);

  overflow:hidden;

  transition:0.5s;
}

/* Glow */

.why-card::before{
  content:'';

  position:absolute;

  width:250px;
  height:250px;

  background:#00c3ff;

  border-radius:50%;

  top:-120px;
  right:-120px;

  opacity:0.05;
}

/* Hover */

.why-card:hover{
  transform:translateY(-15px);

  border-color:#00c3ff;

  box-shadow:
  0 0 40px rgba(0,195,255,0.08),
  0 0 100px rgba(0,195,255,0.04);
}

/* Icon */

.why-icon{
  font-size:3rem;
}

/* Title */

.why-card h3{
  margin-top:25px;

  font-size:2rem;
}

/* Text */

.why-card p{
  margin-top:20px;

  color:#aaa;

  line-height:2;
}

/* Responsive */

@media(max-width:1000px){

  .why-section{
    padding:60px 25px;
  }

  .why-heading h2{
    font-size:4rem;
  }

}

@media(max-width:768px){

  .why-section{
    padding:60px 20px;
  }

  .why-heading h2{
    font-size:3rem;
  }

  .why-grid{
    grid-template-columns:1fr;
  }

  .why-card{
    padding:35px;
  }

  .why-card h3{
    font-size:1.6rem;
  }

}


.why-website-section{
  padding:60px 80px;

  background:#000;

  display:flex;
  align-items:center;
  justify-content:space-between;

  gap:80px;

  position:relative;
  overflow:hidden;
}

/* Glow */

.website-glow{
  position:absolute;

  width:500px;
  height:500px;

  background:#00c3ff;

  border-radius:50%;

  filter:blur(180px);

  opacity:0.08;

  top:-200px;
  right:-150px;
}

/* LEFT */

.why-website-left{
  flex:1;

  position:relative;
  z-index:2;
}

.why-website-left span{
  color:#00c3ff;

  letter-spacing:4px;
  font-size:0.9rem;
}

.why-website-left h2{
  margin-top:20px;

  font-size:5rem;
  line-height:0.95;

  font-family:'Bebas Neue',sans-serif;
}

.why-website-left p{
  margin-top:30px;

  color:#aaa;

  line-height:2;

  max-width:650px;
}

/* POINTS */

.website-points{
  margin-top:50px;

  display:flex;
  flex-direction:column;

  gap:25px;
}

/* POINT */

.website-point{
  display:flex;
  gap:22px;

  padding:28px;

  border-radius:25px;

  background:rgba(255,255,255,0.03);

  border:1px solid rgba(255,255,255,0.06);

  transition:0.4s;
}

.website-point:hover{
  transform:translateX(10px);

  border-color:#00c3ff;

  box-shadow:
  0 0 30px rgba(0,195,255,0.08),
  0 0 60px rgba(0,195,255,0.03);
}

/* ICON */

.point-icon{
  min-width:65px;
  height:65px;

  border-radius:18px;

  background:#00c3ff;

  color:#000;

  font-size:1.5rem;

  display:flex;
  align-items:center;
  justify-content:center;
}

/* TEXT */

.website-point h3{
  font-size:1.4rem;
}

.website-point p{
  margin-top:10px;

  color:#aaa;

  line-height:1.8;
}

/* RIGHT */

.why-website-right{
  flex:1;

  display:flex;
  justify-content:center;

  position:relative;
  z-index:2;
}

/* MAIN CARD */

.website-main-card{
  width:100%;
  max-width:620px;

  border-radius:35px;

  overflow:hidden;

  background:#0d0d0d;

  border:1px solid rgba(255,255,255,0.08);

  box-shadow:
  0 0 40px rgba(0,195,255,0.08),
  0 0 100px rgba(0,195,255,0.03);

  animation:floatWebsite 5s ease-in-out infinite;
}

/* SCREEN */

.website-screen{
  padding:30px;
}

/* HEADER */

.website-header{
  display:flex;
  align-items:center;

  gap:18px;

  margin-bottom:35px;
}

.screen-dots{
  display:flex;
  gap:8px;
}

.screen-dots span{
  width:12px;
  height:12px;

  border-radius:50%;
}

.screen-dots span:nth-child(1){
  background:#ff5f57;
}

.screen-dots span:nth-child(2){
  background:#ffbd2f;
}

.screen-dots span:nth-child(3){
  background:#28c840;
}

.screen-url{
  color:#666;
  font-size:0.9rem;
}

/* HERO */

.website-hero{
  padding:40px;

  border-radius:28px;

  background:linear-gradient(
  135deg,
  rgba(0,195,255,1),
  rgba(0,94,255,1));

  position:relative;

  overflow:hidden;
}

.website-hero::before{
  content:'';

  position:absolute;

  width:280px;
  height:280px;

  border-radius:50%;

  background:rgba(255,255,255,0.08);

  top:-120px;
  right:-100px;
}

.hero-badge{
  position:relative;
  z-index:2;

  color:#dff7ff;

  letter-spacing:3px;
  font-size:0.8rem;
}

.website-hero h3{
  position:relative;
  z-index:2;

  margin-top:18px;

  font-size:2.3rem;

  color:#fff;
}

.website-hero p{
  position:relative;
  z-index:2;

  margin-top:12px;

  color:#dff7ff;
}

/* STATS */

.website-stats{
  margin-top:25px;

  display:grid;

  grid-template-columns:repeat(2,1fr);

  gap:20px;
}

.stat-box{
  padding:25px;

  border-radius:22px;

  background:#151515;
}

.stat-box h4{
  font-size:2rem;

  color:#00c3ff;
}

.stat-box span{
  margin-top:10px;

  display:block;

  color:#777;

  letter-spacing:0;
}

/* MINI CARDS */

.website-cards{
  margin-top:25px;

  display:grid;

  grid-template-columns:
  repeat(3,1fr);

  gap:18px;
}

.mini-website-card{
  height:130px;

  border-radius:22px;

  background:#151515;

  border:1px solid rgba(255,255,255,0.05);

  transition:0.4s;
}

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

  border-color:#00c3ff;
}

/* FLOAT */

@keyframes floatWebsite{

  0%{
    transform:translateY(0);
  }

  50%{
    transform:translateY(-15px);
  }

  100%{
    transform:translateY(0);
  }

}

/* RESPONSIVE */

@media(max-width:1000px){

  .why-website-section{
    flex-direction:column;

    padding:60px 25px;
  }

  .why-website-left h2{
    font-size:3.5rem;
  }

}

@media(max-width:768px){

  .why-website-section{
    padding:60px 20px;
  }

  .why-website-left span{
    display:block;

    text-align:center;
  }

  .why-website-left h2{
    font-size:3rem;

    text-align:center;
  }

  .why-website-left p{
    text-align:center;

    margin-inline:auto;
  }

  .website-point{
    flex-direction:column;
  }

  .website-stats{
    grid-template-columns:1fr;
  }

  .website-cards{
    grid-template-columns:1fr;
  }

}


.trust-wall-section{
  padding:60px 80px;

  background:#000;

  position:relative;
  overflow:hidden;
}

/* HEADING */

.trust-heading{
  text-align:center;

  margin-bottom:90px;
}

.trust-heading span{
  color:#00c3ff;

  letter-spacing:4px;
  font-size:0.9rem;
}

.trust-heading h2{
  margin-top:20px;

  font-size:5rem;
  line-height:0.95;

  font-family:'Bebas Neue',sans-serif;
}

.trust-heading p{
  margin-top:25px;

  color:#888;

  line-height:2;

  max-width:700px;
  margin-inline:auto;
}

/* GRID */

.trust-grid{
  display:grid;

  grid-template-columns:
  repeat(3,1fr);

  gap:30px;
}

/* CARD */

.trust-card{
  position:relative;

  padding:45px;

  border-radius:35px;

  background:
  linear-gradient(
  145deg,
  rgba(255,255,255,0.03),
  rgba(255,255,255,0.01));

  border:1px solid rgba(255,255,255,0.06);

  overflow:hidden;

  transition:0.5s;
}

.trust-card::before{
  content:'';

  position:absolute;

  width:250px;
  height:250px;

  border-radius:50%;

  background:#00c3ff;

  top:-120px;
  right:-120px;

  opacity:0.05;
}

.trust-card:hover{
  transform:translateY(-15px);

  border-color:#00c3ff;

  box-shadow:
  0 0 40px rgba(0,195,255,0.08),
  0 0 100px rgba(0,195,255,0.04);
}

/* CENTER CARD */

.center-card{
  text-align:center;
}

/* CIRCLE */

.trust-circle{
  width:140px;
  height:140px;

  margin:auto;

  border-radius:50%;

  background:
  linear-gradient(
  135deg,
  #00c3ff,
  #005eff);

  display:flex;
  align-items:center;
  justify-content:center;

  font-size:2rem;
  font-weight:700;

  color:#fff;

  box-shadow:
  0 0 40px rgba(0,195,255,0.4);
}

/* TEXT */

.trust-card h3{
  margin-top:30px;

  font-size:2rem;
}

.trust-card p{
  margin-top:18px;

  color:#aaa;

  line-height:2;
}

.trust-card span{
  display:inline-block;

  margin-top:25px;

  color:#00c3ff;

  letter-spacing:3px;
  font-size:0.8rem;
}

/* BOTTOM TEXT */

.trust-bottom-text{
  margin-top:100px;

  text-align:center;

  font-size:4rem;

  font-family:'Bebas Neue',sans-serif;

  color:rgba(255,255,255,0.08);

  letter-spacing:8px;
}

/* RESPONSIVE */

@media(max-width:1000px){

  .trust-wall-section{
    padding:60px 25px;
  }

  .trust-heading h2{
    font-size:4rem;
  }

  .trust-grid{
    grid-template-columns:1fr;
  }

}

@media(max-width:768px){

  .trust-wall-section{
    padding:60px 20px;
  }

  .trust-heading h2{
    font-size:3rem;
  }

  .trust-card{
    padding:35px;
  }

  .trust-card h3{
    font-size:1.7rem;
  }

  .trust-bottom-text{
    font-size:2rem;
    line-height:1.3;
  }

}

.seo-hero{
  min-height:100vh;

  padding:140px 80px;

  background:#050505;

  display:flex;
  align-items:center;
  justify-content:space-between;

  gap:80px;

  position:relative;
  overflow:hidden;
}

/* GLOW */

.seo-glow{
  position:absolute;

  width:450px;
  height:450px;

  border-radius:50%;

  filter:blur(160px);

  opacity:0.08;
}

.seo-glow1{
  background:#00c3ff;

  top:-150px;
  left:-150px;
}

.seo-glow2{
  background:#005eff;

  bottom:-150px;
  right:-150px;
}

/* LEFT */

.seo-hero-left{
  flex:1;

  position:relative;
  z-index:2;
}

.seo-hero-left span{
  color:#00c3ff;

  letter-spacing:4px;
  font-size:0.9rem;
}

.seo-hero-left h1{
  margin-top:25px;

  font-size:7rem;
  line-height:0.9;

  font-family:'Bebas Neue',sans-serif;
}

.seo-hero-left p{
  margin-top:30px;

  color:#aaa;

  line-height:2;

  max-width:650px;
}

/* BUTTONS */

.seo-buttons{
  margin-top:45px;

  display:flex;
  gap:20px;

  flex-wrap:wrap;
}

.seo-btn{
  padding:18px 38px;

  border-radius:50px;

  background:#00c3ff;

  color:#000;

  text-decoration:none;

  font-weight:600;

  transition:0.4s;
}

.seo-btn:hover{
  transform:translateY(-6px);

  box-shadow:
  0 10px 30px rgba(0,195,255,0.4);
}

.glass-seo-btn{
  background:rgba(255,255,255,0.08);

  border:1px solid rgba(255,255,255,0.12);

  color:#fff;
}

/* STATS */

.seo-stats{
  margin-top:60px;

  display:flex;
  gap:60px;

  flex-wrap:wrap;
}

.seo-stat h3{
  font-size:3rem;

  color:#00c3ff;
}

.seo-stat p{
  margin-top:10px;

  color:#777;
}

/* RIGHT */

.seo-hero-right{
  flex:1;
   
  display:flex;
  justify-content:center;

  position:relative;
  z-index:2;
}

/* DASHBOARD */

.seo-dashboard{
  width:100%;
  max-width:600px;

  border-radius:35px;

  overflow:hidden;

  background:#0d0d0d;

  border:1px solid rgba(255,255,255,0.08);

  box-shadow:
  0 0 40px rgba(0,195,255,0.08),
  0 0 100px rgba(0,195,255,0.03);

  animation:floatSeo 5s ease-in-out infinite;
}

/* TOP */

.seo-top{
  padding:18px 25px;

  background:#111;

  border-bottom:1px solid rgba(255,255,255,0.05);

  display:flex;
  align-items:center;
  gap:20px;
}

.seo-dots{
  display:flex;
  gap:8px;
}

.seo-dots span{
  width:12px;
  height:12px;

  border-radius:50%;
}

.seo-dots span:nth-child(1){
  background:#ff5f57;
}

.seo-dots span:nth-child(2){
  background:#ffbd2f;
}

.seo-dots span:nth-child(3){
  background:#28c840;
}

.seo-url{
  color:#666;
  font-size:0.9rem;
}
.seo-hero{
  min-height:100vh;

  padding:140px 80px;

  background:#050505;

  display:flex;
  align-items:center;
  justify-content:space-between;

  gap:80px;

  position:relative;
  overflow:hidden;
}

/* GLOW */

.seo-glow{
  position:absolute;

  width:450px;
  height:450px;

  border-radius:50%;

  filter:blur(160px);

  opacity:0.08;
}

.seo-glow1{
  background:#00c3ff;

  top:-150px;
  left:-150px;
}

.seo-glow2{
  background:#005eff;

  bottom:-150px;
  right:-150px;
}

/* LEFT */

.seo-hero-left{
  flex:1;

  position:relative;
  z-index:2;
}

.seo-hero-left span{
  color:#00c3ff;

  letter-spacing:4px;
  font-size:0.9rem;
}

.seo-hero-left h1{
  margin-top:25px;

  font-size:7rem;
  line-height:0.9;

  font-family:'Bebas Neue',sans-serif;
}

.seo-hero-left p{
  margin-top:30px;

  color:#aaa;

  line-height:2;

  max-width:650px;
}

/* BUTTONS */

.seo-buttons{
  margin-top:45px;

  display:flex;
  gap:20px;

  flex-wrap:wrap;
}

.seo-btn{
  padding:18px 38px;

  border-radius:50px;

  background:#00c3ff;

  color:#000;

  text-decoration:none;

  font-weight:600;

  transition:0.4s;
}

.seo-btn:hover{
  transform:translateY(-6px);

  box-shadow:
  0 10px 30px rgba(0,195,255,0.4);
}

.glass-seo-btn{
  background:rgba(255,255,255,0.08);

  border:1px solid rgba(255,255,255,0.12);

  color:#fff;
}

/* STATS */

.seo-stats{
  margin-top:60px;

  display:flex;
  gap:60px;

  flex-wrap:wrap;
}

.seo-stat h3{
  font-size:3rem;

  color:#00c3ff;
}

.seo-stat p{
  margin-top:10px;

  color:#777;
}

/* RIGHT */

.seo-hero-right{
  flex:1;

  display:flex;
  justify-content:center;

  position:relative;
  z-index:2;
}

/* DASHBOARD */

.seo-dashboard{
  width:100%;
  max-width:600px;

  border-radius:35px;

  overflow:hidden;

  background:#0d0d0d;

  border:1px solid rgba(255,255,255,0.08);

  box-shadow:
  0 0 40px rgba(0,195,255,0.08),
  0 0 100px rgba(0,195,255,0.03);

  animation:floatSeo 5s ease-in-out infinite;
}

/* TOP */

.seo-top{
  padding:18px 25px;

  background:#111;

  border-bottom:1px solid rgba(255,255,255,0.05);

  display:flex;
  align-items:center;
  gap:20px;
}

.seo-dots{
  display:flex;
  gap:8px;
}

.seo-dots span{
  width:12px;
  height:12px;

  border-radius:50%;
}

.seo-dots span:nth-child(1){
  background:#ff5f57;
}

.seo-dots span:nth-child(2){
  background:#ffbd2f;
}

.seo-dots span:nth-child(3){
  background:#28c840;
}

.seo-url{
  color:#666;
  font-size:0.9rem;
}

/* GRAPH */

.graph-section{
  padding:50px 30px;

  position:relative;
}

.graph-line{
  width:100%;
  height:220px;

  border-radius:25px;

  background:
  linear-gradient(
  180deg,
  rgba(0,195,255,0.12),
  transparent);

  position:relative;
}

.graph-line::before{
  content:'';

  position:absolute;

  left:0;
  bottom:30px;

  width:100%;
  height:4px;

  background:
  linear-gradient(
  90deg,
  #00c3ff,
  #005eff);

  clip-path:polygon(
  0% 100%,
  10% 80%,
  25% 70%,
  40% 60%,
  55% 45%,
  70% 35%,
  85% 15%,
  100% 0%
  );
}

/* BARS */

.graph-bars{
  margin-top:35px;

  display:flex;
  align-items:flex-end;
  justify-content:space-between;

  gap:15px;
}

.bar{
  flex:1;

  border-radius:20px 20px 0 0;

  background:
  linear-gradient(
  180deg,
  #00c3ff,
  #005eff);

  animation:bars 3s infinite alternate;
}

.bar1{height:80px;}
.bar2{height:130px;}
.bar3{height:180px;}
.bar4{height:220px;}
.bar5{height:280px;}

@keyframes bars{

  0%{
    opacity:0.7;
  }

  100%{
    opacity:1;
  }

}

/* CARDS */

.seo-cards{
  padding:30px;

  display:grid;

  grid-template-columns:repeat(2,1fr);

  gap:20px;
}

.seo-card{
  padding:25px;

  border-radius:22px;

  background:#151515;

  border:1px solid rgba(255,255,255,0.05);
}

.seo-card h4{
  color:#888;
}

.seo-card h2{
  margin-top:15px;

  font-size:2.3rem;

  color:#00c3ff;
}

/* FLOAT */

@keyframes floatSeo{

  0%{
    transform:translateY(0);
  }

  50%{
    transform:translateY(-15px);
  }

  100%{
    transform:translateY(0);
  }

}

/* RESPONSIVE */

@media(max-width:1000px){

  .seo-hero{
    flex-direction:column;

    padding:120px 25px;
  }

  .seo-hero-left h1{
    font-size:5rem;
  }

}

@media(max-width:768px){

  .seo-hero{
    padding:120px 20px;
  }

  .seo-hero-left span{
    display:block;
    margin-top: 70px;
    text-align:center;
  }

  .seo-hero-left h1{
    font-size:4rem;

    text-align:center;
  }

  .seo-hero-left p{
    text-align:center;

    margin-inline:auto;
  }

  .seo-buttons{
    justify-content:center;
  }

  .seo-stats{
    justify-content:center;
    gap:35px;
  }

  .seo-cards{
    grid-template-columns:1fr;
  }

}
/* GRAPH */

.graph-section{
  padding:50px 30px;

  position:relative;
}

.graph-line{
  width:100%;
  height:220px;

  border-radius:25px;

  background:
  linear-gradient(
  180deg,
  rgba(0,195,255,0.12),
  transparent);

  position:relative;
}

.graph-line::before{
  content:'';

  position:absolute;

  left:0;
  bottom:30px;

  width:100%;
  height:4px;

  background:
  linear-gradient(
  90deg,
  #00c3ff,
  #005eff);

  clip-path:polygon(
  0% 100%,
  10% 80%,
  25% 70%,
  40% 60%,
  55% 45%,
  70% 35%,
  85% 15%,
  100% 0%
  );
}

/* BARS */

.graph-bars{
  margin-top:35px;

  display:flex;
  align-items:flex-end;
  justify-content:space-between;

  gap:15px;
}

.bar{
  flex:1;

  border-radius:20px 20px 0 0;

  background:
  linear-gradient(
  180deg,
  #00c3ff,
  #005eff);

  animation:bars 3s infinite alternate;
}

.bar1{height:80px;}
.bar2{height:130px;}
.bar3{height:180px;}
.bar4{height:220px;}
.bar5{height:280px;}

@keyframes bars{

  0%{
    opacity:0.7;
  }

  100%{
    opacity:1;
  }

}

/* CARDS */

.seo-cards{
  padding:30px;

  display:grid;

  grid-template-columns:repeat(2,1fr);

  gap:20px;
}

.seo-card{
  padding:25px;

  border-radius:22px;

  background:#151515;

  border:1px solid rgba(255,255,255,0.05);
}

.seo-card h4{
  color:#888;
}

.seo-card h2{
  margin-top:15px;

  font-size:2.3rem;

  color:#00c3ff;
}

/* FLOAT */

@keyframes floatSeo{

  0%{
    transform:translateY(0);
  }

  50%{
    transform:translateY(-15px);
  }

  100%{
    transform:translateY(0);
  }

}

/* RESPONSIVE */

@media(max-width:1000px){

  .seo-hero{
    flex-direction:column;

    padding:120px 25px;
  }

  .seo-hero-left h1{
    font-size:5rem;
  }

}

@media(max-width:768px){

  .seo-hero{
    padding:120px 20px;
  }

  .seo-hero-left span{
    display:block;

    text-align:center;
  }

  .seo-hero-left h1{
    font-size:4rem;

    text-align:center;
  }

  .seo-hero-left p{
    text-align:center;

    margin-inline:auto;
  }

  .seo-buttons{
    justify-content:center;
  }

  .seo-stats{
    justify-content:center;
    gap:35px;
  }

  .seo-cards{
    grid-template-columns:1fr;
  }

}

.seo-services-section{
  padding:60px 80px;
  margin-top: -50px;

  background:#000;

  position:relative;
  overflow:hidden;
}

/* Heading */

.seo-services-heading{
  text-align:center;

  margin-bottom:90px;
}

.seo-services-heading span{
  color:#00c3ff;

  letter-spacing:4px;
  font-size:0.9rem;
}

.seo-services-heading h2{
  margin-top:20px;

  font-size:5rem;
  line-height:0.95;

  font-family:'Bebas Neue',sans-serif;
}

/* Grid */

.seo-services-grid{
  display:grid;

  grid-template-columns:
  repeat(2,1fr);

  gap:30px;
}

/* Card */

.seo-service-card{
  position:relative;

  padding:45px;

  border-radius:30px;

  background:
  linear-gradient(
  145deg,
  rgba(255,255,255,0.03),
  rgba(255,255,255,0.01));

  border:1px solid rgba(255,255,255,0.06);

  overflow:hidden;

  transition:0.5s;
}

.seo-service-card::before{
  content:'';

  position:absolute;

  width:220px;
  height:220px;

  border-radius:50%;

  background:#00c3ff;

  top:-100px;
  right:-100px;

  opacity:0.05;
}

/* Hover */

.seo-service-card:hover{
  transform:translateY(-15px);

  border-color:#00c3ff;

  box-shadow:
  0 0 40px rgba(0,195,255,0.08),
  0 0 100px rgba(0,195,255,0.03);
}

/* Icon */

.seo-service-icon{
  width:80px;
  height:80px;

  border-radius:22px;

  background:#00c3ff;

  color:#000;

  font-size:2rem;

  display:flex;
  align-items:center;
  justify-content:center;
}

/* Text */

.seo-service-card h3{
  margin-top:30px;

  font-size:2rem;
}

.seo-service-card p{
  margin-top:18px;

  color:#aaa;

  line-height:2;
}

/* Responsive */

@media(max-width:1000px){

  .seo-services-section{
    padding:60px 25px;
  }

  .seo-services-heading h2{
    font-size:4rem;
  }

}

@media(max-width:768px){

  .seo-services-section{
    padding:60px 20px;
  }

  .seo-services-heading h2{
    font-size:3rem;
  }

  .seo-services-grid{
    grid-template-columns:1fr;
  }

  .seo-service-card{
    padding:35px;
  }

}
.seo-experience-section{
  padding:60px 80px;

  background:#050505;

  display:flex;
  align-items:center;
  justify-content:space-between;

  gap:80px;

  position:relative;
  overflow:hidden;
}

/* BG TEXT */

.seo-bg-text{
  position:absolute;

  top:50%;
  left:50%;

  transform:translate(-50%,-50%);

  font-size:18rem;
  font-weight:900;

  color:rgba(255,255,255,0.02);

  pointer-events:none;

  font-family:'Bebas Neue',sans-serif;

  letter-spacing:10px;
}

/* LEFT */

.seo-exp-left{
  flex:1;

  position:relative;
  z-index:2;
}

.seo-exp-left span{
  color:#00c3ff;

  letter-spacing:4px;
  font-size:0.9rem;
}

.seo-exp-left h2{
  margin-top:20px;

  font-size:5.5rem;
  line-height:0.9;

  font-family:'Bebas Neue',sans-serif;
}

.seo-exp-left p{
  margin-top:30px;

  color:#aaa;

  line-height:2;

  max-width:600px;
}

/* TAGS */

.seo-tags{
  margin-top:45px;

  display:flex;
  flex-wrap:wrap;

  gap:15px;
}

.seo-tag{
  padding:14px 22px;

  border-radius:50px;

  background:rgba(255,255,255,0.05);

  border:1px solid rgba(255,255,255,0.08);

  color:#fff;

  transition:0.4s;
}

.seo-tag:hover{
  background:#00c3ff;

  color:#000;

  transform:translateY(-5px);
}

/* RIGHT */

.seo-exp-right{
  flex:1;

  display:flex;
  justify-content:center;

  position:relative;
  z-index:2;
}

/* SEARCH UI */

.search-ui{
  width:100%;
  max-width:650px;

  background:#0d0d0d;

  border-radius:35px;

  padding:30px;

  border:1px solid rgba(255,255,255,0.08);

  box-shadow:
  0 0 40px rgba(0,195,255,0.08),
  0 0 100px rgba(0,195,255,0.03);

  animation:searchFloat 5s ease-in-out infinite;
}

/* TOP */

.search-top{
  display:flex;

  gap:10px;
}

.search-dot{
  width:14px;
  height:14px;

  border-radius:50%;
}

.red{
  background:#ff5f57;
}

.yellow{
  background:#ffbd2f;
}

.green{
  background:#28c840;
}

/* SEARCH BAR */

.search-bar-ui{
  margin-top:25px;

  padding:18px 22px;

  border-radius:20px;

  background:#151515;

  border:1px solid rgba(255,255,255,0.06);

  display:flex;
  align-items:center;

  gap:15px;

  color:#777;
}

/* RESULTS */

.search-results{
  margin-top:35px;

  display:flex;
  flex-direction:column;

  gap:20px;
}

/* ITEM */

.result-item{
  padding:25px;

  border-radius:25px;

  background:#111;

  border:1px solid rgba(255,255,255,0.05);

  transition:0.4s;
}

.result-item:hover{
  transform:translateX(10px);

  border-color:#00c3ff;
}

/* ACTIVE */

.active-result{
  border-color:#00c3ff;

  background:
  linear-gradient(
  145deg,
  rgba(0,195,255,0.08),
  rgba(255,255,255,0.02));
}

.result-item span{
  color:#00c3ff;

  font-size:0.85rem;
}

.result-item h3{
  margin-top:12px;

  font-size:1.5rem;
}

.result-item p{
  margin-top:12px;

  color:#888;

  line-height:1.8;
}

/* FLOAT */

@keyframes searchFloat{

  0%{
    transform:translateY(0);
  }

  50%{
    transform:translateY(-12px);
  }

  100%{
    transform:translateY(0);
  }

}

/* RESPONSIVE */

@media(max-width:1000px){

  .seo-experience-section{
    flex-direction:column;

    padding:60px 25px;
  }

  .seo-exp-left h2{
    font-size:4rem;
  }

}

@media(max-width:768px){

  .seo-experience-section{
    padding:60px 20px;
  }

  .seo-bg-text{
    font-size:8rem;
  }

  .seo-exp-left span{
    display:block;

    text-align:center;
  }

  .seo-exp-left h2{
    font-size:3rem;

    text-align:center;
  }

  .seo-exp-left p{
    text-align:center;
  }

  .seo-tags{
    justify-content:center;
  }

}

.seo-final-section{
  padding:60px 80px;

  background:#000;

  position:relative;
  overflow:hidden;

  display:flex;
  align-items:center;
  justify-content:center;

  text-align:center;
}

/* GLOW */

.seo-final-glow{
  position:absolute;

  width:450px;
  height:450px;

  border-radius:50%;

  filter:blur(140px);

  opacity:0.08;
}

.glow-left{
  background:#00c3ff;

  top:-150px;
  left:-150px;
}

.glow-right{
  background:#005eff;

  bottom:-150px;
  right:-150px;
}

/* CONTENT */

.seo-final-content{
  max-width:950px;

  position:relative;
  z-index:2;
}

.seo-final-content span{
  color:#00c3ff;

  letter-spacing:5px;
  font-size:0.9rem;
}

.seo-final-content h2{
  margin-top:25px;

  font-size:7rem;
  line-height:0.9;

  font-family:'Bebas Neue',sans-serif;
}

.seo-final-content p{
  margin-top:35px;

  color:#999;

  line-height:2;

  max-width:750px;
  margin-inline:auto;
}

/* BUTTONS */

.seo-final-buttons{
  margin-top:50px;

  display:flex;
  justify-content:center;

  gap:25px;

  flex-wrap:wrap;
}

.seo-final-btn{
  padding:20px 40px;

  border-radius:60px;

  background:#00c3ff;

  color:#000;

  text-decoration:none;

  font-weight:600;

  transition:0.4s;
}

.seo-final-btn:hover{
  transform:translateY(-6px);

  box-shadow:
  0 10px 30px rgba(0,195,255,0.4);
}

/* GLASS */

.glass-final-btn{
  background:rgba(255,255,255,0.06);

  border:1px solid rgba(255,255,255,0.12);

  color:#fff;
}

/* FLOATING BOXES */

.floating-seo-box{
  position:absolute;

  padding:16px 24px;

  border-radius:50px;

  background:rgba(255,255,255,0.05);

  border:1px solid rgba(255,255,255,0.08);

  backdrop-filter:blur(10px);

  color:#fff;

  font-size:0.95rem;

  animation:floatSeoBox 5s ease-in-out infinite;
}

/* Positions */

.box1{
  top:140px;
  left:120px;
}

.box2{
  bottom:160px;
  left:180px;

  animation-delay:1s;
}

.box3{
  top:220px;
  right:140px;

  animation-delay:2s;
}

/* FLOAT */

@keyframes floatSeoBox{

  0%{
    transform:translateY(0);
  }

  50%{
    transform:translateY(-12px);
  }

  100%{
    transform:translateY(0);
  }

}

/* RESPONSIVE */

@media(max-width:1000px){

  .seo-final-section{
    padding:60px 25px;
  }

  .seo-final-content h2{
    font-size:5rem;
  }

}

@media(max-width:768px){

  .seo-final-section{
    padding:60px 20px;
  }

  .seo-final-content h2{
    font-size:3.5rem;
  }

  .seo-final-content p{
    font-size:0.95rem;
  }

  .seo-final-buttons{
    flex-direction:column;
    align-items:center;
  }

  .seo-final-btn{
    width:100%;
    max-width:320px;
  }

  .floating-seo-box{
    display:none;
  }

}

.dm-hero-section{
  min-height:100vh;

  padding:140px 80px;

  background:
  radial-gradient(circle at top left,
  rgba(0,195,255,0.12),
  transparent 30%),

  radial-gradient(circle at bottom right,
  rgba(0,94,255,0.12),
  transparent 30%),

  #050505;

  display:flex;
  align-items:center;
  justify-content:space-between;

  gap:80px;

  overflow:hidden;
  position:relative;
}

/* LEFT */

.dm-left{
  flex:1;
}

/* Badge */

.dm-badge{
  display:inline-block;

  padding:14px 22px;

  border-radius:50px;

  background:rgba(255,255,255,0.06);

  border:1px solid rgba(255,255,255,0.08);

  color:#00c3ff;

  letter-spacing:3px;
  font-size:0.8rem;
}

/* Heading */

.dm-left h1{
  margin-top:35px;

  font-size:7rem;
  line-height:0.88;

  font-family:'Bebas Neue',sans-serif;
}

/* Paragraph */

.dm-left p{
  margin-top:30px;

  color:#999;

  line-height:2;

  max-width:620px;
}

/* Buttons */

.dm-buttons{
  margin-top:45px;

  display:flex;
  gap:20px;

  flex-wrap:wrap;
}

.dm-btn{
  padding:18px 38px;

  border-radius:60px;

  background:#00c3ff;

  color:#000;

  text-decoration:none;

  font-weight:600;

  transition:0.4s;
}

.dm-btn:hover{
  transform:translateY(-6px);

  box-shadow:
  0 10px 30px rgba(0,195,255,0.4);
}

/* Outline */

.dm-btn-outline{
  padding:18px 38px;

  border-radius:60px;

  border:1px solid rgba(255,255,255,0.12);

  background:rgba(255,255,255,0.04);

  color:#fff;

  text-decoration:none;

  transition:0.4s;
}

.dm-btn-outline:hover{
  border-color:#00c3ff;

  transform:translateY(-6px);
}

/* Reviews */

.dm-review-row{
  margin-top:60px;

  display:flex;
  align-items:center;

  gap:20px;
}

.review-users{
  display:flex;
}

.review-users img{
  width:55px;
  height:55px;

  border-radius:50%;

  object-fit:cover;

  border:3px solid #050505;

  margin-left:-12px;
}

/* RIGHT */

.dm-right{
  flex:1;

  display:flex;
  justify-content:center;
}

/* Main Card */

.dm-main-card{
  width:100%;
  max-width:600px;

  padding:35px;

  border-radius:40px;

  background:
  linear-gradient(
  145deg,
  rgba(255,255,255,0.04),
  rgba(255,255,255,0.02));

  border:1px solid rgba(255,255,255,0.08);

  backdrop-filter:blur(20px);

  box-shadow:
  0 0 40px rgba(0,195,255,0.08);

  position:relative;

  overflow:hidden;
}

/* Glow */

.dm-main-card::before{
  content:'';

  position:absolute;

  width:300px;
  height:300px;

  border-radius:50%;

  background:#00c3ff;

  top:-140px;
  right:-140px;

  opacity:0.08;
}

/* Top Row */

.dm-top-row{
  display:flex;

  gap:20px;
}

/* Mini Card */

.dm-mini-card{
  flex:1;

  padding:25px;

  border-radius:25px;

  background:#111;

  border:1px solid rgba(255,255,255,0.06);
}

.dm-mini-card span{
  color:#777;

  letter-spacing:2px;
  font-size:0.75rem;
}

.dm-mini-card h3{
  margin-top:18px;

  font-size:2.5rem;
}

/* Active */

.active-card{
  background:
  linear-gradient(
  135deg,
  rgba(0,195,255,0.15),
  rgba(0,94,255,0.08));

  border-color:#00c3ff;
}

/* Circle */

.dm-circle{
  width:280px;
  height:280px;

  margin:50px auto;

  border-radius:50%;

  border:1px solid rgba(255,255,255,0.08);

  display:flex;
  align-items:center;
  justify-content:center;

  position:relative;
}

.dm-circle::before{
  content:'';

  position:absolute;

  inset:20px;

  border-radius:50%;

  border:1px dashed rgba(255,255,255,0.08);
}

/* Inside */

.circle-inside{
  width:180px;
  height:180px;

  border-radius:50%;

  background:
  linear-gradient(
  135deg,
  #00c3ff,
  #005eff);

  display:flex;
  flex-direction:column;

  align-items:center;
  justify-content:center;

  box-shadow:
  0 0 40px rgba(0,195,255,0.4);
}

.circle-inside h2{
  font-size:4rem;

  font-family:'Bebas Neue',sans-serif;
}

.circle-inside p{
  margin-top:5px;

  font-size:0.8rem;

  letter-spacing:3px;
}

/* Bottom */

.dm-bottom-row{
  display:grid;

  grid-template-columns:
  repeat(2,1fr);

  gap:20px;
}

/* Info Box */

.dm-info-box{
  padding:25px;

  border-radius:25px;

  background:#111;

  border:1px solid rgba(255,255,255,0.06);
}

.dm-info-box h4{
  font-size:1.3rem;
}

.dm-info-box p{
  margin-top:12px;

  color:#777;

  line-height:1.8;
}

/* RESPONSIVE */

@media(max-width:1000px){

  .dm-hero-section{
    flex-direction:column;

    padding:120px 25px;
  }

  .dm-left h1{
    font-size:5rem;
  }

}

@media(max-width:768px){

  .dm-hero-section{
    padding:120px 20px;
  }
  .dm-badge{
    margin-top: 50px;
  }

  .dm-left{
    text-align:center;
  }

  .dm-left h1{
    font-size:3.5rem;
  }

  .dm-left p{
    margin-inline:auto;
  }

  .dm-buttons{
    justify-content:center;
  }

  .dm-review-row{
    justify-content:center;
    flex-direction:column;
  }

  .dm-top-row,
  .dm-bottom-row{
    grid-template-columns:1fr;

    display:grid;
  }

  .dm-circle{
    width:220px;
    height:220px;
  }

  .circle-inside{
    width:140px;
    height:140px;
  }

  .circle-inside h2{
    font-size:3rem;
  }

}

.dm-campaign-section{
  padding:60px 80px;
  margin-top: -50px;

  background:#000;

  position:relative;
  overflow:hidden;
}

/* TOP CONTENT */

.dm-campaign-left{
  max-width:900px;

  margin:auto;

  text-align:center;
}

.campaign-sticky{
  position:relative;
  top:0;
}

.dm-campaign-left span{
  color:#00c3ff;

  letter-spacing:4px;
  font-size:0.9rem;
}

.dm-campaign-left h2{
  margin-top:25px;

  font-size:6rem;
  line-height:0.88;

  font-family:'Bebas Neue',sans-serif;
}

.dm-campaign-left p{
  margin-top:30px;

  color:#999;

  line-height:2;

  max-width:700px;

  margin-inline:auto;
}

/* TAGS */

.campaign-tags{
  margin-top:45px;

  display:flex;
  justify-content:center;
  flex-wrap:wrap;

  gap:15px;
}

.campaign-tag{
  padding:14px 22px;

  border-radius:50px;

  background:rgba(255,255,255,0.05);

  border:1px solid rgba(255,255,255,0.08);

  transition:0.4s;
}

.campaign-tag:hover{
  background:#00c3ff;

  color:#000;

  transform:translateY(-5px);
}

/* RIGHT GRID */

.dm-campaign-right{
  margin-top:90px;

  display:grid;

  grid-template-columns:
  repeat(2,1fr);

  gap:25px;
}

/* CARD */

.campaign-card{
  position:relative;

  padding:40px;

  border-radius:35px;

  background:
  linear-gradient(
  145deg,
  rgba(255,255,255,0.04),
  rgba(255,255,255,0.01));

  border:1px solid rgba(255,255,255,0.08);

  overflow:hidden;

  transition:0.5s;
}

.campaign-card::before{
  content:'';

  position:absolute;

  width:220px;
  height:220px;

  border-radius:50%;

  background:#00c3ff;

  top:-120px;
  right:-120px;

  opacity:0.05;
}

.campaign-card:hover{
  transform:translateY(-12px);

  border-color:#00c3ff;

  box-shadow:
  0 0 40px rgba(0,195,255,0.08),
  0 0 100px rgba(0,195,255,0.03);
}

/* BIG */

.big-card{
  min-height:320px !important;
}

/* WIDE */

.wide-campaign-card{
  grid-column:span 2;

  min-height:260px;

  background:
  linear-gradient(
  135deg,
  rgba(0,195,255,0.12),
  rgba(0,94,255,0.08));
}

/* NUMBER */

.campaign-number{
  width:75px;
  height:75px;

  border-radius:22px;

  background:#00c3ff;

  color:#000;

  font-size:1.8rem;
  font-weight:700;

  display:flex;
  align-items:center;
  justify-content:center;
}

/* TEXT */

.campaign-card h3{
  margin-top:28px;

  font-size:2rem;
}

.campaign-card p{
  margin-top:18px;

  color:#aaa;

  line-height:2;
}

/* WIDE CONTENT */

.campaign-wide-content{
  height:100%;

  display:flex;
  align-items:flex-end;
  justify-content:space-between;
}

.campaign-wide-content span{
  color:#00c3ff;

  letter-spacing:3px;
  font-size:0.8rem;
}

.campaign-wide-content h2{
  margin-top:20px;

  font-size:4rem;
  line-height:0.95;

  font-family:'Bebas Neue',sans-serif;
}

/* GROWTH */

.campaign-growth{
  text-align:right;
}

.campaign-growth h3{
  font-size:5rem;

  color:#00c3ff;

  font-family:'Bebas Neue',sans-serif;
}

.campaign-growth p{
  color:#ccc;
}

/* RESPONSIVE */

@media(max-width:1000px){

  .dm-campaign-section{
    padding:60px 25px;
  }

  .dm-campaign-left h2{
    font-size:4.5rem;
  }

}

@media(max-width:768px){

  .dm-campaign-section{
    padding:60px 20px;
  }

  .dm-campaign-left h2{
    font-size:3.5rem;
  }

  .dm-campaign-right{
    grid-template-columns:1fr;
  }

  .wide-campaign-card{
    grid-column:span 1;
  }

  .campaign-wide-content{
    flex-direction:column;

    align-items:flex-start;

    gap:30px;
  }

  .campaign-growth{
    text-align:left;
  }

  .campaign-wide-content h2{
    font-size:3rem;
  }

}

.dm-strategy-section{
  padding:60px 80px;

  background:#050505;

  position:relative;
  overflow:hidden;
}

/* TOP */

.strategy-top{
  text-align:center;

  margin-bottom:80px;
}

.strategy-top span{
  color:#00c3ff;

  letter-spacing:4px;
  font-size:0.9rem;
}

.strategy-top h2{
  margin-top:20px;

  font-size:5.5rem;
  line-height:0.92;

  font-family:'Bebas Neue',sans-serif;
}

/* Layout */

.strategy-layout{
  display:grid;

  grid-template-columns:
  1.2fr 0.8fr;

  gap:30px;
}

/* BIG CARD */

.strategy-big-card{
  position:relative;

  min-height:700px;

  border-radius:40px;

  overflow:hidden;
}

/* IMAGE */

.strategy-big-card img{
  width:100%;
  height:100%;

  object-fit:cover;

  transition:0.6s;
}

.strategy-big-card:hover img{
  transform:scale(1.08);
}

/* Overlay */

.strategy-overlay{
  position:absolute;

  inset:0;

  background:
  linear-gradient(
  to top,
  rgba(0,0,0,0.9),
  rgba(0,0,0,0.2));

  z-index:1;
}

/* Content */

.strategy-content{
  position:absolute;

  left:50px;
  bottom:50px;

  z-index:2;
}

.strategy-content span{
  color:#00c3ff;

  letter-spacing:4px;
  font-size:0.8rem;
}

.strategy-content h3{
  margin-top:20px;

  font-size:4rem;
  line-height:0.95;

  font-family:'Bebas Neue',sans-serif;
}

/* RIGHT */

.strategy-right{
  display:flex;
  flex-direction:column;

  gap:25px;
}

/* SMALL CARD */

.strategy-small-card{
  flex:1;

  padding:35px;

  border-radius:35px;

  background:
  linear-gradient(
  145deg,
  rgba(255,255,255,0.04),
  rgba(255,255,255,0.01));

  border:1px solid rgba(255,255,255,0.08);

  display:flex;

  gap:25px;

  transition:0.5s;

  position:relative;
  overflow:hidden;
}

.strategy-small-card::before{
  content:'';

  position:absolute;

  width:220px;
  height:220px;

  border-radius:50%;

  background:#00c3ff;

  top:-120px;
  right:-120px;

  opacity:0.05;
}

.strategy-small-card:hover{
  transform:translateX(12px);

  border-color:#00c3ff;

  box-shadow:
  0 0 40px rgba(0,195,255,0.08),
  0 0 100px rgba(0,195,255,0.03);
}

/* ICON */

.strategy-icon{
  min-width:80px;
  height:80px;

  border-radius:25px;

  background:#00c3ff;

  color:#000;

  font-size:2rem;

  display:flex;
  align-items:center;
  justify-content:center;
}

/* TEXT */

.strategy-small-card h3{
  font-size:2rem;
}

.strategy-small-card p{
  margin-top:15px;

  color:#aaa;

  line-height:2;
}

/* RESPONSIVE */

@media(max-width:1100px){

  .dm-strategy-section{
    padding:60px 25px;
  }

  .strategy-top h2{
    font-size:4rem;
  }

  .strategy-layout{
    grid-template-columns:1fr;
  }

}

@media(max-width:768px){

  .dm-strategy-section{
    padding:60px 20px;
  }

  .strategy-top h2{
    font-size:3rem;
  }

  .strategy-big-card{
    min-height:500px;
  }

  .strategy-content{
    left:30px;
    bottom:30px;
  }

  .strategy-content h3{
    font-size:2.8rem;
  }

  .strategy-small-card{
    flex-direction:column;
  }

}
.dm-content-engine{
  padding:60px 80px;

  background:#000;

  position:relative;
  overflow:hidden;
}

/* LINES */

.engine-line{
  position:absolute;

  width:700px;
  height:700px;

  border:1px solid rgba(255,255,255,0.03);

  border-radius:50%;
}

.line-one{
  top:-300px;
  left:-200px;
}

.line-two{
  bottom:-300px;
  right:-200px;
}

/* HEADING */

.engine-heading{
  text-align:center;

  max-width:900px;

  margin:auto;
}

.engine-heading span{
  color:#00c3ff;

  letter-spacing:4px;
  font-size:0.9rem;
}

.engine-heading h2{
  margin-top:20px;

  font-size:5.5rem;
  line-height:0.9;

  font-family:'Bebas Neue',sans-serif;
}

/* Layout */

.engine-layout{
  margin-top:100px;

  display:grid;

  grid-template-columns:
  1fr 1fr 1fr;

  gap:40px;

  align-items:center;
}

/* SIDE */

.engine-side{
  display:flex;
  flex-direction:column;

  gap:30px;
}

/* CARD */

.engine-card{
  padding:40px;

  border-radius:35px;

  background:
  linear-gradient(
  145deg,
  rgba(255,255,255,0.04),
  rgba(255,255,255,0.01));

  border:1px solid rgba(255,255,255,0.08);

  transition:0.5s;

  position:relative;
  overflow:hidden;
}

.engine-card::before{
  content:'';

  position:absolute;

  width:220px;
  height:220px;

  border-radius:50%;

  background:#00c3ff;

  top:-120px;
  right:-120px;

  opacity:0.05;
}

.engine-card:hover{
  transform:translateY(-12px);

  border-color:#00c3ff;

  box-shadow:
  0 0 40px rgba(0,195,255,0.08),
  0 0 100px rgba(0,195,255,0.03);
}

.engine-card h3{
  font-size:2rem;
}

.engine-card p{
  margin-top:18px;

  color:#999;

  line-height:2;
}

/* CENTER */

.engine-center{
  position:relative;

  display:flex;
  align-items:center;
  justify-content:center;
}

/* CIRCLES */

.engine-circle-big{
  width:420px;
  height:420px;

  border-radius:50%;

  border:1px solid rgba(255,255,255,0.08);

  display:flex;
  align-items:center;
  justify-content:center;

  animation:rotateCircle 18s linear infinite;
}

.engine-circle-middle{
  width:300px;
  height:300px;

  border-radius:50%;

  border:1px dashed rgba(255,255,255,0.08);

  display:flex;
  align-items:center;
  justify-content:center;
}

.engine-circle-small{
  width:180px;
  height:180px;

  border-radius:50%;

  background:
  linear-gradient(
  135deg,
  #00c3ff,
  #005eff);

  display:flex;
  align-items:center;
  justify-content:center;

  box-shadow:
  0 0 40px rgba(0,195,255,0.4);
}

.engine-circle-small h2{
  font-size:5rem;

  font-family:'Bebas Neue',sans-serif;
}

/* FLOAT TAGS */

.float-tag{
  position:absolute;

  padding:14px 22px;

  border-radius:50px;

  background:rgba(255,255,255,0.06);

  border:1px solid rgba(255,255,255,0.08);

  backdrop-filter:blur(10px);

  font-size:0.9rem;
}

/* POSITIONS */

.tag1{
  top:10px;
  left:40px;
}

.tag2{
  top:80px;
  right:10px;
}

.tag3{
  bottom:40px;
  left:0;
}

.tag4{
  bottom:90px;
  right:20px;
}

/* ANIMATION */

@keyframes rotateCircle{

  from{
    transform:rotate(0deg);
  }

  to{
    transform:rotate(360deg);
  }

}

/* RESPONSIVE */

@media(max-width:1200px){

  .engine-layout{
    grid-template-columns:1fr;

    gap:60px;
  }

}

@media(max-width:768px){

  .dm-content-engine{
    padding:60px 20px;
  }

  .engine-heading h2{
    font-size:3rem;
  }

  .engine-circle-big{
    width:300px;
    height:300px;
  }

  .engine-circle-middle{
    width:220px;
    height:220px;
  }

  .engine-circle-small{
    width:130px;
    height:130px;
  }

  .engine-circle-small h2{
    font-size:3rem;
  }

  .float-tag{
    font-size:0.75rem;

    padding:10px 16px;
  }

}

.dm-final-section{
  position:relative;

  min-height:100vh;

  display:flex;
  align-items:center;
  justify-content:center;

  text-align:center;

  overflow:hidden;
  margin-top: -50px;

  padding:60px 20px;
}

/* VIDEO */

.dm-final-video{
  position:absolute;

  width:100%;
  height:100%;

  object-fit:cover;

  top:0;
  left:0;
}

/* OVERLAY */

.dm-final-overlay{
  position:absolute;

  inset:0;

  background:
  linear-gradient(
  to bottom,
  rgba(0,0,0,0.75),
  rgba(0,0,0,0.92));
}

/* CONTENT */

.dm-final-content{
  position:relative;
  z-index:2;

  max-width:950px;
}

.dm-final-content span{
  color:#00c3ff;

  letter-spacing:5px;
  font-size:0.9rem;
}

.dm-final-content h2{
  margin-top:25px;

  font-size:7rem;
  line-height:0.9;

  font-family:'Bebas Neue',sans-serif;
}

.dm-final-content p{
  margin-top:30px;

  color:#bbb;

  line-height:2;

  max-width:720px;
  margin-inline:auto;
}

/* BUTTONS */

.dm-final-buttons{
  margin-top:50px;

  display:flex;
  justify-content:center;

  gap:25px;

  flex-wrap:wrap;
}

.dm-final-btn{
  padding:20px 40px;

  border-radius:60px;

  background:#00c3ff;

  color:#000;

  text-decoration:none;

  font-weight:600;

  transition:0.4s;
}

.dm-final-btn:hover{
  transform:translateY(-6px);

  box-shadow:
  0 10px 30px rgba(0,195,255,0.4);
}

/* Outline */

.outline-final-btn{
  background:rgba(255,255,255,0.06);

  border:1px solid rgba(255,255,255,0.12);

  color:#fff;
}

/* FLOATING CARDS */

.dm-floating-card{
  position:absolute;

  z-index:2;

  padding:28px 35px;

  border-radius:30px;

  background:rgba(255,255,255,0.06);

  border:1px solid rgba(255,255,255,0.08);

  backdrop-filter:blur(14px);

  animation:floatFinal 5s ease-in-out infinite;
}

.dm-floating-card h3{
  font-size:3rem;

  color:#00c3ff;

  font-family:'Bebas Neue',sans-serif;
}

.dm-floating-card p{
  margin-top:8px;

  color:#ccc;
}

/* Position */

.card-left{
  left:80px;
  bottom:120px;
}

.card-right{
  right:80px;
  top:180px;

  animation-delay:1s;
}

/* FLOAT */

@keyframes floatFinal{

  0%{
    transform:translateY(0);
  }

  50%{
    transform:translateY(-12px);
  }

  100%{
    transform:translateY(0);
  }

}

/* RESPONSIVE */

@media(max-width:1000px){

  .dm-final-content h2{
    font-size:5rem;
  }

}

@media(max-width:768px){

  .dm-final-content h2{
    font-size:3.5rem;
  }

  .dm-final-content p{
    font-size:0.95rem;
  }

  .dm-final-buttons{
    flex-direction:column;
    align-items:center;
  }

  .dm-final-btn{
    width:100%;
    max-width:320px;
  }

  .dm-floating-card{
    display:none;
  }

}

/* =========================
VIDEO SHOOT HERO
========================= */

@import url('https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Poppins:wght@300;400;500;600;700&display=swap');

.shoot-hero{
  position:relative;

  min-height:100vh;

  display:flex;
  align-items:center;
  justify-content:center;

  overflow:hidden;

  padding:120px 7%;

  background:#000;

  font-family:'Poppins',sans-serif;
}

/* BG IMAGE */

.shoot-hero-bg{
  position:absolute;

  inset:0;

  background:
  url('https://images.unsplash.com/photo-1492691527719-9d1e07e534b4?q=80&w=1974&auto=format&fit=crop')
  center/cover no-repeat;

  transform:scale(1.08);

  animation:bgZoom 10s ease-in-out infinite alternate;
}

@keyframes bgZoom{

  from{
    transform:scale(1.05);
  }

  to{
    transform:scale(1.15);
  }

}

/* OVERLAY */

.shoot-overlay{
  position:absolute;

  inset:0;

  background:
  linear-gradient(
  to right,
  rgba(0,0,0,0.88),
  rgba(0,0,0,0.45),
  rgba(0,0,0,0.88));
}

/* CONTENT */

.shoot-content{
  position:relative;

  z-index:5;

  width:100%;
  max-width:700px;

  margin-right:auto;
}



/* HEADING */

.shoot-content h1{
  margin-top:70px;

  font-size:8rem;

  line-height:0.88;

  color:#fff;

  font-family:'Bebas Neue',sans-serif;

  text-transform:uppercase;
}

.shoot-content p{
  margin-top:28px;

  color:#d1d1d1;

  line-height:2;

  font-size:1.05rem;

  max-width:620px;
}

/* BUTTONS */

.shoot-buttons{
  margin-top:45px;

  display:flex;

  gap:20px;

  flex-wrap:wrap;
}

.shoot-buttons a{
  padding:18px 38px;

  border-radius:60px;

  text-decoration:none;

  background:#00c3ff;

  color:#000;

  font-weight:600;

  transition:0.4s;
}

.shoot-buttons a:hover{
  transform:translateY(-6px);

  box-shadow:
  0 12px 35px rgba(0,195,255,0.35);
}

/* OUTLINE */

.outline-btn{
  background:rgba(255,255,255,0.06) !important;

  border:1px solid rgba(255,255,255,0.12);

  color:#fff !important;

  backdrop-filter:blur(10px);
}

/* RIGHT SERVICES */

.hero-services{
  position:relative;

  z-index:5;

  display:flex;
  flex-direction:column;

  gap:20px;

  margin-left:auto;
}

.service-strip{
  padding:22px 35px;

  min-width:280px;

  border-radius:22px;

  background:
  rgba(255,255,255,0.06);

  border:
  1px solid rgba(255,255,255,0.08);

  backdrop-filter:blur(12px);

  color:#fff;

  font-size:1.1rem;

  font-weight:500;

  transition:0.4s;

  cursor:pointer;
}

.service-strip:hover{
  transform:
  translateX(-12px);

  background:#00c3ff;

  color:#000;
}

/* RESPONSIVE */

@media(max-width:1100px){

  .shoot-content h1{
    font-size:5.8rem;
  }

  .hero-services{
    display:none;
  }

}

@media(max-width:768px){

  .shoot-hero{
    padding:100px 20px;
  }

  .shoot-content h1{
    font-size:4rem;
    line-height:1;
  }

  .shoot-content p{
    font-size:0.95rem;
    line-height:1.8;
  }

  .shoot-buttons{
    flex-direction:column;
  }

  .shoot-buttons a{
    width:100%;
    text-align:center;
  }

}

/* =========================
SHOOT SERVICES SECTION
========================= */

.shoot-services-section{
  padding:120px 7%;

  background:#050505;

  color:#fff;

  font-family:'Poppins',sans-serif;

  position:relative;

  overflow:hidden;
}

/* HEADING */

.shoot-services-heading{
  text-align:center;

  max-width:850px;

  margin:auto;
}

.shoot-services-heading span{
  color:#00c3ff;

  letter-spacing:5px;

  font-size:0.9rem;
}

.shoot-services-heading h2{
  margin-top:20px;

  font-size:6rem;

  line-height:0.9;

  font-family:'Bebas Neue',sans-serif;
}

.shoot-services-heading p{
  margin-top:25px;

  color:#bdbdbd;

  line-height:2;

  font-size:1rem;
}

/* GRID */

.shoot-services-grid{
  margin-top:80px;

  display:grid;

  grid-template-columns:
  repeat(auto-fit,minmax(320px,1fr));

  gap:35px;
}

/* CARD */

.shoot-service-card{
  position:relative;

  background:
  rgba(255,255,255,0.04);

  border:
  1px solid rgba(255,255,255,0.08);

  border-radius:30px;

  overflow:hidden;

  transition:0.5s;

  backdrop-filter:blur(10px);
}

/* IMAGE */

.shoot-img{
  height:260px;

  overflow:hidden;
}

.shoot-img img{
  width:100%;
  height:100%;

  object-fit:cover;

  transition:0.7s;
}

/* CONTENT */

.shoot-card-content{
  padding:30px;
}

.shoot-card-content h3{
  font-size:1.5rem;

  margin-bottom:15px;
}

.shoot-card-content p{
  color:#bdbdbd;

  line-height:1.8;

  font-size:0.95rem;
}

/* NUMBER */

.service-number{
  position:absolute;

  top:20px;
  right:25px;

  font-size:4rem;

  font-weight:700;

  color:
  rgba(255,255,255,0.08);
}

/* HOVER */

.shoot-service-card:hover{
  transform:
  translateY(-12px);

  border-color:
  rgba(0,195,255,0.5);

  box-shadow:
  0 20px 45px rgba(0,0,0,0.45);
}

.shoot-service-card:hover img{
  transform:scale(1.1);
}

/* RESPONSIVE */

@media(max-width:1000px){

  .shoot-services-heading h2{
    font-size:4.5rem;
  }

}

@media(max-width:768px){

  .shoot-services-section{
    padding:100px 20px;
  }

  .shoot-services-heading h2{
    font-size:3.5rem;
    line-height:1;
  }

  .shoot-services-grid{
    gap:25px;
  }

}

/* =========================
BTS SECTION
========================= */

.bts-section{
  padding:60px 7%;
  margin-top: -40px;

  background:#050505;

  color:#fff;

  display:grid;

  grid-template-columns:
  1fr 1.1fr;

  gap:70px;

  align-items:center;

  overflow:hidden;
}

/* LEFT */

.bts-left span{
  color:#00c3ff;

  letter-spacing:5px;

  font-size:0.9rem;
}

.bts-left h2{
  margin-top:22px;

  font-size:6rem;

  line-height:0.9;

  font-family:'Bebas Neue',sans-serif;
}

.bts-left p{
  margin-top:28px;

  color:#bdbdbd;

  line-height:2;

  max-width:580px;
}

/* FEATURES */

.bts-features{
  margin-top:45px;

  display:flex;
  flex-direction:column;

  gap:20px;
}

/* FEATURE */

.bts-feature{
  display:flex;

  gap:20px;

  align-items:flex-start;

  padding:24px 26px;

  border-radius:24px;

  background:
  rgba(255,255,255,0.04);

  border:
  1px solid rgba(255,255,255,0.08);

  transition:0.4s;
}

.bts-feature:hover{
  transform:translateX(10px);

  border-color:
  rgba(0,195,255,0.4);

  background:
  rgba(0,195,255,0.06);
}

.bts-feature i{
  font-size:2rem;

  color:#00c3ff;
}

.bts-feature h4{
  font-size:1.2rem;

  margin-bottom:8px;
}

.bts-feature p{
  margin:0;

  color:#bdbdbd;

  line-height:1.7;

  font-size:0.92rem;
}

/* RIGHT */

.bts-right{
  position:relative;
}

/* MAIN CARD */

.bts-main-card{
  position:relative;

  height:650px;

  border-radius:40px;

  overflow:hidden;

  border:
  1px solid rgba(255,255,255,0.08);
}

.bts-main-card img{
  width:100%;
  height:100%;

  object-fit:cover;

  transition:0.8s;
}

.bts-main-card:hover img{
  transform:scale(1.08);
}

/* OVERLAY */

.bts-overlay{
  position:absolute;

  inset:0;

  display:flex;
  align-items:flex-end;

  padding:40px;

  background:
  linear-gradient(
  to top,
  rgba(0,0,0,0.9),
  transparent);
}

.bts-overlay h3{
  font-size:2rem;

  font-family:'Bebas Neue',sans-serif;

  letter-spacing:2px;
}

/* SMALL CARD */

.bts-small-card{
  position:absolute;

  width:220px;
  height:260px;

  right:-40px;
  bottom:-40px;

  border-radius:30px;

  overflow:hidden;

  border:
  6px solid #050505;

  box-shadow:
  0 20px 40px rgba(0,0,0,0.5);
}

.bts-small-card img{
  width:100%;
  height:100%;

  object-fit:cover;
}

/* RESPONSIVE */

@media(max-width:1100px){

  .bts-section{
    grid-template-columns:1fr;
  }

  .bts-left h2{
    font-size:4.5rem;
  }

}

@media(max-width:768px){

  .bts-section{
    padding:60px 20px;

    gap:50px;
  }

  .bts-left h2{
    font-size:3.5rem;

    line-height:1;
  }

  .bts-main-card{
    height:420px;
  }

  .bts-small-card{
    width:140px;
    height:170px;

    right:-10px;
    bottom:-20px;
  }

  .bts-overlay{
    padding:25px;
  }

  .bts-overlay h3{
    font-size:1.4rem;
  }

}

/* =========================
GEAR SECTION
========================= */

.gear-section{
  padding:60px 7%;

  background:#070707;

  color:#fff;

  overflow:hidden;
}

/* HEADING */

.gear-heading{
  text-align:center;

  max-width:850px;

  margin:auto;
}

.gear-heading span{
  color:#00c3ff;

  letter-spacing:5px;

  font-size:0.9rem;
}

.gear-heading h2{
  margin-top:20px;

  font-size:6rem;

  line-height:0.9;

  font-family:'Bebas Neue',sans-serif;
}

.gear-heading p{
  margin-top:25px;

  color:#bdbdbd;

  line-height:2;
}

/* GRID */

.gear-grid{
  margin-top:80px;

  display:grid;

  grid-template-columns:
  repeat(auto-fit,minmax(260px,1fr));

  gap:30px;
}

/* CARD */

.gear-card{
  padding:45px 35px;

  border-radius:30px;

  background:
  rgba(255,255,255,0.04);

  border:
  1px solid rgba(255,255,255,0.08);

  transition:0.4s;

  text-align:center;
}

.gear-card:hover{
  transform:translateY(-12px);

  border-color:
  rgba(0,195,255,0.45);

  background:
  rgba(0,195,255,0.05);
}

/* ICON */

.gear-icon{
  width:90px;
  height:90px;

  margin:auto;

  border-radius:50%;

  display:flex;
  align-items:center;
  justify-content:center;

  background:
  rgba(0,195,255,0.08);

  border:
  1px solid rgba(0,195,255,0.2);
}

.gear-icon i{
  font-size:2.5rem;

  color:#00c3ff;
}

/* TEXT */

.gear-card h3{
  margin-top:28px;

  font-size:1.5rem;
}

.gear-card p{
  margin-top:16px;

  color:#bdbdbd;

  line-height:1.8;
}

/* RESPONSIVE */

@media(max-width:768px){

  .gear-section{
    padding:60px 20px;
  }

  .gear-heading h2{
    font-size:3.5rem;

    line-height:1;
  }

}
/* =========================
FEATURED SHOOTS
========================= */

.featured-shoots-section{
  padding:60px 7%;

  background:#050505;

  color:#fff;

  overflow:hidden;
}

/* HEADING */

.featured-heading{
  text-align:center;

  max-width:850px;

  margin:auto;
}

.featured-heading span{
  color:#00c3ff;

  letter-spacing:5px;

  font-size:0.9rem;
}

.featured-heading h2{
  margin-top:22px;

  font-size:6rem;

  line-height:0.9;

  font-family:'Bebas Neue',sans-serif;
}

.featured-heading p{
  margin-top:25px;

  color:#bdbdbd;

  line-height:2;
}

/* GRID */

.featured-grid{
  margin-top:80px;

  display:grid;

  grid-template-columns:
  1.3fr 1fr;

  gap:30px;
}

/* CARD */

.featured-card{
  position:relative;

  height:320px;

  border-radius:35px;

  overflow:hidden;

  border:
  1px solid rgba(255,255,255,0.08);

  cursor:pointer;
}

/* BIG */

.big-card{
  height:670px;

  grid-row:span 2;
}

/* IMAGE */

.featured-card img{
  width:100%;
  height:100%;

  object-fit:cover;

  transition:0.8s;
}

/* OVERLAY */

.featured-overlay{
  position:absolute;

  inset:0;

  display:flex;
  align-items:flex-end;

  padding:35px;

  background:
  linear-gradient(
  to top,
  rgba(0,0,0,0.92),
  rgba(0,0,0,0.1));
}

.featured-overlay span{
  color:#00c3ff;

  font-size:0.85rem;

  letter-spacing:3px;

  text-transform:uppercase;
}

.featured-overlay h3{
  margin-top:10px;

  font-size:2rem;

  line-height:1.2;
}

/* HOVER */

.featured-card:hover img{
  transform:scale(1.1);
}

/* RESPONSIVE */

@media(max-width:1000px){

  .featured-heading h2{
    font-size:4.5rem;
  }

}

@media(max-width:768px){

  .featured-shoots-section{
    padding:60px 20px;
  }

  .featured-heading h2{
    font-size:3.5rem;

    line-height:1;
  }

  .featured-grid{
    grid-template-columns:1fr;
  }

  .big-card{
    height:400px;

    grid-row:auto;
  }

  .featured-card{
    height:260px;
  }

  .featured-overlay{
    padding:25px;
  }

  .featured-overlay h3{
    font-size:1.5rem;
  }

}
/* =========================
FINAL CTA SECTION
========================= */

.shoot-final-cta{
  position:relative;

  min-height:100vh;

  display:flex;
  align-items:center;
  justify-content:center;

  overflow:hidden;

  padding:60px 20px;

  background:#000;

  text-align:center;
}

/* VIDEO */

.cta-bg-video{
  position:absolute;

  inset:0;

  width:100%;
  height:100%;

  object-fit:cover;

  transform:scale(1.1);
}

/* OVERLAY */

.cta-overlay{
  position:absolute;

  inset:0;

  background:
  linear-gradient(
  to bottom,
  rgba(0,0,0,0.75),
  rgba(0,0,0,0.92));
}

/* CONTENT */

.cta-content{
  position:relative;

  z-index:5;

  max-width:950px;
}

.cta-content span{
  color:#00c3ff;

  letter-spacing:5px;

  font-size:0.9rem;
}

.cta-content h2{
  margin-top:25px;

  font-size:7rem;

  line-height:0.9;

  color:#fff;

  font-family:'Bebas Neue',sans-serif;
}

.cta-content p{
  margin-top:28px;

  color:#d1d1d1;

  line-height:2;

  max-width:720px;

  margin-inline:auto;
}

/* BUTTONS */

.cta-buttons{
  margin-top:50px;

  display:flex;
  justify-content:center;

  gap:25px;

  flex-wrap:wrap;
}

.cta-buttons a{
  padding:20px 42px;

  border-radius:60px;

  background:#00c3ff;

  color:#000;

  text-decoration:none;

  font-weight:600;

  transition:0.4s;
}

.cta-buttons a:hover{
  transform:translateY(-7px);

  box-shadow:
  0 15px 35px rgba(0,195,255,0.4);
}

/* OUTLINE */

.cta-outline-btn{
  background:
  rgba(255,255,255,0.06) !important;

  border:
  1px solid rgba(255,255,255,0.12);

  color:#fff !important;

  backdrop-filter:blur(10px);
}

/* FLOATING TAGS */

.cta-floating-tags{
  position:absolute;

  z-index:4;

  display:flex;
  flex-direction:column;

  gap:20px;
}

.cta-floating-tags span{
  padding:18px 28px;

  border-radius:50px;

  background:
  rgba(255,255,255,0.06);

  border:
  1px solid rgba(255,255,255,0.08);

  color:#fff;

  backdrop-filter:blur(12px);

  font-size:0.95rem;

  transition:0.4s;
}

.cta-floating-tags span:hover{
  background:#00c3ff;

  color:#000;

  transform:translateX(8px);
}

/* POSITION */

.left-tags{
  left:70px;
}

.right-tags{
  right:70px;
}

/* RESPONSIVE */

@media(max-width:1100px){

  .cta-content h2{
    font-size:5rem;
  }

  .cta-floating-tags{
    display:none;
  }

}

@media(max-width:768px){

  .shoot-final-cta{
    padding:60px 20px;
  }

  .cta-content h2{
    font-size:3.5rem;

    line-height:1;
  }

  .cta-content p{
    font-size:0.95rem;

    line-height:1.8;
  }

  .cta-buttons{
    flex-direction:column;

    align-items:center;
  }

  .cta-buttons a{
    width:100%;

    max-width:320px;
  }

}

/* =========================
VIDEO EDITING HERO
========================= */

@import url('https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Poppins:wght@300;400;500;600;700&display=swap');

.ve-hero{
  position:relative;

  min-height:100vh;

  display:grid;

  grid-template-columns:
  1.1fr 0.9fr;

  align-items:center;

  gap:60px;

  overflow:hidden;

  padding:120px 7%;

  background:#000;

  font-family:'Poppins',sans-serif;
}

/* VIDEO */

.ve-bg-video{
  position:absolute;

  inset:0;

  width:100%;
  height:100%;

  object-fit:cover;

  transform:scale(1.08);
}

/* OVERLAY */

.ve-overlay{
  position:absolute;

  inset:0;

  background:
  linear-gradient(
  to right,
  rgba(0,0,0,0.9),
  rgba(0,0,0,0.6),
  rgba(0,0,0,0.92));
}

/* GRADIENT */

.ve-gradient{
  position:absolute;

  width:500px;
  height:500px;

  background:#00c3ff;

  filter:blur(150px);

  opacity:0.12;

  top:-120px;
  right:-120px;

  border-radius:50%;
}

/* CONTENT */

.ve-content{
  position:relative;

  z-index:5;
}

/* TOP */

.ve-top-text{
  display:flex;

  align-items:center;
  gap:15px;
}

.ve-top-text span{
  width:70px;
  height:2px;
  margin-top: 30px;
  background:#00c3ff;
}

.ve-top-text p{
  color:#00c3ff;
   margin-top: 30px;
  letter-spacing:4px;

  font-size:0.9rem;
}

/* HEADING */

.ve-content h1{
  margin-top:28px;

  font-size:8rem;

  line-height:0.88;

  color:#fff;

  font-family:'Bebas Neue',sans-serif;
}

/* DESCRIPTION */

.ve-description{
  margin-top:30px;

  color:#d1d1d1;

  line-height:2;

  font-size:1.05rem;

  max-width:650px;
}

/* BUTTONS */

.ve-buttons{
  margin-top:45px;

  display:flex;

  gap:22px;

  flex-wrap:wrap;
}

.ve-buttons a{
  padding:18px 38px;

  border-radius:60px;

  background:#00c3ff;

  color:#000;

  text-decoration:none;

  font-weight:600;

  transition:0.4s;
}

.ve-buttons a:hover{
  transform:translateY(-6px);

  box-shadow:
  0 15px 35px rgba(0,195,255,0.35);
}

/* OUTLINE */

.ve-outline-btn{
  background:
  rgba(255,255,255,0.06) !important;

  border:
  1px solid rgba(255,255,255,0.12);

  color:#fff !important;

  backdrop-filter:blur(10px);
}

/* RIGHT UI */

.ve-ui-boxes{
  position:relative;

  z-index:5;

  display:flex;
  flex-direction:column;

  gap:25px;
}

/* CARD */

.ve-ui-card{
  padding:30px;

  border-radius:28px;

  background:
  rgba(255,255,255,0.06);

  border:
  1px solid rgba(255,255,255,0.08);

  backdrop-filter:blur(14px);

  overflow:hidden;
}

/* LARGE */

.large-card{
  min-height:240px;

  position:relative;
}

.large-card span{
  color:#00c3ff;

  letter-spacing:3px;

  font-size:0.85rem;
}

.large-card h3{
  margin-top:25px;

  font-size:2rem;

  line-height:1.4;

  max-width:320px;
}

/* WAVE */

.wave-lines{
  position:absolute;

  right:-40px;
  bottom:-20px;

  width:220px;
  height:220px;

  background:
  radial-gradient(circle,
  rgba(0,195,255,0.25) 2px,
  transparent 2px);

  background-size:22px 22px;

  transform:rotate(12deg);
}

/* SMALL ROW */

.ve-small-row{
  display:grid;

  grid-template-columns:
  repeat(2,1fr);

  gap:25px;
}

.small-card{
  min-height:140px;

  display:flex;
  align-items:flex-end;
}

.small-card h4{
  font-size:1.5rem;
}

/* PROGRESS */

.progress-top{
  display:flex;

  justify-content:space-between;

  margin-bottom:18px;

  color:#fff;
}

.progress-line{
  width:100%;
  height:10px;

  border-radius:20px;

  background:
  rgba(255,255,255,0.08);

  overflow:hidden;
}

.progress-fill{
  width:98%;
  height:100%;

  background:#00c3ff;

  border-radius:20px;
}

/* RESPONSIVE */

@media(max-width:1100px){

  .ve-hero{
    grid-template-columns:1fr;
  }

  .ve-content h1{
    font-size:5rem;
  }

}

@media(max-width:768px){

  .ve-hero{
    padding:100px 20px;
  }
  .ve-top-text{
    margin-top: 40px;
  }

  .ve-content h1{
    font-size:3.8rem;

    line-height:1;
  }

  .ve-description{
    font-size:0.95rem;

    line-height:1.8;
  }

  .ve-buttons{
    flex-direction:column;
  }

  .ve-buttons a{
    width:100%;

    text-align:center;
  }

  .ve-small-row{
    grid-template-columns:1fr;
  }

}

/* =========================
GMH HERO SECTION
========================= */

.gmh-hero-section{
  position:relative;

  min-height:100vh;

  display:grid;

  grid-template-columns:
  1.1fr 0.9fr;

  align-items:center;

  gap:60px;

  overflow:hidden;

  padding:120px 7%;

  background:#000;

  font-family:'Poppins',sans-serif;
}

/* VIDEO */

.gmh-hero-video{
  position:absolute;

  inset:0;

  width:100%;
  height:100%;

  object-fit:cover;

  transform:scale(1.08);
}

/* OVERLAY */

.gmh-overlay{
  position:absolute;

  inset:0;

  background:
  linear-gradient(
  to right,
  rgba(0,0,0,0.92),
  rgba(0,0,0,0.6),
  rgba(0,0,0,0.95));
}

/* GLOW */

.gmh-glow{
  position:absolute;

  border-radius:50%;

  filter:blur(140px);

  z-index:1;
}

.gmh-glow-left{
  width:350px;
  height:350px;

  background:#00c3ff;

  top:-100px;
  left:-120px;

  opacity:0.14;
}

.gmh-glow-right{
  width:350px;
  height:350px;

  background:#ff0055;

  right:-120px;
  bottom:-100px;

  opacity:0.12;
}

/* CONTENT */

.gmh-content{
  position:relative;

  z-index:5;
}

/* TOP */

.gmh-top{
  display:flex;

  align-items:center;

  gap:15px;
}

.gmh-top span{
  width:70px;
  height:2px;

  background:#00c3ff;
}

.gmh-top p{
  color:#00c3ff;

  letter-spacing:4px;

  font-size:0.9rem;
}

/* HEADING */

.gmh-content h1{

  font-size:8rem;

  line-height:0.88;

  color:#fff;

  font-family:'Bebas Neue',sans-serif;
}

/* DESCRIPTION */

.gmh-description{
  margin-top:28px;

  color:#d1d1d1;

  line-height:2;

  max-width:650px;

  font-size:1.05rem;
}

/* BUTTONS */

.gmh-buttons{
  margin-top:45px;

  display:flex;

  gap:22px;

  flex-wrap:wrap;
}

/* BTN */

.gmh-btn{
  padding:18px 38px;

  border-radius:60px;

  background:#00c3ff;

  color:#000;

  text-decoration:none;

  font-weight:600;

  transition:0.4s;
}

.gmh-btn:hover{
  transform:translateY(-6px);

  box-shadow:
  0 15px 35px rgba(0,195,255,0.35);
}

/* GLASS */

.gmh-glass-btn{
  background:
  rgba(255,255,255,0.06);

  border:
  1px solid rgba(255,255,255,0.12);

  color:#fff;

  backdrop-filter:blur(10px);
}

/* RIGHT UI */

.gmh-ui-wrapper{
  position:relative;

  z-index:5;

  display:flex;
  flex-direction:column;

  gap:25px;
}

/* CARD */

.gmh-ui-card{
  padding:30px;

  border-radius:28px;

  background:
  rgba(255,255,255,0.06);

  border:
  1px solid rgba(255,255,255,0.08);

  backdrop-filter:blur(14px);

  overflow:hidden;
}

/* BIG */

.gmh-big-ui{
  min-height:240px;

  position:relative;
}

.gmh-big-ui span{
  color:#00c3ff;

  letter-spacing:3px;

  font-size:0.85rem;
}

.gmh-big-ui h3{
  margin-top:22px;

  font-size:2rem;

  line-height:1.4;

  max-width:320px;
}

/* DOTS */

.gmh-dots{
  position:absolute;

  right:-40px;
  bottom:-20px;

  width:220px;
  height:220px;

  background:
  radial-gradient(circle,
  rgba(0,195,255,0.25) 2px,
  transparent 2px);

  background-size:22px 22px;

  transform:rotate(12deg);
}

/* SMALL ROW */

.gmh-small-row{
  display:grid;

  grid-template-columns:
  repeat(2,1fr);

  gap:25px;
}

.gmh-small-ui{
  min-height:140px;

  display:flex;
  align-items:flex-end;
}

.gmh-small-ui h4{
  font-size:1.5rem;
}

/* PROGRESS */

.gmh-progress-head{
  display:flex;

  justify-content:space-between;

  margin-bottom:18px;

  color:#fff;
}

.gmh-progress-line{
  width:100%;
  height:10px;

  border-radius:20px;

  background:
  rgba(255,255,255,0.08);

  overflow:hidden;
}

.gmh-progress-fill{
  width:95%;
  height:100%;

  background:#00c3ff;

  border-radius:20px;
}

/* RESPONSIVE */

@media(max-width:1100px){

  .gmh-hero-section{
    padding-top: 160px !important;
    grid-template-columns:1fr;
  }

  .gmh-content h1{
    font-size:5rem;
  }

}

@media(max-width:768px){

  .gmh-hero-section{
    padding:100px 20px;
  }

  .gmh-content h1{
    font-size:3.8rem;

    line-height:1;
  }

  .gmh-description{
    font-size:0.95rem;

    line-height:1.8;
  }

  .gmh-buttons{
    flex-direction:column;
  }

  .gmh-btn{
    width:100%;

    text-align:center;
  }

  .gmh-small-row{
    grid-template-columns:1fr;
  }

}

/* =========================
EDIT SERVICES SECTION
========================= */

.edit-services-section{
  padding:60px 7%;

  background:#050505;

  color:#fff;

  overflow:hidden;
}

/* HEADING */

.edit-services-heading{
  text-align:center;

  max-width:850px;

  margin:auto;
}

.edit-services-heading span{
  color:#00c3ff;

  letter-spacing:5px;

  font-size:0.9rem;
}

.edit-services-heading h2{
  margin-top:22px;

  font-size:6rem;

  line-height:0.9;

  font-family:'Bebas Neue',sans-serif;
}

.edit-services-heading p{
  margin-top:25px;

  color:#bdbdbd;

  line-height:2;
}

/* GRID */

.edit-services-grid{
  margin-top:80px;

  display:grid;

  grid-template-columns:
  repeat(auto-fit,minmax(320px,1fr));

  gap:30px;
}

/* CARD */

.edit-service-card{
  position:relative;

  height:520px;

  border-radius:35px;

  overflow:hidden;

  border:
  1px solid rgba(255,255,255,0.08);

  transition:0.5s;

  cursor:pointer;
}

/* VIDEO */

.edit-service-card video{
  width:100%;
  height:100%;

  object-fit:cover;

  transition:0.8s;
}

/* OVERLAY */

.edit-card-overlay{
  position:absolute;

  inset:0;

  display:flex;
  flex-direction:column;

  justify-content:flex-end;

  padding:35px;

  background:
  linear-gradient(
  to top,
  rgba(0,0,0,0.92),
  rgba(0,0,0,0.1));
}

.edit-card-overlay span{
  color:#00c3ff;

  font-size:0.85rem;

  letter-spacing:3px;

  text-transform:uppercase;
}

.edit-card-overlay h3{
  margin-top:12px;

  font-size:2rem;

  line-height:1.3;
}

/* HOVER */

.edit-service-card:hover{
  transform:translateY(-12px);
}

.edit-service-card:hover video{
  transform:scale(1.08);
}

/* RESPONSIVE */

@media(max-width:1000px){

  .edit-services-heading h2{
    font-size:4.5rem;
  }

}

@media(max-width:768px){

  .edit-services-section{
    padding:60px 20px;
  }

  .edit-services-heading h2{
    font-size:3.5rem;

    line-height:1;
  }

  .edit-service-card{
    height:420px;
  }

  .edit-card-overlay{
    padding:25px;
  }

  .edit-card-overlay h3{
    font-size:1.5rem;
  }

}

/* =========================
EDITING WORKFLOW
========================= */

.editing-workflow-section{
  padding:60px 7%;

  background:#080808;

  color:#fff;

  overflow:hidden;
}

/* HEADING */

.workflow-heading{
  text-align:center;

  max-width:850px;

  margin:auto;
}

.workflow-heading span{
  color:#00c3ff;

  letter-spacing:5px;

  font-size:0.9rem;
}

.workflow-heading h2{
  margin-top:20px;

  font-size:6rem;

  line-height:0.9;

  font-family:'Bebas Neue',sans-serif;
}

/* WRAPPER */

.workflow-wrapper{
  margin-top:90px;

  display:flex;
  flex-direction:column;

  gap:40px;
}

/* CARD */

.workflow-card{
  display:grid;

  grid-template-columns:
  1fr 1fr;

  gap:40px;

  align-items:center;

  padding:30px;

  border-radius:35px;

  background:
  rgba(255,255,255,0.04);

  border:
  1px solid rgba(255,255,255,0.08);

  transition:0.5s;
}

/* REVERSE */

.workflow-card:nth-child(even) .workflow-video{
  order:2;
}

/* VIDEO */

.workflow-video{
  height:380px;

  border-radius:28px;

  overflow:hidden;
}

.workflow-video video{
  width:100%;
  height:100%;

  object-fit:cover;

  transition:0.8s;
}

/* CONTENT */

.workflow-content span{
  color:#00c3ff;

  letter-spacing:3px;

  font-size:0.85rem;
}

.workflow-content h3{
  margin-top:18px;

  font-size:3rem;

  line-height:1.1;

  font-family:'Bebas Neue',sans-serif;
}

.workflow-content p{
  margin-top:20px;

  color:#bdbdbd;

  line-height:2;

  max-width:500px;
}

/* HOVER */

.workflow-card:hover{
  transform:translateY(-10px);

  border-color:
  rgba(0,195,255,0.35);
}

.workflow-card:hover video{
  transform:scale(1.08);
}

/* RESPONSIVE */

@media(max-width:1000px){

  .workflow-heading h2{
    font-size:4.5rem;
  }

  .workflow-card{
    grid-template-columns:1fr;
  }

  .workflow-card:nth-child(even) .workflow-video{
    order:0;
  }

}

@media(max-width:768px){

  .editing-workflow-section{
    padding:60px 20px;
  }

  .workflow-heading h2{
    font-size:3.5rem;

    line-height:1;
  }

  .workflow-video{
    height:260px;
  }

  .workflow-content h3{
    font-size:2.2rem;
  }

}

/* =========================
BEFORE AFTER SECTION
========================= */

.before-after-section{
  padding:60px 7%;

  background:#050505;

  color:#fff;

  overflow:hidden;
}

/* HEADING */

.before-heading{
  text-align:center;

  max-width:850px;

  margin:auto;
}

.before-heading span{
  color:#00c3ff;

  letter-spacing:5px;

  font-size:0.9rem;
}

.before-heading h2{
  margin-top:20px;

  font-size:6rem;

  line-height:0.9;

  font-family:'Bebas Neue',sans-serif;
}

.before-heading p{
  margin-top:25px;

  color:#bdbdbd;

  line-height:2;
}

/* WRAPPER */

.before-after-wrapper{
  margin-top:90px;

  display:grid;

  grid-template-columns:
  1fr auto 1fr;

  gap:35px;

  align-items:center;
}

/* CARD */

.edit-preview-card{
  position:relative;

  height:650px;

  border-radius:35px;

  overflow:hidden;

  border:
  1px solid rgba(255,255,255,0.08);

  transition:0.5s;
}

/* VIDEO */

.edit-preview-card video{
  width:100%;
  height:100%;

  object-fit:cover;

  transition:0.8s;
}

/* OVERLAY */

.edit-overlay-text{
  position:absolute;

  inset:0;

  display:flex;
  align-items:flex-end;

  padding:35px;

  background:
  linear-gradient(
  to top,
  rgba(0,0,0,0.9),
  transparent);
}

.edit-overlay-text h3{
  font-size:2rem;

  font-family:'Bebas Neue',sans-serif;

  letter-spacing:1px;
}

/* LABEL */

.edit-label{
  position:absolute;

  top:25px;
  left:25px;

  z-index:5;
}

.edit-label span{
  padding:12px 22px;

  border-radius:40px;

  font-size:0.85rem;

  letter-spacing:3px;

  font-weight:600;
}

.before-label span{
  background:#1d1d1d;

  color:#fff;
}

.after-label span{
  background:#00c3ff;

  color:#000;
}

/* ARROW */

.edit-arrow{
  width:90px;
  height:90px;

  border-radius:50%;

  background:
  rgba(0,195,255,0.08);

  border:
  1px solid rgba(0,195,255,0.25);

  display:flex;
  align-items:center;
  justify-content:center;
}

.edit-arrow i{
  font-size:2rem;

  color:#00c3ff;
}

/* AFTER CARD */

.after-card{
  box-shadow:
  0 0 40px rgba(0,195,255,0.15);
}

/* HOVER */

.edit-preview-card:hover{
  transform:translateY(-10px);
}

.edit-preview-card:hover video{
  transform:scale(1.08);
}

/* RESPONSIVE */

@media(max-width:1000px){

  .before-heading h2{
    font-size:4.5rem;
  }

  .before-after-wrapper{
    grid-template-columns:1fr;
  }

  .edit-arrow{
    transform:rotate(90deg);

    margin:auto;
  }

}

@media(max-width:768px){

  .before-after-section{
    padding:60px 20px;
  }

  .before-heading h2{
    font-size:3.5rem;

    line-height:1;
  }

  .edit-preview-card{
    height:500px;
  }

  .edit-overlay-text{
    padding:25px;
  }

  .edit-overlay-text h3{
    font-size:1.5rem;
  }

}

/* =========================
WHY WORK WITH US
========================= */

.why-us-edit-section{
  padding:60px 7%;

  background:#060606;

  color:#fff;

  overflow:hidden;

  position:relative;
}

/* HEADING */

.why-edit-heading{
  text-align:center;

  max-width:950px;

  margin:auto;
}

.why-edit-heading span{
  color:#00c3ff;

  letter-spacing:5px;

  font-size:0.9rem;
}

.why-edit-heading h2{
  margin-top:25px;

  font-size:6.5rem;

  line-height:0.9;

  font-family:'Bebas Neue',sans-serif;
}

.why-edit-heading p{
  margin-top:28px;

  color:#bdbdbd;

  line-height:2;

  max-width:760px;

  margin-inline:auto;
}

/* WRAPPER */

.why-edit-wrapper{
  margin-top:90px;

  display:grid;

  grid-template-columns:
  repeat(auto-fit,minmax(280px,1fr));

  gap:30px;
}

/* CARD */

.why-edit-card{
  padding:40px 35px;

  border-radius:32px;

  background:
  rgba(255,255,255,0.04);

  border:
  1px solid rgba(255,255,255,0.08);

  transition:0.5s;

  position:relative;

  overflow:hidden;
}

/* TOP LINE */

.why-edit-card::before{
  content:'';

  position:absolute;

  top:0;
  left:0;

  width:100%;
  height:4px;

  background:#00c3ff;

  transform:scaleX(0);

  transition:0.5s;

  transform-origin:left;
}

.why-edit-card:hover::before{
  transform:scaleX(1);
}

/* HOVER */

.why-edit-card:hover{
  transform:translateY(-12px);

  border-color:
  rgba(0,195,255,0.35);

  background:
  rgba(0,195,255,0.05);
}

/* ICON */

.why-edit-icon{
  width:85px;
  height:85px;

  border-radius:50%;

  display:flex;
  align-items:center;
  justify-content:center;

  background:
  rgba(0,195,255,0.08);

  border:
  1px solid rgba(0,195,255,0.2);
}

.why-edit-icon i{
  font-size:2rem;

  color:#00c3ff;
}

/* TEXT */

.why-edit-card h3{
  margin-top:28px;

  font-size:1.7rem;

  line-height:1.3;
}

.why-edit-card p{
  margin-top:18px;

  color:#bdbdbd;

  line-height:1.9;

  font-size:0.96rem;
}

/* BOTTOM */

.why-edit-bottom{
  margin-top:90px;

  padding:60px 50px;

  border-radius:35px;

  text-align:center;

  background:
  linear-gradient(
  135deg,
  rgba(0,195,255,0.08),
  rgba(255,255,255,0.03));

  border:
  1px solid rgba(255,255,255,0.08);
}

.why-edit-bottom h3{
  font-size:3rem;

  line-height:1.2;

  max-width:850px;

  margin:auto;

  font-family:'Bebas Neue',sans-serif;
}

.why-edit-bottom a{
  display:inline-block;

  margin-top:35px;

  padding:18px 42px;

  border-radius:60px;

  background:#00c3ff;

  color:#000;

  text-decoration:none;

  font-weight:600;

  transition:0.4s;
}

.why-edit-bottom a:hover{
  transform:translateY(-6px);

  box-shadow:
  0 15px 35px rgba(0,195,255,0.35);
}

/* RESPONSIVE */

@media(max-width:1000px){

  .why-edit-heading h2{
    font-size:4.8rem;
  }

}

@media(max-width:768px){

  .why-us-edit-section{
    padding:60px 20px;
  }

  .why-edit-heading h2{
    font-size:3.5rem;

    line-height:1;
  }

  .why-edit-bottom{
    padding:45px 25px;
  }

  .why-edit-bottom h3{
    font-size:2rem;
  }

}

/* =========================
REELS HERO SECTION
========================= */

.reels-hero-section{
  position:relative;

  min-height:100vh;

  display:grid;

  grid-template-columns:
  1.1fr 0.9fr;

  align-items:center;

  gap:60px;

  overflow:hidden;

  padding:160px 7%;

  background:#000;

  font-family:'Poppins',sans-serif;
}

/* VIDEO */

.reels-bg-video{
  position:absolute;

  inset:0;

  width:100%;
  height:100%;

  object-fit:cover;

  transform:scale(1.08);
}

/* OVERLAY */

.reels-overlay{
  position:absolute;

  inset:0;

  background:
  linear-gradient(
  to right,
  rgba(0,0,0,0.92),
  rgba(0,0,0,0.55),
  rgba(0,0,0,0.95));
}

/* BLUR */

.reels-blur{
  position:absolute;

  border-radius:50%;

  filter:blur(140px);

  z-index:1;
}

.reels-blur1{
  width:350px;
  height:350px;

  background:#ff006a;

  top:-100px;
  left:-100px;

  opacity:0.14;
}

.reels-blur2{
  width:350px;
  height:350px;

  background:#00c3ff;

  right:-120px;
  bottom:-100px;

  opacity:0.14;
}

/* CONTENT */

.reels-content{
  position:relative;

  z-index:5;
}

/* TOP */

.reels-top-text{
  display:flex;

  align-items:center;

  gap:15px;
}

.reels-top-text span{
  width:70px;
  height:2px;

  background:#00c3ff;
}

.reels-top-text p{
  color:#00c3ff;

  letter-spacing:4px;

  font-size:0.9rem;
}

/* HEADING */

.reels-content h1{
  margin-top:28px;

  font-size:8rem;

  line-height:0.88;

  color:#fff;

  font-family:'Bebas Neue',sans-serif;
}

/* DESCRIPTION */

.reels-description{
  margin-top:28px;

  color:#d1d1d1;

  line-height:2;

  max-width:650px;

  font-size:1.05rem;
}

/* BUTTONS */

.reels-buttons{
  margin-top:45px;

  display:flex;

  gap:22px;

  flex-wrap:wrap;
}

/* BTN */

.reels-btn{
  padding:18px 38px;

  border-radius:60px;

  background:#00c3ff;

  color:#000;

  text-decoration:none;

  font-weight:600;

  transition:0.4s;
}

.reels-btn:hover{
  transform:translateY(-6px);

  box-shadow:
  0 15px 35px rgba(0,195,255,0.35);
}

/* GLASS */

.reels-glass-btn{
  background:
  rgba(255,255,255,0.06);

  border:
  1px solid rgba(255,255,255,0.12);

  color:#fff;

  backdrop-filter:blur(10px);
}

/* RIGHT UI */

.reels-ui-wrapper{
  position:relative;

  z-index:5;

  display:flex;
  flex-direction:column;

  gap:25px;
}

/* CARD */

.reels-ui-card{
  padding:30px;

  border-radius:28px;

  background:
  rgba(255,255,255,0.06);

  border:
  1px solid rgba(255,255,255,0.08);

  backdrop-filter:blur(14px);

  overflow:hidden;
}

/* BIG */

.reels-big-card{
  min-height:240px;

  position:relative;
}

.reels-big-card span{
  color:#00c3ff;

  letter-spacing:3px;

  font-size:0.85rem;
}

.reels-big-card h3{
  margin-top:22px;

  font-size:2rem;

  line-height:1.4;

  max-width:320px;
}

/* CIRCLE */

.reels-circle{
  position:absolute;

  width:220px;
  height:220px;

  border:
  2px dashed rgba(0,195,255,0.2);

  border-radius:50%;

  right:-60px;
  bottom:-60px;
}

/* SMALL */

.reels-small-grid{
  display:grid;

  grid-template-columns:
  repeat(2,1fr);

  gap:25px;
}

.reels-small-card{
  min-height:140px;

  display:flex;
  align-items:flex-end;
}

.reels-small-card h4{
  font-size:1.5rem;
}

/* PROGRESS */

.reels-progress-top{
  display:flex;

  justify-content:space-between;

  margin-bottom:18px;

  color:#fff;
}

.reels-progress-line{
  width:100%;
  height:10px;

  border-radius:20px;

  background:
  rgba(255,255,255,0.08);

  overflow:hidden;
}

.reels-progress-fill{
  width:92%;
  height:100%;

  background:#00c3ff;

  border-radius:20px;
}

/* RESPONSIVE */

@media(max-width:1100px){

  .reels-hero-section{
    grid-template-columns:1fr;
  }

  .reels-content h1{
    font-size:5rem;
  }

}

@media(max-width:768px){

  .reels-hero-section{
    padding:180px 20px;
  }

  .reels-content h1{
    font-size:3.8rem;

    line-height:1;
  }

  .reels-description{
    font-size:0.95rem;

    line-height:1.8;
  }

  .reels-buttons{
    flex-direction:column;
  }

  .reels-btn{
    width:100%;

    text-align:center;
  }

  .reels-small-grid{
    grid-template-columns:1fr;
  }

}

/* =========================
REELS SHOWCASE SECTION
========================= */

.reels-showcase-section{
  padding:60px 7%;

  background:#050505;

  color:#fff;

  overflow:hidden;
}

/* HEADING */

.reels-showcase-heading{
  text-align:center;

  max-width:850px;

  margin:auto;
}

.reels-showcase-heading span{
  color:#00c3ff;

  letter-spacing:5px;

  font-size:0.9rem;
}

.reels-showcase-heading h2{
  margin-top:22px;

  font-size:6rem;

  line-height:0.9;

  font-family:'Bebas Neue',sans-serif;
}

.reels-showcase-heading p{
  margin-top:25px;

  color:#bdbdbd;

  line-height:2;
}

/* GRID */

.reels-showcase-grid{
  margin-top:90px;

  display:flex;

  justify-content:center;

  gap:35px;

  flex-wrap:wrap;
}

/* PHONE CARD */

.reel-phone-card{
  position:relative;

  width:310px;

  height:620px;

  border-radius:40px;

  overflow:hidden;

  border:
  1px solid rgba(255,255,255,0.08);

  background:#111;

  padding:12px;

  transition:0.5s;
}

/* ACTIVE */

.active-reel{
  transform:translateY(-25px);

  box-shadow:
  0 0 40px rgba(0,195,255,0.15);
}

/* VIDEO */

.reel-phone-card video{
  width:100%;
  height:100%;

  object-fit:cover;

  border-radius:30px;

  transition:0.8s;
}

/* OVERLAY */

.reel-overlay{
  position:absolute;

  inset:12px;

  border-radius:30px;

  display:flex;
  align-items:flex-end;

  padding:30px;

  background:
  linear-gradient(
  to top,
  rgba(0,0,0,0.92),
  transparent);
}

.reel-overlay span{
  color:#00c3ff;

  font-size:0.85rem;

  letter-spacing:3px;

  text-transform:uppercase;
}

.reel-overlay h3{
  margin-top:12px;

  font-size:1.8rem;

  line-height:1.3;
}

/* HOVER */

.reel-phone-card:hover{
  transform:translateY(-15px);
}

.reel-phone-card:hover video{
  transform:scale(1.08);
}

/* RESPONSIVE */

@media(max-width:1000px){

  .reels-showcase-heading h2{
    font-size:4.5rem;
  }

}

@media(max-width:768px){

  .reels-showcase-section{
    padding:60px 20px;
  }

  .reels-showcase-heading h2{
    font-size:3.5rem;

    line-height:1;
  }

  .reel-phone-card{
    width:100%;

    max-width:320px;

    height:540px;
  }

  .active-reel{
    transform:none;
  }

  .reel-overlay{
    padding:24px;
  }

  .reel-overlay h3{
    font-size:1.5rem;
  }

}

/* =========================
REELS TYPES SECTION
========================= */

.reels-types-section{
  padding:70px 7%;

  background:#070707;

  color:#fff;

  overflow:hidden;
}

/* HEADING */

.reels-types-heading{
  text-align:center;

  max-width:850px;

  margin:auto;
}

.reels-types-heading span{
  color:#00c3ff;

  letter-spacing:5px;

  font-size:0.9rem;
}

.reels-types-heading h2{
  margin-top:22px;

  font-size:6rem;

  line-height:0.9;

  font-family:'Bebas Neue',sans-serif;
}

.reels-types-heading p{
  margin-top:25px;

  color:#bdbdbd;

  line-height:2;
}

/* GRID */

.reels-types-grid{
  margin-top:90px;

  display:grid;

  grid-template-columns:
  repeat(auto-fit,minmax(280px,1fr));

  gap:30px;
}

/* CARD */

.reels-type-card{
  position:relative;

  padding:40px 35px;

  border-radius:32px;

  background:
  rgba(255,255,255,0.04);

  border:
  1px solid rgba(255,255,255,0.08);

  overflow:hidden;

  transition:0.5s;
}

/* NUMBER */

.reels-type-number{
  font-size:4rem;

  line-height:1;

  color:
  rgba(255,255,255,0.08);

  font-family:'Bebas Neue',sans-serif;
}

/* TEXT */

.reels-type-card h3{
  margin-top:18px;

  font-size:1.8rem;
}

.reels-type-card p{
  margin-top:18px;

  color:#bdbdbd;

  line-height:1.9;

  font-size:0.95rem;
}

/* HOVER */

.reels-type-card:hover{
  transform:translateY(-12px);

  border-color:
  rgba(0,195,255,0.4);

  background:
  rgba(0,195,255,0.05);
}

/* TOP LINE */

.reels-type-card::before{
  content:'';

  position:absolute;

  top:0;
  left:0;

  width:100%;
  height:4px;

  background:#00c3ff;

  transform:scaleX(0);

  transition:0.5s;

  transform-origin:left;
}

.reels-type-card:hover::before{
  transform:scaleX(1);
}

/* RESPONSIVE */

@media(max-width:1000px){

  .reels-types-heading h2{
    font-size:4.5rem;
  }

}

@media(max-width:768px){

  .reels-types-section{
    padding:60px 20px;
  }

  .reels-types-heading h2{
    font-size:3.5rem;

    line-height:1;
  }

}

/* =========================
REELS FINAL SECTION
========================= */

.reels-final-section{
  padding:140px 7%;

  background:#050505;

  color:#fff;

  overflow:hidden;
}

/* HEADING */

.reels-final-heading{
  text-align:center;

  max-width:900px;

  margin:auto;
}

.reels-final-heading span{
  color:#00c3ff;

  letter-spacing:5px;

  font-size:0.9rem;
}

.reels-final-heading h2{
  margin-top:22px;

  font-size:6.5rem;

  line-height:0.9;

  font-family:'Bebas Neue',sans-serif;
}

.reels-final-heading p{
  margin-top:28px;

  color:#bdbdbd;

  line-height:2;

  max-width:760px;

  margin-inline:auto;
}

/* WRAPPER */

.reels-final-wrapper{
  margin-top:90px;

  display:grid;

  grid-template-columns:
  repeat(auto-fit,minmax(280px,1fr));

  gap:30px;
}

/* CARD */

.reels-final-card{
  padding:40px 35px;

  border-radius:30px;

  background:
  rgba(255,255,255,0.04);

  border:
  1px solid rgba(255,255,255,0.08);

  transition:0.5s;

  position:relative;

  overflow:hidden;
}

/* TOP LINE */

.reels-final-card::before{
  content:'';

  position:absolute;

  top:0;
  left:0;

  width:100%;
  height:4px;

  background:#00c3ff;

  transform:scaleX(0);

  transition:0.5s;

  transform-origin:left;
}

.reels-final-card:hover::before{
  transform:scaleX(1);
}

/* ICON */

.reels-final-card i{
  font-size:2rem;

  color:#00c3ff;
}

/* TEXT */

.reels-final-card h3{
  margin-top:25px;

  font-size:1.7rem;

  line-height:1.3;
}

.reels-final-card p{
  margin-top:18px;

  color:#bdbdbd;

  line-height:1.9;

  font-size:0.95rem;
}

/* HOVER */

.reels-final-card:hover{
  transform:translateY(-12px);

  border-color:
  rgba(0,195,255,0.4);

  background:
  rgba(0,195,255,0.05);
}

/* CTA */

.reels-bottom-cta{
  margin-top:90px;

  padding:60px 40px;

  border-radius:35px;

  text-align:center;

  background:
  linear-gradient(
  135deg,
  rgba(0,195,255,0.08),
  rgba(255,255,255,0.03));

  border:
  1px solid rgba(255,255,255,0.08);
}

.reels-bottom-cta h3{
  font-size:3rem;

  line-height:1.2;

  max-width:850px;

  margin:auto;

  font-family:'Bebas Neue',sans-serif;
}

.reels-bottom-cta a{
  display:inline-block;

  margin-top:35px;

  padding:18px 42px;

  border-radius:60px;

  background:#00c3ff;

  color:#000;

  text-decoration:none;

  font-weight:600;

  transition:0.4s;
}

.reels-bottom-cta a:hover{
  transform:translateY(-6px);

  box-shadow:
  0 15px 35px rgba(0,195,255,0.35);
}

/* RESPONSIVE */

@media(max-width:1000px){

  .reels-final-heading h2{
    font-size:4.8rem;
  }

}

@media(max-width:768px){

  .reels-final-section{
    padding:100px 20px;
  }

  .reels-final-heading h2{
    font-size:3.5rem;

    line-height:1;
  }

  .reels-bottom-cta{
    padding:45px 25px;
  }

  .reels-bottom-cta h3{
    font-size:2rem;
  }

}

/* =========================
PORTFOLIO HERO SECTION
========================= */

.portfolio-hero-section{
  position:relative;

  min-height:100vh;

  display:grid;

  grid-template-columns:
  1.1fr 0.9fr;

  align-items:center;

  gap:60px;

  overflow:hidden;

  padding:160px 7%;

  background:#000;

  font-family:'Poppins',sans-serif;
}

/* VIDEO */

.portfolio-bg-video{
  position:absolute;

  inset:0;

  width:100%;
  height:100%;

  object-fit:cover;

  transform:scale(1.08);
}

/* OVERLAY */

.portfolio-overlay{
  position:absolute;

  inset:0;

  background:
  linear-gradient(
  to right,
  rgba(0,0,0,0.92),
  rgba(0,0,0,0.55),
  rgba(0,0,0,0.96));
}

/* BLUR */

.portfolio-blur{
  position:absolute;

  border-radius:50%;

  filter:blur(140px);

  z-index:1;
}

.blur-left{
  width:350px;
  height:350px;

  background:#00c3ff;

  top:-120px;
  left:-120px;

  opacity:0.14;
}

.blur-right{
  width:350px;
  height:350px;

  background:#ff006a;

  right:-120px;
  bottom:-120px;

  opacity:0.14;
}

/* CONTENT */

.portfolio-content{
  position:relative;

  z-index:5;
}

/* TOP */

.portfolio-top{
  display:flex;

  align-items:center;

  gap:15px;
}

.portfolio-top span{
  width:70px;
  height:2px;

  background:#00c3ff;
}

.portfolio-top p{
  color:#00c3ff;

  letter-spacing:4px;

  font-size:0.9rem;
}

/* HEADING */

.portfolio-content h1{
  margin-top:28px;

  font-size:8rem;

  line-height:0.88;

  color:#fff;

  font-family:'Bebas Neue',sans-serif;
}

/* DESCRIPTION */

.portfolio-description{
  margin-top:28px;

  color:#d1d1d1;

  line-height:2;

  max-width:650px;

  font-size:1.05rem;
}

/* BUTTONS */

.portfolio-buttons{
  margin-top:45px;

  display:flex;

  gap:22px;

  flex-wrap:wrap;
}

/* BTN */

.portfolio-btn{
  padding:18px 38px;

  border-radius:60px;

  background:#00c3ff;

  color:#000;

  text-decoration:none;

  font-weight:600;

  transition:0.4s;
}

.portfolio-btn:hover{
  transform:translateY(-6px);

  box-shadow:
  0 15px 35px rgba(0,195,255,0.35);
}

/* GLASS */

.portfolio-glass-btn{
  background:
  rgba(255,255,255,0.06);

  border:
  1px solid rgba(255,255,255,0.12);

  color:#fff;

  backdrop-filter:blur(10px);
}

/* RIGHT UI */

.portfolio-ui-wrapper{
  position:relative;

  z-index:5;

  display:flex;
  flex-direction:column;

  gap:25px;
}

/* CARD */

.portfolio-ui-card{
  padding:30px;

  border-radius:28px;

  background:
  rgba(255,255,255,0.06);

  border:
  1px solid rgba(255,255,255,0.08);

  backdrop-filter:blur(14px);

  overflow:hidden;
}

/* BIG */

.portfolio-big-card{
  min-height:240px;

  position:relative;
}

.portfolio-big-card span{
  color:#00c3ff;

  letter-spacing:3px;

  font-size:0.85rem;
}

.portfolio-big-card h3{
  margin-top:22px;

  font-size:2rem;

  line-height:1.4;

  max-width:320px;
}

/* DOTS */

.portfolio-dots{
  position:absolute;

  right:-40px;
  bottom:-20px;

  width:220px;
  height:220px;

  background:
  radial-gradient(circle,
  rgba(0,195,255,0.25) 2px,
  transparent 2px);

  background-size:22px 22px;

  transform:rotate(12deg);
}

/* SMALL GRID */

.portfolio-small-grid{
  display:grid;

  grid-template-columns:
  repeat(2,1fr);

  gap:25px;
}

.portfolio-small-card{
  min-height:140px;

  display:flex;
  align-items:flex-end;
}

.portfolio-small-card h4{
  font-size:1.5rem;
}

/* PROGRESS */

.portfolio-progress-top{
  display:flex;

  justify-content:space-between;

  margin-bottom:18px;

  color:#fff;
}

.portfolio-progress-line{
  width:100%;
  height:10px;

  border-radius:20px;

  background:
  rgba(255,255,255,0.08);

  overflow:hidden;
}

.portfolio-progress-fill{
  width:98%;
  height:100%;

  background:#00c3ff;

  border-radius:20px;
}

/* RESPONSIVE */

@media(max-width:1100px){

  .portfolio-hero-section{
    grid-template-columns:1fr;
  }

  .portfolio-content h1{
    font-size:5rem;
  }

}

@media(max-width:768px){

  .portfolio-hero-section{
    padding:180px 20px;
  }

  .portfolio-content h1{
    font-size:3.8rem;

    line-height:1;
  }

  .portfolio-description{
    font-size:0.95rem;

    line-height:1.8;
  }

  .portfolio-buttons{
    flex-direction:column;
  }

  .portfolio-btn{
    width:100%;

    text-align:center;
  }

  .portfolio-small-grid{
    grid-template-columns:1fr;
  }

}

/* =========================
FEATURED PROJECTS
========================= */

.featured-projects-section{
  padding:70px 7%;

  background:#050505;

  color:#fff;

  overflow:hidden;
}

/* HEADING */

.featured-projects-heading{
  text-align:center;

  max-width:850px;

  margin:auto;
}

.featured-projects-heading span{
  color:#00c3ff;

  letter-spacing:5px;

  font-size:0.9rem;
}

.featured-projects-heading h2{
  margin-top:22px;

  font-size:6rem;

  line-height:0.9;

  font-family:'Bebas Neue',sans-serif;
}

.featured-projects-heading p{
  margin-top:25px;

  color:#bdbdbd;

  line-height:2;
}

/* GRID */

.featured-projects-grid{
  margin-top:90px;

  display:grid;

  grid-template-columns:
  repeat(3,1fr);

  gap:30px;
}

/* CARD */

.featured-project-card{
  position:relative;

  height:320px;

  border-radius:35px;

  overflow:hidden;

  border:
  1px solid rgba(255,255,255,0.08);

  cursor:pointer;
}

/* BIG */

.big-project{
  grid-column:span 2;

  grid-row:span 2;

  height:670px;
}

/* IMAGE */

.featured-project-card img{
  width:100%;
  height:100%;

  object-fit:cover;

  transition:0.8s;
}

/* OVERLAY */

.featured-project-overlay{
  position:absolute;

  inset:0;

  display:flex;
  align-items:flex-end;

  padding:35px;

  background:
  linear-gradient(
  to top,
  rgba(0,0,0,0.92),
  rgba(0,0,0,0.1));
}

.featured-project-overlay span{
  color:#00c3ff;

  font-size:0.85rem;

  letter-spacing:3px;

  text-transform:uppercase;
}

.featured-project-overlay h3{
  margin-top:12px;

  font-size:2rem;

  line-height:1.3;
}

/* BUTTON */

.featured-project-overlay a{
  display:inline-block;

  margin-top:22px;

  padding:14px 28px;

  border-radius:50px;

  background:
  rgba(255,255,255,0.08);

  border:
  1px solid rgba(255,255,255,0.1);

  color:#fff;

  text-decoration:none;

  transition:0.4s;
}

.featured-project-overlay a:hover{
  background:#00c3ff;

  color:#000;
}

/* HOVER */

.featured-project-card:hover img{
  transform:scale(1.1);
}

/* RESPONSIVE */

@media(max-width:1000px){

  .featured-projects-heading h2{
    font-size:4.5rem;
  }

  .featured-projects-grid{
    grid-template-columns:1fr 1fr;
  }

  .big-project{
    grid-column:auto;

    grid-row:auto;

    height:420px;
  }

}

@media(max-width:768px){

  .featured-projects-section{
    padding:60px 20px;
  }

  .featured-projects-heading h2{
    font-size:3.5rem;

    line-height:1;
  }

  .featured-projects-grid{
    grid-template-columns:1fr;
  }

  .featured-project-card{
    height:280px;
  }

  .featured-project-overlay{
    padding:25px;
  }

  .featured-project-overlay h3{
    font-size:1.5rem;
  }

}

/* =========================
WEBSITE PROJECTS
========================= */

.website-projects-section{
  padding:70px 7%;

  background:#050505;

  color:#fff;

  overflow:hidden;
}

/* HEADING */

.website-projects-heading{
  text-align:center;

  max-width:850px;

  margin:auto;
}

.website-projects-heading span{
  color:#00c3ff;

  letter-spacing:5px;

  font-size:0.9rem;
}

.website-projects-heading h2{
  margin-top:22px;

  font-size:6rem;

  line-height:0.9;

  font-family:'Bebas Neue',sans-serif;
}

.website-projects-heading p{
  margin-top:25px;

  color:#bdbdbd;

  line-height:2;
}

/* GRID */

.website-projects-grid{
  margin-top:90px;

  display:grid;

  grid-template-columns:
  repeat(auto-fit,minmax(320px,1fr));

  gap:35px;
}

/* CARD */

.website-project-card{
  border-radius:35px;

  overflow:hidden;

  background:
  rgba(255,255,255,0.04);

  border:
  1px solid rgba(255,255,255,0.08);

  transition:0.5s;
}

/* MOCKUP */

.website-mockup{
  padding:20px;

  background:#111;
}

.website-mockup img{
  width:100%;

  height:260px;

  object-fit:cover;

  border-radius:18px;

  transition:0.8s;
}

/* CONTENT */

.website-project-content{
  padding:35px;
}

.website-project-content span{
  color:#00c3ff;

  font-size:0.85rem;

  letter-spacing:3px;

  text-transform:uppercase;
}

.website-project-content h3{
  margin-top:15px;

  font-size:2rem;
}

.website-project-content p{
  margin-top:18px;

  color:#bdbdbd;

  line-height:1.9;

  font-size:0.95rem;
}

/* BUTTON */

.website-project-content a{
  display:inline-block;

  margin-top:28px;

  padding:15px 30px;

  border-radius:50px;

  background:#00c3ff;

  color:#000;

  text-decoration:none;

  font-weight:600;

  transition:0.4s;
}

.website-project-content a:hover{
  transform:translateY(-5px);

  box-shadow:
  0 12px 30px rgba(0,195,255,0.35);
}

/* HOVER */

.website-project-card:hover{
  transform:translateY(-12px);

  border-color:
  rgba(0,195,255,0.35);
}

.website-project-card:hover img{
  transform:scale(1.06);
}

/* RESPONSIVE */

@media(max-width:1000px){

  .website-projects-heading h2{
    font-size:4.5rem;
  }

}

@media(max-width:768px){

  .website-projects-section{
    padding:60px 20px;
  }

  .website-projects-heading h2{
    font-size:3.5rem;

    line-height:1;
  }

  .website-mockup img{
    height:220px;
  }

  .website-project-content{
    padding:25px;
  }

  .website-project-content h3{
    font-size:1.6rem;
  }

}

/* =========================
SOCIAL CONTENT PORTFOLIO
========================= */

.social-content-portfolio-section{
  padding:70px 7%;

  background:#050505;

  color:#fff;

  overflow:hidden;
}

/* HEADING */

.social-content-heading{
  text-align:center;

  max-width:850px;

  margin:auto;
}

.social-content-heading span{
  color:#00c3ff;

  letter-spacing:5px;

  font-size:0.9rem;
}

.social-content-heading h2{
  margin-top:22px;

  font-size:6rem;

  line-height:0.9;

  font-family:'Bebas Neue',sans-serif;
}

.social-content-heading p{
  margin-top:25px;

  color:#bdbdbd;

  line-height:2;
}

/* GRID */

.social-content-grid{
  margin-top:90px;

  display:grid;

  grid-template-columns:
  1.2fr 0.8fr;

  gap:30px;
}

/* COLUMN */

.social-small-column{
  display:flex;

  flex-direction:column;

  gap:30px;
}

/* CARD */

.social-content-card{
  position:relative;

  overflow:hidden;

  border-radius:35px;

  border:
  1px solid rgba(255,255,255,0.08);

  transition:0.5s;
}

/* SIZE */

.large-social-card{
  height:700px;
}

.small-social-card{
  height:335px;
}

/* IMAGE */

.social-content-card img{
  width:100%;
  height:100%;

  object-fit:cover;

  transition:0.8s;
}

/* OVERLAY */

.social-content-overlay{
  position:absolute;

  inset:0;

  display:flex;
  align-items:flex-end;

  padding:35px;

  background:
  linear-gradient(
  to top,
  rgba(0,0,0,0.92),
  rgba(0,0,0,0.1));
}

.social-content-overlay span{
  color:#00c3ff;

  letter-spacing:3px;

  font-size:0.82rem;

  text-transform:uppercase;
}

.social-content-overlay h3{
  margin-top:12px;

  font-size:2rem;

  line-height:1.3;
}

/* HOVER */

.social-content-card:hover{
  transform:translateY(-12px);
}

.social-content-card:hover img{
  transform:scale(1.08);
}

/* BUTTONS */

.social-content-buttons{
  margin-top:60px;

  display:flex;

  justify-content:center;

  gap:25px;

  flex-wrap:wrap;
}

/* BUTTON */

.social-content-btn{
  display:inline-flex;

  align-items:center;

  gap:12px;

  padding:18px 38px;

  border-radius:60px;

  background:#00c3ff;

  color:#000;

  text-decoration:none;

  font-weight:600;

  transition:0.4s;
}

.social-content-btn:hover{
  transform:translateY(-6px);

  box-shadow:
  0 15px 35px rgba(0,195,255,0.35);
}

/* GLASS */

.social-glass-btn{
  background:
  rgba(255,255,255,0.06);

  border:
  1px solid rgba(255,255,255,0.12);

  color:#fff;

  backdrop-filter:blur(10px);
}

/* RESPONSIVE */

@media(max-width:1000px){

  .social-content-heading h2{
    font-size:4.5rem;
  }

  .social-content-grid{
    grid-template-columns:1fr;
  }

  .large-social-card{
    height:450px;
  }

}

@media(max-width:768px){

  .social-content-portfolio-section{
    padding:60px 20px;
  }

  .social-content-heading h2{
    font-size:3.5rem;

    line-height:1;
  }

  .small-social-card{
    height:260px;
  }

  .social-content-overlay{
    padding:24px;
  }

  .social-content-overlay h3{
    font-size:1.5rem;
  }

  .social-content-buttons{
    flex-direction:column;
  }

  .social-content-btn{
    width:100%;

    justify-content:center;
  }

}

/* =========================
DIGITAL MARKETING RESULTS
========================= */

.digital-results-section{
  padding:70px 7%;

  background:#070707;

  color:#fff;

  overflow:hidden;
}

/* HEADING */

.digital-results-heading{
  text-align:center;

  max-width:850px;

  margin:auto;
}

.digital-results-heading span{
  color:#00c3ff;

  letter-spacing:5px;

  font-size:0.9rem;
}

.digital-results-heading h2{
  margin-top:22px;

  font-size:6rem;

  line-height:0.9;

  font-family:'Bebas Neue',sans-serif;
}

.digital-results-heading p{
  margin-top:25px;

  color:#bdbdbd;

  line-height:2;
}

/* GRID */

.digital-results-grid{
  margin-top:90px;

  display:grid;

  grid-template-columns:
  1.2fr 0.8fr;

  gap:30px;
}

/* RIGHT */

.digital-small-wrapper{
  display:flex;

  flex-direction:column;

  gap:30px;
}

/* CARD */

.digital-result-card{
  position:relative;

  overflow:hidden;

  border-radius:35px;

  border:
  1px solid rgba(255,255,255,0.08);

  transition:0.5s;
}

/* SIZE */

.large-result-card{
  height:700px;
}

.small-result-card{
  height:335px;
}

/* IMAGE */

.digital-result-card img{
  width:100%;
  height:100%;

  object-fit:cover;

  transition:0.8s;
}

/* OVERLAY */

.digital-result-overlay{
  position:absolute;

  inset:0;

  display:flex;
  align-items:flex-end;

  padding:35px;

  background:
  linear-gradient(
  to top,
  rgba(0,0,0,0.92),
  rgba(0,0,0,0.1));
}

.digital-result-overlay span{
  color:#00c3ff;

  letter-spacing:3px;

  font-size:0.82rem;

  text-transform:uppercase;
}

.digital-result-overlay h3{
  margin-top:12px;

  font-size:2rem;

  line-height:1.3;
}

/* HOVER */

.digital-result-card:hover{
  transform:translateY(-12px);
}

.digital-result-card:hover img{
  transform:scale(1.08);
}

/* STATS */

.digital-stats-wrapper{
  margin-top:80px;

  display:grid;

  grid-template-columns:
  repeat(auto-fit,minmax(220px,1fr));

  gap:30px;
}

/* STAT CARD */

.digital-stat-card{
  padding:40px 30px;

  border-radius:30px;

  text-align:center;

  background:
  rgba(255,255,255,0.04);

  border:
  1px solid rgba(255,255,255,0.08);

  transition:0.4s;
}

.digital-stat-card h3{
  font-size:4rem;

  line-height:1;

  color:#00c3ff;

  font-family:'Bebas Neue',sans-serif;
}

.digital-stat-card p{
  margin-top:14px;

  color:#bdbdbd;
}

.digital-stat-card:hover{
  transform:translateY(-10px);

  border-color:
  rgba(0,195,255,0.35);

  background:
  rgba(0,195,255,0.05);
}

/* BUTTON */

.digital-results-btn-wrap{
  margin-top:60px;

  text-align:center;
}

.digital-results-btn{
  display:inline-flex;

  align-items:center;

  gap:12px;

  padding:18px 38px;

  border-radius:60px;

  background:#00c3ff;

  color:#000;

  text-decoration:none;

  font-weight:600;

  transition:0.4s;
}

.digital-results-btn:hover{
  transform:translateY(-6px);

  box-shadow:
  0 15px 35px rgba(0,195,255,0.35);
}

/* RESPONSIVE */

@media(max-width:1000px){

  .digital-results-heading h2{
    font-size:4.5rem;
  }

  .digital-results-grid{
    grid-template-columns:1fr;
  }

  .large-result-card{
    height:450px;
  }

}

@media(max-width:768px){

  .digital-results-section{
    padding:60px 20px;
  }

  .digital-results-heading h2{
    font-size:3.5rem;

    line-height:1;
  }

  .small-result-card{
    height:260px;
  }

  .digital-result-overlay{
    padding:24px;
  }

  .digital-result-overlay h3{
    font-size:1.5rem;
  }

  .digital-results-btn{
    width:100%;

    justify-content:center;
  }

}

/* =========================
CREATIVE WORKFLOW
========================= */

.creative-workflow-section{
  padding:60px 7%;

  background:#050505;

  color:#fff;

  overflow:hidden;

  position:relative;
}

/* HEADING */

.creative-workflow-heading{
  text-align:center;

  max-width:850px;

  margin:auto;
}

.creative-workflow-heading span{
  color:#00c3ff;

  letter-spacing:5px;

  font-size:0.9rem;
}

.creative-workflow-heading h2{
  margin-top:22px;

  font-size:6rem;

  line-height:0.9;

  font-family:'Bebas Neue',sans-serif;
}

.creative-workflow-heading p{
  margin-top:25px;

  color:#bdbdbd;

  line-height:2;
}

/* WRAPPER */

.creative-workflow-wrapper{
  margin-top:100px;

  position:relative;

  display:flex;

  justify-content:space-between;

  gap:30px;

  flex-wrap:wrap;
}

/* LINE */

.creative-workflow-wrapper::before{
  content:'';

  position:absolute;

  top:70px;
  left:0;

  width:100%;
  height:2px;

  background:
  linear-gradient(
  to right,
  rgba(0,195,255,0.1),
  rgba(0,195,255,0.7),
  rgba(0,195,255,0.1));
}

/* CARD */

.creative-step-card{
  position:relative;

  flex:1;

  min-width:240px;

  padding:90px 30px 35px;

  border-radius:30px;

  background:
  rgba(255,255,255,0.04);

  border:
  1px solid rgba(255,255,255,0.08);

  transition:0.5s;

  z-index:2;
}

/* NUMBER */

.creative-step-number{
  position:absolute;

  top:-35px;
  left:35px;

  width:75px;
  height:75px;

  border-radius:50%;

  background:#00c3ff;

  color:#000;

  display:flex;
  align-items:center;
  justify-content:center;

  font-size:1.8rem;

  font-family:'Bebas Neue',sans-serif;

  box-shadow:
  0 0 30px rgba(0,195,255,0.35);
}

/* TEXT */

.creative-step-content h3{
  font-size:2rem;

  line-height:1.3;
}

.creative-step-content p{
  margin-top:18px;

  color:#bdbdbd;

  line-height:1.9;

  font-size:0.95rem;
}

/* HOVER */

.creative-step-card:hover{
  transform:translateY(-12px);

  border-color:
  rgba(0,195,255,0.35);

  background:
  rgba(0,195,255,0.05);
}

/* RESPONSIVE */

@media(max-width:1000px){

  .creative-workflow-heading h2{
    font-size:4.5rem;
  }

  .creative-workflow-wrapper::before{
    display:none;
  }

}

@media(max-width:768px){

  .creative-workflow-section{
    padding:60px 20px;
  }

  .creative-workflow-heading h2{
    font-size:3.5rem;

    line-height:1;
  }

  .creative-step-card{
    min-width:100%;
  }

  .creative-step-content h3{
    font-size:1.6rem;
  }

}

/* =========================
CLIENT REVIEWS SECTION
========================= */

.client-reviews-section{
  padding:60px 7%;

  background:#070707;

  color:#fff;

  overflow:hidden;
}

/* HEADING */

.client-reviews-heading{
  text-align:center;

  max-width:850px;

  margin:auto;
}

.client-reviews-heading span{
  color:#00c3ff;

  letter-spacing:5px;

  font-size:0.9rem;
}

.client-reviews-heading h2{
  margin-top:22px;

  font-size:6rem;

  line-height:0.9;

  font-family:'Bebas Neue',sans-serif;
}

.client-reviews-heading p{
  margin-top:25px;

  color:#bdbdbd;

  line-height:2;
}

/* GRID */

.client-reviews-grid{
  margin-top:90px;

  display:grid;

  grid-template-columns:
  repeat(auto-fit,minmax(320px,1fr));

  gap:30px;
}

/* CARD */

.client-review-card{
  padding:40px 35px;

  border-radius:35px;

  background:
  rgba(255,255,255,0.04);

  border:
  1px solid rgba(255,255,255,0.08);

  transition:0.5s;

  position:relative;

  overflow:hidden;
}

/* FEATURED */

.featured-review-card{
  transform:translateY(-20px);

  border-color:
  rgba(0,195,255,0.35);

  background:
  rgba(0,195,255,0.05);
}

/* TOP */

.client-review-top{
  display:flex;

  align-items:center;

  gap:18px;
}

.client-review-top img{
  width:75px;
  height:75px;

  border-radius:50%;

  object-fit:cover;

  border:
  2px solid rgba(0,195,255,0.4);
}

.client-review-top h3{
  font-size:1.4rem;
}

.client-review-top span{
  color:#00c3ff;

  font-size:0.9rem;
}

/* TEXT */

.client-review-card p{
  margin-top:30px;

  color:#d0d0d0;

  line-height:2;

  font-size:0.96rem;
}

/* STARS */

.review-stars{
  margin-top:28px;

  display:flex;

  gap:8px;
}

.review-stars i{
  color:#00c3ff;

  font-size:1rem;
}

/* HOVER */

.client-review-card:hover{
  transform:translateY(-12px);

  border-color:
  rgba(0,195,255,0.35);

  background:
  rgba(0,195,255,0.05);
}

/* STRIP */

.reviews-bottom-strip{
  margin-top:90px;

  display:grid;

  grid-template-columns:
  repeat(auto-fit,minmax(250px,1fr));

  gap:30px;
}

/* BOX */

.reviews-strip-box{
  padding:35px 25px;

  border-radius:30px;

  text-align:center;

  background:
  rgba(255,255,255,0.04);

  border:
  1px solid rgba(255,255,255,0.08);

  transition:0.4s;
}

.reviews-strip-box h3{
  font-size:4rem;

  line-height:1;

  color:#00c3ff;

  font-family:'Bebas Neue',sans-serif;
}

.reviews-strip-box p{
  margin-top:12px;

  color:#bdbdbd;
}

/* HOVER */

.reviews-strip-box:hover{
  transform:translateY(-10px);

  border-color:
  rgba(0,195,255,0.35);

  background:
  rgba(0,195,255,0.05);
}

/* RESPONSIVE */

@media(max-width:1000px){

  .client-reviews-heading h2{
    font-size:4.5rem;
  }

}

@media(max-width:768px){

  .client-reviews-section{
    padding:60px 20px;
  }

  .client-reviews-heading h2{
    font-size:3.5rem;

    line-height:1;
  }

  .featured-review-card{
    transform:none;
  }

}

/* =========================
FAQ SECTION
========================= */

.portfolio-faq-section{
  padding:60px 7%;

  background:#050505;

  color:#fff;

  overflow:hidden;
}

/* HEADING */

.portfolio-faq-heading{
  text-align:center;

  max-width:850px;

  margin:auto;
}

.portfolio-faq-heading span{
  color:#00c3ff;

  letter-spacing:5px;

  font-size:0.9rem;
}

.portfolio-faq-heading h2{
  margin-top:22px;

  font-size:6rem;

  line-height:0.9;

  font-family:'Bebas Neue',sans-serif;
}

.portfolio-faq-heading p{
  margin-top:25px;

  color:#bdbdbd;

  line-height:2;
}

/* WRAPPER */

.portfolio-faq-wrapper{
  margin-top:90px;

  display:flex;

  flex-direction:column;

  gap:25px;
}

/* ITEM */

.portfolio-faq-item{
  padding:30px 35px;

  border-radius:30px;

  background:
  rgba(255,255,255,0.04);

  border:
  1px solid rgba(255,255,255,0.08);

  transition:0.4s;

  cursor:pointer;
}

/* ACTIVE */

.active-faq{
  border-color:
  rgba(0,195,255,0.35);

  background:
  rgba(0,195,255,0.05);
}

/* QUESTION */

.portfolio-faq-question{
  display:flex;

  align-items:center;

  justify-content:space-between;

  gap:20px;
}

.portfolio-faq-question h3{
  font-size:1.4rem;

  line-height:1.5;
}

.portfolio-faq-question i{
  font-size:1.1rem;

  color:#00c3ff;

  transition:0.4s;
}

/* ANSWER */

.portfolio-faq-answer{
  max-height:0;

  overflow:hidden;

  transition:0.5s ease;
}

.active-faq .portfolio-faq-answer{
  max-height:200px;

  margin-top:20px;
}

.portfolio-faq-answer p{
  color:#bdbdbd;

  line-height:2;

  max-width:850px;
}

/* ROTATE */

.active-faq .portfolio-faq-question i{
  transform:rotate(45deg);
}

/* HOVER */

.portfolio-faq-item:hover{
  transform:translateY(-6px);

  border-color:
  rgba(0,195,255,0.25);
}

/* BOTTOM */

.portfolio-faq-bottom{
  margin-top:90px;

  text-align:center;

  padding:60px 40px;

  border-radius:35px;

  background:
  linear-gradient(
  135deg,
  rgba(0,195,255,0.08),
  rgba(255,255,255,0.03));

  border:
  1px solid rgba(255,255,255,0.08);
}

.portfolio-faq-bottom h3{
  font-size:3rem;

  font-family:'Bebas Neue',sans-serif;
}

.portfolio-faq-bottom p{
  margin-top:18px;

  color:#bdbdbd;
}

.portfolio-faq-bottom a{
  display:inline-block;

  margin-top:30px;

  padding:18px 40px;

  border-radius:60px;

  background:#00c3ff;

  color:#000;

  text-decoration:none;

  font-weight:600;

  transition:0.4s;
}

.portfolio-faq-bottom a:hover{
  transform:translateY(-6px);

  box-shadow:
  0 15px 35px rgba(0,195,255,0.35);
}

/* RESPONSIVE */

@media(max-width:1000px){

  .portfolio-faq-heading h2{
    font-size:4.5rem;
  }

}

@media(max-width:768px){

  .portfolio-faq-section{
    padding:60px 20px;
  }

  .portfolio-faq-heading h2{
    font-size:3.5rem;

    line-height:1;
  }

  .portfolio-faq-item{
    padding:24px;
  }

  .portfolio-faq-question h3{
    font-size:1.05rem;
  }

  .portfolio-faq-bottom{
    padding:45px 25px;
  }

  .portfolio-faq-bottom h3{
    font-size:2rem;
  }

}

/* =========================
MODERN CONTACT SECTION
========================= */

.modern-contact-section{
  position:relative;

  padding:130px 7%;

  background:#050505;

  overflow:hidden;

  color:#fff;
}

/* BLUR */

.modern-contact-blur{
  position:absolute;

  width:320px;
  height:320px;

  border-radius:50%;

  filter:blur(140px);

  opacity:0.12;
}

.blur-left{
  background:#00c3ff;

  top:-120px;
  left:-120px;
}

.blur-right{
  background:#ff006a;

  right:-120px;
  bottom:-120px;
}

/* TOP */

.modern-contact-top{
  position:relative;

  z-index:5;

  text-align:center;

  margin-bottom:80px;
}

.modern-contact-top span{
  color:#00c3ff;

  letter-spacing:5px;

  font-size:0.9rem;
}

.modern-contact-top h2{
  margin-top:25px;

  font-size:6rem;

  line-height:0.9;

  font-family:'Bebas Neue',sans-serif;
}

/* GRID */

.modern-contact-grid{
  position:relative;

  z-index:5;

  display:grid;

  grid-template-columns:
  0.9fr 1.1fr;

  gap:35px;

  align-items:stretch;
}

/* LEFT */

.modern-contact-left{
  display:flex;

  flex-direction:column;

  gap:25px;
}

/* CARD */

.modern-contact-card{
  display:flex;

  align-items:center;

  gap:20px;

  padding:28px 30px;

  border-radius:28px;

  background:
  rgba(255,255,255,0.05);

  border:
  1px solid rgba(255,255,255,0.08);

  backdrop-filter:blur(12px);

  transition:0.4s;
}

.modern-contact-card:hover{
  transform:translateY(-6px);

  border-color:
  rgba(0,195,255,0.3);
}

/* ICON */

.modern-contact-icon{
  min-width:70px;

  width:70px;
  height:70px;

  border-radius:20px;

  display:flex;
  align-items:center;
  justify-content:center;

  background:
  rgba(0,195,255,0.08);

  border:
  1px solid rgba(0,195,255,0.15);
}

.modern-contact-icon i{
  font-size:1.5rem;

  color:#00c3ff;
}

/* TEXT */

.modern-contact-text span{
  color:#00c3ff;

  font-size:0.8rem;

  letter-spacing:3px;
}

.modern-contact-text a,
.modern-contact-text p{
  margin-top:10px;

  display:block;

  color:#d0d0d0;

  text-decoration:none;

  line-height:1.8;

  font-size:1rem;
}

/* MAP */

.modern-contact-map{
  height:100%;

  min-height:320px;

  overflow:hidden;

  border-radius:28px;

  border:
  1px solid rgba(255,255,255,0.08);
}

.modern-contact-map iframe{
  width:100%;
  height:100%;

  border:none;

  filter:
  grayscale(1)
  invert(0.92);
}

/* RIGHT */

.modern-contact-right{
  padding:40px;

  border-radius:35px;

  background:
  rgba(255,255,255,0.05);

  border:
  1px solid rgba(255,255,255,0.08);

  backdrop-filter:blur(14px);
}

/* ROW */

.modern-input-row{
  display:flex;

  gap:20px;

  margin-bottom:22px;
}

/* BOX */

.modern-input-box{
  flex:1;
}

.full-width{
  width:100%;
}

/* LABEL */

.modern-input-box label{
  display:block;

  margin-bottom:12px;

  color:#fff;

  font-size:0.95rem;
}

/* INPUT */

.modern-input-box input,
.modern-input-box textarea{
  width:100%;

  padding:18px 20px;

  border-radius:18px;

  border:
  1px solid rgba(255,255,255,0.08);

  background:
  rgba(255,255,255,0.04);

  color:#fff;

  outline:none;

  font-size:1rem;
}

.modern-input-box textarea{
  height:180px;

  resize:none;
}

/* PLACEHOLDER */

.modern-input-box input::placeholder,
.modern-input-box textarea::placeholder{
  color:#9c9c9c;
}

/* BUTTON */

.modern-contact-right button{
  width:100%;

  margin-top:10px;

  padding:20px;

  border:none;

  border-radius:60px;

  background:#00c3ff;

  color:#000;

  font-size:1rem;

  font-weight:600;

  cursor:pointer;

  display:flex;

  align-items:center;

  justify-content:center;

  gap:12px;

  transition:0.4s;
}

.modern-contact-right button:hover{
  transform:translateY(-6px);

  box-shadow:
  0 15px 35px rgba(0,195,255,0.35);
}

/* RESPONSIVE */

@media(max-width:1100px){

  .modern-contact-grid{
    grid-template-columns:1fr;
  }

  .modern-contact-top h2{
    font-size:4.5rem;
  }

}

@media(max-width:768px){

  .modern-contact-section{
    padding:100px 20px;
  }

  .modern-contact-top h2{
    font-size:3.5rem;

    line-height:1;
  }

  .modern-input-row{
    flex-direction:column;
  }

  .modern-contact-right{
    padding:28px 22px;
  }

  .modern-contact-card{
    padding:22px;
  }

}

/* =========================
PHOTO SHOOT HERO
========================= */

.photo-hero-section{
  position:relative;

  min-height:100vh;

  display:flex;

  align-items:center;

  justify-content:center;

  overflow:hidden;

  padding:120px 7%;

  background:#000;
}

/* BG IMAGE */

.photo-hero-bg{
  position:absolute;

  inset:0;
}

.photo-hero-bg img{
  width:100%;
  height:100%;

  object-fit:cover;

  transform:scale(1.08);
}

/* OVERLAY */

.photo-hero-overlay{
  position:absolute;

  inset:0;

  background:
  linear-gradient(
  to right,
  rgba(0,0,0,0.92),
  rgba(0,0,0,0.55),
  rgba(0,0,0,0.95));
}

/* BLUR */

.photo-hero-blur{
  position:absolute;

  border-radius:50%;

  filter:blur(140px);

  opacity:0.15;

  z-index:1;
}

.blur-left{
  width:320px;
  height:320px;

  background:#00c3ff;

  top:-120px;
  left:-120px;
}

.blur-right{
  width:320px;
  height:320px;

  background:#ff006a;

  right:-120px;
  bottom:-120px;
}

/* CONTENT */

.photo-hero-content{
  position:relative;

  z-index:5;

  max-width:850px;
}

.photo-hero-content span{
  color:#00c3ff;

  letter-spacing:5px;

  font-size:0.9rem;
}

.photo-hero-content h1{
  margin-top:28px;

  font-size:8rem;

  line-height:0.88;

  color:#fff;

  font-family:'Bebas Neue',sans-serif;
}

.photo-hero-content p{
  margin-top:30px;

  color:#d0d0d0;

  line-height:2;

  max-width:650px;

  font-size:1rem;
}

/* BUTTONS */

.photo-hero-buttons{
  margin-top:45px;

  display:flex;

  gap:22px;

  flex-wrap:wrap;
}

.photo-hero-buttons a{
  padding:18px 38px;

  border-radius:60px;

  background:#00c3ff;

  color:#000;

  text-decoration:none;

  font-weight:600;

  transition:0.4s;
}

.photo-hero-buttons a:hover{
  transform:translateY(-6px);

  box-shadow:
  0 15px 35px rgba(0,195,255,0.35);
}

/* GLASS BTN */

.photo-glass-btn{
  background:
  rgba(255,255,255,0.06) !important;

  border:
  1px solid rgba(255,255,255,0.12);

  color:#fff !important;

  backdrop-filter:blur(10px);
}

/* FLOATING CARDS */

.photo-floating-card{
  position:absolute;

  z-index:2;

  padding:28px 32px;

  border-radius:30px;

  background:
  rgba(255,255,255,0.06);

  border:
  1px solid rgba(255,255,255,0.08);

  backdrop-filter:blur(14px);

  animation:floatPhoto 5s ease-in-out infinite;

  max-width:320px;
}

.photo-floating-card span{
  color:#00c3ff;

  letter-spacing:3px;

  font-size:0.8rem;
}

.photo-floating-card h3{
  margin-top:12px;

  font-size:2rem;

  line-height:1.2;

  color:#fff;
}

/* POSITION */

.photo-card-one{
  left:70px;

  bottom:40px;
}

.photo-card-two{
  right:70px;

  top:220px;

  animation-delay:1s;
}

/* FLOAT */

@keyframes floatPhoto{

  0%{
    transform:translateY(0);
  }

  50%{
    transform:translateY(-12px);
  }

  100%{
    transform:translateY(0);
  }

}

/* RESPONSIVE */

@media(max-width:1100px){

  .photo-hero-content h1{
    font-size:5.5rem;
  }

  .photo-card-one{
    left:30px;
  }

  .photo-card-two{
    right:30px;
  }

}

@media(max-width:768px){

  .photo-hero-section{
    padding:100px 20px;
  }

  .photo-hero-content h1{
    font-size:4rem;

    line-height:1;
  }

  .photo-hero-content p{
    font-size:0.95rem;
  }

  .photo-hero-buttons{
    flex-direction:column;
  }

  .photo-hero-buttons a{
    width:100%;

    text-align:center;
  }

  .photo-floating-card{
    display:none;
  }

}

/* =========================
PHOTO SHOWCASE SECTION
========================= */

.photo-showcase-section{
  padding:60px 7%;

  background:#050505;

  color:#fff;

  overflow:hidden;
}

/* HEADING */

.photo-showcase-heading{
  text-align:center;

  max-width:850px;

  margin:auto;
}

.photo-showcase-heading span{
  color:#00c3ff;

  letter-spacing:5px;

  font-size:0.9rem;
}

.photo-showcase-heading h2{
  margin-top:22px;

  font-size:6rem;

  line-height:0.9;

  font-family:'Bebas Neue',sans-serif;
}

.photo-showcase-heading p{
  margin-top:25px;

  color:#bdbdbd;

  line-height:2;
}

/* GRID */

.photo-showcase-grid{
  margin-top:90px;

  display:grid;

  grid-template-columns:
  1.2fr 0.8fr;

  gap:30px;
}

/* COLUMN */

.photo-small-column{
  display:flex;

  flex-direction:column;

  gap:30px;
}

/* CARD */

.photo-showcase-card,
.photo-bottom-card{
  position:relative;

  overflow:hidden;

  border-radius:35px;

  background:#111;

  cursor:pointer;
}

/* SIZE */

.large-photo-card{
  height:720px;
}

.small-photo-card{
  height:345px;
}

/* IMAGE */

.photo-showcase-card img,
.photo-bottom-card img{
  width:100%;
  height:100%;

  object-fit:cover;

  transition:0.8s;
}

/* CONTENT */

.photo-showcase-content,
.photo-bottom-content{
  position:absolute;

  left:35px;
  bottom:35px;

  z-index:3;
}

.photo-showcase-content span,
.photo-bottom-content span{
  color:#00c3ff;

  letter-spacing:3px;

  font-size:0.8rem;
}

.photo-showcase-content h3,
.photo-bottom-content h3{
  margin-top:14px;

  font-size:2rem;

  line-height:1.2;

  color:#fff;
}

/* HOVER */

.photo-showcase-card:hover img,
.photo-bottom-card:hover img{
  transform:scale(1.08);
}

.photo-showcase-card:hover,
.photo-bottom-card:hover{
  box-shadow:
  0 0 40px rgba(0,195,255,0.12),
  0 0 100px rgba(0,195,255,0.05);
}

/* BOTTOM GRID */

.photo-bottom-grid{
  margin-top:30px;

  display:grid;

  grid-template-columns:
  repeat(3,1fr);

  gap:30px;
}

.photo-bottom-card{
  height:320px;
}

/* RESPONSIVE */

@media(max-width:1000px){

  .photo-showcase-heading h2{
    font-size:4.5rem;
  }

  .photo-showcase-grid{
    grid-template-columns:1fr;
  }

  .large-photo-card{
    height:450px;
  }

  .photo-bottom-grid{
    grid-template-columns:1fr;
  }

}

@media(max-width:768px){

  .photo-showcase-section{
    padding:60px 20px;
  }

  .photo-showcase-heading h2{
    font-size:3.5rem;

    line-height:1;
  }

  .small-photo-card,
  .photo-bottom-card{
    height:260px;
  }

  .photo-showcase-content,
  .photo-bottom-content{
    left:25px;
    bottom:25px;
  }

  .photo-showcase-content h3,
  .photo-bottom-content h3{
    font-size:1.5rem;
  }

}

/* =========================
BTS SECTION
========================= */

.photoshoot-bts-section{
  padding:130px 7%;

  background:#000;

  color:#fff;

  overflow:hidden;
}

/* HEADING */

.photoshoot-bts-heading{
  text-align:center;

  max-width:850px;

  margin:auto;
}

.photoshoot-bts-heading span{
  color:#00c3ff;

  letter-spacing:5px;

  font-size:0.9rem;
}

.photoshoot-bts-heading h2{
  margin-top:22px;

  font-size:6rem;

  line-height:0.9;

  font-family:'Bebas Neue',sans-serif;
}

.photoshoot-bts-heading p{
  margin-top:25px;

  color:#bdbdbd;

  line-height:2;
}

/* GRID */

.photoshoot-bts-grid{
  margin-top:90px;

  display:grid;

  grid-template-columns:
  0.8fr 1.2fr;

  gap:30px;
}

/* LEFT */

.photoshoot-bts-left{
  display:flex;

  flex-direction:column;

  gap:30px;
}

/* CARD */

.photoshoot-bts-card,
.photoshoot-bts-big-card{
  position:relative;

  overflow:hidden;

  border-radius:35px;

  background:#111;

  cursor:pointer;
}

/* SIZE */

.photoshoot-bts-card{
  height:320px;
}

.photoshoot-bts-big-card{
  height:670px;
}

/* IMAGE */

.photoshoot-bts-card img,
.photoshoot-bts-big-card img{
  width:100%;
  height:100%;

  object-fit:cover;

  transition:0.8s;
}

/* CONTENT */

.photoshoot-bts-content,
.photoshoot-bts-big-content{
  position:absolute;

  left:35px;
  bottom:35px;

  z-index:3;
}

.photoshoot-bts-content span,
.photoshoot-bts-big-content span{
  color:#00c3ff;

  letter-spacing:3px;

  font-size:0.8rem;
}

.photoshoot-bts-content h3,
.photoshoot-bts-big-content h3{
  margin-top:14px;

  font-size:2rem;

  line-height:1.2;

  color:#fff;
}

.photoshoot-bts-big-content p{
  margin-top:20px;

  color:#d0d0d0;

  line-height:1.9;

  max-width:500px;
}

/* HOVER */

.photoshoot-bts-card:hover img,
.photoshoot-bts-big-card:hover img{
  transform:scale(1.08);
}

.photoshoot-bts-card:hover,
.photoshoot-bts-big-card:hover{
  box-shadow:
  0 0 40px rgba(0,195,255,0.12),
  0 0 100px rgba(0,195,255,0.05);
}

/* RESPONSIVE */

@media(max-width:1000px){

  .photoshoot-bts-heading h2{
    font-size:4.5rem;
  }

  .photoshoot-bts-grid{
    grid-template-columns:1fr;
  }

  .photoshoot-bts-big-card{
    height:450px;
  }

}

@media(max-width:768px){

  .photoshoot-bts-section{
    padding:100px 20px;
  }

  .photoshoot-bts-heading h2{
    font-size:3.5rem;

    line-height:1;
  }

  .photoshoot-bts-card,
  .photoshoot-bts-big-card{
    height:260px;
  }

  .photoshoot-bts-content,
  .photoshoot-bts-big-content{
    left:25px;
    bottom:25px;
  }

  .photoshoot-bts-content h3,
  .photoshoot-bts-big-content h3{
    font-size:1.5rem;
  }

  .photoshoot-bts-big-content p{
    font-size:0.9rem;
  }

}

/* =========================
LUXURY PHOTO EXPERIENCE
========================= */

.luxury-photo-experience{
  padding:30px 7%;

  background:#000;

  color:#fff;

  overflow:hidden;
}

/* TOP */

.luxury-photo-top{
  text-align:center;

  max-width:950px;

  margin:auto;
}

.luxury-photo-top span{
  color:#00c3ff;

  letter-spacing:5px;

  font-size:0.9rem;
}

.luxury-photo-top h2{
  margin-top:22px;

  font-size:6.5rem;

  line-height:0.9;

  font-family:'Bebas Neue',sans-serif;
}

/* CENTER */

.luxury-photo-center{
  margin-top:90px;

  display:grid;

  grid-template-columns:
  1.2fr 0.8fr;

  gap:35px;

  align-items:stretch;
}

/* BIG BOX */

.luxury-photo-big-box{
  padding:55px;

  border-radius:40px;

  background:
  rgba(255,255,255,0.04);

  border:
  1px solid rgba(255,255,255,0.08);

  backdrop-filter:blur(12px);
}

.luxury-photo-big-box h3{
  font-size:3.2rem;

  line-height:1.2;
}

.luxury-photo-big-box p{
  margin-top:28px;

  color:#cfcfcf;

  line-height:2;

  font-size:1rem;
}

/* SIDE */

.luxury-photo-side{
  display:flex;

  flex-direction:column;

  gap:25px;
}

/* CARD */

.luxury-photo-mini-card{
  flex:1;

  padding:35px;

  border-radius:35px;

  background:
  rgba(255,255,255,0.04);

  border:
  1px solid rgba(255,255,255,0.08);

  display:flex;

  flex-direction:column;

  justify-content:center;

  transition:0.4s;
}

.luxury-photo-mini-card:hover{
  transform:translateY(-8px);

  border-color:
  rgba(0,195,255,0.35);

  background:
  rgba(0,195,255,0.05);
}

.luxury-photo-mini-card span{
  color:#00c3ff;

  letter-spacing:4px;

  font-size:0.8rem;
}

.luxury-photo-mini-card h4{
  margin-top:18px;

  font-size:2rem;

  line-height:1.3;
}

/* STRIP */

.luxury-photo-strip{
  margin-top:35px;

  display:grid;

  grid-template-columns:
  repeat(5,1fr);

  gap:25px;
}

/* BOX */

.luxury-strip-box{
  padding:28px 20px;

  border-radius:24px;

  text-align:center;

  background:
  rgba(255,255,255,0.04);

  border:
  1px solid rgba(255,255,255,0.08);

  transition:0.4s;
}

.luxury-strip-box:hover{
  transform:translateY(-6px);

  border-color:
  rgba(0,195,255,0.35);

  background:
  rgba(0,195,255,0.05);
}

.luxury-strip-box h3{
  font-size:1.4rem;

  color:#fff;
}

/* RESPONSIVE */

@media(max-width:1100px){

  .luxury-photo-top h2{
    font-size:4.8rem;
  }

  .luxury-photo-center{
    grid-template-columns:1fr;
  }

  .luxury-photo-strip{
    grid-template-columns:
    repeat(2,1fr);
  }

}

@media(max-width:768px){

  .luxury-photo-experience{
    padding:60px 20px;
  }

  .luxury-photo-top h2{
    font-size:3.5rem;

    line-height:1;
  }

  .luxury-photo-big-box{
    padding:35px 24px;
  }

  .luxury-photo-big-box h3{
    font-size:2rem;
  }

  .luxury-photo-mini-card{
    padding:28px 24px;
  }

  .luxury-photo-mini-card h4{
    font-size:1.5rem;
  }

  .luxury-photo-strip{
    grid-template-columns:1fr;
  }

}


/* FLOATING ICONS */

.gl-floating-icons{
  position:fixed;

  right:25px;
  bottom:35px;

  display:flex;
  flex-direction:column;

  gap:18px;

  z-index:999999;
}

/* ICON BUTTON */

.gl-icon-btn{
  width:58px;
  height:58px;

  border-radius:22px;

  display:flex;
  align-items:center;
  justify-content:center;

  text-decoration:none;

  font-size:1.5rem;

  color:#fff;

  position:relative;

  overflow:hidden;

  backdrop-filter:blur(14px);

  transition:0.45s ease;

  border:1px solid rgba(255,255,255,0.08);
}

/* GLOW */

.gl-icon-btn::before{
  content:'';

  position:absolute;

  inset:0;

  background:
  linear-gradient(
  135deg,
  rgba(255,255,255,0.08),
  transparent);

  z-index:0;
}

/* ICON */

.gl-icon-btn i{
  position:relative;
  z-index:2;
}

/* CALL */

.gl-call-icon{
  background:
  linear-gradient(
  135deg,
  rgba(0,195,255,0.28),
  rgba(0,94,255,0.12));

  box-shadow:
  0 0 35px rgba(0,195,255,0.2);

  animation:glCallPulse 2s infinite;
}

/* WHATSAPP */

.gl-whatsapp-icon{
  background:
  linear-gradient(
  135deg,
  rgba(37,211,102,0.28),
  rgba(37,211,102,0.12));

  box-shadow:
  0 0 35px rgba(37,211,102,0.2);

  animation:glWhatsappPulse 2s infinite;
}

/* HOVER */

.gl-icon-btn:hover{
  transform:
  translateY(-8px)
  scale(1.08);
}

/* ANIMATION */

@keyframes glCallPulse{

  0%{
    box-shadow:0 0 0 0 rgba(0,195,255,0.45);
  }

  70%{
    box-shadow:0 0 0 18px rgba(0,195,255,0);
  }

  100%{
    box-shadow:0 0 0 0 rgba(0,195,255,0);
  }

}

@keyframes glWhatsappPulse{

  0%{
    box-shadow:0 0 0 0 rgba(37,211,102,0.45);
  }

  70%{
    box-shadow:0 0 0 18px rgba(37,211,102,0);
  }

  100%{
    box-shadow:0 0 0 0 rgba(37,211,102,0);
  }

}

/* MOBILE */

@media(max-width:768px){

  .gl-floating-icons{
    right:14px;
    bottom:46px;
  }

  .gl-icon-btn{
    width:50px;
    height:50px;

    font-size:1.4rem;
  }

}