.elementor-974 .elementor-element.elementor-element-d2f3862{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-974 .elementor-element.elementor-element-8822654{--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;}.elementor-974 .elementor-element.elementor-element-691e080{--display:flex;}.elementor-974 .elementor-element.elementor-element-cd034f2{--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;}.elementor-974 .elementor-element.elementor-element-bdf293f{--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;}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}@media(min-width:768px){.elementor-974 .elementor-element.elementor-element-8822654{--width:25%;}.elementor-974 .elementor-element.elementor-element-cd034f2{--width:50%;}.elementor-974 .elementor-element.elementor-element-bdf293f{--width:25%;}}/* Start custom CSS for html, class: .elementor-element-fb59fb7 *//* --- Overall Footer Section Styling --- */
/* Target the main Elementor section where your footer content is. */
/* Replace '.elementor-974 .elementor-element.elementor-element-fb59fb7' with a custom CSS class you give your Elementor section,
   e.g., '.my-custom-footer-section' for better specificity. */
.elementor-974 .elementor-element.elementor-element-fb59fb7 {
    background-color: #0F172A; /* Very dark blue background from your brand palette */
    color: #fef9e1; /* Light text color for overall footer */
    padding: 60px 40px 30px; /* Top, right/left, bottom padding */
    font-family: 'Inter', sans-serif; /* Consistent modern font */
    box-sizing: border-box;
    /* Adding a subtle top border/shadow for separation from content above */
    border-top: 5px solid #FD9800; /* Primary brand color top accent */
    /* Optional: very subtle gradient for depth */
    background: linear-gradient(180deg, #0f172a 0%, #141006 100%);
}

/* --- Styling for Elementor Columns within the footer --- */
/* This targets the actual Elementor columns, adjusting their internal spacing */
.elementor-974 .elementor-element.elementor-element-fb59fb7 > .elementor-container > .elementor-row > .elementor-column {
    padding: 0px 20px; /* Internal padding for each column */
    box-sizing: border-box;
    position: relative; /* For potential future pseudo-elements (e.g., vertical lines) */
}

/* Optional: Vertical separators between columns on desktop */
@media (min-width: 769px) {
    .elementor-974 .elementor-element.elementor-element-fb59fb7 > .elementor-container > .elementor-row > .elementor-column:not(:last-child)::after {
        content: '';
        position: absolute;
        top: 15%; /* Start 15% from top */
        bottom: 15%; /* End 15% from bottom */
        right: 0;
        width: 1px; /* Thin line */
        background-color: rgba(255, 255, 255, 0.1); /* Very subtle white line */
    }
}

/* --- Styles for common elements within footer columns --- */
.footer-column { /* General styling for custom HTML widget wrappers */
    margin-bottom: 30px; /* Space between columns when they stack on mobile */
}

.footer-heading {
    color: #FD9800; /* Primary orange for headings */
    font-size: 1.4em; /* Slightly larger heading for prominence */
    margin-bottom: 25px; /* More space below headings */
    font-weight: bold;
    letter-spacing: 0.5px; /* Subtle letter spacing for modern look */
}

/* --- Contact Information Column Styles --- */
.contact-info p {
    margin-bottom: 10px; /* Consistent spacing */
    font-size: 1em;
    line-height: 1.6;
    color: #fef9e1;
}

.footer-phone a {
    color: #FD9800; /* Orange for the phone number */
    font-size: 1.5em; /* Larger, more prominent phone number */
    font-weight: bold;
    text-decoration: none;
    transition: color 0.3s ease, transform 0.2s ease; /* Smooth hover effect */
    display: inline-block; /* Allows transform to work */
}

.footer-phone a:hover {
    color: #E98C00; /* Darker orange on hover */
    transform: translateX(5px); /* Subtle slide effect on hover */
}

.footer-availability {
    font-weight: bold;
    color: #fef9e1;
    margin-top: 5px;
    font-size: 0.95em;
}

/* --- Logo Area Styles (Middle Column) --- */
.footer-logo-area {
    text-align: center; /* Center content within this column */
    display: flex;
    flex-direction: column;
    align-items: center; /* Center items vertically */
    justify-content: center; /* Center items horizontally */
}

.footer-logo-image {
    max-width: 120px; /* **Adjusted for smaller logo, further fine-tune if needed** */
    height: auto;
    display: block; /* Ensure it respects margin auto */
    margin: 0 auto 15px auto; /* Center image and add space below */
    /* Optional: Subtle pulse animation on hover */
    transition: transform 0.3s ease-in-out, filter 0.3s ease-in-out;
}

.footer-logo-image:hover {
    transform: scale(1.05); /* Slightly enlarge on hover */
    filter: brightness(1.1); /* Slight brightness increase */
}

.footer-brand-name {
    font-size: 1.7em; /* Prominent brand name */
    color: #FD9800; /* Brand color for the name */
    margin: 0;
    line-height: 1.2;
    text-shadow: 1px 1px 3px rgba(0,0,0,0.3); /* Subtle shadow for pop */
}

/* --- Quick Links & Legal Info Styles --- */
.quick-links ul,
.legal-info ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.quick-links li,
.legal-info li {
    margin-bottom: 12px; /* Increased spacing between list items */
}

.quick-links a,
.legal-info a {
    color: #fef9e1; /* Light text color for links */
    text-decoration: none;
    font-size: 0.95em;
    position: relative; /* For underline effect */
    transition: color 0.3s ease;
    padding-bottom: 2px; /* Space for underline */
}

.quick-links a::after,
.legal-info a::after {
    content: '';
    position: absolute;
    width: 0;
    height: 2px; /* Underline thickness */
    bottom: 0;
    left: 0;
    background-color: #FD9800; /* Orange underline */
    transition: width 0.3s ease-out; /* Smooth animation for underline */
}

.quick-links a:hover::after,
.legal-info a:hover::after {
    width: 100%; /* Expand underline on hover */
}

.quick-links a:hover,
.legal-info a:hover {
    color: #FD9800; /* Orange on hover */
}

/* --- Social Links Styles --- */
.social-area {
    margin-top: 20px; /* Space above social links if in a separate widget */
}

.social-links {
    display: flex;
    justify-content: center; /* Center icons if in a full-width column */
    gap: 20px; /* More space between icons */
    margin-top: 15px;
}

.social-links a {
    font-size: 2em; /* Larger social media icons */
    color: #FD9800; /* Orange color for icons */
    transition: transform 0.3s ease, color 0.3s ease; /* Smooth hover effects */
}

.social-links a:hover {
    color: #E98C00; /* Darker orange on hover */
    transform: translateY(-5px) scale(1.1); /* Lift and slightly enlarge */
}

.additional-footer-content {
    margin-top: 25px; /* Space above this text */
    text-align: center; /* Center align this content */
    font-size: 0.9em;
    line-height: 1.5;
    color: #fef9e1;
}

/* --- Copyright & License Bar (Separate Elementor Section) --- */
/* Assuming this is a separate Elementor section or widget,
   give it a class like '.footer-bottom-section' and target it here. */
.footer-bottom-section {
    background-color: #141006; /* Even darker background for the bottom bar */
    border-top: 1px solid rgba(255, 255, 255, 0.05); /* Very subtle separator */
    padding: 20px 40px;
    text-align: center;
    font-size: 0.8em; /* Slightly smaller font */
    color: #f9f0c8; /* Light cream/yellow for copyright text */
    box-sizing: border-box;
}

.footer-bottom-section p {
    margin-bottom: 5px;
}

.license-number {
    font-weight: bold;
}

/* --- Responsive Adjustments --- */
@media (max-width: 768px) {
    /* Stack the main Elementor columns */
    .elementor-974 .elementor-element.elementor-element-fb59fb7 {
        flex-direction: column;
        padding: 40px 20px 20px;
        align-items: center; /* Center main content when stacked */
    }

    /* Adjust padding for individual Elementor columns */
    .elementor-974 .elementor-element.elementor-element-fb59fb7 > .elementor-container > .elementor-row > .elementor-column {
        padding: 0 10px; /* Reduce horizontal padding */
        margin-bottom: 30px; /* Space between stacked columns */
    }

    /* Remove vertical separators on mobile */
    .elementor-974 .elementor-element.elementor-element-fb59fb7 > .elementor-container > .elementor-row > .elementor-column:not(:last-child)::after {
        content: none;
    }

    .footer-column,
    .footer-logo-area,
    .social-links,
    .additional-footer-content {
        text-align: center; /* Center content within each stacked column */
        align-items: center; /* Ensure internal flex items are centered */
    }
    
    /* Ensure phone number and links remain centered correctly */
    .contact-info p,
    .quick-links ul,
    .legal-info ul {
        text-align: center;
    }

    .footer-phone a {
        font-size: 1.3em; /* Slightly smaller on mobile */
    }

    .footer-logo-image {
        max-width: 100px; /* Even smaller logo on mobile */
    }

    .footer-brand-name {
        font-size: 1.4em;
    }

    .quick-links a,
    .legal-info a {
        font-size: 0.9em;
    }

    .social-links {
        justify-content: center; /* Ensure social icons remain centered */
    }

    .footer-bottom-section {
        padding: 15px 20px;
        font-size: 0.75em;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d2f3862 *//* --- Overall Footer Container Styling --- */
/* Target the Elementor section that contains your two Custom HTML widgets */
/* You might need to give your Elementor Section a custom class (e.g., 'site-footer-section')
   and then replace '.elementor-974 .elementor-element.elementor-element-d2f3862' below with that class for more specific targeting. */
.elementor-974 .elementor-element.elementor-element-d2f3862 { /* '.elementor-974 .elementor-element.elementor-element-d2f3862' refers to the current Elementor section */
    background-color: #0F172A; /* Very dark blue background from your brand palette */
    color: #fef9e1; /* Light text color for overall footer */
    padding: 60px 40px 30px; /* Top, right/left, bottom padding */
    font-family: 'Inter', sans-serif; /* Consistent font */
    box-sizing: border-box;
    display: flex; /* Makes the Elementor section a flex container */
    flex-wrap: wrap; /* Allows columns to wrap on smaller screens */
    justify-content: space-between; /* Spreads the two main widgets across */
    align-items: flex-start; /* Aligns content of the two main widgets to the top */
}

/* --- Styles for the two main HTML widget containers --- */
.footer-left-main-widget {
    flex: 1; /* Allows this widget to grow and shrink */
    min-width: 300px; /* Minimum width before forcing wrap */
    padding-right: 30px; /* Space between this widget and the right one */
    box-sizing: border-box;
    display: flex; /* Make its internal content flexible */
    flex-direction: column; /* Stack logo, contact, quick links vertically */
    align-items: flex-start; /* Align internal content to the left */
}

.footer-right-main-widget {
    flex: 1; /* Allows this widget to grow and shrink */
    min-width: 300px; /* Minimum width before forcing wrap */
    padding-left: 30px; /* Space between this widget and the left one */
    box-sizing: border-box;
    display: flex; /* Make its internal content flexible */
    flex-direction: column; /* Stack legal, social, copyright vertically */
    align-items: flex-start; /* Align internal content to the left */
}

/* --- Styles for Logo and Brand Name --- */
.footer-logo-container {
    margin-bottom: 20px; /* Adjusted space below the logo and brand name for tighter fit */
    text-align: center; /* **Adjusted: Center aligns the logo and brand name** */
    width: 100%; /* Ensure container takes full width of its column */
}

.footer-logo-image {
    max-width: 130px; /* Adjusted: Made logo smaller */
    height: auto;
    display: inline-block; /* Ensure it respects text-align: center */
    margin-bottom: 10px; /* Space between logo and brand name text */
}

.footer-brand-name {
    font-size: 1.6em; /* Adjust font size */
    color: #FD9800; /* Brand color for the name */
    margin: 0;
    line-height: 1.2;
}

/* --- Styles for Sub-Columns within the main widgets --- */
.footer-column { /* Generic style for all sub-columns like contact-info, quick-links, etc. */
    margin-bottom: 30px; /* Space between sections if they stack internally */
    width: 100%; /* Ensure they take full width within their main widget */
}


/* --- Styles for Headings --- */
.footer-heading {
    color: #FD9800; /* Primary orange for headings */
    font-size: 1.3em;
    margin-bottom: 20px;
    font-weight: bold;
}

/* --- Styles for Contact Information --- */
.contact-info p {
    margin-bottom: 8px; /* Slightly less space for addresses, etc. */
    font-size: 1em;
    line-height: 1.5;
    color: #fef9e1;
}

.footer-phone a {
    color: #FD9800; /* Orange for the phone number */
    font-size: 1.4em;
    font-weight: bold;
    text-decoration: none;
    transition: color 0.3s ease;
}

.footer-phone a:hover {
    color: #E98C00; /* Darker orange on hover */
}

.footer-availability {
    font-weight: bold;
    color: #fef9e1;
    margin-top: 5px;
}

/* --- Styles for Quick Links & Legal Info --- */
.quick-links ul,
.legal-info ul {
    list-style: none; /* Remove bullet points */
    padding: 0;
    margin: 0;
}

.quick-links li,
.legal-info li {
    margin-bottom: 10px;
}

.quick-links a,
.legal-info a {
    color: #fef9e1; /* Light text color for links */
    text-decoration: none;
    transition: color 0.3s ease;
    font-size: 0.95em;
}

.quick-links a:hover,
.legal-info a:hover {
    color: #FD9800; /* Orange on hover */
}

/* --- Styles for Social Links --- */
.social-area {
    margin-bottom: 30px; /* Space below social links */
}

.social-links {
    margin-top: 15px;
    display: flex; /* Arrange icons in a row */
    gap: 15px; /* Space between icons */
}

.social-links a {
    font-size: 1.8em; /* Size of social media icons */
    color: #FD9800; /* Orange color for icons */
    transition: color 0.3s ease;
}

.social-links a:hover {
    color: #E98C00; /* Darker orange on hover */
}

.additional-footer-content p {
    font-size: 0.9em;
    line-height: 1.5;
    color: #fef9e1;
}

/* --- Styles for Copyright & License Bar (Integrated) --- */
.footer-bottom-integrated {
    border-top: 1px solid rgba(255, 255, 255, 0.1); /* Subtle separator line */
    padding-top: 20px;
    margin-top: auto; /* Push to the bottom of its flex container */
    text-align: center;
    font-size: 0.85em;
    color: #f9f0c8; /* Light cream/yellow for copyright text */
    width: 100%; /* Ensure it spans full width of its parent widget */
}

.footer-bottom-integrated p {
    margin-bottom: 5px;
}

.license-number {
    font-weight: bold;
}

/* --- Responsive Adjustments for Footer --- */
@media (max-width: 768px) {
    /* Stack the two main HTML widgets vertically */
    .elementor-974 .elementor-element.elementor-element-d2f3862 {
        flex-direction: column;
        padding: 40px 20px 20px;
        align-items: center; /* Center when stacked */
    }

    .footer-left-main-widget,
    .footer-right-main-widget {
        min-width: 100%; /* Take full width on mobile */
        padding-right: 0;
        padding-left: 0;
        margin-bottom: 40px; /* Space between the two stacked main widgets */
        align-items: center; /* Center text within each main widget */
        text-align: center; /* Center text within each main widget */
    }

    .footer-left-main-widget .footer-column,
    .footer-right-main-widget .footer-column {
        width: auto; /* Allow content to size naturally */
        margin-bottom: 20px; /* Reduce internal spacing when stacked */
    }

    .footer-logo-container,
    .footer-brand-name,
    .contact-info,
    .quick-links,
    .legal-info,
    .social-area {
        align-items: center; /* Ensure alignment for text */
        text-align: center; /* Ensure text alignment for small screens */
    }
    
    .social-links {
        justify-content: center; /* Center social icons on mobile */
    }

    .footer-bottom-integrated {
        padding-top: 15px;
        margin-top: 20px; /* Adjust margin if needed after main widgets stack */
    }
}/* End custom CSS */