.elementor-301 .elementor-element.elementor-element-9283125{--display:flex;--min-height:500px;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-301 .elementor-element.elementor-element-69bc209 .bdt-tabs-container .bdt-tab .bdt-tabs-item a.bdt-tabs-item-a-title:before{background-color:#FF7B00;}.elementor-301 .elementor-element.elementor-element-69bc209 .bdt-tabs-container .bdt-tab .bdt-tabs-item a.bdt-tabs-item-b-title:before{background-color:#FF7B00;}.elementor-301 .elementor-element.elementor-element-69bc209{background-color:#F4F4F4;padding:30px 30px 30px 30px;border-radius:8px 8px 8px 8px;}.elementor-301 .elementor-element.elementor-element-69bc209 .bdt-tab .bdt-tabs-item + .bdt-tabs-item{margin-left:9px;}.elementor-301 .elementor-element.elementor-element-69bc209 .bdt-switchers .bdt-tabs-container{text-align:center;}.elementor-301 .elementor-element.elementor-element-69bc209 .bdt-tabs-container .bdt-tab{background-color:#FFFFFF;}.elementor-301 .elementor-element.elementor-element-69bc209 .bdt-tab .bdt-tabs-item-a-title{color:#000000;padding:12px 35px 12px 35px;font-size:18px;font-weight:600;}.elementor-301 .elementor-element.elementor-element-69bc209 .bdt-tab .bdt-tabs-item.bdt-active .bdt-tabs-item-a-title{color:#FFFFFF;}.elementor-301 .elementor-element.elementor-element-69bc209 .bdt-tab .bdt-tabs-item-b-title{color:#000000;padding:12px 35px 12px 35px;font-size:18px;font-weight:600;}.elementor-301 .elementor-element.elementor-element-69bc209 .bdt-tab .bdt-tabs-item.bdt-active .bdt-tabs-item-b-title{color:#FFFFFF;}.elementor-301 .elementor-element.elementor-element-69bc209 .bdt-switchers .bdt-switcher-item-content-inner{text-align:justify;}.elementor-301 .elementor-element.elementor-element-69bc209 .bdt-switchers ul{margin-bottom:20px;}.elementor-301 .elementor-element.elementor-element-69bc209 .bdt-switchers ul.bdt-tab-bottom{margin-top:20px;}.elementor-widget .tippy-tooltip .tippy-content{text-align:center;}@media(max-width:767px){.elementor-301 .elementor-element.elementor-element-69bc209 .bdt-tab .bdt-tabs-item-a-title{padding:10px 20px 10px 20px;}.elementor-301 .elementor-element.elementor-element-69bc209 .bdt-tab .bdt-tabs-item-b-title{padding:10px 20px 10px 20px;}}@media(min-width:768px){.elementor-301 .elementor-element.elementor-element-9283125{--content-width:800px;}}/* Start custom CSS for bdt-switcher, class: .elementor-element-69bc209 *//* ===== Lyncto Auth Theme ===== */
.lyncto-auth-box{
  max-width: 820px;
  margin: 0 auto;
  padding: 0;
}

.lyncto-auth-box form{
  margin: 0;
}

.lyncto-auth-box label{
  display: block;
  font-size: 16px;
  font-weight: 600;
  color: #10233E;
  margin-bottom: 10px;
}

.lyncto-auth-box input[type="text"],
.lyncto-auth-box input[type="email"],
.lyncto-auth-box input[type="password"],
.lyncto-auth-box input[type="tel"],
.lyncto-auth-box select,
.lyncto-auth-box textarea{
  width: 100%;
  min-height: 58px;
  border: 1px solid #D9E2EC;
  border-radius: 14px;
  background: #FFFFFF;
  color: #10233E;
  padding: 14px 18px;
  font-size: 17px;
  line-height: 1.4;
  box-shadow: none;
  transition: all .2s ease;
}

.lyncto-auth-box input:focus,
.lyncto-auth-box select:focus,
.lyncto-auth-box textarea:focus{
  outline: none;
  border-color: #FF6A1A;
  box-shadow: 0 0 0 4px rgba(255,106,26,.12);
}

/* submit buttons */
.lyncto-auth-box button[type="submit"],
.lyncto-auth-box input[type="submit"],
.lyncto-auth-box .fluent-auth-submit,
.lyncto-auth-box .ff-btn,
.lyncto-auth-box .ff_submit_btn{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 58px;
  width: 100%;
  border: 0 !important;
  border-radius: 14px;
  background: #FF6A1A !important;
  color: #FFFFFF !important;
  font-size: 20px;
  font-weight: 700;
  line-height: 1;
  padding: 16px 24px;
  box-shadow: none !important;
  transition: all .2s ease;
}

.lyncto-auth-box button[type="submit"]:hover,
.lyncto-auth-box input[type="submit"]:hover,
.lyncto-auth-box .fluent-auth-submit:hover,
.lyncto-auth-box .ff-btn:hover,
.lyncto-auth-box .ff_submit_btn:hover{
  background: #E95C10 !important;
  transform: translateY(-1px);
}

/* remember me / checkbox */
.lyncto-auth-box input[type="checkbox"]{
  width: 18px;
  height: 18px;
  accent-color: #FF6A1A;
}

.lyncto-auth-box .rememberme,
.lyncto-auth-box .remember-me{
  display: flex;
  align-items: center;
  gap: 10px;
  color: #10233E;
  font-size: 15px;
  margin: 10px 0 18px;
}

/* forgot password link */
.lyncto-auth-box a{
  color: #FF6A1A;
  text-decoration: none;
  transition: color .2s ease;
}

.lyncto-auth-box a:hover{
  color: #10233E;
}

/* generic spacing between form rows */
.lyncto-auth-box p,
.lyncto-auth-box .form-group,
.lyncto-auth-box .ff-el-group,
.lyncto-auth-box .fluent-auth-field{
  margin-bottom: 18px;
}

/* help/error text */
.lyncto-auth-box .error,
.lyncto-auth-box .ff-el-is-error,
.lyncto-auth-box .text-danger{
  color: #D92D20 !important;
  font-size: 14px;
}

.lyncto-auth-box .success,
.lyncto-auth-box .ff-message-success{
  border-radius: 12px;
  background: #ECFDF3;
  color: #027A48;
  padding: 14px 16px;
  font-size: 15px;
  margin-bottom: 16px;
}

/* social login buttons - เผื่อหลายปลั๊กอิน */
.lyncto-auth-box .nsl-container a,
.lyncto-auth-box .wp-social-login-provider-list a,
.lyncto-auth-box .fluent_auth_social a,
.lyncto-auth-box .social-login a{
  border-radius: 12px !important;
  border: 1px solid #D9E2EC !important;
  background: #FFFFFF !important;
  box-shadow: none !important;
  padding: 12px 16px !important;
  min-height: 50px;
}

.lyncto-auth-box .nsl-container,
.lyncto-auth-box .wp-social-login-provider-list,
.lyncto-auth-box .fluent_auth_social,
.lyncto-auth-box .social-login{
  margin: 14px 0 22px;
}

/* small screen */
@media (max-width: 767px){
  .lyncto-auth-box input[type="text"],
  .lyncto-auth-box input[type="email"],
  .lyncto-auth-box input[type="password"],
  .lyncto-auth-box input[type="tel"],
  .lyncto-auth-box select,
  .lyncto-auth-box textarea{
    min-height: 52px;
    font-size: 16px;
  }

  .lyncto-auth-box button[type="submit"],
  .lyncto-auth-box input[type="submit"],
  .lyncto-auth-box .fluent-auth-submit,
  .lyncto-auth-box .ff-btn,
  .lyncto-auth-box .ff_submit_btn{
    min-height: 54px;
    font-size: 18px;
  }
}
/* จัดกล่อง shortcode ให้อยู่กลาง */
.lyncto-auth-box{
  max-width: 560px;
  margin: 0 auto;
}

/* ถ้า FluentAuth มี wrapper ข้างใน ให้บังคับกลางอีกชั้น */
.lyncto-auth-box form,
.lyncto-auth-box .fluent_auth_wrap,
.lyncto-auth-box .fluent-auth-wrap,
.lyncto-auth-box .fluent_auth_form{
  max-width: 560px;
  margin-left: auto;
  margin-right: auto;
}

/* ให้ปุ่มโซเชียลจัดกลาง */
.lyncto-auth-box .nsl-container,
.lyncto-auth-box .wp-social-login-provider-list,
.lyncto-auth-box .fluent_auth_social,
.lyncto-auth-box .social-login{
  display: flex;
  justify-content: center;
  gap: 12px;
  flex-wrap: wrap;
}

/* เส้น OR จัดกลาง */
.lyncto-auth-box .or,
.lyncto-auth-box .separator,
.lyncto-auth-box .divider{
  text-align: center;
  margin: 18px 0;
}

/* forgot password จะซ้ายหรือกลางเลือกได้ */
.lyncto-auth-box .forgot-password,
.lyncto-auth-box .fluent_auth_forgot_pass{
  text-align: left;
  margin-top: 14px;
}

/* บนมือถือให้แคบลงอีกนิด */
@media (max-width: 767px){
  .lyncto-auth-box,
  .lyncto-auth-box form,
  .lyncto-auth-box .fluent_auth_wrap,
  .lyncto-auth-box .fluent-auth-wrap,
  .lyncto-auth-box .fluent_auth_form{
    max-width: 100%;
  }
}
/* css Sicail login */
.lyncto-social-wrap{
  margin: 18px 0 22px;
}

.lyncto-social-wrap .nsl-container{
  display: flex;
  gap: 12px;
  justify-content: flex-start;
  flex-wrap: wrap;
}

.lyncto-social-wrap .nsl-button{
  border-radius: 4px !important;
  border: 1px solid #D9E2EC !important;
  background: #fff !important;
  box-shadow: none !important;
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
}

.lyncto-social-wrap .nsl-button:hover{
  border-color: #FF6A1A !important;
}

.lyncto-social-wrap .nsl-button svg{
  transform: scale(1.05);
}

/* LINE */
.lyncto-social-wrap .nsl-button-line,
.lyncto-social-wrap .nsl-button[data-provider="line"]{
  background: #06C755 !important;
  border: 1px solid #06C755 !important;
  color: #fff !important;
}
div.lyncto-auth-box.lyncto-auth-signin {
margin-top: 50px;
}/* End custom CSS */