:root{
   --faw-body-color:#eceff3; 
   --faw-label-color:#335056;
   --faw-body-radius:44px;
   --faw-input-bg:#335056;
   --faa-border-colour:#95a5a8;
}
body:has(form.find-an-adviser-form){
    background-color: transparent !important;
    padding: 0;
    margin: 0;
    font-size: 16px;
    font-weight: 600;
    color: var(--faa-text-colour);
}
body:has(form.find-an-adviser-form) .page-wrapper{
    background-color: transparent !important;
}
body:has(form.find-an-adviser-form) .layout-main .main-content .container{
    padding: 0;
    max-width: unset;
}
body:has(form.find-an-adviser-form) a{
    color: var(--faa-link-colour);
}
body:has(form.find-an-adviser-form) a:hover{
    color: var(--faa-link-hover-colour);
}
/*layout*/
form.find-an-adviser-form{
    background-color:var(--faa-outer-background-colour);
    border-radius:var(--faa-widget-border-radius);
    padding:30px;
}
.find-an-adviser-form-row{
    display: flex;
    flex-wrap: wrap;
    grid-gap: 30px;
}
.find-an-adviser-form-row .find-an-adviser-form-left{
    width: calc(50% - 15px);
    background-color: var(--faa-inner-background-colour);
    border-radius: var(--faa-inner-background-and-map-border-radius);
    padding: 30px;
    position: relative;
}
.find-an-adviser-form-row #googleAdviserMap{
    width: calc(50% - 15px);
    height: auto !important;
    min-height: 710px;
    border-radius: var(--faa-inner-background-and-map-border-radius);
    overflow: hidden;
}
/**/
form.find-an-adviser-form fieldset{
    all: unset;
    display: block;
}
form.find-an-adviser-form fieldset .fieldset__wrapper{
    padding:0;
    border: 0 !important;
}
form.find-an-adviser-form fieldset legend{
    all: unset;
    display: block;
    text-align:center;
    margin-bottom:15px;
}
form.find-an-adviser-form .fieldset__label {
    color: var(--faa-title-colour);
    font-size: 40px;
    font-weight: 600;
    line-height: 1;
    margin-bottom: 15px;
}
form.find-an-adviser-form fieldset .form-boolean-group{
    display:flex;
    grid-gap:30px;
}
form.find-an-adviser-form fieldset .form-boolean-group .form-item__label{
    display: block;
}
/*input*/
form.find-an-adviser-form input:not([type="input"], [type="submit"], [type="radio"], [type="checkbox"], [type="button"]){
    padding: 15px 30px;
    border: 1px solid var(--faa-fields-background-colour);
    background-color: var(--faa-fields-background-colour);
    font-size: 16px;
    font-weight: 600;
    color: var(--faa-fields-text-colour);
    outline: 0;
}
form.find-an-adviser-form input:not([type="input"], [type="submit"], [type="radio"], [type="checkbox"], [type="button"])::placeholder{
    color: var(--faa-placeholder-colour);
}
/*radio btn*/
form.find-an-adviser-form fieldset .js-form-type-radio{
    display:flex;
    align-items:center;
    grid-gap:15px;
}
form.find-an-adviser-form input[type="radio"]{
    all:unset;
    width:25px;
    height:25px;
    cursor:pointer;
    appearance: none;
    border-radius:50%;
    background-color:#fff;
    border:1px solid var(--faw-input-bg);
    position:relative;
}
form.find-an-adviser-form input[type="radio"]::after{
    content:'';
    position:absolute;
    inset:2px;
    background-color:var(--faw-input-bg);
    border-radius:50%;
    opacity:0;
}
form.find-an-adviser-form input[type="radio"]:checked::after{
    opacity:1;
}
/*label*/
form.find-an-adviser-form .form-item__label{
    color: var(--faw-label-color);
    font-size:22px;
    font-weight:600;
    margin:0;
    padding: 0;
}
form.find-an-adviser-form .form-item .form-item__label{
    display: none;
}
/**/
form.find-an-adviser-form .form-item-adviser-type{
    margin-top: 15px !important;
}
/*select*/
form.find-an-adviser-form .form-item-adviser-type .select2{
    width: 100% !important;
}
form.find-an-adviser-form .select2-container .select2-selection{
    font-size: 16px;
    background-color: var(--faa-fields-background-colour);
    color: var(--faa-fields-text-colour);
}
body:has(form.find-an-adviser-form ) .select2-results .select2-results__options .select2-results__option:hover,
body:has(form.find-an-adviser-form ) .select2-results .select2-results__options .select2-results__option.select2-results__option--selected{
    background-color: var(--faa-dropdown-background-colour);
    color: var(--faa-dropdown-selected-option-background-colour);
}
/*option*/
form.find-an-adviser-form #adviser-results-wrapper {
    margin-top: 30px !important;
    display: flex;
    grid-gap: 15px;
}
form.find-an-adviser-form #adviser-results-wrapper .select2-container .select2-selection{
    padding: 0 0 !important;
    min-height: unset;
    background-color: transparent;
}
form.find-an-adviser-form #adviser-results-wrapper .select2-container .select2-selection {
    padding: 0 0 !important;
    min-height: auto;
    background-color: transparent;
    border-bottom: 1px solid var(--faa-border-colour);
    font-size: 16px;
    color: var(--faa-option-text-colour);
}
/*search*/
form.find-an-adviser-form .input-with-icon{
    margin-top: 15px !important;
    display: flex;
    background-color: var(--faa-fields-background-colour);
}
form.find-an-adviser-form .input-with-icon > .form-wrapper{
    width: calc(100% - 60px);
}
form.find-an-adviser-form .custom-submit-button-wrap{
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    width: 60px;
}
form.find-an-adviser-form .custom-submit-button-wrap::before{
    content: "";
    position: absolute;
    top: 15%;
    left: 0;
    width: 1px;
    height: 70%;
    background-color:  var(--faa-text-colour);
}
form.find-an-adviser-form .custom-submit-button-wrap i{
    font-size: 25px;
    color: var(--faa-graphics-colour);
}
form.find-an-adviser-form .custom-submit-button-wrap input[type="submit"] {
    position: absolute;
    inset: 0;
    margin: 0 !important;
    opacity: 0;
    padding: 0;
    min-height: unset;
    user-select: none;
}
/**/
form.find-an-adviser-form .select2-container--default .select2-selection--single::after{
    font-size: 30px;
    font-weight: 300;
    color: var(--faa-graphics-colour);
}
/**/
form.find-an-adviser-form .ajax-progress{
    position: absolute;
    top: 0px;
    right: 0px;
}
form.find-an-adviser-form .ajax-progress .message{
    display: none;
}
/*result*/
form.find-an-adviser-form #adviser-output{
    width: auto;
    margin-inline: -30px;
    padding-inline: 30px;
}
form.find-an-adviser-form .adviser-result-list{
    width:auto;
    margin-top:30px;
    margin-inline:-30px;
    list-style:none;
    border-top:1px solid var(--faa-border-colour);
    max-height:510px;
    overflow-y:auto;
}
form.find-an-adviser-form .adviser-result-list li{
    padding-block: 0;
    padding-inline:30px;
    transition:all 0.3s;
}
form.find-an-adviser-form .adviser-result-list li:hover{
    background-color:var(--faa-selected-entity-background-colour);
}
form.find-an-adviser-form .adviser-result-list li .label{
    padding-block:15px;
    display:flex;
    align-items: center;
    border-bottom:1px solid var(--faa-border-colour);
    cursor: pointer;
    user-select: none;
}
form.find-an-adviser-form .adviser-result-list li .label .label-area{
    flex:1;
    padding-right: 15px;
}
form.find-an-adviser-form .adviser-result-list li .label h6{
    font-size:16px;
    color:var(--faa-entity-name-colour);
}
form.find-an-adviser-form .adviser-result-list li .label .address{
    margin-top:10px;
    font-size:14px;
    font-weight:400;
    line-height:1.2;
    color:var(--faa-entity-description-text-colour);
}
form.find-an-adviser-form .adviser-result-list li .label .img-area{
    width:55px;
    height: 55px;
    border-radius:12px;
}
form.find-an-adviser-form .adviser-result-list li .label .img-area img{
    width:100%;
    aspect-ratio:1;
    object-fit:cover;
    object-position:top;
    border-radius:inherit;
}
/*details*/
form.find-an-adviser-form .adviser-result-list li .full-details{
    position: absolute;
    inset: 0;
    top: 90px;
    background-color: var(--faa-inner-background-colour);
    border-radius: var(--faa-inner-background-and-map-border-radius);
    padding: 30px;
    overflow-y: auto;
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s;
}
form.find-an-adviser-form .adviser-result-list li.active .full-details{
    opacity: 1;
    visibility: visible;
}
form.find-an-adviser-form .adviser-result-list li .full-details .img-n-title{
    display:flex;
    align-items:flex-end;
}
form.find-an-adviser-form .adviser-result-list li .full-details .img-n-title .img-data{
    width:30%;
    min-width: 130px;
}
form.find-an-adviser-form .adviser-result-list li .full-details .img-n-title .img-data img{
    width:100%;
    border-radius:16px;
}
form.find-an-adviser-form .adviser-result-list li .full-details .img-n-title .title-data{
    padding-left:15px;
}
form.find-an-adviser-form .adviser-result-list li .full-details .img-n-title .title-data h6{
    font-size:16px;
    color:var(--faa-entity-name-colour);
}
form.find-an-adviser-form .adviser-result-list li .full-details .img-n-title .title-data .address{
    margin-top:10px;
    font-size:14px;
    font-weight:400;
    line-height: 1.3;
    color:var(--faa-entity-description-text-colour);
    margin-bottom:15px;
}
form.find-an-adviser-form .adviser-result-list li .full-details .img-n-title :is(.contact-number, .contact-mail){
    display: flex;
    align-items: center;
    grid-gap: 10px;
    font-size: 16px;
    font-weight: 400;
}
form.find-an-adviser-form .adviser-result-list li .full-details .img-n-title :is(.contact-number, .contact-mail) .icon{
    width: 20px;
    height: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
    background: var(--faa-entity-icons-background-colour);
    font-size: 12px;
    border-radius: 3px;
    color: var(--faa-entity-icons-colour);
}
form.find-an-adviser-form .adviser-result-list li .full-details .img-n-title :is(.contact-number, .contact-mail) a{
    text-decoration:none;
    outline: 0;
}
form.find-an-adviser-form .adviser-result-list li .full-details .business-areas{
    margin-top: 50px !important;
    padding-top:30px;
    border-top:1px solid var(--faa-border-colour);
}
form.find-an-adviser-form .adviser-result-list li .full-details .business-areas .area-label{
    font-size:16px;
    color: var(--faa-entity-name-colour);
    font-weight:700;
}
form.find-an-adviser-form .adviser-result-list li .full-details .business-areas p{
    margin-bottom:5px;
    font-weight:400;
    line-height: 1.3;
}
form.find-an-adviser-form .view-more {
    display: inline-flex;
    align-items: center;
    grid-gap: 30px;
    padding: 5px 5px 5px 30px;
    background-color: var(--faa-button-bg-colour);
    font-size: 18px;
    color: var(--faa-button-text-colour);
    text-decoration: none;
    border-radius: 50px;
    transition: all 0.3s;
}
form.find-an-adviser-form .view-more:hover{
    background-color: var(--faa-button-hover-bg-colour);
    color: var(--faa-button-hover-text-colour);
}
form.find-an-adviser-form .view-more i {
    font-size: 18px;
    color: var(--faa-button-arrow-colour);
    display: flex;
    justify-content: center;
    align-items: center;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background-color: var(--faa-button-arrow-bg-colour);
    transition: all 0.3s;
}
form.find-an-adviser-form .view-more:hover i{
    color: var(--faa-button-arrow-hover-colour);
    background-color: var(--faa-button-arrow-hover-bg-colour);
}
form.find-an-adviser-form .link-to-content{
    margin-top: 30px;
    display: flex;
    justify-content: flex-end;
}
/**/
form.find-an-adviser-form .go-back {
    font-size: 16px;
    color: var(--faa-link-colour);
    margin-bottom: 30px;
    padding-bottom: 30px;
    border-bottom: 1px solid var(--faa-border-colour);
}
form.find-an-adviser-form .go-back-btn{
    cursor: pointer;
    user-select: none;
}
form.find-an-adviser-form .go-back:hover{
    color: var(--faa-link-hover-colour);
}
form.find-an-adviser-form .go-back span{
    text-decoration: underline;
}

@container body (max-width: 767px){
     form.find-an-adviser-form{
        padding: 15px;
    }
    .find-an-adviser-form-row .find-an-adviser-form-left{
        width: 100%;
        padding: 15px;
    }
    form.find-an-adviser-form #adviser-output{
        margin-inline: -15px;
    }
    form.find-an-adviser-form .adviser-result-list{
        margin-inline: -15px;
    }
    form.find-an-adviser-form .adviser-result-list li{
        padding-inline: 15px;
    }
    .find-an-adviser-form-row #googleAdviserMap{
        width: 100%;
        min-height: 500px;
    }
    form.find-an-adviser-form .adviser-result-list li .full-details{
        padding: 15px;
    }
    form.find-an-adviser-form .view-more{
        font-size: 13px;
        grid-gap: 10px;
        padding-left: 20px;
    }
    form.find-an-adviser-form .view-more i{
        width: 30px;
        height: 30px;
        font-size: 14px;
    }
}
@container body (max-width: 480px){
    form.find-an-adviser-form .adviser-result-list li .full-details .img-n-title .img-data{
        min-width: 70px;
    }
}