html{
    scroll-behavior: smooth;
}
#wrapper .fusion-tb-header .rowtochange .fusion-layout-column { width: auto !important; }
.fusion-tb-header .fusion-layout-column.fixedwidthclass { -webkit-box-flex: 0; -ms-flex: 0 0 250px !important; flex: 0 0 250px !important; }
.fusion-tb-header .fusion-layout-column.nonfixedwidthclass1,
.fusion-tb-header .fusion-layout-column.nonfixedwidthclass2 { -webkit-box-flex: 1 !important; -ms-flex: 1 !important; flex: 1 !important; }
.fusion-tb-header .fusion-layout-column.fixedwidthclass .fusion-column-wrapper { margin: 0 !important; }

/*TO RIGHT ALIGN NON_FIXED DIV USE...*/
.fusion-tb-header .fusion-layout-column.nonfixedwidthclass2 { -webkit-box-flex: 1 !important; -ms-flex: 1 !important; flex: 1 !important; justify-content: flex-end !important; }

#wrapper #main .post-content .max1170 .fusion-row { max-width: 1170px !important; margin-left: auto; margin-right: auto; }
#wrapper #main .post-content .max750text { max-width: 750px !important; margin-left: auto !important; margin-right: auto !important; }


.fusion-tb-header #sticky { position: fixed; top: -100px; left: 0; width: 100%; height: 80px; z-index: 101; transition: top 0.3s linear; box-shadow: rgba(0,0,0,.117647) 0 1px 3px; }
.fusion-tb-header #sticky.stuck { top: 0; }
/* Sidebar Styles */
#wrapper #sidebar{position:fixed; top:38%; right:0; transform:translateY(-38%); min-width:60px; max-width:60px; text-wrap:nowrap; transition:all .8s;}
#wrapper #sidebar:hover{min-width:240px; max-width:240px; transition:all .8s;}
#wrapper #sidebar div.fusion-column-wrapper{padding:15px 10px 10px 10px;}
#wrapper #sidebar div.fusion-text p{display: flex; flex-direction: row; align-items: center; margin-bottom:8px;}
#wrapper #sidebar div.fusion-text p a{display: flex; flex-direction: row; align-items: center; gap:30px;}
#wrapper #sidebar .sidebar-icon{width:40px;}
/*Text Link Styles */
#wrapper #main .text-link-light a{color:white; transition:all .8s;}
#wrapper #main .text-link-light a:hover{color: #4BBBFF; transition:all .8s;}
#wrapper #main .text-link-light-hero a{color: #4BBBFF; transition:all .8s;}
#wrapper #main .text-link-light-hero a:hover{color: white; transition:all .8s;}
#wrapper #main .text-link-dark a{color:#10183F; transition:all .8s;}
#wrapper #main .text-link-dark a:hover{color: #4BBBFF; transition:all .8s;}
#wrapper .text-link-light a{color:white; transition:all .8s;}
#wrapper .text-link-light a:hover{color:#4BBBFF; transition:all .8s;}
#wrapper .text-link-dark a{color:#10183F; transition:all .8s;}
#wrapper .text-link-dark a:hover{color: #707070; transition:all .8s;}
/* Button Styles */
#wrapper #main .btn{padding:20px 40px; border:1px solid; border-radius:64px; margin-top:20px;}
#wrapper .btn{padding:20px 40px; border:1px solid; border-radius:64px; margin-top:20px;}
#wrapper #main .btn-extra-top{margin-top:40px;}
#wrapper #main .btn .fusion-button-text{font-family:"Exo 2", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; font-size:17px; font-weight:400; text-transform: uppercase;}
#wrapper .btn .fusion-button-text{font-family:"Exo 2", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; font-size:17px; font-weight:400; text-transform: uppercase;}
#wrapper #main .btn-white{border-color:white; background-color: transparent; transition:all 0.8s;}
#wrapper #main .btn-white .fusion-button-text{color:white; transition:all 0.8s;}
#wrapper #main .btn-white:hover{background-color:white; transition:all 0.8s;}
#wrapper #main .btn-white:hover .fusion-button-text{color:black; transition:all 0.8s;}
#wrapper #main .btn-light-blue{border-color:#4BBBFF; background-color: #4BBBFF; transition:all 0.8s;}
#wrapper .btn-light-blue{border-color:#4BBBFF; background-color: #4BBBFF; transition:all 0.8s;}
#wrapper #main .btn-light-blue .fusion-button-text{color:#10183F; transition:all 0.8s;}
#wrapper .btn-light-blue .fusion-button-text{color:#10183F; transition:all 0.8s;}
#wrapper #main .btn-light-blue:hover .fusion-button-text{color:#4BBBFF; transition:all 0.8s;}
#wrapper .btn-light-blue:hover .fusion-button-text{color:#4BBBFF; transition:all 0.8s;}
#wrapper .btn-light-blue:hover{background-color:transparent; color:#4BBBFF; transition:all 0.8s;}
#wrapper #main .btn-light-blue:hover{background-color:transparent; color:#4BBBFF; transition:all 0.8s;}
#wrapper #main .btn-dark-blue{border-color:#10183F; background-color:#10183F; transition:all .8s;}
#wrapper #main .btn-dark-blue .fusion-button-text{color:white; transition:all 0.8s;}
#wrapper #main .btn-dark-blue:hover .fusion-button-text{color: #10183F; transition:all 0.8s;}
#wrapper #main .btn-dark-blue:hover{background-color:transparent; transition:all .8s;}
#wrapper #main .fusion-form-submit-field button.form-btn-light-blue{border-color:#4BBBFF; background-color: #4BBBFF; transition:all 0.8s;}
#wrapper #main .fusion-form-submit-field button.form-btn-light-blue:hover{background-color:transparent; transition:all 0.8s;}  
#wrapper #main .fusion-form-submit-field button.form-btn-dark-blue{border-color:#10183F; background-color: #10183F; transition:all 0.8s;}
#wrapper #main .fusion-form-submit-field button.form-btn-dark-blue:hover{background-color:transparent; transition:all 0.8s; color:#10183F;}  
/* Form Styles */
#wrapper #main .form-field {margin:10px 0;}
#wrapper #main .form-field input{padding:20px; border:1px solid rgba(0,0,0,0); text-align:left; height:auto; color:#707070;}
#wrapper #main .form-field input::placeholder{color:#707070;}
#wrapper #main .form-field select{padding:20px; border:1px solid rgba(0,0,0,0); text-align:left; height:auto; color:#707070;}
#wrapper #main .form-field select option{color:#707070;}
#wrapper #main .form-field svg{fill:#707070; width:30px; height:30px;}
#wrapper #main .form-field textarea{padding:20px; width:100%; min-height:200px; max-height:500px; resize: none; border:1px solid rgba(0,0,0,0); color:#707070;}
#wrapper #main .form-field textarea::placeholder{color:#707070;}
/* Heading Styles */
#wrapper #main .heading-underline{margin:20px 0; width:75px; height:2px;}
#wrapper #main .heading-underline-center{margin:20px auto;}
#wrapper #main .heading-white-underline{background-color:white;}
#wrapper #main .heading-blue-underline{background-color:#10183F;}
#wrapper div.fusion-tb-header{position:relative; z-index:100;}
/* Home Hero Styles */
#wrapper .home-hero-col-2{border-top:0px; border-left:1px solid;}
#wrapper .home-hero-col-3{border-top:0px; border-left:1px solid;}
/* News Styles */
#wrapper #main .news-display img{margin-bottom:20px; aspect-ratio:1.4/1;}
#wrapper #main .news-display .recent-posts-content{display:flex; flex-direction:column; gap:20px;}
#wrapper #main .news-display .entry-title a{color:#10183F;}
#wrapper #main .news-display .entry-title{position:relative; padding-bottom:20px;}
#wrapper #main .news-display .entry-title:after{content:''; position:absolute; bottom:0; left:0; width:75px; border-bottom:2px solid #10183F;}
#wrapper #main div.post h2, #wrapper #main div.post h3{color:#10183F;}
#wrapper #main div.post .post-subscribe h2, #wrapper #main div.post .post-subscribe h3{color:white;}
#wrapper #main div.post .post-cta h2, #wrapper #main div.post .post-cta h3{color:white;}
#wrapper #main .news-display article{margin-bottom:20px;}
#wrapper #main div.post .cta-heading h2{color:white;}
/* Location Styles */
#wrapper #main .hidden-location-text-field {color: transparent;text-shadow: 0 0 0 rgba(0, 0, 0, 0);user-select: none;}
/* Careers Styles */
#wrapper #main #careers-form-column .fusion-column-wrapper{border-radius:0 24px 24px 0;}
#wrapper #main #careers-contact-info-column .fusion-column-wrapper{border-radius:24px 0 0 24px;}
/* Contact Styles */
#wrapper #careers-form .contact-form-details, #wrapper #get-in-touch .contact-form-details{height:100%;}
#wrapper #main #contact-form-column .fusion-column-wrapper{border-radius:0 24px 24px 0;}
#wrapper #main #contact-info-column .fusion-column-wrapper{border-radius:24px 0 0 24px;}
/* Footer Styles */
#wrapper .footer-divider{width:100%; height:2px; background-color:white;}
#wrapper #footer-copyright h1 p{margin-top:0;}
/* Instagram Styles */
#wrapper .instagram-layout .instagram-post{padding:5px;}
#wrapper .instagram-layout .awb-instagram-buttons a.fusion-button{padding:20px 40px; border:1px solid; border-radius:64px; margin-top:20px;}
#wrapper .instagram-layout .awb-instagram-buttons a.awb-instagram-load-more-btn{border:1px solid #10183F;}

