.elementor-1180 .elementor-element.elementor-element-1be1eb5{--display:flex;--min-height:0px;--overflow:hidden;--background-transition:0.3s;--overlay-opacity:0.75;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:100px;--padding-left:150px;--padding-right:150px;}.elementor-1180 .elementor-element.elementor-element-1be1eb5:not(.elementor-motion-effects-element-type-background), .elementor-1180 .elementor-element.elementor-element-1be1eb5 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://jpjeplate.jpj.gov.my/wp-content/uploads/2024/09/pngtree-white-car-in-a-workshop-image_15640921.jpg");background-color:#858585;background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-1180 .elementor-element.elementor-element-1be1eb5::before, .elementor-1180 .elementor-element.elementor-element-1be1eb5 > .elementor-background-video-container::before, .elementor-1180 .elementor-element.elementor-element-1be1eb5 > .e-con-inner > .elementor-background-video-container::before, .elementor-1180 .elementor-element.elementor-element-1be1eb5 > .elementor-background-slideshow::before, .elementor-1180 .elementor-element.elementor-element-1be1eb5 > .e-con-inner > .elementor-background-slideshow::before, .elementor-1180 .elementor-element.elementor-element-1be1eb5 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';background-color:#000000;}.elementor-1180 .elementor-element.elementor-element-1be1eb5, .elementor-1180 .elementor-element.elementor-element-1be1eb5::before{--border-transition:0.3s;}.elementor-1180 .elementor-element.elementor-element-b4d3428{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-end;--align-items:center;--background-transition:0.3s;--margin-top:5px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1180 .elementor-element.elementor-element-37cb21b .elementor-icon-list-item:not(:last-child):after{content:"";border-color:#868686;}.elementor-1180 .elementor-element.elementor-element-37cb21b .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child):after{border-top-style:solid;border-top-width:1px;}.elementor-1180 .elementor-element.elementor-element-37cb21b .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:not(:last-child):after{border-left-style:solid;}.elementor-1180 .elementor-element.elementor-element-37cb21b .elementor-inline-items .elementor-icon-list-item:not(:last-child):after{border-left-width:1px;}.elementor-1180 .elementor-element.elementor-element-37cb21b .elementor-icon-list-icon i{transition:color 0.3s;}.elementor-1180 .elementor-element.elementor-element-37cb21b .elementor-icon-list-icon svg{transition:fill 0.3s;}.elementor-1180 .elementor-element.elementor-element-37cb21b{--e-icon-list-icon-size:14px;--icon-vertical-offset:0px;}.elementor-1180 .elementor-element.elementor-element-37cb21b .elementor-icon-list-item > .elementor-icon-list-text, .elementor-1180 .elementor-element.elementor-element-37cb21b .elementor-icon-list-item > a{font-family:"Poppins", Sans-serif;font-size:12px;font-weight:400;}.elementor-1180 .elementor-element.elementor-element-37cb21b .elementor-icon-list-text{color:#FFFFFF;transition:color 0.3s;}.elementor-1180 .elementor-element.elementor-element-c7c3aed{--display:flex;--background-transition:0.3s;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1180 .elementor-element.elementor-element-4573a430{--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;--background-transition:0.3s;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1180 .elementor-element.elementor-element-5dab10f6{--display:flex;--justify-content:center;--background-transition:0.3s;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1180 .elementor-element.elementor-element-96aea90 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-1180 .elementor-element.elementor-element-96aea90{text-align:left;}.elementor-1180 .elementor-element.elementor-element-96aea90 .elementor-heading-title{color:var( --e-global-color-fe2b9e0 );font-family:"Montserrat", Sans-serif;font-size:38px;font-weight:700;line-height:1.3em;}.elementor-1180 .elementor-element.elementor-element-185f5a7b{text-align:left;color:#FFFFFF;font-family:"Montserrat", Sans-serif;font-size:18px;font-weight:400;}.elementor-1180 .elementor-element.elementor-element-25f3a9c1{--display:flex;--background-transition:0.3s;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1180 .elementor-element.elementor-element-11653a2f img{border-radius:15px 15px 15px 15px;}.elementor-1180 .elementor-element.elementor-element-7b7c2ae{--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;--background-transition:0.3s;--margin-top:60px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:150px;--padding-right:150px;}.elementor-1180 .elementor-element.elementor-element-9d3e57e{text-align:center;}.elementor-1180 .elementor-element.elementor-element-9d3e57e .elementor-heading-title{color:#000000;font-family:"Montserrat", Sans-serif;font-size:28px;font-weight:700;}.elementor-1180 .elementor-element.elementor-element-6265eeda{text-align:center;color:#000000;font-family:"Montserrat", Sans-serif;font-size:18px;font-weight:400;}.elementor-1180 .elementor-element.elementor-element-7a156a8e{--display:flex;--background-transition:0.3s;--margin-top:30px;--margin-bottom:60px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:150px;--padding-right:150px;}.elementor-1180 .elementor-element.elementor-element-1ed3b8c{--display:flex;--background-transition:0.3s;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}@media(max-width:1024px){.elementor-1180 .elementor-element.elementor-element-1be1eb5{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:80px;--padding-left:50px;--padding-right:50px;}.elementor-1180 .elementor-element.elementor-element-96aea90 .elementor-heading-title{font-size:26px;}.elementor-1180 .elementor-element.elementor-element-185f5a7b{font-size:14px;}.elementor-1180 .elementor-element.elementor-element-7b7c2ae{--padding-top:0px;--padding-bottom:0px;--padding-left:50px;--padding-right:50px;}.elementor-1180 .elementor-element.elementor-element-9d3e57e .elementor-heading-title{font-size:26px;}.elementor-1180 .elementor-element.elementor-element-6265eeda{font-size:14px;}.elementor-1180 .elementor-element.elementor-element-7a156a8e{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:20px;--padding-bottom:50px;--padding-left:50px;--padding-right:50px;}}@media(max-width:767px){.elementor-1180 .elementor-element.elementor-element-1be1eb5:not(.elementor-motion-effects-element-type-background), .elementor-1180 .elementor-element.elementor-element-1be1eb5 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:center center;}.elementor-1180 .elementor-element.elementor-element-1be1eb5{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:50px;--padding-left:20px;--padding-right:20px;}.elementor-1180 .elementor-element.elementor-element-c7c3aed{--gap:0px 0px;}.elementor-1180 .elementor-element.elementor-element-4573a430{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:20px;--padding-right:20px;}.elementor-1180 .elementor-element.elementor-element-96aea90{text-align:center;}.elementor-1180 .elementor-element.elementor-element-96aea90 .elementor-heading-title{font-size:26px;line-height:1.2em;}.elementor-1180 .elementor-element.elementor-element-185f5a7b{text-align:center;font-size:17px;}.elementor-1180 .elementor-element.elementor-element-25f3a9c1.e-con{--order:-99999 /* order start hack */;}.elementor-1180 .elementor-element.elementor-element-7b7c2ae{--padding-top:0px;--padding-bottom:0px;--padding-left:20px;--padding-right:20px;}.elementor-1180 .elementor-element.elementor-element-9d3e57e{text-align:center;}.elementor-1180 .elementor-element.elementor-element-9d3e57e .elementor-heading-title{font-size:22px;line-height:1.2em;}.elementor-1180 .elementor-element.elementor-element-6265eeda{text-align:center;font-size:14px;}.elementor-1180 .elementor-element.elementor-element-7a156a8e{--padding-top:0px;--padding-bottom:0px;--padding-left:20px;--padding-right:20px;}}@media(min-width:1025px){.elementor-1180 .elementor-element.elementor-element-1be1eb5:not(.elementor-motion-effects-element-type-background), .elementor-1180 .elementor-element.elementor-element-1be1eb5 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-attachment:scroll;}}/* Start custom CSS for html, class: .elementor-element-5f30de1 */#searchContainer {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
    margin-bottom: 20px;
}

