/* 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,
.module-testimonials .mt-3.sm\:mt-6.text-base.md\:text-xl p {
overflow: hidden;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 5
}
.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;
}

.ry-photo img {
    max-width: 600px;
    margin: 0 auto;
}

.sticky-icons ul {
    padding: 0;
}
.sticky-icons ul li {
    list-style: unset;
}
/* 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;
}

.homepage-swiper h2 {
	text-shadow: 3px 3px 3px rgb(0 0 0 / 40%);
	letter-spacing: 4px;
	font-size: clamp(1.625rem, 0.95rem + 3.375vw, 3rem);
	line-height: 120%;
}

#ry-pg-body :is(.navigation-3) {
    position: relative !important;
}

.mm-navbar__title > span {
    color: #fff;
}

@media (min-width: 1024px) {
	.navigation-3.fixed > .block.lg\:absolute.inset-0 {
		position: relative;
	}
	.ry-menu .ry-nav li.primary {
		margin-top: 0px;
	}
}

@media (max-width: 1440px) {
	div#navigation-style-4.container {
		max-width: 1280px;
	}
}

div#navigation-style-4 {
    max-width: 1600px;
    width: 90%;
    padding: 1em 0 !important;
}

body#ry-pg-body div#navigation {
    position: static;
}

.module-testimonials h6, .module-testimonials p, .module-testimonials h2 {
    text-align: center !important;
}

img.rev-icon {
    max-width: 70px;
    height: auto;
    width:100%;
}

#navigation-style-4  .max-w-\[240px\]{
    max-width: 340px;
}

@media (max-width: 1080px) { 
	.ry-menu .ry-nav {
		font-size: 14px !important;
	}
	
	div.module-testimonials h6, .module-testimonials p, .module-testimonials h2 {
		text-align: center !important;
	}
	
	div#team-inner-block {
		padding: 2em 1em;
	}

	div#team-inner-block img {
		max-width: 220px;
	}

	div#team-inner-block {
		flex-direction: column;
	}

	div#team-inner-block .flex {
		padding: 0 !important;
		background: transparent;
		width: 100%;
	}

}

@media (max-width: 1200px) { 
	div#navigation-style-4 {
		max-width: 90%;
	}
	.ry-menu .ry-nav {
		gap: 20px !important;
	}
	div#navigation-style-4 .cursor-pointer img {
		max-width: 260px;
	}
}

@media (max-width:991px) {

	.main-title h2 {
		line-height: 1.2;
		font-size: 30px !important;
	}

	.sub-title h4 {
		font-size: 20px !important;
	}
	
	div#section-hp-services .grid h4 {
		font-size: 23px;
		line-height: 1.3;
	}
	
	div#footer-map {
		height: 400px !important;
	}
	
	div#rev-flex h3 {
		font-size: 22px !important;
	}
}

@media (max-width:768px) {
	
	img#hp-rev-image {
		height: auto !important;
		border-top-left-radius: 20px;
		border-top-right-radius: 20px;
	}

	div#hp-rev-image-block {
		width: 100% !important;
	}

	div#hp-rev-image-flex {
		display: block !important;
		border-radius: 20px;
	}

	div#rev-flex {
		width: 100%;
	}
}

@media (max-width:767px) {
	
	.snap-mobile-menu .gap-6 {
		gap: 0 10px;
	}

	.homepage-swiper .slider-info {
		max-width: 100%;
		text-align: center;
		position:static !important;
	}

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

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

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

@media (max-width: 500px) {
	
   .snap-mobile-menu img { 
		max-height: 55px;
	}
	
	.snap-mobile-menu .gap-6 {
		gap: 0 10px;
	}
}

div#section-hp-team .swiper.homepage-team-swiper h6 {
    letter-spacing: 2px;
    font-size: clamp(1.25rem, 1.2037rem + 0.2469vw, 1.5rem);
}

@media (max-width: 1024px) {
	div#section-hp-team .mx-auto .md\:text-center.text-gray-500>p {
		text-align: center !important;
	}
	.homepage-team-swiper .text-gray-800 {
		font-size: 20px;
	}
	.homepage-team-swiper .text-gray-600 {
		font-size: 16px;
	}
}

.homepage-swiper .swiper-slide img {
	object-position: center 0%;
}

@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;
	}
	#navigation-style-3,
	.navigation-3 .hidden.lg\:flex,
	.homepage-video-slider::before {
		display: none !important;
	}
	.homepage-video-slider {
		padding-top: 100px;
	}
}

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

@media (max-width: 1200px) { 
	.cta-btn.ry-btn-primary .flex {
		display: none;
}
}


body[data-page-name="contact-us"] div#footer-map {
   display: none !important;
}

#ry-footer ul {
	line-height: 2;
}

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

body[data-page-name="frames"] #hp-brands-3::before {
	display: none;
}

#hp-brands-3 .swiper-pagination {
    position: relative;
    margin-top: 50px;
}

#hp-brands-3 .left-right-arrow {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    flex-direction: row-reverse;
	margin-top: 30px;
}
#hp-brands-3 .swiper-button-next, #hp-brands-3 .swiper-button-prev {
    position: relative;
    left: 0;
    right: 0;
    top: auto;
    transform: unset;
	margin: 0;
	background-color: #6f6c43;
}
.brands-swiper-3 {
    padding-bottom: 0 !important;
}

body#page #hp-brands-1::before, body#page #hp-brands-2::before, body#page #hp-brands-3::before, body#page #hp-brands-4::before, body#page #hp-brands-5::before, body#page #hp-brands-6::before {
	height: 100%;
	left: 0;
	top: 0;
	bottom: unset;
	background-repeat: no-repeat;
	background-position: left bottom;
}

/*#hp-brands-3 .sub-title h4, #hp-brands-3 .main-title h2 {
	color: #fff !important; 
}

#hp-brands-3 .ry-btn:not(:hover) {
    background: #fff;
    color: #151515;
}
*/

