.elementor-668 .elementor-element.elementor-element-422e66f > .elementor-container > .elementor-column > .elementor-widget-wrap{align-content:center;align-items:center;}.elementor-668 .elementor-element.elementor-element-422e66f:not(.elementor-motion-effects-element-type-background), .elementor-668 .elementor-element.elementor-element-422e66f > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://works.tekhost2.co.uk/wp-content/uploads/2026/04/login-bg.jpg");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-668 .elementor-element.elementor-element-422e66f > .elementor-background-overlay{background-color:#000000;opacity:0.22;transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-668 .elementor-element.elementor-element-422e66f{overflow:hidden;transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-668 .elementor-element.elementor-element-fe23825{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 331px) 0px;text-align:center;font-family:"Geologica", Sans-serif;font-size:24px;font-weight:500;line-height:40px;color:#FFFFFF;}.elementor-668 .elementor-element.elementor-element-4bad5dd:not(.elementor-motion-effects-element-type-background) > .elementor-widget-wrap, .elementor-668 .elementor-element.elementor-element-4bad5dd > .elementor-widget-wrap > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-668 .elementor-element.elementor-element-4bad5dd > .elementor-element-populated, .elementor-668 .elementor-element.elementor-element-4bad5dd > .elementor-element-populated > .elementor-background-overlay, .elementor-668 .elementor-element.elementor-element-4bad5dd > .elementor-background-slideshow{border-radius:18px 18px 18px 18px;}.elementor-668 .elementor-element.elementor-element-4bad5dd > .elementor-element-populated{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:52px 52px 52px 52px;}.elementor-668 .elementor-element.elementor-element-4bad5dd > .elementor-element-populated > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}:root{--page-title-display:none;}@media(min-width:768px){.elementor-668 .elementor-element.elementor-element-14ba1a2{width:50%;}.elementor-668 .elementor-element.elementor-element-4bad5dd{width:50%;}}/* Start custom CSS for column, class: .elementor-element-4bad5dd */.accoutWrap .register-box h2 {
    text-align: center;
    font-family: "Geologica", Sans-serif;
    font-size: 32px;
    font-weight: 700;
    line-height: 100%;
    color: #000;
}
.role-toggle button.role-btn.active {
    background: #14833214;
    border-radius: 8px;
}
.role-toggle {
    border: 1px solid #00000052;
    padding: 4px;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    margin-top: 40px;
}
.role-toggle button {
    font-family: "Geologica", Sans-serif;
    font-size: 16px;
    font-weight: 500;
    line-height: 100%;
    color: #000;
    border: 0;
    background: transparent;
    text-align: center;
    width: 50%;
    padding: 18px 16px;
}
form#th-register-form input[type="text"] {
    display: block;
    width: 100%;
    border: 1px solid #00000029 !important;
    background: transparent !important;
    padding: 10px 18px;
    color: #00000066 !important;
    font-size: 14px;
    font-family: "Geologica", Sans-serif;
    font-weight: 400;
    height: 56px !important;
    margin-top: 38px;
}

form#th-register-form input[type="password"]{
    display: block;
    width: 100%;
    border: 1px solid #00000029 !important;
    background: transparent !important;
    padding: 10px 18px;
    color: #00000066 !important;
    font-size: 14px;
    font-family: "Geologica", Sans-serif;
    font-weight: 400;
    height: 56px !important;
    margin-top: 16px;
}
form#th-register-form .row input[type="text"]:last-child {
    margin-top: 16px;
}
form#th-register-form input[type="email"]{
    
    display: block;
    width: 100%;
    border: 1px solid #00000029 !important;
    background: transparent !important;
    padding: 10px 18px;
    color: #00000066 !important;
    font-size: 14px;
    font-family: "Geologica", Sans-serif;
    font-weight: 400;
    height: 56px !important;
    margin-top: 16px;

}
form#th-register-form label {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    font-family: "Geologica", Sans-serif;
    color: #000000;
    font-size: 16px;
    font-weight: 500;
}

form#th-register-form label input[type="checkbox"] {
    height: auto !important;
    margin: 17px 9px 17px 0px;
}

form#th-register-form button.btn-login {
    background: #148332;
    border-radius: 10px;
    width: 100%;
    height: 59.6px;
    font-family: "Geologica", Sans-serif;
    font-size: 20px;
    font-weight: 600;
    margin-top: 21px;
}

form#th-register-form .row {
    padding: 0 16px;
}

p.auth-switch {
    text-align: center;
    color: #000000;
    font-size: 20px;
    font-weight: 500;
    font-family: "Geologica", Sans-serif;
}
p.auth-switch {
    text-align: center;
    color: #000000;
    font-size: 20px;
    font-weight: 500;
    margin-top: 40px;
}

p.auth-switch a{
    color: #148332;
}

form#th-register-form button.btn-register {
    background: #148332;
    border-radius: 10px;
    width: 100%;
    height: 59.6px;
    font-family: "Geologica", Sans-serif;
    font-size: 20px;
    font-weight: 600;
    margin-top: 21px;
}/* End custom CSS */