/*Avulux*/

h2 strong {
	font-weight: 600 !important;
}

body[data-page-id="WebPage-b725cc9c-311a-436e-a41c-44283b7f4241"] .module-footer.custom .footer-top{
	padding: 15em 0 70px;
}
.module-22 {
    padding: 0 8vw;
}
.mx-auto.section1 {
	display: flex;
	justify-content: center;
	align-items: center;
	background: #f0f6f4;
}

.section1-content {
	max-width: 1600px;
	width: 100%;
	border-radius: 40px;
}

.text-3xl.text-\[\#812488\] h2,
.section7 div h2 {
	text-align: center;
	text-transform: uppercase;
}

.mt-6 p {
	text-align: center;
}

.text-center.text-2xl.uppercase h2 {
	font-size: clamp(1.563rem, 0.783vw + 1.06rem, 2rem) !important;
	letter-spacing: 3px;
	line-height: 1.2;
	text-transform: uppercase;
	color: #926a8d;
	font-weight: 600;
	text-align: center;
}

.col-xs-12.prose.col-span-full.flex.flex-col.text-center.lg\:col-span-10.lg\:text-left h3,
.col-xs-12.prose.col-span-full.flex.flex-col.text-center.lg\:col-span-10.lg\:text-left p {
	text-align: center;
}

.col-xs-12.prose.col-span-full.flex.flex-col.text-center.lg\:col-span-10.lg\:text-left h3 {
	font-size: clamp(1.125rem, 0.671vw + 0.695rem, 1.5rem) !important;
	text-transform: uppercase;
	color: #926a8d !important;
	font-weight: 700 !important;
}

.text-3xl.text-\[\#812488\] h2,
.section7 div h2 {
	letter-spacing: -1px;
	line-height: 1.3;
	text-transform: uppercase;
	color: #241f23;
	font-weight: 275 !important;
	font-family: "Poppins";
	text-align: center;
}

.section3 {
	display: flex;
	position: relative;
	padding-bottom: 4em;
}

.section3::after {
	content: '';
	background: #fff;
	width: 100%;
	height: 30%;
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 1;
	opacity: 1;
}

.col-xs-12.mx-auto.max-w-6xl {
	z-index:2;
	filter: drop-shadow(0px 10px 24.5px rgba(24,23,24,0.09));
}

.section3 .flex {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}

.rounded-full.bg-black {
	background: #446960;
}

.recommended-each {
	background-color: #fff;
	padding: 10% 15%;
	border-radius: 15px;
}

.section2,
.section3 {
	background: #f0f6f4;
}
.avulux-section.section5.module-22 {
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.section5 .text-3xl.text-\[\#812488\] h2,
.section5 .mt-6 p {
	text-align: start !important;
}

.avulux-section p {
	color: #333333;
}

.order-container {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin: 8% 0 12% 0;
}

.order-item {
	width: calc(50% - 10px);
	margin-bottom: 20px;
	text-align: center;
	text-decoration: none;
	color: black;
}

.order-item a {
	display: flex;
	gap: 10%;
	align-items: center;
	padding: 12px 30px;
	border: 1px solid #ccc;
	border-radius: 10px;
	transition: background-color 0.3s;
	color: #333333;
	pointer-events: none;
}

.order-item a:hover {
	background: #446960;
	color: #fff;
}

.order-item a:hover img {
	filter: brightness(1) invert(1);
}

.icons {
	width: 40px;
	height: 30px;
	margin-bottom: 8px;
}

.col-xs-12.section7-content {
	width: 800px;
	margin-top: 4%;
}

.last-text {
	font-size: clamp(1.875rem, 1.119vw + 1.158rem, 2.5rem) !important;
	line-height: 1.3;
	color: #333333;
	font-weight: 700;
}

.section8 {
	display: flex;
	justify-content: center;
	align-items: center;
}

.section8-content {
	max-width: 1600px;
	width: 90%;
	background: #fff;
	border-radius: 25px;
	padding: 5% 8%;
	text-align: center;
	place-items: center;
	display: grid;
	gap: 10%;
	filter: drop-shadow(0 0 21.5px rgba(24, 23, 24, 0.13));
	position: absolute;
	z-index: 1;
}

.section8-content div p {
	font-size: clamp(1.25rem, 3.915vw - 1.26rem, 3.438rem) !important;
	line-height: 1.3;
	text-transform: uppercase;
	color: #241f23;
	font-weight: 275 !important;
	text-align: center;
}

.section8 a.ry-btn {
	background: #6f476a !important;
}

.section8 a.ry-btn:hover {
	background: black !important;
}

.section1-content {
	display: grid;
	grid-template-columns: 700px 900px;
	max-width: 1600px;
	margin: auto;
	position: relative;
	box-shadow: 0 4px 21.5px rgba(24, 23, 24, 0.24);
	margin-top: -100px;
	background: #fff;
}

.section1-content::before {
	content: '';
	position: absolute;
	top: 48%;
	left: 100%;
	transform: translateX(-50%);
	width: 100px;
	height: 100px;
	background: #533b50;
	border-radius: 50%;
}

.text-right2 {
	height: 87px;
	border-end-start-radius: 80px;
	border-end-end-radius: 80px;
	background-color: #6f476a;
	font-size: 24px !important;
	font-weight: 800 !important;
	display: flex;
	align-items: center;
	padding-left: 70px;
	margin-bottom: -20px;
	color: #fff !important;
}

.section1-left-img {
	margin: 0 auto;
	max-width: 100%;
	position: relative;
	overflow: visible;
	padding: 0 20px;
}

.section1-left-img img {
	width: 100%;
	max-width: 450px;
	margin-top: -100px;
	position: relative;
	top: 0;
}

.text-right3 p {
	max-width: 650px;
	font-size: 24px !important;
	color: #fff !important;
}

.glasses,
.text-right3 {
	background: #446960;
	padding: 50px 0;
}

.glasses {
	border-end-start-radius: 40px;
}

.text-right3 {
	border-end-end-radius: 40px;
}

.glasses img {
	width: 480px;
	margin: 0 auto;
}

.col-xs-12.right-text {
	padding-top: 85px;
	background:#fff;
	border-start-end-radius:40px;
}

.col-xs-12.right-text p {
	max-width: 650px;
	margin: 0 10%;
}

.text-content2 p {
	font-size: 20px !important;
	line-height: 30px;
	color: #333333;
	font-weight: 400;
	font-family: "Poppins";
}

.text-content1 p {
	font-size: 24px !important;
}

p.text-content2 {
	font-size: 20px;
}

.text-right3 p {
	margin: 0 10%;
}

.text-content2 {
	padding-bottom: 3%;
}

.avulux-section {}

.avulux-section .ry-content .ry-flex {
	flex-direction: column;
}

.avulux-section .ry-flex .ry-each-block {
	display: flex;
}

.avulux-section .ry-flex .ry-each-block .right-text {
	padding-top: 0;
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	position: relative;
	z-index: 1;
}

.avulux-section .ry-flex .ry-each-block:last-child > div {
	width: 50%;
}

.avulux-section .ry-flex .ry-each-block:last-child {
	background: #446960;
	border-radius: 0 0 40px 40px;
}
.avulux-section .ry-flex .ry-each-block:first-child {
	box-shadow: 0 4px 21.5px rgba(24, 23, 24, 0.24);
	margin-top: -100px;
	background: #fff;
	border-radius: 40px 40px 0 0;
}

.avulux-section .ry-flex .ry-each-block:first-child:before {
	content: '';
	position: absolute;
	bottom: 15px;
	right: -100px;
	transform: translateX(-50%);
	width: 100px;
	height: 100px;
	background: #6f476a;
	border-radius: 50%;
	z-index: -1;
}
.text-right2 {
	margin-right: -50px;
}

.avulux-section .ry-flex .ry-each-block:first-child .section1-left-img {
	width: 40%
} 

.avulux-section .ry-flex .ry-each-block:first-child .right-text {
	width: 60%
}
@media (max-width: 1440px) {
	.avulux-section .ry-flex .ry-each-block:first-child {
		margin-top: -50px;
	}
}
@media (max-width: 1200px) {
	.section1-left-img img {
		margin-top: -32px;
	}
	.avulux-section .ry-flex .ry-each-block .right-text {
		padding-top: 25px;
	}
}
@media (max-width: 1024px) {
	.avulux-section .ry-flex .ry-each-block {
		flex-direction: column;
		gap: 2em
	}
	.avulux-section .ry-flex .ry-each-block:last-child > div {
		width: 100%;
	}
	.avulux-section .ry-flex .ry-each-block:last-child > div * {
		text-align: center
	}
	.text-right2 {
		margin-bottom: 0;
	}
	.avulux-section .ry-content .ry-flex {
		gap: 2em
	}
	.avulux-section .ry-flex .ry-each-block * {
		text-align: center;
	}
	.text-right2 {
		width: 100%;
		justify-content: center;
		padding-left: 0;
	}
	.section1-left-img img {
		margin-top: 0;
	}
	.avulux-section .ry-flex .ry-each-block:first-child:before {
		display: none;
	}
	.avulux-section .ry-flex .ry-each-block:first-child > div {
		width: 100% !important;
	}
	.col-xs-12.right-text, .col-xs-12.ry-each-block {
		border-end-start-radius: 40px;
		border-end-end-radius: 40px;
	}
	.avulux-section .ry-flex .ry-each-block:first-child{
		border-end-start-radius: 40px;
		border-end-end-radius: 40px;
	}

}

/*Navbar*/

.mob-menu.mm-listitem a.single, .mob-menu.mm-listitem .dropdown, .mob-menu.mm-listitem a {
	color:#ffff !important
}

#accordion .ry-link-item:hover {
	background:#000;
	color:#fff;
}

.ry-drop-nav.ry-link-item.open li{
	background:#fff;
	color:#000 !important;
}

.ry-drop-nav.ry-link-item.open li a{
	color:#000 !important;
}

#ry-sidebar #accordion .ry-drop-nav ul li a:hover {
	color:#fff !important;
	background:#000;
}

div#accordion .ry-drop-nav.ry-link-item.open ul {
	background:#000 !important;
}


div#visiontherapy ul li{
	background:#fff !important;
}




