/* STYLE 3 */
.module-welcome.style-3 {
	padding: 7em 0;
}

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



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





.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 {
	max-width: 44%;
	width: 100%;
	position: relative;
	height: 0;
	padding-bottom: 50%;
}

.module-welcome.style-3 .video-container {
	position: relative;
	width: 100%;
	height: 400px;
	cursor: pointer;
	border-radius: 10px;
}


.module-welcome.style-3 .video-placeholder {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-image: url('https://www.royacdn.com/unsafe/smart/Site-ae4a7ebb-a269-45c6-a3e9-cf41334a0b16/Assets/welcome_video_placeholder.png');
	background-size: cover;
	background-position: center;
	border-radius: 10px;
}

.module-welcome.style-3 iframe {
	display: none;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	border-radius: 20px;
}

div.welcome-video {
    background: #000;
    border-radius: 20px;
    position: relative;
}

.module-welcome.style-3 .ry-container {
    width: 80%;
}

.module-welcome.style-3 .ry-flex {
    margin-top: 50px;
    gap: 0 10%;
}

a#welcome-btn {
    margin-top: 1.5em;
}

div.welcome-video:before {
    content: '';
    position: absolute;
    width: 109%;
    height: 110%;
    left: -67px;
    bottom: -67px;
    background: url(https://www.royacdn.com/unsafe/smart/Site-ae4a7ebb-a269-45c6-a3e9-cf41334a0b16/Assets/welcome_line_eme.png);
    z-index: 1;
    pointer-events: none;
    background-size: contain;
    background-repeat: no-repeat;
	    z-index: -1;
}



@media (max-width: 1680px) {
	.module-welcome.style-3 .ry-each h2 {
		font-size: 50px;
	}
}
@media (max-width: 1280px) {
	.module-welcome.style-3 .ry-each.image-wrapper {
		padding-bottom: 60%;
	}
}
@media (max-width: 1080px) {
	.module-welcome.style-3 {
		padding: 80px 0;
	}
	.module-welcome.style-3 .ry-flex {
		flex-direction: column;
		align-items: center;
		justify-content: center;
		        margin-top: 1em;
	}
	
	div.welcome-video {
		margin-top: 2em;
	}
	.module-welcome.style-3 .ry-each:not(.image-wrapper) {
		max-width: 100%;
	}
	
	.module-welcome.style-3 .ry-container {
		width: 90%;
	}
	.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 h2 {
		font-size: 46px;
	}
	.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: 100%;
		padding-bottom: 56.25%;
	}
}
@media (max-width: 680px) {
	.module-welcome.style-3 .ry-each.image-wrapper {
		padding-bottom: 75%;
	}
}
@media (max-width: 480px) {
	
	.module-welcome.style-3 .ry-each h2 {
		font-size: 42px;
	}
	.module-welcome.style-3 .ry-each .ry-text p,
	.ry-btn {
		font-size: 18px !important;
	}
}
@media (max-width: 420px) {
	.module-welcome.style-3 .ry-each h2 {
		font-size: 36px;
	}
	.module-welcome.style-3 .ry-each .ry-text p,
	.ry-btn {
		font-size: 16px !important;
	}
}
/* END STYLE 3 */