.elementor-kit-18{--e-global-color-primary:#2C2D57;--e-global-color-secondary:#F5F5F5;--e-global-color-text:#2C2D57;--e-global-color-accent:#2C2D57;--e-global-typography-primary-font-family:"Montserrat";--e-global-typography-primary-font-size:24px;--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Montserrat";--e-global-typography-secondary-font-size:16px;--e-global-typography-secondary-font-weight:500;--e-global-typography-text-font-family:"Montserrat";--e-global-typography-text-font-size:14px;--e-global-typography-text-font-weight:400;--e-global-typography-text-line-height:1.77em;--e-global-typography-accent-font-family:"Montserrat";--e-global-typography-accent-font-size:14px;--e-global-typography-accent-font-weight:400;--e-global-typography-accent-text-transform:uppercase;--e-global-typography-accent-line-height:1.85em;--e-global-typography-accent-letter-spacing:1.12px;background-color:#F5F5F5;}.elementor-kit-18 button,.elementor-kit-18 input[type="button"],.elementor-kit-18 input[type="submit"],.elementor-kit-18 .elementor-button{background-color:var( --e-global-color-primary );font-family:"Montserrat", Sans-serif;font-size:16px;font-weight:500;color:var( --e-global-color-secondary );}.elementor-kit-18 e-page-transition{background-color:#FFBC7D;}.elementor-kit-18 h1{font-family:"Montserrat", Sans-serif;}.elementor-kit-18 h2{font-family:"Montserrat", Sans-serif;}.elementor-kit-18 h3{font-family:"Montserrat", Sans-serif;}.elementor-kit-18 h4{font-family:"Montserrat", Sans-serif;}.elementor-kit-18 h5{font-family:"Montserrat", Sans-serif;}.elementor-kit-18 h6{font-family:"Montserrat", Sans-serif;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1330px;}.e-con{--container-max-width:1330px;}.elementor-widget:not(:last-child){margin-block-end:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}.art-headline__outer{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 */.art-header__outer,
.menu-link,
.hamburger {
    transition: none !important;
    -webkit-transition: none !important;
}

@media (max-width: 767px) { /* Mobile devices */
    .art-headline__outer {
        display: none !important; /* Hides the section on mobile */
    }
}

@media (max-width: 767px) {
    img[src="https://guestelevate.com/wp-content/uploads/2024/12/Transparent-Logo.svg"] {
        padding-top: 20px !important; /* Adds 20px top padding for mobile */
    }
}

/* Tablet devices (min-width: 768px and max-width: 1024px) */
@media (min-width: 768px) and (max-width: 1024px) {
    img[src="https://guestelevate.com/wp-content/uploads/2024/12/Transparent-Logo.svg"] {
        padding-top: 20px !important; /* Adds 20px top padding for tablets */
    }
}



.hamburger .hamburger-inner, 
.hamburger .hamburger-inner::before, 
.hamburger .hamburger-inner::after {
    background-color: #F5F5F5 !important;  /* Light color for hamburger lines */
}

.art-header__outer,
.art-header-middle__outer,
.art-header-middle__inner,
.art-nav-menu .menu-link {
    background-color: #2c2d57 !important;  /* Dark blue background */
    color: #F5F5F5 !important;  /* Light text */
}

@media (min-width: 1024px) {
    .art-header-middle__inner {
        display: flex;
        align-items: center;  /* Ensures content is vertically aligned */
        padding-left: 64px !important;
        padding-right: 64px !important;
    }

    .art-header-middle__start img {
        min-width: 200px !important; /* Enforces a minimum width */
        width: auto !important; /* Ensures responsiveness */
        height: auto !important; /* Maintains aspect ratio */
        display: block; /* Ensures proper block behavior */
        max-width: none; /* Removes max-width constraints */
    }
}



.art-nav-menu .menu-link:hover,
.art-header-button:hover {
     !important; 
}


.elementor-widget-image img {
    border-radius: 24px; /* Rounds the corners */
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); /* Adds a soft shadow */
    aspect-ratio: 1 / 1; /* Maintains a square 1:1 aspect ratio */
    object-fit: cover; /* Ensures the image fills the square without distortion */
    width: 100%; /* Makes the image responsive */
    max-width: 450px; /* Optional: Limits the maximum width */
}

.elementor-button {
    border-radius: 10px; /* Rounds the corners of the button */
    padding: 12px 30px; /* Adds padding for a better button appearance */
    font-size: 16px; /* Adjusts font size */
    text-align: center; /* Centers the text */
    transition: all 0.3s ease-in-out; /* Smooth transition effect */
}


