/** GLOBAL CSS **/
body, html {
	font-family: "Montserrat", serif;
}
body[data-page-name="optilift"] #ry-pg-content .ry-container {
	max-width: 1280px !important;
	width: 80%;
}

body.default h1, body.default h2, body.default h3, body.default h4, body.default h5, body.default h6 {
    font-family: "Montserrat" !important;
}

body, .ry-form input[type="text"], .ry-form select, .ry-form textarea, .ry-btn, #menu_container .mm-listview li a {
    font-family: 'Montserrat';
}

body, body p, body div {
    font-family: 'Montserrat' !important;
    line-height: 28px;
    color: #3d3730;
}

.ry-padding-section {
	padding: 4vw 0 !important;
	background: #f5f1fc;
}
body #ry-pg-content .ry-section-headline h2 {
	font-size: clamp(1.875rem, 2.17rem + 0.6536vw, 15rem);
	color: #000000;
	font-weight: 600 !important;
	text-transform: uppercase;
	line-height: 1;
}
body #ry-pg-content .ry-section-headline h4 {font-size: 20px;text-transform: uppercase;color: #6e1fd0;margin-bottom: 10px;}
.ry-section-headline {
	margin-bottom: 1vw;
	position: relative;
}

.ry-section-headline.ry-section-headline-center:before {
	left: 50%;
	transform: translateX(-50%);
}
.ry-background-section, .ry-background-section img {
	position: absolute !important;
	inset: 0;
	width: 100% !important;
	height: 100%;
	z-index: -1;
	object-fit: cover;
}
.ry-each-link, .ry-each-link a {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	z-index: 99;
	opacity: 0;
}
.ry-btn-wrap a.ry-btn.ry-btn-primary {
    background: #000 !important;
    border-radius: 30px;
    height: 45px;
    text-transform: uppercase;
    font-size: 16px !important;
    font-weight: 500;
}



/** HERO SECTION **/

/*div#ry-pg-header {
    display: none !important;
}*/



body[data-page-name="optilift"] #ry-pg-content .ry-hero-banner-wrap .ry-container {
    max-width: 1600px !important;
}

.ry-hero-section {
	display: grid;
	& > * {
		grid-area: 1/1;
	}
}
.ry-hero-banner-wrap {
	place-content: center;
	padding: 2vw !important;
}
.ry-hero-banner-wrap .ry-hero-title img {
	max-width: 400px;
}
.ry-btn-wrap {
	display: flex;
	justify-content: flex-start;
	gap: 15px;
}
.ry-hero-banner-wrap .ry-content {
	display: flex;
	flex-direction: column;
	gap: 1.5vw;
}





/** CONTENT - IMAGE FLEX SECTION **/


.ry-text-image-flex-section .ry-content {
	display: flex;
	flex-direction: column;
	gap: 10vw 0;
}

.ry-each.ry-img-wrap {
    z-index: 3;
}
.ry-text-image-flex-section .ry-content .ry-flex:nth-child(even) {
	flex-direction: row-reverse;
}
.ry-text-image-flex-section .ry-content .ry-flex {
	justify-content: center;
	align-items: center;
	gap: 0 10%;
}
.ry-text-image-flex-section .ry-btn-wrap {
	justify-content: flex-start;
	padding-top: 1.5vw;
}

.ry-text-image-flex-section.ry-padding-section .ry-text-wrap
.ry-section-headline span.span-1 {
    text-transform: lowercase;
    font-size: 30px;
	font-style: italic;
}


div.ry-each.ry-text-wrap h4 {
    font-size: 30px;
    color: #6e1fd0;
    font-weight: 500 !important;
    margin-top: 1em;
    max-width: 500px;
}

.img-border-block:before {
    content: '';
    background: transparent;
    position: absolute;
    height: 100%;
    width: 100%;
    border: 3px solid #6e1fd0;
    bottom: -3%;
    left: -3%;
    z-index: -1;
}

.ry-each.ry-img-wrap img {
    z-index: 300;
}


