/* Before adding any unnecessary CSS rules, please check out the Snap documentation at https://bit.ly/3PqSii8. */
/* Override Styles */
/*
.service-style-1 h2 {margin: 10px 0;}
.ry-menu .ry-nav li .dropdown-toggle {padding: 30px 0;}
ul#quick-links li a {display: block;width: 100%;}
#in-services-3 ul li a {margin-left: 0px;margin-top:30px}
*/
[x-cloak] { display: none !important; }
.promotions img { min-width: 22rem; max-width:22rem;}
#in-services-style-2.squares .ry-each:before, #in-services-style-2.squares .ry-each img {border-radius: 0;}
.mobile-menu-icon a{display: flex;height: 100%;width: 100%;justify-content: center;align-items: center;}
body.fancybox-active .ry-sticky-menu.fixed {z-index: 9999;}
.testimonials-swiper p,
.testimonials-swiper-2 p{
overflow: hidden;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 4
}
.service-hover {
    position: absolute;
    z-index: 9;
    opacity: 0;
    transition: opacity 0.3s ease;
    text-align: center;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    color: white;
}

/* Show service-hover when parent with data-target is hovered */
[data-target]:hover .service-hover {
    opacity: 1;
}

/* Apply the overlay effect when parent is hovered */
[data-target]:hover .service-hover::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    height: 100%;
    z-index: -1; /* Make sure it's behind the text */
}
.mm-navbar {
	color: #ffffff;
}
nav#menu-style-4 .mm-listitem a, a.mm-navbar__title span {
    font-size: 20px;
    text-transform: uppercase;
}
.ry-btn.bg-secondary-background:hover {
    background: #fff;
    color: #000;
}
div#faq-accordion-style .custom-dot ul {
    list-style: disc;
    padding-left: 30px;
}
/** Updated New CSS **/
div#navigation-style-4 {
    max-width: 1600px !important;
}
.ry-menu .ry-nav {
	text-transform: capitalize !important;
	gap: 30px;
}
.cta-icon {
    background: #5a2784;
    color: #fff;
}
.cta-btn.ry-btn-primary.ry-el-link:not(.ry-btn-secondary)  {
	border: 1px solid #12b4af;
}
.cta-btn.ry-el-link .flex * {
    font-size: 17px !important;
    text-transform: capitalize;
}
.cta-btn.ry-btn-primary.ry-el-link:not(:hover, .ry-btn-secondary) {
    background: transparent;
    border: 1px solid #12b4af;
}
.cta-btn.ry-el-link:first-child .flex * {
    font-weight: 700;
}
/*.cta-btn.ry-btn-primary.ry-el-link:hover, .cta-btn.ry-btn-secondary.ry-el-link:not(:hover) {
    color: #242424;
}*/
.cta-btn.ry-btn-secondary.ry-el-link span.cta-icon {
    background: #5a2784;
    color: #fff;
    border: none;
}

@media (min-width: 1920px) {
	.navigation-4 .flex.gap-2 {
		width: 100%;
		max-width: fit-content;
		justify-content: flex-end;
	}
	.navigation-4 .hidden.lg\:flex.justify-end.ry-menu.w-full.pt-0.pb-0 ul {
		justify-content: flex-end;
	}
	.navigation-4 .flex.flex-col.justify-end.items-end.w-full {
		flex-direction: column;
        padding: 0;
        align-items: flex-end;
        gap: 18px;
	}
	.navigation-4 .flex.flex-col.justify-end.items-end.w-full .hidden.lg\:flex.justify-end.ry-menu.w-full.pt-0.pb-0 {
		padding: 0 0 0 2%;
	}
	.navigation-4 .hidden.lg\:flex.justify-end.ry-menu.w-full.pt-0.pb-0 ul li {
		margin-top: 0;
	}
}

.ry-img-doctor img {
    max-width: 350px;
}

.ry-container-1600 {
    width: min(90%, 1600px);
	float: unset;
	margin: 0 auto;
}

.ry-container-1600 #footer-each-wrap {
    padding: 5% 0 30px;
}

.service-style-1 h2 {margin: 10px 0;}
.ry-menu .ry-nav li .dropdown-toggle {padding: 5px 0 12px;}
ul#quick-links li a {display: block;width: 100%;}


@media (min-width:1280px) {
	
	div#site-logo img {
		max-width: 280px;
		position: relative;
		
	}
}

.slider-info-center-bottom, .slider-info-left-center, .slider-info-left-bottom {
    min-height: 1px;
    width: 100% !important;
    max-width: 1600px !important;
    left: 0;
    right: 0;
	bottom:20px;
    margin: auto;
	transform: unset !important;
}

