.elementor-15481 .elementor-element.elementor-element-f747a5d{--display:flex;--min-height:600px;--gap:20px 20px;--row-gap:20px;--column-gap:20px;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:#6C7C71A3;--border-color:#6C7C71A3;--border-radius:10px 10px 10px 10px;--margin-top:0px;--margin-bottom:30px;--margin-left:0px;--margin-right:0px;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-15481 .elementor-element.elementor-element-f747a5d:not(.elementor-motion-effects-element-type-background), .elementor-15481 .elementor-element.elementor-element-f747a5d > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#00B0C22B;}.elementor-15481 .elementor-element.elementor-element-a76bd36{z-index:2;}.elementor-15481 .elementor-element.elementor-element-adf01c2 .elementor-cta .elementor-cta__bg, .elementor-15481 .elementor-element.elementor-element-adf01c2 .elementor-cta .elementor-cta__bg-overlay{transition-duration:1500ms;}.elementor-15481 .elementor-element.elementor-element-adf01c2{z-index:0;--e-transform-transition-duration:500ms;}.elementor-15481 .elementor-element.elementor-element-adf01c2 > .elementor-widget-container{border-radius:4px 4px 4px 4px;}.elementor-15481 .elementor-element.elementor-element-adf01c2 .elementor-cta__content{text-align:center;padding:20px 20px 20px 20px;background-color:var( --e-global-color-d4bc169 );}.elementor-15481 .elementor-element.elementor-element-adf01c2 .elementor-cta__bg-wrapper{min-width:100%;}.elementor-15481 .elementor-element.elementor-element-adf01c2 .elementor-cta:hover .elementor-cta__bg-overlay{background-color:var( --e-global-color-4f01b18 );}.elementor-15481 .elementor-element.elementor-element-52a76dc > .elementor-widget-container > .jet-listing-grid > .jet-listing-grid__items, .elementor-15481 .elementor-element.elementor-element-52a76dc > .jet-listing-grid > .jet-listing-grid__items{--columns:auto;}.elementor-15481 .elementor-element.elementor-element-52a76dc{width:auto;max-width:auto;z-index:3;}.elementor-15481 .elementor-element.elementor-element-52a76dc.elementor-element{--align-self:flex-start;--flex-grow:0;--flex-shrink:1;}:is( .elementor-15481 .elementor-element.elementor-element-52a76dc > .elementor-widget-container > .jet-listing-grid > .jet-listing-grid__items, .elementor-15481 .elementor-element.elementor-element-52a76dc > .elementor-widget-container > .jet-listing-grid > .jet-listing-grid__slider > .jet-listing-grid__items > .slick-list > .slick-track, .elementor-15481 .elementor-element.elementor-element-52a76dc > .elementor-widget-container > .jet-listing-grid > .jet-listing-grid__scroll-slider > .jet-listing-grid__items ) > .jet-listing-grid__item{padding-left:calc(8px / 2);padding-right:calc(8px / 2);padding-top:calc(8px / 2);padding-bottom:calc(8px / 2);}:is( .elementor-15481 .elementor-element.elementor-element-52a76dc > .elementor-widget-container > .jet-listing-grid, .elementor-15481 .elementor-element.elementor-element-52a76dc > .elementor-widget-container > .jet-listing-grid > .jet-listing-grid__slider, .elementor-15481 .elementor-element.elementor-element-52a76dc > .elementor-widget-container > .jet-listing-grid > .jet-listing-grid__scroll-slider ) > .jet-listing-grid__items{margin-left:calc( 8px / -2);margin-right:calc( 8px / -2);width:calc(100% + 8px);}:is( .elementor-15481 .elementor-element.elementor-element-52a76dc > .elementor-widget-container > .jet-listing-grid, .elementor-15481 .elementor-element.elementor-element-52a76dc > .elementor-widget-container > .jet-listing-grid > .jet-listing-grid__slider, .elementor-15481 .elementor-element.elementor-element-52a76dc > .elementor-widget-container > .jet-listing-grid > .jet-listing-grid__scroll-slider ) > .jet-listing-grid__items.grid-collapse-gap{margin-top:calc( 8px / -2);margin-bottom:calc( 8px / -2);}.elementor-15481 .elementor-element.elementor-element-52a76dc .jet-listing-not-found{font-size:16px;font-weight:500;}.elementor-15481 .elementor-element.elementor-element-fd07df6 > .elementor-widget-container{margin:-2px 0px 0px 0px;}.elementor-15481 .elementor-element.elementor-element-fd07df6{z-index:0;}.elementor-15481 .elementor-element.elementor-element-fd07df6 .elementor-heading-title{font-size:20px;font-weight:700;line-height:28px;color:#FFFFFF;}.elementor-15481 .elementor-element.elementor-element-85e271a{--display:flex;--min-height:128px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;--z-index:0;}.elementor-15481 .elementor-element.elementor-element-b4888e0{z-index:0;color:#FFFFFF;}.elementor-15481 .elementor-element.elementor-element-4eef9a2{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--z-index:0;}.elementor-15481 .elementor-element.elementor-element-4eef9a2.e-con{--align-self:flex-end;}.elementor-15481 .elementor-element.elementor-element-dcd22c8.elementor-element{--flex-grow:1;--flex-shrink:0;}.elementor-15481 .elementor-element.elementor-element-2e2fcf1 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-15481 .elementor-element.elementor-element-2e2fcf1.elementor-element{--align-self:center;}@media(max-width:767px){.elementor-15481 .elementor-element.elementor-element-f747a5d{--min-height:0px;}.elementor-15481 .elementor-element.elementor-element-4eef9a2{--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--flex-wrap:nowrap;}.elementor-15481 .elementor-element.elementor-element-dcd22c8.elementor-element{--flex-grow:0;--flex-shrink:1;}.elementor-15481 .elementor-element.elementor-element-2e2fcf1.elementor-element{--flex-grow:0;--flex-shrink:0;}}/* Start custom CSS for button, class: .elementor-element-a76bd36 *//* Make the anchor tag cover the whole container */
.elementor-15481 .elementor-element.elementor-element-a76bd36 {
    position: absolute;
    z-index: 2; /* Sits above the background/image */
    display: block;
    inset: 0;
    width: 100% !important;
    height: 100% !important;
    overflow: hidden;
}
.elementor-15481 .elementor-element.elementor-element-a76bd36 a {
    cursor: pointer;
    pointer-events: auto;
    opacity: 0;
    border-radius: 0;
    inset: 0;
    padding:100%;
    width: 100% !important;
    height: 100% !important;
    display: block;
    /*background-color: transparent !important;*/
}/* End custom CSS */
/* Start custom CSS for jet-listing-grid, class: .elementor-element-52a76dc */.elementor-15481 .elementor-element.elementor-element-52a76dc {
    pointer-events: none;
}
/* WORK MANAGEMENT (Example ID 33/35) - Purple */
.jet-listing-dynamic-post-33 .elementor-element,
.jet-listing-dynamic-post-35 .elementor-element {
    background-color: #3D3DA1 !important;
}

/* SERVICE (Example ID 84/32) - Maroon */
.jet-listing-dynamic-post-84 .elementor-element,
.jet-listing-dynamic-post-32 .elementor-element {
    background-color: #8B3046 !important;
}

/* DEV (Example ID 83/34/81) - Green */
.jet-listing-dynamic-post-83 .elementor-element,
.jet-listing-dynamic-post-34 .elementor-element,
.jet-listing-dynamic-post-81 .elementor-element {
    background-color: #007140 !important;
}

/* CRM & TOOLS (Example ID 78/79/77/80) - Dark Teal */
.jet-listing-dynamic-post-78 .elementor-element,
.jet-listing-dynamic-post-79 .elementor-element,
.jet-listing-dynamic-post-77 .elementor-element,
.jet-listing-dynamic-post-80 .elementor-element {
    background-color: #007682 !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-fd07df6 */.elementor-15481 .elementor-element.elementor-element-fd07df6 .elementor-heading-title {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;  
    overflow: hidden;
    cursor: pointer;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-b4888e0 */.elementor-15481 .elementor-element.elementor-element-b4888e0  {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;  
    overflow: hidden;
    line-height: 24px !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-85e271a */.elementor-15481 .elementor-element.elementor-element-85e271a {
    cursor: pointer;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-2e2fcf1 */.elementor-15481 .elementor-element.elementor-element-2e2fcf1 {
    height: 25px;
    line-height: 0px;
    display: flex;
    align-items: center;
    justify-content: center;
    
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-4eef9a2 */.post-listing-button-dark {
    /* Change width to min-width */
    width: 142px; 
    max-width: fit-content;
    
    /* Change height to min-height or remove it to let padding handle it */
    min-height: 42px;
    height: auto;

    border: 2px solid #ffffff;
    border-radius: 100px;
    display: inline-flex; /* Changed to inline-flex to prevent 100% width issues */
    margin-top: 4px;
    padding: 8px 12px 8px 18px; /* Balanced padding */
    justify-content: center;
    align-items: center;
    gap: 10px;
    color: #ffffff;
    font-weight: 700;
    white-space: nowrap; /* Forces text to stay on one line */
    cursor: pointer;
}
@media (max-width: 767px) {
    .post-listing-button-dark {
        width: auto;        /* Allow it to grow on mobile */
        max-width: 100%;    /* But don't let it break the screen */
        display: flex;      /* Center it in the mobile container */
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f747a5d *//* 1. Base Container Styles */
.elementor-15481 .elementor-element.elementor-element-f747a5d {
    position: relative;
    transition: all 0.3s ease-in-out;
}

/* 2. Base Button / "Learn More" Styles */
.post-listing-button-dark, .post-listing-button-dark i {
    color: #FFFFFF;
    transition: all 0.3s ease-in-out;
}

/* 3. Elevation & Shadow Effect on Hover */
.elementor-15481 .elementor-element.elementor-element-f747a5d:hover {
    transform: translateY(-5px);
}

/* 1. Base Button / "Learn More" Styles */
.elementor-15481 .elementor-element.elementor-element-f747a5d .post-listing-button-dark, 
.elementor-15481 .elementor-element.elementor-element-f747a5d .post-listing-button-dark i {
    color: #FFFFFF;
    transition: all 0.3s ease-in-out;
}

/* 2. CATEGORY SPECIFIC BUTTON HOVER STYLES */

/* Purple: Work Management / Business (IDs: 33, 35) */
.elementor-15481 .elementor-element.elementor-element-f747a5d.cat-id-33:hover .post-listing-button-dark,
.elementor-15481 .elementor-element.elementor-element-f747a5d.cat-id-33:hover .post-listing-button-dark i,
.elementor-15481 .elementor-element.elementor-element-f747a5d.cat-id-35:hover .post-listing-button-dark,
.elementor-15481 .elementor-element.elementor-element-f747a5d.cat-id-35:hover .post-listing-button-dark i {
    border-color: #B8B8FF !important;
    color: #B8B8FF !important;
}

/* Green: Dev / Automation (IDs: 34, 83, 36, 82, 81) */
.elementor-15481 .elementor-element.elementor-element-f747a5d.cat-id-34:hover .post-listing-button-dark,
.elementor-15481 .elementor-element.elementor-element-f747a5d.cat-id-34:hover .post-listing-button-dark i,
.elementor-15481 .elementor-element.elementor-element-f747a5d.cat-id-83:hover .post-listing-button-dark,
.elementor-15481 .elementor-element.elementor-element-f747a5d.cat-id-83:hover .post-listing-button-dark i,
.elementor-15481 .elementor-element.elementor-element-f747a5d.cat-id-36:hover .post-listing-button-dark,
.elementor-15481 .elementor-element.elementor-element-f747a5d.cat-id-36:hover .post-listing-button-dark i,
.elementor-15481 .elementor-element.elementor-element-f747a5d.cat-id-82:hover .post-listing-button-dark,
.elementor-15481 .elementor-element.elementor-element-f747a5d.cat-id-82:hover .post-listing-button-dark i,
.elementor-15481 .elementor-element.elementor-element-f747a5d.cat-id-81:hover .post-listing-button-dark,
.elementor-15481 .elementor-element.elementor-element-f747a5d.cat-id-81:hover .post-listing-button-dark i {
    border-color: #27F49A !important;
    color: #27F49A !important;
}

/* Teal: CRM / Integrations / Monday.com (IDs: 79, 37, 77, 80, 78, 31) */
.elementor-15481 .elementor-element.elementor-element-f747a5d.cat-id-79:hover .post-listing-button-dark,
.elementor-15481 .elementor-element.elementor-element-f747a5d.cat-id-79:hover .post-listing-button-dark i,
.elementor-15481 .elementor-element.elementor-element-f747a5d.cat-id-37:hover .post-listing-button-dark,
.elementor-15481 .elementor-element.elementor-element-f747a5d.cat-id-37:hover .post-listing-button-dark i,
.elementor-15481 .elementor-element.elementor-element-f747a5d.cat-id-77:hover .post-listing-button-dark,
.elementor-15481 .elementor-element.elementor-element-f747a5d.cat-id-77:hover .post-listing-button-dark i,
.elementor-15481 .elementor-element.elementor-element-f747a5d.cat-id-80:hover .post-listing-button-dark,
.elementor-15481 .elementor-element.elementor-element-f747a5d.cat-id-80:hover .post-listing-button-dark i,
.elementor-15481 .elementor-element.elementor-element-f747a5d.cat-id-78:hover .post-listing-button-dark,
.elementor-15481 .elementor-element.elementor-element-f747a5d.cat-id-78:hover .post-listing-button-dark i,
.elementor-15481 .elementor-element.elementor-element-f747a5d.cat-id-31:hover .post-listing-button-dark,
.elementor-15481 .elementor-element.elementor-element-f747a5d.cat-id-31:hover .post-listing-button-dark i {
    border-color: #92F3FC !important;
    color: #92F3FC !important;
}

/* Maroon: Service / Marketing (IDs: 84, 32) */
.elementor-15481 .elementor-element.elementor-element-f747a5d.cat-id-84:hover .post-listing-button-dark,
.elementor-15481 .elementor-element.elementor-element-f747a5d.cat-id-84:hover .post-listing-button-dark i,
.elementor-15481 .elementor-element.elementor-element-f747a5d.cat-id-32:hover .post-listing-button-dark,
.elementor-15481 .elementor-element.elementor-element-f747a5d.cat-id-32:hover .post-listing-button-dark i {
    border-color: #FF9BB3 !important;
    color: #FF9BB3 !important;
}/* End custom CSS */