*{padding:0;margin:0;box-sizing:border-box;color:#000}body{height:100vh;width:100vw;font-family:Poppins,sans-serif;overflow-x:hidden}.app{width:100%;height:100%;position:relative}#root{overflow-x:hidden;height:100%;width:100%}html{overflow-x:hidden}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInLeft{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes fadeInRight{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@keyframes shimmer{0%{background-position:-200px 0}to{background-position:calc(200px + 100%) 0}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}@keyframes slideInFromBottom{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.animate-fade-in{animation:fadeIn .6s ease-out}.animate-fade-in-up{animation:fadeInUp .8s ease-out}.animate-fade-in-left{animation:fadeInLeft .6s ease-out}.animate-fade-in-right{animation:fadeInRight .6s ease-out}.animate-slide-in-bottom{animation:slideInFromBottom .8s ease-out}.animate-scale-in{animation:scaleIn .5s ease-out}html{scroll-behavior:smooth}button,.clickable,a{transition:all .2s cubic-bezier(.4,0,.2,1)}.skeleton{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200px 100%;animation:shimmer 1.5s infinite;border-radius:4px}.navbar2{width:100%;height:11%;display:flex;align-items:center;justify-content:space-between;padding-inline:4rem;background-color:#fff;z-index:10000;box-shadow:0 1px 3px #d3d3d3}.navbar2 .links{text-decoration:none}.links.active{color:#00365d}.links.active:after{content:"";position:absolute;left:0;bottom:0;width:100%;height:2px;background-color:#00365d;border-radius:2px}.navbar2 .nav-links ul li{color:#000;font-weight:100;font-size:1rem;cursor:pointer;position:relative;transition:all .3s cubic-bezier(.2,.5,.1,1);padding:.5rem 0}.nav-links ul li:hover{color:#00365d;transform:translateY(-1px);font-weight:300}.nav-links ul li:after{content:"";position:absolute;bottom:0;left:0;width:0;height:2px;background:linear-gradient(90deg,#00365d,#00365d);transition:width .4s cubic-bezier(.4,0,.2,1);border-radius:1px}.post-btn button{padding:.7rem 1.3rem;border-radius:7px;border:0;background-color:#00365d;color:#fff;font:bolder;cursor:pointer;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);overflow:hidden}.post-btn button:hover{background-color:#004d7a;transform:translateY(-1px);box-shadow:0 4px 15px #00365d33}.dropdown{position:relative}.dropdown-content{display:none;position:absolute;left:-195px;top:35px;background-color:#fff;box-shadow:0 4px 8px #00000026;border-radius:8px;padding:10px 20px;white-space:nowrap;z-index:10;flex-direction:row;gap:20px;padding:1rem 2rem}.dropdown-content a{text-decoration:none;color:#000;font-weight:500}.dropdown-content a:hover{color:#00365d}.dropdown:hover .dropdown-content{display:flex}.logo-skeleton{width:100%;height:100%;border-radius:4px}.navbar2{transition:all .3s ease}.navbar2:hover{box-shadow:0 2px 10px #0000000d}.dropdown-content{transition:all .3s cubic-bezier(.4,0,.2,1);transform:translateY(-5px);opacity:0}.dropdown:hover .dropdown-content{transform:translateY(0);opacity:1}.dropdown-content a{transition:all .2s ease;padding:.5rem 1rem;border-radius:4px}.dropdown-content a:hover{background-color:#00365d0d;transform:translate(3px)}.footer{display:flex;flex-flow:column;background-color:#f3f8fc;padding:2rem 7em;position:relative;animation:fadeInUp .8s ease-out;margin-top:2rem}.footer-content{height:45%;width:100%;display:flex;gap:5rem}.footer-abt{height:100%;width:30%;display:flex;flex-flow:column;gap:0}.footer-abt .abt-img{width:40%;height:20%;align-self:center}.abt-img img{height:100%;width:100%;object-fit:cover}.abt-content{text-align:left;line-height:1.5rem;padding:1.5rem}.footer-links{display:flex;flex-flow:column;gap:3rem;margin-top:2rem;width:15%}.footer-links ul{list-style:none;display:flex;flex-flow:column;gap:1rem}.footer-contact{margin-top:2rem;display:flex;flex-flow:column;gap:3rem}.footer-contact ul{list-style:none;display:flex;flex-flow:column;gap:1rem}.footer-contact span{display:flex;gap:1rem}.social-icons{font-size:25px;font-weight:lighter}.footer-support{display:flex;flex-flow:column;gap:2rem;align-items:center;margin-top:2rem}.footer-support .support-content{display:flex;flex-flow:column;gap:1rem}.support-content button{border:0;padding:.7rem 1.3rem;border-radius:5px;color:#fff;background-color:#00365d;transition:all .2s cubic-bezier(.4,0,.2,1);cursor:pointer}.support-content button:hover{background-color:#004d7a;transform:translateY(-2px);box-shadow:0 6px 20px #00365d4d}.support-content button:active{transform:translateY(0);transition:transform .1s ease}.footer-copyright{display:flex;flex-flow:column;gap:1rem;text-align:center;color:gray;font-size:.9rem}hr{background-color:#d3d3d3;color:#d3d3d3}.footer-copyright span{display:inline}.hero{width:100%;height:89vh;border:1px solid black}.hero-img{position:absolute;top:0;left:0;width:100%;height:100%;z-index:-1000}.hero-img img{width:100%;height:100%;object-fit:cover}.hero-content{background-color:#0009;width:100%;height:100%;padding:7rem 8rem;display:flex;flex-flow:column;justify-content:center;gap:2rem}.hero-title h1{color:#fff;width:60%;line-height:4.4rem;font-size:3.5rem}.hero-search{display:flex;flex-flow:column;gap:1rem;background-color:#f5f5f559;width:40%;border-radius:10px;padding-inline:1rem;padding-top:1rem;justify-content:center}.hero-search form{display:flex;flex-flow:column;gap:1rem}.hero-search .select-input{display:flex;gap:1rem;width:100%}.select-input select{padding:.5rem 1.35rem;border-radius:3px;border:0;background-color:#f5f5f5;outline:0;color:#4d4d4d}.search-input{background-color:#f5f5f5;display:flex;width:100%;border-radius:7px;gap:1rem;padding-block:.3rem;border:1px gray}.search-input input{z-index:10000000;border:0;border-radius:7px;border:1px solid black;border-color:transparent;outline:1px gray;border:1px gray;width:100%;background-color:#f5f5f5}.search-input input:focus{border:0;border-color:transparent}.search-input input::placeholder{color:gray;font-size:.9rem}.text-white{fill:gray;z-index:0;margin-block:.4rem;margin-left:.4rem;width:fit-content}.hero-search .submit{align-self:start;padding:.5rem 1.3rem;width:100%;border:0;border-radius:3px;background-color:#00365d;color:#fff;font-weight:500;word-spacing:1rem}.best-selling{width:100%;padding:2rem 6rem;display:flex;flex-flow:column;gap:2rem;margin-top:2rem}.best-selling h1{font-size:1.9rem}.best-selling-container{width:100%;display:flex;flex-flow:row wrap;gap:3rem;padding-left:3rem}.best-selling-container .best-selling-card{width:19%;height:270px;border-radius:5px;box-shadow:-1px 1px 6px #d3d3d3}.compare{background-color:#fff;width:100%;height:45%;padding:3rem 7rem;display:flex;gap:0rem;align-items:center;margin-bottom:3rem;animation:fadeInUp .8s ease-out}.compare-content{width:50%;height:100%;display:flex;padding-left:2rem;flex-flow:column;gap:1rem;justify-content:center}.compare-content p{font-weight:lighter;width:90%;word-spacing:.5rem;color:#454545;font-size:.9rem;line-height:1.3rem}.compare-content button{align-self:start;padding:.7rem 1.3rem;border-radius:5px;border:0;background-color:#00365d;color:#fff;transition:all .2s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;cursor:pointer}.compare-content button:hover{background-color:#004d7a;transform:translateY(-2px);box-shadow:0 6px 20px #00365d4d}.compare-content button:active{transform:translateY(0);transition:transform .1s ease}.compare-content h1{font-weight:500}.compare-img{width:50%;height:100%;display:flex;justify-content:center;align-items:center;border-radius:10px}.compare-img img{width:90%;height:90%;object-fit:cover;border-radius:10px;transition:transform .4s ease}.compare:hover .compare-img img{transform:scale(1.02)}.home-page{width:100%;height:auto}.navbar{width:100%;height:12%;display:flex;align-items:center;justify-content:space-between;padding-inline:4rem;position:absolute;top:0;left:0;background-color:transparent;z-index:10000000}.navbar .links{color:#fff;text-decoration:none}.brand-logo{height:100%;width:10%}.brand-logo img{width:100%;height:100%;object-fit:cover}.nav-links ul{list-style:none;display:flex;gap:2rem}.nav-links ul li{color:#fff;font-weight:100;font-size:1rem;cursor:pointer;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);padding:.5rem 0}.nav-links ul li:hover:after{width:100%}.nav-links ul li:active{transform:translateY(0);transition:transform .1s ease}.post-btn button{padding:.7rem 1.3rem;border-radius:7px;border:0;background-color:#0a2342;color:#fff;font:bolder;cursor:pointer;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);overflow:hidden}.post-btn button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .6s cubic-bezier(.4,0,.2,1)}.post-btn button:hover{background-color:#00365d;transform:translateY(-2px);box-shadow:0 8px 25px #0085754d}.post-btn button:hover:before{left:100%}.post-btn button:active{transform:translateY(0);transition:transform .1s ease;box-shadow:0 4px 15px #00857533}.premium-listings{width:100%;height:auto;padding:2rem 6rem;margin-top:3rem}.premium-listing-card{width:19%;height:270px;border-radius:5px;box-shadow:-1px 1px 6px #d3d3d3;transition:all .3s cubic-bezier(.4,0,.2,1);cursor:pointer;overflow:hidden;animation:fadeInUp .6s ease-out;position:relative}.premium-listing-card:hover{transform:translateY(-3px);box-shadow:0 8px 25px #0000001f;background-color:#fafafa}.premium-listing-container{display:flex;gap:1.5rem;overflow-x:auto;padding:1rem 0;position:relative;margin-top:3rem;margin-bottom:3rem}.premium-listing-container>button{align-self:center;padding:.7rem 1.4rem;width:50px;height:50px;border-radius:50%;border:0;display:flex;justify-content:center;align-items:center}.card-image img{width:100%;height:100%;object-fit:cover;border-radius:10px 10px 0 0;transition:transform .4s ease}.premium-listing-card:hover .card-image img{transform:scale(1.03)}.card-content{padding:1rem;display:flex;flex-flow:column;gap:.3rem;color:#1a1a1a}.car-price p{color:#2b506b;font-weight:700;font-size:.9rem}.card-content button{padding:.4rem 1.2rem;background-color:#00365d;color:#fff;border-radius:4px;width:100%;border:0;margin-top:.5rem;transition:all .2s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.card-content button:hover{background-color:#004d7a;transform:translateY(-1px);box-shadow:0 4px 12px #00365d4d}.card-content button:active{transform:translateY(0);transition:transform .1s ease}.search{width:100%;height:5rem;display:flex;align-items:center;justify-content:center;margin-top:1rem}.search .search-component{display:flex;align-items:center;gap:1rem;border:1px solid rgb(238,238,238);border-radius:15px;width:40rem;padding:1rem;box-shadow:5px 5px 15px #cacaca;background-color:#fdfbfb;background-color:#f4f5f6;position:relative}.search-component input{border:0;outline:0;width:100%;background-color:#f4f5f6;border-radius:0 15px 15px 0}.search-component input::placeholder{color:gray}.search-component .search-icon{fill:#4e4e4e}.filter-content{position:absolute;width:150%;border:1px solid #b3b5b6;height:400%;right:-20%;bottom:-420%;background-color:#fff;border-radius:8px;padding:1rem 2rem;display:flex;flex-flow:wrap row;gap:1.5rem;box-shadow:1px 1px 5px #d3d3d3;z-index:200000}.filter-content .filter-category{width:30%;height:35%;display:flex;flex-flow:column;gap:.1rem}.filter-category .filter-title{font-size:.8rem;font-weight:600;color:#212121}.filter-category .filter{padding:.5rem 1rem;border-radius:6px;width:90%;outline:0;border:1px solid #b6d1e5}.filter-open{display:flex}.filter-close{display:none}.search-component span{cursor:pointer}.show{display:block}.dont-show{display:none}.open-search{display:flex}.close-search{display:none}.car-type{width:100%;height:10rem;display:flex;gap:2rem;padding:.2rem 5rem;margin-top:1rem}.car-type .cartype-card{width:20%;height:90%;position:relative;display:flex;flex-flow:column;align-items:center;justify-content:center;gap:1rem}.cartype-card:last-child,.cartype-card:nth-child(3){margin-top:.5rem}.cartype-card .overlay{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1000;content:"";background-color:#0000}.cartype-card .overlay:hover{background-color:#0000000d}.cartype-card img{width:100%;height:70%;object-fit:cover}.cartype-card .compact{object-position:1px -82px}.cartype-card h2{font-weight:lighter;color:#2d2c2c;font-size:1.3rem}.price-filter .filter-container{width:40%;height:90%;border:1px solid rgb(195,195,195);display:flex;flex-flow:column;border-radius:8px;background-color:#f4faff}.filter-container .values{display:flex;align-items:center;justify-content:space-between;padding:.5rem 1rem;width:100%}.values .minimum,.maximum{display:flex;align-items:center}.minimum h2,span,.maximum h2{font-weight:400;font-size:1rem}.filter-container .inputs{display:flex;flex-flow:column;align-items:center;justify-content:center;width:100%;height:100%;padding:.5rem 1rem;gap:1rem}.inputs .slider{width:100%}.slider::-webkit-slider-thumb{position:relative;top:-200%}.slider::-webkit-slider-runnable-track{height:3px;position:relative;bottom:50%}.inputs .num-inputs{width:100%;display:flex;gap:1rem}.num-inputs input{padding:.3rem .8rem;width:50%;border-radius:6px;border:1px solid rgb(161,161,161);outline:0}.price-filter{width:100%;height:8rem;display:flex;align-items:center;justify-content:center;margin-block:.5rem}.price-filter .filter-container{width:40%;height:90%;border:1px solid rgb(237,236,236);display:flex;flex-flow:column;border-radius:8px;background-color:#f4faff;padding-top:1rem;box-shadow:1px 1px 5px #d3d3d3}.filter-container .range{display:flex;gap:1rem;padding:.4rem 8rem;align-items:center}.radio-range .radio{display:flex;gap:.5rem}.radio-range label{font-size:.88rem}.range input{padding:.5rem;width:50%;border-radius:8px;border:1px solid rgb(179,179,179);outline:0}.filter-container .radio-range{display:flex;align-items:center;width:100%;height:100%;justify-content:center;gap:2rem}.cars-page{width:100%;height:auto}.car-listings{width:100%}.cars-header{width:100%;height:25%;display:flex;background-color:#f3f8fc;border-radius:10px;border:0;margin-top:3rem}.header-content{width:70%;height:100%;padding:4rem;display:flex;flex-flow:column;gap:.7rem;justify-content:center}.header-content h1{font-size:2.3rem}.header-content p{font-size:1.1rem;word-spacing:.2rem;color:#3d3c3c}.header-img{width:40%;height:100%;display:flex;justify-content:center;align-items:center;padding:1rem}.header-img img{width:70%;height:100%;object-fit:cover;border-radius:10px;margin-right:2rem}.car-listing{width:100%;height:auto;display:flex;flex-flow:column;gap:2rem;margin-top:1.5rem;border-radius:10px;margin-bottom:2rem}.result-filter{width:100%;display:flex;align-items:center;justify-content:space-between;padding:1rem 2rem}.result-filter p{font-size:.8rem;color:#474646}.result-filter select{padding:.5rem 1rem;border-radius:6px}.result-container{width:100%;height:auto;display:flex;gap:3rem;padding:1rem .8rem;flex-flow:wrap row}.car-card{width:20%;height:270px;background-color:#f5f5f5;border-radius:7px;transition:all .3s cubic-bezier(.4,0,.2,1);cursor:pointer;overflow:hidden;animation:fadeInUp .6s ease-out;position:relative}.car-card:hover{transform:translateY(-3px);box-shadow:0 8px 25px #0000001f;background-color:#fafafa}.car-img{width:100%;height:50%;border-radius:7px}.car-img img{width:100%;height:100%;object-fit:cover;border-radius:7px;transition:transform .4s ease}.car-card:hover .car-img img{transform:scale(1.03)}.car-content{padding:1rem;display:flex;flex-flow:column;gap:.3rem;color:#1a1a1a;width:100%}.car-content h3{font-weight:590}.model p{font-size:.71rem;color:gray;margin-left:.2rem}.car-price p{color:#2c4557;font-weight:700;font-size:.9rem}.button-container{display:flex;gap:1rem}.button-container .view-detail{padding:.4rem 1.2rem;background-color:#00365d;color:#fff;border-radius:4px;width:100%;height:fit-content;border:0;margin-top:.5rem;transition:all .2s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.button-container .view-detail:hover{background-color:#004d7a;transform:translateY(-1px);box-shadow:0 4px 12px #00365d4d}.button-container .view-detail:active{transform:translateY(0);transition:transform .1s ease}.button-container .compare{padding:.4rem 1.2rem;background-color:#fff;color:#000;border-radius:4px;width:100%;border:1px solid #ddd;margin-top:.5rem;transition:all .2s cubic-bezier(.4,0,.2,1)}.button-container .compare:hover{background-color:#f8f9fa;border-color:#00365d;color:#00365d;transform:translateY(-1px);box-shadow:0 2px 8px #0000001a}.button-container .compare:active{transform:translateY(0);transition:transform .1s ease}.result-nav{width:100%;height:auto;display:flex;align-items:center;justify-content:center;gap:.5rem}.result-nav button{padding:.2rem .8rem;border:0;border-radius:3px;color:#000;background-color:#fff}.result-nav button:nth-child(2){margin-left:1rem;border:.5px solid;background-color:#f5f5f5}.result-nav button:nth-child(4){margin-right:1rem}.sellerfilter{width:100%;height:8rem;display:flex;flex-flow:column;gap:2rem;align-items:center;justify-content:center;margin-top:2rem}.filter-buttons{display:flex;gap:1rem;justify-content:center}.filter-buttons button *{padding:.7rem 1.6rem;border-radius:9px;border:0;text-decoration:none;color:#383838}.filter-buttons .active *{background-color:#00365d;color:#fff!important}.open-filter{display:flex}.close-filter,.true{display:none}.listings{width:100%;padding:2rem 3rem;display:flex;flex-flow:column;gap:1rem}.listings h1{font-size:1.9rem}.listings-container{width:100%;display:flex;flex-flow:row wrap;gap:1.5rem;padding-left:3rem}.listings-card *:first-child{text-decoration:none}.listings-container .listings-card{width:22%;height:290x;border-radius:5px;box-shadow:-1px 1px 6px #d3d3d3}.card-image{width:100%;height:50%;border-radius:10px 10px 0 0}.card-image img{width:100%;height:100%;object-fit:cover;border-radius:10px 10px 0 0}.listings-container .card-content{padding:1rem;display:flex;flex-flow:column;gap:.3rem;color:#1a1a1a;position:relative}.card-content h3{font-weight:590}.card-content .phone{font-size:.9rem;margin-left:.2rem}.card-content .seller-type{background-color:#00365d;width:fit-content;color:#fff;border-radius:15px;padding:.2rem 1rem;border:1px solid black;font-size:.9rem;margin-top:.5rem}.card-content .post-hour{position:absolute;bottom:1rem;right:1rem;align-self:end;color:gray;font-size:.7rem}.model{display:flex;align-items:center}.listings-card .model p{font-size:.9rem;color:#434242}.listings-container .car-price{background-color:#f3f8fc;height:15%;display:flex;align-items:center;padding-left:1rem}.listings-container .car-price p{color:#274a62;font-weight:700;font-size:1rem}.card-content button{padding:.4rem 1.2rem;background-color:#00365d;color:#fff;border-radius:4px;width:100%;border:0;margin-top:.5rem}.car-detail{width:100%;height:fit-content;display:flex;flex-flow:column;margin-bottom:3rem;position:relative}.car-detail .img-seller-container{width:100%;height:40rem;display:flex}.img-seller-container .car-image{width:67%;height:100%;display:flex;flex-flow:column;padding:1.5rem 4.5rem;gap:1rem}.car-image .main-image{width:100%;height:80%;border-radius:8px}.main-image img{width:100%;height:100%;object-fit:cover;border-radius:8px}.car-image .light-boxs{width:100%;height:100%;display:flex;border-radius:8px;gap:1rem}.light-boxs .light-box{height:100%;width:20%;border-radius:8px;outline:2px solid #00365d}.light-box img{width:100%;height:100%;object-fit:cover;border-radius:8px}.img-seller-container .seller-detail{width:33%;height:100%;display:flex;align-items:center;padding-top:1rem;padding-bottom:1rem}.seller-detail .seller-content{width:85%;height:70%;background-color:#f3f8fc;border-radius:8px;padding:1rem 2rem;display:flex;flex-flow:column;gap:.5rem}.seller-content h1{color:#00365d}.seller-content .price{font-size:1.2rem;margin-left:.5rem}.seller-content .phone-num{width:100%;padding:.5rem;border-radius:5px;color:#000;background-color:#f1efef;font-size:1.2brem;display:flex;justify-content:space-between;margin-top:1rem}.phone-num>span{display:flex;gap:1rem}.seller-content .contact{display:flex;gap:1rem;margin-top:.5rem;align-items:center}.contact p:first-child{padding:.5rem 1rem;background-color:#3b82f6;border-radius:6px;color:#fff}.contact p:last-child{padding:.5rem 1rem;background-color:#22c55e;border-radius:6px;color:#fff;display:flex;align-items:center;gap:.5rem}.tg-icon,.whatsup-icon{fill:#fff}.seller-content .seller-type{padding:.2rem .7rem;background-color:#00365d;border-radius:5px;color:#fff;font-size:1rem;align-self:end;font-size:.8rem}.compare-section{width:100%;display:flex;flex-flow:column;border:1px solid rgb(183,181,181);margin-top:2rem;gap:1rem;border-radius:7px;padding-block:1rem;background-color:#fff}.compare-section p{text-align:center;font-size:.9rem}.compare-section *:last-child{width:fit-content;align-self:center}.compare-section button{align-self:center;padding:.5rem 1rem;border-radius:7px;border:0;background-color:#00365d;color:#fff;width:fit-content;width:30%}.advertisement{width:65%;height:25vh;border:1px solid rgb(195,195,195);margin-top:1rem;border-radius:9px}.advertisement .description{width:100%;height:15%;display:flex;justify-content:space-between;padding:.5rem 2rem}.description p{color:#838282;font-size:.8rem}.advertisement .ad-img{width:100%;height:85%}.ad-img img{width:100%;height:100%;object-fit:contain}.car-content{width:72%;height:70vh;margin-top:2rem;padding:1.5rem 4.5rem;display:flex;flex-flow:column;gap:2rem}.car-content h1{color:#00365d}.car-content .car-content-container{width:85%;height:90%;border-radius:8px;background-color:#f3f8fc;padding:1rem 4rem;display:flex;flex-flow:wrap row;flex-direction:row;justify-content:space-between;gap:2rem 5rem;margin-left:3rem}.car-content-container .specification{display:flex;gap:1rem;align-items:center;width:30%;height:fit-content}.specification .data{display:flex;flex-flow:column;gap:.2rem;align-items:center}.data h2{font-size:1rem;font-weight:500;color:#4b5b67;text-align:left;margin-right:.5rem}.data p{font-size:1.2rem}.detail-icons{fill:#00365d}.open-detail{display:block}.close-detail{display:none}.car-detail>button *{color:#fff;text-decoration:none}.car-detail>button{width:50px;height:50px;border-radius:50%;background-color:#00365d;color:#fff;font-weight:bolder;position:absolute;top:1rem;left:1rem;border:0}.seller-page{width:100%;height:auto}.seller-header{width:100%;height:60%;display:flex;background-color:#f3f8fc;padding-left:9rem;margin-top:1rem}.header-content2{width:50%;height:100%;display:flex;flex-flow:column;gap:1.8rem;padding:2rem;justify-content:center}.header-content2 h1{font-size:2.9rem;font-weight:800;color:#313131;width:73%;line-height:3.4rem}.header-content2 p{line-height:1.6rem;color:#323131;width:80%;word-spacing:.5rem}.header-content2 button{align-self:start;padding:.7rem 1.3rem;background-color:#00365d;color:#fff;border:0;border-radius:7px}.header-img2 img{width:73%;height:80%;object-fit:cover;border-radius:10px;margin-right:13rem}.seller-listing{width:100%;min-height:auto;padding:1rem 3rem}.dealerships{width:100%;height:auto;border-radius:8px;display:flex;flex-flow:column;gap:3rem;padding:1rem;margin-bottom:2rem}.dealership-listings{width:100%;height:auto;padding-left:1rem;display:flex;flex-flow:row wrap;gap:2rem}.seller-card{height:100px;display:flex;width:30%;align-items:center;gap:.9rem;padding:.5rem;border-radius:9px;box-shadow:-1px 1px 5px #b9b9b9}.brokers{width:100%;height:auto;display:flex;flex-flow:column;gap:3rem;padding:1rem 3rem;margin-bottom:1rem;border-radius:8px;margin-bottom:2rem}.private-sellers{border-radius:8px;width:100%;height:auto;display:flex;flex-flow:column;gap:3rem;padding:1rem 3rem;margin-bottom:1rem}.private-listings{width:100%;height:auto;padding-left:1rem;display:flex;flex-flow:row wrap;gap:2rem}.seller-image{width:80px;height:80px;border-radius:50%}.seller-image img{width:100%;height:100%;border-radius:50%;object-fit:cover}.seller-detail{width:50%;display:flex;flex-flow:column;gap:.3rem}.seller-detail .name{font-size:1.5rem;font-weight:600;color:#3b3a3a;width:100%}.seller-detail .phone{font-size:.9rem;color:#515050;margin-left:.5rem}.brokers-listings{width:100%;height:auto;padding-left:1rem;display:flex;flex-flow:row wrap;gap:2rem}.seller-listing button{align-self:center;padding:.7rem 1.3rem;border-radius:7px;border:0;background-color:#008575;color:#fff}.seller-filter{width:100%;height:8rem;display:flex;flex-flow:column;gap:2rem;align-items:center;justify-content:center;margin-top:3rem}.filter-buttons{display:flex;gap:1rem}.filter-buttons button{padding:.7rem 1.6rem;border-radius:9px;border:0}.filter-buttons .active{background-color:#00365d;color:#fff}.sell-page{width:100%;height:auto}.sell-header{width:100%;height:60%;display:flex;background-color:#f3f8fc;padding-left:9rem;margin-bottom:5rem}.header-content3{width:50%;height:60vh;display:flex;flex-flow:column;gap:1.8rem;padding:2rem;justify-content:center}.header-content3 h1{font-size:2.9rem;font-weight:800;color:#313131;width:78%;line-height:3.4rem}.header-content3 p{line-height:1.6rem;color:#323131;width:89%;word-spacing:.5rem}.header-content3 button{width:80%;padding:.7rem 1.3rem;background-color:#00365d;color:#fff;border:0;border-radius:7px}.header-img2{width:50%;height:100%;display:flex;justify-content:center;align-items:center;padding:1rem 2rem}.header-img2 img{width:73%;height:80%;object-fit:cover;border-radius:10px;margin-right:13rem;margin-top:3.8rem}.sell-description{width:100%;height:75rem;padding:2rem 5rem;margin-top:2rem}.sell-description>h1{text-align:center;font-size:2.4rem}.sell-description .step1{display:flex;margin-top:5rem;align-items:center;margin-left:2rem;width:100%;height:27%;background-color:#f3f8fc;border-radius:9px}.step1 .step1-description{width:60%;height:100%;display:flex;flex-flow:column;gap:1rem;justify-content:center;padding:1rem 4rem 1rem 5rem}.step1-description h2{font-size:2.25rem;color:#1c1c1c;margin-left:3rem}.step1-description p{color:#333232;font-size:1rem;line-height:1.4rem;margin-left:3rem}.step1 .step1-img{width:40%;height:100%;display:flex;align-items:center}.step1-img img{width:65%;height:70%}.sell-description .step2{display:flex;margin-top:3rem;align-items:center;margin-left:2rem;width:100%;height:27%;background-color:#f3f8fc;border-radius:9px}.step2 .step2-description{width:60%;height:100%;display:flex;flex-flow:column;gap:1rem;margin-top:4rem;padding:1rem 4rem 1rem 1rem}.step2-description h2{font-size:2.25rem;color:#1c1c1c;margin-right:3rem}.step2-description p{color:#333232;font-size:1rem;line-height:1.5rem;margin-right:3rem}.step2 .step2-img{width:40%;height:100%;display:flex;align-items:center;margin-left:5rem;justify-content:center}.step2-img img{width:69%;height:70%}.sell-description .step3{display:flex;margin-top:3rem;align-items:center;margin-left:2rem;width:100%;height:27%;background-color:#f3f8fc;border-radius:9px}.step3 .step3-description{width:60%;height:100%;display:flex;flex-flow:column;gap:1rem;justify-content:center;padding:1rem 4rem 1rem 5rem}.step3-description h2{font-size:2.25rem;color:#1c1c1c;margin-left:3rem}.step3-description p{color:#333232;font-size:1rem;line-height:1.4rem;margin-left:3rem}.step3 .step3-img{width:40%;height:100%;display:flex;align-items:center;border-radius:8px}.step3-img img{border-radius:8px;width:65%;height:70%}.sell-cta{width:100vw;height:60vh;border:1px solid;position:relative;margin-top:6rem;margin-left:.4rem}.sell-cta .bg-img{width:100%;height:100%;position:absolute;top:0;left:0}.bg-img img{width:100%;height:100%;object-fit:cover;filter:brightness(80%);filter:saturate(90%)}.bg-img:after{width:100%;height:100%;position:absolute;top:0;left:0;background-color:#000000b3;content:""}.sell-cta-content{width:100%;height:100%;position:absolute;top:0;left:0;z-index:10000;display:flex;flex-flow:column;align-items:center;justify-content:center;gap:2rem}.sell-cta-content *{color:#fff}.sell-cta-content h1{font-size:3rem}.sell-cta-content p{font-size:1.2rem;color:#d3d3d3;width:39%;text-align:center;word-spacing:.4rem}.sell-cta-content button{padding:.7rem 2rem;background-color:#094c7b;border:0;border-radius:8px}.compare-page{width:100%;height:auto;display:flex;flex-flow:wrap row;gap:3rem}.compare-page .compare-card{display:flex;gap:1rem;width:30%;height:20rem;border-radius:5px}.compare-card button{width:100%;height:100%;font-size:2rem;color:#00365d;background-color:#f3f8fc;border:0;outline:0;border-radius:5px;box-shadow:-1px 1px 5px #d3d3d3}.comparison{width:100%;height:90vh;position:relative;padding:1rem 7rem;display:flex;gap:5rem;align-items:center}.back{position:absolute;top:10px;left:20px;width:50px;height:50px;border-radius:50%;border:0;background-color:#00365d;color:#fff}.comparison .main-car{width:30%;height:85%;border:1px solid rgb(237,237,237);border-radius:7px;display:flex;flex-flow:column;box-shadow:1px 1px 5px #d3d3d3;margin-top:1rem;margin-left:4rem}.main-car .main-car-img{width:100%;height:35%;border-top-right-radius:7px;border-top-left-radius:7px}.main-car-img img{width:100%;height:100%;object-fit:cover;border-top-right-radius:7px;border-top-left-radius:7px}.main-car-specs{width:100%;height:65%;border-bottom-left-radius:7px;border-bottom-right-radius:7px}.main-car-specs .car-header{width:100%;height:28%;display:flex;flex-flow:column;gap:1rem;padding:.5rem 1rem}.car-header .title{width:100%;height:20%;font-size:1.3rem;display:flex;align-items:center;color:#3c3c3c}.compare-price{color:#00365d;font-size:1.1rem;width:100%;font-weight:700;background-color:#f3f8fc;padding:.9rem}.car-header .year-mileage{width:100%;display:flex}.year-mileage .year,.mileage{width:100%;display:flex;flex-flow:column;gap:.4rem}.year h1,.mileage h1{font-size:1.2rem;font-weight:500;color:#575757}.year p{margin-left:.3rem;font-weight:700;font-size:1.1rem}.mileage p{font-size:1.1rem;font-weight:700}.main-car-specs hr{background-color:#d3d3d3;width:90%;justify-self:center;color:#d3d3d3;margin-top:1rem}.main-car-specs .spec-detail{width:100%;height:60%;display:flex;flex-flow:column;margin-top:1rem;gap:1.5rem}.spec-detail .spec{display:flex;justify-content:space-between;padding-inline:1rem}.spec p:first-child{color:#494949;font-size:.9rem}.comparison-car{width:50%;height:50%;border:2px dashed #a9d6fa;display:flex;flex-flow:column;justify-content:center;align-items:center;gap:1rem;background-color:#f3f8fc;border-radius:7px;box-shadow:1px 1px 2px #d3d3d3}.comparison-car button:first-child{align-self:center;width:70px;height:70px;border-radius:50%;border:0;background-color:#a9d6fa;color:#00365d;font-size:3rem;font-weight:lighter;font-weight:100}.comparison-car h1{font-weight:500}.comparison-car p{font-weight:lighter}.comparison-car button:last-child{padding:.5rem 1rem;background-color:#00365d;color:#fff;border-radius:7px;border:0}.similar-cars{width:100%;height:80%}.similar-cars h1{margin-left:3rem;color:#00365d}