/* Theme Name:MIVA 
Domain:miva */
:root {
    --black: #030403;
    --cream: #f5f1e8;
    --gold: #e5aa00;
    --gold-2: #f2c33b;
    --gold-line: #e5b34b;
    --dark-soft: #171717;
    --white: #fff;
    --text: #050505;
    --input-bg: #FFF;
    --result-bg: #F7F5F0;
    --dark: #111
}

* {
    box-sizing: border-box
}

html,
body {
    margin: 0;
    padding: 0
}

html {
    scroll-behavior: smooth
}

[id] {
    scroll-margin-top: 90px
}

body {
    font-family: Arial, Helvetica, sans-serif;
    color: var(--text);
    background: var(--cream)
}

h1,
h2,
h3,
h4,
h5 {
    font-family: Georgia, "Times New Roman", serif
}

ul#menu-home li a {
    font-weight: bold
}

.miva-header {
    background: radial-gradient(circle at 88% 20%, rgba(21, 86, 54, .26), transparent 23%), #020302
}

.miva-menu {
    gap: 20px
}

.navbar-nav .nav-link {
    font-weight: bold
}

.miva-menu .nav-link {
    color: #fff;
    font-size: 12px;
    font-weight: 500;
    padding: 30px 2px !important;
    white-space: nowrap
}

.miva-menu .nav-link:hover,
.miva-menu .nav-link.active {
    color: #e9b300
}

