.elementor-4037 .elementor-element.elementor-element-fd74d13{--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;}.elementor-4037 .elementor-element.elementor-element-daccec1{transition:all 400ms;}.elementor-4037 .elementor-element.elementor-element-262bdee{--display:flex;}.elementor-4037 .elementor-element.elementor-element-be0bb46{--grid-row-gap:35px;transition:all 400ms;--grid-column-gap:30px;}.elementor-4037 .elementor-element.elementor-element-be0bb46 .elementor-posts-container .elementor-post__thumbnail{padding-bottom:calc( 0.66 * 100% );}.elementor-4037 .elementor-element.elementor-element-be0bb46:after{content:"0.66";}.elementor-4037 .elementor-element.elementor-element-be0bb46 .elementor-post__thumbnail__link{width:100%;}.elementor-4037 .elementor-element.elementor-element-be0bb46 .elementor-post__meta-data span + span:before{content:"///";}.elementor-4037 .elementor-element.elementor-element-be0bb46.elementor-posts--thumbnail-left .elementor-post__thumbnail__link{margin-right:20px;}.elementor-4037 .elementor-element.elementor-element-be0bb46.elementor-posts--thumbnail-right .elementor-post__thumbnail__link{margin-left:20px;}.elementor-4037 .elementor-element.elementor-element-be0bb46.elementor-posts--thumbnail-top .elementor-post__thumbnail__link{margin-bottom:20px;}@media(max-width:767px){.elementor-4037 .elementor-element.elementor-element-be0bb46 .elementor-posts-container .elementor-post__thumbnail{padding-bottom:calc( 0.5 * 100% );}.elementor-4037 .elementor-element.elementor-element-be0bb46:after{content:"0.5";}.elementor-4037 .elementor-element.elementor-element-be0bb46 .elementor-post__thumbnail__link{width:100%;}}/* Start custom CSS for heading, class: .elementor-element-daccec1 *//* ==============================================
   MAXIN SOLUTIONS
   BLOG PAGE — ELEMENTOR VERSION

   Page ID: 4037
   Font: Plus Jakarta Sans
   Brand Color: #B56727
   ============================================== */


/* 01. BRAND FONT */

@import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap');


/* ==============================================
   02. PAGE FOUNDATION
   ============================================== */

body.page-id-4037 {
    background: #ffffff !important;
    color: #1b1b1b;
}

#content.site-main.post-4037 {
    --maxin-orange: #b56727;
    --maxin-black: #1b1b1b;
    --maxin-gray: #686868;
    --maxin-white: #ffffff;
    --maxin-cover: #f5f3f0;

    width: 100vw !important;
    max-width: none !important;

    margin-left: calc(50% - 50vw) !important;
    margin-right: 0 !important;

    padding: 0 !important;

    background: #ffffff !important;
    color: var(--maxin-black);

    font-family: 'Plus Jakarta Sans',
                 Arial, sans-serif;
}

#content.post-4037 *,
#content.post-4037 *::before,
#content.post-4037 *::after {
    box-sizing: border-box;
}


/* ==============================================
   03. HIDE DUPLICATE WORDPRESS PAGE TITLE

   Elementor already has its own
   heading widget saying "Blogs".
   ============================================== */

#content.post-4037 > .page-header {
    display: none !important;
}


/* ==============================================
   04. PAGE CONTENT AND ELEMENTOR WRAPPER
   ============================================== */

#content.post-4037 .page-content {
    display: block !important;

    width: 100% !important;
    max-width: none !important;

    margin: 0 !important;
    padding: 0 !important;

    background: #ffffff !important;
}

#content.post-4037 .elementor-4037 {
    width: 100% !important;
    max-width: none !important;

    margin: 0 !important;
    padding: 0 !important;

    background: #ffffff;
}


/* ==============================================
   05. OUR BLOGS HEADING SECTION

   Actual Elementor container:
   fd74d13

   Full-width, very light background.
   ============================================== */

#content.post-4037
.elementor-4037
.elementor-element-fd74d13.e-con {
    width: 100% !important;
    max-width: none !important;

    margin: 0 !important;
    padding: 0 !important;

    background: #faf9f7 !important;

    border: none !important;
    box-shadow: none !important;
}


/* Heading inner container */

#content.post-4037
.elementor-element-fd74d13.e-con-boxed
> .e-con-inner {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    width: 85% !important;
    max-width: none !important;

    min-height: 130px;

    margin-left: auto !important;
    margin-right: auto !important;

    padding: 30px 0 !important;
}


/* Heading widget */

#content.post-4037
.elementor-element-daccec1 {
    width: 100% !important;
    max-width: none !important;

    margin: 0 !important;
    padding: 0 !important;

    text-align: center !important;
}

