.elementor-kit-5{--e-global-color-primary:#000000;--e-global-color-secondary:#707070;--e-global-color-text:#000000;--e-global-color-accent:#6374D1;--e-global-color-ba9d87d:#C18E25;--e-global-color-5b684e8:#C7A47C;--e-global-typography-primary-font-family:"Bebas Neue";--e-global-typography-primary-font-weight:400;--e-global-typography-secondary-font-family:"Titillium Web";--e-global-typography-secondary-font-weight:600;--e-global-typography-text-font-family:"Inter";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;}.elementor-kit-5 e-page-transition{background-color:#FFBC7D;}.elementor-kit-5 a{color:var( --e-global-color-ba9d87d );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1400px;}.e-con{--container-max-width:1400px;}.elementor-widget:not(:last-child){margin-block-end:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS */.columns-wrapper {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    gap: 30px 30px;
}
.post-wrapper {
    display: block;
    position: relative;
    width: 100%;
}
.post-wrapper img {
    display: block;
    height: 300px;
    object-fit: cover;
}
.post-wrapper .post-title {
    position: absolute;
    top: 0;
    left: 0;
    max-height: 80px;
    overflow: hidden;
    background-color: rgba(0, 0, 0, 0.4);
    color: white;
    font-size: 16px;
    font-weight: 500;
    padding: 6px 10px;
}
@media (max-width: 1024px) {
    .columns-wrapper {
        grid-template-columns: 1fr 1fr 1fr;
    }
    .post-wrapper img {
        height: 180px;
    }

    .post-wrapper .post-title {
        max-height: 70px;
        font-size: 14px;
        padding: 5px 8px;
    }
}
@media (max-width: 600px) {
    .columns-wrapper {
        grid-template-columns: 1fr 1fr;
        gap: 10px 10px;
    }
    .post-wrapper img {
        height: 120px;
    }

    .post-wrapper .post-title {
        max-height: 112px;
        font-size: 14px;
        padding: 3px 5px;
    }
}/* End custom CSS */