/** GLOBAL CSS **/
:root {
    --color-primary: #539ba0;
    --color-secondary: #000;
    --color-tertiary: ;
	--background-transparent: transparent;
	
	--color-text-white: #fff;
	--color-text-dark: #000;
}

*:not(.carousel *):not(.ry-accordion *):not(#accordion *):not([data-aos-duration]):not(.slick-track):not(#ry-section-header *):not(.fancybox-slide *),
::before,
::after {
    transition: 0.3s ease-in-out all;
}
html, body {
	overflow-x: hidden !important;
}
html {
    scroll-behavior: smooth;
}

/* //Removed excess margin on bottom on forms alert */
.alert li:last-child {
    margin-bottom: 0 !important;
}

/* //Add Underline on all hyperlink */
body.default #ry-pg-body a:not(.ry-btn):not(.fa):hover {
    text-decoration: underline !important;
}
.ry-each-link, .ry-each-link a {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    z-index: 9;
    opacity: 0;
}
.ry-btn-wrap {
    margin-top: 1.5rem;
    display: flex;
	gap: 10px;
}
.ry-section-background, .ry-section-background img {
	position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
	object-fit: cover;
}
body .ry-headline h2 {
	font-size: clamp(1.875rem, 1.7157rem + 0.6536vw, 2.5rem);
	letter-spacing: normal;
	line-height: 1.1;
	text-transform: capitalize;
	color: var(--color-primary);
	font-family: "Jost";
}
.ry-headline {
    margin-bottom: 1.5vw;
}
#valeda-light-therapy .ry-section {
	padding: 8rem 0;	
}
#valeda-light-therapy {
    position: relative;
}
#valeda-light-therapy .default-logo {
    top: 10px;
    z-index: 999;
}
.ry-container-1440,
.ry-container-1280,
.ry-container-960 {
    width: 90%;
    margin: 0 auto;
    float: none;
}
.ry-container-1440 {
    max-width: 1440px;
}
.ry-container-1280 {
    max-width: 1280px;
}
.ry-container-960 {
    max-width: 960px;
}
a.ry-btn.ry-btn-transparent {
    background: transparent !important;
    border: 1px solid #fff;
}
a.ry-btn.ry-btn-transparent:hover {
    background: var(--color-primary) !important;
    border: 1px solid var(--color-primary) !important;
}
.bg-light-teal {
    background: #eef8fa;
}
.ry-check-list ul li {
    list-style: none;
}
.ry-check-list ul li:before {
    content: '\f00c';
    font-family: 'fontAwesome';
    position: absolute;
    left: -30px;
    color: var(--color-primary);
}
.ry-video-frame {
    position: relative;
}
.ry-video-frame div, .ry-video-frame .play-btn a {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    border-radius: 20px;
    opacity: 0;
    cursor: pointer;
}
.ry-section .ry-flex {
    gap: 8rem;
}
.ry-box-border-shadow {
    border-radius: 20px;
    filter: drop-shadow(0px 10px 38px rgba(24,23,24,0.18));
    background-color: #ffffff;
    padding: 6rem;
}
@media (max-width: 1080px) {
	.ry-btn-wrap {
		justify-content: center;
	}
	#valeda-light-therapy .ry-section {
		padding: 4rem 0;	
	}
	.ry-section .ry-flex {
		flex-direction: column;
		gap: 3rem;
	}
	.ry-section .ry-flex .ry-each * {
		text-align: center;
	}
	.ry-section .ry-check-list ul li {
		text-align: left !important
	}
	.ry-headline h2 {
		text-align: center !important;
	}
}
@media (max-width: 560px) {
	.ry-btn-wrap {
		flex-direction: column;
	}	
}
/** END GLOBAL CSS **/
	
/** HERO **/
#hero {
    background-image: linear-gradient(91deg, #17235b 0%, #1b6b83 100%);
	height: 100vh;
    display: flex;
    align-items: flex-start;
    padding-top: 12rem !important;
}
.ry-hero-headline h1 {
    font-size: clamp(1.875rem, 1.3174rem + 2.2876vw, 4.0625rem) !important;
    line-height: 1.1;
    color: #77d3d9;
    font-weight: 500 !important;
    font-family: 'Jost' !important;
}
#hero .ry-flex {
    gap: 8rem;
}
.ry-hero-headline p {
    font-size: clamp(1.25rem, 1.1703rem + 0.3268vw, 1.5625rem) !important;
    color: var(--color-text-white);
    margin-top: 30px;
}
#hero .ry-text p {
    color: var(--color-text-white);
}
#hero .ry-text {
    margin-top: 30px;
}
	
