.principle-img{
    height: 70px;
}

.principle-header{
    color: white;
    font-size: 1.5em;
    margin-top: 10px !important;

}

.principle-text{
    margin-bottom: 40px !important;
    line-height: 1.5;
    color: white;
}

.principles-content > .wp-block-columns{
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
}

@media screen and (max-width: 1660px) {
    .principles-content > .wp-block-columns{
        grid-template-columns: 1fr 1fr 1fr;
        grid-template-rows: auto auto;
    }
    .principles-content > .wp-block-columns > .wp-block-column:nth-child(4){
        grid-column: 1; /* Start from the second column */
        justify-self: center;
    }
    .principles-content > .wp-block-columns > .wp-block-column:nth-child(5){
        grid-column: 3 !important; /* Start from the second column */
        justify-self: center;
    }

}

@media screen and (max-width: 1110px) {
    .principles-content > .wp-block-columns{
        grid-template-columns: 1fr 1fr;
    }
    .principles-content > .wp-block-columns > .wp-block-column:nth-child(4){
        grid-column: unset; /* Start from the second column */
        justify-self: center;
    }
    .principles-content > .wp-block-columns > .wp-block-column:nth-child(5){
        grid-column: 1 / 3 !important; /* Span across both columns */
        justify-self: center;
        max-width: 450px;
    }
}

@media screen and (max-width: 880px) {
    .principles-content > .wp-block-columns{
        grid-template-columns: 1fr;
    }
    .principles-content > .wp-block-columns > .wp-block-column:nth-child(5){
        grid-column: unset !important; /* Span across both columns */
        justify-self: center;
        max-width: unset;
    }
    .principle-text{
        margin-bottom: 10px !important;
    }
}