/* @import url("https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@300;400&family=DM+Sans:wght@400;500&display=swap");
 */

/* cyrillic-ext */
@font-face {
  font-family: 'Cormorant Garamond';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/cormorantgaramond/v21/co3bmX5slCNuHLi8bLeY9MK7whWMhyjYpHtKgS4.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Cormorant Garamond';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/cormorantgaramond/v21/co3bmX5slCNuHLi8bLeY9MK7whWMhyjYrXtKgS4.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* vietnamese */
@font-face {
  font-family: 'Cormorant Garamond';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/cormorantgaramond/v21/co3bmX5slCNuHLi8bLeY9MK7whWMhyjYpntKgS4.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Cormorant Garamond';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/cormorantgaramond/v21/co3bmX5slCNuHLi8bLeY9MK7whWMhyjYp3tKgS4.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Cormorant Garamond';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/cormorantgaramond/v21/co3bmX5slCNuHLi8bLeY9MK7whWMhyjYqXtK.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Cormorant Garamond';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/cormorantgaramond/v21/co3bmX5slCNuHLi8bLeY9MK7whWMhyjYpHtKgS4.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Cormorant Garamond';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/cormorantgaramond/v21/co3bmX5slCNuHLi8bLeY9MK7whWMhyjYrXtKgS4.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* vietnamese */
@font-face {
  font-family: 'Cormorant Garamond';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/cormorantgaramond/v21/co3bmX5slCNuHLi8bLeY9MK7whWMhyjYpntKgS4.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Cormorant Garamond';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/cormorantgaramond/v21/co3bmX5slCNuHLi8bLeY9MK7whWMhyjYp3tKgS4.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Cormorant Garamond';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/cormorantgaramond/v21/co3bmX5slCNuHLi8bLeY9MK7whWMhyjYqXtK.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
  font-family: 'DM Sans';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/dmsans/v17/rP2tp2ywxg089UriI5-g4vlH9VoD8CmcqZG40F9JadbnoEwAopxRR232VGM.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'DM Sans';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/dmsans/v17/rP2tp2ywxg089UriI5-g4vlH9VoD8CmcqZG40F9JadbnoEwAopxRSW32.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}




:root {
  --teal-deep:   #003d33;
  --teal-mid:    #00574a;
  --teal-soft:   #2a7a6a;
  --teal-pale:   #e0efec;
  --teal-footer: #062920;
  --gold:        #c8a050;
  --gold-light:  #f0d89a;
  --cream:       #faf7f2;
  --stone:       #f0ede5;
  --rule:        rgba(0,87,74,0.14);
  --text-dark:   #0f1e1b;
  --text-mid:    #2c4a42;
  --text-light:  #6a8880;
}

html { scroll-behavior: smooth; }
body {
	font-family: 'DM Sans', sans-serif;
	background: var(--cream);
	color: var(--text-dark);
	font-weight: 400;
	line-height: 1.75;
	overflow-x: hidden;
	font-size: 17px;
}

table tbody > tr:nth-child(2n+1) > td, table tbody > tr:nth-child(2n+1) > th {
	background-color: transparent;
}
table tbody tr:hover>td, table tbody tr:hover>th {
    background-color: transparent;
}

.hero-image::after {
	content: '';
	position: absolute;
	inset: 0;
	background: radial-gradient(ellipse at center, transparent 40%, rgba(0,20,16,0.55) 100%);
	pointer-events: none;
}
.night-image::after {
	content: '';
	position: absolute;
	inset: 0;
	background: radial-gradient(ellipse at center, transparent 40%, rgba(0,10,8,0.55) 100%);
	pointer-events: none;
}
.fullbleed-overlay:after {
	content: '';
	position: absolute;
	inset: 0; 
	background: linear-gradient(to right, rgba(0,61,51,0.92) 0%, rgba(0,61,51,0.55) 40%, rgba(0,61,51,0.10) 60%, rgba(0,61,51,0.55) 80%, rgba(0,61,51,0.88) 100%), radial-gradient(ellipse at center, transparent 40%, rgba(0,30,24,0.45) 100%);
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
}
.riye_btn .elementor-button .elementor-button-content-wrapper{
	transition: gap 0.25s;
}
.riye_btn .elementor-button:hover .elementor-button-content-wrapper {
	gap: 15px !important;
}

.inner__banner_sec::after {
  content: "";
  position: absolute;
  inset: 0;
  background-image: url("../../../uploads/2026/03/riyuegu-hotsprings-lotus-island-water-therapy-pool-1.webp");
  background-size: cover;
  background-position: center;
  transition-duration: 3s;
  z-index: -1;
}
.inner__banner_sec:hover::after {
  transform: scale(1.1);
}
.beyond_hot_springs:before{ 
    background-image: url("../../../uploads/2026/03/new-waterfall-photo.webp");
    height: 100%;
    min-height: 100%; 
}
.swimming_play_light-activity-sec::before {
	content: "";
	position: absolute;
	inset: 0;
	background-image: url("../../../uploads/2026/03/riyuegu-hotsprings-indoor-water-playground-webbyland.webp");
	background-size: cover;
	background-position: center;
	transition: 3s;
	z-index: -1;
	transform-origin:50% 40%;
}
.during_stay-sec::before{
	content: "";
	position: absolute;
	inset: 0;
	background-image: url("../../../uploads/2026/04/riyuegu-hotsprings-hotel-outdoor-movie-night.webp");
	background-size: cover;
	background-position: center;
	transition: 3s;
	z-index: -1;
	transform-origin:50% 40%;
}

.on-site_accommodation::before{
	content: "";
	position: absolute;
	inset: 0;
	background-image: url("../../../uploads/2026/04/riyuegu-hotsprings-lobby-lounge.webp");
	background-size: cover;
	background-position: center;
	transition: 3s;
	z-index: -1;
	transform-origin:50% 40%;
}
.swimming_play_light-activity-sec:hover::before, .during_stay-sec:hover::before, .on-site_accommodation:hover::before {
  transform: scale(1.1); 
}

.bg_sec-effect::before {
	content: "";
	position: absolute;
	right: 0;
	background-size: contain;
	background-position: right center;
	transition: 3s;
	background-repeat: no-repeat;
}
.bg_sec-effect:hover::before {
  transform: scale(1.1); 
}


/*====================================
 * Header
 * ===================================*/

header .elementor-sticky--effects {
    background: rgba(0,61,51,0.97) !important;
	padding-top: 13px !important;
	padding-bottom: 13px !important;
    box-shadow: 0 2px 24px rgba(0,0,0,0.2) !important;
}


.image_overlay:after{
	content: '';
    position: absolute;
    inset: 0;
    background: radial-gradient(ellipse at center, transparent 45%, rgba(0, 20, 16, 0.42) 100%);
    pointer-events: none;
}


/* .scroll-window {
    height: 195px;
    overflow: hidden;
    position: relative;
}
.scrolling-text {
	font-family: "Cormorant Garamond", Sans-serif;
	font-weight: 300;
	color: #FFFFFF;
	font-size: clamp(34px, 3.6vw, 54px);
	line-height: 1.2;
	position: absolute;
	width: 100%; 
    bottom: -100%;  
    animation: slideUpOnce 2s ease-out forwards; 
} */

.scrolling-text h1{
	margin: 0;
}

@keyframes kenBurns {
    0% {
        transform: scale(1.07) translate(0.5%, 0.5%);
    }

    100% {
        transform: scale(1) translate(0%, 0%);
    }
}

 
/* @keyframes slideUpOnce {
    0% {
        bottom: -100%;
        opacity: 0;
    }
    100% {
        bottom: 0%; 
        opacity: 1;
    }
} */

.scroll-window {
  overflow: hidden;
  position: relative;
}

.scrolling-text {
  font-family: "Cormorant Garamond", Sans-serif;
  font-weight: 300;
  color: #FFFFFF;
  font-size: clamp(34px, 3.6vw, 54px);
  line-height: 1.2;
  transform: translateY(100%);
  opacity: 0;
  animation: slideUpOnce 2s ease-out forwards;
}

@keyframes slideUpOnce {
  0% {
    transform: translateY(100%);
    opacity: 0;
  }
  100% {
    transform: translateY(0%);
    opacity: 1;
  }
}