:root{
    --primary:#056839;
    --primary-hover:#044F2B;
    --secondary:#FFF200;
    --secondary-hover:#E5D500;
    --heading:#033D20;
    --text:#4B5563;
    --white:#FFFFFF;
    --light:#F8FAF8;
    --border:#E5E7EB;
}

/** **/
h1, .hero-banner h2{
    font-size: clamp(2.8rem, 5vw, 4.7rem); 
    line-height: 1.1;
    font-weight: 700;
}

h2{
    font-size: clamp(2.4rem, 4vw, 3.8rem);  
    line-height: 1.2;
    font-weight: 700;
}

h3 {
    font-size: clamp(2rem, 2.6vw, 2.75rem);
    line-height: 1.25;
    font-weight: 600;
}

h4{
    font-size: clamp(1.8rem, 2.4vw, 2.125rem); 
    line-height: 1.3;
    font-weight: 600;
}

h5{
    font-size: clamp(1.25rem, 2vw, 1.75rem);
    line-height: 1.4;
    font-weight: 600;
}

h6{
    font-size: clamp(1.125rem, 1.5vw, 1.375rem); 
    line-height: 1.4;
    font-weight: 600;
}
/** header css **/
.custom-logo-link img {
    display: block;
    width: 100px;
}
.site-identity {
    padding:0;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.site-header .top-navigation-right {
    flex: 1;
    max-width: 85%;
    display: flex;
    justify-content: flex-end;
}
.site-title-wrap {
    max-width: 15%;
}
.site-header {
    background: #fff;
}
.post .entry-header {
    display: none;
}
#page {
    padding-top: 0;
}
.container {
    padding: 0 50px;
}
#primary {
    width: 100%;
    max-width: 1600px;
}
.main-navigation .menu-item a:hover:before, .main-navigation .menu-item.current_page_item.current-menu-item a:before {
    transform: scaleX(1);
}
.main-navigation .menu-item a {
    position: relative;
}
.main-navigation .menu-item a:before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 2px;
    background: var(--primary);
    transform: scaleX(0);
    transform-origin: left;
    transition: transform 0.4s ease;
}
.wpb_text_column.wpb_content_element.para-text {
    max-width:90%;
    margin: 0 auto;
}
.subheading-top {
    color: #0B7A43;
    text-align: center;
    max-width: max-content;
    margin: 0 auto 10px;
    position: relative;
}
.subheading-top:before {
    content: "";
    background: #fff200;
    height: 10px;
    width: 100%;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: -1;
}
/* ===========================
   Sticky Header
=========================== */

#masthead{
    position: relative;
    width: 100%;
    z-index: 999;
    background: #fff;
    transition: all .35s ease;
}

#masthead .custom-logo-link img{
    max-width: 100px; 
    transition: max-width .35s ease;
}

#masthead.sticky-header{
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    background: #fff;
    box-shadow: 0 4px 20px rgba(0,0,0,.08);
    animation: stickySlideDown .35s ease forwards;
}

#masthead.sticky-header .custom-logo-link img{
    max-width: 80px;
}

body.header-space{
    padding-top: 110px; 
}

@keyframes stickySlideDown{
    from{
        transform: translateY(-100%);
        opacity: 0;
    }
    to{
        transform: translateY(0);
        opacity: 1;
    }
}
#masthead{
    padding:12px 0;
    transition: all .35s ease;
}

#masthead.sticky-header{
    padding:8px 0;
}

.subheading-top.left-align {
    margin-left: 0;
}
/** meet section css start **/
.meet-image-box .wpb_single_image img{
	max-width:800px;
    height:705px;
    object-fit: cover;
	border-radius:10px;
}
/** btn css **/
.button-green .vc_btn3 {
    background: #056839 !important;
    color: #ffffff !important;
    font-size: 18px;
    line-height: 28px;
    font-weight: 600;
    display: inline-block;
    border-radius:5px!important;
    position: relative;
    overflow: hidden;
    z-index: 1;
    transition: all 0.3s ease;
    text-align: center;
    border: none !important;
}
.button-green i.vc_btn3-icon , .simple-text-btn .vc_btn3 i.vc_btn3-icon{
    font-size: 16px!important;
}
.button-green .vc_btn3::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 10%;
    background: #fff200;
    z-index: -1;
    transition: all 0.3s ease;
}

.button-green .vc_btn3:hover {
    color: #056839!important;
    transform: translateY(-3px);
}

