* {
            padding: 0px;
            margin: 0px;
            box-sizing: border-box;
        }

        #about {
            text-align: center;
            color: #C4261C;
            font-weight: 500;
            font-size: 36px;
        }

        body {
            background-image: url(https://s3-alpha-sig.figma.com/img/5415/d9b8/bbd393c33c64b19a7cfd4574ceeb7bac?Expires=1735516800&Key-Pair-Id=APKAQ4GOSFWCVNEHN3O4&Signature=jdv9u2tv0j9Q4Y215PDZ69dreRJhyHZMGK592UEO6qPD9~o4sDzbNKdOR9rNd~s3ndnd~dt7cv5P1Js6ZY0sPu6jZs6jq2ykqdCUZmkBsMhYJ8uvm8WveQvsHIvK0qDqQgaLYh7OWRnikxi6Gmyu4ojnF~4xUTt44jtydUl~98BCU1yiNSNMmF~dG1J7Q2l5F0eeDQZOF0kJZBEngIMeRzCikedmRegxHXxJFEWcXrTVZqsa1KB17zolJRkEm5ChPRAiwN2g41kiGgJsAkQ0nczNVvEZudDoFQIll8Ut32K1kt2iRhA6cN9QYbSU2viTwRZEmb0cnrNNbW7uJ1X5gA__);
            background-size: cover;
            background-repeat: no-repeat;
            background-position: center;
        }

        .item1 {
            flex: 1;
            font-size: 18px;
            font-weight: 400;
            margin-right: 40px;
            text-align: justify;
        }

        .container {
            display: flex;
            align-items: center;
        }

        .image{
            margin-top: auto;
            margin-bottom: auto;
        }

        .KiranSeth {
            display: flex;
            flex: 1;
            flex-direction: column;
        }

        .imagedes {
            text-align: center;
            font-size: 18px;
            font-weight: 600;
            color: #C4261C;
            margin-top: 20px;
        }

        .image2 {
            flex: 1;
            margin: auto;
        }

        .image2 img {
            padding-left: 40px;
            width: 90%;

        }

        .flexbox2 {
            display: flex;
             margin-top: 15px;
        }

        .text2 {
            flex: 1;
            font-size: 18px;
            font-weight: 400;
            padding: 30px;
        }

        #pillars {
            font-size: 28px;
            font-weight: 600;
            line-height: 38.73px;
            color: #C4261C;
        }

        .class {
            font-size: 24px;
            font-weight: 500;
            color: #C4261C;
            margin-bottom: 0px;
        }

        .flexbox3,
        .flexbox4 {
            display: flex;
            align-items: stretch;
            flex-wrap: wrap;
            justify-content: space-evenly;
        }

        .content {
            padding: 0px 10px 20px 10px;
        }

        .artists,
        .Volunteers,
        .Supporters,
        .Institutions {
            background-color: white;
            border-radius: 50px;
            width: 46%;
            font-size: 18px;
            font-weight: 400;
            text-align: center;
            margin: 15px;
            padding: 20px;
        }
        
        .flexbox5,
        .flexbox6 {
            display: flex;
             align-items: center;
        }

        .flexbox6 {
            flex-direction: row-reverse;
        }

        .sm {
            font-size: 32px;
            font-weight: 500;
            color: #C4261C;
        }

        .text3 {
            font-size: 18px;
            font-weight: 400;
            flex: 1;
        }

        .teamim {
            flex: 1;
        }

        .teamim img {
            border-radius: 1rem;
            margin-left: 20px;
            width: 100%;
        }

        #pic {
            flex: 1;
        }

        #pic img {
            border-radius: 1rem;
            width: 100%;
        }

        .text4 {
            flex: 1;
            font-size: 18px;
            font-weight: 400;
            margin-left: 20px;
        }

        @media only screen and (max-width:1199px) {
            .flexbox2 {
                margin-top: 0px;
             }
             
            .container {
                display: block;
            }

            .item1 {
                margin-right: 0px;
            }

            .image {
                margin-top: 40px;
            }
        }

        @media only screen and (max-width:670px) {
            .flexbox2 {
                display: block;
            }

            .text2{
                padding: 0px;
            }
            
            .image2 {
                margin-top: 30px;
            }
        }

        @media only screen and (max-width:1100px) {

            .flexbox3,
            .flexbox4,
            .flexbox5,
            .flexbox6 {
                display: block;
            }

            .flexbox4 {
                margin-top: 0px;
            }

            .teamim img {
                margin-left: 0px;
                display: block;
                margin-top: 20px;
            }

            .text4 {
                margin-left: 0px;
            }

            #pic img {
                display: block;
                margin-top: 20px;
            }

            .artists,
            .Volunteers,
            .Supporters,
            .Institutions {
                width: auto;
            }
        }