.elementor-501 .elementor-element.elementor-element-fc63cdc{--display:flex;--min-height:40vh;--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;--align-items:stretch;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0%;--padding-bottom:0%;--padding-left:5%;--padding-right:5%;}.elementor-501 .elementor-element.elementor-element-fc63cdc:not(.elementor-motion-effects-element-type-background), .elementor-501 .elementor-element.elementor-element-fc63cdc > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://garuda.com.my/wp-content/uploads/2026/01/home-1.jpg");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-501 .elementor-element.elementor-element-0ef9012{--display:flex;--justify-content:center;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.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-501 .elementor-element.elementor-element-68848d3{text-align:start;}.elementor-501 .elementor-element.elementor-element-68848d3 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:3em;font-weight:600;color:#FFFFFF;}.elementor-501 .elementor-element.elementor-element-7b7ced1{--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;--padding-top:5%;--padding-bottom:5%;--padding-left:5%;--padding-right:5%;}.elementor-501 .elementor-element.elementor-element-7b7ced1:not(.elementor-motion-effects-element-type-background), .elementor-501 .elementor-element.elementor-element-7b7ced1 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://garuda.com.my/wp-content/uploads/2026/01/full_services_copy.webp");background-position:center center;background-repeat:no-repeat;}.elementor-501 .elementor-element.elementor-element-fce5783{--display:flex;--gap:10px 10px;--row-gap:10px;--column-gap:10px;}.elementor-501 .elementor-element.elementor-element-6bb373d{text-align:center;}.elementor-501 .elementor-element.elementor-element-6bb373d .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:0.9em;font-weight:700;letter-spacing:2px;color:#E0007A;}.elementor-501 .elementor-element.elementor-element-6f3ec5f{text-align:center;}.elementor-501 .elementor-element.elementor-element-6f3ec5f .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:2.5em;font-weight:600;color:var( --e-global-color-d4e22b3 );}.elementor-501 .elementor-element.elementor-element-8674d10{--display:flex;}.elementor-widget-accordion .elementor-accordion-icon, .elementor-widget-accordion .elementor-accordion-title{color:var( --e-global-color-primary );}.elementor-widget-accordion .elementor-accordion-icon svg{fill:var( --e-global-color-primary );}.elementor-widget-accordion .elementor-active .elementor-accordion-icon, .elementor-widget-accordion .elementor-active .elementor-accordion-title{color:var( --e-global-color-accent );}.elementor-widget-accordion .elementor-active .elementor-accordion-icon svg{fill:var( --e-global-color-accent );}.elementor-widget-accordion .elementor-accordion-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-accordion .elementor-tab-content{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-501 .elementor-element.elementor-element-1e331b8{background-color:#FFFFFF;margin:30px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:15px 15px 15px 15px;border-style:solid;border-width:1px 1px 1px 1px;border-color:#F6F6F6;border-radius:19px 19px 19px 19px;box-shadow:0px 0px 25px 0px rgba(200.25, 200.25, 200.25, 0.5);}.elementor-501 .elementor-element.elementor-element-1e331b8 .elementor-accordion-item{border-width:0px;border-color:#F2F2F2;}.elementor-501 .elementor-element.elementor-element-1e331b8 .elementor-accordion-item .elementor-tab-content{border-width:0px;border-block-start-color:#F2F2F2;}.elementor-501 .elementor-element.elementor-element-1e331b8 .elementor-accordion-item .elementor-tab-title.elementor-active{border-width:0px;border-block-end-color:#F2F2F2;}.elementor-501 .elementor-element.elementor-element-1e331b8 .elementor-tab-title{background-color:#FFFFFF;padding:18px 18px 18px 18px;}.elementor-501 .elementor-element.elementor-element-1e331b8 .elementor-accordion-icon, .elementor-501 .elementor-element.elementor-element-1e331b8 .elementor-accordion-title{color:var( --e-global-color-d4e22b3 );}.elementor-501 .elementor-element.elementor-element-1e331b8 .elementor-accordion-icon svg{fill:var( --e-global-color-d4e22b3 );}.elementor-501 .elementor-element.elementor-element-1e331b8 .elementor-active .elementor-accordion-icon, .elementor-501 .elementor-element.elementor-element-1e331b8 .elementor-active .elementor-accordion-title{color:var( --e-global-color-6c0433d );}.elementor-501 .elementor-element.elementor-element-1e331b8 .elementor-active .elementor-accordion-icon svg{fill:var( --e-global-color-6c0433d );}.elementor-501 .elementor-element.elementor-element-1e331b8 .elementor-accordion-title{font-family:"Poppins", Sans-serif;font-size:1.3em;font-weight:500;}.elementor-501 .elementor-element.elementor-element-1e331b8 .elementor-tab-title .elementor-accordion-icon i:before{color:#737373;}.elementor-501 .elementor-element.elementor-element-1e331b8 .elementor-tab-title .elementor-accordion-icon svg{fill:#737373;}.elementor-501 .elementor-element.elementor-element-1e331b8 .elementor-tab-title.elementor-active .elementor-accordion-icon i:before{color:#4F4F4F;}.elementor-501 .elementor-element.elementor-element-1e331b8 .elementor-tab-title.elementor-active .elementor-accordion-icon svg{fill:#4F4F4F;}.elementor-501 .elementor-element.elementor-element-1e331b8 .elementor-tab-content{background-color:#FFFFFF;color:#4F4F4F;font-family:"Poppins", Sans-serif;font-size:1.1em;font-weight:400;line-height:1.7em;letter-spacing:0.2px;padding:0px 0px 20px 20px;}@media(max-width:1024px){.elementor-501 .elementor-element.elementor-element-68848d3 .elementor-heading-title{font-size:2.5em;}.elementor-501 .elementor-element.elementor-element-7b7ced1{--padding-top:5%;--padding-bottom:5%;--padding-left:2%;--padding-right:2%;}.elementor-501 .elementor-element.elementor-element-6bb373d .elementor-heading-title{font-size:0.8em;}.elementor-501 .elementor-element.elementor-element-6f3ec5f .elementor-heading-title{font-size:2em;}.elementor-501 .elementor-element.elementor-element-1e331b8 .elementor-accordion-title{font-size:1.2em;}.elementor-501 .elementor-element.elementor-element-1e331b8 .elementor-tab-content{font-size:0.9em;}}@media(min-width:768px){.elementor-501 .elementor-element.elementor-element-fc63cdc{--content-width:1400px;}.elementor-501 .elementor-element.elementor-element-7b7ced1{--content-width:1400px;}}@media(max-width:767px){.elementor-501 .elementor-element.elementor-element-fc63cdc{--min-height:264px;}.elementor-501 .elementor-element.elementor-element-fc63cdc:not(.elementor-motion-effects-element-type-background), .elementor-501 .elementor-element.elementor-element-fc63cdc > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-size:631px auto;}.elementor-501 .elementor-element.elementor-element-68848d3 .elementor-heading-title{font-size:2em;}.elementor-501 .elementor-element.elementor-element-7b7ced1{--padding-top:8%;--padding-bottom:8%;--padding-left:2%;--padding-right:2%;}.elementor-501 .elementor-element.elementor-element-6bb373d .elementor-heading-title{font-size:0.7em;line-height:1.5em;}.elementor-501 .elementor-element.elementor-element-6f3ec5f .elementor-heading-title{font-size:1.6em;line-height:1.5em;}.elementor-501 .elementor-element.elementor-element-1e331b8{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}}/* Start custom CSS for accordion, class: .elementor-element-1e331b8 *//* --- GARUDA INDUSTRIAL TABLES STYLE --- */

