.container {
            max-width: 1240px;
            margin: 0 auto;
         
            text-align: center;
        }  

  .about-section {
            display: grid;
            grid-template-columns: 1fr 1fr;
          // gap: 60px;
            align-items: center;
            min-height: 500px;
        }

        .content-hero {
            padding-right: 20px;
              text-align: start;
        }

        .section-label {
          font-family: Poppins;
font-weight: 400;
font-size: 28px;
line-height: 38px;
letter-spacing: 0%;
text-transform: uppercase;
color:#1C2E69;
        }

        .main-heading {
            font-family: 'Poppins', sans-serif;
               color: #1c2e69;
    font-family: Poppins;
    font-size: 56px !important;
    font-weight: 600 !important;
    line-height: 66px;
    text-align: left;
    text-decoration-skip-ink: none;
    text-underline-position: from-font;
          
        }

        .main-heading .about {
            color: #1C2E69;
        }

        .main-heading .niche-academy {
            color: #66AB5C;
        }

        .motto {
          font-family: Roboto;
font-weight: 400;
font-size: 20px;
line-height: 30px;
letter-spacing: 0%;
color:#8A8A8A;
        }

        .highlight-text {
         font-family: Roboto;
font-weight: 500;
font-style: italic;
font-size: 32px;
letter-spacing: 0%;
color:#1C2E69;
        }

        .description {
font-family: Roboto;
font-weight: 400;
font-size: 20px;
line-height: 30px;
letter-spacing: 0%;

            color: #8A8A8A;

        }

        .image-container-hero {
            display: flex;
            align-items: center;
            justify-content: center;
            border-radius: 20px;
            overflow: hidden;
            
        }

        .about-image {
            width: 100%;
            height: 100%;
            object-fit: cover;
            border-radius: 20px;
        }

        @media (max-width: 768px) {
          
          .motto, .highlight-text , .description {
               text-align: left; 
          }
          
            .about-section {
                grid-template-columns: 1fr;
                gap: 40px;
            }

            .main-heading {
                font-size: 40px !important;
            }

            .highlight-text {
                font-size: 20px;
            }

            .content-hero {
                padding-right: 0;
              text-align:center;
            }
        }