/*
Theme Name: Pain Consultants
Theme URI: https://netpear.uk/
Author: Your Name
Author URI: https://netpear.uk/
Description: Custom theme based on HTML template
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: pain-consultants
*/

.swiper,.swiper-wrapper,.swiper-slide {
	max-width: 100% !important;
}
.nav-menu__item.activePage > a {
    color: hsl(30.52deg 55.77% 59.22%) !important;
}
/* Keep nav arrows inside */
.banner-three-slider-button-prev,.banner-three-slider-button-next {
	right: 20px !important;
}

.pressfgrid {
font-size: 18px;
color: #666;
font-style: italic;
font-weight:bold;
margin-bottom:30px;
margin-top:-20px;
}
press-attribution {
font-size: 16px;
color: #666;
font-style: italic;
font-weight:bold;
}
/* Avoid horizontal scrollbar */

.pc-breadcrumbs {
    margin-bottom: 1.5rem;
}
.top-blue-bar .top-inner ul li,
.top-blue-bar .top-inner ul li span  {
  color: #ffffff ;
}
.pc-breadcrumb-list {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    list-style: none;
    padding: 0;
    margin: 0;
    font-size: 14px;
}

.pc-breadcrumb-list li {
    color: #5747b4;
    opacity: 0.85;
}

.pc-breadcrumb-list li::after {
    content: "/";
    margin: 0 6px;
    opacity: 0.5;
}

.pc-breadcrumb-list li:last-child::after {
    content: "";
}

.pc-breadcrumb-list a {
    color: #5c5353;
    text-decoration: none;
}

.pc-breadcrumb-list a:hover {
    text-decoration: underline;
}


body {
	/* font-family: Verdana, Geneva, sans-serif;
	*/
	overflow-x: hidden !important;
}
/* Prevent page shift when scrollbar toggles */
html {
	overflow-y: scroll;
}

	.nav-submenu__link {
 
    max-width: 98%;
}
	/* Disable active highlight for View more item */
.view-more-item.activePage > a,
.view-more-item.current-menu-item > a {
  background: transparent !important;
  color: inherit !important;
  font-weight: 600 !important;
}
/* Ensure parent (Head & Face) is highlighted */
.submenu-parent-first-level.activePage > a {
    background-color: #f3f4f6;
    color: #111827;
}
.view-more-item.no-active.activePage > a {
    background-color: transparent !important;
    color: inherit !important;
}

/* Style View more as secondary action */
.view-more-item > a {
  font-size: 14px;
  opacity: 0.75;
}

.view-more-item > a:hover {
  opacity: 1;
}



#menu-main > li.has-mega-menu > .mega-menu-wrapper,
#menu-main > li.mega-menu > .mega-menu-wrapper {
    position: absolute !important;
    width: 100% !important;                /* match desktop-header-inner width */
    max-width: 100% !important;
    left: 0 !important;
    right: 0 !important;
top: 100%;
margin: 0 auto;

    /* scrolling restored */
    max-height: 80vh !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    -webkit-overflow-scrolling: touch !important;

    /* REQUIRED for scrolling while hovering */
 }


	
	.customesful .iconssteps .vc_icon_element-inner {
    margin-right: 15px !important;
    /* pushes icon left */
    transform: translateX(-15px) !important;
}

