@media (min-width: 1026px) {
.bannerarea1 {
		position: relative;
		min-height: calc(100vh - 100px);
		margin-top: 100px;
	}
	
}

.banner-c {
    max-width: 1200px;
    justify-self: anchor-center;
    left: 0;
    margin-left: 0;
}

.bc-inner {
    max-width: 1200px;
}

.parker-h2 {
    color: var(--white, #FFF);
    text-align: center;
    text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.50);

    /* Desktop/Hero Text */
    font-family: 'Cinzel';
    font-size: clamp(40px, 5vw + 16px, 65px);
    font-style: normal;
    font-weight: 400;
    line-height: 105.5%; /* 68.575px */
    letter-spacing: 3px;
    text-transform: uppercase;
}

.page-title-parker {
    color: var(--white, #FFF);
    text-align: center;
    text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);

    /* Desktop/Heading 3 */
    font-family: "Open Sans";
    font-size: clamp(20px, 1.5vw + 12px, 25px);
    font-style: normal;
    font-weight: 700;
    line-height: 132%; /* 33px */
    text-transform: uppercase;
}

.bannerarea1 .arrow {
	display: block;
	opacity: 1;
}


.bannerarea1 .arrow::before {
	border-color: #fff;
    border-bottom-color: transparent;
    border-left-color: transparent;
}

#home-banner {
    display: none;
}

#home-banner1 {
    position: relative;
}
#home-banner1 video {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center center;
}
#home-banner1 .video-controls {
    position: absolute;
    bottom: 10px;
    left: 10px;
    z-index: 8;
}
#home-banner1 .video-controls button {
    background-color: transparent;
    color: #fff;
    padding: 5px;
    margin-top: 0;
    margin-bottom: 0;
    margin-left: 10px;
}
#home-banner1 .video-controls button svg {
    display: block;
    fill: #fff;
    width: 40px;
    height: 40px;
}
#home-banner1 .video-controls button .play, #home-banner1 .video-controls button .mute, #home-banner1 .video-controls .paused .pause, #home-banner1 .video-controls .unmuted .unmute, #home-banner1 .video-controls button .hide-captions, #home-banner1 .video-controls .captions .show-captions {
    display: none;
}
#home-banner1 .video-controls .paused .play, #home-banner1 .video-controls .unmuted .mute, #home-banner1 .video-controls .captions .hide-captions {
    display: block;
}


@media (max-width: 1025px) {
	.bannerarea1 {
		min-height: calc(100vh - var(--mobile-nav-height));
	}
}

@media only screen and (max-width: 767px) {
    .bannerarea1 {
        height: 300px;
        max-height: calc(65vh - var(--mobile-nav-height));
        min-height: unset;
    }
	.bannerarea1 {
		background: url(/wp-content/themes/charlie-child/images/slideshow/1t-mountain.jpg) no-repeat center center;
		background-size: cover;    
	}

	.webp .bannerarea1 {
		background: url(/wp-content/themes/charlie-child/images/slideshow/1t-mountain.webp) no-repeat center center;
		background-size: cover;
	}
	
	.bannerarea1 .arrow {
		display: none;
	}
	
	#home-banner1 .video-controls {
	    display: none !important;
	}
} 

@media (max-width: 500px) {
	.bannerarea1 {
		background: url(/wp-content/themes/charlie-child/images/slideshow/1m-mountain.jpg) no-repeat center center;
		background-size: cover;    
	}

	.webp .bannerarea1 {
		background: url(/wp-content/themes/charlie-child/images/slideshow/1m-mountain.webp) no-repeat center center;
		background-size: cover;
	}
}

/* meet_the_staff_1_css
---------------------------------------------------------- */
.meet_the_staff_1 {
    padding: 100px 25px;
    position: relative;
    z-index: 1;
}

.meet_the_staff_1 .meet-staff-flex {
    width: min(100%, 1400px);
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 110px;
}

.meet_the_staff_1 .meet-staff-right {
    flex: 1;
    max-width: 632px;
    width: min(100%, 632px);
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 40px;
    text-align: left;
    align-content: flex-start;
}

.meet_the_staff_1 .meet-staff-title * {
    color: var(--secondary-color);
}
.meet_the_staff_1 .meet-staff-title h3 {
    font-family: var(--font-family-secondary);
    font-size: var(--h4-font-size);
    line-height: var(--line-height-normal);
    letter-spacing: var(--heading-letter-spacing-normal);
}