.cta-section {
    background: url(https://s3.amazonaws.com/static.organiclead.com/Site-b1c36f85-cb6f-4af1-9d1f-172110b5a863/Assets/cta_background.jpg);
    background-size: cover;
    background-position: center bottom;
}
.cta-section .group .group-hover\:text-secondary-background {
    color: var(--color-secondary-background);
}
.cta-section .group:hover .group-hover\:text-secondary-background {
    color: #fff;
}
.cta-section img.mx-auto.w-20 {
    filter: brightness(0) invert(1);
}

body#page div#hp-insurance-1,body#page div#hp-brands-3 {
    background: #f9f9f9;
}
body#page div#hp-insurance-1 .rounded-lg.bg-gray-200 {
    background: transparent;
}

.module-testimonials {
	padding-bottom: 80px !important;
}

@media(max-width:1680px) {
    #navigation-style-4 .flex.flex-col {
        flex-direction:column;
        justify-content:center;
        align-items:end;
        gap:10px
    }
}

/*--- HP SLIDER UPDATE ---*/


#hp-slider .slider-info {
    bottom:20px
}
#hp-slider .slider-info h1{
    font-size: clamp(2.5rem, 1.5441rem + 3.9216vw, 6.25rem);
    font-weight:400;
    line-height:1.2 !important
}

#hp-slider .slider-info h1 span {
    font-size: clamp(1.5rem, 1.4573rem + 0.2439vw, 1.75rem);
    display:block;
    width:fit-content;
    margin-inline:auto
}


@media(min-width:767px) {
	.homepage-swiper .swiper-slide .with-gradient::after {
		content: "";
		position: absolute;
		bottom: 0;
		left: 0;
		width: 100%;
		height: 35%; 
		background: linear-gradient(
			to top,
			rgba(0, 0, 0, 0.65) 0%,
			rgba(0, 0, 0, 0.2) 60%,
			rgba(0, 0, 0, 0) 100%   
		);
	}

	.homepage-swiper .swiper-slide {
		position: relative;
	}

	.homepage-swiper .swiper-slide img {
		display: block;
		width: 100%;
		height: auto;
	}
 
}
@media(max-width:991px) {
    #hp-slider .slider-info h1{
        font-size: clamp(2.1875rem, 1.7819rem + 1.6639vw, 2.8125rem);
    }
    #hp-slider .slider-info h1 span {
        margin-top:5px
    }
}

.ry-menu .ry-nav {
    margin-top: 8px;
}

.swiper.homepage-team-swiper-2 {
    background: #f9f9f9;
    border-radius: 30px;
    overflow: hidden;
    padding-bottom: 120px;
    padding-top: 120px;
}

@media (min-width: 1024px) {
	div#section-hp-team .main-title h2,
	div#section-hp-team .sub-title h4 {
		text-align: center;
	}
}

