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

body {
  background: #ffffff;
  color: #0f172a;
}

html {
  width: 100%;
}

body {
  width: 100%;
  overflow-x: hidden;
}

/* =================== prtt-section ============= */

.prrt-section {
  position: relative;
  padding: 80px 20px;
  background: linear-gradient(180deg, #0b1629 0%, #0f213c 100%);
  overflow: hidden;
}

/* soft dark overlay */
.prrt-overlay {
  position: absolute;
  inset: 0;
  background: radial-gradient(circle at top,
      rgba(255, 255, 255, 0.06),
      transparent 60%);
}

.prrt-title,
.prrt-subtitle,
.prrt-text {
  will-change: transform, opacity;
}

.prrt-content {
  max-width: 1200px;
  margin: auto;
  text-align: center;
  position: relative;
  z-index: 2;
}

/* MAIN TITLE */
.prrt-title {
  font-size: 58px;
  font-weight: 500;
  color: #ffffff;
  letter-spacing: 2px;
  margin-bottom: 25px;

  opacity: 0;
  transform: translateY(30px);
  animation: prrtFadeUp 0.9s ease forwards;
}

/* SUB TITLE */
.prrt-subtitle {
  font-size: 30px;
  font-weight: 600;
  color: #ffffff;
  margin-bottom: 30px;

  opacity: 0;
  transform: translateY(30px);
  animation: prrtFadeUp 0.9s ease forwards;
  animation-delay: 0.15s;
}

/* PARAGRAPHS */
.prrt-text {
  font-size: 20px;
  line-height: 1.7;
  color: #cfd8e3;
  max-width: 900px;
  margin: 0 auto 18px;

  opacity: 0;
  transform: translateY(26px);
  animation: prrtFadeUp 0.9s ease forwards;
  animation-delay: 0.3s;
}

.prrt-text.delay {
  animation-delay: 0.45s;
}

/* KEYFRAMES */
@keyframes prrtFadeUp {
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

/* subtle floating effect */
.prrt-section::after {
  content: "";
  position: absolute;
  /* width:420px;
  height:420px; */
  width: 280px;
  height: 280px;

  background: radial-gradient(circle,
      rgba(59, 130, 246, 0.18),
      transparent 70%);
  top: -120px;
  right: -120px;
  /* animation:prrtFloat 8s ease-in-out infinite; */
  animation: prrtFloat 14s linear infinite;

}

/* 
@keyframes prrtFloat{
  0%,100%{ transform:translateY(0); }
  50%{ transform:translateY(30px); }
} */
@keyframes prrtFloat {

  0%,
  100% {
    transform: translateY(0);
  }

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



/* ================= SECTION ================= */

.nkcap-main-wrap {
  max-width: 1200px;
  margin: 90px auto;
  padding: 0 80px;
  text-align: center;
}

/* ================= TEXT ================= */

.nkcap-title {
  font-size: 48px;
  font-weight: 500;
  margin-bottom: 20px;
}

.nkcap-subtitle {
  font-size: 24px;
  font-weight: 700;
  color: #0f172a;
  margin-bottom: 25px;
}

.nkcap-description {
  max-width: 970px;
  margin: 0 auto 50px;
  font-size: 16px;
  color: #475569;
  line-height: 1.6;
}

/* ================= PHILOSOPHY ================= */

.nkcap-philosophy-title {
  font-size: 21px;
  font-weight: 700;
  margin-bottom: 36px;
}

/* ================= GRID ================= */

.nkcap-card-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 26px;
}

/* ================= CARD ================= */

.nkcap-info-card {
  /* background:linear-gradient(180deg,#f8fbff,#ffffff); */
  background: #f4f8ff;
  border: 1px solid #e6eef8;
  border-radius: 12px;
  padding: 22px 24px;
  display: flex;
  gap: 14px;
  align-items: flex-start;
  text-align: left;
  opacity: 0;
  transform: translateY(30px);
  transition: all 0.8s ease;
}

.nkcap-info-card.nkcap-visible {
  opacity: 1;
  transform: translateY(0);
}

/* ================= ICON ================= */

.nkcap-icon-wrap {
  color: #2563eb;
  font-size: 22px;
  margin-top: 2px;
}

/* ================= CONTENT ================= */

.nkcap-card-heading {
  font-size: 16px;
  font-weight: 600;
  margin-bottom: 4px;
}

.nkcap-card-text {
  font-size: 14px;
  color: #475569;
  line-height: 1.5;
}

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

@media(max-width:768px) {
  .nkcap-card-grid {
    grid-template-columns: 1fr;
  }

  .nkcap-title {
    font-size: 34px;
  }
}

/* ================= NKCSD SECTION ================= */

.nkcsd-section-wrap {
  background: #f8fafc;
  width: 100%;
  /* margin:30px 0; */
  padding: 60px 90px;
}

/* top divider */
.nkcsd-divider {
  width: 100%;
  height: 3px;
  background: #e5e7eb;
  margin-bottom: 36px;
}

/* ================= HEADER ================= */

.nkcsd-header {
  display: flex;
  gap: 16px;
  align-items: flex-start;
  margin-bottom: 22px;
}

.nkcsd-header-icon {
  width: 60px;
  height: 60px;
  border-radius: 10px;
  background: #2563eb;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 28px;
  font-weight: 600;
}

.nkcsd-header-icon.purple {
  background: #6d2ed9;
}

.nkcsd-header-icon.green {
  background: #289c52;
}

.nkcsd-header-icon.orange {
  background: #f65c0a;
}

.nkcsd-header-icon.indigo {
  /* background:#362ca4; */
  background: #4c56de;
}

.nkcsd-header-text h2 {
  font-size: 32px;
  font-weight: 500;
  margin-bottom: 5px;
}

.nkcsd-header-text span {
  font-size: 16px;
  font-weight: 550;
  color: #333;
}

/* ================= DESCRIPTION ================= */

.nkcsd-description {
  max-width: 900px;
  font-size: 16px;
  color: #475569;
  line-height: 1.6;
  margin-bottom: 34px;
}

/* ================= CARD GRID ================= */

.nkcsd-card-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 40px;
}

/* ================= COMMON CARD ================= */

.nkcsd-info-card {
  border-radius: 14px;
  padding: 20px;
  transition: all 1s ease;
  opacity: 0;
}

.nkcsd-info-card:hover {
  transform: translateY(-6px);
  box-shadow: 0 18px 22px -14px rgba(0, 0, 0, 0.25);
}

/* ================= LEFT CARD ================= */

.nkcsd-left-card {
  background: #ffffff;
  border: 1px solid #e5e7eb;
  transform: translate(-60px, 60px);
}

.nkcsd-left-card.nkcsd-show {
  opacity: 1;
  transform: translate(0, 0);
}

/* ================= RIGHT CARD ================= */

.nkcsd-right-card {
  background: linear-gradient(180deg, #cfe3fa, #f3f2f2);
  border: 1px solid #cfe3ff;
  transform: translate(60px, 60px);
}

.nkcsd-right-card.purple {
  background: linear-gradient(135deg,
      #f5f3ff 0%,
      /* very light lavender */
      #ede9fe 45%,
      /* soft purple */
      #fdf4ff 100%
      /* near white pinkish */
    );
}

.nkcsd-right-card.green {
  background: #f3fcf6;
}

.nkcsd-right-card.orange {
  background: #fff6e8;
}

.nkcsd-right-card.indigo {
  background: #f4f6ff;
}

.nkcsd-right-card.nkcsd-show {
  opacity: 1;
  transform: translate(0, 0);
}

/* ================= CARD CONTENT ================= */

.nkcsd-card-title {
  font-size: 18px;
  font-weight: 700;
  margin-bottom: 14px;
}

.nkcsd-card-title.blue {
  color: #2563eb;
}

.nkcsd-card-title.purple {
  color: #4c1d95;
}

.nkcsd-card-title.green {
  color: #16793a;
}

.nkcsd-card-title.orange {
  color: #9a3412;
}

.nkcsd-card-title.indigo {
  color: #362ca4;
}

.nkcsd-list {
  list-style: none;
}

.nkcsd-list li {
  display: flex;
  gap: 10px;
  font-size: 14px;
  color: #334155;
  margin-bottom: 10px;
  font-weight: 500px;
}

.nkcsd-list li .purple {
  color: rgb(188, 50, 252);
}

.nkcsd-list li .green {
  color: #16793a;
}

.nkcsd-list li .orange {
  color: #f97316;
}

.nkcsd-list i {
  color: #2563eb;
  font-size: 16px;
  margin-top: 2px;
}

/* right card text */

.nkcsd-right-text {
  font-size: 14px;
  color: #334155;
  line-height: 1.6;
}

.nkcsd-right-text strong {
  display: block;
  margin-top: 12px;
  margin-bottom: 4px;
  font-weight: 550;
  color: #0f172a;
}

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

@media(max-width:900px) {
  .nkcsd-card-grid {
    grid-template-columns: 1fr;
  }
}

/* ================= SECTION ================= */

.nxinfy-info-section {
  padding: 10px 20px;
  background: #f8fafc;
}

/* GRID */

.nxinfy-card-grid {
  max-width: 1200px;
  margin: auto;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 24px;
  align-items: stretch;
  /* IMPORTANT */
}


/* CARD */

/* .nxinfy-info-card{
  background:#ffffff;
  border-radius:14px;
  padding:26px;
  border:1px solid #e5e7eb;
  opacity:0;
  transition:
    transform 1.1s cubic-bezier(0.22,1,0.36,1),
    opacity 1.1s ease,
    box-shadow 0.5s ease;
} */

.nxinfy-info-card {
  background: #ffffff;
  border-radius: 14px;
  padding: 26px;
  border: 1px solid #e5e7eb;

  display: flex;
  flex-direction: column;
  /* height equalizer */

  opacity: 0;
  transition:
    transform 1.1s cubic-bezier(0.22, 1, 0.36, 1),
    opacity 1.1s ease,
    box-shadow 0.5s ease;
}

/* Bottom shadow only */
.nxinfy-info-card:hover {
  box-shadow: 0 16px 20px -14px rgba(0, 0, 0, 0.35);
}

/* Titles */

.nxinfy-card-title {
  font-size: 16px;
  font-weight: 700;
  color: #0f172a;
  margin-bottom: 14px;
}

/* LIST */

.nxinfy-list {
  list-style: none;
}

.nxinfy-list li {
  font-size: 14px;
  color: #334155;
  margin-bottom: 10px;
  display: flex;
  gap: 8px;
}

.nxinfy-list i {
  font-size: 18px;
  color: #64748b;
}

/* check icons */

.nxinfy-check i {
  color: #22c55e;
}

/* ENTRY DIRECTIONS */

.nxinfy-from-left {
  transform: translateX(-90px);
}

.nxinfy-from-right {
  transform: translateX(90px);
}

.nxinfy-show {
  opacity: 1;
  transform: translateX(0);
}

/* BUTTON */

.nxinfy-btn-wrap {
  text-align: center;
  margin: 48px 0 36px;
}

.nxinfy-main-btn {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  padding: 16px 28px;
  background: #2563eb;
  color: #ffffff;
  border-radius: 10px;
  text-decoration: none;
  font-size: 16px;
  font-weight: 550;
  position: relative;
  overflow: hidden;
}

.nxinfy-main-btn.purple {
  background: linear-gradient(135deg,
      #6454a7,
      #6740dc);
}

.nxinfy-main-btn.green {
  background: linear-gradient(90deg,
      #259c40 50%,
      /* soft green */
      #1a8d35 100%
      /* medium green (right) */
    );
}

.nxinfy-main-btn.indigo {
  background: linear-gradient(135deg, #6f7cff 0%, #3f46b5 100%);
}


.nxinfy-main-btn.orange {
  background: linear-gradient(135deg, #f97316, #ea580c);
}

.nxinfy-main-btn::after {
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(255, 255, 255, 0.1);
  opacity: 0;
  transition: opacity 0.4s ease;
}

.nxinfy-main-btn:hover::after {
  opacity: 1;
}

.nxinfy-arrow {
  transition: transform 0.4s ease;
}

.nxinfy-main-btn:hover .nxinfy-arrow {
  transform: translateX(6px);
}

/* HR */

.nxinfy-hr-line {
  max-width: 1200px;
  height: 3px;
  background: #e5e7eb;
  margin-top: 60px;
}

/* RESPONSIVE */

@media(max-width:1000px) {
  .nxinfy-card-grid {
    grid-template-columns: 1fr 1fr;
  }
}

@media(max-width:600px) {
  .nxinfy-card-grid {
    grid-template-columns: 1fr;
  }
}

/* ================= Cloud-Platforms-Section ================ */
.cldp-green-wrap {
  padding: 20px 60px;
  /* background:#ffffff; */
}

.cldp-green-box {
  max-width: 1200px;
  margin: auto;
  padding: 30px 40px;
  border-radius: 18px;
  background: #f8fafc;
  border: 1px solid #bbf7d0;
  transition: all 0.5s ease;
}

.cldp-green-box:hover {
  box-shadow: 0 18px 22px -18px rgba(0, 0, 0, 0.25);
  transform: translateY(-4px);
}

/* title */
.cldp-title {
  font-size: 17px;
  font-weight: 600;
  color: #0f172a;
  margin-bottom: 26px;
}

/* grid */
.cldp-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 26px 40px;
}

/* item */
.cldp-item {
  display: flex;
  gap: 14px;
  align-items: flex-start;

  opacity: 0;
  transform: translateY(24px);
  transition: all 0.7s ease;
}

.cldp-item.cldp-show {
  opacity: 1;
  transform: translateY(0);
}

.cldp-item i {
  font-size: 22px;
  color: #22c55e;
  margin-top: 3px;
}

.cldp-item strong {
  display: block;
  font-size: 15px;
  color: #0f172a;
  font-weight: 550;
  margin-bottom: 4px;
}

.cldp-item span {
  font-size: 15px;
  color: #334155;
  line-height: 1.6;
}

/* responsive */
@media(max-width:850px) {
  .cldp-grid {
    grid-template-columns: 1fr;
  }
}

/* ============== IT & Consulting Items ============== */

.cndl-wrap {
  padding: 30px 50px;
  /* background:#ffffff; */

}

/* BOX */
.cndl-box {
  max-width: 1200px;
  margin: auto;
  padding: 20px 40px;
  border-radius: 18px;
  background: #f8fafc;
  /* background:#ffffff; */
  border: 1px solid #e5e7eb;
  transition: all 0.35s ease;
}

.cndl-box:hover {
  box-shadow: 0 18px 22px -18px rgba(0, 0, 0, 0.28);
  transform: translateY(-4px);
}

/* TITLE */
.cndl-title {
  font-size: 18px;
  font-weight: 600;
  color: #0f172a;
  margin-bottom: 26px;
}

/* GRID */
.cndl-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 18px 40px;
}

/* ITEM */
.cndl-item {
  display: flex;
  gap: 12px;
  align-items: flex-start;
  font-size: 14.5px;
  color: #334155;

  opacity: 0;
  transform: translateY(24px);
  transition: all 0.7s ease;
}

.cndl-item.cndl-show {
  opacity: 1;
  transform: translateY(0);
}

.cndl-item i {
  color: #f97316;
  /* exact orange tone */
  font-size: 18px;
  margin-top: 2px;
}

/* RESPONSIVE */
@media(max-width:900px) {
  .cndl-grid {
    grid-template-columns: 1fr;
  }
}


/* SECTION */
.svc-final-wrap {
  max-width: 1000px;
  margin: 100px auto;
  padding: 0 80px;
}

.svc-final-title {
  text-align: center;
  font-size: 46px;
  font-weight: 500;
  letter-spacing: 1px;
}

.svc-final-sub {
  text-align: center;
  margin-top: 18px;
  font-size: 25px;
  font-weight: 700;
  color: #475569;
}

/* CARD */
.svc-final-card {
  margin-top: 40px;
  /* background:#ffffff; */
  background: #f8fafc;
  border: 1px solid #e5e7eb;
  border-radius: 16px;
  padding: 15px 25px;
  opacity: 0;
  transition:
    transform 0.9s cubic-bezier(0.25, 0.8, 0.25, 1),
    opacity 0.9s ease,
    box-shadow 0.4s ease;
}

/* Hover effect */
.svc-final-card:hover {
  transform: translateY(-8px);
  box-shadow: 0 10px 10px -6px rgba(0, 0, 0, 0.45);
}

/* Heading */
.svc-final-card h3 {
  font-size: 17px;
  font-weight: 600;
  margin-bottom: 22px;
}

/* TWO COLUMN LIST */
.svc-list-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px 40px;
}

.svc-list-grid ul {
  list-style: none;
}

.svc-list-grid li {
  display: flex;
  gap: 10px;
  margin-bottom: 10px;
  font-size: 15px;
  color: #334155;
}

.svc-list-grid i {
  color: #2563eb;
  font-size: 16px;
  margin-top: 2px;
  font-weight: 600;
}

/* Animation start positions */
.svc-move-left {
  transform: translateX(-120px);
}

.svc-move-right {
  transform: translateX(120px);
}

/* Show animation */
.svc-card-show {
  transform: translateX(0);
  opacity: 1;
}

/* Responsive */
@media(max-width:768px) {
  .svc-list-grid {
    grid-template-columns: 1fr;
  }
}



/* ================= WRAPPER ================= */
.intg-wrap-zone {
  max-width: 1200px;
  margin: 40px auto 0;
  padding: 0 20px;
}

/* ================= CARD ================= */
.intg-main-card {
  background: #f8fafc;
  border: 1px solid #e5e7eb;
  border-radius: 16px;
  padding: 28px 34px 30px;
  transition: box-shadow 0.4s ease, transform 0.4s ease;
}

.intg-main-card:hover {
  box-shadow: 0 18px 26px -18px rgba(0, 0, 0, 0.35);
  transform: translateY(-2px);
}

/* ================= TITLE ================= */
.intg-card-title {
  font-size: 18px;
  font-weight: 700;
  margin-bottom: 22px;
}

/* ================= GRID ================= */
.intg-grid-layout {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 18px 40px;
}

/* ================= LIST ================= */
.intg-col-list {
  list-style: none;
}

.intg-col-list li {
  display: flex;
  gap: 10px;
  align-items: flex-start;
  font-size: 15px;
  line-height: 1.45;
  color: #334155;
  margin-bottom: 16px;
}

/* Icon */
.intg-col-list i {
  font-size: 16px;
  color: #4f46e5;
  margin-top: 2px;
}

/* ================= ANIMATION STATES ================= */
.intg-hidden {
  opacity: 0;
  transform: translateY(20px);
}

.intg-show {
  opacity: 1;
  transform: translateY(0);
  transition:
    opacity 0.9s ease,
    transform 0.9s cubic-bezier(0.25, 0.8, 0.25, 1);
}

/* ================= RESPONSIVE ================= */
@media(max-width:900px) {
  .intg-grid-layout {
    grid-template-columns: 1fr;
  }
}


/* ================= CTA SECTION ================= */
.cta-wrap-unique {
  width: 100%;
  display: flex;
  justify-content: center;
  margin: 20px 0;
}

.cta-card-unique {
  width: 80%;
  max-width: 700px;
  background: linear-gradient(135deg, #2f63ff, #5b3fdc);
  border-radius: 18px;
  padding: 35px 30px;
  text-align: center;
}

/* ================= TEXT ================= */
.cta-title-unique {
  font-size: 29px;
  font-weight: 500;
  color: #ffffff;
  margin-bottom: 14px;
}

.cta-desc-unique {
  font-size: 16px;
  line-height: 1.6;
  color: rgba(255, 255, 255, 0.85);
  max-width: 720px;
  margin: 0 auto 28px;
}

/* ================= BUTTON ================= */
.cta-btn-unique {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  padding: 14px 26px;
  background: #ffffff;
  color: #2f63ff;
  border-radius: 10px;
  font-size: 16px;
  font-weight: 600;
  text-decoration: none;
  transition: 0.25s ease;
}

.cta-btn-unique i {
  font-size: 18px;
  transition: 0.25s ease;
}

/* HOVER EFFECT */
.cta-btn-unique:hover {
  background: #f2f4ff;
}

.cta-btn-unique:hover i:last-child {
  transform: translateX(6px);
}


/* ================= METHODOLOGY SECTION ================= */
.methodology-section-unique {
  /* background:linear-gradient(180deg,#ffffff,#f8fafc); */
  background: #f8fafc;
  width: 100%;
  margin: 50px 0;
  padding: 60px 90px;
  text-align: center;
}

.methodology-title-unique {
  font-size: 43px;
  font-weight: 500;
  margin-bottom: 20px;
  letter-spacing: 1px;
}

.methodology-subtitle-unique {
  font-size: 20px;
  font-weight: 600;
  color: #334155;
  margin-bottom: 60px;
}

/* ================= CARD GRID ================= */
.methodology-grid-unique {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 30px;
}

/* ================= CARD ================= */
.methodology-card-unique {
  background: #ffffff;
  border-radius: 16px;
  padding: 30px;
  text-align: left;
  border: 1px solid #e5e7eb;

  opacity: 0;
  transform: translateY(-60px);
  transition:
    transform 0.35s ease,
    box-shadow 0.35s ease,
    background 0.35s ease;
}

/* CARD SHOW ANIMATION */
.methodology-card-unique.show {
  opacity: 1;
  transform: translateY(0);
}

/* HOVER EFFECT */
.methodology-card-unique:hover {
  /* background:#f9fafb; */
  box-shadow: 0 18px 22px -14px rgba(0, 0, 0, 0.35);
  transform: translateY(-6px);
}


/* ================= PHASE NUMBER ================= */
.phase-badge-unique {
  width: 50px;
  height: 50px;
  background: linear-gradient(135deg, #2563eb, #4f46e5);
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #ffffff;
  font-weight: 600;
  font-size: 19px;
  margin-bottom: 18px;
}

/* ================= TEXT ================= */
.phase-title-unique {
  font-size: 18px;
  font-weight: 600;
  margin-bottom: 6px;
}

.phase-week-unique {
  font-size: 14px;
  font-weight: 600;
  color: #2563eb;
  margin-bottom: 16px;
}

/* ================= LIST ================= */
.phase-list-unique {
  list-style: none;
}

.phase-list-unique li {
  font-size: 14.5px;
  color: #334155;
  margin-bottom: 10px;
  padding-left: 14px;
  position: relative;
}

.phase-list-unique li::before {
  content: "•";
  position: absolute;
  left: 0;
  color: #64748b;
}

/* ================= RESPONSIVE ================= */
@media(max-width:900px) {
  .methodology-grid-unique {
    grid-template-columns: 1fr;
  }
}


/* ================= TECH-SECTION ================= */
.tech-section-unique {
  padding: 90px 6%;
}

.tech-title-unique {
  font-size: 47px;
  font-weight: 500;
  text-align: center;
  margin-bottom: 20px;
  letter-spacing: 1px;
}

.tech-subtitle-unique {
  font-size: 24px;
  font-weight: 600;
  color: #334155;
  text-align: center;
  margin-bottom: 60px;
}

/* ================= GRID ================= */
.tech-grid-unique {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 50px;
  margin-top: 25px;
}

/* ================= CARD BASE ================= */
.tech-card-unique {
  border-radius: 16px;
  padding: 25px 35px;
  border: 1px solid #e5e7eb;
  opacity: 0;
  transition:
    transform 0.8s ease,
    opacity 0.8s ease;
}

/* ================= LEFT CARD ================= */
.tech-card-left-unique {
  background: linear-gradient(135deg, #f8fbff, #f1f6ff);
  transform: translateX(-120px);
}

.tech-card-left-unique-green {
  background: #f3fcf6;
  transform: translateX(-120px);
}

/* ================= RIGHT CARD ================= */
.tech-card-right-unique {
  background: linear-gradient(135deg, #fdf7ff, #f8efff);
  transform: translateX(120px);
}

.tech-card-right-unique-orange {
  background: #fff6e8;
  transform: translateX(120px);
}

/* ================= SHOW STATE ================= */
.tech-card-unique.show {
  opacity: 1;
  transform: translateX(0);
}

/* ================= CARD HEADER ================= */
.tech-card-head-unique {
  display: flex;
  align-items: center;
  gap: 12px;
  font-size: 19px;
  font-weight: 500;
  margin-bottom: 22px;
  letter-spacing: 0.5px;
}

.tech-icon-blue {
  color: #2563eb;
  font-size: 24px;
  font-weight: 700;
}

.tech-icon-purple {
  color: #9333ea;
  font-size: 24px;
  font-weight: 700;
}

.tech-icon-green {
  color: #22c55e;
  font-size: 24px;
  font-weight: 700;
}

.tech-icon-orange {
  color: #f97316;
  font-size: 24px;
  font-weight: 700;
}

/* ================= CONTENT ================= */
.tech-block-unique {
  margin-bottom: 18px;
}

.tech-block-unique strong {
  display: block;
  font-size: 14px;
  margin-bottom: 6px;
}

.tech-block-unique p {
  font-size: 14.5px;
  color: #334155;
  line-height: 1.6;
}

/* ================= RESPONSIVE ================= */
@media(max-width:900px) {
  .tech-grid-unique {
    grid-template-columns: 1fr;
  }

  .tech-card-left-unique,
  .tech-card-right-unique {
    transform: translateY(60px);
  }

  .tech-card-unique.show {
    transform: translateY(0);
  }
}


/* ================= INDUSTRY-SECTION ================= */
.industry-section-unique {
  padding: 40px 6%;
  background: #f8fafc;
}

.industry-title-unique {
  font-size: 48px;
  font-weight: 500;
  text-align: center;
  margin-bottom: 20px;
  letter-spacing: 1px;
}

.industry-subtitle-unique {
  font-size: 26px;
  font-weight: 600;
  color: #334155;
  text-align: center;
  margin-bottom: 60px;
}

/* ================= GRID ================= */
.industry-grid-unique {
  display: flex;
  flex-direction: column;
  gap: 30px;
}

/* ================= ROW ================= */
.industry-row-unique {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 30px;
}

/* ================= CARD ================= */
.industry-card-unique {
  background: #ffffff;
  border: 1px solid #e5e7eb;
  border-radius: 14px;
  padding: 28px 30px;

  opacity: 0;
  transition:
    transform 2.2s cubic-bezier(0.22, 1, 0.36, 1),
    opacity 2.2s ease,
    box-shadow 0.35s ease;
}

/* STACKED INITIAL STATE */
.stack-top {
  transform: translateY(-90px);
}

.stack-bottom {
  transform: translateY(-160px);
}

/* FINAL STATE */
.industry-card-unique.show {
  opacity: 1;
  transform: translateY(0);
}

/* HOVER → BOTTOM SHADOW ONLY */
.industry-card-unique:hover {
  box-shadow: 0 18px 22px -14px rgba(0, 0, 0, 0.35);
  transform: translateY(-4px);
}

/* ================= TEXT ================= */
.industry-card-unique h3 {
  font-size: 19px;
  font-weight: 500;
  margin-bottom: 10px;
  letter-spacing: 0.5px;
}

.industry-card-unique p {
  font-size: 14.5px;
  line-height: 1.6;
  color: #334155;
  margin-bottom: 18px;
}

/* ================= LINK ================= */
.industry-link-unique {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: 14px;
  font-weight: 600;
  color: #2563eb;
  text-decoration: none;
}

.industry-link-unique i {
  font-size: 16px;
  transition: transform 0.3s ease;
}

.industry-link-unique:hover i {
  transform: translateX(6px);
}

/* ================= RESPONSIVE ================= */
@media(max-width:900px) {
  .industry-row-unique {
    grid-template-columns: 1fr;
  }
}


/* ============ CTA CONTAINER ============ */
.nk-cta-wrap-x91 {
  background: linear-gradient(135deg, #2f63ff, #4f46e5);
  padding: 60px 6%;
  text-align: center;
  color: #ffffff;
}

/* ============ HEADINGS ============ */
.nk-cta-title-x91 {
  font-size: 47px;
  font-weight: 500;
  margin-bottom: 16px;
  letter-spacing: 1px;
}

.nk-cta-subtitle-x91 {
  font-size: 23px;
  font-weight: 600;
  color: rgba(255, 255, 255, 0.85);
  margin-bottom: 42px;
}

/* ============ BUTTON GROUP ============ */
.nk-cta-btn-group-x91 {
  display: flex;
  justify-content: center;
  gap: 30px;
  margin-bottom: 22px;
  flex-wrap: wrap;
}

/* ============ PRIMARY BUTTON ============ */
.nk-btn-primary-x91 {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  padding: 14px 26px;
  background: #ffffff;
  color: #2563eb;
  border-radius: 10px;
  font-size: 16px;
  font-weight: 600;
  text-decoration: none;
  transition: 0.25s ease;
}

.nk-btn-primary-x91 i {
  font-size: 18px;
  transition: transform 0.25s ease;
}

.nk-btn-primary-x91:hover {
  background: #f1f5ff;
}

.nk-btn-primary-x91:hover i:last-child {
  transform: translateX(6px);
}

/* ============ SECONDARY BUTTON ============ */
.nk-btn-secondary-x91 {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  padding: 14px 26px;
  background: rgba(255, 255, 255, 0.12);
  color: #ffffff;
  border: 1px solid rgba(255, 255, 255, 0.35);
  border-radius: 10px;
  font-size: 16px;
  font-weight: 600;
  text-decoration: none;
  transition: 0.25s ease;
}

.nk-btn-secondary-x91 i {
  font-size: 18px;
  transition: transform 0.25s ease;
}

.nk-btn-secondary-x91:hover {
  background: rgba(255, 255, 255, 0.18);
}

/* .nk-btn-secondary-x91:hover i:last-child{
  transform:translateX(6px);
} */

/* ============ BOTTOM LINK ============ */
.nk-cta-link-x91 {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-size: 17px;
  font-weight: 600;
  color: #ffffff;
  text-decoration: none;
}

.nk-cta-link-x91 i {
  font-size: 18px;
}

.nk-cta-link-x91:hover {
  color: lightblue;
}