.art-button-fifth {
    border-radius: 10px; /* Rounds the corners by 10px */
}


 form .wpcf7-form-control.wpcf7-submit.has-spinner {
    background-color: #2c2d57;  /* Blue background */
    color: #F5F5F5;  /* Light text color */
    border: 1px solid #F5F5F5;  /* Light border */
    padding: 12px 32px;  /* Same internal spacing */
    font-size: 14px !important;  /* Adjusted font size */
    text-transform: uppercase;  /* Uppercase text */
    font-weight: 500;  /* Bold text */
    display: inline-block;  /* Block-level for button-like behavior */
    text-align: center;  /* Centers text */
    border-radius: 10px;  /* Rounded corners */
    cursor: pointer;  /* Pointer on hover */
    transition: all 0.3s ease-in-out;  /* Smooth transition */
}

/* Hover Effect */
form .wpcf7-form-control.wpcf7-submit.has-spinner:hover {
    background-color: #F5F5F5;  /* White background on hover */
    color: #2c2d57;  /* Blue text on hover */
    border: 1px solid #2C2D57;  /* Blue border on hover */
}


/* Targeting Specific Forms by ID (Optional for More Control) */
#your-form-id .wpcf7-form-control.wpcf7-submit {
    font-size: 14px !important; /* Smaller size for specific forms */
}

/* Elementor Section Integration (if used inside Elementor) */
.elementor form .wpcf7-form-control.wpcf7-submit {
    font-size: 16px !important;
}


.wpcf7-form-control.wpcf7-text {
    border-radius: 10px; /* Rounds the corners by 10px */
    border: 1px solid rgba(0, 0, 0, 0.2); /* Subtle border */
    font-size: 16px; /* Adjusts font size */
    width: 100%; /* Makes it responsive to container */
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05); /* Optional: Adds light shadow */
    outline: none; /* Removes focus outline */
    transition: border-color 0.3s ease; /* Smooth focus transition */
}

#banner-button .art-button-third {
    background-color: #2c2d57; /* Blue background */
}

/* Hover Effect */
#banner-button .art-button-third:hover {
    background-color: #fff; /* White background on hover */
    color: #2C2D57; /* Blue text on hover */
 
}


.art-button-third {
    border-radius: 10px;
    background-color: #2c2d57; /* Deep blue background */
    color: #fff; /* White text */
    padding: 12px 24px;
    font-size: 16px;
    text-align: center;
    cursor: pointer;
    transition: all 0.3s ease;
    display: inline-block;
    text-decoration: none;
    outline: 2px solid #fff; /* White stroke around the button */
}

/* Hover Effect - Invert Colors */

.art-button-third:hover {
    background-color: #fff;
    color: #2c2d57; /* Text turns blue on hover */
    outline: 1px solid #2C2D57; /* Blue outline on hover */
}

.elementor-widget-container,
.art-button-widget,
.art-button-widget__wrap {
    background-color: transparent !important; /* Removes white background */
    border: none !important;
    box-shadow: none !important;
    padding: 0 !important;
}

.art-header-button {
    background-color: #2c2d57; /* Blue background */
    color: #F5F5F5; /* Light text color */
    border: 1px solid #F5F5F5; /* Blue border */
    padding: 12px 32px; /* Button padding */
    text-transform: uppercase; /* Uppercase text */
    font-weight: 600; /* Bold text */
    font-size: 16px; /* Adjusted font size */
    width: 100%; /* Makes it responsive to container */
    border-radius: 10px; /* Rounded corners */
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05); /* Adds a subtle shadow */
    outline: none; /* Removes focus outline */
    text-align: center; /* Center-aligns the text */
    transition: all 0.3s ease-in-out; /* Smooth transition effect */
}

/* Hover Effect */
.art-header-button:hover {
    background-color: #fff; /* White background on hover */
    color: #2c2d57; /* Blue text on hover */
    border: 1px solid #F5F5F5; /* Blue border on hover */
}

@media (max-width: 767px) {
    .art-footer-widgets__area {
        margin-left: 4px !important;
        margin-right: 4px !important;
    }
}


/* Tablet devices (min-width: 768px and max-width: 1024px) */
@media (min-width: 768px) and (max-width: 1024px) {
    .art-footer-widgets__inner {
        margin-left: 32px; /* Medium margin for tablets */
        margin-right: 32px;
    }
}


img[src*="whatsapp-svgrepo-com-2.png"] {
    border-radius: 0;
    box-shadow: none;
    object-fit: unset;  /* Resets to default behavior */
}

.elementor-widget-container img[src*="whatsapp-svgrepo-com-2.png"] {
    max-width: 50px !important;
}


.logos img {
    border-radius: 0;
    box-shadow: none;
    object-fit: unset;
    max-width: none;
}

.art-header.art-header-first.art-header-over-content {
    position: relative !important;  /* Resets sticky/fixed */
    top: unset !important;          /* Prevents it from sticking */
}

