.elementor-1705 .elementor-element.elementor-element-1e74ce3a{--display:flex;}.elementor-1705 .elementor-element.elementor-element-31089157{--display:flex;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}/* Start custom CSS for html, class: .elementor-element-4b7c7178 *//* Attempt to override Elementor/Theme styles */
.glow-btn {
    background-color: #2563EB !important; /* Hex for Tailwind's blue-600 */
    color: white !important;
    padding: 1rem 2rem !important; /* Equivalent to px-8 py-4 */
    border-radius: 0.5rem !important; /* Equivalent to rounded-lg */
    font-size: 1.125rem !important; /* Equivalent to text-lg */
    font-weight: 600 !important; /* Equivalent to font-semibold */
    /* Your existing glow styles */
    box-shadow: 0 0 15px rgba(59, 130, 246, 0.7) !important;
    transition: all 0.3s ease !important;
}

.glow-btn:hover {
    box-shadow: 0 0 25px rgba(59, 130, 246, 1) !important;
    /* Add any other hover properties if needed */
}

/* Previous Button Styles (with additions for outline/border) */
.glow-btn {
    background-color: #2563EB !important; /* Hex for Tailwind's blue-600 */
    color: white !important;
    padding: 0.75rem 2rem !important; /* px-8 py-3 is 2rem horizontal, 0.75rem vertical */
    border-radius: 0.5rem !important; /* Equivalent to rounded-lg */
    font-size: 1.125rem !important; /* Equivalent to text-lg */
    font-weight: 600 !important; /* Equivalent to font-semibold */
    box-shadow: 0 0 15px rgba(59, 130, 246, 0.7) !important;
    transition: all 0.3s ease !important;
    border: none !important; /* Add this to remove any default/theme borders */
    outline: none !important; /* Add this to remove any default/theme outlines in normal state */
    line-height: normal !important; /* Sometimes helps with text alignment consistency */
}

.glow-btn:hover {
    box-shadow: 0 0 25px rgba(59, 130, 246, 1) !important;
    /* If the text color or background changes on hover from Elementor, override them here too if needed */
    /* background-color: #1D4ED8 !important; */ /* Example: darker blue for hover */
    /* color: white !important; */
}

/* Fix for red outline on Send Inquiry button (and other .glow-btn) on FOCUS */
.glow-btn:focus,
.glow-btn:focus-visible { /* focus-visible is for keyboard navigation focus */
    outline: none !important; /* Primary fix for outlines */
    border-color: transparent !important; /* If the "outline" is actually a border */
    box-shadow: 0 0 15px rgba(59, 130, 246, 0.7) !important; /* Re-apply glow if focus removes it, or remove if focus adds an unwanted one */
}

/*
It's also good practice to ensure your form inputs (which use Tailwind focus classes)
don't get overridden by Elementor's default red outlines if they are also affected.
The Tailwind classes `focus:outline-none focus:ring-2 focus:ring-blue-500`
on your inputs should handle this, but if not, you can add:
*/
input[type="text"]:focus,
input[type="email"]:focus,
input[type="tel"]:focus,
textarea:focus {
    outline: none !important;
    /* This replicates Tailwind's focus:ring-2 focus:ring-blue-500 */
    box-shadow: 0 0 0 2px #3B82F6 !important;
    border-color: #3B82F6 !important; /* Often focus rings also change border color */
}
/*
   Force border-radius for images with Tailwind's rounded-lg class.
   Adjust the class if you are using rounded-md or another variant.
*/

/* Option A: Targeting the specific class */
img.rounded-lg {
    border-radius: 1rem !important; /* 0.5rem is Tailwind's default for rounded-lg */
}

/* If you were using rounded-md, it would be:
img.rounded-md {
    border-radius: 0.375rem !important; /* 0.375rem is Tailwind's default for rounded-md */
}
*/

/*
   Option B: More specific to your gallery structure,
   if Option A isn't strong enough or if Elementor wraps your HTML widget
   in a way that gives Option A low specificity.
   The '.max-w-5xl.mx-auto.grid' comes from the div wrapping your images.
   You might need to inspect the live page to see if Elementor adds further parent wrappers
   like '.elementor-widget-container' if this isn't specific enough.
*/
/*
.max-w-5xl.mx-auto.grid img.rounded-lg {
    border-radius: 0.5rem !important;
}
*//* End custom CSS */