.consultation-btn {
    height: 44px;
    min-width: 230px;
    padding: 0 12px 0 24px;
    border: 1px solid #f2b713;
    border-radius: 28px;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    background: linear-gradient(90deg, #eba900 0%, #f4c842 100%);
    color: #050505;
    font-size: 13px;
    font-weight: 700;
    box-shadow: none
}

.consultation-btn:hover {
    background: linear-gradient(90deg, #f3b500 0%, #ffd45a 100%);
    color: #050505
}

.consultation-arrow {
    width: 19px;
    height: 19px;
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: #f5f5f5;
    font-size: 11px
}

/*------------- Drop Downmenu ------------- */
/* ================== MAIN NAVBAR ================== */
.navbar {
    position: relative;
    z-index: 1000;
    background: var(--dark);
    border-bottom: 1px solid var(--line);
    padding: 14px 0;
    transition: background-color 0.3s ease, box-shadow 0.3s ease
}

/* ================== NAVBAR BRAND / LOGO ================== */
.navbar-brand {
    color: var(--white);
    font-weight: 700;
    text-decoration: none;
    transition: color 0.3s ease
}

.navbar-brand:hover {
    color: var(--gold)
}

/* ================== NAVIGATION ================== */
.navbar-nav {
    gap: 4px
}

.navbar-nav .nav-link {
    position: relative;
    display: inline-flex;
    align-items: center;
    color: rgba(255, 255, 255, 0.78);
    font-size: 15px;
    font-weight: 500;
    line-height: 1.4;
    padding: 9px !important;
    border-radius: 6px;
    transition: color 0.25s ease, background-color 0.25s ease
}

/* ================== NAV LINK HOVER ================== */
.navbar-nav .nav-link:hover,
.navbar-nav .nav-link:focus {
    color: var(--white);
    background: rgba(255, 255, 255, 0.05)
}

/* ================== ACTIVE NAV LINK ================== */
.navbar-nav .nav-link.active {
    color: var(--gold)
}

/* ================== DROPDOWN TOGGLE ================== */
.navbar-nav .dropdown-toggle {
    display: inline-flex;
    align-items: center;
    top: -3px;
    position: relative;
    gap: 6px
}

button.dropdown-toggle.dropdown-arrow.show {
    top: 0px
}

/* Remove Bootstrap default arrow and create custom arrow */
.navbar-nav .dropdown-toggle::after {
    content: "";
    display: inline-block;
    width: 7px;
    height: 7px;
    margin-top: -4px;
    border: 0;
    border-right: 1.5px solid currentColor;
    border-bottom: 1.5px solid currentColor;
    transform: rotate(45deg);
    transition: transform 0.25s ease, margin-top 0.25s ease, color 0.25s ease
}

.dropdown-arrow {
    border: 0;
    background: transparent;
    padding: 0;
    margin-left: -5px;
    width: 25px;
    height: 25px;
    color: rgba(255, 255, 255, 0.78)
}

.dropdown-arrow::after {
    display: inline-block;
    margin-left: .255em;
    vertical-align: .255em;
    content: "";
    border-top: .3em solid;
    border-right: .3em solid transparent;
    border-bottom: 0;
    border-left: .3em solid transparent
}

/* ================== DROPDOWN OPEN ================== */
/* Arrow rotates upward */
.navbar-nav .dropdown-toggle.show::after {
    transform: rotate(225deg);
    margin-top: 4px;
    color: var(--gold)
}

/* ================== DROPDOWN MENU ================== */
.navbar-nav .dropdown-menu {
    min-width: 220px;
    margin-top: 12px;
    padding: 8px;
    background: var(--dark-soft);
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 8px;
    box-shadow: 0 15px 40px rgba(0, 0, 0, 0.40);
    overflow: hidden
}

/* ================== DROPDOWN ITEM WRAPPER ================== */
.dropdown-item-wrapper {
    list-style: none
}

/* ================== DROPDOWN LINKS ================== */
.navbar-nav .dropdown-item {
    position: relative;
    display: block;
    color: rgba(255, 255, 255, 0.78);
    font-size: 14px;
    font-weight: 500;
    padding: 11px 14px;
    border-radius: 5px;
    background: transparent;
    transition: color 0.25s ease, background-color 0.25s ease, padding-left 0.25s ease
}

/* Dropdown hover */
.navbar-nav .dropdown-item:hover,
.navbar-nav .dropdown-item:focus {
    color: var(--white);
    background: rgba(246, 199, 44, 0.08);
    padding-left: 19px
}

ul.dropdown-menu.show a.dropdown-item.active {
    color: var(--white);
    background: rgba(246, 199, 44, 0.08);
    padding-left: 19px;
    border-color: var(--gold)
}

ul.dropdown-menu.show a.dropdown-item.active:before {
    height: 45%
}

/* ================== DROPDOWN GOLD INDICATOR ================== */
.navbar-nav .dropdown-item::before {
    content: "";
    position: absolute;
    left: 8px;
    top: 50%;
    width: 3px;
    height: 0;
    background: var(--gold);
    border-radius: 5px;
    transform: translateY(-50%);
    transition: height 0.25s ease
}

.navbar-nav .dropdown-item:hover::before,
.navbar-nav .dropdown-item:focus::before {
    height: 45%
}

.nav-item.dropdown {
    position: relative
}

/*---------------- Drop Downmenu End ------------*/
/* = COMMON BREADCRUMB = */
.common-breadcrumb {
    position: relative;
    padding: 55px 0;
    background: linear-gradient(120deg, #080808 0%, #111 62%, #181818 100%);
    overflow: hidden
}

.common-breadcrumb::before {
    content: "";
    position: absolute;
    inset: 0;
    background: radial-gradient(circle at 75% 20%, rgba(246, 199, 44, 0.10), transparent 30%);
    pointer-events: none
}

/* = INNER = */
.common-breadcrumb-inner {
    position: relative;
    z-index: 2;
    display: flex;
    align-items: center;
    justify-content: space-between;
    min-height: 180px
}

/* = CONTENT = */
.breadcrumb-content {
    position: relative;
    z-index: 5;
    max-width: 760px
}

.breadcrumb-eyebrow {
    display: inline-flex;
    margin-bottom: 13px;
    padding: 6px 12px;
    background: rgba(246, 199, 44, 0.08);
    border: 1px solid rgba(246, 199, 44, 0.22);
    border-radius: 50px;
    color: var(--gold);
    font-size: 11px;
    font-weight: 700;
    line-height: 1.4;
    letter-spacing: 1.4px
}

.breadcrumb-content h1,
.breadcrumb-content h2 {
    margin: 0 0 22px;
    color: var(--white);
    font-size: clamp(38px, 5vw, 58px);
    font-weight: 700;
    line-height: 1.1
}

/* = BREADCRUMB LINKS = */
.miva-breadcrumb {
    margin: 0;
    padding: 0;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 0;
    background: transparent
}

.miva-breadcrumb .breadcrumb-item {
    display: flex;
    align-items: center;
    color: #888;
    font-size: 14px
}

.miva-breadcrumb .breadcrumb-item a {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    color: #b5b5b5;
    text-decoration: none;
    transition: 0.3s ease
}

.miva-breadcrumb .breadcrumb-item a:hover {
    color: var(--gold)
}

.miva-breadcrumb .breadcrumb-item.active {
    color: var(--gold)
}

.miva-breadcrumb .breadcrumb-item+.breadcrumb-item {
    padding-left: 10px
}

.miva-breadcrumb .breadcrumb-item+.breadcrumb-item::before {
    content: "›";
    padding-right: 10px;
    color: #555;
    font-size: 18px
}

/* = RIGHT SIDE DECORATION = */
.breadcrumb-decoration {
    position: relative;
    width: 260px;
    height: 180px;
    align-items: center;
    justify-content: center
}

.breadcrumb-main-icon {
    position: relative;
    width: 115px;
    height: 115px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--gold);
    border-radius: 50%;
    color: var(--dark);
    font-size: 42px;
    box-shadow: 0 0 0 18px rgba(246, 199, 44, 0.05), 0 0 0 36px rgba(246, 199, 44, 0.03)
}

.breadcrumb-main-icon::before {
    content: "";
    position: absolute;
    width: 155px;
    height: 155px;
    border: 1px dashed rgba(246, 199, 44, 0.4);
    border-radius: 50%
}

/* = BACKGROUND DECORATION = */
.breadcrumb-pattern {
    position: absolute;
    border: 1px solid rgba(246, 199, 44, 0.07);
    border-radius: 50%;
    pointer-events: none
}

.breadcrumb-pattern-one {
    width: 420px;
    height: 420px;
    top: -230px;
    right: -90px
}

.breadcrumb-pattern-two {
    width: 280px;
    height: 280px;
    right: 180px;
    bottom: -210px
}

.properties-hero-grid {
    position: absolute;
    inset: 0;
    width: 70%;
    background-image: linear-gradient(rgba(255, 255, 255, 0.025) 1px, transparent 1px), linear-gradient(90deg, rgba(255, 255, 255, 0.025) 1px, transparent 1px);
    background-size: 45px 45px;
    pointer-events: none
}

.properties-hero-circle {
    position: absolute;
    top: -230px;
    right: -170px;
    width: 570px;
    height: 570px;
    border: 90px solid rgba(246, 199, 44, 0.05);
    border-radius: 50%;
    pointer-events: none
}

.footer-top img.brand-logo {
    margin-bottom: 20px
}

/*------------------------- Breadcrumb end----------------------*/
.hero-section {
    position: relative;
    min-height: 653px;
    overflow: hidden;
    background: radial-gradient(circle at 10% 90%, rgba(221, 179, 92, .18), transparent 24%), radial-gradient(circle at 95% 20%, rgba(255, 238, 178, .33), transparent 28%), linear-gradient(90deg, #f9f3e9 0%, #f8f4eb 46%, #fbf7ec 100%)
}

.hero-center-lines {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 47%;
    width: 125px;
    pointer-events: none;
    opacity: .55;
    background: repeating-linear-gradient(90deg, rgba(211, 164, 65, .18) 0, rgba(211, 164, 65, .18) 1px, transparent 1px, transparent 5px);
    mask-image: linear-gradient(to bottom, rgba(0, 0, 0, .85), rgba(0, 0, 0, .28))
}

.hero-container {
    position: relative;
    z-index: 2;
    padding-top: 74px;
    padding-bottom: 53px
}

.hero-copy-col {
    padding-right: 23px
}

.eyebrow-row {
    display: flex;
    align-items: center;
    gap: 10px;
    margin: 31px 0 8px 14px
}

.eyebrow-line {
    width: 47px;
    height: 2px;
    background: #f1a526;
    flex: 0 0 auto
}

.eyebrow-text {
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 1.7px;
    white-space: nowrap
}

.hero-title {
    margin: 0 0 7px 8px;
    font-family: Georgia, "Times New Roman", serif;
    font-size: 52px;
    line-height: 1.08;
    letter-spacing: -2.1px;
    font-weight: 700
}

.hero-title span {
    color: #e7a800;
    margin-top: 7px
}

.hero-subtitle {
    margin: 5px 0 0 14px;
    font-size: 20px;
    line-height: 1.45;
    font-weight: 400
}

.small-gold-rule {
    display: block;
    width: 65px;
    height: 2px;
    background: #eda93c;
    margin: 18px 0 0 15px
}

.hero-description {
    margin: 30px 0 22px 15px;
    font-size: 17px;
    line-height: 1.72;
    font-weight: 400;
    max-width: 560px
}

.hero-actions {
    margin-left: 0
}

.action-btn {
    min-height: 53px;
    border-radius: 28px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 13px;
    padding: 0 21px;
    font-size: 14px;
    font-weight: 700;
    white-space: nowrap
}

.action-btn-dark {
    min-width: 313px;
    background: #010201;
    color: #fff;
    border: 1.5px solid #e9aa00
}

.action-btn-dark:hover {
    color: #fff;
    background: #111;
    border-color: #f3be21
}

.action-btn-dark i {
    color: #e8c957
}

.action-btn-gold {
    min-width: 217px;
    color: #050505;
    border: 1px solid #d8a52e;
    background: linear-gradient(90deg, #f8bd25 0%, #fff0a6 100%)
}

.action-btn-gold:hover {
    color: #050505;
    background: linear-gradient(90deg, #ffc72e 0%, #fff3b0 100%)
}

.action-btn-gold i {
    font-size: 18px
}

.stats-row {
    margin-top: 47px;
    padding-right: 0
}

.stat-card {
    min-height: 82px;
    border: 1px solid #e9c674;
    border-radius: 10px;
    background: rgba(255, 255, 255, .66);
    display: flex;
    align-items: center;
    gap: 14px;
    padding: 15px 15px;
    box-shadow: 0 3px 16px rgba(84, 56, 0, .02)
}

.stat-icon {
    width: 41px;
    flex: 0 0 41px;
    font-size: 34px;
    line-height: 1;
    color: #d1a23a;
    background: linear-gradient(#ffef96, #b88724);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.stat-icon img {
    width: 100%;
    height: auto
}

.stat-number {
    font-size: 18px;
    line-height: 1;
    font-weight: 800;
    white-space: nowrap
}

.stat-since {
    font-size: 22px
}

.stat-label {
    margin-top: 6px;
    font-size: 10px;
    line-height: 1.1;
    white-space: nowrap
}

.hero-image-col {
    display: flex;
    justify-content: flex-end;
    padding-left: 8px
}

.hero-image-wrap {
    width: 435px;
    height: 526px;
    margin-top: 0;
    margin-right: 4px;
    overflow: hidden;
    border-radius: 24px;
    box-shadow: 0 12px 32px rgba(75, 55, 16, .04)
}

.hero-image-wrap img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block
}

.investing-strip {
    min-height: 118px;
    border-top: 3px solid #efb200;
    border-bottom: 3px solid #e9a900;
    color: #fff
}

.investing-grid {
    min-height: 114px;
    display: flex;
    justify-content: space-between;
    align-items: center
}

.investing-title {
    font-size: 24px;
    font-weight: 700;
    letter-spacing: 1.2px;
    padding-left: 9px;
    white-space: nowrap
}

.investing-title a {
    display: block;
    overflow: hidden;
    font-size: 12px;
    text-decoration: none;
    color: #fff;
    margin-top: 10px
}

.investing-title span {
    color: #f0a900
}

.country-item {
    text-align: center;
    font-size: 14px;
    line-height: 1.2;
    color: #fff;
    white-space: nowrap;
    text-shadow: 0 1px 2px #000
}

.flag {
    font-size: 29px;
    line-height: 1;
    margin-bottom: 12px
}

.global-families-section {
    background: #f5f1e8;
    padding: 100px 0 55px
}

.section-container {
    max-width: 1274px;
    margin: 0 auto;
    padding-left: 53px;
    padding-right: 48px
}

.intro-row {
    margin-bottom: 42px
}

.top-rule {
    display: block;
    width: 68px;
    height: 2px;
    background: #dca64b;
    margin: 0 0 10px 0px
}

.section-title,
h2 {
    margin: 0;
    font-family: Georgia, "Times New Roman", serif;
    /* font-size:47px;*/
    line-height: 1.18;
    font-weight: 500;
    letter-spacing: -1.6px
}

.section-title span {
    color: #AB6705
}

.source-note {
    margin: 0 0 11px auto;
    max-width: 405px;
    font-size: 14px;
    line-height: 1.4;
    color: #111
}

.cards-grid {
    --bs-gutter-x: 22px;
    --bs-gutter-y: 48px
}

.benefit-card {
    position: relative;
    border: 1.15px solid #AB6705;
    border-radius: 17px;
    overflow: hidden;
    padding: 14px 22px 17px;
    background: linear-gradient(180deg, rgba(255, 255, 255, .58), rgba(255, 255, 255, .2)), #f8f4ec
}

.card-art {
    position: absolute;
    top: 0;
    right: 0;
    width: 270px;
    height: auto;
    object-fit: cover;
    object-position: center;
    opacity: .96;
    pointer-events: none
}

.icon-box {
    position: relative;
    z-index: 2;
    width: 51px;
    height: 53px;
    border: 2px solid #e7d1a6;
    border-radius: 9px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 13px;
    background: rgba(255, 248, 231, .85);
    color: #f3a63f;
    font-size: 30px
}

.card-number {
    position: relative;
    z-index: 2;
    margin-bottom: 9px;
    color: #9a5800;
    font-size: 15px;
    letter-spacing: .7px;
    font-weight: 500
}

.benefit-card h3 {
    position: relative;
    z-index: 2;
    margin: 0;
    font-size: 18px;
    line-height: 1.42;
    font-weight: 500;
    letter-spacing: .15px;
    max-width: 240px;
    min-height: 51px
}

.card-rule {
    display: block;
    position: relative;
    z-index: 2;
    width: 55px;
    height: 2px;
    background: #d8ae3e;
    margin: 10px 0 16px
}

.benefit-card p {
    position: relative;
    z-index: 2;
    margin: 0;
    max-width: 300px;
    color: #353535;
    font-size: 12px;
    line-height: 1.66
}

.goal-section {
    background: #f5f1e8;
    padding: 50px 0 70px
}

.section-top {
    margin-bottom: 55px
}

.title-line {
    display: block;
    width: 68px;
    height: 2px;
    background: #df9c34;
    margin-bottom: 14px
}

.section-top h2 {
    font-family: Georgia, "Times New Roman", serif;
    line-height: 1.15;
    font-weight: 500;
    margin: 0;
    color: #050505
}

.section-top h2 span {
    color: #a76208
}

.section-top p {
    margin: 12px 0 0;
    font-size: 16px;
    color: #333
}

.goal-card {
    position: relative;
    min-height: 242px;
    border-radius: 22px;
    overflow: hidden;
    background: #faf8f3;
    display: flex;
    align-items: stretch
}

.goal-content {
    position: relative;
    z-index: 2;
    width: 48%;
    padding: 18px 10px 20px 32px;
    background: linear-gradient(90deg, #faf8f3 0%, #faf8f3 75%, rgba(250, 248, 243, 0.85) 90%, transparent 100%)
}

.goal-icon {
    width: 58px;
    height: 58px;
    border-radius: 50%;
    background: linear-gradient(135deg, #fff3cf, #f1c566);
    color: #a66209;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 29px;
    margin-bottom: 10px
}

.goal-content h3 {
    font-family: Georgia, "Times New Roman", serif;
    font-size: 27px;
    font-weight: 500;
    line-height: 1.15;
    margin: 0 0 10px;
    color: #090909
}

.goal-content p {
    margin: 0;
    font-size: 16px;
    line-height: 1.65;
    color: #333
}

.goal-image {
    position: absolute;
    right: 0;
    top: 0;
    width: 63%;
    height: 100%
}

.goal-image::before {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(90deg, #faf8f3 0%, rgba(250, 248, 243, .75) 15%, rgba(250, 248, 243, .2) 38%, transparent 60%);
    z-index: 1
}

.goal-image img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover
}

.trust-strip {
    position: relative;
    overflow: hidden;
    background: radial-gradient(circle at 6% 100%, rgba(210, 164, 52, .35), transparent 16%), radial-gradient(circle at 92% 0%, rgba(210, 164, 52, .13), transparent 19%), linear-gradient(90deg, #050505, #000 55%, #080808);
    padding: 39px 0 34px;
    color: #fff
}

.trust-strip:before,
.trust-strip:after {
    content: "";
    position: absolute;
    width: 240px;
    height: 240px;
    border-radius: 50%;
    border: 1px solid rgba(210, 164, 52, .32)
}

.trust-strip:before {
    left: -145px;
    bottom: -165px
}

.trust-strip:after {
    right: -145px;
    top: -155px
}

.trust-item {
    display: flex;
    align-items: center;
    gap: 15px
}

.trust-icon {
    width: 53px;
    height: 53px;
    border: 2px solid #b68723;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #d3a23d;
    font-size: 25px;
    flex: 0 0 53px
}

.trust-item h6 {
    margin: 0 0 6px;
    font-size: 16px;
    font-weight: 700;
    white-space: nowrap
}

.trust-item p {
    margin: 0;
    color: #e5e5e5;
    font-size: 9px;
    white-space: nowrap
}

.process-section {
    position: relative;
    overflow: hidden;
    background: #f5f1e8;
    padding: 105px 0 70px
}

.process-container {
    position: relative;
    z-index: 3
}

.process-bg {
    position: absolute;
    top: 0;
    right: 0;
    width: 59%;
    height: 320px;
    background: linear-gradient(359deg, #f5f1e8 0%, rgba(245, 241, 232, 0.96) 10%, rgba(245, 241, 232, 0.75) 24%, rgba(245, 241, 232, 0.30) 43%, rgba(245, 241, 232, 0) 65%), url(http://localhost/revampmiva/wp-content/uploads/2026/09/dubai-skyline.jpg);
    background-size: cover;
    background-position: center right;
    background-repeat: no-repeat;
    pointer-events: none
}

.process-heading {
    position: relative;
    z-index: 4;
    max-width: 760px;
    margin-bottom: 55px
}

.heading-line {
    display: block;
    width: 60px;
    height: 3px;
    background: #9e7212;
    margin-bottom: 14px
}

.process-heading h2 {
    margin: 0;
    font-family: Georgia, "Times New Roman", serif;
    /* font-size:42px;*/
    line-height: 1.12;
    font-weight: 500;
    letter-spacing: -1.4px;
    color: #111
}

.process-heading h2 span {
    color: #9b6808
}

.process-flow {
    position: relative;
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    column-gap: 32px;
    align-items: start;
    z-index: 5
}

.process-main-line {
    position: absolute;
    top: 40px;
    left: calc(10% + 16px);
    right: calc(10% + 16px);
    height: 1px;
    background: #a87b19;
    z-index: 1
}

.process-step {
    position: relative;
    z-index: 3;
    min-width: 0;
    padding-left: 20px
}

.process-icon {
    position: relative;
    z-index: 5;
    width: 82px;
    height: 82px;
    border: 2px solid #b88924;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #fffdf8;
    color: #9d6b08;
    font-size: 34px;
    margin: 0 auto 11px;
    box-shadow: 0 0 0 5px rgba(255, 253, 248, 0.9), 0 0 14px rgba(184, 137, 36, 0.35)
}

.process-icon i {
    line-height: 1
}

.process-arrow {
    position: absolute;
    top: 28px;
    width: 26px;
    height: 26px;
    border-radius: 50%;
    background: #b48829;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 12px;
    transform: translateX(-50%);
    z-index: 6
}

.process-arrow i {
    line-height: 1
}

.arrow-one {
    left: 20%
}

.arrow-two {
    left: 40%
}

.arrow-three {
    left: 60%
}

.arrow-four {
    left: 80%
}

.step-number {
    margin-bottom: 1px;
    font-family: Georgia, "Times New Roman", serif;
    font-size: 37px;
    line-height: 1;
    color: #9b6808;
    font-weight: 600;
    margin-bottom: 10px
}

.process-step h3 {
    margin: 0 0 10px;
    font-family: Georgia, "Times New Roman", serif;
    font-size: 20px;
    line-height: 1.15;
    font-weight: 600;
    color: #111
}

.process-step p {
    margin: 0;
    max-width: 205px;
    font-size: 14px;
    line-height: 1.55;
    color: #525252
}

.process-step:not(:last-child)::after {
    content: "";
    position: absolute;
    top: 110px;
    right: -16px;
    width: 1px;
    height: 115px;
    background: rgba(160, 130, 85, 0.14)
}

.team-intro-section {
    background: #f5f1e8;
    padding: 50px 0 90px;
    overflow: hidden
}

.founder-image-wrap {
    position: relative;
    max-width: 500px;
    margin: 0 auto;
    padding: 28px 0 28px 25px
}

.founder-main-image {
    position: relative;
    z-index: 3;
    width: 100%;
    height: 500px;
    display: block;
    object-fit: cover;
    border-radius: 14px
}

.gold-shape {
    position: absolute;
    border: 2px solid #c59435;
    z-index: 1
}

.gold-shape-top {
    width: 120px;
    height: 152px;
    left: 0;
    top: 0;
    background: #d4ad68;
    border: none;
    border-radius: 15px;
    z-index: 1
}

.gold-shape-bottom {
    width: 120px;
    height: 154px;
    right: -22px;
    bottom: 0;
    border-radius: 15px;
    background: transparent
}

.team-content {
    padding-left: 5px
}

.team-top-line {
    display: block;
    width: 68px;
    height: 2px;
    background: #e0a233;
    margin-bottom: 15px
}

.team-eyebrow {
    margin-bottom: 20px;
    font-size: 15px;
    line-height: 1.2;
    font-weight: 700;
    color: #111;
    text-transform: uppercase
}

.team-quote {
    max-width: 690px;
    margin: 0 0 28px;
    font-size: 31px;
    line-height: 1.25;
    font-weight: 700;
    letter-spacing: -0.7px;
    color: #090909
}

.founder-info {
    margin: 0 0 58px;
    font-size: 18px;
    line-height: 1.5;
    color: #111
}

.founder-info strong {
    font-weight: 700
}

.founder-info span {
    font-weight: 400
}

.team-members {
    margin-bottom: 55px
}

.team-member {
    display: flex;
    align-items: center;
    gap: 14px
}

.team-avatar {
    width: 58px;
    height: 58px;
    flex: 0 0 58px;
    object-fit: cover;
    border-radius: 50%
}

.team-member h4 {
    margin: 0 0 5px;
    font-size: 16px;
    line-height: 1.2;
    font-weight: 500;
    color: #111;
    white-space: nowrap
}

.team-member p {
    margin: 0;
    font-size: 12px;
    line-height: 1.3;
    color: #454545;
    white-space: nowrap
}

.team-btn {
    min-width: 290px;
    min-height: 52px;
    padding: 14px 25px;
    border: 1px solid #d2aa61;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: transparent;
    color: #111;
    font-size: 17px;
    font-weight: 400;
    text-decoration: none;
    transition: all 0.3s ease
}

.team-btn:hover {
    background: #b9801c;
    border-color: #b9801c;
    color: #fff
}

.investor-testimonial-section {
    background: #f5f1e8;
    padding: 25px 0 55px
}

.testimonial-header {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    margin-bottom: 24px
}

.section-line {
    display: block;
    width: 74px;
    height: 2px;
    background: #dda63d;
    margin-bottom: 9px
}

.testimonial-title {
    margin: 0;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 31px;
    line-height: 1.15;
    font-weight: 400;
    color: #222
}

.testimonial-arrows {
    display: flex;
    gap: 12px;
    padding-top: 6px
}

.testimonial-prev,
.testimonial-next {
    width: 32px;
    height: 32px;
    border: none;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    font-size: 14px;
    transition: .25s ease
}

.testimonial-prev {
    background: #fff;
    color: #656565
}

.testimonial-next {
    background: #c39433;
    color: #111;
    box-shadow: 0 5px 12px rgba(116, 78, 10, .22)
}

.testimonial-prev:hover {
    background: #ececec
}

.testimonial-next:hover {
    background: #ad791c;
    color: #fff
}

.testimonial-slider {
    margin-left: -13px;
    margin-right: -13px
}

.testimonial-slide {
    padding: 0 13px;
    margin-bottom: 10px
}

.testimonial-card {
    overflow: hidden;
    background: #f7f3eb;
    border-radius: 14px;
    box-shadow: 0 3px 7px rgba(0, 0, 0, .12), 0 1px 3px rgba(0, 0, 0, .08)
}

.testimonial-image {
    position: relative;
    width: 100%;
    height: 235px;
    overflow: hidden
}

.testimonial-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block
}

.video-play {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 49px;
    height: 49px;
    border-radius: 50%;
    border: 1px solid rgba(255, 255, 255, .55);
    background: rgba(70, 60, 50, .55);
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    font-size: 27px;
    cursor: pointer;
    transition: .25s ease;
    backdrop-filter: blur(2px)
}

.video-play i {
    line-height: 1;
    margin-left: 3px
}

.video-play:hover {
    background: rgba(177, 126, 33, .9);
    transform: translate(-50%, -50%) scale(1.08)
}

.testimonial-name {
    height: 45px;
    display: flex;
    align-items: center;
    padding: 0 32px;
    font-size: 13px;
    color: #111
}

.video-popup {
    position: fixed;
    inset: 0;
    z-index: 99999;
    display: flex;
    align-items: center;
    justify-content: center;
    visibility: hidden;
    opacity: 0;
    transition: opacity .3s ease, visibility .3s ease;
    padding: 25px
}

.video-popup.active {
    visibility: visible;
    opacity: 1
}

.video-popup-overlay {
    position: absolute;
    inset: 0;
    background: rgba(0, 0, 0, .78);
    backdrop-filter: blur(4px)
}

.video-popup-box {
    position: relative;
    z-index: 2;
    width: 100%;
    max-width: 900px;
    background: #000;
    border-radius: 14px;
    box-shadow: 0 20px 70px rgba(0, 0, 0, .45);
    transform: translateY(25px) scale(.97);
    transition: .3s ease
}

.video-popup.active .video-popup-box {
    transform: translateY(0) scale(1)
}

.video-popup-ratio {
    position: relative;
    width: 100%;
    aspect-ratio: 16 / 9;
    overflow: hidden;
    border-radius: 14px
}

.video-popup-ratio iframe {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    border: 0
}

.video-popup-close {
    position: absolute;
    right: -16px;
    top: -16px;
    width: 38px;
    height: 38px;
    border: none;
    border-radius: 50%;
    background: #c29231;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 17px;
    cursor: pointer;
    z-index: 5;
    box-shadow: 0 5px 15px rgba(0, 0, 0, .3)
}

.video-popup-close:hover {
    background: #ad791c
}

body.video-popup-open {
    overflow: hidden
}

.investor-insight-section {
    background: #f5f1e8;
    padding: 50px 0 70px
}

.insight-heading-wrap {
    margin-bottom: 28px
}

.section-line {
    display: block;
    width: 74px;
    height: 2px;
    background: #dda63d;
    margin-bottom: 10px
}

.insight-title {
    margin: 0;
    font-family: Georgia, "Times New Roman", serif;
    font-size: 41px;
    line-height: 1.1;
    font-weight: 400;
    color: #292826
}

.insight-title span {
    color: #aa7930
}

.insight-card {
    position: relative;
    display: block;
    width: 100%;
    overflow: hidden;
    border-radius: 6px;
    background: #111;
    text-decoration: none
}

.insight-card img {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    transition: transform .4s ease
}

.insight-card:hover img {
    transform: scale(1.04)
}

.insight-card-large {
    height: 437px
}

.right-insight-stack {
    height: 437px;
    display: flex;
    flex-direction: column;
    gap: 16px
}

.insight-card-small {
    flex: 1;
    min-height: 0
}

.insight-overlay {
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 40%, rgba(0, 0, 0, .05) 55%, rgba(0, 0, 0, .78) 100%);
    z-index: 1
}

.insight-content {
    position: absolute;
    left: 18px;
    right: 18px;
    bottom: 18px;
    z-index: 2;
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 15px
}

.insight-content h3 {
    margin: 0;
    max-width: 520px;
    font-size: 21px;
    line-height: 1.17;
    font-weight: 600;
    color: #fff;
    text-shadow: 0 2px 5px rgba(0, 0, 0, .28)
}

.insight-card-small .insight-content {
    left: 17px;
    right: 13px;
    bottom: 12px
}

.insight-card-small .insight-content h3 {
    max-width: 310px;
    font-size: 16px;
    line-height: 1.18
}

.insight-arrow {
    width: 55px;
    height: 51px;
    flex: 0 0 55px;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(100, 100, 98, .72);
    color: #fff;
    font-size: 28px;
    backdrop-filter: blur(3px);
    transition: .3s ease
}

.insight-card:hover .insight-arrow {
    background: #b6862b
}

.insight-card-small .insight-arrow {
    width: 45px;
    height: 43px;
    flex-basis: 45px;
    font-size: 22px
}

/* ==================================== FAQ SECTION ==================================== */
.faq-section {
    background: #f5f1e8;
    padding: 42px 0 60px;
    display: block;
    overflow: hidden
}

/* ==================================== LEFT HEADING ==================================== */
.faq-heading-wrap {
    padding-top: 2px
}

.faq-top-line {
    display: block;
    width: 68px;
    height: 2px;
    background: #dfa039;
    margin: 0 0 16px 10px
}

.faq-title {
    margin: 0;
    max-width: 255px;
    font-family: Georgia, "Times New Roman", serif;
    /* font-size:42px;line-height:.98;*/
    font-weight: 400;
    letter-spacing: -1.4px;
    color: #090909
}

.faq-title span {
    display: inline-block;
    color: #ac7a34
}

/* ==================================== ACCORDION ==================================== */
.faq-accordion {
    padding-top: 16px
}

.faq-accordion .accordion-item {
    overflow: hidden;
    margin-bottom: 12px;
    border: 1px solid #d8a75a;
    border-radius: 11px;
    background: transparent
}

.faq-accordion .accordion-item:last-child {
    margin-bottom: 0
}

/* ==================================== BUTTON ==================================== */
.faq-accordion .accordion-button {
    min-height: 44px;
    padding: 7px 17px 7px 18px;
    background: #f8f5ef;
    border: 0;
    box-shadow: none;
    color: #111;
    font-size: 13px;
    line-height: 1.25;
    font-weight: 400;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px
}

.faq-accordion .accordion-button:not(.collapsed) {
    background: #f8f5ef;
    color: #111;
    box-shadow: none
}

/* Remove Bootstrap default arrow */
.faq-accordion .accordion-button::after {
    display: none
}

/* Question */
.faq-question {
    display: block
}

/* ==================================== GOLD PLUS CIRCLE ==================================== */
.faq-icon {
    width: 28px;
    height: 28px;
    flex: 0 0 28px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #b28531;
    color: #fff;
    font-size: 15px;
    transition: .25s ease
}

.faq-icon i {
    line-height: 1;
    transition: transform .25s ease
}

/* When open */
.faq-accordion .accordion-button:not(.collapsed) .faq-icon i {
    transform: rotate(45deg)
}

/* ==================================== BODY ==================================== */
.faq-accordion .accordion-body {
    padding: 2px 58px 16px 18px;
    background: #f8f5ef;
    color: #4e4e4e;
    font-size: 13px;
    line-height: 1.6
}

/* ==================================== Faq End ==================================== */
/* RERA */
.rera-box {
    display: flex;
    align-items: center;
    gap: 12px
}

.rera-qr {
    width: 62px;
    height: 62px;
    object-fit: contain;
    display: block;
    border-radius: 5px
}

.rera-content {
    display: flex;
    flex-direction: column
}

.rera-title {
    color: #f3a900;
    font-size: 23px;
    font-weight: 600;
    line-height: 1;
    margin-bottom: 4px
}

.rera-text {
    color: #fff;
    font-size: 10px;
    line-height: 1.3
}

/* Dubai Logo */
.dubai-logo img {
    width: 68px;
    height: 68px;
    object-fit: contain;
    display: block
}

.home .rem_plugin.projects-container {
    padding-bottom: 60px;
    display: block;
    overflow: hidden
}

/* ========================= COMMUNITY SECTION ========================= */
.community-section {
    width: 100%;
    background: #f6f2e9;
    padding: 14px 12px 22px
}

/* ========================= TOP LINE ========================= */
.section-line {
    width: 46px;
    height: 2px;
    background: #c99a3a;
    margin: 0 0 9px 3px
}

/* ========================= HEADING ========================= */
.community-title {
    font-size: 32px;
    line-height: 1.18;
    font-weight: 600;
    color: #101010;
    letter-spacing: -0.7px;
    margin: 0 0 35px
}

.community-title .gold-text {
    color: #b9944b
}

/* ========================= GRID ========================= */
.community-grid {
    --bs-gutter-x: 20px;
    --bs-gutter-y: 28px
}

/* ========================= CARD ========================= */
.community-card {
    width: 100%;
    height: 208px;
    background: #fffdf9;
    border: 1px solid #eadfc9;
    border-radius: 12px;
    overflow: hidden;
    transition: 0.3s ease
}

.community-card:hover {
    transform: translateY(-3px);
    box-shadow: 0 9px 22px rgba(0, 0, 0, 0.07)
}

/* ========================= IMAGE ========================= */
.community-image {
    width: 100%;
    height: 148px;
    overflow: hidden
}

.community-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    display: block;
    transition: transform 0.4s ease
}

.community-card:hover .community-image img {
    transform: scale(1.025)
}

/* ========================= CONTENT ========================= */
.community-content {
    position: relative;
    min-height: 60px;
    padding: 10px 46px 9px 11px
}

.community-name {
    font-size: 15px;
    line-height: 1.2;
    font-weight: 700;
    color: #111;
    letter-spacing: 0.1px;
    margin: 0 0 7px
}

.community-meta {
    font-size: 12px;
    line-height: 1.25;
    font-weight: 400;
    color: #5d5d5d;
    margin: 0;
    white-space: nowrap
}

/* ========================= ARROW BUTTON ========================= */
.community-arrow {
    position: absolute;
    right: 16px;
    top: 50%;
    transform: translateY(-50%);
    width: 24px;
    height: 24px;
    background: #b78d3e;
    color: #fff;
    border-radius: 50%;
    text-decoration: none;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 5;
    transition: all 0.25s ease
}

.community-arrow i {
    font-size: 13px;
    line-height: 1;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center
}

.community-arrow:hover {
    background: #947027;
    color: #fff;
    transform: translateY(-50%) translateX(2px)
}

.community-arrow:hover i {
    color: #fff
}

/* ========================================================= SECTION ========================================================= */
.investment-section {
    background-size: cover;
    height: auto;
    background-position: center;
    padding: 100px 0;
    background-repeat: no-repeat;
    display: block;
    overflow: hidden
}

.investment-plan-section {
    position: relative;
    min-height: 450px;
    display: flex;
    align-items: center;
    overflow: hidden;
    background: var(--miva-bg);
    padding: 55px 0
}

/* ========================================================= BACKGROUND IMAGE ========================================================= */
/* ========================================================= CONTAINER ========================================================= */
.investment-plan-container {
    position: relative;
    z-index: 2
}

.investment-content a {
    color: var(--black)
}

/* ========================================================= LEFT CONTENT ========================================================= */
.investment-content {
    max-width: 470px
}

.investment-title {
    margin: 0 0 14px;
    font-family: Georgia, "Times New Roman", serif;
    /* font-size:42px;line-height:1.02;*/
    font-weight: 500;
    letter-spacing: -1.5px;
    color: var(--miva-dark)
}

.investment-title span {
    color: var(--miva-gold)
}

.investment-description {
    max-width: 430px;
    margin: 0 0 12px;
    font-size: 13px;
    line-height: 1.5;
    font-weight: 400;
    color: var(--miva-text)
}

.investment-whatsapp {
    margin: 0;
    font-size: 12px;
    line-height: 1.45;
    color: #393939
}

.investment-whatsapp a {
    color: inherit;
    text-decoration: none;
    transition: color 0.2s ease
}

.investment-whatsapp a:hover {
    color: var(--miva-gold)
}

/* ========================================================= FORM CARD ========================================================= */
.consultation-card {
    position: relative;
    max-width: 520px;
    margin-left: auto;
    padding: 27px 25px 25px;
    background: rgba(255, 255, 255, 0.94);
    border: 1px solid var(--miva-border);
    border-radius: 15px;
    box-shadow: 0 3px 12px rgba(66, 45, 10, 0.12)
}

/* ========================================================= CONTACT FORM 7 RESET ========================================================= */
.consultation-card .wpcf7 {
    margin: 0;
    padding: 0
}

.consultation-card .wpcf7-form {
    margin: 0;
    padding: 0
}

.consultation-card .wpcf7-form p {
    margin: 0
}

.consultation-card .wpcf7-form-control-wrap {
    display: block;
    width: 100%
}

/* ========================================================= BOOTSTRAP ROW SPACING ========================================================= */
.consultation-card .row {
    --bs-gutter-x: 12px;
    --bs-gutter-y: 14px
}

/* ========================================================= FORM GROUP ========================================================= */
.consultation-card .form-group {
    width: 100%
}

.consultation-card .wpcf7-form .content p {
    margin-bottom: 10px;
    font-size: 14px
}

.consultation-card .form-group label {
    display: block;
    margin-bottom: 5px;
    font-size: 11px;
    line-height: 1.2;
    font-weight: 600;
    color: #222
}

/* ========================================================= TEXT INPUTS ========================================================= */
.consultation-card .form-control,
.consultation-card input[type="text"],
.consultation-card input[type="email"],
.consultation-card input[type="tel"],
.consultation-card input[type="number"] {
    width: 100%;
    height: 36px;
    padding: 6px 11px;
    border: 1px solid #d5d5d5;
    border-radius: 8px;
    background: rgba(255, 255, 255, 0.88);
    color: #222;
    font-family: inherit;
    font-size: 12px;
    line-height: 1.2;
    font-weight: 400;
    outline: none;
    box-shadow: none;
    transition: border-color 0.2s ease, box-shadow 0.2s ease, background-color 0.2s ease
}

/* Placeholder */
.consultation-card input::placeholder {
    color: #a0a0a0;
    opacity: 1
}

/* Input focus */
.consultation-card .form-control:focus,
.consultation-card input[type="text"]:focus,
.consultation-card input[type="email"]:focus,
.consultation-card input[type="tel"]:focus,
.consultation-card input[type="number"]:focus {
    border-color: var(--miva-gold-light);
    background: #fff;
    box-shadow: 0 0 0 2px rgba(193, 149, 67, 0.10)
}

/* ========================================================= SELECT ========================================================= */
.consultation-card .form-select,
.consultation-card select {
    width: 100%;
    height: 36px;
    padding: 6px 34px 6px 11px;
    border: 1px solid #d5d5d5;
    border-radius: 8px;
    background-color: rgba(255, 255, 255, 0.88);
    color: #222;
    font-family: inherit;
    font-size: 12px;
    font-weight: 400;
    outline: none;
    box-shadow: none;
    cursor: pointer;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 16 16'%3E%3Cpath fill='none' stroke='%23333' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m4 6 4 4 4-4'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 11px center;
    background-size: 12px;
    transition: border-color 0.2s ease, box-shadow 0.2s ease, background-color 0.2s ease
}

.consultation-card .form-select:focus,
.consultation-card select:focus {
    border-color: var(--miva-gold-light);
    background-color: #fff;
    box-shadow: 0 0 0 2px rgba(193, 149, 67, 0.10)
}

/* ========================================================= CHECKBOX ========================================================= */
.agent-check {
    margin-top: -2px;
    padding-left: 0
}

.agent-check .wpcf7-form-control-wrap {
    display: block
}

.agent-check .wpcf7-checkbox {
    display: block
}

.agent-check .wpcf7-list-item {
    margin: 0
}

.agent-check .wpcf7-list-item label {
    display: flex;
    align-items: center;
    gap: 8px;
    margin: 0;
    cursor: pointer
}

.agent-check input[type="checkbox"] {
    width: 17px;
    height: 17px;
    margin: 0;
    flex: 0 0 17px;
    border: 1px solid #bdbdbd;
    border-radius: 3px;
    cursor: pointer;
    accent-color: #b0822a
}

.agent-check .wpcf7-list-item-label {
    font-size: 11px;
    line-height: 1.25;
    font-weight: 400;
    color: #333
}

/* ========================================================= SUBMIT BUTTON ========================================================= */
.consultation-card .consultation-submit,
.consultation-card input[type="submit"] {
    width: 100%;
    min-height: 41px;
    padding: 10px 20px;
    border: 1px solid #b68b3b;
    border-radius: 30px;
    background: linear-gradient(180deg, #292929 0%, #121212 100%);
    color: #fff;
    font-family: inherit;
    font-size: 12px;
    line-height: 1.2;
    font-weight: 500;
    text-align: center;
    cursor: pointer;
    box-shadow: 0 3px 8px rgba(0, 0, 0, 0.14);
    transition: background 0.25s ease, transform 0.25s ease, box-shadow 0.25s ease
}

.consultation-card .consultation-submit:hover,
.consultation-card input[type="submit"]:hover {
    background: linear-gradient(180deg, #ba8c35 0%, #976b1c 100%);
    color: #fff;
    transform: translateY(-1px);
    box-shadow: 0 5px 12px rgba(0, 0, 0, 0.16)
}

/* ========================================================= CF7 SPINNER ========================================================= */
.consultation-card .wpcf7-spinner {
    position: absolute;
    margin: 10px 0 0 10px
}

/* ========================================================= VALIDATION ========================================================= */
.consultation-card .wpcf7-not-valid {
    border-color: #d9534f !important
}

.consultation-card .wpcf7-not-valid-tip {
    display: block;
    margin-top: 4px;
    font-size: 10px;
    line-height: 1.25;
    color: #c63f3f
}

/* ========================================================= RESPONSE MESSAGE ========================================================= */
.consultation-card .wpcf7-response-output {
    margin: 15px 0 0 !important;
    padding: 9px 12px !important;
    border-radius: 7px;
    font-size: 11px;
    line-height: 1.4
}

.consultation-card .wpcf7 form.sent .wpcf7-response-output {
    border-color: #8eaf70;
    background: #f4faef;
    color: #456232
}

.consultation-card .wpcf7 form.invalid .wpcf7-response-output,
.consultation-card .wpcf7 form.unaccepted .wpcf7-response-output,
.consultation-card .wpcf7 form.payment-required .wpcf7-response-output {
    border-color: #d6a65e;
    background: #fff9ef;
    color: #79571e
}

/* ========================================================= AUTOFILL ========================================================= */
.consultation-card input:-webkit-autofill,
.consultation-card input:-webkit-autofill:hover,
.consultation-card input:-webkit-autofill:focus {
    -webkit-text-fill-color: #222;
    -webkit-box-shadow: 0 0 0 1000px #fff inset;
    transition: background-color 5000s ease-in-out 0s
}

/* ========================================================= LARGE DESKTOP ========================================================= */
.projects-filter-form,
.filter-drawer-container,
.projects-grid {
    padding: 0 !important
}

.page-template-page-template-projects .split-wrapper {
    margin-bottom: 50px
}

.page-template-page-template-projects .project-content h2 {
    margin-bottom: 10px
}

.latest-project-section #rem_plugin.projects-container.projects-layout-grid .view-all-button {
    background: linear-gradient(90deg, #eba900 0%, #f4c842 100%) !important;
    color: #000 !important
}

.latest-project-section #rem_plugin.projects-container.projects-layout-grid .view-all-button:hover {
    background: linear-gradient(90deg, #f3b500 0%, #ffd45a 100%) !important;
    color: #000 !important
}

/*----------------------------------- Blog Page Start ------------------------------*/
/* == MAIN BLOG == */
.blog-main-section {
    padding: 50px 0 100px
}

.blog-top-bar {
    margin-bottom: 30px;
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 25px
}

.blog-top-bar h2 {
    margin: 0;
    font-size: 34px;
    font-weight: 700
}

.blog-result-count {
    color: #999;
    font-size: 13px
}

.blog-result-count span {
    margin-right: 4px;
    color: #111;
    font-size: 20px;
    font-weight: 700
}

/* == BLOG CARD == */
.blog-card {
    height: 100%;
    background: #fff;
    border: 1px solid var(--border);
    border-radius: 16px;
    overflow: hidden;
    transition: all 0.3s ease
}

.blog-card:hover {
    transform: translateY(-6px);
    box-shadow: 0 18px 45px rgba(0, 0, 0, 0.08)
}

.blog-card-image {
    position: relative;
    height: 240px;
    display: block;
    overflow: hidden
}

.blog-card-image img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
    transition: transform 0.5s ease
}

.blog-card:hover .blog-card-image img {
    transform: scale(1.06)
}

.blog-category {
    position: absolute;
    left: 17px;
    bottom: 17px;
    padding: 6px 11px;
    background: var(--gold);
    border-radius: 5px;
    color: #111;
    font-size: 10px;
    font-weight: 700
}

.blog-card-content {
    padding: 23px
}

.blog-card-content .blog-meta {
    margin-bottom: 10px
}

.blog-card-content h3 {
    margin-bottom: 12px;
    font-size: 20px;
    font-weight: 650;
    line-height: 1.4
}

.blog-card-content h3 a {
    color: #111;
    text-decoration: none;
    transition: 0.3s
}

.blog-card-content h3 a:hover {
    color: #b28c00
}

.blog-card-content p {
    margin-bottom: 18px;
    color: #707070;
    font-size: 14px;
    line-height: 1.7
}

.blog-card-link {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    color: #111;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none
}

.blog-card-link i {
    width: 29px;
    height: 29px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: #111;
    border-radius: 50%;
    color: #fff;
    font-size: 11px;
    transition: 0.3s
}

.blog-card-link:hover i {
    background: var(--gold);
    color: #111
}

/* == SIDEBAR == */
.blog-sidebar {
    position: sticky;
    top: 110px
}

.sidebar-widget {
    margin-bottom: 25px;
    padding: 28px;
    background: #f7f7f7;
    border-radius: 15px
}

.sidebar-title {
    position: relative;
    margin-bottom: 20px;
    padding-bottom: 13px;
    font-size: 20px;
    font-weight: 700
}

.sidebar-title::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 35px;
    height: 3px;
    background: var(--gold)
}

/* Search */
.blog-search-form {
    position: relative
}

.blog-search-form input {
    width: 100%;
    height: 52px;
    padding: 0 55px 0 16px;
    background: #fff;
    border: 1px solid #e5e5e5;
    border-radius: 8px;
    outline: none
}

.blog-search-form input:focus {
    border-color: var(--gold)
}

.blog-search-form button {
    position: absolute;
    top: 5px;
    right: 5px;
    width: 42px;
    height: 42px;
    border: 0;
    border-radius: 7px;
    background: var(--gold);
    color: #111
}

/* Category List */
.blog-category-list {
    display: flex;
    flex-direction: column
}

.blog-category-list a {
    padding: 13px 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid #e4e4e4;
    color: #555;
    font-size: 14px;
    text-decoration: none;
    transition: 0.3s
}

.blog-category-list a:last-child {
    border-bottom: 0
}

.blog-category-list a:hover {
    padding-left: 5px;
    color: #111
}

.blog-category-list strong {
    width: 29px;
    height: 29px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #fff;
    border-radius: 50%;
    color: #777;
    font-size: 10px
}

.blog-category-list a:hover strong {
    background: var(--gold);
    color: #111
}

/* Recent Posts */
.recent-post-list {
    display: flex;
    flex-direction: column;
    gap: 18px
}

.recent-post {
    display: flex;
    gap: 12px
}

.recent-post-image {
    width: 85px;
    height: 75px;
    min-width: 85px;
    border-radius: 8px;
    overflow: hidden
}

.recent-post-image img {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.recent-post span {
    display: block;
    margin-bottom: 4px;
    color: #999;
    font-size: 10px
}

.recent-post h4 {
    margin: 0;
    font-size: 13px;
    font-weight: 650;
    line-height: 1.45
}

.recent-post h4 a {
    color: #111;
    text-decoration: none
}

/* == SIDEBAR CTA == */
.blog-sidebar-cta {
    position: relative;
    padding: 32px 28px;
    background: #111;
    border-radius: 15px;
    overflow: hidden
}

.blog-sidebar-cta::before {
    content: "";
    position: absolute;
    top: -80px;
    right: -80px;
    width: 180px;
    height: 180px;
    border: 1px solid rgba(246, 199, 44, 0.12);
    border-radius: 50%
}

.sidebar-cta-icon {
    position: relative;
    width: 52px;
    height: 52px;
    margin-bottom: 22px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--gold);
    border-radius: 10px;
    color: #111;
    font-size: 22px
}

.blog-sidebar-cta>span {
    display: block;
    margin-bottom: 8px;
    color: var(--gold);
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 1.3px
}

.blog-sidebar-cta h3 {
    position: relative;
    margin-bottom: 12px;
    color: #fff;
    font-size: 22px;
    line-height: 1.35
}

.blog-sidebar-cta p {
    position: relative;
    margin-bottom: 22px;
    color: #999;
    font-size: 13px;
    line-height: 1.7
}

.sidebar-cta-btn {
    position: relative;
    min-height: 44px;
    padding: 9px 16px;
    display: inline-flex;
    align-items: center;
    gap: 7px;
    background: var(--gold);
    border-radius: 7px;
    color: #111;
    font-size: 12px;
    font-weight: 700;
    text-decoration: none
}

/* == PAGINATION == */
.blog-pagination-wrap {
    margin-top: 45px
}

.blog-pagination {
    gap: 7px
}

.blog-pagination .page-link {
    width: 42px;
    height: 42px;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #fff;
    border: 1px solid #e5e5e5;
    border-radius: 7px !important;
    color: #111;
    font-size: 13px;
    box-shadow: none
}

.blog-pagination .page-item.active .page-link {
    background: var(--gold);
    border-color: var(--gold);
    color: #111
}

.blog-pagination .page-link:hover {
    background: #111;
    border-color: #111;
    color: #fff
}

/*----------------------------------- Blog Page End ------------------------------*/
/*---------------------------------Blog Detail Page -------------------------*/
/* =========== MAIN =========== */
.miva-single-blog {
    color: var(--dark)
}

/* Important:Do not use overflow:hidden on parent wrappers of the sticky sidebar. */
.single-blog-content-section,
.single-blog-content-section .container,
.single-blog-content-section .row,
.single-blog-content-section .col-lg-4 {
    overflow: visible !important
}

/* =========== HERO =========== */
.single-blog-hero {
    position: relative;
    padding: 75px 0 110px;
    background: linear-gradient(120deg, #080808 0%, #111 65%, #171717 100%);
    overflow: hidden
}

.single-hero-grid {
    position: absolute;
    inset: 0;
    width: 70%;
    background-image: linear-gradient(rgba(255, 255, 255, 0.025) 1px, transparent 1px), linear-gradient(90deg, rgba(255, 255, 255, 0.025) 1px, transparent 1px);
    background-size: 45px 45px
}

.single-hero-shape {
    position: absolute;
    top: -220px;
    right: -160px;
    width: 550px;
    height: 550px;
    border: 80px solid rgba(246, 199, 44, 0.05);
    border-radius: 50%
}

.single-hero-inner {
    position: relative;
    z-index: 2
}

/* =========== BREADCRUMB =========== */
.single-breadcrumb {
    margin-bottom: 35px
}

.single-breadcrumb .breadcrumb {
    margin: 0
}

.single-breadcrumb .breadcrumb-item,
.single-breadcrumb .breadcrumb-item a {
    color: #8d8d8d;
    font-size: 12px;
    text-decoration: none
}

.single-breadcrumb .breadcrumb-item a {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    transition: 0.3s ease
}

.single-breadcrumb .breadcrumb-item a:hover {
    color: var(--gold)
}

.single-breadcrumb .breadcrumb-item.active {
    color: #ccc
}

.single-breadcrumb .breadcrumb-item+.breadcrumb-item::before {
    color: var(--gold)
}

/* =========== CATEGORY BADGE =========== */
.single-category-badge {
    display: inline-flex;
    align-items: center;
    margin-bottom: 20px;
    padding: 7px 13px;
    background: var(--gold);
    border-radius: 5px;
    color: #111;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 0.5px;
    text-decoration: none;
    text-transform: uppercase;
    transition: 0.3s ease
}

.single-category-badge:hover {
    background: #fff;
    color: #111
}

/* =========== HERO TITLE =========== */
.single-hero-inner h1 {
    margin: 0 0 20px;
    color: #fff;
    font-weight: 700;
    line-height: 1.12
}

.single-hero-excerpt {
    max-width: 760px;
    margin-bottom: 30px;
    color: #aaa;
    font-size: 16px;
    line-height: 1.75
}

/* =========== POST META =========== */
.single-post-meta {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 28px
}

.single-author-meta {
    display: flex;
    align-items: center;
    gap: 11px
}

.single-author-avatar {
    width: 44px;
    height: 44px;
    object-fit: cover;
    border: 2px solid var(--gold);
    border-radius: 50%
}

.single-author-meta div,
.single-meta-item div {
    display: flex;
    flex-direction: column;
    gap: 2px
}

.single-author-meta span,
.single-meta-item span {
    color: #777;
    font-size: 10px;
    letter-spacing: 0.5px;
    text-transform: uppercase
}

.single-author-meta strong,
.single-meta-item strong {
    color: #ddd;
    font-size: 12px;
    font-weight: 600
}

.single-meta-item {
    display: flex;
    align-items: center;
    gap: 9px
}

.single-meta-item>i {
    color: var(--gold);
    font-size: 17px
}

/* =========== FEATURED IMAGE =========== */
.single-featured-section {
    position: relative;
    z-index: 5;
    margin-top: -60px
}

.single-featured-image {
    height: 580px;
    overflow: hidden;
    background: #eee;
    border: 8px solid #fff;
    border-radius: 20px;
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.12)
}

.single-featured-image img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover
}

/* =========== MAIN CONTENT SECTION =========== */
.single-blog-content-section {
    position: relative;
    padding: 80px 0 100px;
    overflow: visible !important
}

/* =========== ARTICLE =========== */
.single-article {
    width: 100%
}

.single-content {
    color: #555;
    font-size: 16px;
    line-height: 1.9
}

.single-content>*:first-child {
    margin-top: 0
}

.single-content p {
    margin-bottom: 24px
}

/* =========== CONTENT HEADINGS =========== */
.single-content h2 {
    position: relative;
    margin: 45px 0 20px;
    padding-left: 17px;
    color: #111;
    font-weight: 700;
    line-height: 1.3
}

.single-content h2::before {
    content: "";
    position: absolute;
    top: 5px;
    left: 0;
    width: 5px;
    height: calc(100% - 10px);
    background: var(--gold);
    border-radius: 20px
}

.single-content h3 {
    margin: 35px 0 17px;
    color: #111;
    font-weight: 700;
    line-height: 1.35
}

.single-content h4 {
    margin: 30px 0 15px;
    color: #111;
    font-size: 20px;
    font-weight: 700
}

/* =========== CONTENT LINKS =========== */
.single-content a {
    color: #967400;
    text-decoration: underline;
    text-underline-offset: 3px;
    transition: 0.3s ease
}

.single-content a:hover {
    color: #111
}

/* =========== CONTENT LIST =========== */
.single-content ul,
.single-content ol {
    margin: 0 0 27px;
    padding-left: 22px
}

.single-content li {
    margin-bottom: 9px;
    padding-left: 4px
}

.single-content li::marker {
    color: #c49c00;
    font-weight: 700
}

/* =========== CONTENT IMAGES =========== */
.single-content img {
    max-width: 100%;
    height: auto;
    margin: 15px 0 28px;
    border-radius: 14px
}

.single-content figure {
    max-width: 100%;
    margin: 30px 0
}

.single-content figcaption {
    margin-top: 8px;
    color: #999;
    font-size: 12px;
    text-align: center
}

/* =========== WORDPRESS ALIGNMENT =========== */
.single-content .aligncenter {
    display: block;
    margin-right: auto;
    margin-left: auto
}

.single-content .alignleft {
    float: left;
    margin-right: 25px;
    margin-bottom: 15px
}

.single-content .alignright {
    float: right;
    margin-bottom: 15px;
    margin-left: 25px
}

/* =========== BLOCKQUOTE =========== */
.single-content blockquote {
    position: relative;
    margin: 35px 0;
    padding: 28px 30px 28px 35px;
    background: #f7f7f7;
    border-left: 5px solid var(--gold);
    border-radius: 0 12px 12px 0;
    color: #333;
    font-size: 18px;
    font-style: italic;
    line-height: 1.7
}

.single-content blockquote p:last-child {
    margin-bottom: 0
}

/* =========== TABLE =========== */
.single-content table {
    width: 100%;
    margin: 30px 0;
    border: 1px solid #e5e5e5;
    border-collapse: collapse
}

.single-content table th {
    padding: 14px 16px;
    background: #111;
    border: 1px solid #252525;
    color: #fff;
    font-size: 13px;
    font-weight: 600;
    text-align: left
}

.single-content table td {
    padding: 14px 16px;
    border: 1px solid #e5e5e5;
    color: #555;
    font-size: 13px
}

.single-content table tr:nth-child(even) td {
    background: #fafafa
}

/* =========== VIDEO / IFRAMES =========== */
.single-content iframe {
    width: 100%;
    max-width: 100%;
    margin: 25px 0;
    border: 0;
    border-radius: 12px
}

/* =========== TAGS AND SHARE =========== */
.single-post-footer {
    margin-top: 50px;
    padding: 25px 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 25px;
    border-top: 1px solid var(--border);
    border-bottom: 1px solid var(--border)
}

.single-footer-label {
    display: block;
    margin-bottom: 10px;
    color: #999;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 1px;
    text-transform: uppercase
}

.single-tags {
    display: flex;
    flex-wrap: wrap;
    gap: 7px
}

.single-tags a,
.no-tags {
    padding: 7px 11px;
    background: #f5f5f5;
    border-radius: 5px;
    color: #555;
    font-size: 11px;
    text-decoration: none;
    transition: 0.3s ease
}

.single-tags a:hover {
    background: var(--gold);
    color: #111
}

/* =========== SOCIAL SHARE =========== */
.single-share-links {
    display: flex;
    gap: 7px
}

.single-share-links a {
    width: 36px;
    height: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #111;
    border-radius: 50%;
    color: #fff;
    font-size: 13px;
    text-decoration: none;
    transition: 0.3s ease
}

.single-share-links a:hover {
    background: var(--gold);
    color: #111;
    transform: translateY(-2px)
}

/* =========== AUTHOR BOX =========== */
.single-author-box {
    margin-top: 40px;
    padding: 30px;
    display: flex;
    align-items: center;
    gap: 23px;
    background: #111;
    border-radius: 15px
}

.single-author-image img {
    width: 90px;
    height: 90px;
    min-width: 90px;
    object-fit: cover;
    border: 3px solid var(--gold);
    border-radius: 50%
}

.single-author-content>span {
    display: block;
    margin-bottom: 5px;
    color: var(--gold);
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 1px;
    text-transform: uppercase
}

.single-author-content h3 {
    margin: 0 0 8px;
    color: #fff;
    font-size: 21px
}

.single-author-content p {
    margin: 0;
    color: #aaa;
    font-size: 13px;
    line-height: 1.7
}

/* =========== PREVIOUS / NEXT NAVIGATION =========== */
.single-post-navigation {
    margin-top: 35px
}

.single-nav-card {
    height: 100%;
    padding: 22px;
    display: block;
    background: #f7f7f7;
    border: 1px solid #eee;
    border-radius: 12px;
    color: #111;
    text-decoration: none;
    transition: 0.3s ease
}

.single-nav-card:hover {
    background: #111;
    border-color: #111;
    color: #fff
}

.single-nav-card>span {
    display: flex;
    align-items: center;
    gap: 7px;
    margin-bottom: 8px;
    color: #999;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 0.7px;
    text-transform: uppercase
}

.single-nav-card h4 {
    margin: 0;
    color: inherit;
    font-size: 15px;
    line-height: 1.5
}

.single-nav-next {
    text-align: right
}

.single-nav-next>span {
    justify-content: flex-end
}

/* =========== STICKY SIDEBAR =========== */
.single-blog-sidebar {
    position: sticky;
    top: 110px;
    z-index: 10;
    width: 100%;
    max-height: calc(100vh - 130px);
    padding-right: 4px;
    overflow-x: hidden;
    overflow-y: auto;
    align-self: flex-start
}

/* If your header height is 100px+,change top:110px to top:130px. */
/* Sidebar scrollbar */
.single-blog-sidebar::-webkit-scrollbar {
    width: 4px
}

.single-blog-sidebar::-webkit-scrollbar-track {
    background: transparent
}

.single-blog-sidebar::-webkit-scrollbar-thumb {
    background: #d7d7d7;
    border-radius: 20px
}

.single-blog-sidebar::-webkit-scrollbar-thumb:hover {
    background: var(--gold)
}

/* Firefox */
.single-blog-sidebar {
    scrollbar-width: thin;
    scrollbar-color: #d7d7d7 transparent
}

/* =========== SIDEBAR WIDGET =========== */
/* == SIDEBAR == */
/* == SIDEBAR == */
.blog-sidebar {
    position: sticky;
    top: 110px
}

.sidebar-widget {
    margin-bottom: 25px;
    padding: 28px;
    background: #f7f7f7;
    border-radius: 15px
}

.sidebar-title {
    position: relative;
    margin-bottom: 20px;
    padding-bottom: 13px;
    font-size: 20px;
    font-weight: 700
}

.sidebar-title::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 35px;
    height: 3px;
    background: var(--gold)
}

/* Search */
.blog-search-form {
    position: relative
}

.blog-search-form input {
    width: 100%;
    height: 52px;
    padding: 0 55px 0 16px;
    background: #fff;
    border: 1px solid #e5e5e5;
    border-radius: 8px;
    outline: none
}

.blog-search-form input:focus {
    border-color: var(--gold)
}

.blog-search-form button {
    position: absolute;
    top: 5px;
    right: 5px;
    width: 42px;
    height: 42px;
    border: 0;
    border-radius: 7px;
    background: var(--gold);
    color: #111
}

/* Category List */
.blog-category-list {
    display: flex;
    flex-direction: column
}

.blog-category-list a {
    padding: 13px 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid #e4e4e4;
    color: #555;
    font-size: 14px;
    text-decoration: none;
    transition: 0.3s
}

.blog-category-list a:last-child {
    border-bottom: 0
}

.blog-category-list a:hover {
    padding-left: 5px;
    color: #111
}

.blog-category-list strong {
    width: 29px;
    height: 29px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #fff;
    border-radius: 50%;
    color: #777;
    font-size: 10px
}

.blog-category-list a:hover strong {
    background: var(--gold);
    color: #111
}

/* Recent Posts */
.recent-post-list {
    display: flex;
    flex-direction: column;
    gap: 18px
}

.recent-post {
    display: flex;
    gap: 12px
}

.recent-post-image {
    width: 85px;
    height: 75px;
    min-width: 85px;
    border-radius: 8px;
    overflow: hidden
}

.recent-post-image img {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.recent-post span {
    display: block;
    margin-bottom: 4px;
    color: #999;
    font-size: 10px
}

.recent-post h4 {
    margin: 0;
    font-size: 13px;
    font-weight: 650;
    line-height: 1.45
}

.recent-post h4 a {
    color: #111;
    text-decoration: none
}

/* == SIDEBAR CTA == */
.blog-sidebar-cta {
    position: relative;
    padding: 32px 28px;
    background: #111;
    border-radius: 15px;
    overflow: hidden
}

.blog-sidebar-cta::before {
    content: "";
    position: absolute;
    top: -80px;
    right: -80px;
    width: 180px;
    height: 180px;
    border: 1px solid rgba(246, 199, 44, 0.12);
    border-radius: 50%
}

.sidebar-cta-icon {
    position: relative;
    width: 52px;
    height: 52px;
    margin-bottom: 22px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--gold);
    border-radius: 10px;
    color: #111;
    font-size: 22px
}

.blog-sidebar-cta>span {
    display: block;
    margin-bottom: 8px;
    color: var(--gold);
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 1.3px
}

.blog-sidebar-cta h3 {
    position: relative;
    margin-bottom: 12px;
    color: #fff;
    font-size: 22px;
    line-height: 1.35
}

.blog-sidebar-cta p {
    position: relative;
    margin-bottom: 22px;
    color: #999;
    font-size: 13px;
    line-height: 1.7
}

.sidebar-cta-btn {
    position: relative;
    min-height: 44px;
    padding: 9px 16px;
    display: inline-flex;
    align-items: center;
    gap: 7px;
    background: var(--gold);
    border-radius: 7px;
    color: #111;
    font-size: 12px;
    font-weight: 700;
    text-decoration: none
}

/* =========== COMMENTS =========== */
.comments-area {
    margin-top: 50px;
    padding-top: 40px;
    border-top: 1px solid var(--border)
}

.comments-title,
.comment-reply-title {
    margin-bottom: 25px;
    color: #111;
    font-size: 26px;
    font-weight: 700
}

.comment-list {
    padding: 0;
    list-style: none
}

.comment-body {
    margin-bottom: 20px;
    padding: 20px;
    background: #f7f7f7;
    border-radius: 12px
}

.comment-author img {
    border-radius: 50%
}

.comment-form p {
    margin-bottom: 15px
}

.comment-form label {
    display: block;
    margin-bottom: 6px;
    color: #333;
    font-size: 12px;
    font-weight: 600
}

.comment-form input[type="text"],
.comment-form input[type="email"],
.comment-form input[type="url"],
.comment-form textarea {
    width: 100%;
    padding: 12px 15px;
    background: #fff;
    border: 1px solid #ddd;
    border-radius: 7px;
    outline: none;
    transition: 0.3s ease
}

.comment-form textarea {
    min-height: 150px;
    resize: vertical
}

.comment-form input:focus,
.comment-form textarea:focus {
    border-color: var(--gold);
    box-shadow: 0 0 0 3px rgba(246, 199, 44, 0.08)
}

.comment-form .submit {
    padding: 11px 20px;
    background: var(--gold);
    border: 0;
    border-radius: 7px;
    color: #111;
    font-size: 13px;
    font-weight: 700;
    cursor: pointer;
    transition: 0.3s ease
}

.comment-form .submit:hover {
    background: #111;
    color: #fff
}

/* =========== WORDPRESS PAGE LINKS =========== */
.single-page-links {
    margin-top: 30px;
    padding: 15px;
    background: #f7f7f7;
    border-radius: 8px;
    font-size: 13px
}

/* =========== RELATED ARTICLES =========== */
.single-related-section {
    padding: 90px 0;
    background: #f7f7f7
}

.related-heading {
    margin-bottom: 35px;
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 30px
}

.section-eyebrow {
    display: inline-block;
    margin-bottom: 9px;
    color: #9b7900;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 1.5px;
    text-transform: uppercase
}

.related-heading h2 {
    margin: 0;
    color: #111;
    font-size: 36px;
    font-weight: 700
}

.view-all-articles {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    color: #111;
    font-size: 12px;
    font-weight: 700;
    text-decoration: none;
    transition: 0.3s ease
}

.view-all-articles:hover {
    color: #9a7800
}

/* =========== RELATED CARD =========== */
.related-blog-card {
    height: 100%;
    background: #fff;
    border: 1px solid #e8e8e8;
    border-radius: 15px;
    overflow: hidden;
    transition: 0.3s ease
}

.related-blog-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 18px 45px rgba(0, 0, 0, 0.08)
}

.related-blog-image {
    position: relative;
    height: 225px;
    display: block;
    overflow: hidden
}

.related-blog-image img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
    transition: 0.5s ease
}

.related-blog-card:hover .related-blog-image img {
    transform: scale(1.06)
}

.related-blog-image>span {
    position: absolute;
    bottom: 16px;
    left: 16px;
    padding: 6px 10px;
    background: var(--gold);
    border-radius: 5px;
    color: #111;
    font-size: 10px;
    font-weight: 700
}

.related-blog-content {
    padding: 22px
}

.related-blog-meta {
    margin-bottom: 10px;
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    color: #999;
    font-size: 10px
}

.related-blog-meta span {
    display: flex;
    align-items: center;
    gap: 5px
}

.related-blog-content h3 {
    margin: 0 0 10px;
    font-size: 19px;
    font-weight: 700;
    line-height: 1.4
}

.related-blog-content h3 a {
    color: #111;
    text-decoration: none;
    transition: 0.3s ease
}

.related-blog-content h3 a:hover {
    color: #9a7800
}

.related-blog-content p {
    margin-bottom: 16px;
    color: #777;
    font-size: 13px;
    line-height: 1.65
}

.related-read-more {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    color: #111;
    font-size: 12px;
    font-weight: 700;
    text-decoration: none
}

/*------------------------------ Blog Detail Page ENd -----------------------------*/
/*----------------- Contact form 7 style Start -------------------*/
/* Form */
.miva-contact-form {
    position: relative;
    padding: 35px;
    background: var(--white);
    border: 1px solid var(--line);
    border-radius: 18px;
    box-shadow: 0 20px 50px rgba(17, 17, 17, 0.08);
    overflow: hidden
}

.miva-contact-form::before {
    content: "";
    position: absolute;
    width: 160px;
    height: 160px;
    right: -80px;
    top: -80px;
    border-radius: 50%;
    background: var(--soft)
}

/* Heading */
.miva-form-heading {
    position: relative;
    margin-bottom: 28px
}

.miva-form-heading span {
    display: inline-block;
    margin-bottom: 7px;
    color: var(--gold2);
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 2px
}

.miva-form-heading h3 {
    margin: 0 0 7px;
    color: var(--dark);
    font-size: 27px;
    font-weight: 700
}

.miva-form-heading p {
    margin: 0;
    color: var(--muted);
    font-size: 14px
}

/* Fields */
.miva-form-field {
    position: relative
}

.miva-form-field i {
    position: absolute;
    z-index: 2;
    top: 50%;
    left: 17px;
    transform: translateY(-50%);
    color: var(--gold2);
    font-size: 17px;
    pointer-events: none
}

.miva-form-field .form-control,
.miva-form-field .form-select {
    width: 100%;
    min-height: 55px;
    padding: 12px 16px 12px 48px;
    border: 1px solid var(--border);
    border-radius: 9px;
    background: var(--light-bg);
    color: var(--dark);
    font-size: 14px;
    transition: all 0.3s ease
}

.miva-form-field .form-control::placeholder {
    color: var(--text)
}

.miva-form-field .form-control:hover,
.miva-form-field .form-select:hover {
    border-color: var(--gold)
}

.miva-form-field .form-control:focus,
.miva-form-field .form-select:focus {
    background: var(--white);
    border-color: var(--gold);
    box-shadow: 0 0 0 3px rgba(246, 199, 44, 0.15);
    outline: none
}

/* Message */
.miva-form-field.miva-message i {
    top: 20px;
    transform: none
}

.miva-message textarea.form-control {
    min-height: 125px;
    resize: vertical
}

/* Submit */
.miva-submit-btn {
    width: 100%;
    min-height: 55px;
    padding: 14px 25px;
    border: 0;
    border-radius: 9px;
    background: var(--dark);
    color: var(--white);
    font-size: 14px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s ease
}

.miva-submit-btn:hover {
    background: var(--gold);
    color: var(--dark);
    transform: translateY(-2px);
    box-shadow: 0 10px 25px rgba(246, 199, 44, 0.25)
}

/* CF7 */
.miva-contact-form .wpcf7-not-valid-tip {
    margin-top: 5px;
    color: #d33;
    font-size: 12px
}

.miva-contact-form .wpcf7-response-output {
    margin: 20px 0 0;
    padding: 12px 15px;
    border-radius: 8px
}

/*----------------- Contact form 7 style End -------------------*/
/*---------------------Contact Page style Start --------------------*/
/* == CONTACT INFO CARDS == */
.contact-info-section {
    position: relative;
    z-index: 5;
    margin-top: -45px
}

.contact-info-card {
    height: 100%;
    padding: 30px 25px;
    background: var(--white);
    border: 1px solid var(--border);
    border-radius: 15px;
    box-shadow: 0 15px 45px rgba(0, 0, 0, 0.07);
    transition: all 0.3s ease
}

.contact-info-card:hover {
    transform: translateY(-6px)
}

.contact-info-icon {
    width: 55px;
    height: 55px;
    margin-bottom: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(246, 199, 44, 0.15);
    border-radius: 12px;
    color: var(--dark);
    font-size: 22px
}

.contact-info-card>span {
    display: block;
    margin-bottom: 7px;
    color: #999;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 1px;
    text-transform: uppercase
}

.contact-info-card h3 {
    margin-bottom: 8px;
    font-size: 18px;
    font-weight: 650
}

.contact-info-card p,
.contact-info-card a {
    margin: 0;
    color: var(--text);
    font-size: 14px;
    line-height: 1.6;
    text-decoration: none
}

.contact-info-card a:hover {
    color: var(--gold)
}

.form-group p {
    margin-bottom: 0
}

/* == MAIN CONTACT == */
.contact-main-section {
    padding: 100px 0
}

.contact-content-box {
    height: 100%;
    padding: 20px 10px 20px 0
}

.contact-content-box h2 {
    max-width: 520px;
    margin-bottom: 18px;
    font-size: clamp(32px, 4vw, 47px);
    font-weight: 700;
    line-height: 1.15
}

.contact-content-box>p {
    margin-bottom: 30px;
    color: var(--text);
    font-size: 16px;
    line-height: 1.8
}

/* Features */
.contact-feature-list {
    display: flex;
    flex-direction: column;
    gap: 15px
}

.contact-feature {
    display: flex;
    gap: 15px;
    padding: 18px;
    background: var(--light-bg);
    border-radius: 12px
}

.contact-feature-icon {
    width: 46px;
    height: 46px;
    min-width: 46px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--gold);
    border-radius: 9px;
    color: var(--dark);
    font-size: 19px
}

.contact-feature h3 {
    margin-bottom: 4px;
    font-size: 16px;
    font-weight: 650
}

.contact-feature p {
    margin: 0;
    color: var(--text);
    font-size: 13px;
    line-height: 1.6
}

/* Support */
.contact-support-box {
    margin-top: 28px;
    padding: 20px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    background: var(--dark);
    border-radius: 13px
}

.contact-support-box span,
.contact-support-box strong {
    display: block
}

.contact-support-box span {
    margin-bottom: 4px;
    color: #888;
    font-size: 12px
}

.contact-support-box strong {
    color: #fff;
    font-size: 15px
}

.contact-support-btn {
    width: 48px;
    height: 48px;
    min-width: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--gold);
    border-radius: 50%;
    color: var(--dark);
    font-size: 18px;
    text-decoration: none
}

