.about-page-container{display:flex;height:81vh;align-items:center;margin:0 10em}.about-page-container img{width:45%;border-radius:10px}.about-page-content{padding:30px;color:#333;max-width:600px}.about-page-content h1{font-size:2rem;color:#2c3e50}.about-page-content p{font-size:1rem;line-height:1.3;margin-bottom:3em}header{height:69px;display:flex;align-items:center;border-bottom:1px solid #4d4d4d;padding:0 1em;box-shadow:1px 1px 1px #8a8989bf}header .site-logo{color:#2c3e50;margin-right:auto;font-weight:900;font-size:25px}.logo-text{color:#2c3e50;font-weight:700}header .site-logo:hover{text-decoration:none}header>a{text-decoration:none;padding:5px 20px;font-weight:700}header a:hover{color:#4779a8}header .login-icon{height:18px;width:18px;margin:0 5px 0 0}header .login-link{display:inline-flex;align-items:center}nav{display:flex;gap:2.5em;margin-right:1.5em}nav>a{font-weight:700;color:#2c3e50}.home-container{background:linear-gradient(0deg,#00000075,#00000075),url(../car-cover.jpg) no-repeat center center;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;color:#fff;padding:45px 23px;height:81vh}.home-container h1{font-size:2.25rem;line-height:42px;text-align:center}.home-container p{line-height:24px;text-align:center;font-size:1.2rem;letter-spacing:1px}.home-container a{display:flex;text-align:center;background-color:#9f5b2a;width:fit-content;margin:5em auto;padding:1.5em;color:#fff;font-weight:700;border-radius:5px;cursor:pointer;transition:transform .1s ease-in-out}.home-container a:hover{box-shadow:0 0 10px #797979b3}footer{background-color:#161616;color:#eeeded;height:69px;display:flex;justify-content:center;align-items:center;margin-top:auto;font-weight:500}.locations-container>h1,.city-location>h1{text-align:center;margin-top:1em;font-size:3em;color:#2c3e50;text-shadow:2px 2px 2px rgba(0,0,0,.3);letter-spacing:2px}.locations-card{display:flex;justify-content:center;flex-wrap:wrap;margin:5em;gap:4em}.location-details{position:relative;text-align:center}.location-details>h2{position:absolute;top:50%;left:50%;width:100%;transform:translate(-50%,-50%);z-index:2;font-size:2.2em;color:#fff}.locationImage,.location-details>img{width:350px;height:250px;filter:brightness(60%);border-radius:12px;transition:transform .3s ease-in-out,filter .3s ease-in-out}.locationImage:hover,.location-details>img:hover{transform:scale(1.05);filter:brightness(90%)}.locations-details{position:absolute;top:40%;left:30%}.vehicles-top-description{text-align:center;margin:2em auto 0;font-size:2em;color:#2c3e50;text-shadow:1px 1px 1px rgba(0,0,0,.5);letter-spacing:2px;width:800px}.all-vehicles-container{display:flex;justify-content:center;margin:4em 2em 5em}.search-container{display:flex;flex-direction:column;background-color:#fff;border-radius:8px;box-shadow:0 2px 2px #0000001a;max-height:690px;border:1px solid gray;padding:0 4em}.search-container>h2{border-bottom:1px solid gray;padding:.5em;text-align:center}.selected-choices{display:flex;flex-direction:column;padding:1.5em;border-bottom:1px solid gray}.clear-filters-btn{padding:.5em;margin:2em 0;width:fit-content;align-self:center;border-radius:8px;font-size:1.1rem;background-color:#905a33;color:#fff;cursor:pointer;border:none;font-weight:700}.selected-choices>strong{padding-bottom:.5em;text-align:center}#vehicleType,#gearType,#people,#fuelType,#price{border-radius:8px;padding:.2em;cursor:pointer;text-align:center}#vehicleType:hover,#gearType:hover,#people:hover,#fuelType:hover,#price:hover,.form-container section>input,.payment-details-card section>input,.payment-details-paypal section>input{background-color:#eee9e9}.vehicle-section-one{display:flex;justify-content:space-between;align-items:center;padding:.6em 0;border-radius:8px}.vehicle-section-one>p,.title-and-price>p{background-color:#905a33;color:#fff;padding:.3em .5em;border-radius:4px;box-shadow:0 2px 6px #0003}.vehicle-section-two{display:flex;gap:35px;font-size:1.1rem;margin:1.1em 0 2em}.vehicle-container{display:flex;border-radius:6px;box-shadow:0 2px 2px #0000001a;margin-bottom:2.5em;width:100%;background-color:#fff}.vehicle-cards{display:flex;flex-direction:column;width:100%;padding:0 .5em 0 2em;flex:0 1 calc(100% - 5px)}.all-vehicles{margin-left:2em;width:70%}.vehicle-container img,.vehicle-container-copy img{width:320px;max-height:200px;object-fit:cover;border-radius:5px 0 0 5px}.vehicle-container:hover,.vehicle-container-copy:hover{box-shadow:0 0 10px #01010199}svg{font-size:1.3rem;padding:.3em .1em 0 0}#features-icon{font-size:1.8rem;padding:.1em 0}.features-container>h4{display:flex;align-items:center;color:#905a33;cursor:pointer}.features-container>p{margin-top:.4em}.vehicle-container>a{align-self:center;background-color:#905a33;padding:.5em 1em;border-radius:5px;font-weight:700;font-size:1.1rem;color:#fff;margin:.5em 4em 1em;cursor:pointer}.vehicle-container>a:hover,.clear-filters-btn:hover,.vehicle-container-copy>a:hover,.form-container>button:hover,.back-button:hover{background-color:#cf7739}.no-match-vehicles{display:flex;padding-bottom:.5em}.no-match-vehicles>svg{font-size:4rem}.loader{display:flex;margin:12.9% auto}.city-location{display:flex;flex-direction:column;margin:2em 10em 4em}.city-location>h1{text-align:center}.vehicle-container-copy{display:flex;border-radius:6px;box-shadow:#0000001a 0 2px 2px;margin:3em 0 0 5em;width:90%;background-color:#fff}.vehicles-in-city img{width:400px;height:200px;object-fit:cover;border-radius:8px}.vehicle-container-copy>a{align-self:center;background-color:#905a33;padding:.5em 1em;border-radius:5px;font-weight:700;font-size:1.1rem;color:#fff;margin:.5em 1em 1em;cursor:pointer}.vehicle-container-copy>a{margin-left:10em}.booking-details{display:flex;flex-direction:column;align-items:center;background-color:#fff;padding:2em .5em;width:35%;border-radius:4px}.booking-container{display:flex;justify-content:center;gap:200px;margin:2em 1em;padding:2em}.form-container>button{background-color:#905a33;color:#fff;padding:10px 20px;border:none;border-radius:5px;cursor:pointer;margin-top:2em;margin-left:14em}.vehicle-details{display:flex;gap:45px;padding:1em 0}.card-features{width:80%}.card-features>h4{justify-content:center}.booking-details>img{width:400px;height:220px;border-radius:8px}.booking-details>p{font-size:1rem;padding:1em}.back-button{display:flex;margin:1.5em 0 1em 2.2em;font-size:1.1rem;background-color:#905a33;width:fit-content;padding:.2em .5em;border-radius:8px;color:#fff;border:none;text-decoration:none;cursor:pointer}.back-button svg{font-size:1.3rem;padding:.1em 0}.form-container{background-color:#fff;padding:1em;border-radius:4px}.form-container>section{padding:.6em 0}.title-and-price{display:flex;align-items:center;gap:130px;padding-bottom:.4em}.form-container>h2{margin-bottom:1.5em;border-bottom:4px solid #161616}.name-container>section>input{width:250px;height:35px;margin-top:.2em;padding:10px;border-radius:4px;border:1px solid gainsboro}.form-container>section>input,.payment-details-card>section>input,.payment-details-two>section>input,.payment-details-paypal>section input{width:550px;height:35px;margin-top:.2em;padding:10px;border-radius:4px;border:1px solid gainsboro}.payment-submited{padding:2em;text-align:center}.payment-submited>button{margin-top:2em;background-color:#905a33;border:none;padding:.8em;border-radius:6px;color:#fff;cursor:pointer}.payment-submited>button:hover{background-color:#ff8c38}*{margin:0;padding:0;box-sizing:border-box}html,body{background-color:#eee9e9;font-family:Inter,sans-serif}a{text-decoration:unset;color:unset}.site-wrapper{min-height:100vh}.payment-modal{max-width:600px;position:relative;padding:0 1em}.payment-modal>h2{text-align:center;background-color:#905a33;padding:.3em 1em;color:#fff;border-radius:4px;margin:.2em 0 1em}.payment-modal>h4{margin-top:1.5em}.pay-btn{border:none;margin:2em 0 2em 12em;background-color:#905a33;padding:.5em 1em;border-radius:8px;color:#fff;font-size:1.2rem;cursor:pointer}.pay-btn:hover{background-color:#ff8c38}.payment-details-card,.payment-details-paypal,.payment-details-two{margin-top:1em}.payment-methods>section{padding:.5em 0 0}.payment-methods>section>input{cursor:pointer}.payment-details-paypal section{padding-bottom:1em}.name-container{display:flex;gap:50px}.payment-methods{margin-bottom:2em}.payment-details-card>section,.payment-details-two>section{margin-top:.8em}.close-modal{position:absolute;top:-3%;left:99%;padding:0 .2em;border:none;background-color:transparent;font-size:1.3rem;cursor:pointer}.close-modal:hover{color:#454545}.not-found-container{padding-inline:26px;height:78vh}.not-found-container .link-button{display:block;width:15%;margin:10% auto;background-color:#161616;color:#fff}@media (max-width: 769px){.home-container>a{padding:1em}.home-container>h1{font-size:1.8rem}.home-container>p{font-size:1rem}.about-page-container{flex-direction:column-reverse;margin:1em;height:auto}.about-page-content{padding:0 1em}.about-page-content>h1{text-align:center}.about-page-container>img{width:80%;margin-bottom:2em}.vehicles-top-description{margin:2em 2em 0;font-size:1.4rem;width:auto}.all-vehicles{margin:2em 0 1em;width:100%}.all-vehicles-container{flex-direction:column;margin:2em 5em}.vehicle-container{flex-direction:column}.vehicle-container img,.vehicle-container-copy img{width:auto;border-radius:5px 5px 0 0}.vehicle-cards{padding:1em}.locations-container>h1,.city-location>h1{font-size:2rem}.locations-card{margin:2em}.city-location{margin:0 5em}.vehicle-container-copy{flex-direction:column;width:100%;margin:1em}.vehicle-container-copy>a{margin-left:2em}.booking-container{flex-direction:column;gap:50px}.booking-details{width:100%}.title-and-price{gap:180px}.name-container>section>input{width:280px}.name-container{gap:10px}.form-container>section>input{width:610px}.payment-details-card>section>input,.payment-details-two>section>input,.payment-details-paypal>section input{width:570px}.form-container>button{margin-left:16em}.pay-btn{margin:1em 0 0 12em}}@media (max-width: 426px){.home-container{height:78.5vh}header{padding:0}nav{gap:1em;margin:1.4em 1em 1em}nav>a{font-size:.8rem}header .site-logo{font-size:1.2rem}.home-container h1{font-size:1.5rem}.home-container p{font-size:1rem;line-height:1.2em}.home-container a{font-size:.8rem}.about-page-container{flex-direction:column-reverse;margin:0 1em;height:auto}.about-page-content{width:100%;margin-top:2em}.about-page-content h1{font-size:1.5rem;margin:0 0 1em;text-align:center}.about-page-content p{margin-bottom:2em}.search-container{padding:0 1em}.about-page-container img{width:80%;margin-bottom:2em}.vehicles-top-description{margin:2em auto 0;font-size:1.4rem;width:auto}.all-vehicles{margin:2em 0 1em;width:100%}.all-vehicles-container{flex-direction:column;margin:2em}.vehicle-container{flex-direction:column}.vehicle-container img,.vehicle-container-copy img{width:auto;border-radius:5px 5px 0 0}.vehicle-cards{padding:1em}.selected-choices{padding:.5em;border-bottom:none;font-size:.8rem}.clear-filters-btn{margin:1em 0;font-size:.8rem}.locations-container>h1,.city-location>h1{font-size:1.8rem}.locationImage,.location-details>img{width:250px;height:150px}.locations-card{gap:2em;margin:2em 0}.location-details>h2{font-size:1.2rem}.vehicle-container-copy{flex-direction:column;margin:1;width:91%}.vehicle-container-copy>a{margin-left:2em}.city-location{margin:0}.back-button{font-size:.8rem;align-items:center}.booking-container{flex-direction:column;gap:20px;padding:1em}.booking-details{width:100%;padding:1em .5em;margin-bottom:1em}.booking-details>img{width:300px;height:180px}.vehicle-details{gap:20px}.title-and-price{font-size:.9rem;gap:80px}.form-container>h2{font-size:1.4rem;margin-bottom:.5em}.name-container{flex-direction:column;gap:10px}.form-container>section>input,.name-container>section>input{width:315px}.form-container>button{margin:1em 0 0 7em}.payment-modal{max-width:300px;height:550px}.payment-details-card>section>input,.payment-details-two>section>input,.payment-details-paypal>section input,#fName,#lName{width:270px}.pay-btn{margin:1em 0 1em 3.5em}.payment-submited{padding:1em}}@media (max-width: 385px){.title-and-price{font-size:.8rem;gap:50px}.booking-details>img{width:250px}.vehicle-details{gap:15px}.form-container>section>input,.name-container>section>input{width:260px}.form-container>button{margin:1em 0 0 4.5em}}@media (min-width: 1440px){.home-container{height:85.4vh}.booking-container{margin:6.8em 1em}.locations-card{margin:4.1em 5em}.about-page-container{height:85.4vh;gap:50px}.about-page-content>p{font-size:1.2rem}}