.homepage-swiper h2 {
	font-size: clamp(1.75rem, 1.125rem + 3.125vw, 4.875rem);
}
.slider-info-left-center div + div {
    line-height: 150%;
    font-size: clamp(1.125rem, 1.0625rem + 0.3125vw, 1.4375rem);
}

@media (min-width: 1081px) {
	.slider-info-left-center *,
	.slider-info-left-bottom *{
		text-align: left !important;
	}
	.slider-info-left-center a.ry-btn.ry-btn-primary,
	.slider-info-left-bottom a.ry-btn.ry-btn-primary {
		margin-top: 30px;
		margin-left: unset;
	}
	.slider-info-left-center div {
		width: 100%;
		max-width: 620px;
	}
	.slider-info-left-center div + div {
		max-width: 460px;
	}
}


.module-testimonials.style-2 .sub-title h4, .module-testimonials.style-2 .main-title h2 {
    color: #ffffff !important;
}

.module-testimonials .comments-holder, .module-testimonials .comments-icon {
    background: transparent !important;
}

#section-hp-services::before, .module-19.style2::before, .ry-services.style2::before {
    /*height: 40%;*/
    top: unset;
    bottom: 0;
    background-image: url("https://www.royacdn.com/unsafe/smart/Site-71e483b4-7c0d-4b44-bed2-1366a94ccee4/_youngsmileswi_Assets/services_bg_t3.jpg");
	background-size: cover;

}


@media (min-width: 1024px) {
    .lg\:grid-cols-teamStyle2 {
        grid-template-columns: 320px minmax(640px, 1fr) 0px;
    }
}
#ry-footer {
	background: #021831;
	border-top: 8px solid #c29b41;
}
#ry-footer ul {
    line-height: 2;
}
div#ry-footer-3 p a:hover {
    color: #ec217a;
}
/*body[data-page-name="contact-us"] #footer-map {
	display: none;
}*/

@media (max-width:1280px) {
    .snap-mobile-menu img {
        min-height: auto !important;
        max-width: 150px !important;
    }
	
	div#ry-footer img {
		max-width: 200px;
	}

	div#footer-disc p, div#footer-disc span.text-xs.md\:text-base {
		font-size: 15px !important;
		text-align: center !important;
		line-height: 25px;
	}

	#ry-footer ul {
		margin: auto;
	}
}

@media (max-width:700px) {
	div#footer-info-each {
	    width: 100% !important;
	}
	
	div#footer-disc span.text-xs.md\:text-base {
	    margin-bottom: 10px;
	}

}

@media (max-width: 500px) {
    .homepage-swiper .with-gradient, .homepage-swiper .swiper-slide img {
        height: auto !important;
        margin-top: 0px;
    }
}

@media (max-width: 1599px) {
	#ry-footer ul {
		flex-direction: row;
	}
	.ry-container-1600 #footer-each-wrap {
		padding-bottom: 0;
	}
}

@media (min-width: 1024px) {
    .\32xl\:grid-cols-7 {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }
	div#footer-info-each:nth-child(1) {
		grid-column: 1 / -1;
	}
	div#footer-info-each:nth-child(6) {
		grid-column: 1 / -1;
	}
}

@media (min-width: 1600px) {
    .\32xl\:grid-cols-7 {
        grid-template-columns: repeat(6, minmax(0, 1fr));
    }
	div#footer-info-each:nth-child(1) {
		grid-column: span 4 / span 4 !important;
	}
	div#footer-info-each:nth-child(6) {
		grid-column: none !important;
	}
}

@media (min-width: 1081px) {
	.module-welcome.style-5 * {
		text-align: left !important;
	}
	.module-welcome.style-5 .ry-text .ry-btn {
		margin-left: unset;
		text-align: center !important;
	}
	.module-welcome.style-5 .ry-each:not(.image-wrapper) .main-title {
		width: 100%;
		max-width: 420px;
	}
}

#services-12 > div:nth-child(odd), #services-12 > div:nth-child(even) {
    background: #fff;
    border: 1px solid #dddddd;
    border-radius: 20px;
	padding-bottom: 100px !important;
	position: relative;
}

#services-12 > div:nth-child(odd) div > img, #services-12 > div:nth-child(even) div > img {
    object-fit: contain;
    max-height: 100px;
    filter: unset !important;
    max-width: 100px;
}

#services-12 > div:nth-child(odd) *, #services-12 > div:nth-child(even) * {
    color: #565656 !important;
    font-size: 17px;
	text-align: center !important;
}

#services-12 > div:nth-child(odd) > div > h4, #services-12 > div:nth-child(even) > div > h4 {
    color: #ec217a !important;
    font-size: 1.3rem !important;
}