/*Brand*/

.brands-container h3{
	padding:0;
	margin:0;
}

.brands-container .module-311 {
	margin-bottom:5%
}
.brands-container .ry-each:nth-child(odd) {
	background-color: lightgray; 
}

.ry-payment-options-logos .ry-each:nth-child(odd){
	background:lightgray;
}

/*Frames*/
.frames-conatiner h2 {
	font-size: clamp(2.5rem, 0.617vw + 2.384rem, 3.125rem)!important;
	line-height:1.3;
	text-transform: uppercase;
	font-weight: 275 !important;
	margin: 0;
	color: #446960 !important;
}

.frames-module {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	margin-bottom: 5%;
}

@media (max-width: 1024px) {
	.frames-module {
		grid-template-columns: repeat(2, 1fr);
		height: fit-content;
	}
}

@media (max-width: 678px) {
	.frames-module {
		grid-template-columns: repeat(1, 1fr);
		height: fit-content;
	}
}

.flip {
	perspective: 800;   
	position: relative;
	text-align: center;
	border: 1px solid #000;
}

.flip .card.flipped {
	transform: rotateY(-180deg);
}

.flip .card {
	width: 100%;
	min-height: 300px;
	transform-style: preserve-3d;
	transition: 0.5s;
	text-align: center;
}