.play-video-btn {
	position: absolute;
	top: 50%;
	right: 35%;
	/* Push button away from right edge */
	transform: translateY(-50%);
	font-size: 120px;
	/* Large button */
	color: #ef840499;
	text-decoration: none;
	z-index: 10;
	transition: transform 0.3s ease, color 0.3s ease;
}
.text-main-two-600 {
	color: hsl(42deg 62.02% 61.99%);
}
.play-video-btn:hover {
	color: #ef8404;
	/* Accent hover color */
	transform: translateY(-50%) scale(1.1);
}
/* Optional: animated pulse effect */
.play-video-btn::after {
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	width: 120px;
	height: 120px;
	border: 2px solid rgba(255, 255, 255, 0.5);
	border-radius: 50%;
	transform: translate(-50%, -50%) scale(1);
	opacity: 0;
	animation: pulse 2s infinite;
	z-index: -1;
}
@keyframes pulse {
	0% {
		transform: translate(-50%, -50%) scale(1);
		opacity: 1;
	}
	100% {
		transform: translate(-50%, -50%) scale(1.8);
		opacity: 0;
	}
}
.animate-border,.animate-background {
	height: 2px;
	/* or whatever */
	width: 1px;
	/* base width for scale */
	transform-origin: left center;
}
/* Stronger specificity so it overrides theme styles */
a.btn-main-twos {
	position: relative !important;
	overflow: hidden !important;
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	gap: 0.5rem !important;
	padding: 18px 28px !important;
	border-radius: 8px !important;
	background: #d1985d !important;
	/* Default yellow background */
	color: #ffffff !important;
	/* Default black text */
	font-weight: 600 !important;
	z-index: 1 !important;
	transition: none !important;
	/* No delay on text/icon */
}
/* Text + icon should flip instantly */
a.btn-main-twos .button__label,a.btn-main-twos i {
	transition: none !important;
}
/* Pseudo-element for the circle */
a.btn-main-twos::before {
	content: "" !important;
	position: absolute !important;
	top: var(--y, 50%) !important;
	/* Controlled by JS */
	left: var(--x, 50%) !important;
	/* Controlled by JS */
	width: 0 !important;
	height: 0 !important;
	background: #2F5597 !important;
	/* Hover dark bg */
	border-radius: 50% !important;
	transform: translate(-50%, -50%) !important;
	transition: width 0.6s ease, height 0.6s ease !important;
	z-index: -1 !important;
}
a.btn-main-twos:hover::before {
	width: 300% !important;
	height: 300% !important;
}
a.btn-main-twos:hover {
	color: #fff !important;
	border-color: #2F5597 !important;
	/* Border changes with hover */
}
a.btn-main-twos:hover i {
	color: #fff !important;
}
.container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
	margin: 0 auto !important;
}
a.btn-main-twos.extrabt {
	position: relative !important;
	overflow: hidden !important;
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	gap: 0.5rem !important;
	padding: 22px 37px !important;
	border-radius: 8px !important;
	border: 2px solid #d1985d !important;
	/* Default border */
	background: #d1985d !important;
	/* Default yellow background */
	color: #ffffff !important;
	/* Default black text */
	font-weight: 600 !important;
	z-index: 1 !important;
	transition: none !important;
	/* No delay on text/icon */
}
a.btn-main-twos.extrabt:hover {
	color: white !important;
}
.sliderx .container, sliderx.vc_non_responsive.vc_row.vc_col-sm-12 {
	padding: 0 !important;
}
.banner-three .swiper-slide {
	max-height: 671px;
	height: 692px;
	/* force all slides equal height */
	display: flex;
	align-items: center;
}
.banner-three .background-img {
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	height: 100%;
	width: 100%;
}
.progress-wrap::after {
	position: absolute;
	font-family: "bootstrap-icons";
	/* Bootstrap Icons font */
	font-weight: 900;
	content: "\f145";
	/* arrow-up icon */
	text-align: center;
	height: 46px;
	width: 46px;
	line-height: 46px;
	font-size: 18px;
	inset-inline-start: 0;
	inset-block-start: 0;
	cursor: pointer;
	display: block;
	z-index: 1;
	transition: all 200ms linear;
	color: hsl(var(--main)) !important;
}
.mainaccc .vc_tta-panel {
	border-bottom: 1px solid var(--neutral-200);
	padding: 20px !important;
}
.mainaccc {
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	background: #fff;
}
.vc_tta-panel-title a, .vc_tta-panel-title, .vc_tta-panel-heading {
	color: #2F5597 !important;
	font-size: 1.1rem;
	border: none !important;
}
.mainaccc .vc_tta-panel-heading {
	background: transparent !important;
}
.mainaccc .vc_tta-panel.vc_active {
	background: #2F5597;
	-webkit-border-top-left-radius: 20px;
	-webkit-border-top-right-radius: 20px;
	-moz-border-radius-topleft: 20px;
	-moz-border-radius-topright: 20px;
	border-top-left-radius: 20px;
	border-top-right-radius: 20px;
}
.vc_active .vc_tta-panel-body {
	background: transparent !important;
	color: white !important;
}
.vc_active .vc_tta-panel-title a {
	background: transparent !important;
	color: white !important;
}
[data-vc-full-width="true"] {
	visibility: hidden;
}
[data-vc-full-width="true"].vc_fullwidth_ready {
	visibility: visible;
}
.vc_btn3.vc_btn3-style-custom {
	background-image: none !important;
}
.hover-underline .vc_btn3:hover {
	text-decoration: underline !important;
}
.rightthth {
	margin-right: 40px;
	background: #165570;
	padding: 10px !important;
	border-radius: 26px;
	line-height: 25px;
	text-align: left;
	left: 0;
	right: auto;
	/* if needed */
}
.overflow-hidden {
	overflow: hidden !important;
}
.slideinsec i:before {
	color: #222;
	font-size: 23px;
}
.slideinsec p {
	font-size: 1rem;
}
.thecontacboxess .wpb_text_column.wpb_content_element.bg-main-600 {
	min-height: 193px;
	margin-bottom: 0 !important;
}
.socialiconss a {
	background: #274881;
}
.vc_row .wpb_gmaps_widget,.vc_row .wpb_gmaps_widget .wpb_map_wraper {
	width: 100% !important;
	max-width: 100% !important;
	margin: 0 !important;
	padding: 0 !important;
}
/* Force the iframe itself to stretch full width */
.vc_row .wpb_gmaps_widget iframe {
	width: 100% !important;
	max-width: 100% !important;
	display: block !important;
	border: 0 !important;
}
.mapcontaner .vc_column_container {
	padding: 0 !important;
	margin: 0 !important;
}
.wpb_gmaps_widget .wpb_wrapper {
	background-color: transparent !important;
	padding: 0 !important;
}
.myformhome, #wpcf7-f477-p23-o1 div, .vc_custom_1758410905855 .theeight {
	z-index: 10;
	overflow: visible !important;
}
.animate__flipInY {
	max-height: 66px;
}
.therightry {
	text-align: right;
	float: right;
}
.bg-main-7440 {
	background: #274881;
}
.innovation .wpb_content_element {
	margin-bottom: 0px !important;
}
.vc_custom_1758491563223 {
	margin-top: -133px !important;
	margin-bottom: 0px !important;
	padding-top: 100px !important;
	padding-right: 100px !important;
	padding-bottom: 100px !important;
	padding-left: 100px !important;
}
.vc_row .vc_custom_1758487089964 {
	margin-bottom: 183px !important;
}
.vc_row.vc_custom_1758491510084 {
	margin-top: 70px !important;
	padding-bottom: 4px !important;
	background-color: #F4F4F4 !important;
	margin-bottom: 0 !important;
}
.mlassistant.tw-py-16 {
	padding: 0px 67px 0px 67px !important;
}
.tw-mt-10 .extrabt {
	margin: 48px auto 0px auto;
	text-align: center;
}
.wpcf7 .wpcf7-form-control-wrap {
	display: contents;
}
.wpcf7 form.invalid .wpcf7-response-output,.wpcf7 form.unaccepted .wpcf7-response-output,.wpcf7 form.payment-required .wpcf7-response-output {
	border-color: #ffb900;
	/* Yellow */
	background: #ffffff;
}
h3 {
	font-size: 2rem;
	line-height: 1.35;
	font-weight: 800;
	color: var(--text-main-600);
	margin-bottom: 1.25rem;
	margin-top: 1.5rem;
	margin-bottom: 0.25rem;
}
h2 {
	font-size: 2rem;
	/* 32px on desktop */
	line-height: 1.35;
	font-weight: 800;
	color: var(--text-main-600);
	margin-bottom: 1.25rem;
	/* 20px */
	margin-top: 1.5rem;
	/* 40px above */
	margin-bottom: 0.25rem;
	/* 20px below */
}
.proverrs {
	min-height: 100px;
}
.boxessefr {
	min-height: 421px !important;
}
.boxessefr h4 {
	min-height: 77px;
}
.counter-icon::before {
	font-family: "Font Awesome 6 Free";
	/* or the FA version you use */
	font-weight: 900;
	/* 400 = regular, 900 = solid */
	content: "\f0b1";
	/* Unicode for fa-briefcase */
	font-size: 7rem;
	/* size of the icon */
	color: #2F5597;
	/* icon color */
	opacity: 0.1;
	/* optional effect */
}
.counter-patients::before {
	font-family: "Font Awesome 6 Free";
	font-weight: 900;
	content: "\f0c0";
	/* fa-users */
	font-size: 7rem;
	color: #bfa07b;
	opacity: 0.1;
}
.counter-treatments::before {
	font-family: "Font Awesome 6 Free";
	font-weight: 900;
	content: "\f0fa";
	/* fa-stethoscope */
	font-size: 7rem;
	color: #000;
	/* adjust depending on bg */
	opacity: 0.1;
}
.counter-satisfaction::before {
	font-family: "Font Awesome 6 Free";
	font-weight: 900;
	content: "\f005";
	/* fa-star */
	font-size: 7rem;
	color: #bfa07b;
	opacity: 0.1;
}
.tw-pt-33, .tw-pt-33-px {
	padding-block-start: 30px;
}
/* Ensure inactive slides are hidden in fade mode */
.banner-three-slider.swiper-fade .swiper-slide {
	opacity: 0 !important;
	visibility: hidden;
	transition: opacity 0.6s ease-in-out, visibility 0.6s ease-in-out;
}
.banner-three-slider.swiper-fade .swiper-slide.swiper-slide-active {
	opacity: 1 !important;
	visibility: visible;
	z-index: 2;
}
.banner-three-slider.swiper-fade .swiper-slide:not(.swiper-slide-active) {
	z-index: 1;
}
/* Allow icon to stick out of the column */
.themainbox1,.vc_column-inner.vc_custom_1758922347007,.vc_row.wpb_row.vc_inner.boxessefr {
	overflow: visible !important;
}
.boxessefr-icon {
	position: absolute;
	top: -24px;
	/* half in, half out */
	left: 50%;
	transform: translateX(-50%);
	width: 80px;
	height: 80px;
	background: #fff;
	border-radius: 50%;
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 28px;
	color: #ffffff;
	transition: transform 0.3s ease, box-shadow 0.3s ease;
	z-index: 5;
	border: 1px solid #2F5597;
	background-color: #d1985d;
}
.boxessefr-icon:hover {
	transform: translateX(-50%) scale(1.1);
	box-shadow: 0 6px 16px rgba(0, 0, 0, 0.25);
	background-color: #2F5597;
	color: #ffffff;
}
.googlerev p {
	font-size: 1rem !important;
}
.googlerev h6 {
	font-size: 1rem !important;
}
.custominheader .tw-mt-1 {
	min-height: 70px;
}
.group-item img {
	border-radius: 12px;
	/* adjust px value for more or less rounding */
}
p {
	font-size: 1.3rem;
}
.postshome h5 a {
	font-size: 1.5rem;
}
.stepsfbox h4 {
	font-size: 1.4rem;
}
.tw-rounded-3xll {
	border-radius: 0 0 1.5rem 1.5rem;
}
.tw-rounded-2xlhe {
	border-radius: 1.5rem 1.5rem 0 0;
}
.theendthreeb h4 {
	font-size: 1.2rem;
	/* 32px on desktop */
	line-height: 1;
	font-weight: 800;
	margin-bottom: 1.25rem;
	/* 20px */
	margin-top: 0.5rem;
	/* 40px above */
	margin-bottom: 0.50rem;
	/* 20px below */
}
.theendthreeb p,.theendthreeb .tw-text-sm {
	font-size: 1.2rem;
	/* 32px on desktop */
	line-height: 1.8;
	font-weight: 800;
	margin-bottom: 1.25rem;
	/* 20px */
}
.mc4wp-form-fields .fa-arrow-right {
	font-size: 16px;
	line-height: 30px;
	color: #2F5597;
}
.footeogo img {
	max-width: 80%;
	margin-left: -20px;
}
.header-menu .nav-menu__link {
	font-size: 1.2rem;
	/* Default font size for main menu */
	font-weight: 400;
	/* Semi-bold look */
	/* letter-spacing: 0.3px;
	*/
	text-transform: capitalize;
	/* Makes text neat */
	color: #ffffff;
	/* White text for main header background */
	transition: all 0.3s ease;
}
.nav-submenu__link {
	font-size: 1rem;
	/* Smaller text for dropdowns */
	font-weight: normal !important;
	/* Slightly lighter */
	transition: all 0.3s ease;
	line-height: 1.4;
	text-transform: capitalize;
	text-align: left;
}
/* Make nested UL inside mega menu display as grid */
.mega-menu-wrapper>ul {
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
	gap: 0rem;
	width: 100%;
	padding: 0;
	margin: 0;
}
/* Each main section (Head & Face, Neck Pain, etc.) */
.mega-menu-wrapper>ul>li {
	flex: 1 1 220px;
	/* column width */
	list-style: none;
}
/* ================== SHARED BASE ================== */
.header-menu {
	position: relative;
	/* anchor point for mega menu */
}
header .container nav {
	position: relative;
}
#menu-main > li {
    list-style: none;
    height: auto;
}


