.mobile{display:none}
@media(max-width:768px){.mobile{display:block}
.desktop{display:none}
}
.bookTestRide-form-container{display:flex;height:100vh}
.preBooking-form-container{display:flex;height:100vh;position:fixed;width:100%}
.left-section{flex:1;background:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative}
.bookTestRide-form-content{overflow:auto;height:65vh;display:flex;flex-direction:column;gap:16px;padding:16px 0}
.logo{position:absolute;top:40px;left:40px;font-size:28px;font-weight:bold}
.bike-image{width:80%;max-width:650px;object-fit:contain}
.visualiser-link{display:flex;margin-top:20px;color:#00b2b2;text-decoration:none;font-weight:500;gap:15px}
.visualiser-link p{color:#00b2b2;font-weight:700;white-space:nowrap}
.visualiser-link-icon{display:flex;align-items:center;justify-content:center}
.right-section{width:422px;background:#fff;display:flex;flex-direction:column;padding:40px 50px;border-left:1px solid #e0e0e0;box-shadow:2px 1px 34px 0 #0000001A;z-index:2;position:relative}
.back-arrow{font-size:24px;cursor:pointer;margin-bottom:24px}
.submit-btn-container{position:absolute;left:0;width:100%;padding:40px 40px 24px;bottom:0;box-shadow:0 -10px 14px 0 #0000000F;background:#FFFF}
.form-title{margin-bottom:24px}
.success-screen{display:none;flex-direction:column;height:100%;box-sizing:border-box;position:relative}
.success-screen.active{display:flex;align-items:center;justify-content:center}
.btn-group{gap:24px}
.auth-input{border:0;border-bottom:1px solid #e0e0e0;padding:12px 0;font-size:14px;outline:0;background:transparent;color:#000;width:100%;font-family:'Inter';font-weight:400}
.auth-input::placeholder{color:transparent}
.auth-input:focus{border-bottom-color:#00a7a0}
.floating-group{position:relative;width:100%}
.floating-label{position:absolute;left:0;top:50%;transform:translateY(-50%);font-size:14px;color:#666;font-family:'Inter';font-weight:400;pointer-events:none;transition:transform .2s ease,font-size .2s ease,color .2s ease,top .2s ease}
.auth-input:focus+.floating-label,.auth-input:not(:placeholder-shown)+.floating-label{top:0;transform:translateY(-100%);font-size:12px;color:#0f1010}
.submit-btn{background-color:#05a8a3;color:#0f1010;font-family:'Inter' !important;border:0;border-radius:8px;padding:16px 24px;font-weight:800;font-size:16px;cursor:pointer;width:100%;transition:background-color .2s ease;letter-spacing:.5px}
.preBooking-form-container .btn-outline{background:#fff;border:1px solid #05a8a3;color:#05a8a3;font-family:'Inter' !important;border-radius:8px;padding:16px 24px;font-weight:800;font-size:16px;cursor:pointer;width:100%;transition:background-color .2s ease;letter-spacing:.5px}
.submit-btn:hover{background-color:#05a8a9}
.submit-btn:active{background-color:#05a8a9}
.auth-agree{font-size:13px;color:#666;line-height:1.4;margin:20px 0}
.auth-agree a{color:#000;font-weight:700;text-decoration:none}
.auth-agree a:hover{text-decoration:underline}
.otp-container{display:flex;justify-content:space-between;gap:15px;margin:30px 0}
.auth-field-signup-container{display:flex;flex-direction:column;gap:20px}
.auth-checkbox-signup-container{margin-top:28px}
.otp-input{width:100%;height:50px;font-size:20px;text-align:center;border:0;border-bottom:1px solid #219653;outline:0;transition:.2s;background:transparent;color:#000;font-weight:600}
.otp-input:focus{border-bottom-color:#00a7a0}
.otp-input::placeholder{color:#000;font-size:16px;font-weight:400}
.resend-info{text-align:left;font-size:13px;color:#000;margin:20px 0;line-height:1.4;font-weight:400}
.resend-info a{color:#727272;text-decoration:none;font-weight:400}
.resend-info span{font-weight:400;color:#000}
.checkboxes{display:flex;flex-direction:column;gap:15px;font-size:13px;margin:20px 0}
.auth-field{display:flex;flex-direction:column;gap:20px;margin-bottom:20px}
.auth-checkbox{display:flex;align-items:flex-start;gap:12px;cursor:pointer;font-size:13px;line-height:1.4;color:#666;align-items:center}
.auth-checkbox input[type="checkbox"]{display:none}
.auth-checkbox-custom{width:18px;height:18px;border:2px solid #e0e0e0;border-radius:3px;background-color:#fff;position:relative;flex-shrink:0;margin-top:2px;transition:all .2s ease}
.auth-checkbox input[type="checkbox"]:checked+.auth-checkbox-custom{background-color:#acdd00;border-color:#acdd00}
.auth-checkbox input[type="checkbox"]:checked+.auth-checkbox-custom::after{content:"✓";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#000;font-size:12px;font-weight:bold}
.auth-checkbox-text{flex:1}
.auth-checkbox-text p{font-weight:400;font-size:14px;text-align:start}
.auth-checkbox-text a{text-decoration:none;color:#212121;font-weight:600}
.auth-checkbox-text strong{color:#000;font-weight:700}
.auth-select-wrapper{position:relative}
.auth-select{width:100%;border:0;border-bottom:1px solid #bdbdbd;font-size:14px;line-height:40px;font-weight:400;outline:0;background:transparent;color:#0f1010;appearance:none;cursor:pointer}
.auth-select-arrow{position:absolute;right:0;top:50%;transform:translateY(-50%);color:#666;pointer-events:none}
.auth-select:focus+.floating-label--select,.auth-select.has-value+.floating-label--select{top:0;transform:translateY(-100%);font-size:12px;color:#0f1010}
.validation{color:#ff6161;display:none}
#testRideOtp-resendOtp{cursor:not-allowed}
#testRideOtp-resendOtp.active{font-weight:bold;color:#05a8a3;cursor:pointer}
.mobile{display:none}
.back-button{position:absolute;top:42px;left:65px;font-size:24px;text-decoration:none;color:#000;z-index:10;padding:8px;border-radius:50%;transition:background-color .2s ease}
.back-button:hover{background-color:#f5f5f5}
.back-button svg{display:block}
.success-title{gap:20px;text-align:center}
.check-icon{display:flex;justify-content:center;margin:84px 0 25px}
.check-icon svg{width:55px;height:54px}
.benefits-card{background-color:#fff;border:1px solid #e5e5e5;border-radius:12px;padding:24px 48px;width:100%;box-shadow:0 1px 4px rgba(0,0,0,0.05);text-align:left}
.benefits-card h3{font-size:24px;font-weight:600;color:#000;margin-bottom:16px;line-height:140%}
.benefits-card ul{list-style:none;padding:0;margin:0}
.benefits-card li{color:#7b7b7b;font-size:16px;margin:8px 0;font-weight:400;position:relative;padding-left:22px;line-height:1.4;font-family:'Inter'}
.benefits-card li::before{content:"—";position:absolute;left:0;color:#00a7a0;font-weight:400}
.remind{color:#00a7a0;font-weight:600;margin:25px 0;cursor:pointer;text-align:center;text-decoration:none}
.remind a{color:#00a7a0;font-weight:600;margin:25px 0;cursor:pointer;text-align:center;text-decoration:none}
.btn-group{display:flex;gap:30px;margin:25px 0;justify-content:center}
.btn{padding:12px 20px;font-size:14px;font-weight:700;border-radius:8px;cursor:pointer;min-width:150px;transition:.2s ease-in-out;text-decoration:none;text-align:center;display:inline-block}
.btn-outline{border:1.5px solid #000;background-color:#fff;color:#000;width:50%;font-weight:800;font-size:16px}
.btn-outline:hover{background-color:#f2f2f2}
.btn-fill{border:0;width:100%;background-color:#00a7a0;color:#000;font-weight:800;font-size:16px}
.btn-fill:hover{background-color:#008f88}
.otp-info{font-size:14px;color:#666;margin:12px 0 20px 0;line-height:1.4;font-weight:400}
.otp-info span{font-weight:600;color:#000}
@media(max-width:768px){.bookTestRide-form-container{display:block}
.back-arrow{display:none}
}
.alert-box{position:absolute;top:60%;right:40px;width:422px;height:82px;background:#fff;border-radius:6px;box-shadow:0 2px 10px rgba(0,0,0,0.1);padding:16px;display:none;flex-direction:column;justify-content:center;animation:fadeIn .3s ease}
.alert-content{display:flex;flex-direction:row;justify-content:space-between;align-items:center;width:100%;height:50px}
.alert-left{display:flex;flex-direction:row;align-items:center;gap:12px}
.alert-icon-bg{width:32px;height:32px;background:rgba(255,0,0,0.08);border-radius:6.4px;display:flex;justify-content:center;align-items:center}
.alert-icon{width:16px;height:16px}
.alert-text{display:flex;flex-direction:column;gap:6px}
.alert-title{font-weight:600;font-size:14px;color:#000}
.alert-message{font-weight:400;font-size:12px;color:#4d4d4d;line-height:14px}
.alert-close{width:24px;height:24px;background:transparent;border:0;cursor:pointer;padding:0}
.overlay{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.6);z-index:9}
.signin-modal{display:none;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:509px;height:302px;background:#fff;border-radius:12px;padding:24px;box-sizing:border-box;z-index:10}
.close-btn{position:absolute;right:20px;top:20px;font-size:20px;cursor:pointer;color:#080808;border-radius:50%;width:24px;height:24px;text-align:center;line-height:18px}
.modal-content{display:flex;flex-direction:column;align-items:center;gap:16px;justify-content:center;height:100%}
.icon-bg{width:72px;height:72px;background:rgba(170,199,186,0.18);border-radius:14.4px;display:flex;align-items:center;justify-content:center}
h2{font-weight:600;font-size:20px;color:#000;margin:0}
p{font-weight:500;font-size:16px;text-align:center;color:#000;margin:0;width:80%}
.primary-btn{background:#05a8a3;color:#000;font-weight:800;font-size:16px;letter-spacing:.02em;border:0;border-radius:8px;padding:16px 32px;cursor:pointer;font-family:initial !important;width:100%}
.primary-btn:hover{background:#04918d}
.prebook-form-image{width:80%}
.select-dealer-list{display:none;flex-direction:column;justify-content:space-between;gap:10px;margin-bottom:20px}
.select-dealer-list.active{display:flex}
.dealer-item-card{display:flex;flex-direction:column;align-items:flex-start;padding:16px;gap:16px;background:#fff;border:1px solid #98a5a5;border-radius:12px;cursor:pointer}
.dealer-address-level,.dealer-navigation{cursor:pointer;display:none}
.dealer-item-card.active{border:1px solid #00A8A3;box-shadow:0 0 14px rgba(0,0,0,0.12);.dealer-address-level,.dealer-navigation{display:block}
}
.dealer-item-header{width:100%;justify-content:space-between;display:flex}
.dealer-name{font-family:'FlyingFlea-Bold';font-weight:700;font-size:18px;line-height:100%;letter-spacing:0;color:#0f1010}
.dealer-address-level{font-family:'Inter';font-weight:400;font-size:14px;line-height:100%;letter-spacing:0;margin-bottom:8px}
.dealer-address{font-family:'Inter';font-weight:500;font-size:14px;line-height:100%;letter-spacing:0}
.tr-modal-overlay{display:flex}
.success-title h3{margin-bottom:16px}
.success-title{font-weight:400}
.check-icon{margin:0 0 25px}
.cmp-link__screen-reader-only{display:none}
@media(max-width:768px){.preBooking-form-container{flex-direction:column}
.success-title{width:85%}
.btn-group{gap:16px;width:100%}
.logo{position:relative;height:20px;top:0;left:0}
.logo img{height:20px}
.left-section{padding:24px 24px 0;align-items:flex-start;max-height:fit-content}
.prebook-form-image{margin:0 auto}
.visualiser-link{display:none}
.right-section{width:100%;box-shadow:none;padding:32px 24px}
#bookTestRideForm{height:62vh}
.bookTestRide-form-content{height:53vh}
.submit-btn-container{padding:24px 24px 60px}
.preBooking-form-container .mobile{display:block}
}
@media(min-width:768px) and (max-width:1200px){.submit-btn-container{padding:40px 40px 60px}
}
@media(max-width:380px){.submit-btn-container{padding:24px 24px 50px}
#bookTestRideForm{height:50vh}
.bookTestRide-form-content{height:40vh}
}
@media(max-height:1100px) and (min-width:600px) and (max-width:768px){#bookTestRideForm{height:50vh}
.bookTestRide-form-content{height:40vh}
}
@media(max-height:800px) and (max-width:768px){#bookTestRideForm{height:56vh}
.bookTestRide-form-content{height:44vh}
}
.test-ride-form-container{display:none}
.test-ride-form-container.active{display:block}
.validation.active{display:block !important}
.otp-input.invalid-otp{border-bottom:1px solid red}
.success-card{box-sizing:border-box;width:100%;height:auto;padding:24px 20px;border-radius:12px;border:1px solid #b3e5e2;background:linear-gradient(178.1deg,#ebf8f5 -27.72%,#fff 93.28%);display:flex;justify-content:center}
.success-card-inner{width:302px;display:flex;flex-direction:column;gap:32px}
.success-card-header{display:flex;flex-direction:column;gap:4px}
.success-card-header h2{font-family:'FlyingFlea-Bold' !important;font-size:24px;font-weight:700;margin:0}
.success-card-header p{font-family:'Inter',sans-serif;font-size:12px;margin:0;width:100%;text-align:left}
.success-card-image{display:flex;justify-content:center}
.success-card-image img{width:176px;height:auto}
.success-card-body{display:flex;flex-direction:column;gap:16px}
.success-card-body p{font-family:'Inter',sans-serif;font-size:14px;line-height:20px;margin:0;width:100%;text-align:left}
.success-dealer-row{display:flex;justify-content:space-between;align-items:center}
.success-dealer-info h3{font-family:'FlyingFlea-Bold' !important;font-size:18px;margin:0}
.success-location-icon{width:32px;height:32px;display:flex;align-items:center;justify-content:center;color:#00a8a3;border-radius:4px;font-size:14px;cursor:pointer}
.success-address{display:flex;flex-direction:column;gap:4px}
.success-address span{font-size:12px;color:#4d4d4d;font-family:'Inter',sans-serif}
.success-address p{font-size:14px;font-weight:500;margin:0;font-family:'Inter',sans-serif}