#content.post-4037
.elementor-element-daccec1
.elementor-widget-container {
    margin: 0 !important;
    padding: 0 !important;

    text-align: center !important;
}


/* Actual "Blogs" heading */

#content.post-4037
.elementor-element-daccec1
.elementor-heading-title {
    margin: 0 !important;
    padding: 0 !important;

    font-family: 'Plus Jakarta Sans',
                 Arial, sans-serif !important;

    font-size: clamp(32px, 3.4vw, 44px) !important;
    font-weight: 700 !important;

    line-height: 1.2 !important;
    letter-spacing: -0.055em !important;

    color: #1b1b1b !important;

    text-align: center !important;
    text-transform: none !important;
}


/* ==============================================
   06. BLOG POSTS SECTION

   Actual Elementor container:
   262bdee
   ============================================== */

#content.post-4037
.elementor-4037
.elementor-element-262bdee.e-con {
    width: 100% !important;
    max-width: none !important;

    margin: 0 !important;
    padding: 48px 0 100px !important;

    background: #ffffff !important;

    border: none !important;
    box-shadow: none !important;
}


/* ==============================================
   07. MAIN CONTENT WIDTH — 85% DESKTOP

   Override Elementor's default boxed
   container maximum width.
   ============================================== */

#content.post-4037
.elementor-element-262bdee.e-con-boxed
> .e-con-inner {
    display: block !important;

    width: 85% !important;
    max-width: none !important;

    min-width: 0 !important;

    margin-left: auto !important;
    margin-right: auto !important;

    padding: 0 !important;
}


/* ==============================================
   08. POSTS WIDGET FULL WIDTH

   Actual widget:
   be0bb46
   ============================================== */

#content.post-4037
.elementor-element-be0bb46 {
    display: block !important;

    width: 100% !important;
    max-width: none !important;

    min-width: 0 !important;

    margin: 0 !important;
    padding: 0 !important;
}

#content.post-4037
.elementor-element-be0bb46
> .elementor-widget-container {
    width: 100% !important;
    max-width: none !important;

    margin: 0 !important;
    padding: 0 !important;
}


/* ==============================================
   09. BLOG POSTS GRID

   3 columns on desktop.
   Left-aligned, not centered.
   ============================================== */

#content.post-4037
.elementor-element-be0bb46
.elementor-posts-container {
    display: grid !important;

    grid-template-columns:
        repeat(3, minmax(0, 1fr)) !important;

    column-gap: 24px !important;
    row-gap: 26px !important;

    width: 100% !important;
    max-width: none !important;

    margin: 0 !important;
    padding: 0 !important;

    align-items: stretch !important;
    justify-items: stretch !important;
    justify-content: start !important;
}


/* ==============================================
   10. BLOG POST CARDS

   No visible strokes.
   Very light, contained shadows.
   ============================================== */

#content.post-4037
.elementor-element-be0bb46
.elementor-posts-container
> article.elementor-post {
    display: flex !important;
    flex-direction: column !important;

    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;

    height: 100% !important;

    margin: 0 !important;
    padding: 14px 14px 28px !important;

    background: #ffffff !important;

    border: none !important;
    outline: none !important;

    border-radius: 16px !important;

    box-shadow:
        0 2px 10px rgba(24, 20, 16, 0.05)
        !important;

    overflow: hidden;

    transition: background-color 0.2s ease;
}


/* Keep shadows and background unchanged
   on hover — no border or lift effect */

#content.post-4037
.elementor-element-be0bb46
.elementor-posts-container
> article.elementor-post:hover {
    background: #ffffff !important;
    border: none !important;

    transform: none !important;

    box-shadow:
        0 2px 10px rgba(24, 20, 16, 0.05)
        !important;
}


/* ==============================================
   11. REAL FEATURED IMAGES

   Use actual images supplied by Elementor.
   ============================================== */

#content.post-4037
.elementor-element-be0bb46
.elementor-post__thumbnail__link {
    display: block !important;

    flex-shrink: 0;

    width: 100% !important;
    max-width: none !important;

    aspect-ratio: 16 / 10;

    margin: 0 0 22px !important;
    padding: 0 !important;

    background: #f5f3f0;

    border-radius: 11px !important;

    overflow: hidden;
}


/* Elementor thumbnail wrapper */

#content.post-4037
.elementor-element-be0bb46
.elementor-post__thumbnail {
    display: block !important;

    position: relative !important;

    width: 100% !important;
    height: 100% !important;

    padding: 0 !important;
    margin: 0 !important;

    overflow: hidden;
}


/* Actual article image */

#content.post-4037
.elementor-element-be0bb46
.elementor-post__thumbnail img {
    display: block !important;

    position: absolute !important;

    top: 0 !important;
    left: 0 !important;

    width: 100% !important;
    height: 100% !important;

    max-width: none !important;
    max-height: none !important;

    object-fit: cover !important;
    object-position: center !important;

    transform: none !important;

    margin: 0 !important;
    padding: 0 !important;

    border-radius: 11px !important;
}