.header-menu {
	position: static;
}
.top-100 {
    top: 100% !important;
}
/* ================== NORMAL DROPDOWNS ================== */
#menu-main>li:not(.has-mega-menu):not(.mega-menu) {
	position: relative;
	/* each LI anchors its submenu */
	text-align: center;
}
#menu-main>li:not(.has-mega-menu):not(.mega-menu)>.nav-submenu {
	position: absolute;
	top: 100%;
	left: 0;
	min-width: 260px;
	background: #fff;
	border-radius: 6px;
	box-shadow: 0 6px 20px rgba(0, 0, 0, 0.08);
	padding: .75rem 0;
	visibility: hidden;
	opacity: 0;
	transform: translateY(10px);
	transition: opacity .25s ease, transform .25s ease;
	z-index: 999;
}
/* show normal dropdown on hover */
#menu-main>li:not(.has-mega-menu):not(.mega-menu):hover>.nav-submenu {
	visibility: visible;
	opacity: 1;
	transform: translateY(0);
}
/* Submenu items */
#menu-main>li:not(.has-mega-menu):not(.mega-menu)>.nav-submenu>li {
	width: 100%;
}
/* ================== MEGA MENU ================== */
#menu-main>li.has-mega-menu,
#menu-main>li.mega-menu {
    position: static !important;
    height: auto;
}

 
 

#menu-main>li.has-mega-menu>.mega-menu-wrapper,
#menu-main>li.mega-menu>.mega-menu-wrapper {
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
    display: flex;
    flex-wrap: wrap;
    gap: 1.5rem;
    margin: 0 auto;
    background: #fff;
    border-radius: 0;
    visibility: hidden;
    opacity: 0;
    pointer-events: none;   /* ADD THIS */
    transition: opacity .25s ease, transform .25s ease;
    z-index: 999;
}




/* mega menu columns */
#menu-main>li.has-mega-menu>.mega-menu-wrapper>li,#menu-main>li.mega-menu>.mega-menu-wrapper>li {
	flex: 1 1 220px;
	/* responsive columns */
}
/* kill dropdown positioning inside mega (sub-submenus always visible in mega) */
#menu-main>li.has-mega-menu .mega-menu-wrapper .nav-submenu,#menu-main>li.mega-menu .mega-menu-wrapper .nav-submenu {
	position: static !important;
	visibility: visible !important;
	opacity: 1 !important;
	transform: none !important;
	box-shadow: none;
	margin: 0;
	padding: 0;
}

@media (max-width: 767px) {
	/* Stack header vertically */
	.header-aligned .d-flex.align-items-stretch {
		flex-direction: column !important;
		align-items: center !important;
		text-align: center;
	}
	/* Logo centered and smaller */
	.logo-column {
		width: 100% !important;
		justify-content: center !important;
		padding: 10px 0 !important;
	}
	.logo-column img {
		max-width: 160px !important;
		height: auto;
	}
	/* Email + Address row */
	.header-aligned .border-bottom {
		border: none !important;
		flex-wrap: wrap;
		justify-content: center !important;
		gap: 10px !important;
		padding: 8px 12px !important;
	}
	.header-aligned .border-bottom div {
		display: flex;
		align-items: center;
		gap: 5px;
		font-size: 13px;
		color: #333 !important;
	}
	/* Orange bar becomes transparent */
	.orange-inner {
		background: transparent !important;
		flex-direction: column !important;
		align-items: center !important;
		text-align: center;
		padding: 10px 15px !important;
		gap: 10px !important;
	}
	/* Tagline + Call text (black) */
	.header-left-padding {
		padding-left: 0 !important;
		font-size: 14px;
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		gap: 6px;
		line-height: 1.4;
		color: #000 !important;
	}
	.header-left-padding a {
		color: #000 !important;
	}
	/* Book a Consultation button (black border + text) */
	.header-consult-btn {
		border: 2px solid #000 !important;
		background: transparent !important;
		color: #000 !important;
		font-size: 14px;
		border-radius: 6px;
		transition: all 0.3s ease;
	}
	.header-consult-btn:hover {
		background: #000 !important;
		color: #fff !important;
	}
	.consult-btn-icon {
		height: 16px;
		width: auto;
		filter: invert(1);
	}
}
/* ================== MOBILE STYLES ================== */
@media (max-width: 1200px) {
	/* Normal submenus */
	.mobile-menu .nav-submenu {
		position: static !important;
		display: none;
		/* hidden by default */
		margin: 0;
		padding-left: 1rem;
		background: #f9f9f9;
		border-left: 0;
	}
	.mobile-menu .menu-item-has-children.active>.nav-submenu {
		display: block;
	}
	/* deeper levels indent more */
	.mobile-menu .nav-submenu .nav-submenu {
		padding-left: 1.5rem;
		border-left: 2px solid #ddd;
	}
	/* Mega menu wrapper behaves like accordion section */
	.mobile-menu .menu-item-has-children.active>.mega-menu-wrapper {
		display: block;
		/* opens like accordion */
	}
	/* Mega menu items inside stack vertically */
	.mobile-menu .mega-menu-wrapper>li {
		width: 100%;
		padding: 0.1rem 1.4rem;
	}
}
.mobile-menu .submenu-parent-first-level>.nav-submenu__link {
	font-weight: 500 !important;
	/* Bold */
	color: var(--heading-color);
	font-size: 0.9rem !important;
}
/* ================== TOGGLE BUTTON ================== */
/* Base toggle button */
.mobile-menu .submenu-toggle {
	width: 22px;
	height: 22px;
	position: absolute;
	right: 15px;
	top: 18px;
	transform: translateY(-50%);
	display: inline-flex;
	justify-content: center;
	align-items: center;
	cursor: pointer;
	user-select: none;
	z-index: 2;
	font-size: 0;
}
/* Default symbol (+) */
.mobile-menu .submenu-toggle::before {
	content: "+";
	font-size: 20px;
	font-weight: bold;
	line-height: 1;
	color: #333;
}
.mobile-menu li.active > .submenu-toggle::before {
	content: "–";
	/* en dash */
}
/* Optional hover color */
.mobile-menu .submenu-toggle:hover::before {
	color: #0073aa;
	/* accent color */
}
/* Make sure parent <li> is positioned relative */
.mobile-menu .menu-item-has-children {
	position: relative;
}
/* Submenu links smaller text */
.mobile-menu .nav-submenu .nav-submenu__link {
	font-size: 12px;
	line-height: 1.2;
}
/* Optional: indent level-2 submenu for clarity */
.mobile-menu .nav-submenu .nav-submenu {
	padding-left: 15px;
}
/* Mega menu first-level parents (Head, Neck Pain, etc.) */
.mega-menu-wrapper>li.submenu-parent-first-level>a.nav-submenu__link {
	font-weight: 700 !important;
	/* bold */
	font-size: 1rem;
	/* slightly larger than children if you want */
	color: var(--heading-color);
}
/* Keep children (like Headache, Myofascial) normal */
.mega-menu-wrapper>li.submenu-parent-first-level ul.nav-submenu a.nav-submenu__link {
	font-weight: 400;
	font-size: 0.9rem;
}
.text-neutral-5000 {
	color: #000000;
}
.text-neutral-50000.submenu-intro {
	border-bottom: 1px solid #eee;
}
.submenu-intro .view-all a {
	color: #2F5597;
}
.submenu-intro .descriptor {
	line-height: 1.5;
}
 