div#sec1 div#flex2 div.ry-each.ry-text-wrap h4 {
    margin-top: 0;
    margin-bottom: 1em;
    text-transform:initial !important;
}



div#sec1 div#flex2 .info-block span {
    font-size: 48px;
    color: #6e1fd0;
    font-weight: 600;
}

div#sec1 div#flex2 .info-block {
    display: flex;
    flex-direction: column;
    gap: 2em 0;
    margin-top: 2em;
}

div#sec1 div#flex2 .info-block div#flex-content .ry-each {}

div#sec1 div#flex2 .info-block div#flex-content:nth-child(1) {
    border-bottom: 1px solid rgb(0 0 0 / 31%);
    padding-bottom: 2em;
}

div#sec1 div#flex2 .info-block div#flex-content {
    gap: 0 1.5em;
    flex-direction: row;
}

div#sec1 div#flex2 .info-block div#flex-content .ry-each:nth-child(odd) {
    background: transparent;
    
}

div#sec1 {
    padding-bottom: 8vw !important;
}







/** YOUTUBE SECTION **/

.ry-youtube-section {
	position: relative;
	padding: 2vw 0 !important;
}
.ry-youtube-section .ry-youtube-wrap {
	/* max-width: 740px; */
	margin: 0 auto;
}
.ry-youtube-section .ry-youtube-wrap iframe {
	border: 3px solid #6e1fd0;
	filter: drop-shadow(0px 17px 25.5px rgba(0,0,0,0.08));
	padding: 15px;
	background: #fff;
}

.ry-youtube-section:before {
    content: '';
    background:#6e1fd0;
    height: 55%;
    width:100%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

div#sec2 {
    background: #f5f1fc;
    position: relative;
}


/** END YOUTUBE SECTION **/






/**POWER OF OPTILIFT*/

div#power-optilift {
    flex-wrap: wrap;
    margin-top: 3em;
    gap: 4em 1em;
}

div#power-optilift .ry-each {
    display: flex;
    gap: 2em;
    width: 45%;
}

.powerlift-image {
    width: 40%;
}

div.power-optilift-icon-verbiage p strong {
    font-size: 23px;
    line-height: 1.3;
    margin-bottom: 10px;
    display: block;
    color: #3d3730;
}

div#sec3 {
    background: #f5f1fc;
    padding-top: 9em !important;
}


/**END POWER OF OPTILIFT*/





/** WHAT CAN I EXPECT SECTION **/

body[data-page-name="optilift"] #ry-pg-content .ry-what-can-i-expect-section .ry-container {max-width: 1500px !important;}
.ry-what-can-i-expect-section .ry-nulids-can-help-with img {
	max-width: 1115px;
	width: 100%;
	margin: 0 auto;
	object-fit: cover;
}
.ry-what-can-i-expect-section .ry-nulids-can-help-with {
	position: relative;
	overflow: hidden;
	margin-top: 1.5vw;
}




/** END WHAT CAN I EXPECT SECTION **/




/** BEFORE AFTER SECTION **/

a#app-btn {
    background: #6e1fd0 !important;
}

div#gallery-content-wrp .carousel-control {
    display: none !important;
}

.before-after:after {
    background: #6e1fd0;
    content: '';
    right: 0;
    width: 47.8%;
    height: 75%;
    position: absolute;
    top: 15%;
}

div#gallery-content-wrp {
    z-index: 300;
}

.before-after .carousel-indicators {
    bottom: -7em !important;
}

.before-after div#before-after-title  {
    justify-content:space-around;
    position:relative;
    top:1em
}

.before-after div#before-after-title .ry-each {
    color: #fff;
    text-transform: uppercase;
    font-size: 20px !important;
    width: auto;
    font-weight: 500 !important;
}


.before-after .carousel-inner {
    overflow: visible;
}

.before-after .carousel-indicators li {
    width: 18px !important;
    height: 18px !important;
    border-radius: 100%;
    background-color: #000000 !important;
    opacity: 0.2;
    margin: 0 4px !important;
}

