.dealer-registration-form-container{background:#fff;padding:100px 0 35px;width:100%;margin:0 auto}
@media(min-width:320px) and (max-width:991px){.dealer-registration-form-container{padding:40px 16px 30px}
}
.dealer-registration-form-container .content-section{display:flex;flex-wrap:wrap;justify-content:center;gap:10%}
@media(min-width:320px) and (max-width:991px){.dealer-registration-form-container .content-section{flex-direction:column;gap:20px}
}
.dealer-registration-form-container .content-section .form-heading{width:392px}
@media(min-width:320px) and (max-width:991px){.dealer-registration-form-container .content-section .form-heading{width:100%;margin-left:0}
}
.dealer-registration-form-container .content-section .form-heading .line-one{color:#f14950;font-weight:700;font-size:64px;line-height:70.4px;margin-bottom:10px}
@media(min-width:320px) and (max-width:991px){.dealer-registration-form-container .content-section .form-heading .line-one{font-weight:800;font-size:32px;line-height:41.6px}
}
.dealer-registration-form-container .content-section .form-heading .line-two{font-size:20px;font-weight:400;color:#232426;line-height:28px}
@media(min-width:320px) and (max-width:991px){.dealer-registration-form-container .content-section .form-heading .line-two{font-size:14px;line-height:21px;font-weight:500}
}
@media(min-width:992px){.dealer-registration-form-container .content-section .form-heading .line-two.desk-view{display:block !important}
}
@media(min-width:320px) and (max-width:991px){.dealer-registration-form-container .content-section .form-heading .line-two.mob-view{display:block !important}
}
.dealer-registration-form-container .content-section #dealer-reg-form{width:46%}
@media(min-width:320px) and (max-width:991px){.dealer-registration-form-container .content-section #dealer-reg-form{width:100%}
}
.dealer-registration-form-container .content-section #dealer-reg-form .form-wrapper{width:100%}
.dealer-registration-form-container .content-section #dealer-reg-form .form-wrapper .row{display:flex;gap:20px;margin:0 0 20px;flex-wrap:wrap;position:relative}
@media(min-width:320px) and (max-width:991px){.dealer-registration-form-container .content-section #dealer-reg-form .form-wrapper .row{flex-direction:column;gap:15px}
}
.dealer-registration-form-container .content-section #dealer-reg-form .form-wrapper .row .form-group{flex:1;position:relative}
@media(min-width:320px) and (max-width:991px){.dealer-registration-form-container .content-section #dealer-reg-form .form-wrapper .row .form-group{width:100%}
}
.dealer-registration-form-container .content-section #dealer-reg-form .form-wrapper .row .form-group.full-width{flex:100%}
.dealer-registration-form-container .content-section #dealer-reg-form .form-wrapper .row .form-group.floating-label{margin-bottom:0}
.dealer-registration-form-container .content-section #dealer-reg-form .form-wrapper .row .form-group.floating-label input,.dealer-registration-form-container .content-section #dealer-reg-form .form-wrapper .row .form-group.floating-label select,.dealer-registration-form-container .content-section #dealer-reg-form .form-wrapper .row .form-group.floating-label textarea{width:100%;padding:14px 16px;border:1px solid #75787b;border-radius:6px;font-size:16px;outline:0;background:#fff;vertical-align:top;resize:vertical;margin-top:0;font-weight:400;line-height:24px;height:auto}
.dealer-registration-form-container .content-section #dealer-reg-form .form-wrapper .row .form-group.floating-label input.visible,.dealer-registration-form-container .content-section #dealer-reg-form .form-wrapper .row .form-group.floating-label select.visible,.dealer-registration-form-container .content-section #dealer-reg-form .form-wrapper .row .form-group.floating-label textarea.visible{border:1px solid red !important}
.dealer-registration-form-container .content-section #dealer-reg-form .form-wrapper .row .form-group.floating-label label{position:absolute;left:12px;top:12px;font-size:16px;color:#75787b;background:#fff;padding:0 4px;pointer-events:none;transition:all .2s ease;opacity:0}
.dealer-registration-form-container .content-section #dealer-reg-form .form-wrapper .row .form-group.floating-label input.active+label,.dealer-registration-form-container .content-section #dealer-reg-form .form-wrapper .row .form-group.floating-label input:focus+label,.dealer-registration-form-container .content-section #dealer-reg-form .form-wrapper .row .form-group.floating-label input:not(:placeholder-shown)+label,.dealer-registration-form-container .content-section #dealer-reg-form .form-wrapper .row .form-group.floating-label select:focus+label,.dealer-registration-form-container .content-section #dealer-reg-form .form-wrapper .row .form-group.floating-label select:not([value=""])+label,.dealer-registration-form-container .content-section #dealer-reg-form .form-wrapper .row .form-group.floating-label textarea.active+label,.dealer-registration-form-container .content-section #dealer-reg-form .form-wrapper .row .form-group.floating-label textarea:focus+label,.dealer-registration-form-container .content-section #dealer-reg-form .form-wrapper .row .form-group.floating-label textarea:not(:placeholder-shown)+label{top:8px;left:8px;font-size:12px;color:#75787b;opacity:1}
.dealer-registration-form-container .content-section #dealer-reg-form .form-wrapper .row .form-group.phone-input{position:relative}
.dealer-registration-form-container .content-section #dealer-reg-form .form-wrapper .row .form-group.phone-input .prefix{position:absolute;top:15.75px;left:16px;font-size:16px;color:#75787b;pointer-events:none;z-index:2;display:none}
.dealer-registration-form-container .content-section #dealer-reg-form .form-wrapper .row .form-group.phone-input:has(input.active) input,.dealer-registration-form-container .content-section #dealer-reg-form .form-wrapper .row .form-group.phone-input:has(input:focus) input,.dealer-registration-form-container .content-section #dealer-reg-form .form-wrapper .row .form-group.phone-input:has(input:not(:placeholder-shown)) input{padding-left:50px}
.dealer-registration-form-container .content-section #dealer-reg-form .form-wrapper .row .form-group.phone-input:has(input.active) .prefix,.dealer-registration-form-container .content-section #dealer-reg-form .form-wrapper .row .form-group.phone-input:has(input:focus) .prefix,.dealer-registration-form-container .content-section #dealer-reg-form .form-wrapper .row .form-group.phone-input:has(input:not(:placeholder-shown)) .prefix{display:block}
.dealer-registration-form-container .content-section #dealer-reg-form .form-wrapper .row .form-group .error-message{color:#f14950;font-size:12px;margin-top:4px;display:none;min-height:16px}
.dealer-registration-form-container .content-section #dealer-reg-form .form-wrapper .row .form-group .error-message.visible{display:block}
.dealer-registration-form-container .content-section #dealer-reg-form .form-wrapper .row .form-group #question{height:150px;resize:none}
.dealer-registration-form-container .content-section #dealer-reg-form .form-wrapper .row .form-group #question::placeholder{position:absolute;top:14px;left:16px;transform:none;line-height:normal;text-align:left}
.dealer-registration-form-container .content-section #dealer-reg-form .form-wrapper .row.radio-row{align-items:center;font-size:16px;line-height:24px;color:#53565a;margin-bottom:6px !important}
@media(min-width:320px) and (max-width:991px){.dealer-registration-form-container .content-section #dealer-reg-form .form-wrapper .row.radio-row{flex-direction:row !important;flex-wrap:nowrap;gap:10px;margin-bottom:40px !important}
}
.dealer-registration-form-container .content-section #dealer-reg-form .form-wrapper .row.radio-row span{font-weight:500;font-size:16px;line-height:24px}
@media(min-width:320px) and (max-width:991px){.dealer-registration-form-container .content-section #dealer-reg-form .form-wrapper .row.radio-row span{white-space:nowrap}
}
.dealer-registration-form-container .content-section #dealer-reg-form .form-wrapper .row.radio-row label{margin:0;display:flex;gap:8px;align-items:center;font-weight:400;cursor:pointer}
.dealer-registration-form-container .content-section #dealer-reg-form .form-wrapper .row.radio-row label input[type=radio]{width:20px;height:20px}
.dealer-registration-form-container .content-section #dealer-reg-form .form-wrapper .row.radio-row input[type=radio]:checked{display:none}
.dealer-registration-form-container .content-section #dealer-reg-form .form-wrapper .row.radio-row label:has(input[type=radio]:checked){color:#3b3d40;font-weight:700}
.dealer-registration-form-container .content-section #dealer-reg-form .form-wrapper .row.radio-row label:has(input[type=radio]:checked):before{content:"";width:20px;height:20px;display:inline-block;background:url(clientlibs/resources/images/checked-radio-icon.svg) no-repeat 50%/contain}
.dealer-registration-form-container .content-section #dealer-reg-form .form-wrapper .row.button-row{display:flex;justify-content:flex-end;margin-bottom:30 !important}
.dealer-registration-form-container .content-section #dealer-reg-form .form-wrapper .row.button-row.cta a.animated-arrow-button{height:44px;font-size:16px}
@media(min-width:320px) and (max-width:991px){.dealer-registration-form-container .content-section #dealer-reg-form .form-wrapper .row.button-row.cta a.animated-arrow-button{width:100% !important;justify-content:center}
}
.dealer-registration-form-container .content-section #dealer-reg-form .form-wrapper .row.button-row.cta a.animated-arrow-button:focus,.dealer-registration-form-container .content-section #dealer-reg-form .form-wrapper .row.button-row.cta a.animated-arrow-button:hover{cursor:pointer !important;color:inherit !important;background:#fdbf45 !important;border:inherit !important}
.dealer-registration-form-container .content-section #dealer-reg-form .form-wrapper .row.button-row.cta a.animated-arrow-button:focus span,.dealer-registration-form-container .content-section #dealer-reg-form .form-wrapper .row.button-row.cta a.animated-arrow-button:hover span{transform:none}
.dealer-registration-form-container .content-section #dealer-reg-form .form-wrapper .row.button-row.cta a.animated-arrow-button:focus span:after,.dealer-registration-form-container .content-section #dealer-reg-form .form-wrapper .row.button-row.cta a.animated-arrow-button:hover span:after{filter:invert(1)}
.dealer-registration-form-container .terms-section{color:#8c8e90;font-weight:400;font-size:12px;line-height:16.8px;width:calc(56% + 392px);margin:0 auto}
@media(min-width:320px) and (max-width:991px){.dealer-registration-form-container .terms-section{width:100%}
}
.dealer-registration-form-container .error-section,.dealer-registration-form-container .thank-you-section{position:relative;left:50%;transform:translateX(-50%);width:80%;max-width:1212px;height:300px;margin-bottom:65px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:10px}
@media(min-width:320px) and (max-width:991px){.dealer-registration-form-container .error-section,.dealer-registration-form-container .thank-you-section{max-width:311px;margin:20px 0 30px;gap:0}
}
.dealer-registration-form-container .error-section .close-icon,.dealer-registration-form-container .thank-you-section .close-icon{position:absolute;top:20px;right:20px;cursor:pointer}
@media(min-width:320px) and (max-width:991px){.dealer-registration-form-container .error-section .close-icon,.dealer-registration-form-container .thank-you-section .close-icon{top:16px;right:16px}
}
.dealer-registration-form-container .error-section .close-icon:before,.dealer-registration-form-container .thank-you-section .close-icon:before{content:"";display:block;width:24px;height:24px;background:url(../../../../../etc.clientlibs/apcolourcatalogue/clientlibs/clientlib-global-unification/resources/images/cross-icon.svg) 50%/cover no-repeat}
@media(min-width:320px) and (max-width:991px){.dealer-registration-form-container .error-section .close-icon:before,.dealer-registration-form-container .thank-you-section .close-icon:before{width:16px;height:16px}
}
.dealer-registration-form-container .error-section .error-title,.dealer-registration-form-container .error-section .ty-title,.dealer-registration-form-container .thank-you-section .error-title,.dealer-registration-form-container .thank-you-section .ty-title{color:#a8141a;font-weight:800;font-size:54px;line-height:60px}
@media(min-width:320px) and (max-width:991px){.dealer-registration-form-container .error-section .error-title,.dealer-registration-form-container .error-section .ty-title,.dealer-registration-form-container .thank-you-section .error-title,.dealer-registration-form-container .thank-you-section .ty-title{font-size:32px;line-height:41.6px}
}
.dealer-registration-form-container .error-section .error-desc,.dealer-registration-form-container .error-section .ty-desc,.dealer-registration-form-container .thank-you-section .error-desc,.dealer-registration-form-container .thank-you-section .ty-desc{font-weight:400;font-size:20px;line-height:28px;text-align:center;color:#000;width:445px}
@media(min-width:320px) and (max-width:991px){.dealer-registration-form-container .error-section .error-desc,.dealer-registration-form-container .error-section .ty-desc,.dealer-registration-form-container .thank-you-section .error-desc,.dealer-registration-form-container .thank-you-section .ty-desc{font-size:12px;line-height:16.8px;width:270px}
}
.tools-form{position:relative}
@media(min-width:320px) and (max-width:991px){.tools-form{margin:16px}
}
.tools-form .form-bg-img .img-wrapper img{width:100%;height:100%;display:block}
.tools-form .form-content{right:0;position:absolute;top:50%;transform:translateY(-50%);width:45%}
@media(min-width:320px) and (max-width:991px){.tools-form .form-content{right:unset;position:absolute;top:0;transform:translate(0);width:auto;padding:19px}
}
@media(min-width:767px) and (max-width:990px){.tools-form .form-content{right:0}
}
@media(min-width:320px) and (max-width:991px){.tools-form .form-content .form-content-fields{width:271px}
}
.tools-form .form-content .form-content-fields .form-fields-wraper{display:flex;gap:16px;align-items:center}
@media(min-width:320px) and (max-width:991px){.tools-form .form-content .form-content-fields .form-fields-wraper{gap:20px;align-items:flex-start;flex-direction:column}
}
.tools-form .form-content .form-content-fields .form-fields-wraper .form-dealer-code{width:54%;position:relative}
@media(min-width:320px) and (max-width:991px){.tools-form .form-content .form-content-fields .form-fields-wraper .form-dealer-code{width:251px}
}
.tools-form .form-content .form-content-fields .form-fields-wraper .form-dealer-code input{font-size:16px;line-height:24px;letter-spacing:.54px;font-weight:400;text-transform:inherit;width:100%;padding-right:0;border:1px solid #75787b;background:#fff;border-radius:6px;height:52px;color:#75787b;padding-left:16px}
.tools-form .form-content .form-content-fields .form-fields-wraper .form-dealer-code input::placeholder{font-size:16px;line-height:24px;letter-spacing:.54px;font-weight:400}
.tools-form .form-content .form-content-fields .form-fields-wraper .form-dealer-code input.input-error{border:1px solid red !important}
.tools-form .form-content .form-content-fields .form-fields-wraper .form-dealer-code .error-msg{position:absolute;left:0;bottom:-22px;color:red}
@media(min-width:320px) and (max-width:991px){.tools-form .form-content .form-content-thankyou-screen{width:80%}
}
.tools-form .form-content .form-content-thankyou-screen .form-title{width:443px}
@media(min-width:320px) and (max-width:991px){.tools-form .form-content .form-content-thankyou-screen .form-title{width:100%}
}
.tools-form .form-content .form-content-errorscreen .form-title{width:443px}
@media(min-width:320px) and (max-width:991px){.tools-form .form-content .form-content-errorscreen .form-title{width:100%}
}
.tools-form .form-content .form-title{color:#2e2f32;font-weight:800;font-size:54px;line-height:60px;margin-bottom:6px}
@media(min-width:320px) and (max-width:991px){.tools-form .form-content .form-title{font-size:32px;line-height:41.6px;margin-bottom:4px}
}
.tools-form .form-content .form-desc{font-size:24px;font-weight:400;line-height:33.6px;color:#2e2f32;margin-bottom:30px}
@media(min-width:320px) and (max-width:991px){.tools-form .form-content .form-desc{font-size:16px;line-height:24px;font-weight:500;margin-bottom:16px;width:auto}
}
.tools-form .form-content .ctaText{font-size:16px;line-height:24px;font-weight:700;height:44px;border:0;border-radius:50px;display:flex;justify-content:center;align-items:center;background:#fcaf17;cursor:pointer;padding:18px}
.tools-form .form-content .ctaText:after{content:"";background:url(../../../../../etc.clientlibs/apcolourcatalogue/components/content/findcontractor/clientlibs/resources/images/arrow-icon.svg) no-repeat;position:relative;display:flex;order:1;margin-left:8px;width:17px;height:14px}
.tools-form .form-content .ctaText:hover{background:#fdbf45}
.tools-form .form-content .close-icon{position:absolute;top:-70px;right:0}
@media(min-width:320px) and (max-width:991px) and (min-width:320px) and (max-width:991px){.tools-form .form-content .close-icon{top:0;right:14px}
}
.tools-form .form-content a[href="javascript:void(0)"] *{cursor:pointer !important}