/* Site footer v2 */
footer.sf { flex: 0 0 auto !important; flex-shrink: 0 !important; height: auto !important; max-height: none !important; overflow: visible !important; display: block !important; width: 100% !important; }
.sf { width: 100%; float: none; clear: both; box-sizing: border-box; background: linear-gradient(180deg, #0f1c3a 0%, #0b1530 100%); color: #c5cde0; direction: rtl; margin-top: 10px; position: relative; }
.sf::before { content: ""; position: absolute; inset: 0 0 auto 0; height: 3px; background: linear-gradient(90deg, #ff1f6d, #f0a020, #7b3ff2); }
.sf a { color: inherit; text-decoration: none; transition: color .15s; }
.sf a:hover { color: #fff; }
.sf-in { width: 100%; box-sizing: border-box; max-width: 1240px; margin: 0 auto; padding: 0 20px; }

/* trust strip */
.sf-trust { border-bottom: 1px solid rgba(255, 255, 255, .08); background: rgba(255, 255, 255, .03); }
.sf-trust .sf-in { display: grid; grid-template-columns: repeat(4, 1fr); gap: 14px; padding-block: 22px; }
.sf-t { display: flex; align-items: center; gap: 12px; }
.sf-t i { flex: none; width: 44px; height: 44px; border-radius: 12px; display: grid; place-items: center; background: rgba(255, 255, 255, .07); color: #ffb44d; }
.sf-t svg { width: 22px; height: 22px; }
.sf-t b { display: block; color: #fff; font-size: .92rem; font-weight: 700; }
.sf-t span { display: block; font-size: .76rem; color: #8e9ab6; margin-top: 2px; line-height: 1.6; }

/* main grid */
.sf-main { padding-block: 44px 30px; display: grid; grid-template-columns: 1.5fr repeat(4, 1fr); gap: 34px; }
.sf-brand img { height: 52px; width: auto; margin-bottom: 14px; }
.sf-brand p { font-size: .85rem; line-height: 2; color: #9aa6c2; margin: 0 0 16px; }
.sf-contact { list-style: none; padding: 0; margin: 0; display: grid; gap: 10px; }
.sf-contact li { display: flex; align-items: center; gap: 10px; font-size: .88rem; }
.sf-contact svg { width: 18px; height: 18px; flex: none; color: #ffb44d; }
.sf-contact bdi { direction: ltr; unicode-bidi: isolate; }
.sf-col h3 { color: #fff; font-size: .98rem; font-weight: 800; margin: 0 0 16px; padding-bottom: 12px; position: relative; }
.sf-col h3::after { content: ""; position: absolute; inset-inline-start: 0; bottom: 0; width: 34px; height: 3px; border-radius: 3px; background: #ff1f6d; }
.sf-col ul { list-style: none; margin: 0; padding: 0; display: grid; gap: 11px; }
.sf-col li a { font-size: .87rem; color: #aab5cf; display: inline-flex; align-items: center; gap: 8px; }
.sf-col li a::before { content: ""; width: 5px; height: 5px; border-radius: 50%; background: #3b4c7a; transition: background .15s, transform .15s; }
.sf-col li a:hover::before { background: #ff1f6d; transform: scale(1.3); }

/* about text */
.sf-about { border-top: 1px solid rgba(255, 255, 255, .08); padding-block: 26px; display: grid; grid-template-columns: 1fr 1fr; gap: 28px; }
.sf-about h4 { color: #fff; font-size: .9rem; font-weight: 800; margin: 0 0 8px; }
.sf-about p { margin: 0; font-size: .8rem; line-height: 2.05; color: #8e9ab6; }

/* bottom bar */
.sf-bottom { background: rgba(0, 0, 0, .25); }
.sf-bottom .sf-in { display: flex; align-items: center; justify-content: space-between; gap: 14px; flex-wrap: wrap; padding-block: 16px; font-size: .8rem; color: #8e9ab6; }
.sf-bottom nav { display: flex; gap: 18px; flex-wrap: wrap; }

@media (max-width: 900px) { .sf-main { grid-template-columns: repeat(2, 1fr); } .sf-brand { grid-column: 1 / -1; } .sf-trust .sf-in { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 640px) {
  .sf-in { padding: 0 16px; }
  .sf-trust .sf-in { gap: 16px 10px; padding-block: 18px; }
  .sf-t i { width: 38px; height: 38px; border-radius: 10px; } .sf-t b { font-size: .82rem; } .sf-t span { display: none; }
  .sf-main { grid-template-columns: 1fr 1fr; gap: 26px 16px; padding-block: 30px 20px; }
  .sf-about { grid-template-columns: 1fr; gap: 18px; }
  .sf-bottom .sf-in { justify-content: center; text-align: center; padding-bottom: 86px; } /* room for the fixed mobile menu */
}