@import"https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap";@import"https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap";.bottom-bar{position:fixed;bottom:0;left:0;z-index:998;height:.75rem;width:100%;background-color:var(--white)}.left-bar{position:fixed;top:0;left:0;z-index:998;height:100vh;width:.75rem;background-color:var(--white)}.right-bar{position:fixed;top:0;right:0;z-index:998;height:100vh;width:.75rem;background-color:var(--white)}.bottom-bar:before{content:"";position:absolute;bottom:100%;left:.75rem;background-color:transparent;height:2rem;width:2rem;border-radius:50%;box-shadow:-1rem 1rem var(--white)}.bottom-bar:after{content:"";position:absolute;bottom:100%;right:.75rem;background-color:transparent;height:2rem;width:2rem;border-radius:50%;box-shadow:1rem 1rem var(--white)}@media screen and (max-width: 1366px){.bottom-bar{height:.5rem}.bottom-bar:before{left:.5rem}.bottom-bar:after{right:.5rem}.left-bar,.right-bar{width:.5rem}}header{position:fixed;top:0;left:0;z-index:999;width:100%;background-color:var(--white)}header:before,header:after{content:"";position:absolute;top:100%;z-index:-1;background-color:transparent;height:2rem;width:2rem;border-radius:50%}header:before{left:.75rem;box-shadow:-1rem -1rem var(--white)}header:after{right:.75rem;box-shadow:1rem -1rem var(--white)}nav{max-width:1920px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;padding:1rem 9rem;background-color:var(--white)}.nav-left a{text-decoration:none;font-weight:700;font-size:1.5rem;font-family:Montserrat,sans-serif}.nav-right{justify-content:center;align-items:center;display:flex;gap:1rem}.nav-right a{font-size:1rem;padding:.2rem 1rem;border-radius:100vw;text-decoration:none;color:var(--black);font-weight:500;transition:all .2s}.nav-right a:hover,.nav-right a.active{background-color:var(--bgGrey)}.nav-right .nav-right-btn button{cursor:pointer;font-size:1rem;padding:.2rem 1rem;border-radius:100vw;text-decoration:none;background-color:transparent;background-color:var(--black);color:var(--white);font-weight:500;border:none;transition:all .2s}.profile-icon{height:2rem;width:2rem;cursor:pointer;position:relative;background-color:var(--bgGrey);border-radius:50%;margin-left:1rem;overflow:hidden;outline:.3rem solid transparent;transition:outline .3s}.profile-icon img{height:100%;width:100%;object-fit:cover}.profile-icon:hover{outline:.3rem solid var(--bgGrey)}.menu-icon{display:none;height:2.5rem;width:2.5rem;cursor:pointer;position:relative;background-color:var(--bgGrey);border-radius:50%}.hamburger{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);height:1px;width:20px;background-color:transparent}.hamburger:before,.hamburger:after{content:"";position:absolute;height:2px;width:100%;border-radius:100vw;background-color:var(--black);transition:all .2s}.hamburger:before{transform:translateY(-4px)}.hamburger:after{transform:translateY(4px)}.menu-active .hamburger:before{transform:translate(0) rotate(45deg)}.menu-active .hamburger:after{transform:translate(0) rotate(-45deg)}.menu{position:fixed;top:0;left:0;z-index:-2;width:100%;padding:4.5rem 1rem 1rem;background-color:var(--white);display:flex;flex-direction:column;gap:1rem}.menu:before,.menu:after{content:"";position:absolute;top:100%;z-index:-1;background-color:transparent;height:2rem;width:2rem;border-radius:50%}.menu:before{left:.5rem;box-shadow:-1rem -1rem var(--white)}.menu:after{right:.5rem;box-shadow:1rem -1rem var(--white)}.menu .menu-profile{cursor:pointer;width:100%;background-color:var(--bgGrey);border-radius:.7rem;padding:.5rem;display:flex;align-items:center;gap:.5rem}.menu .menu-profile .menu-profile-icon{height:2.5rem;width:2.5rem;border-radius:50%;overflow:hidden}.menu .menu-profile .menu-profile-icon img{height:100%;width:100%;object-fit:cover}.menu .menu-profile .menu-profile-dets h1{font-size:1.2rem}.menu .menu-profile .menu-profile-dets h3{font-size:.8rem;font-weight:600;color:#000000b3}.menu .menu-profile .menu-profile-icon-loader{height:2.5rem;width:2.5rem;border-radius:50%;background-color:var(--grey);animation:menuUserLoad 2s ease-in-out infinite}.menu .menu-profile .menu-profile-dets-loader{display:flex;flex-direction:column;gap:.5rem}.menu .menu-profile .menu-profile-dets-loader .menu-profile-dets-text-loader{height:.7rem;width:7rem;background-color:var(--grey);border-radius:.5rem;animation:menuUserLoad 2s ease-in-out infinite}@keyframes menuUserLoad{0%{background-color:var(--grey)}50%{background-color:var(--textGrey)}to{background-color:var(--grey)}}.menu .menu-profile .menu-profile-dets-loader .menu-profile-dets-text-loader:nth-child(2){width:10rem}.menu>h1{font-size:1rem;text-transform:uppercase;font-weight:600;border-bottom:2px solid rgba(0,0,0,.3);color:#000000b3}.menu-links{display:flex;flex-direction:column;gap:.5rem}.menu-links a{width:100%;font-size:1.2rem;border-radius:100vw;text-decoration:none;padding:.2rem 1rem;color:var(--black);font-weight:500}.menu-links a.active{background-color:var(--bgGrey)}.menu-links .menu-btn button{width:100%;cursor:pointer;font-size:1.2rem;padding:.2rem;border-radius:100vw;text-decoration:none;background-color:transparent;background-color:var(--black);color:var(--white);font-weight:500;border:none}@media screen and (max-width: 1366px){header:before{left:.5rem}header:after{right:.5rem}nav{padding:1rem 4rem}.nav-left a{font-size:1.5rem}.nav-right a{font-size:1rem}}@media screen and (max-width: 1024px){.nav-right{gap:.5rem}}@media screen and (max-width: 768px){nav{padding:.5rem 1rem}.nav-right{display:none}.menu-icon{display:block}}.vehicle-categories{width:100%;max-width:1920px;margin:0 auto;padding:6rem 8rem;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:2rem}.vehicle-categories .vehicle-categories-top{display:flex;flex-direction:column;align-items:center;justify-content:center;width:70%}.vehicle-categories .vehicle-categories-top h1{font-size:4rem;font-family:Montserrat,sans-serif;text-align:center}.vehicle-categories .vehicle-categories-top p{font-size:1.5rem;font-weight:500;text-align:center}.vehicle-categories .vehicle-categories-top .chips{display:flex;justify-content:center;align-items:center;gap:1rem;margin-top:1rem;flex-wrap:wrap}.vehicle-categories .vehicle-categories-top .chips .chip{padding:.3rem 1rem;border-radius:.5rem;background-color:var(--white);font-size:1rem;font-weight:600}.vehicle-categories .categories{width:100%;display:grid;grid-template-columns:repeat(2,1fr);grid-gap:1rem}.category{height:400px;width:100%;border-radius:1rem;overflow:hidden}.category img{height:100%;width:100%;object-fit:cover;object-position:left}.view-more-btn{width:100%;height:2px;background-color:var(--black);margin:1rem 0;position:relative}.view-more-btn button{cursor:pointer;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);border:2px solid var(--black);background-color:var(--bgGrey);border-radius:100vw;padding:.5rem 1.2rem;font-size:1rem;font-weight:600;outline:none;display:flex;align-items:center;justify-content:center;gap:.5rem;transition:all .3s}.view-more-btn button:hover{background-color:var(--white);gap:1rem}@media screen and (max-width: 1366px){.vehicle-categories{padding:6rem 3.5rem}.category{height:350px}}@media screen and (max-width: 1024px){.vehicle-categories{padding:3.5rem;gap:1rem}.vehicle-categories .vehicle-categories-top{width:80%}.vehicle-categories .vehicle-categories-top h1{font-size:3rem}.vehicle-categories .vehicle-categories-top p{font-size:1.1rem}.vehicle-categories .vehicle-categories-top .chips{gap:.5rem;margin-top:.5rem}.vehicle-categories .vehicle-categories-top .chips .chip{padding:.2rem .8rem;font-size:1rem}.category{height:300px}.view-more-btn{margin:2rem 0}.view-more-btn button{font-size:.9rem}}@media screen and (max-width: 768px){.vehicle-categories{padding:3rem 1rem}.vehicle-categories .vehicle-categories-top{width:100%}.vehicle-categories .vehicle-categories-top h1{font-size:2rem}.vehicle-categories .vehicle-categories-top p{font-size:1rem}.category{height:250px}.view-more-btn button{font-size:.8rem}}@media screen and (max-width: 480px){.vehicle-categories{padding:3rem .5rem}.vehicle-categories .categories{grid-gap:.5rem}.category{height:150px}.view-more-btn{margin:1.5rem 0}.view-more-btn button{padding:.4rem 1.1rem}}.hero-section{width:100%;height:100vh;min-height:100svh}.hero-section .hero-section-container{position:relative;width:100%;height:100%;border-radius:1rem;overflow:hidden;display:flex;justify-content:center;align-items:center;flex-direction:column;gap:1rem;padding:1rem;box-shadow:0 20px 40px #0000004d}.hero-section .hero-section-container .badge{color:var(--white);padding:.5rem 1rem;background-color:#ffffff1a;border:1px solid rgba(255,255,255,.3);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:100vw;font-family:Montserrat,sans-serif;text-align:center}.hero-section .hero-section-container .hero-section-background{position:absolute;height:100%;width:100%;background-position:center;background-repeat:no-repeat;background-size:cover;filter:brightness(.4)}.hero-section .hero-section-container .hero-section-background video{height:100%;width:100%;object-fit:cover;opacity:0;pointer-events:none;transition:opacity .5s ease-in-out}.hero-section .hero-section-container .hero-section-background video.loaded{opacity:1}.hero-section .hero-section-container h1{color:var(--white);font-size:3rem;font-weight:600;font-family:Montserrat,sans-serif;text-align:center;width:60%}.hero-section .hero-section-container p{font-size:1.3rem;color:var(--white);text-align:center;width:60%}.hero-section .hero-section-container button{cursor:pointer;padding:.5rem 2.5rem;background-color:var(--white);border:none;font-size:1.3rem;font-weight:600;color:var(--black);margin-top:1rem;border-radius:100vw;transition:all .2s}.hero-section .hero-section-container button:active{transform:scale(.95)}@media screen and (max-width: 1024px){.hero-section .hero-section-container h1{font-size:2.5rem;width:80%}.hero-section .hero-section-container p{font-size:1.2rem;width:80%}}@media screen and (max-width: 768px){.hero-section{padding:0;width:100%;height:100vh;max-height:100svh}.hero-section .hero-section-container{box-shadow:0 10px 20px #0000004d}.hero-section .hero-section-container h1{font-size:2rem;width:100%}.hero-section .hero-section-container p{font-size:1rem;width:100%}.hero-section .hero-section-container button{font-size:1rem}}@media screen and (max-width: 480px){.hero-section .hero-section-container .badge{padding:.4rem .8rem}}.rental-steps-section{width:100%;max-width:1920px;margin:0 auto;padding:0 8rem 6rem}.rental-steps-wrapper{background-color:var(--bgBlue);border-radius:1rem;padding:2rem}.rental-steps-wrapper h2{color:var(--orange);font-size:1.3rem;font-weight:600;text-transform:uppercase}.rental-steps-wrapper h1{color:var(--white);font-size:2rem;font-weight:600}.rental-steps-wrapper .rental-steps{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:1rem;margin-top:1rem}.rental-steps-wrapper .rental-steps .step{background-color:var(--blue);padding:1rem;border-radius:.7rem;display:flex;flex-direction:column;gap:1rem;position:relative}.rental-steps-wrapper .rental-steps .step .step-count{position:absolute;color:#ffffff1a;top:1rem;right:1rem;font-size:5rem;font-weight:600;line-height:100%;-webkit-user-select:none;user-select:none}.rental-steps-wrapper .rental-steps .step .step-icon{background-color:var(--white);height:3rem;width:3rem;border-radius:50%;display:flex;justify-content:center;align-items:center;font-size:1.5rem;font-weight:800;color:var(--bgBlue);flex-shrink:0;position:relative}.rental-steps-wrapper .rental-steps .step .step-body{display:flex;flex-direction:column}.rental-steps-wrapper .rental-steps .step .step-body h3{color:var(--white);font-size:1.5rem;font-weight:600}.rental-steps-wrapper .rental-steps .step p{color:var(--textGrey);font-size:1rem;line-height:150%}@media screen and (max-width: 1366px){.rental-steps-section{padding:0 3.5rem 6rem}}@media screen and (max-width: 1024px){.rental-steps-section{padding:0 3.5rem 3.5rem;gap:1rem}.rental-steps-wrapper{padding:1rem}.rental-steps-wrapper h2{font-size:1.2rem}.rental-steps-wrapper .rental-steps{grid-template-columns:repeat(1,1fr);grid-gap:1rem}}@media screen and (max-width: 768px){.rental-steps-section{padding:0 0 3rem}.rental-steps-wrapper h2{font-size:1rem}.rental-steps-wrapper h1{font-size:1.5rem}.rental-steps-wrapper .rental-steps .step{gap:.5rem}.rental-steps-wrapper .rental-steps .step .step-icon{height:2.5rem;width:2.5rem;font-size:1rem}.rental-steps-wrapper .rental-steps .step .step-body h3{font-size:1.3rem}}.home{min-height:100%;width:100%;background-color:var(--bgGrey)}footer{width:100%;background-color:var(--white);margin-top:auto;position:relative}footer:before{content:"";position:absolute;bottom:100%;left:0;background-color:transparent;height:2rem;width:2rem;border-radius:50%;box-shadow:-1rem 1rem var(--white)}footer:after{content:"";position:absolute;bottom:100%;right:0;background-color:transparent;height:2rem;width:2rem;border-radius:50%;box-shadow:1rem 1rem var(--white)}.footer-container{width:100%;max-width:1920px;margin:0 auto;display:flex;justify-content:center;align-items:center;flex-direction:column;gap:1rem;padding:3rem 8rem}.footer-container .footer-top{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem}.footer-container .footer-top a{text-decoration:none;font-size:2rem;font-weight:700}.footer-container .footer-top button{cursor:pointer;padding:.5rem 1rem;background-color:var(--black);color:var(--white);border:2px solid var(--black);border-radius:100vw;font-family:Montserrat,sans-serif;font-weight:500;font-size:1rem;text-align:center;outline:none;display:flex;align-items:center;justify-content:center;gap:.5rem;transition:all .3s}.footer-container .footer-top button i{color:var(--white);transition:all .3s}.footer-container .footer-top button:hover{background-color:transparent;gap:1rem;color:var(--black)}.footer-container .footer-top button:hover i{color:var(--black)}.footer-container .footer-mid{width:100%;display:flex;justify-content:space-between;align-items:center;border-bottom:2px solid var(--textGrey);padding-bottom:1rem}.footer-container .footer-mid .footer-mid-left{display:flex;flex-direction:column;gap:.5rem}.footer-container .footer-mid .footer-mid-left h3{font-size:1.3rem;font-weight:500;color:var(--textDarkGrey)}.footer-container .footer-mid .footer-mid-left .footer-links{display:flex;flex-wrap:wrap;gap:1rem}.footer-container .footer-mid .footer-mid-left .footer-links a{text-decoration:none;font-weight:500;position:relative}.footer-container .footer-mid .footer-mid-left .footer-links a:before{content:"";position:absolute;left:0;bottom:0;width:100%;height:2px;background-color:var(--black);transition:width .2s}.footer-container .footer-mid .footer-mid-left .footer-links a:hover:before{width:0%;right:0;left:unset}.footer-container .footer-mid .footer-mid-right{font-size:1.3rem;font-weight:500}.footer-container .footer-bottom{width:100%;display:flex;justify-content:center;align-items:center;border-radius:.7rem;background-color:var(--bgGrey);padding:.5rem}.footer-container .footer-bottom h1{font-size:1.3rem;color:var(--textDarkGrey);font-weight:600}.footer-container .footer-bottom h1 a{text-decoration:none;position:relative}.footer-container .footer-bottom h1 a:before{content:"";position:absolute;left:0;bottom:0;width:100%;height:2px;background-color:var(--black);transition:width .2s}.footer-container .footer-bottom h1 a:hover:before{width:0%;left:unset;right:0}@media screen and (max-width: 1366px){.footer-container{padding:3rem 3.5rem}}@media screen and (max-width: 1024px){.footer-container{padding:1.5rem 3.5rem}.footer-container .footer-mid .footer-mid-right,.footer-container .footer-bottom h1,.footer-container .footer-mid .footer-mid-left h3{font-size:1.2rem}}@media screen and (max-width: 768px){.footer-container{padding:1rem;padding:.7rem;gap:1rem}.footer-container .footer-top{gap:0}.footer-container .footer-mid{flex-direction:column;gap:1rem;padding-bottom:1rem}.footer-container .footer-mid .footer-mid-left{align-items:center;gap:.3rem}.footer-container .footer-mid .footer-mid-right{width:100%;font-size:1rem;display:flex;justify-content:center;align-items:center;border-radius:.5rem;background-color:var(--bgGrey);padding:.5rem}.footer-container .footer-bottom{border-radius:.5rem}.footer-container .footer-bottom h1{font-size:1rem}}@media screen and (max-width: 480px){.footer-container{padding:.5rem}.footer-container .footer-top button{padding:.4rem .8rem}.footer-container .footer-mid .footer-mid-left .footer-links{gap:.5rem}}.vehicle-search{width:100%;height:auto;padding:2rem;border-radius:1rem;overflow:hidden;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;position:relative;z-index:2;box-shadow:0 20px 40px #0000004d}.vehicle-search img{object-fit:cover;position:absolute;top:0;left:0;z-index:-1;height:100%;width:100%;filter:brightness(.3)}.vehicle-search h1{color:var(--white);font-size:1.5rem;font-weight:500;text-align:center;line-height:120%;width:100%}.vehicle-search .search-input{width:100%;max-width:700px;height:3rem;position:relative}.vehicle-search .search-input input{height:100%;width:100%;padding:1rem 1rem 1rem 3rem;font-size:1.1rem;font-weight:500;border:none;border-radius:.5rem}.vehicle-search .search-input i{position:absolute;top:0;left:0;height:3rem;width:3rem;font-size:1.1rem;display:flex;justify-content:center;align-items:center}.vehicle-search input:focus{outline:2px solid var(--black)}@media screen and (max-width: 768px){.vehicle-search{padding:1rem;border-radius:.7rem;box-shadow:0 10px 20px #0000004d}.vehicle-search h1{font-size:1.2rem}.vehicle-search .search-input{height:2.5rem}.vehicle-search .search-input input{padding:.5rem .5rem .5rem 2.5rem;font-size:1rem}.vehicle-search .search-input i{height:2.5rem;width:2.5rem;font-size:1rem}}@media screen and (max-width: 480px){.vehicle-search{padding:1rem}}.vehicle{overflow:hidden;background-color:var(--white);position:relative;padding:1rem;border-radius:1rem;display:flex;flex-direction:column;gap:1rem;box-shadow:0 20px 40px #0000004d}.vehicle-skeleton{height:450px;border-radius:1rem;background-color:var(--grey);animation:vehicleCardsLoad 2s ease-in-out infinite}@keyframes vehicleCardsLoad{0%{background-color:var(--grey)}50%{background-color:var(--textGrey)}to{background-color:var(--grey)}}.vehicle img{height:200px;width:100%;object-fit:cover;border-radius:.7rem}.vehicle-name,.vehicle-actions{width:100%}.vehicle-name h3{font-size:1rem;font-weight:600;line-height:100%;text-transform:uppercase;color:var(--textDarkGrey)}.vehicle-name h1{font-size:1.5rem}.vehicle-actions{width:100%;display:flex;justify-content:space-between;align-items:center;gap:1rem}.vehicle-actions .price{font-weight:600;font-size:1.2rem}.vehicle-actions .price span{color:var(--textDarkGrey);font-size:1rem;text-transform:uppercase}.vehicle-actions button{cursor:pointer;width:100%;padding:.5rem 1rem;font-weight:500;font-size:1.2rem;background-color:var(--black);color:var(--white);border-radius:.5rem;border:none;transition:all .2s}.vehicle-actions button:focus{outline:2px solid var(--black);outline-offset:2px}.vehicle-actions button:disabled{background-color:red;cursor:not-allowed}.vehicle-search-response{grid-column-start:1;grid-column-end:4;width:100%;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:1rem}.vehicle-search-response .vehicle-search-response-icon{height:5rem;width:5rem;background-color:red;border-radius:50%;display:flex;justify-content:center;align-items:center;font-size:2rem}.vehicle-search-response .vehicle-search-response-icon i{color:var(--white)}.vehicle-search-response p{font-weight:600;font-size:1.2rem}@media screen and (max-width: 1366px){.vehicle-skeleton{height:400px}}@media screen and (max-width: 1024px){.vehicle{box-shadow:none}.vehicle-skeleton{height:300px}.vehicle-actions .price{font-size:1.2rem}}@media screen and (max-width: 768px){.vehicle{border-radius:0;padding:.7rem;gap:.7rem}.vehicle-skeleton{border-radius:0}.vehicle img{height:300px}.vehicle-skeleton{height:350px;background-origin:.7rem}.vehicle-actions{flex-direction:column;align-items:start;gap:.5rem}.vehicle-actions .price{font-size:1.2rem}.vehicle-actions button{font-size:1rem;border-radius:.5rem;padding:.5rem}}@media screen and (max-width: 480px){.vehicle img,.vehicle-skeleton{height:200px}}.vehicle-page{width:100%;min-height:100vh;background-color:var(--bgGrey);display:flex;flex-direction:column;gap:2rem;margin:0 auto;padding:6rem 8rem}.vehicle-search-section{width:100%;min-height:100%;max-width:1920px;margin:0 auto}.vehicles{width:100%;min-height:100%;max-width:1920px;margin:0 auto;display:grid;grid-template-columns:repeat(3,1fr);grid-gap:1rem;border-radius:1rem}.vehicle-heading{width:100%;display:flex;align-items:center;justify-content:space-between}.vehicle-heading h2{font-size:1.5rem}.vehicle-heading .sort{position:relative}.vehicle-heading .sort select{background-color:var(--white);padding:.5rem 2rem .5rem 1rem;-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:.5rem;font-weight:500;border:1px solid var(--black)}.vehicle-heading .sort select:focus{border:1px solid var(--black);outline:1px solid var(--black)}.vehicle-heading .sort i{position:absolute;top:50%;right:5%;transform:translateY(-50%)}@media screen and (max-width: 1366px){.vehicle-page{padding:6rem 3.5rem}}@media screen and (max-width: 1024px){.vehicles{grid-template-columns:repeat(2,1fr)}.vehicle-heading h2{font-size:1.3rem}}@media screen and (max-width: 768px){.vehicle-page{padding:4rem 1rem;gap:1rem}.vehicles{grid-template-columns:repeat(1,1fr);grid-gap:2px;overflow:hidden;box-shadow:0 20px 40px #0000004d}.vehicle-heading{grid-column-start:1;grid-column-end:2}.vehicle-heading .sort select{padding:.4rem 1.6rem .4rem .8rem}}@media screen and (max-width: 480px){.vehicle-page{padding:3.5rem .5rem}.vehicle-heading h2{font-size:1.2rem}}.vehicle-details-page{min-height:100vh;width:100%;background-color:var(--bgGrey)}.vehicle-details-loader{width:100%;min-height:100%;max-width:1920px;margin:0 auto;padding:6rem 8rem;display:grid;grid-template-columns:repeat(2,1fr);grid-gap:1rem}.vehicle-details-loader .vehicle-details-image-loader{height:450px;width:100%;border-radius:1rem;background-color:var(--grey);animation:vehicleDetailsLoad 2s ease-in-out infinite}.vehicle-details-loader .vehicle-info-loader{display:flex;flex-direction:column;gap:.5rem}.vehicle-details-loader .vehicle-info-loader .vehicle-info-text-loader{height:1.5rem;width:100%;border-radius:.5rem;background-color:var(--grey);animation:vehicleDetailsLoad 2s ease-in-out infinite}.vehicle-details-loader .vehicle-info-loader .vehicle-info-text-loader:nth-child(1){height:1rem;width:30%}.vehicle-details-loader .vehicle-info-loader .vehicle-info-text-loader:nth-child(2){height:2rem;width:50%;margin-bottom:1rem}.vehicle-details-loader .vehicle-info-loader .vehicle-info-text-loader:nth-child(5){width:60%}.vehicle-details-loader .vehicle-info-loader .vehicle-info-button-loader{margin-top:1rem;height:3rem;width:40%;background-color:var(--grey);border-radius:.5rem;animation:vehicleDetailsLoad 2s ease-in-out infinite}@keyframes vehicleDetailsLoad{0%{background-color:var(--grey)}50%{background-color:var(--textGrey)}to{background-color:var(--grey)}}.vehicle-details{width:100%;min-height:100%;max-width:1920px;background-color:var(--bgGrey);margin:0 auto;padding:6rem 8rem;display:grid;grid-template-columns:repeat(2,1fr);grid-gap:1rem}.vehicle-details-image{height:fit-content;position:sticky;top:7rem;display:flex;cursor:pointer;background-color:var(--grey);border-radius:1rem;overflow:hidden;box-shadow:0 20px 40px #0000004d;animation:vehicleDetailsLoad 2s ease-in-out infinite}.vehicle-details-image img{height:450px;width:100%;object-fit:cover}.vehicle-details-image .location{position:absolute;top:1rem;left:1rem;display:flex;justify-content:center;align-items:center;gap:.5rem;padding:.5rem 1rem;border-radius:100vw;background-color:var(--white);font-weight:600}.vehicle-info{position:relative;display:flex;flex-direction:column;gap:1rem}.vehicle-info .vehicle-info-name h2{font-size:1.3rem;font-weight:600;text-transform:uppercase;color:var(--textDarkGrey)}.vehicle-info .vehicle-info-name h1{font-size:3rem;font-weight:700;font-family:Montserrat,sans-serif}.vehicle-info .vehicle-info-name .rating{margin-top:1rem;display:flex;align-items:center;flex-wrap:wrap;gap:.5rem;font-weight:600}.vehicle-info .vehicle-info-name .rating .stars{display:flex;justify-content:center;align-items:center;width:fit-content;gap:.2rem;padding:.5rem 1rem;border-radius:100vw;background-color:var(--white);font-weight:600}.vehicle-info .vehicle-info-name .rating .stars .star i{color:var(--orange)}.vehicle-info p{font-size:1.3rem;font-weight:500;color:var(--textDarkGrey)}.vehicle-info-actions{display:flex;flex-direction:column}.vehicle-info-actions .price{font-size:2rem}.vehicle-info-actions .price span{color:var(--textDarkGrey);font-size:1.5rem}.vehicle-info-actions p{color:var(--black);font-weight:400;font-size:1.3rem}.vehicle-info-actions p span{font-weight:600;cursor:pointer;position:relative}.vehicle-info-actions p span:before{content:"";position:absolute;left:0;bottom:0;width:100%;height:2px;background-color:var(--black);transition:width .2s}.vehicle-info-actions p span:hover:before{width:0%;left:unset;right:0}.vehicle-info-actions button{width:fit-content;cursor:pointer;padding:.7rem 2rem;font-weight:600;font-size:1.5rem;background-color:var(--black);color:var(--white);border-radius:.5rem;border:none;margin-top:1rem;margin-bottom:.5rem;transition:all .2s}.vehicle-info-actions button:active{transform:scale(.95)}.vehicle-info-actions button:focus{outline:2px solid var(--black);outline-offset:2px}.vehicle-info-actions button:disabled{filter:opacity(.5);cursor:not-allowed}.vehicle-info-actions button:disabled:active{transform:scale(1)}.vehicle-specs{width:100%;background-color:var(--white);padding:1rem;border-radius:1rem;position:relative;z-index:10}.vehicle-specs table{width:100%;position:relative;z-index:5}.vehicle-specs table caption{font-size:1.5rem;font-weight:600;text-align:left}.vehicle-specs table tbody{margin-top:.5rem;display:flex;flex-direction:column}.vehicle-specs table tbody tr{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:1rem;padding:.3rem 0}.vehicle-specs table tbody tr:not(:last-child){border-bottom:2px solid var(--bgGrey)}.vehicle-specs table tbody tr td:first-child{font-weight:600}.vehicle-specs table tbody tr td{font-size:1.2rem}@media screen and (max-width: 1366px){.vehicle-details-loader,.vehicle-details{padding:6rem 3.5rem}.vehicle-details-image{top:6.5rem}.vehicle-details-loader .vehicle-details-image-loader,.vehicle-details-image img{height:400px}}@media screen and (max-width: 1024px){.vehicle-details-loader .vehicle-details-image-loader,.vehicle-details-image img{height:300px}.vehicle-details .location{padding:.3rem .8rem}.vehicle-info .vehicle-info-name h2{font-size:1.2rem}.vehicle-info .vehicle-info-name h1{font-size:2.5rem}.vehicle-info .vehicle-info-name .rating .stars{padding:.3rem .8rem}.vehicle-info p{font-size:1.2rem}.vehicle-info-actions .price span,.vehicle-info-actions button{font-size:1.4rem}}@media screen and (max-width: 768px){.vehicle-details-loader,.vehicle-details{padding:4rem 1rem;grid-template-columns:repeat(1,1fr)}.vehicle-details-loader .vehicle-details-image-loader{height:350px;border-radius:.7rem}.vehicle-details-image{position:relative;top:unset;border-radius:.7rem;box-shadow:0 10px 20px #0000004d}.vehicle-details-image img{height:350px}.vehicle-details .location{top:.5rem;left:.5rem;padding:.2rem .6rem}.vehicle-info .vehicle-info-name h2{font-size:1rem}.vehicle-info .vehicle-info-name h1{font-size:2.5rem}.vehicle-info .vehicle-info-name .rating .stars{padding:.2rem .6rem}.vehicle-info .vehicle-info-name .rating .stars .star{font-size:.8rem}.vehicle-info p{font-size:1rem}.vehicle-info-actions .price{font-size:1.5rem}.vehicle-info-actions .price span{font-size:1.3rem}.vehicle-info-actions p{font-size:1rem}.vehicle-info-actions button{font-size:1.3rem}.vehicle-specs{border-radius:.7rem;padding:.7rem}.vehicle-specs table caption{font-size:1.2rem}.vehicle-specs table tbody tr td{font-size:1rem}}@media screen and (max-width: 480px){.vehicle-details-loader,.vehicle-details{padding:3.5rem .5rem}.vehicle-details-loader .vehicle-details-image-loader,.vehicle-details-image img{height:250px}.vehicle-info .vehicle-info-name h1{font-size:2rem}.vehicle-info-actions .price{font-size:1.3rem}.vehicle-info-actions .price span{font-size:1rem}.vehicle-details-loader .vehicle-info-loader .vehicle-info-button-loader{width:100%}.vehicle-info-actions button{width:100%;font-size:1rem}}.preview-image-wrapper{position:fixed;top:0;left:0;height:100%;width:100%;padding:2rem;z-index:999;background-color:#0000004d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;justify-content:center;align-items:center}.preview-image-wrapper img{object-fit:contain;border-radius:1rem;box-shadow:0 20px 40px #0000004d}.preview-image-wrapper .close{position:absolute;top:1rem;right:1rem;cursor:pointer;height:2.5rem;width:2.5rem;background-color:var(--bgGrey);display:flex;justify-content:center;align-items:center;border-radius:50%}.preview-image-wrapper .close .close-icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);height:1px;width:20px;background-color:transparent}.preview-image-wrapper .close .close-icon:before,.preview-image-wrapper .close .close-icon:after{content:"";position:absolute;height:2px;width:100%;border-radius:100vw;background-color:var(--black);transition:all .2s}.preview-image-wrapper .close .close-icon:before{transform:translate(0) rotate(45deg)}.preview-image-wrapper .close .close-icon:after{transform:translate(0) rotate(-45deg)}@media screen and (max-width: 768px){.preview-image-wrapper{padding:1rem}.preview-image-wrapper img{object-fit:contain;border-radius:.7rem;box-shadow:0 10px 20px #0000004d}}.form-container .progress-bar{height:.5rem;display:grid;grid-template-columns:repeat(4,1fr);grid-gap:.5rem}.form-container .progress-bar span{background-color:var(--bgGrey);border-radius:1rem;transition:background-color .2s}.btns{display:flex;gap:1rem}.btns button.previous-btn{width:100%;padding:.5rem 1.5rem;font-size:1rem;font-weight:500;background-color:var(--white);color:var(--black);border:2px solid var(--black);outline:none;border-radius:.5rem;cursor:pointer}.btns button.next-btn{width:100%;padding:.5rem 1.5rem;font-size:1rem;font-weight:500;background-color:var(--black);color:var(--white);border:none;outline:none;border-radius:.5rem;cursor:pointer}.btns button:focus{outline:2px solid var(--black);outline-offset:2px}form label{width:100%;font-weight:500}form label input:focus{outline:2px solid var(--orange)}.about-page{width:100%;min-height:100vh;background-color:var(--bgGrey);display:flex;flex-direction:column;gap:2rem;margin:0 auto;padding:6rem 8rem}.about-section-img{width:100%;max-width:1920px;margin:0 auto;height:400px;overflow:hidden;border-radius:1rem;box-shadow:0 20px 40px #0000004d}.about-section-img img{height:100%;width:100%;object-fit:cover}.about-text{display:flex;flex-direction:column;gap:2rem}.about-text .about-text-elem{position:relative;width:100%;min-height:100%;max-width:1920px;margin:0 auto;display:grid;grid-template-columns:repeat(2,1fr)}.about-text .about-text-elem .about-text-elem-left h1{font-size:4rem;font-family:Montserrat,sans-serif}.about-text .about-text-elem .about-text-elem-right{display:flex;flex-direction:column;gap:1rem}.about-text .about-text-elem .about-text-elem-right p{color:var(--textDarkGrey);font-weight:500;font-size:1.3rem}.about-text .about-text-elem .about-text-elem-right p a,.about-text .about-text-elem .about-text-elem-right p span{font-weight:600}.about-text .about-text-elem .about-text-elem-right p a{text-decoration:none;position:relative}.about-text .about-text-elem .about-text-elem-right p a:before{content:"";position:absolute;left:0;bottom:0;width:100%;height:2px;background-color:var(--black);transition:width .2s}.about-text .about-text-elem .about-text-elem-right p a:hover:before{width:0%;left:unset;right:0}.about-text .about-text-elem .about-text-elem-right ul{padding-left:1.3rem}.about-text .about-text-elem .about-text-elem-right ul li{color:var(--textDarkGrey);font-weight:500;font-size:1.3rem}.about-text .about-text-elem .about-text-elem-right ul li::marker{color:var(--black)}.about-text .about-text-elem .about-text-elem-right ul li span{font-weight:600}@media screen and (max-width: 1366px){.about-page{padding:6rem 3.5rem}}@media screen and (max-width: 1024px){.about-text .about-text-elem .about-text-elem-left h1{font-size:3rem}.about-text .about-text-elem .about-text-elem-right p,.about-text .about-text-elem .about-text-elem-right ul li{font-size:1.2rem}}@media screen and (max-width: 768px){.about-page{padding:4rem 1rem;gap:1rem}.about-section-img{height:300px;border-radius:.7rem;box-shadow:0 10px 20px #0000004d}.about-text{gap:1rem}.about-text .about-text-elem{grid-template-columns:repeat(1,1fr)}.about-text .about-text-elem .about-text-elem-right{margin-top:.5rem}.about-text .about-text-elem .about-text-elem-left h1{font-size:2rem}.about-text .about-text-elem .about-text-elem-right p{font-size:1rem}.about-text .about-text-elem .about-text-elem-right ul{padding-left:1.2rem}.about-text .about-text-elem .about-text-elem-right ul li{font-size:1rem}}@media screen and (max-width: 480px){.about-page{padding:3.5rem .5rem}.about-section-img{height:200px}}.not-found-page{width:100%;min-height:100vh;background-color:var(--bgGrey);display:flex;flex-direction:column;align-items:center;justify-content:center;margin:0 auto;padding:6rem 8rem}.not-found-page h1{font-size:2.5rem}.not-found-page p{font-size:1.2rem}.not-found-page a{text-decoration:none;cursor:pointer;padding:.5rem 1rem;background-color:var(--black);color:var(--white);border:2px solid var(--black);border-radius:100vw;font-family:Montserrat,sans-serif;font-weight:500;font-size:1rem;text-align:center;outline:none;display:flex;align-items:center;justify-content:center;gap:.5rem;margin-top:1.5rem;transition:all .3s}.not-found-page a i{color:var(--white);transition:all .3s}.not-found-page a:hover{background-color:transparent;gap:1rem;color:var(--black)}.not-found-page a:hover i{color:var(--black)}@media screen and (max-width: 1366px){.not-found-page{padding:6rem 3.5rem}}@media screen and (max-width: 768px){.not-found-page{padding:4rem 1rem}}@media screen and (max-width: 480px){.not-found-page{padding:3.5rem .5rem}.footer-container .footer-top button{padding:.4rem .8rem}}.profile-modal-wrapper{position:fixed;top:0;left:0;height:100%;width:100%;padding:2rem;z-index:999;background-color:#0000004d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;justify-content:center;align-items:center}.profile-modal-wrapper .profile-modal{width:100%;max-width:500px;max-height:100%;display:flex;flex-direction:column;gap:1rem;background-color:var(--white);padding:1rem;border-radius:1rem;overflow:hidden;box-shadow:0 20px 40px #0000004d;position:relative}.profile-modal-wrapper .profile-modal .close{position:absolute;top:1rem;right:1rem;cursor:pointer;height:2.5rem;width:2.5rem;background-color:var(--bgGrey);display:flex;justify-content:center;align-items:center;border-radius:50%}.profile-modal-wrapper .profile-modal .close .close-icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);height:1px;width:20px;background-color:transparent}.profile-modal-wrapper .profile-modal .close .close-icon:before,.profile-modal-wrapper .profile-modal .close .close-icon:after{content:"";position:absolute;height:2px;width:100%;border-radius:100vw;background-color:var(--black);transition:all .2s}.profile-modal-wrapper .profile-modal .close .close-icon:before{transform:translate(0) rotate(45deg)}.profile-modal-wrapper .profile-modal .close .close-icon:after{transform:translate(0) rotate(-45deg)}.profile-modal-wrapper .profile-modal .profile-info{display:flex;flex-direction:column;align-items:center;gap:.5rem}.profile-modal-wrapper .profile-modal .profile-info .profile-info-icon{display:flex}.profile-modal-wrapper .profile-modal .profile-info .profile-info-icon img{height:5rem;width:5rem;border-radius:50%;box-shadow:0 1rem 2rem #0000004d}.profile-modal-wrapper .profile-modal .profile-info .profile-info-dets{display:flex;flex-direction:column;align-items:center;justify-content:center}.profile-modal-wrapper .profile-modal .profile-info .profile-info-dets h4{color:var(--textDarkGrey);font-weight:600}.profile-modal-wrapper .profile-modal .profile-info-loader{display:flex;flex-direction:column;gap:1rem;justify-content:center;align-items:center}.profile-modal-wrapper .profile-modal .profile-info-loader .profile-info-icon-loader{height:5rem;width:5rem;background-color:var(--grey);border-radius:50%;animation:profileUserLoad 2s ease-in-out infinite}.profile-modal-wrapper .profile-modal .profile-info-loader .profile-info-dets-loader{display:flex;flex-direction:column;gap:.5rem;justify-content:center;align-items:center}.profile-modal-wrapper .profile-modal .profile-info-loader .profile-info-dets-loader .profile-info-dets-text-loader{height:.7rem;width:7rem;background-color:var(--grey);border-radius:.5rem;animation:profileUserLoad 2s ease-in-out infinite}@keyframes profileUserLoad{0%{background-color:var(--grey)}50%{background-color:var(--textGrey)}to{background-color:var(--grey)}}.profile-modal-wrapper .profile-modal .profile-info-loader .profile-info-dets-loader .profile-info-dets-text-loader:nth-child(2){width:10rem}.profile-modal-wrapper .profile-modal>button{width:100%;cursor:pointer;font-size:1rem;padding:.3rem 1rem;border-radius:100vw;text-decoration:none;background-color:transparent;background-color:var(--black);color:var(--white);font-weight:500;border:none}.profile-modal-wrapper .profile-modal>button:focus{outline:2px solid var(--black);outline-offset:2px}.profile-modal-wrapper .profile-modal .profile-rented-cars-section .profile-rented-cars-section-head p a{text-decoration:none;font-weight:600;cursor:pointer;position:relative}.profile-modal-wrapper .profile-modal .profile-rented-cars-section .profile-rented-cars-section-head p a:before{content:"";position:absolute;left:0;bottom:0;width:100%;height:2px;background-color:var(--black);transition:width .2s}.profile-modal-wrapper .profile-modal .profile-rented-cars-section .profile-rented-cars-section-head p a:hover:before{width:0%;left:unset;right:0}.profile-modal-wrapper .profile-modal .profile-rented-cars-section{flex-grow:1;height:auto;overflow:hidden;display:flex;flex-direction:column}.profile-modal-wrapper .profile-modal .profile-rented-cars-section .profile-rented-cars-section-body{flex-grow:1;overflow-y:auto;scrollbar-width:thin;display:flex;flex-direction:column;gap:.5rem;border-radius:.5rem}.profile-modal-wrapper .profile-modal .profile-rented-cars-section .profile-rented-cars-section-body .rented-car{background-color:var(--bgGrey);padding:.5rem;border-radius:.5rem;display:grid;grid-template-columns:repeat(3,1fr);grid-gap:.5rem}.profile-modal-wrapper .profile-modal .profile-rented-cars-section .profile-rented-cars-section-body .rented-car .rented-car-image{display:flex;background-color:var(--white);border-radius:.5rem}.profile-modal-wrapper .profile-modal .profile-rented-cars-section .profile-rented-cars-section-body .rented-car .rented-car-image img{height:7rem;width:100%;object-fit:cover;border-radius:.5rem}.profile-modal-wrapper .profile-modal .profile-rented-cars-section .profile-rented-cars-section-body .rented-car .rented-car-text{grid-column-start:2;grid-column-end:4;display:flex;flex-direction:column}.profile-modal-wrapper .profile-modal .profile-rented-cars-section .profile-rented-cars-section-body .rented-car .rented-car-text>p{width:100%;text-align:center;margin-top:auto;font-weight:700;font-style:italic}.profile-modal-wrapper .profile-modal .profile-rented-cars-section .profile-rented-cars-section-body .rented-car .rented-car-text h4{color:var(--textDarkGrey);line-height:100%;text-transform:uppercase;font-weight:600}.profile-modal-wrapper .profile-modal .profile-rented-cars-section .profile-rented-cars-section-body .rented-car .rented-car-text .rented-car-dates{width:100%;display:flex;align-items:center;justify-content:space-between;font-weight:500}.profile-modal-wrapper .profile-modal .profile-rented-cars-section .profile-rented-cars-section-body .rented-car .rented-car-text button{background-color:transparent;color:var(--black);border:2px solid var(--black);width:100%;text-align:center;cursor:pointer;font-size:1rem;padding:.2rem 1rem;border-radius:100vw;font-weight:500;margin-top:auto;transition:background-color .3s}.profile-modal-wrapper .profile-modal .profile-rented-cars-section .profile-rented-cars-section-body .rented-car .rented-car-text button:hover{background-color:var(--white)}.profile-modal-wrapper .profile-modal .profile-rented-cars-section .profile-rented-cars-section-body .rented-car .rented-car-text button:focus{outline:2px solid var(--black);outline-offset:2px}@media screen and (max-width: 768px){.profile-modal-wrapper{padding:1rem}.profile-modal-wrapper .profile-modal{border-radius:.7rem;box-shadow:0 10px 20px #0000004d}}@media screen and (max-width: 481px){.profile-modal-wrapper .profile-modal .profile-rented-cars-section .profile-rented-cars-section-body .rented-car{display:flex;flex-direction:column}.profile-modal-wrapper .profile-modal .profile-rented-cars-section .profile-rented-cars-section-body .rented-car .rented-car-image{display:flex;background-color:var(--white)}.profile-modal-wrapper .profile-modal .profile-rented-cars-section .profile-rented-cars-section-body .rented-car .rented-car-image img{height:10rem}.profile-modal-wrapper .profile-modal .profile-rented-cars-section .profile-rented-cars-section-body .rented-car .rented-car-text h4{font-size:.8rem}.profile-modal-wrapper .profile-modal .profile-rented-cars-section .profile-rented-cars-section-body .rented-car .rented-car-text h3{font-size:1rem}.profile-modal-wrapper .profile-modal .profile-rented-cars-section .profile-rented-cars-section-body .rented-car .rented-car-text button{font-size:.8rem;margin-top:.5rem}}.toast{position:fixed;bottom:20px;right:20px;padding:.8rem 1rem;border-radius:5px;font-size:1rem;z-index:1000;display:flex;justify-content:center;align-items:center;gap:.5rem;background-color:var(--black);color:var(--white);box-shadow:0 0 1rem #0000004d;font-weight:500}.toast .toast-icon{height:1.5rem;width:1.5rem;display:flex;justify-content:center;align-items:center;border-radius:50%}.toast .toast-icon i{color:var(--white);font-size:1rem}.toast.success .toast-icon{background-color:var(--orange)}.toast.error .toast-icon{background-color:red}@media screen and (max-width: 768px){.toast{font-size:.8rem;padding:.8rem}.toast .toast-icon{height:1.2rem;width:1.2rem}.toast .toast-icon i{font-size:.8rem}}.form-wrapper{position:fixed;top:0;left:0;z-index:999;height:100%;width:100%;background-color:#0000004d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;justify-content:center;align-items:center;padding:1rem}.form-container{width:100%;max-width:500px;display:flex;flex-direction:column;gap:1rem;background-color:var(--white);padding:1rem;border-radius:1rem;overflow:hidden;box-shadow:0 20px 40px #0000004d;position:relative}.form-container .close{position:absolute;top:1rem;right:1rem;cursor:pointer;height:2.5rem;width:2.5rem;background-color:var(--bgGrey);display:flex;justify-content:center;align-items:center;border-radius:50%}.form-container .close .close-icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);height:1px;width:20px;background-color:transparent}.form-container .close .close-icon:before,.form-container .close .close-icon:after{content:"";position:absolute;height:2px;width:100%;border-radius:100vw;background-color:var(--black);transition:all .2s}.form-container .close .close-icon:before{transform:translate(0) rotate(45deg)}.form-container .close .close-icon:after{transform:translate(0) rotate(-45deg)}.form-container h1{overflow:hidden;width:fit-content}form{width:100%;display:flex;flex-direction:column;gap:1rem}form label{width:100%;font-weight:500;position:relative;display:flex;flex-direction:column}form label input{width:100%;padding:.5rem;font-size:1rem;border-radius:.5rem;border:none;background-color:var(--bgGrey)}form label input:focus{outline:2px solid var(--black)}form button{width:100%;padding:.5rem 1.5rem;font-size:1rem;font-weight:500;background-color:var(--black);color:var(--white);border:none;outline:none;border-radius:.5rem;cursor:pointer;display:flex;justify-content:center;align-items:center}form button:focus{outline:2px solid var(--black);outline-offset:2px}form button .loader{border:.2rem solid transparent;border-top:.2rem solid var(--white);border-radius:50%;display:flex;width:1.5rem;height:1.5rem;animation:spin .5s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.form-container p{text-align:center}.form-container p span{font-weight:700;cursor:pointer}form .avatar-wrapper{display:flex;flex-direction:column;gap:.5rem}form .avatar-wrapper p{font-weight:500;text-align:left}form .avatar-wrapper .avatars{display:flex;gap:1rem;flex-wrap:wrap}form .avatar-wrapper .avatars .avatar-option label{cursor:pointer;display:flex;height:3rem;width:3rem;overflow:hidden;border-radius:50%}form .avatar-wrapper .avatars .avatar-option label img{height:100%;width:100%;object-fit:cover}form .avatar-wrapper .avatars .avatar-option input[type=radio]{display:none}form .avatar-wrapper .avatars .avatar-option input[type=radio]:checked+label{outline:2px solid var(--black);outline-offset:2px}.password-input-container{position:relative;display:flex;align-items:center}.password-input-container input{width:100%;padding-right:2rem}.password-toggle-icon{position:absolute;right:.5rem;cursor:pointer}@media screen and (max-width: 768px){.form-container{border-radius:.7rem;box-shadow:0 10px 20px #0000004d}}@media screen and (max-width: 480px){form .avatar-wrapper .avatars .avatar-option label{height:2.5rem;width:2.5rem}}.response-card{width:100%;display:flex;justify-content:center;flex-direction:column;gap:1rem}.response-card .response-icon{height:5rem;width:5rem;border-radius:50%;display:flex;justify-content:center;align-items:center;margin:auto;font-size:2rem}.response-card .response-icon i{color:var(--white)}.response-card .response-icon.success{background-color:var(--orange)}.response-card .response-icon.error{background-color:red}.response-card button{width:100%;padding:.5rem 1.5rem;font-size:1rem;font-weight:500;background-color:var(--black);color:var(--white);border:none;outline:none;border-radius:.5rem;cursor:pointer}.response-card button:focus{outline:2px solid var(--black);outline-offset:2px}.response-card p{font-size:1.2rem;font-weight:600}:root{--black: #000;--white: #fff;--bgGrey: #e4e4e4;--grey: #b6b6b6;--textGrey: #d6d6d6;--textDarkGrey: #616161;--orange: #ec9b03;--bgBlue: #0c111d;--blue: #182230}*{margin:0;padding:0;box-sizing:border-box;font-family:Poppins,sans-serif;-webkit-tap-highlight-color:transparent;color:var(--black)}html,body{height:100%;width:100%}#root{min-height:100vh;width:100%;padding:.75rem;display:flex;flex-direction:column;background-color:var(--bgGrey)}@media screen and (max-width: 1366px){#root{padding:.5rem}}