/* Approvals Styles */
#wrapper #main #approvals-slider .slick-track { display: flex !important; }
#wrapper #main #approvals-slider .slick-slide { height: inherit !important; }


#wrapper #main #approvals-slider { padding-left: 8%; }

#wrapper #main #approvals-slider article { position: relative; }
#wrapper #main #approvals-slider article a { text-transform: uppercase; color: #fff; font-family: "Exo 2", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; font-size: 16px; font-style: normal; font-weight: 400; letter-spacing: 0.24px; line-height: 20.8px; padding-top: 140px; display: inline-block; }
#wrapper #main #approvals-slider article a img { max-width: 300px; position: relative; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }

#wrapper #main #approvals-slider article.audi a img {  }
#wrapper #main #approvals-slider article.bmw a img { max-width: 170px; }
#wrapper #main #approvals-slider article.cupra a img {  }
#wrapper #main #approvals-slider article.mini a img {  }
#wrapper #main #approvals-slider article.seat a img {  }
#wrapper #main #approvals-slider article.skoda a img { max-width: 290px; }
#wrapper #main #approvals-slider article.tesla a img {  }
#wrapper #main #approvals-slider article.volvo a img { max-width: 270px; }
#wrapper #main #approvals-slider article.volkswagen-commercial a img { max-width: 220px; }
#wrapper #main #approvals-slider article.volkswagen a img { max-width: 240px; }

