/** GLOBAL CSS **/
.ry-container {
	max-width: 1280px;
	width: 90%;
	margin: 0 auto;
	float: none;
}
.ry-container-1280 {
	max-width: 1280px;
	width: 90%;
	margin: 0 auto;
	float: none;
}
.ry-padding-section {
	padding: 6rem 0;
}
.bggradient {
    background-image: linear-gradient(#fff0 20%, #93c4db);
    border-bottom-right-radius: 20px;
    border-bottom-left-radius: 20px;
    width: 100%;
    min-height: 350px;
    position: absolute;
    inset: 0%;
    z-index: -1;
}
.bggreygradient {
    background-image: linear-gradient(#f1f1f1, #f1f1f100);
}
.grid-layer {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 2rem;
}

/** HERO SECTION **/
.ry-ip-hero-banner {
    position: relative;
    height: 100vh;
    display: flex;
    align-items: center;
}
.ry-banner-img-right, .ry-banner-img-right img {
    position: absolute;
    top: 0;
    right: 0;
    width: 800px;
    height: 100vh;
    border-radius: 0 0 0 300px;
    object-fit: cover;
}

.ry-interior-gallery .text-white h2 {
    color: #fff;
}

@media (max-width: 1080px) {
	.ry-ip-hero-banner {
		height: auto;
		padding: 2rem 0;
	}
	.ry-banner-img-right, .ry-banner-img-right img {
		display: none;
	}	
	.ry-ip-hero-banner .ry-container .flex {
		flex-direction: column;
	}
	.ry-ip-hero-banner .ry-container .flex .ry-each {
		width: 100%;
	}
	.ry-ip-hero-banner .ry-img-wrap img {
		display: block;
		border-radius: 0 0 10vw 10vw;
	}
	.ry-interior-section .ry-flex {
		flex-direction: column;
		justify-content: center;
		align-items: center;
	}
	.ry-interior-section .ry-flex .ry-each {
		width: 100%;
	}
	.ry-interior-section .ry-flex .ry-each * {
		text-align: center;
	}
	.ry-interior-section .grid-layer .ry-each .ry-title-wrap {
		display: flex;
		flex-direction: column;
	}
}
@media (max-width: 769px) {
    .grid-layer {
        grid-template-columns: repeat(1, 1fr);
    }
}
@media (max-width: 500px) {
	.ry-ip-banner-bottom {
		padding: 2rem !important;
	}
	.ry-padding-section {
		padding: 2rem 0;
	}
}