/* STYLE 3 */

div.module-welcome.style-3 .ry-heading span {
    display: block;
    margin-bottom: 10px;
}


.module-welcome.style-3 {
	padding: 4em 0;
	margin: 0 0 2em;
}

.module-welcome.style-3 .background-section, 
.module-welcome.style-3 .background-section img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
}


.module-welcome.style-3 .background-section {
	opacity: .1;
	filter: grayscale(1);
}


.module-welcome.style-3 .ry-each {
	display: flex;
	align-items: center;
	justify-content: center;
	z-index: 1;
}

.module-welcome.style-3 .ry-each:not(.image-wrapper) {width: 60%;}

.module-welcome.style-3 .ry-each:not(.image-wrapper) .text-wrapper {
	max-width: 650px;
}

.module-welcome.style-3 .ry-each h2 {text-align: center;}

.module-welcome.style-3 .ry-each .ry-text p {
	margin: 0px 0 30px;
	font-weight: 400;
}


.module-welcome.style-3 .ry-container {
    max-width: 1400px;
    width: 90%;
}

a#welcome-btn {
    margin: auto;
    max-width: 190px;
}


.module-welcome.style-3:before {
    content: '';
    background: url(https://www.royacdn.com/unsafe/smart/Site-29285d06-d687-4a07-8608-9f2fead12a2e/HomepageAssets/welcome_bg.jpg);
    position: absolute;
    height: 100%;
    width: 77%;
    bottom: 0;
    left: 0;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

.vs-ads-wrap {
    padding: 20px;
    border: 1px solid #cebe9d;
    background: #fff;
    width: 100%;
    max-width: 380px;
}

.vs-ads-wrap .flex.flex-col.w-full {
    border: 2px solid #d7d1c7bf;
    gap: 1em 0 !important;
    padding: 20px;
}

.module-welcome.style-3:after {
    background: url(https://www.royacdn.com/unsafe/smart/Site-29285d06-d687-4a07-8608-9f2fead12a2e/HomepageAssets/leaves_right.png);
    position: absolute;
    right: -3%;
    height: 1100px;
    width: 600px;
    background-size: contain;
    content: '';
    top: 0;
    background-repeat: no-repeat;
    opacity: 0.5;
    pointer-events: none;
}


.module-welcome.style-3 .ry-each .photo img,
.module-welcome.style-3 .ry-each .photo {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.module-welcome.style-3 .ry-each.image-wrapper {
	width: 40%;
	position: relative;
	height: auto;
	z-index: 1;
	justify-content: flex-end;
}


@media (max-width: 1080px) {
	.module-welcome.style-3 {
		padding: 60px 0;
		margin: 0;
	}

	div.module-welcome.style-3:before {
    width: 100%;
}

div.module-welcome.style-3:after {
    opacity: 0.3;
}
	
	div.module-welcome.style-3 .ry-flex {
		flex-direction: column;
		align-items: center;
		justify-content: center;
		gap: 2em 0;
	}
	.module-welcome.style-3 .ry-each:not(.image-wrapper), .module-welcome.style-3 .ry-each:not(.image-wrapper) .text-wrapper {
		max-width: 100%;
		width: 100%;
	}
	.module-welcome.style-3 .ry-each .ry-text p,
	.module-welcome.style-3 .ry-each h2 {
		text-align: center;
	}
	
	.module-welcome.style-3 .ry-each .ry-text .ry-btn {
		margin-left: auto;
		margin-right: auto;
	}
	.module-welcome.style-3 .ry-each.image-wrapper {
		max-width: 300px;
		padding-bottom: 0;
		width: 100%;
	}
}
@media (max-width: 680px) {
	.module-welcome.style-3 .ry-each.image-wrapper {
		padding-bottom: 0;
	}
}

/* END STYLE 3 */