/* Header Standalone CSS — Bootstrap-free replacement
   All rules scoped under .site-header to avoid conflicts */

/* ===== Variables ===== */
.site-header {
    --color-primary: #0061AB;
    --color-primary-dark: #07284D;
    --color-secondary: #F7C313;
    --color-accent: #ED4400;
    --color-text: #808282;
    --color-text-hover: #222222;
    box-sizing: border-box;
    font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    -webkit-font-smoothing: auto !important;
    -moz-osx-font-smoothing: auto !important;
    text-rendering: auto !important;
}

.site-header *, .site-header *::before, .site-header *::after {
    box-sizing: border-box;
    -webkit-font-smoothing: auto !important;
    -moz-osx-font-smoothing: auto !important;
}

.site-header a,
.site-header a:visited,
.site-header a:hover,
.site-header a:active,
.site-header a:focus {
    color: inherit;
    text-decoration: none;
    font-weight: inherit;
    font-size: inherit;
}

.site-header, .site-header section,
.site-header h1, .site-header h2, .site-header h3,
.site-header p, .site-header ul, .site-header li {
    margin: 0;
    padding: 0;
}

.site-header h1, .site-header h2, .site-header h3,
.site-header p, .site-header span, .site-header div,
.site-header ul, .site-header li, .site-header nav,
.site-header button, .site-header input,
.site-header a {
    font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji" !important;
    line-height: 1.5 !important;
}

.site-header .header-logo-section h1,
.site-header .header-logo-section span {
    line-height: 23px !important;
}

/* ===== RTL for Arabic ===== */
[lang="ar"] .site-header {
    direction: rtl;
}

/* ===== Grid: container ===== */
.site-header .container {
    width: 100%;
    max-width: 1320px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 12px;
    padding-right: 12px;
}

.site-header .container-fluid {
    width: 100%;
    padding-left: 12px;
    padding-right: 12px;
}

/* ===== Grid: row ===== */
.site-header .row {
    display: flex;
    flex-wrap: wrap;
    margin-left: -12px;
    margin-right: -12px;
}

/* ===== Grid: columns ===== */
.site-header [class*="col-"] {
    position: relative;
    width: 100%;
    padding-left: 12px;
    padding-right: 12px;
}

.site-header .col-1  { flex: 0 0 8.333%; max-width: 8.333%; }
.site-header .col-3  { flex: 0 0 25%; max-width: 25%; }
.site-header .col-6  { flex: 0 0 50%; max-width: 50%; }
.site-header .col-8  { flex: 0 0 66.666%; max-width: 66.666%; }
.site-header .col-9  { flex: 0 0 75%; max-width: 75%; }
.site-header .col-12 { flex: 0 0 100%; max-width: 100%; }

/* sm ≥576px */
@media (min-width: 576px) {
    .site-header .col-sm-12 { flex: 0 0 100%; max-width: 100%; }
}

/* md ≥768px */
@media (min-width: 768px) {
    .site-header .container { max-width: 720px; }
    .site-header .col-md-2  { flex: 0 0 16.666%; max-width: 16.666%; }
    .site-header .col-md-3  { flex: 0 0 25%; max-width: 25%; }
    .site-header .col-md-4  { flex: 0 0 33.333%; max-width: 33.333%; }
    .site-header .col-md-5  { flex: 0 0 41.666%; max-width: 41.666%; }
    .site-header .col-md-6  { flex: 0 0 50%; max-width: 50%; }
    .site-header .col-md-9  { flex: 0 0 75%; max-width: 75%; }
    .site-header .col-md-10 { flex: 0 0 83.333%; max-width: 83.333%; }
    .site-header .col-md-12 { flex: 0 0 100%; max-width: 100%; }
}

/* lg ≥992px */
@media (min-width: 992px) {
    .site-header .container { max-width: 960px; }
    .site-header .col-lg-3  { flex: 0 0 25%; max-width: 25%; }
    .site-header .col-lg-4  { flex: 0 0 33.333%; max-width: 33.333%; }
    .site-header .col-lg-7  { flex: 0 0 58.333%; max-width: 58.333%; }
    .site-header .col-lg-8  { flex: 0 0 66.666%; max-width: 66.666%; }
}

/* xl ≥1200px */
@media (min-width: 1200px) {
    .site-header .container { max-width: 1140px; }
    .site-header .col-xl-1  { flex: 0 0 8.333%; max-width: 8.333%; }
    .site-header .col-xl-4  { flex: 0 0 33.333%; max-width: 33.333%; }
}

/* xxl ≥1400px */
@media (min-width: 1400px) {
    .site-header .container { max-width: 1320px; }
}

/* ===== Display utilities (order matters: d-none must come last) ===== */
.site-header .d-block           { display: block !important; }
.site-header .d-flex            { display: flex !important; }
.site-header .d-inline-flex     { display: inline-flex !important; }
.site-header .d-none            { display: none !important; }

/* sm ≥576px */
@media (min-width: 576px) {
    .site-header .d-sm-none         { display: none !important; }
    .site-header .d-sm-block        { display: block !important; }
    .site-header .d-sm-flex         { display: flex !important; }
}

/* md ≥768px */
@media (min-width: 768px) {
    .site-header .d-md-none         { display: none !important; }
    .site-header .d-md-block        { display: block !important; }
    .site-header .d-md-flex         { display: flex !important; }
}

