/* About Page — light corporate red & white theme */
body.about-page-light {
  background:#f6f7f9 !important;
  color:#27303a;
}

.about-page-light .about-area.four {
  position:relative;
  overflow:hidden;
  background:linear-gradient(135deg,#ffffff 0%,#fff8f8 55%,#f4f6f8 100%) !important;
  padding-top:82px !important;
  padding-bottom:78px !important;
}
.about-page-light .about-area.four:before {
  content:"";
  position:absolute;
  width:460px;
  height:460px;
  right:-180px;
  top:-210px;
  border-radius:50%;
  background:rgba(193,18,31,.055);
}
.about-page-light .about-area.four:after {
  content:"";
  position:absolute;
  left:-130px;
  bottom:-210px;
  width:380px;
  height:380px;
  border-radius:50%;
  background:rgba(193,18,31,.04);
}
.about-page-light .about-area.four .container {position:relative;z-index:2;}

.about-page-light .corporate-collage {
  background:#fff !important;
  border:1px solid #eadde0 !important;
  border-radius:20px !important;
  padding:14px !important;
  box-shadow:0 18px 45px rgba(38,26,29,.11) !important;
  overflow:hidden;
}
.about-page-light .collage-heading {
  background:linear-gradient(90deg,#fff4f5,#fff) !important;
  border:1px solid #f0d7da !important;
  border-radius:12px !important;
  padding:11px 13px !important;
  margin-bottom:12px !important;
  color:#252a31 !important;
}
.about-page-light .collage-heading span {color:#c1121f !important;letter-spacing:1.15px;font-weight:800;}
.about-page-light .collage-heading strong {color:#252a31 !important;}
.about-page-light .nayyar-product-tile {
  background:#fff !important;
  border:1px solid #e5e8ec !important;
  border-radius:12px !important;
  box-shadow:0 7px 18px rgba(20,27,36,.07) !important;
  overflow:hidden;
  transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease;
}
.about-page-light .nayyar-product-tile:hover {transform:translateY(-4px);box-shadow:0 13px 25px rgba(193,18,31,.13) !important;border-color:#d96b74 !important;}
.about-page-light .nayyar-product-tile img {background:#fff !important;}
.about-page-light .nayyar-product-tile span {
  background:#fff !important;
  color:#232830 !important;
  border-top:1px solid #eceff2 !important;
  font-weight:700 !important;
}
.about-page-light .nayyar-product-tile:hover span {color:#c1121f !important;}

.about-page-light .about-content {padding-left:24px;}
.about-page-light .about-content .section-title .sub-title,
.about-page-light .nayyar-profile-sections .sub-title {color:#c1121f !important;font-weight:800;letter-spacing:1.3px;}
.about-page-light .about-content .section-title h2 {color:#c1121f !important;font-size:39px;line-height:1.18;margin-bottom:20px;}
.about-page-light .about-content .section-title p,
.about-page-light .about-content .about-p {color:#4a535e !important;line-height:1.82 !important;}

.about-page-light .nayyar-offer-grid {margin-top:25px;}
.about-page-light .nayyar-offer-grid > div {margin-bottom:18px;}
.about-page-light .nayyar-offer-grid ul {
  height:100%;
  display:flex !important;
  gap:15px;
  align-items:flex-start;
  background:#fff !important;
  border:1px solid #e5e8ec !important;
  border-left:4px solid #c1121f !important;
  border-radius:13px !important;
  padding:19px 18px !important;
  box-shadow:0 8px 24px rgba(30,38,48,.075) !important;
  transition:transform .25s ease,box-shadow .25s ease;
}
.about-page-light .nayyar-offer-grid ul:hover {transform:translateY(-4px);box-shadow:0 14px 28px rgba(193,18,31,.12) !important;}
.about-page-light .nayyar-offer-grid ul li:first-child {
  flex:0 0 48px;
  width:48px;height:48px;
  display:flex;align-items:center;justify-content:center;
  border-radius:11px;
  background:#fff0f1 !important;
  color:#c1121f !important;
}
.about-page-light .nayyar-offer-grid ul li:first-child i {color:#c1121f !important;font-size:25px;}
.about-page-light .nayyar-offer-grid h3 {color:#252a31 !important;font-size:18px;margin:1px 0 7px;}
.about-page-light .nayyar-offer-grid p {color:#64707c !important;line-height:1.58 !important;margin:0;}

.about-page-light .nayyar-info-section {
  background:#f4f6f8 !important;
  padding:82px 0 90px !important;
  position:relative;
}
.about-page-light .profile-heading h2 {color:#252a31 !important;font-size:38px;}
.about-page-light .profile-heading p {color:#66717c !important;}
.about-page-light .profile-list-grid,
.about-page-light .profile-content-grid {gap:22px !important;}
.about-page-light .nayyar-info-card {
  background:#fff !important;
  border:1px solid #e2e6ea !important;
  border-top:4px solid #c1121f !important;
  border-radius:15px !important;
  box-shadow:0 10px 30px rgba(27,36,46,.075) !important;
  color:#4c5661 !important;
  padding:28px 28px !important;
  transition:transform .25s ease,box-shadow .25s ease;
}
.about-page-light .nayyar-info-card:hover {transform:translateY(-4px);box-shadow:0 16px 34px rgba(193,18,31,.11) !important;}
.about-page-light .nayyar-info-card h3 {color:#252a31 !important;margin-bottom:15px;}
.about-page-light .nayyar-info-card p,
.about-page-light .nayyar-info-card li {color:#56616d !important;line-height:1.72 !important;}
.about-page-light .nayyar-info-card li:before,
.about-page-light .nayyar-info-card li i {color:#c1121f !important;}
.about-page-light .profile-tagline {
  background:#fff1f2 !important;
  color:#a90d19 !important;
  border:1px solid #efd0d3 !important;
  border-radius:9px;
  padding:12px 16px !important;
  font-weight:800 !important;
}
.about-page-light .full-width-card {text-align:center;}

@media (max-width:991px){
  .about-page-light .about-content {padding-left:0;margin-top:38px;}
  .about-page-light .about-content .section-title h2 {font-size:33px;}
}
@media (max-width:767px){
  .about-page-light .about-area.four {padding-top:55px !important;padding-bottom:50px !important;}
  .about-page-light .corporate-collage {padding:10px !important;border-radius:15px !important;}
  .about-page-light .about-content {margin-top:30px;}
  .about-page-light .about-content .section-title h2 {font-size:29px;}
  .about-page-light .nayyar-offer-grid ul {padding:16px !important;}
  .about-page-light .nayyar-info-section {padding:58px 0 65px !important;}
  .about-page-light .profile-heading h2 {font-size:29px;}
  .about-page-light .nayyar-info-card {padding:22px 20px !important;}
}

/* 2026-07-16: keep About product icons visible on hover */
.about-page-light .nayyar-offer-grid ul:hover li:first-child {
  background:#fff0f1 !important;
  border-color:#f1c5ca !important;
  color:#c1121f !important;
}
.about-page-light .nayyar-offer-grid ul:hover li:first-child i,
.about-page-light .nayyar-offer-grid ul:hover li:first-child i::before,
.about-page-light .nayyar-offer-grid ul li:first-child i,
.about-page-light .nayyar-offer-grid ul li:first-child i::before {
  color:#c1121f !important;
  background:transparent !important;
  opacity:1 !important;
  visibility:visible !important;
  -webkit-text-fill-color:#c1121f !important;
}
.about-page-light .about-content .nayyar-offer-grid ul:hover i {
  color:#c1121f !important;
  background-color:transparent !important;
}

/* 2026-07-16 final: About feature icons must remain visible on hover */
body.about-page-light .about-area.four .about-content .nayyar-offer-grid ul li:first-child,
body.about-page-light .about-area.four .about-content .nayyar-offer-grid ul:hover li:first-child {
  background:#fff0f1 !important;
  border:1px solid #f1c5ca !important;
  color:#c1121f !important;
  opacity:1 !important;
  visibility:visible !important;
}
body.about-page-light .about-area.four .about-content .nayyar-offer-grid ul li:first-child > i,
body.about-page-light .about-area.four .about-content .nayyar-offer-grid ul:hover li:first-child > i,
body.about-page-light .about-area.four .about-content .nayyar-offer-grid ul li:first-child > i::before,
body.about-page-light .about-area.four .about-content .nayyar-offer-grid ul:hover li:first-child > i::before {
  color:#c1121f !important;
  background:none !important;
  background-color:transparent !important;
  -webkit-text-fill-color:#c1121f !important;
  opacity:1 !important;
  visibility:visible !important;
  display:inline-block !important;
  filter:none !important;
  text-shadow:none !important;
  transform:none !important;
}