.about-ma {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
  .about-ma .bg-img {
    height: 100vh;
    width: 50vw; }
  .about-ma .content {
    padding: 60px 60px 0;
    width: 50vw; }
    .about-ma .content .item {
      margin-top: 200px; }
      .about-ma .content .item .botm h2 {
        font-size: 100px;
        font-weight: 600;
        line-height: 1;
        opacity: .1; }
        .about-ma .content .item .botm h2 span {
          font-size: 80px; }
      .about-ma .content .item .botm h6 {
        font-size: 18px;
        font-weight: 400;
        line-height: 1.6;
        letter-spacing: 1px;
        text-transform: uppercase;
        padding-bottom: 15px; }


              @font-face {
          font-family: 'MontHeavyDemo';
          src: url('../common/fonts/mont/Mont-HeavyDEMO.otf') format('opentype');
          font-weight: 600; /* Optional: You can set the correct weight */
          font-style: normal; /* Optional: Adjust if italic, etc. */
      }



        .slide-har.st1 .box .item h3 span{
          font-family: 'MontHeavyDemo'; 
          font-weight: 800;
        }