.meet_the_staff_1 .meet-staff-right p {
    margin: 0;
}

.meet_the_staff_1 .meet-staff-aff .external-link {
    display: none;
}

.doctor-subtitle {
    color: #000;

    /* Desktop/Heading 4 */
    font-family: 'Cinzel';
    font-size: clamp(18px, 2vw + 1px, 24px);
    font-style: normal;
    font-weight: 400;
    padding: 20px 0;
    line-height: 150%; /* 36px */
    text-transform: uppercase;
}

.dentist-aff a,
.dentist-aff img {
    display: block;
}

.meet_the_staff_1 .meet-staff-right .main-btn {
    margin: 0;
}

.meet_the_staff_1 .meet-staff-left {
    display: flex;
    flex: 1; /* allow it to grow */
    gap: 20px;
    justify-content: center;
    align-items: center;

    height: auto; /* unless you need a specific height */
    max-width: 100%;
}
.loaded .meet_the_staff_1 .meet-staff-left {
    /* background-image: url('../images/meet-staff-one-photo.webp'); */
}

.meet-staff-left img {
    max-width: 100%;
    height: auto;
    display: block;
}

@media only screen and (max-width: 991px) {
     .meet_the_staff_1 .meet-staff-flex {
    flex-direction: column-reverse;
    align-items: center;
    gap: 0px;
  }

  .meet_the_staff_1 .meet-staff-left,
  .meet_the_staff_1 .meet-staff-right {
    width: 100%;
    max-width: 100%;
  }
  .meet-staff-left img {
    place-self: center;
  }

  .meet_the_staff_1 {
    padding: 50px 25px;
  }
}

/* SHOWCASE SECTION
---------------------------------*/

.showcase-section {
	max-width: 1920px;
	margin: 0 auto;
}

.show-box {
	width: 50%;
	max-width: 1920px;
	min-height: 447px;
	position: relative;
}

 .sb1 {
	background: url(/wp-content/themes/charlie-child/images/benefits-of-dental-implants-03.webp) top center no-repeat;
	background-size: cover;
}

 .sb2 {
	background: url(/wp-content/themes/charlie-child/images/benefits-of-dental-implants-01.webp) top center no-repeat;
	background-size: cover;
}
 .sb3 {
	background: url(/wp-content/themes/charlie-child/images/benefits-of-dental-implants-04.webp) top center no-repeat;
	background-size: cover;
}

 .sb4 {
	background: url(/wp-content/themes/charlie-child/images/benefits-of-dental-implants-02.webp) top center no-repeat;
	background-size: cover;
}

.show-box ul a {
	
	font-size: 24px;
	line-height: 34px;
	
}

.show-box a {
	color: #fff;
	/* width: 100%; */
	/* height: 100%; */
	position: relative;
	display: block;
}


.show-content1 {
	color: #fff;
    /* height: 39px; */
    /* overflow: hidden; */
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    font-size: 16px;
    align-content: flex-start;
    text-align: left;
}

