:root {
    --bs-primary: #0073aa;
    --bs-primary-rgb: 0, 115, 170;
    --bs-link-color: #0073aa;
    --bs-link-hover-color: #005177;
    --bs-font-sans-serif:
        "Nexa", "Inter", "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
    --bs-body-bg: #f9f9f9;
    --bs-body-color: #333333;
    --tw2lve-dark: #1a1a2e;
    --White: #fff;
    --section-spacing: 0.375rem;
    --hero-font-display: "Alta", serif;
    --hero-font-body: "Nexa", sans-serif;
    --hero-font-size-h1: calc(1.625rem + 3.75vw);
}

@media (min-width: 1440px) {
    :root {
        --hero-font-size-h1: 5rem;
    }
}

:root {
    --h2-font-size: clamp(56px, 4.3vw, 100px);
    --hero-text: #ffffff;
    --hero-pill-bg: rgba(30, 20, 15, 0.75);
    --hero-gradient-top: linear-gradient(to bottom, rgb(0 0 0) 0%, #00000008 20%);
    --hero-gradient-bottom: linear-gradient(to top,
            rgb(0 0 0) 0%,
            transparent 50%);
}

.home h2 {
    font-weight: 300;
    line-height: 1.2;
}

.tw2lve-reviews__heading,
.tw2lve-collections__heading,
.tw2lve-experiences__heading,
.tw2lve-villas__heading,
.tw2lve-about__heading,
.tw2lve-expectation__heading {
    font-size: var(--h2-font-size);
}



@media (max-width: 1600px) and (min-width: 1440px) {

    .tw2lve-reviews__heading,
    .tw2lve-collections__heading,
    .tw2lve-experiences__heading,
    .tw2lve-villas__heading,
    .tw2lve-about__heading,
    .tw2lve-expectation__heading {
        font-size: 3.75rem;
    }
}

.tw2lve-hero__heading {
    font-family: var(--hero-font-display);
    font-size: var(--hero-font-size-h1);
    font-weight: 400;
    line-height: 1.05;
    letter-spacing: 0.02em;
    text-transform: uppercase;
    color: var(--hero-text);
    margin: 0 0 0 0;
    text-shadow: 0 2px 24px rgba(0, 0, 0, 0.35);
}

.tw2lve-review-card__avatar {
    width: 50px;
    height: 50px;
}

.twelve-1227-p {
    font-family: "Nexa", sans-serif;
    font-weight: 400;
    font-size: 1.1875rem;
    line-height: 208%;
    color: inherit;
}

@media (max-width: 1200px) {
    .twelve-1227-p {
        font-size: 1.0625rem;
    }
}

.twelve-1227-h2 {
    font-family: "Nexa", sans-serif;
    font-weight: 400;
    font-size: calc(1.5625rem + 3.125vw);
}

@media (min-width: 1440px) {
    .twelve-1227-h2 {
        font-size: 4.375rem;
    }
}

.twelve-1227-h2 {
    color: #fff;
}

@media (max-width: 1440px) {
    .twelve-1227-h2 {
        font-size: 2.7rem;
    }
}


@media (max-width: 1300px) {
    .twelve-1227-h2 {
        font-size: calc(1.46875rem + 2.1875vw);
    }
}


@media (max-width: 992px) {
    footer .custom-logo {
        width: 30% !important;
        max-width: 179px;
    }
}

@media (max-width: 600px) {
    footer .custom-logo {
        width: 100% !important;
        max-width: 179px;
    }
}