.mantra-title-container {
     display: flex;
     overflow: hidden;
     flex-wrap: nowrap;
     background-image: linear-gradient(#800000, #CF4520);
     white-space: nowrap;
     height: 40px;
   }

   .mantra-title-container .title-mantra {
     color: #FFC457;
     font-size: 16px;
     font-weight: 500;
     display: inline-block;
     padding-right: 50px;
     margin-top: 8px;
     animation: scroll-left 20s linear infinite;

   }



   @keyframes scroll-left {
     0% {
       transform: translateX(100%);
     }

     100% {
       transform: translateX(-100%);
     }
   }


   @media screen and (max-width: 600px) {
     .mantra-title-container .title-mantra {
       font-size: 14px;
       margin-top: 5px;
     }

     .mantra-title-container {
       height: 30px;
     }
   }