.flip .card .face {
	backface-visibility: hidden;
	z-index: 2;
}

.flip .card .front,
.flip .card .back {
	position: absolute;
	height: 100%; 
	padding: 10px;
}

.flip .card .front {
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 0;
}

.flip .card .front img {
	width: 70%;
	height: auto;
}

.flip .card .back {
	transform: rotateY(-180deg);
	display: flex;
	flex-direction: column;
	overflow-y: auto;
}

.flip .card .back img {
	width: 70%;
	height: auto;
}

.inner {
	margin: 0;
	width: 100%; 
}

.face.back p {
	font-size: 16px !important;    
	margin: 0; 
	padding: 0; 
	text-align: center !important;

}

.frames-module .flip:nth-child(odd) {
	background-color: lightgray; 
	color:#000;
}

.frames-module .flip:nth-child(even) {
	background-color: white; 
}

/*Reviews*/
.reviews-cta-img {
	margin-bottom: 40px;
}

.reviews-cta-img img {
	max-width: 250px;
	margin: 0 auto;
	cursor:pointer;
}

/*contact us*/
#ry-sidebar .ry-contact-table .ry-row .ry-btn {
	color:#fff !important;
	font-size:14px !important
}
.ry-contact-table .ry-row, .ry-td a {
	color:inherit !important;
}

.ry-contact-table .social-inner-wrap a{
	color:#fff !important;
}

.ry-sb-heading h4 {
	text-transform: uppercase !important;
	font-weight: 300 !important;
	color: #446960 !important;
	font-size: clamp(1.5rem, 0.37vw + 1.431rem, 1.875rem) !important;
	line-height: 1.2 !important;
	margin: 0;
	padding-bottom: 2%;
}

#ry-section-map {
	height: 45.16667vw !important;
}

@media (max-width: 1024px){
	.section5 .text-3xl.text-\[\#812488\] h2, .section5 .mt-6 p{
		text-align:center !important
	}
	.section5 .mx-auto.grid.max-w-7xl.grid-cols-12.place-items-center.rounded-2xl.lg\:border-2 {
		display:grid;
		grid-template-columns: repeat(1, 1fr);
		margin-bottom: 3em;
	}
	.col-xs-12.section7-content {
		width: 100%;
	}

	.reviews-cta-img {
		display:grid;
		grid-template-columns: repeat(2,1fr);
	}
	.reviews-cta-img img {
		max-width: 150px;
	}
}


