#pxl-page-title-default {
    background: url('https://appliancedoc.ca/wp-content/uploads/2024/11/technician-diagnosing-appliance-1.jpg') 0% 0% / cover fixed !important;
    background-position-y: 0% !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
}

#pxl-page-title-default:after{
	opacity: 0.5;
	!important;
}

#pxl-main {
    padding-top: 30px;
    padding-right: 0px;
    padding-bottom: 112px;
!important;
}



@media (max-width: 768px) { /* Adjust the max-width as per your mobile breakpoint */
    .pxl-img-layout-2 .experience {
        left: -35px !important;
    }
}

@media screen and (max-width: 1199px) {
    #pxl-header-default .pxl-header-branding img, #pxl-header-elementor .pxl-header-branding img {
        height: 70px !important;
    }
}

@media screen and (min-width: 1200px) {
    .pxl-menu-primary > li > a {
        line-height: 65px !important;
    }
}






.pxl-breadcrumb .breadcrumb-entry {
    font-weight: bold !important;
    font-size: 14px !important;
}

/* Remove the actual dot characters from breadcrumbs */
.pxl-breadcrumb li {
    list-style: none !important;
}

.pxl-breadcrumb li::before {
    content: none !important;
}

/* Remove any inline "•" dots between links */
.pxl-breadcrumb li .breadcrumb-entry {
    position: relative;
}

/* OPTIONAL: Replace with a clean ">" separator */
.pxl-breadcrumb li:not(:last-child)::after {
    content: ">" !important;
    margin: 0 5px;
    color: #ffffff; /* match your breadcrumb color */
    font-size: 14px;
    font-weight: bold;
}

.pxl-breadcrumb li {
    margin-right: 0 !important;
}


/* Remove arrow from last breadcrumb item */
.pxl-breadcrumb li:last-child::after {
    content: none !important;
}



.pxl-service-detail1 .service-title {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 8px 0 8px 15px; /* ← left padding added */
    line-height: 1.2;
}

.pxl-service-detail1 .service-title i,
.pxl-service-detail1 .service-title img {
    font-size: 18px;
    line-height: 1;
    vertical-align: middle;
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 20px;
}


/* ===== Premium Button Styling - All Screens ===== */

/* Base button styling */
.elementor-widget-pxl_tabs .pxl-item--tab-title {
    background-color: #ffffff;
    border: 1.5px solid #e8eaed;
    border-radius: 0 !important;
    padding: 20px 24px !important;
    font-size: 15px !important;
    font-weight: 600;
    line-height: 1.25;
    letter-spacing: 0.2px;
    color: #0a2540;
    transition: all 0.2s ease;
    cursor: pointer;
    text-align: center;
    margin: 0 !important;
    display: flex !important;
    align-items: center;
    justify-content: center;
}

/* Hover state */
.elementor-widget-pxl_tabs .pxl-item--tab-title:hover:not(.active) {
    background-color: #fafbfc;
    color: #f5a623;
}

/* Active state - bold navy */
.elementor-widget-pxl_tabs .pxl-item--tab-title.active {
    background-color: #0a2540;
    color: #ffffff !important;
    border-color: #0a2540;
}

/* Remove pseudo-element artifacts */
.elementor-widget-pxl_tabs .pxl-item--tab-title::before,
.elementor-widget-pxl_tabs .pxl-item--tab-title::after {
    display: none !important;
}

/* ===== DESKTOP (768px+) - 4 on top, 3 on bottom ===== */
@media (min-width: 768px) {
    .elementor-widget-pxl_tabs .pxl-tabs--title {
        display: grid !important;
        grid-template-columns: repeat(12, 1fr) !important;
        gap: 8px !important;
    }
    
    /* Top row: 4 buttons, each spanning 3 of 12 columns */
    .elementor-widget-pxl_tabs .pxl-item--tab-title:nth-child(1),
    .elementor-widget-pxl_tabs .pxl-item--tab-title:nth-child(2),
    .elementor-widget-pxl_tabs .pxl-item--tab-title:nth-child(3),
    .elementor-widget-pxl_tabs .pxl-item--tab-title:nth-child(4) {
        grid-column: span 3;
    }
    
    /* Bottom row: 3 buttons, each spanning 4 of 12 columns */
    .elementor-widget-pxl_tabs .pxl-item--tab-title:nth-child(5),
    .elementor-widget-pxl_tabs .pxl-item--tab-title:nth-child(6),
    .elementor-widget-pxl_tabs .pxl-item--tab-title:nth-child(7) {
        grid-column: span 4;
    }
}

/* ===== Mobile (max 767px) - 2 / 3 / 2 layout ===== */
@media (max-width: 767px) {
    .elementor-widget-pxl_tabs .pxl-tabs--title {
        display: grid !important;
        grid-template-columns: repeat(6, 1fr) !important;
        gap: 8px !important;
    }
    
    .elementor-widget-pxl_tabs .pxl-item--tab-title {
        padding: 14px 8px !important;
        font-size: 13.5px !important;
        min-height: 56px;
        width: 100% !important;
        max-width: 100% !important;
    }
    
    /* Row 1: 2 buttons, each spanning 3 of 6 columns */
    .elementor-widget-pxl_tabs .pxl-item--tab-title:nth-child(1),
    .elementor-widget-pxl_tabs .pxl-item--tab-title:nth-child(2) {
        grid-column: span 3;
    }
    
    /* Row 2: 3 buttons, each spanning 2 of 6 columns */
    .elementor-widget-pxl_tabs .pxl-item--tab-title:nth-child(3),
    .elementor-widget-pxl_tabs .pxl-item--tab-title:nth-child(4),
    .elementor-widget-pxl_tabs .pxl-item--tab-title:nth-child(5) {
        grid-column: span 2;
    }
    
    /* Row 3: 2 buttons, each spanning 3 of 6 columns */
    .elementor-widget-pxl_tabs .pxl-item--tab-title:nth-child(6),
    .elementor-widget-pxl_tabs .pxl-item--tab-title:nth-child(7) {
        grid-column: span 3;
    }
}

/* ===== Small mobile (max 380px) ===== */
@media (max-width: 380px) {
    .elementor-widget-pxl_tabs .pxl-item--tab-title {
        padding: 12px 6px !important;
        font-size: 12px !important;
        min-height: 52px;
    }
}

/* ===== Tab Content Area - Matching Premium Style ===== */

.elementor-widget-pxl_tabs .pxl-tabs--content {
    border: 1.5px solid #e8eaed;
    border-radius: 0;
    padding: 32px 36px;
    background-color: #ffffff;
    margin-top: 8px; /* matches the gap between buttons */
}

/* Inner content item styling */
.elementor-widget-pxl_tabs .pxl-item--content {
    color: #0a2540;
}

/* Optional: style the H2 heading inside the content */
.elementor-widget-pxl_tabs .pxl-item--content h2 {
    color: #0a2540;
    margin-bottom: 16px;
}

/* ===== Mobile (max 767px) ===== */
@media (max-width: 767px) {
    .elementor-widget-pxl_tabs .pxl-tabs--content {
        padding: 20px 18px;
        margin-top: 8px;
    }
}