/* == FORM == */
.contact-form-card {
    height: 100%;
    padding: 42px;
    background: var(--light-bg);
    border-radius: 20px
}

.contact-form-heading {
    margin-bottom: 30px
}

.contact-form-heading span {
    display: block;
    margin-bottom: 7px;
    color: var(--gold);
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 1.3px
}

.contact-form-heading h2 {
    margin-bottom: 8px;
    font-size: 31px;
    font-weight: 700
}

.contact-form-heading p {
    margin: 0;
    color: var(--text);
    line-height: 1.7
}

.form-group label {
    display: block;
    margin-bottom: 8px;
    color: var(--dark);
    font-size: 13px;
    font-weight: 600
}

.form-control-wrap {
    position: relative
}

.form-control-wrap i {
    position: absolute;
    top: 50%;
    left: 16px;
    z-index: 3;
    transform: translateY(-50%);
    color: #999
}

.form-control-wrap .form-control,
.form-control-wrap .form-select {
    min-height: 52px;
    padding-left: 44px;
    background-color: #fff;
    border: 1px solid #e3e3e3;
    border-radius: 9px;
    font-size: 14px;
    box-shadow: none
}

.form-control-wrap .form-control:focus,
.form-control-wrap .form-select:focus,
.message-field:focus {
    border-color: var(--gold);
    box-shadow: 0 0 0 3px rgba(246, 199, 44, 0.12)
}

