.elementor-757 .elementor-element.elementor-element-58a629e > .elementor-widget-wrap > .elementor-widget:not(.elementor-widget__width-auto):not(.elementor-widget__width-initial):not(:last-child):not(.elementor-absolute){--kit-widget-spacing:0px;}.elementor-757 .elementor-element.elementor-element-c74cbb6 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-757 .elementor-element.elementor-element-c74cbb6{grid-column:span 1;grid-row:span 1;}.elementor-757 .elementor-element.elementor-element-2972552{padding:20px 0px 90px 0px;}.elementor-757 .elementor-element.elementor-element-9f61d6b > .elementor-widget-wrap > .elementor-widget:not(.elementor-widget__width-auto):not(.elementor-widget__width-initial):not(:last-child):not(.elementor-absolute){--kit-widget-spacing:0px;}.elementor-757 .elementor-element.elementor-element-83b1800 > .elementor-widget-container{margin:-80px 0px 0px 0px;}.elementor-757 .elementor-element.elementor-element-94bf195{padding:20px 0px 80px 0px;}.elementor-757 .elementor-element.elementor-element-0718bd8{padding:0px 0px 0px 0px;}.elementor-757 .elementor-element.elementor-element-ffbe404 > .elementor-element-populated{margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;}.elementor-757 .elementor-element.elementor-element-b5d3709 > .elementor-widget-container{margin:0px 0px 0px 0px;}@media(max-width:1024px){.elementor-757 .elementor-element.elementor-element-2972552{padding:80px 0px 80px 0px;}.elementor-757 .elementor-element.elementor-element-94bf195{padding:100px 0px 100px 0px;}.elementor-757 .elementor-element.elementor-element-0718bd8{padding:0px 0px 90px 0px;}}/* Start custom CSS for wpo-arkitek_service, class: .elementor-element-c74cbb6 *//* 1. HIDE THE GHOST BACKGROUND BOX */
.centered-gap-service .arkitek-service-wrap,
.centered-gap-service .arkitek-service-area {
    background: transparent !important;
    box-shadow: none !important;
    border: none !important;
    padding: 0 !important;
}

/* 2. Fix the Row Alignment */
.centered-gap-service .row {
    justify-content: center !important;
    background: transparent !important;
    box-shadow: none !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
}

/* 3. Style the Card Container (The 3 boxes) */
.centered-gap-service .row > div {
    /* Dimensions */
    flex: 0 0 30% !important;
    max-width: 30% !important;

    /* Spacing between cards */
    margin: 0 15px 30px 15px !important; 
    
    /* The White Box Look */
    background: #ffffff !important;
    box-shadow: 0px 10px 30px rgba(0,0,0,0.08) !important;
    
    /* Border & Corners */
    border-radius: 10px !important;
    border: none !important; 
    
    /* CRITICAL CHANGE: Remove padding so the blue fills the box */
    padding: 0 !important; 
    
    /* Ensure the blue background doesn't spill outside rounded corners */
    overflow: hidden !important; 
}

/* 4. Force the inner content to fill the card */
.centered-gap-service .row > div > div {
    height: 100% !important;
    margin: 0 !important;
    width: 100% !important;
}

/* 5. Mobile Fix */
@media (max-width: 767px) {
    .centered-gap-service .row > div {
        flex: 0 0 100% !important;
        max-width: 100% !important;
        margin: 0 0 20px 0 !important;
    }
}

/* --- EQUAL HEIGHT TITLES & DESCRIPTIONS --- */

/* 1. Force Titles (H2) to be exactly 2 lines tall */
.centered-gap-service .arkitek-service-item h2 {
    /* Limit to 2 lines max */
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    
    /* Force height for alignment (even if text is short) */
    min-height: 2.6em !important; /* Adjust this number if 2 lines look cut off */
    line-height: 1.3em !important; /* Standard line spacing */
    margin-bottom: 15px !important; /* Space between title and desc */
}

/* 2. Force Description (P) to be exactly 2 lines tall */
.centered-gap-service .arkitek-service-item p {
    /* Limit to 2 lines max */
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    
    /* Force height for alignment */
    min-height: 3em !important; /* Description usually has smaller font, so 3em is safer */
    line-height: 1.5em !important;
    margin-bottom: 20px !important; /* Push the arrow button down */
}/* End custom CSS */