*{ -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
html, div, img, ul, li, a, p, ol, body{ margin: 0; padding: 0;font-family: "Poppins", sans-serif;font-weight: 400;font-size: 16px;line-height: 26px;}
h1,h2, h3, h4, h5, h6{ margin: 0; padding: 0;font-size: 45px;font-family: "Lora", serif;line-height: initial;}
ul, a, input{text-decoration: none;list-style: none;text-decoration: none;outline:none;}
:focus {outline: 0;}
.clear{width: 100%; float: left; clear: both;}
a:hover{ text-decoration: none;}
.container{width:1200px;margin: 0 auto;}
.flex{display: flex;flex-wrap: wrap;justify-content: space-between;}
img{display: block;}
/*  */


::-webkit-input-placeholder { /* Chrome/Opera/Safari */
	color: #000000;font-size: 16px;opacity: 0.5;font-family: "Poppins", sans-serif;
}
::-moz-placeholder { /* Firefox 19+ */
	color: #000000;font-size: 16px;opacity: 0.5;font-family: "Poppins", sans-serif;
}
:-ms-input-placeholder { /* IE 10+ */
	color: #000000;font-size: 16px;opacity: 0.5;font-family: "Poppins", sans-serif;
}
:-moz-placeholder { /* Firefox 18- */
	color: #000000;font-size: 16px;opacity: 0.5;font-family: "Poppins", sans-serif;
}




/*Top Head Block*/

.top-head-block {
	background: #fafafa;
	padding: 12px 15px;
}
.top-head-block .left p {
	font-weight: 500;
}
.top-head-block .right ul {
	display: flex;
	flex-wrap: wrap;
	gap: 27px;
}
.top-head-block .right ul li a {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 7px;
	font-size: 15px;
	color: #000;
	font-weight: 300;
}
.top-head-block .right ul li a:hover{
	color: #00b0ce;
}
.top-head-block .right ul li:last-child a {
	font-weight: 500;
	color: #00b0ce;
	font-size: 18px;
}
.top-head-block .right ul li:last-child a:hover {
	color: #000;
}


/*Navigation Block*/

.navigation-block {
	background: #000;
	padding: 0px 15px;
}
.fa-bars {
	display: none;
}
.navigation-block .flex {
	align-items: center;
}
.navigation-block .right ul li ul.sub-menu {
	display: none;
	position: absolute;
	top: 98px;
	background: black;
	z-index: 1;
	width: 322px;
	padding: 20px;
}
.navigation-block .right ul li ul.sub-menu li ul.sub-menu {
	top: 0;
	right: 100%;
	display: none;
}
.navigation-block .right ul li ul.sub-menu li:hover ul.sub-menu{
	display: block;
}
.navigation-block .right ul li:hover .sub-menu{
	display: block;
}
.navigation-block .right ul li ul.sub-menu li {
	margin-bottom: 10px;
}
.navigation-block .right ul li ul.sub-menu li:last-child {
	margin-bottom: 0px;
}
img.sub-menu-icon {
	cursor: pointer;
}
.navigation-block .right {
	display: flex;
	flex-wrap: wrap;
	gap: 23px;
	align-items: center;
}
.navigation-block .right ul {
	display: flex;
	flex-wrap: wrap;
	gap: 20px;
	align-items: center;
}
.navigation-block .right ul li {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 5px;
	position: relative;
}
.navigation-block .right ul li a {
	color: #fff;
	padding: 36px 0;
}
.navigation-block .right ul li ul.sub-menu li a {
	padding: 0;
}
.navigation-block .right ul li a:hover {
	color: #00b0ce;
}
.navigation-block .right a.btn {
	font-weight: 500;
	color: #fff;
	background: #00b0ce;
	padding: 12px;
}
.navigation-block .right a.btn:hover {
	color: #000;
	background: #fff;
}


/*Banner Block*/

.banner-block {
	position: relative;
}
.banner-block:before {
	content: "";
	background: linear-gradient(to right, rgb(0, 0, 0, 0.2) 80%, rgba(0,0,0,0));
	top: 0;
	left: 0;
	position: absolute;
	width: 50%;
	height: 100%;
	z-index: 0;
}
.banner-block img {
	width: 100%;
}
.banner-block .flex {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	align-items: center;
}
.banner-block .flex .content {
	width: 42%;
}
.banner-block .flex .content p {
	font-size: 24px;
	font-weight: 500;
	color: #fff;
	margin-bottom: 3px;
}
.banner-block .flex .content h1 {
	color: #fff;
	font-size: 70px;
	font-weight: 600;
	position: relative;
}
.banner-block .flex .content h1:before {
	content: "";
	position: absolute;
	background: url("../images/banner-icon1.png");
	width: 24px;
	height: 25px;
	right: 145px;
	top: -6px;
}
.banner-block .flex .content h1:after {
	content: "";
	position: absolute;
	background: url("https://perronhostinggroup.com/highriverdental/wp-content/uploads/2026/01/banner-icon2.png");
	width: 128px;
	height: 46px;
	left: 60px;
	bottom: -35px;
}
.banner-block .flex .content a.banner-btn {
	font-weight: 600;
	color: #00b0ce;
	font-size: 18px;
	background: #fff;
	padding: 8px 20px;
	display: inline-block;
	text-transform: uppercase;
	box-shadow: 3px 2px 3px rgba(0,0,0,0.5);
	margin-top: 66px;
}
.banner-block .flex .content a.banner-btn:hover {
	background: #000;
}


/*Office Hour Block*/

.office-hour-block {
	text-align: center;
}
.office-hour-block .right .box p:first-child {
	color: #fff;
	font-weight: 700;
}
.office-hour-block .right .box p:last-child {
	color: #000;
	font-weight: 600;
}
.office-hour-block .left {
	background: #000;
	display: flex;
	align-items: center;
	width: 17.4%;
	justify-content: center;
}
.office-hour-block .right {
	display: flex;
	flex-wrap: wrap;
	background: #00b0ce;
	width: 82.6%;
}
.office-hour-block .left h3 {
	color: #fff;
	font-weight: 500;
	font-size: 24px;
	padding: 20px;
}
.office-hour-block .right .box {
	padding: 25px 0px;
	border-right: 1px solid rgba(255,255,255,0.25);
	width: 14.2%;
}
.office-hour-block .right .box:last-child{
	border-right: 0px;
}
.office-hour-block .right .box p:first-child span {
	font-weight: 400;
	font-size: 14px;
}


/*Dental Block*/

.dental-block {
	padding: 80px 0 70px;
}
.dental-block .dental-item {
	width: 31.3%;
	text-align: center;
}
.dental-block .dental-img img {
	width: 100%;
}
.dental-block .dental-item .dental-img .dental-icon {
	width: 98px;
	height: 98px;
	background: #000;
	border-radius: 50%;
	border: 2px solid #00b0ce;
	display: flex;
	justify-content: center;
	align-items: center;
	position: absolute;
	bottom: -30px;
	margin: 0 auto;
	left: 0;
	right: 0;
	box-shadow: 0px 0px 6px rgba(0,0,0,0.3);
}
.dental-block .dental-item .dental-img .dental-icon img{
	width: auto;
	height: auto;
}
.dental-block .dental-icon img {
	width: 50%;
	height: auto;
}
.dental-block .dental-item h3 {
	font-size: 20px;
	font-weight: 500;
	margin-bottom: 5px;
	font-family: "Poppins", sans-serif;
}
.dental-block .dental-item p {
	color: #000;
	padding: 0 20px;
}
.dental-block .dental-item .dental-img {
	position: relative;
	margin-bottom: 45px;
}


/*Dentist Block*/

.dentist-block {
	background: #00b0ce;
	text-align: center;
	padding: 45px 0;
	margin-bottom: 35px;
}
.dentist-block.home {
	margin-bottom: 0;
}
.dentist-block h5 {
	font-size: 30px;
	color: #fff;
	font-weight: 500;
}
.dentist-block .btn-outer {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 20px;
	margin-top: 20px;
}
.dentist-block .btn-outer a {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	align-items: center;
	color: #000;
	border: 2px solid #000;
	padding: 12px 15px;
	font-size: 18px;
	font-weight: 500;
}
.dentist-block .btn-outer a:last-child {
	color: #fff;
	background: #000;
}
.dentist-block .btn-outer a:hover{
	background: #fff;
}
.dentist-block .btn-outer a:last-child:hover{
	color: #000;
}
.dentist-block .btn-outer a:last-child:hover img{
	filter: brightness(0) invert(0);
}


/*Service Block*/

.service-block {
	padding: 80px 0;
	text-align: center;
}
.service-block h3 {
	font-size: 36px;
	font-weight: 600;
	text-align: center;
	margin-bottom: 40px;
}
.service-block h3 span{
	color: #00b0ce;
}
.service-block .service-item {
	width: 31.5%;
	background: #fff;
	box-shadow: 0px 0px 6px rgba(0,0,0,0.3);
	padding: 10px;
}
.service-block .service-item img {
	width: 100%;
	height: 180px;
	object-fit: cover;
}
.service-block .service-item .service-content {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
	padding: 10px 0 0;
}
.service-block .service-item .service-content h3 {
	font-size: 18px;
	font-weight: 600;
	font-family: "Poppins", sans-serif;
	text-align: left;
	margin: 0;
	width: 86%;
	line-height: inherit;
}
.service-block .service-item .service-content .arrow-icon a{
	width: 35px;
	height: 35px;
	border-radius: 50%;
	border: 2px solid #0bb8e0;
	display: flex;
	align-items: center;
	justify-content: center;
}
.service-block .service-item .service-content .arrow-icon img{
	width: auto;
	height: auto;
}
.service-block .flex {
	gap: 30px;
	justify-content: flex-start;
}
a.service-btn {
	display: inline-flex;
	background: #000;
	align-items: center;
	margin: 10px auto 0;
	color: #fff;
	gap: 10px;
	padding: 7px 20px;
}
a.service-btn1 {
	display: inline-flex;
	background: #000;
	align-items: center;
	margin: 10px auto 0;
	color: #fff;
	gap: 10px;
	padding: 7px 20px;
}
a.service-btn:hover {
	background: #0bb8e0;
}
a.service-btn1:hover {
	background: #0bb8e0;
}
.service-block a.service-btn1 {
	margin-top: 50px;
}


/*Testimonials Block*/

.testimonials-outer {
	background: linear-gradient( rgba(0, 0, 0, 0.65), rgba(0, 0, 0, 0.65) ), url("https://perronhostinggroup.com/highriverdental/wp-content/uploads/2026/01/patient-banner.jpg");
	text-align: center;
	padding: 50px 0 40px;
	color: #fff;
	background-repeat: no-repeat;
	background-size: cover;
}
.testimonials-outer .feedback-outer h6 {
	font-size: 18px;
	color: #00b0ce;
	font-family: "Poppins", sans-serif;
	font-weight: 400;
}
.testimonials-outer .feedback-outer h5 {
	font-size: 36px;
	color: #fff;
	font-weight: 500;
	margin-bottom: 20px;
}
.testimonials-outer .feedback-outer p {
	padding: 0 30px;
}
.testimonials-outer .feedback-outer h4 {
	font-family: "Poppins", sans-serif;
	font-weight: 500;
	font-size: 18px;
	margin: 20px 0;
}
.testimonials-outer .feedback-outer .feedback-btn {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 20px;
}
.testimonials-outer .feedback-outer .feedback-btn a {
	color: #fff;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 10px;
	background: #e00035;
	padding: 8px 20px;
	font-weight: 500;
	font-size: 18px;
}
.testimonials-outer .feedback-outer .feedback-btn a:last-child {
	background: #425fee;
}
.testimonials-outer .feedback-outer .feedback-btn a:hover{
	background: #00b0ce;
}

.testimonials-outer .testimonials-inner {
	margin-top: 40px;
}
.testimonials-outer .testimonials-inner img {
	margin: 0 auto 20px;
}
.testimonials-outer .testimonials-inner p {
	font-weight: 500;
	font-style: italic;
	padding: 0 70px;
}
.testimonials-outer .testimonials-inner h4 {
	font-weight: 500;
	font-size: 18px;
	color: #00b0ce;
	font-family: "Poppins", sans-serif;
	margin-top: 15px;
}
.testimonials-outer .testimonials-inner .owl-nav {
	display: flex;
	justify-content: center;
	gap: 20px;
	margin-top: 30px;
}
.testimonials-outer .testimonials-inner .owl-nav .owl-prev:hover,.testimonials-outer .testimonials-inner .owl-nav .owl-next:hover {
	background: #04a8c4;
}
.testimonials-outer .testimonials-inner .owl-nav img {
	margin: 0px;
}


/*FAQ Block */
.faq-outer {
	padding: 80px 0 70px;
}
.faq-outer .left {
	width: 48%;
}
.faq-outer .left h5 {
	font-weight: 600;
	font-size: 36px;
	margin-bottom: 20px;
}
.faq-outer .left p {
	margin-bottom: 20px;
}
.faq-outer .right {
	width: 47%;
}
.faq-outer .right img{
	width: 100%;
}
.faq-outer .flex {
	align-items: center;
}


/*Contact Block*/

.contact-outer {
	display: none;
}
.contact-outer .left {
	width: 50%;
	text-align: center;
}
.contact-outer .left img {
	margin: 0 auto;
	width: auto;
}
.contact-outer .left h5 {
	font-weight: 400;
	font-size: 16px;
	color: #00b0ce;
	margin-top: 15px;
}
.contact-outer .left h6 {
	font-family: "Poppins", sans-serif;
	font-weight: 500;
	font-size: 24px;
	padding: 0 140px;
	line-height: inherit;
	margin: 10px 0;
}
.contact-outer .left a.explore {
	font-weight: 500;
	font-size: 18px;
	color: #00b0ce;
	display: inline-block;
	border-bottom: 1px solid #00b0ce;
	margin: 20px 0;
}
.contact-outer .right {
	width: 50%;
	padding: 40px;
	box-shadow: 0px 0px 6px rgba(0,0,0,0.1);
}
.contact-outer .right h3 {
	font-size: 30px;
	font-weight: 600;
	margin-bottom: 30px;
}
.contact-outer .right .input {
	width: 100%;
	margin-bottom: 25px;
}
.contact-outer .right .input input{
	width: 100%;
	border: 1px solid #000;
	padding: 15px;
	border-radius: 6px;
	font-size: 16px;
	font-family: "Poppins", sans-serif;
}
.contact-outer .right .input textarea {
	width: 100%;
	border: 1px solid #000;
	padding: 15px;
	border-radius: 6px;
	height: 100px;
	resize: none;
	font-size: 16px;
	font-family: "Poppins", sans-serif;
}
.contact-outer .right input[type="button"] {
	background: #00b0ce;
	border: 0;
	color: #fff;
	font-family: "Poppins", sans-serif;
	font-weight: 500;
	font-size: 18px;
	padding: 12px;
	border-radius: 6px;
	width: 100%;
	cursor: pointer;
}
.contact-outer .right input[type="button"]:hover {
	background: #000;
}
.contact-outer .flex {
	align-items: center;
}
.contact-outer .left .owl-nav {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 20px;
}


/*Map Block */

.map-outer {
	padding: 10px 0 107px 0;
}
.map-outer iframe {
	height: 410px;
	width: 100%;
}


/*Footer Block*/

.footer-outer {
	position: relative;
	background: #000;
	padding: 72px 0 30px;
}
.footer-outer .flex {
	border-bottom: 1px solid rgba(255,255,255,0.35);
	padding-bottom: 25px;
}
.footer-outer .flex h3 {
	font-size: 24px;
	font-weight: 600;
	margin-bottom: 20px;
	color: #fff;
}
.footer-outer .flex .left {
	width: 15%;
}
.footer-outer .flex .right {
	width: 72%;
}
.footer-outer .flex ul li {
	margin-bottom: 5px;
}
.footer-outer .flex ul li a {
	color: #fff;
}
.footer-outer .flex .right .service-flex {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.footer-outer .flex .right .service-flex .box {
	width: 28%;
}
.footer-outer .flex ul li a:hover{
	color: #00b0ce;
}
.footer-outer .follow-us-outer {
	position: absolute;
	text-align: center;
	top: -35px;
	left: 0;
	right: 0;
}
.footer-outer .follow-us {
	background: #00afcd;
	display: inline-flex;
	position: relative;
	gap: 20px;
	align-items: center;
	padding: 15px 28px 13px 24px;
	justify-content: center;
	flex-wrap: wrap;
}
.footer-outer .follow-us:before {
	content: "";
	position: absolute;
	clip-path: polygon(100% 0, 0% 100%, 100% 100%);
	width: 24px;
	height: 35px;
	left: -23px;
	background: #00d1f5;
	top: 0;
}
.footer-outer .follow-us:after {
	content: "";
	position: absolute;
	clip-path: polygon(0% 0, 0% 100%, 100% 100%);
	width: 24px;
	height: 35px;
	right: -23px;
	background: #00d1f5;
	top: 0;
}
.footer-outer .follow-us span {
	font-size: 24px;
	color: #fff;
}
.footer-outer .follow-us ul {
	display: flex;
	flex-wrap: wrap;
	gap: 12px;
}
.footer-outer .follow-us ul li a {
	width: 40px;
	height: 40px;
	background: #fff;
	flex-wrap: wrap;
	display: flex;
	justify-content: center;
	align-items: center;
	border: 1px solid #fff;
	transition: all 0.5s;
}
.footer-outer .follow-us ul li a:hover{
	border: 1px solid #000;	
	transition: all 0.5s;
}
.last-foot {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding-top: 15px;
}
.last-foot .left {
	width: 21.4%;
}
.last-foot .left img{
	width: 100%;
}
.last-foot .right p {
	font-size: 12px;
	line-height: 18px;
	color: #fff;
}
.last-foot .right {
	width: 73%;
}
.last-foot .right p:last-child {
	font-size: 14px;
	margin-top: 10px;
}
.last-foot .right p:last-child a {
	color: #fff;
	font-size: 14px;
}
.last-foot .right p:last-child a:hover {
	color: #00b0ce;
}


/*Inner About Page*/

.banner-block.inner .flex .content h1:before,.banner-block.inner .flex .content h1:after,.banner-block.inner .flex{
	display: none;
}
.banner-block.inner::before {
	background: rgba(0,0,0,0.2);
	width: 100%;
}
.banner-block.inner .flex .content {
	width: 100%;
	text-align: center;
	background: rgba(0,176,206,0.6);
	padding: 20px;
}
.inner-about-content .sec1 .left {
	width: 50%;
	background: #00b0ce;
	padding: 20px;
	position: relative;
	right: -15%;
	color: #fff;
	border-radius: 10px;
}
.inner-about-content h3{
	font-size:28px;
	margin-bottom:14px;
}
.inner-about-content p{
	margin-bottom:14px;
}
.inner-about-content .sec1 {
	background: #f2f7fb;
	padding: 70px 0px;
}
.inner-about-content .img img {
	width: 100%;
	border-radius: 10px;
	box-shadow: 0px 0px 10px #00b0ce6e;
}
.inner-about-content .sec1 .img{
	width:40%;
}
.inner-about-content .sec1 .flex {
	align-items: center;
}
.inner-about-content .sec2 {
	background: #ffffff;
	padding: 70px 0px;
}
.inner-about-content .sec2 .img {
	margin-bottom: 0;
	width: 50%;
}
.inner-about-content .sec2 .img img {
	border-radius: 10px 0 0 10px;
	height: 100% !important;
	object-fit: cover;
}
.inner-about-content .sec2 .content {
	background: #00b0ce;
	padding: 20px;
	border-radius: 0px 10px 10px 0px;
	color: #fff;
	width: 50%;
	margin: 0 auto;
	/*text-align: center;*/
}
.inner-about-content .sec3{
	background:#eef2f6;
	padding:70px 0px;
}
.inner-about-content .sec3 .flex {
	align-items: center;
}
.inner-about-content .sec3 .img{
	width:40%;
}
.inner-about-content .sec3 .left {
	width: 50%;
	background: #00b0ce;
	padding: 20px;
	position: relative;
	left: -15%;
	color: #fff;
	border-radius: 10px;
}
.inner-about-content .sec4 {
	background: #ffffff;
	padding: 70px 0px;
}
.inner-about-content .sec4 .wrap{
	max-width:900px;
	margin:0 auto;
}
.inner-about-content .sec4 .img{
	margin:40px auto 0;
}
.inner-about-content .sec4 .content {
	background: #00b0ce;
	padding: 20px;
	border-radius: 10px;
	color: #fff;
	width: 48%;
	text-align: center;
}



/*Inner Contact Page*/

.inner-contact-content {margin: 50px 0;}
.inner-contact-content .card-info {display: flex;flex-direction: column;gap: 20px;width: 47%;justify-content: space-between;}
.inner-contact-content .info-card {background: white;padding: 20px;border-radius: 16px;box-shadow: 0px 0px 10px #00b0ce6e;display: flex;gap: 15px;align-items: flex-start;transition: transform 0.3s ease, box-shadow 0.3s ease;}
.inner-contact-content .info-card:hover {transform: translateY(-6px);box-shadow: 0 12px 25px rgba(0, 0, 0, 0.1);background: #00b0ce21;border: 1px solid #00b0ce;}
.inner-contact-content .info-card img {margin-top: 6px;}
.inner-contact-content .info-content strong {display: block;margin-bottom: 4px;color: #00b0ce;font-size: 24px;}
.inner-contact-content .info-content h4 {font-size: 16px;}
.inner-contact-content .info-content p a {color: #000;}
.inner-contact-content .info-content p a:hover {color: #00b0ce;}
.inner-contact-content .info-content p {font-size: 18px;  margin-bottom: 7px;}
.inner-contact-content h5 {font-size: 20px;text-align: center;margin-bottom: 30px;font-weight: 500;}
.inner-contact-content h5 a {color: #428b0d;}
.inner-contact-content h5 a:hover {color: #a0c561;}
.inner-contact-content .form-card {background: white;padding: 30px;border-radius: 16px;box-shadow: 0px 0px 10px #00b0ce6e;width: 47%;position: relative;justify-content: center;display: flex;align-items: center;}
.inner-contact-content .form-card:before{content: "";position: absolute;}
.inner-contact-content .form-card form {display: flex;gap: 15px;flex-wrap: wrap;}
.inner-contact-content input, textarea {background: transparent; width: 100%;padding: 12px;border-radius: 8px;border: 2px solid #00b0ce3d;font-size: 16px;font-family: "Poppins", sans-serif;}
.map-outer.inner .left iframe {border-radius: 10px;}
.inner-contact-content textarea {height: 100px;resize: none;}
.inner-contact-content .form-card input[type="submit"] {width: auto;  border-radius: 0; border: none;font-size: 16px;cursor: pointer;display: inline-flex;background: #000;align-items: center;color: #fff;gap: 10px;padding: 7px 20px;font-family: "Poppins", sans-serif;}
.inner-contact-content .form-card input[type="submit"]:hover {background: #00b0ce;}
.inner-contact-content h3 {text-align: center;font-size: 36px;margin-bottom: 20px;}
.inner-contact-content .flex {margin-bottom: 50px;}
.map-outer.inner .left {width: 47%;}
.map-outer.inner .right {width: 47%;}
.map-outer.inner .right h5{font-size: 20px;  line-height: 30px;margin-bottom: 30px;font-weight: 500;}
.map-outer.inner {padding: 0 0 70px 0;}
.inner-contact-content .form-card::before {content: "";position: absolute;background: url(https://perronhostinggroup.com/highriverdental/wp-content/uploads/2026/01/form-bg.png);width: 243px;height: 250px;z-index: 0;opacity: 0.08;background-repeat: no-repeat;}






/*custom css*/
.inner-about-content .img img {
    max-width: 100%;
    height: auto;
}

 .inner-contact-content p {
	text-align: center;
	margin-bottom: 10px;
}
.inner-about-content .sec2 .content ul li a {
	color: #fff;
	font-size: 16px;
	line-height: 26px;
text-decoration: underline;
}
.inner-about-content .sec2 .content ul li {
	margin-bottom: 5px;
	width: 100%;
}
.inner-about-content .sec2 .content ul li:nth-child(3n+3) {
	margin-right: 0px;
}
.inner-about-content p a {
	color: #fff;
	text-decoration: underline;
}
.inner-about-content p a:hover{
color:#000;
}
.inner-about-content .sec2 .content ul li a:hover{
color:#000;
}

.inner-about-content .sec2 .content ul {
	display: flex;
	flex-wrap: wrap;
}

.inner-about-content ul {
    padding-left: 15px;
}

.inner-about-content ul li {
    list-style: disc;
}

.highvideo-wrap {
  background: #f2f7fb;
  padding: 50px 0;
  font-family: Arial, sans-serif;
}

.highvideo-text ul {
	padding-left: 15px;
	margin-bottom: 15px;
}
.highvideo-text ul li {
	list-style: disc;
	margin-bottom:10px;
}
.highvideo-text ul li:last-child {
	margin-bottom:0px;
}
.highvideo-wrap .highvideo-card:nth-child(2n+2){
	flex-direction:row-reverse;
}
.highvideo-card {
  display: flex;
  align-items: stretch;
  background: rgba(255,255,255,0.12);
  backdrop-filter: blur(10px);
  border-radius: 22px;
  overflow: hidden;
  margin-bottom: 50px;
}
.dentel-clinic .highvideo-card {
	align-items: flex-start;
}
.highvideo-wrap .highvideo-card:last-child{
	margin-bottom: 0px;
}
.dentel-clinic .highvideo-text {
	padding: 24px;
}
.highvideo-text {
  flex: 1;
  padding: 50px;
  color: #000;
  background: #fff;
}

.highvideo-text h2 {
  font-size: 34px;
  margin-bottom: 18px;
}

.highvideo-text p {
margin-bottom: 15px;
}

.highvideo-media {
  flex: 1;
  position: relative;
/*   cursor: pointer; */
}

.highvideo-media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.highvideo-overlay {
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0,0,0,0.55), rgba(0,0,0,0));
}

.highvideo-play {
  position: absolute;
  bottom: 40px;
  left: 40px;
  width: 70px;
  height: 70px;
  background: #0bb3c6;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 26px;
  color: #fff;
	display:none;
}

/* Modal */
.highvideo-modal {
  position: fixed;
  inset: 0;
  background: rgba(0,0,0,0.9);
  display: none;
  align-items: center;
  justify-content: center;
  z-index: 9999;
}

.highvideo-modal.active {
  display: flex;
}

.highvideo-modal video {
  max-width: 85%;
  max-height: 85%;
}

.highvideo-close {
  position: absolute;
  top: 30px;
  right: 40px;
  font-size: 36px;
  color: #fff;
  cursor: pointer;
}

.extra-content {
	background: #f2f7fb;
	padding: 50px;
}
.extra-content .left {
	width: 50%;
	background: #00b0ce;
	padding: 0;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	color: #fff;
	position: relative;
	border-radius: 30px 0 0 0;
	overflow:hidden;
}
.extra-content .left img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
}
.extra-content .left .in-content {
	position: absolute;
	text-align: center;
	background: rgba(0,0,0,0.5);
	padding: 15px;
	border-radius: 30px 0;
}
.extra-content .left h6 {
	color: #fff;
	font-size: 100px;
}
.extra-content .flex {
	box-shadow: 0px 0px 10px #dfdfdf;
	border-radius: 30px 0;
	overflow: hidden;
}
.extra-content .right {
	width: 50%;
	background: #fff;
	padding: 25px;
	border-radius: 0 0 30px 0;
	overflow:hidden;
}
.extra-content .right p {
	margin-bottom: 15px;
}
.extra-content .right p:last-child {
	margin-bottom: 0px;
}
.extra-content .right ul {
	padding-left:15px;
}
.extra-content .right ul li {
	list-style: disc;
	margin-bottom: 10px;
}
.extra-content .right ul li:last-child {
	margin-bottom: 0px;
}
.inner-about-content .sec2 .flex:nth-child(2n+2) {
	flex-direction: row-reverse;
}
.extra-content .flex:nth-child(2n+2) {
	flex-direction: row-reverse;
	margin-top: 50px;
}
.extra-content .flex:nth-child(2n+2) .right {
	border-radius: 30px 0 0 0;	
}
.extra-content .flex:nth-child(2n+2) .left {
	border-radius: 0 0 30px 0;
}
.inner-about-content .sec2 .flex:nth-child(2n+2) .content {
	border-radius: 10px 0 0 10px;
	background: #909090;
}
.inner-about-content .sec2 .flex:nth-child(2n+2) .img img{
	border-radius: 0 10px 10px 0;
}



.service-hidden-content {
  display: none;
}



.page-id-608 .service-btn1{
display:none;
}


/*faqs css*/
.accordion {
	margin: auto;
	margin-bottom: 50px;

}
 

.accordion-item {
	background: #fff;
	border-radius: 8px;
	margin-bottom: 10px;
	overflow: hidden;
	box-shadow: 0 4px 12px rgba(0,0,0,0.08);
}

.accordion-header {
	padding: 16px 20px;
	cursor: pointer;
	font-weight: 600;
	background: linear-gradient(90deg, #00b0ce, #17cfee);
	color: #fff;
	display: flex;
	justify-content: space-between;
	align-items: center;
	height:100%;
}
.accordion-header span {
  transition: transform 0.3s ease;
}

.accordion-header.active span {
  transform: rotate(45deg);
}

.accordion-content {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.35s ease;
  padding: 0 20px;
}

.accordion-content p {
  padding: 15px 0;
  margin: 0;
  color: #555;
}


/*gallery*/
.portfolio_page .image-wrapper .content {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border-radius: 8px;
	background: rgba(0,0,0,0.5);
	display: flex;
	justify-content: center;
	align-items: center;
	color: #fff;
	opacity: 0;
}
.portfolio_page .image-wrapper:hover .content {	
	opacity: 1;
}
.portfolio_page {
      padding: 50px 0;
    }

    .portfolio_page .grid {
      width: 100%;
    }

    .portfolio_page .grid > div {
      box-sizing: border-box;
    }

    .portfolio_page .image-wrapper {
      background: white;
      border-radius: 8px;
      overflow: hidden;
      box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
      margin: 10px;
      cursor: pointer;
		position: relative;
    }

    .portfolio_page .image-wrapper img {
      width: 100%;
      height: auto;
      display: block;
    }

    /* Modal styles */
    .modal {
      display: none;
      position: fixed;
      z-index: 9999;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background-color: rgba(0,0,0,0.85);
      justify-content: center;
      align-items: center;
      flex-direction: column;
    }

    .modal img {
      max-width: 90%;
      max-height: 90%;
      border-radius: 10px;
    }

    .modal-close {
      position: absolute;
      top: 20px;
      right: 30px;
      font-size: 30px;
      color: white;
      cursor: pointer;
    }

    .modal-arrow {
      position: absolute;
      top: 50%;
      font-size: 40px;
      color: white;
      background: rgba(0,0,0,0.4);
      padding: 10px;
      border-radius: 50%;
      cursor: pointer;
      user-select: none;
      transform: translateY(-50%);
    }

    .modal-arrow.left { left: 30px; }
    .modal-arrow.right { right: 30px; }



.dental-team-outer {
	padding: 50px 0;
}
.dental-team-outer .flex {
	margin-bottom: 50px;
}
.dental-team-outer .flex:last-child {
	margin-bottom: 0px;
}
.dental-team-outer .left {
	width: 22%;
}
.dental-team-outer .left img {
	width: 100%;
	border: 2px solid #00b0ce;
	border-radius: 15px 0;
	box-shadow: 0px 0px 10px #d2d2d2;
}
.dental-team-outer .right {
	width: 73%;
}
.dental-team-outer .right h3 {
	color: #00b0ce;
	font-size: 35px;
	margin-bottom: 15px;
}
.dental-team-outer .right p {
	margin-bottom: 10px;
}
.dental-team-outer .right h4 {
	font-size: 25px;
	margin-bottom: 15px;
}

.inner-contact-content ul {
	padding-left: 15px;
}
.inner-contact-content ul li {
	list-style: disc;
	margin-bottom: 10px;
}
.inner-contact-content ul li {
	list-style: disc;
	margin-bottom: 10px;
}
.page-id-719 .inner-contact-content ul li a {
	color: #000;
}





.page-template-default .inner-contact-content p{
text-align:left;
}
.page-template-default .inner-contact-content h3{
text-align:left;
}

.dental-team-outer .flex .box {
	width: 24%;
	position: relative;
}
.dental-team-outer .flex .box .left {
	width: 100%;
}
.dental-team-outer .flex .box .left img {
	border-radius: 15px 0 0 0;
}
.dental-team-outer .flex .box .right {
	width: 100%;
	background: #eef2f6;
	text-align: center;
	border-radius: 0 0 15px 0;
	padding: 15px;
}









/* Mobile */
@media (max-width: 900px) {
  .highvideo-card {
    flex-direction: column;
  }
	.highvideo-wrap .highvideo-card:nth-child(2n+2) {
	flex-direction: column;
}
	  .highvideo-text {
    padding: 40px;
  }
.inner-about-content .sec2 .flex {
	flex-direction: column;
}
.inner-about-content .sec2 .flex:nth-child(2n+2) {
	flex-direction: column;
}
.inner-about-content .sec2 .flex .img {
	width: 100%;
}
	.inner-about-content .sec2 .flex .content {
	width: 100%;
		  border-radius: 0px 0 10px 10px;
}
	.inner-about-content .sec2 .flex .img img {
	border-radius: 10px 10px 0 0;
}
	.inner-about-content .sec2 .flex:nth-child(2n+2) .img img {
	border-radius: 10px 10px 0 0;
}
	.inner-about-content .sec2 .flex:nth-child(2n+2) .content {
	border-radius: 0 0 10px 10px;
}
	
}














/*Media Query*/

@media(max-width: 1279px){
	.container{
		width: 96%;
	}
	.fa-bars {
		display: block;
		cursor: pointer;
		order: 2;
	}
	.navigation-block{
		position: relative;
		padding: 5px 15px;
	}
	.navigation-block .right ul li a {
		padding: 0;
	}
	.navigation-block .right ul li:hover .sub-menu {
		display: none;
	}
	.navigation-block .right ul li ul.sub-menu li:hover ul.sub-menu {
		display: none;
	}
	.navigation-block .right ul li ul.sub-menu {
		position: initial;
		width: 100%;
	}
	.navigation-block .right ul li ul.sub-menu li ul.sub-menu{
		padding: 0px;
	}
	.navigation-block .right ul li ul.sub-menu li a:hover{
		color: #00b0ce;
	}
	.navigation-block .right ul.menu {
		position: absolute;
		background: #00b0ce;
		top: 99px;
		left: 0;
		right: 0;
		width: 100%;
		flex-direction: column;
		z-index: 1;
		padding: 20px 0;
		display: none;
	}
	.navigation-block .right ul.menu li {
		text-align: center;
		justify-content: center;
		margin-bottom: 15px;
	}
	.navigation-block .right ul.menu li a:hover{
		color: #000;
	}
	.office-hour-block .left {
		width: 15%;
	}
	.office-hour-block .right {
		width: 85%;
	}
}


@media(max-width: 1199px){
	.banner-block .flex .content {
		width: 55%;
	}
	.office-hour-block .left {
		width: 100%;
	}
	.office-hour-block .right {
		width: 100%;
	}
	.office-hour-block .right .box p:last-child {
		font-size: 14px;
	}
	.service-block .flex {
		gap: 20px;
	}
	.banner-block.inner .flex .content h1 {
		font-size: 30px;
	}
	.extra-content .left {
	width: 100%;
}
		.extra-content .right {
	width: 100%;
}
	.dental-team-outer.team-inner .flex {
	gap: 12px;
}
}


@media(max-width: 1023px){
	.dental-team-outer .flex {
	flex-direction: column;
		gap: 30px;
}
	.dental-team-outer .right {
	width: 100%;
}
	.dental-team-outer .left {
	width: 30%;
}
	.top-head-block .right ul li a span {
		display: none;
	}

	.top-head-block .right ul {
		align-items: center;
	}
	.top-head-block .right ul li a img {
		height: 20px;
		width: auto;
	}
	.banner-block .flex .content h1 {
		font-size: 45px;
	}
	.office-hour-block .right .box {
		padding: 10px 0;
		width: 100%;
		border-right: 0px;
		border-bottom: 1px solid #fff;
	}
	.dental-block .dental-item,.faq-outer .left,.faq-outer .right,.contact-outer .left,.contact-outer .right,.footer-outer .flex .left,.footer-outer .flex .right,.inner-about-content .sec1 .left,.inner-about-content .sec1 .img,.inner-about-content .sec3 .img,.inner-about-content .sec3 .left,.inner-contact-content .card-info,.inner-contact-content .form-card,.map-outer.inner .left,.map-outer.inner .right {
		width: 100%;
	}
	.dental-block .flex,.faq-outer .flex,.contact-outer .flex,.footer-outer .flex,.inner-about-content .sec1 .flex,.inner-about-content .sec3 .flex,.inner-contact-content .flex,.map-outer.inner .flex {
		gap: 50px;
	}
.service-block .service-item {
	width: 48%;
}
.service-block .service-item .service-content h3 {
	font-size: 18px;
}
.inner-about-content .sec1 .left {
	width: 80%;
	right: 0;
	top: 120px;
	left: 0;
	margin: 0 auto;
	position: relative;
	margin-top: -50px;
}
.inner-about-content .sec1 {
	padding: 0px 0px 70px 0px;
}

.inner-about-content .sec3 .left {
	width: 80%;
	position: initial;
	margin-top: -110px;
	margin-left: auto;
	margin-right: auto;
}

.inner-about-content .sec2 {
	padding: 70px 0px 70px;
}
	.extra-content .left h6 {
	font-size: 60px;
}
	.extra-content .left h4 {
	font-size: 30px;
}
	.dental-team-outer.team-inner .flex {
	flex-direction: initial;
}
.dental-team-outer .flex .box {
	width: 48%;
}
}






@media(max-width:767px){
	.dentist-block h5 {
		font-size: 25px;
	}
	.service-block h3,.testimonials-outer .feedback-outer h5,.faq-outer .left h5{
		font-size: 26px;
	}
	.footer-outer .flex .right .service-flex .box{
		width: 100%;
	}
	.inner-contact-content h3 {
		font-size: 26px;
	}
	.service-block .service-item {
	width: 100%;
}
.service-block .flex {
	gap: 50px;
}
.inner-about-content .sec4 .content {
	width: 100%;
}
.inner-about-content .sec4 .flex {
	gap: 30px;
}
.inner-about-content .sec2 .img,.inner-about-content .sec2 .content{
	width: 100%;
}
.inner-about-content .sec2 .img img {
	border-radius: 10px 10px 0px 0px;
}
.inner-about-content .sec2 .content {
	border-radius:  0px 0px 10px 10px;
}
}


@media(max-width:639px){
	.dental-team-outer .left {
	width: 56%;
}
	.navigation-block .flex .left img {
		width: 100%;
	}
	.navigation-block .flex .left {
		width: 35%;
	}
	.banner-block .flex .content h1 {
		font-size: 28px;
	}
	.banner-block .flex .content h1 {
		display: inline-block;
	}
	.banner-block .flex .content h1:before,.banner-block .flex .content h1:after {
		display: none;
	}
	.banner-block .flex .content a.banner-btn {
		font-size: 16px;
		padding: 8px;
		margin-top: 20px;
	}
	.service-block h3, .testimonials-outer .feedback-outer h5, .faq-outer .left h5,.dentist-block h5,.inner-about-content h3 {
		font-size: 20px;
	}
	.testimonials-outer .testimonials-inner p,.testimonials-outer .feedback-outer p,.contact-outer .left h6 {
		padding: 0px;
	}
	.last-foot .left {
		width: 100%;
	}
	.last-foot .right{
		width: 100%;
	}
	.last-foot{
		flex-wrap: wrap;
		gap: 20px;
	}
	.last-foot .left img {
		width: auto;
	}
	.navigation-block .right ul.menu {
		top: 77px;
	}
	.dental-block,.service-block,.faq-outer,.map-outer,.inner-about-content .sec1,.inner-about-content .sec2,.inner-about-content .sec3,.inner-about-content .sec4, {
		padding: 40px 0;
	}
	.banner-block.inner .flex .content h1 {
		font-size: 20px;
	}
	.inner-contact-content h3 {
		font-size: 20px;
	}
	.inner-contact-content h5 {
		font-size: 16px;
	}
	.inner-contact-content .info-content strong {
		font-size: 18px;
	}
	.map-outer.inner .right h5 {
		font-size: 16px;
		line-height: 26px;
		margin-bottom: 10px;
	}
	.inner-contact-content{
		margin: 40px 0;
	}
	.map-outer.inner .flex{
		gap: 30px;
	}
	.map-outer.inner {
		padding: 0 0 40px 0;
	}
	.inner-about-content .sec1 .left,.inner-about-content .sec2 .content,.inner-about-content .sec3 .left,.inner-about-content .sec4 .content{
	position: initial;
	margin: 0;
	width: 100%;
}
.inner-about-content .sec1 {
	padding: 70px 0px;
}
	.extra-content .left h6 {
	font-size: 30px;
}
	.extra-content .left h4 {
	font-size: 20px;
}
}


@media(max-width:479px){
	.dental-team-outer .left {
	width: 100%;
}
	.dental-team-outer .right h3 {
	font-size: 25px;
}
	.dental-team-outer .right h4 {
	font-size: 18px;
}
	.top-head-block .flex {
		flex-direction: column;
		align-items: center;
		gap: 10px;
	}
	.inner-about-content .sec2 .content ul li {
	width: 100%;
}
	.navigation-block .right a.btn {
		padding: 8px;
		font-size: 14px;
	}
	.navigation-block .flex {
		flex-direction: column;
		gap: 10px;
		padding: 20px 0;
	}
	.navigation-block .flex .left {
		width: 72%;
	}
	.navigation-block .right ul.menu {
		top: 191px;
	}
	.banner-block .flex {
		position: inherit;
		background: #00b0ce;
		padding: 20px;
	}
	.banner-block .flex .content {
		width: 100%;
	}
	.banner-block .flex .content h1 br{
		display: none;
	}
	.footer-outer .follow-us:before,.footer-outer .follow-us:after {
		display: none;
	}
	.inner-contact-content .form-card{
		padding: 20px 10px;
	}
	.extra-content {
	padding: 50px 10px;
}
	.extra-content .left h4 {
	font-size: 16px;
}
	.extra-content .flex {
	display: inherit;
}
	.extra-content .left {
	overflow: visible;
	display: initial;
}
	.extra-content .left .in-content {
	position: initial;
		border-radius: 0;
}
	.dental-team-outer .flex .box {
	width: 100%;
}
}

/*// custom css*/

.menu li.menu-item-has-children > a {
	position: relative;
	padding-right: 18px;
}


/*image*/

.inner-about-content .flex {
    display: flex;
	margin-top: 50px;
    /*align-items: center;*/
    /*gap: 30px;*/
}
.inner-about-content .flex:first-child{
	margin-top: 0px;
}
/*.inner-about-content .left {*/
/*    flex: 1;*/
/*}*/

/*.inner-about-content .img {*/
/*    flex: 1;*/
/*}*/