.before-after .carousel-indicators .active {
    opacity: 1 !important;
    background-color: #000000 !important;
}



/** END BEFORE AFTER SECTION **/



/** LID FUNCTION SECTION **/

div#sec5 {
    padding: 9em 0 5em;
    background: #f5f1fc !important;
}


div#sec5 .ry-flex {
    flex-wrap: wrap;
    gap: 3em;
    justify-content: center;
    margin-top: 2em;
}

div#sec5 .ry-flex .ry-each {
    width: 21%;
}

div#sec5 .ry-flex .ry-each img {
    max-width: 180px;
    margin: 0 auto 1em;
}

div#sec5 .ry-flex .ry-each span.span-1 {
    background: #6e1fd0;
    width: 40px;
    height: 40px;
    display: flex;
    margin: auto;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-weight: 700 !important;
    border-radius: 100%;
    margin-bottom: -15px;
}

/** END LID FUNCTION SECTION **/


/** OPTILIFT EXPERIENCE**/


div.with-icon {
    margin-top: 1em;
    display: flex;
    flex-direction: column;
    gap: 2em 0;
}

div.with-icon .ry-each {
    display: flex;
    align-items: center;
}

div.with-icon .ry-each .ry-icon {
    background: #6e1fd0;
    width: 30%;
    height: 75px;
    max-width: 75px;
    margin-right: 1em;
}

div.with-icon .ry-each .ry-icon img {
    object-fit: contain;
    height: 40px;
    width: 40px;
    object-fit: scale-down;
}

div.with-icon .ry-each .ry-text strong {
    text-transform: uppercase;
    font-size: 22px;
    color: rgb(61 55 48 / 80%);
    font-weight: 600 !important;
}


div#testimonials-section .ry-text strong {
    margin: 20px 0 0;
    display: block;
    font-size: 23px;
}


div#testimonials-section {
    border-bottom: 1px solid rgb(110 31 208 / 14%);
    padding-bottom: 9em;
}


/** OPTILIFT EXPERIENCE**/



/**QR SECTION**/

div.qr-section {
    padding: 2em 0;
    background: #f5f1fc;
}

div.qr-section .ry-flex {
    gap: 2em;
}

div#qr-sec-info p {
    font-size: 14px;
    line-height: 1.4;
}



div#qr-sec-info {
    flex-direction: column;
    gap: 2em;
    display: flex;
}

div#qr-sec-info .ry-text p strong {
    margin-bottom: 15px;
    display: block;
    font-size: 17px;
    font-weight: 500 !important;
}

div#qr-image img {
    max-width: 260px;
}

/**QR SECTION**/






/** GLOBAL RESPONSIVENESS **/


@media (max-width:1300px) {
	body[data-page-name="optilift"] #ry-pg-content .ry-container {
		max-width: 1280px !important;
		width: 85%;
	}
}