@media (min-width: 1024px) {
    .elementor-element-c50b876 {
        max-width: 1500px;
        margin: 0 auto;  /* Centers the section horizontally */
    }

@media (min-width: 1024px) {
    .elementor-element-0d2379f .elementor-container {
        max-width: 1500px;
        margin: 0 auto;
    }
}

    .elementor-element-05d7f39 .elementor-background-overlay {
        max-width: 1500px;
        margin: 0 auto;  /* Ensures the background overlay is also centered */
    }

@media (min-width: 1024px) {
    .elementor-element-0d2379f {
        max-width: 1500px;
        margin: 0 auto;  /* Center the section horizontally */
    }

@media (min-width: 1024px) {
    .elementor-element-da19532 {
        min-width: 1200px;
        
        margin: 0 auto; /* Center the section horizontally */
    }

@media (min-width: 1024px) {
    .elementor-element-05d7f39 {
        max-width: 1500px;
        margin: 0 auto; /* Centers the section horizontally */
    }
}

.elementor-element-fa6b2b8 {
        max-width: 650px;
}

#text-4 {
    padding-left: 160px !important;
}

#art_contact_info_widget-3 {
    padding-left: 80px !important;
}

/* Default Button State */
#blue-bg-button .art-button-fifth {
    background-color: #2c2d57; /* Blue background */
    color: #F5F5F5;  /* Light text color */
     border: 1px solid #f5f5f5; /* Blue border on hover *
    padding: 12px 32px;
    text-transform: uppercase;
    font-weight: 600;
    transition: all 0.3s ease-in-out; /* Smooth transition */
}

/* Hover Effect */
#blue-bg-button .art-button-fifth:hover {
    background-color: #fff; /* White background on hover */
    color: #2C2D57; /* Blue text on hover */

}

/* Default Button State */
.art-header-button {
    background-color: #2c2d57; /* Blue background */
    color: #F5F5F5;  /* Light text color */
    border: 1px solid #f5f5f5; 
    padding: 10px 24px;
    text-transform: uppercase;
    font-weight: 500;
    font-size: 12px;  /* Added font size */
    display: inline-block;
    text-align: center;
    border-radius: 10px; /* Optional rounded corners */
    transition: all 0.3s ease-in-out;
}


/* Hover Effect */
.art-header-button:hover {
    background-color: #fff; /* White background on hover */
}

.art-headline__outer.art-container {
    display: none;
}

#media_image-3 {
    
    width: 70%;  /* Ensure the container stretches full width */



/* Default Button State */
.art-button-fifth {
    background-color: #2c2d57; /* Blue background */
    color: #F5F5F5;  /* Light text color */
    border: 1px solid #f5f5f5; 
    padding: 12px 32px;
    text-transform: uppercase;
    font-weight: 400;
    display: inline-block;
    text-align: center;
    border-radius: 10px; /* Optional rounded corners */
    transition: all 0.3s ease-in-out;
    text-decoration: none; /* Remove underline */
}

/* Hover Effect */
.art-button-fifth:hover {
    background-color: #fff; /* White background on hover */
    color: #2c2d57;  /* Text color switches to blue */
}

#media_image-3 {
    width: 70%;  /* Ensure the container stretches full width */
    text-align: left;  /* Aligns the container's content (SVG) to the left */
    padding: 0;  /* Remove all padding */
}

img[src="https://guestelevate.com/wp-content/uploads/2024/12/Transparent-Logo-1.svg"] {
    display: block;  /* Ensures the SVG behaves like a block element */
    margin: 0;  /* Remove any default margins */
    padding: 120px 0;  /* Minimal top and bottom padding (adjust as needed) */
    transform-origin: left;  /* Keep scaling from the left */
}

#media_image-3 {
    width: 100%;  /* Full width for container */
    text-align: left !important;  /* Force left alignment */
    margin: 0 !important;  /* Reset margin */
    padding: 0 !important;  /* Reset padding */
}

img[src="https://guestelevate.com/wp-content/uploads/2024/12/Transparent-Logo-1.svg"] {
    display: block !important;
    margin: 0 !important;  /* Force no margin */
    padding: 0 !important;  /* Remove internal padding */
    transform-origin: left !important;  /* Ensure scaling happens from left */
    width: 15% !important;  /* Scale the SVG width to 75% of the container */
    max-width: 150px;  /* Limit max size */
}

.wpcf7-form-control.wpcf7-textarea {
    border-radius: 10px;  /* Same rounded corners */
    border: 1px solid rgba(0, 0, 0, 0.2);  /* Subtle border */
    font-size: 16px;  /* Uniform text size */
    width: 100%;  /* Full width */
    box-shadow: 0 4px 5px rgba(0, 0, 0, 0.05);  /* Light shadow */
    outline: none;  /* Remove focus outline */
    transition: border-color 0.3s ease;  /* Smooth focus transition */
    padding: 12px;  /* Consistent inner padding */
    resize: vertical;  /* Allow vertical resizing */
}/* End custom CSS */