/* lg ≥992px */
@media (min-width: 992px) {
    .site-header .d-lg-none         { display: none !important; }
    .site-header .d-lg-block        { display: block !important; }
    .site-header .d-lg-flex         { display: flex !important; }
}

/* xl ≥1200px */
@media (min-width: 1200px) {
    .site-header .d-xl-none         { display: none !important; }
    .site-header .d-xl-block        { display: block !important; }
    .site-header .d-xl-inline-flex  { display: inline-flex !important; }
}


/* ===== Flex utilities ===== */
.site-header .flex-wrap            { flex-wrap: wrap; }
.site-header .align-items-center   { align-items: center !important; }
.site-header .align-self-center    { align-self: center !important; }
.site-header .align-self-end       { align-self: flex-end !important; }
.site-header .justify-content-center { justify-content: center !important; }
.site-header .justify-content-end  { justify-content: flex-end !important; }
.site-header .float-end            { float: right !important; }

@media (min-width: 768px) {
    .site-header .justify-content-md-end { justify-content: flex-end !important; }
}

@media (min-width: 992px) {
    .site-header .justify-content-lg-start { justify-content: flex-start !important; }
}

/* ===== Order ===== */
.site-header .order-1    { order: 1; }
.site-header .order-2    { order: 2; }

@media (min-width: 992px) {
    .site-header .order-lg-0 { order: 0; }
    .site-header .order-lg-1 { order: 1; }
}

/* ===== Spacing: margin ===== */
.site-header .m-0    { margin: 0 !important; }
.site-header .mb-0   { margin-bottom: 0 !important; }
.site-header .mb-2   { margin-bottom: 0.5rem !important; }
.site-header .mb-4   { margin-bottom: 1.5rem !important; }
.site-header .mt-0   { margin-top: 0 !important; }
.site-header .mt-3   { margin-top: 1rem !important; }
.site-header .my-1   { margin-top: 0.25rem !important; margin-bottom: 0.25rem !important; }
.site-header .mx-3   { margin-left: 1rem !important; margin-right: 1rem !important; }
.site-header .ms-auto { margin-left: auto !important; }
.site-header .me-0   { margin-right: 0 !important; }
.site-header .me-2   { margin-right: 0.5rem !important; }
.site-header .me-3   { margin-right: 1rem !important; }

@media (min-width: 768px) {
    .site-header .mb-md-auto { margin-bottom: auto !important; }
    .site-header .ms-md-2   { margin-left: 0.5rem !important; }
    .site-header .ms-md-3   { margin-left: 1rem !important; }
    .site-header .me-md-0   { margin-right: 0 !important; }
}

@media (min-width: 992px) {
    .site-header .mb-lg-auto { margin-bottom: auto !important; }
    .site-header .ms-lg-auto { margin-left: auto !important; }
    .site-header .me-lg-2   { margin-right: 0.5rem !important; }
    .site-header .ms-md-2   { margin-left: 0.5rem !important; }
}

@media (min-width: 1200px) {
    .site-header .me-xl-3   { margin-right: 1rem !important; }
    .site-header .me-xl-5   { margin-right: 3rem !important; }
}

/* ===== Spacing: padding ===== */
.site-header .p-0    { padding: 0 !important; }
.site-header .pb-2   { padding-bottom: 0.5rem !important; }
.site-header .pt-1   { padding-top: 0.25rem !important; }
.site-header .pt-3   { padding-top: 1rem !important; }
.site-header .px-2   { padding-left: 0.5rem !important; padding-right: 0.5rem !important; }
.site-header .px-3   { padding-left: 1rem !important; padding-right: 1rem !important; }
.site-header .px-5   { padding-left: 3rem !important; padding-right: 3rem !important; }
.site-header .py-5   { padding-top: 3rem !important; padding-bottom: 3rem !important; }
.site-header .pe-0   { padding-right: 0 !important; }
.site-header .pe-auto { padding-right: auto !important; }

@media (min-width: 768px) {
    .site-header .pe-md-auto { padding-right: auto !important; }
}

@media (min-width: 992px) {
    .site-header .pe-lg-0 { padding-right: 0 !important; }
}

/* ===== Text ===== */
.site-header .text-center { text-align: center !important; }

@media (min-width: 768px) {
    .site-header .text-md-end { text-align: right !important; }
}

/* ===== Lists ===== */
.site-header .list-inline {
    padding-left: 0;
    margin: 0;
    list-style: none;
}

.site-header .top-nav {
    margin: 0;
    padding: 0;
}

.site-header .list-inline-item {
    display: inline-block;
}

.site-header .list-inline-item:not(:last-child) {
    margin-right: 1.2rem;
}

.site-header .list-unstyled {
    padding-left: 0;
    list-style: none;
}

/* ===== Image ===== */
.site-header img {
    vertical-align: middle;
}

.site-header .img-fluid {
    max-width: 100%;
    height: auto;
}

.site-header .w-100 {
    width: 100% !important;
}

/* ===== Form: input-group ===== */
.site-header .input-group {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    width: 100%;
}

.site-header .input-group > .form-control {
    position: relative;
    flex: 1 1 auto;
    width: 1%;
    min-width: 0;
}

.site-header .form-control {
    display: block;
    width: 100%;
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #212529;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: 0.375rem;
    outline: none;
    transition: border-color 0.15s ease-in-out;
}

