body.smouha-home-design {
background: var(--smouha-sand-light) !important;
color: var(--smouha-charcoal) !important;
}
body.smouha-home-design #sm-phase1 {
background: var(--smouha-sand-light) !important;
color: var(--smouha-charcoal) !important;
}
body.smouha-home-design #sm-phase1 .sh-site {
--sh-paper: var(--smouha-sand-light);
--sh-surface: var(--smouha-ivory);
--sh-field: var(--smouha-ivory);
--sh-text: var(--smouha-charcoal);
--sh-copy: var(--smouha-muted);
--sh-muted: var(--smouha-muted);
--sh-line: var(--smouha-line);
--sh-action: var(--smouha-petrol);
--sh-action-hover: var(--smouha-petrol-hover);
--sh-on-action: var(--smouha-ivory);
--sh-action-pressed: var(--smouha-petrol-pressed);
--sh-soft: var(--smouha-sand);
}
body.smouha-home-design #sm-phase1 {
--shc-paper: var(--smouha-sand-light);
--shc-surface: var(--smouha-ivory);
--shc-ink: var(--smouha-charcoal);
--shc-copy: var(--smouha-muted);
--shc-line: var(--smouha-line);
--shc-soft: var(--smouha-sand);
}
body.smouha-home-design #sm-phase1 .p1-project-card[data-smc-version="2"] {
--smc-ink: var(--smouha-charcoal);
--smc-copy: var(--smouha-muted);
--smc-line: var(--smouha-line);
--smc-surface: var(--smouha-ivory);
--smc-soft: var(--smouha-sand-light);
}
body.smouha-home-design #sm-phase1 .smd-hero-frame > .sh-site {
padding-block: 52px 44px !important;
}
body.smouha-home-design #sm-phase1 .smd-hero-frame .sh-layout {
flex-direction: column !important;
}
body.smouha-home-design #sm-phase1 .smd-hero-frame .sh-lead {
margin-inline: auto;
}
body.smouha-home-design #sm-phase1 .smd-hero-frame .sh-description {
margin-inline: auto !important;
}
body.smouha-home-design #sm-phase1 .smd-hero-frame .sh-search {
margin-inline: auto !important;
}
body.smouha-home-design #sm-phase1 .smd-hero-frame .sh-support {
display: none !important;
}
body.smouha-home-design #sm-phase1 .p1-project-card[data-smc-version="2"] .smc-project-media,
body.smouha-home-design #sm-phase1 .p1-project-card[data-smc-version="2"] .smc-project-media > .p1-card-media {
width: 100% !important;
margin: 0 !important;
border-radius: 15px 15px 0 0 !important;
}
body.smouha-home-design #sm-phase1 .p1-project-card[data-smc-version="2"] .smc-project-media > .p1-card-media {
aspect-ratio: 16 / 10 !important;
min-height: 0 !important;
background: var(--smouha-sand) !important;
}
@media (max-width: 767px) {
body.smouha-home-design #sm-phase1 .smd-hero-frame > .sh-site {
padding-block: 34px 30px !important;
}
body.smouha-home-design #sm-phase1 .p1-project-card[data-smc-version="2"] .smc-project-media > .p1-card-media {
aspect-ratio: 4 / 3 !important;
}
}
body.smouha-home-design #sm-phase1 {
--sm-space-1: 8px;
--sm-space-2: 16px;
--sm-space-3: 24px;
--sm-space-4: 32px;
--sm-space-5: 48px;
--sm-space-6: 64px;
--sm-space-7: 96px;
}
body.smouha-home-design #sm-phase1 .smd-hero-frame {
position: relative;
}
body.smouha-home-design #sm-phase1 .smd-hero-frame .sh-eyebrow {
letter-spacing: 0 !important;
}
body.smouha-home-design #sm-phase1 .p1-section-head {
margin-bottom: 32px !important;
}
body.smouha-home-design #sm-phase1 .p1-section-head h2,
body.smouha-home-design #sm-phase1 .p1-info h2,
body.smouha-home-design #sm-phase1 .p1-contact-copy h2 {
margin-bottom: 12px !important;
font-size: clamp(32px, 3vw, 38px) !important;
line-height: 1.42 !important;
letter-spacing: -.01em;
text-wrap: balance;
}
body.smouha-home-design #sm-phase1 .p1-section-head p,
body.smouha-home-design #sm-phase1 .p1-info p,
body.smouha-home-design #sm-phase1 .p1-contact-intro {
color: var(--smouha-muted) !important;
font-size: 16px !important;
line-height: 1.9 !important;
}
body.smouha-home-design #sm-phase1 .p1-project-card[data-smc-version="2"] {
transition: transform .22s ease, box-shadow .22s ease, border-color .22s ease;
}
body.smouha-home-design #sm-phase1 .p1-project-card[data-smc-version="2"]:hover {
transform: translateY(-3px);
border-color: var(--sm-border-strong) !important;
box-shadow: 0 18px 42px rgba(48,51,46,.09) !important;
}
body.smouha-home-design #sm-phase1 .p1-project-card[data-smc-version="2"] .smc-finance-strip {
border-block: 0 !important;
}
body.smouha-home-design #sm-phase1 .p1-project-card[data-smc-version="2"] .smc-finance-strip:not(.smc-finance-price-only) {
gap: 8px 10px !important;
}
body.smouha-home-design #sm-phase1 .p1-project-card[data-smc-version="2"] .smc-finance-strip:not(.smc-finance-price-only) .smc-finance-price {
padding: 0 0 12px !important;
border-bottom: 1px solid var(--smouha-line) !important;
}
body.smouha-home-design #sm-phase1 .p1-project-card[data-smc-version="2"] .smc-finance-strip dt {
color: var(--sm-text-secondary) !important;
font-size: 12px !important;
line-height: 1.55 !important;
}
body.smouha-home-design #sm-phase1 .p1-project-card[data-smc-version="2"] .smc-finance-strip .smc-finance-price dd {
line-height: 1.35 !important;
}
body.smouha-home-design #sm-phase1 .p1-project-card[data-smc-version="2"] .smc-finance-strip dd {
color: var(--smouha-charcoal) !important;
font-size: 15px !important;
line-height: 1.55 !important;
font-weight: 700 !important;
}
body.smouha-home-design #sm-phase1 .p1-wrap > .p1-section:has(> .p1-steps) {
position: relative;
margin-block: 0 !important;
padding: 52px 36px !important;
border: 1px solid var(--sm-border) !important;
border-radius: 24px !important;
background: var(--smouha-ivory) !important;
}
body.smouha-home-design #sm-phase1 .p1-steps {
position: relative;
}
@media (min-width: 900px) {
body.smouha-home-design #sm-phase1 .p1-steps::before {
content: "";
position: absolute;
top: 23px;
inset-inline: 16%;
height: 1px;
background: var(--sm-border);
z-index: 0;
}
}
body.smouha-home-design #sm-phase1 .p1-step {
position: relative;
z-index: 1;
}
body.smouha-home-design #sm-phase1 .p1-step::before {
width: 46px !important;
min-height: 46px !important;
border: 1px solid var(--sm-text-primary) !important;
color: var(--smouha-ivory) !important;
font-size: 13px !important;
font-weight: 750 !important;
box-shadow: 0 0 0 8px var(--smouha-ivory);
}
body.smouha-home-design #sm-phase1 .p1-step > h3 {
font-size: 20px !important;
line-height: 1.55 !important;
font-weight: 750 !important;
}
body.smouha-home-design #sm-phase1 .p1-step > p {
color: var(--smouha-muted) !important;
font-size: 14px !important;
line-height: 1.85 !important;
}
body.smouha-home-design #sm-phase1 #enquire {
padding-top: 72px !important;
}
body.smouha-home-design #sm-phase1 .p1-contact-block {
gap: 44px !important;
padding: 42px !important;
border: 1px solid var(--sm-border) !important;
border-radius: 24px !important;
box-shadow: 0 16px 42px rgba(48,51,46,.06) !important;
}
body.smouha-home-design #sm-phase1 .p1-contact-copy {
align-self: center;
}
body.smouha-home-design #sm-phase1 .p1-contact-points {
gap: 10px !important;
margin-block: 22px 26px !important;
}
body.smouha-home-design #sm-phase1 .p1-contact-points li {
color: var(--sm-text-primary) !important;
font-size: 15px !important;
}
body.smouha-home-design #sm-phase1 .p1-contact-copy a.p1-btn-whatsapp {
border-color: var(--smouha-petrol) !important;
background: var(--smouha-petrol) !important;
}
body.smouha-home-design #sm-phase1 .p1-contact-copy a.p1-btn-whatsapp:hover {
border-color: var(--smouha-petrol-hover) !important;
background: var(--smouha-petrol-hover) !important;
}
body.smouha-home-design #sm-phase1 .p1-crosslinks {
border-top: 1px solid var(--sm-border) !important;
}
body.smouha-home-design #sm-phase1 .sm-lead-submit,
body.smouha-home-design #sm-phase1 .p1-contact-copy a.p1-btn-whatsapp{
background: var(--sm-text-primary) !important;
border-color: var(--sm-text-primary) !important;
color: var(--sm-surface-main) !important;
}body.smouha-home-design #sm-phase1 .sm-lead-submit:hover,
body.smouha-home-design #sm-phase1 .p1-contact-copy a.p1-btn-whatsapp:hover{
background: var(--sm-text-primary) !important;
border-color: var(--sm-text-primary) !important;
}
body.smouha-home-design #sm-phase1 .smd-hero-frame .sh-eyebrow,
body.smouha-home-design #sm-phase1 .p1-eyebrow,
body.smouha-home-design #sm-phase1 .p1-number {
color: var(--sm-accent-sand-deep) !important;
}
body.smouha-home-design #sm-phase1 .smd-hero-frame .sh-eyebrow::before,
body.smouha-home-design #sm-phase1 .p1-section-head::before {
background: var(--sm-accent-sand) !important;
}
body.smouha-home-design #sm-phase1 .p1-project-card[data-smc-version="2"] .p1-card-link {
border-color: var(--sm-accent-sand) !important;
}
body.smouha-home-design #sm-phase1 .p1-step::before {
border-color: var(--sm-accent-sand) !important;
background: var(--sm-text-primary) !important;
}
body.smouha-home-design #sm-phase1 .p1-crosslinks {
grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
width: 100% !important;
min-height: 0 !important;
height: auto !important;
margin: 24px 0 28px !important;
padding: 8px !important;
border: 1px solid var(--sm-border) !important;
border-radius: 16px !important;
background: var(--sm-surface-main) !important;
box-shadow: 0 8px 24px rgba(74,74,74,.045) !important;
}
body.smouha-home-design #sm-phase1 .p1-crosslinks a {
display: flex !important;
align-items: center !important;
justify-content: center !important;
min-height: 48px !important;
padding: 10px 12px !important;
margin: 0 !important;
border-radius: 10px !important;
font-size: 14px !important;
font-weight: 700 !important;
line-height: 1.5 !important;
text-align: center !important;
text-decoration: none !important;
transition: background .18s ease, color .18s ease, box-shadow .18s ease;
}
body.smouha-home-design #sm-phase1 .p1-crosslinks a + a {
border-inline-start: 1px solid var(--sm-border) !important;
border-radius: 0 !important;
}
body.smouha-home-design #sm-phase1 .p1-crosslinks a:hover,
body.smouha-home-design #sm-phase1 .p1-crosslinks a:focus-visible {
background: rgba(196,163,75,.12) !important;
color: var(--sm-text-primary) !important;
box-shadow: inset 0 -2px 0 var(--sm-accent-sand) !important;
outline: none !important;
}
body.smouha-home-design #sm-phase1 > .p1-wrap {
padding-bottom: 0 !important;
}
body.smouha-home-design #sm-phase1 .p1-crosslinks{
display: none !important;
}
body.smouha-home-design main.p1-site,
body.smouha-home-design #sm-phase1,
body.smouha-home-design #sm-phase1 > .p1-wrap {
min-height: 0 !important;
height: auto !important;
margin-bottom: 0 !important;
padding-bottom: 0 !important;
}
body.smouha-home-design #sm-phase1 > .p1-wrap {
width: min(calc(100% - 48px), 1240px) !important;
margin-inline: auto !important;
}
body.smouha-home-design #sm-phase1,
body.smouha-home-design #sm-phase1 * {
letter-spacing: 0 !important;
}
body.smouha-home-design #sm-phase1 .smd-hero-frame .sh-site h1 {
font-weight: 800 !important;
}
body.smouha-home-design #sm-phase1 .smd-hero-frame .sh-title-context {
font-weight: 600 !important;
}
body.smouha-home-design #sm-phase1 .p1-section-head h2,
body.smouha-home-design #sm-phase1 .p1-info h2,
body.smouha-home-design #sm-phase1 .p1-contact-copy h2 {
font-weight: 700 !important;
}
body.smouha-home-design #sm-phase1 .p1-project-card[data-smc-version="2"] h3 {
margin-bottom: 10px !important;
}
body.smouha-home-design #sm-phase1 .p1-project-card[data-smc-version="2"] .smc-developer {
margin-bottom: 14px !important;
}
body.smouha-home-design #sm-phase1 .p1-project-card[data-smc-version="2"] .smc-developer-logo[src*="alx"] {
max-width: 88px !important;
max-height: 26px !important;
}
body.smouha-home-design #sm-phase1 .p1-project-card[data-smc-version="2"] .smc-developer-logo[src*="elghoniemy"] {
max-width: 92px !important;
max-height: 25px !important;
}
body.smouha-home-design #sm-phase1 .p1-project-card[data-smc-version="2"] .smc-developer-logo[src*="else"] {
max-width: 94px !important;
max-height: 27px !important;
}
body.smouha-home-design #sm-phase1 .p1-project-card[data-smc-version="2"] .smc-finance-strip {
margin-top: auto !important;
padding: 15px 0 10px !important;
}
body.smouha-home-design #sm-phase1 .p1-project-card[data-smc-version="2"] .smc-finance-strip .smc-finance-price {
min-height: 76px !important;
}
body.smouha-home-design #sm-phase1 .p1-project-card[data-smc-version="2"] .smc-finance-strip .smc-finance-price dt {
margin-bottom: 4px !important;
font-size: 12px !important;
font-weight: 600 !important;
color: var(--sm-text-secondary) !important;
}
body.smouha-home-design #sm-phase1 .p1-project-card[data-smc-version="2"] .smc-finance-strip .smc-finance-price dd {
display: flex !important;
align-items: baseline !important;
gap: 6px !important;
font-size: 27px !important;
font-weight: 800 !important;
color: var(--sm-text-primary) !important;
}
body.smouha-home-design #sm-phase1 .p1-project-card[data-smc-version="2"] .smc-finance-strip .smc-finance-price dd span {
font-size: 14px !important;
font-weight: 650 !important;
color: var(--sm-text-secondary) !important;
}
body.smouha-home-design #sm-phase1 .p1-project-card[data-smc-version="2"] .smc-finance-strip:not(.smc-finance-price-only) > div:not(.smc-finance-price) {
min-height: auto !important;
padding: 7px 0 !important;
border: 0 !important;
border-top: 1px solid var(--sm-border) !important;
border-radius: 0 !important;
background: transparent !important;
}
body.smouha-home-design #sm-phase1 .p1-project-card[data-smc-version="2"] .p1-card-link {
border-width: 1px !important;
}
body.smouha-home-design #sm-phase1 .p1-project-card[data-smc-version="2"] .p1-card-media > img[data-smc-media="sawary-01"] {
object-fit: cover !important;
}
body.smouha-home-design #sm-phase1 .p1-project-card[data-smc-version="2"] .smc-finance-context {
-webkit-box-orient: vertical;
}
body.smouha-home-design #sm-phase1 .p1-project-card[data-smc-version="2"] .smc-developer.smc-identity-compact {
display: flex !important;
align-items: center !important;
justify-content: center !important;
}
body.smouha-home-design #sm-phase1 .p1-project-card[data-smc-version="2"] .smc-identity-compact .smc-developer-logo {
display: block !important;
object-fit: contain !important;
opacity: 1 !important;
}
body.smouha-home-design #sm-phase1 .p1-project-card[data-smc-version="2"] {
flex-direction: column !important;
}
body.smouha-home-design #sm-phase1 .p1-project-card[data-smc-version="2"] .smc-project-media,
body.smouha-home-design #sm-phase1 .p1-project-card[data-smc-version="2"] .p1-card-media {
margin: 0 !important;
}
body.smouha-home-design #sm-phase1 .p1-project-card[data-smc-version="2"] .p1-card-media {
background: var(--sm-accent-sand-soft) !important;
}
body.smouha-home-design #sm-phase1 .p1-project-card[data-smc-version="2"] h3 a {
color: inherit !important;
text-decoration: none !important;
}
body.smouha-home-design #sm-phase1 .p1-project-card[data-smc-version="2"] .smc-developer {
align-items: center !important;
justify-content: flex-start !important;
border-radius: 0 !important;
overflow: visible !important;
}
body.smouha-home-design #sm-phase1 .p1-project-card[data-smc-version="2"] .smc-developer-logo {
width: auto !important;
max-width: 92px !important;
height: auto !important;
max-height: 24px !important;
object-fit: contain !important;
object-position: right center !important;
}
body.smouha-home-design #sm-phase1 .p1-project-card[data-smc-version="2"] .smc-developer.smc-identity-compact {
width: auto !important;
max-width: 100% !important;
height: 28px !important;
min-height: 28px !important;
padding: 0 !important;
border: 0 !important;
border-radius: 0 !important;
background: transparent !important;
}
body.smouha-home-design #sm-phase1 .p1-project-card[data-smc-version="2"] .smc-identity-compact .smc-developer-logo {
width: auto !important;
max-width: 52px !important;
height: auto !important;
max-height: 24px !important;
}
body.smouha-home-design #sm-phase1 .p1-project-card[data-smc-version="2"] .smc-finance-strip > div,
body.smouha-home-design #sm-phase1 .p1-project-card[data-smc-version="2"] .smc-finance-strip:not(.smc-finance-price-only) > div:not(.smc-finance-price) {
min-height: 0 !important;
margin: 0 !important;
padding: 0 !important;
border: 0 !important;
border-radius: 0 !important;
background: transparent !important;
}
body.smouha-home-design #sm-phase1 .p1-project-card[data-smc-version="2"] .smc-finance-price {
min-height: 0 !important;
padding: 0 !important;
}
body.smouha-home-design #sm-phase1 .p1-project-card[data-smc-version="2"] .smc-finance-price dt {
margin: 0 0 3px !important;
color: var(--sm-text-secondary) !important;
font-size: 12px !important;
font-weight: 500 !important;
line-height: 1.5 !important;
}
body.smouha-home-design #sm-phase1 .p1-project-card[data-smc-version="2"] .smc-finance-strip:not(.smc-finance-price-only) {
display: grid !important;
grid-template-columns: repeat(2,minmax(0,auto)) !important;
justify-content: start !important;
column-gap: 18px !important;
row-gap: 4px !important;
}
body.smouha-home-design #sm-phase1 .p1-project-card[data-smc-version="2"] .smc-finance-strip:not(.smc-finance-price-only) .smc-finance-price {
grid-column: 1 / -1 !important;
}
body.smouha-home-design #sm-phase1 .p1-project-card[data-smc-version="2"] .smc-finance-strip:not(.smc-finance-price-only) > div:not(.smc-finance-price) {
display: flex !important;
align-items: baseline !important;
gap: 5px !important;
}
body.smouha-home-design #sm-phase1 .p1-project-card[data-smc-version="2"] .smc-finance-strip:not(.smc-finance-price-only) > div:not(.smc-finance-price) dt {
color: var(--sm-text-secondary) !important;
font-size: 11.5px !important;
font-weight: 500 !important;
}
body.smouha-home-design #sm-phase1 .p1-project-card[data-smc-version="2"] .smc-finance-strip:not(.smc-finance-price-only) > div:not(.smc-finance-price) dd {
color: var(--sm-text-primary) !important;
font-size: 13px !important;
font-weight: 700 !important;
}
body.smouha-home-design #sm-phase1 .p1-project-card[data-smc-version="2"] .smc-finance-context {
display: block !important;
min-height: 0 !important;
max-height: none !important;
overflow: visible !important;
-webkit-line-clamp: unset !important;
}
body.smouha-home-design #sm-phase1 .p1-project-card[data-smc-version="2"] .p1-card-link::after {
content: "";
position: absolute;
}
body.smouha-home-design #sm-phase1 .p1-project-card[data-smc-version="2"] .p1-card-link span {
margin-inline-start: 8px !important;
}
body.smouha-home-design #sm-phase1 .p1-project-card[data-smc-version="2"] .smc-developer,
body.smouha-home-design #sm-phase1 .p1-project-card[data-smc-version="2"] .smc-developer.smc-identity-compact {
display: inline-flex !important;
width: auto !important;
max-width: 82px !important;
height: 22px !important;
min-height: 22px !important;
margin: 0 0 14px !important;
padding: 0 !important;
border: 0 !important;
border-radius: 0 !important;
background: transparent !important;
box-shadow: none !important;
}
body.smouha-home-design #sm-phase1 .p1-project-card[data-smc-version="2"] .smc-developer-logo,
body.smouha-home-design #sm-phase1 .p1-project-card[data-smc-version="2"] .smc-identity-compact .smc-developer-logo {
width: auto !important;
max-width: 82px !important;
height: auto !important;
max-height: 22px !important;
object-fit: contain !important;
object-position: right center !important;
}
html[dir="ltr"] body.smouha-home-design #sm-phase1 .p1-project-card[data-smc-version="2"] .smc-developer-logo {
object-position: left center !important;
}
body.smouha-home-design #sm-phase1 .p1-project-card[data-smc-version="2"] .smc-finance-strip,
body.smouha-home-design #sm-phase1 .p1-project-card[data-smc-version="2"] .smc-finance-strip.smc-finance-price-only {
flex-wrap: wrap !important;
align-items: baseline !important;
gap: 6px 14px !important;
}
body.smouha-home-design #sm-phase1 .p1-project-card[data-smc-version="2"] .smc-finance-strip > div {
display: inline-flex !important;
flex-direction: row !important;
align-items: baseline !important;
gap: 4px !important;
min-height: 0 !important;
padding: 0 !important;
border: 0 !important;
background: transparent !important;
}
body.smouha-home-design #sm-phase1 .p1-project-card[data-smc-version="2"] .smc-finance-price {
margin-bottom: 2px !important;
}
body.smouha-home-design #sm-phase1 .p1-project-card[data-smc-version="2"] .smc-finance-price dt {
display: none !important;
}
body.smouha-home-design #sm-phase1 .p1-project-card[data-smc-version="2"] .smc-finance-strip > div:not(.smc-finance-price) dt,
body.smouha-home-design #sm-phase1 .p1-project-card[data-smc-version="2"] .smc-finance-strip > div:not(.smc-finance-price) dd {
color: var(--sm-text-secondary) !important;
font-size: 12px !important;
font-weight: 500 !important;
line-height: 1.55 !important;
}
body.smouha-home-design #sm-phase1 .p1-project-card[data-smc-version="2"] .smc-finance-strip > div:not(.smc-finance-price) dd {
color: var(--sm-text-primary) !important;
font-weight: 700 !important;
}
body.smouha-home-design #sm-phase1 .p1-project-card[data-smc-version="2"] {
display: grid !important;
grid-template-columns: minmax(0, 60%) minmax(0, 40%) !important;
width: 100% !important;
max-width: none !important;
background: var(--sm-surface-main) !important;
overflow: hidden !important;
}
body.smouha-home-design #sm-phase1 .p1-project-card[data-smc-version="2"]:nth-child(even) .smc-project-media {
grid-column: 2 !important;
grid-row: 1 !important;
}
body.smouha-home-design #sm-phase1 .p1-project-card[data-smc-version="2"]:nth-child(even) .p1-card-body {
grid-column: 1 !important;
grid-row: 1 !important;
}
body.smouha-home-design #sm-phase1 .p1-project-card[data-smc-version="2"] .smc-project-media,
body.smouha-home-design #sm-phase1 .p1-project-card[data-smc-version="2"] .p1-card-media {
width: 100% !important;
height: 100% !important;
min-height: 360px !important;
border: 0 !important;
border-radius: 17px 0 0 17px !important;
overflow: hidden !important;
}
html[dir="rtl"] body.smouha-home-design #sm-phase1 .p1-project-card[data-smc-version="2"] .smc-project-media,
html[dir="rtl"] body.smouha-home-design #sm-phase1 .p1-project-card[data-smc-version="2"] .p1-card-media {
border-radius: 0 17px 17px 0 !important;
}
body.smouha-home-design #sm-phase1 .p1-project-card[data-smc-version="2"]:nth-child(even) .smc-project-media,
body.smouha-home-design #sm-phase1 .p1-project-card[data-smc-version="2"]:nth-child(even) .p1-card-media {
border-radius: 0 17px 17px 0 !important;
}
html[dir="rtl"] body.smouha-home-design #sm-phase1 .p1-project-card[data-smc-version="2"]:nth-child(even) .smc-project-media,
html[dir="rtl"] body.smouha-home-design #sm-phase1 .p1-project-card[data-smc-version="2"]:nth-child(even) .p1-card-media {
border-radius: 17px 0 0 17px !important;
}
body.smouha-home-design #sm-phase1 .p1-project-card[data-smc-version="2"] .p1-card-media > img {
object-position: center !important;
transform: none !important;
}
body.smouha-home-design #sm-phase1 .p1-project-card[data-smc-version="2"] .p1-card-body {
display: flex !important;
flex-direction: column !important;
justify-content: center !important;
align-items: flex-start !important;
min-width: 0 !important;
}
html[dir="rtl"] body.smouha-home-design #sm-phase1 .p1-project-card[data-smc-version="2"] .p1-card-body {
align-items: flex-end !important;
text-align: right !important;
}
body.smouha-home-design #sm-phase1 .p1-project-card[data-smc-version="2"] h3 {
width: 100% !important;
}
body.smouha-home-design #sm-phase1 .p1-project-card[data-smc-version="2"] .smc-developer {
width: 100% !important;
max-width: none !important;
height: auto !important;
min-height: 0 !important;
margin: 0 0 30px !important;
padding: 0 !important;
border: 0 !important;
background: transparent !important;
box-shadow: none !important;
}
body.smouha-home-design #sm-phase1 .p1-project-card[data-smc-version="2"] .smc-developer-logo {
display: none !important;
}
body.smouha-home-design #sm-phase1 .p1-project-card[data-smc-version="2"] .smc-developer-fallback,
body.smouha-home-design #sm-phase1 .p1-project-card[data-smc-version="2"] .smc-developer-name {
display: block !important;
color: var(--sm-text-secondary) !important;
font-size: 13px !important;
font-weight: 500 !important;
line-height: 1.6 !important;
}
body.smouha-home-design #sm-phase1 .p1-project-card[data-smc-version="2"] .smc-finance-strip > div:not(.smc-finance-price) {
display: none !important;
}
body.smouha-home-design #sm-phase1 .p1-project-card[data-smc-version="2"] .smc-finance-price dd {
line-height: 1.25 !important;
}
body.smouha-home-design #sm-phase1 .p1-project-card[data-smc-version="2"] .smc-finance-context {
width: 100% !important;
margin: 0 0 30px !important;
color: var(--sm-text-secondary) !important;
font-size: 14px !important;
font-weight: 500 !important;
line-height: 1.65 !important;
}
body.smouha-home-design #sm-phase1 img[data-smc-media="valore-smouha-01"] { object-position: 50% 50% !important; }
body.smouha-home-design #sm-phase1 img[data-smc-media="muruj-01"] { object-position: 50% 46% !important; }
body.smouha-home-design #sm-phase1 img[data-smc-media="sawary-01"] { object-position: 50% 48% !important; }
body.smouha-home-design #sm-phase1 img[data-smc-media="smouha-grand-view-01"] { object-position: 50% 54% !important; }
body.smouha-home-design #sm-phase1 img[data-smc-media="the-one-smouha-01"] { object-position: 50% 48% !important; }
body.smouha-home-design #sm-phase1 img[data-smc-media="saluga-01"] { object-position: 50% 50% !important; }
body.smouha-home-design #sm-phase1 .p1-grid.p1-catalog-grid[data-smc-grid="2"] {
display: grid !important;
}
body.smouha-home-design #sm-phase1 .p1-project-card[data-smc-version="2"],
body.smouha-home-design #sm-phase1 .p1-project-card[data-smc-version="2"]:nth-child(even) {
display: flex !important;
flex-direction: column !important;
min-height: 0 !important;
border: 1px solid var(--sm-border) !important;
border-radius: 16px !important;
background: var(--sm-surface-main) !important;
box-shadow: 0 10px 28px rgba(74,74,74,.045) !important;
overflow: hidden !important;
}
body.smouha-home-design #sm-phase1 .p1-project-card[data-smc-version="2"] .smc-project-media,
body.smouha-home-design #sm-phase1 .p1-project-card[data-smc-version="2"]:nth-child(even) .smc-project-media {
order: 1 !important;
width: 100% !important;
height: auto !important;
min-height: 0 !important;
border-radius: 15px 15px 0 0 !important;
}
body.smouha-home-design #sm-phase1 .p1-project-card[data-smc-version="2"] .p1-card-media,
body.smouha-home-design #sm-phase1 .p1-project-card[data-smc-version="2"]:nth-child(even) .p1-card-media {
display: block !important;
width: 100% !important;
height: auto !important;
min-height: 0 !important;
aspect-ratio: 16 / 10 !important;
border-radius: 15px 15px 0 0 !important;
overflow: hidden !important;
}
body.smouha-home-design #sm-phase1 .p1-project-card[data-smc-version="2"] .p1-card-media > img {
width: 100% !important;
height: 100% !important;
object-fit: cover !important;
border-radius: inherit !important;
}
body.smouha-home-design #sm-phase1 .p1-project-card[data-smc-version="2"] .p1-card-body,
body.smouha-home-design #sm-phase1 .p1-project-card[data-smc-version="2"]:nth-child(even) .p1-card-body {
order: 2 !important;
display: flex !important;
flex: 1 1 auto !important;
flex-direction: column !important;
align-items: stretch !important;
justify-content: flex-start !important;
padding: 18px 18px 16px !important;
text-align: start !important;
}
body.smouha-home-design #sm-phase1 .p1-project-card[data-smc-version="2"] h3 {
min-height: 0 !important;
color: var(--sm-text-primary) !important;
font-weight: 700 !important;
}
body.smouha-home-design #sm-phase1 .p1-project-card[data-smc-version="2"] .smc-developer {
display: none !important;
}
body.smouha-home-design #sm-phase1 .p1-project-card[data-smc-version="2"] .smc-finance-strip,
body.smouha-home-design #sm-phase1 .p1-project-card[data-smc-version="2"] .smc-finance-strip.smc-finance-price-only {
display: block !important;
width: 100% !important;
border: 0 !important;
background: transparent !important;
}
body.smouha-home-design #sm-phase1 .p1-project-card[data-smc-version="2"] .smc-finance-strip > div:not(.smc-finance-price),
body.smouha-home-design #sm-phase1 .p1-project-card[data-smc-version="2"] .smc-finance-context {
display: none !important;
}
body.smouha-home-design #sm-phase1 .p1-project-card[data-smc-version="2"] .smc-finance-price {
margin: 0 !important;
}
body.smouha-home-design #sm-phase1 .p1-project-card[data-smc-version="2"] .smc-finance-price dd bdi {
align-items: center;
justify-content: center;
}
body.smouha-home-design #sm-phase1 .p1-project-card[data-smc-version="2"] .smc-finance-price dd span {
color: var(--sm-text-secondary) !important;
font-size: 13px !important;
font-weight: 600 !important;
}
body.smouha-home-design #sm-phase1 .p1-project-card[data-smc-version="2"] .p1-card-link {
border-top: 1px solid var(--sm-border) !important;
text-decoration: none !important;
}
body.smouha-home-design #sm-phase1 .p1-project-card[data-smc-version="2"] .p1-card-link span {
align-items: center !important;
justify-content: center !important;
transition: transform .18s ease, background .18s ease;
}
body.smouha-home-design #sm-phase1 .p1-project-card[data-smc-version="2"] .p1-card-link:hover span {
transform: translate(-2px,-2px);
background: rgba(196,163,75,.16) !important;
}
body.smouha-home-design #sm-phase1 .p1-grid.p1-catalog-grid[data-smc-grid="2"] {
grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
gap: 20px !important;
}
body.smouha-home-design #sm-phase1 .p1-project-card[data-smc-version="2"] {
border: 1px solid var(--sm-border) !important;
border-radius: 14px !important;
box-shadow: 0 6px 18px rgba(74,74,74,.035) !important;
}
body.smouha-home-design #sm-phase1 .p1-project-card[data-smc-version="2"] .p1-card-media {
aspect-ratio: 16 / 9 !important;
border-radius: 13px 13px 0 0 !important;
}
body.smouha-home-design #sm-phase1 .p1-project-card[data-smc-version="2"] .smc-developer,
body.smouha-home-design #sm-phase1 .p1-project-card[data-smc-version="2"] .smc-finance-strip > div:not(.smc-finance-price),
body.smouha-home-design #sm-phase1 .p1-project-card[data-smc-version="2"] .smc-finance-context {
display: none !important;
}
html[dir="rtl"] body.smouha-home-design #sm-phase1 .p1-project-card[data-smc-version="2"] .smc-finance-price::before {
color: var(--sm-text-secondary) !important;
font-size: 12px !important;
font-weight: 600 !important;
}
html[dir="ltr"] body.smouha-home-design #sm-phase1 .p1-project-card[data-smc-version="2"] .smc-finance-price::before {
color: var(--sm-text-secondary) !important;
font-size: 12px !important;
font-weight: 600 !important;
}
body.smouha-home-design #sm-phase1 .p1-project-card[data-smc-version="2"] .smc-finance-price dd {
color: var(--sm-text-primary) !important;
font-weight: 650 !important;
}
body.smouha-home-design #sm-phase1 .p1-project-card[data-smc-version="2"] .p1-card-link {
margin-top: 0 !important;
}
body.smouha-home-design #sm-phase1 .p1-grid.p1-catalog-grid[data-smc-grid="2"] {
align-items: start !important;
}
body.smouha-home-design #sm-phase1 .p1-project-card[data-smc-version="2"] {
height: auto !important;
min-height: 0 !important;
max-height: none !important;
align-self: start !important;
justify-self: stretch !important;
}
body.smouha-home-design #sm-phase1 .p1-project-card[data-smc-version="2"] .p1-card-body {
flex: 0 0 auto !important;
height: auto !important;
min-height: 0 !important;
padding: 16px 16px 15px !important;
}
body.smouha-home-design #sm-phase1 .p1-project-card[data-smc-version="2"] h3 {
margin: 0 0 10px !important;
font-size: 22px !important;
line-height: 1.42 !important;
}
body.smouha-home-design #sm-phase1 .p1-project-card[data-smc-version="2"] .smc-developer,
body.smouha-home-design #sm-phase1 .p1-project-card[data-smc-version="2"] .smc-developer-name,
body.smouha-home-design #sm-phase1 .p1-project-card[data-smc-version="2"] .smc-developer-fallback,
body.smouha-home-design #sm-phase1 .p1-project-card[data-smc-version="2"] .smc-finance-context,
body.smouha-home-design #sm-phase1 .p1-project-card[data-smc-version="2"] .smc-finance-strip > div:not(.smc-finance-price) {
display: none !important;
}
body.smouha-home-design #sm-phase1 .p1-project-card[data-smc-version="2"] .smc-finance-strip,
body.smouha-home-design #sm-phase1 .p1-project-card[data-smc-version="2"] .smc-finance-strip.smc-finance-price-only {
margin: 0 0 17px !important;
padding: 0 !important;
}
body.smouha-home-design #sm-phase1 .p1-project-card[data-smc-version="2"] .smc-finance-price {
display: inline-flex !important;
align-items: baseline !important;
flex-wrap: wrap !important;
gap: 6px !important;
width: auto !important;
}
html[dir="rtl"] body.smouha-home-design #sm-phase1 .p1-project-card[data-smc-version="2"] .smc-finance-price::before {
content: "الأسعار من" !important;
}
html[dir="ltr"] body.smouha-home-design #sm-phase1 .p1-project-card[data-smc-version="2"] .smc-finance-price::before {
content: "Prices from" !important;
}
body.smouha-home-design #sm-phase1 .p1-project-card[data-smc-version="2"] .smc-finance-price::before {
color: var(--sm-text-secondary) !important;
font-size: 12px !important;
font-weight: 600 !important;
}
body.smouha-home-design #sm-phase1 .p1-project-card[data-smc-version="2"] .smc-finance-price dd {
display: inline-flex !important;
align-items: baseline !important;
gap: 5px !important;
margin: 0 !important;
font-size: 13px !important;
}
body.smouha-home-design #sm-phase1 .p1-project-card[data-smc-version="2"] .smc-finance-price dd bdi {
display: inline !important;
min-width: 0 !important;
min-height: 0 !important;
padding: 1px 5px 2px !important;
border-radius: 5px !important;
background: rgba(196,163,75,.13) !important;
color: var(--sm-text-primary) !important;
font-size: 25px !important;
font-weight: 800 !important;
line-height: 1.12 !important;
box-shadow: none !important;
}
body.smouha-home-design #sm-phase1 .p1-project-card[data-smc-version="2"] .p1-card-link {
display: inline-flex !important;
align-items: center !important;
justify-content: flex-start !important;
gap: 6px !important;
width: auto !important;
margin: 0 !important;
font-size: 14px !important;
font-weight: 700 !important;
line-height: 1.4 !important;
}
body.smouha-home-design #sm-phase1 .p1-project-card[data-smc-version="2"] .p1-card-link span {
display: inline !important;
width: auto !important;
height: auto !important;
margin: 0 !important;
padding: 0 !important;
border: 0 !important;
border-radius: 0 !important;
background: transparent !important;
font-size: 16px !important;
line-height: 1 !important;
}
@media (max-width: 767px) {
body.smouha-home-design #sm-phase1 .smd-hero-frame .sh-layout,
body.smouha-home-design #sm-phase1 .smd-hero-frame .sh-lead,
body.smouha-home-design #sm-phase1 .smd-hero-frame .sh-search {
margin-inline: 0 !important;
}
body.smouha-home-design #sm-phase1 .smd-hero-frame .sh-search {
box-sizing: border-box !important;
}
}
body.smouha-home-design #sm-phase1 .smd-hero-frame .sh-eyebrow {
margin-bottom: 16px !important;
}
body.smouha-home-design #sm-phase1 .smd-hero-frame .sh-site h1 {
font-size: clamp(44px,4vw,58px) !important;
line-height: 1.28 !important;
text-wrap: balance;
}
body.smouha-home-design #sm-phase1 .smd-hero-frame .sh-site h1 > .sh-title-context {
display: block;
margin-bottom: 8px;
color: var(--sm-text-primary) !important;
font-weight: 800 !important;
}
body.smouha-home-design #sm-phase1 .smd-hero-frame .sh-site h1 > .sh-title-main {
display: block;
color: var(--sm-text-primary) !important;
font-weight: 750 !important;
}
@media (max-width: 900px) {
body.smouha-home-design #sm-phase1 .smd-hero-frame .sh-lead {
justify-self: stretch;
}
}
@media (max-width: 767px) {
body.smouha-home-design #sm-phase1 .smd-hero-frame .sh-lead {
text-align: right !important;
}
body.smouha-home-design #sm-phase1 .smd-hero-frame .sh-site h1 {
max-width: none !important;
text-align: right !important;
}
body.smouha-home-design #sm-phase1 .smd-hero-frame .sh-description {
text-align: right !important;
}
}
body.smouha-home-design #sm-phase1 .smd-hero-frame {
width: 100% !important;
max-width: none !important;
margin: 0 !important;
padding: 0 !important;
}
body.smouha-home-design #sm-phase1 .smd-hero-frame > .sh-site {
margin: 0 !important;
}
body.smouha-home-design #sm-phase1 .smd-hero-frame .sh-eyebrow,
body.smouha-home-design #sm-phase1 .smd-hero-frame .sh-site h1,
body.smouha-home-design #sm-phase1 .smd-hero-frame .sh-description {
text-align: right !important;
margin-inline: 0 !important;
}
body.smouha-home-design #sm-phase1 .p1-wrap > .p1-section {
padding-block: 52px !important;
}
body.smouha-home-design #sm-phase1 .p1-wrap > .p1-section + .p1-section {
margin-top: 0 !important;
}
@media (max-width: 900px) {
body.smouha-home-design #sm-phase1 .smd-hero-frame > .sh-site {
padding: 36px 18px !important;
}
body.smouha-home-design #sm-phase1 .smd-hero-frame .sh-layout {
grid-template-columns: minmax(0,1fr) !important;
gap: 28px !important;
}
body.smouha-home-design #sm-phase1 .smd-hero-frame .sh-lead,
body.smouha-home-design #sm-phase1 .smd-hero-frame .sh-search {
grid-column: 1 !important;
max-width: none !important;
justify-self: stretch !important;
}
}
@media (max-width: 767px) {
}
body.smouha-home-design #sm-phase1 .elementor-widget-spacer,
body.smouha-home-design #sm-phase1 .elementor-spacer,
body.smouha-home-design #sm-phase1 .elementor-spacer-inner {
min-height: 0 !important;
height: 0 !important;
margin: 0 !important;
padding: 0 !important;
}
body.smouha-home-design #sm-phase1 .p1-wrap > .p1-section:empty {
display: none !important;
}
body.smouha-home-design #sm-phase1 .p1-wrap > .p1-section {
margin-block: 0 !important;
}
body.smouha-home-design #sm-phase1 #enquire {
margin-bottom: 0 !important;
padding-bottom: 28px !important;
}
body.smouha-home-design #sm-phase1 #enquire + .p1-section,
body.smouha-home-design #sm-phase1 .p1-section + .p1-section {
margin-top: 0 !important;
}
body.smouha-home-design #sm-phase1 .p1-wrap > .p1-section:last-of-type {
padding-bottom: 28px !important;
}
@media (max-width: 767px) {
body.smouha-home-design #sm-phase1 #enquire,
body.smouha-home-design #sm-phase1 .p1-wrap > .p1-section:last-of-type {
padding-bottom: 20px !important;
}
}
@media (max-width: 767px) {
body.smouha-home-design #sm-phase1 .smd-hero-frame .sh-layout,
body.smouha-home-design #sm-phase1 .smd-hero-frame .sh-lead,
body.smouha-home-design #sm-phase1 .smd-hero-frame .sh-search {
width: 100% !important;
max-width: none !important;
}
}
@media (max-width: 767px) {
body.smouha-home-design #sm-phase1 .p1-contact-block,
body.smouha-home-design #sm-phase1 .p1-form-area {
width: 100% !important;
max-width: none !important;
box-sizing: border-box !important;
}
body.smouha-home-design #sm-phase1 .p1-contact-block {
padding-inline: 6px !important;
}
body.smouha-home-design #sm-phase1 .p1-form-area {
padding-inline: 10px !important;
}
}
@media (max-width: 390px) {
}
@media (max-width: 767px) {
}
body.smouha-home-design #sm-phase1 .sm-projects-more-wrap {
display: flex;
justify-content: center;
margin-top: 26px;
}
body.smouha-home-design #sm-phase1 .sm-projects-more {
min-height: 52px;
display: inline-flex;
align-items: center;
justify-content: center;
gap: 10px;
padding: 0 22px;
border: 1px solid var(--sm-text-primary);
border-radius: 11px;
background: var(--sm-text-primary);
color: var(--sm-surface-main) !important;
font-family: "Cairo", sans-serif;
font-size: 14px;
font-weight: 800;
line-height: 1.2;
text-decoration: none !important;
box-shadow: none;
transition: transform .16s ease, background .16s ease, border-color .16s ease;
}
body.smouha-home-design #sm-phase1 .sm-projects-more:hover {
background: var(--sm-dark-deep);
border-color: var(--sm-dark-deep);
color: var(--sm-surface-main) !important;
transform: translateY(-1px);
}
body.smouha-home-design #sm-phase1 .sm-projects-more-arrow {
font-size: 17px;
line-height: 1;
}
@media (max-width: 767px) {
body.smouha-home-design #sm-phase1 .sm-projects-more-wrap {
margin-top: 20px;
padding-inline: 10px;
}
body.smouha-home-design #sm-phase1 .sm-projects-more {
width: min(100%, 320px);
min-height: 50px;
font-size: 14px;
}
}
body.smouha-home-design #sm-phase1 .p1-project-card[data-smc-version="2"] .p1-card-link {
min-height: 38px !important;
padding: 7px 11px !important;
border: 1px solid var(--sm-border) !important;
border-radius: 9px !important;
background: var(--sm-bg) !important;
color: var(--sm-text-primary) !important;
box-shadow: none !important;
}
body.smouha-home-design #sm-phase1 .p1-project-card[data-smc-version="2"] .p1-card-link span {
color: var(--sm-accent-sand) !important;
}
body.smouha-home-design #sm-phase1 .p1-project-card[data-smc-version="2"] .p1-card-link:hover {
border-color: var(--sm-accent-sand) !important;
background: var(--sm-surface-secondary) !important;
color: var(--sm-text-primary) !important;
}
body.smouha-home-design #sm-phase1 .sm-faq-v2 {
display: grid !important;
grid-template-columns: minmax(280px,.72fr) minmax(0,1.28fr) !important;
gap: 34px !important;
align-items: start !important;
margin-block: 42px !important;
padding: 34px !important;
border: 1px solid var(--sm-border) !important;
border-radius: 22px !important;
background: var(--sm-surface-main) !important;
box-shadow: 0 10px 30px rgba(74,74,74,.045) !important;
}
body.smouha-home-design #sm-phase1 .sm-faq-v2-head {
position: sticky;
top: 110px;
}
body.smouha-home-design #sm-phase1 .sm-faq-v2-kicker {
display: block;
margin-bottom: 10px;
color: var(--sm-accent-sand-deep);
font-size: 13px;
font-weight: 800;
}
body.smouha-home-design #sm-phase1 .sm-faq-v2-head h2 {
margin: 0 !important;
color: var(--sm-text-primary) !important;
font-size: clamp(30px,3vw,44px) !important;
line-height: 1.35 !important;
font-weight: 850 !important;
}
body.smouha-home-design #sm-phase1 .sm-faq-v2-head p {
max-width: 34ch;
margin: 14px 0 0 !important;
color: var(--sm-text-secondary) !important;
font-size: 15px !important;
line-height: 1.8 !important;
}
body.smouha-home-design #sm-phase1 .sm-faq-v2-list {
display: grid;
gap: 10px;
}
body.smouha-home-design #sm-phase1 .sm-faq-v2-item {
overflow: hidden;
border: 1px solid var(--sm-border);
border-radius: 14px;
background: var(--sm-surface-main);
}
body.smouha-home-design #sm-phase1 .sm-faq-v2-item summary {
min-height: 64px;
display: grid;
grid-template-columns: 42px minmax(0,1fr) 24px;
align-items: center;
gap: 12px;
padding: 12px 16px;
cursor: pointer;
list-style: none;
}
body.smouha-home-design #sm-phase1 .sm-faq-v2-item summary::-webkit-details-marker {
display: none;
}
body.smouha-home-design #sm-phase1 .sm-faq-v2-index {
color: var(--sm-accent-sand-deep);
font-size: 12px;
font-weight: 800;
}
body.smouha-home-design #sm-phase1 .sm-faq-v2-question {
color: var(--sm-text-primary);
font-size: 15px;
font-weight: 800;
line-height: 1.55;
}
body.smouha-home-design #sm-phase1 .sm-faq-v2-icon {
color: var(--sm-accent-sand-deep);
font-size: 20px;
line-height: 1;
transition: transform .18s ease;
}
body.smouha-home-design #sm-phase1 .sm-faq-v2-item[open] .sm-faq-v2-icon {
transform: rotate(45deg);
}
body.smouha-home-design #sm-phase1 .sm-faq-v2-answer {
padding: 0 16px 16px 70px;
}
html[dir="rtl"] body.smouha-home-design #sm-phase1 .sm-faq-v2-answer {
padding: 0 70px 16px 16px;
}
body.smouha-home-design #sm-phase1 .sm-faq-v2-answer p {
margin: 0 !important;
color: var(--sm-text-secondary) !important;
font-size: 14px !important;
line-height: 1.8 !important;
}
@media (max-width: 900px) {
body.smouha-home-design #sm-phase1 .sm-faq-v2 {
grid-template-columns: 1fr !important;
gap: 22px !important;
padding: 24px 18px !important;
}
body.smouha-home-design #sm-phase1 .sm-faq-v2-head {
position: static;
}
body.smouha-home-design #sm-phase1 .sm-faq-v2-head p {
max-width: none;
}
}
@media (max-width: 767px) {
body.smouha-home-design #sm-phase1 .sm-faq-v2 {
margin-block: 26px !important;
padding: 18px 10px !important;
border-radius: 16px !important;
}
body.smouha-home-design #sm-phase1 .sm-faq-v2-head h2 {
font-size: 28px !important;
}
body.smouha-home-design #sm-phase1 .sm-faq-v2-item summary {
min-height: 58px;
grid-template-columns: 30px minmax(0,1fr) 20px;
gap: 9px;
padding: 11px 12px;
}
body.smouha-home-design #sm-phase1 .sm-faq-v2-question {
font-size: 14px;
}
body.smouha-home-design #sm-phase1 .sm-faq-v2-answer,
html[dir="rtl"] body.smouha-home-design #sm-phase1 .sm-faq-v2-answer {
padding: 0 12px 14px !important;
}
}
body.smouha-home-design #sm-phase1 .sm-guide-compact {
display: grid !important;
grid-template-columns: minmax(260px,.75fr) minmax(0,1.25fr) !important;
gap: 32px !important;
align-items: start !important;
margin-block: 38px !important;
padding: 32px !important;
border: 1px solid var(--sm-border) !important;
border-radius: 20px !important;
background: var(--sm-surface-main) !important;
box-shadow: 0 10px 28px rgba(74,74,74,.04) !important;
}
body.smouha-home-design #sm-phase1 .sm-guide-compact-head h2 {
margin: 0 !important;
color: var(--sm-text-primary) !important;
font-size: clamp(30px,3vw,42px) !important;
line-height: 1.35 !important;
font-weight: 850 !important;
}
body.smouha-home-design #sm-phase1 .sm-guide-compact-kicker {
display: block;
margin-bottom: 10px;
color: var(--sm-accent-sand-deep);
font-size: 13px;
font-weight: 800;
}
body.smouha-home-design #sm-phase1 .sm-guide-compact-head p {
margin: 12px 0 0 !important;
color: var(--sm-text-secondary) !important;
font-size: 15px !important;
line-height: 1.8 !important;
}
body.smouha-home-design #sm-phase1 .sm-guide-compact-grid {
display: grid;
grid-template-columns: repeat(3,minmax(0,1fr));
gap: 12px;
}
body.smouha-home-design #sm-phase1 .sm-guide-compact-grid article {
min-height: 182px;
padding: 18px;
border: 1px solid var(--sm-border);
border-radius: 14px;
background: var(--sm-surface-secondary);
}
body.smouha-home-design #sm-phase1 .sm-guide-compact-no {
display: block;
margin-bottom: 14px;
color: var(--sm-accent-sand-deep);
font-size: 12px;
font-weight: 800;
}
body.smouha-home-design #sm-phase1 .sm-guide-compact-grid h3 {
margin: 0 0 8px !important;
color: var(--sm-text-primary) !important;
font-size: 17px !important;
line-height: 1.45 !important;
font-weight: 800 !important;
}
body.smouha-home-design #sm-phase1 .sm-guide-compact-grid p {
margin: 0 !important;
color: var(--sm-text-secondary) !important;
font-size: 13px !important;
line-height: 1.75 !important;
}
body.smouha-home-design #sm-phase1 .sm-guide-compact-link {
grid-column: 1 / -1;
justify-self: start;
min-height: 46px;
display: inline-flex;
align-items: center;
gap: 9px;
margin-top: 6px;
padding: 0 16px;
border: 1px solid var(--sm-accent-sand);
border-radius: 10px;
background: var(--sm-bg);
color: var(--sm-text-primary) !important;
font-size: 13px;
font-weight: 800;
text-decoration: none !important;
}
body.smouha-home-design #sm-phase1 .sm-guide-compact-link:hover {
background: var(--sm-surface-secondary);
}
@media (max-width: 980px) {
body.smouha-home-design #sm-phase1 .sm-guide-compact {
grid-template-columns: 1fr !important;
gap: 22px !important;
}
body.smouha-home-design #sm-phase1 .sm-guide-compact-grid {
grid-template-columns: 1fr !important;
}
body.smouha-home-design #sm-phase1 .sm-guide-compact-grid article {
min-height: 0;
}
}
@media (max-width: 767px) {
body.smouha-home-design #sm-phase1 .sm-guide-compact {
margin-block: 26px !important;
padding: 18px 10px !important;
border-radius: 16px !important;
}
body.smouha-home-design #sm-phase1 .sm-guide-compact-head h2 {
font-size: 28px !important;
}
body.smouha-home-design #sm-phase1 .sm-guide-compact-grid {
gap: 9px;
}
body.smouha-home-design #sm-phase1 .sm-guide-compact-grid article {
padding: 15px 14px;
border-radius: 12px;
}
body.smouha-home-design #sm-phase1 .sm-guide-compact-link {
width: 100%;
justify-content: center;
}
}
body.smouha-home-design #sm-phase1 .p1-project-card .p1-card-link.sm-card-cta-final,
body.smouha-home-design #sm-phase1 .p1-project-card .p1-card-link {
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
gap: 8px !important;
width: fit-content !important;
min-height: 40px !important;
margin-top: auto !important;
padding: 8px 13px !important;
border: 1px solid var(--sm-border) !important;
border-radius: 9px !important;
background: var(--sm-bg) !important;
color: var(--sm-text-primary) !important;
font-size: 13.5px !important;
font-weight: 800 !important;
line-height: 1.3 !important;
text-decoration: none !important;
box-shadow: none !important;
}
body.smouha-home-design #sm-phase1 .p1-project-card .p1-card-link.sm-card-cta-final span,
body.smouha-home-design #sm-phase1 .p1-project-card .p1-card-link span {
margin: 0 !important;
color: var(--sm-accent-sand) !important;
font-size: 15px !important;
line-height: 1 !important;
}
body.smouha-home-design #sm-phase1 .p1-project-card .p1-card-link:hover {
border-color: var(--sm-accent-sand) !important;
background: var(--sm-surface-secondary) !important;
color: var(--sm-text-primary) !important;
}
@media (max-width: 767px) {
body.smouha-home-design #sm-phase1 .p1-project-card .p1-card-link {
min-height: 42px !important;
padding-inline: 14px !important;
}
}


