/*
  Simple FlexBox Grid created by Mary Adkins GraphixStation June 23 2021.
  Copyright GraphixStation 
  All Rights Reserved
  Contact at https://www.graphixstation.com
*/
/* ====================================== GS FlexBox Grid 2023 Updated ====================================== */

.grid-container {margin: 0 auto; max-width: 1200px; overflow: hidden;position: relative;transition: 0.3s linear; width: 100%;}
.grid-padding {padding: 1.5% 0 0 1.5%;}
.grid-row {display:flex; flex-flow: row wrap; justify-content: flex-start; transition:0.3s linear;}
.grid-row-align {align-items: center; display: flex; flex-flow: row wrap; justify-content: center;transition: 0.3s linear;}

/* new update to grid style to remove asterisk */
.gr-col {margin: 0 auto; padding: 0 1.5% 1.5% 0; position: relative; transition:0.3s linear;}
.col-1ew {flex: 1; margin: 0 auto; padding: 0 1.5% 1.5% 0; position: relative; transition:0.3s linear;} /* Equal widths */
.col-1-1 {flex-basis: 100%; width: 100%;}
.col-1-2, .col-6-12 {flex-basis: 50%; width: 50%;}
.col-1-3, .col-4-12 {flex: 1; flex-basis: 33.33%; width: 33.33%;}
.col-1-4, .col-3-12 {flex-basis: 25%; width: 25%;}
.col-1-5 {flex-basis: 20%; width: 20%;}
.col-5-12 {flex-basis: 41.66%; width: 41.66%;}
.col-7-12 {flex-basis: 58.33%; width: 58.33%;}
.col-8-12 {flex-basis: 66.66%; width: 66.66%;}
.col-9-12 {flex-basis: 75%; width: 75%;}
.grid-content {height: 100%; padding: 20px; position: relative;}
.grid-content-flex {display: flex; padding: 20px; position: relative;}
.level-up {z-index: 200;}

@media only screen and (max-width: 880px) {
.col-1ew {flex-basis: 33.33%;}
.col-1-4 {flex-basis: 50%; width: 50%;} 
.col-1-5 {flex-basis: 33%; width: 33%;}
.col-3-12 {flex: 1; flex-basis: 30%; width: 30%;}
.col-4-12 {flex-basis: 40%; width: 40%;}
.col-6-12 {flex-basis: 100%; width: 100%;} 
/* .col-5-12, .col-7-12 {flex-basis: 50%; width: 50%;} */
.col-8-12 {flex-basis: 60%; width: 60%;}
.col-9-12 {flex-basis: 70%; width: 70%;}
/* .grid-content {padding: 10px;} */
}


/* Styles for screen 880px to 744px added important for ew columns only */
@media screen and (max-width: 880px) and (min-width: 744px) {.col-1ew {padding: 0;}}
@media (min-width: 810px) {.revers_col {flex-direction: row-reverse;}}

