.elementor-28352 .elementor-element.elementor-element-a6a4935{--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;--overlay-opacity:0.48;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-28352 .elementor-element.elementor-element-a6a4935:not(.elementor-motion-effects-element-type-background), .elementor-28352 .elementor-element.elementor-element-a6a4935 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://ac.cars/wp-content/uploads/2024/08/Confirmation-Page.webp");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-28352 .elementor-element.elementor-element-a6a4935::before, .elementor-28352 .elementor-element.elementor-element-a6a4935 > .elementor-background-video-container::before, .elementor-28352 .elementor-element.elementor-element-a6a4935 > .e-con-inner > .elementor-background-video-container::before, .elementor-28352 .elementor-element.elementor-element-a6a4935 > .elementor-background-slideshow::before, .elementor-28352 .elementor-element.elementor-element-a6a4935 > .e-con-inner > .elementor-background-slideshow::before, .elementor-28352 .elementor-element.elementor-element-a6a4935 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#00000000;--background-overlay:'';}.elementor-28352 .elementor-element.elementor-element-a6a4935.e-con{--flex-grow:1;--flex-shrink:0;}.elementor-28352 .elementor-element.elementor-element-820614e{width:100%;max-width:100%;}.elementor-28352 .elementor-element.elementor-element-820614e.elementor-element{--align-self:center;--flex-grow:0;--flex-shrink:0;}:root{--page-title-display:none;}@media(max-width:767px){.elementor-28352 .elementor-element.elementor-element-820614e{padding:0px 0px 0px 0px;}}/* Start custom CSS for html, class: .elementor-element-820614e *//* Reset margins and paddings */
html, body {
    height: 100%;
    margin: 0;
    padding: 0;
    overflow-x: hidden; /* Prevent horizontal scrolling */
}

/* Full viewport size and centered content */
.landing-page {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100vw; /* Full viewport width */
    height: 100vh; /* Full viewport height */
    overflow: hidden; /* Prevent overflow */
}

.landing-page .content {
    background: rgba(255, 255, 255, 0.9); /* Semi-transparent white background for elegance */
    padding: 20px 25px; /* Reduced padding for a more compact box */
    border-radius: 8px; /* Slightly rounded corners */
    box-shadow: 0 0 25px rgba(0, 0, 0, 0.2); /* Softer shadow for a high-class feel */
    max-width: 500px; /* Smaller max width */
    width: 100%; /* Full width within max-width */
    box-sizing: border-box; /* Ensure padding is included in width calculation */
    text-align: center;
    z-index: 2; /* Ensures the content is above the overlay */
}

/* Heading and paragraph styles */
.landing-page h1, 
.landing-page p {
    font-family: 'Century Gothic', sans-serif;
    margin: 0;
    color: #192D4C; /* Changed text color */
}

.landing-page h1 {
    font-size: 40px; /* Slightly smaller font size */
    margin-bottom: 15px; /* Reduced margin for compactness */
    font-weight: bold; /* Bold for emphasis */
}

.landing-page p {
    font-size: 14px; /* Smaller font size for a refined look */
    margin-bottom: 20px; /* Reduced margin */
}

/* Styling for the button */
.landing-page .button {
    display: inline-block;
    padding: 12px 24px; /* Slightly larger padding for a more prominent button */
    font-family: 'Century Gothic', sans-serif;
    font-size: 16px; /* Slightly larger font size for better readability */
    color: #fff !important; /* White text color for contrast, enforced with !important */
    text-decoration: none; /* Remove underline */
    border: none; /* Remove default border */
    border-radius: 25px; /* Fully rounded corners for a modern look */
    background: linear-gradient(135deg, #192D4C, #1668B1); /* Gradient background with specified colors */
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2); /* Soft shadow for depth */
    transition: all 0.3s ease; /* Smooth transition for all properties */
    text-transform: uppercase; /* Uppercase text for a sleek look */
    letter-spacing: 0.5px; /* Slight letter spacing for elegance */
}

/* Hover effect for the button */
.landing-page .button:hover {
    background: linear-gradient(135deg, #1668B1, #192D4C); /* Reversed gradient on hover */
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.3); /* Slightly stronger shadow on hover */
    transform: translateY(-3px); /* Slight lift effect */
}

/* Active state for the button */
.landing-page .button:active {
    background: linear-gradient(135deg, #192D4C, #1668B1); /* Keep gradient reversed on click */
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2); /* Slightly reduced shadow on click */
    transform: translateY(1px); /* Subtle press effect */
}

/* Ensure text color remains white in all states */
.landing-page .button, 
.landing-page .button:hover, 
.landing-page .button:active {
    color: #fff !important; /* Ensure text color is always white */
}

/* Mobile styles */
@media (max-width: 768px) {
    .landing-page {
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 0 10px; /* Add some padding to avoid overflow issues */
    }

    .landing-page .content {
        max-width: 100%; /* Allow content box to fit within viewport */
        padding: 20px; /* Adjust padding for better fit on mobile */
        margin: 40px; /* Ensure no extra margins */
        box-sizing: border-box; /* Ensure padding is included in width calculation */
        display: flex; /* Use flexbox to center content */
        flex-direction: column; /* Ensure items stack vertically */
        align-items: center; /* Center horizontally */
        justify-content: center; /* Center vertically */
    }

    .landing-page h1 {
        font-size: 1.5rem; /* Adjusted font size for better readability on mobile */
    }

    .landing-page p {
        font-size: 0.875rem; /* Adjusted font size for readability */
    }

    .landing-page .button {
        font-size: 0.875rem; /* Adjusted font size for better readability */
    }
}/* End custom CSS */