.elementor-kit-4{--e-global-color-primary:#F2BB21;--e-global-color-secondary:#142C48;--e-global-color-text:#E6E3D2;--e-global-color-accent:#EF4444;--e-global-color-3beb330:#142C48;--e-global-color-7714ed2:#DCBB4C;--e-global-color-06225ab:#F2BB21;--e-global-color-294ebbf:#E6E3D2;--e-global-color-983c90e:#847841;--e-global-color-62ce772:#FFC933;--e-global-typography-primary-font-family:"Inter";--e-global-typography-primary-font-size:48px;--e-global-typography-primary-font-weight:800;--e-global-typography-primary-font-style:normal;--e-global-typography-primary-text-decoration:none;--e-global-typography-primary-line-height:1.1em;--e-global-typography-primary-letter-spacing:-1px;--e-global-typography-secondary-font-family:"Inter";--e-global-typography-secondary-font-size:24px;--e-global-typography-secondary-font-weight:600;--e-global-typography-secondary-font-style:normal;--e-global-typography-secondary-text-decoration:none;--e-global-typography-secondary-line-height:1.3em;--e-global-typography-secondary-letter-spacing:0px;--e-global-typography-text-font-family:"Inter";--e-global-typography-text-font-size:18px;--e-global-typography-text-font-weight:400;--e-global-typography-text-font-style:normal;--e-global-typography-text-text-decoration:none;--e-global-typography-text-line-height:1.6em;--e-global-typography-text-letter-spacing:0px;--e-global-typography-accent-font-family:"Inter";--e-global-typography-accent-font-size:16px;--e-global-typography-accent-font-weight:600;--e-global-typography-accent-text-transform:uppercase;--e-global-typography-accent-font-style:normal;--e-global-typography-accent-text-decoration:none;--e-global-typography-accent-line-height:1em;--e-global-typography-accent-letter-spacing:1px;background-color:#142C48;color:#E6E3D2;font-size:18px;font-weight:400;line-height:1.6em;}.elementor-kit-4 e-page-transition{background-color:#FFBC7D;}.elementor-kit-4 a{color:var( --e-global-color-primary );font-family:"Inter", Sans-serif;font-size:16px;font-weight:500;}.elementor-kit-4 a:hover{color:#FFFFFF;font-family:"Inter", Sans-serif;font-size:16px;font-weight:500;}.elementor-kit-4 h1{color:var( --e-global-color-text );font-family:"Playfair Display", Sans-serif;font-size:56px;font-weight:800;line-height:1.2em;letter-spacing:-1.5px;}.elementor-kit-4 h2{color:var( --e-global-color-text );font-family:"Playfair Display", Sans-serif;font-size:36px;font-weight:800;}.elementor-kit-4 h3{color:var( --e-global-color-primary );font-family:"Inter", Sans-serif;font-size:24px;font-weight:700;line-height:1.3em;letter-spacing:0px;}.elementor-kit-4 h4{color:var( --e-global-color-7714ed2 );font-family:"Inter", Sans-serif;font-size:18px;font-weight:400;line-height:1.6em;letter-spacing:0px;}.elementor-kit-4 h5{color:var( --e-global-color-294ebbf );font-family:"Inter", Sans-serif;font-size:16px;font-weight:600;text-transform:uppercase;line-height:1em;letter-spacing:1px;}.elementor-kit-4 h6{color:var( --e-global-color-983c90e );font-family:"Inter", Sans-serif;font-size:16px;font-weight:500;}.elementor-kit-4 button,.elementor-kit-4 input[type="button"],.elementor-kit-4 input[type="submit"],.elementor-kit-4 .elementor-button{font-family:"Inter", Sans-serif;font-size:16px;font-weight:700;text-transform:uppercase;letter-spacing:1px;border-style:solid;border-width:0px 0px 0px 0px;border-radius:50px 50px 50px 50px;padding:16px 32px 16px 32px;}.elementor-kit-4 label{font-family:"Inter", Sans-serif;font-size:16px;font-weight:400;}.elementor-kit-4 input:not([type="button"]):not([type="submit"]),.elementor-kit-4 textarea,.elementor-kit-4 .elementor-field-textual{font-family:"Inter", Sans-serif;font-size:16px;font-weight:400;color:#FFFFFF;background-color:#0F213699;border-style:solid;border-width:1px 1px 1px 1px;border-color:#FFFFFF26;border-radius:12px 12px 12px 12px;}.elementor-kit-4 input:focus:not([type="button"]):not([type="submit"]),.elementor-kit-4 textarea:focus,.elementor-kit-4 .elementor-field-textual:focus{border-style:solid;border-width:1px 1px 1px 1px;border-color:#F2BB21;border-radius:12px 12px 12px 12px;}.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-kit-4{--e-global-typography-primary-font-size:36px;--e-global-typography-primary-line-height:1.1em;--e-global-typography-primary-letter-spacing:-1px;--e-global-typography-secondary-font-size:22px;--e-global-typography-secondary-line-height:1.3em;--e-global-typography-secondary-letter-spacing:0px;--e-global-typography-text-font-size:17px;--e-global-typography-text-line-height:1.6em;--e-global-typography-text-letter-spacing:0px;--e-global-typography-accent-font-size:15px;--e-global-typography-accent-line-height:1em;--e-global-typography-accent-letter-spacing:1px;font-size:17px;line-height:1.6em;}.elementor-kit-4 h1{font-size:36px;line-height:1.2em;letter-spacing:-1px;}.elementor-kit-4 h2{font-size:36px;line-height:1.1em;letter-spacing:-1px;}.elementor-kit-4 h3{font-size:22px;line-height:1.3em;letter-spacing:0px;}.elementor-kit-4 h4{font-size:17px;line-height:1.6em;letter-spacing:0px;}.elementor-kit-4 h5{font-size:15px;line-height:1em;letter-spacing:1px;}.elementor-kit-4 button,.elementor-kit-4 input[type="button"],.elementor-kit-4 input[type="submit"],.elementor-kit-4 .elementor-button{padding:16px 32px 16px 32px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-kit-4{--e-global-typography-primary-font-size:32px;--e-global-typography-primary-line-height:1.1em;--e-global-typography-primary-letter-spacing:-1px;--e-global-typography-secondary-font-size:20px;--e-global-typography-secondary-line-height:1.3em;--e-global-typography-secondary-letter-spacing:0px;--e-global-typography-text-font-size:16px;--e-global-typography-text-line-height:1.6em;--e-global-typography-text-letter-spacing:0px;--e-global-typography-accent-font-size:15px;--e-global-typography-accent-line-height:1em;--e-global-typography-accent-letter-spacing:1px;font-size:16px;line-height:1.5em;}.elementor-kit-4 h1{font-size:32px;line-height:1.1em;letter-spacing:-0.5px;}.elementor-kit-4 h2{font-size:32px;line-height:1.1em;letter-spacing:-1px;}.elementor-kit-4 h3{font-size:20px;line-height:1.3em;letter-spacing:0px;}.elementor-kit-4 h4{font-size:16px;line-height:1.6em;letter-spacing:0px;}.elementor-kit-4 h5{font-size:15px;line-height:1em;letter-spacing:1px;}.elementor-kit-4 button,.elementor-kit-4 input[type="button"],.elementor-kit-4 input[type="submit"],.elementor-kit-4 .elementor-button{font-size:16px;border-width:0px 0px 0px 0px;padding:16px 32px 16px 32px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;--container-default-padding-top:16px;--container-default-padding-right:16px;--container-default-padding-bottom:16px;--container-default-padding-left:16px;}}/* Start custom CSS *//* ================================================== */
/* SOLID ROADSIDE - MASTER BODY CSS (v8.0)            */
/* Scope: Global Colors, Typography, Buttons, Cards   */
/* Note: Header/Menu CSS is excluded from this file   */
/* ================================================== */

:root {
    /* === 1. TYPOGRAPHY (System Stack = 0ms Load) === */
    --e-global-typography-primary-font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    --e-global-typography-secondary-font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    --e-global-typography-text-font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    --e-global-typography-accent-font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;

    /* === 2. COLORS === */
    --c-gold:      #F2BB21;
    --c-navy:      #142C48;
    --c-navy-rgb:  20, 44, 72;    /* For Glass Transparency */
    --c-paper:     #E6E3D2;
    --c-error:     #E74C3C;
    --c-error-rgb: 231, 76, 60;
    --c-whatsapp:  #25D366;
}

/* === 3. GLOBAL RESETS === */
body {
    color: var(--c-paper);
    -webkit-font-smoothing: antialiased; /* Crisp Text on Mac */
    -moz-osx-font-smoothing: grayscale;
}

h1, h2, h3, h4, h5, h6 { color: #FFFFFF; }
a { color: var(--c-gold); transition: color 0.3s ease; }
input, textarea, select { color: #FFFFFF !important; }
button, a, input { -webkit-tap-highlight-color: transparent; }

/* === 4. GLASSMORPHISM RECIPES === */

/* .glass-subtle: For Text Areas & Wrappers */
.glass-subtle {
    background: rgba(255, 255, 255, 0.05);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    border: 1px solid rgba(255, 255, 255, 0.2);
    border-radius: 24px;
    box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
}

/* ================================================== */
/* SERVICE CARDS (Container + All Children)           */
/* Class: .glass-standard                             */
/* ================================================== */

/* 1. The Container */
.glass-standard {
    background: linear-gradient(135deg, rgba(255, 255, 255, 0.12) 0%, rgba(255, 255, 255, 0.05) 100%);
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
    border: 1px solid rgba(255, 255, 255, 0.2);
    border-radius: 20px;
    box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.3);
    transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
    cursor: pointer;
    overflow: hidden;
}

/* 2. Container Hover Action */
.glass-standard:hover {
    transform: translateY(-10px) !important;
    border-color: var(--c-gold) !important;
    background: linear-gradient(135deg, rgba(255, 255, 255, 0.15) 0%, rgba(255, 255, 255, 0.08) 100%) !important;
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.4) !important;
}

/* 3. Auto-Style: Icon Box */
.glass-standard .elementor-view-framed .elementor-icon {
    border-color: var(--c-gold) !important;
    color: var(--c-gold) !important;
    background-color: transparent !important;
    transition: all 0.3s ease;
}

/* Icon Hover (Triggered by Container) */
.glass-standard:hover .elementor-view-framed .elementor-icon {
    background-color: var(--c-gold) !important;
    border-color: var(--c-gold) !important;
    transform: scale(1.1);
    box-shadow: 0 0 20px rgba(242, 187, 33, 0.5);
}

/* Force Icon Symbol to Navy on Hover */
.glass-standard:hover .elementor-view-framed .elementor-icon i,
.glass-standard:hover .elementor-view-framed .elementor-icon svg {
    color: var(--c-navy) !important;
    fill: var(--c-navy) !important;
}

/* 4. Auto-Style: Link List */
.glass-standard .elementor-widget-icon-list .elementor-icon-list-text,
.glass-standard .elementor-widget-icon-list .elementor-icon-list-icon {
    color: var(--c-gold) !important;
    transition: all 0.3s ease;
}

.glass-standard:hover .elementor-widget-icon-list .elementor-icon-list-text {
    color: #FFFFFF !important;
}

.glass-standard:hover .elementor-widget-icon-list .elementor-icon-list-icon {
    color: #FFFFFF !important;
    transform: translateX(5px);
}

/* ================================================== */
/* PANIC BUTTON STYLE (Restricted to 'btn-panic')     */
/* Usage: Add class 'btn-panic' to any Button or Form */
/* ================================================== */

/* 1. Target ANY button inside a widget with class 'btn-panic' */
/* This works for both Standard Buttons AND Form Submit Buttons */
.btn-panic .elementor-button {
    background-color: #F2BB21 !important; /* Action Gold */
    color: #142C48 !important;            /* Navy Text */
    border-radius: 50px !important;       /* Pill Shape */
    font-weight: 800 !important;
    text-transform: uppercase !important;
    letter-spacing: 1px !important;
    border: none !important;
    
    /* The Panic Pulse Animation */
    animation: goldPulse 2s infinite !important;
    box-shadow: 0 10px 30px rgba(242, 187, 33, 0.5) !important;
    
    /* Sizing adjustments */
    padding: 16px 32px !important;
}

/* 2. Hover State */
.btn-panic .elementor-button:hover {
    background-color: #FFC933 !important; /* Lighter Gold */
    color: #142C48 !important;
    transform: translateY(-2px);
    box-shadow: 0 15px 30px rgba(242, 187, 33, 0.6) !important;
}

/* 3. Animation Keyframes (Required) */
@keyframes goldPulse {
    0% { box-shadow: 0 0 0 0 rgba(242, 187, 33, 0.7); transform: scale(1); }
    50% { box-shadow: 0 0 0 15px rgba(242, 187, 33, 0); transform: scale(1.02); }
    100% { box-shadow: 0 0 0 0 rgba(242, 187, 33, 0); transform: scale(1); }
}
/* WhatsApp Button (Glass Ghost) */
.elementor-widget-button.btn-whatsapp .elementor-button {
    background-color: rgba(255, 255, 255, 0.05) !important;
    border: 1px solid rgba(255, 255, 255, 0.3) !important;
    color: #FFFFFF !important;
    border-radius: 50px !important;
    backdrop-filter: blur(5px);
    transition: all 0.3s ease;
}

.elementor-widget-button.btn-whatsapp .elementor-button:hover {
    background-color: rgba(37, 211, 102, 0.2) !important;
    border-color: var(--c-whatsapp) !important;
    box-shadow: 0 0 15px rgba(37, 211, 102, 0.4) !important;
    transform: translateY(-2px);
}

.btn-whatsapp .elementor-button-icon i, 
.btn-whatsapp .elementor-button-icon svg {
    fill: var(--c-whatsapp) !important;
    color: var(--c-whatsapp) !important;
}

/* === 6. ANIMATIONS & ERROR STATES === */

/* Form Shake Error */
.elementor-field-group.elementor-error input {
    border: 2px solid var(--c-error) !important;
    background: rgba(var(--c-error-rgb), 0.1) !important;
    animation: shake-horizontal 0.4s cubic-bezier(.36,.07,.19,.97) both;
}

/* Accessibility Focus Ring */
button:focus-visible, a:focus-visible, .elementor-button:focus-visible {
    outline: 3px solid var(--c-gold) !important;
    outline-offset: 4px;
    background: var(--c-navy) !important;
}

/* Keyframes */
@keyframes goldPulse {
    0% { box-shadow: 0 0 0 0 rgba(242, 187, 33, 0.7); transform: scale(1); }
    50% { box-shadow: 0 0 0 15px rgba(242, 187, 33, 0); transform: scale(1.02); }
    100% { box-shadow: 0 0 0 0 rgba(242, 187, 33, 0); transform: scale(1); }
}

@keyframes shake-horizontal {
    0%, 100% { transform: translateX(0); }
    10%, 30%, 50%, 70%, 90% { transform: translateX(-5px); }
    20%, 40%, 60%, 80% { transform: translateX(5px); }
}
/* ================================================== */
/* FORM PANIC UX STYLING                              */
/* Class: .glass-form                                 */
/* ================================================== */

/* 1. GLASS INPUT FIELDS */
.glass-form input,
.glass-form textarea,
.glass-form select {
    background-color: rgba(255, 255, 255, 0.05) !important; /* Glass Tint */
    border: 1px solid rgba(255, 255, 255, 0.15) !important; /* Subtle Border */
    color: #FFFFFF !important; /* White Text */
    border-radius: 12px !important;
    padding: 15px !important;
    min-height: 50px !important; /* Easy Touch Target */
    transition: all 0.3s ease !important;
}

/* 2. INPUT FOCUS STATE (Gold Glow) */
.glass-form input:focus,
.glass-form textarea:focus,
.glass-form select:focus {
    background-color: rgba(255, 255, 255, 0.1) !important;
    border-color: #F2BB21 !important; /* Gold Border */
    box-shadow: 0 0 15px rgba(242, 187, 33, 0.2) !important;
    outline: none !important;
}

/* 3. INPUT PLACEHOLDER COLOR */
.glass-form ::placeholder {
    color: rgba(230, 227, 210, 0.5) !important; /* Dim Cream */
    font-size: 14px;
}

/* 4. LABELS (High Visibility) */
.glass-form .elementor-field-label {
    color: #F2BB21 !important; /* Gold Labels */
    font-weight: 700 !important;
    text-transform: uppercase !important;
    font-size: 12px !important;
    letter-spacing: 1px !important;
    margin-bottom: 8px !important;
}

/* 5. ERROR STATE (Panic Shake & Red) */
/* Requires Form Widget > Additional Options > Custom Messages: ON */
.elementor-field-group.elementor-error input,
.elementor-field-group.elementor-error textarea,
.elementor-field-group.elementor-error select {
    border: 2px solid #E74C3C !important; /* Red Border */
    background: rgba(231, 76, 60, 0.1) !important; /* Red Tint */
    animation: shake-horizontal 0.4s cubic-bezier(.36,.07,.19,.97) both;
}

.elementor-field-group.elementor-error .elementor-message {
    color: #E74C3C !important;
    font-weight: 700;
    margin-top: 5px;
}

/* Shake Animation Keyframes */
@keyframes shake-horizontal {
    0%, 100% { transform: translateX(0); }
    10%, 30%, 50%, 70%, 90% { transform: translateX(-5px); }
    20%, 40%, 60%, 80% { transform: translateX(5px); }
}
/* FORCE FORM BUTTON TO BE PANIC STYLE */
.glass-form .elementor-button {
    background-color: #F2BB21 !important;
    color: #142C48 !important;
    border-radius: 50px !important;
    font-weight: 800 !important;
    text-transform: uppercase !important;
    animation: goldPulse 2s infinite !important;
}
.glass-form .elementor-button:hover {
    background-color: #FFC933 !important;
    transform: translateY(-2px);
}
/* ================================================== */
/* iOS 26 LIQUID GLASS FOOTER STYLE                   */
/* Class: .footer-ios-glass                           */
/* Usage: Apply to the Footer Inner Container         */
/* ================================================== */

/* 1. THE GLASS ISLAND CONTAINER */
.footer-ios-glass {
    /* Deep Navy Transparent Base */
    background: rgba(20, 44, 72, 0.6) !important;
    
    /* The "iOS 26" Blur & Saturation */
    backdrop-filter: blur(40px) saturate(180%) !important;
    -webkit-backdrop-filter: blur(40px) saturate(180%) !important;
    
    /* Floating Shape (Rounded) */
    border-radius: 40px !important;
    
    /* Diamond Cut Border (Subtle) */
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
    
    /* Depth Shadows */
    box-shadow: 
        0 20px 50px -10px rgba(0, 0, 0, 0.5), /* Drop Shadow */
        inset 0 0 0 1px rgba(255, 255, 255, 0.05) /* Inner Bevel */
        !important;
    
    position: relative;
    overflow: hidden; /* Keeps the glow inside */
    z-index: 10;
    transition: transform 0.3s ease;
}

/* 2. THE LIQUID GOLD ORB (Animation) */
/* This creates the moving glow inside the glass */
.footer-ios-glass::before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    /* Gold Gradient rising from the bottom */
    background: radial-gradient(circle at 50% 150%, rgba(242, 187, 33, 0.25), transparent 70%);
    z-index: -1; /* Behind content */
    filter: blur(50px);
    animation: liquidPulse 8s ease-in-out infinite;
    pointer-events: none; /* Click-through */
}