#searchInput {
    width: 70%;
    max-width: 300px; /* Adjust the maximum width of the search field */
    padding: 10px;
    font-size: 16px;
    border: 1px solid #ccc;
    border-radius: 5px;
}

#stateFilter {
    padding: 8px; /* Adjusted padding for a more compact dropdown */
    font-size: 16px;
    border: 1px solid #ccc;
    border-radius: 5px;
    width: 200px; /* Reduced the width of the dropdown */
}

/* Media query for mobile view */
@media (max-width: 768px) {
    #searchContainer {
        flex-direction: column;
        align-items: center; /* Center align elements */
    }

    #searchInput, #stateFilter {
        width: calc(100% - 22px); /* Ensures both fields have the same width, accounting for padding and borders */
        max-width: 300px; /* Constrain to 300px for consistency */
    }
    
    .pagination-button {
        background-color: #E0E0E0; /* Lighter color for unselected pages */
        color: #007BFF;
    }
    
    .pagination-button.active {
        background-color: #0056b3 !important; /* Darker color for selected page */
        color: #fff !important;
    }
}

.cards-container {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
    gap: 20px;
    padding: 20px;
}

.card {
    background-color: #fff;
    border: 1px solid #ddd;
    box-shadow: 0 2px 5px rgba(0,0,0,0.1);
    border-radius: 8px;
    overflow: hidden;
}

.card-header h3 {
    background-color: #007BFF;
    color: #fff;
    padding: 10px 20px;
    margin: 0;
    font-size: 16px;
}

.card-body {
    padding: 20px 10px; /* Added padding of 10px to the inner content */
    font-size: 14px;
    line-height: 1.5;
}

.card-body p {
    margin: 0 0 10px;
}

.no-results {
    text-align: center;
    font-size: 18px;
    color: #ff0000;
    padding: 20px;
}

.pagination {
    display: flex;
    justify-content: center;
    margin-top: 20px;
}

.pagination-button {
    padding: 10px 15px;
    margin: 0 5px;
    border: none;
    background-color: #E0E0E0; /* Lighter color for unselected pages */
    color: #007BFF;
    cursor: pointer;
    border-radius: 5px;
}

.pagination-button:hover {
    background-color: #C0C0C0;
}

.pagination-button.active {
    background-color: #0056b3; /* Darker color for selected page */
    color: #fff;
    font-weight: bold;
}

.pagination-ellipsis {
    padding: 10px 15px;
    font-size: 16px;
    margin: 0 5px;
}/* End custom CSS */