.elementor-2252 .elementor-element.elementor-element-7e7858a7{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:100px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2252 .elementor-element.elementor-element-6e8dbb69{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:center;--gap:30px 0px;--row-gap:30px;--column-gap:0px;border-style:solid;--border-style:solid;border-width:0px 0px 1px 0px;--border-top-width:0px;--border-right-width:0px;--border-bottom-width:1px;--border-left-width:0px;border-color:#0E0E0E;--border-color:#0E0E0E;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:30px;--padding-left:0px;--padding-right:0px;}.elementor-2252 .elementor-element.elementor-element-1662f7bf .elementor-heading-title{font-family:"Figtree", Sans-serif;font-size:70px;font-weight:800;color:#6CAB2E;}.elementor-2252 .elementor-element.elementor-element-42654437{text-align:center;font-family:"Figtree", Sans-serif;font-size:18px;font-weight:400;color:#7A7A7A;}.elementor-2252 .elementor-element.elementor-element-611a740b{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:50px;--padding-bottom:80px;--padding-left:0px;--padding-right:0px;}:root{--page-title-display:none;}@media(max-width:1024px){.elementor-2252 .elementor-element.elementor-element-7e7858a7{--padding-top:100px;--padding-bottom:50px;--padding-left:25px;--padding-right:25px;}.elementor-2252 .elementor-element.elementor-element-1662f7bf .elementor-heading-title{font-size:50px;}.elementor-2252 .elementor-element.elementor-element-42654437{text-align:center;font-size:16px;}.elementor-2252 .elementor-element.elementor-element-611a740b{--padding-top:50px;--padding-bottom:80px;--padding-left:25px;--padding-right:25px;}}@media(max-width:767px){.elementor-2252 .elementor-element.elementor-element-42654437{font-size:16px;}}/* Start custom CSS *//* Import Figtree Font */
@import url('https://fonts.googleapis.com/css2?family=Figtree:wght@400;600;700&display=swap');

/* Main Grid Container */
.gekko-blog-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 32px;
    font-family: 'Figtree', sans-serif;
    margin: 0 auto;
}

/* Individual Card Styling */
.gekko-card {
    position: relative;
    display: flex;
    flex-direction: column;
    background: #ffffff;
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.05);
    border: 1px solid #eaeaea;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

/* Hover Effect for the entire card */
.gekko-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 25px rgba(108, 171, 46, 0.2); /* Green glow shadow */
}

/* Make Whole Card Clickable */
.gekko-card-link {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 10;
}

/* Hero Image Container */
.gekko-card-hero {
    width: 100%;
    aspect-ratio: 16 / 9; /* Creates a perfect cinematic hero ratio */
    overflow: hidden;
    background-color: #EFEFEF;
}

.gekko-card-hero img {
    width: 100%;
    height: 100%;
    object-fit: cover; /* Ensures image fills the box without distorting */
    display: block;
    transition: transform 0.5s ease;
}

/* Slight zoom on hero image when card is hovered */
.gekko-card:hover .gekko-card-hero img {
    transform: scale(1.05);
}

/* Card Text Content Container */
.gekko-card-content {
    padding: 24px;
    display: flex;
    flex-direction: column;
    flex-grow: 1;
}

/* Date and Author */
.gekko-card-meta {
    font-size: 13px;
    font-weight: 600;
    color: #6cab2e;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    margin-bottom: 12px;
}

/* Title */
.gekko-card-title {
    font-size: 20px;
    font-weight: 700;
    color: #1a1a1a;
    margin: 0 0 12px 0;
    line-height: 1.3;
    transition: color 0.3s ease;
}

/* Title turns green on hover */
.gekko-card:hover .gekko-card-title {
    color: #6cab2e; 
}

/* Description / Excerpt */
.gekko-card-excerpt {
    font-size: 15px;
    color: #7A7A7A;
    line-height: 1.6;
    margin: 0;
}

/* =========================================
   Responsive Breakpoints
   ========================================= */

/* Tablet (Max Width: 992px) - 2 Columns */
@media screen and (max-width: 992px) {
    .gekko-blog-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 24px;
    }
}

/* Mobile Phone (Max Width: 768px) - 1 Column */
@media screen and (max-width: 768px) {
    .gekko-blog-grid {
        grid-template-columns: 1fr;
        gap: 20px;
    }
    .gekko-card-hero {
        aspect-ratio: 3 / 2; /* Slightly taller hero image on mobile screens */
    }
}/* End custom CSS */