/* ===== Custom Header Consultation Button ===== */
.header-consult-btn {
	border: 2px solid #345081;
	/* White border */
	color: #484848;
	/* White text */
	/* No background */
	font-size: 14px;
	line-height: 1.4;
	letter-spacing: 0.5px;
	transition: all 0.25s ease;
	background-color: var(--main-two-600);
	padding: 18px 32px;
	position: relative;
	overflow: hidden;
	border-radius: 0.5rem;
}
.header-consult-btn:hover {
	background: #ffffff;
	/* On hover: white background */
	color: #d9531e;
	/* Text turns orange (same as bar color) */
	text-decoration: none;
}
.header-consult-btn:active {
	transform: scale(0.97);
}
.consult-btn-icon {
	height: 18px;
	width: auto;
	/* filter: brightness(0) invert(1);
	*/
	/* Makes the icon white */
	transition: filter 0.3s ease;
	color: #545252;
}
.header-consult-btn:hover .consult-btn-icon {
	filter: brightness(1) invert(0);
	/* Icon turns dark when background turns white */
}
.header-tagline-gap {
	margin-left: 20px;
}
/* tighter */
.header-tagline-gap {
	margin-left: 40px;
}
/* wider */
.bg-neutral-5000 {
	border: 0 !important;
	background: #ef8404;
}
.orange-inner {
	background-color: #F47C00;
	/* your orange color */
}
.tw-pr-7_5 {
	padding-right: 30px;
}
/* ===== Control space between tagline and 'Call' section ===== */
.header-tagline-gap {
	margin-left: 30px;
	/* Adjust this value as you like */
	display: inline-block;
}
.video-thumbnail-wrapper {
	width: 492px;
	height: 257px;
	position: relative;
	z-index: 5;
	margin-left: 21%;
}
.video-thumbnail-border {
	/* border: 5px solid #fff;
	*/
	border-radius: 12px;
	overflow: hidden;
	width: 100%;
	height: 100%;
}
.video-thumbnail-img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}
.play-video-btn {
	font-size: 75px;
	color: #b63636e0;
	transition: transform 0.3s ease;
}
.play-video-btn:hover {
	transform: scale(1.1);
	color: #f5f5f5;
}
.text-neutral-4000 {
	color: #343538;
}
.fs-5 {
	font-size: 1rem !important;
}
.submenu-intro .descriptor {
	margin-top: 28px;
	font-weight: bold;
	padding: 0 24px;
	border-left: 2px solid rgb(47 85 151);
	/* orange accent line */
}
.mega-menu-wrapper .submenu-parent-first-level>a.nav-submenu__link {
	font-weight: 700 !important;
	/* strong bold */
	color: #1a1a1a;
	/* darker heading color for contrast */
	text-transform: capitalize;
	/* optional: make headings uniform */
	padding-bottom: 7px;
	margin-bottom: 0px;
	display: block;
}
p {
	margin: 0 0 25px 0px;
}
.btn-main-twow, .btn-main-twow:hover {
	color: #ffff !important;
	background: #ef8404;
}
.boxessefr:hover h4,.boxessefr:hover span,.boxessefr:hover li {
	color: #ffffff !important;
	/* or any color you want */
}
.boxessefr:hover i {
	color: #ffffff !important;
	/* optional - for icons */
}
.boxessefr:hover span i {
	color: #000000 !important;
	/* optional - for icons */
}
.boxessefr:hover .bg-light {
	background-color: #ffffff !important;
	/* optional - to blend with hover */
}
.innovation h6{
	font-size: 0.9rem;
}
.vc_tta-accordion p{
	font-size: 1rem;
}
@media (max-width: 767px) {
	
	.mlassistant.tw-py-16 {
		padding: 0px 0px 0px 0px !important;
	}
	.vc_row .vc_custom_1758487089964 {
		margin-bottom: 0px !important;
	}
	.play-video-btn {
		/* display: none !important;
		*/
	}
	.top-header-three {
		display: none !important;
	}
	.vc_row .vc_custom_1758490362870 {
		margin-top: -50px !important;
		padding-right: 0px !important;
		padding-left: 0px !important;
		text-align: center;
	}
	.vc_row .vc_custom_1758544391938 {
		padding-bottom: 36px !important;
	}
	.vc_row .vc_custom_1758491563223 {
		margin-top: 20px !important;
		padding-right: 0px !important;
		padding-left: 0px !important;
		text-align: center;
		margin-left: 0 !important;
		margin-right: 0 !important;
	}
	.vc_row .vc_custom_1758660173389 {
		padding-right: 0px !important;
		padding-left: 0px !important;
	}
	.vc_tta-panel-title a,.vc_tta-panel-title,.vc_tta-panel-heading {
		font-size: 1.2rem;
	}
	[data-vc-full-width="true"] {
		left: auto !important;
		right: auto !important;
		width: 100% !important;
		max-width: 100% !important;
		margin-left: auto !important;
		margin-right: auto !important;
		padding-left: 5px !important;
		/* match Bootstrap/Tailwind container padding */
		padding-right: 5px !important;
		box-sizing: border-box !important;
	}
	.vc_row .vc_custom_1758368901461 {
		padding-left: 0 !important;
		padding-right: 0 !important;
	}
	.vc_do_custom_heading {
		text-align: center !important;
		max-width: 98% !important;
	}
	.vc_do_custom_heading,.wpb_single_image {
		text-align: center !important;
	}
	.vc_custom_1758369926227,.vc_custom_1758461935863 {
		text-align: center !important;
		margin: 0 !important;
	}
	.vc_row .vc_custom_1758462186023 {
		padding-top: 30px !important;
		padding-right: 15px !important;
		padding-left: 15px !important;
	}
	.tw-mt-11.d-flex.flex-column.tw-gap-5 {
		text-align: left;
	}
	.tw-mt-11.d-flex.flex-column.tw-gap-5 span {
		font-size: 0.9rem !important;
		gap: var(--size-4) !important;
	}
	.tw-mt-10 {
		text-align: center !important;
	}
	.tw-mt-10 .btn-main-twos {
		margin-bottom: 20px !important;
		margin-top: -20px !important;
	}
	.therightry h2,.therightry p {
		text-align: center !important;
		padding-bottom: 6px;
	}
	.tw-text-xl {
		font-size: 1rem;
	}
	.vc_row .vc_custom_1758546170744 {
		padding-bottom: 30px !important;
	}
	.vc_row .vc_custom_1758491510084 {
		padding-bottom: 0px !important;
	}
	.tw-mt-4 {
		text-align: center !important;
	}
	.footeogo,.footertext,.footeogo img {
		text-align: center;
		margin: 0 auto;
		display: block;
	}
	.tw-pt-14 {
		padding-block-start: var(--size-1);
	}
	.socialiconss a {
		text-align: center;
		margin: 0 auto;
	}
	.footermenu,.footermenutwo,.hourss {
		text-align: center;
		margin-left: auto;
		margin-right: auto;
	}
	.progress-wrap::after {
		height: 46px;
		width: 40px;
	}
	.progress-wrap {
		inset-block-end: 67px;
	}
	h2 {
		font-size: 1.5rem;
		/* 24px on mobile */
		line-height: 1.4;
		margin-top: 2rem;
		/* 32px above on mobile */
		margin-bottom: 1rem;
		/* 16px below */
	}
	.top-50 {
		top: 33px !important;
	}
}
.header-left-padding {
	padding-left: 30px;
}
/* FIX menu items stacking */
.nav-menu {
	display: flex;
	align-items: center;
	gap: 2rem;
	/* normal spacing */
	width: auto !important;
	/* do NOT stretch full width */
	white-space: nowrap;
	/* keep items single-line */
}
.nav-menu > li {
	flex: 0 0 auto !important;
	/* stop auto-stretching */
	white-space: nowrap !important;
}
.logo-column img {
	max-height: 111px;
	height: auto;
}
.tw-rounded-b-2xlhe {
	-webkit-border-top-left-radius: 10px;
	-moz-border-radius-topleft: 10px;
	border-top-left-radius: 10px;
}
.tw-rounded-lgt {
	-webkit-border-top-left-radius: 10px;
	-webkit-border-top-right-radius: 10px;
	-moz-border-radius-topleft: 10px;
	-moz-border-radius-topright: 10px;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
}
.whyusa p{
	font-size: 1rem;
}
/* Fix icon circle size and alignment */
.tw-w-8.tw-h-8 {
	width: 2rem;
	height: 2rem;
	min-width: 2rem;
	flex-shrink: 0;
	display: flex;
	justify-content: center;
	align-items: center;
}
@media (max-width: 767px) {
	
	.top-contact-row {
		flex-wrap: wrap !important;
		justify-content: center !important;
		gap: 10px !important;
		padding: 8px 10px !important;
	}
	.top-contact-row div {
		flex: 0 1 auto;
		display: flex;
		align-items: center;
		gap: 4px;
		font-size: 13px;
		color: #222;
		white-space: nowrap;
	}
	.top-contact-row i {
		font-size: 15px;
		color: #d96c00;
		/* optional accent color */
	}
	.top-contact-row a,.top-contact-row span {
		font-size: 13px;
		line-height: 1.3;
		color: #222;
	}
}
/* Laptop screens (between 1024px and 1440px) */
@media (max-width: 1540px) and (min-width: 1200px) {


	
	.header-menu .nav-menu__link {
		font-size: 1.1rem !important;
		/* slightly smaller text */
		padding: 1.5rem 0.8rem !important;
		/* reduce vertical and horizontal padding */
	}
	.has-submenu>a::after {
		font-size: 0.6rem !important;
	}
	.nav-menu {
		gap: 1.6rem !important;
		/* reduce spacing between menu items */
	}
	.menu-holder {
     padding: 0 25px !important;
}
	.logo img {
		max-width: 160px !important;
		/* make logo slightly smaller */
	}
	.header-phone span,.header-phone a {
		font-size: 0.1rem !important;
	}
	.btn.header-doctor-btnf {
		padding: 0.4rem 1rem !important;
		font-size: 0.5rem !important;
	}
}
/* =======================================FIX: Mega Menu visibility on laptops / smaller screens======================================= */
@media (max-width: 1566px) and (min-width: 992px) {
	/* Contain the mega menu content and prevent overflow */
		.step-text {
    font-size: 14px !important;
 
}
.step-title {
 
    font-size: 1.2rem!important;
}
	.mega-menu-wrapper {
		padding: 1.5rem 2rem !important;
		/* reduce left/right padding */
		flex-wrap: wrap !important;
		gap: 1rem !important;
		overflow-x: auto !important;
		/* allow horizontal scroll if needed */
		max-height: 80vh;
		/* avoid going off screen */
	}
	.theendthreeb p {
		font-size: 0.7rem;
		line-height: 1.5;
		font-weight: 800;
		margin-bottom: 1.25rem;
	}
	.theendthreeb span {
		font-size: 0.7rem;
	}
	.theendthreeb h4 {
		font-size: 1rem;
		line-height: 1;
		font-weight: 800;
		margin-bottom: 1.25rem;
		margin-top: 0.5rem;
		margin-bottom: 0.50rem;
	}
 /* top level mega menu columns */
.mega-menu-wrapper > ul{
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start !important;
  gap: 1.5rem; /* same as tw-gap-6 */
}

/* key change: do NOT grow */
.mega-menu-wrapper > ul > li.mega-menu__col{
  flex: 0 1 180px !important;  /* was 1 1 180px */
}

	/* Each column slightly narrower */
	.mega-menu-wrapper>ul>li {
		flex: 1 1 180px !important;
	}
	/* Text readable but compact */
	.mega-menu-wrapper a.nav-submenu__link {
		font-size: 0.9rem !important;
		line-height: 1.4 !important;
		padding: 0.25rem 0 !important;
	}
	/* Intro section spacing tighter */
	.submenu-intro {
		padding: 0.75rem 1.5rem !important;
	}
	.submenu-intro .descriptor {
		font-size: 0.85rem !important;
		line-height: 1.4 !important;
	}
#menu-main>li.has-mega-menu>.mega-menu-wrapper {
    width: 100vw !important;
    left: 0 !important;
    right: 0 !important;
    margin: 0 auto;
    top: 100%;
}

 

}
@media (max-width: 1200px) {
	.video-thumbnail-wrapper {
		width: 386px;
		height: 203px;
		position: relative;
		z-index: 5;
		margin-left: 48%;
		margin-top: 91%;
	}
}
@media (max-width: 767px) {
	/* Center email text but keep the icon on the far left */
	.d-flex.align-items-center.justify-content-end.tw-gap-8 {
		flex-direction: column !important;
		align-items: center !important;
		text-align: center !important;
		gap: 10px !important;
	}
	.group:hover .group-hover-text-heading {
		color: hsl(0deg 0% 100%) !important;
	}
	/* Force the Explore Insights button to center on mobile */
	.vc_column-inner.vc_custom_1758985852973 .wpb_wrapper > div[style*="text-align: right"] {
		text-align: center !important;
	}
	.vc_column-inner.vc_custom_1758985852973 a.btn {
		display: flex !important;
		justify-content: center !important;
		margin: 0 auto !important;
		float: none !important;
	}
	/* Wrap email line in a container to position icon separately */
	.d-flex.align-items-center.tw-gap-2:nth-child(2) {
		position: relative !important;
		justify-content: center !important;
		width: 100% !important;
	}
	/* Move the email icon to the far left */
	.d-flex.align-items-center.tw-gap-2:nth-child(2) i {
		position: absolute !important;
		left: 10px !important;
		top: 50% !important;
		transform: translateY(-50%) !important;
	}
	/* Ensure email link stays centered */
	.d-flex.align-items-center.tw-gap-2:nth-child(2) a {
		display: inline-block !important;
		text-align: center !important;
		width: 100% !important;
	}
}
/* === Force mobile padding fix against WPBakery === */
@media (max-width: 1200px) {
	.vc_row.vc_custom_1758988372131 {
		padding-left: 0 !important;
		padding-right: 0 !important;
	}
	.tw-p-10 {
		padding: 25px;
	}
	.animate__flipInY {
		max-height: 49px;
	}
	.googlerev p {
		font-size: 0.8rem !important;
	}
}
/* ===== Absolute Fix for Contact Form 7 White Gap ===== */
.wpcf7 {
	position: relative !important;
	overflow: hidden !important;
	margin-bottom: 20px !important;
	padding-bottom:20px !important;
}
.wpcf7-response-output {
	position: absolute !important;
	bottom: 0 !important;
	left: 50% !important;
	transform: translateX(-50%) !important;
	margin: 0 !important;
	padding: 10px 20px !important;
	text-align: center !important;
	border-radius: 6px !important;
	background: #fff !important;
	border: 1px solid #ef8404 !important;
	color: #000 !important;
	width: auto !important;
	max-width: 90% !important;
	z-index: 10 !important;
}
/* Prevent bottom layout shift on success/error */
.wpcf7 form.invalid,.wpcf7 form.sent,.wpcf7 form.failed {
	margin-bottom: 20px !important;
	padding-bottom:20px !important;
}
/* Prevent WPBakery wrapper from adding space */
.vc_column-inner:has(.wpcf7),.wpb_wrapper:has(.wpcf7) {
	margin-bottom: 0 !important;
	padding-bottom: 0 !important;
}
.sliderx ul.tw-text-lg {
	list-style: none;
	/* remove default bullets */
	padding-left: 0;
	margin-top: 1.5rem;
	max-width: 583px;
	color: #303945;
	font-size: 1.4rem;
	/* ~18px */
	line-height: 1.75rem;
	font-weight:600;
}
.sliderx ul.tw-text-lg li {
	position: relative;
	padding-left: 3rem;
	/* space for the icon */
	margin-bottom: 0.75rem;
}
/* Custom Bootstrap check icon */
.sliderx ul.tw-text-lg li::before {
	content: "\f26e";
	/* Unicode for bi-check */
	font-family: "bootstrap-icons";
	position: absolute;
	left: 0;
	top: 0.25rem;
}
/* ------------------------------------------Sticky Header Transformation------------------------------------------- */
/* Step 1: Hide the entire large top section */
.fixed-header .header-aligned {
	display: none !important;
}
/* Step 2: Make the blue header full width and shrink height */
.fixed-header header.header {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	background: #2F5597 !important;
	padding: 10px 0 !important;
	z-index: 9999;
	box-shadow: 0 3px 20px rgba(0,0,0,0.15);
}
/* Step 3: Show small scroll logo */
.fixed-header .small-scroll-logo {
	display: inline-block !important;
}
/* Step 4: Hide big logo when scrolling */
.fixed-header .logo-column {
	display: none !important;
}
/* Step 5: Align small logo same as reference header */
.fixed-header nav {
	display: flex !important;
	align-items: center !important;
	justify-content: flex-start !important;
	gap: 25px !important;
	background: transparent;
}
/* Step 6: Make menu and right side align next to logo */
.fixed-header .header-menu {
	margin-left: 10px !important;
}
/* Step 7: Fix mobile switch */
.fixed-header .toggle-mobileMenu {
	margin-left: auto !important;
}
/* ================= Sticky Header Behaviour (Match Reference) ================= */
.header {
	transition: all 0.3s ease;
	margin-top: 21px;
	margin-bottom: 32px;
}
.header.fixed-header .menu-holder {
	background:transparent;
}
/* When scroll adds .fixed-header */
.header.fixed-header {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 99;
	animation: slideDown 0.35s ease-out;
	/* MATCH REFERENCE */
	background-color: #15375c !important;
	box-shadow: 0 5px 16px rgba(0, 0, 0, 0.1);
	padding-top: 10px !important;
	padding-bottom: 10px !important;
	visibility: visible;
	display: inline-block;
	margin-top: 0;
	background: #15375c;
}
/* Slide down animation */
@keyframes slideDown {
	from {
		transform: translateY(-100%);
	}
	to {
		transform: translateY(0);
	}
}
/* Hide the large top section when sticky */
.header.fixed-header ~ .header-aligned,.header.fixed-header .header-aligned {
	display: none !important;
}
/* ================= SMALL SCROLL LOGO ================= */
/* When sticky: show small logo */
.header.fixed-header .small-scroll-logo {
	display: inline-block !important;
}
/* Hide big logo inside sticky header */
.header.fixed-header .logo-column {
	display: none !important;
}
/* ================= Nav & Alignment ================= */
.header.fixed-header nav {
	display: flex !important;
	align-items: center;
	justify-content: flex-start;
	gap: 30px;
	background: transparent;
}
.header.fixed-header .header-menu {
	margin-left: 25px;
}
/* For mobile: keep burger on right side */
.header.fixed-header .toggle-mobileMenu {
	margin-left: auto !important;
}
/* Fix menu item stacking in sticky header */
.header.fixed-header .nav-menu__link {
	color:#fff;
}
/* Fix nav wrapper height */
.header.fixed-header nav {
	display: flex !important;
	align-items: center !important;
	min-height: 40px !important;
}
/* Fix sticky header menu overlapping & wrapping */
.header.fixed-header .nav-menu {
	display: flex !important;
	align-items: center !important;
	height: 70px !important;
	/* gives stable height */
	white-space: nowrap !important;
	/* prevents wrapping */
}
/* Make caret icons align properly too */
.header.fixed-header .nav-menu__item i {
	line-height: normal !important;
	margin-left: 6px;
}
.fixed-header .bg-main-600{
	background-color: transparent !important;
}
.header.fixed-header .header-menu {
	width: auto !important;
	flex: 1 1 auto !important;
	transition: none !important;
}
/* Move menu away from logo and control spacing */
.header nav {
	display: flex;
	align-items: center;
	gap: 31px;
	/* adjust space between logo and menu */
}
.nav-menu {
	display: flex;
	align-items: center;
	gap: 42px;
	/* space between menu items */
	width: auto !important;
	/* prevent full-width stretching */
	white-space: nowrap;
}
.nav-menu > li {
	flex: 0 0 auto !important;
	/* prevent spreading */
}
 