.module-testimonials.style-2::before, .module-testimonials.style-3::after {
	    background: url(https://s3.amazonaws.com/static.organiclead.com/Site-54698f34-03b6-46ee-a927-b6ecfa1faeff/Assets/testimonial_bg.jpg);
	background-size: cover;
	background-position: center center;
}

.mm-navbar {
	color: #ffffff;
}

body#page .brands-swiper-4 .swiper-slide {
    border: 1px solid var(--color-secondary-background);
	    background: rgb(255 255 255 / 20%);
    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(15px);
}

.brands-swiper-4 img {
	mix-blend-mode: unset;
	filter: brightness(0) invert(.2);
}

/*.ry-services.style2 .sub-title h4, .ry-services.style2 .main-title h2, .ry-services.style2 .block.md\:text-xl.md\:text-center.leading-6.text-gray-500.pb-6 {
    color: #fff;
}*/

.ry-services.style2 .block-count-7, .ry-services.style2 .block-count-6, .ry-services.style2 .block-count-5, .ry-services.style2 .block-count-4, .ry-services.style2 .block-count-3 {
	flex-wrap: wrap;
}

.link, a.link {
    background: transparent;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    color: transparent !important;
}
div#section-hp-team .text-sm.font-medium.text-primary-background.sm\:text-base.lg\:text-lg.dark\:text-gray-200.uppercase p {
    font-size: 22px;
    margin-bottom: 10px;
    color: #ffffff;
}
div#section-hp-team .text-xs.text-gray-600.sm\:text-sm.lg\:text-base.dark\:text-gray-400 p {
    opacity: .8;
    font-size: 18px;
	    color: #ffffff;
}
div#staff1, div#staff2, div#staff3, div#staff4 {
    scroll-padding-top: 200px;
    scroll-margin-top: 200px;
}

.module-testimonials .text-yellow-300 {
    color: #cb9a2b;
}

/*@media (min-width: 1280px) {
	.module-welcome.style-5 {
		padding-bottom: 22rem;
	}
	.ry-services.style2 {
		padding-top: 16rem;
	}
}*/

/*.ry-services.style2 .sub-title h4, .ry-services.style2 .main-title h2, .ry-services.style2 .block.md\:text-xl.md\:text-center.leading-6.text-gray-500.pb-6 {
    color: #fff;
}*/

div#section-hp-team .col-xs-12.max-w-7xl.space-y-6.mx-auto.relative.z-10 * {
    color: #fff;
}

div#contents ul.pagination li {
    list-style: none !important;
}

body[data-page-name="contact-us"] #footer-map {
	display: none;
}

body[data-page-name="contact-us"] #ry-footer-3 {
	padding-top: 220px;
}

#ry-video-slider {
	width: 100%;
	aspect-ratio: 16 / 9;
	overflow: hidden;
}

#ry-video-slider iframe {
	width: 100%;
	height: 100%;
	border: 0;
	display: block;
}

#section-hp-services.custom-cta:before {
    background: #fbfbfb;
}

.module-welcome.style-5 .ry-text .ry-btn {
	width: auto;
}
.ry-services.style2 .sub-title h4 {
    color: #333;
}
div#section-hp-team {
    padding: 120px 0 !important;
}
#section-hp-team:before {
	background-position: center bottom;
}

body#page div#hp-brands-6 {
    padding-top: 8rem;
}

/*div#section-hp-team .main-title h2, div#section-hp-team .sub-title h4 {
    color: #fff;
}*/

.homepage-team-swiper-2:before {
	background-image: url(https://s3.amazonaws.com/static.organiclead.com/Site-54698f34-03b6-46ee-a927-b6ecfa1faeff/Assets/bg_doctor.png);
}
.module-testimonials .swiper-button-prev, .module-testimonials .swiper-button-next {
    background-color: var(--color-secondary-background) !important;
}

/*body#page div.navigation-4:not(.bg-White99) .cursor-pointer img {
    filter: brightness(0) invert(1);
}*/

/*body#page div.navigation-4:not(.bg-White99) .ry-menu .ry-nav .caret {
    border-color: white;
}

body#page div.navigation-4:not(.bg-White99) .ry-menu .ry-nav {
    color: #fff;
}*/


.brands-swiper-3 .swiper-wrapper .swiper-slide .logo-wrapper {
    background: var(--color-secondary-background);
}

.brands-swiper-3 .swiper-wrapper .swiper-slide {
	overflow: hidden;
}

.homepage-team-swiper-2 .swiper-slide .grid img {
    max-height: 360px !important;
    border-radius: 20px;
    box-shadow: 0 0 40px rgb(0 0 0 / 10%);
    border: 7px solid white;
}

#section-hp-team:before {
    border-top: 14px solid var(--color-secondary-background);
    border-bottom: 14px solid var(--color-secondary-background);
}

