.text-kalam {
  font-family: 'Kalam', cursive;
}

         .about-primary-text{
         color:#CF2027
         }
         .about-primary-bg{
         background:#CF2027
         }
         .about-history-hero-section {
         position: relative;
         background: url('../../images/about/history/hero-bg.webp') center/cover no-repeat;
         height: 665px;
         }
         .about-history-hero-overlay {
         position: absolute;
         inset: 0;
         background: rgba(0, 0, 0, 0.5);
         }
         .about-history-hero-overlay h1 {
         font-family: 'Times New Roman', serif;
         font-weight: 700;
         font-size: 7.375rem;
         line-height: 1;
         letter-spacing: 0;
         margin-bottom: 0px;
         text-align: left;
         float: right;
         }
         .about-history-overlay-text2 .about-history-uni{
         margin-top: -14px;
         } 
         @media (max-width: 1200px) {
         .about-history-hero-overlay h1 {
         font-size: 5rem; /* ~96px */
         }
         }
         @media (max-width: 992px) {
         .about-history-hero-overlay h1 {
         font-size: 4rem; /* ~80px */
         }
         }
         @media (max-width: 768px) {
         .about-history-hero-overlay h1 {
         font-size: 3rem; /* ~64px */
         text-align: center;
         float: unset;
         }
         .about-history-overlay-text2 .about-history-uni{
         margin-top: unset;
         } 
         .about-history-overlay-text2 span{
         text-align: center;
         }
         }
         @media (max-width: 576px) {
         .about-history-hero-overlay h1 {
         font-size: 3rem; /* ~48px */
         text-align: center;
                  float: unset;

         }
         .about-history-overlay-text2 .about-history-uni{
         margin-top: unset;
         } 
         .about-history-overlay-text2 span{
         text-align: center;
         }
           .about-history-hero-section {
            height: 500px;
            max-height: 500px;
         }
         }
         .about-history-text-outline {
         color: #c90000;
         text-shadow:
         -2px -2px 0 #fff,
         2px -2px 0 #fff,
         -2px  2px 0 #fff,
         2px  2px 0 #fff;
         }
         .about-history-interFont {
         font-family: 'Inter', sans-serif;
         }