.classroom {
    display: grid;
    text-align: center;
    padding-top: 3rem;
    border-bottom: 1px solid;
    font-size: 29px;
    color: #4b96c9;
}
.spic{
    display: grid;
    justify-items: center;
    padding-top: 6rem;
}
.spic img{
    width: 42%;
    padding: 1rem;
    box-shadow: 3px 3px 34px 3px

}
.perasmart{
    padding-top: 4rem;
    text-align: justify;
    border-bottom: 1px solid;
    padding-bottom: 32px;
}
.bran{
    padding-top: 5rem;
    display: flex;
    flex-direction: column;
    gap: 3rem;
}
.css img{
    width: 30rem;
    box-shadow: 3px 3px 34px 3px

}
.css{
    display: flex;
    /* align-items: baseline; */
    justify-content: flex-end;
    gap: 72px;
}
.css2{
    display: flex;
    flex-direction: row-reverse;
    gap: 4rem
}
.css2 img{
    width: 30rem;
    box-shadow: 3px 3px 34px 3px
}
.p-css p{
    text-align: justify;
    width: 48rem;
}
.p-css2 p{
    text-align: justify;
    width: 48rem;
}
.last{
    padding-top: 5rem;
    /* border-bottom: 1px solid; */
    background-color: aqua;
}