@media (max-width: 1080px) {
	#hero {
		height: auto;
	}
	#hero .ry-flex {
		flex-direction: column;
		gap: 4rem;
	}
	#hero .ry-flex .ry-each * {
		text-align: center;
	}
}
	
	
/** Tpp CTA **/
section#top-cta {
    background-color: #ffffff;
    padding: 0 !important;
}	
section#top-cta .ry-top-cta-blocks {
    border-radius: 20px;
    filter: drop-shadow(0px 10px 38px rgba(24,23,24,0.18));
    background-color: #ffffff;
    padding: 6.125rem 4rem !important;
    display: flex;
    align-items: center;
    top: -113px;
}
section#top-cta .ry-top-cta-blocks .ry-flex {flex-wrap: wrap;gap: 0;}
section#top-cta .ry-top-cta-blocks .ry-flex .ry-each-text p {
    color: #333333;
    line-height: 1.4;
    word-break: break-word;
}
section#top-cta .ry-top-cta-blocks .ry-flex .ry-each-text {
    width: calc(1152px / 4);
    padding: 0 40px 0 20px;
    border-left: 3px solid var(--color-primary);
}
@media (max-width: 1080px) {
	section#top-cta .ry-top-cta-blocks {
		top: 0;
	}
	section#top-cta {
		padding: 4rem 0 !important;
	}
	section#top-cta .ry-top-cta-blocks .ry-flex {
		gap: 20px;
	}
	section#top-cta .ry-top-cta-blocks .ry-flex .ry-each-text {
		width: calc(50% - 20px);
	}
}
@media (max-width: 768px) {
	section#top-cta .ry-top-cta-blocks {
		padding: 2rem !important;
	}
	.ry-box-border-shadow {
		padding: 2rem;
	}
	section#top-cta .ry-top-cta-blocks .ry-flex .ry-each-text {
		width: 100%;
	}
	section#top-cta .ry-top-cta-blocks .ry-flex .ry-each-text * {
		text-align: left !important;
	}
}
/** DRY AMD **/
section#dry-amd {
    padding: 2rem 0 8rem !important;
}
@media (max-width: 1080px) {
	section#dry-amd {
		padding: 4rem 0 !important;
	}
}

/** FLEX CARD **/
.ry-flex-card {
    display: flex;
    justify-content: center;
    gap: 40px;
    flex-wrap: wrap;
}
.ry-flex-card .ry-each {
    width: calc(1440px / 3 - 30px);
    border-radius: 20px;
    background-color: #ffffff;
    padding: 4rem;
}
.ry-circle-num {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 63px;
    height: 63px;
    border-radius: 50%;
    background-color: var(--color-primary);
    font-size: 26px !important;
    color: #fff;
}
.ry-card-title {
    margin: 20px 0;
}
.ry-card-title h4 {
    font-size: 28px !important;
    color: var(--color-primary);
}
@media (max-width: 768px) {
	.ry-flex-card .ry-each {
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
	}
	.ry-flex-card .ry-each .ry-text p {
		text-align: center;
	}
}

/** FAQS **/
#faqs .ry-heading {
    border: none !important;
    background: #eef8fa;
    font-size: clamp(1.25rem, 1.1863rem + 0.2614vw, 1.5rem) !important;
    line-height: 1.3;
}
#faqs .ry-accordion {
    box-shadow: none;
    display: flex;
    flex-direction: column;
    gap: 10px;
}
#faqs .ry-content {
    background: #eef8fa;
}

/** SCHEDULE CONSULTATION **/
#schedule-consultation {
    background-image: linear-gradient(91deg, #17235b 0%, #1b6b83 100%);
}
#schedule-consultation .ry-text p {
    color: #fff;
}
#schedule-consultation .ry-btn-wrap {
    justify-content: center;
}
#schedule-consultation .ry-add-notes {
    margin-top: 1.5rem;
}
#schedule-consultation .ry-add-notes p {
    color: #fff;
    font-size: 16px;
    opacity: 0.60;
    line-height: 1.6;
}
#schedule-consultation .ry-headline h2 {
    color: #77d3d9;
}