.header-logo img {
	display: inline-block !important;
	max-height: 85px;
	width: auto;
	margin: -5px 0 0px 0;
}
/* Force the intro text and "View All Treatments" to stay inside the mega box */
#menu-main > li.has-mega-menu .mega-menu-wrapper .submenu-intro {
	width: 100%;
	max-width: 100%;
	padding-left: 0 !important;
	padding-right: 0 !important;
	box-sizing: border-box;
}
/* Fix descriptor width + prevent overflow */
#menu-main > li.has-mega-menu .mega-menu-wrapper .descriptor {
	max-width: 100%;
	white-space: normal;
	display: block;
}

@media (min-width: 1400px) {
  .site-main > .container {
    max-width: 1767px;
  }

/* Fix nested container width inside header/hero sections */
.custominheader > .container {
  max-width: 100% !important;
  padding-left: 30px;
  padding-right: 0;
}
}
.custominheader > .container {
  display: flex;
  justify-content: start;
}

/* Desktop only */
@media (min-width: 1200px) {
	/* Default: show main logo, hide sticky logo */
	header .main-logo {
		display: inline-block !important;
	}
	header .sticky-logo {
		display: none !important;
	}
	/* When sticky: hide main logo, show sticky logo */
	header.fixed-header .main-logo {
		display: none !important;
	}
	header.fixed-header .sticky-logo {
		display: inline-block !important;
		margin: 0;
	}
}
/* Desktop only */
@media (min-width: 1200px) {
	/* Default: show main logo, hide sticky logo */
	header .main-logo {
		display: inline-block !important;
	}
	header .sticky-logo {
		display: none !important;
	}
	/* When sticky: hide main logo, show sticky logo */
	header.fixed-header .main-logo {
		display: none !important;
	}
	header.fixed-header .sticky-logo {
		display: inline-block !important;
	}
}
.btn.rightbuttonh{
	background: #d1985d;
	color: #fff;
	width: fit-content;
	border: 1px solid #b87533;
	transition: color .15sease-in-out, background-color .15sease-in-out, border-color .15sease-in-out, box-shadow .15sease-in-out;
	padding: 9px 20px 9px 20px;
	border-radius:25px;
	font-size:14px;
}
.btn.rightbuttonh:hover {
	color: #fff;
	background: #536c88;
	border: 1px solid #15375c;
	transition: all .2s ease;
}
/* TOP BLUE BAR (RIGHT ALIGNED WITH ANGLE) */
.top-blue-bar {
	position: relative;
	width: 100%;
	background: transparent;
	/* no background here */
	margin-bottom: 5px;
}
.top-blue-bar .top-inner {
	display: flex;
	justify-content: flex-end;
	position: relative;
}
/* thin blue strip (top) */
.top-blue-bar::before {
	content: "";
	width: 100%;
	height: 5px;
	background: #d1985d;
	position: absolute;
	top: 0;
	left: 0;
}
/* Top blue bar list items font size */
.top-blue-bar.d-none.d-xl-block .top-inner ul > li,
.top-blue-bar.d-none.d-xl-block .top-inner ul > li > span {
  font-size: inherit ;
}
/* Remove list markers in the top blue bar */
.top-blue-bar ul,
.top-blue-bar ul li {
  list-style: none !important;
  margin: 0;
  padding: 0;
}