/* 1. Main Table Container */
.garuda-pricing-table {
    width: 100%;
    border-collapse: collapse;
    font-family: 'Poppins', Arial, sans-serif; /* Modern, professional font */
    font-size: 15px;
    color: #333;
    border: 1px solid #e0e0e0;
    margin-bottom: 20px;
    background-color: #ffffff;
}

/* 2. Header Styling (Royal Blue) */
.garuda-pricing-table thead tr {
    background-color: #1a438d; /* Matches Garuda Brand Blue */
    color: #ffffff;
    text-align: center;
}

.garuda-pricing-table th {
    padding: 15px 10px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    border: 1px solid #ffffff33;
}

/* 3. Body Row & Zebra Striping */
.garuda-pricing-table tbody tr {
    border-bottom: 1px solid #e0e0e0;
    text-align: center;
    transition: background-color 0.3s ease;
}

/* Zebra Striping for better readability */
.garuda-pricing-table tbody tr:nth-of-type(even) {
    background-color: #f6f9fc; /* Light industrial tint */
}

.garuda-pricing-table td {
    padding: 12px 10px;
    border: 1px solid #e0e0e0;
}

/* 4. Yellow Highlight (The "Gempak" Column) */
.highlight-yellow-header {
    background-color: #ffc107 !important; /* Vibrant Yellow from Logo Icon */
    color: #000000 !important;
}

.highlight-yellow-body {
    background-color: #fff9c4 !important; /* Soft yellow highlight */
    font-weight: bold;
    color: #1a438d; /* Blue text for contrast */
}

/* 5. First Column Alignment (For Area Names) */
.garuda-pricing-table td:first-child {
    text-align: left;
    padding-left: 20px;
    font-weight: 500;
}

/* 6. Hover Effect */
.garuda-pricing-table tbody tr:hover {
    background-color: #e3f2fd; /* Soft blue highlight on hover */
}

/* 7. Mobile Responsiveness */
@media (max-width: 768px) {
    .garuda-pricing-table {
        display: block;
        overflow-x: auto; /* Adds horizontal scroll for mobile users */
        white-space: nowrap;
    }
}/* End custom CSS */