.message-field {
    padding: 15px;
    background: #fff;
    border: 1px solid #e3e3e3;
    border-radius: 9px;
    resize: none;
    box-shadow: none
}

.contact-submit-btn {
    min-height: 54px;
    padding: 12px 27px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: var(--gold);
    border: 1px solid var(--gold);
    border-radius: 9px;
    color: var(--dark);
    font-size: 15px;
    font-weight: 700;
    transition: all 0.3s ease
}

.contact-submit-btn:hover {
    background: var(--dark);
    border-color: var(--dark);
    color: #fff
}

/* == SECTION == */
.miva-locations-section {
    position: relative;
    background: #f7f7f7
}

/* == WRAPPER == */
.miva-locations-wrapper {
    position: relative;
    overflow: hidden;
    background: #fff;
    border-radius: 22px;
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.08)
}

/* == MAP == */
.miva-map-wrap {
    position: relative;
    width: 100%;
    height: 680px;
    min-height: 680px;
    overflow: hidden;
    background: #ddd
}

#mivaOfficeMap {
    position: relative !important;
    width: 100% !important;
    height: 680px !important;
    min-height: 680px !important;
    overflow: hidden !important;
    background: #ddd
}

/* == CRITICAL LEAFLET TILE FIX == */
#mivaOfficeMap img {
    max-width: none !important;
    max-height: none !important;
    width: auto !important;
    height: auto !important;
    object-fit: initial !important;
    border-radius: 0 !important
}

#mivaOfficeMap img.leaflet-tile {
    width: 256px !important;
    height: 256px !important;
    max-width: none !important;
    max-height: none !important
}

/* == LEAFLET Z-INDEX == */
#mivaOfficeMap .leaflet-pane {
    z-index: 400
}

#mivaOfficeMap .leaflet-tile-pane {
    z-index: 200
}

#mivaOfficeMap .leaflet-overlay-pane {
    z-index: 400
}

#mivaOfficeMap .leaflet-shadow-pane {
    z-index: 500
}

#mivaOfficeMap .leaflet-marker-pane {
    z-index: 600
}

#mivaOfficeMap .leaflet-tooltip-pane {
    z-index: 650
}

#mivaOfficeMap .leaflet-popup-pane {
    z-index: 700
}

#mivaOfficeMap .leaflet-top,
#mivaOfficeMap .leaflet-bottom {
    z-index: 1000
}

/* == SHOW ALL BUTTON == */
.miva-show-all-btn {
    position: absolute;
    left: 20px;
    bottom: 20px;
    z-index: 1000;
    min-height: 44px;
    padding: 10px 16px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    background: #111;
    border: 0;
    border-radius: 8px;
    color: #fff;
    font-size: 13px;
    font-weight: 600;
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.18);
    cursor: pointer;
    transition: 0.3s ease
}

.miva-show-all-btn:hover {
    background: var(--gold);
    color: #111
}

/* == RIGHT PANEL == */
.miva-office-panel {
    position: relative;
    height: 680px;
    padding: 42px 34px;
    background: linear-gradient(145deg, #101010 0%, #191919 100%);
    overflow: hidden
}

.miva-office-panel::before {
    content: "";
    position: absolute;
    width: 300px;
    height: 300px;
    top: -160px;
    right: -160px;
    border: 1px solid rgba(246, 199, 44, 0.09);
    border-radius: 50%
}

.miva-office-panel::after {
    content: "";
    position: absolute;
    width: 220px;
    height: 220px;
    bottom: -130px;
    left: -120px;
    background: rgba(246, 199, 44, 0.03);
    border-radius: 50%
}

/* == PANEL HEADING == */
.miva-office-heading {
    position: relative;
    z-index: 2;
    margin-bottom: 28px
}

.miva-location-eyebrow {
    display: inline-block;
    margin-bottom: 10px;
    color: var(--gold);
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 1.6px;
    text-transform: uppercase
}

.miva-office-heading h2 {
    margin: 0 0 12px;
    color: #fff;
    font-size: 34px;
    font-weight: 700;
    line-height: 1.2
}

.miva-office-heading p {
    max-width: 390px;
    margin: 0;
    color: #999;
    font-size: 14px;
    line-height: 1.7
}

/* == OFFICE LIST == */
.miva-office-list {
    position: relative;
    z-index: 2;
    display: flex;
    flex-direction: column;
    gap: 14px;
    max-height: 490px;
    padding-right: 4px;
    overflow-y: auto
}

/* == LOCATION CARD == */
.miva-office-card {
    position: relative;
    width: 100%;
    padding: 19px;
    display: flex;
    align-items: flex-start;
    gap: 14px;
    background: #1d1d1d;
    border: 1px solid #2b2b2b;
    border-radius: 14px;
    text-align: left;
    color: inherit;
    cursor: pointer;
    appearance: none;
    -webkit-appearance: none;
    overflow: hidden;
    transition: all 0.3s ease
}

.miva-office-card::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 4px;
    height: 100%;
    background: var(--gold);
    transform: scaleY(0);
    transform-origin: bottom;
    transition: transform 0.3s ease
}

.miva-office-card:hover,
.miva-office-card.is-active {
    background: #252525;
    border-color: var(--gold);
    transform: translateY(-2px);
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.2)
}

.miva-office-card:hover::before,
.miva-office-card.is-active::before {
    transform: scaleY(1)
}

/* == LOCATION PIN == */
.miva-office-pin {
    width: 45px;
    height: 45px;
    min-width: 45px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(246, 199, 44, 0.10);
    border: 1px solid rgba(246, 199, 44, 0.15);
    border-radius: 10px;
    color: var(--gold);
    font-size: 19px;
    transition: 0.3s ease
}

.miva-office-card:hover .miva-office-pin,
.miva-office-card.is-active .miva-office-pin {
    background: var(--gold);
    border-color: var(--gold);
    color: #111
}

/* == CARD CONTENT == */
.miva-office-card-content {
    flex: 1;
    min-width: 0
}

.miva-office-card-title {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin-bottom: 7px
}

.miva-office-card-title h3 {
    margin: 0;
    color: #fff;
    font-size: 17px;
    font-weight: 650;
    line-height: 1.35
}

.miva-office-card-title>i {
    width: 30px;
    height: 30px;
    min-width: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #353535;
    border-radius: 50%;
    color: #777;
    font-size: 12px;
    transition: 0.3s ease
}

.miva-office-card:hover .miva-office-card-title>i,
.miva-office-card.is-active .miva-office-card-title>i {
    background: var(--gold);
    border-color: var(--gold);
    color: #111
}

.miva-office-card-content p {
    margin: 0;
    color: #aaa;
    font-size: 13px;
    line-height: 1.65
}

/* == CUSTOM MAP MARKER == */
.miva-leaflet-marker {
    width: 44px;
    height: 44px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--gold);
    border: 4px solid #fff;
    border-radius: 50% 50% 50% 0;
    color: #111;
    font-size: 18px;
    transform: rotate(-45deg);
    box-shadow: 0 6px 18px rgba(0, 0, 0, 0.3)
}

.miva-leaflet-marker i {
    transform: rotate(45deg)
}

/* == POPUP == */
.miva-map-popup {
    width: 240px
}

.miva-map-popup h4 {
    margin: 0 0 10px;
    color: #111;
    font-size: 16px;
    font-weight: 700
}

.miva-map-address {
    display: flex;
    align-items: flex-start;
    gap: 7px;
    margin-bottom: 13px;
    color: #666;
    font-size: 12px;
    line-height: 1.55;
    text-decoration: none;
    transition: 0.3s ease
}

.miva-map-address i {
    margin-top: 2px;
    color: var(--gold);
    font-size: 14px
}

.miva-map-address:hover {
    color: #111
}

.miva-google-map-btn {
    min-height: 38px;
    padding: 8px 12px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    background: var(--gold);
    border-radius: 7px;
    color: #111;
    font-size: 12px;
    font-weight: 700;
    text-decoration: none;
    transition: 0.3s ease
}

.miva-google-map-btn:hover {
    background: #111;
    color: #fff
}

#mivaOfficeMap .leaflet-popup-content-wrapper {
    border-radius: 12px;
    box-shadow: 0 12px 35px rgba(0, 0, 0, 0.15)
}

#mivaOfficeMap .leaflet-popup-content {
    margin: 16px
}

/* == SCROLLBAR == */
.miva-office-list::-webkit-scrollbar {
    width: 5px
}

.miva-office-list::-webkit-scrollbar-track {
    background: #191919
}

.miva-office-list::-webkit-scrollbar-thumb {
    background: #444;
    border-radius: 20px
}

.miva-office-list::-webkit-scrollbar-thumb:hover {
    background: var(--gold)
}

/*--------------------- Contact Page Style End ----------------------------*/
.investor-marquee {
    width: 900px;
    overflow: hidden;
    position: relative
}

.investor-marquee-track {
    display: flex;
    width: max-content;
    align-items: center;
    animation: investorScroll 25s linear infinite;
    will-change: transform
}

