@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700;800;900&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.landing-page{background-color:#eaeaea;min-height:100vh;overflow-x:hidden;width:100%}nav{align-items:center;display:flex;justify-content:space-between;padding:22px 0;z-index:11}.logo{font-size:33px;font-weight:700}.links li a,.logo{text-transform:capitalize}.links li a{color:#222;font-weight:500;letter-spacing:1.2px;margin:0 12px;position:relative;text-decoration:none}.links li a:after{background-color:var(--main-color);bottom:-5px;content:"";height:2px;left:50%;position:absolute;transition:.2s;width:0}.links li:hover a:after{left:0;width:100%}.links li:hover a{color:var(--main-color)}.social{display:flex}.social li{margin:0 12px;z-index:11}.social li ion-icon{color:#eee;font-size:22px;transition:.2s}.social li:hover ion-icon{transform:scale(1.1)}.header{padding-top:150px;position:relative}.header:before{background-color:var(--main-color);height:600px;right:-280px;top:-200px;width:450px}.header:after,.header:before{content:"";position:absolute;transform:rotate(-45deg)}.header:after{background-color:#eaeaea;border:28px solid var(--main-color);height:330px;right:-60px;top:80px;width:330px}.image{position:absolute;right:-40px;top:150px;width:600px;z-index:11}.header .text{width:70%}.header .text h1{font-size:44px}.header .text h1,.header .text h2{text-align:start;text-transform:capitalize}.header .text h2{color:var(--main-color);font-size:28px}h2 span{color:#000}.header .text p{color:#414040;margin:22px 0;text-align:start;width:55%}.btn{background-color:initial;border:1px solid var(--main-color);border-radius:8px;cursor:pointer;padding:8px 12px;text-transform:capitalize;transition:.5s;width:-webkit-fit-content;width:fit-content}.btn div{color:var(--main-color)}.btn:hover{background-color:var(--main-color)}.btn:hover div{color:#fff}*{box-sizing:border-box;margin:0;padding:0}:root{--main-color:#0048e0}html{scroll-behavior:smooth}body{overflow-x:hidden}.container{font-family:poppins,sans-serif;margin:0 auto;padding:0 10px;width:90%}.flex-center{align-items:center;display:flex;justify-content:center}ul{display:flex}li{list-style-type:none}a{outline:none;text-decoration:none}@media (max-width:1010px){.text{margin:500px 0 50px;width:100%}p{width:70%}}@media (max-width:880px){.links{display:none}.dropmenu-btn ion-icon{display:block}.header .text{width:90%}}@media (max-width:660px){.image{right:-55px;width:550px}h1{font-size:37px}p{width:100%}}@media (max-width:550px){.header:before{height:500px;right:-280px;top:-220px;width:350px}.header:after{height:230px;right:-40px;top:20px;width:200px}.image{right:-33px;top:80px;width:400px}.header .text{margin-top:300px;width:100%}.header .text p{width:100%}h1{font-size:25px}}.popUp{background-color:#0048e0;border-radius:8px;box-shadow:0 4px 20px #0000004d;color:#dde6f0;height:150px;left:50%;padding-top:50px;position:absolute;text-align:center;top:100px;transform:translateX(-50%);width:350px;z-index:100}.carsPageNav{align-items:center;border:1px solid #0048e01f;border-bottom-left-radius:10px;border-bottom-right-radius:10px;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;margin:0 auto 1.5rem;padding:2.4rem 1rem .8rem;width:90%}.carsPageNav .logo{color:#0f172a;font-size:1.5rem;font-weight:700}.landPageNav .logo{color:#0f172a}.carsPageNav .social ul{display:flex;gap:1rem;list-style:none;margin:0;padding:0}.carsPageNav .social a{color:#0048e0;font-size:1.25rem;transition:transform .2s ease,color .2s ease}.carsPageNav .social a ion-icon{color:#0048e0;transition:color .2s ease}.carsPageNav .social a:hover{color:#0031a8;transform:translateY(-2px)}.carsPageNav .social a:hover ion-icon{color:#6380ca}.search-filter{display:flex;gap:10px;margin:auto;width:90%}.searchBar{border:1px solid #0048e01f;border-radius:10px;box-shadow:0 18px 50px #0f172a0f;flex-wrap:wrap;margin:0 auto 1.5rem;max-width:900px;padding:1rem 1.25rem;width:90%}.searchBarLabel{color:#585858;font-size:18px;font-weight:500;margin-bottom:12px;padding-left:2px;text-align:start}.searchBarInner{align-items:center;display:flex;flex:1 1;gap:.85rem}.searchInputWrapper{flex:1 1;position:relative}.searchIcon{color:#6b7280;font-size:1rem;left:1.2rem;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.searchBar input{background-color:#fff;border:1px solid #d1d5db;border-radius:10px;color:#111827;font-size:1rem;outline:none;padding:.95rem 1rem;transition:border-color .2s ease,box-shadow .2s ease;width:100%}.searchBar input:focus{border-color:#0048e0;box-shadow:0 0 0 4px #0048e01f}.searchBtnStyle{border:none;border-radius:10px;color:#fff;cursor:pointer;font-weight:700;min-width:130px;padding:.95rem 1.5rem;transition:transform .2s ease,opacity .2s ease}.searchBtnStyle:hover{opacity:.95;transform:translateY(-1px)}.priceRange{grid-gap:1rem;background-color:#fff;border:1px solid #0f172a14;border-radius:10px;box-shadow:0 20px 55px #0f172a0f;display:grid;gap:1rem;margin:0 auto 1.5rem;max-width:900px;padding:1.25rem 1.5rem;width:90%}.priceRangeHeader{align-items:center;display:flex;gap:1rem;justify-content:space-between}.priceRangeHeader p{color:#475569;font-size:.95rem;margin:.35rem 0 0}.priceValue{color:#0048e0;font-weight:700;min-width:120px;text-align:right}.priceRangeBody{grid-gap:1rem;display:grid;gap:1rem}.priceRangeInput{-webkit-appearance:none;appearance:none;background:#0048e0;border-radius:999px;height:7px;outline:none;transition:background .2s ease;width:100%}.priceRangeInput::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:#fff;border:4px solid #0048e0;border-radius:50%;box-shadow:0 12px 24px #0048e029;cursor:pointer;height:18px;-webkit-transition:transform .15s ease;transition:transform .15s ease;width:18px}.priceRangeInput::-webkit-slider-thumb:hover{transform:scale(1.08)}.priceRangeInput::-moz-range-thumb{background:#fff;border:4px solid #0048e0;border-radius:50%;box-shadow:0 12px 24px #0048e029;cursor:pointer;height:24px;width:24px}.priceRangeInput::-moz-range-track{background:#e2e8f0;border-radius:999px;height:10px}.priceRangeActions{display:flex;justify-content:flex-end}.resetRangeBtn{background:#0000;border:1px solid #0048e02e;border-radius:10px;color:#0048e0;cursor:pointer;font-weight:600;padding:.7rem 1.2rem;transition:background-color .2s ease,transform .2s ease}.resetRangeBtn:hover{background-color:#0048e014;transform:translateY(-1px)}.compareBtn{background-color:#0048e0;border:none;color:#fff}.loanBtn{background-color:initial;border:1px solid #0048e0;color:#0048e0}.compareBtn,.loanBtn{border-radius:3px;cursor:pointer;margin-right:12px;padding:3px 8px;width:100px}.loanBtn:hover{background-color:#0048e0;color:#fff}.car-card{transition:transform .3s ease,box-shadow .3s ease}.car-card .carCardInner{transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease}.car-card:hover .carCardInner{box-shadow:0 18px 40px #0f172a2e;transform:translateY(-6px) scale(1.01)}.car-card:hover .compareBtn,.car-card:hover .loanBtn{transform:translateY(-1px)}.compareCard,.loanCard{align-items:center;background-color:#0048e0;bottom:0;color:#fff;flex-direction:column;font-size:33px;gap:10px;height:100vh;left:0;padding:0 12px;position:fixed;right:0;top:-90vh;transition:.5s;z-index:11}.compareCard,.loanCard,.pagination{display:flex;justify-content:center}.pagination{flex-wrap:wrap;gap:.75rem;margin:0 auto 2rem;max-width:900px;width:90%}.pagination button{background-color:#fff;border:1px solid #cbd5e1;border-radius:7px;color:#0f172a;cursor:pointer;min-width:56px;padding:.75rem 1rem;text-align:center;transition:background-color .2s ease,border-color .2s ease}.pagination button:hover:not(:disabled){border-color:#0048e0}.pagination button.active{background-color:#0048e0;border-color:#0048e0;color:#fff}.pagination button:disabled{cursor:not-allowed;opacity:.5}.comparsion{background-color:#fff;color:#0048e0;justify-content:space-around;padding:8px 12px;width:90%}.brandName{color:#ad0606;font-size:"37px"}.confirmCompareBtn,.reselectBnt{cursor:pointer;font-size:22px;margin:0 8px;padding:8px 12px}.backBtn{cursor:pointer;font-size:22px;padding:8px;position:absolute;right:10px;top:10px}.loanInfo{background-color:#fff;color:#0048e0;padding:12px 18px;width:80%}.loanInfo p{margin:12px 0;text-align:start}.loanInfo span{color:#bd0909bd;font-weight:500}.monthlyPayment{background-color:#0048e0;color:#fff;font-size:48px;padding:12px 18px}.loanInfo button{font-size:18px;margin:3px;padding:3px 8px}#loan-terms{color:#0048e0;margin:0 8px}@media (max-width:768px){.carsPageNav,.priceRange,.searchBar{max-width:100%;width:90%}.search-filter{display:flex;flex-direction:column;gap:10px;margin:auto;width:100%}.carsPageNav{padding:.75rem 0}.searchBar{align-items:stretch;flex-direction:column;gap:.75rem;padding:1rem}.backHome{min-width:0;min-width:auto;width:100%}.searchBarInner{align-items:center;display:flex;flex-direction:row;flex-wrap:wrap;gap:.75rem;justify-content:space-between;width:100%}.searchInputWrapper{flex:1 1;min-width:0}.searchBar input{width:100%}.searchBtnStyle{min-width:130px;width:auto}.priceRangeInput{width:100%}}@media (max-width:550px){.carsPageNav{gap:.75rem;justify-content:space-between}.carsPageNav .logo{font-size:1.3rem}.carsPageNav .social a{font-size:1.1rem}.searchBar{padding:.95rem}.searchBarInner{gap:.65rem}.priceRange{padding:1rem}.priceRangeHeader{align-items:flex-start;flex-direction:column;gap:.5rem}.priceValue{min-width:auto;text-align:left}.comparsion{font-size:20px;width:100%}.brandName{font-size:25px}}
/*# sourceMappingURL=main.3b455b1d.css.map*/