.profil-content ul li:hover{background:#00000024}
@media(max-width:769px){
.sticky .res-steps-container,.sticky .topnalink{background:#000}
.topnalink>ul>li{padding:4px 10px}
}
#step-1{display:block}
.ResBTNwrap{text-align:center;margin-top:20px}
.riespo_registration .ResBTNwrap .nextBtn{width:inherit;display:inline-flex;padding:10px 24px;line-height:1.45rem}
.ResBTNwrap .nextBtn,.ResBTNwrap .prevBtn,.ResBTNwrap input[type=submit]{background-color:#ef8d20;color:#fff;border:none;cursor:pointer;border-radius:100px;width:100%;text-transform:uppercase;display:flex;justify-content:center;font-size:1.25rem;line-height:3rem;border:1px solid #ef8d20}
#detailsForm .ResBTNwrap input[type=submit]{width:inherit;margin:0 auto;padding:0 20px}
#detailsForm .step2-text{font-size:1.25rem;color:#767676;line-height:25px;margin-bottom:15px}
.ResBTNwrap .nextBtn:hover,.ResBTNwrap .prevBtn:hover,.ResBTNwrap input[type=submit]:hover{background:#00000080;border:1px solid #ef8d20}
.mainCarousel .slide_content .slider_img img{width:150px}
.res-steps-sticky{text-align:center;display:flex;position:fixed;width:100%;z-index:9}
.res-steps-container{display:flex;justify-content:space-between;max-width:100%;width:900px;margin:0 auto;position:fixed;left:0;right:0;top:11px;z-index:999}
.sticky .res-steps-sticky:before{background:#000;content:"";position:relative;width:100%;height:98px;z-index:9;transition:.5s ease-in-out}
.res-steps{position:relative;flex:1}
.res-steps-container .res-progress-title{font-size:1rem;line-height:1.75rem}
.active .res-step-bar{background:#ef8d20}
.res-steps:before{content:"";position:absolute;border:1px dashed #fff;width:calc(100% - 50px);top:26px;z-index:-1;margin-left:50px}
.res-steps:last-child:before{display:none}
.res-step-bar{background:#00000080;border-radius:50%;display:inline-block;height:50px;width:50px;text-align:center;color:#fff;font-size:24px;line-height:50px;font-weight:300;border:1px solid #ef8d20}
.form_wrapper_res{box-shadow:0 0 12px 0 rgba(0,0,0,.25);position:relative;max-width:1140px;margin:0 auto;width:90%}
.form_wrapper_res .h2{color:#fff;font-size:1.5rem;font-weight:500;text-transform:uppercase;text-align:center}
.form_wrapper_res .notepoint{color:#fff;font-size:.75rem;font-weight:400;margin-bottom:20px;text-align:center}
.form_wrapper_res .form-step{max-width:100%;margin:0 auto;width:400px}
.form_wrapper_res form{display:flex;flex-wrap:wrap}
.form_wrapper_res .g-recaptcha{margin:0 auto;text-align:center;display:inline-block}
.form_wrapper_res .form-step-full{max-width:100%;margin:0 auto;width:1000px;background:#fff;padding:20px 4%;border-radius:8px}
.form_wrapper_res .form-control{width:100%;margin-bottom:10px}
.form_wrapper_res .form-control .col3{display:flex;width:100%;flex-wrap:wrap}
.form_wrapper_res .form-control .col3 .collist{display:flex;width:calc(33.33% - 10px);flex-wrap:wrap;margin:0 10px 15px 0}
.form_wrapper_res .form-control .col1{display:flex;width:100%;flex-wrap:wrap}
.form_wrapper_res .form-control .col1 .collist{display:flex;width:100%;flex-wrap:wrap;margin:0 10px 15px 0}
.form_wrapper_res .form-control .textareaf{display:flex;width:100%;flex-wrap:wrap}
.form_wrapper_res .form-control label{color:#000;font-size:1.125rem;font-weight:500;line-height:28px;text-transform:capitalize;display:block;margin-bottom:5px;width:100%;text-align:left}
.form_wrapper_res .form-control select{background:#fff;border:1px solid #e0e0e0;color:#767676;border-radius:4px;height:42px;padding:0 20px;width:100%;font-size:15px;font-weight:400;font-family:Kanit,sans-serif}
.form_wrapper_res .form-control .quform-input input{background:#fff;border:1px solid #e0e0e0;color:#767676;border-radius:4px;height:42px;padding:0 20px;width:100%;font-size:15px;font-weight:400;font-family:Kanit,sans-serif;appearance:none}
.form_wrapper_res .form-control .quform-input input::placeholder{color:#767676}
.form_wrapper_res .form-control .select{position:relative;width:100%}
.form_wrapper_res .form-control .select::after{content:'';border:solid #d3d3d3;border-width:0 1px 1px 0;display:inline-block;padding:1px;transform:rotate(45deg);-webkit-transform:rotate(45deg);width:12px;height:12px;position:absolute;right:20px;top:15px}
.form_wrapper_res .form-control select{-webkit-appearance:none;appearance:none}
.form_wrapper_res .form-control textarea{border:1px solid #e0e0e0;color:#767676;font-size:15px;font-weight:400;font-family:Kanit,sans-serif;padding:10px 20px;width:66%}
.form_wrapper_res .submitBTN{background:#daab05;border-radius:5px;color:#000;font-size:1.125rem;font-weight:600;text-transform:uppercase;text-align:center;margin:0 auto;border:0;padding:5px 25px;cursor:pointer}

.date-picker>input[type=date]{min-width:calc(100% - 15px)}
.form_wrapper .form-control input::placeholder{color:#767676}
.form_wrapper_res .form-control .quform-input.date-picker>input[type=date]{color:#fff;font-size:15px;font-weight:400;font-family:Kanit,sans-serif}
.form_wrapper_res .form-control .quform-input.date-picker:focus-within>input[type=date],.form_wrapper_res .form-control .quform-input.date-picker:focus>input[type=date]{color:#767676;font-size:15px;font-weight:400;font-family:Kanit,sans-serif}
.date-picker{position:relative;isolation:isolate;width:100%;height:42px;text-align:left;left:0}
.date-picker>input::-webkit-date-and-time-value{text-align:left;padding-left:0}

.date-picker>.placeholder::after{content:"Date of Birth";pointer-events:none;position:absolute;inset:0;top:50%;transform:translateY(-50%);width:100%;text-align:left;font-size:15px;font-weight:400;font-family:Kanit,sans-serif;padding:0 20px;color:#767676;}
.date-picker.has-value>.placeholder::after,.date-picker.focused>.placeholder::after{display:none}
/* .date-picker:focus-within>.placeholder,.date-picker:focus>.placeholder,.date-picker>input[type=date]:valid+.placeholder{display:none} */



.form_wrapper_res .form-control .quform-input.date-picker.has-value>input[type=date]{color:#767676}

.form_wrapper_res .form-control input[type=date]:before{background:url(../images/Calendar.svg) 100% 50% no-repeat;position:absolute;content:"";width:20px;height:20px;right:24px;top:11px}
.form_wrapper_res .form-control input::-webkit-inner-spin-button{display:none}
.form_wrapper_res .form-control input::-webkit-calendar-picker-indicator{opacity:0}
.Policylink{display:flex;justify-content:space-around;padding:20px 0 10px 0}
.Policylink a{font-size:.875rem;font-weight:300;text-decoration:underline}
.input-container{display:flex;justify-content:space-around;width:100%;padding:10px 0;flex-wrap:wrap}
.input-container .input-field{border-radius:6px;width:58px;height:65px;padding:10px;text-align:center;font-size:24px;outline:0;background:#fff;border:2px solid #848484;font-weight:700}
.input-container .input-field.gfilled{border:2px solid #ef8d20}
.input-container .input-field.rfilled{border:2px solid #ff0200}
.input-container input.input-field::-webkit-inner-spin-button,.input-container input.input-field::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}
.input-container input.input-field[type=number]{-moz-appearance:textfield}
.form-step p{font-weight:300}
.form-step .perrormsg{display:flex;padding:10px 0 0 0}
.resendoptwrap{display:flex;justify-content:center}
.resendoptwrap #countdown{margin-right:5px}
#step-1 #email{background:#fff;color:#1e1e1e;border-radius:8px;height:55px;padding:0 20px;width:100%;font-size:15px;font-weight:400;font-family:Kanit,sans-serif;appearance:none;margin-bottom:10px;font-size:16px;border:1px solid #ef8d20;outline:0}
input:-webkit-autofill,input:-webkit-autofill:active,input:-webkit-autofill:focus,input:-webkit-autofill:hover{-webkit-box-shadow:0 0 0 30px #fff inset}
#step-1 #email::placeholder{color:#1e1e1e}
#senttoemail a{text-decoration:underline}
a.disabled{color:#999;pointer-events:none;cursor:default}
.form_wrapper_res .form-control label.scales{font-size:.875rem;display:inline-block;width:auto;margin-right:15px;font-weight:400}
.form_wrapper_res .form-control .scales [type=radio]{vertical-align:middle;margin-right:5px;accent-color:#000}
.thanks-you-wrap{width:100%;margin:0 auto}
.thanks-you-wrap p{color:#000;margin-bottom:20px}
.thanks-you-wrap .ResBTNwrap{display:inline-block}
.thanks-you-wrap .ResBTNwrap input[type=submit]{padding:0 10px}
.riespo_registration .thanks-you-wrap h3{margin-bottom:5px;text-align:left;color:#000}
.riespo_registration .thanks-you-wrap p{text-align:left;font-size:1.12rem;line-height:1.75rem}
.thanks-you-wrap .RCode span{background:#ef8d20;padding:10px;border-radius:5px;text-align:left;margin-bottom:5px}
p.note{color:#000;font-size:1rem;font-style:italic}
@media(max-width:1380px){
.mainCarousel .slide_content .slider_img img{width:100px}
.form_wrapper_res .h2{font-size: 1.2rem;}
#step-1 #email{height: 42px;}
.ResBTNwrap .nextBtn, .ResBTNwrap .prevBtn, .ResBTNwrap input[type=submit]{line-height:2.5rem;}
.form_wrapper_res .notepoint{margin-bottom:10px;}
.ResBTNwrap{margin-top:10px;}
.Policylink{padding:10px 0 10px 0;}

}
@media(max-width:769px){
.res-steps-container{display:flex;flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;align-items:center;overflow-y:hidden;position:fixed;top:43px;margin-left:0;z-index:99}
.form_wrapper_res #step-1.form-step{max-width:400px;width:100%}
.res-steps{position:relative;flex:0 0 200px}
.res-step-bar{width:35px;height:35px;line-height:35px}
.res-steps:before{width:calc(100% - 35px);top:17px;margin-left:35px}
.slide_content.topmt{margin-top:118px}
.form_wrapper_res .form-control .col3 .collist{width:100%}
.form_wrapper_res .form-control textarea{width:100%}
.ResBTNwrap .nextBtn,.ResBTNwrap .prevBtn,.ResBTNwrap input[type=submit]{font-size:1rem}
}