.elementor-11301 .elementor-element.elementor-element-83b429f > .elementor-element-populated{margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:0px 0px 0px 0px;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-11301 .elementor-element.elementor-element-c6a240d > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-widget-icon-box.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-primary );}.elementor-widget-icon-box.elementor-view-framed .elementor-icon, .elementor-widget-icon-box.elementor-view-default .elementor-icon{fill:var( --e-global-color-primary );color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-widget-icon-box .elementor-icon-box-title, .elementor-widget-icon-box .elementor-icon-box-title a{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-icon-box .elementor-icon-box-title{color:var( --e-global-color-primary );}.elementor-widget-icon-box:has(:hover) .elementor-icon-box-title,
					 .elementor-widget-icon-box:has(:focus) .elementor-icon-box-title{color:var( --e-global-color-primary );}.elementor-widget-icon-box .elementor-icon-box-description{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-11301 .elementor-element.elementor-element-44f1a69 .elementor-icon-box-wrapper{align-items:center;text-align:start;gap:14px;}.elementor-11301 .elementor-element.elementor-element-44f1a69 .elementor-icon-box-title{margin-block-end:0px;color:#414141;}.elementor-11301 .elementor-element.elementor-element-44f1a69.elementor-view-stacked .elementor-icon{background-color:#242424;}.elementor-11301 .elementor-element.elementor-element-44f1a69.elementor-view-framed .elementor-icon, .elementor-11301 .elementor-element.elementor-element-44f1a69.elementor-view-default .elementor-icon{fill:#242424;color:#242424;border-color:#242424;}.elementor-11301 .elementor-element.elementor-element-44f1a69 .elementor-icon{font-size:21px;}.elementor-11301 .elementor-element.elementor-element-44f1a69 .elementor-icon-box-title, .elementor-11301 .elementor-element.elementor-element-44f1a69 .elementor-icon-box-title a{font-family:"Poppins", Sans-serif;font-size:12px;font-weight:400;}.elementor-11301 .elementor-element.elementor-element-44f1a69 .elementor-icon-box-description{font-family:"Poppins", Sans-serif;font-weight:400;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-11301 .elementor-element.elementor-element-5c6808c > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-11301 .elementor-element.elementor-element-5c6808c .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:20px;font-weight:700;color:#474747;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-11301 .elementor-element.elementor-element-f49c269 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;border-radius:0px 0px 0px 0px;}.elementor-11301 .elementor-element.elementor-element-f49c269{column-gap:0px;text-align:start;font-family:"Poppins", Sans-serif;font-size:14px;font-weight:400;}.elementor-11301 .elementor-element.elementor-element-f0f1521 .jet-listing-dynamic-link__link{align-self:flex-start;font-family:"Poppins", Sans-serif;flex-direction:row;}.elementor-11301 .elementor-element.elementor-element-f0f1521 .jet-listing-dynamic-link__icon{order:1;}/* Start custom CSS for text-editor, class: .elementor-element-f49c269 *//* FORCE TEXT EDITOR TO ONE LINE ONLY */
.sj-blog-tile .elementor-text-editor,
.sj-product-card .elementor-text-editor,
.sj-blog-tile .elementor-widget-text-editor p,
.sj-product-card .elementor-widget-text-editor p {
    display: -webkit-box !important;
    -webkit-line-clamp: 1 !important; /* Forces exactly 1 line */
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    
    /* Consistency fixes */
    margin: 0 !important;
    padding: 0 0 !important; /* Matches your card side padding */
    line-height: 1.3 !important;
    height: 1.5em !important; /* Fixed height based on line-height */
}

/* ADJUST SPACING ABOVE TEXT EDITOR */
.elementor-widget-text-editor {
    margin-bottom: 10px !important;
}

/* ENSURE CONTENT STAYS ALIGNED */
.sj-blog-tile, .sj-product-card {
    display: flex !important;
    flex-direction: column !important;
    height: 100% !important;
}

/* PUSH READ MORE / BUTTON TO THE VERY BOTTOM */
.sj-read-more, .elementor-widget-button {
    margin-top: auto !important;
}/* End custom CSS */
/* Start custom CSS for section, class: .elementor-element-442e353 *//* =====================================================
   LOVABLE STYLE BLOG CARD SYSTEM
   ===================================================== */


/* 1. MAIN BLOG CARD */
.sj-blog-tile {
    background-color: #ffffff;
    border: 1px solid #eeeeee;
    border-radius: 16px;
    transition: all 0.3s ease-in-out;
    overflow: hidden;

    height: 100%;
    display: flex;
    flex-direction: column;
    position: relative;
}


/* Hover Effect */
.sj-blog-tile:hover {
    transform: translateY(-5px);
    border-color: #00A9E1;
    box-shadow: 0 15px 30px rgba(0,0,0,0.08);
}


/* =====================================================
   2. FULL WIDTH IMAGE
   ===================================================== */

.sj-blog-tile img {
    width: 100%;
    height: 220px;
    object-fit: cover;
    display: block;
    border-radius: 16px 16px 0 0;
    transition: transform 0.4s ease;
}


/* =====================================================
   3. CATEGORY BADGE
   ===================================================== */

.sj-category-badge {
    position: absolute;
    top: 15px;
    right: 15px;
    background-color: #00A9E1;
    color: #ffffff;
    padding: 6px 14px;
    border-radius: 50px;
    font-size: 11px;
    font-weight: 700;
    z-index: 10;
}


/* =====================================================
   4. CONTENT SPACING
   ===================================================== */

.sj-date-field,
.sj-blog-title-text,
.sj-blog-description,
.sj-read-more {
    padding-left: 20px;
    padding-right: 20px;
}


/* Date */
.sj-date-field {
    font-family: 'Poppins', sans-serif;
    font-size: 12px;
    color: #8a8f95;
    padding-top: 18px;
    padding-bottom: 5px;
    text-transform: uppercase;
    letter-spacing: 1px;
}


/* =====================================================
   5. ONE LINE TITLE
   ===================================================== */

.sj-blog-title-text h3,
.sj-blog-title-text .jet-listing-dynamic-field__content {

    font-family: 'Poppins', sans-serif;
    font-size: 18px;
    font-weight: 600;
    color: #1F2226;
    padding-top: 10px;
    padding-bottom: 5px;
    line-height: 1.4em;

    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.sj-blog-tile:hover .sj-blog-title-text h3,
.sj-blog-tile:hover .sj-blog-title-text .jet-listing-dynamic-field__content {
    color: #00A9E1;
}


/* =====================================================
   6. TWO LINE DESCRIPTION
   ===================================================== */

.sj-blog-description .jet-listing-dynamic-field__content {

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

    overflow: hidden;
    text-overflow: ellipsis;

    font-family: 'Poppins', sans-serif;
    font-size: 14px;
    color: #6B6F75;
    line-height: 1.6;
    padding-bottom: 10px;
}


/* Perfect Alignment */
.sj-blog-title-text {
    min-height: 28px;
}

.sj-blog-description {
    min-height: 44px;
}


/* =====================================================
   7. PINK READ MORE LINK
   ===================================================== */

.sj-read-more {
    margin-top: auto;
    padding: 20px;
}

.sj-read-more a {
    color: #E4007F;
    font-family: 'Poppins', sans-serif;
    font-size: 14px;
    font-weight: 600;
    text-decoration: none;

    display: inline-flex;
    align-items: center;
    gap: 8px;

    transition: all 0.3s ease;
}

/* Arrow */
.sj-read-more a::after {
    content: "→";
    font-size: 16px;
    transition: transform 0.3s ease;
}

.sj-read-more a:hover {
    color: #c8006f;
}

.sj-read-more a:hover::after {
    transform: translateX(5px);
}


/* =====================================================
   8. OPTIONAL — ENTIRE CARD CLICKABLE
   ===================================================== */

.sj-blog-tile {
    cursor: pointer;
}
/* =====================================
   FORCE ONE LINE TITLE
===================================== */

.sj-blog-title-text,
.sj-blog-title-text * {
    overflow: hidden;
}

.sj-blog-title-text h3,
.sj-blog-title-text .jet-listing-dynamic-field__content,
.sj-blog-title-text .jet-listing-dynamic-field__content p {

    display: -webkit-box !important;
    -webkit-line-clamp: 1 !important;
    -webkit-box-orient: vertical !important;

    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: normal !important;

    margin: 0 !important;
}



/* =====================================
   FORCE TWO LINE DESCRIPTION
===================================== */

.sj-blog-description,
.sj-blog-description * {
    overflow: hidden;
}

.sj-blog-description .jet-listing-dynamic-field__content,
.sj-blog-description .jet-listing-dynamic-field__content p {

    display: -webkit-box !important;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;

    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: normal !important;

    margin: 0 !important;
}



/* PERFECT ALIGNMENT HEIGHT */
.sj-blog-title-text {
    min-height: 26px;
}

.sj-blog-description {
    min-height: 48px;
}

/* =====================================
   FORCE TITLE → 1 LINE ONLY
===================================== */

.sj-blog-title-text .elementor-heading-title {
    display: -webkit-box !important;
    -webkit-line-clamp: 1 !important;
    -webkit-box-orient: vertical !important;

    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: normal !important;

    margin: 0 !important;
}



/* =====================================
   FORCE DESCRIPTION → 2 LINES ONLY
===================================== */

.sj-blog-description,
.sj-blog-description p,
.sj-blog-description .elementor-widget-container {
    display: -webkit-box !important;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;

    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: normal !important;

    margin: 0 !important;
}



/* ALIGN CARD HEIGHT PERFECTLY */
.sj-blog-title-text {
    min-height: 28px;
}

.sj-blog-description {
    min-height: 48px;
}/* End custom CSS */