/* Approved homepage reference lock — 2026-10-22 capture */
body.smouha-home-design.sm-home-reference-2026 #sm-phase1 > .p1-wrap {
  width: min(calc(100% - 48px), 1350px) !important;
  margin-inline: auto !important;
}

body.smouha-home-design.sm-home-reference-2026 #sm-phase1 .smd-hero-frame {
  margin-top: 24px !important;
  border-radius: 22px !important;
  overflow: hidden !important;
  background: #252729 !important;
}

body.smouha-home-design.sm-home-reference-2026 #sm-phase1 .smd-hero-frame > .sh-site {
  min-height: 390px !important;
  padding: 52px 48px 32px !important;
}

body.smouha-home-design.sm-home-reference-2026 #sm-phase1 .smd-hero-frame .sh-layout,
body.smouha-home-design.sm-home-reference-2026 #sm-phase1 .smd-hero-frame .sh-lead {
  max-width: 980px !important;
  margin-inline: auto !important;
  text-align: center !important;
}

body.smouha-home-design.sm-home-reference-2026 #sm-phase1 .smd-hero-frame h1 {
  max-width: 820px !important;
  margin-inline: auto !important;
}

body.smouha-home-design.sm-home-reference-2026 #sm-phase1 .smd-hero-frame .sh-description {
  max-width: 760px !important;
  margin-inline: auto !important;
}

