/* 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
}

#ry-pg-body #navigation {
    position: relative !important;
}

.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;
}

.full-link, .full-link a {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	opacity: 0;
	z-index: 9;
}
/* 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;
}



.hp-testi-bg {
	background-image: url(https://s3.amazonaws.com/static.organiclead.com/Site-b24a4c64-2b66-4226-9b93-0d90c6e56321/Assets/testimonial_background.jpg);
	background-size: cover;
	background-position: center top;
}

.text-secondary-background h6 {
    color: #333;
}


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: #222222;
}

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;
}

#section-hp-team .homepage-team-swiper {
    max-width: 40rem !important;
}

.ry-services.style2 .text-primary-background h3 {
    color: #212121;
}

.cta-section {
	background: url(https://s3.amazonaws.com/static.organiclead.com/Site-91f2d9d6-7d64-4ecd-b311-eadb90d321e5/Assets/cta_bg_v3.jpg);
	background-size: cover;
	background-position: bottom right;
	position: relative;
}

.cta-section:before {
    content: "";
    position: absolute;
    inset: 0;
    height: 30%;
    background: linear-gradient(to bottom, #f9f9f9, transparent);
}

.cta-section .text-balance.group-hover\:font-medium.mt-3.\!font-semibold.uppercase.group-hover\:text-secondary-background.text-primary-background {
    color: #333;
}

div#section-hp-team .team-box {
    background: #f9f9f9c2 !important;
    box-shadow: 0 10px 50px rgb(0 0 0 / 20%);
}

.hp-testi-bg .swiper-backface-hidden .swiper-slide {
    background: #182242e8;
}

#ry-footer-3::after {
	background-color: var(--color-secondary-background);
		}

body#page div#hp-brands-6 {
    background: linear-gradient(to top, #e6f6f6, transparent);
}
body#page div#hp-brands-6 .col-xs-12.swiper-slide.p-4.md\:p-7.bg-gray-200.rounded-lg,
body#page div#hp-insurance-1 .col-xs-12.swiper-slide.p-4.md\:p-7.bg-gray-200.rounded-lg {
    background: transparent;
	    border: 1px solid #707d7d;
	background: rgb(255 255 255 / 10%);
    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px);
	height:120px
}
body#page div#hp-brands-6 .col-xs-12.swiper-slide.p-4.md\:p-7.bg-gray-200.rounded-lg img,
body#page div#hp-insurance-1 .col-xs-12.swiper-slide.p-4.md\:p-7.bg-gray-200.rounded-lg img {
	height:100%;
	object-fit:contain
}

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

body[data-page-name="eyeglasses/featured-designer-frame-brands"] #hp-brands-6::before {
	display: none;
}

body[data-page-name="eyeglasses/featured-designer-frame-brands"] #hp-brands-6 .sub-title, 
body[data-page-name="eyeglasses/featured-designer-frame-brands"] #hp-brands-6 .main-title, 
body[data-page-name="eyeglasses/featured-designer-frame-brands"] #hp-brands-6 p, 
body[data-page-name="eyeglasses/featured-designer-frame-brands"] #hp-brands-6 .ry-btn.ry-btn-primary {
    display: none !important;
}
/** FRAME PAGE **/
.ry-frame-slider {
    position: relative;
    margin: 2rem 0 0;
}
.ry-frame-slider .swiper-wrapper .swiper-slide {
    display: flex;
    justify-content: center;
    align-items: center;
}
.ry-frame-slider .swiper-container {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 9;
    width: 100%;
}
.ry-frame-slider .swiper-container .swiper-button-next {
    right: 0;
}

/** GIVING BACK PAGE **/
.giving-back-grid .relative {
    display: flex;
    justify-content: center;
    align-items: center;
}

.snap-mobile-menu > div.snap-mobile-menu {
    padding: 0;
}



@media (max-width:991px) {
	
	.homepage-video-slider::before {
		background: transparent !important;
	}

	div#hp-slider h2, div#hp-slider h1 {
		text-shadow: none !important;
		font-size:30px !important;
		line-height: 1.2;

	}

	.slider-info {
		background-color: #ce9801;
		position: static;
		transform: none;
		width: 100% !important;
		max-width: 100% !important;
		padding: 2em 2em 1em !important;
	}
	
}


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

.frame-pg .swiper-button-prev {
    left: 3%;
}

.frame-pg .swiper-button-next {
    right: 3% !important;
}