.site-header .form-control:focus {
    border-color: var(--color-primary);
    box-shadow: 0 0 0 0.2rem rgba(0, 97, 171, 0.25);
}

/* ===== Button ===== */
.site-header .btn {
    display: inline-block;
    font-weight: 400;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    user-select: none;
    border: 1px solid transparent;
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
    line-height: 1.5;
    border-radius: 0.375rem;
    transition: color 0.15s, background-color 0.15s, border-color 0.15s;
    background-color: transparent;
}

.site-header .btn-outline-secondary {
    color: #6c757d;
    border-color: #6c757d;
}

.site-header .btn-outline-secondary:hover {
    color: #fff;
    background-color: #6c757d;
}

/* ===== Dropdown ===== */
.site-header .dropdown {
    position: relative;
    color: white;
    background: transparent !important;
    overflow-y: visible !important;
    overflow: visible !important;
}

.site-header .dropdown-toggle {
    cursor: pointer;
}

.site-header .dropdown-toggle::after {
    display: inline-block;
    margin-left: 0.255em;
    vertical-align: 0.255em;
    content: "";
    border-top: 0.3em solid;
    border-right: 0.3em solid transparent;
    border-bottom: 0;
    border-left: 0.3em solid transparent;
}

.site-header .dropdown-menu {
    position: absolute;
    z-index: 1000;
    display: none;
    min-width: 5rem;
    padding: 0.5rem 0;
    margin: 0;
    font-size: 1rem;
    color: #212529;
    text-align: left;
    list-style: none;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, 0.15);
    border-radius: 0.375rem;
    box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
}

.site-header .dropdown-menu.show {
    display: block;
}

.site-header .dropdown-menu-end {
    right: 0;
    left: auto;
}

.site-header .dropdown li {
    width: auto !important;
    margin: 0;
}

.site-header .dropdown ul {
    margin: 0;
    padding: 0.5rem 0;
}

.site-header .dropdown-menu .dropdown-item,
.site-header .dropdown-menu a.dropdown-item,
.site-header .dropdown-menu a.dropdown-item:visited,
.site-header .dropdown-menu a.dropdown-item:link {
    display: block;
    width: 100%;
    padding: 0.25rem 1rem;
    clear: both;
    font-weight: 400;
    font-size: 14px;
    color: var(--color-primary) !important;
    text-align: inherit;
    text-decoration: none;
    white-space: nowrap;
    background-color: transparent;
    border: 0;
}

.site-header .dropdown-item:hover,
.site-header a.dropdown-item:hover {
    background-color: #f0f8ff;
    color: var(--color-primary) !important;
}

/* ===== Mobile nav line fix ===== */
@media (max-width: 767.98px) {
    .site-header .header-nav-line > .row {
        flex-wrap: nowrap;
        align-items: center;
    }
}

/* ===== Custom header styles ===== */

.site-header .bg-blue {
    background-color: var(--color-primary);
}

.site-header h1,
.site-header h2 {
    margin: 0 !important;
    padding: 0 !important;
    font-family: inherit !important;
    text-transform: none !important;
    color: inherit !important;
}

.site-header .header-logo-section h1,
.site-header .header-logo-section span {
    margin: 3px auto 0 !important;
    font-size: 12px !important;
    letter-spacing: 0.2px;
    color: white !important;
    font-weight: 300 !important;
    padding: 0 !important;
    line-height: 23px;
    display: table;
}

.site-header .header-nav-line-wrapper {
    background-color: var(--color-primary-dark);
    padding: 10px 0;
}

.site-header .header-nav-line a,
.site-header .header-nav-line span {
    color: white !important;
    font-size: 14px !important;
    font-weight: 300 !important;
    text-decoration: none !important;
    letter-spacing: 0.3px;
}

.site-header .header-nav-line {
    position: relative;
    z-index: 10;
}

.site-header .header-nav-line-links a {
    margin-right: 20px;
}

.site-header .header-link {
    color: white !important;
    font-weight: 600 !important;
}

.site-header .header-nav-line .dropdown-menu-open-btn {
    cursor: pointer;
    font-weight: 700 !important;
    -webkit-font-smoothing: auto !important;
    -moz-osx-font-smoothing: auto !important;
}

.site-header .header-date {
    color: white;
    font-size: 12px;
    font-weight: 500;
}

.site-header .lang {
    font-weight: 400;
    font-size: 14px;
    color: white;
}

.site-header .nav-cat-container {
    white-space: nowrap;
}

/* ===== Top nav (above header on inner pages) ===== */
.site-header .main-nav {
    font-weight: 700;
    font-size: 15px;
    color: var(--color-text);
    cursor: pointer;
}

.site-header .top-nav {
    list-style: none;
    padding-left: 0;
}

.site-header .top-nav .list-inline-item a {
    font-weight: 700;
    font-size: 12px;
    color: var(--color-text);
    text-decoration: none;
}

.site-header .top-nav .list-inline-item a:hover {
    color: var(--color-primary);
}

/* ===== Sidebar menu ===== */
.site-header #sidebarMenu {
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    max-height: 0;
    padding-top: 0;
    padding-bottom: 0;
    margin-top: 10px;
    transition: max-height 0.4s ease, padding 0.4s ease;
    overflow: hidden;
    background-color: aliceblue;
    z-index: 1000;
    color: #818181;
    box-shadow: 0 4px 7px rgba(0, 0, 0, 0.15);
}