.investor-slide {
    flex: 0 0 auto;
    width: 145px;
    text-align: center
}

.investor-slide .flag {
    width: 48px;
    height: 34px;
    margin: 0 auto 12px;
    display: flex;
    align-items: center;
    justify-content: center
}

.investor-slide .flag img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    border-radius: 8px
}

.country-title {
    font-size: 14px;
    line-height: 1.4;
    color: #fff;
    white-space: nowrap
}

/* Continuous animation */
@keyframes investorScroll {
    from {
        transform: translateX(0)
    }

    to {
        transform: translateX(-50%)
    }
}

/* Pause on hover */
.investor-marquee:hover .investor-marquee-track {
    animation-play-state: paused
}

/* ========================= FOOTER ========================= */
.luxury-footer {
    background: radial-gradient(circle at 10% 10%, rgba(212, 166, 42, 0.08), transparent 30%), #050505;
    color: #fff;
    padding-top: 55px !important
}

.footer-wrap {
    max-width: 1380px
}

/* ========================= TOP AREA ========================= */
.footer-top {
    margin-bottom: 45px
}

/* ========================= BRAND PANEL ========================= */
.brand-panel {
    height: 100%;
    background: linear-gradient(145deg, #121212, #080808);
    border: 1px solid rgba(214, 172, 57, 0.18);
    border-radius: 20px;
    padding: 30px
}

.brand-logo {
    width: 175px;
    max-width: 100%;
    height: auto;
    display: block
}

.brand-text {
    max-width: 330px;
    color: #d8d8d8;
    font-size: 14px;
    line-height: 1.8;
    margin: 0
}

.brand-divider {
    width: 100%;
    height: 1px;
    background: rgba(255, 255, 255, 0.08);
    margin: 28px 0 22px
}

/* ========================= SOCIAL ========================= */
.social-icons {
    display: flex;
    flex-wrap: wrap;
    gap: 10px
}

.social-icons a {
    width: 38px;
    height: 38px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    text-decoration: none;
    background: #0c0c0c;
    border: 1px solid #282828;
    font-size: 15px;
    transition: all 0.3s ease
}

.social-icons a:hover {
    background: #d5aa38;
    border-color: #d5aa38;
    color: #000;
    transform: translateY(-3px)
}

/* ========================= LINKS PANEL ========================= */
.links-panel {
    height: 100%;
    padding: 28px 30px;
    border: 1px solid #1d1d1d;
    border-radius: 20px;
    background: #090909
}

.footer-nav h5 {
    color: #d5aa38;
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 22px
}

.footer-nav ul {
    list-style: none;
    padding: 0;
    margin: 0
}

.footer-nav li {
    margin-bottom: 12px
}

.footer-nav li:last-child {
    margin-bottom: 0
}

.footer-nav a {
    color: #dcdcdc;
    text-decoration: none;
    font-size: 14px;
    line-height: 1.5;
    transition: all 0.2s ease
}

.footer-nav a:hover {
    color: #fff;
    padding-left: 5px
}

/* ========================= CONTACT PANEL ========================= */
.contact-panel {
    height: 100%;
    background: linear-gradient(145deg, #d5aa38, #a67b18);
    border-radius: 20px;
    padding: 28px;
    color: #090909
}

.contact-label {
    display: block;
    font-size: 10px;
    letter-spacing: 2px;
    font-weight: 700;
    margin-bottom: 18px;
    color: #090909 !important
}

.contact-panel h4 {
    font-size: 24px;
    line-height: 1.25;
    font-weight: 600;
    margin-bottom: 25px
}

.contact-panel h4 span {
    display: block;
    font-weight: 700
}

.contact-list {
    display: flex;
    flex-direction: column;
    gap: 13px;
    margin-bottom: 25px
}

.contact-list a {
    display: flex;
    align-items: center;
    gap: 10px;
    text-decoration: none;
    color: #070707;
    font-size: 13px;
    line-height: 1.5
}

.contact-icon {
    width: 30px;
    height: 30px;
    min-width: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: rgba(0, 0, 0, 0.1)
}

.contact-btn {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 13px 15px;
    background: #090909;
    color: #fff;
    text-decoration: none;
    border-radius: 10px;
    font-size: 13px;
    transition: 0.25s ease
}

.contact-btn:hover {
    background: #fff;
    color: #000
}

/* ========================= LOCATION SECTION ========================= */
.locations-section {
    padding: 35px 0;
    border-top: 1px solid rgba(255, 255, 255, 0.08)
}

.section-title-row {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 20px;
    margin-bottom: 24px
}

.small-gold-line {
    width: 35px;
    height: 2px;
    background: #d5aa38;
    display: block;
    margin-bottom: 10px
}

.section-title-row h4 {
    margin: 0;
    font-size: 21px;
    font-weight: 600
}

.section-title-row p {
    margin: 0;
    color: #808080;
    font-size: 12px
}

/* ========================= OFFICE CARDS ========================= */
.office-card {
    position: relative;
    height: 100%;
    display: flex;
    align-items: center;
    gap: 18px;
    padding: 22px;
    background: #0b0b0b;
    border: 1px solid #242424;
    border-radius: 15px;
    transition: all 0.3s ease
}

.office-card:hover {
    border-color: rgba(213, 170, 56, 0.6);
    transform: translateY(-3px)
}

.office-icon {
    width: 48px;
    height: 48px;
    min-width: 48px;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(213, 170, 56, 0.1);
    color: #d5aa38;
    font-size: 20px
}

.office-content {
    padding-right: 45px
}

.office-content span {
    color: #d5aa38;
    font-size: 9px;
    letter-spacing: 1.5px;
    font-weight: 600
}

.office-content h5 {
    color: #fff;
    font-size: 17px;
    margin: 3px 0 6px
}

.office-content p {
    color: #adadad;
    font-size: 12px;
    line-height: 1.55;
    margin: 0
}

.office-arrow {
    position: absolute;
    right: 18px;
    top: 18px;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    background: #151515;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #d5aa38;
    text-decoration: none;
    transition: 0.25s ease
}

.office-arrow:hover {
    background: #d5aa38;
    color: #000
}

/* ========================= TRUST SECTION ========================= */
.trust-section {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 25px;
    padding: 30px 0;
    border-top: 1px solid rgba(255, 255, 255, 0.08)
}

.trust-left span {
    color: #d5aa38;
    font-size: 9px;
    letter-spacing: 1.7px;
    font-weight: 700
}

.trust-left h5 {
    margin: 6px 0 0;
    font-size: 15px;
    color: #d7d7d7;
    font-weight: 400
}

.trust-logos {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    flex-wrap: wrap;
    gap: 12px
}

.trust-logo-box {
    width: 110px;
    height: 70px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #fff;
    border-radius: 10px;
    padding: 8px 12px
}

.trust-logo-box img {
    max-width: 100%;
    max-height: 52px;
    width: auto;
    height: auto;
    object-fit: contain
}

/* ========================= FOOTER BOTTOM ========================= */
.footer-bottom {
    min-height: 70px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    border-top: 1px solid rgba(255, 255, 255, 0.08)
}

.footer-bottom p {
    margin: 0;
    color: #888;
    font-size: 11px
}

.footer-bottom div {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 20px
}

.footer-bottom a {
    color: #a5a5a5;
    text-decoration: none;
    font-size: 11px;
    transition: color 0.2s ease
}

.footer-bottom a:hover {
    color: #d5aa38
}

/*--------------------- Product Page --------------------------*/
#projects-list {
    padding: 0 !important
}

.side-map-layout .split-left {
    padding-right: 15px
}

.modern-filter-layout .filter-div {
    margin-top: 25px
}

/*--------------------- Product Page --------------------------*/
/* ===================================================== MAIN WRAPPER ===================================================== */
.calculator-wrapper {
    width: 100%;
    padding: 8px 0 30px
}

/* ===================================================== CALCULATOR CARD ===================================================== */
.calculator-card {
    height: 100%;
    padding: 52px 39px 50px;
    background: var(--white);
    border: 1px solid #E5E0D5;
    border-radius: 16px;
    box-shadow: 0 8px 30px rgba(17, 17, 17, 0.06)
}

/* ===================================================== TITLE ===================================================== */
.calculator-title {
    display: inline-block;
    min-width: 331px;
    margin: 0 0 31px;
    padding-bottom: 14px;
    color: var(--black);
    border-bottom: 3px solid var(--gold);
    font-family: Georgia, "Times New Roman", serif;
    font-size: 26px;
    font-weight: 700;
    line-height: 1.2
}

/* ===================================================== FIELD LABEL ===================================================== */
.field-label {
    display: block;
    margin-bottom: 10px;
    color: var(--black);
    font-size: 13px;
    font-weight: 700;
    line-height: 1.2;
    text-transform: uppercase;
    letter-spacing: 0.1px
}

/* ===================================================== INPUT ===================================================== */
.calculator-input {
    width: 100%;
    height: 60px;
    padding: 0 16px;
    background: var(--input-bg);
    border: 1px solid #D7D2C8;
    border-radius: 6px;
    color: var(--text);
    font-size: 20px;
    outline: none;
    transition: border-color 0.2s ease, box-shadow 0.2s ease
}

.calculator-input:focus {
    border-color: var(--gold);
    box-shadow: 0 0 0 3px rgba(200, 162, 74, 0.12)
}

.calculator-input::placeholder {
    color: #999
}

/* Remove number arrows */
.calculator-input::-webkit-outer-spin-button,
.calculator-input::-webkit-inner-spin-button {
    margin: 0;
    -webkit-appearance: none
}

.calculator-input[type="number"] {
    -moz-appearance: textfield
}

/* ===================================================== OPTION GROUP ===================================================== */
.option-group {
    display: flex;
    align-items: stretch;
    width: 100%;
    height: 39px;
    overflow: hidden;
    background: #F1EEE7;
    border-radius: 0.375rem
}

/* ===================================================== OPTION BUTTON ===================================================== */
.option-btn {
    flex: 1;
    padding: 0px;
    background: transparent;
    border: 0;
    color: var(--black);
    font-size: 14px;
    font-weight: 600;
    cursor: pointer;
    transition: color 0.2s ease, background 0.2s ease, box-shadow 0.2s ease
}

.option-btn:hover {
    color: var(--gold)
}

.option-btn.active {
    margin: 4px;
    background: var(--white);
    border-radius: 8px;
    color: var(--black);
    box-shadow: 0 3px 10px rgba(17, 17, 17, 0.12)
}

/* Small gold indicator for active option */
.option-btn.active::after {
    content: "";
    display: block;
    width: 18px;
    height: 2px;
    margin: 0px auto;
    background: var(--gold);
    border-radius: 5px
}

/* ===================================================== RESULT GRID ===================================================== */
.result-grid {
    margin-top: 10px
}

/* ===================================================== RESULT BOX ===================================================== */
.result-box {
    min-height: 100px;
    padding: 20px;
    background: var(--result-bg);
    border: 1px solid #E1DCD1;
    border-radius: 7px;
    display: flex;
    flex-direction: column;
    justify-content: center
}

/* ===================================================== RESULT LABEL ===================================================== */
.result-label {
    margin-bottom: 13px;
    color: var(--dark-soft);
    font-family: Georgia, "Times New Roman", serif;
    font-size: 12px;
    text-transform: uppercase
}

/* ===================================================== RESULT VALUE ===================================================== */
.result-value {
    color: var(--black);
    font-size: 21px;
    font-weight: 700;
    line-height: 1.15
}

/* ===================== NOTE ===================== */
.calculator-note {
    margin: 10px 0 0;
    color: var(--dark-soft);
    font-family: Georgia, "Times New Roman", serif;
    font-size: 12px;
    font-style: italic
}

/*---------------------- Services Page -----------------------------*/
.services-hero img,
.gold-strip img,
.services-intro img,
.services-section img,
.feature-section img,
.process-section img,
.cta-section img {
    width: 100%;
    display: block
}

.services-hero a,
.gold-strip a,
.services-intro a,
.services-section a,
.feature-section a,
.process-section a,
.cta-section a {
    text-decoration: none
}

/* ========================= HERO ========================= */
.services-hero {
    background: var(--black);
    color: var(--white);
    overflow: hidden
}

.services-hero .row {
    min-height: 720px
}

.services-hero .hero-copy-wrap {
    display: flex;
    align-items: center
}

.services-hero .hero-copy {
    max-width: 680px
}

.services-hero .hero-title {
    font-weight: 600;
    margin-bottom: 24px
}

.services-hero .hero-title span {
    color: var(--gold-2)
}

.services-hero .hero-text {
    max-width: 590px;
    color: #c8c8c8;
    font-size: 16px;
    line-height: 1.85;
    margin-bottom: 32px
}

.services-hero .hero-actions {
    display: flex;
    gap: 14px;
    flex-wrap: wrap
}

.services-hero .btn-gold {
    min-height: 52px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    padding: 0 24px;
    background: var(--gold);
    color: var(--black);
    border-radius: 6px;
    font-size: 13px;
    font-weight: 700;
    transition: all .3s ease
}

.services-hero .btn-gold:hover {
    background: var(--gold-2);
    color: var(--black);
    transform: translateY(-2px)
}

.services-hero .btn-outline-custom {
    min-height: 52px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    padding: 0 24px;
    border: 1px solid rgba(255, 255, 255, .28);
    border-radius: 6px;
    color: var(--white);
    font-size: 13px;
    transition: all .3s ease
}

.services-hero .btn-outline-custom:hover {
    background: var(--white);
    color: var(--black)
}

/* ========================= HERO IMAGE ========================= */
.services-hero .hero-image-wraps {
    position: relative;
    min-height: 720px
}

.services-hero .hero-image-wraps img {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover
}

.services-hero .hero-image-wraps::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 2;
    background: linear-gradient(90deg, var(--black) 0%, rgba(3, 4, 3, .2) 30%, rgba(3, 4, 3, 0) 75%)
}

.services-hero .hero-image-wraps::after {
    content: "";
    position: absolute;
    z-index: 2;
    left: 0;
    right: 0;
    bottom: 0;
    height: 190px;
    background: linear-gradient(180deg, transparent, rgba(3, 4, 3, .72))
}

.services-hero .hero-info-card {
    position: absolute;
    z-index: 4;
    right: 28px;
    bottom: 30px;
    max-width: 275px;
    background: rgba(3, 4, 3, .88);
    border: 1px solid rgba(229, 170, 0, .35);
    border-radius: 14px;
    padding: 20px;
    backdrop-filter: blur(9px)
}

.services-hero .hero-info-card small {
    color: var(--gold-2);
    font-size: 9px;
    letter-spacing: 1.5px;
    text-transform: uppercase;
    font-weight: 700
}

.services-hero .hero-info-card h4 {
    color: var(--white);
    font-size: 20px;
    line-height: 1.3;
    margin: 7px 0 6px
}

.services-hero .hero-info-card p {
    color: #b9b9b9;
    font-size: 11px;
    line-height: 1.55;
    margin: 0
}

/* ========================= GOLD STRIP ========================= */
.gold-strip {
    background: var(--gold);
    padding: 28px 0
}

.gold-strip .gold-strip-wrap {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 25px;
    flex-wrap: wrap
}

.gold-strip h3 {
    font-size: 28px;
    margin: 0
}

.gold-strip p {
    max-width: 680px;
    color: #332700;
    font-size: 13px;
    line-height: 1.65;
    margin: 0
}

/* ========================= INTRO ========================= */
.services-intro {
    background: var(--cream);
    padding: 105px 0 55px
}

.services-intro .section-label {
    color: #987000;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 2px;
    text-transform: uppercase;
    margin-bottom: 14px
}

.services-intro .section-title {
    font-size: 50px;
    line-height: 1.12;
    margin-bottom: 18px
}

.services-intro .section-title span {
    color: #a97d00
}

.services-intro .section-copy {
    color: #666;
    font-size: 14px;
    line-height: 1.85;
    margin: 0
}

/* ========================= SERVICES ========================= */
.services-section {
    background: var(--cream);
    padding: 20px 0 110px
}

.services-section .service-card {
    height: 100%;
    min-height: 450px;
    display: flex;
    flex-direction: column;
    border-radius: 18px;
    padding: 30px;
    border: 1px solid #e3dccf;
    background: var(--white);
    transition: all .35s ease
}

.services-section .service-card:hover {
    transform: translateY(-7px);
    border-color: var(--gold-line);
    box-shadow: 0 20px 50px rgba(0, 0, 0, .08)
}

.services-section .service-card.gold {
    background: var(--gold);
    border-color: var(--gold)
}

.services-section .service-card.dark {
    background: var(--black);
    border-color: #181818;
    color: var(--white)
}

.services-section .service-top {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 20px;
    margin-bottom: 70px
}

.services-section .service-icon {
    width: 52px;
    height: 52px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 14px;
    background: var(--black);
    color: var(--gold-2);
    font-size: 21px
}

.services-section .service-card.gold .service-icon {
    background: var(--black);
    color: var(--gold-2)
}

.services-section .service-card.dark .service-icon {
    background: var(--gold);
    color: var(--black)
}

.services-section .service-number {
    font-size: 36px;
    color: #c5bda9
}

.services-section .service-card.gold .service-number {
    color: rgba(3, 4, 3, .28)
}

.services-section .service-card.dark .service-number {
    color: #555
}

.services-section .service-card h3 {
    font-size: 28px;
    margin-bottom: 14px
}

.services-section .service-card p {
    color: #6f6f6f;
    font-size: 13px;
    line-height: 1.75;
    margin-bottom: 25px
}

.services-section .service-card.gold p {
    color: #382b00
}

.services-section .service-card.dark p {
    color: #aaa
}

.services-section .service-features {
    list-style: none;
    padding: 0;
    margin: 0 0 30px
}

.service-features li::before {
    content: "\f26a";
    font-family: "bootstrap-icons";
    font-size: 14px;
    margin-right: 10px;
    color: #b99a5b
}

.services-section .service-card.gold .service-features li::before {
    color: var(--black)
}

.services-section .service-features li {
    display: flex;
    align-items: flex-start;
    gap: 9px;
    color: #515151;
    font-size: 12px;
    line-height: 1.55;
    margin-bottom: 10px
}

.services-section .service-features li i {
    color: var(--gold);
    margin-top: 2px
}

.services-section .service-card.gold .service-features li {
    color: #392c00
}

.services-section .service-card.gold .service-features li i {
    color: var(--black)
}

.services-section .service-card.dark .service-features li {
    color: #b0b0b0
}

.services-section .service-card.dark .service-features li i {
    color: var(--gold-2)
}

.services-section .service-link {
    margin-top: auto;
    display: inline-flex;
    align-items: center;
    gap: 10px;
    color: var(--black);
    font-size: 11px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1px
}

.services-section .service-card.dark .service-link {
    color: var(--gold-2)
}

.services-section .service-card.gold .service-link {
    color: var(--black)
}

.services-section .service-link i {
    transition: transform .25s ease
}

.services-section .service-card:hover .service-link i {
    transform: translateX(5px)
}

/* ========================= FEATURE / WHY MIVA ========================= */
.feature-section {
    background: var(--black);
    padding: 105px 0;
    color: var(--white)
}

.feature-section .feature-image {
    position: relative;
    min-height: 540px;
    border-radius: 18px;
    overflow: hidden
}

.feature-section .feature-image img {
    position: absolute;
    inset: 0;
    height: 100%;
    object-fit: cover
}

.feature-section .feature-image::after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg, transparent 40%, rgba(3, 4, 3, .78))
}

.feature-section .feature-content {
    padding-left: 55px
}

.feature-section .feature-content .section-label {
    color: var(--gold-2);
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 2px;
    text-transform: uppercase;
    margin-bottom: 14px
}

.feature-section .feature-content .section-title {
    color: var(--white);
    margin-bottom: 18px
}

.feature-section .feature-content .section-title span {
    color: var(--gold-2)
}

.feature-section .feature-content .section-copy {
    color: #a7a7a7;
    font-size: 14px;
    line-height: 1.85;
    margin: 0
}

.feature-section .benefit-list {
    margin-top: 32px
}

.feature-section .benefit-item {
    display: flex;
    gap: 13px;
    padding: 16px 0;
    border-bottom: 1px solid #242424
}

.feature-section .benefit-item:last-child {
    border-bottom: 0
}

.feature-section .benefit-item i {
    color: var(--gold);
    font-size: 17px
}

.feature-section .benefit-item h5 {
    color: var(--white);
    margin-bottom: 4px
}

.feature-section .benefit-item p {
    color: #888;
    font-size: 11px;
    margin: 0
}

/* ========================= PROCESS ========================= */
.process-section {
    background: var(--result-bg);
    padding: 100px 0
}

.process-section .process-head {
    max-width: 720px;
    margin-bottom: 50px
}

.process-section .section-label {
    color: #987000;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 2px;
    text-transform: uppercase;
    margin-bottom: 14px
}

.process-section .section-title {
    font-size: 50px;
    line-height: 1.12;
    margin-bottom: 18px
}

.process-section .section-title span {
    color: #a97d00
}

.process-section .section-copy {
    color: #666;
    font-size: 14px;
    line-height: 1.85;
    margin: 0
}

.process-section .process-card {
    height: 100%;
    padding: 28px;
    background: var(--input-bg);
    border: 1px solid #e6dfd3;
    border-radius: 14px;
    transition: .3s ease
}

.process-section .process-card:hover {
    transform: translateY(-5px);
    border-color: var(--gold-line)
}

.process-section .process-steps {
    width: 44px;
    height: 44px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: var(--gold);
    color: var(--black);
    font-size: 12px;
    font-weight: 700;
    margin-bottom: 20px
}

.process-section .process-card h4 {
    margin-bottom: 10px
}

.process-section .process-card p {
    color: #707070;
    font-size: 12px;
    line-height: 1.7;
    margin: 0
}

/* ========================= CTA ========================= */
.cta-section {
    background: var(--cream);
    padding: 90px 0
}

.cta-section .cta-box {
    position: relative;
    overflow: hidden;
    display: flex;
    align-items: center;
    padding: 55px;
    background: var(--black);
    border-radius: 20px;
    justify-content: space-between
}

.cta-section .cta-box::before {
    content: "";
    position: absolute;
    right: -110px;
    top: -120px;
    width: 430px;
    height: 430px;
    border-radius: 50%;
    border: 1px solid rgba(229, 170, 0, .23)
}

