body {
  background-color: #ffeef5;
  color: #B60C4D;
  font-family: Arial, sans-serif;
}
.navbar {
  background-color: #fff;
}
.nav-link.active {
  font-weight: bold;
  color: #B60C4D !important;
}
.navbar-brand img {
    max-width: 230px;
    width: 100%;
}
.content-section {
  padding: 40px 24px;
}
.btn {
    border-radius: 8px;
}
.btn-enquire {
  background-color: #d94f84;
  color: #fff;
  border: none;
  padding: 10px 20px;
  margin-top: 30px;
  font-weight: 600;
}
.btn-enquire:hover {
  background-color: #c23c6f;
    color: #fff;
}
a.page-link {
    display: inline-block;
    margin-right: 15px;
    color: #B60C4D;
    font-weight: 600;
    text-decoration: underline;
}
.hero {
    text-align: left;
    padding: 2rem 0;
    background: #e5477c;
    color: white;
    margin: 0 0 36px;
}
.hero h1 {
    font-size: 44px;
    font-weight: 600;
    margin: 0;
}
.hero h2 {
    font-size: 28px;
    margin: 16px 0 0;
}
.hero .btn {
    background: white;
    box-shadow: 0 8px 8px #a21d4a;
    color: #e5477c;
    margin: 38px 0 0;
    font-size: 22px;
    padding: 12px 24px;
    font-weight: 600;
}
.hero .btn:active,
.hero .btn:focus,
.hero .btn:hover {
    background-color: #dedede;
    color: #e5477c;
}
.hero .uk-map {
    display: block;
    margin: auto;
}
.hero .uk-map:hover {
    cursor: pointer;
}
.hero .uk-map path {
    stroke-width: 1px;
    stroke: white;
}
.hero .uk-map path:not(.disabled-path) {
    transition: transform 0.3s ease;
    transform-origin: center;
    cursor: pointer;
}
.hero .uk-map path:not(.disabled-path):hover {
    transform: scale(1.05);
}
.hero .uk-map path.disabled-path:hover {
    cursor: not-allowed;
}
.btn.btn-begin {
    background: #e5477c;
    border: none;
    box-shadow: 0 8px 8px #ea9dbd;
    color: white;
    margin: 38px 0 0;
    font-size: 22px;
    padding: 12px 24px;
    font-weight: 600;
}
.btn.btn-begin:active,
.btn.btn-begin:focus,
.btn.btn-begin:hover {
    background-color: #97113d;
    border: none;
    color: white;
}
.col-inner ul, .col-inner p, .col-inner a, .col-inner ol {
    font-size: 20px;
}
.col-inner p a {
    color: #B60C4D;
    font-weight: 600;
    text-decoration: underline;
}
footer {
    margin: 48px 0 24px;
}
.page-links {
    display: flex;
    flex-wrap: wrap;
    gap: 24px;
}
.page-links .page-link {
    background-color: white;
    border-radius: 12px;
    margin: 0;
    padding: 24px;
    text-align: center;
    width: calc(50% - 12px);
}
form label {
    color: black;
}
form .btn.btn-submit {    
    background: #e5477c;
    color: white;
    font-size: 18px;
    font-weight: 600;
    margin: 16px 0 0;
    padding: 12px;
    width: 100%;
}
form .btn.btn-submit:active,
form .btn.btn-submit:focus,
form .btn.btn-submit:hover {
    background: #97113d;
    color: white;
}
form .region-helper-text {
    display: none;
    margin: 0;
}
.modal-content {
    border-radius: 12px;
}
.modal-header .btn-close {
    padding: 12px;
}
.modal-title {
    color: black;
    font-weight: 600;
}
.navbar-toggler {
    border: none;
}
@media(min-width: 1025px) {
    form .region-helper-text {
        display: block;
    }
}
@media(max-width: 767px) {
    .hero {
        padding: 2rem 12px;
    }
    .hero .uk-map {
        margin: 2rem auto 0;
    }
    .hero .btn {
        width: 100%;
    }
    .col-inner {
        padding: 0 12px;
    }
    .page-links .page-link {
        width: 100%;
    }
    .nav-link {
        font-size: 20px;
        padding: 12px;
    }
}