:root {
--black: #030403;
--cream: #f5f1e8;
--gold: #e5aa00;
--gold-2: #f2c33b;
--gold-line: #e5b34b;
--dark-soft: #171717;
--white: #fff;
--text: #050505;
--input-bg: #FFFFFF;
--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
}
.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
}  .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 {
color: var(--white);
font-weight: 700;
text-decoration: none;
transition: color 0.3s ease
}
.navbar-brand:hover {
color: var(--gold)
} .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
} .navbar-nav .nav-link:hover,
.navbar-nav .nav-link:focus {
color: var(--white);
background: rgba(255, 255, 255, 0.05)
} .navbar-nav .nav-link.active {
color: var(--gold)
} .navbar-nav .dropdown-toggle {
display: inline-flex;
align-items: center;
top: -3px;
position: relative;
gap: 6px
}
button.dropdown-toggle.dropdown-arrow.show {
top: 0px
} .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
}  .navbar-nav .dropdown-toggle.show::after {
transform: rotate(225deg);
margin-top: 4px;
color: var(--gold)
} .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 {
list-style: none
} .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
} .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%
} .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
}  .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
} .common-breadcrumb-inner {
position: relative;
z-index: 2;
display: flex;
align-items: center;
justify-content: space-between;
min-height: 180px
} .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
} .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
} .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%
} .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;
} .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: 25px;
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; 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; 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 {
background: #f5f1e8;
padding: 42px 0 60px;
display: block;
overflow: hidden;
} .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-weight: 400;
letter-spacing: -1.4px;
color: #090909
}
.faq-title span {
display: inline-block;
color: #ac7a34
} .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
} .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
} .faq-accordion .accordion-button::after {
display: none
} .faq-question {
display: block
} .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
} .faq-accordion .accordion-button:not(.collapsed) .faq-icon i {
transform: rotate(45deg)
} .faq-accordion .accordion-body {
padding: 2px 58px 16px 18px;
background: #f8f5ef;
color: #4e4e4e;
font-size: 13px;
line-height: 1.6
}  .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 img {
width: 68px;
height: 68px;
object-fit: contain;
display: block
}
.home .rem_plugin.projects-container {
padding-bottom: 60px;
display: block;
overflow: hidden
} .community-section {
width: 100%;
background: #f6f2e9;
padding: 14px 12px 22px
} .section-line {
width: 46px;
height: 2px;
background: #c99a3a;
margin: 0 0 9px 3px
} .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
} .community-grid {
--bs-gutter-x: 20px;
--bs-gutter-y: 28px
} .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)
} .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)
} .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
} .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
} .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
}  .investment-plan-container {
position: relative;
z-index: 2
}
.investment-content a {
color: var(--black);
} .investment-content {
max-width: 470px
}
.investment-title {
margin: 0 0 14px;
font-family: Georgia, "Times New Roman", serif; 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)
} .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)
} .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%
} .consultation-card .row {
--bs-gutter-x: 12px;
--bs-gutter-y: 14px
} .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
} .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
} .consultation-card input::placeholder {
color: #a0a0a0;
opacity: 1
} .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)
} .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)
} .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
} .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)
} .consultation-card .wpcf7-spinner {
position: absolute;
margin: 10px 0 0 10px
} .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
} .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
} .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
} .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-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 {
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
} .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)
} .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
} .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-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
} .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
} .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
}   .miva-single-blog {
color: var(--dark)
} .single-blog-content-section,
.single-blog-content-section .container,
.single-blog-content-section .row,
.single-blog-content-section .col-lg-4 {
overflow: visible !important
} .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
} .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)
} .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
} .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
} .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
} .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
} .single-blog-content-section {
position: relative;
padding: 80px 0 100px;
overflow: visible !important
} .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
} .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
} .single-content a {
color: #967400;
text-decoration: underline;
text-underline-offset: 3px;
transition: 0.3s ease
}
.single-content a:hover {
color: #111
} .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
} .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
} .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
} .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
} .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
} .single-content iframe {
width: 100%;
max-width: 100%;
margin: 25px 0;
border: 0;
border-radius: 12px
} .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
} .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)
} .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
} .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
} .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
}  .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)
} .single-blog-sidebar {
scrollbar-width: thin;
scrollbar-color: #d7d7d7 transparent
}   .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)
} .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
} .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-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
} .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-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
} .single-page-links {
margin-top: 30px;
padding: 15px;
background: #f7f7f7;
border-radius: 8px;
font-size: 13px
} .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-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
}   .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)
} .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
} .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
} .miva-form-field.miva-message i {
top: 20px;
transform: none
}
.miva-message textarea.form-control {
min-height: 125px;
resize: vertical
} .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)
} .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-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
} .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
} .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
} .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
} .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
} .miva-locations-section {
position: relative;
background: #f7f7f7
} .miva-locations-wrapper {
position: relative;
overflow: hidden;
background: #fff;
border-radius: 22px;
box-shadow: 0 20px 60px rgba(0, 0, 0, 0.08)
} .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
} #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
} #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
} .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
} .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%
} .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
} .miva-office-list {
position: relative;
z-index: 2;
display: flex;
flex-direction: column;
gap: 14px;
max-height: 490px;
padding-right: 4px;
overflow-y: auto
} .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)
} .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
} .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
} .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)
} .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
} .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)
} .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
} @keyframes investorScroll {
from {
transform: translateX(0)
}
to {
transform: translateX(-50%)
}
} .investor-marquee:hover .investor-marquee-track {
animation-play-state: paused
} .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
} .footer-top {
margin-bottom: 45px
} .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-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 {
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 {
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
} .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-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 {
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 {
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
} #projects-list {
padding: 0 !important;
}
.side-map-layout .split-left {
padding-right: 15px;
}
.modern-filter-layout .filter-div {
margin-top: 25px;
}  .calculator-wrapper {
width: 100%;
padding: 8px 0 30px;
} .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);
} .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 {
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;
} .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;
} .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 {
display: flex;
align-items: stretch;
width: 100%;
height: 39px;
overflow: hidden;
background: #F1EEE7;
border-radius: 0.375rem;
} .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);
} .option-btn.active::after {
content: "";
display: block;
width: 18px;
height: 2px;
margin: 0px auto;
background: var(--gold);
border-radius: 5px;
} .result-grid {
margin-top: 10px;
} .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 {
margin-bottom: 13px;
color: var(--dark-soft);
font-family: Georgia, "Times New Roman", serif;
font-size: 12px;
text-transform: uppercase;
} .result-value {
color: var(--black);
font-size: 21px;
font-weight: 700;
line-height: 1.15;
} .calculator-note {
margin: 10px 0 0;
color: var(--dark-soft);
font-family: Georgia, "Times New Roman", serif;
font-size: 12px;
font-style: italic;
} .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;
} .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);
} .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 {
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;
} .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-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-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-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-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: 720px;
}
.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: 590px;
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);
}  .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;
} .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-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;
} .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;
} .service-list-info .title {
color: var(--text);
font-size: 15px;
font-weight: 500;
line-height: 1.35;
}
.service-list-info li br {
display: none;
} .service-list-info .description {
display: block;
margin-top: 0px;
color: #806f59;
font-size: 11px;
font-weight: 400;
line-height: 1.45;
} .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;
} .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-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;
} .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-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;
}  .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;
} .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);
}
} .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);
} .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;
} .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);
} .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%;
} .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;
} .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);
} .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;
} .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;
} .consult-popup-form-area {
position: relative;
width: 100%;
max-width: 100%;
min-width: 0;
padding: 48px 45px;
background: var(--cream);
overflow: hidden;
} .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;
} .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;
} .consult-field {
width: 100%;
max-width: 100%;
min-width: 0;
}
.consult-field p {
margin-bottom: 0;
}
.consult-field.full-width {
grid-column: 1 / -1;
}  .consult-field label {
display: block;
margin-bottom: 7px;
color: var(--text);
font-size: 12px;
font-weight: 700;
} .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;
} .consult-field textarea {
resize: vertical;
} .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);
} .consult-field input[type="date"] {
color: #555;
cursor: pointer;
}
.consult-field input[type="date"]::-webkit-calendar-picker-indicator {
cursor: pointer;
opacity: .7;
} .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);
} .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;
} .consult-submit-wrapper.full-width {
grid-column: 1 / -1;
position: relative;
width: 100%;
max-width: 100%;
}   .miva-team-section {
position: relative;
padding: 110px 0 120px;
background:
linear-gradient(
180deg,
#f5f1e8 0%,
#ffffff 47%,
#f7f5f0 100%
);
} .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;
font-size: 14px;
line-height: 1.8;
} .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-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-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-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;
font-size: 12px;
line-height: 1.75;
}
.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-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: 8px;
color: var(--black);
font-size: 10px;
} .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;
font-size: 11px;
line-height: 1.7;
} .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);
} .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-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 {
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 {
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;
font-size: 10px;
transition: .2s ease;
}
.member-contact a:hover {
color: #9b7200;
}
.member-contact i {
color: var(--gold);
font-size: 11px;
} .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;
}   .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;
} .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;
} .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);
} .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);
} .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);
} .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;
} .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);
} .right-contact-btn__label::after {
content: "";
position: absolute;
right: -8px;
top: 50%;
width: 8px;
height: 1px;
background: var(--gold-line);
} .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);
} .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 .contact-item:last-child {
display: block;
}
.developer-contact .contact-item {
display: none;
}
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;
}
@media (min-width:1400px) { .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
} .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: 460px
}
.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
}  .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 { 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
} .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-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%; }
.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(//www.miva.ae/wp-content/themes/miva/images/dubai-investment-bg.jpg);
background-size: cover;
background-position: center center
}
.investment-content {
max-width: 620px;
margin-bottom: 20px
} .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%;
}  .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;
} .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;
} .consult-popup-inner {
display: block !important;
width: 100% !important;
max-width: 100% !important;
min-width: 0 !important;
min-height: 0;
} .consult-popup-form-area {
width: 100% !important;
max-width: 100% !important;
min-width: 0 !important;
padding: 32px 25px 35px;
overflow: hidden;
} .consult-popup-form-area h3 {
max-width: 100%;
overflow-wrap: break-word;
font-size: 24px;
}
.consult-popup-form-area>p {
max-width: 100%;
} .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;
} .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;
} .consult-submit {
grid-column: 1 / -1 !important;
width: 100% !important;
max-width: 100% !important;
min-width: 0 !important;
} .consult-popup-close {
top: 12px;
right: 12px;
width: 38px;
height: 38px;
min-width: 38px;
} .trust-section {
display: inline-grid; 
}
.trust-logos { 
justify-content: flex-start; 
}
.footer-bottom { 
display: inline-table; 
}
}
@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 { 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 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-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-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-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
} .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 h3 {
font-size: 24px;
} .services-intro {
padding: 75px 0 45px;
} .services-section {
padding-bottom: 75px;
}
.services-section .service-card {
min-height: auto;
padding: 24px;
}
.services-section .service-top {
margin-bottom: 45px;
} .feature-section {
padding: 75px 0;
}
.feature-section .feature-image {
min-height: 420px;
} .process-section {
padding: 75px 0;
} .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;
}
}
@media (max-width:480px) { .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
} .card-art {
width: 62%;
opacity: .9
}
.founder-main-image {
height: 390px
}
.team-quote {
font-size: 22px
}
.founder-info {
font-size: 14px
} .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-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 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; }
}