#smouha-footer-clean,
#smouha-footer-clean *,
#smouha-footer-clean *::before,
#smouha-footer-clean *::after {
box-sizing: border-box;
}
.smf-footer,
#smouha-home-footer,
#smouha-footer-v2 {
display: none !important;
}
#smouha-footer-clean {
width: 100%;
margin: 0;
padding: 20px 24px 24px;
direction: rtl;
background: #F2F2EF;
color: #FFFDF8;
font-family: "Cairo", sans-serif !important;
}
#smouha-footer-clean .sfc-shell {
width: min(100%, 1480px);
margin: 0 auto;
overflow: clip;
border: 1px solid rgba(201, 166, 96, .16);
border-radius: 18px;
background: #252729;
}
#smouha-footer-clean .sfc-grid {
width: 100%;
max-width: 100%;
margin: 0 auto;
display: grid;
grid-template-columns:
minmax(0, 1.08fr)
minmax(0, .92fr)
minmax(0, 1fr)
minmax(0, 1fr);
gap: clamp(24px, 2.6vw, 44px);
align-items: start;
padding: 48px clamp(24px, 2.6vw, 42px) 42px;
}
#smouha-footer-clean .sfc-brand,
#smouha-footer-clean .sfc-column {
min-width: 0;
max-width: 100%;
overflow-wrap: anywhere;
text-align: right;
}
#smouha-footer-clean .sfc-brand {
display: flex;
flex-direction: column;
align-items: flex-start;
}
#smouha-footer-clean .sfc-brand-head {
width: 100%;
display: flex;
justify-content: flex-start;
align-items: center;
}
#smouha-footer-clean .sfc-logo {
display: block;
width: 150px;
height: 150px;
margin: 0;
padding: 0;
background: transparent;
border: 0;
box-shadow: none;
object-fit: contain;
}
#smouha-footer-clean .sfc-brand-divider {
width: 54px;
height: 3px;
margin: 20px 0 22px;
border-radius: 999px;
background: #CDBB94;
}
#smouha-footer-clean .sfc-bio {
max-width: 36ch;
margin: 0 0 22px;
color: #DDDCD7;
font-size: 14px;
font-weight: 500;
line-height: 2;
}
#smouha-footer-clean .sfc-main-cta {
width: fit-content;
min-width: 190px;
max-width: 240px;
min-height: 54px;
display: flex;
align-items: center;
justify-content: space-between;
gap: 18px;
padding: 0 18px;
border: 1px solid rgba(201, 166, 96, .92);
border-radius: 12px;
background: #F3EEE4;
color: #252729;
font-size: 15px;
font-weight: 800;
text-decoration: none;
transition: transform .2s ease, background .2s ease;
}
#smouha-footer-clean .sfc-main-cta:hover {
transform: translateY(-1px);
background: #F3EEE4;
color: #252729;
}
#smouha-footer-clean .sfc-column h2 {
position: relative;
max-width: 100%;
display: block;
min-height: 48px;
margin: 0 0 22px;
padding: 0 0 17px;
color: #FFFDF8;
font-size: 20px;
font-weight: 800;
line-height: 1.45;
}
#smouha-footer-clean .sfc-column h2::after {
content: "";
position: absolute;
right: 0;
bottom: 0;
width: 48px;
height: 3px;
border-radius: 999px;
background: #CDBB94;
}
#smouha-footer-clean .sfc-column ul {
list-style: none;
margin: 0;
padding: 0;
}
#smouha-footer-clean .sfc-column li {
margin: 0;
padding: 0;
}
#smouha-footer-clean .sfc-column li + li {
margin-top: 11px;
}
#smouha-footer-clean .sfc-column a {
display: inline-block;
max-width: 100%;
color: #FFFDF8;
font-size: 14.5px;
font-weight: 700;
line-height: 1.72;
text-decoration: none;
transition: color .2s ease, transform .2s ease;
}
#smouha-footer-clean .sfc-column a:hover {
color: #CDBB94;
transform: translateX(-2px);
}
#smouha-footer-clean .sfc-bottom {
width: 100%;
max-width: 100%;
margin: 0 auto;
padding: 14px clamp(28px, 3.2vw, 54px) 16px;
border-top: 1px solid rgba(201, 166, 96, .12);
text-align: center;
}
#smouha-footer-clean .sfc-bottom p {
margin: 0;
color: #626562;
font-size: 11.5px;
line-height: 1.5;
}
html[dir="ltr"] #smouha-footer-clean {
direction: ltr;
}
html[dir="ltr"] #smouha-footer-clean .sfc-brand,
html[dir="ltr"] #smouha-footer-clean .sfc-column {
text-align: left;
}
html[dir="ltr"] #smouha-footer-clean .sfc-column h2::after {
right: auto;
left: 0;
}
html[dir="ltr"] #smouha-footer-clean .sfc-column a:hover {
transform: translateX(2px);
}
@media (max-width: 1180px) {
#smouha-footer-clean .sfc-grid {
grid-template-columns: 1.15fr 1fr 1fr;
}
#smouha-footer-clean .sfc-column-wide {
grid-column: 2 / 4;
}
}
@media (max-width: 820px) {
#smouha-footer-clean {
padding: 16px 18px 20px;
}
#smouha-footer-clean .sfc-grid {
grid-template-columns: 1fr 1fr;
gap: 34px 28px;
padding-top: 44px;
}
#smouha-footer-clean .sfc-brand {
grid-column: 1 / -1;
}
#smouha-footer-clean .sfc-column-wide {
grid-column: auto;
}
#smouha-footer-clean .sfc-logo {
width: 138px;
height: 138px;
}
#smouha-footer-clean .sfc-bio {
max-width: 54ch;
}
}
@media (max-width: 620px) {
#smouha-footer-clean {
padding: 12px;
}
#smouha-footer-clean .sfc-grid {
grid-template-columns: 1fr;
gap: 0;
padding: 34px 22px 30px;
}
#smouha-footer-clean .sfc-brand,
#smouha-footer-clean .sfc-column {
padding: 0 0 28px;
}
#smouha-footer-clean .sfc-column {
padding-top: 28px;
border-top: 1px solid rgba(201, 166, 96, .11);
}
#smouha-footer-clean .sfc-logo {
width: 122px;
height: 122px;
}
#smouha-footer-clean .sfc-brand-divider {
margin: 22px 0 22px;
}
#smouha-footer-clean .sfc-main-cta {
width: fit-content;
min-width: 180px;
max-width: 100%;
}
#smouha-footer-clean .sfc-column h2 {
min-height: 0;
font-size: 18px;
}
#smouha-footer-clean .sfc-column a {
font-size: 14px;
}
#smouha-footer-clean .sfc-bottom {
padding-inline: 22px;
}
}
#smouha-footer-clean .sfc-accordion-toggle {
width: 100%;
display: flex;
align-items: center;
justify-content: space-between;
gap: 12px;
padding: 0;
border: 0;
background: transparent;
color: inherit;
font: inherit;
font-weight: inherit;
text-align: inherit;
cursor: default;
}
#smouha-footer-clean .sfc-accordion-icon {
display: none;
flex: 0 0 auto;
color: #CDBB94;
font-size: 18px;
line-height: 1;
transition: transform .2s ease;
}
@media (max-width: 620px) {
#smouha-footer-clean .sfc-column {
padding-bottom: 0;
}
#smouha-footer-clean .sfc-column h2 {
margin: 0;
padding: 0;
}
#smouha-footer-clean .sfc-column h2::after {
display: none;
}
#smouha-footer-clean .sfc-accordion-toggle {
min-height: 58px;
cursor: pointer;
}
#smouha-footer-clean .sfc-accordion-icon {
display: inline-block;
}
#smouha-footer-clean .sfc-accordion-toggle[aria-expanded="false"] .sfc-accordion-icon {
transform: rotate(180deg);
}
#smouha-footer-clean .sfc-accordion-panel {
padding: 4px 0 26px;
}
#smouha-footer-clean .sfc-accordion-panel[hidden] {
display: none !important;
}
}
#smouha-footer-clean .sfc-main-cta,
#smouha-footer-clean .sfc-main-cta > span {
color: #252729 !important;
opacity: 1 !important;
text-shadow: none !important;
}