.elementor-kit-6{--e-global-color-primary:#0F172A;--e-global-color-secondary:#334155;--e-global-color-text:#6B46C1;--e-global-color-accent:#06B6D4;--e-global-typography-primary-font-family:"Roboto";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Roboto Slab";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Roboto";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;background-color:#0F172A;}.elementor-kit-6 e-page-transition{background-color:#FFBC7D;}.elementor-kit-6 button,.elementor-kit-6 input[type="button"],.elementor-kit-6 input[type="submit"],.elementor-kit-6 .elementor-button{text-shadow:0px 0px 10px rgba(0,0,0,0.3);}.elementor-kit-6 button:hover,.elementor-kit-6 button:focus,.elementor-kit-6 input[type="button"]:hover,.elementor-kit-6 input[type="button"]:focus,.elementor-kit-6 input[type="submit"]:hover,.elementor-kit-6 input[type="submit"]:focus,.elementor-kit-6 .elementor-button:hover,.elementor-kit-6 .elementor-button:focus{box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);border-radius:50px 50px 50px 50px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1400px;}.e-con{--container-max-width:1400px;}.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);}@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 *//* ===== PREVENT HORIZONTAL SCROLL & LAYOUT SHIFT ===== */

/* Prevent overflow on body and html */
html,
body {
    overflow-x: hidden !important;
    max-width: 100vw !important;
}

/* Elementor sections shouldn't overflow */
.elementor-section,
.elementor-container {
    overflow: hidden !important;
    max-width: 100% !important;
}

/* Prevent animations from causing overflow */
.elementor-section::before,
.elementor-section::after {
    max-width: 100% !important;
}

/* Remove horizontal scrollbar */
::-webkit-scrollbar-track-piece:horizontal {
    display: none;
}

* ===== SMART HOVER SYSTEM - SAFE VERSION ===== */

/* Disable hover transforms on touch devices ONLY */
@media (hover: none) and (pointer: coarse) {
    /* Neutralize aggressive hover effects on mobile */
    .service-showcase-card:hover,
    .zenthoz-contact-card:hover,
    .zenthoz-social-icon:hover,
    .zenthoz-back-to-top:hover,
    .zenthoz-badge-item:hover,
    .contact-compact-card:hover,
    .elementor-icon-list-item:hover {
        transform: none !important;
    }
    
    /* Keep color/border changes but remove movement */
    .service-showcase-card:hover {
        background: rgba(107,70,193,0.08);
        border-color: rgba(107,70,193,0.6);
        box-shadow: 0 8px 30px rgba(107,70,193,0.2);
        transform: none !important; /* No slide on mobile */
    }
    
    .zenthoz-contact-card:hover {
        background: rgba(107,70,193,0.08);
        border-color: rgba(107,70,193,0.6);
        transform: none !important; /* No lift on mobile */
    }
    
    .zenthoz-social-icon:hover {
        background: rgba(107,70,193,0.2);
        border-color: rgba(107,70,193,0.5);
        transform: none !important; /* No float on mobile */
    }
    
    .zenthoz-back-to-top:hover {
        background: rgba(6,182,212,0.2);
        border-color: rgba(6,182,212,0.6);
        transform: none !important;
    }
}

/* Keep ALL hover effects on desktop */
@media (hover: hover) and (pointer: fine) {
    /* Desktop hover effects work normally */
    /* No changes needed - your existing CSS works here */
}/* End custom CSS */