#wrapper #main #approvals-slider article a span { display: block; position: absolute; left: 0; bottom: 0; border-top: 2px solid #fff; padding: 20px 0 0 0; width: 72%; }
#wrapper #main #approvals-slider article a:hover { color: #4BBBFF; }


/* Slick Slider */
.slick-slider { position: relative; display: block; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; }
.slick-list { position: relative; display: block; overflow: hidden; margin: 0; padding: 0; }
.slick-list:focus { outline: none; }
.slick-list.dragging { cursor: pointer; cursor: hand; }
.slick-slider .slick-track, .slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
.slick-track { position: relative; top: 0; left: 0; display: block; margin-left: auto; margin-right: auto; }
.slick-track:before, .slick-track:after { display: table; content: ''; }
.slick-track:after { clear: both; }
.slick-loading .slick-track { visibility: hidden; }
.slick-slide { display: none; float: left; height: 100%; min-height: 1px; outline: none; }
.slick-slide img { display: block; }
.slick-slide.slick-loading img { display: none; }
.slick-slide.dragging img { pointer-events: none; }
.slick-initialized .slick-slide { display: block; padding: 1px; }
.slick-loading .slick-slide { visibility: hidden; }
.slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; }
.slick-arrow.slick-hidden { display: none; }


@media screen and (max-width: 1400px) {
#wrapper .awb-menu .awb-menu__main-ul li{margin:0 5px;}
#wrapper .menu-social div.fusion-social-networks-wrapper{display: flex; flex-direction: row; flex-wrap: nowrap;}


#wrapper #main #approvals-slider article a { padding-top: 31.5%; }
#wrapper #main #approvals-slider article a img { max-width: 72%; }
    
#wrapper #main #approvals-slider article.bmw a img { max-width: 38%; }
#wrapper #main #approvals-slider article.skoda a img { max-width: 65%; }
#wrapper #main #approvals-slider article.volvo a img { max-width: 61%; }
#wrapper #main #approvals-slider article.volkswagen-commercial a img { max-width: 49%; }
#wrapper #main #approvals-slider article.volkswagen a img { max-width: 54%; }
}