body.smouha-home-design.sm-home-reference-2026 #sm-phase1 .sh-search,
body.smouha-home-design.sm-home-reference-2026 #sm-phase1 .sm-hero-search,
body.smouha-home-design.sm-home-reference-2026 #sm-phase1 form.sh-search {
  width: min(100%, 1120px) !important;
  margin: 30px auto 0 !important;
}

body.smouha-home-design.sm-home-reference-2026 #sm-phase1 .p1-paths {
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 0 !important;
  margin: 28px 0 72px !important;
  border: 1px solid #DEDDD7 !important;
  border-radius: 18px !important;
  overflow: hidden !important;
  background: #FFFDF8 !important;
}

body.smouha-home-design.sm-home-reference-2026 #sm-phase1 .p1-path {
  min-height: 190px !important;
  padding: 34px 30px !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: #FFFDF8 !important;
  box-shadow: none !important;
}

body.smouha-home-design.sm-home-reference-2026 #sm-phase1 .p1-path + .p1-path {
  border-inline-start: 1px solid #DEDDD7 !important;
}

body.smouha-home-design.sm-home-reference-2026 #sm-phase1 .sm-home-projects {
  margin-top: 0 !important;
  padding-top: 0 !important;
}

body.smouha-home-design.sm-home-reference-2026 #sm-phase1 .sm-home-projects .p1-section-head {
  display: block !important;
  text-align: center !important;
  margin-bottom: 34px !important;
}

