.stay-hero-container{padding: 100px 0 90px;}
.stayhero-cta { position: relative; z-index: 1; }
.stayhero-image-main {   border-radius: 20px 0 20px 20px; overflow: hidden; box-shadow: 10px 10px 20px rgb(0 0 0 / 16%); }
.stayhero-image-main img, .stayhero-image-secondary img { width: 100%; height: 100%; object-fit: cover; position: absolute; left: 0; top: 0; }
.stayhero-image-secondary {width: calc(50% - 15px);/* height: 100%; */box-shadow: 10px 10px 20px rgb(0 0 0 / 16%);}
.stayhero-image-secondary .secondary-image-inner { padding-bottom: 100%; width: 100%; position: relative; }
.stayhero-image-secondary-main { gap: 30px; margin-bottom: 40px; }
.stayhero-image-secondary:last-child { border-radius: 0 20px 20px 0; overflow: hidden; }
.stayhero-image-main .main-image-inner { padding-bottom: 100%; width: 100%; position: relative;  }
 

/* ...... */
.stayhero-image { padding-bottom: 390px; }
.stayhero-image > img { position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover; }
.stayhero-slider { width: calc(100% + 30px); margin-left: -15px;}
.stayhero-nav .swiper-pagination { position: absolute; margin: 0 !important; top: 50% !important; transform: translate(-50%, -50%); width: fit-content; left: 50%; background: rgb(255 255 255 / 30%); color: var(--sof-white); height: 40px; padding: 9px 20px; border-radius: 5px; }
.stayhero-nav { position: absolute; bottom: 24px; left: 0; width: 100%; z-index: 9; padding: 0 24px; }
.stayhero-nav-button.swiper-button-disabled { opacity: .5; cursor: no-drop; }

.stay-hero-heading{position: relative; z-index: 0;}
.shh-heading{font-family: var(--sof-primary-font);font-size: 188px;font-size: min(13vw, 188px);line-height: 1;white-space: nowrap;margin: 0;color: var(--sof-black); margin-top: -0.55em;}
.shh-top {font-size: 0.55em;padding-left: 0.85em;font-weight: 700;line-height: 1em;}
.shh-mid {display: block;font-family: var(--sof-secondary-font);font-size: 1em;letter-spacing: 0.045em;margin: -0.35em 0 -0.63em;line-height: 1em;color: var(--sof-blue-light);}
.shh-lower {font-size: 0.4em;padding-left: 1em;font-weight: 700;letter-spacing: 0.01em;line-height: 1em;}

 

/* ========================================== 
! Large devices (desktops, less than 1200px)
=========================================== */
@media (max-width:1199.98px) {
	.stay-hero-container{padding-top: 80px;} 
}

/*==========================================
! Medium devices (tablets, less than 992px)
========================================== */
@media (max-width:991.98px) { 
}

/* =================================================  
! Small devices (landscape phones, less than 768px)
================================================= */
@media (max-width:767.98px) {
	.stay-hero-container{padding-top: 0; padding-bottom: 50px;} 
	.shh-heading-wrapper{display: flex; justify-content: center;} 
	.shh-heading{margin-top: 0;font-size:20vw;} 
}

/* ======================================================
! Extra small devices (portrait phones, less than 576px)
====================================================== */
@media (max-width:575.98px) { }

/* ======================================================
! Extra small devices (portrait phones, less than 370px)
====================================================== */
@media (max-width:369.98px) { }