.site-header #sidebarMenu.open {
    max-height: 1000px;
    padding-top: 20px;
    padding-bottom: 20px;
}

.site-header #sidebarMenu a {
    padding: 5px 0;
    text-decoration: none;
    font-size: 15px !important;
    color: var(--color-text-hover) !important;
    display: block;
    transition: 0.3s;
}

.site-header #sidebarMenu a:hover {
    color: var(--color-primary) !important;
}

.site-header #sidebarMenu .closebtn {
    position: absolute;
    top: 0;
    right: 25px;
    font-size: 36px;
    cursor: pointer;
    color: var(--color-primary);
}

.site-header #sidebarDropdown {
    padding-left: 15px;
    cursor: pointer;
}

.site-header #sidebarDropdown:hover {
    color: #f1f1f1;
}

.site-header #dropdown-block {
    padding-left: 30px;
    overflow: hidden;
    max-height: 0;
    transition: max-height 0.5s ease-in-out;
}

.site-header #dropdown-block.open {
    max-height: 500px;
}

/* ===== Social icons ===== */
.site-header .social-icons-list-side {
    padding: 20px 15px;
    border-top: 3px solid var(--color-primary);
}

.site-header .social-icons-list-side li a i {
    font-size: 20px;
    color: var(--color-primary);
    transition: 0.3s;
}

.site-header .social-icons-list-side li a i:hover {
    color: var(--color-primary-dark);
}

/* ===== Nav section titles (sidebar expanded) ===== */
.site-header .nav-section-title,
.site-header #sidebarMenu .nav-section-title {
    text-transform: uppercase;
    font-weight: 700;
    color: var(--color-primary);
}

.site-header .nav-section-title a,
.site-header #sidebarMenu .nav-section-title a {
    text-transform: uppercase;
    font-weight: 700 !important;
    color: var(--color-primary) !important;
}

.site-header .br-blue {
    border-right: 1px solid #ffffff;
}

/* ===== Search (header bar) ===== */
.site-header .side-search-group {
    border: 1px solid white;
    border-radius: 50px;
}

.site-header .side-search-group input {
    outline: none !important;
    box-shadow: none !important;
    border: none;
    color: white;
}

.site-header .side-search-group input:focus {
    outline: 0 !important;
    border: none;
    color: white;
}

.site-header .side-search-group input::placeholder {
    color: rgb(255, 255, 255);
}

.site-header .side-search-form {
    background-color: transparent !important;
    font-weight: 200;
    letter-spacing: 0.2px;
    font-size: 12px;
    border-radius: 0;
    border-left: none;
    padding-left: 0;
}

.site-header .side-button-search-form {
    color: white;
    border-radius: 0;
    border: none;
    padding: 0 15px 0 5px;
}

.site-header .side-button-search-form:hover,
.site-header .side-button-search-form:focus,
.site-header .side-button-search-form:active {
    background-color: transparent !important;
}

.site-header .side-button-search-form i {
    width: 50%;
}

/* ===== Search modal ===== */
.site-header-search-modal {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 97, 171, 0.95);
    z-index: 9999;
}

.site-header-search-modal.open {
    display: block;
}

.site-header-search-modal .close-search {
    position: absolute;
    top: 20px;
    right: 40px;
    font-size: 48px;
    color: white;
    cursor: pointer;
}

.site-header-search-modal .footer-search-group {
    max-width: 600px;
    margin: 0 auto;
    border: 2px solid white;
    border-radius: 50px;
}

.site-header-search-modal .footer-search-form {
    background-color: transparent !important;
    color: white;
    border: none;
    font-size: 18px;
    padding: 10px 20px;
}

.site-header-search-modal .footer-search-form::placeholder {
    color: rgba(255, 255, 255, 0.7);
}

.site-header-search-modal .footer-button-search-form {
    color: white;
    border: none;
    padding: 10px 20px;
    background: transparent;
    cursor: pointer;
}

/* ===== Fix: show othersDay on inner pages ===== */
@media screen and (max-width: 540px) {
    .others .othersDay,
    .othersDay + .othersBody {
        display: block !important;
    }
}

/* ===== Left menu: initial position below header ===== */
#leftMenu {
    top: 176px;
}

#leftMenu form {
    display: none !important;
}

/* ===== Dropdown JS toggle (replaces data-bs-toggle) ===== */
.site-header .dropdown-menu.show {
    display: block;
}

/* ===== Article redesign: headline below photo, larger fonts ===== */

/* Remove gradient overlay from photo */
.newsPicture .newsGradient,
.newsPicture .newsGradientHover {
    display: none !important;
}

/* Photo: remove relative positioning context for absolute children */
.newsPicture {
    position: static !important;
    background: none !important;
}

/* Headline: below photo, dark, larger, bolder */
.newsTitle {
    position: static !important;
    display: block !important;
    color: #222222 !important;
    font-size: 36px !important;
    font-weight: 900 !important;
    line-height: 1.2 !important;
    text-shadow: none !important;
    text-transform: none !important;
    padding: 0 0 15px 0 !important;
    left: auto !important;
    bottom: auto !important;
}

/* Headline without image */
.newsNoPicture h1 {
    font-size: 36px !important;
    font-weight: 900 !important;
    line-height: 1.2 !important;
}