body.smouha-home-design.sm-home-reference-2026 #sm-phase1 .sm-home-projects .p1-section-head p {
  max-width: 800px !important;
  margin-inline: auto !important;
}

body.smouha-home-design.sm-home-reference-2026 #sm-phase1 .p1-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 22px !important;
}

body.smouha-home-design.sm-home-reference-2026 #sm-phase1 .p1-project-card[data-smc-version="2"] {
  border: 1px solid #DEDDD7 !important;
  border-radius: 16px !important;
  background: #FFFDF8 !important;
  box-shadow: 0 8px 24px rgba(37,39,41,.035) !important;
}

body.smouha-home-design.sm-home-reference-2026 #sm-phase1 .sm-faq-v2 {
  margin-top: 82px !important;
  padding: 38px !important;
  border: 1px solid #DEDDD7 !important;
  border-radius: 22px !important;
  background: #FFFDF8 !important;
}

body.smouha-home-design.sm-home-reference-2026 #sm-phase1 .sm-faq-v2 {
  display: grid !important;
  grid-template-columns: minmax(280px,.72fr) minmax(0,1.28fr) !important;
  gap: 48px !important;
  align-items: start !important;
}

html[dir="rtl"] body.smouha-home-design.sm-home-reference-2026 #sm-phase1 .sm-faq-v2-head {
  order: 2 !important;
}

