*{
    padding: 0px;
    margin: 0px;
    box-sizing: border-box;
    color: #ffffff;
}


.mont{
  font-family: "Montserrat", sans-serif;
}

#projectCarousel::-webkit-scrollbar {
  display: none;
}

.ak{
     font-family: 'Akira Expanded', sans-serif;
}


.clip-custom {
  clip-path: polygon(
    0 0,
    100% 0,
    100% 100%,
    45px 100%,
    0 calc(100% - 45px)
  );
}

.clip-custom-2 {
  clip-path: polygon(
    60px 0,
    100% 0,
    100% 100%,
    0 100%,
    0 60px
  );
}

.clip-custom-3 {
  clip-path: polygon(
    0 0,
    calc(100% - 200px) 0,
    100% 100px,
    100% 100%,
    0 100%
  );
}

.clip-custom-3-mobile {
  clip-path: polygon(
    0 0,
    calc(100% - 70px) 0,
    100% 70px,
    100% 100%,
    0 100%
  );
}


@keyframes marquee {
  0% {
    transform: translateX(0%);
  }
  100% {
    transform: translateX(-50%);
  }
}

.animate-marquee {
  animation: marquee 10s linear infinite;
}








/* ── Section 1 Right Images (all pages) ──────────────────────────────────── */
.homeSec1RightImage,
.serviceSec1RightImage,
.whyUsSec1RightImage,
.projectSec1RightImage {
  /* clip-path: circle(12% at 50% 50%); */
 clip-path: circle(100% at 50% 50%);
  /* opacity: 0; */
  /* Ensure smooth transform for bounce ease */
  will-change: clip-path, opacity;
}

/* ── Banner Left Image ───────────────────────────────────────────────────── */
.bannerLeftImage {
 clip-path: circle(100% at 50% 50%);
  will-change: clip-path, transform;
}

/* ── Perspective for flip cards ─────────────────────────────────────────── */
.whyCards,
.reviewCard {
  perspective: 1000px;
  backface-visibility: hidden;
  will-change: transform, opacity;
}

/* ── Perspective for contact form flip ──────────────────────────────────── */
form {
  perspective: 1200px;
  backface-visibility: hidden;
  will-change: transform, opacity;
}

/* ── Project cards smooth transform ─────────────────────────────────────── */
.projectCard {
  will-change: transform, opacity;
}

.reviewsbottom{
  perspective: 1000px;
}