@media screen and (max-width: 992px) {
    :root{--h1_typography-font-size: 40px;}
    .fusion-body #wrapper .fusion-title h1.fusion-title-heading {font-size: 35px;}
    .fusion-body #wrapper .fusion-title h2.fusion-title-heading {font-size: 30px;}
    #sidebar{display:none;}
    #wrapper .tablet-hide{display:none;}
    #wrapper .home-hero-col-1{border-top:1px solid; padding:40px 0;}
    #wrapper .home-hero-col-2{border-top:1px solid; border-left:0px; padding:40px 0;}
    #wrapper .home-hero-col-3{border-top:1px solid; border-left:0px; padding:40px 0;}
    #wrapper #careers-form .contact-form-details, #wrapper #get-in-touch .contact-form-details{height:auto;}
    #wrapper #careers-form div.fusion-builder-row{flex-wrap:wrap;}
    #wrapper #main #careers-form-column .fusion-column-wrapper{border-radius:24px 24px 0 0;}
    #wrapper #main #careers-contact-info-column .fusion-column-wrapper{border-radius:0 0 24px 24px;}
    #wrapper #main #contact-form-column .fusion-column-wrapper{border-radius:24px 24px 0 0;}
    #wrapper #main #contact-contact-info-column .fusion-column-wrapper{border-radius:0 0 24px 24px;}
}


@media screen and (max-width: 899px) {
#wrapper #main #approvals-slider { padding-left: 12%; }
}



@media screen and (min-width: 993px) {
#wrapper #main #current-vacancies .current-vacancy .fusion-column-wrapper { padding-bottom: 142px; position: relative; }
#wrapper #main #current-vacancies .btn-light-blue { position: absolute; bottom: 60px; margin: 0; left: 40px; }
}



@media screen and (max-width: 499px) {
#wrapper .btn{margin-top:10px;}
#wrapper #main .btn{margin-top:10px;}
#wrapper #main #approval-section-button{margin-top:40px;}
#wrapper #main #approvals-slider { padding-left: 18%; }
}








/* Update February 2025 */
#wrapper #main .repair-estimate { padding: 13px 30px; margin: 5px 0 10px 70px; text-align: center; }
#wrapper #main .repair-estimate span.fusion-button-text { font-size: 12px; }
@media screen and (max-width: 1900px) {
#wrapper #main .repair-estimate { margin: 5px 0 10px 50px; }
}
@media screen and (max-width: 1700px) {
#wrapper #main .repair-estimate { margin: 5px 0 10px 30px; }
}
@media screen and (max-width: 1550px) {
#wrapper #main .repair-estimate { margin: 5px 0 10px 0; }
}
@media screen and (max-width: 1400px) {
#wrapper #main .repair-estimate { padding: 13px 20px; }
#wrapper #main .repair-estimate span.fusion-button-text { font-size: 11px; }
}
@media screen and (max-width: 1250px) {
#wrapper #main .repair-estimate { max-width: 130px; text-align: center; padding: 8px 10px; }
}
@media screen and (max-width: 992px) {
#wrapper #main .repair-estimate { max-width: none; padding: 13px 20px; }
#wrapper #main .repair-estimate span.fusion-button-text { font-size: 12px; }
}


