@import"https://fonts.googleapis.com/css2?family=Barlow+Condensed&family=Blinker:wght@300;400;600;700&family=Lato:wght@900&family=Nunito:wght@200&family=Quicksand:wght@300&family=Roboto+Mono&family=Roboto:wght@700;900&family=Rubik:wght@300&family=Ubuntu&display=swap";.MainApp{display:flex;justify-content:center;width:100%}.App{position:relative;width:1300px}.header{width:100%;height:70px}.header>nav{display:flex;width:100%;height:100%;align-items:center;justify-content:space-between}nav .firstnav{width:180px;height:100%;color:#000;display:flex;align-items:center;justify-content:center}.firstnav>img{width:50%;object-fit:contain}.firstnav>p{font-size:24px;font-weight:bolder}.firstnav>p>span{font-size:24px;color:#fa3333}.secondnav{display:flex;width:70%;padding:0 21px;justify-content:space-between;align-items:center}.secondnav>.secondinnernav{display:flex;gap:30px}.secondinnernav>.links{color:#000;font-size:20px;font-weight:600}nav>li{font-size:24px;display:none}.secondinnernav>.links:hover{color:#ff4646}.thirdinnernav>button{padding:10px;width:100px;border:none;outline:none;font-size:19px;color:#fff;text-shadow:0 0 3px white;background-color:#fd3434}.allinonecomponent{height:400px;width:100%;position:absolute;top:0%;left:0%;display:flex;align-items:center;z-index:-10}.allinonecomponent>img{width:100%;position:absolute;top:0;left:0;object-fit:cover;height:100%;opacity:.09}.allinonecomponent>.data{width:100%;height:30%}.data>.details{height:100%;margin-left:30px;display:flex;flex-direction:column;justify-content:center;gap:15px}.details>h1{font-size:35px}.details>h3{font-size:24px;font-weight:600}.aboutourcompany{margin-top:35%;width:100%;height:500px;display:flex;gap:40px;justify-content:center}.aboutourcompany>.leftinfo{width:30%;height:100%}.leftinfo>img{width:100%;object-fit:cover;height:100%}.aboutourcompany>.rightinfo{width:40%;height:100%;display:flex;flex-direction:column;padding:0 10px;justify-content:center}.rightinfo>.headings{display:flex;flex-direction:column;gap:10px}.headings>h1{font-size:35px;color:#fd2d2d}.headings>h2{font-weight:600}.headings>p{line-height:1.2em;font-size:18px;color:#727272}.rightinfo>.headingdetails{display:flex;margin:20px 0 0;width:100%;justify-content:space-around;gap:18px}.headingdetails>.firstcarinfo{display:flex;flex-direction:column;align-items:center}.firstcarinfo>li{font-size:60px;color:#f93131}.firstcarinfo>p{font-weight:800;font-size:20px}.aboutplanning{width:100%;margin-top:7%;display:flex;flex-direction:column}.aboutplanning>.upperinfo{width:100%;padding:20px 0;display:flex;align-items:center;gap:15px;flex-direction:column}.upperinfo>h4{font-size:24px}.upperinfo>h1{font-size:33px}.aboutplanning>.bottominfo{display:flex;width:100%;margin-top:2%;justify-content:space-around}.bottominfo>.info1{width:20%;display:flex;gap:15px;align-items:center;flex-direction:column}.info1>li{font-size:50px;width:100px;height:100px;border-radius:50%;padding:5px 10px;background-color:#fd7b7b71;color:#f93131;display:flex;justify-content:center;align-items:center}.info1>h2{font-size:29px}.info1>p{font-size:20px;text-align:center;color:#7e7e7e}.carpick{display:flex;width:100%;gap:40px;justify-content:center;align-items:center;padding:20px 0;height:350px}.carpick>.carcontainer{display:flex;height:100%;width:20%;gap:2px;flex-direction:column}.carcontainer>.leftcontainer{width:100%;height:50px}.leftcontainer>button{height:100%;width:100%;border:none;outline:none;font-size:20px;color:#fff;background-color:#f44646}.leftcontainer>button:hover{background-color:#fd0f0f;text-shadow:0 0 3px white}.carpick>.centercontainer{width:40%;height:100%}.centercontainer>img{width:100%;height:100%;object-fit:contain}.carpick>.thirdcontainer{display:flex;flex-direction:column;gap:4px;width:20%;height:100%;border:1px solid rgb(255,69,69)}.thirdcontainer>h2{background-color:#fd0f0f;color:#fff;padding:10px 0;text-align:center}.thirdcontainer>.thirdinnercontainer{height:100%;display:flex;flex-direction:column;gap:4px;width:100%;justify-content:center}.thirdinnercontainer>p{height:32px;text-align:center;font-weight:700;display:flex;width:100%;padding:2px 0;justify-content:space-around}p>new{width:33%}p>line{width:33%}.thirdinnercontainer>p>span{color:#ff1d1d;width:39%;font-size:15px}.upperdetailofcar{margin-top:9%;display:flex;flex-direction:column;width:100%;gap:20px;align-items:center}.upperdetailofcar>h3{font-weight:600}.upperdetailofcar>h1{font-size:40px}.upperdetailofcar>h1>span{color:#ff2a2a}.upperdetailofcar>p{color:#7a7a7a}.rating{color:#ffd900;font-size:20px}.ModelData{display:flex;margin-top:30%;width:100%;gap:30px;justify-content:center;flex-wrap:wrap}.ModelData>.fetchdeddata{width:300px;height:400px;border:1px solid rgba(125,125,125,.311);display:flex;flex-direction:column;align-items:center;gap:5px}.fetchdeddata>.img{width:100%;height:50%}.img>img{width:100%;height:100%;object-fit:contain}.fetchdeddata>p{font-size:20px;font-weight:600}.fetchdeddata>hr{width:80%;margin:10px 0;color:#a6a6a66b}.fetchdeddata>button{background-color:#ff4949;border:none;outline:none;color:#fff;width:170px;padding:15px 20px;font-size:16px}.contact-container{display:flex;margin-top:30%;width:100%;justify-content:center;align-items:center;flex-direction:column;font-family:Blinker,sans-serif}.main-contact-sec{width:100%}.contact-page{display:flex;gap:4%;font-family:Blinker,sans-serif;margin:2% 0;padding:0 20px}.contact-page>.info-page{width:48%;padding:10px}.info-page>.text-about>p{font-weight:lighter;text-align:start;color:#b8b8b8}.info-page>.text-about>h1{font-weight:bolder;text-align:start}.info-page>.icon{margin:20px 0;display:flex;align-items:center;gap:10px}.icon>h3{font-weight:800;font-weight:lighter}.form-page{width:48%;font-family:Blinker,sans-serif}.Form{display:flex;flex-direction:column;justify-content:center}label{display:flex;flex-direction:column;margin:10px 0;font-size:20px;font-weight:800}input,textarea{border:none;outline:none;padding:10px;background-color:#e0e0e0}.btn{font-family:Roboto Mono,monospace;font-size:19px;background-color:#ff3f3f;color:#fff;text-shadow:0 0 2px white}.btn:hover{box-shadow:0 0 2px red,inset 0 0 #f83a3a}.selectcar{width:100%;display:flex;flex-direction:column;padding:20px;align-items:center}.selectcar>.selectingcarprocess{width:80%;display:flex;flex-direction:column;background-color:#fff;align-items:center;padding:10px}.selectingcarprocess>form{display:flex;width:100%;flex-direction:column}form>.MAINOPTIONS{display:flex;width:100%;padding:10px;justify-content:space-around;flex-wrap:wrap}.MAINOPTIONS>.options>select{border:none;padding:10px;width:200px}.time{display:flex;justify-content:space-around;flex-wrap:wrap;align-items:flex-end}.time>.pickupdate>input{width:200px}.time>input{width:200px;border:none;outline:none;background-color:#ff3030;color:#fff;font-size:17px}.selectingcarprocess>.cont>button{margin-top:20px;padding:10px;width:200px;border:none;outline:none;background-color:#ff3030;color:#fff;font-size:17px}.viewdetails{position:fixed;width:80%;height:500px;border:1px solid red;top:0%;left:10%;background-color:#fff;overflow-y:scroll}.viewdetails>.bookeddetails{display:flex;justify-content:space-between;padding:10px;color:#fff;background-color:#ff2e2e}.bookeddetails>h1{font-weight:500}.bookeddetails>button{width:40px;font-size:30px;color:#fff;border:none;background-color:#fe2c2c;display:flex;justify-content:center;align-items:center}.viewdetails>.viewinnerdetails{width:100%;height:min-content;display:flex;padding:10px 50px}.viewinnerdetails>.filleddetails{display:flex;width:50%;padding:0 10px;flex-direction:column}.filleddetails>h2{font-weight:600;color:#fb1a1a}.innerfilleddetails{display:flex;margin:15px 0;flex-direction:column;gap:25px}.filleddetails>.innerfilleddetails>h1{font-size:20px;font-weight:600;display:flex;align-items:center;gap:5px}.innerfilleddetails>h1>span{color:#f92d2d;font-weight:700;padding-left:5px}.span{color:purple;text-decoration:underline;font-size:15px;font-weight:300}.filledcarimg{width:50%}.filledcarimg>img{width:100%;height:100%;object-fit:contain}.landingpage{width:100%;height:480px;padding:0 20px;display:flex;margin-bottom:2%}.landingpage>.leftlanding{width:40%;height:100%;display:flex;align-items:center}.landingpage>.rightlanding{width:60%;position:relative;overflow:hidden;height:100%}.rightlanding>img{width:100%;height:100%;object-fit:contain}.rightlanding>.circle{border-radius:50%;position:absolute;padding:30px 0;top:-24%;left:15%;z-index:-1;background-color:#fe000014;width:800px;height:700px}.leftlanding>.innerlanding{height:70%;width:100%;display:flex;flex-direction:column;gap:15px}.leftlanding>.innerlanding>h4{font-weight:600;font-size:25px}.leftlanding>.innerlanding>h2{font-size:45px}.leftlanding>.innerlanding>h2>span{color:red}.innerlanding>p{color:#919191}.innerlanding>.btns{margin:10px 0;display:flex;gap:10px}.btns>button{width:150px;padding:15px;font-size:18px;border:none;outline:none;color:#fff;background-color:red;text-shadow:0 0 2px white;border-radius:2px}.btns>button:hover{box-shadow:0 0 2px red}.btns>.btn2{background-color:#000;border:2px solid black}.btns>.btn2:hover{background-color:#fff;color:#000;transition:all .2s ease;border:2px solid black;box-shadow:0 0 2px #fff}.frequentlyasked{width:100%;flex-direction:column;height:min-content;background-color:#eaeaea96;padding:10px;display:flex;margin-top:5%;gap:20px;align-items:center;justify-content:center}.frequentlyasked>.questions{display:flex;flex-direction:column;align-items:center;gap:10px}.frequentlyasked>.innerasked{padding:10px;width:70%;display:flex;align-items:center;flex-direction:column}.innerasked>details{border:1px solid rgba(154,154,154,.393);width:60%;cursor:pointer;padding:20px}details>summary{font-size:20px;font-weight:600;display:flex;align-items:center;justify-content:space-between}details>p{padding:10px;color:#939393}.formdetails{width:100%;padding:20px}.formdetails>h2{color:red;margin:20px 0}.formdetails>form{display:flex;flex-direction:column;width:100%}form>.firstform{display:flex;width:100%;gap:5px}.firstform>.input{width:50%}.input>input{width:100%}.secondform{display:flex;width:100%;gap:5px}.secondform>.secondinput{width:50%}.secondinput>input{width:100%}.thirdform{display:flex;width:100%;gap:5px}.thirdform>.thirdinput{width:50%}.thirdinput>input{width:100%}.fourthform{width:100%;margin:10px 0 0;display:flex;justify-content:flex-end}.fourthform>input{width:120px;background-color:red;color:#fff;font-size:18px;text-shadow:0 0 2px white}.footer{width:100%;display:flex;margin-top:5%;flex-direction:column;align-items:center}.footer>.firstfooter{padding:10px;text-align:center;width:100%}.footer>.secondfooter{display:flex;gap:20px}.secondfooter>.footerlinks{color:#000}hr{width:90%;color:#ff000047;margin:20px 0}.thirdfooter{width:100%;display:flex;justify-content:space-around}.customer-service{display:flex;flex-direction:column;gap:10px;margin:20px 0}.footer-link-container{display:flex;gap:10px;flex-direction:column;justify-content:center}.footer-link-container>a>i{font-size:35px;color:#ff00005f}button,input,select{cursor:pointer}@media only screen and (max-width:480px){.secondnav{display:none}nav>li{display:flex;z-index:1}.second-responsive-nav{height:400px;display:flex;flex-direction:column;position:absolute;justify-content:space-around;top:0%;padding:5% 0 0;left:0%;background-color:#fff;width:100%}.allinonecomponent{height:300px}.second-responsive-nav>.secondinnernav{flex-direction:column;align-items:center}.thirdinnernav>button{margin:10px;width:120px}.aboutourcompany{margin-top:55%;border:2px soli red}.aboutourcompany>.leftinfo{display:none}.aboutourcompany>.rightinfo{width:100%}.headingdetails>.firstcarinfo{display:flex;align-items:center}.firstcarinfo>li{font-size:50px}.firstcarinfo>p{text-align:center}.ModelData{margin-top:60%}.aboutplanning .upperinfo>h4{font-size:20px}.aboutplanning .upperinfo>h1{font-size:29px}.aboutplanning>.bottominfo{flex-direction:column;width:100%}.bottominfo>.info1{width:100%;margin:5px 0;padding:0 10px}.info1>li{font-size:50px;width:50px;height:50px}.info1>h2{font-size:24px}.info1>p{font-size:18px}.upperdetailofcar{margin-top:50px;padding:0 10px}.upperdetailofcar>h1{font-size:25px;text-align:center}.upperdetailofcar>p{text-align:center}.carpick{flex-direction:column;height:min-content;padding:0 10px}.carpick>.carcontainer{width:100%}.carcontainer>.leftcontainer{height:25px}.leftcontainer>button{font-size:16px}.carpick>.centercontainer{width:100%}.carpick>.thirdcontainer{width:100%}.contact-container{width:100%;margin-top:70%}.main-contact-sec{width:100%}.main-contact-sec>.map{height:200px}.map>iframe{height:100%}.contact-page{display:flex;flex-direction:column;width:100vw}.contact-page>.info-page{width:100%}.contact-page>.form-page{width:100%;padding:5px}.text-about>h1{font-size:25px;margin-bottom:10px}.text-about>p{font-weight:500;color:#b0b0b0}.viewdetails{width:100%;z-index:2;height:100%;left:0%}.selectcar{padding:1px}.selectcar>.selectingcarprocess{padding:1px;width:100%}.viewdetails>.bookeddetails>h1{font-size:18px}.bookeddetails>button{font-size:16px}.viewdetails>.viewinnerdetails{flex-direction:column;padding:10px 0}.viewinnerdetails>.filleddetails{width:100%;padding:0 1px}.filleddetails>h2{font-size:20px}.viewinnerdetails>.filledcarimg{width:100%}.filleddetails>.innerfilleddetails>h1{font-size:12px}.filleddetails>.innerfilleddetails>h1>span>.span{font-size:12px}.landingpage{height:min-content}.landingpage>.leftlanding{width:100%}.leftlanding>.innerlanding>h4{font-size:20px}.leftlanding>.innerlanding>h2{font-size:25px}.innerlanding>.btns>button{width:100px;padding:10px 1px;font-size:14px}.rightlanding{display:none}.frequentlyasked>.questions>h1{font-size:25px}.questions>p{text-align:center;color:#a5a5a5}.frequentlyasked>.innerasked{width:100%;padding:1px}.innerasked>details{width:100%}details>summary{font-size:15px}.firstform{flex-direction:column}.firstform>.input{width:100%}.secondform{flex-direction:column}.secondform>.secondinput{width:100%}.thirdform{flex-direction:column}.thirdform>.thirdinput{width:100%}.selectcar>h1{font-size:24px}.viewdetails{top:3%;height:80%}.thirdfooter{flex-direction:column;text-align:center}.customer-service{margin:5px 0}.footer-link-container{flex-direction:row}}*{padding:0;margin:0;box-sizing:border-box;font-family:Blinker,sans-serif;list-style:none;text-decoration:none}