@media (max-width: 1080px) {
	
	.ry-hero-section {
		& > * {
			grid-area: initial;
		}
	}

	.ry-hero-banner-wrap {
		padding: 2.5em 0 !important;
	}
	
	.ry-text-image-flex-section .ry-content .ry-flex {
		flex-direction: column !important;
		gap: 2em 0 !important;
	}
	body #ry-pg-content .ry-section-headline *, body #ry-pg-content .ry-text * {
		text-align: center;
		max-width: 100% !important;
	}
	.ry-section-headline:before {
		left: 50%;
		transform: translateX(-50%);
	}
	.ry-text-image-flex-section .ry-btn-wrap {
		justify-content: center;
	}

	 div.ry-btn-wrap {
		justify-content: center;
		align-items: center;
	}

	.ry-hero-banner-wrap .ry-hero-title img {
		filter: brightness(0);
		margin: 0 auto 1em;
		max-width: 300px;
	}

	.ry-each.ry-img-wrap {
			max-width:500px;
			margin:auto;
	}

		
	div#sec1 div#flex2 .info-block div#flex-content {
		gap: 0 !important;
	}

	div#sec1 div#flex2 .info-block span {
		font-size: 40px;
		
	}

	div#sec1 {
		padding-bottom: 5em !important;
	}

	div#sec3 {
		padding: 4em 0 !important;
	}

		div#power-optilift {
		flex-direction: column !important;
	}

	div#power-optilift .ry-each {
		width: 100%;
		display: flex;
		align-items: center;
		justify-content: center;
	}

	div#power-optilift .ry-text p, div#power-optilift .ry-text p strong {
		text-align: left !important;
	}

	div#sec4 .ry-flex {
		flex-direction: column !important;
	}

	.before-after:after {
		width: 100%;
		height: 40%;
		position: absolute;
		left: 0;
		bottom: 0;
		top: initial;
	}

	div#gallery-content-wrp {
		margin-top: 2em;
	}

		div#sec4 div#before-after-title {
		flex-direction: row !important;
	}

	div#sec4 div.ry-btn-wrap {
		margin-top: 2em !important;
	}

	div#sec4 {
		padding: 3em 0 3em 0 !important;
	}

	div#sec1 div#flex2 .info-block div#flex-content .ry-each p {
		text-align: center !important;
	}

	div#sec5 .ry-flex .ry-each {
		width: 50%;
	}

	div#sec5 .ry-flex {
		gap: 4em 0;
	}

	div#sec5 .ry-flex .ry-each img {
		max-width: 150px;
	}

	div.with-icon .ry-each {
    flex-direction: column;
		gap: 1em 0;
		width: 48%;
	}

	div.with-icon {
		flex-direction: row;
		flex-wrap: wrap;
		gap: 3em 0;
		margin-top: 2em !important;
	}

		div#testimonials-section {
		padding-bottom: 3em !important;
	}

		div.qr-section .ry-flex {
		flex-direction: column !important;
	}

	div.qr-section {
		padding: 0em 0 4em 0;
	}

	div#qr-image img {
		margin: auto;
	}

	div#sec6 .ry-content .ry-flex {
		gap: 2em 0 !important;
	}

	div#sec5 {
		padding-bottom: 2em !important;
	}
}

@media (max-width:767px) {
	
    div#power-optilift {
		column !important;
		gap: 2em 0 !important;
		margin-top: 2em !important;
	}

	div#power-optilift .ry-each {
		flex-direction: column !important;
		gap: 1em 0 !important;
	}

	div#power-optilift .ry-text p, div#power-optilift .ry-text p strong {
		text-align: center !important;
	}

	.powerlift-image {
		width: 100% !important;
	}

	.powerlift-image img {
		max-width: 180px;
		margin: auto;
	}

	div.with-icon {
		flex-direction:column !important;
		gap:1.5em 0 !important;
	}

	div.with-icon .ry-each {
		width: 100% !important;
	}
}

@media (max-width:500px) {

	div.ry-hero-section .ry-hero-background img {
		height: 300px;
		object-fit: cover;
		object-position: 90%;
	} 

	div.ry-hero-banner-wrap {
		padding: 2em !important;
	}

	div.ry-btn-wrap {
		flex-direction: column;
	}

		.ry-btn-wrap a.ry-btn.ry-btn-primary {
		min-width: 100%;
	}
		div.ry-each.ry-text-wrap h4 {
		font-size: 20px !important;
		line-height: 1.3;
	}

	div.ry-youtube-section .ry-youtube-wrap iframe {
		padding: 8px !important;
	}

	body #ry-pg-content .ry-section-headline h2 {
		font-size: 28px !important;
		line-height: 1.2 !important;
	}

	 div#sec3 {
			padding: 4em 0  1em !important;
	}

	div#sec4 div.ry-btn-wrap {
		margin-bottom: 0;
	}

	.before-after:after {
		height: 26%;
	}

	div#sec5 .ry-flex .ry-each {
		width: 100% !important;
	}

	div#sec5 .ry-flex .ry-each img {
		max-width: 100px !important;
	}

	div#sec5 .ry-flex {
		gap: 2em 0 !important;
	}

	div.qr-section {
    	padding: 2em 0 4em 0 !important;
	}
	
}