*,*::before,*::after { box-sizing: border-box; margin: 0; padding: 0; }
:root { --green:       #506051;
--green-30:    rgba(80,96,81,.3);
--green-faint: rgba(213,231,212,.2);
--text:        #615e56;
--text-80:     rgba(97,94,86,.8);
--text-60:     rgba(97,94,86,.6);
--dark:        #1d1b15;
--white:       #ffffff;
--offwhite:    #fcf9f8;
--beige:       #e8e2d7;
--grey:        #eae7e7;
--rose:        #f6f3f2;
--border:      #c3c8c0;
--border-sec:  rgba(73,71,63,.1); --serif: 'Libre Caslon Text', Georgia, serif;
--sans:  'Manrope', system-ui, sans-serif; --px: clamp(24px, 8.33vw, 160px);
--py: clamp(64px, 6.51vw, 125px);
}
html { scroll-behavior: smooth; }
body {
font-family: var(--sans);
background: var(--white);
color: var(--text);
-webkit-font-smoothing: antialiased;
overflow-x: hidden;
}
img    { max-width: 100%; display: block; }
a      { text-decoration: none; color: inherit; }
button { font-family: var(--sans); cursor: pointer; }  .sec-h2 {
font-family: var(--serif);
font-size: 48px;
line-height: 1.46;
color: var(--green);
font-weight: 400;
margin-bottom: 12px;
} .sec-sub {
font-size: clamp(16px, 1.04vw, 20px);
line-height: 1.79;
color: var(--text);
} .eyebrow {
display: flex;
align-items: center;
gap: 16px;
margin-bottom: 38px;
}
.eyebrow-line {
width: 64px; height: 1px;
background: var(--green);
flex-shrink: 0;
}
.eyebrow-text {
font-size: 14px;
font-weight: 600;
letter-spacing: 1.4px;
text-transform: uppercase;
color: var(--green);
}  .btn-outline {
display: inline-flex;
align-items: center;
justify-content: center;
border: 1px solid var(--green);
padding: 17px 1px;
width: 245px;
font-size: 14px;
font-weight: 600;
letter-spacing: 1.4px;
text-transform: uppercase;
color: var(--green);
background: transparent;
transition: background .2s, color .2s;
}
.btn-outline:hover { background: var(--green); color: #fff; } .btn-link {
text-transform: uppercase;
font-size: 14px;
line-height: 23px;
border-bottom: 1px solid #506051;
} .btn-link-muted {
display: inline-flex;
align-items: center;
padding-bottom: 5px;
border-bottom: 1px solid rgba(80,96,81,.2);
font-size: 14px;
font-weight: 600;
letter-spacing: 1.4px;
text-transform: uppercase;
color: var(--green);
background: none;
border-top: none; border-left: none; border-right: none;
} .nav {
position: fixed; top: 0; left: 0; right: 0;
z-index: 100;
background: rgba(255,255,255,.96);
backdrop-filter: blur(12px);
border-bottom: 1px solid rgba(80,96,81,.08);
}
.nav-inner {
max-width: 1920px;
margin: 0 auto;
padding: 0 var(--px);
height: 80px;
display: flex;
align-items: center;
justify-content: space-between;
}
.nav-logo img { height: 48px; width: auto; object-fit: contain; }
.nav-links {
display: flex;
gap: 36px;
align-items: center;
}
.nav-links a {
font-size: 14px;
font-weight: 500;
color: var(--text);
letter-spacing: .4px;
transition: color .2s;
}
.nav-links a:hover { color: var(--green); }
.nav-cta {
background: var(--green);
color: #fff !important;
padding: 12px 22px;
font-size: 12px !important;
font-weight: 600 !important;
letter-spacing: 1.4px !important;
text-transform: uppercase;
}
.nav-cta:hover { opacity: .9; } .hero {
position: relative;
min-height: 750px;
display: flex;
align-items: center;
overflow: hidden;
}
.hero.therapistpage{
position: relative;
min-height: 630px;
display: flex;
align-items: center;
overflow: hidden;
}
.hero-bg {
position: absolute;
inset: 0;
z-index: 0;
overflow: hidden;
}
.hero-bg img {
position: absolute;
width: 103%; height: 123%;
top: -13%; left: 0;
object-fit: cover;
}
.hero-content {
position: relative;
z-index: 1;
max-width: 1920px;
width: 100%;
margin: 0 auto;
padding: 0px clamp(24px, 9.3vw, 178px) 180px;
}
.hero-badges {
display: flex;
gap: 16px;
align-items: center;
margin-bottom: 24px;
}
.hero-badge       { width: 130px; height: 130px; flex-shrink: 0; }
.hero-badge img   { width: 100%; height: 100%; object-fit: contain; }
.hero-badge.wide  { width: 140px; }
.hero.therapistpage .hero-text.text-center{ 
max-width: 1058px;
padding: 10px; 
margin: 0 auto;
text-align: center;
}
.hero-text { max-width: 1058px; padding: 10px; }
.hero-h1 {
font-family: var(--serif);
font-size: 48px;
line-height: 1.46;
color: #506051;
font-weight: 400;
margin-bottom: 12px;
}
.hero-sub {
font-size: clamp(16px, 1.04vw, 20px);
line-height: 1.79;
color: var(--text);
margin-bottom: 28px;
} .philosophy {
background: var(--offwhite);
padding: clamp(48px, 8.33vw, 160px);
}
.philosophy-grid {
display: grid;
grid-template-columns: 5fr 7fr;
gap: clamp(32px, 2.5vw, 48px);
align-items: center;
padding:10px;
}
.philosophy .owl-nav{
display:none !important;
}
.philosophy .owl-dots{
margin-top: -6px;
margin-bottom: 20px;
}
.philosophy .owl-dot{
box-shadow:inherit !important;
}
.philosophy-left { padding-right: clamp(0px, 3.17vw, 80px); }
.phil-h2 {
font-family: var(--serif);
font-size: 48px;
line-height: 1.46;
color: var(--green);
font-weight: 400;
margin-bottom: 20px;
}
.phil-body {
font-size: clamp(16px, 1.04vw, 20px);
line-height: 1.79;
color: var(--text);
margin-bottom: 16px;
}
.phil-list-item {
font-size: 16px;
line-height: 1.63;
color: var(--text-80);
margin-bottom: 20px;
}
.phil-dots       { height: 16px; margin-bottom: 28px; }
.phil-dots img   { height: 100%; width: auto; }
.philosophy-img-wrap {
background: var(--beige);
overflow: hidden;
box-shadow: 0 10px 40px -15px rgba(80,96,81,.08);
}
.philosophy-img-wrap img {
width: 100%; height: 443px;
object-fit: cover; object-position: center 35%;
opacity: .9;
}
.philosophy-blur {
position: absolute;
bottom: -40px; left: -40px;
width: 256px; height: 256px;
background: rgba(213,231,212,.2);
filter: blur(32px);
pointer-events: none;
z-index: 0;
}
.philosophy-img-pos { position: relative; }
.philosophy-img-pos .philosophy-img-wrap { position: relative; z-index: 1; }
#philosophy .btn-link{
margin-left:9px;
} .expertise {
background: var(--beige);
padding: var(--py) var(--px);
}
.expertise-header {
text-align: center;
max-width: 886px;
margin: 0 auto 0px; padding-bottom: 6px;
}
.expertise .owl-carousel .owl-dots{
justify-content: center !important;
}
.expertise .owl-dot{
box-shadow:none !important;
}
.expertise-flex {
display: flex;
gap: 48px;
align-items: center;
}
.expertise-photo { flex: 1; min-width: 0; }
.expertise-photo img {
width: 100%; height: 572px;
object-fit: cover;
}
.expertise-text {
width: clamp(280px, 41.67vw, 800px);
flex-shrink: 0;
}
.exp-h3 {
font-family: var(--serif);
font-size: 36px;
line-height: 1.94;
color: var(--green);
font-weight: 400;
margin-bottom: 20px;
}
.exp-intro {
font-size: 18px; line-height: 1.79;
color: var(--text); margin-bottom: 8px;
}
.exp-list {
list-style: disc;
padding-left: 25px;
margin-bottom: 16px;
margin-left: 0px !important;
}
.exp-list li {
font-size: 17px;
line-height: 1.79;
color: #615E56;
}
.exp-note {
font-size: 18px; line-height: 1.63;
color: var(--text-80); margin-top: 12px;
}
.exp-arrows {
display: flex; gap: 24px;
margin-top: 24px; align-items: center;
}
.exp-arrows img { width: 48px; height: 48px; }
.arrow-flip     { transform: rotate(180deg); } .testimonial {
background: var(--offwhite);
padding: var(--py) 24px;
text-align: center;
overflow: hidden;
}
.test-inner {
max-width: 750px;
margin: 0 auto;
position: relative;
}
.test-blur {
position: absolute;
inset: -25% 0;
border-radius: 9999px;
background: rgba(213,231,212,.05);
filter: blur(60px);
pointer-events: none;
}
.test-icon       { width: 85px; height: 60px; margin: 0 auto 16px; }
.test-icon img   { width: 100%; height: 100%; object-fit: contain; }
.test-quote {
font-family: var(--serif);
font-size: clamp(24px, 2.5vw, 48px);
line-height: 1.46;
color: var(--green);
font-weight: 400;
position: relative;
}
.test-cite {
margin-top: 32px;
font-size: 12px; font-weight: 600;
letter-spacing: 2.6px; text-transform: uppercase;
color: var(--text);
} .team-page .testimonial{
padding: 30px 0 !important;
}
.team-page .test-quote{
margin-bottom:10px !important;
}
.team {
background: var(--grey);
padding: clamp(48px, 6.33vw, 140px);
}
.teampage.team {
background: #FFF9EE;
padding: clamp(48px, 6.33vw, 140px);
} .team-header {
text-align: center;
margin: 0 auto 70px;
} .team-grid {
display: flex;
flex-wrap: wrap;
gap: 96px 7px;
justify-content: space-between;
max-width: 1600px;
margin: 0 auto;
} .therapist {
width: 190px;
display: flex;
flex-direction: column;
gap: 22px;
}
.single-therapist .therapist {
width:auto;
} .therapist-photo {
width: 189px;
height: 230px;
overflow: hidden;
flex-shrink: 0;
box-shadow: 0 10px 32px -15px rgba(80,96,81,.08);
margin:0 auto;
}
.therapist-photo img {
width: 100%; height: 100%;
object-fit: cover; object-position: center top;
filter: grayscale(100%);
}
.therapist-info  { display: flex; flex-direction: column; gap: 8px; } .therapist-name {
font-family: var(--serif);
font-size: 16px;
line-height:20px;
color: var(--green);
font-weight: 400;
text-align: center;
margin-bottom:10px;
text-wrap: nowrap;
}
.therapist-role {
font-size: 11px; font-weight: 500;
letter-spacing: 1.4px; text-transform: uppercase;
color: var(--text); text-align: center;
padding-bottom: 6px;
margin-bottom:10px;
}
blockquote {
border-left: none !important;
padding: 0px !important;
font-size: 48px;
font-style: normal;
margin: 0 0 1.5em;
position: relative;
}
.therapist-btn {
display: flex;
align-items: center;
justify-content: center;
border: 1px solid var(--green);
padding: 17px 2px;
width: 100%;
font-size: 14px;
font-weight: 500;
letter-spacing: 1.1px;
text-transform: uppercase;
color: var(--green);
background: transparent;
transition: background .2s, color .2s;
line-height: 14px;
width: 98%;
margin: 0 auto;
}
.therapist-btn:hover:not(.at-cap) { background: var(--green); color: #fff; }
.therapist-btn.at-cap { opacity: .5; cursor: default;border-radius:0px; }
.Rmore{
margin-top:-15px;
} .therapy {
padding: clamp(48px, 8.33vw, 160px) var(--px) clamp(40px, 4.17vw, 80px);
}
.therapy-header {
text-align: center;
max-width: 768px;
margin: 0 auto 24px;
}
.therapy-grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 30px;
margin-top: 24px;
}
.therapy-card   { display: flex; flex-direction: column; }
.therapy-img    {  overflow: hidden; flex-shrink: 0; }
.therapy-img img { width: 100%; height: 100%; object-fit: cover;height:230px; }
.therapy-body {
background: #fff;
padding: 20px 10px;
display: flex; flex-direction: column; gap: 20px;
flex: 1;
}
.therapy-title {
font-family: var(--serif);
font-size: 20px; line-height: 2.6;
color: var(--green); font-weight: 400;
text-align: center;
}
.therapy-desc {
font-size: 15px; line-height: 1.5;
color: var(--text); text-align: center;
} .insights {
background: var(--rose);
padding: var(--py) var(--px) 72px;
}
.insights-header {
text-align: center;
max-width: 768px;
margin: 0 auto 96px;
}
.blog-grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 48px;
max-width: 1440px;
margin: 0 auto;
}
.blog-card {
display: flex; flex-direction: column;
gap: 31px; padding-bottom: 24px;
}
.blog-img {
height: 237px; overflow: hidden;
box-shadow: 0 10px 40px -15px rgba(80,96,81,.08);
}
.blog-img img {
width: 100%; height: 100%;
object-fit: cover; object-position: center top;
}
.blog-content  { display: flex; flex-direction: column; gap: 16px; }
.blog-cat {
font-size: 11px; font-weight: 400;
letter-spacing: 1.1px; text-transform: uppercase;
color: var(--green); line-height: 1.5;
}
.blog-title {
font-family: var(--serif);
font-size: clamp(22px, 1.875vw, 36px);
line-height: 1.44; color: var(--green); font-weight: 400;
}
.blog-desc {
font-size: 16px; line-height: 1.5;
color: var(--text-80);
margin-bottom: 0px !important
}
.insights-cta {
text-align: center;
margin-top: 35px;
} .faq {
background: var(--offwhite);
padding: var(--py) 24px;
}
.faq-inner {
max-width: 1440px;
margin: 0 auto;
padding: 0 clamp(24px, 12.08vw, 232px);
}
.faq-header {
text-align: center;
max-width: 768px;
margin: 0 auto 96px;
}
.faq-list {
display: flex; flex-direction: column;
gap: 32px;
max-width: 768px;
margin: 0 auto;
}
.faq-item {
border-bottom: 1px solid var(--border);
padding-bottom: 33px;
display: flex; flex-direction: column; gap: 16px;
}
.faq-q {
font-family: var(--serif);
font-size: clamp(20px, 1.875vw, 36px);
line-height: 1.44; color: var(--green); font-weight: 400;
}
.faq-a {
font-size: 16px; line-height: 1.5; color: var(--text);
} .contact {
background: var(--rose);
padding: var(--py) var(--px);
}
.contact-grid {
display: grid;
grid-template-columns: 5fr 7fr;
gap: 24px;
align-items: start;
}
.contact-left {
display: flex; flex-direction: column; gap: 31px;
width:80%;
}
.contact-h2 {
font-family: var(--serif);
font-size: clamp(28px, 2.5vw, 48px);
line-height: 1.46; color: var(--green); font-weight: 400;
}
.contact-body {
font-size: 19px; line-height: 1.79; color: var(--text);
}
.contact-inquiry { display: flex; flex-direction: column; gap: 16px; }
.contact-inquiry-label {
font-size: 14px; font-weight: 600;
letter-spacing: 1.4px; text-transform: uppercase;
color: var(--green);
margin-bottom:0px !important;
}
.contact-email {
font-size: 16px; color: var(--text);
text-decoration: underline;
text-decoration-color: var(--green-30);
}
.fleft{
font-weight:500 !important;
} .form { display: flex; flex-direction: column; gap: 32px; }
.form-row {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 32px;
}
.form-group { display: flex; flex-direction: column; gap: 8px; }
.form-label {
font-size: 11px; font-weight: 400;
letter-spacing: 1.1px; text-transform: uppercase;
color: var(--text); line-height: 1.5;
}
.form-input,
.form-select,
.form-textarea {
width: 100%;
border: none;
border-bottom: 1px solid var(--border);
background: transparent;
padding: 17px 4px 18px;
font-family: var(--sans);
font-size: 16px;
color: var(--text);
outline: none;
transition: border-color .2s;
}
.form-input:focus,
.form-select:focus,
.form-textarea:focus  { border-color: var(--green); }
.form-input::placeholder,
.form-textarea::placeholder { color: rgba(97,94,86,.35); }
.form-select     { appearance: none; cursor: pointer; }
.form-textarea   { resize: vertical; min-height: 120px; }
.form-full       { grid-column: 1 / -1; }
.form-submit {
display: inline-flex; align-items: center; justify-content: center;
background: var(--green); color: #fff; border: none;
padding: 17px 48px;
font-size: 14px; font-weight: 600;
letter-spacing: 1.4px; text-transform: uppercase;
transition: opacity .2s;
}
.form-submit:hover { opacity: .9; } .footer {
background: var(--beige);
border-top: 1px solid var(--beige);
padding: 97px var(--px) 48px;
}
.footer-grid {
display: grid;
grid-template-columns: 3fr 2fr 2fr 3fr;
gap: 64px;
margin-bottom: 32px;
}
.footer-logo     { height: 65px; width: 200px; margin-bottom: 36px; }
.footer-logo img {
height: 100%; width: 100%;
object-fit: contain; object-position: left;
}
.footer-desc { font-size: 18px; line-height: 1.63; color: var(--text); }
.footer-desc + .footer-desc { margin-top: 8px; font-weight: 500; }
.footer-col-h {
font-size: 14px; font-weight: 600;
letter-spacing: 1.4px; text-transform: uppercase;
color: var(--dark); margin-bottom: 24px;
}
.footer-nav { display: flex; flex-direction: column; gap: 16px; }
.footer-nav a { font-size: 16px; color: var(--text); line-height: 1.5; transition: color .2s; }
.footer-nav a:hover { color: var(--green); }
.footer-connect  { display: flex; flex-direction: column; gap: 24px; }
.footer-connect-item { font-size: 16px; color: var(--text); line-height: 1.5; }
.footer-connect-item a {
text-decoration: underline;
text-decoration-color: var(--green-30);
}
.footer-bottom {
border-top: 1px solid var(--border-sec);
padding-top: 49px;
display: flex; align-items: center; justify-content: space-between;
}
.footer-copy {
font-size: 11px; color: var(--text-60);
letter-spacing: 3.3px; text-transform: uppercase;
}
.footer-social { display: flex; gap: 8px; align-items: center; }
.footer-social img { width: 24px; height: 24px; } @media (max-width: 1280px) {
.team-grid { gap: 48px; justify-content: center; }
}
@media (max-width: 1024px) {
.philosophy-grid      { grid-template-columns: 1fr; }
.philosophy-img-wrap img { height: 360px; }
.expertise-flex       { flex-direction: column; }
.expertise-photo img  { height: 400px; }
.expertise-text       { width: 100%; }
.therapy-grid         { grid-template-columns: repeat(2, 1fr); }
.blog-grid            { grid-template-columns: repeat(2, 1fr); }
.footer-grid          { grid-template-columns: 1fr 1fr; gap: 48px; }
.contact-grid         { grid-template-columns: 1fr; gap: 48px; }
}
@media (max-width: 768px) {
.hero { min-height: auto; }
.hero-content { padding-bottom: 80px; }
.nav-links { display: none; }
.therapy-grid { grid-template-columns: 1fr; }
.blog-grid    { grid-template-columns: 1fr; }
.form-row     { grid-template-columns: 1fr; }
.footer-grid  { grid-template-columns: 1fr; }
.footer-bottom { flex-direction: column; gap: 24px; text-align: center; }
.team-grid    { justify-content: center; }
}  .profile-page { padding-top: 80px; } .breadcrumb {
display: flex;
align-items: center;
gap: 4px;
padding:10px;
height: 70px;
font-size: 14px;
color: var(--text);
font-family: var(--sans);
}
.breadcrumb a { color: var(--text); transition: color .2s; }
.breadcrumb a:hover { color: var(--green); }
.breadcrumb-sep { color: #1d6d9f; font-size: 15px; font-weight: 500; margin: 0 6px; }
.breadcrumb-current { color: var(--text); } .profile-section {
background: var(--offwhite);
padding: 0px var(--px) 160px;
position: relative;
}
.profile-section .eyebrow{
margin-bottom:15px !important;
}
.profile-section .profile-content .therapist-btn:hover{
background:none !important;
}
.profile-grid {
display: grid;
grid-template-columns: 4fr 6fr;
gap: 48px;
align-items: start;
} .profile-photo-wrap {
position: relative;
width: 100%;
min-height: 600px;
overflow: hidden;
}
.profile-photo-wrap img {
position: absolute;
inset: 0;
width: 100%;
height: 100%;
object-fit: cover;
object-position: bottom center;
}
.profile-photo-wrap img:first-child { 
position: relative;
display: block; 
height: 620px; 
width: 100%; 
object-fit: cover; 
object-position: bottom; 
}
.profile-photo-wrap img:last-child  {
position: absolute; 
inset: 0; width: 100%;
height: 100%; 
object-fit: cover; 
object-position: bottom;
opacity: 1; filter: grayscale(100%);
} .profile-content {
display: flex;
flex-direction: column;
}
.profile-name {
font-family: var(--serif);
font-weight: 400;
color: var(--green);
line-height: 1.46;
}
.profile-name .name-main { font-size: clamp(28px, 2.5vw, 48px); }
.profile-name .name-cred { font-size: clamp(22px, 1.875vw, 36px); }
.profile-bio {
font-size: clamp(15px, 1.04vw, 20px);
line-height: 1.79;
color: var(--text);
} .similar-section {
background: #fff9ee;
padding: clamp(48px, 8.33vw, 160px);
}
.similar-header {
text-align: center;
max-width: 768px;
margin: 0 auto 48px;
}
.similar-grid {
display: flex;
flex-wrap: wrap;
gap: 38px 7px;
justify-content: space-between;
max-width: 1350px;
margin: 0 auto;
}
.profile-section .profile-content .therapist-btn{
border: none !important;
align-items: left;
justify-content: left;
margin-left:0px;
display:inline-block;
display: inline-block !important;
width: 183px;
border-bottom:1px solid #ccc !important;
padding: 6px 1px !important;
}
.profile-section .profile-content .therapist-btn:hover{
color:#506051;
} .contact-form-extended .form-row { margin-bottom: 0; } .btn-submit-gold {
display: inline-flex;
align-items: center;
justify-content: center;
background: #d4a373;
color: #fff;
border: none;
padding: 24px 64px;
font-size: 14px;
font-weight: 600;
letter-spacing: 1.4px;
text-transform: uppercase;
cursor: pointer;
box-shadow: 0 20px 25px -5px rgba(80,96,81,.1), 0 8px 10px -6px rgba(80,96,81,.1);
transition: opacity .2s;
}
.btn-submit-gold:hover { opacity: .9; }
.form-privacy {
font-size: 12px;
color: #777;
text-align: left;
margin-top: -15px;
} @media (max-width: 1024px) {
.profile-grid { grid-template-columns: 1fr; }
.profile-photo-wrap img:first-child { height: 420px; }
.similar-grid { justify-content: center; gap: 48px; }
}
@media (max-width: 768px) {
.breadcrumb { flex-wrap: wrap; height: auto; padding-top: 12px; padding-bottom: 12px; }
.profile-section { padding-bottom: 80px; }
}
.page-template-blog .Rmore{
margin-top:-35px;
}  .blog-nav {
position: fixed; top: 0; left: 0; right: 0; z-index: 100;
background: #efeeea;
}
.blog-nav-inner {
max-width: 1920px; margin: 0 auto;
padding: 0 var(--px);
height: 86px;
display: flex; align-items: center; justify-content: space-between;
}
.blog-nav-logo img { height: 52px; width: auto; object-fit: contain; }
.blog-nav-links {
display: flex; gap: 0; align-items: center;
flex: 1; justify-content: center;
}
.blog-nav-links a {
font-family: 'Open Sans', var(--sans);
font-size: 12px; font-weight: 500;
text-transform: uppercase;
letter-spacing: .3px;
color: #1e293b;
padding: 22px 15px;
height: 70px;
display: flex; align-items: center;
transition: color .2s;
}
.blog-nav-links a:hover { color: var(--green); }
.blog-nav-links a.active { color: #d4a373; }
.blog-nav-cta {
background: #d4a373;
color: #fff;
padding: 16px 24px;
font-family: var(--sans);
font-size: 14px; font-weight: 600;
letter-spacing: 1.4px; text-transform: uppercase;
border: none; cursor: pointer;
transition: opacity .2s;
white-space: nowrap;
}
.blog-nav-cta:hover { opacity: .9; } .blog-hero {
position: relative;
height: 750px;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
overflow: hidden;
}
.blog-hero-bg {
position: absolute; inset: 0; z-index: 0; overflow: hidden;
}
.blog-hero-bg img {
position: absolute;
width: 100%; height: 279%;
top: -80%; left: 0;
object-fit: cover;
}
.blog-disclaimer {
position: absolute; bottom: 0; left: 0; right: 0;
background: rgba(232,226,215,.88);
padding: 16px var(--px);
text-align: center;
font-size: 12px; line-height: 1.63;
color: #222;
z-index: 2;
}
.blog-hero-content {
position: relative; z-index: 1;
max-width: 1140px;
text-align: center;
padding: 0 20px;
margin-bottom:250px;
}
.blog-hero-title {
font-family: var(--serif);
font-size: 48px;
line-height: 1.46; color: var(--green); font-weight: 400;
margin-bottom: 8px;
}
.blog-hero-sub {
font-size: 20px;
line-height: 35px; 
color: var(--text);
max-width: 682px; margin: 0 auto;
} .blog-filter-bar {
border-bottom: 1px solid rgba(97,94,86,.2);
padding: 32px clamp(24px,6vw,108px) 33px;
display: flex;
align-items: center;
justify-content: center;
gap: clamp(32px,5.65vw,108px);
flex-wrap: wrap;
}
.blog-search {
position: relative;
max-width: 320px;
flex: 1;
}
.blog-search-input {
width: 100%;
border: 1px solid rgba(97,94,86,.2);
background: transparent;
padding: 9px 40px 9px 17px;
font-family: var(--sans);
font-size: 14px; font-weight: 600;
letter-spacing: 1.4px; text-transform: uppercase;
color: var(--text);
outline: none;
transition: border-color .2s;
}
.blog-search-input:focus { border-color: var(--green); }
.blog-search-input::placeholder { color: #6b7280; }
.blog-search-icon {
position: absolute; right: 14px; top: 50%;
transform: translateY(-50%);
width: 17px; height: 17px;
pointer-events: none;
}
.blog-search-icon img { width: 100%; height: 100%; }
.blog-filter-tabs {
display: flex; gap: 16px; flex-wrap: wrap;
}
.blog-filter-btn {
padding: 8px 24px;
font-family: var(--sans);
font-size: 14px; font-weight: 600;
letter-spacing: 1.4px; text-transform: uppercase;
border: none; cursor: pointer;
transition: background .2s, color .2s;
}
.blog-filter-btn.active {
background: var(--green); color: #fff;
}
.blog-filter-btn:not(.active) {
background: var(--beige); color: var(--text);
}
.blog-filter-btn:not(.active):hover {
background: #d5cfc5;
} .blog-listing {
background: #f7f9fb;
padding: 50px clamp(24px,13.3vw,390px) 100px;
}
.blog-listing-rows {
display: flex; flex-direction: column; gap: 48px;
}
.blog-listing-row {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 48px;
} .listing-card {
display: flex; flex-direction: column;
gap: 31px; padding-bottom: 24px;
cursor: pointer;
}
.listing-card-img {
height: 237px; overflow: hidden;
box-shadow: 0 10px 40px -15px rgba(80,96,81,.08);
flex-shrink: 0;
}
.listing-card-img img {
width: 100%; height: 100%; object-fit: cover;
}
.listing-card-body {
display: flex; flex-direction: column; gap: 16px;
}
.listing-card-cat {
font-size: 11px; font-weight: 400;
letter-spacing: 1.1px; text-transform: uppercase;
color: var(--green); line-height: 1.5;
}
.listing-card-title {
font-family: var(--serif);
font-size: clamp(22px, 1.875vw, 36px);
line-height: 1.44; color: var(--green); font-weight: 400;
}
.listing-card-desc {
font-size: 16px; line-height: 1.5; color: var(--text-80);
} .blog-pagination {
display: flex; align-items: center; justify-content: center;
gap: 32px; padding: 25px 0;
border-top: 0;
}
.pagination-prev, .pagination-next {
display: flex; align-items: center; gap: 8px;
font-family: var(--sans);
font-size: 14px; font-weight: 600;
letter-spacing: 1.4px; text-transform: uppercase;
color: var(--text); cursor: pointer; background: none; border: none;
transition: color .2s;
}
.pagination-prev {  cursor: default; }
.pagination-next:hover { color: var(--green); }
.pagination-prev img, .pagination-next img { width: 7px; height: 11px; }
.pagination-pages {
display: flex; gap: 24px; align-items: center;
}
.pagination-page {
font-family: var(--sans);
font-size: 14px; font-weight: 600;
letter-spacing: 1.4px; text-transform: uppercase;
color: var(--text); cursor: pointer; background: none; border: none;
transition: color .2s;
}
.pagination-page.current {
color: var(--green); font-weight: 800;
}
.pagination-page:not(.current):hover { color: var(--green); }
@media (max-width: 1450px) {
.blog-listing {
background: #f7f9fb;
padding: 50px clamp(24px,10vw,390px) 100px;
}
}
@media (max-width: 1349px) {
.blog-listing {
background: #f7f9fb;
padding: 50px clamp(24px,6.1vw,390px) 100px;
}
} @media (max-width: 1024px) {
.blog-listing-row { grid-template-columns: repeat(2, 1fr); }
.blog-filter-bar  { gap: 24px; }
}
@media (max-width: 768px) {
.blog-nav-links   { display: none; }
.blog-listing-row { grid-template-columns: 1fr; }
.blog-hero        { height: auto; min-height: 500px; }
.blog-filter-bar  { flex-direction: column; align-items: flex-start; }
.blog-search      { max-width: 100%; width: 100%; }
} .blog-post-page {  background: var(--white);
}
.blog-post-section {
padding: 48px var(--px) 80px;
max-width: 1440px;
margin: 0 auto;
padding-bottom:0px !important;
}
.blog-post-breadcrumb-container {
margin-bottom: 40px;
}
.blog-post-breadcrumb-container .breadcrumb {
padding: 0;
height: auto;
}
.blog-post-header {
text-align: center;
max-width: 900px;
margin: 0 auto 32px;
}
.blog-post-category {
font-family: var(--sans);
font-size: 14px;
font-weight: 600;
letter-spacing: 1.4px;
text-transform: uppercase;
color: var(--green);
margin-bottom: 16px;
}
.blog-post-title {
font-family: var(--serif);
font-size: 48px;
line-height: 58px;
color: #1B1C1C;
font-weight: 400;
margin-bottom: 20px;
}
.blog-post-meta {
font-family: var(--sans);
font-size: 12px;
font-weight: 500;
letter-spacing: 1px;
text-transform: uppercase;
color: var(--text-80);
}
.blog-post-share-bar {
display: flex;
align-items: center;
justify-content: space-between;
border-bottom: 1px solid rgba(80,96,81,.15);
padding: 20px 0;
margin-bottom: 48px;
}
.blog-post-share-bar.border-bottom {
border-top: none;
max-width: 800px;
margin: 80px auto;
border-top: 1px solid rgba(80,96,81,.15);
}
.share-label {
font-family: var(--sans);
font-size: 11px;
font-weight: 600;
letter-spacing: 1.1px;
color: var(--text);
}
.share-icons {
display: flex;
gap: 16px;
}
.share-icon-btn {
display: flex;
align-items: center;
justify-content: center;
width: 24px;
height: 24px;
color: var(--text-80);
transition: color 0.2s ease;
}
.share-icon-btn:hover {
color: var(--green);
}
.share-icon-btn svg {
width: 100%;
height: 100%;
fill: currentColor;
}
.blog-post-featured-image {
width: 100%;
max-height: 600px;
overflow: hidden;
margin-bottom: 64px;
box-shadow: 0 10px 40px -15px rgba(80,96,81,.08);
}
.blog-post-featured-image img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
}
.blog-post-content-wrap {
max-width: 800px;
margin: 0 auto;
}
.blog-post-body {
font-family: var(--sans);
font-size: clamp(16px, 1.15vw, 21px);
line-height: 1.8;
color: var(--text);
}
.blog-post-body p {
margin-bottom: 32px;
}
.blog-post-body p.firstLine::first-letter {
float: left;
font-family: var(--serif);
font-size: 72px;
line-height: 56px;
padding-top: 4px;
padding-right: 12px;
padding-left: 2px;
color: var(--green);
font-weight: 700;
}
.blog-post-h2 {
font-family: var(--serif);
font-size: clamp(24px, 2vw, 36px);
line-height: 1.35;
color: var(--green);
font-weight: 400;
margin-top: 48px;
margin-bottom: 24px;
}
.blog-post-quote {
background: #E8E2D766;
padding: 0px 40px 55px !important;
margin: 48px 0;
position: relative;
text-align: center;
border-left: none !important;
}
.blog-post-quote .quote-icon-container {
width: 48px;
height: 36px;
margin: 0px 0px 32px;
color: var(--green-30);
}
.blog-post-quote .quote-icon-container svg {
width: 100%;
height: 100%;
fill: currentColor;
}
.blog-post-quote p {
font-family: var(--serif);
font-size: clamp(20px, 1.8vw, 32px);
line-height: 1.5;
color: var(--green);
font-style: italic;
font-weight: 400;
margin-bottom: 0;
}
.blog-post-list {
list-style: none;
padding: 0;
margin: 40px 0;
}
.blog-post-list li {
display: flex;
align-items: flex-start;
gap: 16px;
margin-bottom: 24px;
}
.blog-post-list li .list-icon {
width: 20px;
height: 20px;
color: var(--green);
flex-shrink: 0;
margin-top: 4px;
}
.blog-post-list li .list-icon svg {
width: 100%;
height: 100%;
fill: currentColor;
}
.blog-post-list li p {
margin-bottom: 0;
font-family: var(--serif);
font-size: clamp(16px, 1.15vw, 21px);
line-height: 1.8;
}
.blog-post-list li strong {
color: var(--dark);
}
.blog-post-disclaimer-box {
background: var(--grey);
padding: 24px 32px;
font-family: var(--sans);
font-size: 12px;
line-height: 1.7;
color: var(--text-80);
text-align: center;
margin-top: 48px;
} .blog-post-nav {
display: flex; background: var(--offwhite);
margin-top: 64px;
margin-bottom: -100px;
display: inline-flex;
width: 100%;
box-shadow: 0px 4px 25px rgba(0, 0, 0, 0.08);
}
.post-nav-item {
flex: 1;
padding: 40px 48px;
display: flex;
flex-direction: column;
justify-content: center;
transition: background 0.2s ease;
color: inherit;
}
.post-nav-item.prev {
align-items: flex-start;
text-align: left;
}
.post-nav-item.next {
align-items: flex-end;
text-align: right;
}
.post-nav-item:hover {
background: var(--beige);
}
.post-nav-divider {
width: 1px;
background: rgba(80,96,81,.15);
align-self: stretch;
}
.nav-direction {
font-family: var(--sans);
font-size: 11px;
font-weight: 600;
letter-spacing: 1.1px;
text-transform: uppercase;
color: var(--text-60);
margin-bottom: 12px;
}
.nav-title {
font-family: var(--serif);
font-size: clamp(18px, 1.5vw, 24px);
line-height: 1.4;
color: var(--green);
font-weight: 400;
} .further-reflections-section {
background: var(--rose);
padding: 125px var(--px) 96px;
}
.further-reflections-header {
max-width: 1100px;
margin: 0 auto 48px;
}
.further-reflections-eyebrow {
font-family: var(--sans);
font-size: 11px;
font-weight: 600;
letter-spacing: 1.1px;
text-transform: uppercase;
color: var(--green);
margin-bottom: 12px;
}
.further-reflections-title-row {
display: flex;
align-items: baseline;
justify-content: space-between;
border-bottom: 1px solid rgba(80,96,81,.15);
padding-bottom: 16px;
}
.further-reflections-title {
font-family: var(--serif);
font-size: clamp(26px, 2.5vw, 48px);
color: var(--green);
font-weight: 400;
}
.view-all-link {
font-family: var(--sans);
font-size: 12px;
font-weight: 600;
letter-spacing: 1.2px;
text-transform: uppercase;
color: var(--green);
border-bottom: 1px solid var(--green);
padding-bottom: 4px;
transition: opacity 0.2s ease;
}
.view-all-link:hover {
opacity: 0.8;
}
.further-reflections-grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 48px;
max-width: 1100px;
margin: 0 auto;
} @media (max-width: 1024px) {
.further-reflections-grid {
grid-template-columns: repeat(2, 1fr);
gap: 32px;
}
}
@media (max-width: 768px) {
.blog-post-section {
padding: 32px 24px 60px;
}
.blog-post-share-bar {
flex-direction: column;
align-items: center;
gap: 16px;
}
.blog-post-featured-image {
margin-bottom: 40px;
}
.blog-post-nav {
flex-direction: column;
}
.post-nav-divider {
height: 1px;
width: 100%;
}
.post-nav-item {
padding: 32px 24px;
}
.post-nav-item.next {
align-items: flex-start;
text-align: left;
}
.further-reflections-section {
padding: 60px 24px 80px;
}
.further-reflections-grid {
grid-template-columns: 1fr;
gap: 40px;
}
.further-reflections-title-row {
flex-direction: column;
gap: 16px;
align-items: flex-start;
}
} .careers-page {
background: var(--white);
}
.careers-hero {
position: relative;
min-height: 750px;
display: flex;
align-items: center;
justify-content: center;
overflow: hidden;
padding: 80px 24px;
}
.careers-hero-bg {
position: absolute;
inset: 0;
z-index: 0;
}
.careers-hero-bg img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
}
.careers-hero-card {
position: relative;
z-index: 1;   max-width: 860px;
width: 100%;
padding: 60px 40px;
text-align: center; }
.careers-hero-badges {
display: flex;
justify-content: center;
align-items: center;
gap: 24px;
margin-bottom: 24px;
}
.careers-hero-badge {
height: 85px;
width: auto;
object-fit: contain;
}
.careers-hero-badge.wide {
height: 52px;
}
.careers-hero-title {
font-family: var(--serif);
font-size: 48px;
line-height: 58px;
color: var(--green);
font-weight: 400;
margin-bottom: 16px;
}
.careers-hero-sub {
font-size: 18px;
line-height: 1.6;
color: var(--text);
max-width: 645px;
margin: 0 auto 17px;
} .mission-intro-section {
padding: var(--py) var(--px);
background: #FFF9EE;
text-align: center;
}
.mission-intro-container {
max-width: 850px;
margin: 0 auto;
}
.mission-intro-eyebrow {
font-size: 13px;
font-weight: 600;
letter-spacing: 2px;
color: #506051;
text-transform: uppercase;
margin-bottom: 12px;
}
.mission-intro-title {
font-family: var(--serif);
font-size: 48px;
color: var(--green);
margin-bottom: 20px;
font-weight: 400;
line-height:70px;
}
.mission-intro-text {
font-size: 18px;
line-height:31px;
color: var(--text-80);
margin-bottom: 48px;
}
.mission-badges-grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 24px;
max-width: 850px;
margin: 0 auto;
}
.mission-badge-card {
background: var(--white);
border: 1px solid var(--border-sec);
padding: 17px 10px;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
gap: 16px;
min-height: 102px;
transition: transform 0.2s ease, box-shadow 0.2s ease;
border-radius: 10px;
}
.mission-badge-card:hover {
transform: translateY(-4px);
box-shadow: 0 10px 20px rgba(80, 96, 81, 0.05);
}
.mission-badge-icon {
height: 20px;
width: auto;
object-fit: contain;
}
.mission-badge-text {
font-size: 12px;
font-weight: 600;
letter-spacing: 1px;
color: var(--text);
text-transform: uppercase;
} .experience-section {
padding: var(--py) var(--px);
background: #FCF9F8;
}
.experience-grid {
display: grid;
grid-template-columns: 1.1fr 0.9fr;
gap: 64px;
align-items: center;
max-width: 1440px;
margin: 0 auto;
}
.experience-left {
display: flex;
flex-direction: column;
}
.experience-title {
font-family: var(--serif);
font-size: 48px;
color: #506051;
margin-bottom: 20px;
font-weight: 400;
line-height:58px;
}
.experience-text {
font-size: 18px;
line-height: 1.8;
color: var(--text-80);
margin-bottom: 32px;
}
.experience-features-grid {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 24px 32px;
}
.experience-feature-item {
display: flex;
align-items: flex-start;
gap: 12px;
}
.experience-feature-icon {
color: var(--green);
flex-shrink: 0;
width: 18px;
height: 18px;
margin-top: 2px;
}
.experience-feature-text {
font-size: 14px;
font-weight: 600;
letter-spacing: 1px;
text-transform: uppercase;
color: var(--text);
line-height:20px;
}
.experience-right {
position: relative;
}
.experience-img-wrap {
overflow: hidden;
box-shadow: 0 15px 40px rgba(0, 0, 0, 0.05);
}
.experience-img-wrap img {
width: 100%;
height: auto;
object-fit: cover; }
.experience-quote-card {
position: absolute;
bottom: -50px;
left: -30px;
background: var(--white);
padding: 24px;
box-shadow: 0 15px 35px rgba(0,0,0,0.08);
max-width: 290px;
border-left: 3px solid #506051;
z-index: 2;
}
.experience-quote-card p{
margin-bottom:10px;
}
.experience-quote-text {
font-family: var(--serif);
font-size: 30px;
line-height: 1.4;
color: var(--green);
} .benefits-section {
padding: var(--py) var(--px);
background: #E8E2D74D;
text-align: center;
}
.benefits-header {
max-width: 800px;
margin: 0 auto 56px;
}
.benefits-title {
font-family: var(--serif);
font-size: 48px;
color: var(--green);
margin-bottom: 16px;
font-weight: 400;
}
.benefits-subtitle {
font-size: 16px;
line-height: 1.6;
color: var(--text-80);
}
.benefits-grid {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 24px;
max-width: 1440px;
margin: 0 auto;
}
.benefit-card {
background: var(--offwhite);
border: 1px solid rgba(80, 96, 81, 0.05);
padding: 40px 34px;
display: flex;
flex-direction: column;
align-items: center;
gap: 20px;
transition: transform 0.2s ease, box-shadow 0.2s ease;
border-radius:10px;
}
.benefit-card:hover {
transform: translateY(-4px);
box-shadow: 0 12px 24px rgba(80, 96, 81, 0.05);
}
.benefit-icon {
color: var(--green);
width: 32px;
height: 32px;
}
.benefit-card-title {
font-size: 12px;
font-weight: 600;
letter-spacing: 1.2px;
color: var(--text);
text-transform: uppercase;
line-height: 1.4;
} .comp-section {
padding: var(--py) var(--px);
background: #FCF9F8;
}
.comp-container {
position: relative;
background: #F0EDED;
padding: 64px;
display: grid;
grid-template-columns: 1.1fr 0.9fr;
gap: 48px;
max-width: 1440px;
margin: 0 auto;
align-items: center;
border-radius:20px;
}
.floating-mail-bubble {
position: absolute;
right: -24px;
top: 50%;
transform: translateY(-50%);
width: 48px;
height: 48px;
background: #1e1b4b; border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
color: #fff;
box-shadow: 0 10px 20px rgba(0,0,0,0.15);
cursor: pointer;
transition: transform 0.2s ease;
z-index: 5;
}
.floating-mail-bubble:hover {
transform: translateY(-50%) scale(1.1);
}
.floating-mail-bubble svg {
width: 20px;
height: 20px;
fill: currentColor;
}
.comp-left {
display: flex;
flex-direction: column;
max-width:85%;
}
.comp-title {
font-family: var(--serif);
font-size: 48px;
color: var(--green);
margin-bottom: 20px;
font-weight: 400;
}
.comp-text {
font-size: 18px;
line-height: 1.6;
color: var(--text-80);
margin-bottom: 24px;
}
.comp-list {
list-style: none;
display: flex;
flex-direction: column;
gap: 12px;
margin-left:2px !important;
}
.comp-list-item {
display: flex;
align-items: flex-start;
gap: 12px;
font-size: 16px;
color: var(--text);
line-height: 1.4;
}
.comp-list-icon {
color: var(--green);
flex-shrink: 0;
width: 16px;
height: 16px;
margin-top: 1px;
}
.comp-right {
display: flex;
gap: 24px;
justify-content: flex-end;
}
.comp-stat-card {
background: #5060510D;
padding: 20px 20px;
text-align: center;
flex: 1;
max-width: 250px;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
border-radius:15px;
box-shadow: 0 10px 20px rgba(80, 96, 81, 0.02);
}
.comp-stat-card.dark {
background: var(--green);
color: var(--white);
}
.comp-stat-number {
font-family: var(--serif);
font-size: 36px;
line-height: 1.1;
margin-bottom: 12px;
font-weight: 400;
}
.comp-stat-label {
font-size: 11px;
font-weight: 600;
letter-spacing: 1px;
text-transform: uppercase;
color: var(--text-60);
line-height: 1.3;
}
.comp-stat-card.dark .comp-stat-label {
color: rgba(255, 255, 255, 0.7);
} .mission-vision-section {
padding: var(--py) var(--px);
background: #fff;
text-align: center;
}
.mission-vision-header {
max-width: 800px;
margin: 0 auto 56px;
}
.mission-vision-title {
font-family: var(--serif);
font-size: 48px;
line-height:58px;
color: var(--green);
margin-bottom: 16px;
font-weight: 400;
}
.mission-vision-subtitle {
font-size:18px;
line-height: 1.8;
color: var(--text-80);
}
.mission-vision-grid {
display: grid;
grid-template-columns: 1fr 2fr;
gap: 64px;
max-width: 1200px;
margin: 0 auto;
text-align: left;
align-items: flex-start;
}
.fqimage{
width:25px;
}
.values-tab-container {
display: flex;
flex-direction: column;
gap: 16px;
padding-left: 24px;
}
.values-tab-item {
font-family: var(--sans);
font-size: 16px;
color: #1B1C1C;
cursor: pointer;
transition: color 0.2s ease, font-weight 0.2s ease;
font-weight: 600;
}
.values-tab-item.active {
color: #506051;
font-weight: 400;
border-bottom: 1px solid #ccc;
line-height:30px;
}
.vision-pane {
font-size: 18px;
line-height: 1.8;
color: var(--text);
} .why-choose-section {
padding: var(--py) var(--px);
background: var(--rose);
text-align: center;
}
.why-choose-title {
font-family: var(--serif);
font-size: 48px;
color: var(--green);
margin-bottom: 56px;
font-weight: 400;
line-height:58px;
}
.why-choose-grid {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 40px;
max-width: 1100px;
margin: 0 auto 56px;
}
.why-choose-card {
background: #FFF;
padding: 48px;
text-align: left;
display: flex;
flex-direction: column;
gap: 24px;
box-shadow: 0 10px 30px rgba(80, 96, 81, 0.02);
border: .5px solid #ccc;
border-radius: 15px;
}
.why-choose-quote-text{
margin-bottom:0px !important;
}
.why-choose-quote-icon {
color: #d4a373;
opacity: 0.3;
width: 36px;
height: 36px;
}
.why-choose-quote-text {
font-size: 16px;
line-height: 1.6;
color: var(--text-80);
flex-grow: 1;
}
.why-choose-author {
display: flex;
align-items: center;
gap: 16px;
padding-top: 10px;
}
.why-choose-avatar {
width: 48px;
height: 48px;
border-radius: 50%;
overflow: hidden;
background: var(--beige);
display: flex;
align-items: center;
justify-content: center;
}
.why-choose-avatar img {
width: 100%;
height: 100%;
object-fit: cover;
}
.why-choose-author-info {
display: flex;
flex-direction: column;
gap: 4px;
}
.why-choose-author-name {
font-size: 12px;
font-weight: 700;
letter-spacing: 1px;
text-transform: uppercase;
color: var(--green);
}
.why-choose-author-role {
font-size: 11px;
color: var(--text-60);
}
.why-choose-footer-row {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 24px;
max-width: 800px;
margin: 0 auto;
padding-top: 24px;
}
.why-choose-footer-item {
text-align: center;
display: flex;
flex-direction: column;
gap: 8px;
}
.why-choose-footer-label {
font-family: var(--serif);
font-size: 14px;
font-weight: 400;
letter-spacing: 0.8px;
color: #506051;
text-transform: uppercase;
}
.why-choose-footer-val {
font-size: 12px;
font-weight: 400;
letter-spacing: 1px;
color: var(--green);
text-transform: uppercase;
} .jobs-section {
padding: var(--py) var(--px);
background: var(--white);
text-align: center;
}
.jobs-header {
max-width: 800px;
margin: 0 auto 56px;
}
.jobs-title {
font-family: var(--serif);
font-size: 48px;
color: var(--green);
margin-bottom: 16px;
font-weight: 400;
}
.jobs-subtitle {
font-size: 16px;
color: var(--text-80);
}
.jobs-grid {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 32px;
max-width: 1100px;
margin: 0 auto;
}
.job-card {
background: var(--offwhite);
border: 1px solid var(--border-sec);
padding: 35px;
text-align: left;
display: flex;
flex-direction: column;
align-items: left;
gap: 20px;
transition: border-color 0.2s ease;
border-radius:15px;
}
.job-card:hover {
border-color: var(--green);
}
.job-type-label {
font-size: 16px;
font-weight: 400;
letter-spacing: 1.5px;
text-transform: uppercase;
color: #506051;
}
.job-title {
font-family: var(--serif);
font-size: 32px;
color: var(--green);
font-weight: 400;
}
.job-desc {
font-size: 15px;
line-height: 1.6;
color: var(--text-80);
max-width: 400px;
margin-bottom: 12px;
}
.btn-pill-outline {
display: inline-flex;
align-items: center;
justify-content: center;
border: 1px solid var(--green);
padding: 12px 36px;
border-radius: 9999px;
font-size: 12px;
font-weight: 600;
letter-spacing: 1.2px;
text-transform: uppercase;
color: var(--green);
background: transparent;
transition: background .2s, color .2s;
}
.btn-pill-outline:hover {
background: var(--green);
color: #fff;
} @media (max-width: 1024px) {
.mission-badges-grid {
grid-template-columns: repeat(2, 1fr);
}
.experience-grid {
grid-template-columns: 1fr;
gap: 48px;
}
.experience-right {
max-width: 600px;
margin: 0 auto;
}
.benefits-grid {
grid-template-columns: repeat(2, 1fr);
}
.comp-container {
grid-template-columns: 1fr;
padding: 40px;
}
.comp-right {
justify-content: center;
}
.mission-vision-grid {
grid-template-columns: 1fr;
gap: 40px;
}
.why-choose-grid {
grid-template-columns: 1fr;
}
.jobs-grid {
grid-template-columns: 1fr;
}
}
@media (max-width: 768px) {
.careers-hero-card {
padding: 40px 24px;
}
.mission-badges-grid {
grid-template-columns: 1fr;
}
.benefits-grid {
grid-template-columns: 1fr;
}
.experience-features-grid {
grid-template-columns: 1fr;
}
.comp-right {
flex-direction: column;
align-items: left;
}
.why-choose-card {
padding:25px;
}
.why-choose-footer-row {
grid-template-columns: repeat(2, 1fr);
gap: 24px 16px;
}
.floating-mail-bubble {
right: 16px;
top: auto;
bottom: -24px;
transform: none;
}
.floating-mail-bubble:hover {
transform: scale(1.1);
}
.experience-quote-card {
left: 16px;
bottom: -16px;
}
} .locations-page {
background: var(--white);
}
.locations-hero {
background: var(--white);
text-align: center;
padding: 64px 24px 0;
background-position: center center !important;
background-size: cover !important;
height: 750px;
}
.team-page .locations-hero{
height: 750px; 
}
#teamSliderTeam .item{
float:left;
}
.locations-hero-title {
font-family: var(--serif);
font-size: 48px;
line-height: 58px;
color: var(--green);
font-weight: 400;
margin-bottom: 16px;
}
.locations-hero-sub {
font-size: 20px;
line-height: 1.8;
color: var(--text);
max-width: 640px;
margin: 0 auto 40px;
}
.locations-hero-img-wrap {
width: 100%;
max-height: 400px;
overflow: hidden;
}
.locations-hero-img-wrap img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center bottom;
}
.locs-section {
padding: var(--py) var(--px);
background: #FFF9EE;
text-align: center;
}
.locs-header {
max-width: 800px;
margin: 0 auto 56px;
}
.locs-title {
font-family: var(--serif);
font-size: 48px;
color: var(--green);
margin-bottom: 16px;
font-weight: 400;
}
.locs-subtitle {
font-size: 18px;
line-height: 1.6;
color: var(--text-80);
}
.locs-grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 32px;
max-width: 1200px;
margin: 0 auto 48px;
text-align: left;
}
.loc-card {
background: var(--rose);
display: flex;
flex-direction: column;
transition: transform 0.2s ease, border-color 0.2s ease;
border-radius:10px;
}
.loc-card:hover {
transform: translateY(-4px);
border-color: var(--green);
}
.loc-card-img {
height: 170px;
overflow: hidden;
flex-shrink: 0;
}
.loc-card-img img {
width: 100%;
height: 100%;
object-fit: cover;
border-radius: 10px 10px 0px 0px;
}
.loc-card-body {
padding: 24px;
display: flex;
flex-direction: column;
gap: 16px;
flex-grow: 1;
background: #E8E2D7;
border-radius: 0px 0px 10px 10px;
}
.loc-card-title {
font-family: var(--serif);
font-size: 32px;
color: var(--green);
font-weight: 400;
line-height: 32px;
}
.loc-card-address {
font-size: 14px;
color: var(--text-80);
line-height: 1.5;
margin-bottom:10px;
}
.loc-card-phone {
font-size: 16px;
color: var(--text);
display: flex;
align-items: center;
gap: 8px;
font-weight: 500;
}
.loc-card-phone svg {
width: 14px;
height: 14px;
color: var(--green);
fill: none;
}
.btn-card-call {
display: flex;
align-items: center;
justify-content: center;
border: 1px solid var(--green-30);
padding: 12px 1px;
width: 100%;
font-size: 12px;
font-weight: 600;
letter-spacing: 1.2px;
text-transform: uppercase;
color: var(--green);
background: transparent;
transition: background .2s, color .2s, border-color .2s;
margin-top: auto;
border-radius: 0px;
}
.btn-card-call:hover {
background: var(--green);
color: #fff;
border-color: var(--green);
}
.btn-loc-book {
display: inline-flex;
align-items: center;
justify-content: center;
border: 1px solid var(--green);
padding: 14px 40px;
font-size: 13px;
font-weight: 600;
letter-spacing: 1.3px;
text-transform: uppercase;
color: var(--green);
background: transparent;
transition: background .2s, color .2s;
border-radius:0px;
}
.btn-loc-book:hover {
background: var(--green);
color: #fff;
} @media (max-width: 1024px) {
.locs-grid {
grid-template-columns: repeat(2, 1fr);
gap: 24px;
}
}
@media (max-width: 768px) {
.locs-grid {
grid-template-columns: 1fr;
}
.locations-hero-img-wrap {
max-height: 250px;
}
} .assessment-page {
background: var(--white);
}
.assessment-hero {
background: var(--white);
text-align: center;
padding: 64px 24px 0;
background-position: center 21% !important;
background-size: cover !important;
height: 750px;
}
.assessment-hero-eyebrow {
font-size: 13px;
font-weight: 600;
letter-spacing: 2.5px;
color: var(--green);
text-transform: uppercase;
margin-bottom: 16px;
}
.assessment-hero-title {
font-family: var(--serif);
font-size: 48px;
line-height: 1.25;
color: var(--green);
font-weight: 400;
margin-bottom: 16px;
line-height:58px;
}
.assessment-hero-sub {
font-size: 18px;
line-height: 1.6;
color: var(--text);
max-width: 820px;
margin: 0 auto 40px;
}
.assessment-hero-img-wrap {
width: 100%;
max-height: 400px;
overflow: hidden;
}
.assessment-hero-img-wrap img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center 60%;
} .works-section {
padding: var(--py) var(--px);
background: #FFF9EE;
text-align: center;
}
.works-header {
margin: 0 auto 56px;
}
.works-title {
font-family: var(--serif);
font-size: 48px;
color: var(--green);
margin-bottom: 16px;
font-weight: 400;
line-height:70px;
}
.works-subtitle {
font-size: 18px;
color: var(--text-80);
}
.q-form-container {
background: var(--white);
border: 1px solid var(--border-sec);
margin: 0 auto;
padding: 40px;
text-align: left;
box-shadow: 0 10px 40px rgba(80, 96, 81, 0.02);
}
.q-rows {
display: flex;
flex-direction: column;
margin-bottom: 40px;
}
.q-row {
display: grid;
grid-template-columns: 1.2fr 0.8fr;
gap: 32px;
padding: 10px 0;
align-items: center;
}
.q-text {
font-size: 16px;
font-weight: 500;
color: var(--dark);
font-family: var(--serif);
}
.q-select-wrap {
position: relative;
}
.q-select {
width: 100%;
padding: 12px 16px;
border: none;
background: var(--white);
font-family: var(--sans);
font-size: 14px;
color: var(--text);
outline: none;
cursor: pointer;
appearance: none;
-webkit-appearance: none;
border-radius: 0px !important;
box-shadow: none !important;
border-bottom:1px solid #ccc;
}
.q-select-wrap::after {
content: '▼';
font-size: 10px;
color: var(--text-60);
position: absolute;
right: 16px;
top: 50%;
transform: translateY(-50%);
pointer-events: none;
}
.q-select-wrap p{
margin-bottom:5px !important;
}
.q-notice {
font-size: 12px;
color: var(--text-60);
margin-bottom: 32px;
line-height: 1.5;
}
.q-user-grid {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 24px;
margin-bottom: 40px;
}
.q-group {
display: flex;
flex-direction: column;
gap: 8px;
}
.q-group.full {
grid-column: 1 / -1;
}
.q-label {
font-size: 16px;
font-weight: 400;
color: #374151;
font-family: var(--serif);
}
.q-input {
padding: 14px 16px;
border:none;
border-bottom: 1px solid var(--border);
background: none !important;
font-family: var(--sans);
font-size: 14px;
color: var(--text);
outline: none;
}
.q-group input[type="text"],.q-group input[type="email"],.q-group input[type="tel"]{
border:none;
border-bottom: 1px solid var(--border);
border-radius: 0px;
box-shadow: none !important;
padding-left: 2px !important;
}
.q-input:focus {
border-color: var(--green);
}
.q-group p{
margin-bottom:5px !important;
}
.q-bottom-row {
display: flex;
justify-content: space-between;
align-items: center;
flex-wrap: wrap;
gap: 24px;
}
.q-captcha-mock {
border: 1px solid #d3d3d3;
background: #f9f9f9;
border-radius: 3px;
padding: 12px 16px;
display: flex;
align-items: center;
gap: 12px;
max-width: 280px;
width: 100%;
user-select: none;
}
.q-captcha-check {
width: 24px;
height: 24px;
border: 2px solid #c1c1c1;
border-radius: 2px;
cursor: pointer;
background: #fff;
display: flex;
align-items: center;
justify-content: center;
transition: background 0.1s ease;
}
.q-captcha-check.checked::after {
content: '✓';
color: #00cc00;
font-size: 18px;
font-weight: bold;
}
.q-captcha-text {
font-size: 13px;
color: #000;
font-family: Roboto, Arial, sans-serif;
flex-grow: 1;
}
.q-captcha-logo {
display: flex;
flex-direction: column;
align-items: center;
gap: 4px;
}
.q-captcha-logo svg {
width: 24px;
height: 24px;
}
.q-captcha-logo-text {
font-size: 8px;
color: #555;
}
.q-bottom-row .btn-q-submit{
background:#D4A373;
}
.btn-q-submit {
background: #d4a373;
color: var(--white);
border: none;
padding: 16px 40px;
font-size: 14px;
font-weight: 600;
letter-spacing: 1.4px;
text-transform: uppercase;
transition: opacity 0.2s ease;
cursor: pointer;
}
.btn-q-submit:hover {
opacity: 0.9;
}
.works-section .q-form-container .q-rows p{
margin-bottom:3px !important;
} .diag-section {
padding: 50px 0px 25px;
background: var(--white);
text-align: center;
}
.diag-container {
max-width: 600px;
margin: 0 auto;
}
.diag-title {
font-family: var(--serif);
font-size: 48px;
color: var(--green);
margin-bottom: 20px;
font-weight: 400;
}
.diag-text {
font-size: 16px;
line-height: 1.8;
color: var(--text-80);
} .audience-section {
padding: 0 var(--px) var(--py);
background: var(--white);
}
.audience-box {
background: #F6F3F2;
border: 1px solid var(--border-sec);
padding: 56px;
display: grid;
grid-template-columns: 1fr 1fr;
gap: 56px;
max-width: 1200px;
margin: 0 auto;
border-radius:10px;
}
.audience-left {
display: flex;
flex-direction: column;
}
.audience-title {
font-family: var(--serif);
font-size: 36px;
color: var(--green);
margin-bottom: 16px;
font-weight: 400;
line-height: 52px;
}
.audience-sub {
font-size: 15px;
font-weight: 500;
color: var(--text);
margin-bottom: 20px;
}
.audience-list {
list-style: none;
display: flex;
flex-direction: column;
gap: 12px;
margin-left:0px;
}
.audience-item {
display: flex;
align-items: flex-start;
gap: 10px;
font-size: 15px;
color: var(--text-80);
}
.audience-item::before {
content: '•';
color: #615E56CC;
font-size: 20px;
line-height: 1;
}
.audience-right {
display: flex;
flex-direction: column;
gap: 24px;
justify-content: center;
border-left: 1px solid var(--border-sec);
padding-left: 56px;
}
.audience-text {
font-size: 16px;
line-height: 1.7;
color: var(--text-80);
margin-bottom: -15px !important;
}
.good-section {
padding: 0 var(--px) var(--py);
background: var(--white);
}
.good-box {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 56px;
max-width: 1200px;
margin: 0 auto;
}
.good-left {
display: flex;
flex-direction: column;
background: #FCF9F8;
padding:25px;
border-radius:5px;
}
.good-title {
font-family: var(--serif);
font-size: 24px;
color: var(--green);
margin-bottom: 16px;
font-weight: 400;
max-width: 382px;
}
.good-sub {
font-size: 15px;
font-weight: 600;
color: var(--text);
margin-bottom: 20px;
}
.good-list {
list-style: none;
display: flex;
flex-direction: column;
gap: 12px;
}
.good-item {
display: flex;
align-items: flex-start;
gap: 10px;
font-size: 15px;
color: var(--text-80);
}
.good-item::before {
content: '•';
color: #d4a373;
font-size: 20px;
line-height: 1;
}
.goodContent{
margin-bottom: 0px;
font-family: var(--serif);
}
.good-right {
display: flex;
flex-direction: column;
gap: 24px;
border-radius: 5px;
border-left: 1px solid var(--border-sec);
padding: 25px;
background: #FEF2F2;
}
.good-right .good-title{
margin-bottom: 0px;
}
.good-text {
font-size: 16px;
line-height: 1.7;
color: var(--text-80);
}
.goodlink{
color:#B91C1C;
font-style:italic;
font-size: 14px;
}
.good-left .goodContent{
margin-bottom: 15px;
}
.btnr a{
padding: 10px 15px;
border: 1px solid #ccc;
text-transform: uppercase;
}
.btnr{
margin-top: 220px;
}
.good-left .goodContent.smallsize{
font-size:14px;
font-family: var(--sans);
} .priv-section {
padding: 0 var(--px) var(--py);
background: var(--white);
}
.priv-card {
background: #F0EDED;
border: 1px solid rgba(80, 96, 81, 0.08);
padding: 48px;
text-align: center;
max-width: 1200px;
margin: 0 auto;
display: flex;
flex-direction: column;
align-items: center;
gap: 20px;
border-radius:10px;
}
.priv-title {
font-family: var(--serif);
font-size: 48px;
color: var(--green);
font-weight: 400;
}
.priv-text {
font-size: 16px;
color: var(--text-80);
max-width: 700px;
margin-bottom:0px;
}
.priv-labels-row {
font-size: 11px;
font-weight: 700;
letter-spacing: 1.5px;
text-transform: uppercase;
color: var(--green);
width: 100%;
max-width: 500px;
} .results-section {
padding: var(--py) var(--px); text-align: center;
padding-top: 0px;
}
.results-header {
margin: 0 auto 56px;
}
.results-title {
font-family: var(--serif);
font-size: 48px;
color: var(--green);
margin-bottom: 20px;
font-weight: 400;
}
.results-subtitle {
font-size: 16px;
line-height: 1.7;
color: var(--text-80);
max-width: 800px;
margin: 0 auto;
}
.results-list {
display: flex;
flex-direction: column;
gap: 24px;
max-width: 800px;
margin: 0 auto;
text-align: left;
}
.result-block {
background: var(--white);
border: 1px solid var(--border-sec);
padding: 22px;
display: flex;
align-items: flex-start;
gap: 24px;
box-shadow: 0 10px 20px rgba(80, 96, 81, 0.01);
border-radius: 4px;
}
.result-badge {
width: 48px;
height: 48px;
background: #f2f4f2;
color: var(--green);
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
font-family: var(--serif);
font-size: 20px;
font-weight: 600;
flex-shrink: 0;
}
.result-content {
display: flex;
flex-direction: column;
gap: 8px;
}
.result-block-title {
font-family: var(--sans);
font-size: 18px;
color: #615E56CC;
font-weight: 700;
line-height:24px;
}
.result-block-desc {
font-size: 16px;
line-height: 1.6;
color: var(--text-80);
margin-bottom:5px;
} .helper-cards-section {
padding: var(--py) var(--px);
background: var(--white);
}
.helper-cards-grid {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 32px;
max-width: 1200px;
margin: 0 auto;
}
.helper-card {
border: 1px solid var(--border-sec);
padding: 48px;
display: flex;
flex-direction: column;
background: var(--offwhite);
}
.helper-card.alert-card {
background: #fff5f5;
border-color: rgba(239, 68, 68, 0.15);
}
.helper-card-title {
font-family: var(--serif);
font-size: 22px;
color: var(--green);
margin-bottom: 20px;
font-weight: 400;
line-height: 1.4;
}
.helper-card.alert-card .helper-card-title {
color: #b91c1c;
}
.helper-card-text {
font-size: 14px;
line-height: 1.6;
color: var(--text-80);
margin-bottom: 24px;
}
.helper-card.alert-card .helper-card-text {
color: #7f1d1d;
}
.helper-card-subtext {
font-size: 12px;
color: var(--text-60);
line-height: 1.5;
margin-top: auto;
}
.helper-card.alert-card .helper-card-note {
font-size: 12px;
font-style: italic;
color: #b91c1c;
margin-bottom: 32px;
}
.btn-helper-book {
display: inline-flex;
align-items: center;
justify-content: center;
border: 1px solid #b91c1c;
padding: 14px 40px;
font-size: 13px;
font-weight: 600;
letter-spacing: 1.3px;
text-transform: uppercase;
color: #b91c1c;
background: transparent;
transition: background 0.2s ease, color 0.2s ease;
max-width: 240px;
}
.btn-helper-book:hover {
background: #b91c1c;
color: #fff;
} @media (max-width: 1024px) {
.audience-box {
grid-template-columns: 1fr;
gap: 40px;
padding: 40px;
}
.audience-right {
border-left: none;
padding-left: 0;
}
.helper-cards-grid {
grid-template-columns: 1fr;
gap: 24px;
}
}
@media (max-width: 768px) {
.q-form-container {
padding: 32px 24px;
}
.btnr {
margin-top: 50px;
}
.q-row {
grid-template-columns: 1fr;
gap: 12px;
}
.q-user-grid {
grid-template-columns: 1fr;
}
.q-bottom-row {
flex-direction: column;
align-items: stretch;
}
.q-captcha-mock {
max-width: 100%;
}
.btn-q-submit {
width: 100%;
}
.assessment-hero-img-wrap {
max-height: 250px;
}
.helper-card {
padding: 32px 24px;
}
}
#teamSlider .owl-dots{
display:none !important;
}
.team-page #team{
position: relative;
display: flow-root;
background:#FFF9EE !important;
}
#teamSliderTeam .therapist {
width: 218px;
display: flex;
flex-direction: column;
gap: 23px;
}
#teamSliderTeam .item{
margin-bottom:40px;
} .owl-carousel .owl-item {
display: flex;
align-items: center;
}  .slide-list-item {
font-size: 1.05rem;
font-weight: 500;
color: #1a1a1a;
background: #f2efe9;
padding: 0.8rem 1.4rem;
border-radius: 60px;
display: inline-block;
max-width: fit-content;
letter-spacing: -0.01em;
}
.slide-dots img {
display: block;
max-width: 80px;
height: auto;
opacity: 0.7;
} .slide-image-wrap {
position: relative;
display: flex;
align-items: center;
justify-content: center;
border-radius: 28px;
overflow: hidden;
}
.slide-image-wrap img {
width: 100%;
height: auto;
display: block;
object-fit: cover;
aspect-ratio: 1 / 1;
border-radius: 28px;
box-shadow: 0 12px 30px rgba(0,0,0,0.04);
}
.slide-blur {
position: absolute;
width: 260px;
height: 260px;
background: #d9d2c5;
filter: blur(80px);
opacity: 0.25;
border-radius: 50%;
z-index: 0;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
} .owl-carousel .owl-nav button.owl-prev,
.owl-carousel .owl-nav button.owl-next {
background: rgba(255, 255, 255, 0.85);
backdrop-filter: blur(4px);
width: 44px;
height: 44px;
border-radius: 60px;
box-shadow: 0 4px 12px rgba(0,0,0,0.04);
font-size: 26px !important;
color: #1a1a1a !important;
transition: 0.15s;
border: 1px solid rgba(255,255,255,0.2);
position: absolute;
top: 50%;
transform: translateY(-50%);
z-index: 10;
}
.owl-carousel .owl-nav button.owl-prev {
left: -40px;
}
.owl-carousel .owl-nav button.owl-next {
right: -40px;
}
.owl-carousel .owl-nav button.owl-prev:hover,
.owl-carousel .owl-nav button.owl-next:hover {
background: #ffffff;
box-shadow: 0 6px 16px rgba(0,0,0,0.08);
}
.owl-carousel .owl-dots {
display: flex;
justify-content: left;
}
.owl-carousel .owl-dot span {
width: 10px;
height: 10px;
background: #d0cbc2;
border-radius: 20px;
transition: 0.2s;
display: block;
padding: 6px;
margin: 5px 10px;
}
.owl-carousel .owl-dot.active span {
background: #D4A373 !important;
}
.owl-carousel .owl-dot:hover span {
background: #D4A373 !important;
} @media (max-width: 900px) {
.slide-grid {
grid-template-columns: 1fr;
gap: 1.5rem;
}
.slide-title, .slide-body {
max-width: 100%;
}
.slide-image-wrap {
order: -1;
}
.owl-carousel .owl-nav button.owl-prev {
left: 4px;
}
.owl-carousel .owl-nav button.owl-next {
right: 4px;
}
}
@media (max-width: 480px) {
.btn-link {
width: 100%;
text-align: center;
}
.slide-list-item {
max-width: 100%;
text-align: center;
}
.priv-labels-row{
max-width: 160px;
}
.priv-labels-row span{
display:none;
}
.priv-card{
padding:20px;
}
.elementor-96 .elementor-element.elementor-element-2ed609d > .elementor-widget-container{
margin-bottom:0px !important;
}
.elementor-96 .elementor-element.elementor-element-e805e25 .elementskit-infobox{
padding-bottom: 0px !important;
}
.elementor-96 .elementor-element.elementor-element-2c5c21d .elementskit-infobox .box-body > p {
font-size: 14px;
margin-top: -4px !important;
}
.elementor-element.elementor-element-6995130.elementor-icon-list--layout-traditional{
margin-top:-10px;
}
.elementor-element.elementor-element-2884c0b.elementor-icon-list--layout-inline{
margin-top:-18px;
}
.comp-container {
grid-template-columns: 1fr;
padding: 40px 14px;
}
.comp-title{
font-size: 46px;
}
}
.vision-pane {
display: none;
}
.vision-pane.active {
display: block;
}
.comp-list-item img{
margin-top:3px;
}
#contact .contact-grid input[type="text"], #contact .contact-grid input[type="email"],#contact .contact-grid input[type="tel"]
,#contact .contact-grid .form-select{
border: none;
border-bottom: 1px solid #ccc !important;
padding-left: 2px !important;
background:none !important;
border-radius: 0px !important;
box-shadow: none !important;
font-size: 14px !important;
}
#contact .contact-grid .form-group p{
margin-bottom:0px !important;
}
#contact .contact-grid input[type="submit"]{
background:#D4A373 !important;
font-size: 14px !important;
font-family: var(--sans) !important;
font-weight: 600;
border-radius:0px;
}
.hidedesktop{
display:none !important;
}
.elementor-element.elementor-element-2c5c21d{
margin-top: -8px;
}
.btn-link-muted{
line-height: 13px;
}
.profile-content .therapist-btn.at-cap{
width:110px !important;
}
.elementor-78{
background: #EFEEEA !important;
}
.elementor-96 .elementor-element.elementor-element-4f5de66 .ekit-heading__description {
max-width: 330px !important;
}
.fleft{
font-weight:500;
}
.elementor-element-16733db{
display: none !important;
}
.elementor-element-805d02c{
background: #EFEEEA !important;
}
.elementskit-nav-identity-panel{
background: #FCF9F8F2 !important;
}
#expertiseSlider .owl-nav{
display: block !important;
position:absolute;
width: 2%;
left: 50%;
}
.elementor-element-8d88bfb{
display: none;
}
.elementor-element-6bdf6f3{
display:none !important
}
.menu-item-1243{
display:none !important;
}
.elementor-element-2884c0b{
margin-top:-15px;
}
.elementor-element-e3a446d{
margin-top:-15px;
}
.elementor-96 .elementor-element.elementor-element-4f5de66 .elementskit-section-title-wraper p {
color: #615E56;
font-family: "Manrope", Sans-serif;
font-size: 15px !important;
font-weight: 400;
line-height: 25px !important;
margin: 0px 0px 0px 0px;
}
.expertise hr{
max-width: 650px;
margin: 0 auto;
margin-top: 0px;
background: #000;
}
.elementor-96 .elementor-element.elementor-element-e805e25 .elementskit-infobox .box-body > p{
font-family: "Manrope", Sans-serif !important;
}
.elementor-96 .elementor-element.elementor-element-1de40db .elementskit-infobox .box-body > p{
font-family: "Manrope", Sans-serif !important;
font-weight: 400 !important
}
.elementor-96 .elementor-element.elementor-element-2c5c21d .elementskit-infobox p {
margin: 0px 0px 14px 0px !important;
}
.elementor-96 .elementor-element.elementor-element-2c5c21d .elementskit-infobox{
padding: 0px 20px 0px 0px !important;
}
.mobileshow{
display:none;
}
@media (max-width: 768px) {
.careers-hero{
min-height: 742px;
}
.careers-hero-badge{
height: 89px;
}
.elementor-78 .elementor-element.elementor-element-6bdf6f3 .elementskit-menu-container {
max-width: 100% !important;
}
.elementor-element-16733db{
display: block !important;
}
.elementskit-navbar-nav-default .elementskit-nav-identity-panel button.elementskit-menu-close {
float: left !important;
}
.elementor-element-b893ecd .elementskit-menu-hamburger{
display:none !important;
}
.elementor-element-d15031f{
display: inline !important;
width: 176px;
position: absolute;
right: 0;
}
.elementor-element-d3bd337 a{
width:150px;
font-size: 10px !important;
}
.elementor-78 .elementor-element.elementor-element-6bdf6f3 button.elementskit-menu-hamburger{
border: none !important;
box-shadow:none !important;
}
.elementor-element-6bdf6f3{
display:block !important;
text-align: left;
align-items: left;
float: left;
position: absolute;
top: 10px;
}
.elementor-element-46b12cc{
padding-left:50px;
}
.elementor-element-16733db{
margin-top:-30px !important;
}
.elementor-element-16733db .elementor-button.elementor-button-link{
font-size: 11px !important;
padding: 4px 10px !important;
}
.elementor-78 .elementor-element.elementor-element-b893ecd .elementskit-menu-container{
max-width: 100% !important;
}
.elementor-78 .elementor-element.elementor-element-b893ecd button.elementskit-menu-close {
padding: 8px 0px 8px 0px !important;
margin: 12px 12px 12px 12px;
width: 25px;
border-radius: 0px;
border: none !important;
box-shadow: none !important;
float: left !important;
}
.elementor-element-2884c0b ul li{
width:100% !important;
}
.elementor-element-2884c0b ul li a{
line-height:30px !important;
}
#menu-item-1243{
position: absolute;
top: 21px;
right: 19px;
font-size: 12px !important;
}
#menu-item-1243 .ekit-menu-nav-link{
font-size: 10px;
background: #D4A373;
color: #fff;
z-index: 99;
line-height:25px !important;
}
.hero-h1{
font-family:48px;
line-height:58px;
text-align:center;
}
.hero-sub{
text-align: center;
}
.hero-text{
text-align: center;
}
.eyebrow-line{
width:15px;
font-weight: 400;
}
.elementor-78 .elementor-element.elementor-element-b893ecd button.elementskit-menu-close {
padding: 8px 8px 8px 8px !important;
margin: 14px 9px 12px 17px !important;
width: 11px !important; 
border-radius: 3px;
}
.philosophy{
padding:20px;
}
.owl-dots{
display:none !important;
}
.hidemobile{
display:none !important;
}
.hidedesktop{
display:block !important;
}
.phil-h2{
font-size:48px;
line-height:58px;
}
.sec-h2{
font-size:48px;
line-height:58px;
}
.exp-h3{
font-size:36px;
line-height: 44px;
}
.exp-h3 span{
font-size:36px;
line-height: 44px;
}
.expertise-photo img{
width:100% !important;
height:auto !important;
}
.exp-list{
margin-left:5px;
}
.test-quote{
font-size:36px;
line-height: 47px;
}
#team{
padding:20px;
}
#team .item{
text-align: center;
margin: 0 auto;
}
.blog-title{
font-size: 36px;
line-height: 46px;
}
.faq .faq-inner{
padding: 0px !important;
}
.faq .faq-q{
font-size: 36px;
line-height: 46px;
}
.contact-h2{
font-size: 48px;
line-height: 70px;
}
.contact-inquiry-label{
margin-bottom:0px;
}
.elementor-element-9b125f5{
margin-top: 10px !important;
}
.elementor-element-ecad725{
padding-left: 20px;
padding-right:20px;
}
.elementor-element-e805e25,.elementor-element-2c5c21d,.elementor-element-1de40db{
padding-left:7px;
}
.philosophy-left .eyebrow{
padding-top:0px;
}
.profile-section {
padding-bottom: 80px;
padding-top: 10px;
padding-left: 20px;
padding-right: 20px;
}
.breadcrumb{
padding-left:0px;
padding-right:0px;
}
.profile-section .profile-content{
margin-top:-20px;
}
#ekit-megamenu-primary-menu .ekit-menu-nav-link{
text-align: center;
display: block;
}
.submenu-click-on-icon{
padding-top: 30px !important;
background: #fff;
}
.submenu-click-on-icon a{
line-height:35px !important;
}
.elementor-78 .elementor-element.elementor-element-b893ecd .elementskit-nav-logo > img {
max-width: 150px !important;
max-height: 50px;
}
#expertiseSlider .owl-nav {
display: block !important;
position: absolute;
width: 100px;
margin: 0 auto;
text-align: center;
left: 32%;
}
#expertiseSlider .owl-dots{
display:none !important
}
.locations-hero-title{
font-size:48px;
}
.locations-hero-sub{
font-size: 20px;
line-height: 35px;
}
.elementor-element-8d88bfb{
display: block;
position: absolute;
width: 125px;
}
.profile-photo-wrap{
min-height: 350px;
margin-top: 25px;
}
.wp-singular .eyebrow-line{
width:45px !important
}
.wp-singular .profile-name{
margin-bottom:30px;
}
.profile-name .name-main{
font-size:48px;
line-height:70px;
}
.wp-singular .profile-bio{
font-size:20px;
}
.blog-post-nav{
margin-bottom: 0px !important;
}
.post-nav-item.next {
text-align: right !important;
align-items:inherit !important;
}
.nav-title{
font-size:32px !important;
line-height:42px;
}
.nav-direction{
font-size:14px !important;
}
.experience-img-wrap img{
height:550px;
}
.good-box {
display: grid;
grid-template-columns: inherit !important;
gap: 56px;
max-width: 1200px;
margin: 0 auto;
}
.elementskit-menu-close.elementskit-menu-toggler{
border:none !important;
box-shadow: none !important;
}
.elementor-78 .elementor-element.elementor-element-6bdf6f3 .elementskit-navbar-nav > li > a{
text-transform:uppercase !important;
}
.mobileshow{
display:inline-block !important;
border-bottom: 1px solid rgba(90, 87, 79, 0.8) !important;
}
.mobilehide{
display: none;
}
.elementskit-menu-overlay.elementskit-menu-offcanvas-elements.elementskit-menu-toggler.ekit-nav-menu--overlay.active {
display: none;
}
}
@media (max-width: 480px) {
.page-template-therapist-near-me .locations-hero{
text-align: center;
padding: 66px 17px 0;
background-position: 33% 3% !important;
height: 800px !important;
background-size: inherit !important;
}
.sec-sub {
font-size: 20px;
line-height: 1.79;
color: var(--text);
}
.therapist {
width: 260px;
display: flex;
flex-direction: column;
gap: 22px;
}
.therapist-photo{
width: 250px;
}
#team .item{
padding:20px;
text-align: center;
margin: 0 auto;
}
.form-privacy{
font-size: 11px !important;
color: #777;
text-align: center !important;
max-width: 300px !important;
margin: 0 auto;
}
.sbtbtn{
text-align: center;
margin: 0 auto;
display: inline-table;
margin-top:-30px;
}
.sbtbtn p{
text-align: center;
margin: 0 auto;
display: inline-grid
}
.form-privacy {
font-size: 12px;
color: #777;
text-align: left;
margin-top: -21px;
}
.ekit-heading__description{
text-align: left;;
}
.elementor-element-fc641f0{
padding-top: 0px;
--align-items: left;
}
.elementor-96 .elementor-element.elementor-element-fc641f0{
--align-items: left !important
}
.elementor-element-2a1b735{
padding-bottom:0px !important;
}
.elementor-element-2a1b735 p{
margin-bottom: 0px !important;
}
.elementor-96 .elementor-element.elementor-element-2a1b735.e-con {
border-top: 1px solid #ccc;
}
.slide-grid.philosophy-grid{
padding-left: 0px;
padding-right:0px;
}
.team-page .testimonial {
padding: 30px 20px !important;
}
#contact .contact-grid input[type="submit"] {
background: #D4A373 !important;
font-size: 16px !important;
font-family: var(--sans) !important;
font-weight: 600;
border-radius: 0px;
padding: 15px 40px;
}
.why-choose-footer-row {
grid-template-columns: repeat(1, 1fr);
gap: 24px 16px;
}
.why-choose-footer-label {
font-family: var(--serif);
font-size: 14px;
font-weight: 400;
letter-spacing: 0.8px;
color: #506051;
text-transform: uppercase;
display: block;
}
.page-template-locations .locations-hero{
height:650px;
}
.hero-badge {
width: 80px;
height: 90px;
}
.hero-badges.first{
max-width: 200px;
margin: 0 auto;
}
.hero-badge.wide {
width: 90px;
}
.comp-left{
max-width:100% !important;
}
.comp-right .comp-stat-card{
max-width:100% !important
}
}
@media (max-width: 380px) {
.elementor-78 .elementor-element.elementor-element-b893ecd .elementskit-nav-logo > img {
max-width: 120px !important;
max-height: 50px;
}
.sec-h2 {
font-size: 46px;
line-height: 56px;
}
}
.page-template-home-page-templates #teamSlider{
max-height:380px;
}