.wpcf7 .screen-reader-response {
position: absolute;
overflow: hidden;
clip: rect(1px, 1px, 1px, 1px);
clip-path: inset(50%);
height: 1px;
width: 1px;
margin: -1px;
padding: 0;
border: 0;
word-wrap: normal !important;
}
.wpcf7 .hidden-fields-container {
display: none;
}
.wpcf7 form .wpcf7-response-output {
margin: 2em 0.5em 1em;
padding: 0.2em 1em;
border: 2px solid #00a0d2; }
.wpcf7 form.init .wpcf7-response-output,
.wpcf7 form.resetting .wpcf7-response-output,
.wpcf7 form.submitting .wpcf7-response-output {
display: none;
}
.wpcf7 form.sent .wpcf7-response-output {
border-color: #46b450; }
.wpcf7 form.failed .wpcf7-response-output,
.wpcf7 form.aborted .wpcf7-response-output {
border-color: #dc3232; }
.wpcf7 form.spam .wpcf7-response-output {
border-color: #f56e28; }
.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output,
.wpcf7 form.payment-required .wpcf7-response-output {
border-color: #ffb900; }
.wpcf7-form-control-wrap {
position: relative;
}
.wpcf7-not-valid-tip {
color: #dc3232; font-size: 1em;
font-weight: normal;
display: block;
}
.use-floating-validation-tip .wpcf7-not-valid-tip {
position: relative;
top: -2ex;
left: 1em;
z-index: 100;
border: 1px solid #dc3232;
background: #fff;
padding: .2em .8em;
width: 24em;
}
.wpcf7-list-item {
display: inline-block;
margin: 0 0 0 1em;
}
.wpcf7-list-item-label::before,
.wpcf7-list-item-label::after {
content: " ";
}
.wpcf7-spinner {
visibility: hidden;
display: inline-block;
background-color: #23282d; opacity: 0.75;
width: 24px;
height: 24px;
border: none;
border-radius: 100%;
padding: 0;
margin: 0 24px;
position: relative;
}
form.submitting .wpcf7-spinner {
visibility: visible;
}
.wpcf7-spinner::before {
content: '';
position: absolute;
background-color: #fbfbfc; top: 4px;
left: 4px;
width: 6px;
height: 6px;
border: none;
border-radius: 100%;
transform-origin: 8px 8px;
animation-name: spin;
animation-duration: 1000ms;
animation-timing-function: linear;
animation-iteration-count: infinite;
}
@media (prefers-reduced-motion: reduce) {
.wpcf7-spinner::before {
animation-name: blink;
animation-duration: 2000ms;
}
}
@keyframes spin {
from {
transform: rotate(0deg);
}
to {
transform: rotate(360deg);
}
}
@keyframes blink {
from {
opacity: 0;
}
50% {
opacity: 1;
}
to {
opacity: 0;
}
}
.wpcf7 [inert] {
opacity: 0.5;
}
.wpcf7 input[type="file"] {
cursor: pointer;
}
.wpcf7 input[type="file"]:disabled {
cursor: default;
}
.wpcf7 .wpcf7-submit:disabled {
cursor: not-allowed;
}
.wpcf7 input[type="url"],
.wpcf7 input[type="email"],
.wpcf7 input[type="tel"] {
direction: ltr;
}
.wpcf7-reflection > output {
display: list-item;
list-style: none;
}
.wpcf7-reflection > output[hidden] {
display: none;
}.is-small-text{font-size:.875em}.is-regular-text{font-size:1em}.is-large-text{font-size:2.25em}.is-larger-text{font-size:3em}.has-drop-cap:not(:focus):first-letter{float:left;font-size:8.4em;font-style:normal;font-weight:100;line-height:.68;margin:.05em .1em 0 0;text-transform:uppercase}body.rtl .has-drop-cap:not(:focus):first-letter{float:none;margin-left:.1em}p.has-drop-cap.has-background{overflow:hidden}:root :where(p.has-background){padding:1.25em 2.375em}:where(p.has-text-color:not(.has-link-color)) a{color:inherit}p.has-text-align-left[style*="writing-mode:vertical-lr"],p.has-text-align-right[style*="writing-mode:vertical-rl"]{rotate:180deg}*,
*::before,
*::after {
box-sizing: border-box;
margin: 0;
padding: 0;
}
header,
main,
section,
article,
aside,
figure,
figcaption,
footer,
nav {
display: block;
font-family: 'Google Sans Flex', sans-serif;
} header,
main,
footer { margin-left: auto;
margin-right: auto;
width: 100%;
}
.mobile-only {
display: none !important;
}
.desktop-only {
display: block !important;
}
span.desktop-only {
display: inline !important;
}
li.desktop-only {
display: flex !important;
}
html {
scroll-behavior: smooth;
}
body {
font-family: var(--font-sans);
background: var(--dark-bg);
color: var(--text-primary);
overflow-x: hidden;
font-size: 14px;
}
img {
display: block;
max-width: 100%;
}
a {
text-decoration: none;
color: inherit;
}
button,
input,
textarea {
border: none;
outline: none;
background: none;
}
textarea {
resize: none;
} @media (max-width: 768px) {
[data-aos] {
opacity: 1 !important;
transform: none !important;
transition-property: opacity, transform !important;
transition-duration: 0s !important;
transition-delay: 0s !important;
}
} :root {
--gold: #b18151;
--gold-red: #b16151;
--gold-muted: #a27760;
--gold-light: #d2b79b;
--cream: #f0e4d4; --white: #ffffff;
--black: #000000; --dark-nav: rgba(33, 27, 27, 0.7);
--dark-nav-mobile: rgba(33, 27, 27, 0.55);
--dark-bg: #1e1e1e;
--dark-card: #302c28;
--dark-input: #1c1b18;
--mobile-menu-bg: rgba(24, 19, 16, 0.98);
--menu-surface: #1a1a1a; --text-primary: #fafaf9;
--text-on-dark: rgba(255, 255, 255, 1);
--text-on-dark-80: rgba(255, 255, 255, 0.8);
--text-on-dark-75: rgba(255, 255, 255, 0.75);
--text-on-dark-65: rgba(255, 255, 255, 0.65);
--text-on-dark-55: rgba(255, 255, 255, 0.55);
--text-on-dark-34: rgba(255, 255, 255, 0.34);
--text-on-dark-30: rgba(255, 255, 255, 0.3); --border-white-06: rgba(255, 255, 255, 0.06);
--border-white-05: rgba(255, 255, 255, 0.05);
--shadow-gold-25: rgba(177, 129, 81, 0.25); --font-sans: 'Inter', 'Segoe UI', system-ui, -apple-system, sans-serif;
--font-serif: 'Playfair Display', Georgia, serif; --hero-title-mobile-size: 32px;
--hero-title-mobile-line: 45px;
--hero-title-mobile-tracking: -0.64px;
--nav-h: 80px;
} .navbar {
position: fixed;
top: 0;
left: 50%;
transform: translateX(-50%);
z-index: 200;
height: var(--nav-h);
width: 100%; display: flex;
align-items: center;
justify-content: space-between;
gap: 48px; padding: 0 48px;
background: var(--dark-nav);
backdrop-filter: blur(20px);
-webkit-backdrop-filter: blur(20px);
}
.nav-logo {
height: 30.861px;
width: 131.514px;
object-fit: contain;
flex-shrink: 0;
} .nav-tabs {
flex: 1 0 0;
display: flex;
align-items: center;
justify-content: center;
gap: 48px;
height: 100%;
list-style: none;
}
.nav-item {
height: 100%;
display: flex;
align-items: center;
} .nav-tab {
font-family: 'Google Sans Flex', sans-serif;
display: flex;
align-items: center;
justify-content: center;
height: 100%;
padding: 14px 12px;
font-size: 16px;
font-weight: 400;
letter-spacing: 0.5px;
text-transform: uppercase;
color: #fff;
white-space: nowrap;
cursor: pointer;
transition: color 0.2s;
position: relative;
} .nav-tab.active {
border-bottom: 1px solid #fff;
}
.nav-tab:hover:not(.active) {
color: #b18151;
}
h2.about-headline img.srv-award {
margin-bottom: 32px;
}
.nav-tab::after {
content: '';
position: absolute;
bottom: 0;
left: 12px;
right: 12px;
height: 1px;
background: #b18151;
transform: scaleX(0);
transition: transform 0.3s ease;
}
.nav-tab:hover:not(.active)::after {
transform: scaleX(1);
} .nav-right {
display: flex;
align-items: center;
gap: 9px;
flex-shrink: 0;
}
.lang-dropdown > div,
.nav-right > * {
border-radius: 100px;
background: rgba(255, 255, 255, 0.1);
padding: 12px;
height: 48px;
}
.lang-dropdown-panel {
background: transparent !important;
}
.nav-right > .lang-dropdown {
padding: 6px 0px 0px 0px;
}
.sr-only {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0, 0, 0, 0);
white-space: nowrap;
border-width: 0;
} .nav-btn {
display: flex;
align-items: center;
gap: 4px;
padding: 8px 12px;
border-radius: 100px;
font-size: 16px;
font-weight: 500;
letter-spacing: 0.5px;
color: #fafaf9;
white-space: nowrap;
cursor: pointer;
transition: background 0.2s; }
.nav-btn.lang-btn {
background: transparent;
}
.nav-btn:not(.lang-btn):hover { }
.nav-btn img {
width: 24px;
height: 24px;
flex-shrink: 0;
}
button.nav-btn {
border: none;
margin: 0;
font: inherit;
color: inherit;
text-align: inherit;
appearance: none;
-webkit-appearance: none;
}
@media (min-width: 1301px) { .nav-right {
flex-wrap: nowrap;
gap: 10px;
}
.nav-right .lang-dropdown {
transition: transform 0.22s ease;
z-index: 210;
} .nav-right:has(.nav-btn--phone:hover) .lang-dropdown,
.nav-right:has(.nav-btn--phone:focus-within) .lang-dropdown {
transform: translateX(calc(-7em - 36px));
} .nav-btn--phone {
position: absolute;
top: 0px;
right: 0px;
}
.nav-btn--phone span.nav-btn-label.desktop-only { display: block !important;
max-width: 0;
opacity: 0;
overflow: hidden;
white-space: nowrap;
text-align: right;
font-weight: 500;
pointer-events: none;
transition:
max-width 0.22s ease,
opacity 0.18s ease;
}
.nav-btn--phone:hover span.nav-btn-label.desktop-only,
.nav-btn--phone:focus-visible span.nav-btn-label.desktop-only {
max-width: 10em;
opacity: 1;
}
} .lang-dropdown {
position: relative;
flex-shrink: 0;
}
.lang-dropdown-panel {
position: absolute;
top: calc(100% + 10px);
right: 10px;
z-index: 200; margin: 0;
padding: 10px 24px 16px; border: none;
box-sizing: border-box; }
.lang-dropdown-panel[hidden] {
display: none !important;
}  .lang-dropdown-panel__current {
display: flex;
align-items: center;
gap: 8px;
margin: 0 0 14px;
padding: 0;
font-family: var(--font-sans);
font-size: 15px;
font-weight: 700;
line-height: 1.2;
letter-spacing: 0.08em;
color: #ffffff;
text-transform: uppercase;
user-select: none;
} .lang-inline-down-arrow {
display: inline-flex;
flex-shrink: 0;
align-items: center;
justify-content: center;
line-height: 0;
color: currentColor;
}
.lang-inline-down-arrow svg {
display: block;
width: 11px;
height: 11px;
}
.lang-dropdown-panel__current .lang-inline-down-arrow {
color: #ffffff;
}
.nav-btn.lang-btn .lang-inline-down-arrow {
color: inherit;
opacity: 0.95;
}
.lang-dropdown-panel__list {
display: flex;
flex-direction: column;
align-items: stretch;
gap: 10px;
}
.lang-dropdown-option {
display: block;
width: 100%;
padding: 0;
margin: 0;
border: none;
background: transparent;
cursor: pointer;
font-family: var(--font-sans);
font-size: 15px;
font-weight: 700;
line-height: 1.35;
letter-spacing: 0.08em;
color: #ffffff;
text-align: left;
text-transform: uppercase;
transition: opacity 0.15s ease;
}
.lang-dropdown-option:hover,
.lang-dropdown-option:focus-visible {
outline: none;
opacity: 0.85;
}
.lang-dropdown-panel .lang-dropdown-option.is-selected,
.lang-dropdown-panel .lang-dropdown-option.is-selected .lang-dropdown-label {
color: #ffffff;
font-weight: 700;
}
.lang-dropdown-panel .lang-dropdown-option .lang-dropdown-label {
color: #ffffff;
}
.lang-dropdown-label {
display: block;
}
.lang-dropdown-flag {
flex-shrink: 0;
width: 20px;
height: 20px;
border-radius: 50%;
overflow: hidden;
}
.lang-dropdown-flag img {
width: 20px;
height: 20px;
object-fit: cover;
display: block;
pointer-events: none;
}
.lang-btn .lang-btn-flag {
border-radius: 50%;
object-fit: cover;
} .hero {
position: relative;
width: 100%;
height: 1080px;
min-height: 600px;
overflow: hidden;
display: flex;
align-items: center;
justify-content: center;
} .hero-bg {
position: absolute;
inset: 0;
width: 100%;
height: 100%;
} .hero-bg-img {
position: absolute;
inset: 0;
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
} .hero-overlay-top {
position: absolute;
inset: 0;
background: linear-gradient(
to bottom,
rgba(18, 13, 13, 0.72) 0%,
rgba(18, 13, 13, 0.35) 35%,
rgba(18, 13, 13, 0.35) 60%,
rgba(18, 13, 13, 0.8) 100%
);
}
.hero-text {
position: relative;
z-index: 2;
text-align: center;
max-width: 1216px;
padding: 0 48px;
display: flex;
flex-direction: column;
align-items: center;
gap: 24px;
}
.hero-title {
font-family: 'Playfair Display', Georgia, serif;
font-style: italic;
font-weight: 400;
font-size: 72px;
line-height: 96px;
color: #fff;
letter-spacing: -1.44px;
font-feature-settings:
'liga' 0,
'lnum' 1,
'pnum' 1;
}
.hero-subtitle {
font-family: 'Google Sans Flex', sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 24px;
letter-spacing: 0.5px;
color: rgba(255, 255, 255, 0.75);
max-width: 720px;
} .about-wrap {
background: var(--dark-bg);
background-repeat: no-repeat !important;
padding: 80px 0 0px;
}
#about {
background-image: url(https://amorcons.vn/wp-content/themes/amorcons/images/home/hero/bg-hero.png);
} .divider-icon-block {
display: flex;
flex-direction: column;
align-items: center;
gap: 26px;
margin-bottom: 80px;
}
.divider-line-gold {
width: 1px;
height: 46px;
background: var(--gold);
}
.divider-award {
width: 48px;
height: 48px;
} .about-cols {
display: flex;
align-items: center;
gap: 80px;
padding-right: 80px;
width: 100%;
position: relative;
} .about-mosaic {
flex: 2 0 0;
min-width: 0;
position: relative;
min-height: 680px;
align-self: stretch;
}
.about-img-area {
position: relative;
width: 100%;
height: 100%;
overflow: hidden;
} .about-backdrop {
position: absolute;
background: rgba(48, 44, 40, 1);
pointer-events: none;
width: 100%;
height: 70%;
bottom: 0;
} .about-main-img {
position: absolute;
inset: 0;
width: 90%;
height: 100%;
object-fit: cover;
object-position: center;
display: block;
opacity: 1;
transition: opacity 0.42s cubic-bezier(0.33, 0, 0.2, 1);
will-change: opacity;
} .about-backdrop-two {
position: absolute;
bottom: 0;
left: 0;
right: 0;
z-index: 2;
background: rgba(48, 44, 40, 1);
padding: 43px 37px 35px;
}
.about-backdrop-text {
font-size: 16px;
font-weight: 300;
color: rgba(255, 255, 255, 0.55);
line-height: 1.7;
letter-spacing: 0.2px;
} .about-text {
flex: 1 0 0;
min-width: 0;
display: flex;
flex-direction: column;
gap: 80px; } .about-headline {
font-family: 'Playfair Display', Georgia, serif;
font-style: normal;
font-weight: 400;
font-size: 30.133px;
line-height: 36.16px;
color: #b18151;
letter-spacing: -0.6027px;
font-feature-settings:
'liga' 0,
'lnum' 1,
'pnum' 1;
}
.about-headline em {
font-family: 'Playfair Display', Georgia, serif;
font-style: italic;
font-weight: 400;
} .timeline-wrap {
display: flex;
gap: 32px;
width: 100%;
} .timeline-bar-outer {
position: relative;
width: 1px;
background: rgba(255, 255, 255, 0.1);
flex-shrink: 0;
}
.timeline-bar-gold {
position: absolute;
top: 0;
left: 0;
width: 1px;
height: 57px;
background: #b18151;
transition:
transform 0.5s cubic-bezier(0.4, 0, 0.2, 1),
height 0.5s ease;
transform-origin: top;
will-change: transform, height;
} .timeline-items {
flex: 1 0 0;
display: flex;
flex-direction: column;
gap: 24px;
} .timeline-item {
display: flex;
flex-direction: column;
gap: 12px;
list-style: none;
cursor: pointer;
opacity: 0.5;
transition: opacity 0.3s ease;
}
.timeline-item.active {
opacity: 1;
}
.t-num {
font-size: 20px;
font-weight: 600;
color: #b16151;
width: 16px;
height: 18px;
line-height: normal;
flex-shrink: 0;
font-variant-numeric: lining-nums;
margin-right: 8px;
} .t-name {
font-size: 20px;
font-weight: 500;
color: rgba(255, 255, 255, 0.3);
text-transform: uppercase;
letter-spacing: 0;
line-height: normal;
width: auto;
transition: color 0.3s ease;
}
.timeline-item.active .t-name {
color: #fff;
}
.t-desc {
font-size: 14px;
font-weight: 400;
color: #d4d4d8;
line-height: 1.6;
max-height: 0;
overflow: hidden;
opacity: 0;
transition:
max-height 0.5s ease,
opacity 0.5s ease;
}
.timeline-item.active .t-desc {
max-height: 100px;
opacity: 1;
margin-top: 4px;
} .services-wrap {
background: var(--dark-bg);
display: flex;
flex-direction: column;
} .services-header {
display: flex;
flex-direction: column;
align-items: center;
gap: 24px;
padding: 80px 48px 80px;
}
.srv-award {
width: 50px;
height: 50px;
}
.srv-title {
font-family: 'Playfair Display', Georgia, serif;
font-weight: 400;
font-size: 33.273px;
line-height: 39.927px;
color: var(--gold);
letter-spacing: -0.6655px;
font-feature-settings:
'liga' 0,
'lnum' 1,
'pnum' 1;
text-align: center;
margin-top: 12px;
}
.srv-sub {
font-size: 14px;
font-weight: 300;
color: #fff;
letter-spacing: 0.25px;
line-height: 20px;
text-align: center;
margin-top: 8px;
} .services-grid {
display: grid;
grid-template-columns: 1fr 1fr;
grid-template-rows: 673px 673px;
gap: 4px;
}
.srv-cell {
position: relative;
overflow: hidden;
background: #111;
}
.srv-cell {
display: block;
text-decoration: none;
color: inherit;
-webkit-tap-highlight-color: transparent;
cursor: pointer;
}
.srv-cell:focus {
outline: none;
}
.srv-cell:focus-visible {
outline: 2px solid var(--gold);
outline-offset: 3px;
z-index: 2;
}
.srv-cell.hover-cell { background: var(--dark-bg);
display: flex;
align-items: center;
justify-content: center;
}
.srv-cell-bg,
.srv-cell-video {
position: absolute;
inset: 0;
width: 100%;
height: 100%;
object-fit: cover;
pointer-events: none;
transition:
transform 0.6s ease,
opacity 0.6s ease;
}
.srv-cell-video {
opacity: 0;
z-index: 1;
}
.srv-cell:hover .srv-cell-bg {
transform: scale(1.1);
opacity: 0;
}
.srv-cell:hover .srv-cell-video {
transform: scale(1.1);
opacity: 1;
}
.srv-cell-overlay {
position: absolute;
inset: 0;
background: linear-gradient(
0deg,
rgba(30, 24, 21, 0.95) 0%,
rgba(30, 24, 21, 0.4) 40%,
rgba(30, 24, 21, 0) 100%
);
display: flex;
flex-direction: column;
justify-content: flex-end;
align-items: flex-start;
padding: 60px 48px;
opacity: 0;
transition: opacity 0.5s ease;
z-index: 2;
}
.srv-cell:hover .srv-cell-overlay {
opacity: 1;
}
.srv-cell-content {
transform: translateY(30px);
transition: transform 0.5s ease;
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 24px;
width: 100%;
}
.srv-cell:hover .srv-cell-content {
transform: translateY(0);
}
.srv-cell-icon {
position: relative;
width: 80px;
height: 80px;
object-fit: contain;
margin-left: -5px;
}
.srv-cell-title {
font-family: 'Playfair Display', serif;
font-size: 33.27px;
font-weight: 400;
color: rgba(255, 255, 255, 1);
margin: 0;
line-height: 39.93px;
letter-spacing: -0.02em;
}
.srv-cell-desc {
font-family: 'Inter', sans-serif;
font-size: 14px;
font-weight: 300;
line-height: 20px;
letter-spacing: 0.25px;
color: rgba(255, 255, 255, 1);
max-width: 800px;
margin: 0;
} .srv-modal[hidden] {
display: none !important;
}
.srv-modal {
position: fixed;
inset: 0;
z-index: 999999999;
display: flex;
align-items: center;
justify-content: center;
padding: 32px 16px;
}
.srv-modal-backdrop {
position: absolute;
inset: 0;
background: rgba(0, 0, 0, 0.62);
backdrop-filter: blur(10px);
-webkit-backdrop-filter: blur(10px);
}
.srv-modal-dialog {
position: relative;
z-index: 600;
width: min(1920px, 100%);
height: min(1100px, 100dvh);
max-height: 100dvh;
background: transparent;
overflow: hidden;
}
.srv-modal-grid {
position: relative;
display: grid;
grid-template-columns: 1fr;
gap: 4px;
width: 100%;
height: 100%;
}
.srv-modal-rail {
position: absolute;
left: 0;
top: 0;
bottom: 0;
width: 59px;
z-index: 5;
display: flex;
flex-direction: column;
gap: 24px;
align-items: center;
justify-content: center;
padding: 16px;
background: rgba(54, 43, 35, 0.39);
backdrop-filter: blur(10px);
-webkit-backdrop-filter: blur(10px);
}
.srv-modal-rail-close {
width: 31px;
height: 31px;
border-radius: 10px;
cursor: pointer;
display: inline-flex;
align-items: center;
justify-content: center;
color: rgba(250, 250, 249, 1);
font-size: 22px;
line-height: 1;
transition:
background 0.18s ease,
transform 0.18s ease;
}
.srv-modal-rail-close:hover {
background: rgba(0, 0, 0, 0.22);
}
.srv-modal-rail-close:active {
transform: scale(0.98);
}
.srv-modal-rail-close:focus-visible {
outline: 2px solid rgba(255, 255, 255, 0.75);
outline-offset: 3px;
}
.srv-modal-rail-stack {
flex: 1 1 auto;
min-height: 0;
display: flex;
flex-direction: column;
gap: 24px;
align-items: center;
justify-content: center;
}
.srv-modal-dots {
display: flex;
flex-direction: column;
gap: 14px;
align-items: center;
max-height: min(40vh, 280px);
overflow-y: auto;
padding: 4px 0;
scrollbar-width: thin;
}
.srv-modal-dot {
width: 9.345px;
height: 9.345px;
border-radius: 999px;
background: rgba(255, 255, 255, 1);
border: 1.335px solid rgba(255, 255, 255, 1);
box-sizing: border-box;
}
.srv-modal-dot--hollow {
background: transparent;
}
.srv-modal-rail-track {
width: 2.67px;
height: 105.467px;
background: rgba(255, 255, 255, 0.17);
overflow: hidden;
border-radius: 999px;
}
.srv-modal-rail-fill {
display: block;
width: 100%;
height: 33.333%;
min-height: 8px;
max-height: 100%;
background: #f5ebe9;
border-radius: inherit;
transition: height 0.28s ease;
}
.srv-modal-media {
position: relative;
min-height: 420px;
overflow: hidden;
background: #111;
}
.srv-modal-media-img,
.srv-modal-media-video {
position: absolute;
inset: 0;
width: 100%;
height: 100%;
object-fit: cover;
transition: opacity 0.35s ease;
}
.srv-modal-media-img {
opacity: 0;
z-index: 1;
pointer-events: none;
}
.srv-modal-media-video {
opacity: 0;
z-index: 1;
pointer-events: none;
}
.srv-modal-media.is-image-mode .srv-modal-media-img {
opacity: 1;
z-index: 2;
}
.srv-modal-media.is-image-mode .srv-modal-media-video {
opacity: 0;
z-index: 1;
}
.srv-modal-media.is-video-mode .srv-modal-media-video {
opacity: 1;
z-index: 2;
pointer-events: auto;
}
.srv-modal-media.is-video-mode .srv-modal-media-img {
opacity: 0;
z-index: 1;
}
.srv-modal-media-shade {
position: absolute;
inset: 0;
z-index: 3;
background: linear-gradient(
90deg,
rgba(0, 0, 0, 0.25) 0%,
rgba(0, 0, 0, 0.05) 55%,
rgba(0, 0, 0, 0) 100%
);
pointer-events: none;
}
.srv-modal-dot-btn {
width: 9.345px;
height: 9.345px;
padding: 0;
border-radius: 999px;
border: 1.335px solid rgba(255, 255, 255, 1);
background: rgba(255, 255, 255, 0.35);
cursor: pointer;
box-sizing: border-box;
transition:
background 0.2s ease,
transform 0.15s ease;
}
.srv-modal-dot-btn:hover {
background: rgba(255, 255, 255, 0.65);
}
.srv-modal-dot-btn.is-active {
background: rgba(255, 255, 255, 1);
}
.srv-modal-dot-btn:focus-visible {
outline: 2px solid rgba(255, 255, 255, 0.85);
outline-offset: 3px;
}
.srv-modal-arrow {
position: absolute;
top: 50%;
transform: translateY(-50%);
z-index: 4;
width: 48px;
height: 48px;
border: none;
border-radius: 999px;
background: rgba(0, 0, 0, 0.35);
color: #fff;
font-size: 28px;
line-height: 1;
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
transition: background 0.2s ease;
}
.srv-modal-arrow:hover {
background: rgba(0, 0, 0, 0.5);
}
.srv-modal-arrow:focus-visible {
outline: 2px solid rgba(255, 255, 255, 0.85);
outline-offset: 2px;
}
.srv-modal-arrow--prev {
left: 72px;
}
.srv-modal-arrow--next {
right: 24px;
}
@media (max-width: 900px) {
.srv-modal-arrow {
width: 40px;
height: 40px;
font-size: 22px;
}
.srv-modal-arrow--prev {
left: 60px;
}
.srv-modal-arrow--next {
right: 12px;
}
}
@media (max-width: 900px) {
.srv-modal {
padding: 0;
}
.srv-modal-grid {
grid-template-columns: 1fr;
min-height: 0;
}
.srv-modal-media {
min-height: 0;
}
.srv-modal-rail {
width: 52px;
}
.srv-modal-dialog {
width: 100vw;
height: 100dvh;
max-height: 100dvh;
}
}
@media (max-width: 480px) {
.srv-modal-rail {
width: 48px;
padding: 12px;
gap: 18px;
}
.srv-modal-rail-stack {
gap: 18px;
}
.srv-modal-rail-track {
height: 88px;
}
}
@supports (height: 100svh) {
.srv-modal-dialog {
height: min(1100px, 100svh);
max-height: 100svh;
}
@media (max-width: 900px) {
.srv-modal-dialog {
height: 100svh;
max-height: 100svh;
}
}
} .page-services {
background: #1e1e1e;
}
.services-page-section {
position: relative;
overflow-x: hidden;
}
.services-page-inner {
margin: 0 auto;
padding: 0 10% 120px;
box-sizing: border-box;
}
.services-page-turnkey-inner {
padding: 0 5% 120px;
} .services-page-steps-inner {
display: flex;
flex-direction: column;
align-items: center;
gap: 0;
padding-top: 80px;
padding-bottom: 48px;
}
.page-services-steps-container {
max-width: 1920px;
margin: 0 auto;
padding: 0 5% 120px;
box-sizing: border-box;
}
.services-page-steps-timeline .services-steps-rail-top {
max-width: 1600px;
margin: 0 auto 8px;
width: 100%;
transform: translateY(49px);
}
.services-page-steps-timeline .services-steps-markers {
padding: 0 8% 20px;
}
.services-page-steps-timeline .services-steps-line {
margin-bottom: 28px;
}
div#servicesDesignSteps .wrapper-swiper:before {
display: none;
}
div#servicesDesignSteps h4.about-projects-year:after {
display: none;
}
div#servicesDesignSteps h4.about-projects-year {
margin-bottom: 18px;
}
.services-page-steps-header {
display: flex;
flex-direction: column;
align-items: center;
gap: 32px;
text-align: center;
}
.services-page-icon {
width: 50px;
height: 50px;
flex-shrink: 0;
}
.services-page-title {
font-family: var(--font-serif);
font-weight: 400;
font-size: clamp(26px, 2.2vw, 30.133px);
line-height: 1.2;
letter-spacing: -0.02em;
color: var(--gold);
font-feature-settings:
'lnum' 1,
'pnum' 1;
margin: 0;
}
.services-page-title--muted {
color: var(--gold-muted);
}
.services-steps-markers {
display: flex;
justify-content: space-between;
align-items: center;
max-width: 100%;
box-sizing: border-box;
} .services-step-x {
position: relative;
width: 33px;
height: 33px;
flex-shrink: 0;
}
.services-step-x::before,
.services-step-x::after {
content: '';
position: absolute;
left: 50%;
top: 50%;
width: 22px;
height: 2px;
background: #be966d;
transform-origin: center;
}
.services-step-x::before {
transform: translate(-50%, -50%) rotate(45deg);
}
.services-step-x::after {
transform: translate(-50%, -50%) rotate(-45deg);
}
.services-steps-line {
height: 1px;
width: calc(100% + min(320px, 20vw));
max-width: 1920px;
margin: 0 auto;
margin-left: 50%;
transform: translateX(-50%);
background: #be966d;
} .services-page-luxury {
background: #1e1e1e;
}
.wapper-luxury {
display: flex;
align-items: center;
justify-content: space-between;
}
.services-page-luxury-inner {
padding-top: 80px;
padding-bottom: 100px;
display: flex;
flex-direction: column;
gap: 48px;
}
.services-luxury-head {
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 32px;
max-width: 793px;
}
.services-luxury-title {
font-family: var(--font-serif);
font-weight: 400;
font-size: clamp(26px, 2.2vw, 30.133px);
line-height: 1.2;
letter-spacing: -0.02em;
color: var(--gold-muted);
margin: 0;
font-feature-settings:
'lnum' 1,
'pnum' 1;
}
.services-luxury-sub {
font-family: var(--font-sans);
font-weight: 300;
font-size: 14px;
line-height: 20px;
letter-spacing: 0.25px;
color: #afafaf;
margin: 0;
} .services-luxury-block {
display: flex;
flex-direction: row;
align-items: center;
gap: clamp(20px, 3.5vw, 56px);
width: 100%;
max-width: 1920px;
}
.services-luxury-showcase {
position: relative;
flex: 1;
min-width: 0;
}
.services-luxury-swiper {
position: relative;
width: 100%;
height: min(848px, 85vh);
overflow: hidden;
}
.services-luxury-swiper .swiper-slide {
height: 100%;
box-sizing: border-box;
}
.services-luxury-swiper .swiper-slide video {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
}
.services-luxury-pagination-aside {
flex-shrink: 0;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
}
.services-luxury-pagination.swiper-pagination {
position: static;
transform: none;
width: auto;
display: flex;
flex-direction: column;
align-items: center;
gap: 16px;
z-index: 1;
}
aside.services-luxury-pagination-aside
.swiper-pagination-vertical.swiper-pagination-bullets,
.swiper-vertical > .swiper-pagination-bullets {
transform: inherit;
} .services-luxury-pagination-mid {
display: flex;
flex-direction: column;
align-items: center;
gap: 16px;
pointer-events: none;
}
.services-luxury-pagination-logo {
display: block;
width: 15px;
height: auto;
opacity: 0.92;
}
.services-luxury-pagination-track {
position: relative;
width: 2px;
height: 79px;
border-radius: 1px;
background: rgba(255, 255, 255, 0.17);
overflow: hidden;
}
.services-luxury-pagination-track-fill {
position: absolute;
left: 0;
right: 0;
top: 0;
width: 100%;
height: 0;
background: #c8b9b7;
border-radius: 1px;
transition: height 0.45s ease;
} .services-luxury-pagination .swiper-pagination-bullet {
width: 7px;
height: 7px;
margin: 0 !important;
opacity: 1;
background: transparent;
border: 1px solid #b18151;
border-radius: 100px;
box-sizing: border-box;
}
.services-luxury-pagination .swiper-pagination-bullet-active {
background: #b18151;
border-color: #b18151;
} .services-page-turnkey-inner {
display: flex;
flex-direction: column;
gap: 80px;
padding-top: 40px;
padding-bottom: 120px;
}
.services-turnkey-intro {
display: flex;
flex-direction: column;
align-items: center;
gap: 32px;
text-align: center;
max-width: 900px;
margin: 0 auto;
}
.services-turnkey-lead {
font-family: var(--font-sans);
font-weight: 300;
font-size: 14px;
line-height: 20px;
letter-spacing: 0.25px;
color: #afafaf;
margin: 0;
max-width: 1000px;
}
.services-turnkey-row {
display: flex;
align-items: center;
flex-wrap: wrap;
gap: clamp(40px, 8vw, 123px);
width: 100%;
padding-bottom: 40px;
box-sizing: border-box;
}
@media (min-width: 1024px) {
.services-turnkey-row {
padding-right: 80px;
}
}
.services-turnkey-visual {
flex: 1 1 45%;
min-width: min(100%, 280px);
max-width: 917px;
}
.services-turnkey-frame {
position: relative;
width: 100%;
aspect-ratio: 917 / 687;
}
.services-turnkey-frame::before {
content: '';
position: absolute;
z-index: 0;
left: -6%;
top: -3%;
width: 94%;
height: 102%;
background: var(--dark-card);
pointer-events: none;
}
.services-turnkey-frame video {
position: relative;
z-index: 1;
display: block;
width: 100%;
height: 100%;
object-fit: cover;
}
.services-turnkey-panel {
position: relative;
flex: 1 1 320px;
min-width: min(100%, 280px);
max-width: 480px;
display: flex;
flex-direction: column;
gap: 24px;
padding-left: 32px;
--turnkey-rail-scale: 0;
--turnkey-rail-height: 1px;
--turnkey-rail-progress-start: 0px;
} .services-turnkey-panel::before {
content: '';
position: absolute;
left: 0;
top: 50%;
transform: translateY(-50%);
height: 100%;
width: 1px;
background: #373737;
pointer-events: none;
}
.services-turnkey-panel::after {
content: '';
position: absolute;
left: 0;
top: 0;
transform: scaleY(var(--turnkey-rail-scale));
transform-origin: 0 0;
height: calc(
32% + var(--turnkey-rail-height) - var(--turnkey-rail-progress-start)
);
width: 1px;
background: rgba(255, 255, 255, 1);
transition: transform 0.28s ease;
pointer-events: none;
}
.services-turnkey-desc {
font-family: var(--font-sans);
font-size: 14px;
line-height: 20px;
letter-spacing: 0.25px;
color: #d4d4d8;
margin: 0;
box-sizing: border-box;
}
.services-turnkey-list {
list-style: none;
margin: 0;
padding: 0;
display: flex;
flex-direction: column;
gap: 0;
}
.services-turnkey-item {
border-bottom: none;
display: flex;
flex-direction: column;
align-items: stretch;
gap: 10px;
margin-bottom: 24px; background-repeat: no-repeat;
background-size: 1px 100%;
background-position: -32px 0;
} .services-turnkey-item-video-slot {
display: none;
}
.services-turnkey-item-video-slot:empty {
min-height: 0;
}
li.services-turnkey-item {
position: relative;
}
li.services-turnkey-item::after {
content: '';
width: 6px;
height: 6px;
display: block;
background: rgba(255, 255, 255, 0.38);
position: absolute;
left: -34px;
top: 14px;
transform: translateY(-50%);
border-radius: 999px;
z-index: 1;
transition:
background 0.22s ease,
transform 0.22s ease,
box-shadow 0.22s ease;
}
li.services-turnkey-item.is-active::after {
background: #fff;
transform: translateY(-50%) scale(1.35);
box-shadow: 0 0 0 3px rgba(255, 255, 255, 0.14);
} li.services-turnkey-item.is-done::after {
background: #fff;
transform: translateY(-50%) scale(1.35);
box-shadow: 0 0 0 3px rgba(255, 255, 255, 0.14);
} li.services-turnkey-item.is-done {
background-image: linear-gradient(
to bottom,
rgba(255, 255, 255, 0.45),
rgba(255, 255, 255, 0.45)
);
}
li.services-turnkey-item.is-active {
background-image: linear-gradient(
to bottom,
rgba(255, 255, 255, 0.85),
rgba(255, 255, 255, 0.85)
);
}
.services-turnkey-btn {
display: flex;
flex-wrap: wrap;
align-items: baseline;
gap: 8px 12px;
width: 100%;
padding: 0 0 0 8px;
text-align: left;
background: none;
border: none;
cursor: pointer;
color: inherit;
font: inherit;
-webkit-tap-highlight-color: transparent;
position: relative;
overflow: hidden;
border-radius: 4px;
transition: transform 0.22s ease;
} .services-turnkey-btn::after {
content: '';
position: absolute;
left: 8px;
bottom: 8px;
width: calc(100% - 16px);
max-width: 220px;
height: 1px;
transform: scaleX(0);
transform-origin: 0 50%;
transition: transform 0.38s cubic-bezier(0.33, 1, 0.68, 1);
pointer-events: none;
}
.services-turnkey-btn:hover::after {
transform: scaleX(1);
}
.services-turnkey-item.is-active .services-turnkey-btn::after {
transform: scaleX(0);
transition: transform 0.2s ease;
}
.services-turnkey-btn:hover .services-turnkey-name {
color: rgba(255, 255, 255, 0.55);
}
.services-turnkey-item.is-active
.services-turnkey-btn:hover
.services-turnkey-name {
color: #fff;
}
.services-turnkey-btn:hover .services-turnkey-num {
filter: brightness(1.15);
}
.services-turnkey-btn:active {
transform: scale(0.992);
}
@keyframes turnkey-btn-pulse {
0% {
transform: scale(1);
}
45% {
transform: scale(0.985);
}
100% {
transform: scale(1);
}
}
.services-turnkey-btn.services-turnkey-btn--pulse {
animation: turnkey-btn-pulse 0.42s cubic-bezier(0.33, 1, 0.68, 1);
} .services-turnkey-btn-ripple {
position: absolute;
width: 0;
height: 0;
border-radius: 50%;
background: rgba(255, 255, 255, 0.3);
transform: translate(-50%, -50%);
pointer-events: none;
animation: turnkey-btn-ripple 0.5s ease-out forwards;
}
@keyframes turnkey-btn-ripple {
to {
width: 240px;
height: 240px;
opacity: 0;
}
} @keyframes turnkey-desc-enter {
from {
opacity: 0;
transform: translateY(8px);
}
to {
opacity: 1;
transform: translateY(0);
}
}
.services-turnkey-desc.services-turnkey-desc--enter {
animation: turnkey-desc-enter 0.45s ease-out forwards;
}
.services-turnkey-btn:focus-visible {
outline: 2px solid var(--gold);
outline-offset: 2px;
}
.services-turnkey-frame video {
transition:
opacity 0.28s ease,
transform 0.28s ease;
}
.services-turnkey-frame video.turnkey-content--hide {
opacity: 0;
transform: translateY(6px);
}
@media (prefers-reduced-motion: reduce) {
.services-turnkey-btn {
transition: none;
}
.services-turnkey-btn::after {
transition: none;
transform: scaleX(0);
}
.services-turnkey-btn:hover::after {
transform: scaleX(1);
}
.services-turnkey-num,
.services-turnkey-name {
transition: none;
}
.services-turnkey-btn:active {
transform: none;
}
.services-turnkey-btn.services-turnkey-btn--pulse {
animation: none;
}
.services-turnkey-btn-ripple {
display: none;
}
.services-turnkey-desc.services-turnkey-desc--enter {
animation: none;
}
.services-turnkey-frame video {
transition: none;
}
.services-turnkey-frame video.turnkey-content--hide {
transform: none;
}
}
.services-turnkey-num {
font-family: 'Montserrat', var(--font-sans);
font-weight: 600;
font-size: 20px;
color: var(--gold-red);
min-width: 22px;
transition: filter 0.28s ease;
}
.services-turnkey-name {
font-family: 'Google Sans Flex';
font-weight: 500;
font-size: 20px;
line-height: 1.2;
color: rgba(255, 255, 255, 0.3);
transition: color 0.28s ease;
}
.services-turnkey-item.is-active .services-turnkey-name {
color: #fff;
}
@media (max-width: 900px) {
.services-page-inner {
padding: 0 16px 80px;
}
.services-page-steps-inner {
padding-top: 56px;
padding-bottom: 32px;
}
.page-services-steps-container {
padding: 0 16px 80px;
}
.services-page-steps-timeline .services-steps-markers {
padding: 0 4% 16px;
}
.page-services-steps-section .about-projects-timeline {
padding: 32px 14px 48px;
margin-top: 0;
}
.page-services-steps-section .about-projects-swiper {
padding-left: 16px;
padding-right: 16px;
}
.services-luxury-head {
align-items: start;
text-align: center; }
.services-luxury-block {
flex-direction: column;
align-items: stretch;
gap: 28px;
}
.services-luxury-pagination-aside {
padding-right: 0;
order: 2;
flex-direction: row;
justify-content: center;
}
.services-luxury-pagination.swiper-pagination {
flex-direction: row;
flex-wrap: wrap;
justify-content: center;
row-gap: 12px;
column-gap: 16px;
}
.services-luxury-pagination-mid {
flex-direction: row;
gap: 12px;
}
.services-luxury-pagination-track {
width: 79px;
height: 2px;
}
.services-luxury-pagination-track-fill {
top: 0;
bottom: 0;
left: 0;
width: 0;
height: 100%;
transition: width 0.45s ease;
}
.services-turnkey-row {
flex-direction: column;
padding-right: 0;
} .services-turnkey-visual {
display: none;
}
.services-turnkey-item.is-active .services-turnkey-item-video-slot {
display: block;
width: 100%;
margin: 6px 0 14px;
}
.services-turnkey-item-video-slot .services-turnkey-frame {
width: 100%;
max-width: 100%;
}
.services-turnkey-item-video-slot .services-turnkey-frame::before {
left: -4%;
top: -2%;
width: 96%;
height: 101%;
}
.services-turnkey-panel {
max-width: none;
padding-left: 28px;
} .services-turnkey-name {
font-size: 16px;
line-height: 18px;
font-weight: 500;
}
.services-turnkey-num {
font-size: 16px;
line-height: 16px;
font-weight: 600;
letter-spacing: 0.4px;
min-width: 18px;
}
.services-turnkey-item.is-active .services-turnkey-num {
font-size: 16px;
line-height: 18px;
letter-spacing: 0;
}
.services-turnkey-desc {
font-size: 14px;
line-height: 20px;
letter-spacing: 0.25px;
font-weight: 300;
}
.services-turnkey-btn {
padding: 10px 0 10px 8px;
align-items: center;
}
} .cta-mid {
background: var(--dark-bg);
padding: 80px 48px;
display: flex;
flex-direction: column;
align-items: center;
gap: 16px;
}
.cta-mid-top {
display: flex;
flex-direction: column;
align-items: center;
gap: 26px;
}
.cta-mid-text {
font-family: 'Playfair Display', Georgia, serif;
font-weight: 400;
font-size: 30.133px;
line-height: 36.16px;
color: var(--gold);
text-align: center;
letter-spacing: -0.6027px;
font-feature-settings:
'liga' 0,
'lnum' 1,
'pnum' 1;
}
.cta-mid-text em {
font-style: italic;
} .contact-us {
position: relative;
padding: 120px 48px;
background-image: url(https://amorcons.vn/wp-content/themes/amorcons/images/home/contact-us/bg.png);
background-size: cover;
background-position: center;
background-repeat: no-repeat;
display: flex;
align-items: center;
min-height: 800px;
}
.contact-us::before {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: rgba(0, 0, 0, 0.2);
z-index: 0;
}
.contact-us-container {
width: 100%;
max-width: 1920px;
margin: 0 auto;
display: flex;
justify-content: space-between;
align-items: center;
gap: 40px;
position: relative;
z-index: 10;
}
.contact-left {
max-width: 600px;
color: #fff;
padding-left: 5%;
} @media (min-width: 769px) {
section.contact-us-section .contact-left {
display: revert;
}
}
.contact-subtitle {
font-family: 'Google Sans Flex', sans-serif;
display: flex;
align-items: center;
gap: 16px;
font-size: 14px;
color: #f8b2a2;
letter-spacing: 0.1em;
margin-bottom: 24px;
font-weight: 300;
}
.contact-subtitle .line {
width: 48px;
height: 1px;
background: #f8b2a2;
}
.contact-hero-title {
font-family: 'Playfair Display', serif;
font-size: 30.13px;
font-weight: 400;
font-style: normal;
line-height: 36.16px;
letter-spacing: -0.02em;
margin: 0 0 24px 0;
color: rgba(255, 255, 255, 1);
}
.contact-hero-title span {
font-style: italic;
font-family: 'Playfair Display', serif;
}
.contact-desc {
font-family: 'Google Sans Flex', 'Google Sans', sans-serif;
font-size: 14px;
font-weight: 300;
font-style: normal;
line-height: 20px;
letter-spacing: 0.25px;
color: rgba(255, 255, 255, 1);
margin: 0;
}
.contact-form-box {
background: rgba(36, 34, 31, 0.95);
border: 1px solid rgba(255, 255, 255, 0.05);
padding: 30px 27px;
width: 576px;
text-align: center;
margin-right: 5%;
box-shadow: 0 20px 40px rgba(0, 0, 0, 0.5);
}
.form-pre-title {
font-family: 'Google Sans Flex', 'Google Sans', sans-serif;
font-size: 14px;
font-weight: 400;
font-style: normal;
line-height: 13.63px;
letter-spacing: 0.34px;
text-align: center;
color: rgba(210, 183, 155, 0.5);
margin: 0 0 12px 0;
}
h2.contact-us-title {
font-family: 'Playfair Display', serif;
font-weight: 400;
font-style: normal;
font-size: 30.13px;
line-height: 36.16px;
letter-spacing: -0.02em;
text-align: center;
color: #f8b2a2;
}
section.contact-us-section .center-icon {
margin: 0 0 16px 0;
}
section.contact-us-section {
margin-top: 80px;
}
.contact-us-header {
margin-bottom: 80px;
}
.contact-form-box .contact-us-title {
font-family: 'Playfair Display', serif;
font-weight: 400;
font-style: normal;
font-size: 32px;
line-height: 38.99px;
letter-spacing: -0.43px;
text-align: center;
color: rgba(240, 228, 212, 1);
margin: 0 0 13px 0;
}
.form-post-title {
font-family: 'Google Sans Flex', 'Google Sans', sans-serif;
font-size: 14px;
font-weight: 400;
font-style: normal;
line-height: 13.63px;
letter-spacing: 0.34px;
text-align: center;
color: rgba(210, 183, 155, 0.55);
margin: 0 0 24px 0;
}
.form-dots {
margin-bottom: 32px;
display: flex;
justify-content: center;
}
.form-dots img {
height: 6px;
opacity: 0.6;
}
.contact-form {
display: flex;
flex-direction: column;
gap: 16px;
}
.contact-form-success {
display: none;
margin-top: 14px;
padding: 14px 16px;
border-radius: 12px;
background: rgba(240, 228, 212, 0.22);
border: 1px solid rgba(210, 183, 155, 0.45);
box-shadow:
0 12px 28px rgba(0, 0, 0, 0.35),
0 0 0 1px rgba(240, 228, 212, 0.08) inset;
color: rgba(250, 250, 249, 1);
position: relative;
opacity: 0;
transform: translateY(8px);
pointer-events: none;
transition:
opacity 0.25s ease,
transform 0.25s ease;
}
.contact-form-success::before {
content: '';
position: absolute;
left: 0;
top: 10px;
bottom: 10px;
width: 3px;
border-radius: 999px;
background: linear-gradient(
180deg,
rgba(240, 228, 212, 0.95),
rgba(177, 129, 81, 0.95)
);
}
.contact-form-success.is-visible {
display: block;
opacity: 1;
transform: translateY(0);
pointer-events: auto;
}
.contact-form-success__title {
font-family: 'Google Sans Flex', 'Google Sans', sans-serif;
font-size: 14px;
font-weight: 600;
letter-spacing: 0.2px;
color: rgba(250, 250, 249, 1);
margin-bottom: 6px;
}
.contact-form-success__body {
font-family: 'Google Sans Flex', 'Google Sans', sans-serif;
font-size: 14px;
font-weight: 300;
line-height: 18px;
letter-spacing: 0.25px;
color: rgba(250, 250, 249, 0.88);
}
.contact-form input,
.wpcf7-form-control,
.wpcf7-textarea,
.contact-form textarea {
width: 100%;
background: #1b1917;
border: 1px solid transparent;
padding: 16px 20px;
font-family: 'Google Sans Flex', sans-serif;
font-size: 14px;
color: #fff;
outline: none;
transition: border-color 0.3s ease;
}
.wpcf7-form-control::placeholder,
.contact-form input::placeholder,
.wpcf7-textarea::placeholder,
.contact-form textarea::placeholder {
color: rgba(210, 183, 155, 1);
}
.wpcf7-form-control:focus,
.wpcf7-textarea:focus,
.contact-form input:focus,
.contact-form textarea:focus {
border-color: rgba(177, 129, 81, 0.5);
}
.wpcf7-textare,
.contact-form textarea {
resize: none;
min-height: 120px;
} .wpcf7-submit,
.submit-btn {
width: 100%;
color: #1a1a1a;
border: none;
padding: 12px 20px;
min-height: 44px;
font-family: 'Google Sans Flex', sans-serif;
font-size: 14px;
font-weight: 400;
letter-spacing: 0.1em;
text-transform: uppercase;
cursor: pointer;
display: flex;
justify-content: center;
gap: 10px;
align-items: center;
transition: filter 0.25s ease;
margin-top: 0;
border-radius: 11.93px;
box-sizing: border-box;
background: linear-gradient(90deg, #d2b79b, #c8a882, #e8d4bc, #c4a07b);
box-shadow:
0 1.7px 6.82px rgba(0, 0, 0, 0.3),
0 6.82px 27.27px rgba(210, 183, 155, 0.25);
}
.submit-btn-text,
.submit-btn-arrow {
flex-shrink: 0;
line-height: 1.2;
}
.contact-form .submit-btn {
width: 100%;
}
.submit-btn:hover {
filter: brightness(1.06) saturate(1.04);
} .footer-bar {
background: rgba(37, 37, 37, 1);
border-top: 1px solid rgba(255, 255, 255, 0.06);
}
.footer-bar-inner {
max-width: 1920px;
margin: 0 auto;
padding: 20px 48px;
display: flex;
align-items: center;
justify-content: space-between;
}
.footer-logo img {
height: 2.5rem;
width: auto;
display: block;
}
.footer-social {
display: flex;
align-items: center;
gap: 16px;
}
.footer-follow-text {
font-family: 'Google Sans Flex', 'Google Sans', sans-serif;
font-size: 14px;
font-weight: 400;
font-style: normal;
line-height: 20px;
letter-spacing: 0.25px;
color: rgba(132, 132, 132, 1);
white-space: nowrap;
}
.footer-follow-line {
display: block;
width: 64px;
height: 1px;
background: rgba(132, 132, 132, 1);
}
.footer-social-icon {
display: flex;
align-items: center;
justify-content: center;
width: 36px;
height: 36px;
border-radius: 50%;
transition:
border-color 0.3s ease,
box-shadow 0.3s ease,
background 0.3s ease;
}
.footer-social-icon img {
width: 40px;
height: 40px;
object-fit: contain;
transition: opacity 0.3s ease;
}
.footer-social-icon:hover {
border-color: #f8b2a2;
background: rgba(177, 129, 81, 0.1);
box-shadow: 0 0 10px rgba(177, 129, 81, 0.25);
}
.footer-social-icon:hover img {
opacity: 1;
}
.footer-social-list {
display: flex;
list-style: none;
gap: 16px;
margin: 0;
padding: 0;
}
.form-group {
width: 100%;
} .hamburger-btn {
display: none;
flex-direction: column;
justify-content: center;
align-items: center;
width: 40px;
height: 40px;
cursor: pointer;
background: none;
border: none;
padding: 6px;
gap: 5px;
flex-shrink: 0;
}
.hamburger-btn .bar {
display: block;
width: 22px;
height: 2px;
background: #fff;
border-radius: 2px;
transition:
transform 0.3s ease,
opacity 0.3s ease,
background 0.3s;
transform-origin: center;
}
.hamburger-btn img {
width: 24px;
height: 24px;
object-fit: contain;
}
.hamburger-btn.open .bar:nth-child(1) {
transform: translateY(7px) rotate(45deg);
}
.hamburger-btn.open .bar:nth-child(2) {
opacity: 0;
transform: scaleX(0);
}
.hamburger-btn.open .bar:nth-child(3) {
transform: translateY(-7px) rotate(-45deg);
} .mobile-menu {
--menu-accent: #a0482b;
--menu-muted-gold: #8e7b67;
--menu-text: #ffffff;
--menu-font: 'Montserrat', 'Inter', system-ui, sans-serif;
display: none;
position: fixed;
top: var(--nav-h);
left: 0;
right: 0;
bottom: 0;
background: var(--menu-surface);
flex-direction: column;
align-items: stretch;
justify-content: space-between;
padding: 0;
opacity: 0;
transform: translateY(14px);
transition:
opacity 0.42s cubic-bezier(0.22, 1, 0.36, 1),
transform 0.42s cubic-bezier(0.22, 1, 0.36, 1);
overflow: hidden; z-index: 10020;
}
.mobile-menu.open {
display: flex;
opacity: 1;
transform: translateY(0);
} .mobile-menu-accent {
flex-shrink: 0;
display: flex;
align-items: center;
gap: 0;
padding: 10px 28px 18px;
box-sizing: border-box;
opacity: 0;
transform: translateY(-10px);
transition: none;
}
.mobile-menu.open .mobile-menu-accent {
opacity: 1;
transform: translateY(0);
transition:
opacity 0.45s cubic-bezier(0.22, 1, 0.36, 1),
transform 0.45s cubic-bezier(0.22, 1, 0.36, 1);
transition-delay: 0.06s;
}
.mobile-menu:not(.open) .mobile-menu-accent {
opacity: 0;
transform: translateY(-10px);
transition: none;
}
.mobile-menu-accent-line {
flex: 1 1 auto;
height: 1px;
background: rgba(142, 123, 103, 0.4);
min-width: 12px;
}
.mobile-menu-accent-dots {
display: flex;
align-items: center;
justify-content: center;
gap: 7px;
padding: 0 14px;
flex-shrink: 0;
}
.mobile-menu-accent-dots span {
width: 4px;
height: 4px;
border-radius: 50%;
background: rgba(142, 123, 103, 0.55);
}
.mobile-menu-accent-dot-mid {
width: 5px !important;
height: 5px !important;
background: var(--menu-muted-gold) !important;
box-shadow: 0 0 0 1px rgba(142, 123, 103, 0.35);
}
.mobile-menu-inner {
flex: 1 1 auto;
min-height: 0;
overflow-y: auto;
-webkit-overflow-scrolling: touch;
padding: 8px 28px 32px;
display: flex;
flex-direction: column;
align-items: stretch;
gap: 0;
width: 100%;
max-width: 100%;
box-sizing: border-box;
}
.mobile-menu-links {
display: flex;
flex-direction: column;
align-items: stretch;
gap: 28px;
width: 100%;
}
.mobile-menu-link {
display: block;
padding: 0;
margin: 0;
box-sizing: border-box;
width: 100%;
font-family: var(--menu-font);
font-size: 14px;
font-weight: 400;
line-height: 1.35;
letter-spacing: 0.02em;
color: var(--menu-text);
text-align: left;
text-decoration: none;
border: none;
background: transparent;
opacity: 0;
transform: translate3d(-22px, 0, 0);
transition: none;
}
.mobile-menu.open .mobile-menu-link {
opacity: 1;
transform: translate3d(0, 0, 0);
transition:
opacity 0.5s cubic-bezier(0.22, 1, 0.36, 1),
transform 0.5s cubic-bezier(0.22, 1, 0.36, 1),
color 0.2s ease;
}
.mobile-menu.open .mobile-menu-link:nth-child(1) {
transition-delay: 0.1s;
}
.mobile-menu.open .mobile-menu-link:nth-child(2) {
transition-delay: 0.16s;
}
.mobile-menu.open .mobile-menu-link:nth-child(3) {
transition-delay: 0.22s;
}
.mobile-menu.open .mobile-menu-link:nth-child(4) {
transition-delay: 0.28s;
}
.mobile-menu:not(.open) .mobile-menu-link {
opacity: 0;
transform: translate3d(-22px, 0, 0);
transition: none;
}
.mobile-menu-link:hover {
opacity: 0.92;
}
.mobile-menu.open .mobile-menu-link:hover {
opacity: 0.92;
}
.mobile-menu-link.active {
color: var(--menu-accent);
font-weight: 500;
} .mobile-menu-lang-row {
display: flex;
align-items: center;
justify-content: space-between;
gap: 16px;
margin-top: 36px;
width: 100%;
opacity: 0;
transform: translate3d(0, 14px, 0);
transition: none;
}
.mobile-menu.open .mobile-menu-lang-row {
opacity: 1;
transform: translate3d(0, 0, 0);
transition:
opacity 0.48s cubic-bezier(0.22, 1, 0.36, 1),
transform 0.48s cubic-bezier(0.22, 1, 0.36, 1);
transition-delay: 0.34s;
}
.mobile-menu:not(.open) .mobile-menu-lang-row {
opacity: 0;
transform: translate3d(0, 14px, 0);
transition: none;
}
.mobile-menu-lang-label {
font-family: var(--menu-font);
font-size: 14px;
font-weight: 400;
letter-spacing: 0.03em;
color: var(--menu-text);
}
.mobile-menu-lang {
display: flex;
align-items: center;
flex: 0 0 auto;
padding: 4px 6px;
min-height: 40px;
box-sizing: border-box;
border-radius: 999px;
background: rgba(0, 0, 0, 0.09);
gap: 2px;
}
.mobile-menu-lang-btn {
min-width: 44px;
height: 32px;
padding: 0 12px;
border: none;
border-radius: 999px;
cursor: pointer;
font-family: var(--menu-font);
font-size: 14px;
font-weight: 500;
letter-spacing: 0.04em;
color: var(--menu-text);
background: transparent;
transition: color 0.2s ease;
}
a.mobile-menu-lang-btn {
display: inline-flex;
align-items: center;
justify-content: center;
text-decoration: none;
box-sizing: border-box;
} .mobile-menu-lang-btn.is-active {
color: var(--menu-accent);
}
.mobile-menu-lang-btn:not(.is-active) {
color: var(--menu-text);
}
.mobile-menu-lang-btn:focus-visible {
outline: 2px solid var(--menu-accent);
outline-offset: 2px;
} .mobile-menu-footer {
flex-shrink: 0;
display: flex;
align-items: center;
justify-content: space-between;
gap: 10px;
padding: 16px 28px calc(18px + env(safe-area-inset-bottom, 0));
border-top: 1px solid rgba(142, 123, 103, 0.22);
background: var(--menu-surface);
opacity: 0;
transform: translate3d(0, 18px, 0);
transition: none;
}
.mobile-menu.open .mobile-menu-footer {
opacity: 1;
transform: translate3d(0, 0, 0);
transition:
opacity 0.5s cubic-bezier(0.22, 1, 0.36, 1),
transform 0.5s cubic-bezier(0.22, 1, 0.36, 1);
transition-delay: 0.38s;
}
.mobile-menu:not(.open) .mobile-menu-footer {
opacity: 0;
transform: translate3d(0, 18px, 0);
transition: none;
}
.mobile-menu-follow {
font-family: var(--menu-font);
font-size: 14px;
line-height: 1.4;
font-weight: 400;
letter-spacing: 0.06em;
text-transform: none;
color: var(--menu-muted-gold);
white-space: nowrap;
opacity: 0.95;
}
.mobile-menu-follow-line {
display: block;
flex: 1 1 auto;
min-width: 20px;
width: 64px;
height: 1px;
background: var(--menu-muted-gold);
opacity: 0.55;
flex-shrink: 1;
}
.mobile-menu-follow-row {
display: flex;
align-items: center;
gap: 12px;
}
.mobile-menu-social-list {
display: flex;
list-style: none;
gap: 12px;
margin: 0;
padding: 0;
flex-wrap: nowrap;
flex-shrink: 0;
}
.mobile-menu-social-list li {
opacity: 0;
transform: translate3d(0, 8px, 0);
transition: none;
}
.mobile-menu.open .mobile-menu-social-list li {
opacity: 1;
transform: translate3d(0, 0, 0);
transition:
opacity 0.4s cubic-bezier(0.22, 1, 0.36, 1),
transform 0.4s cubic-bezier(0.22, 1, 0.36, 1);
}
.mobile-menu.open .mobile-menu-social-list li:nth-child(1) {
transition-delay: 0.44s;
}
.mobile-menu.open .mobile-menu-social-list li:nth-child(2) {
transition-delay: 0.5s;
}
.mobile-menu.open .mobile-menu-social-list li:nth-child(3) {
transition-delay: 0.56s;
}
.mobile-menu.open .mobile-menu-social-list li:nth-child(4) {
transition-delay: 0.62s;
}
.mobile-menu:not(.open) .mobile-menu-social-list li {
opacity: 0;
transform: translate3d(0, 8px, 0);
transition: none;
}
.mobile-menu-social-icon {
display: flex;
align-items: center;
justify-content: center;
width: 28px;
height: 28px;
border-radius: 50%;
background: transparent;
transition:
border-color 0.2s ease,
background 0.2s ease;
}
.mobile-menu-social-icon img {
width: 24px;
height: 24px;
object-fit: contain;
opacity: 0.92;
}
.mobile-menu-social-icon:hover {
border-color: var(--menu-muted-gold);
background: rgba(142, 123, 103, 0.12);
}
.page-contact-us-container {
display: flex;
gap: 100px;
justify-content: space-between;
padding-bottom: 150px;
}
.page-contact-us-left-content {
display: flex;
gap: 24px;
}
.page-contact-us-photo-2 {
padding-top: 100px;
}
#page-contact-us-section .services-header {
padding-top: 200px;
}
.page-contact-us-photo-1 {
padding-bottom: 100px;
}
#page-contact-us-section {
padding: 0 5%;
}
#page-contact-us-map-section {
padding-bottom: 200px;
}
.wp-container {
padding: 0px 5%;
}
.page-contact-us-map-content {
border: 32px solid rgba(48, 44, 40, 1);
}
.page-contact-us-map-iframe {
display: block;
width: 100%;
height: min(70vh);
min-height: 280px;
border: 0;
} .page-about-us-container {
max-width: 1920px;
margin: 0 auto;
padding: 0 5% 120px;
}
.page-about-us-section {
overflow-x: hidden;
}
.about-projects-timeline {
--about-timeline-year: #f48e77;
--about-timeline-body: #d4d4d8;
--about-timeline-bg: #1a1a1a;
}
.about-projects-track {
position: relative;
width: 100%;
max-width: 1600px;
margin: 0 auto;
padding-top: 4px;
} .about-projects-track.about-projects-track--swiper {
width: 100vw;
max-width: none;
margin-left: calc(50% - 50vw);
margin-right: calc(50% - 50vw);
padding-top: 4px;
}
.wrapper-swiper {
position: relative;
max-width: 1920px;
margin: auto;
}
.wrapper-swiper:before {
content: '';
position: absolute;
height: 1px;
top: 52px;
z-index: 0;
pointer-events: none;
line-height: 0;
background: rgba(255, 255, 255, 0.2);
width: 100%;
} .about-projects-line-decor {
position: absolute;
left: 50%;
transform: translateX(-50%);
width: min(100vw - 32px, 1920px);
height: 1px;
top: 55px;
z-index: 0;
pointer-events: none;
line-height: 0;
background: rgba(255, 255, 255, 0.2);
}
.about-projects-track:has(.about-projects-swiper) .about-projects-line-decor {
display: none;
}
.about-projects-line-decor img {
display: block;
width: 100%;
height: 7px;
object-fit: fill;
} .about-projects-swiper {
position: relative;
z-index: 1;
width: 100%;
padding-left: 5%;
padding-right: 5%;
padding-bottom: 8px;
overflow: hidden;
box-sizing: border-box;
cursor: grab;
}
.about-projects-swiper .swiper-wrapper,
.about-projects-swiper .swiper-slide {
cursor: grab;
} .about-projects-swiper .swiper-slide,
.about-projects-swiper .swiper-slide * {
cursor: inherit;
}
.about-projects-swiper.swiper-grabbing,
.about-projects-swiper.swiper-grabbing .swiper-wrapper,
.about-projects-swiper.swiper-grabbing .swiper-slide,
.about-projects-swiper.swiper-grabbing .swiper-slide * {
cursor: grabbing !important;
}
.about-projects-swiper.swiper-grabbing .swiper-slide * {
user-select: none;
}
.about-projects-swiper .swiper-wrapper {
align-items: stretch;
} .about-projects-swiper.swiper .swiper-slide {
height: auto;
align-self: stretch;
}
#servicesDesignSteps .about-projects-swiper .about-projects-card.swiper-slide {
position: relative;
}
#servicesDesignSteps .swiper {
padding-top: 117px;
}
#servicesDesignSteps
.about-projects-swiper
.about-projects-card.swiper-slide::before {
content: '';
position: absolute;
top: -117px;
left: 0;
width: 33px;
height: 33px;
z-index: 1;
background: url(https://amorcons.vn/wp-content/themes/amorcons/images/services/icon-step.svg) no-repeat center center;
background-size: contain;
} .about-projects-swiper .about-projects-card.swiper-slide {
display: flex;
flex-direction: column;
box-sizing: border-box;
margin: 0;
min-height: 0;
}
.about-projects-swiper img {
-webkit-user-drag: none;
user-select: none;
}
h4.about-projects-year:after {
content: '';
background: var(--about-timeline-year);
display: block;
height: 7px;
width: 7px;
border-radius: 100%;
position: absolute;
bottom: -15px;
}
h4.about-projects-year {
position: relative;
}
.about-projects-card {
margin: 0;
max-width: 642px;
}
.about-projects-year {
flex-shrink: 0;
margin: 0 0 55px;
padding: 0;
font-family: 'Inter', system-ui, sans-serif;
font-size: 15px;
font-weight: 600;
line-height: 40px;
color: var(--about-timeline-year);
text-transform: none;
}
.about-projects-card-body {
display: flex;
flex: 1 1 auto;
flex-direction: column;
gap: 18px;
min-height: 0;
}
.about-projects-card-desc {
display: flex;
flex: 1 1 auto;
flex-direction: column;
justify-content: flex-start;
margin: 0;
min-height: 0;
font-family:
'Google Sans Flex 72pt', 'Google Sans Flex', 'Inter', system-ui, sans-serif;
font-size: 14px;
font-weight: 400;
line-height: 16px;
color: var(--about-timeline-body);
}
.about-projects-card-desc p {
margin: 0 0 10px;
}
.about-projects-card-desc p:last-child {
margin-bottom: 0;
} .about-projects-media {
position: relative;
flex-shrink: 0;
width: 100%;
height: 304px;
overflow: hidden;
background: #111;
}
.about-projects-media > img:first-of-type {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
}
@media (max-width: 900px) {
.page-about-us-container {
padding: 0 16px 80px;
}
.about-projects-timeline {
padding: 32px 14px 48px;
margin-top: 16px;
}
.about-projects-line-decor {
top: 34px;
}
.about-projects-swiper {
padding-left: 16px;
padding-right: 16px;
}
.about-projects-year {
line-height: 1.2;
margin-bottom: 14px;
}
.about-projects-card-desc {
line-height: 1.45;
}
} .about-vm-section {
background: var(--menu-surface);
padding: 80px 5% 120px;
overflow-x: hidden;
}
.about-vm-inner {
max-width: 1600px;
margin: 0 auto;
display: flex;
flex-direction: column;
align-items: center;
gap: 80px;
}
.about-vm-intro {
display: flex;
flex-direction: column;
align-items: center;
gap: 32px;
text-align: center;
max-width: 793px;
}
.about-vm-icon {
width: 50px;
height: 50px;
flex-shrink: 0;
}
.about-vm-title {
font-family: var(--font-serif);
font-weight: 400;
font-size: clamp(26px, 2.2vw, 30px);
line-height: 1.2;
letter-spacing: -0.02em;
color: var(--gold);
font-feature-settings:
'lnum' 1,
'pnum' 1;
}
.about-vm-row {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: flex-start;
gap: clamp(40px, 7.7vw, 123px);
width: 100%;
padding-bottom: 80px;
box-sizing: border-box;
}
.about-vm-row.block-reverse {
flex-direction: row-reverse;
}
@media (min-width: 1024px) {
.about-vm-row {
padding-right: 80px;
}
}
.about-vm-media {
flex: 1 1 45%;
min-width: min(100%, 280px);
max-width: 917px;
}
.amorcons-frame,
.about-vm-media-frame {
position: relative;
width: 100%;
aspect-ratio: 917 / 687;
} .amorcons-frame::before,
.about-vm-media-frame::before {
content: '';
position: absolute;
z-index: 0;
left: -9%;
top: 7.5%;
width: 97%;
height: 104%;
background: var(--dark-card);
pointer-events: none;
}
.amorcons-frame.bg-right::before,
.about-vm-media-frame.bg-right::before {
left: auto;
right: -9%;
}
.amorcons-frame img,
.about-vm-media-frame img {
position: relative;
z-index: 1;
width: 100%;
height: 100%;
object-fit: cover;
}
.about-vm-copy {
flex: 1 1 380px;
min-width: min(100%, 280px);
display: flex;
flex-direction: column;
gap: 20px;
justify-content: center;
}
.about-vm-block-title {
font-family: 'Google Sans Flex';
font-weight: 500;
font-size: 24px;
line-height: 1.2;
color: #be966d;
text-transform: capitalize;
margin-bottom: 10px;
}
.about-vm-body {
font-family: var(--font-sans);
font-weight: 300;
font-size: 14px;
line-height: 20px;
letter-spacing: 0.25px;
color: #d4d4d8;
text-align: justify;
}
.about-vm-body p {
font-family: 'Google Sans Flex';
margin: 0 0 0.35em;
}
.about-vm-body p:last-child {
margin-bottom: 0;
}
.about-vm-divider {
border: none;
height: 1px;
margin: 4px 0 0;
max-width: 560px;
width: 100%;
background: rgba(255, 255, 255, 0.11);
flex-shrink: 0;
}
.about-vm-block--mission {
padding-bottom: 40px;
}
@media (max-width: 900px) {
.about-vm-section {
padding: 56px 16px 80px;
}
.about-vm-inner {
gap: 48px;
}
.about-vm-row {
flex-direction: column;
align-items: stretch;
padding-right: 0;
padding-bottom: 48px;
gap: 40px;
}
.about-vm-media {
max-width: none;
}
.amorcons-frame::before,
.about-vm-media-frame::before {
left: -5%;
top: 5%;
width: 94%;
height: 102%;
}
.amorcons-frame.bg-right::before,
.about-vm-media-frame.bg-right::before {
left: auto;
right: -5%;
}
.about-vm-block--mission {
padding-bottom: 24px;
}
} @media (max-width: 1200px) {
.page-contact-us-container {
gap: 56px;
padding-bottom: 100px;
}
#page-contact-us-section .page-contact-us-right .contact-form-box {
width: min(576px, 100%);
margin-right: 0;
}
}
@media (max-width: 1100px) {
.page-contact-us-container {
flex-direction: column;
align-items: center;
gap: 48px;
padding-bottom: 80px;
}
.page-contact-us-left,
.page-contact-us-right {
width: 100%;
max-width: 640px;
}
.page-contact-us-left-content {
justify-content: center;
}
.page-contact-us-photo-1,
.page-contact-us-photo-2 {
padding-top: 0;
padding-bottom: 0;
max-width: 100%;
height: auto;
}
#page-contact-us-section .page-contact-us-right .contact-form-box {
width: 100%;
max-width: 576px;
margin-left: auto;
margin-right: auto;
}
#page-contact-us-map-section {
padding-bottom: 120px;
}
} @media (max-width: 1800px) and (min-width: 1024px) {
#page-contact-us-section .page-contact-us-container {
align-items: flex-start;
min-width: 0;
}
#page-contact-us-section .page-contact-us-left {
flex: 1 1 0;
min-width: 0;
max-width: 100%;
overflow: visible;
}
#page-contact-us-section .page-contact-us-left-content {
max-width: 100%;
min-width: 0;
}
#page-contact-us-section .page-contact-us-photo-1,
#page-contact-us-section .page-contact-us-photo-2 {
flex: 1 1 calc(50% - 12px);
min-width: 0;
max-width: calc(50% - 12px);
width: 100%;
height: auto;
object-fit: cover;
padding-top: 0;
padding-bottom: 0;
}
#page-contact-us-section .page-contact-us-photo-2 {
padding-top: 0;
transform: translateY(70px);
}
#page-contact-us-section .page-contact-us-container .contact-form-box {
max-width: 410px;
width: 100%;
flex-shrink: 0;
}
#page-contact-us-section .page-contact-us-right {
flex-shrink: 0;
}
}
@media (max-width: 768px) {
.services-luxury-pagination-aside {
display: none;
}
#servicesDesignSteps .swiper {
padding-top: 65px;
}
#servicesDesignSteps
.about-projects-swiper
.about-projects-card.swiper-slide::before {
top: -60px;
width: 20px;
height: 20px;
} #page-contact-us-section {
position: relative;
padding: 0 0 48px;
}
#page-contact-us-section::before {
content: '';
position: absolute;
inset: 0;
background: transparent;
z-index: 0;
pointer-events: none;
}
#page-contact-us-section .services-header {
position: relative;
z-index: 1;
}
#page-contact-us-section .page-contact-us-container {
display: flex;
position: relative;
z-index: 1;
min-height: 878px;
width: 100%;
max-width: 100%;
margin: 0;
padding: 0;
gap: 40px;
align-items: unset;
flex-direction: column-reverse;
}
#page-contact-us-section .page-contact-us-left,
#page-contact-us-section .page-contact-us-right {
width: auto;
max-width: none;
}
.page-contact-us-right {
padding: 0 16px;
}
#page-contact-us-section .page-contact-us-right .contact-form-box {
margin: 0;
padding: 12px 16px 24px;
backdrop-filter: blur(17.041px);
-webkit-backdrop-filter: blur(17.041px);
background: rgba(48, 40, 34, 0.92);
border: none;
box-shadow:
0 20px 40px rgba(0, 0, 0, 0.45),
inset 0 0.852px 0 0 rgba(210, 183, 155, 0.08);
z-index: 2;
}
#page-contact-us-section .page-contact-us-left {
position: relative;
width: 100%;
padding: 0 16px;
z-index: 1;
}
#page-contact-us-section .page-contact-us-left-content {
flex-direction: row;
justify-content: center;
align-items: flex-end;
gap: 12px;
}
#page-contact-us-section .page-contact-us-photo-1,
#page-contact-us-section .page-contact-us-photo-2 {
flex: 1 1 calc(50% - 6px);
max-width: calc(50% - 6px);
min-width: 0;
height: auto;
padding: 0;
display: block;
object-fit: cover;
}
#page-contact-us-section .page-contact-us-photo-1 {
margin-bottom: 0;
}
#page-contact-us-section .page-contact-us-photo-2 {
transform: none;
}
#page-contact-us-map-section {
padding-bottom: 48px;
}
services-turnkey-item {
margin-bottom: 16px;
}
.services-turnkey-intro,
#page-contact-us-map-section .wp-container {
padding-left: 16px;
padding-right: 16px;
} .page-contact-us-map-content {
border-width: 1px;
border-style: solid;
border-color: rgba(48, 44, 40, 1);
padding: 0 16px;
}
.page-contact-us-map-iframe {
height: min(52vh, 380px);
min-height: 220px;
}
#page-contact-us-section .contact-form-box .contact-us-title {
font-size: 24px;
line-height: 38.991px;
letter-spacing: -0.426px;
}
#page-contact-us-section .form-pre-title,
#page-contact-us-section .form-post-title {
font-size: 14px;
line-height: 13.633px;
letter-spacing: 0.34px;
}
#page-contact-us-section .contact-form input,
#page-contact-us-section .contact-form textarea {
padding: 10.225px 13.633px;
font-size: 13px;
letter-spacing: 0.213px;
background: #1c1b18;
}
#page-contact-us-section .contact-form textarea {
resize: none;
min-height: 140px;
}
#page-contact-us-section .submit-btn {
border-radius: 11.93px;
min-height: 44px;
}
}
@media (max-width: 480px) {
#page-contact-us-section .page-contact-us-right .contact-form-box {
padding: 12px 12px 20px;
}
.page-contact-us-map-content {
border-width: 1px;
}
.page-contact-us-map-iframe {
height: min(48vh, 320px);
min-height: 200px;
}
}
@media (prefers-reduced-motion: reduce) {
.mobile-menu {
transition: none !important;
} .mobile-menu.open .mobile-menu-accent,
.mobile-menu.open .mobile-menu-link,
.mobile-menu.open .mobile-menu-lang-row,
.mobile-menu.open .mobile-menu-footer,
.mobile-menu.open .mobile-menu-social-list li {
opacity: 1 !important;
transform: none !important;
transition: none !important;
transition-delay: 0s !important;
}
} @media (max-width: 1400px) {
section.contact-us-section .contact-form-box {
width: min(576px, 45vw);
margin-right: 3%;
}
.contact-left {
max-width: 42vw;
}
} @media (max-width: 1100px) {
.hero-title {
font-size: 52px;
line-height: 68px;
}
.about-cols {
flex-direction: column;
padding-right: 48px;
padding-left: 48px;
gap: 48px;
}
.about-mosaic {
width: 100%;
flex: none;
min-height: 480px;
height: 480px;
}
.about-main-img {
width: 100%;
}
.services-grid {
grid-template-rows: 400px 400px;
}
.srv-cell-overlay {
padding: 20px;
}
.srv-cell-title {
font-size: 24px;
}
.srv-cell-desc {
font-size: 14px;
}
.srv-cell-icon {
width: 60px;
height: 60px;
}
.contact-us-container {
flex-direction: column;
gap: 48px;
align-items: stretch;
}
.contact-left {
max-width: 100%;
padding-left: 0;
}
section.contact-us-section .contact-form-box {
width: 100%;
max-width: 576px;
margin: 0 auto;
}
}
.nav-logo-link {
width: 190px;
display: block;
} @media (max-width: 1300px) {
.site-header .mobile-only {
display: block !important;
}
.site-header .desktop-only,
.site-header span.desktop-only {
display: none !important;
}  .navbar {
left: 0;
right: 0;
width: auto;
margin-left: auto;
margin-right: auto;
transform: none;
padding: 0 16px;
height: var(--nav-h);
gap: 0 21px;
column-gap: 21px;
background: transparent;
backdrop-filter: none;
-webkit-backdrop-filter: none;
display: grid;
grid-template-columns: 1fr auto 1fr;
align-items: center;
justify-content: stretch;
transition:
background 0.28s ease,
backdrop-filter 0.28s ease,
-webkit-backdrop-filter 0.28s ease;
}
.site-header.site-header--scrolled .navbar {
background: var(--dark-nav);
backdrop-filter: blur(20px);
-webkit-backdrop-filter: blur(20px);
}
.nav-logo-link {
grid-column: 2;
grid-row: 1;
display: flex;
justify-content: center;
z-index: 10;
}
.nav-logo-link img.mobile-only {
height: 24px;
width: auto;
max-width: 110px;
object-fit: contain;
}
.nav-right {
display: contents !important;
padding-right: 60px;
}
.nav-tabs {
display: none;
}
.lang-dropdown {
display: none !important;
}
.nav-btn {
padding: 0;
background: transparent !important;
}
.nav-btn[href^='tel'] {
grid-column: 3;
grid-row: 1;
display: flex !important;
justify-content: flex-end;
z-index: 10;
}
.nav-btn[href^='tel'] img.mobile-only {
width: 24px;
height: 24px;
}
.hamburger-btn {
display: flex !important;
grid-column: 1;
grid-row: 1;
padding: 0;
z-index: 10;
}
.hamburger-btn img.mobile-only {
width: 20px;
height: 20px;
object-fit: contain;
}
} @media (max-width: 768px) {
html {
overflow-x: hidden;
width: 100%;
background: var(--dark-bg);
}
body {
padding-top: 0;
width: 100%;
max-width: 100%;
}
header,
footer {
max-width: 100%;
}
main {
max-width: 100%;
background: var(--dark-bg);
min-width: 0;
}
img.srv-award {
display: none !important;
}
.services-header img.srv-award {
display: block !important;
width: 24px;
height: 24px;
} #page-about-us-section .services-header {
padding: 40px 16px 32px;
gap: 12px;
}
#page-about-us-section .srv-sub {
color: #afafaf;
}
.page-about-us-section .page-about-us-container {
padding: 0 0 56px;
}
.page-about-us-section .about-projects-timeline {
padding: 16px 0 32px;
margin-top: 0;
}
.page-about-us-section .about-projects-track.about-projects-track--swiper {
width: 100%;
max-width: none;
margin-left: 0;
margin-right: 0;
}
.page-about-us-section .about-projects-swiper {
padding-left: 16px;
padding-right: 16px;
padding-bottom: 12px;
}
.page-about-us-section .about-projects-year {
font-size: 14px;
line-height: 1.25;
margin: 0 0 40px;
}
.page-about-us-section h4.about-projects-year:after {
bottom: -12px;
width: 6px;
height: 6px;
}
.page-about-us-section .about-projects-card-desc {
font-size: 14px;
line-height: 20px;
letter-spacing: 0.25px;
}
.page-about-us-section .about-projects-media {
height: auto;
aspect-ratio: 358 / 127;
min-height: 118px;
max-height: 200px;
overflow: hidden;
}
.page-about-us-section .about-projects-card {
max-width: none;
}
.about-vm-section {
padding: 40px 0 56px;
background: #1e1e1e;
}
.about-vm-inner {
gap: 24px;
}
.about-vm-intro {
gap: 12px;
max-width: 100%;
padding: 0 16px;
box-sizing: border-box;
}
.about-vm-icon {
width: 24px;
height: 24px;
}
.about-vm-title {
font-size: 20px;
line-height: 32px;
letter-spacing: -0.4px;
}
.about-vm-row {
flex-direction: column;
align-items: stretch;
gap: 12px;
padding: 0;
padding-bottom: 24px;
}
.about-vm-media {
flex: none;
width: 100%;
max-width: 351px;
margin: 0 auto;
padding: 0 16px;
box-sizing: content-box;
}
.amorcons-frame,
.about-vm-media-frame {
aspect-ratio: 351 / 254; }
.amorcons-frame::before,
.about-vm-media-frame::before {
left: -2%;
top: 9%;
width: 97%;
height: 94%;
border-radius: 6px;
}
.amorcons-frame.bg-right::before,
.about-vm-media-frame.bg-right::before {
left: auto;
right: -2%;
}
.about-vm-copy {
gap: 46px;
padding: 24px 0px;
width: 100%;
box-sizing: border-box;
}
.about-vm-block-title {
font-size: 20px;
line-height: 1.2;
margin-bottom: 10px;
}
.about-vm-body {
font-size: 14px;
line-height: 20px;
}
.about-vm-divider {
max-width: 100%;
margin: 0;
}
.about-vm-block--mission {
padding-bottom: 16px;
}
.mobile-only {
display: block !important;
}
.desktop-only,
span.desktop-only {
display: none !important;
} .hero {
height: 800px;
min-height: 800px;
position: relative;
padding-top: var(--nav-h);
}
.hero::before {
content: none;
}
.hero-text {
gap: 24px;
width: 100%;
margin: 0 auto;
padding: 0 16px;
background: none;
border: none;
border-radius: 0;
box-shadow: none;
backdrop-filter: none;
-webkit-backdrop-filter: none;
}
.hero-title {
font-family: var(--font-serif);
font-style: italic;
font-weight: 400;
font-size: 32px;
line-height: 45px;
letter-spacing: -0.64px;
color: var(--text-on-dark);
max-width: 100%;
margin: 0 auto;
text-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
font-feature-settings:
'liga' 0,
'lnum' 1,
'pnum' 1;
}
.hero-subtitle {
font-size: 14px;
line-height: 24px;
letter-spacing: 0.5px;
color: #fff;
max-width: 720px;
margin: 0 auto;
font-weight: 300;
} .page-services {
display: flex;
flex-direction: column;
gap: 40px;
}
.page-services > .hero {
flex-shrink: 0;
}
.page-services .services-page-icon {
width: 24px;
height: 24px;
object-fit: contain;
}
.page-services .services-page-title,
.page-services .services-luxury-title {
font-size: 20px;
line-height: 32px;
letter-spacing: -0.4px;
}
.page-services .services-page-steps-header,
.page-services .services-luxury-head,
.page-services .services-turnkey-intro {
gap: 12px;
}
.page-services .services-page-steps-inner {
padding-top: 40px;
padding-bottom: 16px;
}
.page-services .page-services-steps-container {
padding-bottom: 40px;
}
.page-services-steps-section .about-projects-timeline {
padding: 24px 0 32px;
margin-top: 0;
}
.page-services-steps-section .about-projects-swiper {
padding-left: 16px;
padding-right: 16px;
padding-bottom: 8px;
}
.page-services-steps-section .about-projects-year {
font-size: 10px;
line-height: 16.775px;
letter-spacing: 0;
color: var(--gold-red);
margin: 0 0 10px;
text-transform: none;
font-weight: 600;
font-family: var(--font-sans);
}
.page-services-steps-section .about-projects-card-desc {
font-size: 14px;
line-height: 20px;
letter-spacing: 0.25px;
}
.page-services-steps-section .about-projects-media {
height: auto; min-height: 118px;
max-height: 200px;
overflow: hidden;
}
.page-services-steps-section .about-projects-card {
max-width: none;
}
.page-services .services-page-luxury-inner {
padding-top: 40px;
padding-bottom: 48px;
gap: 32px;
} .page-services .services-luxury-swiper {
height: min(52vh, 420px);
min-height: 260px;
max-height: 480px;
}
.page-services .services-luxury-sub {
font-size: 14px;
line-height: 18px;
color: #afafaf;
}
.page-services .services-page-turnkey-inner {
padding-top: 32px;
padding-bottom: 48px;
gap: 40px;
}
.page-services .services-turnkey-lead {
font-size: 14px;
line-height: 20px;
}
.page-services .services-turnkey-panel {
padding-left: 16px;
padding-right: 16px;
} .page-home {
display: flex;
flex-direction: column;
gap: 40px;
}
.page-home > .hero {
flex-shrink: 0;
}
.page-home .about-wrap {
padding: 0 16px 40px;
}
.page-home .services-header {
padding: 40px 16px;
gap: 12px;
} .about-wrap {
display: flex;
flex-direction: column;
align-items: stretch;
gap: 24px;
padding: 40px 16px;
box-sizing: border-box;
}
.divider-icon-block {
order: 1;
margin-bottom: 0;
gap: 20px;
width: 100%;
}
.about-cols {
display: contents;
padding: 0;
gap: 0;
}
.about-text {
display: contents;
gap: 0;
}
.about-headline {
order: 2;
width: 100%;
box-sizing: border-box;
font-size: 20px;
line-height: 32px;
letter-spacing: -0.4px;
}
.about-mosaic {
order: 3;
flex: none;
width: 100%;
min-height: 360px;
height: 360px;
}
.timeline-wrap {
order: 4;
width: 100%;
box-sizing: border-box;
gap: 32px;
}
.about-img-area {
height: 100%;
}
.about-main-img {
width: 100%;
}
.about-backdrop-two {
padding: 20px 16px;
}
.about-backdrop-text {
font-size: 14px; line-height: 20px; color: rgba(255, 255, 255, 0.34); }
.timeline-items {
gap: 24px;
} .t-name {
font-size: 14px;
line-height: normal;
} .t-num {
font-size: 14px;
} #page-contact-us-section .services-header {
padding: 40px 16px; gap: 12px; } .srv-title {
font-size: 20px;
line-height: 32px;
letter-spacing: -0.4px;
margin-top: 0;
} .srv-sub {
font-size: 14px;
line-height: 20px;
letter-spacing: 0.25px;
font-weight: 300;
color: #afafaf;
} .services-grid {
display: grid;
grid-template-columns: 1fr 1fr;
grid-template-rows: auto;
grid-auto-rows: auto;
gap: 1px;
width: 100%;
}
.services-wrap .srv-cell {
aspect-ratio: 328 / 237.870697;
width: 100%;
min-height: 0;
}
.srv-cell-overlay {
opacity: 1;
padding: 0 9px 10px;
background: linear-gradient(
180deg,
rgba(30, 24, 21, 0) 35%,
rgba(30, 24, 21, 0.82) 100%
);
justify-content: flex-end;
align-items: flex-start;
}
.srv-cell-content {
transform: none;
flex-direction: column;
gap: 6px;
width: 100%;
} .srv-cell:hover .srv-cell-bg {
transform: none;
opacity: 1;
}
.srv-cell:hover .srv-cell-video {
opacity: 0;
}
.srv-cell-title {
font-family: var(--font-serif);
font-size: 10px;
line-height: 1.1;
letter-spacing: -0.2px;
margin: 0;
font-weight: 400;
}
.srv-cell-desc {
display: none !important;
}
.srv-cell-icon {
width: 16px;
height: 16px;
margin: 0;
margin-bottom: 7px;
flex-shrink: 0;
object-fit: contain;
} .cta-mid {
padding: 40px 16px; gap: 12px; } .cta-mid-text {
font-size: 20px;
line-height: 32px;
letter-spacing: -0.4px;
}
section.contact-us-section {
margin-top: 0;
width: 100%;
max-width: 100%;
overflow-x: hidden;
box-sizing: border-box;
} .contact-us {
display: block;
padding: 24px 0 48px;
min-height: 0;
width: 100%;
max-width: 100%;
box-sizing: border-box;
overflow-x: hidden;
background-image: url(https://amorcons.vn/wp-content/themes/amorcons/images/contact-us/contact-us-mobile.jpg);
background-size: cover;
background-position: left top;
background-repeat: no-repeat;
}
.contact-us::before {
background: rgba(0, 0, 0, 0.51);
}
.contact-us-container {
display: block;
position: relative;
min-height: 0;
width: 100%;
max-width: 100%;
min-width: 0;
margin: 0;
padding: 0 10px;
box-sizing: border-box;
} section.contact-us-section .contact-form {
gap: 12px;
}
section.contact-us-section .contact-form-box {
position: relative;
left: auto;
right: auto;
top: auto;
width: 100%;
max-width: none;
margin: 0;
padding: 12px 16px 16px;
backdrop-filter: blur(17.041px);
-webkit-backdrop-filter: blur(17.041px);
background: rgba(48, 40, 34, 0.92);
border: none;
box-shadow:
0 20px 40px rgba(0, 0, 0, 0.45),
inset 0 0.852px 0 0 rgba(210, 183, 155, 0.08);
z-index: 2;
} section.contact-us-section .contact-left {
display: none;
}
.contact-subtitle {
display: none;
}
.contact-hero-title {
font-size: 20px;
line-height: 32px;
letter-spacing: -0.4px;
color: #ede8e8;
margin-bottom: 16px;
}
.contact-hero-title span {
font-style: italic;
}
.contact-desc {
font-size: 14px;
line-height: 20px;
letter-spacing: 0.25px;
color: #afafaf;
}
.contact-desc br {
display: none;
} section.contact-us-section .contact-form-box .contact-us-title {
font-size: 24px;
line-height: 38.991px;
letter-spacing: -0.426px;
} section.contact-us-section .form-pre-title,
section.contact-us-section .form-post-title {
font-size: 14px;
line-height: 13.633px;
letter-spacing: 0.34px;
}
section.contact-us-section .contact-form input,
section.contact-us-section .contact-form textarea {
padding: 10.225px 13.633px;
font-size: 13px;
letter-spacing: 0.213px;
background: #1c1b18;
}
section.contact-us-section .contact-form textarea {
resize: none;
min-height: 120px;
}
section.contact-us-section .submit-btn {
border-radius: 11.93px;
min-height: 44px;
} .footer-bar-inner {
flex-direction: column;
align-items: flex-start;
gap: 9px;
padding: 16px;
text-align: left;
}
.footer-social {
width: 100%;
display: flex;
align-items: center;
justify-content: space-between;
gap: 9px;
flex-wrap: nowrap;
}
.footer-bar {
background: var(--dark-bg);
border-top: none;
}
.footer-logo img {
height: 18.126px;
width: auto;
}
.footer-follow-text {
font-size: 14px;
line-height: 16px;
letter-spacing: 0.4px;
color: #848484;
opacity: 0.7;
}
.footer-follow-line {
opacity: 0.7;
}
.footer-social-list {
margin-left: auto;
gap: 14.841px;
}
.footer-social-icon {
width: 24.735px;
height: 24.735px;
background: transparent;
}
.mobile-menu-links {
margin-top: 40px;
}
.timeline-item.active .t-desc {
font-size: 14px;
line-height: 20px;
letter-spacing: 0.25px;
color: #afafaf;
}
} @media (max-width: 480px) {
.services-turnkey-rail {
display: none;
}
li.services-turnkey-item::after {
display: none;
}
section.contact-us-section .contact-form-box {
padding: 12px 12px 20px;
}
#amorconsScrollTop {
display: none !important;
}
}
.bg-block {
background-image: url(https://amorcons.vn/wp-content/themes/amorcons/images/contact-us/bg.png);
} .wpcf7-form > p,
.contact-form > p {
margin: 0;
width: 100%;
}
.wpcf7-form .wpcf7-form-control-wrap,
.contact-form .wpcf7-form-control-wrap {
display: block;
width: 100%;
}
.wpcf7-form input[type='submit'].submit-btn,
.wpcf7-form input.wpcf7-submit.submit-btn,
.contact-form input[type='submit'].submit-btn,
.contact-form input.wpcf7-submit.submit-btn {
display: block;
width: 100%;
}
.wpcf7-form .wpcf7-not-valid-tip,
.contact-form .wpcf7-not-valid-tip {
color: #f8b2a2;
font-size: 14px;
margin-top: 6px;
text-align: left;
}
.wpcf7-form .wpcf7-response-output,
.contact-form .wpcf7-response-output {
margin: 0;
padding: 14px 16px;
border-radius: 12px;
font-family: 'Google Sans Flex', 'Google Sans', sans-serif;
font-size: 13px;
line-height: 1.4;
}
.contact-form .wpcf7-mail-sent-ok {
background: rgba(240, 228, 212, 0.22);
border: 1px solid rgba(210, 183, 155, 0.45);
color: rgba(250, 250, 249, 1);
}
.contact-form .wpcf7-mail-sent-ng,
.contact-form .wpcf7-validation-errors,
.contact-form .wpcf7-acceptance-missing {
background: rgba(60, 20, 20, 0.35);
border: 1px solid rgba(248, 178, 162, 0.45);
color: rgba(255, 220, 210, 1);
}
.contact-form .wpcf7-spinner {
margin: 8px auto 0;
}
.contact-form-box .contact-us-title {
font-family: 'Playfair Display', serif;
font-weight: 400;
font-style: normal;
font-size: 32px;
line-height: 38.99px;
letter-spacing: -0.43px;
text-align: center;
color: rgba(240, 228, 212, 1);
margin: 0 0 13px 0;
}
.form-post-title {
font-family: 'Google Sans Flex', 'Google Sans', sans-serif;
font-size: 14px;
font-weight: 400;
font-style: normal;
line-height: 13.63px;
letter-spacing: 0.34px;
text-align: center;
color: rgba(210, 183, 155, 0.55);
margin: 0 0 24px 0;
}
.form-dots {
margin-bottom: 32px;
display: flex;
justify-content: center;
}
.form-dots img {
height: 6px;
opacity: 0.6;
}
.contact-form {
display: flex;
flex-direction: column;
gap: 16px;
} .wpcf7-form > p,
.contact-form > p {
margin: 0;
width: 100%;
}
.wpcf7-form .wpcf7-form-control-wrap,
.contact-form .wpcf7-form-control-wrap {
display: block;
width: 100%;
}
.wpcf7-form input[type='submit'].submit-btn,
.wpcf7-form input.wpcf7-submit.submit-btn,
.contact-form input[type='submit'].submit-btn,
.contact-form input.wpcf7-submit.submit-btn {
display: block;
width: 100%;
}
.wpcf7-form .wpcf7-not-valid-tip,
.contact-form .wpcf7-not-valid-tip {
color: #f8b2a2;
font-size: 14px;
margin-top: 6px;
text-align: left;
}
.wpcf7-form .wpcf7-response-output,
.contact-form .wpcf7-response-output {
margin: 0;
padding: 14px 16px;
border-radius: 12px;
font-family: 'Google Sans Flex', 'Google Sans', sans-serif;
font-size: 13px;
line-height: 1.4;
}
.contact-form .wpcf7-mail-sent-ok {
background: rgba(240, 228, 212, 0.22);
border: 1px solid rgba(210, 183, 155, 0.45);
color: rgba(250, 250, 249, 1);
}
.contact-form .wpcf7-mail-sent-ng,
.contact-form .wpcf7-validation-errors,
.contact-form .wpcf7-acceptance-missing {
background: rgba(60, 20, 20, 0.35);
border: 1px solid rgba(248, 178, 162, 0.45);
color: rgba(255, 220, 210, 1);
}
.contact-form .wpcf7-spinner {
margin: 8px auto 0;
}
.contact-form-success {
display: none;
margin-top: 14px;
padding: 14px 16px;
border-radius: 12px;
background: rgba(240, 228, 212, 0.22);
border: 1px solid rgba(210, 183, 155, 0.45);
box-shadow:
0 12px 28px rgba(0, 0, 0, 0.35),
0 0 0 1px rgba(240, 228, 212, 0.08) inset;
color: rgba(250, 250, 249, 1);
position: relative;
opacity: 0;
transform: translateY(8px);
pointer-events: none;
transition:
opacity 0.25s ease,
transform 0.25s ease;
}
.contact-form-success::before {
content: '';
position: absolute;
left: 0;
top: 10px;
bottom: 10px;
width: 3px;
border-radius: 999px;
background: linear-gradient(
180deg,
rgba(240, 228, 212, 0.95),
rgba(177, 129, 81, 0.95)
);
}
.contact-form-success.is-visible {
display: block;
opacity: 1;
transform: translateY(0);
pointer-events: auto;
}
.contact-form-success__title {
font-family: 'Google Sans Flex', 'Google Sans', sans-serif;
font-size: 14px;
font-weight: 600;
letter-spacing: 0.2px;
color: rgba(250, 250, 249, 1);
margin-bottom: 6px;
}
.contact-form-success__body {
font-family: 'Google Sans Flex', 'Google Sans', sans-serif;
font-size: 14px;
font-weight: 300;
line-height: 18px;
letter-spacing: 0.25px;
color: rgba(250, 250, 249, 0.88);
}
.contact-form input,
.wpcf7-form-control,
.wpcf7-textarea,
.contact-form textarea {
width: 100%;
background: #1b1917;
border: 1px solid transparent;
padding: 16px 20px;
font-family: 'Google Sans Flex', sans-serif;
font-size: 14px;
color: #fff;
outline: none;
transition: border-color 0.3s ease;
}
.wpcf7-form-control::placeholder,
.contact-form input::placeholder,
.wpcf7-textarea::placeholder,
.contact-form textarea::placeholder {
color: rgba(210, 183, 155, 1);
}
.wpcf7-form-control:focus,
.wpcf7-textarea:focus,
.contact-form input:focus,
.contact-form textarea:focus {
border-color: rgba(177, 129, 81, 0.5);
}
.wpcf7-textare,
.contact-form textarea {
resize: none;
min-height: 120px;
}
.wpcf7-form {
gap: 0px !important;
}
.wpcf7-not-valid-tip {
margin-top: 5px;
}
.hidden-fields-container {
background: transparent;
border: none;
padding: 0;
margin: 0;
}
.screen-reader-response p {
font-size: 14px;
color: #f8b2a2;
}
.wpcf7-response-output {
display: none;
}
.screen-reader-response ul {
list-style: none;
display: none !important;
} .wpcf7-submit,
.submit-btn {
margin-top: 15px !important;
width: 100%;
color: #1a1a1a;
border: none;
padding: 12px 20px;
min-height: 44px;
font-family: 'Google Sans Flex', sans-serif;
font-size: 14px;
font-weight: 400;
letter-spacing: 0.1em;
text-transform: uppercase;
cursor: pointer;
display: flex;
justify-content: center;
gap: 10px;
align-items: center;
transition: filter 0.25s ease;
margin-top: 0;
border-radius: 11.93px;
box-sizing: border-box;
background: linear-gradient(90deg, #d2b79b, #c8a882, #e8d4bc, #c4a07b);
box-shadow:
0 1.7px 6.82px rgba(0, 0, 0, 0.3),
0 6.82px 27.27px rgba(210, 183, 155, 0.25);
}
.submit-btn-text,
.submit-btn-arrow {
flex-shrink: 0;
line-height: 1.2;
}
.contact-form .submit-btn {
width: 100%;
}
.submit-btn:hover {
filter: brightness(1.06) saturate(1.04);
} .scroll-to-top {
position: fixed;
z-index: 210;
right: max(20px, env(safe-area-inset-right));
bottom: max(24px, env(safe-area-inset-bottom));
display: flex;
align-items: center;
justify-content: center;
width: 48px;
height: 48px;
margin: 0;
padding: 0;
border: 1px solid rgba(255, 255, 255, 0.12);
border-radius: 50%;
background: rgba(33, 27, 27, 0.92);
color: rgba(255, 255, 255, 0.92);
box-shadow: 0 8px 28px rgba(0, 0, 0, 0.35);
cursor: pointer;
opacity: 0;
visibility: hidden;
transform: translateY(10px);
transition:
opacity 0.28s ease,
visibility 0.28s ease,
transform 0.28s ease,
background 0.2s ease,
border-color 0.2s ease,
color 0.2s ease;
}
.scroll-to-top.is-visible {
opacity: 1;
visibility: visible;
transform: translateY(0);
}
.scroll-to-top:hover {
background: rgba(177, 129, 81, 0.35);
border-color: rgba(248, 178, 162, 0.45);
color: #fff;
}
.scroll-to-top:focus-visible {
outline: 2px solid rgba(248, 178, 162, 0.85);
outline-offset: 3px;
}
.scroll-to-top svg {
display: block;
}
@media (prefers-reduced-motion: reduce) {
.scroll-to-top {
transition: none;
}
}
.lang-dropdown {
position: relative;
}
.lang-dropdown > div.home-menu {
position: absolute;
top: 0px;
left: -60px;
}
.lang-dropdown-panel__current,
.entry-header {
display: none !important;
}
.navbar:not(.scroll-nav) {
background: transparent;
backdrop-filter: none;
-webkit-backdrop-filter: none;
}
.navbar:not(.scroll-nav) .nav-tabs {
display: none;
}
@media (min-width: 769px) {
.navbar:hover .nav-tabs {
display: flex;
}
.navbar:hover {
transition: 1.5s;
background: var(--dark-nav);
backdrop-filter: blur(20px);
-webkit-backdrop-filter: blur(20px);
} .navbar.scroll-nav .home-menu,
.navbar:hover .home-menu {
display: none;
}
.nav-right {
position: relative;
padding-right: 60px;
}
.nav-btn--phone {
display: flex;
gap: 0px;
align-items: center;
}
.nav-btn--phone > span {
margin-left: 5px;
}
}
.break-line {
width: 100%;
height: 1px;
border-bottom: 1px solid rgba(255, 255, 255, 0.11);
}
.about-us-title {
color: #a27760;
font-variant-numeric: lining-nums proportional-nums;
font-feature-settings: 'liga' off;
font-family: 'Playfair Display';
font-size: 24px;
font-style: normal;
font-weight: 400;
line-height: 36.16px; letter-spacing: -0.48px;
}
.about-us-des {
color: #d4d4d8; font-family: 'Google Sans Flex';
font-size: 16px;
font-style: normal;
text-align: justify;
font-weight: 300;
line-height: var(--Static-Body-Medium-Line-Height, 20px); letter-spacing: var(--Static-Body-Medium-Tracking, 0.25px);
}
.about-us-title,
.about-us-des {
max-width: 1600px;
margin: 0 auto;
}
@media (max-width: 768px) {
.about-vm-copy {
flex: 1 1 0px;
order: 1;
}
.about-vm-section {
padding: 20px 16px;
}
.about-us-des {
font-size: 13px;
padding: 0px 16px;
}
.about-us-des,
.about-us-title {
padding: 0px;
}
.wp-block-image > img {
height: auto !important;
}
.amorcons-frame > img {
width: 100%;
}
.about-vm-media {
max-width: 100%;
padding: 0px;
}
}