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

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

/* MINI BAR */
.mini-bar {
  display: flex;
  justify-content: space-between;
  padding: 8px 30px;
  font-size: 13px;
  color: #475569;
  background: linear-gradient(
    90deg,
    #ecfeff,
    #f0fdf4,
    #fdf4ff
  );
  border-bottom: 1px solid #e5e7eb;
}

.mini-bar i {
  color: #22c55e;
}

.mini-bar span {
  margin: 0 10px;
  opacity: 0.3;
}

/* HEADER */
.header {
  position: sticky;
  top: 0;
  z-index: 1000;
  padding: 22px 30px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  background: rgba(255,255,255,0.85);
  backdrop-filter: blur(10px);
}

/* LOGO */
.logo {
  font-size: 28px;
  font-weight: 900;
}

.logo span {
  background: linear-gradient(
    90deg,
    #34d399,
    #38bdf8,
    #a78bfa,
    #fb7185
  );
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

/* NAV */
.nav {
  display: flex;
  gap: 32px;
}

.nav a {
  text-decoration: none;
  font-size: 15px;
  color: #0f172a;
  position: relative;
  transition: .3s;
}

.nav a::after {
  content: "";
  position: absolute;
  left: 50%;
  bottom: -10px;
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: linear-gradient(
    90deg,
    #34d399,
    #38bdf8,
    #a78bfa
  );
  transform: translateX(-50%) scale(0);
  transition: .3s;
}

.nav a:hover {
  color: #0284c7;
}

.nav a:hover::after {
  transform: translateX(-50%) scale(1);
}

/* RIGHT */
.header-right {
  display: flex;
  align-items: center;
  gap: 14px;
}

/* SEARCH */
.search-box {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 10px 18px;
  border-radius: 40px;
  background: linear-gradient(
    135deg,
    #f0fdf4,
    #ecfeff,
    #fdf4ff
  );
  border: 1px solid #e5e7eb;
}

.search-box i {
  color: #0284c7;
}

.search-box input {
  border: none;
  outline: none;
  background: transparent;
  width: 140px;
}

/* CTA BUTTON */
.cta-btn {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 13px 24px;
  border-radius: 40px;
  font-size: 14px;
  background: linear-gradient(
    90deg,
    #34d399,
    #38bdf8,
    #a78bfa
  );
  color: #fff;
  cursor: pointer;
  transition: .4s;
  box-shadow: 0 10px 30px rgba(56,189,248,.35);
}

.cta-btn:hover {
  transform: translateY(-2px);
  box-shadow: 0 20px 40px rgba(167,139,250,.45);
}

/* MOBILE */
.menu-btn {
  display: none;
  font-size: 22px;
  cursor: pointer;
}

@media(max-width:992px){
  .nav {
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    background: #fff;
    flex-direction: column;
    padding: 20px;
    display: none;
  }

  .nav.active {
    display: flex;
  }

  .menu-btn {
    display: block;
  }
}


/* 🔑 FIX 2 — GLOBAL WIDTH CONTROL */
*,
*::before,
*::after {
  box-sizing: border-box;
}

html, body {
  width: 100%;
  overflow-x: hidden;   /* 🔑 MOST IMPORTANT */
  margin: 0;
  padding: 0;
}

/* MINI BAR */
.mini-bar {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 8px 16px;
  background: #0f172a;
  color: #fff;
  font-size: 13px;
  flex-wrap: wrap;   /* 🔑 FIX 3 */
}

/* HEADER */
.header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 16px 20px;
  width: 100%;
}

/* LOGO */
.logo {
  font-size: 24px;
  font-weight: 700;
}

/* NAV */
.nav {
  display: flex;
  gap: 22px;
  max-width: 100%;     /* 🔑 FIX 4 */
}

/* HEADER RIGHT */
.header-right {
  display: flex;
  align-items: center;
  gap: 14px;
  max-width: 100%;     /* 🔑 FIX 5 */
}

/* SEARCH */
.search-box {
  display: flex;
  align-items: center;
  gap: 8px;
  background: #f1f5f9;
  padding: 8px 12px;
  border-radius: 20px;
  max-width: 210px;    /* 🔑 FIX 6 */
}

.search-box input {
  width: 100%;
  min-width: 0;        /* 🔑 FIX 7 (VERY IMPORTANT) */
  border: none;
  outline: none;
  background: transparent;
}

/* CTA */
.cta-btn {
  padding: 10px 18px;
  white-space: nowrap; /* 🔑 FIX 8 */
}

/* MENU BTN */
.menu-btn {
  display: none;
}

/* MOBILE SAFETY */
@media (max-width: 900px) {

  .nav {
    display: none;    /* 🔑 FIX 9 — prevents overflow */
  }

  .search-box {
    display: none;    /* 🔑 FIX 10 */
  }

  .cta-btn {
    display: none;
  }

  .menu-btn {
    display: block;
  }
}

.nav {
  display: flex;
  gap: 32px;
}

@media(max-width:992px){
  .nav {
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    background: #fff;
    flex-direction: column;
    padding: 20px;
    display: none;
  }

  .nav.active {
    display: flex;
  }
}