@media only screen and (max-width: 768px) {
	.grid-padding {padding: 0;}
	.gr-col {flex-basis: 100%; padding: 2.5% 3%;}
	.col-1-2, .col-1-3, .col-3-12,.col-4-12, .col-5-12, .col-6-12, .col-7-12,.col-8-12,.col-9-12 {flex-basis: 100%; padding: 2.5% 3%;}
	.col-1-4, .col-1-5 {flex-basis: 50%; padding: 2.5% 3%; width: 50%;}
}
@media only screen and (max-width: 668px) {.col-1ew {flex-basis: 50%; padding: 2.5% 3%; width: 50%;}}
@media only screen and (max-width: 526px) {.col-1-5 {flex-basis: 100%; padding: 0 3%; width: 100%;}}
@media only screen and (max-width: 440px) {
	/*.grid-content-flex {padding: 5px 20px;}  */
	.col-1ew {flex-basis: 100%; padding: 2.5% 3%; width: 100%;}
	.col-1-4 {flex-basis: 100%; padding: 0 3%;} 
}
/* 
  ======================================================================================
  GS FlexBox Grid 2021 with equal heights using Flex Direction Column for PUSH feature
  ======================================================================================
*/
/* to make each column equal width and height */
.rowF {display: flex;}
.rowF2 {display: flex; border-bottom: 1px solid #fff; padding: 20px 0;}

.colF {flex: 1; flex-direction: column; display: flex; padding: 1em 1em 1.75em; margin: 0 1.5% 1.5% 0;}
.colF:hover {-webkit-box-shadow: 0 10px 20px 2px rgba(0,0,0,.2); box-shadow:0 10px 20px 2px rgba(0,0,0,.2); transition: all ease-in-out 300ms;}

.push {align-self: center; color: #fff; cursor: pointer; font-weight: 400; letter-spacing: 0.04em; margin-top: auto; text-align: center; text-transform: uppercase;}
.push:hover { -webkit-box-shadow: 0 10px 20px 2px rgba(0,0,0,.2); box-shadow: 0 10px 20px 2px rgba(0,0,0,.2); transition: all ease-in-out 500ms;}
.push a {background-color: #29345d; border-radius: 4px;  color: #fff; padding: 6px 12px 4px; }
.push a:hover {background-color: #8D9693; color: #1f1f1f;}

@media only screen and (max-width: 810px) {.rowF {flex-wrap: wrap;} .colF {flex: 1 1 300px;}}
@media only screen and (max-width: 654px) {.rowF {display: block;} .colF {flex-basis: 100%;}}
@media only screen and (max-width: 480px) {.colF {margin: 4%;}} 
/* end equal width and height */

/* #Reset & Basics (Inspired by E. Meyers)
Theme Name: New CSS Style
Author: Mary Adkins GraphixStation.com
================================================== */
/* Addresses margins handled incorrectly in IE6/7. */
	*, *:after, *:before {-webkit-box-sizing: border-box;-moz-box-sizing: border-box; box-sizing: border-box; margin: 0; padding: 0;}
	html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
	border: 0; font: inherit; font-size: 100%; margin: 0; padding: 0; vertical-align: baseline;}
	article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}
	body {line-height: 1;} ol, ul {list-style: none;} table {border-collapse: collapse; border-spacing: 0;} 
	figure {position: relative;} figure img {width: 100%;}
	* {margin: 0; padding: 0;}
/* #Basic Styles
================================================== */
	body {background-color: #fff; color: #29345d; font-family: "Poppins", sans-serif; font-weight:300; font-stretch: normal; margin: 0; overflow-x: hidden;}
	html {scroll-padding-top: 120px;} /* height of sticky header */
	body {padding-top: 140px; position:relative; height: 100%; /* height of the header */}

.target-element {padding-top: 140px !important; margin-top: -140px !important;} 

/* ------------------- test sticky fixed header -------------------- */
 .sticky-header {background: #fff; box-shadow: 0 10px 0 -8px rgba(0,0,0,.01),0 10px 18px -6px rgba(0,0,0,.1); height: 130px; position: fixed; top: 0; width: 100%; z-index: 1000;}

/* #Typography
================================================== */
	.montserrat {font-family: "Montserrat", sans-serif;font-optical-sizing: auto;font-style: normal;}
  	.poppins-light {font-family: "Poppins", sans-serif; font-weight: 300;font-style: normal;}
	.poppins-regular {font-family: "Poppins", sans-serif;font-weight: 400;font-style: normal;}
	.poppins-medium {font-family: "Poppins", sans-serif;font-weight: 500;font-style: normal;}
	.poppins-semibold {font-family: "Poppins", sans-serif;font-weight: 600;font-style: normal;}
	.playfair-display {font-family: "Playfair Display", serif; font-optical-sizing: auto; font-style: normal;}

	h1 {color: #29345d; font-family: "Montserrat", sans-serif; font-size: 60px; font-weight: 700; line-height: 66px; margin: 0 0 10px 0;} 
	h2 {color: #A97E4C; font-family: "Playfair Display", serif; font-size: 48px; font-weight: 600; letter-spacing: -.05rem; line-height: 54px; margin-bottom: 25px; padding: 0;}
	h3 {font-size: 32px; font-weight: 300; line-height: 38px; padding-bottom: 14px;}
	h4 {font-size: 24px; font-weight: 300; line-height: 28px; padding-bottom: 6px;}
	h5 {font-size: 18px; font-weight: 400; line-height: 24px; margin-bottom: 8px;}
	
	h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {font-weight: inherit;}
	p {color: #29345d; font-size: 16px; line-height: 22px; margin: 0 0 25px 0;}
	a, a:hover {text-decoration: none;}
	a {transition: color 0.3s ease 0s;}
	em {font-style: italic; line-height: 14px;}
	small {font-size: 80%;}
	strong {font-weight: 500;}
	
	hr {border: dotted #7a7a7a; border-width: 1px 0 0; clear: both; height: 0; margin: 30px 0;}
	hr.sm {border: dotted #29345d; border-width: 1px 0 0; clear: both; height: 0; margin: 6px 0 20px;}	
	hr.white {border: dotted #fff; border-width: 2px 0 0; clear: both; height: 0; margin: 50px 0;}
	hr.jump {border: dotted #fff; border-width: 2px 0 0; clear: both; height: 0; margin: 30px 0 10px;}
	hr.icon {border: dotted black; border-width: 1px 0 0; display: block; margin: 100px 0 0; overflow: visible; padding: 0; position: relative;} /* margin: 100px 20px 0 20px; margin: 50px 0; */
	hr.icon::before {background: url('../images/icons/hr-icon.png') center center no-repeat; background-size: contain; content: ""; display: block; height: 25px; left: 50%; position: absolute; top: -13px; width: 25px; z-index: 3;}

	.break {display: inline-block; width: 100%; height: 0;}
	.no-drag {pointer-events: none;}
	
.visually-hidden { 
    border: 0; height: 1px; margin: 0; padding: 0;overflow: hidden; position: absolute !important;
    clip: rect(1px 1px 1px 1px); /* IE6, IE7 - a 0 height clip, off to the bottom right of the visible 1px box */
    clip: rect(1px, 1px, 1px, 1px); /*maybe deprecated but we need to support legacy browsers */
    clip-path: inset(50%); /*modern browsers, clip-path works inwards from each corner*/
    white-space: nowrap; /* added line to stop words getting smushed together (as they go onto seperate lines and some screen readers do not understand line feeds as a space */
	width: 1px;}
	
/* #CLearFix */
.clearfix:before,.clearfix:after {content: " "; display: table;}.clearfix:after {clear: both;}.clear {clear: both;}
.clearfix:after {clear: both; content: " "; display: block; font-size: 0; height: 0; visibility: hidden;}

/* Alternate font styles */
.hero-h1 {margin: 0;}
.hero-h2 {line-height: 50px; margin-bottom: 10px;}
.hero-h2b {line-height: 50px; margin-bottom: 2px;}
.hero-h3 {font-size: 30px; font-weight: 300; line-height: 36px; padding-bottom: 14px;}
.hero-tagline {font-size: 18px; font-weight: 300; line-height: 24px; margin-bottom: 20px;}

.center-text {text-align: center !important;}
.para-title {font-size: 28px; font-weight: 500; line-height:32px; padding-bottom: 10px;}
.tagline {font-size: 22px; font-weight: 300; line-height: 32px; margin-bottom: 4px;}
.para-subtitle {font-size: 20px; font-weight: 500; line-height: 26px; padding-bottom: 14px;}
.section-desc {font-size: 18px; line-height: 26px; margin: 0 auto; max-width: 800px; text-align: center;}
.feature-text {font-size: 1.05rem; line-height: 1.65;}
.process-titles {font-size: 1.05rem; font-weight: 500; line-height: 26px; padding-bottom: 6px;}
.bio-text {font-size: .9rem; font-weight: 400;}
.bio-sub-title {font-size: 20px; line-height: 26px; padding-bottom: 10px;}

.smalltext {color: #4d4d4d; font-size: 13px; line-height: 15px; margin: 0 auto; padding: 0; position: relative; text-align: center;}
.smalltext a {color: #87643c;}
.smalltext a:hover {color: #29345d;}

/* ----- MAIN Pediatric Dental of OK Colors --------------------------------------------------- */
.dk-blue {color: #29345d;}
.dkr2-sage {color: #8D9693;}
.tan {color: #A97E4C;}
.dk-tan {color: #987144;}
.dk-tan2 {color: #87643c;} /* per wave */
.sand {color: #d8c99f;} /* on dark blue our mission and titles in footer */
.pink {color: #D97879;} /* darker than #e9b1b3 per WAVE for text */
.bright-pink {color: #FF99CC;} /* per websafe for dark blue background */
.dk-pink {color: #CE5052;} /* darker pink per WAVE for text on tan background */
.baby-blue {color: #6A98BE;} /* darker than #89adcb per WAVE for text */
.bright-blue {color: #66CCFF;} /* per websafe */
.dk-baby-blue {color: #4974a5;} /* for service icons text per wave */

 /* Alternate font colors */
.black {color: #1f1f1f;}
.white {color: #fff;}
.red {background-color: red; color: #fff; padding: 4px;} 

/* background colors */
.bk-dk-blue {background-color: #29345d;} /* on home page */
.bk-taupe {background-color: #d9d5c9;}
.bk-lt-sage {background-color: #e2e7e5; border-radius: 10px; margin: 10px; padding: 10px;} /* tongue tie page */
.bk-ecru {background-color: #f4f2e8; border-radius: 10px; margin: 10px; padding: 10px;}  /* tongue tie page */
.bk-pale-blue {background-color: #e1eaf2; border-radius: 10px; height: 100%; margin: 0; padding: 20px;}  /* tongue tie page */
.bk-pale-blue ul {margin-bottom: 0 !important;}

/* ----- Image Styles --------------------------------------------------- */
img {display: block; margin: 0 auto; max-width: 100%;}
a img {border:none;}

.double-logo-container {display: flex; float: left; gap: 1.5rem; height: auto; justify-content: center; margin: 0 auto; max-width: 100%; padding-left: 10px; position: relative; z-index: 500;}
.double-logos {display: inline-block; height: auto; margin: 0 auto; max-width: 100%; position: relative; vertical-align: top;} 

.hero-img {display: block; height: auto; margin: 0 auto; max-width: 100%; padding: 0; position: relative;} 
.hero-icon {display: inline-block; height: auto; margin: 0; max-width: 100%; padding:0 5px 0 0; vertical-align: middle;}
.footer-logo {display: block; margin: 0 0 20px; padding: 0; position: relative;}
.bio-img {border-radius: 10%; display: block; height: auto; margin: 0; margin-bottom: 20px; max-width: 100%;}
.mobile-only-img {display: none;} 

/* on home page */
.circle-shape-border {background-color: #fff;border-radius: 50%; border: 3px solid #9fa7a4; display: flex; height: 120px; margin: 0 auto; margin-bottom: 20px; max-width: 100%; padding: 10px; width: 120px;}

/* our services page icons */
.circle-shape-icons {align-self: start; background-color: #fff;border-radius: 50%; border: 3px solid #9fa7a4; display: block; margin: 0 auto; margin-right: 20px; max-width: 100%; padding: 6px; position: relative;}
.side-imgs {display: block; height: auto; max-width: 100%; padding: 0;}

/* circle-shape2 only on our process pg maybe change it */
.circle-shape2 {align-content: center; background-color: #fff; border-radius: 50%; box-shadow: 0 10px 20px rgba(0,0,0,0.2); margin: 0 auto; max-width: 100%; padding: 10px;}

/* used on our services page */
.center-top-imgs {display: block; height: auto; margin: 0 auto; padding: 0 0 20px 0; position: relative; max-width: 100%;} 

.jump-up {bottom: 0; height: auto; left: 0; margin: 0 auto; max-width: 100%; padding: 0; position: absolute; right: 0;}
.fixed-scroll-up {bottom: 4%; height: auto; left: 10px; max-width: 100%; padding: 0; position: fixed; z-index: 500;}

/* ----- Special Custom Shaped SVG images ---------------------------------------------------*/
/* Blue wave bottom */
.custom-shape-divider-bottom-1774452432 {bottom: 0; left: 0; line-height: 0; margin-bottom: -1px; overflow: hidden; position: absolute; transform: rotate(180deg); width: 100%;}
.custom-shape-divider-bottom-1774452432 svg {display: block; height: 140px; position: relative; transform: rotateY(180deg); width: calc(100% + 1.3px);}
.custom-shape-divider-bottom-1774452432 .shape-fill {fill: #29345D;}

/* Blue wave TOP */
.custom-shape-divider-top-1774455001 {left: 0; line-height: 0; margin-top: -1px; overflow: hidden; position: absolute; top: 0; width: 100%;}
.custom-shape-divider-top-1774455001 svg {display: block; height: 90px; position: relative; transform: rotateY(180deg); width: calc(100% + 1.3px);}
.custom-shape-divider-top-1774455001 .shape-fill {fill: #29345D;}

/* Lighter Taupe Tan wave TOP for ABOVE lt tan section */
.custom-shape-divider-top-1777653438 {left: 0; line-height: 0;  margin-bottom: -1px; overflow: hidden; position: absolute; top: 0; width: 100%;}
.custom-shape-divider-top-1777653438 svg {display: block; height: 90px; position: relative; width: calc(100% + 1.3px);}
.custom-shape-divider-top-1777653438 .shape-fill {fill: #E4E1D9;}

/* Lighter Taupe Tan wave BOTTOM for ABOVE lt tan section */
.custom-shape-divider-bottom-1777652837 {bottom: 0; left: 0; line-height: 0; margin-bottom: -1px; overflow: hidden; position: absolute; transform: rotate(180deg); width: 100%;}
.custom-shape-divider-bottom-1777652837 svg {display: block; height: 90px; position: relative; width: calc(100% + 1.3px);}
.custom-shape-divider-bottom-1777652837 .shape-fill {fill: #E4E1D9;}

/* WHITE footer wave TOP */
.custom-shape-divider-top-1774909107 {left: 0; line-height: 0; margin-top: -1px; overflow: hidden; position: absolute; top: 0; width: 100%;}
.custom-shape-divider-top-1774909107 svg {display: block; height: 90px; position: relative; width: calc(100% + 1.3px);}
.custom-shape-divider-top-1774909107 .shape-fill {fill: #FFFFFF;}

/* WHITE footer wave BOTTOM */
.custom-shape-divider-bottom-1774909348 {bottom: 0;left: 0; line-height: 0; margin-bottom: -1px; transform: rotate(180deg); overflow: hidden; position: absolute; width: 100%;}
.custom-shape-divider-bottom-1774909348 svg {display: block; height: 90px; position: relative; width: calc(100% + 1.3px);}
.custom-shape-divider-bottom-1774909348 .shape-fill {fill: #FFFFFF;}

/* Tan footer wave TOP */
.custom-shape-divider-bottom-1774639761 {bottom: 0; left: 0; line-height: 0; margin-bottom: -1px; overflow: hidden; position: absolute; transform: rotate(180deg); width: 100%;}
.custom-shape-divider-bottom-1774639761 svg {display: block; height: 90px; position: relative; width: calc(100% + 1.3px);}
.custom-shape-divider-bottom-1774639761 .shape-fill {fill: #D9D5C9;}

.arrow-divider {display: flex;justify-content: center; margin-top: -250px; margin-left: auto; margin-right: auto; position: absolute; text-align: center; width: 100%;}
.arrow-divider-img {margin: 0 auto; max-width: 70%; width: 100%;}

/* ----------------------------- PAGE PADDING ---------------------------*/
.section-padding {padding: 6rem 0 8rem;}
.section-padding-sm {padding: 6rem 0 2rem;}
.section-padding-sub {padding: 3rem 0;}
.section-padding-tlt {padding: 2rem 0 4rem;} /* padding: 1rem 0 8rem; */
.section-title {margin-bottom: 3rem; text-align: center;}

.top-padding-only {margin-top: 40px;} /* used on About Us Process and Services */
.bottom-padding-only {margin-bottom: 40px;} /* confirmed being used */
.para-top-pad {margin-top: 80px;} /* for hero feature box */
.para-bottom-pad {margin-bottom: 130px;}  /* for hero text */
.hella-bottom-pad {margin-bottom: 200px;}  /* for bottom areas before waves */

/* CALL TO ACTION Buttons */
.cta-btn {margin: 0 auto; text-align: center;}
.cta-btn-left {margin: 0 auto; margin-top: 35px; text-align: left;}

.btn-primary {background: #9fa7a4; color: #29345d !important;}
.btn-primary:hover {background: #c4a27c;}
.btn {border-radius: 50px; border: none; cursor: pointer; display: inline-block; font-weight: 500; font-size: 16px; padding: 14px 36px; text-decoration: none; transition: transform .25s, box-shadow .25s, background .25s;}
.btn:hover {box-shadow: 0 6px 14px rgba(0,0,0,0.4); transform: translateY(-2px);} /* changed drop down shadow size May 1 2026 */

.btn-secondary {background: #fff; color: #29345d;} /* white button */
.btn-secondary:hover {background: #d9d5c9;}

.btn-br-blue {background: #66CCFF; color: #29345d;} /* bright blue for dk blue background */
.btn-br-blue:hover {background: #e9b1b3;}

.btn-br-blue-dk {background: #a5c1d8; color: #29345d;} /* lighter soft blue */
.btn-br-blue-dk:hover {background: #e9b1b3;}

.btn-pink {background: #e9b1b3; color: #29345d; margin-bottom: 10px;} /* pink button */
.btn-pink:hover {background: #9fa7a4; color: #fff;}

.center-wide-btn {text-align: center; width: 100%;}
 
/* PAGE LAYOUT STYLES */
header {position: relative; z-index: 100;}
.wrapper {background-color: #fff; height: auto; margin: 0 auto; min-height: 100%; max-width: 100%; position: relative;}

.hero-bk {background: #fff url('../images/hero-btm-wave.svg') no-repeat bottom center; background-position: bottom; background-size: contain; bottom: 0; max-width: 100%; position: relative; width: 100%;}
.hero-bk-inner {background: #fff url('../images/hero-inner-btm-wave.svg') no-repeat bottom center; background-position: bottom; background-size: contain; bottom: 0; max-width: 100%; min-height: 960px; position: relative; width: 100%; z-index: 1;}
.hero-bk-inner-tlt {background: #fff url('../images/hero-inner-btm-wave-tlt.svg') no-repeat bottom center; background-position: bottom; background-size: contain; bottom: 0; max-width: 100%; min-height: 900px; position: relative; width: 100%;}

.header-container {height: auto; margin: 0 auto; max-width: 100%; padding: 20px 30px; position: relative; width: 1200px;}
.hero-text {margin-top: 40px; padding-bottom: 140px; min-height: 800px; position: relative;} 
.hero-text-inner {margin-top: 40px; height: 100%; min-height: 850px; position: relative;}
.hero-text-inner-tlt {margin-top: 40px; height: 100%; min-height: 1000px; position: relative;}

.about-stats {display: flex; gap: 1.5rem; flex-wrap: wrap; margin: 1rem 0;}
.stat {background: #eaeeec; border-radius: 16px; display: flex;flex: 1; flex-direction: column; min-width: 100px; padding: .35rem 1rem 1.25rem; text-align: center;}
.stat-num {color: #A97E4C; font-size: 2rem; font-weight: 900; font-family: 'Playfair Display', serif; line-height: 1.6;}
.stat-label {color: #29345e;font-size: .8rem; font-weight: 600; line-height: 1.2;}

.about-stats-tlt {display: flex; gap: 1.5rem; flex-wrap: wrap; margin: 1rem 0;}
.stat-tlt {background: #29345d; border-radius: 16px; display: flex;flex: 1; flex-direction: column; min-width: 100px; padding: .35rem 1rem 1.25rem; text-align: center;}
.stat-num-tlt {color: #6CF; font-size: 2rem; font-weight: 900; font-family: 'Playfair Display', serif; line-height: 1.6;}
.stat-label-tlt {color: #fff;font-size: .8rem; font-weight: 400; line-height: 1.2;}

.feature-box-container {display: block; margin: 0 auto; max-width: 1200px; padding: 20px; position: relative; width: 100%;}
.feature-box {background-color: #fff; border-radius: .5rem; box-shadow: 0 48px 96px -8px rgba(0,0,0,.05),0 24px 48px -4px rgba(0,0,0,.5); box-sizing: border-box; height: auto; max-width: 100%; position: relative; width: 100%;}
.feature-box p {line-height: 24px;}

.spec-feature-box {background-color: #e2e7e5; border-radius: 12px; display: block; margin: 0 auto; margin-top: 40px; padding: 20px; width: 100%;}
.spec-feature-box a {color: #87643c;}
.spec-feature-box a:hover {color: #29345e;}

/* ------------------- UPDATED Small top header Top Nav and Phone -------------------- */
.smnav-container {margin: 0 auto; max-width: 100%; position: relative; width: 100%;}
.smnav *,
.smnav *:before,
.smnav *:after {-webkit-box-sizing: content-box; -moz-box-sizing: content-box;box-sizing: content-box;}
.smnav {letter-spacing: 0.02em; margin: 0; max-width: 100%; padding:0; position: relative; width: 100%;}
.smnav ul {margin: 0 auto; padding: 0; display: inline-block; position: relative; width: 100%; text-align: right;}
.smnav ul li {list-style: none;display: inline-block; padding: 0; position: relative; vertical-align: middle;}
/* smnav link */
.smnav ul li a {color: #29345d; font-size: 20px; font-weight: 500; padding: 0; text-decoration: none;}
.smnav ul li a:hover {color: #000;} /* ADD THIS SO IT DOESNT FREAK OUT */
.phone {margin-left: 10px;}

/* --------- updated NAV by Hunter Adkins Claude March 2026 ------------ */
.pixel {display: none;}
/* 01 GLASSMORPHISM NAV */
.g-nav {font-family: "Poppins", sans-serif; position:relative; z-index:500;}
.g-inner {align-items:center; display:flex; gap:32px; height:64px; max-width:1200px; margin:0 auto; padding:0;}
.g-links {display:flex; gap:2px; list-style:none; margin:0 0 0 auto; padding:0;}
.g-links > li {position:relative;}
.g-links > li > a {align-items:center; color:#29345d; cursor:pointer; display:flex; gap:5px; font-size:.95rem; font-weight:400; padding: 20px 0 8px 18px; transition: color .2s,background .2s; white-space:nowrap;}
.g-links > li > a .chev {display: content; font-size: .85em; transition:transform .25s;}
.g-links > li.open > a .chev {opacity:1; transform:rotate(180deg);}
.g-links > li > a::after {background:#1a1614; content:''; bottom:2px; height:1px; left:18px; right:14px; position:absolute; transform:scaleX(0); transition:transform .3s ease; width: 80%;}
.g-links > li > a:hover::after,.g-links > li.open > a::after {transform:scaleX(1);}

/* standard dropdown */
.g-drop {position:absolute; top:calc(100% + 4px); left:0; background:rgba(255,255,255,.96);backdrop-filter:blur(24px); border:1px solid rgba(255,255,255,.1); border-radius:12px;box-shadow: 0 0 11px rgba(33,33,33,.2); padding:8px; min-width:220px; opacity:0; visibility:hidden; transform:translateY(-8px); transition:opacity .22s,visibility .22s,transform .22s; z-index:200;}
.g-links > li:hover .g-drop{opacity:1; visibility:visible; transform:translateY(0);}
.g-drop a {display:flex; align-items:center; gap:6px; padding:12px; border-radius:8px; color:#29345d; font-size:.95rem; font-weight: 400; line-height: 1rem; transition:color .2s,background .2s;}
.g-drop a:hover {background:#e2e7e5;}
.g-drop-icon {height:28px; border-radius:6px; background:rgba(255,255,255,.06); border:1px solid rgba(255,255,255,.08); display:flex; align-items:center; justify-content:center; font-size:.9rem; flex-shrink:0; width:28px;}
.g-drop-text {display:flex; flex-direction:column;}
.g-drop-text span {color:#b0916f; font-size:.85rem; font-weight:400; padding-top: 2px;}
.g-drop hr {border:none; border-top:1px solid #b0916f; margin:4px 0;}

/* mega menu */
.g-mega {position:absolute; top:calc(100% + 4px); left:50%; transform:translateX(-50%) translateY(-8px); width:560px; background:rgba(255,255,255,.96); backdrop-filter:blur(24px); border:1px solid rgba(255,255,255,.1); border-radius:14px; box-shadow: 0 0 11px rgba(33,33,33,.2); padding:20px; opacity:0; visibility:hidden; transition:opacity .22s,visibility .22s,transform .22s; z-index:200;}
.g-links > li:hover .g-mega {opacity:1; visibility:visible; transform:translateX(-50%) translateY(0);}
.g-mega-grid {display:grid; grid-template-columns:1fr 1fr; gap:4px;}
.g-mega a {align-items:center; border-radius:10px; color:#29345d; display:flex; font-size:.83rem; gap:12px; padding:12px; transition:color .2s,background .2s;}
.g-mega a:hover {background:#e2e7e5;}
.g-mega-icon {border-radius:8px; background:#d9d5c9; border:1px solid #d9d5c9; display:flex; align-items:center; height:36px; justify-content:center; font-size:1rem; flex-shrink:0; width:36px;}
.g-mega-label {color:#29345d; font-weight:400; font-size:.95rem;}
.g-mega-sub {color:#b0916f; font-size:.85rem; font-weight:400; padding-top: 2px;}
.g-mega-title {color:#29345d; font-size:.68rem; letter-spacing:.1em; margin-bottom:4px; padding:0 12px; text-transform:uppercase;}
.g-mega-highlight-lt {background-color: #f4f1e7;}
.g-mega-highlight-ltb {background-color: #eef5fc;}

/* right side */
.g-cta {display:flex; align-items:center; gap:2px;}
.g-btn-ghost {padding:7px 16px; border-radius:8px; border:1px solid rgba(255,255,255,.15); color:rgba(255,255,255,.8); font-family: "Poppins", sans-serif; font-size:.8rem; font-weight:600; background:none; cursor:pointer; transition:border-color .2s, color .2s;}
.g-btn-ghost:hover {border-color:rgba(255,255,255,.4);color:#fff}
.g-btn-primary {border-radius: 50px; border:none; background:#c4a27c; color:#001a0e; font-family: "Poppins", sans-serif; font-size:.9rem; font-weight:500; cursor:pointer; padding:7px 16px; transition:opacity .2s;}
.g-btn-primary:hover {background:#9fa7a4;}
  
/* mobile drawer */
.g-drawer {background:rgb(226, 231, 229); border-bottom:1px solid rgba(255,255,255,.08); box-shadow: 0 10px 14px rgba(0, 0, 0, 0.19); display:none; left:0; opacity:0; padding:16px; position:absolute; right:0; top:87px; transform:translateY(-8px); transition:opacity .25s,transform .25s; z-index:90;}
.g-drawer.open {opacity:1; transform:translateY(0);}
.g-drawer ul {display:flex; flex-direction: column; gap:2px; list-style:none; margin:0; padding:0;}
.g-drawer ul a {border-radius:8px; color:#29345d; display:block; font-size:1rem; font-weight:500; padding: 8px 0 6px 14px; transition:color .2s, background .2s;}
.g-drawer ul a:hover {background:rgba(159, 167, 164); color:#fff;}
.g-drawer-group {margin-bottom: 12px;}
.g-drawer-group-label {border-bottom: 1px solid #29345d; color:#29345d; font-size:1rem; letter-spacing:.05em; margin: 6px 14px; padding-bottom: 4px; text-transform:uppercase;}
.g-drawer-sub {font-size:.82rem !important; margin-left: 14px;}
.g-drawer-sub:hover {color:rgba(255,255,255,.85) !important;}
.g-drawer-btn {border-radius:10px; background: #29345d; color:#fff; display:block; font-size:1rem; font-weight:400; margin-top:12px; padding:12px; text-align:center;}

.mobile-logo-box {align-items: normal; display: flex; gap: 2rem; justify-content: center; margin: 0 auto; max-width: 100%; padding: 10px 0 20px; position: relative; width: 100%;}
.mobile-logos {display: inline-block; margin: 0 auto; max-width: 100%; padding: 0; position: relative;}

@media screen and (max-width: 1020px) {
.g-inner {height: 35px; gap: 0; max-width: 100%; width: auto;}
.g-links {gap: 0;}
.g-links > li > a {gap: 0; font-size: .90rem;}
}

@media(max-width:900px){
  .g-links,.g-cta {display:none;}
  .g-hbg {display:flex;}
  .g-drawer {display:none;}
  .g-drawer.open {display: block;}
  .g-drawer {height: 600px; left:0; position: fixed; right: 0; overflow-y: scroll; top: 105px; -webkit-overflow-scrolling: touch; width: 100%;}
}
/* ------------------ END NEW NAVIGATION --------------- */

/* -------------------- Home page sections -------------------- */
.about-card {background: #f4f3e8; border-radius: 10px; overflow: hidden; padding: 2.5rem; position: relative;}
.about-card-title {font-family: "Playfair Display", serif; font-size: 34px; font-weight: 500; line-height: 44px;}
.about-card-sub-title {font-size: 22px; font-weight: 400; line-height: 28px; margin-bottom: 4px; padding: 0;}
.about-img {display: block; height: auto; max-width: 100%; position: relative; padding-bottom: 20px;}
.about-img2 {background-color: #c5cac8; border-top-right-radius: 10px; border-top-left-radius: 10px; display: block; height: auto; max-width: 100%; position: relative; margin-bottom: 20px; padding-top:4px;}

/* ── OUR SERVICES ── */
.white-service-icon-section {display: block; margin: 0 auto; max-width: 100%; padding: 0; position: relative; width: 100%;}
.serv-icon-container {display: block; margin: 0 auto; max-width: 100%; padding: 0; position: relative; width: 100%;}
.serv-icons {display: block; margin: 0 auto; max-width: 100%; padding: 0 0 20px 0; position: relative;}
.serv-icons-desc {font-size: 18px; line-height: 24px; margin: 0 auto; text-align: center;}
.white-service-icon-section ul {list-style-type: none; margin-bottom: 20px;}
.white-service-icon-section ul li:before {content: "\00BB \0020";}
.white-service-icon-section ul li {color: #29345d; font-size: 16px; line-height: 22px; list-style: inside none; margin-left: 15px; padding-bottom: 8px; text-indent: -10px;}
.white-service-icon-section ul ul {margin: 10px 0 0 30px;}
.white-service-icon-section ul ul li {margin: 0; padding: 0 0 8px 0;}
.white-service-icon-section a {color: #87643c;}
.white-service-icon-section a:hover {color: #29345d;}

.white-service-icon-section .title {font-size: 18px;font-weight: 400;line-height: 24px; margin: 14px 0 4px 0; text-indent: 0;}
.white-service-icon-section .title:before {content: " ";}
.white-service-icon-section .list-title-bold {font-size: 20px; font-weight: 500; line-height: 24px; margin: 4px 0; text-indent: 0;}
.white-service-icon-section .list-title-bold:before {content: " ";}

.ourservices {background: #FFFFFF; background: linear-gradient(177deg, rgba(255, 255, 255, 1) 0%, rgba(226, 231, 229, 1) 60%, rgb(159, 167, 164) 95%); min-height: 750px; margin: 0 auto; padding-bottom: 80px; position:relative; text-align: center; width: 100%;}
  .services-grid {display: grid; grid-template-columns: repeat(4, 1fr); gap: 16px;}
  .service-card {background: #fff; border-radius: 12px; box-shadow: 0 10px 8px rgba(26,45,78,.15); cursor: pointer; padding: 28px 20px 24px; position: relative; overflow: hidden; text-align: center; transition: transform .3s, box-shadow .3s, background .3s;}
  .service-card::before {content: ''; inset: 0; background: #29345d; opacity: 0; position: absolute; transition: opacity .35s;} 
  .service-card:hover {transform: translateY(-4px); box-shadow: 0 6px 14px rgba(0,0,0,0.5);}
  .service-card:hover::before {opacity: 1;}
  .service-card:hover .service-icon {background: rgba(255,255,255,.15);}
  .service-card:hover .service-icon svg {fill: #fff;}
  .service-card:hover .service-name {color: #fff;}
  .service-card:hover .service-flip {opacity: 1; transform: translateY(0);}
  .service-card:hover .service-front {opacity: 0; pointer-events: none;}
  .sedation {background: #e2e7e5;}
  
  .service-front, .service-flip {position: relative; z-index: 1; transition: opacity .3s, transform .3s;}
  .service-flip {align-items: center; background: #29345d; inset: 0; display: flex; flex-direction: column; justify-content: center; padding: 20px 14px; opacity: 0; position: absolute; transform: translateY(8px); z-index: 2;}
  .service-flip p {color: #fff; font-size: 13px; line-height: 17px; margin: 0 auto;}
  .service-flip .btn-sm {background: #d8c99f; color: #29345d; border-radius: 50px; font-size: 13px; font-weight: 500;  margin-top: 12px; padding: 8px 18px; text-decoration: none; transition: background .2s;}
  .service-flip .btn-sm:hover {background: #fff;}
  .service-icon {align-items: center; background: #e2e7e5; border-radius: 16px; display: flex; height: 60px; justify-content: center; margin: 0 auto 14px; padding: 4px; transition: background .3s; width: 60px;}
  .service-icon svg {height: 32px; fill: #9fa7a4; transition: fill .3s; width: 32px;}
  .service-name {color: #29345d; font-size: 14px; font-weight: 500; line-height: 18px;}
  .services-cta {margin-top: 40px; text-align: center;}
  .sedation-icon {background-color: #b3bcb8;}
  
.why-choose {display: block; margin: 0 auto; max-width: 100%; padding: 0; position: relative;}
.why-card {background: rgba(255,255,255,.06); border: 1px solid rgba(255,255,255,.1); border-radius: 20px; height: 100%; padding: 36px 28px; text-align: center; transition: background .3s, transform .3s, border-color .3s; transition-delay: 0s, 0s, 0s;}
.why-card:hover {background: rgba(255,255,255,.1);  border-color: rgba(255,255,255,.2);transform: translateY(-4px);}
.why-card p {font-size: 15px; line-height: 1.5; margin: 0; padding: 0;}
.why-icon {align-items: center; border-radius: 50%; display: flex; height: 68px; margin: 0 auto 20px; justify-content: center; width: 68px;}

.serving-families {display: block; margin: 0 auto; max-width: 100%; padding: 0; position: relative;}

.org-members {display: block; margin: 0 auto; max-width: 100%; padding: 0 0 140px 0; position: relative;}
.org-member-logos {align-items: center; display: flex; flex-wrap: wrap; gap: 2.5rem; justify-content: center;}
.org-member-icon {align-items: center; background: #8D9693; border-radius: 10px; display: flex; justify-content: center; padding: 6px; letter-spacing: .04em; text-align: center; transition: transform .2s, box-shadow .2s;}
.org-member-icon:hover {box-shadow: 0 8px 24px rgba(0,0,0,0.4); transform: translateY(-2px);}

/* ------------------------- UPDATED mainbody_area for INNER PAGES -------------------- */
.mainbody {background: #FFFFFF; background: linear-gradient(180deg, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 40%, rgba(226, 231, 229, 1) 70%, rgb(159, 167, 164) 95%); margin: 0 auto; min-height: 650px; padding-bottom: 35px; position:relative; width: 100%;}
.mainbody a {color: #87643c; text-decoration:none;}
.mainbody a:hover {color: #29345e;}
.mainbody ul {list-style-type: none; margin-bottom: 20px;}
.mainbody ul li:before {content: "\00BB \0020";}
.mainbody ul li {color: #29345d; font-size: 16px; line-height: 22px; list-style: inside none; margin-left: 15px; padding-bottom: 12px; text-indent: -10px;}
.mainbody ul ul {margin: 10px 0 0 30px;}
.mainbody ul ul li {margin: 0; padding: 0 0 8px 0;}
.mainbody ol {list-style: decimal; margin-bottom: 10px;}	
.mainbodyy ol li {color: #29345d; list-style-type: decimal; list-style-position: outside; margin-left: 35px; padding-bottom: 12px; text-indent: 0;}

.blue-wave-section {background-color: #29345d; display: block; margin: 0 auto; max-width: 100%; padding: 0; position: relative; width: 100%;}
.blue-wave-section ul {list-style-type: none; margin-bottom: 20px;}
.blue-wave-section ul li:before {content: "\00BB \0020";}
.blue-wave-section ul li {color: #fff; font-size: 16px; line-height: 22px; list-style: inside none; margin-left: 15px; padding-bottom: 12px; text-indent: -10px;}
.blue-wave-section ul ul {margin: 10px 0 0 30px;}
.blue-wave-section ul ul li {margin: 0; padding: 0 0 8px 0;}

.tan-wave-section {background-color: #e4e1d9; display: block; margin: 0 auto; max-width: 100%; padding: 0; position: relative; width: 100%;}
.tan-wave-section ul {list-style-type: none; margin-bottom: 20px;}
.tan-wave-section ul li:before {content: "\00BB \0020";}
.tan-wave-section ul li {color: #29345d; font-size: 16px; line-height: 22px; list-style: inside none; margin-left: 15px; padding-bottom: 12px; text-indent: -10px;}
.tan-wave-section ul ul {margin: 10px 0 0 30px;}
.tan-wave-section ul ul li {margin: 0; padding: 0 0 8px 0;}

.white-wave-section {background-color: #fff; display: block; margin: 0 auto; max-width: 100%; padding: 0 0 80px 0; position: relative; width: 100%;}
.white-wave-section ul {list-style-type: none; margin-bottom: 20px;}
.white-wave-section ul li:before {content: "\00BB \0020";}
.white-wave-section ul li {color: #29345d; font-size: 16px; line-height: 22px; list-style: inside none; margin-left: 15px; padding-bottom: 8px; text-indent: -10px;}
.white-wave-section ul ul {margin: 10px 0 0 30px;}
.white-wave-section ul ul li {margin: 0; padding: 0 0 8px 0;}

.our-commitment {display: block; margin: 0 auto; max-width: 100%; min-height: 780px; padding: 0; position: relative;}
.our-commitment-wave {height: auto; margin: 0 auto; margin-top:-60px; max-width: 100%; position: relative; width:100%;}

.tlt-feature-box-container {border-radius: 12px; display: block; height: auto; margin: 0 auto; max-width: 100%; padding: 30px; position: relative; width: 100%;}
.tlt-feature-box-ltsage {background-color: #e2e7e5;}
.tlt-feature-box-ecru {background-color: #f4f2e8;}

.flex-ul-lists {height: auto; margin: 0 auto; max-width: 100%; position: relative; width: 100%;}
.flex-ul-lists ul {-webkit-columns: 2; -moz-columns: 2; column-count: 2; margin: 0 auto;}
.flex-ul-lists ul li {padding: 0;}
.flex-ul-lists .title {font-size: 18px;font-weight: 400;line-height: 24px; margin: 14px 0 4px 0; text-indent: 0;}
.flex-ul-lists .title:before {content: " ";}

.flex-ul-lists .list-title-bold {font-size: 20px; font-weight: 500; line-height: 24px; margin: 4px 0; text-indent: 0;}
.flex-ul-lists .list-title-bold:before {content: " ";}

.tlt-ul-lists {height: auto; margin: 0 auto; max-width: 100%; position: relative; width: 100%;}
.tlt-ul-lists ul {margin: 0 auto;}
.tlt-ul-lists ul li {padding: 0;}
.tlt-ul-lists .title {font-size: 18px;font-weight: 400;line-height: 24px; margin: 14px 0 4px 0; text-indent: 0;}
.tlt-ul-lists .title:before {content: " ";}
.tlt-ul-lists .list-title-bold {font-size: 20px; font-weight: 500; line-height: 24px; margin: 4px 0; text-indent: 0;}
.tlt-ul-lists .list-title-bold:before {content: " ";}

/* Accordion CSS for white dropdown */
.accordion-margin {margin-bottom: 10px;}
.accordion {background: #fff; border: 1px solid #EDEDED; border-radius: 5px; cursor: pointer; font-family: "Poppins", sans-serif; font-weight: 400; line-height:1.3; margin: 0 auto; padding: 14px 20px;transition:transform .3s ease;}
.accordion:hover {background: #d8c99f;}
.accordionDrop {background-color: #f4f3e8; color: #29345d; font-family: "Poppins", sans-serif; font-size:15px; line-height:1.4; padding:16px 20px; transition:transform .3s ease;}
::-webkit-details-marker {display: none; transition:transform .3s ease;}

.our-services-desc {display: block; margin: 0 auto; padding: 0; text-align: left; width: 100%;}
.our-services-desc p {margin: 0 0 4px 0;}
.our-services-subtitle {font-size: 20px; font-weight: 500; line-height: 26px; padding-bottom: 4px; text-align: left;}

/* ------------------------- For responsive videos -------------------- */
.video-container {border: 2px solid #c4a27c; border-radius: 10px; height: 0; margin: 20px 5px; overflow: hidden; position: relative; padding-bottom: 56.25%;}
.video-container iframe,
.video-container object,
.video-container embed {height: 100%; position: absolute; top: 0; left: 0; width: 100%;}
.video-wrapper {max-width: 100%;} /* width: 500px; */

/* ------------------------- ALTERNATE MODAL IMAGE POP UP added May 26 2026 -------------------- */
.modal-button {cursor: pointer;display: inline-block;}
.details-modal {background-color: #fff;box-shadow: 0 10px 20px rgba(0, 0, 0, 0.5); display: block; height: auto; left: 0;margin: 0 auto; max-width: 100%; max-height: 90vh; padding: 20px;position: fixed;pointer-events: none; right: 0;top: 40px;width: 70%; -webkit-transition: opacity 500ms ease-in-out; transition: opacity 500ms ease-in-out; z-index: 1000;}
.details-modal .details-modal-close {align-items: center; background-color: #fff; color: #111827; display: flex; justify-content: center;font-size: 22px; font-weight: 500; margin: 0 auto; padding: 10px 14px; pointer-events: none;position: absolute;right: 0; top: 0;}
.details-modal .details-modal-close svg {display: block;}
.details-modal-overlay {bottom: 0; background: rgba(0, 0, 0, 0.7); opacity: 0; left: 0; right: 0; pointer-events: none; position: fixed; top: 0; transition: opacity 0.2s ease-out; z-index: 1000;}
details[open] .details-modal-overlay {opacity: 1; pointer-events: all;}
details summary {list-style: none;}
details summary:focus {outline: none;}
details summary::-webkit-details-marker {display: none;}

.pdf-icon {display: inline-block; height: auto; max-width: 100%; margin: 0 auto; padding: 0 10px 10px 0; position: relative; vertical-align: text-top;}
.pdf {display: block; height: auto; max-width: 100%; width: 100%; -webkit-transition:all 200ms ease-in-out; transition: all 200ms ease-in-out;}

@media screen and (max-height: 700px) and (min-height: 600px) {.details-modal {max-width: 65%; top: 10%;}}
@media screen and (max-width: 834px) { 
.details-modal {padding: 10px; top: 6%;}
.details-modal .details-modal-close {font-size: 16px; padding: 8px 10px;}
}
@media screen and (max-width: 744px) {.modal-button {max-width: 75%;}}
@media screen and (max-width:460px) { 
.modal-button {max-width: 100%;}
.details-modal {top: 10%; width: 90%;}
}

/* ------------------------------ footer_area -------------------- */
footer {background-color: #29345d; min-height: 250px; width: 100%; padding-bottom: 30px; position: relative;}
/* h3 */.footer-section-title {font-size: 26px; font-weight: 400; line-height: 28px;}
/* h4 */.footer-section-sub-title {font-size: 18px; line-height: 22px; margin: 0; padding-bottom: 10px;}
footer p {color: #fff;  font-size: .9rem; line-height: 1.5; letter-spacing: 0.02em; margin: 0; padding-bottom: 10px;}
footer p a {color: #fff;  text-decoration: none;}
footer p a:hover {color: #d8c99f;}
footer a {color: #fff;  text-decoration: none;}
footer a:hover {color: #d8c99f;}
footer ul {margin: 2px 4px 20px 2px;}
footer li {color: #fff;  font-size: .9rem; font-weight:300; letter-spacing: 0.02em; line-height: 18px; list-style-type: none; margin-bottom: .8rem; text-decoration: none;}
footer li a {color: #fff;  text-decoration: none;}
footer li a:hover {color: #d8c99f;}
.footerheight {min-height: 200px;}
.footer-phone {font-size: 28px; font-weight: 300; line-height: 32px; padding-bottom: 16px;}

/* -------------------------- social media icon area -------------------- */
.social-icons-box {display: block; max-width: 100%; position: relative;}
.social-icons {display: inline-block; height: auto; margin: 0; max-width: 100%; margin-right: 5px; position: relative; vertical-align: bottom;}

/* -------------------------- copyright_area -------------------- */
.copyright {background-color: #f4f3e8; min-height: 75px; text-align: center; width: 100%;}
.copyright p {color: #29345e; font-size: 13px; line-height: 18px; text-align: center;}
.copyright a {color: #87643c; font-size: 14px; font-weight: 500;}
.copyright a:hover {color: #29345d;}

.sitecredit {clear: both; font-size: 12px; line-height: 14px;}
.sitecredit a {color: #29345e; text-decoration: none;}
.sitecredit a:hover {color:#fff;}
.sitecredit .gsicon {display: block; margin: 0 auto; padding-bottom: 10px;}

/* ------------------------------------------------- MOBILE DEVICE AREA SETTINGS ---------------------------------------------- */
@media screen and (max-width: 1740px) {
	.hero-text {min-height: 600px;}
	.hero-bk-inner {min-height: 820px;}
	.hero-text-inner-tlt {min-height: 900px;}
} 

@media screen and (max-width: 1400px) {
	.hero-text-inner {min-height: 780px;}
	.hero-text-inner-tlt {min-height: 900px;}
} 
@media screen and (max-width: 1260px) {
	.hero-bk-inner {min-height: 700px;}
	.hero-bk-inner-tlt {min-height: 700px;}
	.hero-text-inner-tlt {min-height: 800px;}
} 

@media screen and (max-width: 1120px) {
	.double-logo-container {padding: 0 0 0 10px;}
	.hero-text-inner {min-height: auto;}
} 

/* ---------------------------- Styles for screen 1024px and lower ---------------------------- */
@media screen and (max-width: 1060px) {.footer-phone {font-size: 24px;}}

@media screen and (max-width: 1024px) {
	.double-logos {width: 160px;}
	.hero-bk-inner {min-height: 650px;}
	h1 {font-size: 52px; line-height: 60px;}
	.hero-h2, .hero-h2b {font-size: 44px; line-height: 46px;}
	.hero-h3 {font-size: 26px; line-height: 32px;}
}

/* ---------------------------- Styles for screen 880px and lower ---------------------------- */
@media screen and (max-width: 880px) {
	.double-logo-container {padding: 0}
	.double-logos {width: 150px;}
	.smnav ul li a {letter-spacing: -.025rem;}
	.hero-text {padding-bottom: 60px; min-height: 500px;}
	.hero-bk-inner {min-height: 600px;}
	.hero-bk-inner-tlt {min-height:auto;}
	.section-padding {padding: 4rem 0 6rem;}
	.para-bottom-pad {margin-bottom: 80px;}
	.section-title {margin-bottom: 1rem;}
	h1 {line-height: 48px; margin-top: 40px; padding-bottom: 4px;}
	h2 {font-size: 42px; line-height: 46px;}
	.hero-h2 {margin-bottom: 12px;}
	h3 {font-size: 28px; line-height: 32px;}
	.hero-h3 {padding-bottom: 20px;}
	h4 {font-size: 20px; line-height: 24px;}
	.hero-tagline {font-size: 1rem; line-height: 1.35rem;}
	.process-titles {padding-bottom: 4px;}
	.why-card {padding: 20px;}
	.tlt-feature-box-container {max-width: 95%;}
	.flex-ul-lists ul {display: flex; flex-wrap: wrap;}
	.flex-ul-lists ul li {flex: auto; flex-basis: 50%;}
	.custom-shape-divider-bottom-1774452432 svg, .custom-shape-divider-top-1774455001 svg, .custom-shape-divider-bottom-1774639761 svg, .custom-shape-divider-top-1774909107 svg, .custom-shape-divider-bottom-1774909348 svg, .custom-shape-divider-top-1777653438 svg, .custom-shape-divider-bottom-1777652837 svg {height: auto;}
}

/* ---------------------------- Styles for screen 768px and lower ---------------------------- */
@media screen and (max-width: 768px) {
	.hero-text {padding-bottom: 20px; text-align: center;}
	.hero-text-inner {min-height: 500px; text-align: center;}
	.hero-text-inner-tlt {min-height: 740px; text-align: center;}
	.hero-img {max-width: 70%;}
	h5 {font-size: 18px; line-height: 24px;}
	.desktop-only-img {display: none;}
	.mobile-only-img {display:block; height: auto; margin: 0 auto; max-width: 70%; padding: 0; position: relative;}
	.section-padding {padding: 3rem 0 4rem;}
	.footerheight {min-height: auto;}
	footer ul {margin: 2px 4px 0 2px}
}

/* ---------------------------- NEW UPDATED STYLES FOR NEW NAVIGATION WITH CTA BUTTON APRIL 17 2026 640 px and below */
@media screen and (max-width: 640px) {
	.sticky-header {height: 190px;}
	body {padding-top: 210px;}

/* For DOUBLE LOGO Header Nav April 27 2026 */
	.double-logo-container {float: none; padding: 0 0 20px 0;}
	.header-container {padding: 20px; width: auto;}
	.smnav ul {text-align: center;}
	.smnav ul li {display: block; padding: 0 0 10px 0;}
	.phone {margin-left:0;}
	.g-inner {position: absolute; right: 0; top: 0;}
	.g-drawer {height: 500px; left:0; position: fixed; right: 0; overflow-y: scroll; top: 180px; width: 100%;}
	.cta-btn-left {text-align: center;}
	.g-btn-primary {margin-bottom: 2px; padding: 7px 12px;}
/* END DOUBLE LOGO Header Nav April 27 2026 */
	
	.hero-text {margin-top: 20px; padding-bottom: 0;}
	.hero-text-inner {margin-top: 20px; min-height: 250px; padding-bottom: 20px;}
	.hero-text-inner-tlt {margin-top: 20px; min-height: auto;}
	h1, h2, h3 {text-align: center;}
	h1 {margin: 20px 0 0 0;}
	h2 {font-size: 34px; line-height: 38px;}
	h3 {font-size: 24px; line-height: 30px;}
	.hero-h3 {font-size: 25px; line-height: 30px;}
	h4 {line-height: 26px; margin: 0 auto; padding-bottom: 14px;}
	.hero-tagline {font-size: 16px; line-height: 22px; margin-bottom: 0; text-align: center;}
	.process-titles {font-size: 22px;}
	.feature-text {font-size: 16px; line-height: 22px;}
	.section-desc {font-size: 16px; line-height: 22px;}
	.para-title {font-size: 24px; line-height: 30px;}
	.para-subtitle {font-size: 18px; line-height: 24px;}
	.center-text-mobile {text-align: center;}
	.stay-left {text-align: left;}	
	.bio-img {margin: 0 auto; margin-bottom: 20px;}
	.wide-img {max-width: 220px;}
	.side-imgs {max-width: 80%;}	
	img {max-width: 80%;}
	.circle-shape2 {width: 35%;}
	.mainbody {padding: 50px 0;}
	.section-padding-tlt {padding: 2rem 0 2rem;}
	.section-padding-sm {padding: 3rem 0 2rem;}
	.hella-bottom-pad {margin-bottom: 140px;}
	.para-bottom-pad {margin-bottom: 80px;}
	.para-top-pad {margin-top: 40px;}
	.feature-box p {line-height: 22px; margin-bottom: 20px;}
	.about-stats {padding-top: 20px;}
	.about-card-title {font-size: 28px; line-height: 32px;}
	.ourservices {padding-bottom: 20px;}
	.services-grid {grid-template-columns: repeat(2, 1fr); padding-bottom: 50px;}
	.services-cta {margin-top: 0;}
	.org-member-logos {gap: .5rem;}
	.white-wave-section ul {margin-bottom: 0;}
	.white-wave-section ul li {line-height: 20px; padding-bottom: 14px;}
	.arrow-divider {margin-top: -150px;}
	.arrow-divider-img {max-width: 80%;}
	.org-members {padding: 0 0 60px 0;}
}

/* ---------------------------- Styles for screen 515px and lower ---------------------------- */
@media only screen and (max-width : 515px) {
	.circle-shape-icons {border: 2px solid #9fa7a4; width: 25%;}
	.social-icons-box {margin: 0 auto; text-align: center;}
}

/* ---------------------------- Styles for screen 480px and lower ---------------------------- */
@media only screen and (max-width : 480px) {
	hr.icon::before {display: block; height: 25px; left: 0; right: 0; top: -13px; width: auto;}
	.section-padding {padding: 4rem 0;}
	.section-title {margin-bottom: 0;}
	h1 {font-size: 46px;}
	h2 {font-size: 36px; line-height: 40px; margin-bottom: 14px;}
	h3 {padding-bottom: 20px;}
	.hero-h2, .hero-h2b {font-size: 38px; line-height: 40px;}
	.hero-h2 {margin-bottom: 14px;}
	.hero-h3 {font-size: 22px; line-height: 26px; padding-bottom: 10px;}
	.hero-icon {display: block; margin: 0 auto; text-align: center;}
	.tagline {font-size: 20px; line-height: 26px;}
	.mainbody ul li {padding-bottom: 6px;}
	.flex-ul-lists .title {line-height: 22px; margin: 12px 0 0 0;}
	.flex-ul-lists ul li {padding-bottom: 10px;}
	.footer-logo {margin: 0 auto; margin-bottom: 20px;}
	footer ul {margin: 0 0 20px 0; text-align: center;}
	footer p {text-align: center;}
}