/* ==============================================
   12. PLACEHOLDERS FOR POSTS WITHOUT IMAGES

   Posts without featured images get
   a very subtle neutral cover.
   ============================================== */

#content.post-4037
.elementor-element-be0bb46
article.elementor-post:not(.has-post-thumbnail)::before {
    content: "";

    display: block;
    flex-shrink: 0;

    width: 100%;
    aspect-ratio: 16 / 10;

    margin: 0 0 22px;
    padding: 0;

    border-radius: 11px;

    background:
        linear-gradient(
            135deg,
            #f1ece6,
            #f8f7f5
        );
}


/* ==============================================
   13. POST TEXT CONTAINER

   Arrange date, title and excerpt
   consistently inside each card.
   ============================================== */

#content.post-4037
.elementor-element-be0bb46
.elementor-post__text {
    display: flex !important;
    flex-direction: column !important;

    flex: 1 1 auto;

    width: 100% !important;
    min-width: 0 !important;

    margin: 0 !important;
    padding: 0 12px !important;

    background: transparent !important;
}


/* ==============================================
   14. POST DATE

   Display date above the article title.
   ============================================== */

#content.post-4037
.elementor-element-be0bb46
.elementor-post__meta-data {
    order: 1;

    display: block !important;

    margin: 0 0 13px !important;
    padding: 0 !important;

    border: none !important;
    background: transparent !important;

    font-family: 'Plus Jakarta Sans',
                 Arial, sans-serif !important;

    font-size: 11.5px !important;
    font-weight: 600 !important;

    line-height: 1.5 !important;
    letter-spacing: 0 !important;

    color: #b56727 !important;
}


/* Date text */

#content.post-4037
.elementor-element-be0bb46
.elementor-post-date {
    font-family: inherit !important;

    font-size: 11.5px !important;
    font-weight: 600 !important;

    color: #b56727 !important;
}


/* Hide "No Comments" */

#content.post-4037
.elementor-element-be0bb46
.elementor-post-avatar {
    display: none !important;
}


/* ==============================================
   15. BLOG POST TITLE
   ============================================== */

#content.post-4037
.elementor-element-be0bb46
.elementor-post__title {
    order: 2;

    margin: 0 !important;
    padding: 0 !important;

    font-family: 'Plus Jakarta Sans',
                 Arial, sans-serif !important;

    font-size: 18px !important;
    font-weight: 700 !important;

    line-height: 1.52 !important;
    letter-spacing: -0.035em !important;

    color: #1b1b1b !important;

    text-transform: none !important;
    overflow-wrap: break-word;
}


/* Title link */

#content.post-4037
.elementor-element-be0bb46
.elementor-post__title a {
    color: #1b1b1b !important;

    font-family: inherit !important;
    font-size: inherit !important;
    font-weight: inherit !important;

    text-decoration: none !important;

    transition: color 0.2s ease;
}


/* ==============================================
   16. HOVER — BRAND COLOR ONLY
   ============================================== */

#content.post-4037
.elementor-element-be0bb46
article.elementor-post:hover
.elementor-post__title a,

#content.post-4037
.elementor-element-be0bb46
.elementor-post__title a:hover {
    color: #b56727 !important;
}


/* ==============================================
   17. POST DESCRIPTION / EXCERPT
   ============================================== */

#content.post-4037
.elementor-element-be0bb46
.elementor-post__excerpt {
    order: 3;

    display: block !important;

    margin: 13px 0 0 !important;
    padding: 0 !important;

    background: transparent !important;
}

#content.post-4037
.elementor-element-be0bb46
.elementor-post__excerpt p {
    margin: 0 !important;
    padding: 0 !important;

    font-family: 'Plus Jakarta Sans',
                 Arial, sans-serif !important;

    font-size: 13px !important;
    font-weight: 400 !important;

    line-height: 1.85 !important;
    letter-spacing: 0 !important;

    color: #686868 !important;

    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;

    overflow: hidden;
}


/* ==============================================
   18. REMOVE READ MORE LINK

   Article titles remain clickable.
   ============================================== */

#content.post-4037
.elementor-element-be0bb46
.elementor-post__read-more {
    display: none !important;
}


/* ==============================================
   19. REMOVE UNNECESSARY ELEMENTOR SPACING
   ============================================== */

#content.post-4037
.elementor-element-be0bb46
.elementor-posts-container
> article.elementor-post > * {
    max-width: 100%;
}

#content.post-4037
.elementor-element-be0bb46
.elementor-post__title,
#content.post-4037
.elementor-element-be0bb46
.elementor-post__excerpt,
#content.post-4037
.elementor-element-be0bb46
.elementor-post__meta-data {
    margin-block-start: 0 !important;
}