#services-12 a.mt-10.w-20.h-20.flex.items-center.justify-center.text-3xl.rounded-full {
    width: 60px;
    height: 60px;
    position: absolute;
    bottom: 24px;
    left: 0;
    right: 0;
    margin: auto;
    background: var(--color-primary-background);
}

#services-12 a.mt-10.w-20.h-20.flex.items-center.justify-center.text-3xl.rounded-full * {
    font-size: 25px !important;
}
.bi-arrow-right::before {
    content: "\F285";
    font-weight: bold !important;
    font-size: 18px;
	color:#fff;
}

.bi-arrow-left::before {
    content: "\F284";
    font-weight: bold !important;
    font-size: 18px;
}

i.bi.bi-arrow-left, i.bi.bi-arrow-right {
    display: flex;
    justify-content: center;
    align-items: center;
}
div#services-12 .hp-service {
    top: 0;
    transition: all ease-in-out 0.3s;
}
div#services-12 .hp-service:hover {
    top: -10px;
    background: #12b4af;
    border-color: #12b4af
}
div#services-12 .hp-service:hover a {
    background: #ec217a !important;
}
div#services-12 .hp-service:hover h4,
div#services-12 .hp-service:hover p {
    color: #fff !important;
}
div#services-12 .hp-service:hover div img {
    transition: all ease-in-out 1s;
}
div#services-12 .hp-service:hover div img {
    transform: rotateY(360deg);
}

body#page #hp-insurance-1 {
	background: #efeae4;
}
body#page #hp-insurance-1 .sub-title h4 {
    color: #6b7d8b;
}
body#page #hp-insurance-1 .col-xs-12.overflow-hidden.px-4.py-10.sm\:px-6.lg\:px-8.lg\:py-14.mx-auto.relative.max-w-7xl {
    padding-bottom: 0;
}

body#page #hp-insurance-1 .swiper-slide.rounded-lg {
    background: transparent;
}
body#page #hp-insurance-1 .swiper-slide.rounded-lg img {
    filter: unset;
    mix-blend-mode: normal !important;
    aspect-ratio: 3 / 1;
}

body#page #hp-insurance-1 .brands-swiper-4 {
    width: 100%;
    max-width: 90%;
    margin: auto;
}

body#page #hp-insurance-1 .relative.flex.gap-2.my-4.mt-10.justify-center {
    position: absolute;
    top: 66%;
    left: 0;
    width: 100%;
    height: 60px;
    display: flex;
    align-items: center;
    margin: auto;
    transform: translateY(-50%);
}

body#page #hp-insurance-1 .brand-4-swiper-button-prev, body#page #hp-insurance-1 .brand-4-swiper-button-next {
    background: transparent;
    color: #333;
    position: absolute;
    top: 0;
    left: 30px;
    width: 60px;
    height: 60px;
}

body#page #hp-insurance-1 .brand-4-swiper-button-next {
    right: 30px;
    left: unset;
}


.testimonial-block .sub-title h4, .testimonial-block .main-title h2, .testimonial-block .block.md\:text-xl.md\:text-center.leading-6.text-gray-500 {
    color: #fff !important;
}

.testimonial-block .t-swiper-button-prev, .testimonial-block .t-swiper-button-next {
    background: #fff;
    color: #565656;
    margin-bottom: 10px;
}

.testimonial-block .t-swiper-pagination {
    display: none;
}
.testimonial-block svg {
    fill: #fce047;
}
.testimonial-block .mt-3.sm\:mt-6.text-base.text-gray-800.md\:text-xl.dark\:text-white, .testimonial-block .text-sm.font-semibold.text-gray-800.sm\:text-base.dark\:text-gray-200 {
    color: #565656;
    font-size: 18px;
}
.testimonial-block .swiper-slide.flex {
    background: white;
    border: none;
}

@media (max-width: 1080px) { 
	.slider-info-left-center {
		top: unset;
		bottom: 20px;
		transform: unset;
	}
	.testimonial-block .block.md\:text-xl.md\:text-center.leading-6.text-gray-500 {
		text-align: center;
	}
}

@media (max-width: 1023px) {
	#services-12 .col-span-full {
		grid-column: span 1 / span 1;
	}
}

@media (max-width: 767px) {
	.homepage-swiper .swiper-slide img {
		height: 100% !important;
	}
	div#hp-slider {
		padding-top: 100px;
	}
}

@media (max-width: 520px) {
	#services-12 .col-span-full {
		grid-column: 1 / -1;
	}
}

.slider-info-center-bottom {
	max-width: 100% !important;
}


@media (max-width: 1023px) { 
	.homepage-swiper .swiper-slide img {
		height: 100% !important;
	}
	.slider-info {
		width: 100% !important;
		max-width: 100% !important;
	}
	.slider-info {
		width: 100%;
		max-width: 100%;
	}
	.homepage-swiper h2 {
		text-align: center !important;
	}
	.homepage-video-slider::before {
		display: none !important;
	}
}