/* BLUE AREA (HALF RIGHT SIDE ONLY) */
.top-blue-bar .top-inner ul {
	margin: 0;
	padding: 6px 20px 4px 0;
	background: #d1985d;
	display: flex;
	position: relative;
}
/* ANGLED TRIANGLE */
.top-blue-bar .top-inner ul::before {
	content: "";
	width: 0;
	height: 0;
	border-top: 38px solid #d1985d;
	border-left: 29px solid transparent;
	position: absolute;
	left: -28px;
	top: 0;
}
		.page-template-default.page-child .site-main, .page-template-default.page-parent .site-main h3{ 
    font-size: 1.6rem !important;
    line-height: 1.9rem;
    font-weight: 800;
    color: var(--text-main-600);
    margin-bottom: 1.25rem;
    margin-top: 1rem!important;
    margin-bottom: 0.25rem;
}
/* Menu items */
.top-blue-bar .top-inner ul li {
	padding-left: 30px;
	padding-bottom: 4px;
	position: relative;
}
/* chevron before each link */
.top-blue-bar .top-inner ul li::before {
    content: "";
    background-image: url(https://netpear.uk/pain-consultants/wp-content/uploads/2026/01/chevron.svg);
    width: 8px;
    height: 8px;
    position: absolute;
    left: 18px;
    top: 8px;
    background-size: contain;
    background-repeat: no-repeat;
    transform: none;
}

/* links */
.top-blue-bar .top-inner ul li a {
	color: #fff;
	/* text-transform: uppercase;
	*/
	font-size: 13px;
	text-decoration: none;
	transition: .2s ease;
}
.top-blue-bar .top-inner ul li a:hover {
	color: #040404;
}
/* Bootstrap-style caret for main menu items */
.bs-caret {
	display: inline-block !important;
	margin-left: 6px;
	margin-top: -2px;
	vertical-align: middle;
	width: 0;
	height: 0;
	border-top: 5px solid currentColor;
	border-left: 4px solid transparent;
	border-right: 4px solid transparent;
}
/* Keep overall header transparent */
.desktop-header-inner {
	background: transparent !important;
}
/* New background bar for menu + button */
.menu-holder {
	background: #15375c;
	padding: 0 25px;
	border-radius: 10px;
	height: 100%;
	display: flex;
	align-items: center;
}
/* Fix spacing inside */
.header-menu a,.menu-holder .btn {
	line-height: 14px !important;
}
.bottomrow p{
	font-size:1rem;
}
@media (max-width: 767px) {
	.bottomrow {
		flex-direction: column !important;
		justify-content: center !important;
		text-align: center !important;
		gap: 12px;
		/* spacing between text and menu */
	}
	.bottomrow p {
		width: 100%;
		text-align: center !important;
	}
	.bottomrow ul {
		justify-content: center !important;
		width: 100%;
	}
}
.bg-whitenot{
	background:#092e3e;
}
.mobile-header.sticky {
	position: fixed;
	top: 20;
	left: 0;
	right: 0;
	width: 100%;
	z-index: 9999;
	background: white;
	box-shadow: 0 2px 10px rgba(0,0,0,0.07);
	transition: all 0.25s ease;
}
.mobile-menu {
	top: 78px !important;
}
@media (max-width: 1199px) {
	.submenu-intro {
		display: none !important;
	}
	.mega-menu-wrapper .submenu-parent-first-level>a.nav-submenu__link {
		font-weight: 200 !important;
	}
}
@media (min-width: 992px) {
	.d-lg-none {
		display: block !important;
		/* undo bootstrap */
	}
}
@media (min-width: 1200px) {
	.d-lg-none {
		display: none !important;
		/* your rule */
	}
}
@media (max-width: 768px) {
	/* Dark overlay ONLY on background image */
	.banner-three-slider .background-img {
		position: relative !important;
	}
	.banner-three-slider .background-img::before {
		content: "";
		position: absolute;
		inset: 0;
		background: rgb(0 0 0 / 35%);
		/* darker overlay */
		z-index: 0;
		/* stays behind everything */
		pointer-events: none;
	}
}
	@media (max-width: 768px) {
		.banner-three-slider h1,.banner-three-slider span,.banner-three-slider ul li,.banner-three-slider .button__label {
			text-align: center !important;
			color: #ffffff !important;
			position: relative;
			margin: 0 auto;
			display: block !important;
			padding: 0px 0 0 0px;
		}
		.banner-three-slider ul {
			padding-left: 0 !important;
			list-style-position: inside !important;
		}
	}
	/* Fix list bullet color */
	.banner-three-slider ul {
		list-style-position: inside !important;
	}
	.banner-three-slider ul li::marker {
		color: white !important;
	
	/* Video thumbnail should NOT be darkened */
	.video-thumbnail-wrapper {
		top: auto !important;
		bottom: 8px !important;
		left: 50% !important;
		transform: translateX(-50%) !important;
		margin: 0 auto !important;
		position: absolute !important;
		z-index: 5 !important;
		/* ABOVE overlay */
	}
	.video-thumbnail-img {
		width: 358px !important;
		height: auto !important;
		filter: none !important;
		/* ensures no dark overlay effect */
		border: 4px solid white;
	}
	.video-thumbnail-border {
		padding: 6px !important;
		border-radius: 12px !important;
		transform: scale(0.85);
		/* background: white !important;
		*/
		/* keeps frame bright */
		z-index: 6 !important;
	}
	.play-video-btn {
		position: absolute !important;
		top: 49% !important;
		left: 55% !important;
		transform: translate(-50%, -50%) !important;
		z-index: 7 !important;
		font-size: 26px !important;
		color: #b63636e0 !important;
		pointer-events: auto;
	}
.play-video-btn i.bi-play-circle-fill {
  font-size: 48px !important;
  color: #a44d4d !important;
  position: relative;
  z-index: 10;
}

.play-video-btn::after {
  content: "";
  position: absolute;
  top: 46%;
  left: 44%;
  width: 54px;
  height: 54px;
  border: 2px solid rgba(255, 255, 255, 0.5);
  border-radius: 50%;
  transform: translate(-50%, -50%) scale(1);
  opacity: 1;
  animation: pulse 2s infinite;
  z-index: -1;
}
}
	@media (max-width: 768px) {
		/* Fix underline under the word "Pain" */
		h1 .position-relative {
			display: inline-block !important;
			text-align: center !important;
		}
		h1 .position-relative .position-absolute {
			left: 0 !important;
			right: 0 !important;
			margin: 0 auto !important;
			width: 100% !important;
			height: 0.2em !important;
			/* smaller underline */
			bottom: 0.1em !important;
			/* moves underline closer to text */
			transform: none !important;
		}
		.tw-py-200-px {
			padding-block: clamp(4.25rem, -0.5192rem + 12.0192vw, 7.5rem);
		}
	}
	.banner-three-slider .max-w-670-px {
		padding: 0 10px !important;
	}
	@media (max-width: 768px) {
		.banner-three-slider .tw-text-lg.tw-mt-5.text-neutral-600.max-w-520-px.list-disc.tw-ps-5 {
			display: none !important;
		}
	}
	@media (max-width: 768px) {
		/* Reduce the huge padding on mobile */
		.banner-three-slider .tw-py-200-px {
			padding-top: 0 !important;
			padding-bottom: 185px !important;
		}
		.therightry {
			text-align: center;
			padding:0;
			margin:0;
			float: none;
		}
		/* Make sure slider fits content nicely */
		.banner-three-slider .swiper-slide {
			height: auto !important;
		}
		.banner-three-slider .background-img {
			min-height: 449px !important;
			/* Adjust as needed */
			display: flex;
			flex-direction: column;
			justify-content: center;
		}
	}
	
	
	/* Wider single post layout on large desktops */

	




	/* ===== DESKTOP MEGA MENU FORCE FIX (PASTE AT VERY END) ===== */
@media (min-width: 1200px) {
	  #menu-main > li.has-mega-menu > .mega-menu-wrapper,
  #menu-main > li.mega-menu > .mega-menu-wrapper {
    top: calc(100% - 10px) !important;
  }
#menu-main .hover--translate-y-1:hover {
  transform: none !important;
}

	  /* Hover bridge (prevents mouse gap closing the menu) */
  #menu-main > li.has-mega-menu > .mega-menu-wrapper::before,
  #menu-main > li.mega-menu > .mega-menu-wrapper::before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: -12px;
    height: 12px;
  }


  /* Make sure nothing clips the dropdown */
  .menu-holder,
  .desktop-header-inner,
  header.header,
  nav,
  .header-menu {
    overflow: visible !important;
  }

  /* Hidden state */
  #menu-main > li.has-mega-menu > .mega-menu-wrapper,
  #menu-main > li.mega-menu > .mega-menu-wrapper {
    display: block !important;
    visibility: hidden !important;
    opacity: 0 !important;
    pointer-events: none !important;
   transform: scaleY(0.98) !important;