/* Meta block: below headline, dark */
.newsMetaBlock {
    position: static !important;
    color: #333 !important;
    left: auto !important;
    bottom: auto !important;
    padding: 0 0 15px 0 !important;
    margin-top: 10px !important;
    overflow: visible !important;
}

.newsMetaBlock > div {
    color: #333 !important;
    float: none !important;
    display: inline-block !important;
    vertical-align: middle !important;
    height: auto !important;
    margin-bottom: 8px !important;
}

/* Hide publisher name and views counter (must be after newsMetaBlock > div) */
.newsMetaBlock > .newsPublisher,
.newsMetaBlock > .newsViews {
    display: none !important;
}

.newsMetaBlock a {
    color: #333 !important;
}

.newsMetaBlock a:hover {
    color: var(--color-primary) !important;
}

/* Date styling: outlined pill */
.newsDate {
    color: #36312e !important;
    border: 1px solid #ccc !important;
    border-radius: 15px !important;
    padding: 0 9px !important;
    font-size: 12px !important;
    text-transform: uppercase !important;
    letter-spacing: 1px !important;
    display: inline-block !important;
    height: auto !important;
    line-height: 30px !important;
    margin: 0 5px !important;
}

.newsText {
    border-top: 0px !important;
}

/* Article text: larger font */
.newsText {
    font-size: 18px !important;
    line-height: 30px !important;
}

.newsText p {
    margin: 0 0 24px !important;
}

/* Heading in text */
.newsHeading {
    font-size: 20px !important;
    font-weight: 500 !important;
    line-height: 32px !important;
    padding: 0 0 30px 0 !important;
}

/* ===== Article redesign: mobile ===== */
@media screen and (max-width: 540px) {
    .newsTitle {
        font-size: 28px !important;
        line-height: 1.2 !important;
        padding: 10px 0 5px 0 !important;
    }

    .newsNoPicture h1 {
        font-size: 28px !important;
    }
}

/* SVG icons via CSS mask — replaces Font Awesome */
/* No external font files, no JS loading, instant rendering */

.site-header i[class*="fa-"],
.bg-footer i[class*="fa-"] {
    display: inline-block !important;
    width: 1em !important;
    height: 1em !important;
    min-width: 14px;
    min-height: 14px;
    vertical-align: -0.125em;
    background-color: currentColor !important;
    -webkit-mask-size: contain;
    mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    font-style: normal;
    line-height: 1;
}

/* solid: magnifying-glass */
.site-header .fa-magnifying-glass,
.bg-footer .fa-magnifying-glass {
    margin-left: 5px;
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath d='M416 208c0 45.9-14.9 88.3-40 122.7L502.6 457.4c12.5 12.5 12.5 32.8 0 45.3s-32.8 12.5-45.3 0L330.7 376c-34.4 25.2-76.8 40-122.7 40C93.1 416 0 322.9 0 208S93.1 0 208 0S416 93.1 416 208zM208 352a144 144 0 1 0 0-288 144 144 0 1 0 0 288z'/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath d='M416 208c0 45.9-14.9 88.3-40 122.7L502.6 457.4c12.5 12.5 12.5 32.8 0 45.3s-32.8 12.5-45.3 0L330.7 376c-34.4 25.2-76.8 40-122.7 40C93.1 416 0 322.9 0 208S93.1 0 208 0S416 93.1 416 208zM208 352a144 144 0 1 0 0-288 144 144 0 1 0 0 288z'/%3E%3C/svg%3E");
}

/* solid: earth-americas */
.site-header .fa-earth-americas,
.bg-footer .fa-earth-americas {
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath d='M57.7 193l9.4 16.4c8.3 14.5 21.9 25.2 38 29.8L163 255.7c17.2 4.9 29 20.6 29 38.5l0 39.9c0 11 6.2 21 16 25.9s16 14.9 16 25.9l0 39c0 15.6 14.9 26.9 29.9 22.6c16.1-4.6 28.6-17.5 32.7-33.8l2.8-11.2c4.2-16.9 15.2-31.4 30.3-40l8.1-4.6c15-8.5 24.2-24.5 24.2-41.7l0-8.3c0-12.7-5.1-24.9-14.1-33.9l-3.9-3.9c-9-9-21.2-14.1-33.9-14.1L257 256c-11.1 0-22.1-2.9-31.8-8.4l-34.5-19.7c-4.3-2.5-7.6-6.5-9.2-11.2c-3.2-9.6 1.1-20 10.2-24.5l5.9-3c6.6-3.3 14.3-3.9 21.3-1.5l23.2 7.7c8.2 2.7 17.2-.4 21.9-7.5c4.7-7 4.2-16.3-1.2-22.8l-13.6-16.3c-10-12-9.9-29.5.3-41.3l15.7-18.3c8.8-10.3 10.2-25 3.5-36.7l-2.4-4.2c-3.5-.2-6.9-.3-10.4-.3C163.1 48 84.4 108.9 57.7 193zM464 256c0-36.8-9.6-71.4-26.4-101.5L412 164.8c-15.7 6.3-23.8 23.8-18.5 39.8l16.9 50.7c3.5 10.4 12 18.3 22.6 20.9l29.1 7.3c1.2-9 1.8-18.2 1.8-27.5zM0 256a256 256 0 1 1 512 0A256 256 0 1 1 0 256z'/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath d='M57.7 193l9.4 16.4c8.3 14.5 21.9 25.2 38 29.8L163 255.7c17.2 4.9 29 20.6 29 38.5l0 39.9c0 11 6.2 21 16 25.9s16 14.9 16 25.9l0 39c0 15.6 14.9 26.9 29.9 22.6c16.1-4.6 28.6-17.5 32.7-33.8l2.8-11.2c4.2-16.9 15.2-31.4 30.3-40l8.1-4.6c15-8.5 24.2-24.5 24.2-41.7l0-8.3c0-12.7-5.1-24.9-14.1-33.9l-3.9-3.9c-9-9-21.2-14.1-33.9-14.1L257 256c-11.1 0-22.1-2.9-31.8-8.4l-34.5-19.7c-4.3-2.5-7.6-6.5-9.2-11.2c-3.2-9.6 1.1-20 10.2-24.5l5.9-3c6.6-3.3 14.3-3.9 21.3-1.5l23.2 7.7c8.2 2.7 17.2-.4 21.9-7.5c4.7-7 4.2-16.3-1.2-22.8l-13.6-16.3c-10-12-9.9-29.5.3-41.3l15.7-18.3c8.8-10.3 10.2-25 3.5-36.7l-2.4-4.2c-3.5-.2-6.9-.3-10.4-.3C163.1 48 84.4 108.9 57.7 193zM464 256c0-36.8-9.6-71.4-26.4-101.5L412 164.8c-15.7 6.3-23.8 23.8-18.5 39.8l16.9 50.7c3.5 10.4 12 18.3 22.6 20.9l29.1 7.3c1.2-9 1.8-18.2 1.8-27.5zM0 256a256 256 0 1 1 512 0A256 256 0 1 1 0 256z'/%3E%3C/svg%3E");
}