html[dir="rtl"] body.smouha-home-design.sm-home-reference-2026 #sm-phase1 .sm-faq-v2-list {
  order: 1 !important;
}

body.smouha-home-design.sm-home-reference-2026 #sm-phase1 .sm-home-contact {
  margin-top: 30px !important;
  padding: 22px !important;
  border: 1px solid #DEDDD7 !important;
  border-radius: 22px !important;
  background: #FFFDF8 !important;
}

body.smouha-home-design.sm-home-reference-2026 #sm-phase1 .sm-home-contact .p1-contact-block {
  grid-template-columns: .82fr 1.18fr !important;
  gap: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  border: 0 !important;
  border-radius: 16px !important;
  background: #FFFDF8 !important;
  box-shadow: none !important;
}

body.smouha-home-design.sm-home-reference-2026 #sm-phase1 .sm-home-contact .p1-contact-copy {
  min-height: 100% !important;
  padding: 46px 38px !important;
  background: #252729 !important;
  color: #FFFDF8 !important;
}

body.smouha-home-design.sm-home-reference-2026 #sm-phase1 .sm-home-contact .p1-contact-copy h2,
body.smouha-home-design.sm-home-reference-2026 #sm-phase1 .sm-home-contact .p1-contact-copy p,
body.smouha-home-design.sm-home-reference-2026 #sm-phase1 .sm-home-contact .p1-contact-copy a {
  color: #FFFDF8 !important;
}