@media (max-width:991px) { 
	.homepage-video-slider #the-video #ry-video-slider {
		padding-top:95px
	}
}

@media (max-width:768px) { 
	.homepage-swiper .slider-info {
		max-width: 100%;
		text-align: center;
		position:static !important;
		background: #ec217a;
	}

	.homepage-swiper .slider-info .mb-4 {
		margin-bottom:0 !important;
	}

	.homepage-swiper .homepage-swiper {
		margin-top: 0em;
	}

	.homepage-swiper .swiper-slide {
		padding-top:0
	}

	.homepage-swiper .swiper-slide img {
		height: 100% !important;
		padding-top: 90px;
	}
	.homepage-swiper .slider-info {
		padding-bottom: 50px;
	}
}

@media (min-width: 1024px) {
	.homepage-video-slider {
		max-height: 100vh;
		overflow: hidden;
	}
	.homepage-video-slider::before {
		background: linear-gradient(to bottom, #00000099 15%, transparent);
		opacity: 1;
	}
}

#ry-pg-body div#navigation.navigation-4 {
    background: rgba(255, 255, 255, 8);
    position: relative;
}
.module-testimonials .swiper-pagination-bullet {
    background: #fff;
	opacity: .5;
}
.module-testimonials .swiper-pagination-bullet-active {
    background: #c29a42;
	opacity: 1;
}


/** CSS for youngsmileswi **/

.swiper-backface-hidden .swiper-slide {background:#5a2784;}

/*.swiper {margin-bottom: 240px;}*/

.sub-title, .sub-title h4 {
	color: #ec217a!important;
	}
/*.testimonials-swiper p, .testimonials-swiper-2 p {color: #6b7280!important;}*/


.main-title, .main-title h2 {
	color: #5a2784!important;
}

.purple {color: #5a2784!important;}
.pink {color: #ec217a!important;}

h5, h6 {color:#ec217a!important;}

/*Welcome*/
.module-welcome.style-5 {
	background-image: url("https://s3.amazonaws.com/static.organiclead.com/Site-71e483b4-7c0d-4b44-bed2-1366a94ccee4/_youngsmileswi_Assets/welcome_bg_with_side_u_plain.jpg");
	background-size: cover;
	min-height:1080px;
	position: relative;
}
.module-welcome.style-5:before {
    content: '';
    position: absolute;
    top: 25%;
    left: 20px;
    background: url(https://s3.amazonaws.com/static.organiclead.com/Site-71e483b4-7c0d-4b44-bed2-1366a94ccee4/_youngsmileswi_Assets/welcome_bg_handprints_left.png) center center no-repeat;
    background-size: contain;
    width: 253px;
    height: 403px;
    z-index: 2;
    display: block;
}
.module-welcome.style-5:after {
    content: '';
    position: absolute;
    top: 50%;
    right: 30px;
    background: url(https://s3.amazonaws.com/static.organiclead.com/Site-71e483b4-7c0d-4b44-bed2-1366a94ccee4/_youngsmileswi_Assets/welcome_bg_handprints_right.png) center center no-repeat;
    background-size: contain;
    width: 194px;
    height: 310px;
    z-index: 2;
    display: block;
}

#section-hp-team h3 {
	color: #5a2784!important;
}

.testimonials-swiper p, .testimonials-swiper-2 p {
	color: #fff;
}

@media (max-width: 1480px) {
	.module-welcome.style-5:before {
		opacity: 0.3;
	}
}
@media (max-width: 1200px) {
	.ry-menu .ry-nav li a {
		font-size: 16px;
	}
}
@media (max-width: 1080px) {
	.module-welcome.style-5 {
		min-height: auto;
	}
}
@media (max-width: 500px) {
	.homepage-swiper .swiper-slide img {
		padding-top: 0;
	}
	#section-hp-team::before {
		background-position: bottom;
	}
}

#contact-form [data-type="radiolist"] ,
#appointment-form [data-type="radiolist"] {
    display:flex;
    gap:30px
}

#contact-form [data-type="radiolist"] input,
#appointment-form [data-type="radiolist"] input {
    margin-right:5px
}
#contact-form [data-type="radiolist"] label,
#appointment-form [data-type="radiolist"] label{
    color:#828589
}


/** INISDE PAGES UPDATES **/
.about-slider {
    max-width: 825px;
    position: relative;
}
.about-slider .swiper-wrapper {
    overflow: hidden;
}
.about-slider .swiper-pagination {
    bottom: -2rem;
}

.ry-testimonial-section .ry-each {
    background: #5a2784;
}
.ry-testimonial-section .ry-each * {
    color: #fff;
}
/** END INISDE PAGES UPDATES **/