.accommodation-hero-left { width: 55%; }
.accommodation-hero-heading h2 { font-size: 42px; line-height: 1.2; margin-bottom: 0; }
.accommodation-hero-heading.d-block.d-xl-none { margin-bottom: 46px; }
.accommodation-hero-img { height: 100%; border-radius: 300px 30px 30px 30px; overflow: hidden; }
.accommodation-hero-img img { width: 100%; height: 100%; object-fit: cover; position: absolute; inset: 0; }
.accommodation-hero-right { width: 45%; padding-left: 36px; }
.accommodation-hero-text { background-color: var(--nhc-indigo); color: var(--nhc-white); padding: 64px; border-radius: 30px; height: 100%; }
.ah-contact-details-grid { display: flex; gap: 40px; }
.ah-contact-details-item { width:calc(33.333% - 36px); }
.accommodation-hero-head h2 { font-size: 42px; line-height: 1.2; }
.ah-contact-details-icon img { width: 100%; height: 100%; }
.ah-contact-details-icon { width: 32px; height: 32px; margin-bottom: 17px; }
.ah-contact-details-text h3 { font-size: 20px; margin-bottom: 6px; }
.ah-contact-details-text { font-size: 16px; margin-bottom: 12px; }
.ah-contact-details-link a { font-size: 16px; color: inherit; text-decoration: underline; }
.ah-contact-details-link a:hover { color: inherit; text-decoration: none; }
.ah-contact-details-link a.link { text-decoration: none; }
/* ========================================== 
! Extra Large devices (desktops, less than 1600px)
=========================================== */
@media (max-width:1599.98px) {
 .accommodation-hero-text { padding: 35px; }
 .ah-contact-details-grid {  gap: 30px; }
 .ah-contact-details-item { width:calc(33.333% - 22px); }
 }
/* ========================================== 
! Extra Large devices (desktops, less than 1400px)
=========================================== */
@media (max-width:1399.98px) {
 .accommodation-hero-content { flex-flow: column; gap: 24px; }
.accommodation-hero-left { width: 100%; }
.accommodation-hero-img { height: auto; padding-bottom: 57.7%; }
.accommodation-hero-right { width: 100%; padding-left: 0; }
 }
/* ========================================== 
! Large devices (desktops, less than 1200px)
=========================================== */
@media (max-width:1199.98px) {
 .accommodation-hero-img { border-radius: 250px 30px 30px 30px; }
 }
/*==========================================
! Medium devices (tablets, less than 992px)
========================================== */
@media (max-width:991.98px) {
.accommodation-hero-heading { margin-bottom: 46px; }
.accommodation-hero-img { border-radius: 200px 30px 30px 30px; }
.accommodation-hero-head h2 { font-size: 33px; }
 }
/* =================================================  
! Small devices (landscape phones, less than 768px)
================================================= */
@media (max-width:767.98px) {
.accommodation-hero-container { padding: 64px 0; }
.accommodation-hero-img { border-radius: 100px 10px 10px 10px; padding-bottom: 67%; }
.accommodation-hero-text { padding: 64px 32px; }
.accommodation-hero-head h2 { font-size: 24px; line-height: 1.4; }
.ah-contact-details-grid { flex-flow: column; gap: 40px; }
.ah-contact-details-item { width: 100%; }
 }
/* ======================================================
! Extra small devices (portrait phones, less than 576px)
====================================================== */
@media (max-width:575.98px) {
 }