#wrapper #main a[href^="tel:"], #wrapper #main a[href^="tel:"]:hover { cursor: default !important; color: inherit !important; }


#wrapper #main .repair-estimate.locations { margin: 40px 0 0 0; max-width: none; padding: 13px 20px; }
#wrapper #main .repair-estimate.locations span.fusion-button-text { font-size: 12px; }






/* We Pay Your Excess landing page Mar 2025 */
#wrapper #main .exclusive h3 { position: relative; display: inline-block; padding: 0 0 0 260px; }
#wrapper #main .exclusive h3:before { position: absolute; top: -18px; left: 0; width: 250px; height: 90px; display: inline-block; content: ''; background: url(https://finessearc.co.uk/wp-content/themes/avada-child/images/introducing.png) 0 0 no-repeat; background-size: 250px 90px; }
#wrapper #main .exclusive { z-index: 10; }
#wrapper #main .choose-heading { border-right: 60px solid #fff; border-left: 60px solid #fff; margin: 0 auto -25px auto; padding: 0; z-index: 80; background: #fff; width: fit-content; }
#wrapper #main .choose-heading h3 { position: relative; display: inline-block; padding: 0 0 0 75px; }
#wrapper #main .choose-heading h3:before { position: absolute; top: -5px; left: 0; width: 65px; height: 55px; display: inline-block; content: ''; background: url(https://finessearc.co.uk/wp-content/themes/avada-child/images/why.png) 0 0 no-repeat; background-size: 65px 55px; }
#wrapper #main .choose-cols { padding: 0 0 50px 0; }
#wrapper #main .choose-cols .fusion-row { max-width: 1020px !important; margin-left: auto !important; margin-right: auto !important; border: 4px solid #4bbbff; border-radius: 50px; }
#wrapper #main .choose-middle { width: 270px; padding: 0 30px; margin: 0 20px; position: relative; }
#wrapper #main .choose-middle:before { position: absolute; top: 30px; left: 0; width: 2.5px; height: calc(100% - 50px); display: block; content: ''; background: #4bbbff; }
#wrapper #main .choose-middle:after { position: absolute; top: 30px; right: 0; width: 2.5px; height: calc(100% - 50px); display: block; content: ''; background: #4bbbff; }
#wrapper #main .choose-end { width: 350px; padding: 0 20px; }
#wrapper #main .choose-middle, #wrapper #main .choose-end { padding-top: 30px; }
#wrapper #main .choose-cols .fusion-title { margin: 0 0 5px 0; }
#main .max970px { max-width: 970px !important; margin-left: auto !important; margin-right: auto !important; }
#main .max1000px { max-width: 1000px !important; margin-left: auto !important; margin-right: auto !important; }


@media screen and (max-width: 1100px) {
#wrapper #main .choose-cols .fusion-row { margin-left: 20px !important; margin-right: 20px !important; }
#wrapper #main .choose-middle { width: 26.68%; padding: 2.96% 2.96% 0 2.96%; }
#wrapper #main .choose-end { width: 34.5%; padding: 2.96% 2.96% 0 2.96%; }
}

