/* ==================================================
 * ================= GENERAL STYLES =================
 * ==================================================*/
/* ==================== */


/* ==================================================
 * ================= COLOR STYLES ===================
 * ==================================================*/

/* ==================== */

/* ==================================================
 * ================ ALL FORMS STYLES ================
 * ==================================================*/
/* ==================== */


/* ==================== */


/* ==================================================
 * ================= ALL PAGES CSS ==================
 * ==================================================*/

/* ========== HOME PAGE CSS ========== */
.activities-container {
    display: grid;
    grid-template-columns: 1fr 2fr;
    gap: 20px;
}

.activity-detail-wrapper {
    display: grid;
    column-gap: 36px;
    grid-template-columns: 1fr 1fr;
}
/* our-services */
.our-services-container {
    display: grid;
    gap: 24px;
	row-gap: 60px;
    grid-template-columns: 1fr 1fr 1fr;
}
.service-item {
    display: grid;
    gap: 24px;
    grid-template-columns: 60px auto;
}
.service-item h3 {
    font-size: 20px;
    line-height: 1.4em;
}
.service-description {
    font-size: 16px;
    line-height: 1.4em;
}
.service-icon-wrapper {
    position: relative;
}
.service-icon-wrapper img {
    max-width: 60px;
}
.service-number {
    position: absolute;
    top: 0;
    font-size: 5rem;
    font-weight: 600;
    color: #F0F0FF;
    opacity: 0.7;
    z-index: -1;
}

span.star {
    color: #F3AE4A;
	font-size: 20px;
}
.auther-info {
    display: grid;
    gap: 10px;
    grid-template-columns: 50px auto;
}
.auther-info .user-image img {
    border-radius: 50px !important;
}
.testimonial-item-desc {
    font-size: 14px;
    line-height: 1.7em;
	margin-bottom: 20px;
}
.testimonial-item {
    padding: 16px;
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}
.testimonial-wrapper {
    display: grid;
    gap: 36px;
    grid-template-columns: 1fr;
}

.post-meta-wrapper {
    display: grid;
    grid-template-columns: 1fr 1fr;
}

span.date {
   background: #2E3192;
    padding: 8px;
    color: #fff;
    position: absolute;
    top: 20px;
    left: 20px;
    width: 60px;
    text-align: center;
    line-height: 20px;
    border-radius: 8px;
}
/* ==================================================
 * ================= RESPONSIVE CSS =================
 * ==================================================*/