.button-green .vc_btn3:hover::after {
    height: 100%;
}
.simple-text-btn .vc_btn3 i.vc_btn3-icon {
    display: inline-block;
    transform: rotate(-45deg);
    transition: 0.3s;
    position: relative;
    right: -5px!important;
    top: 3px!important;
}
.simple-text-btn:hover .vc_btn3 i.vc_btn3-icon{
    transform: rotate(0deg);
    transition: 0.3s;
}
.ready-cta{
	position:relative;
	z-index:0;
	background-repeat: no-repeat;
    background-attachment: fixed;
}
.ready-cta::after {
    position: absolute;
    content: "";
    z-index: -1;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    background: linear-gradient(92deg, rgb(21 104 65 / 77%) -7.66%, rgba(19, 44, 18, 0) 100.88%);
}
.vc_btn3-container.button-green {
    margin-bottom: 0;
}
.vc_do_message.pain-box {
    background-color: transparent!important;
    border-color: #ffffff3b!important;
}
.vc_color-black.vc_message_box .vc_message_box-icon {
    background: #fff200;
    height: 60px;
    width: 60px;
    border-radius: 50%;
    top: 30%;
    left: 15px;
}
.vc_do_message.pain-box{
    padding-left: 6em;
	position:relative;
	z-index:0;
}
.vc_color-black.vc_message_box .vc_message_box-icon i{
	color: #056839;
}
.vc_do_message.pain-box:hover .vc_message_box-icon {
    transform: rotateY(-180deg)!important;
    transition: 0.3s;
	background:#056839;
}
.vc_do_message.pain-box:hover .vc_message_box-icon i{
	color:#fff200;
}
.vc_do_message.pain-box:hover::after {
    height: 100%;
    top: 0px;
    bottom: auto;
    transition: 0.3s;
}
.vc_do_message.pain-box::after {
    position: absolute;
    content: "";
    left: 0px;
    top: auto;
    bottom: 0px;
    height: 0px;
    width: 100%;
    z-index: -1;
    background:#fff;
    transition: 0.3s;
}
.vc_do_message.pain-box:hover{
	color:#056839!important;
}
.path-section .subheading-top {
    color:#fff200!important;
}
.path-section .subheading-top:before {
    background: #111;
}
.vc_section.path-section{
    background-image: url(https://gbphysio.martian.website/wp-content/uploads/2026/07/work-shape-bg.svg);
}
.center-imag-box img {
    position: absolute;
    left: 0;
    top: 60px;
}
.simple-text-btn .vc_btn3 {
    background: transparent!important;
    padding-top: 0!important;
	padding-bottom: 0!important;
	padding-left: 0!important;
}
.simple-text-btn .vc_btn3.vc_btn3-shape-rounded {
    padding-right:0px!important;
}
.site-content {
    padding-bottom: 0!important;
}
.vc_section.ready-cta{
    margin-bottom: -10px;
}
/** footer **/
.footer-widgets ul {
    list-style: none;
    margin: 0;
}
.footer-widgets ul li {
    display: flex;
}
.footer-column .contact__list li a {
    transition: 0.3s ease-in-out;
}
.footer-widgets ul li a {
    display: flex;
    gap: 10px;
    color: #fff;
    position: relative;
}
.footer-widgets .footer-column {
    padding-top:4%;
}
.site-footer {
    background:#132c12;
    color: #fff!important;
}
.footer-widgets .widget_media_image img {
    max-width: 100px;
}
.site-footer .widget-title {
    color: #fff;
    font-size: clamp(1.5rem, 2.5vw, 2.125rem);
}
.footer-widgets section + section {
    margin-top: 25px;
}
.footer-column:nth-child(3) {
    padding-left: 80px;
}
.site-footer a:hover {
    color:var(--secondary);
    text-decoration: underline;
}
.footer-widgets {
    margin-bottom: 4%;
}
.footer .wp-block-social-links .wp-block-social-link.wp-social-link {
    display: inline-block;
    margin: 0;
    padding: 0;
    background: var(--secondary);
    color: var(--primary);
}
.footer-bottom {
    padding-top:10px;
}
.site-footer {
    padding-bottom:10px;
}
/** hero banner **/
.hero-banner:before {
    content: "";
    background-image: url(/wp-content/uploads/2026/07/banner-shape.png);
    position: absolute;
    width: 100%;
    height: 700px;
    top: 0;
    background-position: center;
    background-size: cover;
    left: -13%;
}
.text-white{
	color:#fff;
}
.hero-banner .button-green .vc_btn3 {
    background: #ffffff !important;
    color: #056839 !important;
}
.site-info {
    font-size: 14px;
}
.path-section .wpb_single_image .vc_single_image-wrapper, .path-section .wpb_single_image img, .path-section figure.wpb_wrapper.vc_figure {
		border-radius: 10px;
	}
/** service page css start **/
.button-green.yellow-btn .vc_btn3 {
    background: #fff200 !important;
    color: #000!important;
}
.button-green.yellow-btn .vc_btn3::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 10%;
    background: #132c12;
    z-index: -1;
    transition: all 0.3s ease;
}
.button-green.yellow-btn .vc_btn3:hover::after {
    height: 100%;
}
.button-green.yellow-btn .vc_btn3:hover{
	color:#fff200!important;
}
.inner-hero-banner{
    position:relative;
	z-index:0;
}
.inner-hero-banner:before {
    background: linear-gradient(92deg, rgb(21 104 65) -7.66%, rgba(19, 44, 18, 0) 100.88%);
    height: 100%;
    width: 100%;
    top: 0;
    background-position: center;
    background-size: cover;
    left: 0;
    content: "";
    z-index: -1;
    position: absolute;
}
/** css **/