@media screen and (max-width: 700px) {
#wrapper .post-content .insurance-excess p { font-size: 21px; }
#wrapper #main .exclusive h3 { padding: 70px 0 0 0; }
#wrapper #main .exclusive h3:before { top: -14px; right: 0; margin: auto; }

#wrapper #main .choose-heading { border-right: 30px solid #fff; border-left: 30px solid #fff; margin: 0 auto -35px auto; }
#wrapper #main .choose-middle { width: 100%; padding: 0 30px; }
#wrapper #main .choose-middle:before { top: -10px; left: 40px; width: calc(100% - 80px); height: 2px; }
#wrapper #main .choose-middle:after { bottom: 0; left: 40px; width: calc(100% - 80px); height: 2px; top: auto; }
#wrapper #main .choose-end { width: 100%; padding: 10px 30px; }
#wrapper #main .choose-end.first { padding-top: 30px; }

}


@media screen and (max-width: 500px) {
#wrapper #main .exclusive h3 { font-size: 35px !important; padding: 50px 0 0 0; }
#wrapper #main .exclusive h3:before { top: -17px; width: 200px; background-size: 200px auto; }
.fusion-body #wrapper .fusion-title.arc-offer h2.fusion-title-heading { font-size: 37px !important; }
}


@media screen and (max-width: 400px) {
#wrapper #main .choose-heading { border-right: 10px solid #fff; border-left: 10px solid #fff; }
#wrapper #main .choose-heading h3 { font-size: 37px; padding: 60px 0 0 0; }
#wrapper #main .choose-heading h3:before { top: 4px; right: 0; margin: auto; }
#wrapper #main .why-spacer { display: none; }
}







/* Update may 2025 */
#wrapper #main .vacancies-title { }
#wrapper #main #vacancies { }
#wrapper #main #vacancies .fusion-column-wrapper { -webkit-box-orient: inherit;-webkit-box-direction: inherit;-ms-flex-direction: inherit;flex-direction: inherit; -ms-flex-wrap: wrap; flex-wrap: wrap; }
#wrapper #main #vacancies .current-vacancy { width: calc((100% - 100px)/3); margin: 0 50px 50px 0; box-shadow: 3px 5px 11px 11px rgba(0, 0, 0, 0.13); padding: 60px 40px 142px 40px; border-radius: 13px; position: relative; }
#wrapper #main #vacancies .current-vacancy:nth-child(3n) { margin-right: 0; }
#wrapper #main #vacancies .current-vacancy h3 { color: #10183f; font-weight: 600; margin: 0; }
#wrapper #main #vacancies .current-vacancy h4 { color: #707070; margin: 10px 0 15px 0; }
#wrapper #main #vacancies .current-vacancy p { font-weight: 700; color: #707070; }

#wrapper #main #vacancies .apply { position: absolute; bottom: 60px; margin: 0; left: 40px; }
.page-careers #wrapper #main .role-wrapper { position: relative; }
#wrapper #main #role-applying-for { color: #707070; padding: 20px; text-align: left; height: auto; width: 100%; -webkit-appearance: none; -moz-appearance: none;text-overflow: ""; cursor: pointer; display: block; outline: 0; position: relative; text-indent: 0; vertical-align: middle; z-index: 5; margin: 0; line-height: normal !important; }
.page-careers #wrapper #main .role-wrapper .select-arrow { border: none; top: 50%; transform: translateY(-50%); bottom: auto; height: auto; width: auto; right: 1em; font-size: inherit !important; background: 0 0 !important; display: flex; align-items: center; }
.page-careers #wrapper #main .role-wrapper svg { fill: #707070; width: 30px; height: 30px; }
.page-careers #wrapper #main .role-wrapper svg path { stroke: #fff; }

@media screen and (max-width: 1200px) {
#wrapper #main #vacancies .current-vacancy { width: calc((100% - 50px)/2); }
#wrapper #main #vacancies .current-vacancy:nth-child(3n) { margin-right: 50px; }
#wrapper #main #vacancies .current-vacancy:nth-child(2n) { margin-right: 0; }

}

@media screen and (max-width: 850px) {
#wrapper #main #vacancies .current-vacancy { padding: 40px 30px 142px 30px; }
#wrapper #main #vacancies .apply { left: 30px; }
}


@media screen and (max-width: 750px) {
#wrapper #main #vacancies .current-vacancy { width: 100%; max-width: 440px; margin: 0 auto 50px auto !important; }
}