/* ————————————————– */
/* —————— STANDARD CSS —————— */
/* ————————————————– */

/* ——- Media Queries ——- */
@media screen and ( max-width: 980px ) {
.inverse {
display: flex!important;
flex-direction: column-reverse!important;
}
}
/* ——- END Media Queries END ——- */

/* ——- Vertical Align ——- */
.vertical-align-middle {
display: flex !important;
flex-direction: column !important;
justify-content: center !important;
}
.vertical-align-bottom {
display: flex !important;
flex-direction: column !important;
justify-content: flex-end !important;
}
/* ——- END Vertical Align END ——- */

/* ——- Design Image ——- */
.square-image img {
aspect-ratio: 1 / 1!important;
object-fit: cover!important;
}
.rectangle-image img {
aspect-ratio: 1 / 2!important;
object-fit: cover!important;
}
.horizontal-rectangle-image img {
aspect-ratio: 1.8 / 1!important;
object-fit: cover !important;
}
/* ——- END Design Image END ——- */

/* ———————————————————- */
/* —————— END STANDARD CSS END —————— */
/* ———————————————————- */