.blue-text-color{color: #000f9f;}
.orange-text-color{color: #f16400;}
.primary-text-color{color: #000f9f;}
.secondary-text-color{color: #99d21b;}
.red-text-color{color: #c30e2e;}
.green-text-color{color: #99d21b;}
.default-text-color{color: #262626;}
.white-text-color{color: #fff;}

.blue-bg{background: #000f9f;}
.orange-bg{background: #f16400;}
.red-bg{background: #c30e2e;}
.green-bg{background: #99d21b;}
.white-bg{background: #fff;}
.light-grey-bg{background: #f0f1f5;}
.grey-bg{background: #4d4d4d;}
.dark-blue-bg{background: #000f9f;}
.primary-bg{background:#000f9f;}
.secondary-bg{background:#99d21b;}
.fb-bg{background: #3c599b;}
.tw-bg{background: #000;}
.lk-bg{background: #0c77af;}
.ins-bg{background: #c32aa3;}

body, html {margin: 0; padding: 0; height: 100%; font-family: 'Barlow', sans-serif; scroll-behavior: smooth;}
body {background: #99d21b; color:#262626; font-weight: 400; font-size: 15px; line-height:22px; outline: 0; overflow-x:hidden;}
body.noscroll{overflow: hidden;}
.hidden{display: none;}
.clear, .mob-clear {clear: both; height: 0; overflow: hidden;}
.break, .dash-break {height: 1px; display: block; width: 100%; clear: both}
.break {border-bottom: 1px solid #e5e5e5}
.dash-break {border-bottom: 1px dashed #e5e5e5}
.border-top{border-top:1px solid #dedede;}
.border-bottom{border-bottom:1px solid #dedede;}
a img, button {border: none;}
.center-align{margin:0 auto; display:block;}
img.small{max-width:340px; width:100%; height:auto;}
img.medium{max-width:540px; width:100%; height:auto;}
img.large{max-width:740px; width:100%; height:auto;}
img.full-width{max-width:none; width:100%; height:auto;}
a img { display: block;}
a, a.text-link { text-decoration: underline; color:#262626;}
.white-text-color a{color:#fff;}
a:hover, a.text-link:hover{text-decoration: none;}
a.no-underline, a:hover {text-decoration: none;}
img { max-width: 100%; height: auto; display:block;}
* {box-sizing: border-box; -moz-box-sizing: border-box;}
:focus { outline: 0!important; -webkit-box-shadow: none; box-shadow: none;}
li { margin-bottom: 5px;}
p{margin:0 0 10px 0;}
p, span{font-size:15px; line-height:22px;}
h1{margin: 0 0 10px 0; font-size: 28px; line-height: 38px; font-weight: 500;}
h2{margin: 0 0 10px 0; font-size: 26px; line-height: 34px; font-weight: 500;}
h3{margin:0 0 10px 0; font-size: 20px; line-height: 28px; font-weight:500;}
h4{margin:0 0 10px 0; font-size: 18px; line-height: 26px; font-weight:500;}
figure{margin:12px 0;}
.pointer{cursor: pointer;}

.border-radius{border-radius: 16px;}

.hidden, [v-cloak] .hidden{display:none;}

.prevent-scroll{overflow: hidden; position: fixed; width: 100%; height:100%;}

@keyframes fadein{
  0% { opacity:0; }
  30% { opacity:0; } 
  100% { opacity:1; }
}

@-webkit-keyframes pulse {
  0% {
    transform: scale(0.95);
  }
  70% {
    transform: scale(1);
    box-shadow: 0 0 0 13px rgba(98,70,121, 0);
  }
    100% {
    transform: scale(0.95);
    box-shadow: 0 0 0 0 rgba(98,70,121, 0);
  }
}

.tick-list{list-style: none; margin:0; padding:0;}
.tick-list li:before{font-family: Flaticon;	font-style: normal;	line-height: normal; font-size:22px; display: flex;	align-items: center; content: "\f11e"; margin:0px 7px 0 0;}
.tick-list.secondary li:before{color:#99d21b;}
.tick-list li{display: flex; align-items: flex-start;  margin-bottom: 7px;}

.cc-banner .cc-btn{background:#000f9f!important;  color:#fff; font-weight: 500;}
.cc-message, .cc-message a, .cc-message span{color:#262626; font-weight: 400; font-size: 14px;line-height: 22px; font-family: 'Barlow', sans-serif;}
.cc-btn{text-decoration:none; transition: all 200ms linear; font-family: 'Barlow', sans-serif; border-radius:60px;}

.center-text { text-align: center;}
.right-text { text-align: right;}
.left-text { text-align: left;}
.justify-text { text-align: justify;}
.uppercase { text-transform: uppercase;}
.lowercase { text-transform: lowercase;}
.capitalise { text-transform: capitalize;}
.line-through {text-decoration: line-through;}
.underline { text-decoration: underline;}
.italic {font-style: italic;}
.reg-text{font-weight:400;}
.semibold-text, strong{font-weight:600;}
.bold-text{font-weight:700;}

.card-container{display:flex; flex-wrap:wrap;}
.card{box-shadow: 0 3px 6px rgba(0, 0, 0, .06), 0 3px 6px rgba(0, 0, 0, .12); border-radius: 10px;}

.site-wrapper.top{display: flex; align-items: flex-start;}
.site-wrapper.middle{display: flex; align-items: center;}
.site-wrapper.bottom{display: flex; align-items: flex-end;}
.site-wrapper.fit{background-position: 50% 50%; background-repeat: no-repeat; background-size: cover;}
.full-img-background{background-position: 50% 50%; background-repeat: no-repeat; background-size: cover;  background-attachment: fixed; position: relative;}

.site-wrapper {padding: 0 20px; position: relative; zoom: 1;}
.site-wrapper.padding-left-0{padding-left:0;}
.site-wrapper.padding-right-0{padding-right:0;}
.site-wrapper.border-bottom{ border-bottom: 1px solid #dedede;}
.site-wrapper.border-top{ border-top: 1px solid #dedede;}
.site-container { max-width: 1280px; min-width: 225px; width:100%; margin: 0 auto; padding: 0;}
.site-container.narrow { max-width: 800px;}
.transition-all{transition: all 200ms linear;}
.display-block{display:block;}

.box-shadow{box-shadow:0 10px 18px rgba(0,0,0,0.08), 0 6px 6px rgba(0,0,0,0.06);}

.star-rating{display:flex; padding:0; margin:0;justify-content: center; align-items: center;} 
.star-rating i{font-size: 17px; color: #eca700; margin: 0 1px 0 0;}
.star-rating.rating-4 i:nth-of-type(n+5){color:#bfbfbf;}
.star-rating.rating-3 i:nth-of-type(n+4){color:#bfbfbf;}
.star-rating.rating-2 i:nth-of-type(n+3){color:#bfbfbf;}
.star-rating.rating-1 i:nth-of-type(n+2){color:#bfbfbf;}

.phone-cta{display: flex; align-items: center;}
.phone-cta a{text-decoration: none; font-size: 27px; font-weight: 800;}
.phone-cta i{font-size: 20px; margin-right: 5px; margin-top: 1px;}
.phone-cta.primary-text-color a{color:#000f9f;} 
.phone-cta.secondary-text-color a{color:#99d21b;} 

.content-row{display:flex;}
.content-row.align-center{align-items: center;}
.content-row .primary-content{flex:1; margin-right: 30px;}
.content-row .secondary-content{width: 40%;}

/* === SPLIT CONTAINER === */
.half-split-wrapper.purple-bg, .half-split-wrapper.purple-bg p, .half-split-wrapper.purple-bg a, .half-split-wrapper.purple-bg h1, .half-split-wrapper.purple-bg h2, .half-split-wrapper.purple-bg h3, .half-split-wrapper.purple-bg h4{color:#fff;}
.half-split-wrapper.orange-bg, .half-split-wrapper.orange-bg p, .half-split-wrapper.orange-bg a, .half-split-wrapper.orange-bg h1, .half-split-wrapper.orange-bg h2, .half-split-wrapper.orange-bg h3, .half-split-wrapper.orange-bg h4{color:#fff;}
.half-split-wrapper h1, .half-split-wrapper h2{margin-bottom:10px;}
.half-split-container{display:flex;}
.half-split-container .text-container, .half-split-container .img-container{flex:1;}
.half-split-container .text-container > div {max-width: 650px;}
.half-split-wrapper.right-img .half-split-container .text-container {display: flex; justify-content: flex-end; align-items: center; }
.half-split-wrapper.left-img .half-split-container .text-container {display: flex; justify-content: flex-start; align-items: center;  order:2;}
.half-split-wrapper.right-img .half-split-container .text-container > div{padding-right: 60px; margin-left:20px;}
.half-split-wrapper.left-img .half-split-container .text-container > div{padding-left: 60px; margin-right:20px;}
.half-split-wrapper.right-img .half-split-container .img-container {flex: 1; display: flex; justify-content: flex-start; flex-wrap:wrap;}
.half-split-wrapper.left-img .half-split-container .img-container {flex: 1; display: flex; justify-content: flex-end; flex-wrap:wrap; order:1;}
.half-split-container .img-container{ background-size:cover; background-position:50% 50%; background-repeat:no-repeat;}

.services-grid{display:flex; flex-wrap: wrap; justify-content: center;}
.services-grid .service-item{width:calc((100% - 101px) / 5); text-align: center; margin:0 10px 40px 10px;}
.service-item .icon{background: white; border-radius: 14px; padding:15px; display: inline-flex; justify-self: center; align-items: center; box-shadow: 0 14px 28px rgb(0 0 0 / 8%), 0 10px 10px rgb(0 0 0 / 6%); margin:0 auto 10px auto;}
.service-item .icon img{display:block;}
.service-item .title{margin:0 0 5px 0;}
.service-item p{flex:1; margin:0 0 15px 0;}

/* === ACCORDION === */
.accordion {border-radius: 6px; border: 1px solid #000f9f;  overflow: hidden; margin:12px 0;}
.accordion .heading{margin:0; flex:1; font-size: 16px; line-height:24px; color:#000f9f; transition:200ms linear all; margin:0; padding:8px 15px; cursor:pointer; gap:10px; display:flex; justify-content:space-between; align-items:center;}
.accordion .heading:hover{background:rgb(0,0,0,0.05);}
.accordion .heading.open{background:#000f9f; color:white;}
.accordion .heading h4{margin:0; flex:1;}
.accordion .heading i{font-size:14px; align-items:center; transition:200ms linear all;}
.accordion .heading.open i{ transform: rotate(180deg);}
.accordion .expandable{padding:10px 15px; }


/* === USP SLIDER === */
.usp-grid{display:flex; flex-wrap: wrap; justify-content: center;}
.usp-slider .usp{max-width:calc(100% / 4); width:100%; display: inline-flex; flex-direction: column; align-items: center; text-align: center; margin:0; justify-content:center; padding:10px 30px; white-space: normal;}
.usp-grid .usp{max-width:calc(100% / 4); width:100%; display: inline-flex; flex-direction: column; align-items: center; text-align: center; margin:0; justify-content:center; padding:15px 30px; white-space: normal;}
.usp-slider .usp i, .usp-grid .usp i{ width: 120px; height: 120px; border-radius: 100%; display: flex; align-items: center; justify-content: center;font-size: 60px; box-shadow: 0 14px 28px rgb(0 0 0 / 25%), 0 10px 10px rgb(0 0 0 / 22%); margin-bottom: 18px;}
.primary-bg .usp-slider .usp i, .primary-bg .usp-grid .usp i{background: white; color:#000f9f;}
.secondary-bg .usp-slider .usp i, .secondary-bg .usp-grid .usp i{background: white; color:#99d21b;}
.white-bg .usp-slider .usp i, .white-bg .usp-grid .usp i{background: #000f9f; color:#fff;}
.light-grey-bg .usp-slider .usp i, .light-grey-bg .usp-grid .usp i{background: #000f9f; color:white;}
 
.usp-slider{display:flex;}
.usp-slider .usp div, .usp-grid .usp div{flex:1;}
.usp-slider .usp .heading, .usp-grid .usp .heading{font-size: 19px; margin-bottom: 5px;}
.usp-slider .usp .content, .usp-grid .usp .content{font-size: 16px; line-height: 22px;}
.usp-slider .usp p, .usp-grid .usp p{margin:0;}
.primary-bg .usp-slider .usp .heading, .secondary-bg .usp-slider .usp .heading{color: white;}
.primary-bg .usp-slider .usp .content, .secondary-bg .usp-slider .usp .content{color: white;}
.white-bg .usp .heading{color: #000f9f;}
.white-bg .usp .content{color: #000f9f;}
.light-grey-bg .usp .heading{color: #000f9f;}
.light-grey-bg .usp .content{color: #000f9f;}

input{width:100%; background:white; border:1px solid #d3d3d3; box-shadow:none; border-radius:4px; height:38px; padding:5px 10px; margin-bottom:15px; font-size:15px; font-family: 'Barlow', sans-serif;  transition:all 200ms linear;}
textarea{width:100%; background:white; border:1px solid #d3d3d3; box-shadow:none; border-radius:4px; min-height:100px; padding:10px 10px; margin-bottom:15px; font-size:15px; font-family: 'Barlow', sans-serif; transition:all 200ms linear;}
select{width:100%; padding: 0 25px 0 8px; height:38px; border:1px solid #d3d3d3; box-shadow:none; border-radius:4px; background: url('/img/backgrounds/select-arrow.png') right 10px top 50% no-repeat #fff; background-size: 11px 6px; cursor:pointer; margin-bottom:15px; font-size:15px; font-family: 'Barlow', sans-serif; transition:all 200ms linear; -moz-appearance:none; -webkit-appearance: none;}
select::-ms-expand { display: none;}
input:focus, textarea:focus{border-color:#000f9f;}
button{cursor: pointer; font-family: 'Barlow', sans-serif;}
.default-input-container label, .input-slider label, .input-slider label span{font-size:13px; color:#262626;}

.split-inputs{display:grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; margin-bottom:12px;}
.split-inputs input{margin:0;}

.button-group{display:flex; flex-wrap:wrap;}
.button-group.left-align{justify-content:flex-start;}
.button-group.center-align{justify-content:center;}
.button-group.right-align{justify-content:flex-end;}
.button-group .solid-button, .button-group .border-button{margin:5px;}

.solid-button{border:none; font-size:15px; min-height:38px; height:1px; width:auto; border-radius:60px; font-weight: 500; padding:7px 20px; display:inline-flex; align-items: center; justify-content: center; text-align:center; transition: all 200ms linear; text-decoration:none; cursor: pointer;}
.solid-button.small{min-height: 32px;}
.solid-button.primary,  .primary .solid-button{background:#000f9f; color:white;}
.solid-button.primary:hover,  .primary .solid-button:hover{background:#0012bc;}
.solid-button.secondary,  .secondary .solid-button{background:#99d21b; color:white;}
.solid-button.secondary:hover,  .secondary .solid-button:hover{background:#a3ed08;}
.solid-button.orange,  .orange .solid-button{background:#f16400; color:white;}
.solid-button.orange:hover,  .orange .solid-button:hover{background:#ff6a00;}
.solid-button.yellow,  .yellow .solid-button{background:#FBBC05; color:#fff;}
.solid-button.red,  .red .solid-button{background:#c30e2e; color:#fff;}
.solid-button.green,  .green .solid-button{background:$green; color:#fff;}
.solid-button.dark-blue,  .dark-blue .solid-button{background:#000f9f; color:#fff;}
.solid-button.dark-blue:hover,  .dark-blue .solid-button:hover{background:#0012bc;}
.solid-button.white{background:white;}
.solid-button.grey{background:#f0f1f5;}

.border-button{border:1px solid; background:none; font-size:15px; min-height:38px; height:1px; width:auto; border-radius:60px; font-weight: 500; padding: 0 10px; display:inline-flex; align-items: center; justify-content:center; transition: all 200ms linear; text-decoration:none; cursor: pointer;}
.border-button.small{min-height: 32px;}
.border-button.white, .white .border-button{border-color:#fff; color:white;}
.border-button.white:hover, .white .border-button:hover{background:white; color:#262626;}
.border-button.primary, .primary .border-button{border-color:#000f9f; color:#000f9f;}
.border-button.primary:hover, .primary .border-button:hover{background-color:#000f9f; color:white;}
.border-button.secondary, .secondary .border-button{border-color:#99d21b; color:#99d21b;}
.border-button.secondary:hover, .secondary .border-button:hover{background-color:#99d21b; color:white;}


.padding-10{padding:10px;}
.padding-20{padding:20px;}
.padding-30{padding:30px;}
.padding-40{padding:40px;}
.padding-50{padding:50px;}
.padding-60{padding:60px;}
.padding-70{padding:70px;}
.padding-top-10{padding-top:10px;}
.padding-top-15{padding-top:15px;}
.padding-top-20{padding-top:20px;}
.padding-top-30{padding-top:30px;}
.padding-top-40{padding-top:40px;}
.padding-top-50{padding-top:50px;}
.padding-top-60{padding-top:60px;}
.padding-top-70{padding-top:70px;}
.padding-bottom-10{padding-bottom:10px;}
.padding-bottom-15{padding-bottom:15px;}
.padding-bottom-20{padding-bottom:20px;}
.padding-bottom-30{padding-bottom:30px;}
.padding-bottom-40{padding-bottom:40px;}
.padding-bottom-50{padding-bottom:50px;}
.padding-bottom-60{padding-bottom:60px;}
.padding-bottom-70{padding-bottom:70px;}
.padding-left-10{padding-left:10px;}
.padding-left-20{padding-left:20px;}
.padding-left-30{padding-left:30px;}
.padding-left-40{padding-left:40px;}
.padding-left-50{padding-left:50px;}
.padding-left-60{padding-left:60px;}
.padding-left-70{padding-left:70px;}
.padding-right-10{padding-right:10px;}
.padding-right-20{padding-right:20px;}
.padding-right-30{padding-right:30px;}
.padding-right-40{padding-right:40px;}
.padding-right-50{padding-right:50px;}
.padding-right-60{padding-right:60px;}
.padding-right-70{padding-right:70px;}

.margin-0{margin:0;}
.margin-10{margin:10px;}
.margin-20{margin:20px;}
.margin-30{margin:30px;}
.margin-40{margin:40px;}
.margin-50{margin:50px;}
.margin-60{margin:60px;}
.margin-70{margin:70px;}
.margin-top-0{margin-top:0px;}
.margin-top-5{margin-top:5px;}
.margin-top-10{margin-top:10px;}
.margin-top-15{margin-top:15px;}
.margin-top-20{margin-top:20px;}
.margin-top-30{margin-top:30px;}
.margin-top-40{margin-top:40px;}
.margin-top-50{margin-top:50px;}
.margin-top-60{margin-top:60px;}
.margin-top-70{margin-top:70px;}
.margin-bottom-0{margin-bottom:0px;}
.margin-bottom-5{margin-bottom:5px;}
.margin-bottom-10{margin-bottom:10px;}
.margin-bottom-15{margin-bottom:15px;}
.margin-bottom-20{margin-bottom:20px;}
.margin-bottom-25{margin-bottom:25px;}
.margin-bottom-30{margin-bottom:30px;}
.margin-bottom-40{margin-bottom:40px;}
.margin-bottom-50{margin-bottom:50px;}
.margin-bottom-60{margin-bottom:60px;}
.margin-bottom-70{margin-bottom:70px;}
.margin-left-10{margin-left:10px;}
.margin-left-20{margin-left:20px;}
.margin-left-30{margin-left:30px;}
.margin-left-40{margin-left:40px;}
.margin-left-50{margin-left:50px;}
.margin-left-60{margin-left:60px;}
.margin-left-70{margin-left:70px;}
.margin-right-10{margin-right:10px;}
.margin-right-20{margin-right:20px;}
.margin-right-30{margin-right:30px;}
.margin-right-40{margin-right:40px;}
.margin-right-50{margin-right:50px;}
.margin-right-60{margin-right:60px;}
.margin-right-70{margin-right:70px;}

.cms-right-sidebar, .cms-left-sidebar{ display:flex; flex-direction:row; flex-wrap:wrap; gap:30px;}
.main-container{flex:1;}
.cms-right-sidebar .main-container{}
.cms-left-sidebar .main-container{ order:2}
.sidebar-container{max-width:360px; width:100%;}
.cms-left-sidebar .sidebar-container{order:1;}
.sidebar-container .box-container.reasons{max-width:none;}
.flex-vertical.vert-align-content-middle .main-container, .flex-vertical.vert-align-content-middle .sidebar-container{display:flex; flex-direction:column; justify-content:center;}
.flex-vertical.vert-align-content-bottom .main-container, .flex-vertical.vert-align-content-bottom .sidebar-container{display:flex; flex-direction:column; justify-content:flex-end;}
.flex-vertical.vert-align-content-top .main-container, .flex-vertical.vert-align-content-top .sidebar-container{display:flex; flex-direction:column; justify-content:flex-start;}

/* === ROW === */
.row{display:flex; flex-flow: row wrap;}
.row .col30{margin-right:30px; margin-bottom:30px; display:flex; flex-direction: column;}
.row .col20{margin-right:20px; margin-bottom:20px; display:flex; flex-direction: column;}
.row .col:last-of-type{margin-right:0;}
.col30.w60{width:100%; margin-right:0;}
.col30.w40{width:63.51%; width:calc((((100% - 61px) / 3) * 2) + 20px);}
.col30.w30{width:48.75%; width:calc((100% - 31px) / 2);}
.col30.w20{width:31.71%; width:calc((100% - 61px) / 3);}
.col30.w15{width:23.20%; width:calc((100% - 91px) / 4);}
.col30.w12{width:calc((100% - 121px) / 5);}
.col30.w10{width:calc((100% - 151px) / 6);}
.col20.w60{width:100%; margin-right:0;}
.col20.w40{width:63.51%; width:calc((((100% - 41px) / 3) * 2) + 30px);}
.col20.w30{width:48.75%; width:calc((100% - 21px) / 2);}
.col20.w20{width:31.71%; width:calc((100% - 41px) / 3);}
.col20.w15{width:23.20%; width:calc((100% - 61px) / 4);}
.col20.w12{width:calc((100% - 81px) / 5);} 
.col20.w10{width:calc((100% - 101px) / 6);} 
.w30:nth-of-type(2n){margin-right:0;}
.w20:nth-of-type(3n){margin-right:0;}
.w15:nth-of-type(4n){margin-right:0;}
.w12:nth-of-type(5n){margin-right:0;}
.w10:nth-of-type(6n){margin-right:0;}
.flex1{flex:1;}

.flex-layout{display:flex!important;}
.flex-horizontal{display:flex!important; flex-direction:row;}
.flex-vertical{display: flex!important; flex-direction: column;}
.vert-align-self-top{align-self:flex-start;}
.vert-align-self-middle{align-self:center;} 
.vert-align-self-bottom{align-self:flex-end;}
.vert-align-content-top{align-items:flex-start;}
.vert-align-content-middle{align-items:center;}
.vert-align-content-bottom{align-items:flex-end;}
.justify-content-center{justify-content:center;} 

/* === SOCIAL LINKS === */
.social-links{margin:0; padding:0; }
.social-links li{list-style: none; display: inline-block; margin-bottom:0;}
.social-links li a{color:#fff; border-radius:60px; text-decoration:none; margin:0 1px; font-size:13px; width:26px; height:26px; display:flex; align-items:center; text-align:center; justify-content:center; transition: all 200ms linear;}
.social-links li a.fb{background:#3c599b;}
.social-links li a.tw{background:#5eaade;}
.social-links li a.lk{background:#0c77af;}
.social-links li a.ins{background:#c32aa3;}
.social-links li a.yt{background:#b30000;}
.social-links li a.fb:hover{background:#4c6ebd;}
.social-links li a.tw:hover{background:#6ebef5;}
.social-links li a.lk:hover{background:#1290d2;}
.social-links li a.ins:hover{background:#dc30b8;}
.social-links li a.yt:hover{background:#d00000;}

/* === HEADER === */
#sticky-header-trigger{position: relative; z-index:2;}

.main-header.sticky{padding-top:7px; padding-bottom:7px; position:fixed; left:0; top:-70px; width:100%; pointer-events: none; transition:200ms all linear; z-index:1001; padding-top:8px; padding-bottom:8px;  background:#fff; display:flex; align-items:center; box-shadow: 0 4px 4px -4px rgba(0,0,0,.6);}
.main-header.sticky .site-logo{max-width:140px; margin-right: 15px;}
.main-header.stuck{top:0; pointer-events: auto;}
.main-header.stuck .phone-container .phone{font-size: 23px;}
.main-header.stuck .phone-container .phone i{font-size: 17px; margin-top: 1px;}

header{position: relative; z-index: 3;}

header .main-header{padding-top:15px; padding-bottom:15px;  background:#fff; display:flex; align-items:center; box-shadow: 0 4px 4px -4px rgba(0,0,0,.6);}
header .main-header .site-logo{margin-right:20px;}
header .main-header .phone-container {justify-content:center; align-items: flex-end; display:flex; flex-direction: column;}
header .main-header .phone-container .phone{color:#000f9f; font-size:27px; font-weight:800; margin-bottom:0px; text-decoration:none; display: flex; align-items: center; justify-content: flex-end;}
header .main-header .phone-container .phone i{font-size: 20px; margin-right: 5px; color:#000f9f; display:flex; align-items:center;}
header .main-header .phone-container .call-back-trigger{border-bottom:1px solid #000f9f; display: flex; text-decoration: none; font-weight: 600; color: #000f9f; font-size: 14px; line-height: 18px; margin-top: 5px; cursor: pointer; transition: all 200ms linear;}
header .main-header .phone-container .call-back-trigger:hover{border-color:white;}

.desktop-nav{margin-right: 15px;}
.desktop-nav > ul {margin:0; padding:0; display:flex; }
.desktop-nav > ul li:first-of-type{margin-left:0;}
.desktop-nav > ul li{margin:0 0 0 10px; padding:0; list-style:none; }
.desktop-nav > ul > li{display: flex; flex-direction: column;}
.desktop-nav > ul li > a, .desktop-nav > ul li > p{text-decoration:none; position:relative; color:#262626; min-height: 30px; font-size:16px; font-weight:600; margin-bottom:0; transition: all 200ms linear; text-align:center;display:flex; align-items:center; justify-content:center;}
.desktop-nav > ul li > a.specials{min-height: 30px; padding: 5px 15px;}
.desktop-nav > ul li > a.pulse.orange{animation: pulse 1.5s infinite; box-shadow:0 0 0 0 rgba(241,100,0, .5);}
.desktop-nav ul li a.solid-button{padding:3px 13px;}

.desktop-nav .drop-link{cursor:default;}
.desktop-nav .drop-link > a i, .desktop-nav .drop-link > p i{font-size: 9px; margin: 4px 0 0 4px; line-height: 10px;}
.desktop-nav .drop-menu{visibility:hidden; opacity:0; z-index:3; min-width:200px; pointer-events: none; display: block;  position: absolute; margin:22px 0 0 -20px; padding: 8px 0 0 0; transition:all 200ms linear; }
.desktop-nav .drop-menu ul{margin:0; padding: 8px 10px; background: #fff; box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.2), 0 0 0 1px rgba(0, 0, 0, 0.08); border-radius: 4px;}
.desktop-nav .drop-menu li{list-style: none; display:block; margin:0 0 2px 0; padding:0;}
.desktop-nav .drop-menu li:last-of-type{margin:0;}
.desktop-nav .drop-menu li a{padding:0; min-height: 0; text-align:left; display:flex; align-items:center; justify-content:flex-start; font-size:15px; font-weight:500; transition: all 200ms linear;}
.desktop-nav .drop-link:hover > .drop-menu{visibility:visible; opacity:1; pointer-events: auto;}

.google-reviews-header-widget{display: flex; flex-wrap: wrap; width: 150px;}
.google-reviews-header-widget .star-rating{margin-right:5px;}
.google-reviews-header-widget .star-rating i{font-size: 15px;}
.google-reviews-header-widget img{max-width: 60px;}
.google-reviews-header-widget p{width: 100%; margin: 0; line-height: 16px; font-size: 13px; font-weight: 500;}

.sliding-navbar{ position: fixed;  top:0;  left:-380px;  height: 100vh;  width: 320px; background: #fff; transition: left 0.3s ease-in-out; z-index: 4600; }
.sliding-navbar .close{position:absolute; top:10px; right:10px; font-size:0.9rem;}
.sliding-navbar--open{ left: 0px;}
.mask{ position:fixed; top: 0px; left:0px; height: 100vh; width:100%; background: rgba(0,0,0,0.5);  z-index: 4500; opacity:0; backdrop-filter: blur(2px); pointer-events: none; transition: opacity 0.3s ease-in-out;}
.mask.show{ opacity:1; pointer-events: auto;}
.navbar--items{display:flex; flex-direction:column; margin-top:40px; border-top:1px solid rgba(0,0,0,0.09); }
.navbar--item{margin:0; border-bottom: 1px solid rgba(0,0,0,0.09); padding: 10px 15px; font-weight: 500; text-decoration: none; font-size: 1rem; line-height:1.3rem; width:100%; display: flex; align-items: center;}
navbar .accordion{border:none; margin:0; border-radius:0;}
navbar .accordion .heading{ padding: 10px 15px ; border-bottom: 1px solid rgba(0,0,0,0.09);  color: #262626; font-weight: 500; font-size: 1rem; line-height:1.3rem; display:flex; align-items:center; justify-content:space-between;}
navbar .accordion .heading.open{background:white;   color: #262626;}
navbar .accordion .heading span{display:flex; align-items:center;}
navbar .accordion .heading i{font-size:0.8rem;}
navbar .accordion .expandable{display:flex; flex-direction:column; padding:0; background:rgba(0,0,0,0.07);}
.menu-opened:before { bottom: 3px;  transition: bottom 0.3s ease-in-out;}
.menu-opened:after { top: 3px; transition: top 0.3s ease-in-out;}

.navbar--item .icon{display: flex; align-items: center; justify-content: center; font-size: 20px; margin-right:5px; width:25px; color:#171717;}
navbar .accordion .heading span .icon.flaticon-sneaker-2, navbar .accordion .heading span .icon.flaticon-gym{ color:#171717; margin-right:5px; width:25px;}
.accordion .heading.open i.icon.flaticon-sneaker-2, navbar .accordion .heading span .icon.flaticon-gym {transform: none;}
.navbar--item .icon.flaticon-market{ margin: -3px 5px 0 0;}
.navbar--item .icon.flaticon-user{    font-size: 23px;}

/* === MOBILE MENU === */
.hamburger-menu{background:none; color:#000f9f; padding: 0; font-size: 29px; margin-left: 18px; display:none; height:100%;}
header .mob-phone{color:#000f9f; border:none; font-size:23px; text-decoration: none; display:none; margin-left: 18px}

/* === BENEFIT SLIDER === */
.benefit-slider-wrapper {padding-top:7px; padding-bottom:7px; box-shadow:0 4px 4px -4px rgb(0 0 0 / 60%);}
.benefit-slider-wrapper .benefit-slider{}
.benefit-slider-wrapper .benefit-slider .benefit{display: inline-flex; justify-content: center; align-items: center; flex:1; width:100%; padding:2px; margin:0; white-space: normal;}
.benefit-slider-wrapper .benefit-slider p{margin:0; color:white; font-size: 15px; line-height: 1em; font-weight: 500;}
.benefit-slider-wrapper .benefit-slider i{color:#99d21b; font-size: 19px; margin: 0 6px 0 0; display:flex; align-items:center;}

/* === BANNER === */
.banner-wrapper{min-height: 400px; display: flex; flex-direction:column; align-items: center; color:white; background-size:cover;}
.banner-wrapper .strapline{ max-width: 740px; margin: 0 auto 5px;}
.banner-wrapper.short{min-height: 350px;}
.banner-wrapper .site-container{flex:1; display: flex; flex-direction: column; justify-content: center;}

.slim-benefit-slider-wrapper{background: rgba(255, 255, 255, 0.3); border: 1px solid rgba(255, 255, 255, 0.1); width:100%; margin-top: 0px; backdrop-filter: blur(6px); margin:15px auto 0 auto; max-width: 1280px; width:100%;}
.slim-benefit-slider-wrapper .slim-benefit-slider i{background: white; color: #000f9f;}

.services-grid{display:flex; flex-wrap: wrap; justify-content: center;}
.services-grid .service-item{width:calc((100% - 101px) / 5); text-align: center; margin:0 10px 40px 10px;}
.service-item .icon{background: white; border-radius: 14px; padding:15px; display: inline-flex; justify-self: center; align-items: center; box-shadow: 0 14px 28px rgb(0 0 0 / 8%), 0 10px 10px rgb(0 0 0 / 6%); margin:0 auto 10px auto;}
.service-item .icon img{display:block;}
.service-item .title{margin:0 0 5px 0;}
.service-item p{flex:1; margin:0 0 15px 0;}

/* === BENEFIT CAROUSEL === */
.slim-benefit-slider-wrapper{border-radius: 6px; padding:15px; box-shadow: 0 3px 6px rgb(0 0 0 / 16%), 0 3px 6px rgb(0 0 0 / 23%);}
.slim-benefit-slider .benefit{display:flex; align-items:center; justify-content:center; gap:5px;}
.slim-benefit-slider .header{font-weight: 600; font-size: 16px;}
.slim-benefit-slider p{margin:0; line-height: 20px;}
.slim-benefit-slider i{font-size: 26px; background: $primary; color: white; width: 46px; height: 46px; border-radius: 100%; display: flex; align-items: center; justify-content: center; margin-right: 7px;}
 
/* === TEAM === */
.team-wrapper{display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 25px;}
.team-member{display:flex; background:white; border-radius: 6px; overflow: hidden; box-shadow: 0 3px 6px rgb(0 0 0 / 16%), 0 3px 6px rgb(0 0 0 / 23%);}
.team-member .image{max-width: 210px; object-fit: cover;}
.team-member > div{padding:13px 15px;}
.team-member .name{font-weight: 600; font-size: 19px; line-height: 22px; margin-bottom: 5px;;}
.team-member .bio{margin:0;}

/* === BLOG === */
.blog-grid{display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 25px;}
.blog-summary{display:flex; flex-direction:column; text-decoration:none; background:#fff; margin:0; border-radius:10px; overflow:hidden; position:relative; box-shadow: 0 3px 6px rgb(0 0 0 / 16%), 0 3px 6px rgb(0 0 0 / 23%); transition:all 200ms linear;}
.blog-summary:hover{box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22); z-index:1; transform:translateY(-3px) scale(1.02); border-color:transparent;}
.blog-summary:nth-of-type(4n){margin-right:0;}
.blog-summary .img-container{position:relative; overflow:hidden;}
.blog-summary .cover{width:100%; @include transition(200ms); height: 180px; object-fit: cover;}
.blog-summary .date{font-size: 13px; line-height: 18px;}
.blog-summary .content{padding:15px; display:flex; flex-direction:column; text-align:left;}
.blog-summary .title{font-size: 20px; line-height:26px; margin-bottom: 5px;}
.blog-summary .excerpt{margin-bottom:0px; }

.blog-article .date{font-style: italic; margin-bottom: 15px;}
.blog-article .cover-img{border-radius:14px; width:100%; margin:0 0 15px 0;}

.pagination {display:flex; align-items:center; justify-content:space-between;}
.pagination span{flex:1;}
.pagination .solid-button{gap:5px;}
.pagination .solid-button i{font-size: 12px;}

/* === SHARE BLOCK CMS === */
.share-block{background: white;  margin-bottom: 20px; border-radius:10px; overflow: hidden; padding:10px 15px; display: flex; align-items: center; box-shadow:0 3px 6px rgb(0 0 0 / 16%), 0 3px 6px rgb(0 0 0 / 23%);}
.share-block p{flex:1; margin:0; font-size: 16px;}
.share-block a{text-decoration: none; color: #fff; width: 28px; height: 28px; margin: 0 0 0 3px; font-size: 14px; border-radius: 60px; display: flex; align-items: center; justify-content: center;}
.share-block a.fb{background:#3c599b;}
.share-block a.tw{background:#5eaade;}
.share-block a.lk{background:#0c77af;}
.share-block a.ins{background:#c32aa3;}
.share-block a.yt{background:#b30000;}

/* === VEHICLE CARD === */
.vehicle-card{display:flex; flex-direction:column; border-radius:6px; text-decoration:none; background:#fff; box-shadow:none; margin:0; padding:0px; transition:all 200ms linear;  position:relative; box-shadow: 0 3px 6px rgba(0,0,0,.16), 0 3px 6px rgba(0,0,0,.23);}
.vehicle-card:hover{box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22); z-index:1; transform:translateY(-3px) scale(1.02);}

.vehicle-card.specialist-van{text-align: center;}
.vehicle-card.specialist-van .price-container .from{margin: 0 0 5px 0; text-align: center;}
.vehicle-card.specialist-van .price-container .phone{display: flex; justify-content: center; align-items: center; font-size: 21px;}
.vehicle-card.specialist-van .price-container .phone i{font-size: 17px; margin: 0 5px 0 0;}

.vehicle-card.info-card{text-align: center; }
.vehicle-card.info-card .name{padding:15px 15px 5px 15px;}
.vehicle-card.info-card .name .make-model{text-align: center; margin-bottom:5px;}
.vehicle-card.info-card .name .derivative{text-align: center; margin-bottom:10px;}
.vehicle-card.info-card .content{margin:0;}
.vehicle-card.info-card .price-container .phone{display: flex; justify-content: center; align-items: center; font-size: 21px;}
.vehicle-card.info-card .price-container .phone i{font-size: 17px; margin: 0 5px 0 0;}

.vehicle-card.info-card .solid-button{height: auto; padding: 5px 10px; line-height: 1.2em;}

.vehicle-card .flag-container{z-index:1; display: flex; flex-wrap: wrap; background: #000f9f; width:100%; padding:0 15px; border-top-right-radius:6px; border-top-left-radius:6px; }
.vehicle-card .flag-container p{font-size:15px; line-height:20px; margin:0 10px 0 0; color:white; padding:5px 0;}

.vehicle-card .bubble-flag-container{display:flex; flex-direction: column; position:absolute; top:-12px; right:-12px; z-index: 2;}
.vehicle-card .special-offer{ border-radius: 100%; width:77px; height:77px; text-align: center; display: flex; align-items: center; justify-content: center; background:$orange; color:white; z-index:2; margin:0 0 4px 0; padding:5px;}
.vehicle-card .special-offer p{margin: 0; font-size: 14px; line-height: 1.3em; font-weight: 500;}
.vehicle-card .delivery-flag{ border-radius: 100%; width:77px; height:77px; text-align: center; display: flex; align-items: center; justify-content: center; background:$green; color:white; z-index:2; margin:0 0 4px 0; padding:5px;}
.vehicle-card .delivery-flag p{margin: 0; font-size: 14px; line-height: 1.3em; font-weight: 500;}
.vehicle-card .month-special{ border-radius: 100%; width:77px; height:77px; text-align: center; display: flex; align-items: center; justify-content: center; background:$red; color:white; z-index:2; margin:0 0 4px 0; padding:5px;}
.vehicle-card .month-special p{margin: 0; font-size: 14px; line-height: 1.2em; font-weight: 500;}
.vehicle-card .great-value{ border-radius: 100%; width:77px; height:77px; text-align: center; display: flex; align-items: center; justify-content: center; background:$pink; color:white; z-index:2; margin:0 0 4px 0; padding:5px;}
.vehicle-card .great-value p{margin: 0; font-size: 14px; line-height: 1.3em; font-weight: 500;}

.vehicle-card .img-container{position:relative; min-height:1px; overflow: hidden;}
.vehicle-card .img-container img{width:100%; }
.vehicle-card .img-container .ev-notice{position: absolute; bottom:10px; right:10px; background: $green; color: white; border-radius: 40px; padding: 0px 10px 0px 8px; font-size: 14px; display: flex; align-items: center;}
.vehicle-card .img-container .ev-notice i{margin:0 2px 0 0;}

.vehicle-card .name{flex-grow:1; padding:10px 15px 5px 15px; z-index:1;}
.vehicle-card .name .make-model, .cta-banner .vehicle-card .name .make-model{margin:0 0 2px 0; font-size: 20px;font-weight: 700; line-height: 26px; text-align: left; color:#262626;}
.vehicle-card .name .derivative, .cta-banner .vehicle-card .name .derivative{margin: 0 0 2px 0; font-weight: 500; font-size: 16px; line-height: 20px; color: #6b6b6b; text-align: left;}
.vehicle-card .name .counter, .cta-banner .vehicle-card .name .counter{margin: 0 0 2px 0; font-weight: 500; font-size: 16px; line-height: 20px; color: #6b6b6b; text-align: left;}

.update-transition{animation: pulse 1.5s infinite; box-shadow:0 0 0 0 rgba(195,14,46, .5);}

@-webkit-keyframes pulse {
    0% {
    //   transform: scale(0.95);
    }
    70% {
    //   transform: scale(1); 
      box-shadow: 0 0 0 11px rgba(195,14,46, 0);
    }
      100% {
    //   transform: scale(0.95);
      box-shadow: 0 0 0 0 rgba(195,14,46, 0);
    }
  }

.vehicle-card .quick-spec{display: flex; justify-content: center; padding:8px 0; margin-bottom:7px; border-top:1px solid #dcdcdc; border-bottom:1px solid #dcdcdc; }
.vehicle-card .quick-spec div{text-align: center; align-items: center; padding:0 2px; border-right:1px solid #dcdcdc; flex:1; display: flex; flex-direction: column;}
.vehicle-card .quick-spec div:last-of-type{border:none;}
.vehicle-card .quick-spec i{font-size: 21px; color:#000f9f;}
.vehicle-card .quick-spec .label{margin: 0; font-size: 12px; line-height: 15px}
.vehicle-card .quick-spec .value{margin: 0; font-size: 12px; line-height: 15px; font-weight: 600;}

.vehicle-card .price-container, .cta-banner .vehicle-card .price-container{padding:0px 15px; text-align: left;}

.vehicle-card .price-container .from{margin:0; font-weight:600; font-size: 15px; line-height: 19px; z-index:1; color:#000f9f;}
.vehicle-card .price-container .price{margin:0; font-size:30px; font-weight:800; z-index:1; color:#000f9f; line-height: 30px;}
.vehicle-card .price-container .phone{margin:0; font-size:20px; font-weight:800; z-index:1; color:#000f9f;}
.vehicle-card .price-container .vat-declaration{margin:0; font-weight:600; font-size:13px; z-index:1;}
.vehicle-card .price-container .terms, .cta-banner .vehicle-card .price-container .terms{margin: 0; font-size: 13px; line-height: 18px; color:#262626;}

.vehicle-card .solid-button{margin:10px 15px 15px 15px; font-weight: 600; font-size: 17px;}


/* === VIDEO WRAPPER === */
.video-wrapper.center{margin-left:auto; margin-right:auto;}
.video-wrapper.fullwidth{width:100%;}
.video-wrapper.small{max-width:340px; width:100%;}
.video-wrapper.medium{max-width:540px; width:100%;}
.video-wrapper.large{max-width:740px; width:100%;}
.video-container{position: relative; padding-bottom: 56.25%; padding-top: 1px; height: 0;}
.video-container iframe {border:none; position: absolute; top: 0; left: 0; width: 100%; height: 100%;}

.slick-slider{display: flex; align-items: center;}
.slick-list{flex:1; margin:0 5px;}

/* === TESTIMONIAL SLIDER === */
.testimonial-slider{display:flex; overflow: hidden; width: 100%; flex-wrap: nowrap; z-index:1;}
.testimonial-slider .slides {display:flex;}
.testimonial-slider .testimonial-item{min-width: 100%; padding:0 20px; white-space: normal; display: flex; white-space: normal;}
.testimonial-slider .testimonial-item.slick-slide{min-width: auto; }
.testimonial-slider .testimonial-item .testimonial{ padding:25px 0px; text-align: center;  width: 100%; display: flex; flex-direction: column;}
.testimonial-slider .testimonial-item .testimonial .review{margin: 0 auto 15px auto; font-style: italic; font-size: 17px; line-height: 26px; flex-grow:1; font-weight: 500; max-width: 980px;} 
.testimonial-slider .testimonial-item .testimonial .review p{font-size: 18px; line-height: 30px;}
.testimonial-slider .testimonial-item .testimonial .star-rating{margin-bottom:5px;}
.testimonial-slider .testimonial-item .testimonial .star-rating i{font-size: 19px;}
.testimonial-slider .testimonial-item .testimonial .customer{font-size: 15px; font-weight: 500; margin-bottom: 2px;}
.testimonial-slider .testimonial-item .testimonial .date{font-size: 13px; margin-bottom: 0px; display: block;}
.testimonial-slider .slick-next, .testimonial-slider .slick-prev{border: 2px solid #000f9f; border-radius: 100%; width: 36px; height: 36px;}
.testimonial-slider .slick-next i, .testimonial-slider .slick-prev i{color:#000f9f; display:flex; align-items:center; justify-content:center;}
.light-grey-bg .testimonial-slider .next, .light-grey-bg .testimonial-slider.prev{background: #f0f1f5;}

.review-link a{display: flex; justify-content: center; align-items: center; text-decoration: none; font-weight: 500; color: #6d6d6d; font-size: 16px;}
.review-link a img{margin: 0 5px 0 0;}

/* === REVIEW PAGE === */
.review-list-wrapper .review-item{background: white; padding:20px 20px 25px 55px; box-shadow: 0 3px 6px rgba(0, 0, 0, 0.06), 0 3px 6px rgba(0, 0, 0, 0.13); margin-bottom:20px; position: relative;}
.review-list-wrapper .review-item svg{fill: #dadada; width:30px; position: absolute; top:20px; left:15px;}
.review-list-wrapper .review-item .review{font-style: italic; font-size: 15px; line-height: 24px; margin-bottom: 10px;}
.review-list-wrapper .review-item .star-rating{justify-content: flex-start;}
.review-list-wrapper .review-item .customer{font-size: 15px; font-weight: 500; margin: 3px 0 0 0px; display: flex; align-items: center;}
.review-list-wrapper .review-item .date{font-size: 13px; margin: 0px 0 0 5px; font-weight: 400; font-style: italic;}


.ev-grid{display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 25px;}
.ev-grid ul{list-style: none; margin: 0; padding: 0;}
.ev-grid ul li{display: flex; align-items: flex-start; margin-bottom: 7px;}
.ev-grid ul li:before{font-family: Flaticon; font-style: normal; line-height: normal; font-size: 22px; display: flex; align-items: center;  content: "\F11E"; margin: 0 7px 0 0; color: #a1db22;}

/* === CONTACT PAGE === */
.map-wrapper{width:100%;}
#google-map, #map-canvas {width:100%; height:100%; min-height:300px;}

.contact-page-split{display:flex;}
.contact-page-split > div h2, .contact-page-split > div h1{font-size: 22px; line-height: 28px; font-weight:600; margin-bottom: 5px;} 

.contact-page-split .contact-form-wrapper{flex:1; margin-right:40px;}
.contact-page-split .contact-info-wrapper{width: 420px; border-radius: 12px; background:#f0f1f5; padding:22px 30px;}
.contact-info-wrapper h3{font-size: 18px;  margin: 10px 0 5px 0;}
.contact-info-wrapper .contact-method, .contact-info-wrapper .contact-method a{color:#000f9f;}
.contact-method{display: flex; align-items: center; font-weight: 500; margin-bottom: 8px; line-height: 19px; font-size: 16px; text-decoration: none;}
.contact-method i{margin:0 5px 0 0; font-weight: normal;}
.contact-method a{text-decoration: none;}

.contact-form .input.row input{width:calc((100% - 15px) / 2); margin:0 15px 15px 0;}
.contact-form .input.row input:nth-of-type(even){margin-right:0;}
.contact-form  textarea{height:150px; margin-bottom:5px;}

.form-card{padding:20px; box-shadow: 0 14px 28px rgb(0 0 0 / 8%), 0 10px 10px rgb(0 0 0 / 6%);}
.form-card .contact-form  textarea{height:70px;}

/* === DEAL PAGE === */
.deal-page-name{display:flex; align-items:center; justify-content:space-between; margin:0 0 15px 0;}
.deal-page-name h1{display:flex; flex-direction:column; flex:1;}
.make-model{font-size: 26px; line-height: 30px; margin-bottom: 5px; font-weight: 700;}
.derivative{font-size: 18px; line-height: 22px; margin-bottom: 0; color: #6b6b6b;}
.share-deal{display: flex; align-items: center;}
.share-deal p{font-size: 14px; font-weight: 500; margin: 0px 7px 0px 0px;}

.vehicle-img-container {margin-bottom: 20px; border-radius: 10px; position: relative;}
.vehicle-img-container .bubble-flag-container{position:absolute; top:-10px; right:-10px;}
.bubble-flag-container{display:flex; gap:8px;}
.flag{border-radius: 100%; width: 74px; height: 74px; text-align: center; display: flex; align-items: center; justify-content: center; z-index: 2; margin: 0 0 4px;}
.flag p{margin: 0; font-size: 15px; line-height: 19px; font-weight: 500;}
.vehicle-img-container img{margin: 0px auto; padding:15px; width:100%;} 
.vehicle-img-container .image-notice{position: absolute; bottom: 0; z-index: 1; right: 0; background: rgba(0, 0, 0, .4); padding: 2px 10px; border-bottom-right-radius: 10px;}
.vehicle-img-container .image-notice p{margin: 0; font-style: italic; font-size: 13px; line-height: 18px; color: #fff;}

.quick-spec {display:grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap:10px; border-radius:10px;}
.quick-spec .spec{display:flex; flex-direction:column; text-align:center; color:white; padding:15px 5px; border-right:1px solid rgba(255,255,255,0.2);}
.quick-spec .spec:last-of-type{border:none;} 
.quick-spec .spec p{margin:0;}
.quick-spec .spec .label{margin:0; font-size:14px;}
.quick-spec .spec .value{font-weight:600; font-size:16px;}

.small-print{font-size: 13px; line-height: 18px;}

.deal-page .sidebar-container{ max-width: 460px;}
.pricing-column-container{border-radius:10px;}
.pricing-column-container .heading{text-align: center; padding: 8px 0; margin: 0;}
.pricing-column-container .price-container{ padding: 10px 20px; position: relative; border-top: 1px solid #ececec;}
.pricing-column-container .price-container .price-box{color: #000f9f;}
.pricing-column-container .price-container .price-box .type{margin: 0; font-weight: 600; line-height: 18px; font-size: 16px;}
.pricing-column-container .price-container .price-box .price{margin: 0 0 1px;}
.pricing-column-container .price-container .price-box .price .figure{ font-size: 38px; line-height: 40px; font-weight: 800;}
.pricing-column-container .price-container .price-box .terms, .pricing-column-container .price-container .price-box .terms span{    font-size: 13px; margin-bottom: 0; line-height: 18px; font-weight: 500;}
.pricing-column-container .price-container .price-box .other-terms{    background: rgba(153, 210, 27, 0.3); padding: 5px 10px;text-align: center; border-radius: 7px; border: 1px solid rgba(153, 210, 27, 0.3); margin: 10px 0 0 0; color: rgb(86 123 4); font-weight: 600;}
.pricing-column-container .price-container .price-box .deal-description{    background: rgba(0,15,159, 0.1); padding: 5px 10px; border-radius: 7px; border: 1px solid rgba(0,15,159, 0.2); margin: 10px 0 0 0; color: rgb(0,15,159); font-weight:500;}
.pricing-column-container .enquiry-form-wrapper {padding: 5px 20px;}
.pricing-column-container .enquiry-form-wrapper .form-heading{color:white; text-align:center; font-size:20px; font-weight:600; margin:0 0 15px 0;}
.pricing-column-container .enquiry-form{border-radius:8px; padding:15px;}
.pricing-column-container .enquiry-form input{border:none;}
.pricing-column-container .enquiry-form textarea{height: 100px; border:none;}
.pricing-column-container .enquiry-form .solid-button{width:100%;}

.pricing-column-container .call-cta-container{padding: 5px 20px 20px 20px;}
.price-review-widget{display: flex; align-items: center; justify-content: center; width: 100%; margin: 0 0 10px; border: 1px solid #cfcfcf; border-radius: 60px; padding: 5px;}
.price-review-widget p{ margin: 0 0 0 5px; font-size: 14px; font-weight: 600; line-height: 20px;}
.pricing-column-container .call-cta, .pricing-column-container .call-cta a{font-weight:600; margin:0; text-align:center; color: #000f9f;}

/* === DEAL CARD === */
.deal-grid{display:grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap:25px;}
.deal-card{display:flex; flex-direction:column; text-decoration:none; padding:15px; transition:all 200ms linear; position:relative;}
.deal-card:hover{box-shadow: 0 14px 28px rgba(0, 0, 0, .25), 0 10px 10px rgba(0, 0, 0, .22); z-index: 1; transform: translateY(-3px) scale(1.02);}
.deal-card .img-container{overflow:hidden; padding:5;}
.deal-card .bubble-flag-container{position:absolute; top:-10px; right:-10px;}
.deal-card .name{flex:1;}
.deal-card .name .make-model{margin: 0 0 2px;font-size: 20px;  font-weight: 700; line-height: 26px; text-align: left; color: #262626;}
.deal-card .name .derivative{margin: 0 0 2px; font-weight: 500; font-size: 16px;  line-height: 20px;  color: #6b6b6b;  text-align: left; padding-right: 40px;}

.deal-card .quick-spec{display:grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap:10px; margin-bottom:12px; margin-top:10px;}
.deal-card .spec{border-radius:8px; background:#e7e9ef; display:flex; flex-direction:column; text-align:center; align-items:center; padding:7px 5px; color: #262626;}
.deal-card .quick-spec .spec .label{line-height: 20px;}
.deal-card .quick-spec .spec .value{font-size:15px;}

.deal-card .price-container{padding: 0 0 15px 0; text-align: left;}
.deal-card .from{margin: 0; font-weight: 600; font-size: 15px; line-height: 19px; z-index: 1; color: #000f9f;}
.deal-card .price{ margin: 0; font-size: 30px; font-weight: 800; z-index: 1; color: #000f9f; line-height: 30px;}
.deal-card .terms{margin: 0; font-size: 13px; line-height: 18px; color: #262626;}

/* === FOOTER === */
.contact-bar.white{background:url('/img/backgrounds/footer-img-white.png') no-repeat top center #99d21b;}
.contact-bar.grey{background:url('/img/backgrounds/footer-img-grey.png') no-repeat top center #99d21b;}

.main-footer {display:flex; align-items:flex-start; color:#262525; padding-top:40px; padding-bottom:25px}
.main-footer  li, .main-footer  p, .main-footer  a{color:#262525;}
.main-footer .link-container{flex:1; display:flex; align-items:flex-start;}
.main-footer .link-container div{width:calc((100% - 61px) / 3); margin-right:30px;}
.main-footer .link-container div:last-of-type{margin-right:0;}
.main-footer .link-container ul{margin:0; padding:0;}
.main-footer .link-container li{list-style:none; margin:0 0 5px 0; padding:0; line-height: 20px;}
.main-footer .link-container p{margin-bottom:8px; font-size:19px; font-weight: 600;}
.main-footer .link-container a{text-decoration:none; border-bottom:1px solid transparent; font-size:14px; font-weight:500; transition:all 200ms linear;}
.main-footer .link-container a:hover{border-color: #262525;}

footer .contact-info{background:#b1e63c; width:360px; padding:25px 30px; box-shadow:0 1px 15px rgba(0, 0, 0, 0.05), 0 3px 26px rgba(0, 0, 0, 0.13);}
footer .contact-info .heading{margin-bottom:10px; font-size:19px; font-weight: 600; line-height: 22px;}


footer .contact-info p, footer .contact-info a{display:flex; align-items: center; font-weight:500; margin-bottom:8px; line-height: 19px; font-size:15px; text-decoration: none;}
footer .contact-info p i, footer .contact-info a i{font-size:15px; margin-right:7px;}
footer .contact-info .social-links li{margin-bottom:0;}
footer .contact-info .social-links li a{display: flex; margin-bottom:0; font-size: 13px; width: 26px; height: 26px;}
footer .contact-info .social-links{margin-top:10px;}

footer .legals p, footer .legals a{color:#5d7f13; font-size:12px; font-weight:500; line-height:18px;}
footer .legals{padding-top:20px; padding-bottom:25px; border-top:1px solid #94ca1d; display: flex; align-items: flex-start;}
footer .legals > div{flex:1; width:calc(100% - 151px); margin-right:20px; order:1;}
footer .legals p{margin:0 0 5px 0;}
footer .legals img{margin-top:5px; background:#fff; padding:7px 5px; order:2;}
footer .legals a.dev-link{border-bottom:1px solid #262525; color:#262525; text-decoration: none; align-self:flex-end; font-size:13px; transition:all 200ms linear; font-weight:500;}
footer .legals a.dev-link:hover{border-color:transparent; color:#141414;}

/* 1. The Overlay (Hidden by default) */
.modal-overlay {
  display: none; /* Hidden until triggered */
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.6); /* Semi-transparent black */
  z-index: 1002; /* Ensures it sits on top of other content */
  backdrop-filter: blur(1px); transition: opacity 250ms ease-in-out;

  align-items: center; 
  justify-content: center;
}

.modal-overlay.active { display: flex; }

/* 2. The Modal Box */
.modal-content {
  background: #fff;
  padding: 30px;
  border-radius: 10px;
  max-width: 720px;
  width: 90%;
  position: relative;
  box-shadow: 0 4px 15px rgba(0,0,0,0.2);

  max-height: 90vh; /* Prevents the modal from exceeding 90% of the screen height */
  overflow-y: auto;
  font-style:normal;
}

/* 3. The Close Button (The 'X') */
.modal-close {
  position: absolute;
  top: 15px;
  right: 15px;
  background: none;
  border: none;
  font-size: 12px;
  cursor: pointer;
  line-height: 1;
  color: #333;
}

.modal-close:hover {
  color: #ff0000;
}