/* design system for heading */
/* for Heading */
.heading-h1{
  font-size: 120px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}
.heading-h2{
  font-size: 96px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}
.heading-h3{
  font-size: 72px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}
.heading-h4{
  font-size: 56px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}
.heading-h5{
  font-size: 48px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}
.heading-h6{
  font-size: 40px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}
.heading-h7{
  font-size: 32px;
  font-style: normal;
  font-weight: 700;
  line-height: 40px; /* 125% */
  letter-spacing: -0.24px;
}
.heading-h8{
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 32px; /* 133.333% */
  letter-spacing: -0.16px;
}
.heading-h9{
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 28px; /* 140% */
  letter-spacing: -0.08px;
}
.heading-h10{
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: 26px; /* 144.444% */
  letter-spacing: -0.04px;
}
.heading-h11{
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 24px; /* 150% */
}
.heading-h12{
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: 20px; /* 142.857% */
  letter-spacing: 0.04px;
}
.heading-h13{
  font-size: 12px;
  font-style: normal;
  font-weight: 700;
  line-height: 16px; /* 133.333% */
  letter-spacing: 0.08px;
}
/* saleh 15/8 */
.medium-h1{
  font-size: 72px;
  font-weight: 500;
  line-height: 80px;
  letter-spacing: -0.7200000286102295px;
}
.medium-h2{
  font-size: 56px;
  font-weight: 500;
  line-height: 72px;
  letter-spacing: -0.5600000023841858px;
}
.medium-h3{
  font-size: 48px;
  font-weight: 500;
  line-height: 64px;
  letter-spacing: -0.4000000059604645px;
}
.medium-h4{
  font-size: 40px;
  font-weight: 500;
  line-height: 48px;
  letter-spacing: -0.3199999928474426px;
}
.medium-h5{
  font-size: 32px;
  font-weight: 500;
  line-height: 48px;
  letter-spacing: -0.23999999463558197px;

}
.medium-h6{
  font-size: 24px;
  font-weight: 500;
  line-height: 32px;
  letter-spacing: -0.1599999964237213px;
}
.medium-h7{
  font-size: 20px;
  font-weight: 500;
  line-height: 28px;
  letter-spacing: -0.07999999821186066px;
}
.medium-h8{
  font-size: 18px;
  font-weight: 500;
  line-height: 24px;
  letter-spacing: -0.03999999910593033px;
}
.medium-h9{
font-size: 16px;
font-weight: 500;
line-height: 24px;
letter-spacing: 0px;
}
.medium-h10{
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  letter-spacing: 0.07999999821186066px;
  }
.medium-h11{
  font-size: 12px;
  font-weight: 500;
  line-height: 16px;
  letter-spacing: 0.03999999910593033px;
}
.heading-expressive-h1{
  font-size: 120px;
  font-weight: 400;
  line-height: 128px;
  letter-spacing: -1.2000000476837158px;
  text-align: left;
}
.heading-expressive-h2{
  font-size: 96px;
  font-weight: 400;
  line-height: 104px;
  letter-spacing: -0.9599999785423279px;
  text-align: left;
}
.heading-expressive-h3{
  font-size: 72px;
  font-weight: 400;
  line-height: 80px;
  letter-spacing: -0.7200000286102295px;
  text-align: left;
}
.heading-expressive-h4{
  font-size: 56px;
  font-weight: 400;
  line-height: 64px;
  letter-spacing: -0.5600000023841858px;
  text-align: left;
}
.heading-expressive-h5{
  font-size: 48px;
  font-weight: 400;
  line-height: 56px;
  letter-spacing: -0.4000000059604645px;
  text-align: left;
}
.heading-expressive-h6{
  font-size: 40px;
  font-weight: 400;
  line-height: 48px;
  letter-spacing: -0.3199999928474426px;
  text-align: left;
}
.heading-expressive-h7{
  font-size: 32px;
  font-weight: 400;
  line-height: 40px;
  letter-spacing: -0.23999999463558197px;
  text-align: left;
}
/* for Body */
.body-b1{
  font-size: 72px;
  font-style: normal;
  font-weight: 400;
  line-height: 80px; /* 111.111% */
  letter-spacing: -0.72px;
}
.body-b2{
  font-size: 56px;
  font-style: normal;
  font-weight: 400;
  line-height: 72px; /* 128.571% */
  letter-spacing: -0.56px;
}
.body-b3{
  font-size: 48px;
  font-style: normal;
  font-weight: 400;
  line-height: 64px; /* 133.333% */
  letter-spacing: -0.4px;
}
.body-b4{
  font-size: 40px;
  font-style: normal;
  font-weight: 400;
  line-height: 48px; /* 120% */
  letter-spacing: -0.32px;
}
.body-b5{
  font-size: 32px;
  font-style: normal;
  font-weight: 400;
  line-height: 48px; /* 150% */
  letter-spacing: -0.24px;
}
.body-b6{
  font-size: 24px;
  font-style: normal;
  font-weight: 400;
  line-height: 32px; /* 133.333% */
  letter-spacing: -0.16px;
}
.body-b7{
font-size: 20px;
font-style: normal;
font-weight: 400;
line-height: 28px; /* 140% */
letter-spacing: -0.08px;
}
.body-b8{
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px; /* 133.333% */
  letter-spacing: -0.04px;
}
.body-b9{
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px; /* 150% */
}
.body-b10{
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px; /* 142.857% */
  letter-spacing: 0.08px;
}
.body-b11{
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 16px; /* 133.333% */
  letter-spacing: 0.04px;
}
@media (max-width: 767px){ 
  .heading-h5 {
    font-size: 32px;
  }
  .heading-h6 {
    font-size: 30px;
  }
  .heading-h11 {
    font-size: 12px;
  }
  .heading-h9 {
    font-size: 14px;
  }
  
}
@media (min-width:768px) and (max-width:864px){
   .heading-h11 {
    font-size: 13px;
  } 
}