:root {
  --pt-blue: #2d78c3;
  --pt-violet: #6959be;
  --pt-yellow: #ffd700;
  --pt-text: #191919;
  --pt-body: #2b2b2b;
  --pt-muted: #f5f7fc;
  --pt-border: #0c8ae5;
}

body {
  margin: 0;
  font-family: "Poppins", sans-serif;
  background: #ffffff;
  color: var(--pt-text);
}

.yard-footfall-page {
  overflow: clip;
}

.yard-footfall-page .container {
  padding-left: 10px !important;
}

.yard-footfall-page img {
  display: block;
  max-width: 100%;
}

.yard-footfall-page .yard-footfall-hero {
  padding: 3rem 0;
  background: linear-gradient(
    252deg,
    var(--pt-violet) 15.2%,
    var(--pt-blue) 80.98%
  );
}

.yard-footfall-page .yard-footfall-hero-copy {
  max-width: 38rem;
  color: #ffffff;
}

.yard-footfall-page .yard-footfall-hero-copy h1 {
  margin: 0 0 1rem;
  color: #ffffff;
  font-size: 2.75rem;
  font-weight: 700;
  line-height: 1.25;
}

.yard-footfall-page .yard-footfall-hero-copy h1 span {
  color: var(--pt-yellow);
}

.yard-footfall-page .yard-footfall-hero-copy .para {
  color: #ffffff; font-size: 1.25rem;font-weight:400;line-height: 1.85;margin: 0; 
}

.yard-footfall-page .yard-footfall-hero-media {
  overflow: hidden;border-radius: 2.15rem;box-shadow: 0 4px 28.9px rgba(0, 0, 0, 0.13);
  background-color: white;min-height: 350px;align-content: center;
}

.yard-footfall-page .yard-footfall-hero-media img {object-fit: contain;width: 70%;height:95%;margin:auto;}

.yard-footfall-page .yard-footfall-content-section {
  padding: 2.5rem 0 5rem; background: var(--pt-muted);
}

.yard-footfall-page .yard-footfall-content-card {
  padding: 1.9rem 1.8rem 2.2rem; border: 1px solid var(--pt-border); border-radius: 1rem;
  background: #ffffff;
}
.yard-footfall-page .yard-footfall-content-card h1{
  font-size: 16px;font-weight: 600;line-height: 30px;
}
.yard-footfall-page .yard-footfall-content-card p,
.yard-footfall-page .yard-footfall-process-list li {
  color: var(--pt-body); font-size: 0.9rem; line-height: 2.15;
}

.yard-footfall-page .yard-footfall-content-card p {
  /*margin: 0 0 1.6rem;*/margin:0 0 0.9rem;
}

.yard-footfall-page .yard-footfall-process-list {
  margin: 0;padding-left: 1.3rem;
}

.yard-footfall-page .yard-footfall-process-list li {
  padding-left: 0.2rem;
}

.yard-footfall-page .yard-footfall-process-list li + li {
  margin-top: 0.25rem;
}


h1,
.h1 {
  text-align: left;font-size: 24px;font-weight: bold;letter-spacing: 0px;color: #2b2a29;line-height: 58px;
}
p,.para,li {font-size: 18px;}
.subcontent p, .subcontent .para {color: #2b2a29;margin: 0 0 25px;}
.subcontent h1, .subcontent .h1 {font-size: 20px;line-height: 54px;color: #2b2a29;margin: 20px 0;}
.subcontent h1 span,.subcontent .h1 span,.subcontent .h1 .span {color: #ffca08;}
.yardimg {margin-bottom: 32px;}
.yardimg img {max-width: 100%;margin: auto;}
.shriram {font-size: 18px;font-weight: bold;}
.final-misscall .container {
  padding-left: var(--bs-gutter-x, 0.75rem);
}
.yardimgm {display: none;}
.g-bg {background: #f9f9f9;width: 100%;margin: auto;}
.container {cursor: default;line-height: 32px;padding-top: 1rem;}
.content-hyperlink {color: blue;text-decoration: underline;}


@media only screen and (max-width: 1280px) {
  .container {  padding: 1rem !important;  line-height: 28px;}
  .yard-footfall-page { margin-top: 100px !important; }
  h1,.h1 {font-size: 28px;margin-top: 0;line-height: 48px; }
  p,.para,li {font-size: 16px;line-height: 28px; margin-top: 0; }
  .subcontent h1,.subcontent .h1 { font-size: 24px;line-height: 38px; }
  .yardimg { margin-bottom: 0px; }
  .final-misscall .container { font-size: 16px; padding-left: var(--bs-gutter-x, 0.75rem); }
  .yard-footfall-page .yard-footfall-content-section{padding-top:0.5rem;padding-bottom: 0.5rem;}
}

@media (max-width: 1199.98px) {
  .yard-footfall-page .yard-footfall-hero-copy .para{font-size: 0.9rem;line-height: 1.6rem;}
  .yard-footfall-page .yard-footfall-hero-copy h1{font-size: 1.75rem;}
  .yard-footfall-page .yard-footfall-hero{padding-top:1rem;padding-bottom:1rem}
  .yard-footfall-page .yard-footfall-hero-media {
    border-radius: 16px;height: fit-content !important;min-height: unset;padding: 2rem 0.35rem;
  }
  .yard-footfall-page .yard-footfall-content-card{ padding: 1.5rem 1.5rem; }
  .yard-footfall-page .yard-footfall-content-card {
    h1, .h1{ 
      font-size: 1rem;line-height: 1.9rem;
     }
  }
}
@media (max-width: 768px) {
  .yard-footfall-page {
    margin-top: 100px;
  }
  .yard-footfall-page .yard-footfall-hero-media {
    min-height: 200px !important;
  }
}