/* 3. TOP REFLECTION (The "Cut Glass" Edge) */
.footer-ios-glass::after {
    content: '';
    position: absolute;
    top: 0;
    left: 10%;
    right: 10%;
    height: 1px;
    /* Fades out at edges */
    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.4), transparent);
    pointer-events: none;
}

/* 4. ANIMATION KEYFRAMES */
@keyframes liquidPulse {
    0% { opacity: 0.5; transform: scale(1); }
    50% { opacity: 0.8; transform: scale(1.1); } /* Glows brighter and grows */
    100% { opacity: 0.5; transform: scale(1); }
}

/* 5. MOBILE ADJUSTMENT */
@media (max-width: 767px) {
    .footer-ios-glass {
        border-radius: 30px 30px 0 0 !important; /* Round Top Only */
        margin-bottom: 0 !important;
        border-bottom: none !important;
        padding: 40px 20px !important;
    }
    /* Adjust glow for mobile screens */
    .footer-ios-glass::before {
        background: radial-gradient(circle at 50% 120%, rgba(242, 187, 33, 0.2), transparent 60%);
    }
}
/* ================================================== */
/* CUSTOM GLASS CARD (Fixed Size 200x220)             */
/* Class: .glass-card-mini                            */
/* ================================================== */

.glass-card-mini {
    /* 1. Dimensions */
    width: 200px !important;
    height: 220px !important;
    
    /* 2. Glass Style */
    background: linear-gradient(135deg, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0.05) 100%);
    backdrop-filter: blur(15px);
    -webkit-backdrop-filter: blur(15px);
    
    /* 3. The Glass Border */
    border: 1px solid rgba(255, 255, 255, 0.2);
    border-top: 1px solid rgba(255, 255, 255, 0.4); /* Highlight */
    border-radius: 20px;
    
    /* 4. Layout & Interaction */
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    transition: all 0.3s ease;
    box-shadow: 0 8px 32px rgba(0,0,0,0.2);
}