.cta-section .cta-box::after {
    content: "";
    position: absolute;
    right: -20px;
    bottom: -130px;
    width: 320px;
    height: 320px;
    border-radius: 50%;
    background: rgba(229, 170, 0, .06);
    border: 1px solid rgba(229, 170, 0, .18)
}

.cta-section .cta-content {
    position: relative;
    z-index: 2;
    max-width: 900px
}

.cta-section .cta-content .section-label {
    color: var(--gold-2);
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 2px;
    text-transform: uppercase;
    margin-bottom: 14px
}

.cta-section .cta-content h2 {
    font-size: 48px;
    line-height: 1.15;
    color: var(--white);
    margin-bottom: 18px
}

.cta-section .cta-content h2 span {
    color: var(--gold-2)
}

.cta-section .cta-content p {
    max-width: 800px;
    color: #aaa;
    font-size: 14px;
    line-height: 1.7
}

.cta-section .btn-gold {
    position: relative;
    z-index: 3;
    min-height: 52px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    padding: 0 24px;
    background: var(--gold);
    color: var(--black);
    border-radius: 6px;
    font-size: 13px;
    font-weight: 700;
    transition: all .3s ease;
    flex-shrink: 0
}

.cta-section .btn-gold:hover {
    background: var(--gold-2);
    color: var(--black);
    transform: translateY(-2px)
}

/* ============================ Services Pages End ======================= */
/*-------------------------- Services Detail Page ----------------------------*/
.page-template-page-template-services-detail .hero-copy-side {
    display: grid;
    align-items: center;
    position: relative;
    z-index: 3
}

.page-template-page-template-services-detail .breadcrumb-content {
    position: absolute;
    top: 20px
}

/* ========================= HERO ========================= */
.creative-hero {
    position: relative;
    background: var(--black);
    overflow: hidden;
    color: var(--white)
}

.creative-hero::before {
    content: "";
    position: absolute;
    width: 520px;
    height: 520px;
    left: -220px;
    top: -220px;
    border-radius: 50%;
    background: rgba(229, 170, 0, .08);
    filter: blur(50px)
}

.hero-grid {
    min-height: 500px
}

.hero-copy-side {
    display: flex;
    align-items: center;
    position: relative;
    z-index: 3
}

.hero-copy {
    max-width: 700px
}

.hero-breadcrumb {
    display: flex;
    gap: 9px;
    align-items: center;
    flex-wrap: wrap;
    font-size: 10px;
    color: #999;
    margin-bottom: 34px
}

.hero-breadcrumb a {
    color: #c7c7c7
}

.hero-breadcrumb i {
    color: var(--gold);
    font-size: 8px
}

.hero-service-index {
    display: flex;
    align-items: center;
    gap: 15px;
    margin-bottom: 18px
}

.hero-service-index strong {
    font-family: "Playfair Display", serif;
    font-size: 48px;
    color: var(--gold);
    line-height: 1
}

.hero-service-index span {
    font-size: 10px;
    letter-spacing: 1.8px;
    color: #bcbcbc;
    text-transform: uppercase
}

.hero-text {
    max-width: 590px;
    color: #cacaca;
    font-size: 16px;
    line-height: 1.85;
    margin-bottom: 32px
}

.hero-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 14px
}

.btn-ghost {
    min-height: 52px;
    padding: 0 24px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    border: 1px solid rgba(255, 255, 255, .3);
    border-radius: 7px;
    color: var(--white);
    font-size: 13px;
    transition: .3s ease
}

.btn-ghost:hover {
    background: var(--white);
    color: var(--black)
}

.hero-image-side {
    position: relative;
    min-height: 500px;
    overflow: hidden
}

.hero-image-side img {
    position: absolute;
    inset: 0;
    height: 100%;
    object-fit: cover
}

.hero-image-side::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 2;
    background: linear-gradient(90deg, var(--black) 0%, rgba(3, 4, 3, .25) 28%, rgba(3, 4, 3, .05) 70%)
}

.hero-image-side::after {
    content: "";
    position: absolute;
    z-index: 3;
    left: -1px;
    top: 0;
    width: 120px;
    height: 100%;
    background: var(--black);
    clip-path: polygon(0 0, 100% 0, 25% 100%, 0% 100%)
}

.hero-float {
    position: absolute;
    z-index: 4;
    right: 30px;
    bottom: 32px;
    width: 280px;
    padding: 20px;
    background: rgba(3, 4, 3, .87);
    border: 1px solid rgba(229, 170, 0, .36);
    backdrop-filter: blur(10px);
    border-radius: 14px
}

.hero-float small {
    color: var(--gold-2);
    text-transform: uppercase;
    font-size: 9px;
    letter-spacing: 1.6px;
    font-weight: 700
}

.hero-float h4 {
    font-family: "Playfair Display", serif;
    font-size: 20px;
    margin: 7px 0
}

.hero-float p {
    color: #b6b6b6;
    font-size: 11px;
    line-height: 1.55;
    margin: 0
}

/* ========================= OVERVIEW ========================= */
.overview-section {
    padding: 120px 0 105px;
    background: var(--cream)
}

.overview-layout {
    position: relative
}

.overview-image {
    position: relative;
    min-height: 560px;
    border-radius: 18px;
    overflow: hidden
}

.overview-image img {
    position: absolute;
    inset: 0;
    height: 100%;
    object-fit: cover;
    display: block;
    width: 100%
}

.overview-image::after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 45%, rgba(0, 0, 0, .72))
}

.overview-number {
    position: absolute;
    z-index: 3;
    right: 22px;
    top: 18px;
    font-family: "Playfair Display", serif;
    font-size: 90px;
    color: rgba(255, 255, 255, .55);
    line-height: 1
}

.overview-floating {
    position: absolute;
    z-index: 4;
    left: 22px;
    bottom: 22px;
    width: 260px;
    background: var(--gold);
    border-radius: 12px;
    padding: 18px 20px
}

.overview-floating strong {
    display: block;
    font-family: "Playfair Display", serif;
    font-size: 24px;
    margin-bottom: 5px
}

.overview-floating span {
    font-size: 10px;
    text-transform: uppercase;
    letter-spacing: 1.2px
}

.overview-content {
    padding-left: 55px
}

.overview-points {
    margin-top: 30px
}

.overview-point {
    display: flex;
    align-items: flex-start;
    gap: 13px;
    padding: 15px 0;
    border-bottom: 1px solid #ddd3bf
}

.overview-point:last-child {
    border-bottom: 0
}

.overview-point i {
    color: var(--gold);
    font-size: 17px;
    margin-top: 2px
}

.overview-point h5 {
    font-size: 14px;
    margin-bottom: 4px
}

.overview-point p {
    color: #777;
    font-size: 11px;
    line-height: 1.55;
    margin: 0
}

.service-list-info {
    list-style: none;
    padding: 0;
    margin: 0
}

.service-list-info li {
    position: relative;
    padding: 0 0 16px 30px;
    margin: 0 0 16px;
    border-bottom: 1px solid rgba(181, 159, 113, 0.4)
}

.service-list-info li:last-child {
    margin-bottom: 0;
    border-bottom: none
}

/* Bootstrap Icons - check circle */
.service-list-info li::before {
    content: "\F26A";
    font-family: "bootstrap-icons";
    position: absolute;
    left: 0;
    top: 5px;
    color: var(--gold);
    font-size: 17px;
    line-height: 1
}

/* Title */
.service-list-info .title {
    color: var(--text);
    font-size: 15px;
    font-weight: 500;
    line-height: 1.35
}

.service-list-info li br {
    display: none
}

/* Description */
.service-list-info .description {
    display: block;
    margin-top: 0px;
    color: #806f59;
    font-size: 11px;
    font-weight: 400;
    line-height: 1.45
}

/* ========================= BENEFITS SPLIT ========================= */
.benefits-section {
    background: var(--black);
    padding: 110px 0
}

.benefits-section .eyebrow {
    color: var(--gold-2)
}

.benefits-section .section-title {
    color: var(--white)
}

.benefits-section .section-copy {
    color: #939393
}

.benefits-grid {
    margin-top: 48px
}

/* ========================= ZIG ZAG PROCESS ========================= */
.process-section {
    background: var(--result-bg);
    padding: 110px 0
}

.process-head {
    max-width: 720px;
    margin-bottom: 60px
}

.process-timeline {
    position: relative
}

.process-timeline::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 8%;
    right: 8%;
    height: 1px;
    background: #d7ccb5
}

.process-step-card {
    position: relative;
    z-index: 2;
    height: 100%;
    background: var(--white);
    border: 1px solid #e7dfd1;
    border-radius: 15px;
    padding: 28px;
    transition: .3s ease
}

.process-step-card:hover {
    transform: translateY(-6px);
    border-color: var(--gold-line)
}

.process-step-card:nth-child(even) {
    margin-top: 45px
}

.process-no {
    width: 48px;
    height: 48px;
    border-radius: 50%;
    background: var(--black);
    color: var(--gold-2);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 12px;
    font-weight: 700;
    margin-bottom: 24px
}

.process-step-card h4 {
    font-family: "Playfair Display", serif;
    font-size: 21px;
    margin-bottom: 9px
}

.process-step-card p {
    color: #717171;
    font-size: 12px;
    line-height: 1.7;
    margin: 0
}

/* ========================= WHO / SIDE PANEL ========================= */
.who-section {
    background: var(--cream);
    padding: 105px 0
}

.who-panel {
    background: var(--white);
    border: 1px solid #e4dccd;
    border-radius: 18px;
    overflow: hidden
}

.who-panel-left {
    padding: 48px
}

.who-panel-right {
    height: 100%;
    background: var(--gold);
    padding: 42px
}

.who-list {
    margin-top: 30px
}

.who-row {
    display: flex;
    align-items: center;
    gap: 14px;
    padding: 16px 0;
    border-bottom: 1px solid #e7dfd1
}

.who-row:last-child {
    border-bottom: 0
}

.who-row i {
    width: 40px;
    height: 40px;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--black);
    color: var(--gold-2)
}

.who-row h5 {
    font-size: 14px;
    margin: 0 0 3px
}

.who-row p {
    color: #777;
    font-size: 11px;
    margin: 0
}

.who-panel-right h3 {
    font-family: "Playfair Display", serif;
    font-size: 31px;
    line-height: 1.2;
    margin-bottom: 16px
}

.who-panel-right p {
    color: #3a2c00;
    font-size: 13px;
    line-height: 1.7;
    margin-bottom: 25px
}

/* ========================= FAQ DARK ========================= */
.service-faq-section {
    background: var(--black);
    padding: 105px 0
}

.service-faq-section .eyebrow {
    color: var(--gold-2)
}

.service-faq-section .section-title {
    color: var(--white)
}

.faq-accordion-service .accordion-item {
    background: transparent;
    border: 0;
    border-bottom: 1px solid #292929;
    border-radius: 0
}

.faq-accordion-service .accordion-button {
    background: transparent;
    color: var(--white);
    box-shadow: none;
    padding: 22px 0;
    font-size: 14px;
    font-weight: 600
}

.faq-accordion-service .accordion-button:not(.collapsed) {
    color: var(--gold-2)
}

.faq-accordion-service .accordion-button::after {
    filter: invert(1)
}

.faq-accordion-service .accordion-body {
    padding: 0 0 22px;
    color: #8d8d8d;
    font-size: 12px;
    line-height: 1.8;
    max-width: 850px
}

/* ========================= CTA ========================= */
.cta-section {
    background: var(--cream);
    padding: 90px 0 100px
}

.cta-box {
    position: relative;
    min-height: 380px;
    display: flex;
    align-items: center;
    overflow: hidden;
    background: var(--gold);
    border-radius: 22px;
    padding: 60px
}

.cta-box::before,
.cta-box::after {
    content: "";
    position: absolute;
    border-radius: 50%;
    border: 1px solid rgba(3, 4, 3, .14)
}

.cta-box::before {
    width: 420px;
    height: 420px;
    right: -80px;
    top: -180px
}

.cta-box::after {
    width: 280px;
    height: 280px;
    right: 100px;
    bottom: -200px
}

.cta-content {
    position: relative;
    z-index: 2;
    max-width: 730px
}

.cta-kicker {
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 2px;
    text-transform: uppercase;
    margin-bottom: 14px
}

.cta-box h2 {
    font-family: "Playfair Display", serif;
    font-size: 50px;
    line-height: 1.15;
    margin-bottom: 18px
}

.cta-box p {
    color: #3d3000;
    font-size: 14px;
    line-height: 1.7;
    max-width: 620px;
    margin-bottom: 26px
}

.btn-black {
    min-height: 52px;
    padding: 0 25px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: var(--black);
    color: var(--white);
    border-radius: 7px;
    font-size: 13px;
    font-weight: 600
}

.btn-black:hover {
    background: var(--white);
    color: var(--black)
}

.section-title {
    font-family: "Playfair Display", serif;
    font-size: 50px;
    line-height: 1.12;
    font-weight: 600;
    margin-bottom: 18px
}

.section-title span {
    color: #a97f00
}

.section-copy {
    color: #666;
    font-size: 14px;
    line-height: 1.85
}

.btn-gold {
    min-height: 52px;
    padding: 0 24px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: var(--gold);
    color: var(--black);
    border-radius: 7px;
    font-size: 13px;
    font-weight: 700;
    transition: .3s ease
}

.btn-gold:hover {
    background: var(--gold-2);
    color: var(--black);
    transform: translateY(-2px)
}

a {
    text-decoration: none
}

/*-------------------------- Services Detail Page End----------------------------*/
/* ========================================================= POPUP OVERLAY ========================================================= */
.consult-popup-overlay {
    position: fixed;
    inset: 0;
    width: 100vw;
    max-width: 100vw;
    height: 100vh;
    height: 100dvh;
    display: none;
    align-items: center;
    justify-content: center;
    padding: 20px;
    margin: 0;
    background: rgba(3, 4, 3, 0.82);
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
    z-index: 999999;
    overflow-x: hidden;
    overflow-y: auto
}

/* ========================================================= POPUP ========================================================= */
.consult-popup {
    width: 100%;
    max-width: 920px;
    min-width: 0;
    max-height: 90vh;
    max-height: 90dvh;
    position: relative;
    background: var(--cream);
    border: 1px solid rgba(229, 179, 75, 0.55);
    border-radius: 24px;
    box-shadow: 0 30px 100px rgba(0, 0, 0, 0.55), 0 0 0 1px rgba(229, 170, 0, 0.08);
    overflow-x: hidden;
    overflow-y: auto;
    animation: consultationPopupIn .45s cubic-bezier(.2, .8, .2, 1)
}

@keyframes consultationPopupIn {
    from {
        opacity: 0;
        transform: translateY(35px) scale(.96)
    }

    to {
        opacity: 1;
        transform: translateY(0) scale(1)
    }
}

/* ========================================================= CLOSE BUTTON ========================================================= */
.consult-popup-close {
    position: absolute;
    top: 18px;
    right: 18px;
    width: 42px;
    height: 42px;
    min-width: 42px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    border-radius: 50%;
    border: 1px solid rgba(229, 179, 75, .45);
    background: rgba(3, 4, 3, .9);
    color: var(--gold-2);
    font-size: 25px;
    line-height: 1;
    cursor: pointer;
    z-index: 20;
    transition: all .25s ease
}

.consult-popup-close:hover {
    background: var(--gold);
    color: var(--black);
    border-color: var(--gold);
    transform: rotate(90deg)
}

/* ========================================================= MAIN GRID ========================================================= */
.consult-popup-inner {
    display: grid;
    grid-template-columns: minmax(0, 40%) minmax(0, 60%);
    width: 100%;
    max-width: 100%;
    min-width: 0;
    min-height: 520px
}

/* ========================================================= LEFT CONTENT ========================================================= */
.consult-popup-info {
    position: relative;
    width: 100%;
    max-width: 100%;
    min-width: 0;
    padding: 55px 42px;
    overflow: hidden;
    color: var(--white);
    background: radial-gradient(circle at 15% 15%, rgba(242, 195, 59, .18), transparent 32%), radial-gradient(circle at 90% 90%, rgba(229, 170, 0, .10), transparent 35%), var(--black)
}

/* Decorative ring */
.consult-popup-info::before {
    content: "";
    position: absolute;
    width: 300px;
    height: 300px;
    right: -180px;
    bottom: -160px;
    border: 1px solid rgba(229, 170, 0, .20);
    border-radius: 50%
}

.consult-popup-info::after {
    content: "";
    position: absolute;
    width: 170px;
    height: 170px;
    right: -95px;
    bottom: -85px;
    border: 1px solid rgba(229, 170, 0, .15);
    border-radius: 50%
}

/* ========================================================= EYEBROW ========================================================= */
.consult-eyebrow {
    position: relative;
    z-index: 2;
    display: inline-block;
    margin-bottom: 18px;
    color: var(--gold-2);
    font-size: 11px;
    font-weight: 800;
    letter-spacing: 2px;
    text-transform: uppercase
}

/* ========================================================= HEADING ========================================================= */
.consult-popup-info h2 {
    position: relative;
    z-index: 2;
    margin: 0 0 20px;
    color: var(--white);
    font-size: 30px;
    line-height: 1.2;
    font-weight: 600;
    letter-spacing: -1px
}

.consult-popup-info h2 span {
    color: var(--gold-2)
}

/* ========================================================= DESCRIPTION ========================================================= */
.consult-description {
    position: relative;
    z-index: 2;
    max-width: 330px;
    margin: 0;
    color: rgba(255, 255, 255, .68);
    font-size: 14px;
    line-height: 1.75
}

/* ========================================================= CONSULTATION DETAILS ========================================================= */
.consult-details {
    position: relative;
    z-index: 2;
    margin-top: 32px
}

.consult-detail {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 15px;
    color: rgba(255, 255, 255, .88);
    font-size: 13px
}

.consult-detail-icon {
    width: 30px;
    height: 30px;
    min-width: 30px;
    flex: 0 0 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: rgba(229, 170, 0, .13);
    border: 1px solid rgba(229, 170, 0, .25);
    color: var(--gold-2);
    font-size: 13px
}

/* ========================================================= RIGHT FORM AREA ========================================================= */
.consult-popup-form-area {
    position: relative;
    width: 100%;
    max-width: 100%;
    min-width: 0;
    padding: 48px 45px;
    background: var(--cream);
    overflow: hidden
}

/* ========================================================= FORM HEADING ========================================================= */
.consult-popup-form-area h3 {
    margin: 0 0 7px;
    color: var(--text);
    font-size: 27px;
    line-height: 1.2;
    font-weight: 700
}

.consult-popup-form-area>p {
    margin: 0 0 15px;
    color: #686868;
    font-size: 14px;
    line-height: 1.6
}

/* ========================================================= FORM GRID ========================================================= */
.consult-form {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    gap: 14px 10px;
    width: 100%;
    max-width: 100%;
    min-width: 0;
    margin: 0;
    padding: 0
}

/* ========================================================= FORM FIELD ========================================================= */
.consult-field {
    width: 100%;
    max-width: 100%;
    min-width: 0
}

.consult-field p {
    margin-bottom: 0
}

.consult-field.full-width {
    grid-column: 1 / -1
}

/* ========================================================= PRIVACY ========================================================= */
/* ========================================================= LABEL ========================================================= */
.consult-field label {
    display: block;
    margin-bottom: 7px;
    color: var(--text);
    font-size: 12px;
    font-weight: 700
}

/* ========================================================= INPUTS ========================================================= */
.consult-field input,
.consult-field textarea,
.consult-field select {
    display: block;
    width: 100%;
    max-width: 100%;
    min-width: 0;
    box-sizing: border-box;
    padding: 14px 15px;
    background: var(--input-bg);
    border: 1px solid #ddd7ca;
    border-radius: 10px;
    color: var(--text);
    font-family: inherit;
    font-size: 14px;
    outline: none;
    transition: border-color .25s ease, box-shadow .25s ease, transform .25s ease
}

.consult-field input {
    height: 49px
}

/* ========================================================= TEXTAREA ========================================================= */
.consult-field textarea {
    resize: vertical
}

/* ========================================================= FOCUS ========================================================= */
.consult-field input:focus,
.consult-field textarea:focus,
.consult-field select:focus {
    border-color: var(--gold);
    box-shadow: 0 0 0 3px rgba(229, 170, 0, .11)
}

/* ========================================================= DATE ========================================================= */
.consult-field input[type="date"] {
    color: #555;
    cursor: pointer
}

.consult-field input[type="date"]::-webkit-calendar-picker-indicator {
    cursor: pointer;
    opacity: .7
}

/* ========================================================= SUBMIT BUTTON ========================================================= */
.consult-submit {
    grid-column: 1 / -1;
    width: 100%;
    max-width: 100%;
    min-width: 0;
    height: 53px;
    margin-top: 3px;
    padding: 0 15px;
    border: none;
    border-radius: 10px;
    background: linear-gradient(135deg, var(--gold), var(--gold-2));
    color: var(--black);
    font-family: inherit;
    font-size: 14px;
    font-weight: 800;
    letter-spacing: .2px;
    cursor: pointer;
    box-shadow: 0 10px 25px rgba(229, 170, 0, .20);
    transition: all .25s ease
}

.consult-submit:hover {
    transform: translateY(-2px);
    box-shadow: 0 15px 32px rgba(229, 170, 0, .30)
}

/* ========================================================= PRIVACY ========================================================= */
.consult-privacy {
    position: absolute;
    text-align: center;
    color: #888;
    font-size: 11px;
    bottom: 0;
    margin: 0 auto;
    left: 0;
    right: 0
}

.consult-submit-wrap.full-width {
    grid-column: 1 / -1;
    position: relative
}

.consult-submit-wrap.full-width p {
    margin-bottom: 0
}

/* ========================================================= SUBMIT WRAPPER ========================================================= */
.consult-submit-wrapper.full-width {
    grid-column: 1 / -1;
    position: relative;
    width: 100%;
    max-width: 100%
}

/* ============================ LARGE TABLET ======================= */
/*-------------------------- Team Page -------------------------*/
/* ========================================================= TEAM SECTION ========================================================= */
.miva-team-section {
    position: relative;
    padding: 110px 0 120px;
    background: linear-gradient(180deg, #f5f1e8 0%, #fff 47%, #f7f5f0 100%)
}

/* TEAM HEADING */
.team-heading-wrap {
    max-width: 900px;
    margin: 0 auto 75px;
    text-align: center
}

.team-eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 11px;
    margin-bottom: 15px;
    color: #9c7200;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 2.2px;
    text-transform: uppercase
}

