@import url(https://fonts.googleapis.com/css2?family=Raleway:wght@300;400;500;600;700;800&display=swap);@import url(https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;600&display=swap);*{box-sizing:border-box;font-family:Raleway,sans-serif;margin:0;padding:0}button{border:none;cursor:pointer;outline:none}a{color:inherit;text-decoration:none}.pointer{cursor:pointer}.error{color:red;margin-top:10px}:root{--bg-color:#e5e5e5;--primary-color:#f15543;--secondary-color:#232323}.container{margin:0 auto;width:80%}@media screen and (max-width:1200px){.container{width:85%}}@media screen and (max-width:992px){.container{width:90%}}@media screen and (max-width:768px){.container{width:95%}}.home{background-color:var(--bg-color);flex-direction:column}.home,.home .title{align-items:center;display:flex}.home .title{color:#626161;gap:20px;padding:40px 0 20px}.home .title span{font-size:2.8rem;font-weight:700;text-transform:uppercase}@media screen and (max-width:768px){.home .title span{font-size:2rem}}.home .title a{color:var(--primary-color);font-weight:500}.home .title a:hover{text-decoration:underline}.home .viewall-btn{background-color:var(--primary-color);border-radius:3px;box-shadow:0 3px 10px 0 rgba(51,51,51,.35);color:#fff;font-family:Monteserate,sans-serif;font-size:1.3rem;margin-bottom:8rem;padding:10px 45px}.budgetSearch{align-items:center;background-color:var(--bg-color);display:flex;flex-direction:column;padding:3rem 0 50px;width:100%}.budgetSearch .search-title{color:var(--secondary-color);font-size:2.5rem;font-weight:400;padding-bottom:30px;text-align:center}@media screen and (max-width:768px){.budgetSearch .search-title{font-size:2rem}}.budgetSearch form{align-items:center;display:flex;max-width:500px;width:90%}.budgetSearch form input{border:1px solid gray;flex-grow:1;font-size:1.2rem;padding:12px 10px}@media screen and (max-width:398px){.budgetSearch form input{font-size:.8rem}}.budgetSearch form input:focus{outline:1pxx solid #000}.budgetSearch form button{background-color:var(--primary-color);border:1px solid var(--primary-color);border-radius:0 5px 5px 0;box-shadow:0 3px 10px 0 rgba(51,51,51,.35);color:#fff;font-size:1.2rem;padding:12px 10px}@media screen and (max-width:398px){.budgetSearch form button{font-size:.8rem}}.hero{background-color:var(--bg-color);min-height:calc(100vh - 80px);overflow:hidden;padding:0 100px;position:relative;width:100%}@media screen and (max-width:1100px){.hero{padding:0 20px}}.hero .left{width:60%}.hero .left span{color:var(--secondary-color);font-size:5rem;font-weight:700;left:15%;position:absolute;text-transform:capitalize;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);width:40%}@media screen and (max-width:1200px){.hero .left span{font-size:4rem}}@media screen and (max-width:768px){.hero .left span{font-size:3rem;left:50%;text-align:center;top:10%;-webkit-transform:translateX(-50%);transform:translateX(-50%);width:100%}}.hero .right{overflow:hidden}.hero .right img{position:absolute;right:0;top:100px;width:70%}@media screen and (max-width:768px){.hero .right img{left:50%;top:30%;-webkit-transform:translateX(-50%);transform:translateX(-50%);width:120%}}.hero .bg-text{color:#fff;font-size:30rem;left:50%;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);z-index:0}@media screen and (max-width:1100px){.hero .bg-text{font-size:20rem}}@media screen and (max-width:768px){.hero .bg-text{font-size:10rem}}.login{background-color:rgba(0,0,0,.6);height:100vh;position:fixed;right:0;top:0;width:100vw;z-index:9}.login .login-close-btn{background-color:transparent;font-size:2rem;position:absolute;right:20px;top:20px;z-index:11}.login .card{align-items:center;background-color:#f7f7f9;border-end-start-radius:10px;display:flex;flex-direction:column;max-width:100vw;padding:30px 40px;position:absolute;top:0;transition:all .4s ease-in-out;width:400px}@media screen and (max-width:500px){.login .card{padding:10px}}.login .card .title{color:var(--secondary-color);font-size:1.6rem;font-weight:500;margin-bottom:20px;text-transform:uppercase}.login .card form{display:flex;flex-direction:column;gap:20px;width:100%}.login .card form input{border:1px solid gray;border-radius:5px;font-size:1.1rem;padding:10px;width:100%}.login .card form input:focus{outline:1px solid #000}.login .card form .login-btn{background-color:var(--primary-color);border-radius:7px;box-shadow:0 3px 10px 0 rgba(51,51,51,.35);color:#fff;font-size:1.1rem;font-weight:500;padding:15px 0;width:100%}.login .card form .login-btn:disabled{cursor:not-allowed;opacity:.5}.login .card .center{align-items:center;color:#696b6d;display:flex;gap:10px;justify-content:space-between;margin:40px 0;text-transform:capitalize;width:100%}.login .card .center .line{background-color:gray;flex-grow:1;height:1px}.login .card .center span{font-size:1.4rem;text-transform:capitalize}.login .card .register-btn{background-color:#fff;border-radius:7px;box-shadow:0 3px 10px 0 rgba(51,51,51,.35);color:var(--primary-color);font-size:1.1rem;font-weight:500;margin-bottom:20px;outline:2px solid var(--primary-color);padding:15px 0;text-transform:capitalize;width:100%}.login .card .register-btn:disabled{cursor:not-allowed;opacity:.5}.register{background-color:rgba(0,0,0,.6);height:100%;position:fixed;top:0;width:100%;z-index:10}.register .login-close-btn{font-size:2rem;right:20px}.register .login-close-btn,.register .return-btn{background-color:transparent;position:absolute;top:20px;z-index:11}.register .return-btn{font-size:2.5rem;left:20px}.register .card{align-items:center;background-color:#f7f7f9;border-end-start-radius:10px;display:flex;flex-direction:column;max-width:100vw;padding:30px 40px;position:absolute;top:0;transition:all .4s ease-in-out;width:400px}@media screen and (max-width:500px){.register .card{padding:10px}}.register .card .title{color:var(--secondary-color);font-size:1.6rem;font-weight:500;margin-bottom:20px;text-transform:uppercase}.register .card form{display:flex;flex-direction:column;gap:20px;width:100%}.register .card form input{border:1px solid gray;border-radius:5px;font-size:1.1rem;padding:10px;width:100%}.register .card form input:focus{outline:1px solid #000}.register .card form .login-btn{background-color:var(--primary-color);border-radius:7px;box-shadow:0 3px 10px 0 rgba(51,51,51,.35);color:#fff;font-size:1.1rem;font-weight:500;margin-bottom:20px;padding:15px 0;width:100%}.register .card form .login-btn:disabled{cursor:not-allowed;opacity:.5}.settings *{font-family:Monteserate,sans-serif}.settings{background-color:rgba(0,0,0,.6);height:100%;position:fixed;top:0;width:100%;z-index:40}.settings .settings-close-btn{background-color:transparent;font-size:2rem;position:absolute;right:20px;top:20px;z-index:11}.settings .card{align-items:center;background-color:#f7f7f9;border-end-start-radius:10px;border-end-start-radius:7px;display:flex;flex-direction:column;height:100%;max-width:95vw;overflow:auto;padding-bottom:60px;position:absolute;top:0;transition:all .4s ease-in-out;width:500px}.settings .card .message{color:var(--secondary-color);font-size:1.5rem;text-align:center}.settings .card .title{color:var(--secondary-color);font-size:1.6rem;font-weight:500;margin-bottom:20px;padding:20px 0;text-transform:uppercase}.settings .card .profile-info{align-items:center;background-color:#4a4a4a;border-radius:40px 0 0 40px;color:#fff;display:flex;font-size:1.5rem;gap:20px;margin-bottom:10px;margin-left:70px;padding:22px 22px 22px 32px;width:100%}.settings .card .line-wrapper{align-items:center;color:#696b6d;display:flex;gap:10px;justify-content:space-between;margin:30px;text-transform:capitalize;width:90%}.settings .card .line-wrapper .line{background-color:gray;flex-grow:1;height:1px}.settings .card .line-wrapper span{font-size:1.4rem;text-transform:capitalize}.settings .card .posts{display:flex;flex-direction:column;gap:15px;padding:0 15px;width:100%}.settings .card .logout-btn{align-items:center;background-color:var(--primary-color);border-radius:7px;bottom:0;box-shadow:0 3px 10px 0 rgba(51,51,51,.35);color:#fff;display:flex;font-size:1.3rem;font-weight:500;gap:10px;justify-content:center;max-width:95vw;padding:20px 0;position:fixed;width:500px;z-index:41}.settings .card .logout-btn .icon{font-size:1.8rem}.editForm *{font-family:Monteserate,sans-serif}.editForm{background-color:rgba(0,0,0,.6);height:100%;position:fixed;top:0;width:100%;z-index:40}.editForm .editForm-close-btn{background-color:transparent;font-size:2rem;position:absolute;right:20px;top:10px;z-index:11}.editForm .card{align-items:center;background-color:#f7f7f9;border-end-start-radius:10px;border-end-start-radius:7px;display:flex;flex-direction:column;height:100%;max-width:95vw;overflow:auto;padding:0 40px 60px;position:absolute;top:0;transition:all .4s ease-in-out;width:500px}@media screen and (max-width:662px){.editForm .card{padding:10px 5px}}.editForm .card .title{color:var(--secondary-color);font-size:1.6rem;font-weight:500;padding:20px 0;text-transform:uppercase}.editForm .card .line-wrapper{align-items:center;color:#696b6d;display:flex;gap:10px;justify-content:space-between;margin:30px 0;text-transform:capitalize;width:100%}.editForm .card .line-wrapper .line{background-color:gray;flex-grow:1;height:1px}.editForm .card .line-wrapper span{font-size:1.4rem;text-transform:capitalize}.editForm .card .warning{color:#3d3d3e;margin-bottom:30px;text-align:center}.editForm .card .upload-btn{background-color:#fff;border-radius:7px;box-shadow:0 3px 10px 0 rgba(51,51,51,.35);color:var(--primary-color);cursor:pointer;font-size:1.5rem;font-weight:500;outline:2px solid var(--primary-color);padding:20px 0;text-align:center;text-transform:capitalize;width:100%}.editForm .card .info-input{color:#3d3d3e;display:flex;flex-direction:column;gap:7px;margin-bottom:20px;width:100%}.editForm .card .info-input label{font-size:1.4rem;font-weight:500;text-transform:capitalize}.editForm .card .info-input input,.editForm .card .info-input textarea{border:1px solid gray;border-radius:5px;font-size:1.1rem;padding:15px;width:100%}.editForm .card .info-input input:focus,.editForm .card .info-input textarea:focus{outline:1px solid #000}.editForm .card .info-input textarea{height:200px}.editForm .card .info-input .cards-wrapper{display:flex;flex-wrap:wrap;gap:10px;margin-top:10px}.editForm .card .info-input .cards-wrapper .small-card{align-items:center;border:1px solid #3d3d3e;border-radius:7px;color:#696b6d;cursor:pointer;display:flex;font-size:1.1rem;font-weight:500;gap:10px;padding:15px;text-transform:capitalize}.editForm .card .info-input .cards-wrapper .small-card img{height:20px}.editForm .card .info-input .cards-wrapper .small-card:hover{color:var(--primary-color)}.editForm .card .info-input .cards-wrapper .small-card.clicked{border-color:transparent;color:var(--primary-color);outline:2px solid var(--primary-color)}.editForm .card .edit-btn{background-color:var(--primary-color);border-radius:7px;bottom:0;box-shadow:0 3px 10px 0 rgba(51,51,51,.35);color:#fff;font-size:1.3rem;font-weight:500;max-width:95vw;padding:20px 0;position:fixed;transition:all .4s ease-in-out;width:500px;z-index:41}.imagesInput{align-items:center;display:flex;flex-wrap:wrap;gap:5px;margin-bottom:10px;width:100%}.imagesInput .imgWrapper{border-radius:5px 5px 0 0;height:110px;position:relative;width:130px}.imagesInput .imgWrapper .delete-icon,.imagesInput .imgWrapper .fav-icon{background-color:rgba(0,0,0,.5);color:#fff;cursor:pointer;font-size:1.3rem;position:absolute;top:5px;z-index:2}.imagesInput .imgWrapper .delete-icon:hover,.imagesInput .imgWrapper .fav-icon:hover{color:var(--primary-color)}.imagesInput .imgWrapper .delete-icon{right:5px}.imagesInput .imgWrapper .fav-icon{left:5px}.imagesInput .imgWrapper .fav-icon.favorite{color:var(--primary-color)}.imagesInput .imgWrapper img{border-radius:5px 5px 0 0;height:100%;object-fit:cover;width:100%}.post{background-color:#fff;border-radius:10px;box-shadow:0 3px 10px 0 rgba(51,51,51,.35);display:flex;flex-direction:column;gap:15px;padding:20px;width:100%}.post img{height:250px;object-fit:cover;width:1005}.post .model{color:gray;font-size:1.1rem}.post .name{color:var(--secondary-color);font-size:1.3rem;font-weight:400}.post .buttons{align-items:center;display:flex;gap:10px;justify-content:space-between;width:100%}.post .buttons button{border-radius:7px;color:#fff;font-size:1.1rem;padding:10px;text-align:center;width:50%}.post .buttons button:hover{box-shadow:0 3px 10px 0 rgba(51,51,51,.65);transition:all s .2 ease-in-out}.post .buttons .delete{background-color:var(--secondary-color)}.post .buttons .edit{background-color:var(--primary-color)}.navbar{background-color:var(--bg-color);height:80px;width:100%}.navbar .wrapper{align-items:center;display:flex;height:100%}.navbar .wrapper .left{flex:1 1}.navbar .wrapper .left.show{display:none}.navbar .wrapper .left h1{font-weight:500}.navbar .wrapper .center{display:flex;flex:3 1;justify-content:center;position:relative}.navbar .wrapper .center .search-icon{cursor:pointer;display:none}@media screen and (max-width:768px){.navbar .wrapper .center .search-icon{display:block;font-size:1.8rem}}.navbar .wrapper .center .search{align-items:center;background-color:#fff;border-radius:5px;display:flex;height:40px;position:relative;width:80%}@media screen and (max-width:768px){.navbar .wrapper .center .search{display:none;position:absolute;top:-10px;width:100%}}.navbar .wrapper .center .search.show{display:flex!important}.navbar .wrapper .center .search:hover{border:.5px solid gray}.navbar .wrapper .center .search input{border:none;border-radius:5px;font-size:1rem;height:100%;outline:none;padding:0 15px;width:100%}.navbar .wrapper .center .search button{align-items:center;background-color:transparent;display:flex;font-size:2rem;height:100%;justify-content:center;width:50px}.navbar .wrapper .center .search button.show{-webkit-transform:rotateX(180deg);transform:rotateX(180deg)}.navbar .wrapper .center .search .comp-list{border:.5px solid gray;border-radius:0 0 0 10px;display:flex;flex-direction:column;max-height:500px;max-height:80vh;overflow-y:auto;position:absolute;top:40px;width:100%;z-index:10}.navbar .wrapper .center .search .comp-list .company{align-items:center;background-color:#fff;border-bottom:.5px solid gray;cursor:pointer;display:flex;justify-content:space-between;padding:10px;width:100%}.navbar .wrapper .center .search .comp-list .company img{height:45px;object-fit:cover;width:auto}.navbar .wrapper .center .search .comp-list .company span{font-weight:500}.navbar .wrapper .center .search .comp-list .company:hover{background-color:var(--secondary-color);transition:all .2s ease-in-out}.navbar .wrapper .center .search .comp-list .company:hover span{color:#fff}.navbar .wrapper .right{display:flex;flex:1 1;justify-content:flex-end}.navbar .wrapper .right.show{display:none}.navbar .wrapper .right button{align-items:center;background-color:transparent;border:1px solid var(--primary-color);display:flex;font-size:1.2rem;font-weight:500;gap:10px;padding:12px 3.5rem}.navbar .wrapper .right button:hover{background-color:var(--primary-color);color:#fff;transition:all .2s ease-in-out}@media screen and (max-width:600px){.navbar .wrapper .right button{padding:5px 1.7rem}}.carCard *{font-family:Montserrat,sans-serif}.carCard{background-color:#fff;border:3px solid transparent;border-radius:7px;box-shadow:0 3px 10px 0 rgba(51,51,51,.35);color:var(--secondary-color);display:flex;flex-direction:column;flex-grow:1;height:400px;width:100%}.carCard:hover{border:3px solid var(--primary-color);transition:all .4s ease-in-out}.carCard .thumbnail{min-height:240px;position:relative;width:100%}.carCard .thumbnail:before{background-image:-webkit-linear-gradient(top,hsla(0,0%,100%,0),#fff);bottom:0;content:"";height:10px;left:0;position:absolute;width:100%;z-index:2}.carCard .thumbnail img{border-radius:5px 5px 0 0;height:100%;object-fit:cover;width:100%}.carCard .name{font-size:1.2rem;font-weight:500;height:80px;padding:20px;text-transform:capitalize}.carCard .details,.carCard .name{font-family:Montserrat,sans-serif}.carCard .details{border-left:3px solid var(--primary-color);display:flex;flex-direction:column;margin:0 20px 20px;padding-left:5px}.carCard .details .km{font-family:Montserrat,sans-serif;font-size:.9rem}.carCard .details .price{color:var(--primary-color);font-family:Montserrat,sans-serif;font-size:1.2rem;font-weight:600}.carsList{grid-gap:20px;display:grid;grid-template-columns:repeat(4,1fr);padding-bottom:80px;padding-top:40px;position:relative}@media screen and (max-width:1420px){.carsList{grid-template-columns:repeat(3,1fr)}}@media screen and (max-width:1092px){.carsList{grid-template-columns:repeat(2,1fr)}}@media screen and (max-width:776px){.carsList{grid-template-columns:repeat(1,1fr)}}.no-result{font-size:2.3rem;font-weight:500;max-width:90vw;position:absolute;text-align:center;top:100px;width:100%}.sort-list{background-color:rgba(0,0,0,.6);height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:10}.sort-list,.sort-list .list{align-items:center;display:flex}.sort-list .list{background-color:#fff;border-radius:10px;flex-direction:column;max-width:95vw;width:270px}.sort-list .list span{color:var(--secondary-color);cursor:pointer;font-size:1.1rem;font-weight:400;padding:30px 0;text-align:center;text-transform:capitalize;width:100%}.sort-list .list span:first-child{align-items:center;border-radius:10px 10px 0 0;color:#fff;display:flex;gap:5px;justify-content:center}.sort-list .list span:first-child,.sort-list .list span:first-child:hover{background-color:var(--secondary-color)}.sort-list .list span:hover{background-color:gray;color:#fff;transition:all .2s ease-in-out}.close-btn{background-color:#fff;border-radius:50%;color:#000;font-size:2rem;justify-content:center;left:50%;padding:5px;top:70px;-webkit-transform:translateX(-50%);transform:translateX(-50%);z-index:11}.SortBar,.close-btn{align-items:center;display:flex;position:fixed}.SortBar{background-color:var(--secondary-color);border-top:2px solid var(--primary-color);bottom:0;color:#fff;height:60px;justify-content:space-between;padding:7px 10px;width:100%;z-index:7}.SortBar button{align-items:center;background-color:var(--primary-color);border-radius:5px;color:#fff;display:flex;font-size:1.1rem;font-weight:500;gap:5px;padding:10px 40px;text-transform:capitalize}.SortBar span{left:50%;position:absolute;-webkit-transform:translateX(-50%);transform:translateX(-50%)}@media screen and (max-width:768px){.SortBar span{position:static;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}}.SortBar span strong{font-family:Montserrat,sans-serif}.makesList{grid-gap:20px 8px;display:grid;gap:20px 8px;grid-template-columns:repeat(auto-fit,minmax(96px,104px));justify-content:space-around;padding-bottom:50px;place-items:center}.makesList .brand{align-items:center;display:flex;flex-direction:column;gap:15px;text-align:center}.makesList .brand .name{font-size:1rem;font-weight:500}.makesList .brand img{height:75px;object-fit:cover;width:auto}.footer{align-items:center;background-color:var(--secondary-color);border-top:3px solid var(--primary-color);color:#fff;display:flex;flex-direction:column;width:100%}.footer .wrapper{display:flex;gap:30px;padding:5rem 0}@media screen and (max-width:868px){.footer .wrapper{flex-direction:column;gap:40px}}.footer .wrapper .left{display:flex;flex:1 1;flex-direction:column;gap:20px}.footer .wrapper .left .logo{font-weight:600;padding-bottom:10px}.footer .wrapper .left span{font-size:1rem;line-height:30px}.footer .wrapper .left .links{align-items:center;display:flex;gap:20px}.footer .wrapper .left .links a{font-size:1.8rem}.footer .wrapper .left .links a:hover{color:var(--primary-color);transition:all .3s ease-in-out}.footer .wrapper .center{display:flex;flex:1 1;gap:40px;justify-content:center}@media screen and (max-width:868px){.footer .wrapper .center{justify-content:flex-start}}.footer .wrapper .center .col{display:flex;flex-direction:column;gap:20px}.footer .wrapper .center .col span{font-size:1.4rem;font-weight:600;padding-bottom:20px;text-transform:capitalize}.footer .wrapper .center .col a:hover{text-decoration:underline}.footer .wrapper .footer-right{display:flex;flex:1 1;justify-content:center}@media screen and (max-width:868px){.footer .wrapper .footer-right{justify-content:flex-start}}.footer .wrapper .footer-right .right-wrapper{display:flex;flex-direction:column;gap:20px}.footer .wrapper .footer-right .right-wrapper .top{font-size:1.4rem;font-weight:600;padding-bottom:20px;text-transform:capitalize}.footer .wrapper .footer-right .right-wrapper .col{display:flex;flex-direction:column;gap:10px}.footer .wrapper .footer-right .right-wrapper .col .contact{align-items:center;display:flex;gap:10px}.footer .wrapper .footer-right .right-wrapper .col .contact .icon{font-size:1.7rem}.footer .copyrights{font-family:Montserrat,sans-serif;padding:40px 0}.sell-btn{align-items:center;background:var(--primary-color);border-radius:50%;bottom:-100%;box-shadow:0 1px 11px 3px rgba(0,0,0,.15);color:#fff;display:flex;font-size:19px;height:85px;justify-content:center;position:fixed;right:70px;transition:all .8s ease;width:85px;z-index:5}@media screen and (max-width:768px){.sell-btn{height:70px;right:30px;width:70px}}.sell-btn.show{bottom:80px}.sellForm *{font-family:Monteserate,sans-serif}.sellForm{background-color:rgba(0,0,0,.6);height:100%;position:fixed;top:0;width:100%;z-index:40}.sellForm .sellForm-close-btn{background-color:transparent;font-size:2rem;position:absolute;right:20px;top:20px;z-index:11}.sellForm .card{align-items:center;background-color:#f7f7f9;border-end-start-radius:10px;border-end-start-radius:7px;display:flex;flex-direction:column;height:100%;max-width:95vw;overflow:auto;padding:0 40px 160px;position:absolute;top:0;transition:all .4s ease-in-out;width:500px}@media screen and (max-width:662px){.sellForm .card{padding:10px 5px}}.sellForm .card .title{color:var(--secondary-color);font-size:1.6rem;font-weight:500;padding:20px 0;text-transform:uppercase}.sellForm .card form{width:100%}.sellForm .card .line-wrapper{align-items:center;color:#696b6d;display:flex;gap:10px;justify-content:space-between;margin:30px 0;text-transform:capitalize;width:100%}.sellForm .card .line-wrapper .line{background-color:gray;flex-grow:1;height:1px}.sellForm .card .line-wrapper span{font-size:1.4rem;text-transform:capitalize}.sellForm .card .warning{color:#3d3d3e;margin-bottom:30px;text-align:center}.sellForm .card .upload-btn{background-color:#fff;border-radius:7px;box-shadow:0 3px 10px 0 rgba(51,51,51,.35);color:var(--primary-color);cursor:pointer;font-size:1.5rem;font-weight:500;outline:2px solid var(--primary-color);padding:20px 0;text-align:center;text-transform:capitalize;width:100%}.sellForm .card .info-input{color:#3d3d3e;display:flex;flex-direction:column;gap:7px;margin-bottom:20px;width:100%}.sellForm .card .info-input label{font-size:1.4rem;font-weight:500;text-transform:capitalize}.sellForm .card .info-input input,.sellForm .card .info-input textarea{border:1px solid gray;border-radius:5px;font-size:1.1rem;padding:15px;width:100%}.sellForm .card .info-input input:focus,.sellForm .card .info-input textarea:focus{outline:1px solid #000}.sellForm .card .info-input textarea{height:200px}.sellForm .card .info-input .cards-wrapper{display:flex;flex-wrap:wrap;gap:10px;margin-top:10px}.sellForm .card .info-input .cards-wrapper .small-card{align-items:center;border:1px solid #3d3d3e;border-radius:7px;color:#696b6d;cursor:pointer;display:flex;font-size:1.1rem;font-weight:500;gap:10px;padding:15px;text-transform:capitalize}.sellForm .card .info-input .cards-wrapper .small-card img{height:20px}.sellForm .card .info-input .cards-wrapper .small-card:hover{color:var(--primary-color)}.sellForm .card .info-input .cards-wrapper .small-card.clicked{border-color:transparent;color:var(--primary-color);outline:2px solid var(--primary-color)}.sellForm .card .create-btn{align-items:center;background-color:var(--primary-color);border-radius:7px;bottom:0;box-shadow:0 3px 10px 0 rgba(51,51,51,.35);color:#fff;display:flex;font-size:1.3rem;font-weight:500;justify-content:center;max-width:95vw;padding:20px 0;position:fixed;transition:all .4s ease-in-out;width:500px;z-index:41}.sellForm .card .create-btn:disabled{cursor:not-allowed;opacity:.7}.comp-list{border:.5px solid gray;border-radius:0 0 0 10px;display:flex;flex-direction:column;max-height:400px;overflow-y:auto;position:absolute;top:85px;width:100%;z-index:10}.comp-list .company{align-items:center;background-color:#fff;border-bottom:.5px solid gray;cursor:pointer;display:flex;justify-content:space-between;padding:10px;width:100%}.comp-list .company img{height:45px;object-fit:cover;width:auto}.comp-list .company span{font-weight:500}.comp-list .company:hover{background-color:var(--secondary-color);transition:all .2s ease-in-out}.comp-list .company:hover span{color:#fff}.bodyTypeList{grid-column-gap:10px;grid-row-gap:15px;-webkit-column-gap:10px;column-gap:10px;display:grid;grid-template-columns:repeat(auto-fit,130px);justify-content:space-around;padding-bottom:50px;place-items:center;row-gap:15px}.bodyTypeList .bodyType{align-items:center;display:flex;flex-direction:column;gap:15px;text-align:center}.bodyTypeList .bodyType .name{font-size:1.1rem;font-weight:500;text-transform:uppercase}.bodyTypeList .bodyType img{height:65px;object-fit:cover;width:100%}.car,.search-page{background-color:var(--bg-color);min-height:100vh}.car{width:100%}.car .car-wrapper{display:flex;gap:30px;padding:60px 0}@media screen and (max-width:768px){.car .car-wrapper{flex-direction:column}}@media screen and (max-width:950px){.car .car-wrapper{padding:60px 0}}.car .car-wrapper .left{display:flex;flex:1.6 1;flex-direction:column;gap:50px}.car .car-wrapper .left .img-wrapper{background:#b7bbc0;box-shadow:0 0 37px 4px #b7bbc0;display:flex;flex-wrap:wrap;gap:5px;max-height:100vh}@media screen and (max-width:768px){.car .car-wrapper .left .img-wrapper{min-height:400px}}.car .car-wrapper .left .img-wrapper img{cursor:pointer;flex-grow:1;max-height:500px;object-fit:cover;width:45%}.car .car-wrapper .left .desc-card{background-color:#fff;box-shadow:0 1px 13px 0 rgba(0,0,0,.16);color:#4a4a4a;display:flex;flex-direction:column;gap:15px;padding:40px}@media screen and (max-width:768px){.car .car-wrapper .left .desc-card{padding:20px 10px}}.car .car-wrapper .left .desc-card .model{font-family:Montserrat,sans-serif;font-size:2.6rem;font-weight:600;text-transform:capitalize}@media screen and (max-width:768px){.car .car-wrapper .left .desc-card .model{font-size:2rem}}.car .car-wrapper .left .desc-card .title{font-family:Montserrat,sans-serif;font-size:1.8rem;font-weight:500;text-transform:capitalize}@media screen and (max-width:768px){.car .car-wrapper .left .desc-card .title{font-size:1.4rem}}.car .car-wrapper .left .desc-card .desc{font-family:Montserrat,sans-serif;font-size:1.1rem;line-height:2}.car .car-wrapper .right{align-items:center;display:flex;flex:1 1;flex-direction:column}.car .car-wrapper .right .price{color:var(--primary-color);font-family:Montserrat,sans-serif;font-size:3rem;font-weight:500;margin-bottom:10px}.car .car-wrapper .right .price small{font-size:1.5rem;margin-right:10px}.car .car-wrapper .right .email,.car .car-wrapper .right .phone{align-items:center;border-radius:8px;box-shadow:0 3px 10px 0 rgba(51,51,51,.35);color:#fff;display:flex;font-family:Montserrat,sans-serif;font-size:1.1rem;font-weight:500;gap:7px;justify-content:center;margin-bottom:10px;padding:15px;width:100%}.car .car-wrapper .right .email{background-color:var(--secondary-color)}.car .car-wrapper .right .phone{background-color:var(--primary-color)}.car .car-wrapper .right .details{display:flex;flex-direction:column;gap:13px;margin:40px 0;width:100%}.car .car-wrapper .right .details .row{align-items:center;color:#333;display:flex;font-size:1.3rem;justify-content:space-between;text-transform:capitalize}.car .car-wrapper .right .details .row span{font-family:Montserrat,sans-serif}.car .car-wrapper .right .details .row span:nth-child(2){font-weight:500}.car .car-wrapper .right .options{display:flex;flex-wrap:wrap;gap:10px;width:100%}.car .car-wrapper .right .options .card{border:1px solid #7b7c7d;border-radius:5px;color:#333;flex-grow:1;font-size:1.2rem;font-weight:500;padding:9px 20px;text-align:center}.car::-webkit-scrollbar{display:none}.imagesSlider{align-items:center;background-color:rgba(0,0,0,.9);display:flex;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100vw;z-index:99}.imagesSlider .closeBtn{font-size:3rem;right:40px;top:40px}.imagesSlider .arrow,.imagesSlider .closeBtn{background-color:transparent;color:#fff;position:absolute}.imagesSlider .arrow{font-size:6.5rem;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.imagesSlider .arrow.left{left:50px}@media screen and (max-width:1000px){.imagesSlider .arrow.left{left:0}}.imagesSlider .arrow.right{right:50px}@media screen and (max-width:1000px){.imagesSlider .arrow.right{right:0}}.imagesSlider img{height:80vh;object-fit:contain;width:80vw}@media screen and (max-width:1000px){.imagesSlider img{width:100vw}}
/*# sourceMappingURL=main.f50d4b61.css.map*/