.show-content1 h2,
.sb4 .show-content2 h2{
	color: var(--white, #FFF);

/* Desktop/Heading 4 */
font-family: 'Cinzel';
font-size: clamp(16px, 2vw + 1px, 24px);
font-style: normal;
font-weight: 400;
line-height: 150%; /* 36px */
text-transform: uppercase;
}

.show-content-title {
	color: var(--white, #FFF);

/* Desktop/Heading 1 */
font-family: "Open Sans";
font-size: clamp(24px, 3vw + 1px, 35px);
font-style: normal;
font-weight: 700;
line-height: 150%; /* 52.5px */
letter-spacing: 3px;
text-transform: uppercase;
}

.show-content-subtitle {
    color: var(--white, #FFF);
padding-bottom: 15px;
/* Desktop/Heading 4 */
font-family: 'Cinzel';
font-size: clamp(16px, 2vw + 1px, 24px);
font-style: normal;
font-weight: 400;
line-height: 150%; /* 36px */
text-transform: uppercase;
}

.show-box-inner {
	width: 100%;
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 30px 50px;
	text-align: center;
}

/* .show-box:hover .show-content1 {
	height: 233px;
	
} */

.show-content2 {
	color: #41838C;
	height: 75px;
	overflow: hidden;
	display: flex;
    flex-direction: column;
    align-items: flex-start;
	
}

.sb4 .show-content2 {
	color: #fff;
	max-width: 455px;
}



.show-content2 ul {
	text-align: left;
}

.show-box-inner {
	width: 100%;
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 30px 50px;
}

.show-box-inner2 {
	width: 100%;
	height: 100%;
	display: flex;
	justify-content: flex-start;
	align-items: center;
	padding: 30px 50px;
	font-size: 16px;
	
}

/* .show-box:hover .show-content2 {
	height: 350px;
} */



.show-box-inner ul,
.show-box-inner2 ul {
	list-style: none;
	margin: 0;
}

.show-box-inner ul li,
.show-box-inner2 ul li {
	line-height: 24px;
	margin-bottom: 10px;
}

/* .serviceImg:before, .serviceImg2:before {
    position: absolute;
    top: -24px;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(255,255,255,0.5);
    content: '';
    -webkit-transition: -webkit-transform .6s;
    transition: transform .6s;
    -webkit-transform: scale3d(2.9,1.4,1) rotate3d(0,0,1,
45deg
) translate3d(0,-100%,0);
    transform: scale3d(2.9,1.4,1) rotate3d(0,0,1,
45deg
) translate3d(0,-100%,0);
}
*, ::after, ::before {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.serviceImg:hover:before, .serviceImg2:hover:before {
	-webkit-transform: scale3d(2.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,100%,0);
	transform: scale3d(2.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,100%,0);
} */
.serviceImg, .serviceImg2 {
	overflow: hidden;
	position: relative;
}


.serviceImg:hover .serviceContent, .serviceImg2:hover .serviceContent{
    opacity: 1;
}

@media (max-width: 1100px) {
	.show-box {
		width: 100%;
	}
}

@media (max-width: 1300px) {
	.show-content1 h4 {
		font-size: 26px;
	}
}

@media (max-width: 767px) {
	.show-box .show-content1,
	.show-box .show-content2 {
		height: 450px;
		justify-content: center;
	}
	
	.serviceImg:before, .serviceImg2:before {
		display: none;
	}
	
	.show-box-inner,
	.show-box-inner2 {
		padding: 30px;
	}
	
	.show-content1 ul li,
	.show-content2 ul li {
		font-size: 14px;
		line-height: 20px;
	}
	
	.show-box {
		min-height: 400px;
	}
	
	.lab-pic {
		height: 500px;
	}
}

@media (max-width: 500px) {
	.show-box ul li  {
		display: none;
	}
	
	.show-box ul li.lmb {
		display: block;
	}
	/* .show-box .show-content1, .show-box .show-content2,
	.show-box:hover .show-content1, .show-box:hover .show-content2{
		height: 90px;
	} */
	
	.show-box {
		min-height: 299px;
	}
	.lab-pic {
		height: 300px;
	}
	
	.loaded .lab-pic {
		background: url(/wp-content/themes/charlie-child/images/lab-picm.jpg) center center no-repeat;
		background-size: cover;
	}

	.loaded.webp .lab-pic {
		background: url(/wp-content/themes/charlie-child/images/lab-picm.webp) center center no-repeat;
		background-size: cover;
	}
}

@media (max-width: 400px) {
	.show-box {
		min-height: 211px;
	}
}

/* meet_the_staff_4_css
---------------------------------------------------------- */
.meet_the_staff_4 {
  padding: 100px 25px;
  position: relative;
  background:  #EAE9E6;
  z-index: 1;
}
.meet_the_staff_4 .meet-staff-flex,
.meet_the_staff_4 .meet-staff-flex1 {
  width: min(100%, 1400px);
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 25px;
}
.meet_the_staff_4 .meet-staff-right {
  width: min(100%, 632px);
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 40px;
  text-align: left;
}
.meet_the_staff_4 .meet-staff-title * {
  color: var(--secondary-color);
}
.meet_the_staff_4 .meet-staff-title h3 {
  color: var(--teal, #41838C);

    /* Desktop/Heading 4 */
    font-family: 'Cinzel';
    font-size: clamp(16px, 2vw + 1px, 24px);
    font-style: normal;
    font-weight: 400;
    line-height: 150%; /* 36px */
    text-transform: uppercase;
}
.meet_the_staff_4 .meet-staff-right p {
  margin: 0;
}
.meet_the_staff_4 .meet-staff-aff .external-link {
  display: none;
}
.dentist-aff a,
.dentist-aff img {
  display: block;
}
.meet_the_staff_4 .meet-staff-right .main-btn {
  margin: 0;
}
.meet_the_staff_4 .meet-staff-left {
  display: block;
  height: min(66vw, 526px);
  width: min(100%, 669px);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: top center;
}
.loaded .meet_the_staff_4 .meet-staff-left {
  background-image: url('../images/what-are-dental-implants-cr.webp');
}

.loaded .meet_the_staff_4 .meet-staff-left.candidate {
  background-image: url('../images/candidate-cr.webp');
}

@media only screen and (max-width: 991px) {
  .meet_the_staff_4 .meet-staff-flex {
    flex-wrap: wrap;
     /* flex-direction: column-reverse; */
    justify-content: center;
  }
  .meet_the_staff_4 .meet-staff-flex1 {
    flex-wrap: wrap;
     flex-direction: column-reverse;
    justify-content: center;
  }
  .meet_the_staff_4 .meet-staff-box {
    margin: 0 auto;
  }
  .meet_the_staff_4 {
    padding: 50px 25px;
  }
}

/* cta_welcome_8_css
---------------------------------------------------------- */
.cta_welcome_8 {
    padding: 128px 0;
    background-color: var(--white);
    position: relative;
}

.cta_welcome_8 .container {
    position: relative;
    z-index: 1;
    width: min(100%, 1450px);
}
.cta_welcome_8-top-title {
    padding-bottom: min(7%, 60px);
}
.cta_welcome_8-top-title h2 {
    display: flex;
    flex-direction: column-reverse;
    justify-content: center;
    margin: 0;
    text-align: center;
    font-family: var(--font-family-main);
    font-size: var(--h1-font-size);
    font-style: normal;
    font-weight: var(--font-weight-bold);
    line-height: var(--line-height-normal);
    letter-spacing: var(--heading-letter-spacing-normal);
    text-transform: var(--heading-text-transform-normal);
    margin: var(--text-margin-normal);
}

.cta_welcome_8-top-title h2 span {
    font-family: var(--font-family-secondary);
    font-size: var(--h4-font-size);
    line-height: var(--line-height-normal);
    letter-spacing: var(--heading-letter-spacing-normal);
}

.cta_welcome_8-cards {
    display: flex;
    justify-content: space-between;
    gap: 30px;
    width: 100%;
}

.cta_welcome_8-card {
    width: min(100%, 425px);
    display: flex;
    flex-direction: column;
    gap: 20px;
    margin: 0;
}

.cta_welcome_8-card h4 {
    color: var(--black);
}

.cta_welcome_8-content {
    display: flex;
    flex-direction: column;
    gap: 22px;
}

.cta_welcome_8-content p {
    margin: 0;
}

a.cta_welcome_8-link {
    color: var(--black);
    font-weight: var(--font-weight-bold);
    display: flex;
    align-items: center;
    gap: 10px;
    text-transform: uppercase;
}
a.cta_welcome_8-link svg path,
a.cta_welcome_8-link svg circle {
    stroke: var(--black);
}

@media all and (max-width: 991px) {
    .cta_welcome_8-cards {
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }
}
@media (max-width: 600px) {
    .cta_welcome_8 {
        padding: 50px 0;
    }
}

.cta_welcome_1 {
  padding: 80px 25px;
}

.cta_welcome_1 .welcome-top-flex {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 30px;
  width: min(100%, 1500px);
  margin: 0 auto;
  flex-wrap: wrap;
}

.cta_welcome_1 .welcome-top-title {
  flex: 1 1 30%;
}

.cta_welcome_1 .welcome-content {
  flex: 1 1 65%;
}

.cta_welcome_1 .welcome-top-title h2,
.cta_welcome_1 .welcome-top-title h3 {
  margin: 0 0 15px 0;
}

.cta_welcome_1 .welcome-top-title h2 {
    font-weight: 700;
}

.cta_welcome_1 .welcome-top-title h3 {
    color: var(--teal, #41838C);

    /* Desktop/Heading 4 */
    font-family: 'Cinzel';
    font-size: clamp(16px, 2vw + 1px, 24px);

    font-style: normal;
    font-weight: 400;
    line-height: 150%; /* 36px */
    text-transform: uppercase;
}

.cta_welcome_1 .welcome-button {
  margin-top: 20px;
}

@media (max-width: 768px) {
  .cta_welcome_1 .welcome-top-flex {
    flex-direction: column;
  }

  .cta_welcome_1 .welcome-top-title,
  .cta_welcome_1 .welcome-content {
    width: 100%;
  }
}

/* cta_welcome_9_css*/
            .cta_welcome_9 {
                padding-bottom: 40px;
            background-color: var(--white);
               position: relative;
        }
            
            .cta_welcome_9 .container {
                position: relative;
                z-index: 1;
                /* width: min(100%, 1250px)!important; */
            }
            .cta_welcome_9-top-title {
                    /* padding-bottom: min(5%, 48px); */
                    max-width: 1250px;
                    justify-self: center;
            }
            .cta_welcome_9-p {
                text-align: center;
            }
            .cta_welcome_9-top-title h2 {
                color: var(--brown, #2F1610);
                text-align: center;

                /* Desktop/Heading 1 */
                font-family: "Open Sans";
                font-size: clamp(24px, 3vw + 1px, 35px);
                font-style: normal;
                font-weight: 700;
                line-height: 150%; /* 52.5px */
                letter-spacing: 3px;
                text-transform: uppercase;
            }
            
            .cta_welcome_9-cards {
                display: flex;
                justify-content: space-between;
                gap: 30px;
                width: 100%;
            }
            
            .cta_welcome_9-card {
                width: min(100%, 355px);
                display: flex;
                flex-direction: column;
                justify-content: center;
                gap: 20px;
                margin: 0;
            }
            
            .cta_welcome_9-photo1,
            .cta_welcome_9-photo2,
            .cta_welcome_9-photo3 {
                height: min(80vw, 355px);
                width: min(100%, 355px);
                background-size: cover;
                background-repeat: no-repeat;
                background-position: center;
            }
            
            .loaded .cta_welcome_9-photo1 {
                background-image: url('../images/dental-crown-restore-cr-01.webp');
            }

            .loaded .cta_welcome_9-photo2 {
                background-image: url('../images/dental-crown-restore-cr-02.webp');
            }

            .loaded .cta_welcome_9-photo3 {
                background-image: url('../images/dental-crown-restore-cr-03.webp');
            }
            
            .cta_welcome_9-content {
                display: flex;
                flex-direction: column;
                gap: 22px;
                background-color: var(--secondary-color);
                /* text-align: center; */
                align-items: flex-start;
                justify-content: center;
                padding: min(5%, 40px);
                height: min(100%, 355px);
            }

            .cta_welcome_9-cards h3 {
                color: var(--light-brown, #54351E);

                /* Desktop/Heading 3 */
                font-family: 'Lato';
                font-size: clamp(28px, 3vw + 1px, 40px);
                font-style: normal;
                font-weight: 700;
                line-height: 130%; /* 52px */
                text-transform: capitalize;
            }
            
            .cta_welcome_9-card h4 {
                color: var(--white);
            }
            
            .cta_welcome_9-content p {
                margin: 0;
                color: var(--white);
            }
            
            a.cta_welcome_9-link {
                color: var(--white);
                font-weight: var(--font-weight-bold);
                display: flex;
                align-items: center;
                gap: 10px;
                text-transform: uppercase;
            }
            a.cta_welcome_9-link svg path {
            fill: var(--white);
            }
            a.cta_welcome_9-link svg path,
            a.cta_welcome_9-link svg circle {
                stroke: var(--white);
            }

            @media only screen and (min-width: 980px) {
                .cta_welcome_9 .container {
                    max-width: 1380px;
                    margin: 0 auto;
                    padding: 0 20px;
                }
            }
            
            @media all and (max-width: 991px) {
                .cta_welcome_9-cards {
                    flex-direction: column;
                    justify-content: center;
                    align-items: center;
                }
            }
            @media (max-width: 600px) {
                .cta_welcome_9 {
                    padding: 50px 0;
                }
                .main-btn, a.main-btn, .secondary-btn, a.secondary-btn, .main-btn + .secondary-link, .main-btn + .secondary-btn {
                        margin: 0;
                }

            }

            /* meet_the_staff_7_css
            ---------------------------------------------------------- */
            .meet_the_staff_7 {
                position: relative;
            }
            
            .meet_the_staff_7 .meet-the-staff-flex {
                display: flex;
                flex-direction: row-reverse;
                justify-content: center;
                align-items: center;
                width: min(100%, 2000px);
                margin: 0 auto;
            }
            
            .meet_the_staff_7 .meet-the-staff-left {
                background-size: cover;
                background-repeat: no-repeat;
                background-position: top center;
                width: min(50%, 960px);
                height: min(40vw, 750px);
            }
            .loaded .meet_the_staff_7 .meet-the-staff-left {
                background-image: url('../images/what-are-dental-veneers-cr.webp');
            }
            
            .meet_the_staff_7 .meet-the-staff-right {
                background-size: cover;
                background-repeat: no-repeat;
                background-position: top center;
                width: min(50%, 960px);
                height: min(40vw, 750px);
                display: flex;
                flex-direction: column;
                align-items: center;
                justify-content: center;
                padding: 56px 0;
                background-color: var(--white);
            }

            .loaded .meet_the_staff_7 .meet-the-staff-right {
                background-image: url('../images/dental-veneers-right.webp');
            }
            
            .meet_the_staff_7 .meet-the-staff-inner-box {
                display: flex;
                flex-direction: column;
                gap: 34px;
                height: 100%;
                justify-content: center;
                width: min(90%, 694px);
            }

            h2#meet-the-staff-title {
                color: #fff;
            }
            
            .meet_the_staff_7 .meet_the_staff_7 .meet-the-staff-title * {
                margin: 0;
            }
            
            .meet_the_staff_7 .meet-the-staff-content p {
                margin: 0;
                color: #fff;
            }

             @media (max-width: 1300px) {
                .meet_the_staff_7 .meet-the-staff-right {
                    width: 100%;
                    height: min(60vw, 800px);
                }
            
                .meet_the_staff_7 .meet-the-staff-left {
                    width: 100%;
                    height: min(60vw, 800px);
                }
            }
            
            /* meet_the_staff_7 Responsive */
            @media (max-width: 1025px) {
                .meet_the_staff_7 {
                    flex-wrap: wrap;
                }
                .meet_the_staff_7 .meet-the-staff-flex {
                    flex-direction: column-reverse;
                }
            
                .meet_the_staff_7 .meet-the-staff-right {
                    width: 100%;
                }
            
                .meet_the_staff_7 .meet-the-staff-left {
                    width: 100%;
                    /* height: min(100vw, 800px); */
                }
            }

            @media (max-width: 730px) {
                .meet_the_staff_7 .meet-the-staff-right {
                    width: 100%;
                    height: min(100vw, 800px);
                }
            
                .meet_the_staff_7 .meet-the-staff-left {
                    width: 100%;
                    height: min(100vw, 800px);
                }
            }

            @media (max-width: 540px) {
                .meet_the_staff_7 .meet-the-staff-right {
                    width: 100%;
                    height: min(140vw, 800px);
                }
            }

            @media (max-width: 450px) {
                .meet_the_staff_7 .meet-the-staff-right {
                    width: 100%;
                    height: min(195vw, 800px);
                }
            }

            /* meet_the_staff_8_css
            ---------------------------------------------------------- */
            .meet_the_staff_8 {
              padding: 92px 25px;
              position: relative;
              z-index: 1;
              background: #EAE9E6;
            }
            .meet_the_staff_8 .meet-staff-flex {
              width: min(100%, 1450px);
              align-items: center;
              margin: 0 auto;
              display: flex;
              justify-content: space-between;
              gap: 0px 15px;
              flex-wrap: wrap;
            }
            .meet_the_staff_8 .meet-staff-top-title {
              width: 100%;
              text-align: center;
            }

            .meet_the_staff_8 .meet-staff-title h3 {
                color: var(--text, #23100C);
                font-family: 'Lato';
                font-size: clamp(28px, 3vw + 1px, 40px);
                font-style: normal;
                font-weight: 700;
                line-height: 130%; /* 52px */
                text-transform: none;
            }

            .meet_the_staff_8 .meet-staff-top-title h2 {
              color: var(--brown, #2F1610);
                text-align: center;

                /* Desktop/Heading 1 */
                font-family: "Open Sans";
                font-size: clamp(24px, 2.5vw + 1px, 35px);
                font-style: normal;
                font-weight: 700;
                line-height: 150%; /* 52.5px */
                letter-spacing: 3px;
                text-transform: uppercase;
            }
            .meet_the_staff_8 .meet-staff-right {
              width: min(45%, 632px);
              display: flex;
              flex-direction: column;
              align-items: center;
              gap: 40px;
              text-align: left;
              padding: 60px 25px;
              color: var(--white);
              background-color: var(--secondary-color);
            }
            .meet_the_staff_8 .meet-staff-right p {
              margin: 0;
            }
            .meet_the_staff_8 .meet-staff-aff .external-link {
              display: none;
            }
            .meet_the_staff_8 .meet-staff-right-container {
              display: flex;
              flex-direction: column;
              gap: 50px;
              width: min(90%, 502px);
              align-items: flex-start;
            }
            .meet_the_staff_8 .meet-staff-right-container hr {
              height: 2px;
              margin: 0;
              background-color: var(--white);
              border: none;
              width: min(95%, 445px);
            }
            .meet_the_staff_8 .meet-staff-check-list p {
              margin: 0;
              display: flex;
              align-items: center;
              gap: 20px;
            }
            .meet_the_staff_8 .meet-staff-check-list {
              display: flex;
              flex-direction: column;
              gap: 25px;
            }
            .meet_the_staff_8 .meet-staff-right-container .main-btn.secondary {
              border-color: var(--white);
              color: var(--white);
            }
            .meet_the_staff_8 .meet-staff-title {
              width: 100%;
            }
            .dentist-aff a,
            .dentist-aff img {
              display: block;
            }
            .meet_the_staff_8 .meet-staff-right .main-btn {
              margin: 0;
            }
            .meet_the_staff_8 .meet-staff-left {
              display: block;
              height: min(53vw, 624px);
              width: min(50%, 936px);
              background-size: cover;
              background-repeat: no-repeat;
              background-position: top center;
            }
            .loaded .meet_the_staff_8 .meet-staff-left {
              background-image: url('../images/benefits-of-dental-veneers-cr.webp');
            }
            @media (max-width: 1200px) {
              .meet_the_staff_8 .meet-staff-flex {
                align-items: center;
              }
            }
            @media only screen and (max-width: 991px) {
  .meet_the_staff_8 .meet-staff-flex {
    flex-direction: column;
    gap: 50px;
  }

  .meet_the_staff_8 .meet-staff-top-title {
    order: 1;
  }

  .meet_the_staff_8 .meet-staff-left {
    order: 2;
    width: min(100%, 624px);
    height: min(98vw, 695px);
  }

  .meet_the_staff_8 .meet-staff-right {
    order: 3;
    width: min(100%, 632px);
  }

  .meet_the_staff_8 .meet-staff-box {
    margin: 0 auto;
  }

  .meet_the_staff_8 {
    padding: 50px 25px;
  }
}
            /* End of meet_the_staff_8 Style */

            /* cta_welcome_1 FAQ 
  ---------------------------------------------------------- */
  .cta_welcome_1.faq {
      padding: 0 0 350px;
  }
  
  .cta_welcome_1.faq .container {
      display: flex;
      flex-direction: column;
      padding: 75px 25px;
      gap: 40px 0;
      max-width: 1350px;
  }
  .cta_welcome_1.faq .welcome-top-title {
      padding-bottom: min(5%, 30px);
      width: 100%;
      text-align: center;
  }
  .cta_welcome_1.faq .welcome-top-title h2 {
      font-size: 35px;
      font-weight: 700;
      line-height: 150%; /* 52.5px */
      letter-spacing: 5px;
      text-transform: uppercase;
  }
  .cta_welcome_1.faq .welcome-content {
      width: 100%;
      max-width: 1350px;
      text-align: center;
  }
  .cta_welcome_1.faq .welcome-content p {
      margin: 0 0 60px;
      font-size: 22px;
  }
  @media (max-width: 1025px) {
      .cta_welcome_1.faq .container {
          gap: 20px;
          padding: 30px 25px;
      }
      .cta_welcome_1.faq .welcome-top-title h2 {
          font-size: 25px;
      }
  }
  /* accordion_1_css
  ---------------------------------------------------------- */
  .accordion-item {
      color: #fff;
      margin-bottom: 10px;
  }
  
  .accordion-item-header {
      display: flex;
      align-items: flex-start;
      text-align: left;
      padding: 35px 50px;
      cursor: pointer;
      background: #41838C;
      transition: all 0.3s ease-in-out;
  }
  .thornton .accordion-item-header {
      background: #54351E;
  }
  .accordion-item-header.active {
      background: #54351E;
  }
  .thornton .accordion-item-header.active {
      background: #54351E;
  }
  .accordion-item-header p {
      margin: 0;
      display: flex;
      align-items: center;
      justify-content: center;
  }
  .accordion-item-header h3 {
      margin: 0;
      flex-grow: 1;
      font-family: "Open Sans";
      font-size: 25px;
      font-style: normal;
      font-weight: 700;
      line-height: 132%; /* 33px */
      text-transform: uppercase;
      color: #fff;
  }
  .accordion-item-icon {
      margin-left: auto;
      transform: rotate(0deg);
      transition: all 0.3s ease;
      position: relative;
      font-size: 1.5em;
      width: 25px;
      height: 34px;
      display: block;
      text-align: center;
  }
  
  .accordion-item-body {
      padding: 0 50px 25px;
      display: none;
      color: #fff;
      background: #54351E;
      text-align: left;
  }
  .thornton .accordion-item-body {
      background: #54351E;
  }
  .cta_welcome_1.faq .accordion-item-body p {
      margin: 0;
      font-size: 18px;
  }
  @media (max-width: 1025px) {
      .accordion-item-header {
          padding: 25px 25px;
      }
      .accordion-item-body {
          padding: 0 25px 25px;
      }
      .accordion-item-header h3 {
          font-size: 22px;
      }
  }
/* HEAR FROM YOU SECTION
-----------------------------------------*/


.hear-box {
	position: relative;
	z-index: 5;
	background: #fff;
	padding: 80px 0 50px;
	box-shadow: 4px 4px 25px rgba(0, 0, 0, 0.25);
	margin-top: -310px;
}

.hear-box::after {
	content: '';
	position: absolute;
	width: 100%;
	height: 16px;
	bottom: 0;
	left: 0;
}

.loaded .hear-box::after {
	background: url(/wp-content/themes/charlie-child/images/wood-bg.jpg) top center;
	
}

.loaded.webp .hear-box::after {
	background: url(/wp-content/themes/charlie-child/images/wood-bg.webp) top center;
}



.hear-top {
	text-align: center;
	color: #2F1610;
}

.hear-info {
	max-width: 730px;
	margin: 0 auto;
	padding: 0 10px;
	
}

.hear-info h4 {
	color: #2F1610; 
	margin-bottom: 15px;
}

.c-info {
	font-size: 14px;
	line-height: 24px;
	color: #41838C;
	position: relative;
	margin-left: 20px;
}

.hear-bottom {
	margin-top: 30px;
}

.c-info.c-address::before {
	content: url(/wp-content/themes/charlie-child/images/pin-b.svg);
	position: absolute;
	left: -20px;
	top: 2px;
}

.c-info.c-phone::before {
	content: url(/wp-content/themes/charlie-child/images/phone-b.svg);
	position: absolute;
	left: -20px;
	top: 2px;
}

.c-info.c-email::before {
	content: url(/wp-content/themes/charlie-child/images/email-b.svg);
	position: absolute;
	left: -20px;
	top: 1px;
}

/* SM SECTION
-----------------------------*/

.sm-section {
	padding: 135px 15px 36px;
	position: relative;
	margin-top: -85px;
}

.loaded .sm-section {
	background: url(/wp-content/themes/charlie-child/images/trees-bg.jpg) top center no-repeat;
	background-size: cover;
}

.loaded.webp .sm-section {
	background: url(/wp-content/themes/charlie-child/images/trees-bg.webp) top center no-repeat;
	background-size: cover;
}

.sm-section h3 {
	color: #fff;
	margin-bottom: 15px;
}

.sm-section .foot-social svg {
    width: 31px;
	height: auto;
	fill: #41838C;
}

.sm-section .foot-social a {
	background-color: #fff;
}


.gal-b {
	margin-top: 50px;
}