/**********
SITEWIDE STYLES
**********/

body,
html,
a,
p,
div,
h1,
h2,
h3,
h4,
h5 {
    font-family: 'Gotham', sans-serif;
    line-height: 120%;
    font-size: 14px;
    color: var(--text-dark);
}

:root{
    --Primary-Navy: #26305A;
    --text-dark: #323232;
    --blue-soft: #A3BFFF;
    --blue-accent: #4A6FC1;
    --pink-accent: #C94F7C;
    --beige-accent: #DABE8C;

    --fs-sm: 16px;
    --fs-xs: 14px;
    --fs-xxs: 12px;
}
.fs-md{
    font-size: 18px;
}
.fs-sm{
    font-size: 16px;
    line-height: 24px;
}
.fs-xs{
    font-size: var(--fs-xs);
    line-height: 28px
}
.fs-xxs{
    font-size: var(--fs-xxs);
}

.fw-reg{
    font-weight: 400;
}
.fw-md{
    font-weight: 500;
}
.fw-bold{
    font-weight: 700 !important;
}

a{
    color: var(--text-dark);
}

img {
    max-width: 100%;
    height: auto
}

a {
    text-decoration: none;
}


a:hover {
    text-decoration: none;
    color: var(--blue-soft);
}
h1{
    font-size: 45px;
    font-weight: 400;
    line-height: 55px;
}
h1 span{
    font-weight: 700;
}
h2{
    font-size: 45px;
    font-weight: 700;
    line-height: 54px;
}
h3{
    font-size: 24px;
    font-weight: 700;
}
h4,
h4 a{
    font-size: 18px;
    font-weight: 700;
}
h5{
    font-size: 14px;
    font-weight: 700;
    line-height: 28px;
}
.text-primary{
    color: var(--Primary-Navy) !important;
}
.text-grey{
    color: #838383;
}
.flex {
    display: flex;
    align-items: start;
}

.container {
    max-width: 1227px;
    box-sizing: border-box;
    padding-left: 15px;
	padding-right: 15px;
    margin: 0 auto
}

.container-sm {
    max-width: 820px;
    box-sizing: border-box;
    padding-left: 15px;
	padding-right: 15px;
    margin: 0 auto
}

.cover {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}

.contain {
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
}

.bottom30 {
    margin-bottom: 30px;
}

.bottom60 {
    margin-bottom: 60px;
}

.bottom90 {
    margin-bottom: 90px;
}

.menu-item-has-children::after {
    content: "\f078";
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    font-size: 11px;
    display: inline-block;
    top: -1px;
    transition: all 300ms;
    transform: scaleY(1);
}

.menu-item-has-children.sub-menu-active::after {
    transform: scaleY(-1);
}

header {
    padding-top: 15px;
}
header .phone .icon{
	padding: 4px;
	height: 38px;
	width: 38px;
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 100%;
	border: 1px solid var(--Primary-Navy);
	margin-right: 10px;
}

header h5 {
    line-height: 18px;
}
header .phone .icon svg{
	color: var(--Primary-Navy);
}
nav.ss-breadcrumbs{
    font-weight: 700;
    margin-bottom: 15px;
}
nav.ss-breadcrumbs a,
nav.ss-breadcrumbs span{
    font-weight: 400;
}
.banner-style-1 nav.ss-breadcrumbs,
.banner-style-1 nav.ss-breadcrumbs a{
    color: #fff;
}
nav.ss-breadcrumbs,
nav.ss-breadcrumbs a{
    color: var(--Primary-Navy);
}
p.gform_required_legend{
    display: none;
}
.gform_submission_error.hide_summary {
    font-size: 18px;
    color: #f00;
    line-height: normal;
}
.validation_message{
    margin-top: 6px;
    color: #f00;
}

a.read-more-toggle {
    margin-top: 15px;
    display: inline-block;
    color: var(--blue-soft);
}
/**********
COOKIE    
**********/

#siteCookie {
    background-color: rgba(0, 0, 0, 0.7);
    position: fixed;
    z-index: 30;
    bottom: 0;
    padding: 10px 0;
    width: 100%;
}

#siteCookie,
#siteCookie p,
#siteCookie a,
#siteCookie .fa {
    color: #fff;
    font-weight: 600
}

#siteCookie .inner {
    display: flex;
    align-items: center;
}

#siteCookie p {
    margin-right: 20px
}

#siteCookie .fa {
    font-size: 28px;
    margin-left: auto
}

#siteCookie i {
    cursor: pointer
}
.bg-blue-soft{
    background: var(--blue-soft);
}
.bg-blue-soft h2,
.bg-blue-soft h3,
.bg-blue-soft h4,
.bg-blue-soft p{
    color: #000;
}

.main-header{
    padding-bottom: 20px;
    border: 1px solid #F1F1F1;
    background: #F1F1F1;
    box-shadow: 0 20px 19px 0 rgba(0, 0, 0, 0.10);
}
nav.nav ul li a{
    font-size: var(--fs-xs);
    font-style: normal;
    font-weight: 500;
    line-height: normal
}
.megamenu-nav{
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 28px;
    margin-top: 15px;
    padding-bottom: 20px;
}
.menu-nav svg {
  transition: transform 0.3s ease;
}
.menu-nav.active svg {
  transform: rotate(180deg);
}


.megamenu-nav .menu-nav{
    font-size: var(--fs-xs);
    font-weight: 500;
    border-radius: 4px;
    background: #EFEFEF;
    padding: 10px;
    width: 100%;
    text-align: center;
    cursor: pointer;
}
.megamenu-nav .menu-nav.active{
    background: var(--blue-soft);
}
.menu-nav {
    display: flex;
    align-items: center; 
    gap: 6px; 
    justify-content: center;
}
.menu-result{
    max-width: 1212px;
    box-sizing: border-box;
    padding-left: 15px;
    padding-right: 15px;
    margin: 0 auto;
}
.menu-result { display: none; }
.child-result { display: none; }
.parent-menu{
    background: #fff;
}
.parent-menu,
.child-menu{
    list-style: none;
    padding: 0;
    margin: 0;
}
header .result-container{
    border: 1px solid #F1F1F1;
    box-shadow: 0 20px 19px 0 rgba(0, 0, 0, 0.10);
    position: absolute;
    width: 100%;
    left: 50%;
    transform: translateX(-50%);
    z-index: 6;
}

.menu-result.active{
    display: flex !important;
    justify-content: space-between;
	align-items: start;
}
.nav-container{
    display: flex;
   
}
.nav-container .parent-menu{
     padding: 15px 0;
    background: #fff;
    padding-right: 27px;
}