@media (max-width:1200px){
	.main-navigation .menu-item a {
		font-size: 15px;
		padding: 0;
	}
	.main-navigation ul li {
		padding: 0 10px;
	}
	.site-header .top-navigation-right {
		max-width: 90%;
	}
	.container {padding: 0 20px;}
	.site-title-wrap { max-width: 10%;}
body, p {
    font-size: 16px;
	line-height:1.5;
}
.footer-column:nth-child(3) {
    padding-left: 40px;
}
.center-imag-box img {
    top: 130px;
}	
.path-section .vc_custom_1783593017066 {
	padding-right:20px!important;
}


}



@media(max-width: 1000px) {
.menu-toggle.button-toggle span .gbicon-bars {font-size: 30px;color:var(--primary);}
.menu-toggle.button-toggle span {font-size: 0;}
.button-toggle {color: var(--primary);}
.drawer {display:block !important; position:fixed; top:0; left:0; width:100%; max-width:100%; height:100vh; background:var(--primary); z-index:99999; overflow-y:auto; transform:translateX(-100%); opacity:0; visibility:hidden; transition:transform 0.4s ease, opacity 0.4s ease, visibility 0s linear 0.4s;}
.drawer .drawer-navigation ul li {border-bottom:solid 1px #ffffff78;}
.drawer .drawer-navigation ul li a {color:var(--white); opacity:1;}
.mobile-navigation.toggle-active+.drawer-wrap .drawer {transform:translateX(0); opacity:1; visibility:visible; transition:transform 0.4s ease, opacity 0.4s ease, visibility 0s linear 0s;}
.btn-and-toggle {display:none;}
.mobile-navigation {background-color:transparent !important; position:absolute; right:40px; width:max-content; top:50%; transform:translatey(-50%); padding:0; z-index: 999999;}
footer .footer-widgets {padding-top:0; margin-bottom:0;}
#masthead .custom-logo-link img {max-width: 70px;}

.vc_section.hero-banner:before {
	background: linear-gradient(92deg, rgb(21 104 65) -7.66%, rgba(19, 44, 18, 0) 100.88%);
	left: 0;
	height:100%;
}
.inner-hero-banner:before {
	background: linear-gradient(92deg, rgb(21 104 65) -7.66%, rgba(19, 44, 18, 0) 100.88%);
	left: 0;
	height:100%;
}
.vc_section.hero-banner {
		padding-top: 50px!important;
		padding-bottom:50px!important;
	}
.footer-column:nth-child(3) {
    padding-left:0px;
}
.footer-widgets .footer-column:not(:last-child) {
    margin-bottom:20px;
}
.vc_custom_1783580860111 {
    padding-top: 30px !important;
    padding-right: 30px !important;
    padding-bottom:30px !important;
    padding-left: 30px !important;
}	
.meet-image-box .wpb_single_image img {
    max-width: 140%;
}
.wpb_single_image.vc_align_center {
    text-align: center;
    margin: 0;
}
.footer-bottom:has(.footer-tagline) {
    padding-top: 15px;
}
}

@media (max-width:767px){
	#masthead.sticky-header .custom-logo-link img {
		max-width:60px;
	}
	.center-imag-box img {
		position: relative;
		left: inherit;
		top: inherit;
	}
	.meet-image-box .wpb_single_image img {
		max-width: 100%;
		height: auto;
	}
	.meet-content-box>.vc_column-inner {
		margin: 15px!important;
	}
	.path-section .vc_custom_1783593017066 {
		padding-right: 15px!important;
	}
	.path-section .wpb_single_image .vc_single_image-wrapper, .path-section .wpb_single_image img, .path-section figure.wpb_wrapper.vc_figure {
		width: 100%;
	}
	.path-section .wpb_single_image {
		margin-bottom: 0;
	}
	.vc_column-inner.vc_custom_1783580860111 {
		padding: 40px 20px!important;
	}
	.vc_section.hero-banner.vc_custom_1783602749117 {
		background-position: 67% 100%!important;
	}
	.focus-care-box.wpb_column .wpb_wrapper, .focus-care-box.wpb_column .vc_icon_element , .focus-care-box.wpb_column .vc_do_custom_heading{
		text-align: center!important;
	}
	
	
}