.team-eyebrow::before,
.team-eyebrow::after {
    content: "";
    width: 35px;
    height: 1px;
    background: var(--gold-line)
}

.team-main-heading {
    margin-bottom: 19px;
    font-family: "Playfair Display", serif;
    font-size: 52px;
    line-height: 1.1;
    font-weight: 600
}

.team-main-heading span {
    color: #a87c00
}

.team-intro-text {
    max-width: 760px;
    margin: auto;
    color: #777; 
}

/* ========================================================= LEADERSHIP LABEL ========================================================= */
.leadership-label {
    display: flex;
    align-items: center;
    gap: 18px;
    margin-bottom: 25px
}

.leadership-label span {
    color: #777;
    font-size: 9px;
    font-weight: 700;
    letter-spacing: 2px;
    text-transform: uppercase
}

.leadership-label div {
    height: 1px;
    flex: 1;
    background: #ded6c7
}

/* ========================================================= FOUNDER ========================================================= */
.founder-team-card {
    position: relative;
    height: 100%;
    min-height: 470px;
    overflow: hidden;
    background: var(--black)
}

.founder-team-card::before {
    content: "";
    position: absolute;
    top: -150px;
    right: -150px;
    width: 350px;
    height: 350px;
    border-radius: 50%;
    border: 1px solid rgba(229, 170, 0, .16)
}

.founder-card-number {
    position: absolute;
    z-index: 2;
    right: 28px;
    top: 24px;
    color: rgba(255, 255, 255, .15);
    font-family: "Playfair Display", serif;
    font-size: 70px;
    line-height: 1
}

/* FOUNDER IMAGE */
.founder-photo-area {
    position: relative;
    min-height: 470px;
    display: flex;
    align-items: flex-end;
    justify-content: center;
    overflow: hidden
}

.founder-gold-shape {
    position: absolute;
    left: -90px;
    bottom: -110px;
    width: 380px;
    height: 380px;
    border-radius: 50%;
    background: var(--gold)
}

.founder-photo {
    position: relative;
    z-index: 2;
    width: 310px;
    height: 420px
}

.founder-photo img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center top
}

/* FOUNDER CONTENT */
.founder-team-content {
    position: relative;
    z-index: 3;
    padding: 55px 40px
}

.team-role {
    display: inline-block;
    margin-bottom: 10px;
    color: var(--gold);
    font-size: 9px;
    font-weight: 700;
    letter-spacing: 1.7px;
    text-transform: uppercase
}

.founder-team-content h3 {
    margin-bottom: 15px;
    color: var(--white);
    font-family: "Playfair Display", serif;
    font-size: 38px
}

.founder-team-content>p {
    max-width: 390px;
    margin-bottom: 26px;
    color: #a3a3a3
}

.founder-contact-list {
    display: flex;
    flex-direction: column;
    gap: 11px
}

.founder-contact-list a {
    display: flex;
    align-items: center;
    gap: 10px;
    color: #d3d3d3;
    font-size: 11px;
    transition: .3s ease
}

.founder-contact-list a:hover {
    color: var(--gold)
}

.founder-contact-list i {
    color: var(--gold)
}

/* ========================================================= DIRECTOR ========================================================= */
.director-team-card {
    position: relative;
    height: 100%;
    min-height: 470px;
    padding: 27px;
    overflow: hidden;
    background: var(--gold)
}

.director-team-card::after {
    content: "";
    position: absolute;
    right: -100px;
    top: -120px;
    width: 280px;
    height: 280px;
    border-radius: 50%;
    border: 1px solid rgba(3, 4, 3, .15)
}

.director-top {
    position: relative;
    z-index: 3;
    display: flex;
    align-items: center;
    justify-content: space-between
}

.team-card-index {
    font-family: "Playfair Display", serif;
    font-size: 34px;
    color: rgba(3, 4, 3, .35)
}

.director-role-label {
    font-size: 8px;
    font-weight: 700;
    letter-spacing: 1.5px;
    text-transform: uppercase
}

.director-photo {
    width: 180px;
    height: 180px;
    margin: 18px auto;
    border-radius: 50%;
    overflow: hidden;
    border: 7px solid rgba(255, 255, 255, .42)
}

.director-photo img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center top
}

.director-content {
    position: relative;
    z-index: 3;
    text-align: center
}

.director-content .team-role {
    color: #5c4500
}

.director-content h3 {
    margin-bottom: 18px;
    font-family: "Playfair Display", serif;
    font-size: 29px
}

.director-contacts {
    display: flex;
    flex-direction: column;
    gap: 9px
}

.director-contacts a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    color: var(--black)
}

/* ========================================================= TEAM DIRECTORY HEADING ========================================================= */
.team-directory-heading {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    gap: 30px;
    margin: 90px 0 30px;
    padding-bottom: 23px;
    border-bottom: 1px solid #ddd4c3
}

.team-directory-heading span {
    display: block;
    margin-bottom: 6px;
    color: #9e7500;
    font-size: 9px;
    font-weight: 700;
    letter-spacing: 1.7px;
    text-transform: uppercase
}

.team-directory-heading h3 {
    margin: 0;
    font-family: "Playfair Display", serif;
    font-size: 32px
}

.team-directory-heading p {
    max-width: 380px;
    margin: 0;
    color: #777
}

/* ========================================================= PROPERTY TEAM CARD ========================================================= */
.property-team-card {
    position: relative;
    height: 100%;
    min-height: 435px;
    padding: 24px;
    overflow: hidden;
    background: var(--white);
    border: 1px solid #e6dfd4;
    transition: .35s ease
}

.property-team-card::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 3px;
    background: var(--gold);
    transform: scaleX(0);
    transform-origin: left;
    transition: .35s ease
}

.property-team-card:hover {
    transform: translateY(-7px);
    border-color: var(--gold-line);
    box-shadow: 0 20px 45px rgba(0, 0, 0, .07)
}

.property-team-card:hover::after {
    transform: scaleX(1)
}

/* CARD TOP */
.team-card-top {
    display: flex;
    justify-content: space-between;
    align-items: center
}

.member-number {
    color: #c7bfae;
    font-family: "Playfair Display", serif;
    font-size: 24px
}

.member-email-icon {
    width: 37px;
    height: 37px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: #f6f2e9;
    color: var(--black);
    transition: .3s ease
}

.member-email-icon:hover {
    background: var(--gold);
    color: var(--black)
}

/* MEMBER IMAGE */
.member-photo-wrap {
    width: 160px;
    height: 160px;
    margin: 16px auto 24px;
    overflow: hidden;
    border-radius: 50%;
    background: #eee;
    border: 7px solid var(--result-bg);
    transition: .35s ease
}

.member-photo-wrap img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center top;
    transition: .45s ease
}

.property-team-card:hover .member-photo-wrap {
    border-color: rgba(229, 170, 0, .25)
}

.property-team-card:hover .member-photo-wrap img {
    transform: scale(1.05)
}

/* MEMBER INFO */
.member-info {
    text-align: center
}

.member-role {
    display: block;
    margin-bottom: 6px;
    color: #9b7300;
    font-size: 8px;
    font-weight: 700;
    letter-spacing: 1.5px;
    text-transform: uppercase
}

.member-info h3 {
    margin-bottom: 18px;
    font-family: "Playfair Display", serif;
    font-size: 22px
}

/* MEMBER CONTACT */
.member-contact {
    display: flex;
    flex-direction: column;
    gap: 8px;
    padding-top: 16px;
    border-top: 1px solid #eee8dd
}

.member-contact a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    color: #5f5f5f;
    transition: .2s ease
}

.member-contact a:hover {
    color: #9b7200
}

.member-contact i {
    color: var(--gold);
    font-size: 11px
}

/* ========================================================= WHY OUR TEAM ========================================================= */
.team-expertise-section {
    padding: 110px 0;
    background: var(--black)
}

.team-expertise-section .page-label {
    color: var(--gold-2)
}

.team-expertise-section .page-heading {
    color: var(--white)
}

.team-expertise-section .page-text {
    color: #969696
}

.expertise-card {
    height: 100%;
    padding: 28px;
    background: var(--dark-soft);
    border: 1px solid #272727;
    transition: .3s ease
}

.expertise-card:hover {
    transform: translateY(-5px);
    border-color: rgba(229, 170, 0, .55)
}

.expertise-icon {
    width: 50px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 25px;
    background: rgba(229, 170, 0, .1);
    color: var(--gold);
    font-size: 20px
}

.expertise-card h4 {
    margin-bottom: 10px;
    color: var(--white);
    font-family: "Playfair Display", serif;
    font-size: 21px
}

.expertise-card p {
    margin: 0;
    color: #8b8b8b;
    font-size: 11px;
    line-height: 1.7
}

/*----------------------------- Team Page End -----------------------------*/
/*------------------ Float Icon ------------------*/
/* ========================================== STACK ========================================== */
.right-contact-stack {
    position: fixed;
    right: 22px;
    top: 50%;
    transform: translateY(-50%);
    display: flex;
    flex-direction: column;
    gap: 13px;
    z-index: 99999;
    font-family: Arial, sans-serif
}

/* ========================================== BUTTON ========================================== */
.right-contact-btn {
    position: relative;
    width: 54px;
    height: 54px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    color: var(--cream);
    background: linear-gradient(145deg, #11130f, #030403);
    border: 1px solid rgba(229, 179, 75, .55);
    box-shadow: 0 8px 25px rgba(0, 0, 0, .28);
    overflow: visible;
    transition: transform .4s cubic-bezier(.22, 1, .36, 1), border-color .35s ease, background .35s ease
}

/* ========================================== ICON ========================================== */
.right-contact-btn__icon {
    position: relative;
    z-index: 3;
    width: 36px;
    height: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--gold-2);
    font-size: 17px;
    transition: color .35s ease, transform .4s cubic-bezier(.22, 1, .36, 1)
}

/* ========================================== GOLD CORNER CUT ========================================== */
.right-contact-btn::before {
    content: "";
    position: absolute;
    right: -1px;
    top: -1px;
    width: 10px;
    height: 10px;
    border-top: 2px solid var(--gold-2);
    border-right: 2px solid var(--gold-2)
}

/* ========================================== SECOND CORNER ========================================== */
.right-contact-btn::after {
    content: "";
    position: absolute;
    left: -1px;
    bottom: -1px;
    width: 10px;
    height: 10px;
    border-left: 1px solid var(--gold-line);
    border-bottom: 1px solid var(--gold-line)
}

/* ========================================== HALO ========================================== */
.right-contact-btn__ring {
    position: absolute;
    inset: -7px;
    border: 1px solid rgba(229, 170, 0, .22);
    transform: scale(.75);
    opacity: 0;
    transition: transform .5s ease, opacity .5s ease
}

/* ========================================== LABEL ========================================== */
.right-contact-btn__label {
    position: absolute;
    right: 66px;
    top: 50%;
    transform: translateY(-50%) translateX(8px);
    padding: 7px 11px;
    background: var(--black);
    border: 1px solid rgba(229, 179, 75, .35);
    color: var(--gold-2);
    font-size: 7px;
    font-weight: 700;
    letter-spacing: 2px;
    white-space: nowrap;
    opacity: 0;
    pointer-events: none;
    transition: opacity .3s ease, transform .4s cubic-bezier(.22, 1, .36, 1)
}

/* small gold connector */
.right-contact-btn__label::after {
    content: "";
    position: absolute;
    right: -8px;
    top: 50%;
    width: 8px;
    height: 1px;
    background: var(--gold-line)
}

/* ========================================== HOVER ========================================== */
.right-contact-btn:hover {
    transform: translateX(-7px);
    border-color: var(--gold-2);
    background: linear-gradient(145deg, #1d1c16, #070806)
}

.right-contact-btn:hover .right-contact-btn__icon {
    color: var(--cream);
    transform: scale(1.15)
}

.right-contact-btn:hover .right-contact-btn__ring {
    transform: scale(1);
    opacity: 1
}

.right-contact-btn:hover .right-contact-btn__label {
    opacity: 1;
    transform: translateY(-50%) translateX(0)
}

/* ========================================== PULSE ========================================== */
.right-contact-btn--wa .right-contact-btn__ring {
    animation: contactPulse 3s ease-in-out infinite
}

.right-contact-btn--call .right-contact-btn__ring {
    animation: contactPulse 3s ease-in-out infinite 1.5s
}

@keyframes contactPulse {

    0%,
    60%,
    100% {
        opacity: .15;
        transform: scale(.82)
    }

    30% {
        opacity: .45;
        transform: scale(1)
    }
}

.developer-contact {
    display: none !important
}

button.modern-submit-btn:hover {
    background-color: var(--gold) !important
}

button.modern-submit-btn {
    background-color: var(--black) !important
}

.whatsapp-contact {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 14px;
    margin-top: 22px
}

.whatsapp-contact-text {
    color: var(--text);
    font-size: 16px
}

.whatsapp-btn {
    display: inline-flex;
    align-items: center;
    gap: 14px;
    padding: 10px 20px 10px 10px;
    background: var(--black);
    color: var(--white);
    border: 1px solid var(--gold-line);
    border-radius: 50px;
    text-decoration: none;
    transition: all 0.3s ease
}

.whatsapp-btn-icon {
    width: 46px;
    height: 46px;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: var(--gold);
    color: var(--black);
    font-size: 25px
}

.whatsapp-btn-content {
    display: flex;
    flex-direction: column;
    gap: 3px
}

.whatsapp-btn-title {
    color: var(--white);
    font-size: 15px;
    font-weight: 600;
    line-height: 1.4
}

.whatsapp-btn-number {
    color: var(--gold-2);
    font-size: 13px;
    line-height: 1.4
}

.whatsapp-btn-arrow {
    color: var(--gold);
    font-size: 20px;
    margin-left: 8px;
    transition: transform 0.3s ease
}

.whatsapp-btn:hover {
    background: var(--gold);
    border-color: var(--gold);
    transform: translateY(-2px)
}

.whatsapp-btn:hover .whatsapp-btn-icon {
    background: var(--black);
    color: var(--gold)
}

.whatsapp-btn:hover .whatsapp-btn-title,
.whatsapp-btn:hover .whatsapp-btn-number,
.whatsapp-btn:hover .whatsapp-btn-arrow {
    color: var(--black)
}

.whatsapp-btn:hover .whatsapp-btn-arrow {
    transform: translate(3px, -3px)
}

span.right-contact-btn__icon i.bi.bi-whatsapp {
    color: #25D366
}

body .stage-count,
body .item-percentage {
    background: var(--primary-color) !important;
    color: #030403 !important
}

/*--------------------- About US Page ----------------------------*/



.section-space {
    padding: 65px 0
}
 
.story-img-wrap {
    position: relative;
    padding: 0 30px 30px 0
}

.story-img {
    width: 100%;
    height: 540px;
    object-fit: cover;
    display: block
}

.story-img-wrap:after {
    position: absolute;
    content: "";
    border: 1px solid var(--gold-line);
    height: calc(100% - 30px);
    width: calc(100% - 30px);
    top: 30px;
    left: 30px;
    z-index: -1
}

.story-tag {
    position: absolute;
    bottom: 0;
    right: 0;
    background: var(--black);
    color: white;
    padding: 25px 31px;
    min-width: 215px
}

.story-tag strong {
    font-family: Manrope;
    font-size: 32px;
    letter-spacing: -.05em;
    color: var(--gold-2);
    display: block
}

.story-tag span {
    display: block;
    font-size: 11px;
    line-height: 1.5;
    color: #ccc;
    letter-spacing: .04em
}

.story-copy {
    max-width: 545px
}

.story-copy p {
    margin-bottom: 20px
} 

.stats-section {
    background: var(--black);
    color: white
}

.stat {
    text-align: center;
    padding: 20px 10px;
    border-right: 1px solid rgba(255, 255, 255, .15)
}

.stats-section .row>div:last-child .stat {
    border: 0
}

.stat strong {
    display: block;
    font: 700 clamp(36px, 4vw, 55px)/1.2 Manrope;
    color: var(--gold-2);
    letter-spacing: -.05em
}

.stat span {
    font-size: 12px;
    color: #d0d0d0;
    display: block;
    margin-top: 10px;
    letter-spacing: .03em
}

.purpose {
    background: var(--cream)
}

.purpose-card {
    height: 100%;
    background: #fff;
    padding: 45px;
    position: relative;
    border-top: 3px solid var(--gold-line)
}

.purpose-card .icon-box {
    width: 65px;
    height: 65px;
    display: grid;
    place-items: center;
    background: #fbf6e7;
    color: #aa800d;
    font-size: 27px;
    margin-bottom: 30px
}

.purpose-card h3 { 
    font-weight: 700; 
}
 

.purpose-card .num {
    position: absolute;
    right: 33px;
    top: 26px;
    color: #eae7df;
    font-size: 35px;
    font-family: Manrope;
    font-weight: 800
}

.why {
    background: var(--white)
}

.benefit {
    display: flex;
    gap: 20px;
    align-items: flex-start;
    padding: 28px 0;
    border-top: 1px solid #e9e7e2
}

.benefit-icon {
    width: 48px;
    height: 48px;
    flex: 0 0 48px;
    display: grid;
    place-items: center;
    background: var(--cream);
    color: #a67d0d;
    font-size: 20px
}

.benefit h3 {
    font-size: 17px;
    font-weight: 750;
    margin-bottom: 9px
}

.benefit p {
    font-size: 13px;
    color: #777;
    line-height: 1.8;
    margin-bottom: 0
}

.why-photo {
    width: 100%;
    height: 615px;
    object-fit: cover
}

.why-image-holder {
    position: relative
}

.why-image-label {
    position: absolute;
    left: -30px;
    bottom: 33px;
    background: var(--gold);
    padding: 25px 28px;
    max-width: 285px;
    color: #111;
    font-size: 13px;
    line-height: 1.55;
    font-weight: 700
}
 

/*--------------------- About US Page End ----------------------------*/



@media (min-width:1400px) {

    /* .investment-title{font-size:44px}*/
    .consultation-card {
        max-width: 520px
    }
}

@media (min-width:1199px) {
    .calculator-card {
        padding: 40px 28px
    }

    .calculator-title {
        width: 100%;
        min-width: 0;
        font-size: 24px
    }

    .section-container {
        padding-left: 34px;
        padding-right: 34px
    }

    /* .section-title{font-size:42px}*/
    .source-note {
        max-width: 360px
    }

    .process-section {
        padding-top: 85px
    }

    .process-flow {
        column-gap: 20px
    }

    .process-step h3 {
        font-size: 18px
    }

    .process-step p {
        font-size: 13px
    }

    .process-icon {
        width: 74px;
        height: 74px;
        font-size: 30px
    }

    .process-main-line {
        top: 36px
    }

    .process-arrow {
        top: 24px
    }

    .founder-main-image {
        height: auto
    }

    .team-quote {
        font-size: 29px
    }

    .founder-info {
        font-size: 16px;
        margin-bottom: 45px
    }

    .team-member {
        gap: 10px
    }

    .team-avatar {
        width: 52px;
        height: 52px;
        flex-basis: 52px
    }

    .team-member h4 {
        font-size: 14px
    }

    .team-member p {
        font-size: 10px
    }

    .insight-card-large {
        height: 400px
    }

    .right-insight-stack {
        height: 400px
    }

    .insight-content h3 {
        font-size: 19px
    }

    /* .faq-title{font-size:39px}*/
    /* .investment-title{font-size:39px}*/
    .consultation-card {
        max-width: 490px
    }
}

@media (max-width:991.98px) {
    .miva-header {
        height: auto;
        min-height: 72px
    }

    .miva-header .navbar {
        min-height: 72px;
        padding: 9px 0
    }

    .navbar-collapse {
        margin: 9px -24px -9px;
        padding: 10px 24px 18px;
        background: #030403
    }

    .miva-menu {
        gap: 0
    }

    .miva-menu .nav-link {
        padding: 10px 0 !important
    }

    .hero-section {
        min-height: auto
    }

    .hero-center-lines {
        left: 44%;
        opacity: .32
    }

    .hero-container {
        padding-top: 42px;
        padding-bottom: 42px
    }

    .eyebrow-row {
        margin-left: 0
    }

    .hero-title {
        margin-left: 0;
        font-size: 36px;
        line-height: 1.2
    }

    .hero-subtitle,
    .hero-description {
        margin-left: 0
    }

    .small-gold-rule {
        margin-left: 0
    }

    .hero-image-col {
        justify-content: center;
        margin-top: 40px;
        padding-left: 12px
    }

    .hero-image-wrap {
        width: min(100%, 560px);
        height: auto;
        aspect-ratio: 435/526;
        margin-right: 0
    }

    .stats-row {
        margin-top: 32px
    }

    .investing-grid {
        grid-template-columns: repeat(3, 1fr);
        padding: 21px 0
    }

    .investing-title {
        grid-column: 1/-1;
        text-align: center;
        padding-left: 0
    }

    .global-families-section {
        padding-top: 42px
    }

    .section-container {
        padding-left: 24px;
        padding-right: 24px
    }

    .intro-row {
        margin-bottom: 30px
    }

    .top-rule {
        margin-left: 0
    }

    .section-title {
        /* font-size:40px;*/
        max-width: 760px
    }

    .source-note {
        margin-left: 0;
        max-width: 620px
    }

    .cards-grid {
        --bs-gutter-y: 24px
    }

    .goal-section {
        padding: 45px 0 55px
    }

    .section-top {
        margin-bottom: 35px
    }

    /* .section-top h2{font-size:40px}*/
    .goal-card {
        min-height: 230px
    }

    .process-section {
        padding: 60px 0 50px
    }

    .process-bg {
        width: 100%;
        height: 280px;
        opacity: 0.65
    }

    .process-heading {
        max-width: 680px;
        margin-bottom: 42px
    }

    /* .process-heading h2{font-size:34px}*/
    .process-flow {
        display: block
    }

    .process-main-line,
    .process-arrow {
        display: none
    }

    .process-step {
        min-height: 100px;
        padding-left: 102px;
        margin-bottom: 28px
    }

    .process-step:last-child {
        margin-bottom: 0
    }

    .process-step::before {
        content: "";
        position: absolute;
        left: 36px;
        top: 72px;
        width: 1px;
        height: calc(100% + 18px);
        background: #b58a2d
    }

    .process-step:last-child::before {
        display: none
    }

    .process-step:not(:last-child)::after {
        display: none
    }

    .process-icon {
        position: absolute;
        left: 0;
        top: 0;
        width: 72px;
        height: 72px;
        margin: 0;
        font-size: 30px
    }

    .process-step p {
        max-width: 600px
    }

    .team-intro-section {
        padding: 65px 0
    }

    .founder-image-wrap {
        max-width: 560px;
        margin-bottom: 20px
    }

    .founder-main-image {
        height: 560px
    }

    .team-content {
        padding-left: 0
    }

    .team-quote {
        max-width: 100%;
        font-size: 30px
    }

    .founder-info {
        margin-bottom: 38px
    }

    .team-members {
        margin-bottom: 40px
    }

    .investor-insight-section {
        padding: 45px 0 55px
    }

    .insight-title {
        font-size: 37px
    }

    .insight-card-large {
        height: 420px
    }

    .right-insight-stack {
        height: auto;
        margin-top: 16px
    }

    .insight-card-small {
        height: 260px;
        flex: none
    }

    .faq-section {
        padding: 45px 0 55px
    }

    .faq-heading-wrap {
        margin-bottom: 12px
    }

    .faq-title {
        max-width: 100%;
        /* font-size:37px;line-height:1.05;*/
    }

    .faq-title span {
        display: inline
    }

    .faq-accordion {
        padding-top: 0
    }

    .community-section {
        padding: 28px 20px 38px
    }

    .community-title {
        font-size: 30px;
        margin-bottom: 28px
    }

    .community-grid {
        --bs-gutter-x: 18px;
        --bs-gutter-y: 22px
    }

    .community-card {
        height: auto
    }

    .community-image {
        height: 180px
    }

    .community-content {
        min-height: 74px;
        padding: 13px 52px 13px 15px
    }

    .community-name {
        font-size: 14px;
        margin-bottom: 8px
    }

    .community-meta {
        font-size: 9px
    }

    .community-arrow {
        width: 25px;
        height: 25px;
        right: 16px;
        font-size: 17px
    }

    .investment-plan-section {
        min-height: auto;
        padding: 60px 0
    }

    .investment-bg {
        background: linear-gradient(180deg, rgba(246, 241, 231, 0.42) 0%, rgba(246, 241, 231, 0.72) 38%, rgba(246, 241, 231, 0.97) 100%), url("images/dubai-investment-bg.jpg");
        background-size: cover;
        background-position: center center
    }

    .investment-content {
        max-width: 620px;
        margin-bottom: 20px
    }

    /* .investment-title{font-size:39px}*/
    .consultation-card {
        max-width: 100%;
        margin-left: 0;
        padding: 25px 22px
    }

    .consultation-card .form-control,
    .consultation-card .form-select,
    .consultation-card input[type="text"],
    .consultation-card input[type="email"],
    .consultation-card input[type="tel"],
    .consultation-card input[type="number"],
    .consultation-card select {
        height: 39px
    }

    .consultation-card .consultation-submit,
    .consultation-card input[type="submit"] {
        min-height: 43px
    }

    .navbar-nav .dropdown-toggle {
        right: 0;
        position: absolute
    }

    .calculator-wrapper {
        padding: 20px 0
    }

    .calculator-card {
        padding: 35px 25px
    }

    .calculator-title {
        margin-bottom: 28px;
        font-size: 24px
    }

    .services-hero .row {
        min-height: auto
    }

    .services-hero .hero-copy-wrap {
        padding: 75px 30px 50px
    }

    .services-hero .hero-image-wrapss {
        min-height: 500px
    }

    .feature-section .feature-content {
        padding-left: 0;
        padding-top: 45px
    }

    .cta-section .cta-box {
        gap: 30px
    }

    .hero-grid,
    .hero-image-side {
        min-height: auto
    }

    .hero-copy-side {
        padding: 75px 30px 50px
    }

    .hero-image-side {
        min-height: 500px
    }

    .overview-content {
        padding-left: 0;
        padding-top: 45px
    }

    .process-timeline::before {
        display: none
    }

    .process-step-card:nth-child(even) {
        margin-top: 0
    }

    .who-panel-right {
        min-height: 100%
    }

    /*-------------------popup -------------*/
    /* ===================================================== OVERLAY ===================================================== */
    .consult-popup-info {
        display: none
    }

    .consult-popup-overlay {
        width: 100vw !important;
        max-width: 100vw !important;
        height: 100vh !important;
        height: 100dvh !important;
        padding: 10px !important;
        align-items: flex-start;
        justify-content: center;
        overflow-x: hidden !important;
        overflow-y: auto !important
    }

    /* ===================================================== POPUP ===================================================== */
    .consult-popup {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        max-height: none;
        margin: 0;
        border-radius: 18px;
        overflow-x: hidden !important;
        overflow-y: visible
    }

    /* ===================================================== STACK LEFT + RIGHT ===================================================== */
    .consult-popup-inner {
        display: block !important;
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        min-height: 0
    }

    /* ===================================================== RIGHT FORM ===================================================== */
    .wpcf7 form .wpcf7-response-output {
        margin: 0 0 20px !important
    }

    .consult-popup-form-area {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        padding: 32px 25px 15px;
        overflow: hidden
    }

    /* Keep original heading style */
    .consult-popup-form-area h3 {
        max-width: 100%;
        overflow-wrap: break-word;
        font-size: 24px
    }

    .consult-popup-form-area>p {
        max-width: 100%
    }

    /* ===================================================== ONE COLUMN FORM ===================================================== */
    .consult-form {
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) !important;
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        gap: 5px
    }

    .consult-field label {
        margin-bottom: 2px
    }

    .consult-field input {
        height: 40px
    }

    .consult-submit {
        height: 42px
    }

    .consult-field {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important
    }

    .consult-field.full-width {
        grid-column: 1 / -1 !important;
        width: 100% !important;
        max-width: 100% !important
    }

    /* ===================================================== INPUTS ===================================================== */
    .consult-field input,
    .consult-field textarea,
    .consult-field select {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        box-sizing: border-box !important
    }

    /* ===================================================== BUTTON ===================================================== */
    .consult-submit {
        grid-column: 1 / -1 !important;
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important
    }

    /* ===================================================== CLOSE BUTTON ===================================================== */
    .consult-popup-close {
        top: 12px;
        right: 12px;
        width: 38px;
        height: 38px;
        min-width: 38px
    }

    /*--------------------- popup end ------------------*/
    .trust-section {
        display: inline-grid
    }

    .trust-logos {
        justify-content: flex-start
    }

    .footer-bottom {
        display: inline-table
    }
    .story-img {
        height: 480px
    }

    .why-photo {
        height: 480px
    }

    .why-image-label {
        left: 0
    }
}

