body{margin:0;padding:0}.container{display:flex;justify-content:center;align-items:center;font-family:Afacad,serif;font-optical-sizing:auto}.contArea{width:650px;display:flex;justify-content:center;align-items:center;flex-direction:column;gap:0}@media (max-width: 650px){.contArea{width:100%}}.cont1{width:100%}.carPic{width:100%;object-fit:cover}.cont2{width:100%;display:flex;margin-top:-6px;margin-bottom:100px}.leftCont{width:9%;border-right:3.5px solid #000}.rightCont{width:91%;padding:8px 23px 0;display:flex;justify-content:center;align-items:start;flex-direction:column}.headerTestDrive{font-weight:800;font-style:normal;font-size:40px;letter-spacing:1px;margin-bottom:0}.carInfoTestDrive{padding-right:15px;font-size:15px}.ci1{margin-bottom:0}.placeDate{display:flex;align-items:start;flex-direction:column}.place{margin-bottom:-25px}.date{margin-bottom:10px}.btnContTD{display:flex;justify-content:center;align-items:center;flex-direction:column;width:100%;gap:10px;margin-left:-50px;margin-top:20px}@media (max-width: 650px){.btnContTD{margin-left:-30px}}.linkArea{text-decoration:none}.btn{width:230px;height:35px;background-color:#4b4b4b;border-radius:20px;display:flex;justify-content:center;align-items:center;color:#fff;line-height:15px;text-align:center;cursor:pointer;font-size:14px}.btn:hover{background-color:#8d8c8c}.iconArea{display:flex;justify-content:center;align-items:center;width:100%;gap:10px;margin-left:-50px;margin-top:50px;padding-bottom:20px}@media (max-width: 650px){.iconArea{margin-left:-30px}}.iconCont{width:200px;display:flex;justify-content:center;align-items:center;gap:10px;border-bottom:1px solid #4b4b4b}.infoTextCont{display:flex;justify-content:center;align-items:center;flex-direction:column;gap:0;width:100%;margin-left:-20px}@media (max-width: 650px){.infoTextCont{margin-left:0}}.infoTextCont p{margin-bottom:-10px;font-size:15px}.container{margin:0;padding:0;width:100%}@font-face{font-family:Cupra;src:url(/assets/Cupra-Medium-BRAYK5gL.otf) format("opentype");font-weight:700;font-style:normal}@font-face{font-family:Cupra;src:url(/assets/Cupra-Regular-B5JxLdBS.otf) format("opentype");font-weight:400;font-style:normal}.container{display:flex;justify-content:center;align-items:center;font-family:Cupra,sans-serif;flex-direction:column}.logoCont{width:100%;height:100px;display:flex;justify-content:center;align-items:center}.carLogo{width:194px;height:40px;object-fit:cover}.sloganCont{display:flex;justify-content:center;align-items:center;width:100%;flex-direction:column}.slogan{display:flex;justify-content:center;align-items:center;flex-direction:column;width:45%;text-align:center}.sloganText{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;text-align:center;width:90%}.selectCar{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:20px;margin-top:50px}.carCont{width:500px;height:400px;display:flex;justify-content:center;align-items:center;flex-direction:column;border:1px solid #aaa;position:relative;overflow:hidden}@media (max-width: 600px){.carCont{width:90%}}.carCont:hover .hoverCont{top:0}.carCont:hover .carInfo{color:#fff}.carInfo{width:100%;padding:0;transition:all .5s ease}.infoCont{display:flex;padding:0;width:100%}.leftInfo{width:70%}.leftInfo *{padding-left:50px}.rightInfo{width:30%;display:flex;justify-content:center;align-items:center}.rightInfo span{width:50px;height:50px;background-color:#f3f4f6;display:flex;justify-content:center;align-items:center;border-radius:50%;color:#000}.colorInfo{padding-left:50px}.carPic,.carPicture{width:100%;object-fit:cover}.hoverCont{position:absolute;top:-300px;left:0;width:100%;height:300px;background:linear-gradient(to right,#3ba492,#4d8797);z-index:-1;transition:all .5s ease}.dateCont{width:100%;display:flex;justify-content:center;align-items:center;position:relative;gap:20px}.dateArea{display:flex;padding:20px 50px 0;border:1px solid #aaa;justify-content:center;align-items:center}@media (max-width: 800px){.dateArea{padding:20px 0 0}}@media (max-width: 700px){.dateArea{flex-direction:column;min-height:500px}}.timeCont{min-width:220px;display:flex;justify-content:center;align-items:center;max-width:350px}.css-1hbyad5-MuiTypography-root,.css-6mw38q-MuiTypography-root{display:none!important}.MuiPickersToolbar-content{width:200px!important}.dateHeader{margin-top:100px;font-weight:100}.formHeader{margin-top:100px;margin-bottom:0;font-weight:100;text-align:center}@media (max-width: 700px){.formHeader{width:90%}}.formText{margin-bottom:50px;text-align:center}@media (max-width: 700px){.formText{width:90%}}.form{display:flex;justify-content:center;align-items:center;width:100%;margin-bottom:50px}@media (max-height: 500px){.form{width:90%;min-height:400px;min-width:90%}}.formArea{width:40%;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap}@media (max-height: 500px){.formArea{min-height:400px;min-width:400px}}@media (max-width: 700px){.formArea{width:90%}}@media (max-width: 500px) and (max-height: 500px){.formArea{width:90%;min-width:300px}}.infoArea{display:flex;flex-direction:column;width:100%}.infoArea label{width:100%;margin-top:10px;color:#6f6d6f;font-size:13px}input{width:100%;height:40px;margin:5px 0;outline:none;padding-left:10px;border:none;border:1px solid #dee2e6}@media (max-width: 700px){input{padding-left:0;min-width:300px}}input:focus{border:1px solid #000;outline:3px solid #dee2e6}@media (max-width: 830px){input{width:100%}}@media (max-width: 500px){input{margin:5px 0}}.btnFC{width:100%;display:flex;justify-content:center;align-items:center;margin-top:20px}.btn-fc3{width:150px;height:40px;outline:none;border:none;box-shadow:0 0 10px 1px #aaa;background:linear-gradient(to right,#3ba492,#4d8797);font-size:16px;display:flex;justify-content:center;align-items:center;color:#fff}.btn-fc3:hover{background-color:#1c417780;color:#fff;transition:all .5s ease}.btnFC span{display:flex;justify-content:center;align-items:center;padding:5px;margin-left:-10px}.activeIcon{animation:turn 3s linear}@keyframes turn{0%{transform:rotate(0)}to{transform:rotate(900deg)}}.active{background-color:#1c4177e6;color:#fff}.timeSlots{gap:10px;margin:20px 0;display:flex;justify-content:center;align-items:center;flex-wrap:wrap}@media (max-width: 700px){.timeSlots{margin:0 0 20px}}.timeSlot{padding:15px 10px;border:1px solid #ccc;border-radius:8px;background-color:#f9f9f9;cursor:pointer;text-align:center;transition:all .3s ease}.timeSlot:hover:not(:disabled){background:linear-gradient(to right,#3ba492,#4d8797);color:#fff}.timeSlot:active{background:linear-gradient(to right,#3ba492,#4d8797);color:#fff}.timeSlot:disabled{background-color:#ddd;color:#888;cursor:not-allowed}.btnGroup{display:flex;justify-content:space-around;margin-top:20px}.confirmBtn,.cancelBtn{padding:10px 20px;border:none;border-radius:5px;cursor:pointer}.confirmBtn{background:linear-gradient(to right,#3ba492,#4d8797);color:#fff}.cancelBtn{background-color:#ff6b6b;color:#fff}.popupOverlay{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;height:100%;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.popup{background-color:#fff;padding:50px;border-radius:8px;text-align:center;box-shadow:0 4px 6px #0000001a;position:relative}.popupButtons{margin-top:20px}.okey{background-color:#3ba492;color:#fff;border:none;padding:10px 20px;cursor:pointer;border-radius:5px}.okey:hover{background-color:#4d8797}.closeIcon{font-size:30px;cursor:pointer;margin-left:15px;position:absolute;top:5px;right:15px}.doneMessage{margin-top:20px}.containerAdmin{width:100%;height:100vh;display:flex;justify-content:center;align-items:center;position:relative;overflow:hidden;background-color:#14ad4e80;margin:0;background:linear-gradient(to bottom right,#4a505d 50%,#14ad4e 50%)}.loginSide{display:flex;justify-content:center;align-items:center;flex-direction:column;height:70%;position:relative;overflow:hidden;width:35%;border-radius:20px;background:linear-gradient(135deg,#fff3,#ffffff1a);min-width:330px;min-height:390px;padding-right:10px}@keyframes shadow{0%,to{box-shadow:0 0 10px 2px #4a505d}50%{box-shadow:0 0 10px 3px #4a505d}}.headerAdmin{margin-bottom:50px;color:#fff;width:300px;text-align:center;z-index:22;font-size:23px}@media (max-width: 800px){.header{color:#fff;text-shadow:1px 1px 2px rgb(0,0,0),0 0 1em rgb(0,0,0),0 0 .2em rgb(174,174,174)}}@media (max-height: 700px){.header{font-size:20px;margin-bottom:50px}}@media (max-height: 450px){.header{font-size:18px;margin-bottom:5px;margin-top:20px}}.footer{position:absolute;bottom:30px;font-size:13px}.formAdmin{display:flex;justify-content:center;align-items:start;flex-direction:column;width:300px;z-index:22}@media (max-height: 500px){.formAdmin{width:230px}}.formAdmin *{outline:none;border:none}.formAdmin label{margin-bottom:5px;color:#fff;font-weight:400;font-size:13px}@media (max-height: 500px){.formAdmin label{font-size:13px}}.formAdmin input{height:50px;border-radius:1px;width:100%;padding-left:10px;cursor:pointer;margin-bottom:20px}@media (max-height: 500px){.formAdmin input{height:30px}}.formAdmin input:focus{border:2px solid rgb(20,173,78);outline:2px solid rgb(20,173,78)}#text{margin-bottom:20px}.loginBtn{width:100%;height:50px;border:none;outline:none;color:#fff;background:#111;cursor:pointer;position:relative;z-index:0;border-radius:1px;margin-top:20px;display:flex;justify-content:center;align-items:center;font-size:13px}.loginBtn:before{content:"";position:absolute;top:-2px;left:-2px;background-size:400%;z-index:-1;filter:blur(5px);width:calc(100% + 4px);height:calc(100% + 4px);animation:glowing 20s linear infinite;opacity:0;transition:opacity .3s ease-in-out;border-radius:1px;background:#4a505d}.loginBtn:active{color:#000}.loginBtn:active:after{background:transparent}.loginBtn:hover:before{opacity:1}.loginBtn:after{z-index:-1;content:"";position:absolute;width:100%;height:100%;background:#4a505d;left:0;top:0;border-radius:1px}@keyframes glowing{0%{background-position:0 0}50%{background-position:400% 0}to{background-position:0 0}}.slideContainer{flex:1;display:flex;justify-content:space-between;align-items:center;height:95%;background-color:#14ad4e;border-radius:20px;margin:20px;position:relative;overflow:hidden;flex-direction:column;gap:100px}@media (max-width: 800px){.slideContainer{display:none}}.svgCont{width:40%;z-index:22;margin-bottom:10px}@media screen and (max-height: 520px){.svgCont{top:50px}}@media screen and (max-height: 430px){.svgCont{top:130px}}.chargingStation{width:100%;min-height:300px;z-index:11;border-top:10px solid var(--bg);position:absolute;bottom:0}@media (max-height: 600px) and (min-width: 1400px){.chargingStation{min-height:100px;max-height:250px}}.circle{position:absolute;display:flex;justify-content:center;align-items:center;width:100%;height:20%;background-color:#14ad4e;border-radius:50%/100% 100% 0% 0%;bottom:0;left:0;z-index:-1}.mobileSlideContainer{width:100%;justify-content:start;align-items:center;flex-direction:column;display:none;position:absolute;top:0}@media (max-width: 800px){.mobileSlideContainer{display:flex}}.mobileChargingStation{width:97%;position:relative;border-radius:0 0 20px 20px;object-fit:fill;height:200px}@media (max-height: 620px){.mobileChargingStation{height:150px}}@media (max-height: 400px){.mobileChargingStation{height:100px}}.mobileSvgCont{width:50%;position:absolute;top:50px;z-index:11}@media (max-height: 620px){.mobileSvgCont{width:30%}}@media (max-height: 400px){.mobileSvgCont{width:20%;top:10px}}.error{animation:shake .1s ease}@keyframes shake{0%{transform:translate(0)}25%{transform:translate(5px)}50%{transform:translate(0)}75%{transform:translate(5px)}to{transform:translate(0)}}.isLoading{animation:turnAround 1s infinite}@keyframes turnAround{0%{transform:rotate(0)}to{transform:rotate(360deg)}}