*{margin:0;padding:0;box-sizing:border-box}
body{background-color:#f3f3f3;color:#333}
ul{padding:0}
.hide{display:none}
.bluetooth-filter-container{max-width:425px;margin:40px auto 60px auto}
h3{font-family:'HyundaiSansHeadOffice-Medium';font-size:30px;line-height:40px;letter-spacing:-0.6px;text-align:center}
.bluetooth-pageback{font-family:'HyundaiSansTextOffice-Regular';font-size:16px;line-height:22px;font-weight:700;color:#666;position:absolute;top:10px;cursor:pointer;display:flex;align-items:center}
.bluetooth-pageback img{margin-right:8px}
.bluetooth-dropdown{height:54px;width:100%;border:2px solid #999;padding:16px 20px;appearance:none;font-size:16px;font-family:'HyundaiSansTextOffice-Regular';background:url(../../../../../content/dam/Bluetooth/bluetooth-assistance/arrow-down.svg) no-repeat right !important;background-origin:content-box !important}
.bluetooth-dropdown::before{content:'';border:2px solid red;background:url(../../../../../content/dam/Bluetooth/bluetooth-assistance/arrow-down.svg) no-repeat right}
.bluetooth-dropdown::after{content:'';border:2px solid red;background:url(../../../../../content/dam/Bluetooth/bluetooth-assistance/arrow-down.svg) no-repeat right}
.bluetooth-dropdown.selected{border-color:#00aad2}
.bluetooth-label{font-family:'HyundaiSansHeadOffice-Medium';font-size:20px;line-height:30px;letter-spacing:-0.4px;margin:50px 0 16px 0}
.bluetooth-radiotype li{display:flex;justify-content:space-between;margin-bottom:16px;background-color:#fff;padding:16px 20px}
.bluetooth-radiotype li img{max-width:150px}
.bluetooth-radiotype .bluetooth-radiotype-name{display:flex;align-items:center;font-family:'HyundaiSansHeadOffice-Medium';font-size:16px;letter-spacing:-0.32px}
.bluetooth-radiotype li.selected{border:2px solid #00aad2}
.bluetooth-startoverbtn{width:100px;height:32px;padding:0 20px;background-color:transparent;color:#333;border:1px solid #999;font-size:13px;font-weight:400;font-family:'HyundaiSansTextOffice-Regular';line-height:16px;letter-spacing:normal}
.transparent-btn{max-width:180px;height:48px;padding:0 20px;background-color:transparent;color:#333;border:1px solid #999;font-size:16px;font-weight:400;font-family:'HyundaiSansTextOffice-Regular';line-height:16px;margin-bottom:20px;width:100%;letter-spacing:normal}
.transparent-btn a,.transparent-btn a:hover{color:#333;border:0}
.bluetooth-continuebtn{width:100px;height:32px;padding:0 20px;background-color:#002c5e;color:#fff;border:0;font-size:13px;font-weight:400;font-family:'HyundaiSansTextOffice-Regular';line-height:16px;letter-spacing:normal}
.bluetooth-continuebtn:disabled{cursor:not-allowed;opacity:.5}
.blue-btn{max-width:180px;width:100%;height:48px;padding:0 20px;background-color:#002c5e;color:#fff;border:0;font-size:16px;font-weight:400;font-family:'HyundaiSansTextOffice-Regular';line-height:16px;margin-bottom:20px;letter-spacing:normal}
.bluetooth-result-container{max-width:530px;margin:40px auto 100px auto;text-align:center}
.bluetooth-result-container div{padding:5px 0}
.bluetooth-result-container button{margin:5px}
.bluetooth-result-container h3{padding-top:100px}
.bottom-btn-container{display:flex;justify-content:space-between;align-items:center;margin:30px 0 40px 0}
.bluetooth-container{padding:0 65px;position:relative}
#vehicleDetails,#mobilePhoneDetails{font-family:'HyundaiSansHeadOffice-Medium';font-size:16px;line-height:24px;font-weight:400}
.bluetooth-result-container .text{font-size:16px;line-height:24px;padding-bottom:30px}
.modal-dialog{max-width:646px;width:100%;margin-top:61px}
.modal-content{position:relative}
.modal-header{position:absolute;right:0;top:-45px;padding:0}
.modal-header button,.modal-header button.close:hover{background-color:#fff;padding:10px;color:#002c5e;opacity:1;font-size:16px;font-weight:400}
.pairing-inst-sec .heading{display:flex;justify-content:space-between;padding-bottom:20px}
.pairing-inst-sec .model{font-size:20px;font-weight:600}
.pairing-inst-sec .audio-type{font-size:20px;font-weight:500}
.modal-body{padding:40px}
.step-index{display:inline-block;height:24px;width:24px;background-color:#00aad2;border-radius:20px;text-align:center;color:#fff;line-height:25px}
.step-desc{padding-left:15px;width:97%}
.step-desc strong{color:#00aad2}
.pairing-inst-sec li{list-style:none;padding:20px 0;display:flex}
.note-sec .heading{font-size:20px;font-weight:600;padding:10px 0}
.note-sec ul{padding-left:20px}
.step-area{width:45%;max-width:450px}
.step-area .step{width:100%}
.stepperblock{display:flex;align-items:center;width:100%;list-style:none;color:#d9d9d9}
.text-step{width:100%}
.text1-heading{margin-left:-8px;font-weight:600}
.text2-heading{margin-left:-30px;font-weight:600}
.text3-heading{font-weight:600;margin-left:-8px}
.step-bar{display:flex;flex-direction:row;width:100%;align-items:center}
.step-bar:after{content:'';border:0 solid #d9d9d9;box-sizing:border-box;border-width:1px;width:100%;height:.1rem}
.rounded-full{border-radius:9999px;display:flex;height:1rem;width:1rem;border:1px solid #d9d9d9}
.active .rounded-full{background-color:#002c5e;border:0}
.complete .step-bar:after{border-color:#002c5e;opacity:.5}
.last-step{width:2%}
.active.text-step,.active.last-step{color:#002c5e}
.complete.text-step{color:#d9d9d9}
.complete .rounded-full{background-color:#002c5e;border:0;opacity:.5}
.bluetooth-display-error{font-size:16px;line-height:30px;letter-spacing:-0.4px;color:#c40712}
@media(max-width:767px){.bluetooth-container{padding:30px 20px 20px 20px}
.modal-dialog{max-width:90vw;margin:70px auto !important}
.pairing-inst-sec .heading{flex-direction:column}
.pairing-inst-sec .audio-type{padding-top:20px}
.bluetooth-pageback{position:unset}
.bluetooth-filter-container{max-width:100%;margin:25px 0 50px 0}
.text-step,.last-step{padding:0 5px}
.last-step{width:auto}
.text1-heading,.text2-heading,.text3-heading{display:none}
.step-bar:after{display:none}
.step-area{width:auto}
.transparent-btn,.blue-btn{max-width:100%}
.bluetooth-result-container{max-width:350px}
.bluetooth-result-container h3{padding-bottom:40px}
.bluetooth-result-container button{margin:8px 0}
}