/* Hover Effect */
.glass-card-mini:hover {
    transform: translateY(-5px);
    border-color: #F2BB21; /* Gold Border */
    box-shadow: 0 15px 40px rgba(0,0,0,0.3);
}
 /* 3. Glass Style */
 .glass-card {
  width: 240px;
  height: 360px;
  background: rgba(255, 255, 255, 0.27);
  backdrop-filter: blur(18px);
  -webkit-backdrop-filter: blur(18px);
  border-radius: 20px;
  border: 1px solid rgba(255, 255, 255, 0.3);
  box-shadow: 
    0 8px 32px rgba(0, 0, 0, 0.1),
    inset 0 1px 0 rgba(255, 255, 255, 0.5),
    inset 0 -1px 0 rgba(255, 255, 255, 0.1),
    inset 0 0 44px 22px rgba(255, 255, 255, 2.2);
  position: relative;
  overflow: hidden;
}

.glass-card::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 1px;
  background: linear-gradient(
    90deg,
    transparent,
    rgba(255, 255, 255, 0.8),
    transparent
  );
}

.glass-card::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 1px;
  height: 100%;
  background: linear-gradient(
    180deg,
    rgba(255, 255, 255, 0.8),
    transparent,
    rgba(255, 255, 255, 0.3)
  );
}/* End custom CSS */