/* ================= css Start ================= */
.page-content-list { margin-bottom: -30px; }
.page-content-item { width: calc(100% + 30px); margin-left: -15px; margin-bottom: 30px; }
.page-content-item:nth-child(even) { flex-direction: row-reverse; }
.page-content-text, .page-content-img-box { width: 50%; padding: 0 15px; }
.page-content-img { border-radius: 5px; overflow: hidden; width: 100%; height: 100%; }
.page-content-img img { width: 100%; height: 100%; object-fit: cover; }
.page-content-text-inner { border-radius: 5px; letter-spacing: -.4px; height: 100%; display: flex; flex-flow: column; justify-content: center; }
.page-content-text-inner.blue-bg, .page-content-text-inner.orange-bg, .page-content-text-inner.teal-bg { padding: 44px 55px; color: #fff; }
.page-content-text-inner h5 { font-size: 16px; margin-bottom: 0; line-height: 22px; font-weight: 800; }
.page-content-text-inner ul li { font-size: 16px; line-height: 22px; margin-bottom: 0; }
.page-content-text-inner ul li::before { background: #fff; left: 0; }

/* ================= css End ================= */

/* ========================================== 
! Large devices (desktops, less than 1200px)
=========================================== */
@media (max-width:1199.98px) { }

/*==========================================
! Medium devices (tablets, less than 992px)
========================================== */
@media (max-width:991.98px) { }

/* =================================================  
 ! Small devices (landscape phones, less than 768px)
 ================================================= */
@media (max-width:767.98px) {
    .page-content-item, .page-content-item:nth-child(even) { flex-flow: column-reverse; margin-bottom: 50px; }
    .page-content-text, .page-content-img-box { width: 100%; }
    .page-content-list { margin-bottom: -50px; }
    .page-content-text-inner { margin-top: 50px; }
    .page-content-text-inner.blue-bg, .page-content-text-inner.orange-bg, .page-content-text-inner.teal-bg{padding: 30px;}
}

/* ======================================================
 ! Extra small devices (portrait phones, less than 576px)
 ====================================================== */
@media (max-width:413.98px) { }