/* ==============================================
   TABLET RESPONSIVENESS

   85% content width.
   Two posts per row.
   ============================================== */

@media screen and (max-width: 1024px) {

    #content.post-4037
    .elementor-element-be0bb46
    .elementor-posts-container {
        grid-template-columns:
            repeat(2, minmax(0, 1fr)) !important;

        gap: 20px !important;
    }

    #content.post-4037
    .elementor-element-be0bb46
    article.elementor-post {
        padding: 12px 12px 25px !important;
        border-radius: 15px !important;
    }

    #content.post-4037
    .elementor-element-be0bb46
    .elementor-post__title {
        font-size: 17px !important;
    }
}


/* ==============================================
   MOBILE RESPONSIVENESS

   Exactly 80% viewport content width.
   One post per row.
   ============================================== */

@media screen and (max-width: 767px) {

    /* Heading section stays full width */

    #content.post-4037
    .elementor-element-fd74d13.e-con {
        width: 100% !important;
        max-width: none !important;
    }

    /* Heading inner width */

    #content.post-4037
    .elementor-element-fd74d13.e-con-boxed
    > .e-con-inner {
        width: 80% !important;
        max-width: none !important;

        min-height: 105px;

        padding: 26px 0 !important;
    }

    /* Mobile heading */

    #content.post-4037
    .elementor-element-daccec1
    .elementor-heading-title {
        font-size: 32px !important;
        letter-spacing: -0.05em !important;
    }

    /* Blog section spacing */

    #content.post-4037
    .elementor-element-262bdee.e-con {
        padding: 34px 0 65px !important;
    }

    /* Main blog width — 80% */

    #content.post-4037
    .elementor-element-262bdee.e-con-boxed
    > .e-con-inner {
        width: 80% !important;
        max-width: none !important;

        margin-left: auto !important;
        margin-right: auto !important;

        padding: 0 !important;
    }

    /* Single-column grid */

    #content.post-4037
    .elementor-element-be0bb46
    .elementor-posts-container {
        grid-template-columns:
            minmax(0, 1fr) !important;

        gap: 22px !important;
    }

    /* Mobile cards */

    #content.post-4037
    .elementor-element-be0bb46
    article.elementor-post {
        width: 100% !important;

        padding: 11px 11px 23px !important;

        border-radius: 14px !important;
    }

    /* Mobile featured images */

    #content.post-4037
    .elementor-element-be0bb46
    .elementor-post__thumbnail__link,

    #content.post-4037
    .elementor-element-be0bb46
    article.elementor-post:not(.has-post-thumbnail)::before {
        aspect-ratio: 16 / 10;

        margin-bottom: 18px !important;

        border-radius: 10px;
    }

    /* Mobile text spacing */

    #content.post-4037
    .elementor-element-be0bb46
    .elementor-post__text {
        padding: 0 9px !important;
    }

    /* Mobile dates */

    #content.post-4037
    .elementor-element-be0bb46
    .elementor-post__meta-data {
        margin-bottom: 11px !important;
    }

    #content.post-4037
    .elementor-element-be0bb46
    .elementor-post-date {
        font-size: 11px !important;
    }

    /* Mobile titles */

    #content.post-4037
    .elementor-element-be0bb46
    .elementor-post__title {
        font-size: 16px !important;
        line-height: 1.55 !important;
    }

    /* Mobile excerpts */

    #content.post-4037
    .elementor-element-be0bb46
    .elementor-post__excerpt {
        margin-top: 11px !important;
    }

    #content.post-4037
    .elementor-element-be0bb46
    .elementor-post__excerpt p {
        font-size: 12.5px !important;
        line-height: 1.75 !important;
    }
}


/* ==============================================
   SMALL MOBILE — BELOW 380PX
   ============================================== */

@media screen and (max-width: 380px) {

    #content.post-4037
    .elementor-element-daccec1
    .elementor-heading-title {
        font-size: 29px !important;
    }

    #content.post-4037
    .elementor-element-be0bb46
    .elementor-posts-container {
        gap: 18px !important;
    }

    #content.post-4037
    .elementor-element-be0bb46
    article.elementor-post {
        padding: 10px 10px 21px !important;
    }

    #content.post-4037
    .elementor-element-be0bb46
    .elementor-post__title {
        font-size: 15.5px !important;
    }
}


/* ==============================================
   ACCESSIBILITY
   ============================================== */

#content.post-4037 a:focus-visible {
    outline: 2px solid #b56727;
    outline-offset: 4px;
}

@media (prefers-reduced-motion: reduce) {

    #content.post-4037 *,
    #content.post-4037 *::before,
    #content.post-4037 *::after {
        transition: none !important;
        animation: none !important;
    }
}/* End custom CSS */