/* SAJA_HOME_PAGE_CARDS_UNDER_HERO_FINAL */
html body.site-body .saja-reset-links {
display: none !important;
}
html body.site-body .saja-home-page-cards {
position: relative !important;
margin: 0 !important;
padding: 34px 0 44px !important;
background:
radial-gradient(circle at 8% 20%, rgba(255,255,255,.22), transparent 30%),
linear-gradient(180deg, #f4f0e8 0%, #fbfaf7 100%) !important;
color: #071522 !important;
z-index: 5 !important;
}
html body.site-body .saja-home-page-cards__grid {
display: grid !important;
grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
gap: 18px !important;
}
html body.site-body .saja-home-page-card {
position: relative !important;
min-height: 260px !important;
padding: 22px !important;
display: grid !important;
grid-template-rows: auto auto 1fr auto !important;
gap: 12px !important;
text-decoration: none !important;
color: #081827 !important;
border-radius: 18px !important;
background: linear-gradient(145deg, rgba(255,255,255,.98), rgba(238,234,226,.88)) !important;
border: 1px solid rgba(8,24,39,.10) !important;
box-shadow: 0 18px 45px rgba(8,16,28,.10), inset 0 1px 0 rgba(255,255,255,.9) !important;
overflow: hidden !important;
}
html body.site-body .saja-home-page-card__icon {
width: 34px !important;
height: 34px !important;
display: grid !important;
place-items: center !important;
border-radius: 50% !important;
background: rgba(8,24,39,.08) !important;
color: #071522 !important;
font-size: 1.3rem !important;
line-height: 1 !important;
}
html body.site-body .saja-home-page-card__body {
display: grid !important;
gap: 6px !important;
text-align: right !important;
}
html[lang="en"] body.site-body .saja-home-page-card__body {
text-align: left !important;
}
html body.site-body .saja-home-page-card strong {
color: #071522 !important;
font-size: clamp(1.15rem, 1.35vw, 1.55rem) !important;
line-height: 1.25 !important;
font-weight: 950 !important;
}
html body.site-body .saja-home-page-card small {
color: rgba(8,24,39,.68) !important;
font-size: .9rem !important;
line-height: 1.6 !important;
font-weight: 750 !important;
}
html body.site-body .saja-home-page-card__media {
display: block !important;
height: 126px !important;
border-radius: 10px !important;
overflow: hidden !important;
background: #071522 !important;
}
html body.site-body .saja-home-page-card__media img {
width: 100% !important;
height: 100% !important;
object-fit: cover !important;
display: block !important;
}
html body.site-body .saja-home-page-card__link {
color: #071522 !important;
font-weight: 900 !important;
font-size: .9rem !important;
}
@media (max-width: 1100px) {
html body.site-body .saja-home-page-cards__grid {
grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}
}
@media (max-width: 640px) {
html body.site-body .saja-home-page-cards {
padding: 24px 0 34px !important;
}
html body.site-body .saja-home-page-cards__grid {
grid-template-columns: 1fr !important;
}
}
/* SAJA_HOME_CARDS_BLACK_TEXT_REMOVE_BLACK_GAP_FINAL */
html body.site-body .saja-reset-home-hero,
html body.site-body .home-slider-section {
display: none !important;
visibility: hidden !important;
height: 0 !important;
min-height: 0 !important;
max-height: 0 !important;
margin: 0 !important;
padding: 0 !important;
overflow: hidden !important;
}
html body.site-body .saja-home-page-cards {
margin-top: 0 !important;
padding-top: 34px !important;
}
html body.site-body .saja-home-page-card,
html body.site-body .saja-home-page-card *,
html body.site-body .saja-home-page-card strong,
html body.site-body .saja-home-page-card small,
html body.site-body .saja-home-page-card__link,
html body.site-body .saja-home-page-card__body {
color: #071522 !important;
text-shadow: none !important;
opacity: 1 !important;
}
html body.site-body .saja-home-page-card__icon {
color: #071522 !important;
background: rgba(8,24,39,.08) !important;
}
/* SAJA_RESTORE_HERO_KEEP_CARDS_BLACK_TEXT_FINAL */
html body.site-body .saja-reset-home-hero,
html body.site-body .home-slider-section {
display: block !important;
visibility: visible !important;
height: auto !important;
min-height: 760px !important;
max-height: none !important;
overflow: hidden !important;
}
html body.site-body .saja-home-page-cards {
margin-top: 0 !important;
padding-top: 34px !important;
}
html body.site-body .saja-reset-home-hero + .saja-home-page-cards,
html body.site-body .home-slider-section + .saja-home-page-cards {
margin-top: 0 !important;
}
html body.site-body .saja-home-page-card,
html body.site-body .saja-home-page-card *,
html body.site-body .saja-home-page-card strong,
html body.site-body .saja-home-page-card small,
html body.site-body .saja-home-page-card__link,
html body.site-body .saja-home-page-card__body {
color: #071522 !important;
text-shadow: none !important;
opacity: 1 !important;
}
html body.site-body .saja-home-page-card__icon {
color: #071522 !important;
background: rgba(8,24,39,.08) !important;
}
/* SAJA_REMOVE_HERO_BOTTOM_BLACK_GAP_AND_CARD_TEXT_FINAL */
html body.site-body .saja-reset-home-hero,
html body.site-body .home-slider-section {
min-height: 0 !important;
height: auto !important;
max-height: none !important;
padding-bottom: 0 !important;
margin-bottom: 0 !important;
line-height: 0 !important;
}
html body.site-body .saja-reset-home-hero::after,
html body.site-body .saja-reset-home-hero::before,
html body.site-body .home-slider-section::after,
html body.site-body .home-slider-section::before {
display: none !important;
content: none !important;
}
html body.site-body .saja-final-hero-copy {
line-height: normal !important;
}
html body.site-body .saja-home-page-cards {
margin-top: 0 !important;
padding-top: 28px !important;
}
html body.site-body .saja-home-page-card,
html body.site-body .saja-home-page-card:link,
html body.site-body .saja-home-page-card:visited,
html body.site-body .saja-home-page-card span,
html body.site-body .saja-home-page-card strong,
html body.site-body .saja-home-page-card small,
html body.site-body .saja-home-page-card b,
html body.site-body .saja-home-page-card__body,
html body.site-body .saja-home-page-card__body *,
html body.site-body .saja-home-page-card__link,
html body.site-body .saja-home-page-card__link * {
color: #071522 !important;
-webkit-text-fill-color: #071522 !important;
text-shadow: none !important;
opacity: 1 !important;
}
html body.site-body .saja-home-page-card__media,
html body.site-body .saja-home-page-card__media *,
html body.site-body .saja-home-page-card__media img {
opacity: 1 !important;
}
/* SAJA_RESTORE_HERO_AFTER_GAP_FIX_FINAL */
html body.site-body .saja-reset-home-hero,
html body.site-body .home-slider-section {
display: block !important;
visibility: visible !important;
opacity: 1 !important;
min-height: 760px !important;
height: 760px !important;
max-height: none !important;
overflow: hidden !important;
line-height: normal !important;
padding-bottom: 0 !important;
margin-bottom: 0 !important;
}
html body.site-body .saja-reset-home-hero + .saja-home-page-cards,
html body.site-body .home-slider-section + .saja-home-page-cards {
margin-top: 0 !important;
}
html body.site-body .saja-home-page-cards {
margin-top: 0 !important;
padding-top: 28px !important;
}
html body.site-body .saja-home-page-card,
html body.site-body .saja-home-page-card *,
html body.site-body .saja-home-page-card strong,
html body.site-body .saja-home-page-card small,
html body.site-body .saja-home-page-card__link,
html body.site-body .saja-home-page-card__body {
color: #071522 !important;
-webkit-text-fill-color: #071522 !important;
text-shadow: none !important;
opacity: 1 !important;
}
ERROR Command "optimize:clearcat" is not defined. Did you mean one of these?
⇂ optimize
⇂ optimize:clear
/* SAJA_HERO_HEIGHT_MATCH_IMAGE_REMOVE_BLACK_STRIP_FINAL */
html[lang="ar"] body.site-body .saja-reset-home-hero,
html[lang="ar"] body.site-body .home-slider-section {
min-height: 610px !important;
height: 610px !important;
max-height: 610px !important;
margin-bottom: 0 !important;
}
html[lang="en"] body.site-body .saja-reset-home-hero,
html[lang="en"] body.site-body .home-slider-section {
min-height: 610px !important;
height: 610px !important;
max-height: 610px !important;
margin-bottom: 0 !important;
}
html body.site-body .saja-home-page-cards {
margin-top: 0 !important;
}
ERROR Command "optimize:clearcat" is not defined. Did you mean one of these?
⇂ optimize
⇂ optimize:clear
/* SAJA_HOME_PAGE_FIVE_CARDS_FINAL */
html body.site-body .saja-home-page-cards-section {
margin-top: 0 !important;
padding: 36px 4vw 52px !important;
background: #f5f1e8 !important;
}
html body.site-body .saja-home-page-cards-grid {
width: min(1720px, 100%) !important;
margin: 0 auto !important;
display: grid !important;
grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
gap: 20px !important;
}
html body.site-body .saja-home-page-card,
html body.site-body .saja-home-page-card * {
color: #071522 !important;
-webkit-text-fill-color: #071522 !important;
text-shadow: none !important;
}
html body.site-body .saja-home-page-card {
min-height: 360px !important;
padding: 28px 22px !important;
border: 1px solid rgba(7, 21, 34, .14) !important;
border-radius: 24px !important;
background: linear-gradient(145deg, #ffffff 0%, #f4efe5 100%) !important;
box-shadow: 0 18px 42px rgba(7, 21, 34, .10) !important;
text-decoration: none !important;
display: flex !important;
flex-direction: column !important;
justify-content: space-between !important;
overflow: hidden !important;
}
html body.site-body .saja-home-page-card h3 {
font-size: clamp(24px, 1.7vw, 34px) !important;
line-height: 1.25 !important;
margin: 0 0 12px !important;
font-weight: 800 !important;
}
html body.site-body .saja-home-page-card p {
font-size: clamp(15px, 1vw, 18px) !important;
line-height: 1.8 !important;
margin: 0 !important;
font-weight: 600 !important;
}
html body.site-body .saja-home-page-card img {
width: 100% !important;
height: 120px !important;
object-fit: cover !important;
border-radius: 12px !important;
margin: 24px 0 18px !important;
}
html body.site-body .saja-home-page-card-arrow {
width: 42px !important;
height: 42px !important;
border-radius: 50% !important;
background: rgba(7, 21, 34, .08) !important;
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
font-size: 26px !important;
font-weight: 800 !important;
}
html body.site-body .saja-home-page-card-link {
font-size: 15px !important;
font-weight: 700 !important;
}
@media (max-width: 1300px) {
html body.site-body .saja-home-page-cards-grid {
grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
}
}
@media (max-width: 800px) {
html body.site-body .saja-home-page-cards-grid {
grid-template-columns: 1fr !important;
}
}
/* SAJA_HOME_PAGE_CARDS_COMPACT_BALANCED_FINAL */
html body.site-body .saja-home-page-cards-section {
padding: 30px 3.2vw 44px !important;
}
html body.site-body .saja-home-page-cards-grid {
width: min(1520px, 100%) !important;
gap: 16px !important;
align-items: stretch !important;
}
html body.site-body .saja-home-page-card {
min-height: 310px !important;
padding: 22px 18px !important;
border-radius: 20px !important;
}
html body.site-body .saja-home-page-card h3 {
font-size: clamp(21px, 1.35vw, 28px) !important;
line-height: 1.28 !important;
margin-bottom: 9px !important;
}
html body.site-body .saja-home-page-card p {
font-size: clamp(13px, .88vw, 16px) !important;
line-height: 1.65 !important;
}
html body.site-body .saja-home-page-card img {
height: 96px !important;
margin: 18px 0 14px !important;
border-radius: 10px !important;
}
html body.site-body .saja-home-page-card-arrow {
width: 36px !important;
height: 36px !important;
font-size: 22px !important;
}
html body.site-body .saja-home-page-card-link {
font-size: 13px !important;
}
/* SAJA_HOME_PAGE_CARD_UPLOADED_IMAGES_FINAL */
html body.site-body .saja-home-page-card img {
width: 100% !important;
height: 112px !important;
object-fit: cover !important;
object-position: center center !important;
border-radius: 12px !important;
display: block !important;
}
/* SAJA_HOME_PAGE_CARD_UPLOADED_IMAGES_FINAL */
html body.site-body .saja-home-page-card img {
width: 100% !important;
height: 112px !important;
object-fit: cover !important;
object-position: center center !important;
border-radius: 12px !important;
display: block !important;
}