.school__info__wrapper .school__info__card .col-md-3{
    background: #FFFFFF;
    padding: 20px;
    box-shadow: 0px 0px 14px 2px #eeeaea;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    cursor: pointer;
}

.school__info__wrapper .school__info__card .col-md-3:hover p:nth-child(1) {
color: var(--tp-theme-primary);;
    transition: 0.5s ease-in-out;
    -webkit-transition: 0.5s ease-in-out;
    -moz-transition: 0.5s ease-in-out;
    -ms-transition: 0.5s ease-in-out;
    -o-transition: 0.5s ease-in-out;
}


.school__info__wrapper .school__info__card .col-md-3 p:nth-child(1){
    color: #000000;
    font-size: 24px;
    font-weight: 700;
}
.school__info__wrapper .school__info__card .row{
    gap:30px;
}
.why__campass__inner__items p:nth-child(1){
    color: #000000;
    font-size: 24px;
    font-weight: 700;
}
.menu__items p:nth-child(1){
    color: #000000;
    font-size: 22px;
    font-weight: 700;
}
.menu__item__text {
    border-bottom: 1px solid #CACACA;
}

.why__campass__wrapper {
    background: #F6F4EE;
}
.purple__link{
    color: #6647D0;
    font-size: 14px;
    font-weight: 600;
}

.investing__future__wrapper .row .col-md-3 p:nth-child(2){
    color: #000000;
}

.investing__future__wrapper p:nth-child(4){
    color: #000000;
    font-size: 26px;
    font-weight: 700;
}
.image__grid__wrapper{
    display: grid;
    gap: 18px;
}
.image__grid__wrapper #gallery-item-1 {
    grid-area: 1 / 1 / 3 / 1;
}
#gallery-item-3 {
    grid-area: 4 / 4 / 1 / 2;
}
#gallery-item-4 {
    grid-area: 1 / 5 / 2 / 4;
}
#gallery-item-6 {
    grid-area: 1 / 5 / 1 / 5;
}
#gallery-item-2 {
    grid-area: 3 / 1 / 4 / 1;
}
#gallery-item-5 {
    grid-area: 2 / 4 / 4 / 5;
}
#gallery-item-7 {
    grid-area: 3 / 5 / 2 / 5;
}
#gallery-item-8 {
    grid-area: 3 / 5 / 4 / 5;
}

.gallery-item img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}

@media (min-width: 768px) {
    .school__info__wrapper .school__info__card .col-md-3 {
        flex: 0 0 auto;
        width: 23%;
    }
    .investing__future__wrapper .col-md-3 {
        flex: 0 0 auto;
        width: 22%;
    }
    .mobile__img{
        display: none;
    }
}

@media screen and (max-width:678px) {
    #gallery-item-1,#gallery-item-2,#gallery-item-3,#gallery-item-4,#gallery-item-5,#gallery-item-6,#gallery-item-7,#gallery-item-8{
        grid-area: auto !important;
    }
    .image__grid__wrapper {
        overflow-x: auto;
        justify-content: flex-start;
        scroll-snap-type: x mandatory;
        grid-auto-flow: column;
        grid-auto-columns: minmax(250px, 300px);
        grid-template-columns: repeat(auto-fill, minmax(250px, 300px));
        scrollbar-width: none;
    }
    .investing__future__wrapper .row .col-md-3 p:nth-child(2) {
        margin-top: 15px;
    }
    .investing__future__wrapper .row{
        gap: 24px;
    }
    .desktop__img{
        display: none;
    }
    .mobile__img{
        display: block;
    }
    .compass__group__logo{
        flex-direction: column !important;
        gap: 0 !important;
    }
}