/* solid: arrow-up */
.site-header .fa-arrow-up,
.bg-footer .fa-arrow-up {
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 384 512'%3E%3Cpath d='M214.6 41.4c-12.5-12.5-32.8-12.5-45.3 0l-160 160c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0L160 141.2 160 448c0 17.7 14.3 32 32 32s32-14.3 32-32l0-306.7L329.4 246.6c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3l-160-160z'/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 384 512'%3E%3Cpath d='M214.6 41.4c-12.5-12.5-32.8-12.5-45.3 0l-160 160c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0L160 141.2 160 448c0 17.7 14.3 32 32 32s32-14.3 32-32l0-306.7L329.4 246.6c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3l-160-160z'/%3E%3C/svg%3E");
}

/* brands: facebook */
.site-header .fa-facebook,
.bg-footer .fa-facebook {
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath d='M512 256C512 114.6 397.4 0 256 0S0 114.6 0 256C0 376 82.7 476.8 194.2 504.5V334.2H141.4V256h52.8V222.3c0-87.1 39.4-127.5 125-127.5c16.2 0 44.2 3.2 55.7 6.4V172c-6-.6-16.5-1-29.6-1c-42 0-58.2 15.9-58.2 57.2V256h83.6l-14.4 78.2H287V510.1C413.8 494.8 512 386.9 512 256h0z'/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath d='M512 256C512 114.6 397.4 0 256 0S0 114.6 0 256C0 376 82.7 476.8 194.2 504.5V334.2H141.4V256h52.8V222.3c0-87.1 39.4-127.5 125-127.5c16.2 0 44.2 3.2 55.7 6.4V172c-6-.6-16.5-1-29.6-1c-42 0-58.2 15.9-58.2 57.2V256h83.6l-14.4 78.2H287V510.1C413.8 494.8 512 386.9 512 256h0z'/%3E%3C/svg%3E");
}

/* brands: youtube */
.site-header .fa-youtube,
.bg-footer .fa-youtube {
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 576 512'%3E%3Cpath d='M549.655 124.083c-6.281-23.65-24.787-42.276-48.284-48.597C458.781 64 288 64 288 64S117.22 64 74.629 75.486c-23.497 6.322-42.003 24.947-48.284 48.597-11.412 42.867-11.412 132.305-11.412 132.305s0 89.438 11.412 132.305c6.281 23.65 24.787 41.5 48.284 47.821C117.22 448 288 448 288 448s170.78 0 213.371-11.486c23.497-6.321 42.003-24.171 48.284-47.821 11.412-42.867 11.412-132.305 11.412-132.305s0-89.438-11.412-132.305zm-317.51 213.508V175.185l142.739 81.205-142.739 81.201z'/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 576 512'%3E%3Cpath d='M549.655 124.083c-6.281-23.65-24.787-42.276-48.284-48.597C458.781 64 288 64 288 64S117.22 64 74.629 75.486c-23.497 6.322-42.003 24.947-48.284 48.597-11.412 42.867-11.412 132.305-11.412 132.305s0 89.438 11.412 132.305c6.281 23.65 24.787 41.5 48.284 47.821C117.22 448 288 448 288 448s170.78 0 213.371-11.486c23.497-6.321 42.003-24.171 48.284-47.821 11.412-42.867 11.412-132.305 11.412-132.305s0-89.438-11.412-132.305zm-317.51 213.508V175.185l142.739 81.205-142.739 81.201z'/%3E%3C/svg%3E");
}

