@font-face {
       font-family: 'Tajawal';
       src: url('fonts/Tajawal-Regular.ttf') format('truetype');
       font-weight: 400;
       font-style: normal;
     }

     @font-face {
       font-family: 'Tajawal';
       src: url('fonts/Tajawal-Medium.ttf') format('truetype');
       font-weight: 500;
       font-style: normal;
     }

     @font-face {
       font-family: 'Tajawal';
       src: url('fonts/Tajawal-Bold.ttf') format('truetype');
       font-weight: 700;
       font-style: normal;
     }

     @font-face {
       font-family: 'Tajawal';
       src: url('fonts/Tajawal-Black.ttf') format('truetype');
       font-weight: 900;
       font-style: normal;
     }

     @font-face {
       font-family: 'Tajawal';
       src: url('fonts/Tajawal-Light.ttf') format('truetype');
       font-weight: 300;
       font-style: normal;
     }

     .breaker {

       background-color: #ff5722;
       height: 1.5cm;
       width: 32cm;
       display: flex;
       justify-content: center;
       align-items: center;
       font-size: 1.2rem;
       color: white;
       box-sizing: border-box;
       margin: auto;
       font-size: 1.5rem;
     }

     /* Responsive fallback for smaller screens */
     @media (max-width: 768px) {
       .breaker {
         width: 100%;
         height: auto;
         padding: 1rem;
         font-size: 1rem;
       }
     }