.upload-info input[type=file]{display:none}.upload-info label{background:#307fe2 0 0 no-repeat padding-box;border-radius:50px;color:#fff;cursor:pointer;display:inline-block;font-family:Poppins;font-size:17px;font-weight:500;padding:12px 36px}div#file-preview img{border:1px solid #f5f5f5;margin-top:20px;padding:10px}.upload-info label:hover{opacity:.9}.results-detail .result-detail-box{background:#fff 0 0 no-repeat padding-box;box-shadow:-2.29px 3px 20px #00000026;margin:0 auto;padding:63px 55px;position:relative;width:860px}img.up-arrows{position:absolute;right:15%;top:440px}img.inner-arrows{bottom:auto;left:-68px;position:absolute;top:67%;width:146px;z-index:-1}img.page-arrows{left:-36px;position:absolute;top:830px;transform:scaleX(-1);-webkit-transform:scaleX(-1);z-index:-1}.results-detail .row{position:relative}.rd-box{border:1px solid #ededf4}.rd-box h4{color:#307fe2;font-size:16px;line-height:0;margin:0;padding-left:12px}.rd-box h4 span{background-color:#fff;padding:0 14px}.rd-content{padding:38px 43px 32px}.time-slot ul{list-style:none;margin:0;padding:0}.time-slot ul li{color:#27426d;display:flex;font-family:Poppins;font-size:16px;line-height:32px}.time-slot ul li span{display:block;font-weight:600;margin-right:50px;min-width:194px;width:194px}.rd-box.your-details{margin-top:43px}.rd-dropdown .nice-select,.school-info .nice-select{background-color:#ededf4;border:none;border-radius:0;color:#5f6062;font-size:16px;height:50px;padding:6px 20px;width:calc(100% - 15px)}.rd-dropdown .nice-select:focus,.school-info .nice-select:focus{outline:none}.rd-dropdown .nice-select ul.list,.school-info .nice-select ul.list{background-color:#ededf4;border:0;border-radius:0;box-shadow:none;margin:0;max-height:300px;overflow:auto;width:100%}.rd-dropdown .nice-select ul.list .disabled,.school-info .nice-select ul.list .disabled{display:none}.rd-dropdown .nice-select ul.list li:hover,.school-info .nice-select ul.list li:hover{background-color:#307fe2;color:#fff}.rd-dropdown .nice-select:after,.school-info .nice-select:after{border-bottom:3px solid #27426d;border-right:3px solid #27426d;height:10px;right:20px;top:48%;width:10px}.rd-dropdown{display:flex;margin-bottom:40px;width:100%}.rd-dropdown>div{display:flex;flex-basis:0;flex-grow:1;flex-wrap:wrap}.rd-dropdown label.error{order:1}.work-checkbox{display:flex;flex-wrap:wrap}.workshop h3{color:#5f6062;font-size:16px;font-weight:600;line-height:19.2px}.workshop h3 span{color:#c02b0a}.work-checkbox label{color:#5f6062;cursor:pointer;display:block;font-family:Poppins;font-size:16px;line-height:20px;margin-bottom:24px;padding-left:32px;position:relative;width:39%}.work-checkbox label input{cursor:pointer;opacity:0;position:absolute}.work-checkbox label span.checkmark{border:1px solid #307fe2;height:15px;left:0;position:absolute;top:3px;width:15px}.work-checkbox label input:checked~.checkmark{background-color:#307fe2}.work-checkbox label span.checkmark:after{border:solid #fff;border-width:0 3px 3px 0;content:"";display:none;height:11px;left:4px;position:absolute;top:0;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);width:5px}.work-checkbox label input:checked~.checkmark:after{display:block}.add-info h3{color:#5f6062;font-size:16px;font-weight:600;line-height:19.2px;margin-bottom:14px;margin-top:10px}.add-info textarea:focus{outline:none}.add-info textarea{background-color:#ededf4;border:none;color:#000;font-family:Poppins;font-size:16px;margin-bottom:15px;min-height:141px;padding:20px;resize:none;width:100%}.add-info p{color:#5f6062;font-family:Poppins;font-size:14px;line-height:17px}.school-info input,.teacher-info input{background-color:#ededf4;border:2px solid #ededf4;border-radius:0;color:#5f6062;font-family:Poppins;font-size:16px;height:50px;margin-top:20px;padding:4px 15px;width:100%}.school-info input:focus,.school-info input:hover,.teacher-info input:focus,.teacher-info input:hover{border-color:#307fe2;outline:none}.school-info p,.teacher-info p{color:#5f6062;font-size:14px;line-height:16.8px;margin-bottom:25px;margin-top:4px}.alert-txt{border:1px solid #c02b0a;margin-bottom:30px;padding:11px 4px;text-align:center}.alert-txt p{color:#c02b0a;font-size:14px;line-height:20px;margin:0}.school-info .nice-select:after{right:30px;top:22px}.school-info .nice-select{width:100%}.school-info p{margin-bottom:0}.rd-box.your-details .rd-content{padding:43px 60px 30px}.btn-here{display:flex;justify-content:space-between;margin-top:40px;padding:0 60px}.btn-here a{align-items:center;background:#307fe2 0 0 no-repeat padding-box;border:none;border-radius:30px;color:#fff;cursor:pointer;display:flex;font-family:Poppins;font-size:17px;font-weight:500;height:60px;justify-content:center;padding:20px 14px;position:relative;text-transform:uppercase;width:192px}.btn-here a.next:after{border-right:2px solid #fff;border-top:2px solid #fff;content:"";display:block;height:8px;margin-top:-4px;pointer-events:none;position:absolute;right:64px;top:50%;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);-webkit-transform-origin:66% 66%;-ms-transform-origin:66% 66%;transform-origin:66% 66%;-webkit-transition:all .15s ease-in-out;transition:all .15s ease-in-out;width:8px}.btn-here a:hover{opacity:.9}.btn-here a.next{padding:20px 24px 20px 14px}.btn-here a.back{padding:20px 14px 20px 24px}.btn-here a.back:after{border-bottom:2px solid #fff;border-left:2px solid #fff;content:"";display:block;height:8px;left:60px;margin-top:-4px;pointer-events:none;position:absolute;top:50%;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);-webkit-transform-origin:66% 66%;-ms-transform-origin:66% 66%;transform-origin:66% 66%;-webkit-transition:all .15s ease-in-out;transition:all .15s ease-in-out;width:8px}.booked{margin-bottom:60px}.booked h1{font-size:36px;font-weight:700;margin-bottom:10px}.booked h1,.booked h2{color:#82c341;text-align:center}.booked h2{font-size:24px;font-weight:500;line-height:28.8px}.teacher-info input[type=text]::placeholder{background-image:url(https://f.hubspotusercontent00.net/hubfs/19892102/QeelongTechSchool_June2021%20images/start.png);background-position:top 3px left 121px;background-repeat:no-repeat}.teacher-info input[name=teacher_email]::placeholder{background-image:url(https://f.hubspotusercontent00.net/hubfs/19892102/QeelongTechSchool_June2021%20images/start.png);background-position:top 3px left 116px;background-repeat:no-repeat}.school-info input[type=tel]::placeholder{background-image:url(https://f.hubspotusercontent00.net/hubfs/19892102/QeelongTechSchool_June2021%20images/start.png);background-position:top 1px left 53px;background-repeat:no-repeat}.school-info .nice-select span.current{padding-right:15px}.rd-dropdown .nice-select:nth-child(2) span.current{background-position:top 3px left 158px}.rd-dropdown .nice-select:last-child span.current,.rd-dropdown .nice-select:nth-child(2) span.current{background-image:url(https://f.hubspotusercontent00.net/hubfs/19892102/QeelongTechSchool_June2021%20images/start.png);background-repeat:no-repeat;padding-right:15px}.rd-dropdown .nice-select:last-child span.current{background-position:top 3px left 105px}@-moz-document url-prefix(){.teacher-info input[type=text]::placeholder{background-position:top 13px left 134px}.teacher-info input[type=email]::placeholder{background-position:top 13px left 130px}.school-info input[type=tel]::placeholder{background-position:top 12px left 66px}}@media(max-width:991px){.results-detail .result-detail-box{width:100%}img.color-arrow{bottom:-15px;right:12px;width:175px}section.book-banner h1{position:relative;z-index:2}.work-checkbox label{width:50%}}@media(max-width:767px){img.color-arrow{display:none}section.book-banner h1{font-size:36px;text-align:center}.booked h1{font-size:30px;margin-bottom:8px}.booked h2{font-size:20px}.rd-dropdown{display:block}.rd-dropdown .nice-select{margin:0 0 15px!important;width:100%}.time-slot ul li{display:block;line-height:26px;margin-bottom:9px}.time-slot ul li span{line-height:20px;margin-right:0;min-width:100%;text-align:left;width:100%}.work-checkbox label{margin-bottom:15px;width:100%}}@media(max-width:580px){.results-detail .result-detail-box{padding:30px 15px}.rd-box.your-details .rd-content,.rd-content{padding:30px 26px 22px}.btn-here{margin-top:30px;padding:0 30px}.btn-here a.back{margin-right:20px;padding:16px 10px 16px 20px}.btn-here a.back:after{left:28px}.btn-here a.next{padding:16px 16px 16px 10px}.btn-here a.next:after{right:28px}.alert-txt{padding:10px 14px}.alert-txt br{display:none}.school-info p,.teacher-info p{line-height:1.4}}.btn-submit{align-items:center;background:#307fe2 0 0 no-repeat padding-box;border:0;border-radius:30px;color:#fff;cursor:pointer;display:flex;font-family:Poppins;font-size:17px;font-weight:500;height:60px;justify-content:center;padding:20px 14px 20px 24px;position:relative;text-transform:uppercase;width:192px}input.error{border-color:#c02b0a;border-width:1px}label.error{color:#c02b0a;font-size:13px}select{border:0;display:block!important;height:1px;margin:0;opacity:0;padding:0;position:relative;top:30px}.change-error-order{display:flex;flex-wrap:wrap;width:100%}.change-error-order label.error{order:1}.bus-info input{background-color:#ededf4;border:2px solid #ededf4;border-radius:0;color:#5f6062;font-family:Poppins;font-size:16px;height:50px;margin-top:20px;padding:4px 15px;width:100%}.bus-info input:focus,.bus-info input:hover,.school-info input:focus,.school-info input:hover{border-color:#307fe2;outline:none}.bus-info p{color:#5f6062;font-size:14px;line-height:16.8px;margin-bottom:25px;margin-top:4px}.modal{background:hsla(0,0%,100%,.8) url(https://f.hubspotusercontent00.net/hubfs/19892102/QeelongTechSchool_June2021%20images/ajax-loader.gif) 50% 50% no-repeat;display:none;height:100%;left:0;position:fixed;top:0;width:100%;z-index:1000}body.loading .modal{display:block;overflow:hidden}body{display:none}.error-message{color:red;text-align:center}#student-info,#teacher-info{display:none}.alert-note .container{align-self:center;margin-left:auto;margin-right:auto;max-width:1460px;padding-left:15px;padding-right:15px;position:relative;width:100%}.note-detail{background-color:#f8f3d6;border-radius:5px;display:flex;margin:0 auto 30px;padding:20px 40px;width:100%}.note-detail p{color:#976f3b;font-size:16px;margin:0}.note-detail a{margin-right:-16px}.note-detail img{width:35px}@media(max-width:767px){.note-detail{padding:15px;position:relative}.note-detail img{width:30px}.note-detail a{margin-right:-4px}.note-detail p{font-size:14px;line-height:20px;padding-right:23px}}