/*===============================
        ABOUT HERO
================================*/

.about-hero{

  position:relative;

  overflow:hidden;

  min-height:90vh;

  display:flex;

  justify-content:center;

  align-items:center;

  text-align:center;

  background:#0b0b0b;

  padding:80px 6%;

}
.hero-glow{
  position:absolute;
  width:900px;
  height:900px;
  left:50%;
  top:45%;
  transform:translate(-50%,-50%);
  border-radius:50%;

  background:
  radial-gradient(circle,
  rgba(239,68,68,.30) 0%,
  rgba(239,68,68,.12) 35%,
  transparent 75%);

  filter:blur(90px);

  pointer-events:none;

}
.hero-glow{

  position:absolute;

  width:900px;

  height:900px;

  left:50%;

  top:45%;

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

  border-radius:50%;

  background:
  radial-gradient(circle,
  rgba(239,68,68,.30) 0%,
  rgba(239,68,68,.12) 35%,
  transparent 75%);

  filter:blur(90px);

  pointer-events:none;

}
.about-hero-content{

  position:relative;

  z-index:2;

  max-width:850px;

}
.hero-tag{

  display:inline-flex;

  align-items:center;

  gap:10px;

  padding:14px 28px;

  border:1px solid rgba(255,255,255,.20);

  border-radius:50px;

  color:#ef4444;

  font-size:12px;

  font-weight:700;

  letter-spacing:3px;

  margin-bottom:40px;

}
.about-hero-content h1{

  font-family:'DM Serif Display',serif;

  font-size:4rem;

  color:white;

  margin-bottom:25px;

  line-height:1.1;

}

.about-hero-content h1 span{

  color:var(--primary-color);

}
.about-hero-content p{

  max-width:720px;

  margin:auto;

  color:#b8b8b8;

  font-size:1.2rem;

  line-height:1.8;

}
.about-btn{

  display:inline-flex;

  align-items:center;

  gap:12px;

  margin-top:50px;

  padding:18px 40px;

  border-radius:60px;

  background:var(--primary-color);

  color:white;

  text-decoration:none;

  font-weight:600;

  transition:.35s;

  box-shadow:
  0 15px 40px rgba(239,68,68,.30);

}

.about-btn:hover{

  transform:translateY(-6px);

  box-shadow:
  0 25px 60px rgba(239,68,68,.45);

}
.about-hero::before{
  content:"";
  position:absolute;
  width:350px;
  height:350px;
  border:1px solid rgba(255,255,255,.04);
  border-radius:50%;
  left:-120px;
  top:-120px;
}

.about-hero::after{

  content:"";

  position:absolute;

  width:550px;

  height:550px;

  border:1px solid rgba(255,255,255,.03);

  border-radius:50%;

  right:-180px;

  bottom:-180px;

}

/*=====================================
            OUR STORY
======================================*/

.our-story{

  padding:120px 8%;

  background:#fff;

}

.story-container{

  max-width:1400px;

  margin:auto;

  display:grid;

  grid-template-columns:1fr 1fr;

  gap:90px;

  align-items:center;

}
.story-image{

  position:relative;

}

.story-image img{

  width:100%;

  display:block;

  border-radius:28px;

  object-fit:cover;

  box-shadow:0 35px 70px rgba(0,0,0,.12);

}
.story-badge{

  position:absolute;

  bottom:30px;

  right:-30px;

  width:130px;

  height:130px;

  border-radius:50%;

  background:var(--primary-color);

  color:#fff;

  display:flex;

  flex-direction:column;

  justify-content:center;

  align-items:center;

  box-shadow:0 25px 60px rgba(239,68,68,.35);

}

.story-badge h3{

  font-size:.9rem;

  letter-spacing:2px;

  text-transform:uppercase;

  margin-bottom:5px;

}

.story-badge span{

  font-size:2rem;

  font-weight:700;

}
.story-content .section-tag{

  display:inline-block;

  padding:10px 24px;

  background:#fff5f5;

  color:var(--primary-color);

  border-radius:50px;

  font-size:.85rem;

  font-weight:700;

  letter-spacing:2px;

  margin-bottom:25px;

}

.story-content h2{

  font-family:'DM Serif Display',serif;

  font-size:3.4rem;

  line-height:1.2;

  margin-bottom:30px;

  color:#111;

}

.story-content p{

  font-size:1.1rem;

  line-height:1.9;

  color:#666;

  margin-bottom:25px;

}
.branch-list{

  display:flex;

  gap:20px;

  margin-top:40px;

  flex-wrap:wrap;

}

.branch{

  display:flex;

  align-items:center;

  gap:10px;

  padding:16px 26px;

  border-radius:60px;

  background:#fff;

  border:1px solid #ececec;

  font-weight:600;

  transition:.35s;

}

.branch i{

  color:var(--primary-color);

  font-size:1.2rem;

}

.branch:hover{

  transform:translateY(-6px);

  box-shadow:0 18px 35px rgba(0,0,0,.08);

}
.partnerships{

  padding:120px 8%;

  background:#fafafa;

}
.section-heading{

  text-align:center;

  max-width:700px;

  margin:auto auto 70px;

}

.section-heading h2{

  font-family:'DM Serif Display',serif;

  font-size:3rem;

  margin:20px 0;

}

.section-heading p{

  color:#666;

  line-height:1.8;

}

.trusted-wall{

  margin-top:90px;

  text-align:center;

}