@media(max-width:425px){
	.col-xs-12.col-span-full.flex.h-full.flex-col.items-center.justify-center.px-10.py-20.text-center.md\:col-span-7 {
		padding:30px 10px;
	}
	.order-item a {
		display: grid;
		height: 100%;
		gap: 3%;
		place-items: center;
		border: 1px solid #ccc;
		border-radius: 10px;
		transition: background-color 0.3s;
	}

	.item-title {
		text-align: center;
	}
}
.right-image {
	position: absolute;
	bottom: 0;
	right: 0;
	width: 100%;
	max-width: 960px;
	height: auto;
}

.section7 {
	padding: 5em 0 20em;
	position: relative;
	background: #f0f6f4;
}

.img-2 {
	width: 100%;
	height: auto;
}

@media (max-width: 1720px) {
	.right-image {
		max-width: 45%;
	}
}

@media (max-width: 768px) {
	.right-image {
		max-width: 60%;
	}
}

@media (max-width: 425px) {
	.right-image {
		max-width: 80%;
	}
}


/*responsive*/
@media (min-width:1920px) {
	.hero-bg img {
		height: 100vh !important;
	}
}

@media (max-width:1024px) {
	/*Hero*/
	.hero-bg{
		position: relative;
		padding-bottom: 56.25%;
		height: 0 !important;
	}
	.hero-bg img {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100% !important;
		object-fit: cover !important;
	}
	.module-66 .bnr-textbox {
		position: relative;
		background:#446960;
		/* background:#6f476a; */
		padding: 40px 0;
		margin-bottom:0 !important;
	}

	.title-container h2 {
		text-align:center;
	}

	.line-wrapper {
		width: 100%;
		max-width: 45%;
	}

	.title-container {
		display:grid;
		place-items:center;
	}
}

@media (min-width: 1440px) {
	.welcome-content {
		display: grid;
		gap: 115px;
		grid-template-columns: repeat(2, 1fr);
	}
	.welcome-right {
		max-width: 640px !important; 
		width:100% !important;
	}
	#welcome-wrap.style-1 .module-22 .ry-left {
		max-width: 40% !important;
	}
}

/*Edit 11/4/24*/
@media (max-width:1439px) and (min-width:1025px){
	#welcome-wrap.style-1 .module-22 .ry-generic .title-wrap .ry-heading {
		text-align: center !important;
	}
	#welcome-wrap.style-1 .module-22 .ry-right .content-wrap p {
		text-align: center !important;
	}
	#welcome-wrap.style-1 .module-22 .ry-right {
		max-width: 100%;
		width: 100%;
	}
	.module-22 .ry-right .content-wrap {
		max-width: 100%;
		float: none;
		margin: 0 auto;
	}
	#welcome-wrap.style-1 .module-22 .ry-generic .btn-wrap, #welcome-wrap.style-1 .module-22 .ry-generic .btn-container {
		text-align: center;
	}
	#welcome-wrap.style-1 .module-22 .ry-right .title-wrap div {
		text-align:center;
	}
	.line-wrapper {
		width: 100%;
		max-width: 45%;
		margin:0 auto;
	}
	#welcome-wrap.style-1 {
		padding-bottom:24em;
	}
}

/*Edit end 11/4/24*/


@media (max-width: 1024px) {
	.line-wrapper {
		width: 100%;
		max-width: 45%;
	}
}

@media (max-width: 900px) {
	.ctas {
		grid-template-columns: repeat(2, 1fr);
	}
}
@media (min-width:768px){
	.amp-welcome-section.ry-section {
		padding: 5em 3em;
		margin:0;
	}
}

@media (max-width: 600px) {
	.ctas {
		grid-template-columns: 1fr;
	}
}



@media (max-width: 768px) {
	#avulux img.banner {
		margin-top: 69px;
	}

	.avulux-section:nth-child(2) {
		margin-top: 140px;
	}

	.text-right2 {
		border-end-start-radius: 40px;
		border-end-end-radius: 40px;
		font-size: 18px !important;
	}

	#avulux .glasses img {
		max-width: 260px;
	}

	.glasses, .section3 {
		padding: 0;
	}

	.avulux-section .ry-flex .ry-each-block:last-child {
		padding: 50px 0;
	}

	.avulux-section.section3 {
		margin-top: 0;
		padding: 0 2em;
	}

	.avulux-section .ry-flex .ry-each-block:last-child {
		border-radius: 40px;
	}

	.section8-content {
		position: relative;
		margin: 4vw 0;
	}
}
@media (max-width:430px){
	.line-wrapper {
		width: 100%;
		max-width: 70%;
	}
	.line {
		width:50px;
	}
}