/*
 * Custom landing overrides
 * Mirrors the WPCode snippet used on the live Empire - MV landing page.
 * NOTE: @import must stay at the very top of the file to remain valid.
 */
@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Sans+Arabic:wght@100;200;300;400;500;600;700&display=swap');

*{
  font-family: "IBM Plex Sans Arabic", sans-serif  !important;
}
.section-title {
    text-transform: inherit;
    letter-spacing: -1px;
}

.price-plan {
    background: #0d3086b8;
    color: var(--color-white);
}

.price-main {
    background: #133893;
    color: var(--color-white);
}

.project-card:last-of-type {
    display: none;
}


section.hero-section>img {
    position: absolute;
    top: 10px;
    left: 10px;
    right: 10px;
    z-index: 9;
    width: 80px;
    margin: 0 auto;
}


.hero-content {
    text-align: center;
    display: grid;
    gap: 10px;
}

h1.hero-title {
    margin-top: 30px;
}

h2.section-title:before {
    content: "استكشف احدث عروض";
    display: block;
}



.hero-section {
    padding: 80px 0 20px!important;
}

.latest-projects-section {
    padding: 30px 0px 60px !important;
}

.hero-overlay {

    background: linear-gradient(225deg, rgb(0 0 0 / 70%) 0%, rgb(0 0 0 / 50%) 40%, rgb(0 0 0 / 30%) 70%, rgb(0 0 0 / 15%) 100%);
}

    .payment-plan-section, .amenities-section, .contact-section, .video-section, .latest-projects-section , section#request-details,section#units,section#gallery {
        padding: 30px 0 !important;
    }

    .project-video {
        aspect-ratio: 16/9 !important;
    }


.mv-video-landing-content h1 {
    position: relative;
    top: -150px;
    font-size: clamp(30px, 5.4vw, 70px);
}

.mv-video-landing-content p {
    position: relative;
    top: 100px;
	font-size: clamp(19px, 2.45vw, 36px);
}

body.page-template-page-mountain-view-landing .payment-card:last-child .payment-label span:after {
    display: none;
}
.mv-video-landing-overlay {
    background: linear-gradient(180deg, rgba(2, 6, 23, 0.42) 0%, rgba(2, 6, 23, 0.48) 48%, rgba(2, 6, 23, 0.65) 100%);
}


.mv-request-section {
    background: #08277b;
}

.mv-request-panel {
    border: 0;
}