#ry-footer-3::after {
	background: #252525;
}

body#page div.navigation-4:not(.bg-White99) .cursor-pointer img {
    filter: brightness(0) invert(1);
}
body#page div.navigation-4:not(.bg-White99) .ry-menu .ry-nav {
    color: #fff;
}
body#page div.navigation-4:not(.bg-White99) .ry-menu .ry-nav .caret {
    border-color: white;
}

.ry-services.style2 .ry-each .photo {
	background: #f9f9f9;
}
.ry-services.style2 .ry-each .photo:before {
	opacity: 0;
}
.ry-services.style2 .ry-each .photo img {
    object-fit: contain;
    margin: auto;
    right: 0;
    max-height: 140px;
    top: 10px;
}
#services-7 .ry-each .title div {
    font-size: 15px;
    line-height: 110%;
}
.ry-services.style2 .ry-each .each-block:not(:hover) .title div {
    color: #242424;
}
.ry-services.style2 .ry-each .photo.logo img {
    bottom: 0;
    top: 0;
}
.ry-services.style2 .ry-each .photo.logo:before, .ry-services.style2 .ry-each .photo.logo:after {
    display: none;
}
#section-hp-services::before, .module-19.style2::before, .ry-services.style2::before {
    height: 0;
    padding-bottom: 76%;
    background-size: contain;
    background-repeat: no-repeat;
}
div#services-7 {
    margin-top: 10%;
}
.ry-services.style2 .main-title h2,
.ry-services.style2 .sub-title h4 {
    color: #fff !important;
}

@media screen and (max-width:1536px) {
        .ry-services.style2 .ry-each .photo img {
        max-height: 110px;
        margin: auto;
    }
}


@media screen and (max-width: 1080px) {
	div#services-7 {
		margin-top: 0;
	}

	.mobile-services .slick-dots .slick-active button {
		background: #2a402d !important;
	}

	div.mobile-services .slick-dots button {
		background: #fff !important;
	}

	.ry-services.style2 .each-block .photo img {
		width: 80%;
		height: 80%;
		top: 42%;
		left: 50%;
		transform: translate(-50%, -50%);
	}
}

@media (max-width: 768px) {
	
	div.ry-services.style2 .each-block .title div {
		font-size: 16px;
	}
	
	div#services-7 {
		margin-top: 0%;
	}
	
	div#section-hp-services::before,
	div.module-19.style2::before, .ry-services.style2::before {
		height: 0;
		padding-bottom: 95%;
		background-size: cover;
		background-repeat: no-repeat;
	}
}

@media (max-width: 680px) {
	div.ry-services.style2 .each-block .photo img {
		width: 60%;
		height: 60%;
	}

	div.ry-services.style2 .each-block .title {bottom: 35px;}

	div.ry-services.style2 .each-block .title div {
		text-wrap: balance;
		font-size: 14px;
	}
}

@media (max-width: 500px) { 
	.ry-services.style2 .button-wrapper {
		padding-top: unset;
	}

	#services-7 a.ry-btn.ry-btn-primary.block {
		font-size: 11px !important;
	}

	.mobile-services .slick-dots {
		margin: 15px 0 15px;
	}

	#services-7 .ry-content .content {
		max-width: 700px !important;
	}

	div.ry-services.style2 {
		padding: unset;
	}
}

@media (max-width: 480px) {
	div.ry-services.style2 .each-block .title div {
		font-size: 12px;
	}
	
	div#section-hp-services::before, div.module-19.style2::before, .ry-services.style2::before {
		padding-bottom: 114%;
	}
}

#services-7 .each-block {
	box-shadow: 0 0 30px rgb(0 0 0 / 50%);
}

#welcome-wrap.style-1.myopia-section:before {
	background: url(https://s3.amazonaws.com/static.organiclead.com/Site-54698f34-03b6-46ee-a927-b6ecfa1faeff/Assets/myopia_bg.jpg);
}

@media (min-width: 1081px) {
	.module-welcome.style-4 .ry-flex .ry-each .text-wrapper h2 {
		text-align: left;
	}
	.module-welcome.style-4 .ry-flex .ry-each:not(.image-wrapper) {
		width: calc(56% + 50px);
		padding: 90px 60px 70px 130px;
	}
}



.ry-container {
    max-width: 1280px !important;
}

.main-title h2{
    font-size:55px !important;
}
.module-welcome.style-4 .ry-flex .ry-each .text-wrapper h2{
    font-size:45px !important;
}

