*{margin:0;padding:0;box-sizing:border-box;height:fit-content}
body{font-family:Poppins,sans-serif;margin:0;padding:0}
.section-one{background-color:#e02730;color:#fff;padding:100px 0;position:relative}
.div-row{display:flex;justify-content:center;gap:150px;width:95%;margin:auto}
.section-one .img-div{position:absolute;top:40px}
.content-div{padding:100px 0 0 0}
.content-div .heading{font-size:70px;font-weight:500;padding:0;line-height:1.2}
.content-div .sub-heading{font-size:40px;font-weight:400;padding:0 0 40px 0}
.content-div hr{width:100%;height:3px;background-color:#fff}
.content-div .bvm-title{font-size:30px;padding:20px 0;font-family:"Playfair Display",serif}
.content-div .bvm-title span{font-size:18px;display:block;font-family:Poppins,serif}
.content-div p{font-size:20px;width:70%}
.form-div{width:35%;background-color:#fff;border-radius:4px;padding:30px 50px}
.form-div .row{display:flex;gap:15px}
.form-div .form-heading{text-align:center;color:#24126b;margin-bottom:10px;font-size:28px;font-weight:400}
.mandatory{color:#6b6b6b;font-size:14px}
.mandatory span{color:red}
.form-div .line{width:48%;height:2px;background:#e02730;margin:0 auto 30px}
.form-div .form-group{flex:1;display:flex;flex-direction:column}
.form-div input,.form-div select{height:48px;border:1px solid #ddd;border-radius:8px;font-size:15px;outline:0;transition:.3s;color:#6b6b6b;box-shadow:0 2px 6px #00000029;background-color:#fff}
.form-div select{appearance:none;-webkit-appearance:none;-moz-appearance:none;text-transform:uppercase;width:100%}
.form-div input::placeholder{text-transform:uppercase}
.form-div input:focus,.form-div select:focus{border-color:#2f1485}
.form-div .btn{padding:15px 20px;height:48px;border:none;background:#2f1485;color:#fff;font-size:18px;border-radius:8px;cursor:pointer;transition:.3s;text-transform:uppercase}
.form-div .btn img{width:23px}
.form-div .btn:hover{background:#1e0d63}
.form-div small{color:#d60000;margin-top:5px;min-height:18px;font-size:13px}
.form-div .error{border-color:#d60000!important}
.form-div .form-group input{width:100%;padding:12px 15px 12px 42px;background-repeat:no-repeat;background-position:14px center;background-size:18px}
.form-div .name{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' stroke='%236b6b6b' stroke-width='2' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='8' r='4'/%3E%3Cpath d='M4 21c0-4 3-7 8-7s8 3 8 7'/%3E%3C/svg%3E")}
.form-div .email{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 22 24' fill='none' stroke='%236b6b6b' stroke-width='1.5'%3E%3Cpath d='M3 6h18v12H3z'/%3E%3Cpath d='M3 7l9 7 9-7'/%3E%3C/svg%3E")}
.form-div .mobile{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' stroke='%236b6b6b' stroke-width='2' viewBox='0 0 24 24'%3E%3Crect x='7' y='2' width='10' height='20' rx='2'/%3E%3Cline x1='11' y1='18' x2='13' y2='18'/%3E%3C/svg%3E")}
.form-div .company{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' stroke='%236b6b6b' stroke-width='2' viewBox='0 0 24 24'%3E%3Cpath d='M3 21h18M6 21V5h12v16M9 9h2m2 0h2m-6 4h2m2 0h2'/%3E%3C/svg%3E")}
.form-div .form-group select.location{width:100%;padding:12px 40px 12px 42px;appearance:none;-webkit-appearance:none;-moz-appearance:none;background-repeat:no-repeat;background-position:14px center,calc(100% - 15px) center;background-size:18px,25px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' stroke='%236b6b6b' stroke-width='2' viewBox='0 0 24 24'%3E%3Cpath d='M12 21s7-6 7-12a7 7 0 1 0-14 0c0 6 7 12 7 12z'/%3E%3Ccircle cx='12' cy='9' r='2'/%3E%3C/svg%3E"),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' stroke='%236b6b6b' stroke-width='1' viewBox='0 0 24 24'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E")}
.form-div .form-group select.date{width:100%;padding:12px 40px 12px 42px;appearance:none;-webkit-appearance:none;-moz-appearance:none;background-repeat:no-repeat;background-position:14px center,calc(100% - 15px) center;background-size:18px,25px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' stroke='%236b6b6b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' viewBox='0 0 24 24'%3E%3Crect x='3' y='5' width='18' height='16' rx='2' ry='2'/%3E%3Cline x1='16' y1='3' x2='16' y2='7'/%3E%3Cline x1='8' y1='3' x2='8' y2='7'/%3E%3Cline x1='3' y1='10' x2='21' y2='10'/%3E%3C/svg%3E"),url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" fill="none" stroke="%236b6b6b" stroke-width="1" viewBox="0 0 24 24"%3E%3Cpath d="M6 9l6 6 6-6"/%3E%3C/svg%3E')}
.form-div .form-group select.time{width:100%;padding:12px 40px 12px 42px;appearance:none;-webkit-appearance:none;-moz-appearance:none;background-repeat:no-repeat;background-position:14px center,calc(100% - 15px) center;background-size:18px,25px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' stroke='%236b6b6b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M12 7v5l3 2'/%3E%3C/svg%3E"),url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" fill="none" stroke="%236b6b6b" stroke-width="1" viewBox="0 0 24 24"%3E%3Cpath d="M6 9l6 6 6-6"/%3E%3C/svg%3E')}
.form-div .seats{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' stroke='%236b6b6b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' viewBox='0 0 24 24'%3E%3Cpath d='M7 10V7a2 2 0 0 1 2-2h6a2 2 0 0 1 2 2v3'/%3E%3Crect x='5' y='10' width='14' height='6' rx='1'/%3E%3Cpath d='M7 16v3M17 16v3'/%3E%3C/svg%3E")}
.litepicker .container__days .day-item.is-locked{color:#f3eeee!important}
.event-info{display:flex;align-items:center;justify-content:space-between;height:170px;background:#1f0b78;font-family:Roboto,sans-serif}
.info-box{position:relative;flex:1;text-align:center;padding:0 40px;color:#fff}
.info-box:not(:last-child)::after{content:"";position:absolute;top:50%;right:0;transform:translateY(-50%);width:1px;height:100px;background:rgba(255,255,255,.7)}
.event-date{display:block;font-size:60px;font-weight:900;line-height:1;color:#fff}
.event-date sup{font-size:28px;vertical-align:super}
.event-title{display:block;font-size:24px;font-weight:700;line-height:1.3;color:#fff;margin-bottom:8px}
.event-text{display:block;font-size:24px;font-weight:400;line-height:1.4;color:#fff}
.section h2,.testimonial h2{text-align:center;color:#17158f;font-size:42px;margin-bottom:20px}
.intro{max-width:850px;margin:0 auto 30px;text-align:center}
ul{max-width:700px;margin:0 auto}
li{margin:18px 0}
.white{background:#fff}
.light{background:#fafafa}
.blue{background:#17158f;color:#fff}
.blue h2{color:#fff}
.testimonial{background:#f6b019;padding:70px 20px;text-align:center}
.card{max-width:900px;margin:40px auto;background:#fff;border-radius:35px;padding:50px}
.lfb-bottom,.lfb-top{padding:70px 0}
.lfb-bottom{background:#f8f8f8}
.lfb-heading{display:block;text-align:center;font-size:45px;font-weight:500;color:#03006e;line-height:1.3}
.lfb-line{width:885px;max-width:100%;height:2px;background:#fbb013;margin:35px auto}
.lfb-text{display:block;max-width:900px;margin:auto;text-align:center;color:#4e4e4e;font-size:22px;font-weight:400;line-height:1.5}
.lfb-list{max-width:800px;margin:0 auto;padding:0;list-style:none}
.lfb-list li{position:relative;padding-left:40px;margin-bottom:25px;color:#4e4e4e;font-size:20px;line-height:1.6;font-weight:400}
.lfb-list li::before{content:"";position:absolute;left:0;top:10px;width:12px;height:12px;background:url('../images/list-pointer-1.png') no-repeat center;background-size:contain}
.attend-section{position:relative;background:#030070;padding:100px 0;overflow:hidden}
.attend-section::before{content:"";position:absolute;top:0;left:-7px;width:250px;height:100%;background:url("../images/who-should-attend-bg.png") no-repeat left center;background-size:100%}
.attend-section::after{content:"";position:absolute;top:0;right:-7px;width:250px;height:100%;background:url("../images/who-should-attend-bg.png") no-repeat right center;background-size:100%;transform:scaleX(-1)}
.attend-section .container{position:relative;z-index:2;margin:auto}
.attend-heading{display:block;text-align:center;font-size:45px;font-weight:500;color:#fff;line-height:1.3}
.attend-line{width:885px;max-width:100%;height:1px;background:#fbb013;margin:35px auto 55px}
.attend-list{max-width:800px;margin:0 auto;padding:0;list-style:none}
.attend-list li{position:relative;padding-left:38px;margin-bottom:25px;color:#fff;font-size:20px;font-weight:400;line-height:1.6}
.attend-list li::before{content:"";position:absolute;left:0;top:10px;width:12px;height:12px;background:url("../images/../images/list-pointer-2.png") no-repeat center;background-size:contain}
.attend-list li:last-child{margin-bottom:0}
.why-attend-section{padding:70px 0 80px 0;background:#fff}
.why-attend-section .container{max-width:1200px;margin:0 auto;padding:0 40px}
.why-heading{display:block;text-align:center;color:#03006e;font-size:45px;font-weight:500;line-height:1.3}
.why-line{width:885px;max-width:100%;height:2px;margin:40px auto 55px;background:#fbb013}
.why-list{list-style:none;max-width:820px;margin:0 auto;padding:0}
.why-list li{position:relative;padding-left:34px;margin-bottom:28px;color:#4e4e4e;font-size:20px;font-weight:400;line-height:1.45}
.why-list li:last-child{margin-bottom:0}
.why-list li::before{content:"";position:absolute;left:0;top:9px;width:12px;height:12px;background:url("../images/list-pointer-1.png") no-repeat center;background-size:contain}
.impact-section{position:relative;background:#fbb013;padding:80px 0 100px;overflow:hidden}
.impact-section::before{content:"";position:absolute;left:0;top:0;width:220px;height:100%;background:url("../images/who-should-attend-bg.png") no-repeat left center;background-size:contain}
.impact-section::after{content:"";position:absolute;right:0;top:0;width:220px;height:100%;background:url("../images/who-should-attend-bg.png") no-repeat right center;background-size:contain;transform:scaleX(-1)}
.impact-section .container{position:relative;z-index:2;max-width:1200px;margin:auto}
.impact-heading{display:block;text-align:center;color:#fff;font-size:45px;font-weight:500;line-height:1.3}
.impact-line{width:885px;max-width:100%;height:2px;background:#fff;margin:40px auto 65px}
.quote{position:absolute;z-index:5;pointer-events:none}
.quote-left{left:45px;top:140px}
.quote-right{right:30px;bottom:0}
.impact-card{background:#fff;border-radius:60px 60px 0 60px;padding:60px 70px;max-width:940px;margin:auto;text-align:center}
.impact-text{display:block;color:#4a4a4a;font-size:22px;line-height:1.45;font-weight:400}
.impact-author{display:block;margin-top:35px;color:#03006e;font-size:28px;font-weight:700;text-transform:uppercase}
.impactSwiper{position:relative;padding:40px 0}
.impact-next,.impact-prev{width:50px!important;height:50px!important;border-radius:50%;background:#18007c;color:#fff!important}
.impact-next::after,.impact-prev::after{font-size:18px!important;font-weight:700}
.impact-prev{left:110px}
.impact-next{right:110px}
.swiper-button-disabled{opacity:.5}
footer{background:#17158f;color:#fff;padding:25px 100px;display:flex;justify-content:space-between;align-items:center;text-align:center}
footer .logo{width:200px}
footer .register-btn{display:inline-flex;align-items:center;justify-content:space-between;gap:15px;min-width:190px;padding:12px 30px;background:#ef2b2d;color:#fff;text-decoration:none;border-radius:12px;font-size:18px;font-weight:700;font-family:inherit;text-transform:uppercase;transition:all .3s ease}
/* Modal css start */
#otpModal.otp-modal{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;padding:20px;background:rgba(0,0,0,.9);z-index:9999;min-height:100vh}
#otpModal .otp-modal-content{width:100%;max-width:500px;max-height:90vh;overflow-y:auto;padding:30px;background:#fff;border-radius:12px;box-shadow:0 20px 60px rgba(0,0,0,.3)}
#otpModal .otp-title{margin:0 0 10px;color:#333;font-size:28px;font-weight:600}
#otpModal .otp-subtitle{margin:0 0 25px;color:#666;line-height:1.6}
#otpModal .otp-group{margin-bottom:18px}
#otpModal .otp-group label{display:block;margin-bottom:8px;color:#333;font-weight:600}
#otpModal .otp-group input{width:100%;height:50px;padding:0 16px;border:2px solid #ddd;border-radius:6px;outline:0;font-size:22px;letter-spacing:8px;text-align:center;transition:.3s}
#otpModal .otp-group input:focus{border-color:#155724}
#otpModal .otp-error{display:none;margin-bottom:18px;padding:10px 14px;background:#f8d7da;border:1px solid #f5c6cb;border-radius:6px;color:#e93049;font-size:14px}
#otpModal .otp-success{display:none;margin-bottom:18px;padding:10px 14px;background:#d4edda;border:1px solid #c3e6cb;border-radius:6px;color:#155724;font-size:14px}
#otpModal .otp-timer-wrapper{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:14px 16px;margin-bottom:20px;background:#f8f9fa;border-radius:6px}
#otpModal .otp-timer{display:flex;align-items:center;gap:8px}
#otpModal .otp-timer span:first-child{color:#666;font-size:14px}
#otpModal .timer-display{min-width:55px;color:#003f18;font-size:20px;font-weight:700}
#otpModal .btn{border:none;border-radius:6px;cursor:pointer;transition:.3s;font-size:14px;font-weight:600}
#otpModal .btn-resend{padding:10px 18px;background:#2f1485;color:#fff}
#otpModal .btn-resend:hover{background:#230f64}
#otpModal .btn-cancel{flex:1;padding:14px;border:1px solid #ddd;background:#f8f9fa;color:#666}
#otpModal .btn-cancel:hover{background:#e9ecef}
#otpModal .btn-verify{flex:2;padding:14px;background:#003f18;color:#fff}
#otpModal .btn-verify:hover{background:#218838}
#otpModal .otp-buttons{display:flex;gap:12px;margin-top:25px}
#successModal{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,.9);z-index:9999;padding:20px 10px;min-height:100vh}
#successModal .success-modal-content{background:#fff;width:90%;max-width:500px;max-height:90vh;overflow-y:auto;padding:30px;border-radius:12px;box-shadow:0 20px 60px rgba(0,0,0,.3)}
#successModal .success-message{text-align:center;padding:15px 0;margin:15px 0;background:#d4edda;border-radius:6px}
#successModal .success-message h3{margin:0 0 5px;color:#155724}
#successModal .success-message p{margin:5px 0;color:#155724}
#successModal .booking-id{margin-top:10px!important;font-size:18px;font-weight:700}
#successModal .booking-summary{background:#f8f9fa;padding:16px;margin:15px 0;border-radius:6px}
#successModal .booking-summary h2{margin:0 0 15px;font-size:24px;color:#333}
#successModal .booking-summary hr{border:1px dashed #003f18;margin-bottom:15px}
#successModal .summary-row{display:flex;justify-content:space-between;align-items:center;padding:10px 0;border-bottom:1px solid #e9ecef;gap:20px}
#successModal .summary-row.no-border{border-bottom:none}
#successModal .summary-row span:first-child{color:#666;font-weight:500}
#successModal .summary-row span:last-child{font-weight:600;text-align:right;word-break:break-word}
#successModal .close-success-btn{display:block;width:100px;margin:20px auto 0;padding:12px;border:none;border-radius:6px;background:#003f18;color:#fff;font-size:15px;font-weight:600;cursor:pointer;transition:.3s}
#successModal .close-success-btn:hover{background:#218838}
/* Modal css end */

@media(max-width:1680px){
.form-div .btn{font-size:16px}
.form-div .btn img{width:19px}
}
@media(max-width:1536px){
.div-row{gap:70px}
.content-div hr{width:90%}
.attend-line,.why-line{width:50%}
.form-div{width:40%;padding:30px}
.form-div .btn{font-size:14px}
.content-div .heading{font-size:60px}
.content-div .sub-heading{font-size:32px}
.content-div .bvm-title{font-size:24px}
.attend-heading,.impact-heading,.lfb-heading,.why-heading{font-size:40px}
.impact-text{font-size:24px}
.impact-author{font-size:26px}
footer .register-btn{font-size:16px}
}
@media(max-width:1440px){
.div-row{gap:0}
.form-div{padding:30px 40px}
.form-div .form-heading{font-size:26px}
.event-date{font-size:45px}
.event-text{font-size:20px}
.content-div hr{width:85%}
.form-div .btn{font-size:13px}
.attend-heading,.impact-heading,.lfb-heading,.why-heading{font-size:38px}
.lfb-text{font-size:23px}
.content-div .heading{font-size:50px}
.content-div .sub-heading{font-size:30px}
.content-div .bvm-title{font-size:22px}
.content-div p{font-size:18px}
.impact-text{font-size:22px}
}
@media(max-width:1366px){
.img-div .logo{width:250px;display:block}
.content-div .heading{font-size:46px}
.content-div hr{width:85%}
.content-div .sub-heading{font-size:30px}
.form-div input,.form-div select{font-size:14px}
}
@media(max-width:1280px){
.form-div{width:47%;padding:30px 20px}
.content-div .heading{font-size:40px}
.content-div .sub-heading{font-size:25px}
.content-div p{font-size:15px;width:65%}
.attend-heading,.impact-heading,.lfb-heading,.why-heading{font-size:34px}
.lfb-text{font-size:21px}
}
@media (max-width:1279px){
.div-row{flex-direction:column}
.quote-left{top:90px;width:50px}
.quote-right{width:50px}
.attend-section::after,.attend-section::before{opacity:.3}
.impact-section::after,.impact-section::before{opacity:.3}
.content-div{padding:60px 0 30px 0}
.content-div .sub-heading{padding:0 0 20px 0}
.event-date{font-size:40px}
.event-text{font-size:18px}
.form-div{width:100%}
.content-div p{width:80%}
.attend-list{max-width:500px}
.attend-heading,.impact-heading,.lfb-heading,.why-heading{font-size:30px}
.attend-section::after,.attend-section::before{opacity:.2}
.lfb-text{font-size:19px}
}
@media (max-width:1024px){
.quote-right{bottom:-40px}
}
@media(max-width:991px){
.form-div .line{width:28%}
.impact-line,.lfb-line{width:65%}
.impact-card{padding:60px 70px;max-width:75%}
.impact-text{font-size:19px}
.impact-author{font-size:21px}
footer .register-btn{font-size:14px}
footer .logo{width:170px}
.form-div .btn{font-size:16px}
}
@media(max-width:768px){
footer{flex-direction:column;gap:25px;padding:25px 40px}
.section h2,.testimonial h2{font-size:32px}
.line{width:90%}
.lfb-line{margin:20px auto}
.attend-heading,.impact-heading,.lfb-heading,.why-heading{font-size:26px}
.event-info{flex-direction:column;height:auto;padding:10px 20px}
.info-box{width:100%;padding:20px 0}
.info-box:not(:last-child)::after{width:100px;height:1px;top:auto;bottom:0;left:50%;right:auto;transform:translateX(-50%)}
.event-date{font-size:38px}
.event-date sup{font-size:18px}
.event-text,.event-title{font-size:18px}
.attend-list{max-width:100%}
.quote-left{top:110px;width:50px}
.lfb-bottom,.lfb-top{padding:40px 20px}
.impact-section{padding:40px 20px 70px 20px}
.impact-prev{left:70px!important}
.impact-next{right:70px!important}
}
@media(max-width:580px){
.section-one .img-div{top:unset;position:relative;margin-bottom:20px}
.margin-top-25{margin-top:25px}
.form-div{padding:20px 20px}
.form-div .form-heading{margin-bottom:5px}
.img-div .logo{width:200px;display:block}
.section-one{padding:30px 0}
.form-div .row{gap:0;flex-direction:column}
.mandatory{margin:9px 0 0 0}
.content-div{padding:0 0 20px 0}
.content-div .heading{font-size:36px}
.content-div p{width:96%}
.impact-prev{left:0!important;opacity:.9}
.impact-next{right:0!important;opacity:.9}
.impact-card{padding:30px 40px;max-width:95%}
.content-div .bvm-title{padding:15px 0}
.attend-section,.why-attend-section{padding:40px 20px}
.attend-line,.why-line{margin:20px auto}
.why-attend-section .container{padding:0}
.impact-line{margin:20px auto 65px}
.quote-left{top:80px;left:15px}
.quote-right{right:0;bottom:-40px}
}
@media(max-width:450px){
.content-div .heading{font-size:32px}
.content-div .sub-heading{font-size:23px}
.attend-heading,.impact-heading,.lfb-heading,.why-heading{font-size:24px}
.attend-list li,.lfb-list li,.why-list li{font-size:18px}
.impact-text{font-size:17px}
}
@media(max-width:424px){
.content-div .heading{font-size:26px}
.content-div .sub-heading{font-size:16px}
.lfb-text{font-size:16px}
.attend-heading,.impact-heading,.lfb-heading,.why-heading{font-size:20px}
.lfb-bottom,.lfb-top{padding:20px 20px}
.attend-list li,.lfb-list li,.why-list li{font-size:16px}
.impact-text{font-size:16px}
.quote-left{top:80px;width:40px;left:20px}
.quote-right{bottom:-40px;width:40px;right:20px}
.impact-next,.impact-prev{width:40px!important;height:40px!important}
footer{padding:25px 20px}
}
@media(max-width:395px){
.impact-card{padding:30px 20px;max-width:95%}
.impact-author{font-size:18px}
}
@media(max-width:375px){
.content-div .heading{font-size:24px}
.attend-heading,.impact-heading,.lfb-heading,.why-heading{font-size:19px}
.attend-list li,.lfb-list li,.why-list li{font-size:15px}
.lfb-text{font-size:15px}
.impact-text{font-size:15px}
}
@media(max-width:320px){
.lfb-bottom,.lfb-top{padding:20px 10px}
.attend-section,.why-attend-section{padding:40px 10px}
.attend-heading,.impact-heading,.lfb-heading,.why-heading{font-size:17px}
}

/* Resposnive modal css start */
@media (max-width:767px){
#otpModal.otp-modal{padding:15px;min-height:100vh;background:#000}
#otpModal .otp-modal-content{padding:22px;max-height:95vh}
#otpModal .otp-title{font-size:24px}
#otpModal .otp-subtitle{font-size:14px}
#otpModal .otp-group input{height:46px;font-size:18px;letter-spacing:6px}
#otpModal .otp-timer-wrapper{flex-direction:column;align-items:stretch;text-align:center}
#otpModal .otp-timer{justify-content:center}
#otpModal .btn-resend{width:100%}
#otpModal .otp-buttons{flex-direction:column-reverse}
#otpModal .btn-cancel,#otpModal .btn-verify{width:100%}
#successModal{padding:15px;min-height:100vh;background:#000}
#successModal .success-modal-content{width:100%;padding:20px;max-height:95vh}
#successModal .booking-summary h2{font-size:22px}
#successModal .summary-row{display:block;text-align:left}
#successModal .summary-row span{display:block;width:100%}
#successModal .summary-row span:first-child{margin-bottom:4px;font-weight:600;color:#555}
#successModal .summary-row span:last-child{text-align:left;font-weight:500;font-size:14px}
#successModal .close-success-btn{width:100%}
}
@media (max-width:480px){
#otpModal .otp-modal-content{padding:18px}
#otpModal .otp-title{font-size:22px}
#otpModal .otp-group input{font-size:16px;letter-spacing:4px}
#otpModal .timer-display{font-size:18px}
#successModal .success-modal-content{padding:18px}
#successModal .booking-summary h2{font-size:18px}
#successModal .booking-id{font-size:16px}
}
/* Resposnive modal css end */