#schedule {
    border-radius: .3rem;
    margin-block: 5rem;


    .schedule-inside{
        background-color: #fff;

        display: flex;

        margin: .75rem;
        align-items: center;
        border-radius: .5rem;
        padding: 1rem;
       /* background-color: #fff;*/
      box-shadow: 0 4px 8px 0 rgba(222, 76, 29, 0.2), 0 6px 20px 0 rgba(222, 76, 29, 0.2);
        border-left-color: #DE4C1D ;
        border-left-style: solid;
        border-left-width: .3rem;


        #timeSection{
            width: 20%;
            span:nth-child(1) {
                color: #DE4C1D;
                font-size: 1.4rem;
                font-weight: 700;
            }

            span:nth-child(2) {
                display: block;
                margin-top: .5rem;
                color:#222;
                text-transform: uppercase;
                font-weight: 500;
            }
        }

            #contentSection{

                width: 100%;
                padding: .75rem;
                border-left: 1px solid #ccc;
                display: grid;
                grid-template-columns: 1fr 250px;
                grid-template-areas:
                "program program"
                "text image";

                gap: 1rem;

                #programSection {
                    grid-area: program;
                    border-bottom: 1px dashed #DE4C1D;
                    padding-block: 1rem;


                    span{
                           color: #222;
                    font-weight: 700;
                    padding: .3rem .3rem;
                  background-color: rgba(222, 76, 29, 0.2);
                    border-radius: .5rem;
                    margin-block: .5rem;
                    }



                }

                #moderatorSection{
                    grid-area: text;

                    & > span {
                        font-size: 17px;
                        color: #222;
                        font-weight: 700;
                    }

                    & p {
                        line-height: 1.4;
                        font-size: 16px;
                        font-weight: 400;
                    }
                }

                #imageSection{
                    grid-area: image;

                    & img {
                        border: 1px solid #DE4C1D;
                        border-radius: 1rem;
                        padding: .5rem;
                        max-width: 50%;

                    }
                }






            }




        }





    }






    @media (max-width: 1024px){

    #schedule{

        .schedule-inside{

            flex-direction: column;
            align-items: stretch;

            #timeSection{
                width: 100%;
                margin-bottom: 1rem;
            }

            #contentSection{

                border-left: none;
                padding-left: 0;

                grid-template-columns: 1fr;

                grid-template-areas:
                    "program"
                    "image"
                    "text";

            }

            #imageSection{

                display: flex;
                justify-content: center;

                img{

                    max-width: 50%;

                }
            }

        }

    }