.snap-mobile-menu img{
    max-width:170px;
}


@media (max-width: 1080px) {
    .ry-services.style2 .each-block .photo:before {
        content: "";
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: 2;
        background: linear-gradient(#ffffff, #ffffff);
    }
}

@media (max-width: 1080px) {


	.ry-services.style2 .each-block .photo img {
		filter: brightness(0);

	}

	.ry-services.style2 .each-block .title div {
		font-size: 20px;
		color: #0c0c0c;
	}
	.ry-services.style2 .each-block .title div{
		line-height:1.1;
		font-size:18PX !important
	}
	.ry-services.style2 .each-block .photo img {
		height:100px;
		object-fit:contain
	}
	#services-7 .each-block {
		box-shadow:unset
	}
	.ry-services.style2 .each-block .title {
		bottom:35px
	}
	.ry-services.style2 {
		padding-block:80px !important;
	}
	div#section-hp-services::before, div.module-19.style2::before, .ry-services.style2::before {
		height:100% 
	}
}

@media(max-width:990px) {
       .ry-services.style2 .each-block .photo img {
        height:150px;
    }
    .ry-services.style2{
        max-width:600px;
        width:90%
    }
}
@media(max-width:1199px) {
	.homepage-team-swiper-2:before {
		background-position:left;
		background-size:contain
	}
	.swiper.homepage-team-swiper-2 {
		padding-block:40PX
	}
	.homepage-team-swiper-2:before {
		opacity:.2
	}
}
@media(max-width:991px) {
	.homepage-team-swiper-2:before {
		background-position:left;
		background-size:cover
	}
	.main-title, .main-title h2, .module-welcome.style-4 .ry-flex .ry-each .text-wrapper h2 {
    text-align: center;
    font-size: 35px !important;
	}
}
@media(max-width:480px) {
	 .ry-services.style2{
        max-width:300px;
        width:90%
    }
}

#navigation-style-4 .ry-menu .ry-nav li.primary:hover {
  color:#bfcdff !important
}
.bg-White99 {
    background-color:#fff;
}

.bg-White99  #navigation-style-4 .ry-menu .ry-nav > li.primary:hover, #ry-pg-body #navigation-style-4 .ry-menu .ry-nav li.primary:hover{
  color:var(--color-primary-background) !important
}
 .ry-services.style2 .ry-each .title {
    bottom: 45px;
}
@media(min-width:1081PX) and (max-width:1480px) {
    .ry-services.style2 {
        padding-top:150PX
    }
    div#services-7 {
    margin-top: 1%;
}

    #section-hp-services::before, .module-19.style2::before, .ry-services.style2::before {
        background-size:cover;
        height:100%
    
}
    .ry-services.style2 .px-8 {
        margin-top:-100px;
        margin-bottom:100PX
    }

    #services-7 .each-block {
        margin-bottom:15px
    }
}

.snap-mobile-menu .gap-6 {
	gap: 10px;
}

.snap-mobile-menu .gap-4 {
	gap:6PX
}

.snap-mobile-menu {
    background:#fff
}
.snap-mobile-menu .snap-mobile-menu {
    padding-inline:0;
    gap:20px
}
.snap-mobile-menu img {
    filter:unset
}
.mm-navbar__title > span, .mm-menu ::before {
  color: #fff
}
.mm-btn--next::after, .mm-btn--prev::before {
  border-color: #fff
}
.mm-menu a, .mm-menu button, .mm-menu label {
	text-transform:uppercase;
	font-size:20px
}

@media(max-width:1199px) {
  .cta-btn a, #navigation-style-15 .group.text-white *{
	  font-size: 14px;
  }

	.ry-menu .ry-nav li a{
		font-size: 16px
	}
	#navigation-style-15 .flex.gap-4 {
		gap:5px;
	}
	#navigation-style-15  .max-w-\[300px\] {
		max-width: 14.3vw;
		width: :100%
	}

}
@media(max-width:480px) {
	.snap-mobile-menu .snap-mobile-menu .gap-6{
	gap:3px
	}.snap-mobile-menu .snap-mobile-menu .gap-4{
	gap:4px
	}
	.mobile-menu-icon {
    width: 38px;
    height: 38px;
}
	.snap-mobile-menu .snap-mobile-menu {
		gap:10px;
	}
}
@media(max-width:400px) {

	.mobile-menu-icon  a {
		font-size:14px;
		display:flex;
		align-items:center;
		justify-content:center
	}


.snap-mobile-menu img {
    max-width: 150px;;
	height:auto;
	max-height:100%;
}

}