/* brands: instagram */
.site-header .fa-instagram,
.bg-footer .fa-instagram {
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3Cpath d='M224.1 141c-63.6 0-114.9 51.3-114.9 114.9s51.3 114.9 114.9 114.9S339 319.5 339 255.9 287.7 141 224.1 141zm0 189.6c-41.1 0-74.7-33.5-74.7-74.7s33.5-74.7 74.7-74.7 74.7 33.5 74.7 74.7-33.6 74.7-74.7 74.7zm146.4-194.3c0 14.9-12 26.8-26.8 26.8-14.9 0-26.8-12-26.8-26.8s12-26.8 26.8-26.8 26.8 12 26.8 26.8zm76.1 27.2c-1.7-35.9-9.9-67.7-36.2-93.9-26.2-26.2-58-34.4-93.9-36.2-37-2.1-147.9-2.1-184.9 0-35.8 1.7-67.6 9.9-93.9 36.1s-34.4 58-36.2 93.9c-2.1 37-2.1 147.9 0 184.9 1.7 35.9 9.9 67.7 36.2 93.9s58 34.4 93.9 36.2c37 2.1 147.9 2.1 184.9 0 35.9-1.7 67.7-9.9 93.9-36.2 26.2-26.2 34.4-58 36.2-93.9 2.1-37 2.1-147.8 0-184.8zM398.8 388c-7.8 19.6-22.9 34.7-42.6 42.6-29.5 11.7-99.5 9-132.1 9s-102.7 2.6-132.1-9c-19.6-7.8-34.7-22.9-42.6-42.6-11.7-29.5-9-99.5-9-132.1s-2.6-102.7 9-132.1c7.8-19.6 22.9-34.7 42.6-42.6 29.5-11.7 99.5-9 132.1-9s102.7-2.6 132.1 9c19.6 7.8 34.7 22.9 42.6 42.6 11.7 29.5 9 99.5 9 132.1s2.7 102.7-9 132.1z'/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3Cpath d='M224.1 141c-63.6 0-114.9 51.3-114.9 114.9s51.3 114.9 114.9 114.9S339 319.5 339 255.9 287.7 141 224.1 141zm0 189.6c-41.1 0-74.7-33.5-74.7-74.7s33.5-74.7 74.7-74.7 74.7 33.5 74.7 74.7-33.6 74.7-74.7 74.7zm146.4-194.3c0 14.9-12 26.8-26.8 26.8-14.9 0-26.8-12-26.8-26.8s12-26.8 26.8-26.8 26.8 12 26.8 26.8zm76.1 27.2c-1.7-35.9-9.9-67.7-36.2-93.9-26.2-26.2-58-34.4-93.9-36.2-37-2.1-147.9-2.1-184.9 0-35.8 1.7-67.6 9.9-93.9 36.1s-34.4 58-36.2 93.9c-2.1 37-2.1 147.9 0 184.9 1.7 35.9 9.9 67.7 36.2 93.9s58 34.4 93.9 36.2c37 2.1 147.9 2.1 184.9 0 35.9-1.7 67.7-9.9 93.9-36.2 26.2-26.2 34.4-58 36.2-93.9 2.1-37 2.1-147.8 0-184.8zM398.8 388c-7.8 19.6-22.9 34.7-42.6 42.6-29.5 11.7-99.5 9-132.1 9s-102.7 2.6-132.1-9c-19.6-7.8-34.7-22.9-42.6-42.6-11.7-29.5-9-99.5-9-132.1s-2.6-102.7 9-132.1c7.8-19.6 22.9-34.7 42.6-42.6 29.5-11.7 99.5-9 132.1-9s102.7-2.6 132.1 9c19.6 7.8 34.7 22.9 42.6 42.6 11.7 29.5 9 99.5 9 132.1s2.7 102.7-9 132.1z'/%3E%3C/svg%3E");
}

/* brands: telegram */
.site-header .fa-telegram,
.bg-footer .fa-telegram {
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 496 512'%3E%3Cpath d='M248,8C111.033,8,0,119.033,0,256S111.033,504,248,504,496,392.967,496,256,384.967,8,248,8ZM362.952,176.66c-3.732,39.215-19.881,134.378-28.1,178.3-3.476,18.584-10.322,24.816-16.948,25.425-14.4,1.326-25.338-9.517-39.287-18.661-21.827-14.308-34.158-23.215-55.346-37.177-24.485-16.135-8.612-25,5.342-39.5,3.652-3.793,67.107-61.51,68.335-66.746.153-.655.3-3.1-1.154-4.384s-3.59-.849-5.135-.5q-3.283.746-104.608,69.142-14.845,10.194-26.894,9.934c-8.855-.191-25.888-5.006-38.551-9.123-15.531-5.048-27.875-7.717-26.8-16.291q.84-6.7,18.45-13.7,108.446-47.248,144.628-62.3c68.872-28.647,83.183-33.623,92.511-33.789,2.052-.034,6.639.474,9.61,2.885a10.452,10.452,0,0,1,3.53,6.716A43.765,43.765,0,0,1,362.952,176.66Z'/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 496 512'%3E%3Cpath d='M248,8C111.033,8,0,119.033,0,256S111.033,504,248,504,496,392.967,496,256,384.967,8,248,8ZM362.952,176.66c-3.732,39.215-19.881,134.378-28.1,178.3-3.476,18.584-10.322,24.816-16.948,25.425-14.4,1.326-25.338-9.517-39.287-18.661-21.827-14.308-34.158-23.215-55.346-37.177-24.485-16.135-8.612-25,5.342-39.5,3.652-3.793,67.107-61.51,68.335-66.746.153-.655.3-3.1-1.154-4.384s-3.59-.849-5.135-.5q-3.283.746-104.608,69.142-14.845,10.194-26.894,9.934c-8.855-.191-25.888-5.006-38.551-9.123-15.531-5.048-27.875-7.717-26.8-16.291q.84-6.7,18.45-13.7,108.446-47.248,144.628-62.3c68.872-28.647,83.183-33.623,92.511-33.789,2.052-.034,6.639.474,9.61,2.885a10.452,10.452,0,0,1,3.53,6.716A43.765,43.765,0,0,1,362.952,176.66Z'/%3E%3C/svg%3E");
}