.trusted-wall h3{

  margin-bottom:35px;

  font-size:2rem;

}
.trusted-logos{

  display:flex;

  justify-content:center;

  gap:45px;

  flex-wrap:wrap;

}
.trusted-logos img{

  height:80px;

  opacity:.65;

  transition:.35s;

  filter:grayscale(100%);

}
.trusted-logos img:hover{

  opacity:1;

  filter:none;

  transform:translateY(-5px);

}
/*=============================
    PARTNERSHIP SHOWCASE
==============================*/

.partnership-showcase{

  display:grid;

  grid-template-columns:1.5fr 1fr;

  gap:30px;

  margin-top:70px;

  align-items:stretch;

}

.side-partners{
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:25px;
  align-self:start;
}
.jbl-card{

  background:#fff;

  border-radius:28px;

  padding:50px;

  border:2px solid #D4AF37;

}
.partner-box{

  position:relative;

  background:#fff;

  border-radius:30px;

  padding:30px 22px;

  display:flex;

  flex-direction:column;

  justify-content:center;

  align-items:center;

  text-align:center;

  overflow:hidden;

  border:2px solid #efefef;

  transition:.35s;

}
.jbl-top img{

  height:90px;

  object-fit:contain;

}

.partner-box img{

  width:80px;

  height:80px;

  object-fit:contain;

  margin:0 auto 20px;

}
.partner-badge{

  display:inline-block;

  padding:12px 28px;

  border-radius:40px;

  font-weight:700;

  letter-spacing:1px;

  margin-bottom:30px;

}

.partner-line{

  width:70px;

  height:3px;

  border-radius:20px;

  margin-bottom:28px;

}

.partner-box:hover{

  transform:translateY(-10px);

  box-shadow:0 25px 60px rgba(0,0,0,.10);

}
.jbl-card{

  position:relative;

  background:linear-gradient(180deg,#fff,#fffdf7);

  border:2px solid #D4AF37;

  border-radius:30px;

  padding:60px;

  overflow:hidden;

  box-shadow:0 20px 60px rgba(212,175,55,.18);

  transition:.4s;

}
.jbl-card:hover{

  transform:translateY(-12px);

  box-shadow:0 35px 80px rgba(212,175,55,.28);

}
.jbl-top{

  display:flex;

  justify-content:center;

  margin-bottom:35px;

}
.jbl-top img{

  height:95px;

}
.gold-badge{

  display:inline-block;

  padding:12px 28px;

  border-radius:50px;

  background:#D4AF37;

  color:#fff;

  font-size:.85rem;

  font-weight:700;

  letter-spacing:2px;

  margin-bottom:25px;

}
.gold-line{

  width:70px;

  height:4px;

  background:#D4AF37;

  border-radius:20px;

  margin:22px auto;

}
.award-footer{

  margin-top:40px;

  display:inline-block;

  padding:14px 28px;

  border-radius:50px;

  background:#fff6dc;

  color:#B8860B;

  font-weight:700;

}
.jbl-content{

  text-align:center;

}

.jbl-content h3{

  font-family:'DM Serif Display',serif;

  font-size:2rem;

  margin-bottom:20px;

  color:#222;

}

.jbl-content p{

  color:#666;

  line-height:1.8;

  max-width:430px;

  margin:auto;

}
.jbl-card::before{

  content:"";

  position:absolute;

  width:220px;

  height:220px;

  background:rgba(212,175,55,.08);

  border-radius:50%;

  top:-80px;

  right:-80px;

}
.jbl-card::after{

  content:"";

  position:absolute;

  width:160px;

  height:160px;

  background:rgba(212,175,55,.05);

  border-radius:50%;

  bottom:-60px;

  left:-60px;

}
.corner-ribbon{

  position:absolute;

  top:0;

  right:0;

  width:70px;

  height:70px;

  clip-path:polygon(100% 0,100% 100%,0 0);

  display:flex;

  justify-content:flex-end;

  align-items:flex-start;

  padding:12px;

}

.corner-ribbon i{

  color:white;

  font-size:18px;

}





.samsung-line{

  background:#1428A0;

}

.canon-badge{

  background:#ffe7ed;

  color:#BC002D;

}

.canon-line{

  background:#BC002D;

}
/*=========================
    CUSTOMER REVIEWS
==========================*/

.reviews-section{

  padding:120px 8%;

  background:#fafafa;

}

.reviews-widget{

  max-width:1200px;

  margin:70px auto 0;

}

.dyson-card .partner-badge{
  background:#F2EAFE;
  color:#7C3AED;
}

.dyson-card .partner-line{
  background:#7C3AED;
}

.dyson-card .corner-ribbon{
  background:#7C3AED;
}
.dyson-card .partner-badge{
  background:#F2EAFE;
  color:#7C3AED;
}

.dyson-card .partner-line{
  background:#7C3AED;
}

.dyson-card .corner-ribbon{
  background:#7C3AED;
}
.samsung-card .partner-badge{
  background:#EAF1FF;
  color:#1428A0;
}

.samsung-card .partner-line{
  background:#1428A0;
}

.samsung-card .corner-ribbon{
  background:#1428A0;
}
.canon-card .partner-badge{
  background:#FFE9EE;
  color:#C4002F;
}

.canon-card .partner-line{
  background:#C4002F;
}

.canon-card .corner-ribbon{
  background:#C4002F;
}
.dell-card .partner-badge{
  background:#EAF4FF;
  color:#0A84FF;
}

.dell-card .partner-line{
  background:#0A84FF;
}

.dell-card .corner-ribbon{
  background:#0A84FF;
}