.menu-result .parent-menu li{
    font-size: var(--fs-xs);
    font-weight: 700;
    line-height: 24px; 
    text-transform: uppercase;
    display: block;
    padding: 16px 25px 16px 0;
    width: 294px;
    max-width: 100%;
    position: relative;
    cursor: pointer;

}
.menu-result .parent-menu li.active,
.menu-result .parent-menu li:hover{
    color: var(--blue-soft);
}
.menu-result .parent-menu li::after{
    content: url(../img/arrow-right.svg);
    position: absolute;
    right: 0;
}

.menu-result .child-menu li{
    padding: 10px 0;
}
.menu-result .child-menu li a{
   font-size: 14px;
    font-style: var(--fs-xs);
    font-weight: 400;
    line-height: 24px; 
    letter-spacing: 0.28px;
}

.menu-result .boxImage{
    margin: 24px 0;
    border-radius: 10px;
    padding: 30px 24px;
    max-width: 288px;
    width: 100%;
    position: relative;
    overflow: hidden;
    z-index: 1;
}


img.abs{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.menu-result .boxImage img{
     mix-blend-mode: multiply;
     z-index: -1;
}

.menu-result .boxImage::after{
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: -2;
}

.menu-result .boxImage.magenta::after{
    background: linear-gradient(90deg, #8A2E53 36.02%, #C94F7C 70.24%);
}
.menu-result .boxImage.purple::after{
    background: #26305A;
}

.menu-result .boxImage h3,
.menu-result .boxImage .btn{
    color: #ffffff;
}
.menu-result .boxImage h3{
    line-height: 32px;
    margin-bottom: 50px;
}
/* FOOTER */
footer{
    position: relative;
    color: #fff;
    z-index: 1;
    overflow: hidden;
    padding-top: 50px;

}
.footer::before {
    content: "";
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 140vw;
    height: 100%;
    border-radius: 70% 70% 0 0;
    background: var(--Primary-Navy);
    z-index: -1;
}
.ftr-map{
    max-width: 850px;
	width: 100%;
    margin: auto;
    min-height: 258px;
    border-radius: 10px;
    background: #FFF;
    margin-bottom: 50px;
    overflow: hidden;
    
}
.ftr-info .item{
    display: flex;
    gap: 16px;
}
.ftr-info .item .icon{
    border-radius: 29px;
    border: 1px solid rgba(255, 255, 255, 0.30);
    padding: 12px;
    width: 58px;
    height: 58px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.ftr-info .item,
.ftr-info .icon,
.ftr-info .item h5,
.ftr-info .item p,
.ftr-info .item a {
    color: #fff;
}
.ftr-logo-links{
    padding: 20px 0;
    border-top: 1px solid rgba(255, 255, 255, 0.10);
}
.ftr-copyright{
    padding: 2px 0;
    border-top: 1px solid rgba(255, 255, 255, 0.10);
}
.ftr-copyright p{
    color: #ffffff;
    margin-bottom: 0;
    font-size: var(--fs-xxs);
}
.ftr-logo-links .ftr-logo{
    max-width: 228px;
    height: auto;
    width: 100%;
}
ul.ftr-links,
ul.ftr-copright-links{
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-wrap: wrap;
}
ul.ftr-links li,
.ftr-copright-links li{
    padding-top: 10px;
    padding-bottom: 10px;
}
ul.ftr-copright-links li a{
    font-size: var(--fs-xxs);
    color: #fff;
}
ul.ftr-links li a{
    font-size: var(--fs-xs);
    font-weight: 500;
    color: #fff;
}
ul.ftr-links li:not(:last-child){
    margin-right: 38px;
}
ul.ftr-copright-links li:not(:last-child){
    margin-right: 20px;
}


/* /FOOTER */
/* BUTTONS */
.btn{
    font-size: 14px;
    font-weight: 500;
    padding: 10px 20px;
    border-radius: 4px;
    display: inline-block;
    line-height: normal;
}
#scan-results .btn{
	padding: 10px;
}
#scan-results .btn svg{
	min-width: 14px;
}
.btn:focus{
    outline: none;
    box-shadow: none;
}
.btn.icon{
    display: flex;
    align-items: center;
    justify-content: center;
}
.btn.icon svg{
    margin-left: 4px;
}

.btn.btn-outline.light{
    border: 1px solid #FFF;
    color: #fff;
}

.btn.btn-outline.primary{
    border: 1px solid var(--Primary-Navy);
    color: var(--Primary-Navy);
}
.btn.btn-outline.light:hover{
    background: #fff;
    color: var(--Primary-Navy);
}

.btn.btn-outline.primary:hover{
    background: var(--Primary-Navy);
    color: #fff;
}
.btn-primary{
    border: 1px solid var(--Primary-Navy);
    background: var(--Primary-Navy);
}
.btn-blue-soft{
    border: 1px solid var(--blue-soft);
    background: var(--blue-soft);
}
.btn-blue-soft:hover{
    background: var(--Primary-Navy);
    color: #fff;
}
.btn-light{
     border: 1px solid #fff;
    background: #fff;
    color: var(--Primary-Navy);
}
/* /BUTTONS */
.hero-bg-slider{
    position: relative;
    min-height: 713px;
    overflow: hidden;
}
.fullwidth-slider{
    width: 100%;
    overflow: hidden;
}
.hero-bg-slider .hero-slider{
    width: 100%;
    
}
.hero-bg-slider .hero-slider .item{
    height: 713px;
}
.hero-bg-slider .hero-slider .item img{
    height: 100%;
    max-width: 70vw;
    width: 100%;
    object-fit: cover;
    margin-left: auto;
}
.hero .bg-circle{
    position: absolute;
    left: -65vw;
    top: 50%;
    transform: translateY(-50%);
    width: 120vw;
    height:120vw;
    aspect-ratio: 1/1;
    border-radius: 100%;
    background: linear-gradient(90deg, #26305A 79.26%, #A3BFFF 170.9%);
    z-index: 1;
    border: 60px solid var(--blue-soft);
    box-shadow: 
        0 0 0 60px rgba(163, 191, 255, 0.40),
        0 0 0 120px rgba(163, 191, 255, 0.20);
    
}

.hero-wrapper{
    position: absolute;
    width: 100%;
    z-index: 2;
    top: 50%;
    transform: translateY(-50%);
    padding: 20px 0 50px;
}
.hero-wrapper .logo{
    max-width: 65px;
    height: auto;
    object-fit: contain;
    margin-bottom: 15px;
}
.hero-wrapper .btn-container{
    margin-bottom: 8px;
}
.hero .strapline{
    margin-bottom: 30px;
}
.hero .strapline p{
    color: #fff;
}
.strapline p{
    font-size: 24px;
    line-height: 30px;
}
.hero-slider{
    margin-bottom: 0 !important;
}
.hero-images .item,
.ftr-logos .item{
	position: relative;
}
.hero-images .item:nth-child(2)::before,
.ftr-logos .item:nth-child(2)::before{
	content:"";
	position: absolute;
	top: 50%; 
	transform: translatey(-50%);
	left: -3px;
	height: 60px;
	width: 1px;
	background: rgba(255, 255, 255, 0.30);
}

/* .hero-images .item:nth-child(2)::after, */
.ftr-logos .item:nth-child(2)::after{
	content:"";
	position: absolute;
	top: 50%; 
	transform: translatey(-50%);
	right: -3px;
	height: 60px;
	width: 1px;
	background: rgba(255, 255, 255, 0.30);
}

/* .hero-images .item:nth-child(2)::after{
	content:"";
	position: absolute;
	top: 50%; 
	transform: translatey(-50%);
	right: 0;
	height: 20px;
	width: 1px;
	background: rgba(255, 255, 255, 0.30);
} */
.hero-images .item img,
.ftr-logos .item img{
	max-width: 100%;
}
.hero-images,
.ftr-logos {
	padding-right: 20px;
}
.hero-images .item:first-child,
.ftr-logos .item:first-child{
	padding-right: 20px;
}
.hero-images .item:last-child{
	padding-left: 10px;
}
.ftr-logos .item:last-child{
	padding-left: 17px;
}
.hero-images .item:first-child img,
.ftr-logos .item:first-child img{
    max-height: 97px;
    width: auto;
    object-fit: contain;
}
.hero-images .item:nth-child(2) img,
.ftr-logos .item:nth-child(2) img{
	max-height: 80px;
	width: auto;
	object-fit: contain;
	padding: 0 10px;
}

.hero-images .item:last-child img,
.ftr-logos .item:last-child img{
	max-height: 108px;
	width: auto;
	object-fit: contain;
}
.hero-slider .slick-dots{
    bottom: 56px;
    left: 50%;
    transform: translatex(-50%);
    max-width: 1227px;
    display: flex !important;
    justify-content: start;
    z-index: 3;
    padding-left: 10px;
    
}
.hero-slider .slick-dots li button{
   background: rgba(217, 217, 217, 0.50);
   border-radius: 12px;
   width: 11px;
   height: 11px;
}
.hero-slider .slick-dots li.slick-active button{
    background: #fff;
}
.hero-slider .slick-dots li{
     width: 11px !important;
   height: 11px !important;
}
.hero-slider .slick-dots li button:before{
    content: "" !important;
   
}
.card-large .card-item{
    border-radius: 20px;
    background: #FFF;
    box-shadow: 0 0 110px 0 rgba(0, 0, 0, 0.10);
    overflow: hidden;
    height: 100%;
}
.card-large .card-item .image{
    height: 226px;
    position: relative;
}
.card-large .card-item .image img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.card-large .card-item .info{
    padding: 20px 23px;
    height: calc(100% - 226px);
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: start;
}
.card-large .card-item .icon-circle{
    position: relative;
    margin-top: -70px;
    background: #000;
    width: 97px;
    height: 97px;
    border-radius: 100px;
    padding: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 4px solid #fff;
    z-index: 1;
    margin-bottom: 15px;
}

.card-item.pink .icon-circle{
    background: var(--pink-accent);
}
.card-item.pink ul li svg{
    color: var(--pink-accent);
}
.card-item.pink .card-list li a:hover{
    color: var(--pink-accent);;
}

.card-item.blue .icon-circle{
    background: var(--blue-accent);
}
.card-item.blue ul li svg{
    color: var(--blue-accent);
}
.card-item.blue .card-list li a:hover{
    color: var(--blue-accent);;
}
.card-item.beige .icon-circle{
    background: var(--beige-accent);
}
.card-item.beige ul li svg{
    color: var(--beige-accent);
}
.card-item.beige .card-list li a:hover{
    color: var(--beige-accent);;
}


.card-large .card-item .icon img{
    width: 100%;
    height: auto;
}
.card-large .card-item .card-list{
    list-style: none;
    padding: 0;
    margin: 0;
}
.card-large .card-item .card-list li{
    display: flex;
    align-items: center;
    margin-bottom: 12px;
}
.img-left img.abs{
    max-width: 225px;
    width: 100%;
    height: auto;
    top: unset;
    left: unset;
    bottom: 30px;
    right: 40px;
}


/* SERVICE */
.service-item .services{
	border-radius: 20px;
	background: #FFF;
	box-shadow: 0 0 110px 0 rgba(0, 0, 0, 0.10);
	padding: 40px;
}
h3.cat-parent-name{
	font-size: 32px;
}
.service-result img {
    width: 100%;
    height: 180px;
	border-radius:8px;
    object-fit: cover; /* optional for cards */
}

.service-banner .banner{
    width: 100%;
    height: 300px;
    overflow: hidden;
    border-radius: 20px;
    background: #000;
}
.service-banner .banner img{
    width: 100%;
    max-height: 100%;
    height: 300px;
    object-fit: cover;
}
.service-content .description{
    border-bottom: 1px solid rgba(0, 0, 0, 0.30);
}
.service-tag{
    font-size: 12px;
    font-weight: 500;
    border-radius: 34px;
    background: #ECEDE8;
    padding: 6px 20px;
    display: inline-block;
    line-height: normal;
}
.service-list ul{
    list-style: none;
    padding: 0;
    margin: 0;
}
.service-list{
    margin-bottom: 30px;
}
.service-list ul li{
    display: flex;
    line-height: 30px;
}
.service-list ul li svg{
    margin-top: 10px;
    min-width: 12px;
}
.service-list.primary ul li svg{
    color: var(--Primary-Navy);
}
.service-box{
    padding: 29px 20px;
    border-radius: 20px;
    background: #F8F9FF;
}
.service-box h2{
    font-size: 32px;
    font-weight: 700;
    line-height: 54px;
}
.service-box h2 span{
	font-weight: 400;
	font-size: 24px;
}

.banner-style-1{
    position: relative;
    height: 368px;
    overflow: hidden;
    display: flex;
    align-items: center;
    margin-bottom: 40px;
}
.banner-style-1 h1,
.banner-style-1 p{
    color: #fff;
}
.banner-style-1 p{
    line-height: 20px;
}
.banner-style-1 .container{
    z-index: 1;
}
.banner-style-1 .banner-img{
    position: absolute;
    height: 100%;
    width: 53vw;
    top: 0;
    right: 0;
}

.banner-style-1 .banner-img img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.bg-banner-circle{
    position: absolute;
    left: -65vw;
    top: 50%;
    transform: translateY(-50%);
    width: 120vw;
    height:90vw;
    border-radius: 100%;
    background: linear-gradient(90deg, #26305A 79.26%, #A3BFFF 170.9%);
    z-index: 1;
    border: 40px solid var(--blue-soft);
    display: flex;
    align-items: center;
    justify-content: end;
}
.bg-banner-circle .icon{
    width: 135px;
    height: 135px;
    aspect-ratio: 1/1;
    padding: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 4px solid #fff;
    border-radius: 100%;
    margin-right: -80px;
}
.bg-banner-circle .icon img{
    width: 77px;
    height: 77px;
    object-fit: contain;
}
.bg-banner-circle.pink .icon{
    background: #C94F7C;
}
.bg-banner-circle.blue .icon{
    background: #4A6FC1;
}
.bg-banner-circle.beige .icon{
    background: #DABE8C;
}
.banner-style-1.beige h1,
.banner-style-1.beige p{
    color: var(--text-dark);
}
.bg-banner-circle.pink{
     background: linear-gradient(88deg, #8A2E53 63.39%, #C94F7C 105.17%);
       box-shadow: 
        0 0 0 40px rgba(201, 79, 124, 0.50),
        0 0 0 80px rgba(201, 79, 124, 0.40);
    border: 40px solid #C94F7C;
}
.bg-banner-circle.blue{
     background: linear-gradient(88deg, #4A6FC1 68.52%, #A3BFFF 132.32%);
       box-shadow: 
        0 0 0 40px rgba(163, 191, 255, 0.50),
        0 0 0 80px rgba(163, 191, 255, 0.40);
    border: 40px solid #A3BFFF;
}

.bg-banner-circle.darkblue{
    background: linear-gradient(86deg, #26305A 72.14%, #A3BFFF 186.39%);
       box-shadow: 
        0 0 0 40px rgba(163, 191, 255, 0.50),
        0 0 0 80px rgba(163, 191, 255, 0.40);
    border: 40px solid #A3BFFF;
}
.bg-banner-circle.beige{
     background: linear-gradient(88deg, #DABE8C 75.42%, #FFDEA3 103.81%);
       box-shadow: 
        0 0 0 40px rgba(255, 222, 163, 0.50),
        0 0 0 80px rgba(255, 222, 163, 0.40);
    border: 40px solid #FFDEA3;
}

.card-style-1 .card-item{
    border-radius: 20px;
    background: #FFF;
    box-shadow: 0 0 25px 0 rgba(0, 0, 0, 0.10);
    overflow: hidden;
	height: 100%;
}
.card-style-1 .card-item .image{
    position: relative;
    height: 226px;
    overflow: hidden;
}
.card-style-1 .card-item .image img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.card-style-1 .card-item .image::before{
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 50%;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 0%, rgba(0, 0, 0, 0.64) 100%);
	pointer-events: none;
}
.card-style-1 .card-item .info{
    padding: 20px 27px;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	height: calc(100% - 226px);
}
.cat-filter ul,
.service-cat-filter ul{
    list-style: none;
    padding: 0; 
    margin: 0;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    margin-bottom: 30px;
}
.cat-filter ul li,
.service-cat-filter ul li{
    border-radius: 44px;
    border: 1px solid var(--Primary-Navy, #26305A);
    padding: 14px 30px;
    font-size: 14px;
    font-weight: 700;
    color: var(--Primary-Navy);
    margin-bottom: 10px;
    cursor: pointer
}
.cat-filter ul li.active,
.cat-filter ul li:hover,
.service-cat-filter ul li.active,
.service-cat-filter ul li:hover{
    background: var(--Primary-Navy);
    color: #fff;
}
.cat-filter ul li:not(:last-child),
.service-cat-filter ul li:not(:last-child){
    margin-right: 12px;
}
section.why-choose{
    padding: 48px 0 180px;
    margin-bottom: -130px !important;
}
body.home section.why-choose{
	padding: 48px 0;
	margin-bottom: 3rem !important;
}
.choose-item .icon{
    width: 82px;
    height: 82px;
    padding: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #fff;
    border-radius: 100%;
    margin: 0 auto 20px;

}
.choose-item .icon img{
    max-width: 100%;
    height: auto;
}
/* /SERVICE */
/* ABOUT */
.banner-circle{
    position: relative;
    min-height: 555px;
    overflow: hidden;
    align-items: center;
    padding: 80px 0;
}
.banner-circle .container{
    position: relative;
    z-index: 1;
    
}
.banner-circle::before {
    content: "";
    position: absolute;
    bottom: 100px;
    left: 50%;
    transform: translateX(-50%);
    width: 2800px;
    height: 1900px;
    border-radius: 100%;
    background: linear-gradient(90deg, #26305A 79.26%, #A3BFFF 170.9%);
    z-index: 1;
    border: 40px solid var(--blue-soft);
    box-shadow: 0 0 0 40px rgba(163, 191, 255, 0.40), 0 0 0 80px rgba(163, 191, 255, 0.20);
}
.banner-circle .banner-inner{
    max-width: 1014px;
    margin: 0 auto;
}
.banner-circle .strapline p{
    color: #FFF;
    text-align: center;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
}

.image-overlay{
    border-radius: 20px;
    width: 100%;
    height: 514px;
    overflow: hidden;
    position: relative;
}
.image-overlay::before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 30%;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 0%, rgba(0, 0, 0, 0.64) 100%);
}
.image-overlay img.img-main{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.image-overlay .icon.left{
    left: 60px;
}
.image-overlay .icon.right{
    right: 60px;
}
.image-overlay .icon{
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background: #000;
    width: 97px;
    height: 97px;
    border-radius: 100px;
    padding: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 4px solid #fff;
    z-index: 1;
    margin-bottom: 15px;
}
.image-overlay .icon.pink{
     background: var(--pink-accent);
}
.image-overlay .icon.blue{
     background: var(--blue-accent);
}
.image-overlay.left .circle-overlay.left{
    position: absolute;
    left: -395px;
    top: 50%;
    transform: translateY(-50%);
    width: 514px;
    height: 614px;
    border-radius: 100%;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: end;
}
.image-overlay.right .circle-overlay.right{
    position: absolute;
    right: -395px;
    top: 50%;
    transform: translateY(-50%);
    width: 514px;
    height: 614px;
    border-radius: 100%;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: end;
}
.circle-overlay.pink{
    background: #C94F7C;
    box-shadow: 0 0 0 40px rgba(201, 79, 124, 0.50), 0 0 0 80px rgba(201, 79, 124, 0.40);
}
.circle-overlay.blue{
    background: var(--blue-accent);
    box-shadow: 0 0 0 40px rgba(163, 191, 255, 0.50),
        0 0 0 80px rgba(163, 191, 255, 0.40);
}

.team-item{
    padding: 30px;
    border-radius: 20px;
    background: #FFF;
    box-shadow: 0 0 110px 0 rgba(0, 0, 0, 0.10);
    margin-bottom: 20px;
}

.team-item .badges img:first-child{
    border-right: 1px solid rgba(0, 0, 0, 0.30);
}
.team-item .badges img:not(:first-child){
    padding-left: 10px;
}
.team-item .image img{
    width: 161px;
    height: 161px;
    object-fit: 1/1;
    max-width: 100%;
    object-fit: cover;
    border-radius: 100%;
  
}
.team-item p{
    line-height: 20px;
}
.team-item .badges img{
    width: auto;
    height: 42px;
    object-fit: contain;
      padding-right: 10px;
}
.team-item .badges img.nhs{
    height: 56px;
}
section.team{
    background: rgba(38, 48, 90, 0.05);
    padding: 50px 0;
/*     margin-bottom: -78px !important; */
}
section.bg-light{
    background: rgba(38, 48, 90, 0.05);
}
section.before-footer{
    padding: 50px 0 178px;
    margin-bottom: -78px !important;
}
.fullwidth-slider .item{
    height: 350px;
    width: 100%;
    overflow: hidden;
    border-radius: 20px;
    margin: 8px;
}
.fullwidth-slider .item img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
/* /ABOUT */

/* FORM */
.form-light label{
    font-size: 14px;
    font-weight: 700;
    line-height: 19.6px;
}
.form-light input[type="text"],
.form-light input[type="email"],
.form-light input[type="tel"],
.form-light textarea{
    border-radius: 4px;
    border: none;
    background: #FAFAFA;
    padding: 10px 16px;
    width: 100%;
}
.form-light input[type="text"]::placeholder,
.form-light input[type="email"]::placeholder,
.form-light input[type="tel"]::placeholder,
.form-light textarea::placeholder{
    color: #CCC;
    font-size: 16px;
    line-height: 19.6px
}
.form-light input[type="text"]:focus,
.form-light input[type="email"]:focus,
.form-light input[type="tel"]:focus,
.form-light textarea:focus{
    border: 1px solid #26305A;
    outline: none;
}
.form-light .gfield{
    margin-bottom: 15px;
}
.form-light input[type="submit"]{
    border: 1px solid var(--Primary-Navy);
    background: var(--Primary-Navy);
    font-size: 14px;
    font-weight: 500;
    padding: 14px 80px;
    border-radius: 4px;
    display: inline-block;
    line-height: normal;
    color: #fff;
    margin-top: 40px;
}
.gform_confirmation_message{
    color: var(--Primary-Navy);
    font-size: 18px;
    font-weight: 500;
}

/* /FORM */

/* GENDER SCANS */
ul.gender-select{
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}
.gender-select li{
    padding: 14px 46px;
    text-align: center;
    border-radius: 44px;
    border: 1px solid var(--Primary-Navy);
    margin: 8px;
    color: var(--Primary-Navy);
    font-size: 14px;
    font-weight: 700;
    cursor: pointer;
}
.gender h2{
    font-size: 32px;
    font-weight: 700;
    line-height: 54px;
}
.gender-select li.active{
    background: var(--Primary-Navy);
    color: #fff;
}
.gender-scans-result .card-item{
	margin-bottom: 2rem;
}

/* /GENDER SCANS */


/* ACF MAP */
.acf-map {
    width: 100%;
    height: 428px;
    border: #ccc solid 1px;
    margin: 0;
}

.acf-map img {
   max-width: inherit !important;
}
.image-info .info ul{
	padding: 0 0 0 17px;
	 margin: 0;
}

.sticky {
    position: sticky;
    top: 20px;
}


/* Fullscreen popup overlay */
.booking-popup {
  display: none;
  position: fixed;
  inset: 0;
  z-index: 99999999;
	padding: 20px 10px;
}

.booking-overlay {
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.8);
  backdrop-filter: blur(4px);
	z-index: -1;
}

/* Iframe container */
.booking-frame-wrap {
	padding: 10px;
	background: #fff !important;
    position: relative;
    width: 100%;
    height: 640px;
    max-width: 806px;
    margin: 15vh auto;
    background: none;
    border-radius: 12px;
    display: flex;
    justify-content: center;
    align-items: center
}

/* Full iframe inside the modal */
.booking-iframe {
  width: 100%;
  height: 100%;
  border: 0;
}

/* Close button */
.booking-close {
  position: absolute;
  top: -29px;
  right: 0px;
  font-size: 30px;
  font-weight: bold;
  color: #fff;
  cursor: pointer;
  z-index: 1001;
  transition: opacity 0.2s;
}
.booking-close:hover {
  opacity: 0.7;
}

/* Sticky Book Now button */
.sticky-book {
  position: fixed;
  top: 50%;
  right: 20px;
  transform: translateY(-50%) rotate(-90deg);
 transform-origin: right center;
  background: var(--Primary-Navy);
  color: #fff;
  font-weight: 600;
  text-transform: uppercase;
  text-decoration: none;
  letter-spacing: 1px;
  padding: 12px 24px;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  box-shadow: 0 3px 8px rgba(0,0,0,0.2);
  z-index: 9999;
  transition: all 0.3s ease;
}

.sticky-book:hover {
  background: #fff;
  color: var(--Primary-Navy);
  letter-spacing: 1px;
}

.blog-banner img{
	border-radius: 20px;
	width: 100%;
	height: auto;
}

.content h3{
	font-size: 32px;
}
.content a:not(.btn){
	color:#0056b3;
}


@media(min-width:1921px){
    .fullwidth-slider .item{
        height: 40vh;
    }
}
@media(min-width: 1023px) and (max-height: 600px){
	.hero-bg-slider{
		 min-height: 80vh;
	}
	.hero-bg-slider .hero-slider .item{
		 height: 80vh;
	}
	.hero .hero-wrapper h1{
		font-size: 34px;
   		 line-height: 40px;
	}
	.strapline p {
		font-size: 20px;
		line-height: 27px;
	}
	.hero .strapline {
		margin-bottom: 14px;
	}
	.hero-wrapper .logo {
		max-width: 42px;
		height: auto;
		object-fit: contain;
		margin-bottom: 12px;
	}
	.hero-images .item img{
		max-height: 97px !important;
		
	}
	.hero-wrapper .btn-container {
		padding: 10px 0 !important;
		margin-bottom: 8px !important;
	}
	.hero-slider .slick-dots {
		bottom: 35px;
	}
}
@media(min-width: 1140px) and (max-width: 1440px){
	.hero-bg-slider{
		 min-height: 85vh;
	}
	.hero-bg-slider .hero-slider .item{
		 height: 85vh;
	}
}

@media only screen and (min-width: 1140px) {
	.mobile-phone{
		display: none !important;
	}
    /**********
    COLUMNS
    **********/
	.menu-for-mobile{
		display: none;
	}
    .twoCol {
        width: calc(100% + 30px);
        position: relative;
        left: -15px;
    }
    .twoCol .col {
        width: 50%;
        padding: 15px;
    }
    .threeCol .col {
        width: 33.33%;
        padding: 15px;
    }
    .fourCol .col {
        width: 25%;
        padding: 15px;
    }
    .fiveCol .col {
        width: 20%;
        padding: 15px;
    }
    /**********
    HEADER NAV
    **********/
    header .flex {
        align-items: center;
        justify-content: space-between;
    }
    header .logo img {
        max-height: 40px;
    }
   
    nav.nav ul {
        display: flex;
        list-style: none;
        margin: 0;
        padding: 0;
    }
    nav.nav ul li {
        position: relative;
        margin-left: 25px;
    }
    nav.nav ul li:first-child {
        margin-left: 0;
    }
    /**********
    submenu popup
    **********/
    nav.nav .sub-menu {
        max-height: 0;
        overflow: hidden;
        position: absolute;
        flex-wrap: wrap;
        transform: translatex(-50%);
        left: 50%;
        transition: all 200ms;
    }
    .menu-item-has-children::after {}
    nav.nav .menu-item-has-children.sub-menu-active>.sub-menu {
        max-height: 900px;
		width: 300px !important;
		background: #fff;
		padding: 20px;
		z-index: 8;
    }
	nav.nav ul li a{
		padding-top: 10px;
        padding-bottom: 10px;
		display: inline-block;
	}
    nav.nav .sub-menu li {
        width: 100%;
        margin-left: 0;
        display: inline-block;
        white-space: nowrap;
    }
}

@media only screen and (max-width: 1140px) {
	header .phone .icon{
		width: 28px;
		height: 28px;
	}
	header .phone-desktop{
		display: none !important;
	}
    header .book{
        margin-left: auto;
        margin-right: 50px;
    }
	a#openBooking{
		display: none;
	}
    .flex {
        flex-wrap: wrap;
    }
    header .logo img {
        max-height: 38px;
    }
    header .logo {
        position: relative;
        z-index: 20;
    }
    /**********
    HEADER NAV
    **********/
    body.fix {
        overflow: hidden;
    }
    header .nav {
        position: fixed;
        left: 100%;
        z-index: 10;
        height: 100vh;
        width: 100%;
        top: 0;
        background-color: #fff;
        transition: all 300ms
    }
    header .nav.navActive {
        left: 0%;
       transition: all 300ms;
        align-items: center;
        justify-content: start;
        flex-direction: column;
    }
    header .nav ul {
        margin: 0;
        padding: 0;
        list-style: none;
    }
    header .nav>ul {
        margin-top: 80px;
        box-sizing: border-box;
        width: 100%;
    }
    header .nav>ul  li {
        position: relative;
		 
    }
	header .nav>ul > li{
		padding: 0 15px;
	}
	header .nav>ul > li > a{
		border-bottom: 1px solid rgba(0,0,0, 0.25)
		
	} 
    header .nav>ul li a {
        display: block;
		padding: 10px 0;
        width: 100%;
        font-size: var(--fs-sm);
    }
   .menu-item-has-children::after {
        position: absolute;
        right: 7px;
    }
   header .nav>ul > li.menu-item-has-children::after {
        position: absolute;
        right: 21px;
        top: 14px;
    }
	#burgerNav.navActive{
		position: fixed;
	}
    #burgerNav {
        position: absolute;
        top: 15px;
        right: 15px;
        width: 35px;
        height: 40px;
        cursor: pointer;
        z-index: 90
    }
    #burgerNav .innerBurger {
        position: relative;
        height: 100%;
    }
    .menu-result .parent-menu li{
        width: 100%;
    }
    .nav-container .parent-menu{
        padding: 0 20px 0 0;
    }
    #burgerNav .innerBurger span {
        width: 100%;
        height: 2px;
        top: 0;
        background-color: #000;
        position: absolute;
        opacity: 1;
        transition: all 300ms;
        transform: rotate(0deg);
    }
    #burgerNav.navActive .innerBurger span {
        transition: all 300ms;
    }
    #burgerNav .innerBurger span:nth-child(1) {
        top: 25%;
    }
    #burgerNav .innerBurger span:nth-child(2) {
        top: 50%;
    }
    #burgerNav .innerBurger span:nth-child(3) {
        top: 75%;
    }
    #burgerNav.navActive .innerBurger span:nth-child(1) {
        top: 50%;
        transform: rotate(-45deg);
    }
    #burgerNav.navActive .innerBurger span:nth-child(2) {
        top: 50%;
        opacity: 0;
    }
    #burgerNav.navActive .innerBurger span:nth-child(3) {
        top: 50%;
        transform: rotate(45deg);
    }
    nav.nav .sub-menu {
        max-height: 0;
        overflow: hidden;
        flex-wrap: wrap;
/*         transition: all 200ms; */
    }
    .menu-item-has-children::after {}
    nav.nav .menu-item-has-children.sub-menu-active>.sub-menu {
        max-height: 900px;
		padding: 10px 0;
		width: 100% !important;
    }
	.menu-item-has-children > a{
		font-weight: 500 !important;
	}
	.sub-menu-active > a{
		font-weight: 600 !important;
	}
	nav.nav .menu-item-has-children.sub-menu-active>.sub-menu li a{
		font-weight:400;
	}
}
@media(min-width:992px) and (max-width: 1440px){
	 header .result-container{
        background: linear-gradient(
        to right,
        #ffffff 0%,
        #ffffff 0%,
        #f1f1f1 30%,
        #f1f1f1 100%
        )  !important;
     }
}
@media(min-width:992px){
    .menu-result .child-menu{
        padding: 20px 0 0 30px;
    }
    header .result-container{
        background: linear-gradient(
        to right,
        #ffffff 0%,
        #ffffff 30%,
        #f1f1f1 30%,
        #f1f1f1 100%
        );
     }
     section:not(.service-banner, .team){
        margin-bottom: 70px;
    }
	.ftr-logos.mobile{
		display: none !important;
	}
}
@media(max-width:991px){
	.ftr-logos.desktop{
		display: none !important;
	}
	 .menu-result.active{
        background: #fff;
    }
	.menu-result .parent-menu li.active:after{
		display: none;
	}
	.menu-result .parent-menu li.active{
		padding-left: 18px;
	}
	.menu-result .parent-menu li.active:before{
		content: url(../img/icon-back.svg);
		position: absolute;
		width: 18px;
		height: 18px;
		left: 0;
  		top: 47%;
		transform: translatey(-50%);
		filter: brightness(0) saturate(100%) invert(87%) sepia(16%) saturate(6522%) hue-rotate(186deg) brightness(100%) contrast(103%);
	}
	.child-result {
		  position: relative;
		  transform: translateX(100%);
		  opacity: 0;
		  transition: transform 0.3s ease, opacity 0.3s ease;
		  display: block; /* keep in flow during animation */
		}

		.child-result.active {
		  transform: translateX(0%);
		  opacity: 1;
		}

		.child-result.slide-out {
		  transform: translateX(100%);
		  opacity: 0;
		}

	
    .team-item .image img{
        margin-bottom: 15px;
    }
    .cat-filter ul li:not(:last-child),
	.service-cat-filter ul li:not(:last-child){
        margin-right: 10px;
    }
    .cat-filter ul li,
	.service-cat-filter ul li{
         padding: 10px 20px;
        font-size: 12px;
    }
    section:not(.service-banner){
        margin-bottom: 40px;
    }   
    .menu-result.active,
    .nav-container{
        flex-direction: column;
    }
    .banner-circle {
        padding: 50px 0;
    }

    .hero-wrapper .btn-container {
        margin-bottom: 21px;
    }
    .bg-banner-circle{
        left: 50%;
        transform: translate(-50%);
        top: -438px;
        width: 1201px;
        height: 800px;
    }
	body.term-pregnancy-health-scans .bg-banner-circle{
        top: -540px;
    }
	 body.term-pregnancy-health-scans .banner-style-1 {
        height: 477px;
    }
	.banner-style-1 {
        align-items: start;
        padding-top: 40px;
    }
	  body.term-pregnancy-health-scans .banner-style-1 .banner-img {
        margin-top: 233px;
        width: 100%;
        height: 264px;
    }

    body.find-your-general-health-scan .bg-banner-circle {
        top: -567px;
    }
	body.find-your-general-health-scan .banner-style-1 .banner-img {
        margin-top: 181px;
	}
	body.find-your-general-health-scan .banner-style-1 {
        height: 493px;
    }
    .bg-banner-circle{
        align-items: end;
        justify-content: center;
    }
    .bg-banner-circle .icon{
        margin-right: 0;
        margin-bottom: -80px;
    }
   
    .banner-style-1 .banner-img{
       margin-top: 265px;
        width: 100%;
        height: 311px;
    }
    .banner-style-1{
        height: 571px;
    }
    .hero .bg-circle {
       position: absolute;
        left: 50%;
        transform: translate(-50%);
        top: -343px;
        width: 1201px;
        height: 1001px;
        aspect-ratio: 1 / 1;
        border-radius: 100%;
        background: linear-gradient(90deg, #26305A 79.26%, #A3BFFF 170.9%);
        z-index: 1;
        border: 40px solid var(--blue-soft);
        box-shadow: none;
    }
	.hero .bg-circle::before {
		content: "";
		position: absolute;
		inset: 0; 
		bottom: -80px;
		border-radius: 50%;
		background: linear-gradient(
			to top,
			rgba(163, 191, 255, 0.4) 0%,
			rgba(163, 191, 255, 0.4) 10%,
			transparent 40%
		);
		z-index: -2;
		pointer-events: none;
	}

	.hero .bg-circle::after {
		content: "";
		position: absolute;
		inset: 0; 
		bottom: -120px;
		border-radius: 50%;
		background: linear-gradient(
			to top,
			rgba(163, 191, 255, 0.2) 0%,
			rgba(163, 191, 255, 0.2) 5%,
			transparent 20%
		);
		z-index: -3;
		pointer-events: none;
	}

	
	.hero-wrapper .logo {
        max-width: 52px;
        height: auto;
        object-fit: contain;
        margin-bottom: 25px;
    }
    .hero-bg-slider .hero-slider .item img {
        height: 100%;
        max-width: 100%;
        width: 100%;
        object-fit: cover;
        margin-left: 0;
    }
    .hero-bg-slider {
        min-height: 840px;
    }
    .hero-bg-slider .hero-slider .item{
        margin-top: 200px;
    }
    .hero-wrapper {
        position: absolute;
        top: 0px;
        transform: unset;
    }

}
@media(min-width:768px) and (max-width:991px){
	    .hero .bg-circle {
			width: 1713px;
		}
	body.term-pregnancy-health-scans .banner-style-1 .banner-img {
        margin-top: 132px !important;
        width: 100%;
        height: 344px !important;
    }
}
@media(min-width:768px){
	.book-mobile{
		display: none;
	}
	.dt-d-none{
		display: none;
	}
/* 	GENDER SCANS */
	.gender-image .image-female .parts .item-part.womens-health{
		display: none;
	}
	.gender-image .image .parts .item-part span{
		display: none;
	}
	
	.gender-image .image{
		position: relative;
		max-width: 312px;
		margin: auto;
	}
	.gender-image .image img{
		height: 681px;
		width: 100%;
		object-fit: contain;
	}

	.gender-image .image .parts .item-part{
		position: absolute;
		width: 8px;
		height: 8px;
		padding: 8px;
		border-radius: 100%;
		background: #fff;
		border: 4px solid #4A6FC1;
		cursor: pointer;
	}

	.gender-image .image .parts .item-part.active{
		box-shadow: 0 0 0 6px rgba(74, 111, 193, 0.30), 0 0 0 12px rgba(74, 111, 193, 0.20);
		border: 4px solid #4A6FC1;
		background: #4A6FC1;
	}
	.gender-image .image .parts .item-part.neck{
		left: 49.9%;
		top: 16.5%;
		transform: translatex(-50%);
	}
	.gender-image .image .parts .item-part.abdomen{
		left: 49.2%;
		top: 31.8%;
		transform: translatex(-50%);
	}
	.gender-image .image .parts .item-part.shoulder{
		left: 29.9%;
		top: 21.5%;
	}
	.gender-image .image .parts .item-part.pelvic{
		left: 52.4%;
		top: 49.5%;
		transform: translatex(-50%);
	}
	.gender-image .image .parts .item-part.hip{
		left: 36.4%;
		top: 43.5%;
		transform: translatex(-50%);
	}

	.gender-image .image .parts .item-part.urinary{
		left: 59.4%;
		top: 43.5%;
		transform: translatex(-50%);
	}
	.gender-image .image-female .parts .item-part.urinary {
		left: 58.4%;
		top: 41.5%;
		transform: translatex(-50%);
	}
	.gender-image .image .parts .item-part.scrotum{
		left: 53.2%;
		top: 49.5%;
		transform: translatex(-50%);
	}
	.gender-image .image .parts .item-part.knee{
		left: 38.4%;
		top: 69.5%;
		transform: translatex(-50%);
	}
	.gender-image .image .parts .item-part.ankle{
		left: 40.4%;
		top: 87.5%;
		transform: translatex(-50%);
	}
	.gender-image .image-female .parts .item-part.knee{
		 left: 39.4%;
		top: 64.5%;
		transform: translatex(-50%);
	}
	.gender-image .image .parts .item-part.elbow{
		right: 16.2%;
		top: 33.8%;
		transform: translatex(-50%);
	}
	.gender-image .image-female .parts .item-part.elbow{
		right: 20.2%;
		top: 33.8%;
		transform: translatex(-50%);
	}

	.gender-image .image-male .parts .item-part.wrist {
		left: 15.4%;
		top: 47.5%;
		transform: translatex(-50%);
	}
	.gender-image .image-female .parts .item-part.wrist {
	   left: 21.4%;
		top: 49.5%;
		transform: translatex(-50%);
	}

/* /GENDER SCANS */
	
	.gender-scans-result {
			max-height: 1000px;
			overflow-y: auto;
		}

		/* Scrollbar width */
		.gender-scans-result::-webkit-scrollbar {
			width: 12px;
		}

		/* Track */
		.gender-scans-result::-webkit-scrollbar-track {
			border-radius: 40px;
		}

		/* Handle */
		.gender-scans-result::-webkit-scrollbar-thumb {
			border-radius: 40px;
			background: rgba(50, 50, 50, 0.4);
		}

		/* Hide arrows (scrollbar buttons) */
		.gender-scans-result::-webkit-scrollbar-button {
			display: none;
		}

		/* Firefox */
	.gender-scans-result {
			scrollbar-color: rgba(50, 50, 50, 0.4) transparent;
		}
	
    .ftr-links{
        justify-content: end;
    }
    .image-info .info{
        padding-left: 76px;
        padding-right: 76px;
    }
    
}
@media(max-width:767px){
/* 	.hero-images .item:last-child img, */
	.ftr-logos .item:last-child img{
		margin-left: 10px !important;
	}
	.hero-images .item img{
		max-height: 97px !important;

	}
	.hero-inner .strapline{
		margin-top: 15px;
	}
	.hero-images .item img,
	.ftr-logos .item img{
		max-height: 70px;
	}
	.book-mobile a{
		text-align: center;
		width: 100%;
		font-size: 14px;
		font-weight: 500;
		padding: 10px 20px;
		border-radius: 4px;
		display: block;
		line-height: normal;
		border: 1px solid var(--Primary-Navy);
    	background: var(--Primary-Navy);
		color: #ffffff;
		margin-top: 20px;
	}
	.service-item .services{
		padding: 20px;
	}
	ul.gender-select {
		border-bottom: 1px solid #b7b7b7;
		padding-bottom: 15px;
		margin-bottom: 10px;
	}
	.mb-d-none{
		display: none;
	}
	.parts .item-part{
		border-radius: 44px;
		border: 1px solid var(--Primary-Navy, #26305A);
		padding: 10px 20px;
		font-size: 12px;
		font-weight: 700;
		color: var(--Primary-Navy);
		margin-bottom: 10px;
		cursor: pointer
	}
	
	.parts{
		display: flex;
        align-items: start;
        justify-content: start;
        flex-wrap: wrap;
	}
	.parts .item-part.active,
	.parts .item-part:hover{
		background: var(--Primary-Navy);
		color: #fff;
	}
	
	.parts .item-part:not(:last-child){
		margin-right: 12px;
	}
	.gender-image .image img{
		display: none !important;
	}
	.service-content .col-md-5{
		order: -1;
		margin-bottom: 30px;
	}
	body.contact-us .image{
		display:none;
	}
	.service-banner nav.ss-breadcrumbs{
		margin-bottom: 0;
	}
    .team-item .badges img{
        height: 30px;
    }
    .gender-result{
        order: 2;
    }
    .fullwidth-slider .item {
        height: 230px;
    }
    .image-overlay {
        height: 365px;
        margin-bottom: 10px;
    }
     header .book{
        display: none;
        width: 100%;
        margin: 15px 0 0;
     }
    h1 {
        font-size: 36px;
        line-height: normal;
    }
    h2 {
        font-size:28px;
        line-height: normal;
    }
	h3,
	h3.cat-parent-name{
        font-size:24px;
        line-height: normal;
    }
    .image-info.img-right .info{
        order: 1;
    }
    .ftr-links{
        padding-top: 15px !important;
    }
    .img-left img.abs{
        max-width: 160px;
    }
    .megamenu-nav{
        flex-direction: column;
        gap: 10px;
    }
    .footer::before{
        width: 250vw;
    }
	.text-full, .text-truncated {
		display: block;
	}
	
}

@media(max-width:600px){
	.hero-wrapper .logo{
		margin-bottom: 0;
	}
	.acf-map {
		height: 280px;
	}
	ul.ftr-links{
		flex-direction: column;
	}
	.banner-style-1{
		padding-top: 20px !important;
	}
	section.about{
		display: none;
	}
	body.home section.why-choose {
		padding: 48px 0 148px;
		margin-bottom: -127px !important;
	}
	 .hero-wrapper .btn-container {
        margin-bottom: 0 !important;
		 justify-content: center;
    }
	.hero-images, .ftr-logos{
		justify-content: center;
		padding-right: 0;
	}
	.cat-filter ul,
	.service-cat-filter ul{
		margin-bottom: 15px !important;
	}
	body.about-us .image-overlay {
        height: 200px;
        margin-bottom: 10px;
    }
	.service-banner .banner,
	.service-banner .banner img{
   		width: 100%;
		height: 170px;
	}
	.service-box h2 {
		font-size: 24px;
		font-weight: 700;
		line-height: normal;
	}
	.service-box h2 span {
		font-weight: 400;
		font-size: 16px;
	}
	
	.banner-style-1{
		margin-bottom: 20px !important;
	}
	.cat-filter ul li:not(:last-child),
	.service-cat-filter ul li:not(:last-child),
	.parts .item-part:not(:last-child){
		margin-right: 6px;
	}
	.cat-filter ul li,
	.service-cat-filter ul li,
	.parts .item-part{
		margin-bottom:6px;
	}
	.hero .bg-circle {
		top: -482px;
	}
	section.services{
		overflow-x: hidden;
	}
	.card-large .card-item{
		box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.10);
	}
	.card-large .slick-next{
		right: 20px;
	}
	.card-large .slick-prev{
		left: 20px;
		z-index: 1;
	}
	.card-large .slick-next:before{
		content:url('../img/icon-angle-right.svg');
	}
	.card-large .slick-prev:before{
		content:url('../img/icon-angle-left.svg');
	}
	
	.card-large .slick-dots li button:before{
		content: "" !important;
		display: none;
	}
	.card-large .slick-dots li button{
		width:8px;
		height: 8px;
		border-radius: 10px;
		opacity: .25;
    	background: #000;
	}
	.card-large .slick-dots li.slick-active button{
		opacity: 1;
	}
	.hero-bg-slider .hero-slider .item {
        height: 314px;
		margin-top: 390px;
    }
	.hero-bg-slider {
        min-height: 695px;
    }
	.hero-inner{
		display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column-reverse;
	}
	.hero-wrapper{
		text-align: center;
	}
	.hero-inner .strapline{
		order:-1;
		margin-bottom: 0;
	}
	 h1 {
        font-size: 30px;
        line-height: normal;
    }
	.hero-inner .strapline p {
		font-size: 19px;
		line-height: 30px;
	}
	.booking-frame-wrap {
		padding: 10px;
		background: #fff !important;
		position: relative;
		width: 100%;
		height: 530px;
		max-width: 806px;
		margin: 8vh auto;
		background: none;
		border-radius: 12px;
		display: flex;
		justify-content: center;
		align-items: center;
	}
}

@media(max-width:375px){
	.hero .bg-circle {
		top: -498px !important;
    }
}