@media (max-width:767.98px) {
    .miva-brand img {
        width: 108px
    }

    .hero-container {
        padding-top: 27px;
        padding-bottom: 32px
    }

    .hero-center-lines {
        display: none
    }

    .eyebrow-row {
        gap: 8px;
        margin-top: 8px;
        margin-bottom: 10px
    }

    .eyebrow-line {
        width: 31px
    }

    .eyebrow-text {
        font-size: 8.9px;
        letter-spacing: 1.05px;
        white-space: normal
    }

    .hero-title span {
        margin-top: 4px
    }

    .hero-subtitle {
        font-size: 16px;
        margin-top: 13px
    }

    .small-gold-rule {
        margin-top: 15px
    }

    .hero-description {
        margin-top: 22px;
        font-size: 15px;
        line-height: 1.65
    }

    .hero-actions {
        display: grid !important;
        grid-template-columns: 1fr;
        gap: 12px !important
    }

    .action-btn,
    .action-btn-dark,
    .action-btn-gold {
        min-width: 0;
        width: 100%
    }

    .stats-row {
        margin-top: 28px
    }

    .stat-card {
        min-height: 78px
    }

    .hero-image-col {
        margin-top: 28px
    }

    .hero-image-wrap {
        width: 100%;
        border-radius: 20px
    }

    .investing-grid {
        display: block;
        overflow: hidden
    }

    .investing-title {
        font-size: 21px;
        margin-bottom: 30px
    }

    .country-item {
        font-size: 13px
    }

    .global-families-section {
        padding: 30px 0 38px
    }

    .section-container {
        padding-left: 18px;
        padding-right: 18px
    }

    .top-rule {
        width: 54px;
        margin-bottom: 10px
    }

    .section-title {
        /* font-size:34px;*/
        line-height: 1.16;
        letter-spacing: -1px
    }

    .source-note {
        font-size: 13px
    }

    .cards-grid {
        --bs-gutter-y: 18px
    }

    .benefit-card {
        padding: 14px 18px 18px
    }

    .card-art {
        width: 58%;
        height: 100px
    }

    .benefit-card h3 {
        font-size: 17px
    }

    .goal-section {
        padding: 35px 0 45px
    }

    /* .section-top h2{font-size:34px}*/
    .section-top p {
        font-size: 14px
    }

    .goal-card {
        min-height: 215px;
        border-radius: 18px
    }

    .goal-content {
        width: 58%;
        padding: 18px 8px 18px 20px
    }

    .goal-image {
        width: 60%
    }

    .goal-icon {
        width: 50px;
        height: 50px;
        font-size: 24px
    }

    .goal-content h3 {
        font-size: 22px
    }

    .goal-content p {
        font-size: 14px;
        line-height: 1.5
    }

    .process-section {
        padding: 45px 0 40px
    }

    .process-bg {
        height: 230px
    }

    .heading-line {
        width: 52px
    }

    .process-heading {
        margin-bottom: 35px
    }

    /* .process-heading h2{font-size:29px;line-height:1.15}*/
    .process-step {
        min-height: 92px;
        padding-left: 86px;
        margin-bottom: 25px
    }

    .process-icon {
        width: 62px;
        height: 62px;
        font-size: 26px
    }

    .process-step::before {
        left: 31px;
        top: 62px
    }

    .step-number {
        font-size: 28px
    }

    .process-step h3 {
        font-size: 18px
    }

    .process-step p {
        font-size: 13px;
        line-height: 1.5
    }

    .insight-title {
        font-size: 33px
    }

    .insight-card-large {
        height: 360px
    }

    .insight-card-small {
        height: 235px
    }

    .insight-content {
        left: 15px;
        right: 15px;
        bottom: 15px
    }

    .insight-content h3 {
        font-size: 18px
    }

    .insight-card-small .insight-content h3 {
        font-size: 15px
    }

    .insight-arrow {
        width: 48px;
        height: 46px;
        flex-basis: 48px;
        font-size: 23px
    }

    .testimonial-title {
        font-size: 25px
    }

    .testimonial-arrows {
        gap: 7px
    }

    .testimonial-prev,
    .testimonial-next {
        width: 30px;
        height: 30px
    }

    .testimonial-slider {
        margin-left: -7px;
        margin-right: -7px
    }

    .testimonial-slide {
        padding: 0 7px
    }

    .testimonial-image {
        height: 215px
    }

    .testimonial-name {
        height: 48px;
        padding: 0 22px
    }

    .video-popup {
        padding: 18px
    }

    .video-popup-box {
        border-radius: 10px
    }

    .video-popup-ratio {
        border-radius: 10px
    }

    .video-popup-close {
        width: 34px;
        height: 34px;
        right: -8px;
        top: -42px
    }

    .faq-section {
        padding: 35px 0 45px
    }

    .faq-top-line {
        width: 58px;
        margin-left: 0;
        margin-bottom: 12px
    }

    /* .faq-title{font-size:32px;letter-spacing:-1px}*/
    .faq-accordion .accordion-item {
        margin-bottom: 10px
    }

    .faq-accordion .accordion-button {
        min-height: 50px;
        padding: 9px 12px 9px 14px;
        font-size: 13px;
        gap: 12px
    }

    .faq-icon {
        width: 28px;
        height: 28px;
        flex-basis: 28px
    }

    .faq-accordion .accordion-body {
        padding: 2px 48px 15px 14px;
        font-size: 12px
    }

    .community-section {
        padding: 24px 15px 34px
    }

    .section-line {
        width: 42px
    }

    .community-title {
        font-size: 27px;
        line-height: 1.25;
        margin-bottom: 24px
    }

    .community-grid {
        --bs-gutter-x: 0px;
        --bs-gutter-y: 18px
    }

    .community-card {
        height: auto;
        border-radius: 12px
    }

    .community-image {
        height: 220px
    }

    .community-content {
        min-height: 82px;
        padding: 15px 56px 15px 16px
    }

    .community-name {
        font-size: 15px;
        margin-bottom: 8px
    }

    .community-meta {
        font-size: 9.5px;
        line-height: 1.35;
        white-space: normal
    }

    .community-arrow {
        width: 28px;
        height: 28px;
        right: 17px;
        font-size: 18px
    }

    .investment-plan-section {
        padding: 45px 0
    }

    .investment-bg {
        background-position: 42% center
    }

    /* .investment-title{font-size:33px;line-height:1.06;letter-spacing:-1px}*/
    .investment-description {
        max-width: 100%;
        font-size: 13px
    }

    .investment-whatsapp {
        font-size: 11px
    }

    .consultation-card {
        padding: 22px 18px;
        border-radius: 13px
    }

    .consultation-card .row {
        --bs-gutter-x: 0;
        --bs-gutter-y: 13px
    }

    .consultation-card .form-group label {
        margin-bottom: 6px;
        font-size: 11px
    }

    .consultation-card .form-control,
    .consultation-card .form-select,
    .consultation-card input[type="text"],
    .consultation-card input[type="email"],
    .consultation-card input[type="tel"],
    .consultation-card input[type="number"],
    .consultation-card select {
        height: 42px;
        font-size: 13px
    }

    .agent-check input[type="checkbox"] {
        width: 18px;
        height: 18px;
        flex-basis: 18px
    }

    .agent-check .wpcf7-list-item-label {
        font-size: 12px
    }

    .consultation-card .consultation-submit,
    .consultation-card input[type="submit"] {
        min-height: 45px;
        font-size: 13px
    }

    .investor-slide {
        width: 110px;
        margin-right: 25px
    }

    .investor-slide .flag {
        width: 44px;
        height: 30px;
        margin-bottom: 8px
    }

    .country-title {
        font-size: 13px
    }

    .investor-marquee-track {
        animation-duration: 18s
    }

    /* HERO */
    .services-hero .hero-copy-wrap {
        padding: 65px 20px 45px
    }

    .services-hero .hero-text {
        font-size: 14px
    }

    .services-hero .hero-actions {
        flex-direction: column;
        align-items: stretch
    }

    .services-hero .btn-gold,
    .services-hero .btn-outline-custom {
        width: 100%
    }

    .services-hero .hero-image-wraps {
        min-height: 390px
    }

    .services-hero .hero-info-card {
        left: 15px;
        right: 15px;
        bottom: 15px;
        max-width: none
    }

    /* GOLD STRIP */
    .gold-strip h3 {
        font-size: 24px
    }

    /* INTRO */
    .services-intro {
        padding: 75px 0 45px
    }

    /* SERVICES */
    .services-section {
        padding-bottom: 75px
    }

    .services-section .service-card {
        min-height: auto;
        padding: 24px
    }

    .services-section .service-top {
        margin-bottom: 45px
    }

    /* FEATURE */
    .feature-section {
        padding: 75px 0
    }

    .feature-section .feature-image {
        min-height: 420px
    }

    /* PROCESS */
    .process-section {
        padding: 75px 0
    }

    /* CTA */
    .cta-section {
        padding: 70px 0
    }

    .cta-section .cta-box {
        min-height: 400px;
        padding: 32px;
        flex-direction: column;
        align-items: flex-start;
        justify-content: center
    }

    .cta-section .cta-content h2 {
        font-size: 35px
    }

    .hero-copy-side {
        padding: 65px 20px 45px
    }

    .hero-actions {
        flex-direction: column;
        align-items: stretch
    }

    .btn-gold,
    .btn-ghost {
        width: 100%
    }

    .hero-image-side {
        min-height: 400px
    }

    .hero-image-side::after {
        display: none
    }

    .hero-float {
        left: 15px;
        right: 15px;
        bottom: 15px;
        width: auto
    }

    .overview-section,
    .benefits-section,
    .process-section,
    .who-section,
    .faq-section {
        padding: 75px 0
    }

    .overview-image {
        min-height: 400px
    }

    .who-panel-left,
    .who-panel-right {
        padding: 28px
    }

    .cta-section {
        padding: 70px 0
    }

    .cta-box {
        min-height: 400px;
        padding: 32px
    }

    .right-contact-stack {
        right: 12px;
        gap: 10px;
        top: auto;
        bottom: 50px
    }

    .right-contact-btn {
        width: 48px;
        height: 48px
    }

    .right-contact-btn__icon {
        width: 32px;
        height: 32px;
        font-size: 15px
    }

    .right-contact-btn__label {
        display: none
    }

    .right-contact-btn:hover {
        transform: translateX(-3px)
    }

    .calculator-wrapper {
        padding: 15px 0 25px
    }

    .calculator-card {
        padding: 30px 20px;
        border-radius: 12px
    }

    .calculator-title {
        min-width: 0;
        font-size: 23px
    }

    .calculator-input {
        height: 56px;
        font-size: 18px
    }

    .option-group {
        height: 50px
    }

    .option-btn {
        font-size: 13px
    }

    .result-grid {
        margin-top: 30px
    }

    .result-box {
        min-height: 95px
    }

    .result-value {
        font-size: 20px
    }
    .story-img-wrap {
        margin-bottom: 25px
    }

    .story-img {
        height: 400px
    }

    .stat {
        border-right: none;
        border-bottom: 1px solid rgba(255, 255, 255, .13);
        padding: 23px 10px
    }

    .purpose-card {
        padding: 32px
    }

    .why-photo {
        height: 390px
    }

    .why-image-label {
        position: relative;
        left: 0;
        bottom: auto;
        max-width: none
    }
}

@media (max-width:480px) {

    /* .section-top h2{font-size:30px}*/
    .goal-card {
        min-height: 195px
    }

    .goal-content {
        width: 67%;
        padding-left: 18px
    }

    .goal-image {
        width: 57%
    }

    .goal-content h3 {
        font-size: 20px
    }

    .team-intro-section {
        padding: 45px 0
    }

    .founder-image-wrap {
        padding: 20px 0 20px 18px
    }

    .founder-main-image {
        height: 440px;
        border-radius: 12px
    }

    .gold-shape-top {
        width: 90px;
        height: 120px
    }

    .gold-shape-bottom {
        width: 90px;
        height: 120px;
        right: -12px
    }

    .team-top-line {
        width: 60px;
        margin-bottom: 12px
    }

    .team-eyebrow {
        font-size: 13px;
        margin-bottom: 16px
    }

    .team-quote {
        font-size: 25px;
        line-height: 1.28;
        letter-spacing: -0.4px;
        margin-bottom: 24px
    }

    .founder-info {
        font-size: 15px;
        margin-bottom: 34px
    }

    .team-members {
        margin-bottom: 35px
    }

    .team-member {
        gap: 13px
    }

    .team-avatar {
        width: 56px;
        height: 56px;
        flex-basis: 56px
    }

    .team-member h4 {
        font-size: 15px
    }

    .team-member p {
        font-size: 12px;
        white-space: normal
    }

    .team-btn {
        width: 100%;
        min-width: 0;
        font-size: 15px
    }

    .hero-description {
        font-size: 14px
    }

    /* .section-title{font-size:30px}*/
    .card-art {
        width: 62%;
        opacity: .9
    }

    .founder-main-image {
        height: 390px
    }

    .team-quote {
        font-size: 22px
    }

    .founder-info {
        font-size: 14px
    }

    /* .process-heading h2{font-size:25px}*/
    .process-bg {
        opacity: 0.45
    }

    .process-step {
        padding-left: 76px
    }

    .process-icon {
        width: 56px;
        height: 56px;
        font-size: 24px
    }

    .process-step::before {
        left: 28px;
        top: 56px
    }

    .testimonial-title {
        font-size: 22px
    }

    .testimonial-image {
        height: 190px
    }

    .video-play {
        width: 45px;
        height: 45px;
        font-size: 24px
    }

    .investor-insight-section {
        padding: 35px 0 45px
    }

    .insight-title {
        font-size: 29px
    }

    .insight-card-large {
        height: 320px
    }

    .insight-card-small {
        height: 215px
    }

    .insight-content h3 {
        font-size: 16px
    }

    /* .faq-title{font-size:29px}*/
    .faq-accordion .accordion-button {
        font-size: 12px
    }

    .rera-box {
        gap: 8px
    }

    .rera-qr {
        width: 55px;
        height: 55px
    }

    .rera-title {
        font-size: 20px
    }

    .rera-text {
        font-size: 9px
    }

    .dubai-logo img {
        width: 58px;
        height: 58px
    }

    .certification-wrapper {
        gap: 18px
    }

    .investment-plan-section {
        padding: 38px 0
    }

    /* .investment-title{font-size:30px;line-height:1.08}*/
    .investment-title br {
        display: none
    }

    .investment-description {
        font-size: 12px
    }

    .investment-whatsapp {
        font-size: 11px
    }

    .consultation-card {
        padding: 20px 15px
    }

    .consultation-card .form-control,
    .consultation-card .form-select,
    .consultation-card input[type="text"],
    .consultation-card input[type="email"],
    .consultation-card input[type="tel"],
    .consultation-card input[type="number"],
    .consultation-card select {
        height: 41px
    }

    .services-section .service-card h3 {
        font-size: 24px
    }

    .feature-section .feature-image {
        min-height: 350px
    }

    .cta-section .cta-box {
        padding: 25px
    }

    .cta-section .cta-content h2 {
        font-size: 31px
    }

    .overview-image {
        min-height: 350px
    }

    .cta-box {
        padding: 25px
    }

    .calculator-card {
        padding: 25px 15px
    }

    .calculator-title {
        font-size: 21px
    }

    .option-btn {
        padding: 0 2px;
        font-size: 11px
    }

    .result-box {
        padding: 15px
    }

    .result-value {
        font-size: 18px
    }

    .whatsapp-contact {
        gap: 12px
    }

    .whatsapp-btn {
        gap: 10px;
        padding-right: 15px
    }

    .whatsapp-btn-icon {
        width: 42px;
        height: 42px;
        font-size: 22px
    }

    .whatsapp-btn-title {
        font-size: 14px
    }

    .whatsapp-btn-number {
        font-size: 12px
    }
     .story-tag {
        padding: 15px 19px;
        min-width: 170px
    }

    .story-tag strong {
        font-size: 24px
    }

    .story-img {
        height: 340px
    }
}