.elementor-widget-section .eael-protected-content-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-section .protected-content-error-msg{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-42 .elementor-element.elementor-element-5b07e7c7 > .elementor-container > .elementor-column > .elementor-widget-wrap{align-content:center;align-items:center;}.elementor-42 .elementor-element.elementor-element-5b07e7c7:not(.elementor-motion-effects-element-type-background), .elementor-42 .elementor-element.elementor-element-5b07e7c7 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://lumicarrentals.com/wp-content/uploads/2024/11/IMG_4308-1.jpg");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-42 .elementor-element.elementor-element-5b07e7c7 > .elementor-container{min-height:50vh;}.elementor-42 .elementor-element.elementor-element-5b07e7c7{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin-top:-13%;margin-bottom:0%;padding:0% 0% 03% 0%;}.elementor-42 .elementor-element.elementor-element-5b07e7c7 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-bc-flex-widget .elementor-42 .elementor-element.elementor-element-651cbafa.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-42 .elementor-element.elementor-element-651cbafa.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}.elementor-42 .elementor-element.elementor-element-651cbafa.elementor-column > .elementor-widget-wrap{justify-content:center;}.elementor-widget-heading .eael-protected-content-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-heading .protected-content-error-msg{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-42 .elementor-element.elementor-element-b4f3fa7{padding:10% 0% 0% 0%;text-align:center;}.elementor-42 .elementor-element.elementor-element-b4f3fa7 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:55px;font-weight:700;color:#FFFFFF;}.elementor-widget-breadcrumbs .eael-protected-content-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-breadcrumbs .protected-content-error-msg{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-breadcrumbs{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-42 .elementor-element.elementor-element-58bbd6f{font-family:"Roboto Slab", Sans-serif;font-size:20px;font-weight:500;color:#FFFFFF;}.elementor-42 .elementor-element.elementor-element-58bbd6f a{color:#FFFFFF;}.elementor-42 .elementor-element.elementor-element-0bd91ad:not(.elementor-motion-effects-element-type-background), .elementor-42 .elementor-element.elementor-element-0bd91ad > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://lumicarrentals.com/wp-content/uploads/2024/11/IMG_4297.jpg");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-42 .elementor-element.elementor-element-0bd91ad > .elementor-background-overlay{background-color:transparent;background-image:linear-gradient(180deg, #000000E3 0%, #000000E3 100%);opacity:0.6;transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-42 .elementor-element.elementor-element-0bd91ad{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin-top:-13%;margin-bottom:0%;padding:0% 0% 0% 0%;}.elementor-42 .elementor-element.elementor-element-24f6343 > .elementor-element-populated{padding:0px 0px 0px 0px;}.elementor-widget-slides .eael-protected-content-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-slides .protected-content-error-msg{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-slides .elementor-slide-heading{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-slides .elementor-slide-description{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-slides .elementor-slide-button{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-42 .elementor-element.elementor-element-783612a .elementor-repeater-item-dea53e7 .swiper-slide-bg{background-image:url(https://lumicarrentals.com/wp-content/uploads/2025/03/Car-Rental-Management-Detroit.jpg);background-size:contain;}.elementor-42 .elementor-element.elementor-element-783612a .elementor-repeater-item-dea53e7 .elementor-background-overlay{background-color:rgba(0,0,0,0.5);}.elementor-42 .elementor-element.elementor-element-783612a .swiper-slide{transition-duration:calc(4000ms*1.2);height:95vh;}.elementor-42 .elementor-element.elementor-element-783612a .swiper-slide-contents{max-width:66%;}.elementor-42 .elementor-element.elementor-element-783612a .swiper-slide-inner{padding:10% 0% 0% 0%;text-align:center;}.elementor-42 .elementor-element.elementor-element-783612a .swiper-slide-inner .elementor-slide-heading:not(:last-child){margin-bottom:10px;}.elementor-42 .elementor-element.elementor-element-783612a .elementor-slide-heading{font-family:"Roboto", Sans-serif;font-size:50px;font-weight:700;line-height:1.2em;}.elementor-42 .elementor-element.elementor-element-783612a .elementor-slide-description{color:#FFFFFF;font-family:"Roboto Slab", Sans-serif;font-size:25px;font-weight:600;}.elementor-42 .elementor-element.elementor-element-2522a2b9{padding:05% 05% 5% 05%;}.elementor-42 .elementor-element.elementor-element-2e769875{text-align:left;}.elementor-42 .elementor-element.elementor-element-2e769875 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:45px;font-weight:700;color:#393D49;}.elementor-widget-image .eael-protected-content-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-image .protected-content-error-msg{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-42 .elementor-element.elementor-element-62d59485{text-align:left;}.elementor-widget-text-editor .eael-protected-content-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-text-editor .protected-content-error-msg{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.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 );}.elementor-42 .elementor-element.elementor-element-58d8ea85{text-align:left;font-family:"Roboto", Sans-serif;font-size:20px;font-weight:600;color:#828282;}.elementor-42 .elementor-element.elementor-element-ad37974{padding:05% 05% 05% 05%;}.elementor-42 .elementor-element.elementor-element-337b4c3{text-align:left;}.elementor-42 .elementor-element.elementor-element-337b4c3 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:45px;font-weight:700;color:#393D49;}.elementor-42 .elementor-element.elementor-element-f547328{text-align:left;}.elementor-42 .elementor-element.elementor-element-31c9f5e{text-align:left;font-family:"Roboto", Sans-serif;font-size:18px;font-weight:400;letter-spacing:0.2px;color:#000000;}.elementor-bc-flex-widget .elementor-42 .elementor-element.elementor-element-7fc723a.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-42 .elementor-element.elementor-element-7fc723a.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}.elementor-42 .elementor-element.elementor-element-f115b50:not(.elementor-motion-effects-element-type-background), .elementor-42 .elementor-element.elementor-element-f115b50 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#ACACAC;}.elementor-42 .elementor-element.elementor-element-f115b50{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:05% 05% 05% 05%;}.elementor-42 .elementor-element.elementor-element-f115b50 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-42 .elementor-element.elementor-element-4e2808a{text-align:left;}.elementor-42 .elementor-element.elementor-element-4e2808a .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:25px;font-weight:600;color:#DDAB2E;}.elementor-42 .elementor-element.elementor-element-a8fd881{text-align:left;}.elementor-42 .elementor-element.elementor-element-a8fd881 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:45px;font-weight:700;color:#FFFFFF;}.elementor-42 .elementor-element.elementor-element-ac565c9{text-align:left;font-family:"Roboto", Sans-serif;font-size:18px;font-weight:400;color:#FFFFFF;}.elementor-42 .elementor-element.elementor-element-2abc5a5{text-align:left;}.elementor-widget-container .eael-protected-content-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-container .protected-content-error-msg{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-42 .elementor-element.elementor-element-d23bdc2{--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-42 .elementor-element.elementor-element-6fc4601{color:#0A0505;}:root{--page-title-display:none;}@media(max-width:1024px) and (min-width:768px){.elementor-42 .elementor-element.elementor-element-8311c87{width:100%;}.elementor-42 .elementor-element.elementor-element-7fc723a{width:100%;}}@media(max-width:1024px){.elementor-42 .elementor-element.elementor-element-5b07e7c7 > .elementor-container{min-height:40vh;}.elementor-42 .elementor-element.elementor-element-5b07e7c7{margin-top:-20%;margin-bottom:0%;}.elementor-42 .elementor-element.elementor-element-b4f3fa7 .elementor-heading-title{font-size:45px;}.elementor-42 .elementor-element.elementor-element-0bd91ad{margin-top:-20%;margin-bottom:0%;}.elementor-42 .elementor-element.elementor-element-783612a .swiper-slide{height:65vh;}.elementor-42 .elementor-element.elementor-element-783612a .swiper-slide-contents{max-width:90%;}.elementor-42 .elementor-element.elementor-element-783612a .elementor-slide-heading{font-size:45px;}.elementor-42 .elementor-element.elementor-element-f115b50{padding:05% 02% 05% 02%;}}@media(max-width:767px){.elementor-42 .elementor-element.elementor-element-5b07e7c7 > .elementor-container{min-height:40vh;}.elementor-42 .elementor-element.elementor-element-5b07e7c7{margin-top:-40%;margin-bottom:0%;}.elementor-42 .elementor-element.elementor-element-b4f3fa7{padding:20% 0% 0% 0%;}.elementor-42 .elementor-element.elementor-element-b4f3fa7 .elementor-heading-title{font-size:36px;}.elementor-42 .elementor-element.elementor-element-0bd91ad{margin-top:-40%;margin-bottom:0%;}.elementor-42 .elementor-element.elementor-element-783612a{padding:20% 0% 0% 0%;}.elementor-42 .elementor-element.elementor-element-783612a .swiper-slide{height:60vh;}.elementor-42 .elementor-element.elementor-element-783612a .swiper-slide-contents{max-width:99%;}.elementor-42 .elementor-element.elementor-element-783612a .swiper-slide-inner{padding:20% 2% 2% 2%;}.elementor-42 .elementor-element.elementor-element-783612a .elementor-slide-heading{font-size:36px;}.elementor-42 .elementor-element.elementor-element-783612a .elementor-slide-description{font-size:18px;}.elementor-42 .elementor-element.elementor-element-7efa9b6d > .elementor-element-populated{padding:10px 0px 0px 0px;}.elementor-42 .elementor-element.elementor-element-2e769875 .elementor-heading-title{font-size:32px;}.elementor-42 .elementor-element.elementor-element-8311c87 > .elementor-element-populated{padding:0px 0px 0px 0px;}.elementor-42 .elementor-element.elementor-element-337b4c3{text-align:center;}.elementor-42 .elementor-element.elementor-element-337b4c3 .elementor-heading-title{font-size:32px;}.elementor-42 .elementor-element.elementor-element-f547328{text-align:center;}.elementor-42 .elementor-element.elementor-element-31c9f5e{text-align:center;font-size:16px;}.elementor-42 .elementor-element.elementor-element-5c21477{padding:25px 0px 0px 0px;}.elementor-42 .elementor-element.elementor-element-4e2808a .elementor-heading-title{font-size:20px;}.elementor-42 .elementor-element.elementor-element-a8fd881 .elementor-heading-title{font-size:32px;}.elementor-42 .elementor-element.elementor-element-ac565c9{text-align:center;font-size:16px;}}@media(min-width:1920px){.elementor-42 .elementor-element.elementor-element-5b07e7c7 > .elementor-container{min-height:50vh;}.elementor-42 .elementor-element.elementor-element-5b07e7c7{padding:0px 0px 0px 0px;}.elementor-42 .elementor-element.elementor-element-b4f3fa7 .elementor-heading-title{font-size:70px;}.elementor-42 .elementor-element.elementor-element-783612a .elementor-slide-heading{font-size:70px;}.elementor-42 .elementor-element.elementor-element-783612a .elementor-slide-description{font-size:30px;}.elementor-42 .elementor-element.elementor-element-2522a2b9{padding:05% 05% 0% 05%;}.elementor-42 .elementor-element.elementor-element-2e769875 .elementor-heading-title{font-size:60px;}.elementor-42 .elementor-element.elementor-element-ad37974{padding:05% 05% 01% 05%;}.elementor-42 .elementor-element.elementor-element-337b4c3 .elementor-heading-title{font-size:60px;}.elementor-42 .elementor-element.elementor-element-4e2808a .elementor-heading-title{font-size:30px;}.elementor-42 .elementor-element.elementor-element-a8fd881 .elementor-heading-title{font-size:60px;}}/* Start custom CSS for slides, class: .elementor-element-783612a */.clr-org{
    color: #F15A24;display: block;}
@media(min-width:1920px){
    a.btn-one,.btn-two {
    font-size: 20px!important;}}

@media(min-width:768px){
  a.btn-one {
    margin-right:7px;}
a.btn-two {
    margin-left:7px;}}

@media(max-width:767px){
   .buttons-alignn {
   display:block; margin-top:unset!important;}
.buttons-alignn a.btn-one, .buttons-alignn a.btn-two {
    margin: auto!important;
    display: block;
    margin-top: 10px!important;
    width: fit-content;
}}

.buttons-alignn{
   margin-top:25px;
}
a.btn-one {
    background: #000000;
    font-size: 18px;
    padding: 15px 30px;color: #fff;text-transform: uppercase;    font-weight: 600;}
a.btn-two {text-transform: uppercase;    font-weight: 600;
    background: #F15A24;
    font-size: 18px;
    padding: 15px 30px;color: #fff;
}

a.btn-two:hover ,a.btn-one:hover {
    box-shadow: inset 400px 50px 0 0 #fff;
    transition: 1s;
    color: #F15A24;
}/* End custom CSS */
/* Start custom CSS for section, class: .elementor-element-0bd91ad */@media(min-width:1100px){
    .home-slider .swiper-slide-bg {
    background-size: 100% 100%!important;
}
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-58d8ea85 */.about-imagea img {
    width: 50%;
}
@media(min-width:1680px){
 .about-imagea img {
    width: 40%;
}
}

@media(max-width:767px){
 .about-imagea img {
    width:100%;
}
}/* End custom CSS */
/* Start custom CSS for section, class: .elementor-element-2522a2b9 */@media(min-width:1800px){
    .about-imagea img{margin-top:-8%;}
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-5c21477 */@media(min-width:1800px){
    .welcome-img img.attachment-full.size-full {
    width: 80%;
}
}/* End custom CSS */
/* Start custom CSS for section, class: .elementor-element-f115b50 */@media(min-width:1100px) and (max-width:1599px){
    
    .block1 .elementor-widget-text-editor {
    height: 270px;
}
.block2 .elementor-widget-text-editor {
    height: 270px;
}
.block3 .elementor-widget-text-editor {
    height: 300px;
}
.block4 .elementor-widget-text-editor {
    height: 270px;
}
}

@media(min-width:1600px) and (max-width:1699px){
    
    
    .block1 .elementor-widget-text-editor {
    height: 200px;
}
.block2 .elementor-widget-text-editor {
    height: 210px;
}
.block3 .elementor-widget-text-editor {
    height: 230px;
}
.block4 .elementor-widget-text-editor {
    height: 200px;
}
}

@media(min-width:1701px) {
    
    .block1 .elementor-widget-text-editor {
    height: 180px;
}
.block2 .elementor-widget-text-editor {
    height: 200px;
}
.block3 .elementor-widget-text-editor {
    height: 200px;
}
.block4 .elementor-widget-text-editor {
    height: 170px;
}
}
.block-collection .elementor-column.elementor-inner-column.elementor-element:hover .btn-price {
    display: block;
    position: absolute;
    top: 4%;
    left: 4%;
    z-index: 1;
}
.btn-price {
    display: none;
}

@media(max-width:1099px){
    .btn-price h5 {
    padding: 10px;
}
}


@media(min-width:767px) and (max-width:1099px){
    
    .block1 .elementor-widget-text-editor {
    height: 440px;
}
.block2 .elementor-widget-text-editor {
    height: 440px;
}
.block3 .elementor-widget-text-editor {
    height: 470px;
}
.block4 .elementor-widget-text-editor {
    height: 570px;
}
.collection-sec span.elementor-icon-list-icon {
    width: 20px;
}
.collection-sec span.elementor-icon-list-text {
    padding-left: 2px!important;
}
.collection-sec span.elementor-icon-list-text {
    font-size: 14px;
}
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-6fc4601 */:root {
    --primary-color: #2563eb;
    --primary-dark: #1d4ed8;
    --secondary-color: #64748b;
    --success-color: #22c55e;
    --background-color: #f8fafc;
    --surface-color: #ffffff;
    --text-primary: #1e293b;
    --text-secondary: #475569;
    --border-color: #e2e8f0;
    --shadow-sm: 0 1px 2px 0 rgb(0 0 0 / 0.05);
    --shadow-md: 0 4px 6px -1px rgb(0 0 0 / 0.1);
    --radius-sm: 0.375rem;
    --radius-md: 0.5rem;
}

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

body {
    font-family: 'Inter', system-ui, -apple-system, sans-serif;
    line-height: 1.5;
    color: var(--text-primary);
    background-color: var(--background-color);
}

.container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 2rem 1rem;
}

header {
    text-align: center;
    margin-bottom: 2rem;
}

h1 {
    font-size: 2.5rem;
    font-weight: 700;
    color: var(--primary-color);
    margin-bottom: 0.5rem;
}

.subtitle {
    color: var(--text-secondary);
    font-size: 1.125rem;
}

/* Vehicle Selection */
.vehicle-selection {
    margin-bottom: 2rem;
}

.vehicle-category {
    background: var(--surface-color);
    border-radius: var(--radius-md);
    padding: 1.5rem;
    margin-bottom: 1.5rem;
    box-shadow: var(--shadow-md);
}

.vehicle-category h3 {
    color: var(--primary-color);
    margin-bottom: 1rem;
    font-size: 1.25rem;
}

.vehicle-list {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
    gap: 1rem;
}

.vehicle-item {
    display: flex;
    flex-direction: column;
    padding: 1rem;
    border: 1px solid var(--border-color);
    border-radius: var(--radius-sm);
    cursor: pointer;
    transition: all 0.2s ease;
}

.vehicle-item:hover {
    border-color: var(--primary-color);
    transform: translateY(-2px);
}

.vehicle-item.selected {
    background-color: var(--primary-color);
    color: white;
    border-color: var(--primary-dark);
}

.vehicle-item .name {
    font-weight: 500;
    margin-bottom: 0.5rem;
}

.vehicle-item .rate {
    color: var(--text-secondary);
    font-size: 0.875rem;
}

.vehicle-item.selected .rate {
    color: rgba(255, 255, 255, 0.9);
}

/* Selected Vehicles List */
.selected-vehicles {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    margin-bottom: 1.5rem;
    min-height: 3rem;
}

.selected-vehicle {
    background: var(--surface-color);
    padding: 0.5rem 1rem;
    border-radius: var(--radius-sm);
    display: flex;
    align-items: center;
    gap: 0.5rem;
    box-shadow: var(--shadow-sm);
}

.remove-btn {
    background: none;
    border: none;
    color: var(--text-secondary);
    cursor: pointer;
    padding: 0.25rem;
    font-size: 1.25rem;
}

.remove-btn:hover {
    color: #ef4444;
}

/* Calculator Controls */
.calculator-controls {
    background: var(--surface-color);
    padding: 1.5rem;
    border-radius: var(--radius-md);
    margin-bottom: 2rem;
    box-shadow: var(--shadow-md);
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap: 1.5rem;
}

.control-group {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

label {
    font-weight: 500;
    color: var(--text-secondary);
}

select {
    padding: 0.5rem;
    border: 1px solid var(--border-color);
    border-radius: var(--radius-sm);
    font-size: 1rem;
    color: var(--text-primary);
}

/* Results Display */
.results, .investment-analysis {
    background: var(--surface-color);
    padding: 1.5rem;
    border-radius: var(--radius-md);
    margin-bottom: 2rem;
    box-shadow: var(--shadow-md);
}

.results-grid, .analysis-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 1.5rem;
    margin-top: 1rem;
}

.result-item, .analysis-item {
    text-align: center;
    padding: 1rem;
    border: 1px solid var(--border-color);
    border-radius: var(--radius-sm);
}

.result-item.highlight {
    background-color: var(--primary-color);
    color: white;
}

.result-item.highlight h3 {
    color: rgba(255, 255, 255, 0.9);
}

.result-item h3, .analysis-item h3 {
    font-size: 1rem;
    color: var(--text-secondary);
    margin-bottom: 0.5rem;
}

.result-item span, .analysis-item span {
    font-size: 1.5rem;
    font-weight: 600;
}

.expense-breakdown {
    margin-top: 0.5rem;
    font-size: 0.875rem;
    color: var(--text-secondary);
}

footer {
    text-align: center;
    color: var(--text-secondary);
    font-size: 0.875rem;
    margin-top: 2rem;
}

/* Responsive Design */
@media (max-width: 768px) {
    .container {
        padding: 1rem;
    }

    h1 {
        font-size: 2rem;
    }

    .vehicle-list {
        grid-template-columns: 1fr;
    }

    .calculator-controls {
        grid-template-columns: 1fr;
    }
}

/* Animations */
@keyframes fadeIn {
    from {
        opacity: 0;
        transform: translateY(10px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.result-item, .analysis-item {
    animation: fadeIn 0.3s ease-out;
}/* End custom CSS */