/* HERO SECTION */
.laptop-hero {
  position: relative;
  background: linear-gradient(135deg, #f8faff, #eef2ff);
  padding: 90px 80px;
  overflow: hidden;
}

.hero-container {
  max-width: 1200px;
  margin: auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 60px;
}

/* LEFT CONTENT */
.hero-content {
  max-width: 560px;
}

.hero-badge {
  display: inline-block;
  padding: 7px 18px;
  font-size: 13px;
  border-radius: 20px;
  background: linear-gradient(135deg, #6366f1, #22d3ee);
  color: #fff;
  margin-bottom: 18px;
}

.hero-content h1 {
  font-size: 46px;
  font-weight: 700;
  color: #0f172a;
  line-height: 1.2;
  margin-bottom: 18px;
}

.hero-content h1 span {
  background: linear-gradient(135deg, #6366f1, #22d3ee);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.hero-content p {
  font-size: 16px;
  color: #475569;
  line-height: 1.7;
  margin-bottom: 28px;
}

/* BUTTONS */
.hero-actions {
  display: flex;
  gap: 16px;
  margin-bottom: 22px;
}

.btn-primary {
  padding: 14px 34px;
  border-radius: 30px;
  background: linear-gradient(135deg, #6366f1, #22d3ee);
  color: #fff;
  text-decoration: none;
  font-size: 14px;
  transition: 0.35s;
}

.btn-primary:hover {
  transform: translateY(-2px);
  box-shadow: 0 15px 35px rgba(99,102,241,0.4);
}

.btn-secondary {
  padding: 14px 32px;
  border-radius: 30px;
  border: 1px solid #c7d2fe;
  color: #334155;
  text-decoration: none;
  font-size: 14px;
  transition: 0.3s;
}

.btn-secondary:hover {
  background: #eef2ff;
}

/* POINTS */
.hero-points {
  display: flex;
  gap: 18px;
  font-size: 14px;
  color: #334155;
}

/* RIGHT IMAGE */
.hero-image img {
  width: 420px;
  max-width: 100%;
  animation: float 4s ease-in-out infinite;
}

/* SHAPES */
.shape {
  position: absolute;
  width: 260px;
  height: 260px;
  border-radius: 50%;
  filter: blur(90px);
  opacity: 0.35;
}

.shape.blue {
  background: #38bdf8;
  top: -90px;
  left: -90px;
}

.shape.purple {
  background: #a78bfa;
  bottom: -90px;
  right: -90px;
}

/* ANIMATION */
@keyframes float {
  0% { transform: translateY(0); }
  50% { transform: translateY(-10px); }
  100% { transform: translateY(0); }
}

/* MOBILE */
@media (max-width: 768px) {
  .laptop-hero {
    padding: 70px 24px;
  }

  .hero-container {
    flex-direction: column;
    text-align: center;
  }

  .hero-content h1 {
    font-size: 34px;
  }

  .hero-actions {
    justify-content: center;
    flex-wrap: wrap;
  }

  .hero-points {
    justify-content: center;
    flex-wrap: wrap;
  }
}.hero-premium {
  position: relative;
  background: #f9fafb;
  padding: 90px 80px;
  overflow: hidden;
}

.hero-wrap {
  max-width: 1200px;
  margin: auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 60px;
}

/* LEFT CONTENT */
.hero-text {
  max-width: 560px;
}

.hero-pill {
  display: inline-block;
  padding: 7px 16px;
  border-radius: 30px;
  font-size: 13px;
  background: rgba(99,102,241,0.12);
  color: #4338ca;
  margin-bottom: 18px;
  font-weight: 500;
}

.hero-text h1 {
  font-size: 46px;
  line-height: 1.15;
  font-weight: 700;
  color: #0f172a;
  margin-bottom: 18px;
}

.hero-text h1 span {
  background: linear-gradient(135deg, #6366f1, #22d3ee);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.hero-text p {
  font-size: 16px;
  color: #475569;
  line-height: 1.7;
  margin-bottom: 28px;
}

/* BUTTONS */
.hero-actions {
  display: flex;
  gap: 16px;
  margin-bottom: 24px;
}

.btn-main {
  padding: 14px 36px;
  border-radius: 30px;
  background: #0f172a;
  color: #fff;
  text-decoration: none;
  font-size: 14px;
  transition: 0.3s;
}

.btn-main:hover {
  transform: translateY(-2px);
  box-shadow: 0 15px 35px rgba(15,23,42,0.3);
}

.btn-outline {
  padding: 14px 32px;
  border-radius: 30px;
  border: 1px solid #cbd5f5;
  color: #0f172a;
  text-decoration: none;
  font-size: 14px;
}

.btn-outline:hover {
  background: #f1f5f9;
}

/* TRUST POINTS */
.hero-trust {
  display: flex;
  gap: 18px;
  font-size: 14px;
  color: #475569;
}

/* RIGHT IMAGE */
.hero-visual {
  position: relative;
}

.hero-visual img {
  width: 420px;
  animation: float 4s ease-in-out infinite;
}

/* STATS */
.stat-box {
  position: absolute;
  background: #fff;
  padding: 14px 18px;
  border-radius: 14px;
  box-shadow: 0 12px 30px rgba(0,0,0,0.08);
  text-align: center;
}

.stat-box strong {
  display: block;
  font-size: 18px;
  color: #0f172a;
}

.stat-box span {
  font-size: 12px;
  color: #64748b;
}

.stat-1 {
  top: 40px;
  left: -60px;
}

.stat-2 {
  bottom: 40px;
  right: -40px;
}

/* BLUR SHAPES */
.blur-shape {
  position: absolute;
  width: 300px;
  height: 300px;
  border-radius: 50%;
  filter: blur(120px);
  opacity: 0.35;
}

.blur-shape.one {
  background: #6366f1;
  top: -120px;
  left: -120px;
}

.blur-shape.two {
  background: #22d3ee;
  bottom: -120px;
  right: -120px;
}

/* FLOAT ANIMATION */
@keyframes float {
  0% { transform: translateY(0); }
  50% { transform: translateY(-12px); }
  100% { transform: translateY(0); }
}

/* MOBILE */
@media (max-width: 768px) {
  .hero-premium {
    padding: 70px 24px;
  }

  .hero-wrap {
    flex-direction: column;
    text-align: center;
  }

  .hero-text h1 {
    font-size: 34px;
  }

  .hero-actions,
  .hero-trust {
    justify-content: center;
    flex-wrap: wrap;
  }

  .stat-1,
  .stat-2 {
    display: none;
  }
}
/* hero section end */




/* breadcrumb start */

.page-hero {
  position: relative;
  width: 100%;
  min-height: 240px;   /* same height */
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  overflow: hidden;

  background:
    linear-gradient(135deg, rgba(12,31,42,.85), rgba(11,18,48,.88), rgba(30,27,75,.9)),
    url("image/page-bg.png");   /* ← change path */

  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

/* glow layer for creativity */
.page-hero::before {
  content: "";
  position: absolute;
  width: 420px;
  height: 420px;
  background: radial-gradient(circle, rgba(34,211,238,.25), transparent 70%);
  top: -120px;
  left: -120px;
  filter: blur(20px);
}

/* tech grid overlay */
.page-hero::after {
  content: "";
  position: absolute;
  inset: 0;
  background-image:
    linear-gradient(rgba(255,255,255,0.06) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,0.06) 1px, transparent 1px);
  background-size: 44px 44px;
  opacity: .25;
}

/* keep same homepage font */
.page-hero,
.page-hero * {
  font-family: inherit !important;
}

.page-hero-inner {
  position: relative;
  z-index: 3;
  padding: 40px 20px;
}

/* title */
.page-title {
  font-size: 20px;
  font-weight: 700;
  margin-bottom: 14px;
  color: #ffffff;
  letter-spacing: .3px;
}

/* breadcrumb */
.page-breadcrumb {
  font-size: 16px;
  font-weight: 500;
  color: #dbeafe;
}

.page-breadcrumb a {
  color: #22d3ee;
  text-decoration: none;
  transition: .25s;
}

.page-breadcrumb a:hover {
  color: #67e8f9;
}

.page-breadcrumb .sep {
  margin: 0 8px;
  color: #94a3b8;
}

/* mobile */
@media (max-width: 768px) {
  .page-title {
    font-size: 30px;
  }

  .page-hero {
    min-height: 190px;
  }
}

/* breadcrumb end  */




/* Brand section  start */
  .brand-dark{
  padding:20px 0;
  background:#0b1220; /* dark base */
}

.brand-box-wrap{
  background:linear-gradient(180deg,#0f172a,#020617);
  border-radius:26px;
  padding:36px 34px 42px;
  border:1px solid rgba(148,163,184,.18);
  box-shadow:
    0 40px 90px rgba(0,0,0,.65),
    inset 0 0 0 1px rgba(255,255,255,.04);
}

/* HEADER */
.brand-head{
  margin-bottom:24px;
}
.brand-head h3{
  font-size:24px;
  font-weight:700;
  color:#f8fafc;
}
.brand-head p{
  font-size:14px;
  color:#94a3b8;
}

/* SLIDER */
.brand-row{
  position:relative;
  display:flex;
  align-items:center;
}

.brand-track{
  display:flex;
  gap:22px;
  overflow:hidden;
  scroll-behavior:smooth;
  padding:10px 6px; /* glow cut fix */
}

/* CARD */
.brand-card{
  min-width:250px;
  height:150px;
  background:linear-gradient(180deg,#020617,#020617);
  border-radius:18px;
  border:1px solid rgba(148,163,184,.2);
  display:flex;
  align-items:center;
  justify-content:center;
  transition:.35s ease;
  position:relative;
}
.brand-card::after{
  content:"";
  position:absolute;
  inset:0;
  border-radius:18px;
  opacity:0;
  transition:.35s;
  box-shadow:
    0 0 0 1px rgba(99,102,241,.6),
    0 0 35px rgba(99,102,241,.35);
}
.brand-card:hover::after{
  opacity:1;
}
.brand-card:hover{
  transform:translateY(-6px);
}

/* IMAGE SAFE */
.brand-card img{
  max-width:88%;
  max-height:78%;
  object-fit:contain;
}

/* ARROWS */
.arrow{
  width:38px;
  height:38px;
  border-radius:50%;
  border:none;
  background:#020617;
  color:#e5e7eb;
  box-shadow:0 15px 30px rgba(0,0,0,.5);
  cursor:pointer;
  position:absolute;
  z-index:3;
}
.arrow.left{ left:-16px; }
.arrow.right{ right:-16px; }

.arrow:hover{
  background:#4f46e5;
  color:#fff;
}


/* Brand section  end */





/* Bestseller Section  start */

.bestseller-section{
  background: linear-gradient(120deg,#eef2ff 0%, #ffffff 55%, #ecfeff 100%);
  padding:90px 0;
}
.container{
  max-width:1200px;
  margin:auto;
  padding:0 20px;
}
.section-header{
  text-align:center;
  margin-bottom:60px;
}
.section-header .badge{
  display:inline-block;
  background:rgba(99,102,241,0.12);
  color:#4f46e5;
  padding:6px 18px;
  border-radius:999px;
  font-size:13px;
  margin-bottom:14px;
}
.section-header h2{
  font-size:38px;
  font-weight:700;
  color:#0f172a;
}
.section-header p{
  color:#64748b;
  margin-top:10px;
}
.bestseller-grid{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(280px,1fr));
  gap:36px;
}
.laptop-card{
  background:rgba(255,255,255,0.9);
  backdrop-filter: blur(10px);
  border-radius:26px;
  padding:30px;
  box-shadow:0 30px 60px rgba(15,23,42,.08);
  transition:all .35s ease;
  position:relative;
}
.laptop-card:hover{
  transform:translateY(-10px);
  box-shadow:0 45px 90px rgba(15,23,42,.12);
}
.laptop-card.highlight{
  outline:2px solid rgba(79,70,229,.35);
}
.laptop-card img{
  width:100%;
  margin-bottom:22px;
}
.laptop-card .tag{
  position:absolute;
  top:22px;
  left:22px;
  background:linear-gradient(135deg,#6366f1,#38bdf8);
  color:#fff;
  padding:6px 14px;
  font-size:12px;
  border-radius:14px;
}
.laptop-card h3{
  font-size:19px;
  font-weight:600;
  color:#0f172a;
}
.laptop-card .specs{
  font-size:14px;
  color:#64748b;
  margin:8px 0 16px;
}
.price-row{
  display:flex;
  justify-content:space-between;
  align-items:center;
  margin-bottom:18px;
}
.price{
  font-size:19px;
  font-weight:700;
  color:#0f172a;
}
.rent{
  font-size:13px;
  color:#4f46e5;
}
.laptop-card button{
  width:100%;
  padding:14px;
  border:none;
  border-radius:16px;
  background:linear-gradient(135deg,#4f46e5,#38bdf8);
  color:#fff;
  font-size:15px;
  cursor:pointer;
}

/* Bestseller Section  end */



/* Promotion section start */

.promo-section{
  background:#0b0f1a;
  padding:80px 0;
}
.promo-container{
  max-width:1200px;
  margin:auto;
  padding:0 20px;
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:32px;
}
.promo-card{
  position:relative;
  border-radius:24px;
  overflow:hidden;
  box-shadow:0 40px 80px rgba(0,0,0,.45);
}
.promo-card img{
  width:100%;
  height:320px;
  object-fit:cover;
  opacity:.85;
}
.promo-overlay{
  position:absolute;
  inset:0;
  background:linear-gradient(90deg,rgba(0,0,0,.7),rgba(0,0,0,.2));
  padding:40px;
  display:flex;
  flex-direction:column;
  justify-content:center;
}
.promo-overlay h3{
  font-size:30px;
  font-weight:700;
  color:#ffffff;
  margin-bottom:10px;
}
.promo-overlay p{
  color:#d1d5db;
  margin-bottom:20px;
}
.promo-btn{
  align-self:flex-start;
  padding:14px 28px;
  border-radius:14px;
  background:linear-gradient(135deg,#4f46e5,#38bdf8);
  color:#fff;
  text-decoration:none;
  font-weight:500;
}
@media(max-width:768px){
  .promo-container{
    grid-template-columns:1fr;
  }
  .promo-card img{
    height:260px;
  }
}

/* Promotion section end */



/* PREMIUM ALL PRODUCTS SECTION start */

.all-products{
  padding:90px 0;
  background:linear-gradient(180deg,#ffffff,#f1f5f9);
}
.container{max-width:1200px;margin:auto;padding:0 20px;}
.section-head{text-align:center;margin-bottom:40px;}
.badge{padding:6px 18px;background:#eef2ff;color:#4f46e5;border-radius:999px;font-size:13px;}
.section-head h2{font-size:34px;margin:14px 0 6px;color:#0f172a;}
.section-head p{color:#64748b;}
.product-tabs{display:flex;justify-content:center;gap:12px;flex-wrap:wrap;margin-bottom:40px;}
.tab{padding:11px 24px;border-radius:999px;border:1px solid #e5e7eb;background:#fff;cursor:pointer;transition:.3s;}
.tab.active,.tab:hover{background:#4f46e5;color:#fff;}
.product-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:28px;}
.product-card{
  position:relative;
  background:linear-gradient(180deg,#ffffff,#f8fafc);
  border-radius:30px;
  padding: 20px;
  border:1px solid rgba(79,70,229,.18);
  box-shadow:0 35px 90px rgba(15,23,42,.10);
  transition:transform .45s ease, box-shadow .45s ease;
  overflow:hidden;
}
.product-card::before{
  content:"";
  position:absolute;
  inset:0;
  background:radial-gradient(600px circle at top left,rgba(99,102,241,.12),transparent 40%);
  opacity:0;
  transition:.45s;
}
.product-card:hover::before{opacity:1;}
.product-card:hover{
  transform:translateY(-12px) scale(1.01);
  box-shadow:0 55px 130px rgba(79,70,229,.22);
}
.product-card:hover{transform:translateY(-10px);box-shadow:0 40px 100px rgba(79,70,229,.18);}
.tag{
  position:absolute;
  top:18px;
  left:18px;
  padding:7px 16px;
  font-size:12px;
  border-radius:999px;
  color:#fff;
  font-weight:600;
  box-shadow:0 8px 20px rgba(0,0,0,.25);
}
.tag.rent{background:#0ea5e9;}
.tag.buy{background:#22c55e;}
.tag.sale{background:#ef4444;}
.product-card img{
  width:100%;
  height:165px;
  object-fit:contain;
  margin-bottom:18px;
  filter:drop-shadow(0 20px 30px rgba(0,0,0,.15));
}
.product-card h4{font-size:17px;color:#0f172a;}
.product-card p{font-size:14px;color:#64748b;margin:6px 0 16px;}
.card-bottom{
  display:flex;
  justify-content:space-between;
  align-items:center;
  padding-top:14px;
  border-top:1px dashed #e5e7eb;
}
.price{font-weight:700;color:#4f46e5;}
.btn{padding:8px 18px;background:#4f46e5;color:#fff;border-radius:999px;font-size:13px;text-decoration:none;}
.btn:hover{background:#4338ca;}
.view-all-wrap{text-align:center;margin-top:50px;}
.view-all-btn{display:inline-block;padding:14px 34px;border-radius:999px;border:2px solid #4f46e5;color:#4f46e5;font-weight:600;text-decoration:none;transition:.3s;}
.view-all-btn:hover{background:#4f46e5;color:#fff;}


/* PREMIUM ALL PRODUCTS SECTION end  */



/* Why Choose Us Dark  start*/
  .why-dark{
  padding:80px 0;
  background:radial-gradient(circle at top,#1e293b,#020617);
  position:relative;
  overflow:hidden;
}

.why-dark::before{
  content:'';
  position:absolute;
  inset:0;
  background:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='30' cy='30' r='1' fill='%231e293b'/%3E%3C/svg%3E");
  opacity:.3;
}

.dark-head{
  text-align:center;
  margin-bottom:55px;
  position:relative;
  z-index:2;
}
.dark-badge{
  display:inline-block;
  padding:7px 20px;
  border-radius:999px;
  font-size:13px;
  color:#38bdf8;
  background:rgba(56,189,248,.12);
  border:1px solid rgba(56,189,248,.3);
}
.dark-head h2{
  font-size:34px;
  color:#f8fafc;
  margin:14px 0 8px;
}
.dark-head p{
  color:#94a3b8;
  max-width:560px;
  margin:auto;
}

/* GRID */
.dark-grid{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(240px,1fr));
  gap:28px;
  position:relative;
  z-index:2;
}

/* CARD */
.dark-card{
  background:linear-gradient(180deg,#020617,#020617) padding-box,
             linear-gradient(135deg,transparent,#38bdf8,transparent) border-box;
  border:1px solid transparent;
  border-radius:26px;
  padding:36px 28px;
  text-align:center;
  transition:.45s ease;
  position:relative;
}

.dark-card:hover{
  transform:translateY(-10px);
  box-shadow:0 40px 120px rgba(56,189,248,.18);
}

/* ICON */
.dark-icon{
  width:68px;
  height:68px;
  margin:0 auto 22px;
  border-radius:18px;
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:28px;
  color:#38bdf8;
  background:rgba(56,189,248,.12);
  box-shadow:0 0 0 6px rgba(56,189,248,.05);
}

/* TEXT */
.dark-card h4{
  color:#f1f5f9;
  font-size:18px;
  margin-bottom:10px;
}
.dark-card p{
  color:#94a3b8;
  font-size:14px;
  line-height:1.6;
}


/* Why Choose Us Dark  end*/



/* Testimonial  end*/

  .testimonial-section {
  background: #f8fafc;
  padding: 100px 20px;
}

.testimonial-container {
  max-width: 1200px;
  margin: auto;
}

/* HEADER */
.testimonial-header {
  text-align: center;
  margin-bottom: 60px;
}

.testimonial-header h2 {
  font-size: 38px;
  font-weight: 700;
  color: #0f172a;
}

.testimonial-header p {
  color: #64748b;
  margin-top: 10px;
}

/* GRID */
.testimonial-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
  gap: 32px;
}

/* CARD */
.testimonial-card {
  background: #ffffff;
  padding: 34px 30px;
  border-radius: 22px;
  box-shadow: 0 25px 50px rgba(15,23,42,0.08);
  transition: 0.35s ease;
  position: relative;
}

.testimonial-card::before {
  content: "“";
  position: absolute;
  top: -22px;
  left: 22px;
  font-size: 70px;
  color: #22d3ee;
  font-family: serif;
}

.testimonial-card:hover {
  transform: translateY(-10px);
  box-shadow: 0 35px 70px rgba(15,23,42,0.15);
}

.testimonial-card p {
  font-size: 15px;
  line-height: 1.7;
  color: #334155;
  margin-bottom: 26px;
}

/* CLIENT */
.client-info {
  display: flex;
  align-items: center;
  gap: 14px;
}

.client-info img {
  width: 52px;
  height: 52px;
  border-radius: 50%;
  object-fit: cover;
}

.client-info strong {
  display: block;
  font-size: 15px;
  color: #0f172a;
}

.client-info span {
  font-size: 13px;
  color: #64748b;
}

/* FEATURED */
.testimonial-card.featured {
  border: 2px solid #22d3ee;
  transform: translateY(-6px);
}

/* MOBILE */
@media (max-width: 768px) {
  .testimonial-header h2 {
    font-size: 30px;
  }
}

/* testimonial  end*/



/* cta form section start*/
  .light-tech-cta {
  padding: 100px 20px;
  background:
    radial-gradient(circle at top left, rgba(34,211,238,0.18), transparent 45%),
    radial-gradient(circle at bottom right, rgba(99,102,241,0.18), transparent 45%),
    #f8fafc;
}

.light-cta-container {
  max-width: 1200px;
  margin: auto;
  display: grid;
  grid-template-columns: 1.2fr 0.9fr;
  gap: 60px;
  align-items: center;
}

/* LEFT */
.light-cta-content h2 {
  font-size: 38px;
  font-weight: 700;
  color: #0f172a;
  margin-bottom: 16px;
}

.light-cta-content h2 span {
  color: #06b6d4;
}

.light-cta-badge {
  display: inline-block;
  padding: 6px 14px;
  border-radius: 20px;
  background: #e0f2fe;
  color: #0284c7;
  font-size: 12px;
  margin-bottom: 16px;
}

.light-cta-content p {
  color: #475569;
  font-size: 15px;
  line-height: 1.7;
  max-width: 520px;
  margin-bottom: 24px;
}

.light-cta-points {
  list-style: none;
  padding: 0;
}

.light-cta-points li {
  font-size: 14px;
  color: #334155;
  margin-bottom: 10px;
}

/* FORM */
.light-cta-form {
  background: #ffffff;
  border-radius: 26px;
  padding: 38px 34px;
  box-shadow: 0 30px 60px rgba(15,23,42,0.12);
}

.light-cta-form h3 {
  font-size: 22px;
  color: #0f172a;
  margin-bottom: 6px;
}

.light-cta-form p {
  font-size: 13px;
  color: #64748b;
  margin-bottom: 22px;
}

.light-cta-form form {
  display: flex;
  flex-direction: column;
  gap: 14px;
}

.light-cta-form input,
.light-cta-form select {
  padding: 14px 16px;
  border-radius: 30px;
  border: 1px solid #cbd5e1;
  font-size: 14px;
}

.light-cta-form input:focus,
.light-cta-form select:focus {
  outline: none;
  border-color: #22d3ee;
}

.light-cta-form button {
  padding: 14px;
  border-radius: 30px;
  border: none;
  background: linear-gradient(135deg, #22d3ee, #6366f1);
  color: #ffffff;
  font-size: 15px;
  font-weight: 600;
  cursor: pointer;
  transition: 0.3s;
}

.light-cta-form button:hover {
  transform: translateY(-2px);
  box-shadow: 0 10px 30px rgba(34,211,238,0.35);
}

/* MOBILE */
@media (max-width: 900px) {
  .light-cta-container {
    grid-template-columns: 1fr;
    gap: 40px;
  }

  .light-cta-content h2 {
    font-size: 30px;
  }
}
/* cta form section end*/





/* blogs section start  */

  .blog-section {
  background: #f8fafc;
  padding: 100px 20px;
}

.blog-container {
  max-width: 1200px;
  margin: auto;
}

/* HEADER */
.blog-header {
  text-align: center;
  margin-bottom: 60px;
}

.blog-header h2 {
  font-size: 38px;
  font-weight: 700;
  color: #0f172a;
}

.blog-header p {
  color: #64748b;
  margin-top: 10px;
}

/* GRID */
.blog-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
  gap: 34px;
}

/* CARD */
.blog-card {
  background: #ffffff;
  border-radius: 22px;
  overflow: hidden;
  box-shadow: 0 25px 50px rgba(15,23,42,0.08);
  transition: 0.35s ease;
}

.blog-card:hover {
  transform: translateY(-10px);
  box-shadow: 0 35px 70px rgba(15,23,42,0.15);
}

/* IMAGE */
.blog-img img {
  width: 100%;
  height: 220px;
  object-fit: cover;
}

/* CONTENT */
.blog-content {
  padding: 26px 26px 30px;
}

.blog-tag {
  display: inline-block;
  font-size: 12px;
  padding: 6px 14px;
  border-radius: 20px;
  background: #e0f2fe;
  color: #0284c7;
  margin-bottom: 14px;
}

.blog-content h3 {
  font-size: 20px;
  color: #0f172a;
  margin-bottom: 12px;
}

.blog-content p {
  font-size: 14px;
  color: #475569;
  line-height: 1.6;
  margin-bottom: 18px;
}

/* LINK */
.blog-link {
  font-size: 14px;
  font-weight: 600;
  color: #0f172a;
  text-decoration: none;
}

.blog-link:hover {
  color: #06b6d4;
}

/* FEATURED */
.blog-card.featured {
  border: 2px solid #22d3ee;
}

/* MOBILE */
@media (max-width: 768px) {
  .blog-header h2 {
    font-size: 30px;
  }
}

/* blogs section end  */





/* about us section start  */
.about-creative {
  padding: 100px 20px;
  background:
    radial-gradient(circle at top right, rgba(34,211,238,.10), transparent 45%),
    radial-gradient(circle at bottom left, rgba(99,102,241,.10), transparent 45%),
    linear-gradient(#f8fafc,#f1f5f9);
  overflow: hidden;
}

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

.about-grid {
  max-width: 1200px;
  margin: auto;
  display: grid;
  grid-template-columns: 1fr 1.1fr;
  gap: 70px;
  align-items: center;
}

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

.about-left {
  position: relative;
}

.about-frame {
  position: relative;
  border-radius: 26px;
  overflow: hidden;
  box-shadow: 0 30px 70px rgba(15,23,42,.18);
}

.about-frame img {
  width: 100%;
  height: 420px;
  object-fit: cover;
  display: block;
}

/* glow border */
.frame-glow {
  position: absolute;
  inset: -2px;
  border-radius: 26px;
  background: linear-gradient(135deg,#22d3ee,#6366f1);
  z-index: -1;
  filter: blur(18px);
  opacity: .35;
}

/* floating stat card */
.about-mini-card {
  position: absolute;
  bottom: -22px;
  right: -22px;
  background: #ffffff;
  padding: 18px 22px;
  border-radius: 18px;
  box-shadow: 0 20px 40px rgba(15,23,42,.15);
}

.about-mini-card strong {
  display: block;
  font-size: 22px;
  color: #0f172a;
}

.about-mini-card span {
  font-size: 13px;
  color: #64748b;
}

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

.about-badge {
  display: inline-block;
  padding: 8px 14px;
  border-radius: 999px;
  background: linear-gradient(135deg,#22d3ee,#6366f1);
  color: #fff;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: .6px;
  margin-bottom: 16px;
}

.about-right h2 {
  font-size: 40px;
  font-weight: 700;
  color: #0f172a;
  line-height: 1.2;
  margin-bottom: 18px;
}

.about-right p {
  font-size: 16px;
  color: #475569;
  line-height: 1.75;
  margin-bottom: 28px;
}

/* ===== FEATURE CARDS ===== */

.about-card-grid {
  display: grid;
  grid-template-columns: repeat(2,1fr);
  gap: 18px;
  margin-bottom: 30px;
}

.a-card {
  position: relative;
  padding: 20px;
  border-radius: 18px;
  background: rgba(255,255,255,.75);
  backdrop-filter: blur(6px);
  box-shadow: 0 10px 30px rgba(15,23,42,.08);
  transition: .3s;
}

.a-card:hover {
  transform: translateY(-6px);
  box-shadow: 0 20px 40px rgba(15,23,42,.14);
}

.a-card .dot {
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background: linear-gradient(135deg,#22d3ee,#6366f1);
  margin-bottom: 10px;
}

.a-card h4 {
  font-size: 15px;
  color: #0f172a;
  margin-bottom: 4px;
}

.a-card span {
  font-size: 13px;
  color: #64748b;
}

/* ===== CTA ===== */

.about-cta {
  display: inline-block;
  padding: 14px 28px;
  border-radius: 999px;
  background: linear-gradient(135deg,#22d3ee,#6366f1);
  color: #fff;
  text-decoration: none;
  font-weight: 600;
  transition: .3s;
}

.about-cta:hover {
  transform: translateY(-3px);
  box-shadow: 0 18px 40px rgba(99,102,241,.35);
}

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

@media (max-width: 900px) {
  .about-grid {
    grid-template-columns: 1fr;
    gap: 40px;
  }

  .about-frame img {
    height: 300px;
  }

  .about-card-grid {
    grid-template-columns: 1fr;
  }

  .about-right h2 {
    font-size: 28px;
  }
}
/* about us section end  */



/* OUR IMPACT about section start */
    /* ===== SECTION ===== */

.stats-premium {
  padding: 90px 20px;
  background:
    radial-gradient(circle at top left, rgba(34,211,238,.10), transparent 40%),
    radial-gradient(circle at bottom right, rgba(99,102,241,.10), transparent 40%),
    #ffffff;
}

/* ===== WRAP ===== */

.stats-wrap {
  max-width: 1200px;
  margin: auto;
  text-align: center;
}

/* ===== HEAD ===== */

.stats-badge {
  display: inline-block;
  padding: 7px 14px;
  border-radius: 999px;
  background: linear-gradient(135deg,#22d3ee,#6366f1);
  color: #fff;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: .5px;
  margin-bottom: 14px;
}

.stats-head h2 {
  font-size: 36px;
  color: #0f172a;
  margin-bottom: 10px;
}

.stats-head p {
  font-size: 15px;
  color: #64748b;
  max-width: 620px;
  margin: auto;
}

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

.stats-grid {
  margin-top: 48px;
  display: grid;
  grid-template-columns: repeat(4,1fr);
  gap: 26px;
}

/* ===== BOX ===== */

/* .stat-box {
  position: relative;
  padding: 34px 20px;
  border-radius: 22px;
  background: rgba(255,255,255,.75);
  backdrop-filter: blur(6px);
  box-shadow: 0 12px 30px rgba(15,23,42,.08);
  transition: .35s;
  overflow: hidden;
} */

/* gradient glow border */
/* .stat-box::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 22px;
  padding: 1px;
  background: linear-gradient(135deg,#22d3ee,#6366f1);
  -webkit-mask:
    linear-gradient(#fff 0 0) content-box,
    linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  opacity: .5;
} */

/* .stat-box:hover {
  transform: translateY(-8px);
  box-shadow: 0 22px 50px rgba(15,23,42,.14);
} */

/* number */

.stat-box h3 {
  font-size: 34px;
  margin-bottom: 8px;
  background: linear-gradient(135deg,#22d3ee,#6366f1);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-weight: 800;
}

/* label */

.stat-box span {
  font-size: 14px;
  color: #475569;
  font-weight: 600;
}

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

@media (max-width: 900px) {
  .stats-grid {
    grid-template-columns: repeat(2,1fr);
    gap: 18px;
  }

  .stats-head h2 {
    font-size: 26px;
  }

  .stat-box h3 {
    font-size: 26px;
  }
}


/* OUR IMPACT about section end */



/* why choose about section start */
.why-dark {
  padding: 110px 20px;
  background:
    radial-gradient(circle at top left, rgba(34,211,238,.14), transparent 40%),
    radial-gradient(circle at bottom right, rgba(99,102,241,.16), transparent 40%),
    linear-gradient(135deg,#020617,#0b1220);
  color: #e5e7eb;
  position: relative;
  overflow: hidden;
}

.why-wrap {
  max-width: 1200px;
  margin: auto;
}

/* ===== HEAD ===== */

.why-head {
  text-align: center;
  margin-bottom: 60px;
  max-width: 820px;
  margin-left: auto;
  margin-right: auto;
}

.why-badge {
  display: inline-block;
  padding: 8px 16px;
  border-radius: 999px;
  background: linear-gradient(135deg,#22d3ee,#6366f1);
  color: #fff;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: .6px;
  margin-bottom: 16px;
}

.why-head h2 {
  font-size: 38px;
  color: #ffffff;
  margin-bottom: 14px;
}

.why-head p {
  font-size: 16px;
  color: #94a3b8;
  line-height: 1.8;
}

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

.why-grid {
  display: grid;
  grid-template-columns: repeat(4,1fr);
  gap: 26px;
}

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

.why-card {
  position: relative;
  padding: 36px 26px 30px;
  border-radius: 22px;
  background: rgba(15,23,42,.7);
  backdrop-filter: blur(10px);
  box-shadow: 0 20px 45px rgba(0,0,0,.35);
  transition: .35s;
  overflow: hidden;
}

/* gradient border */

.why-card::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 22px;
  padding: 1px;
  background: linear-gradient(135deg,#22d3ee,#6366f1);
  -webkit-mask:
    linear-gradient(#fff 0 0) content-box,
    linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  opacity: .65;
}

/* hover */

.why-card:hover {
  transform: translateY(-12px) scale(1.02);
  box-shadow: 0 35px 80px rgba(34,211,238,.18);
}

/* icon circle */

.why-icon {
  width: 54px;
  height: 54px;
  border-radius: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 18px;
  background: linear-gradient(135deg,#22d3ee,#6366f1);
}

.why-icon i {
  color: #fff;
  font-size: 22px;
}

/* text */

.why-card h3 {
  font-size: 18px;
  margin-bottom: 10px;
  color: #ffffff;
}

.why-card p {
  font-size: 14.5px;
  line-height: 1.7;
  color: #94a3b8;
  margin-bottom: 16px;
}

/* tag */

.why-tag {
  font-size: 12px;
  padding: 6px 12px;
  border-radius: 999px;
  background: rgba(34,211,238,.12);
  color: #22d3ee;
  display: inline-block;
}

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

@media (max-width: 900px) {
  .why-grid {
    grid-template-columns: repeat(2,1fr);
  }

  .why-head h2 {
    font-size: 28px;
  }
}

@media (max-width: 520px) {
  .why-grid {
    grid-template-columns: 1fr;
  }
}
/* why choose about section end */



/* testimonial about section start */
    .testimonial-premium {
  padding: 120px 20px;
  background:
    radial-gradient(circle at 10% 10%, rgba(56,189,248,.18), transparent 35%),
    radial-gradient(circle at 90% 90%, rgba(99,102,241,.18), transparent 35%),
    linear-gradient(180deg, #f8fafc, #eef6ff);
}

.tp-container {
  max-width: 1250px;
  margin: auto;
}

/* HEADER */

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

.tp-head span {
  background: linear-gradient(90deg,#22d3ee,#6366f1);
  color: #fff;
  padding: 7px 18px;
  border-radius: 30px;
  font-size: 13px;
  display: inline-block;
  margin-bottom: 14px;
  letter-spacing: .5px;
}

.tp-head h2 {
  font-size: 38px;
  color: #0f172a;
  margin-bottom: 10px;
}

.tp-head p {
  color: #64748b;
  font-size: 15px;
}

/* GRID */

.tp-grid {
  display: grid;
  grid-template-columns: repeat(3,1fr);
  gap: 32px;
}

/* CARD */

.tp-card {
  background: #ffffff;
  border-radius: 22px;
  padding: 36px;
  position: relative;
  box-shadow: 0 20px 50px rgba(2,132,199,.10);
  border: 1px solid #e6edf5;
  transition: .45s;
  overflow: hidden;
}

/* top gradient strip */

.tp-topbar {
  height: 5px;
  width: 100%;
  border-radius: 10px 10px 0 0;
  background: linear-gradient(90deg,#22d3ee,#6366f1);
  position: absolute;
  top: 0;
  left: 0;
}

/* halo glow */

.tp-card::after {
  content:"";
  position:absolute;
  inset:-40%;
  background: radial-gradient(circle, rgba(56,189,248,.15), transparent 60%);
  opacity:0;
  transition:.4s;
}

.tp-card:hover::after {
  opacity:1;
}

.tp-card:hover {
  transform: translateY(-14px) rotateX(2deg);
  box-shadow: 0 40px 90px rgba(2,132,199,.18);
}

/* quote */

.tp-card::before {
  content:"“";
  font-size:70px;
  color:#22d3ee;
  opacity:.15;
  position:absolute;
  top:18px;
  left:22px;
}

/* rating */

.tp-rating {
  color:#f59e0b;
  font-size:16px;
  margin-bottom:14px;
  letter-spacing:2px;
}

/* text */

.tp-card p {
  font-size:15.5px;
  line-height:1.8;
  color:#334155;
  margin-bottom:26px;
  padding-top:14px;
}

/* user */

.tp-user {
  display:flex;
  align-items:center;
  gap:14px;
}

.tp-avatar {
  width:46px;
  height:46px;
  border-radius:50%;
  background: linear-gradient(135deg,#22d3ee,#6366f1);
  color:#fff;
  display:flex;
  align-items:center;
  justify-content:center;
  font-weight:700;
  font-size:18px;
  box-shadow: 0 8px 20px rgba(99,102,241,.35);
}

.tp-user h4 {
  font-size:16px;
  color:#0f172a;
  margin-bottom:2px;
}

.tp-user small {
  font-size:13px;
  color:#64748b;
}

/* reveal */

.reveal {
  opacity:0;
  transform: translateY(50px) scale(.96);
  transition:.8s ease;
}

.reveal.active {
  opacity:1;
  transform: translateY(0) scale(1);
}

/* responsive */

@media (max-width: 900px) {
  .tp-grid {
    grid-template-columns: repeat(2,1fr);
  }
}

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

  .tp-head h2 {
    font-size:28px;
  }
}
/* testimonial about section end */



/* cta about section start */

    .cta-premium {
  padding: 90px 20px;
  background: #f1f5f9;
}

.cta-box {
  max-width: 1350px;
  margin: auto;
  text-align: center;
  border-radius: 28px;
  padding: 80px 50px;
  position: relative;
  overflow: hidden;

  /* 👉 tumhari bg image */
  background: url("image/cta-bg.png") center/cover no-repeat;

  box-shadow: 0 35px 90px rgba(2,132,199,0.18);
}

/* ❌ overlay removed — image full visible */

/* ✅ glass highlight layer for text readability */
.cta-box::after {
  content: "";
  position: absolute;
  inset: 0;
  background:
    linear-gradient(
      180deg,
      rgba(255,255,255,.65),
      rgba(255,255,255,.35)
    );
  z-index: 1;
}

/* content above glass layer */
.cta-box > * {
  position: relative;
  z-index: 2;
}

/* text */

.cta-tag {
  display: inline-block;
  color: #0369a1;
  font-size: 15px;
  margin-bottom: 12px;
  font-weight: 600;
}

.cta-box h2 {
  font-size: 44px;
  color: #000000;
  margin-bottom: 14px;
  line-height: 1.2;
}

.cta-box p {
  font-size: 16px;
  color: #111827;
  margin-bottom: 30px;
}

/* buttons */

.cta-buttons {
  display: flex;
  justify-content: center;
  gap: 18px;
  flex-wrap: wrap;
  margin-bottom: 24px;
}

.cta-btn {
  padding: 8px 12px;
  border-radius: 10px;
  text-decoration: none;
  font-size: 15px;
  transition: .3s;
}

.cta-btn.dark {
  background: #020617;
  color: white;
}

.cta-btn.dark:hover {
  transform: translateY(-3px);
  box-shadow: 0 12px 30px rgba(0,0,0,.35);
}

.cta-btn.primary {
  background: #38bdf8;
  color: #000;
  font-weight: 600;
}

.cta-btn.primary:hover {
  background: #0ea5e9;
}

/* points */

.cta-points {
  display: flex;
  justify-content: center;
  gap: 26px;
  flex-wrap: wrap;
  font-size: 14px;
  color: #0f172a;
  font-weight: 500;
}

/* mobile */

@media (max-width: 768px) {

  .cta-box {
    padding: 50px 22px;
  }

  .cta-box h2 {
    font-size: 28px;
  }

}

/* cta about section end */




/* buy page full section start */
  .product-page {
  padding: 90px 20px;
  background: #f8fafc;
}

.pp-container {
  max-width: 1300px;
  margin: auto;
  display: grid;
  grid-template-columns: 280px 1fr;
  gap: 40px;
}

/* FILTER */
.pp-filter {
  background: linear-gradient(180deg,#ffffff,#eef2ff);
  padding: 28px;
  border-radius: 24px;
  box-shadow: 0 30px 80px rgba(0,0,0,0.08);
}

.pp-filter h3 {
  font-size: 20px;
  margin-bottom: 26px;
  color: #0f172a;
}

.filter-box {
  margin-bottom: 26px;
}

.filter-box label {
  font-weight: 600;
  margin-bottom: 10px;
  display: block;
}

.filter-box input[type="range"] {
  width: 100%;
}

.price-show {
  margin-top: 8px;
  font-size: 14px;
  color: #475569;
}

.brand-list label {
  display: block;
  margin-bottom: 10px;
  font-size: 14px;
}

.filter-btn {
  width: 100%;
  padding: 14px;
  border-radius: 30px;
  border: none;
  background: linear-gradient(90deg,#22d3ee,#6366f1);
  color: #fff;
  font-weight: 600;
  cursor: pointer;
}

/* PRODUCTS */
.pp-title {
  font-size: 28px;
  margin-bottom: 30px;
  color: #0f172a;
}

.pp-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 30px;
}

/* CARD */
.pp-card {
  background: #fff;
  border-radius: 22px;
  overflow: hidden;
  box-shadow: 0 30px 70px rgba(0,0,0,.08);
  transition: .4s;
  position: relative;
}

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

.pp-card img {
  width: 100%;
  display: block;
}

.pp-badge {
  position: absolute;
  top: 14px;
  left: 14px;
  background: linear-gradient(90deg,#22d3ee,#6366f1);
  color: #fff;
  padding: 6px 14px;
  font-size: 12px;
  border-radius: 30px;
}

.pp-info {
  padding: 22px;
}

.pp-info h4 {
  font-size: 17px;
  margin-bottom: 6px;
}

.pp-info p {
  font-size: 14px;
  color: #64748b;
  margin-bottom: 10px;
}

.pp-rating {
  color: #facc15;
  font-size: 14px;
  margin-bottom: 10px;
}

.pp-price del {
  color: #94a3b8;
  font-size: 14px;
  margin-right: 8px;
}

.pp-price span {
  font-size: 18px;
  font-weight: 700;
  color: #0f172a;
}

/* PAGINATION */
.pp-pagination {
  margin-top: 50px;
  text-align: center;
}

.pp-pagination a {
  padding: 10px 18px;
  margin: 0 5px;
  border-radius: 12px;
  background: #e0f2fe;
  color: #0284c7;
  cursor: pointer;
  font-weight: 600;
}

.pp-pagination a.active {
  background: linear-gradient(90deg,#22d3ee,#6366f1);
  color: #fff;
}

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

@media(max-width: 900px){
  .pp-grid {
    grid-template-columns: repeat(2,1fr);
  }
}

@media(max-width: 520px){
  .pp-grid {
    grid-template-columns: 1fr;
  }
}

/* PRODUCT IMAGE FIX (BUY / SELL / RENT SAME SIZE) */
.pp-card img {
  height: 180px;
  object-fit: contain;
  background: #f8fafc;
  /* padding: 18px; */
}

/* BUY NOW BUTTON */
.pp-buy {
  display: block;
  margin-top: 14px;
  text-align: center;
  padding: 12px;
  border-radius: 30px;
  background: linear-gradient(90deg,#22d3ee,#6366f1);
  color: #ffffff;
  font-size: 14px;
  font-weight: 600;
  text-decoration: none;
  transition: all .35s ease;
}

.pp-buy:hover {
  transform: translateY(-3px);
  box-shadow: 0 14px 35px rgba(34,211,238,.35);
}

/* PRODUCT CARD HOVER ENHANCE */
.pp-card:hover .pp-buy {
  background: linear-gradient(90deg,#6366f1,#22d3ee);
}

/* MOBILE BUTTON SIZE FIX */
@media(max-width:520px){
  .pp-buy{
    font-size: 13.5px;
    padding: 11px;
  }
}

/* buy page full section end */




/* sell page full section end */

.sell-page{padding:90px 20px;background:#f8fafc}
.sell-container{max-width:1400px;margin:auto;display:grid;grid-template-columns:300px 1fr;gap:40px}

.sell-filter{background:#fff;border-radius:22px;padding:26px;box-shadow:0 30px 60px rgba(0,0,0,.08)}
.sell-filter h3{margin-bottom:20px}
.filter-group{margin-bottom:22px}
.range-text{font-weight:600;color:#2563eb;margin-top:6px}
.apply-filter{width:100%;padding:12px;border-radius:30px;border:none;background:linear-gradient(90deg,#22d3ee,#6366f1);color:#fff;font-weight:600}

.sell-title{font-size:32px;margin-bottom:30px}
.sell-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}

/* BUY STYLE CARD */
.sell-card{background:#fff;border-radius:22px;overflow:hidden;box-shadow:0 25px 60px rgba(0,0,0,.08);transition:.4s;position:relative}
.sell-card:hover{transform:translateY(-8px)}

.sell-img{height:200px;display:flex;align-items:center;justify-content:center;background:#f1f5f9}
.sell-img img{max-height:160px;max-width:90%;object-fit:contain}

.sell-badge{position:absolute;top:14px;left:14px;background:linear-gradient(90deg,#22c55e,#16a34a);color:#fff;font-size:12px;padding:6px 14px;border-radius:20px}

.sell-info{padding:20px}
.sell-info h4{margin-bottom:6px}
.sell-info p{font-size:14px;color:#64748b}
.sell-rating{color:#facc15;margin:8px 0}
.sell-price{font-size:18px;font-weight:700;color:#16a34a}

.sell-btn{margin-top:14px;display:block;text-align:center;padding:12px;border-radius:30px;background:linear-gradient(90deg,#22d3ee,#6366f1);color:#fff;text-decoration:none;font-weight:600}

.sell-pagination{text-align:center;margin-top:40px}
.sell-pagination span{display:inline-block;margin:0 6px;padding:10px 16px;border-radius:50%;background:#e5e7eb;cursor:pointer}
.sell-pagination .active{background:#6366f1;color:#fff}

@media(max-width:1100px){
  .sell-container{grid-template-columns:1fr}
  .sell-grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:600px){
  .sell-grid{grid-template-columns:1fr}
}

/* sell page full section end */




/* rent age full section start */
.rent-page{padding:90px 20px;background:#f8fafc}
.rent-container{max-width:1400px;margin:auto;display:grid;grid-template-columns:300px 1fr;gap:40px}

.rent-filter{background:#fff;border-radius:22px;padding:26px;box-shadow:0 30px 60px rgba(0,0,0,.08)}
.rent-filter h3{margin-bottom:20px}

.filter-group{margin-bottom:22px}
.range-text{font-weight:600;color:#2563eb;margin-top:6px}

.apply-filter{width:100%;padding:12px;border-radius:30px;border:none;background:linear-gradient(90deg,#22d3ee,#6366f1);color:#fff;font-weight:600}

.rent-title{font-size:32px;margin-bottom:30px}

.rent-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}

/* SAME BOX AS BUY / SELL */
.rent-card{background:#fff;border-radius:22px;overflow:hidden;box-shadow:0 25px 60px rgba(0,0,0,.08);transition:.4s;position:relative}
.rent-card:hover{transform:translateY(-8px)}

.rent-img{height:200px;background:#f1f5f9;display:flex;align-items:center;justify-content:center}
.rent-img img{max-height:160px;max-width:90%;object-fit:contain}

.rent-badge{position:absolute;top:14px;left:14px;background:linear-gradient(90deg,#6366f1,#22d3ee);color:#fff;font-size:12px;padding:6px 14px;border-radius:20px}

.rent-info{padding:20px}
.rent-info h4{margin-bottom:6px}
.rent-info p{font-size:14px;color:#64748b}
.rent-rating{color:#facc15;margin:8px 0}
.rent-price{font-size:18px;font-weight:700;color:#2563eb}

.rent-btn{margin-top:14px;display:block;text-align:center;padding:12px;border-radius:30px;background:linear-gradient(90deg,#22d3ee,#6366f1);color:#fff;text-decoration:none;font-weight:600}

.rent-pagination{text-align:center;margin-top:40px}
.rent-pagination span{display:inline-block;margin:0 6px;padding:10px 16px;border-radius:50%;background:#e5e7eb;cursor:pointer}
.rent-pagination .active{background:#6366f1;color:#fff}

@media(max-width:1100px){
  .rent-container{grid-template-columns:1fr}
  .rent-grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:600px){
  .rent-grid{grid-template-columns:1fr}
}
/* rent age full section end */



/* blog full css start */
.blog-page{
  padding:100px 20px;
  background:
    radial-gradient(circle at 20% 20%, rgba(34,211,238,0.12), transparent 40%),
    radial-gradient(circle at 80% 80%, rgba(99,102,241,0.12), transparent 40%),
    #f8fafc;
}

.blog-container{max-width:1400px;margin:auto}

/* HEADER */
.blog-head{text-align:center;margin-bottom:70px}
.blog-head span{
  padding:6px 18px;
  border-radius:30px;
  background:#e0f2fe;
  color:#0284c7;
  font-size:13px;
}
.blog-head h2{font-size:36px;margin:14px 0 6px}
.blog-head p{color:#64748b}

/* GRID */
.blog-grid{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:30px;
}

/* CARD */
.blog-card{
  background:#fff;
  border-radius:22px;
  overflow:hidden;
  box-shadow:0 25px 60px rgba(0,0,0,.08);
  transition:.4s;
}
.blog-card:hover{
  transform:translateY(-10px);
  box-shadow:0 35px 80px rgba(34,211,238,.2);
}

/* IMAGE */
.blog-img{
  position:relative;
  height:200px;
  background:#f1f5f9;
  display:flex;
  align-items:center;
  justify-content:center;
}
.blog-img img{
  max-height:150px;
  object-fit:contain;
}
/* .blog-tag{
  position:absolute;
  top:14px;
  left:14px;
  background:linear-gradient(90deg,#22d3ee,#6366f1);
  color:#fff;
  font-size:12px;
  padding:6px 14px;
  border-radius:20px;
} */

/* INFO */
.blog-info{padding:22px}
.blog-info h4{margin-bottom:10px;font-size:17px}
.blog-info p{font-size:14px;color:#64748b;line-height:1.6}

.blog-footer{
  margin-top:18px;
  display:flex;
  justify-content:space-between;
  align-items:center;
}
.blog-footer span{font-size:13px;color:#94a3b8}
.blog-footer a{
  color:#2563eb;
  font-weight:600;
  text-decoration:none;
}

/* PAGINATION */
.blog-pagination{
  margin-top:50px;
  text-align:center;
}
.blog-pagination span{
  display:inline-block;
  margin:0 6px;
  padding:10px 16px;
  border-radius:50%;
  background:#e5e7eb;
  cursor:pointer;
}
.blog-pagination .active{
  background:#6366f1;
  color:#fff;
}

/* RESPONSIVE */
@media(max-width:1200px){
  .blog-grid{grid-template-columns:repeat(3,1fr)}
}
@media(max-width:900px){
  .blog-grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:600px){
  .blog-grid{grid-template-columns:1fr}
  .blog-head h2{font-size:28px}
}
/* blog full css end */




/* contact page 1st section start  */
    .contact-info-premium{
  padding:80px 20px;
  background:
    radial-gradient(circle at 15% 30%, rgba(34,211,238,.15), transparent 45%),
    radial-gradient(circle at 85% 70%, rgba(99,102,241,.15), transparent 45%),
    #f8fafc;
}

.ci-wrap{
  max-width:1100px;
  margin:auto;
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:30px;
}

/* Card */
.ci-box{
  position:relative;
  padding:34px 30px;
  border-radius:22px;
  background:rgba(255,255,255,.85);
  backdrop-filter:blur(10px);
  border:1px solid rgba(99,102,241,.15);
  box-shadow:0 25px 60px rgba(15,23,42,.12);
  transition:.4s ease;
  text-align:center;
}

/* Premium Outline Glow */
.ci-box::before{
  content:"";
  position:absolute;
  inset:0;
  border-radius:22px;
  padding:1px;
  background:linear-gradient(135deg, transparent, rgba(99,102,241,.6), transparent);
  -webkit-mask:
    linear-gradient(#fff 0 0) content-box,
    linear-gradient(#fff 0 0);
  -webkit-mask-composite:xor;
  mask-composite:exclude;
  pointer-events:none;
}

.ci-box:hover{
  transform:translateY(-8px);
  box-shadow:0 40px 90px rgba(79,70,229,.25);
}

/* Center Highlight Card */
.ci-box.highlight{
  background:linear-gradient(135deg,#eef2ff,#f0fdfa);
  border-color:rgba(34,211,238,.35);
}

/* Text Styling */
.ci-label{
  font-size:13px;
  letter-spacing:.12em;
  text-transform:uppercase;
  color:#64748b;
  display:block;
  margin-bottom:10px;
}

.ci-box h3{
  font-size:20px;
  color:#0f172a;
  margin-bottom:6px;
  font-weight:600;
}

.ci-box p{
  font-size:14px;
  color:#475569;
}

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

/* contact page 1st section end  */



/* contact page 2nd section start  */
  .light-tech-cta {
  padding: 100px 20px;
  background:
    radial-gradient(circle at top left, rgba(34,211,238,0.18), transparent 45%),
    radial-gradient(circle at bottom right, rgba(99,102,241,0.18), transparent 45%),
    #f8fafc;
}

.light-cta-container {
  max-width: 1200px;
  margin: auto;
  display: grid;
  grid-template-columns: 1.2fr 0.9fr;
  gap: 60px;
  align-items: center;
}

/* LEFT */
.light-cta-content h2 {
  font-size: 38px;
  font-weight: 700;
  color: #0f172a;
  margin-bottom: 16px;
}

.light-cta-content h2 span {
  color: #06b6d4;
}

.light-cta-badge {
  display: inline-block;
  padding: 6px 14px;
  border-radius: 20px;
  background: #e0f2fe;
  color: #0284c7;
  font-size: 12px;
  margin-bottom: 16px;
}

.light-cta-content p {
  color: #475569;
  font-size: 15px;
  line-height: 1.7;
  max-width: 520px;
  margin-bottom: 24px;
}

.light-cta-points {
  list-style: none;
  padding: 0;
}

.light-cta-points li {
  font-size: 14px;
  color: #334155;
  margin-bottom: 10px;
}

/* FORM */
.light-cta-form {
  background: #ffffff;
  border-radius: 26px;
  padding: 38px 34px;
  box-shadow: 0 30px 60px rgba(15,23,42,0.12);
}

.light-cta-form h3 {
  font-size: 22px;
  color: #0f172a;
  margin-bottom: 6px;
}

.light-cta-form p {
  font-size: 13px;
  color: #64748b;
  margin-bottom: 22px;
}

.light-cta-form form {
  display: flex;
  flex-direction: column;
  gap: 14px;
}

.light-cta-form input,
.light-cta-form select {
  padding: 14px 16px;
  border-radius: 30px;
  border: 1px solid #cbd5e1;
  font-size: 14px;
}

.light-cta-form input:focus,
.light-cta-form select:focus {
  outline: none;
  border-color: #22d3ee;
}

.light-cta-form button {
  padding: 14px;
  border-radius: 30px;
  border: none;
  background: linear-gradient(135deg, #22d3ee, #6366f1);
  color: #ffffff;
  font-size: 15px;
  font-weight: 600;
  cursor: pointer;
  transition: 0.3s;
}

.light-cta-form button:hover {
  transform: translateY(-2px);
  box-shadow: 0 10px 30px rgba(34,211,238,0.35);
}

/* MOBILE */
@media (max-width: 900px) {
  .light-cta-container {
    grid-template-columns: 1fr;
    gap: 40px;
  }

  .light-cta-content h2 {
    font-size: 30px;
  }
}

/* contact page 2nd section end  */




/* detalis page section start */
/* SECTION */
.product-detail{
  padding:100px 20px;
  background:
    radial-gradient(circle at 20% 20%, rgba(34,211,238,0.12), transparent 40%),
    radial-gradient(circle at 80% 80%, rgba(99,102,241,0.12), transparent 40%),
    #f8fafc;
}

.pd-container{
  max-width:1300px;
  margin:auto;
  display:grid;
  grid-template-columns:1fr 1.2fr;
  gap:70px;
  align-items:flex-start;
}

/* GALLERY */
.pd-main-img{
  background:#fff;
  border-radius:24px;
  padding:40px;
  box-shadow:0 30px 70px rgba(0,0,0,.1);
  display:flex;
  justify-content:center;
}
.pd-main-img img{
  max-height:360px;
  object-fit:contain;
}

.pd-thumb{
  display:flex;
  gap:18px;
  margin-top:24px;
}
.pd-thumb img{
  width:100px;
  height:80px;
  object-fit:contain;
  background:#fff;
  border-radius:14px;
  padding:10px;
  cursor:pointer;
  box-shadow:0 15px 30px rgba(0,0,0,.08);
  transition:.3s;
}
.pd-thumb img:hover{
  transform:translateY(-4px);
  box-shadow:0 20px 40px rgba(34,211,238,.25);
}

/* INFO */
.pd-info h1{
  font-size:32px;
  margin-bottom:10px;
  color:#0f172a;
}

.pd-badge{
  display:inline-block;
  margin-bottom:12px;
  padding:6px 16px;
  border-radius:30px;
  background:#e0f2fe;
  color:#0284c7;
  font-size:13px;
}

.pd-rating{
  font-size:15px;
  color:#f59e0b;
  margin-bottom:14px;
}
.pd-rating span{
  color:#64748b;
  font-size:14px;
}

/* PRICE */
.pd-price{
  display:flex;
  align-items:center;
  gap:14px;
  margin-bottom:18px;
}
.pd-price .old{
  color:#94a3b8;
  text-decoration:line-through;
}
.pd-price .new{
  font-size:28px;
  font-weight:700;
  color:#16a34a;
}
.pd-price .off{
  background:#dcfce7;
  color:#15803d;
  padding:4px 10px;
  border-radius:20px;
  font-size:13px;
}

/* DESC */
.pd-desc{
  font-size:15px;
  color:#475569;
  line-height:1.7;
  margin-bottom:22px;
}

/* SPEC */
.pd-spec{
  list-style:none;
  padding:0;
  margin-bottom:26px;
}
.pd-spec li{
  font-size:14.5px;
  color:#334155;
  margin-bottom:8px;
}

/* BUTTONS */
.pd-action{
  display:flex;
  gap:18px;
  margin-bottom:28px;
}

.buy-btn{
  padding:14px 30px;
  background:linear-gradient(90deg,#22d3ee,#6366f1);
  color:#fff;
  border-radius:30px;
  text-decoration:none;
  font-weight:600;
  transition:.3s;
}
.buy-btn:hover{
  transform:translateY(-3px);
  box-shadow:0 15px 40px rgba(34,211,238,.35);
}

.whatsapp-btn{
  padding:14px 26px;
  background:#25d366;
  color:#fff;
  border-radius:30px;
  text-decoration:none;
  font-weight:600;
  transition:.3s;
}
.whatsapp-btn:hover{
  transform:translateY(-3px);
  box-shadow:0 15px 40px rgba(37,211,102,.35);
}

/* TRUST */
.pd-trust{
  display:flex;
  gap:20px;
  flex-wrap:wrap;
  font-size:13.5px;
  color:#64748b;
}

/* RESPONSIVE */
@media(max-width:900px){
  .pd-container{
    grid-template-columns:1fr;
  }
  .pd-main-img img{
    max-height:300px;
  }
}
/* detalis page section end */




/* related product detalis page section start */
.related-products{
  padding:100px 20px;
  background:
    radial-gradient(circle at 20% 20%, rgba(34,211,238,0.12), transparent 40%),
    radial-gradient(circle at 80% 80%, rgba(99,102,241,0.12), transparent 40%),
    #f8fafc;
}

.rp-container{
  max-width:1300px;
  margin:auto;
}

.rp-head{
  text-align:center;
  margin-bottom:60px;
}

.rp-head span{
  background:#e0f2fe;
  color:#0284c7;
  padding:6px 18px;
  border-radius:30px;
  font-size:13px;
}

.rp-head h2{
  font-size:32px;
  margin-top:12px;
}

.rp-grid{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:30px;
}

/* CARD */
.rp-card{
  background:#fff;
  border-radius:22px;
  overflow:hidden;
  box-shadow:0 30px 70px rgba(0,0,0,.08);
  transition:.4s;
  position:relative;
}

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

.rp-card img{
  width:100%;
  height:180px;
  object-fit:contain;
  padding:18px;
  background:#f8fafc;
}

.rp-badge{
  position:absolute;
  top:14px;
  left:14px;
  background:linear-gradient(90deg,#22d3ee,#6366f1);
  color:#fff;
  padding:6px 14px;
  font-size:12px;
  border-radius:30px;
}

.rp-info{
  padding:22px;
}

.rp-info h4{
  font-size:16px;
  margin-bottom:6px;
}

.rp-info p{
  font-size:14px;
  color:#64748b;
  margin-bottom:10px;
}

.rp-rating{
  color:#facc15;
  font-size:14px;
  margin-bottom:10px;
}

.rp-price del{
  color:#94a3b8;
  font-size:14px;
}

.rp-price span{
  font-size:18px;
  font-weight:700;
}

.rp-btn{
  display:block;
  margin-top:14px;
  padding:12px;
  text-align:center;
  border-radius:30px;
  background:linear-gradient(90deg,#22d3ee,#6366f1);
  color:#fff;
  text-decoration:none;
  font-weight:600;
}

/* RESPONSIVE */
@media(max-width:1000px){
  .rp-grid{
    grid-template-columns:repeat(2,1fr);
  }
}
@media(max-width:520px){
  .rp-grid{
    grid-template-columns:1fr;
  }
}
/* related product detalis page section end */



/* footer start  */

.dark-footer {
  background:
    radial-gradient(circle at top left, rgba(34,211,238,0.18), transparent 40%),
    radial-gradient(circle at bottom right, rgba(99,102,241,0.18), transparent 40%),
    linear-gradient(135deg, #020617, #0b1220);
  padding: 90px 20px 30px;
  color: #cbd5f5;
}

/* GRID */
.footer-wrap {
  max-width: 1200px;
  margin: auto;
  display: grid;
  grid-template-columns: 1.4fr 1fr 1fr 1.2fr;
  gap: 60px;
}

/* BRAND */
.footer-logo {
  max-width: 170px;
  margin-bottom: 18px;
}

.footer-brand p {
  font-size: 15.5px;
  line-height: 1.8;
  color: #94a3b8;
}

/* SOCIAL */
.footer-social {
  display: flex;
  gap: 12px;
  margin-top: 20px;
}

.footer-social a {
  width: 42px;
  height: 42px;
  border-radius: 50%;
  background: rgba(255,255,255,0.06);
  display: flex;
  align-items: center;
  justify-content: center;
  color: #e5e7eb;
  font-size: 16px;
  transition: 0.3s;
}

.footer-social a:hover {
  background: linear-gradient(135deg, #22d3ee, #6366f1);
  color: #fff;
  transform: translateY(-4px);
}

/* HEADINGS */
.footer-col h4 {
  font-size: 17px;
  font-weight: 600;
  color: #ffffff;
  margin-bottom: 24px;
  position: relative;
}

.footer-col h4::after {
  content: "";
  width: 40px;
  height: 2px;
  background: linear-gradient(90deg, #22d3ee, #6366f1);
  position: absolute;
  left: 0;
  bottom: -10px;
}

/* LINKS */
.footer-col ul {
  list-style: none;
  padding: 0;
}

.footer-col ul li {
  margin-bottom: 14px;
}

.footer-col ul li a {
  font-size: 15px;
  color: #94a3b8;
  text-decoration: none;
  transition: 0.3s;
}

.footer-col ul li a:hover {
  color: #22d3ee;
  padding-left: 8px;
}

/* CONTACT */
.footer-contact li {
  display: flex;
  align-items: center;
  gap: 14px;
  font-size: 15.5px;
  color: #e5e7eb;
  margin-bottom: 14px;
}

.footer-contact i {
  font-size: 18px;
  background: linear-gradient(135deg, #22d3ee, #6366f1);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

/* MAP SMALL */
.contact-map {
  margin-top: 18px;
  border-radius: 12px;
  overflow: hidden;
  border: 1px solid rgba(255,255,255,0.08);
  box-shadow: 0 12px 30px rgba(0,0,0,0.35);
}

.contact-map iframe {
  width: 100%;
  height: 160px;
  border: 0;
}

/* BOTTOM */
.footer-bottom {
  border-top: 1px solid rgba(255,255,255,0.08);
  margin-top: 60px;
  padding-top: 18px;
  text-align: center;
  font-size: 13.5px;
  color: #64748b;
}

/* MOBILE */
@media (max-width: 900px) {
  .footer-wrap {
    grid-template-columns: 1fr;
    gap: 40px;
  }

  .contact-map iframe {
    height: 180px;
  }
}

.pp-card { position: relative; }
.offer-badge{
  position:absolute; top:12px; right:12px;
  background:#ff3b3b; color:#fff;
  font-size:12px; font-weight:700;
  padding:6px 10px; border-radius:999px;
}
.pp-rating{
  margin:8px 0;
  color:#f5a623;
  font-size:14px;
  letter-spacing:1px;
}
.pp-rating-num{
  color:#555; font-size:12px; margin-left:6px; letter-spacing:0;
}
.tag.rent{background:#16a34a;color:#fff;z-index: 2;}
.tag.buy{ background:#0ea5e9; color:#fff; }

.line-clamp-2{
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  overflow:hidden;
}

/* footer end */