.elementor-kit-6{--e-global-color-primary:#2E603B;--e-global-color-secondary:#C2A052;--e-global-color-text:#4A4A4A;--e-global-color-accent:#F4F6F4;--e-global-typography-primary-font-family:"Inter";--e-global-typography-primary-font-weight:700;--e-global-typography-secondary-font-family:"Outfit";--e-global-typography-secondary-font-weight:600;--e-global-typography-text-font-family:"Outfit";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;}.elementor-kit-6 button,.elementor-kit-6 input[type="button"],.elementor-kit-6 input[type="submit"],.elementor-kit-6 .elementor-button{background-color:var( --e-global-color-primary );font-family:"Outfit", Sans-serif;font-weight:600;color:#FFFFFF;border-radius:8px 8px 8px 8px;}.elementor-kit-6 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}
/* Start custom CSS *//* 
   Gibson Landscapes & Driveways - Premium CSS 
   Instructions: Paste this into Elementor > Site Settings > Custom CSS.
*/

/* 1. Global: Smooth Scrolling & Base Typography Refinements */
html {
    scroll-behavior: smooth;
}

/* 2. Enhanced Button Hover States (Apply to Elementor Button Widgets) */
.elementor-button {
    transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1) !important;
    position: relative;
    overflow: hidden;
}

.elementor-button:hover {
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.15) !important;
}

/* 3. Premium Service Cards (Add class 'gld-service-card' to the Columns or Containers holding service info) */
.gld-service-card {
    transition: all 0.4s ease;
    border-radius: 12px;
    background: #ffffff; /* Assuming slightly off-white background globally, these pop out as white */
    box-shadow: 0 4px 6px rgba(0,0,0,0.05);
    border: 1px solid rgba(0,0,0,0.03);
}

.gld-service-card:hover {
    transform: translateY(-8px);
    box-shadow: 0 15px 30px rgba(0,0,0,0.08);
}

/* 4. Glassmorphism Trust Bar (Add class 'gld-glass-bar' to the Container holding the Trust Badges/Icons) */
.gld-glass-bar {
    background: rgba(255, 255, 255, 0.2) !important;
    backdrop-filter: blur(12px) !important;
    -webkit-backdrop-filter: blur(12px) !important;
    border-radius: 16px !important;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.05);
    border: 1px solid rgba(255, 255, 255, 0.4);
    position: relative;
    z-index: 10;
}

/* 5. Clean Accordion Styling for FAQs */
.elementor-accordion .elementor-accordion-item {
    border: none !important;
    background: #fff;
    margin-bottom: 15px;
    border-radius: 8px;
    box-shadow: 0 2px 10px rgba(0,0,0,0.03);
    overflow: hidden;
}

.elementor-accordion .elementor-tab-title {
    background: #fff !important;
    border: none !important;
    padding: 20px !important;
    font-weight: 600;
    transition: 0.3s;
}

.elementor-accordion .elementor-tab-title:hover {
    background: #fcfcfc !important;
    color: #2e603b; /* Adjust to match your primary green */
}

.elementor-accordion .elementor-tab-content {
    border: none !important;
    padding: 0 20px 20px 20px !important;
    color: #555;
}/* End custom CSS */