transform-origin: top !important;

    transition: opacity .25s ease, transform .25s ease !important;
    z-index: 99999 !important;
  }

  /* Visible on hover + keyboard focus */
  #menu-main > li.has-mega-menu:hover > .mega-menu-wrapper,
  #menu-main > li.mega-menu:hover > .mega-menu-wrapper,
  #menu-main > li.has-mega-menu:focus-within > .mega-menu-wrapper,
  #menu-main > li.mega-menu:focus-within > .mega-menu-wrapper {
    visibility: visible !important;
    opacity: 1 !important;
    pointer-events: auto !important;
transform: scaleY(1) !important;
transform-origin: top !important;
  }
}



/* Fix menu look between 1200px and 1465px */
@media (min-width: 1200px) and (max-width: 1465px) {

  /* Main top menu spacing (prevents cramped/ugly look) */
  .menu-holder { padding: 0 16px !important; }
  .nav-menu { gap: 1.1rem !important; }
  .header-menu .nav-menu__link {
    font-size: 1rem !important;
    padding: 1rem 0.6rem !important;
  }

  /* Undo the overlap hack for this range */
  #menu-main > li.has-mega-menu > .mega-menu-wrapper,
  #menu-main > li.mega-menu > .mega-menu-wrapper {
    top: 100% !important;
  }

  /* Mega menu layout: columns should NOT stretch */
  #menu-main > li.has-mega-menu > .mega-menu-wrapper,
  #menu-main > li.mega-menu > .mega-menu-wrapper {
    justify-content: flex-start !important;
    align-content: flex-start !important;
    gap: 1.25rem !important;
    padding: 18px 18px !important;
    overflow-x: hidden !important; /* stop horizontal scroll ugliness */
  }

  /* IMPORTANT: correct selector (wrapper is UL, children are LI) */
  #menu-main > li.has-mega-menu > .mega-menu-wrapper > li,
  #menu-main > li.mega-menu > .mega-menu-wrapper > li {
    flex: 0 1 190px !important; /* fixed-ish columns */
  }

  /* Slightly tighter submenu text */
  #menu-main > li.has-mega-menu > .mega-menu-wrapper a.nav-submenu__link,
  #menu-main > li.mega-menu > .mega-menu-wrapper a.nav-submenu__link {
    font-size: 0.92rem !important;
    line-height: 1.35 !important;
  }
	    #menu-main > li.has-mega-menu > .mega-menu-wrapper, #menu-main > li.mega-menu > .mega-menu-wrapper {
        top: calc(100% - 20px) !important;
    }
}
/* Nice soft “floating” shadow for the mega menu wrapper */
#menu-main > li.has-mega-menu > .mega-menu-wrapper,
#menu-main > li.mega-menu > .mega-menu-wrapper,
.mega-menu-wrapper {
  box-shadow:
    0 18px 45px rgba(17, 24, 39, 0.14),
    0 8px 18px rgba(17, 24, 39, 0.10),
    0 2px 6px rgba(17, 24, 39, 0.08) !important;
  border: 1px solid rgba(17, 24, 39, 0.06);
}