/* brands: x-twitter */
.site-header .fa-x-twitter,
.bg-footer .fa-x-twitter {
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath d='M389.2 48h70.6L305.6 224.2 487 464H345L233.7 318.6 106.5 464H35.8L200.7 275.5 26.8 48H172.4L272.9 180.9 389.2 48zM364.4 421.8h39.1L151.1 88h-42L364.4 421.8z'/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath d='M389.2 48h70.6L305.6 224.2 487 464H345L233.7 318.6 106.5 464H35.8L200.7 275.5 26.8 48H172.4L272.9 180.9 389.2 48zM364.4 421.8h39.1L151.1 88h-42L364.4 421.8z'/%3E%3C/svg%3E");
}

/* brands: google */
.site-header .fa-google,
.bg-footer .fa-google {
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 488 512'%3E%3Cpath d='M488 261.8C488 403.3 391.1 504 248 504 110.8 504 0 393.2 0 256S110.8 8 248 8c66.8 0 123 24.5 166.3 64.9l-67.5 64.9C258.5 52.6 94.3 116.6 94.3 256c0 86.5 69.1 156.6 153.7 156.6 98.2 0 135-70.4 140.8-106.9H248v-85.3h236.1c2.3 12.7 3.9 24.9 3.9 41.4z'/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 488 512'%3E%3Cpath d='M488 261.8C488 403.3 391.1 504 248 504 110.8 504 0 393.2 0 256S110.8 8 248 8c66.8 0 123 24.5 166.3 64.9l-67.5 64.9C258.5 52.6 94.3 116.6 94.3 256c0 86.5 69.1 156.6 153.7 156.6 98.2 0 135-70.4 140.8-106.9H248v-85.3h236.1c2.3 12.7 3.9 24.9 3.9 41.4z'/%3E%3C/svg%3E");
}

/* brands: bluesky */
.site-header .fa-bluesky,
.bg-footer .fa-bluesky {
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 576 512'%3E%3Cpath d='M111.8 62.2C170.2 105.9 233 194.7 256 242.4c23-47.6 85.8-136.4 144.2-180.2c42.1-31.6 110.3-56 110.3 21.8c0 15.5-8.9 130.5-14.1 149.2C478.2 298 412 314.6 353.1 304.5c102.9 17.5 129.1 75.5 72.5 133.5c-107.4 110.2-154.3-27.6-166.3-62.9l0 0c-1.7-4.9-2.6-7.8-3.3-7.8s-1.6 3-3.3 7.8l0 0c-12 35.3-59 173.1-166.3 62.9c-56.5-58-30.4-116 72.5-133.5C100 314.6 33.8 298 15.7 233.1C10.4 214.4 1.5 99.4 1.5 83.9c0-77.8 68.2-53.4 110.3-21.8z'/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 576 512'%3E%3Cpath d='M111.8 62.2C170.2 105.9 233 194.7 256 242.4c23-47.6 85.8-136.4 144.2-180.2c42.1-31.6 110.3-56 110.3 21.8c0 15.5-8.9 130.5-14.1 149.2C478.2 298 412 314.6 353.1 304.5c102.9 17.5 129.1 75.5 72.5 133.5c-107.4 110.2-154.3-27.6-166.3-62.9l0 0c-1.7-4.9-2.6-7.8-3.3-7.8s-1.6 3-3.3 7.8l0 0c-12 35.3-59 173.1-166.3 62.9c-56.5-58-30.4-116 72.5-133.5C100 314.6 33.8 298 15.7 233.1C10.4 214.4 1.5 99.4 1.5 83.9c0-77.8 68.2-53.4 110.3-21.8z'/%3E%3C/svg%3E");
}

/* brands: tiktok */
.site-header .fa-tiktok,
.bg-footer .fa-tiktok {
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3Cpath d='M448,209.91a210.06,210.06,0,0,1-122.77-39.25V349.38A162.55,162.55,0,1,1,185,188.31V278.2a74.62,74.62,0,1,0,52.23,71.18V0l88,0a121.18,121.18,0,0,0,1.86,22.17h0A122.18,122.18,0,0,0,381,102.39a121.43,121.43,0,0,0,67,20.14Z'/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3Cpath d='M448,209.91a210.06,210.06,0,0,1-122.77-39.25V349.38A162.55,162.55,0,1,1,185,188.31V278.2a74.62,74.62,0,1,0,52.23,71.18V0l88,0a121.18,121.18,0,0,0,1.86,22.17h0A122.18,122.18,0,0,0,381,102.39a121.43,121.43,0,0,0,67,20.14Z'/%3E%3C/svg%3E");
}