body.smouha-home-design.sm-home-reference-2026 #sm-phase1 .sm-home-contact .p1-form-area {
  padding: 38px !important;
  border-radius: 0 !important;
  background: #FFFDF8 !important;
}

body.smouha-home-design.sm-home-reference-2026 #smouha-footer-clean .sfc-shell {
  width: min(calc(100% - 48px), 1350px) !important;
}

html[dir="ltr"] body.smouha-home-design.sm-home-reference-2026 #sm-phase1,
html[dir="ltr"] body.smouha-home-design.sm-home-reference-2026 #sm-phase1 * {
  text-align: inherit;
}

@media (max-width: 900px) {
  body.smouha-home-design.sm-home-reference-2026 #sm-phase1 > .p1-wrap {
    width: min(calc(100% - 28px), 1350px) !important;
  }

  body.smouha-home-design.sm-home-reference-2026 #sm-phase1 .smd-hero-frame > .sh-site {
    min-height: 0 !important;
    padding: 38px 24px 28px !important;
  }

  body.smouha-home-design.sm-home-reference-2026 #sm-phase1 .p1-paths,
  body.smouha-home-design.sm-home-reference-2026 #sm-phase1 .p1-grid,
  body.smouha-home-design.sm-home-reference-2026 #sm-phase1 .sm-faq-v2,
  body.smouha-home-design.sm-home-reference-2026 #sm-phase1 .sm-home-contact .p1-contact-block {
    grid-template-columns: 1fr !important;
  }

  body.smouha-home-design.sm-home-reference-2026 #sm-phase1 .p1-path + .p1-path {
    border-inline-start: 0 !important;
    border-top: 1px solid #DEDDD7 !important;
  }

  body.smouha-home-design.sm-home-reference-2026 #sm-phase1 .sm-faq-v2,
  body.smouha-home-design.sm-home-reference-2026 #sm-phase1 .sm-home-contact {
    padding: 22px !important;
  }

  body.smouha-home-design.sm-home-reference-2026 #sm-phase1 .sm-home-contact .p1-contact-copy,
  body.smouha-home-design.sm-home-reference-2026 #sm-phase1 .sm-home-contact .p1-form-area {
    padding: 30px 24px !important;
  }
}