:root {
    --blue-jeans: #5DADEC;
    --dark-jungle-green: #1A2421;
    --deep-jungle-green: #004B49;
    --gainsboro: #DCDCDC;
    --ghost-white: #F8F8FF;
    --golden-brown: #996515;
    --gold-web-Golden: #FFD700;
    --honolulu-blue: #006DB0;
    --madder-lake: #CC3336;
    --body-bg: linear-gradient(to top, #c9d6ff, #e2e2e2);
    --body-txt-color: var(--dark-jungle-green);
    --navbg: var(--dark-jungle-green);
    --dropdown: var(--ghost-white);    
    --newsbar: linear-gradient(to top, #e1f2ff, #f4f6f7);    
    --card-bg: var(--ghost-white);
    --cl-border: var(--gainsboro);
    --icon: var(--blue-jeans);
    --topbar: var(--gainsboro);
    --txt-color: var(--body-txt-color);
    --dashnav-hov: #f4f2ec;
    --dashnav-txt: #996515;
    --font-body: "Tajawal", system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
}

html[data-theme="dark"] { 
    --body-bg: #0b1222;
    --body-txt-color: #ddd9d9bb;
    --cl-border: #644c24b7;
    --dark-jungle-green: var(--ghost-white); 
    --dropdown: var(--navbg);
    --icon: var(--cadet-grey); 
    --navbg: #0b1222;
    --newsbar: #13203a;
    --card-bg: var(--navbg);
    --topbar: var(--navbg);
    --txt-color: #f0e9e9;
    --dashnav-hov: #13203a;
    --dashnav-txt: var(--gold-web-Golden);
}

html { box-sizing: border-box; height: 100%; }
*, *::before, *::after { box-sizing: inherit; }
body { margin: 0; font-family: var(--font-body); font-weight: 400; font-style: normal; color: var(--body-txt-color); background-color: var(--body-bg); font-size: 1rem; min-height: 100vh; display: flex; flex-direction: column; }

a { text-decoration: none; }
p { color: var(--body-txt-color); margin: 0 0 18px; font-size: 1.05rem;}
h1 { font-size: 2rem; font-weight: 800; letter-spacing: 0.2px; color: var(--dark-jungle-green); }
h2, h3 { letter-spacing: 0.2px; color: var(--golden-brown); }
.txt-right { text-align: right;}.txt-left { text-align: left;}
input, textarea { width: 100%; background: var(--input); border: 1px solid #d1d5db; border-radius: 8px; padding: 10px 12px; font-family: inherit; font-size: 1rem; color: var(--txt-color); }
textarea { resize: vertical; }
input:focus, textarea:focus { outline: none; border-color: #caa76a; box-shadow: 0 0 0 3px rgba(235, 149, 37, 0.15); }
select { appearance: none; -webkit-appearance: none; border: 1px solid #ccc; border-radius: 8px; font-family: inherit; font-size: 1rem; padding: 10px; margin: 0; width: 200px; outline: none; background-color: var(--input); color: var(--txt-color); }
select:focus { border-color: #caa76a; box-shadow: 0 0 0 3px rgba(235, 149, 37, 0.15); }

.btn { display: inline-block; text-decoration: none; font-family: inherit; border-radius: 12px; padding: 10px 14px; border: 0; cursor: pointer; }
.btn-primary { background: #2e3a36; color: #ffffff; border: 1px solid var(--deep-jungle-reen); }
.btn-primary:hover { background: var(--golden-brown); }
.btn.btn-primary:focus { outline: none; }
.btn-ghost { background: transparent; color: var(--body-txt-color); border: 1px solid var(--honolulu-blue); }
.btn-ghost:hover { background: var(--honolulu-blue); color: #ffffff; }
.d-flex { display:flex; flex-direction:column; gap:8px; }

.topbar {background: var(--topbar); border-bottom: 1px solid var(--cl-border); font-size: 1.05rem; color: var(--body-txt-color); filter: sepia(20%);}
.topbar-content {display: flex; align-items: center;justify-content: center;gap: 12px;padding: 6px 20px; line-height: 5px; text-align: center;}
.topbar-title {padding: 0 25px 0; }
#itihad {font-family: "Amiri";font-size: 22px; margin-bottom: 2rem; color: var(--body-txt-color);}
@media (max-width: 768px) { .topbar { display: none; } }

.site-header { position: sticky; top: 0; z-index: 1000; }

.navbar { z-index: 1000; display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 6px 20px; min-height: 64px; background: var(--navbg); border-bottom: 1px solid var(--cl-border); transition: box-shadow 160ms ease, background-color 160ms ease, border-color 160ms ease; box-shadow: 0 12px 36px rgba(30, 41, 59, 0.16); }
.brand { display: inline-flex; align-items: center; gap: 10px; color: var(--ghost-white); text-decoration: none; font-weight: 400; font-size: 1.125rem; letter-spacing: 0.2px; }
.brand:hover { color: var(--gold-web-Golden) }
.nav-menu { display: flex; margin: 0; padding: 0; align-items: center; list-style: none; gap: 12px; }
.nav-menu a { display: inline-block; color: var(--ghost-white); font-weight: 500; padding: 8px 12px; border-radius: 10px; transition: background-color 140ms ease, color 140ms ease, filter 140ms ease; }
.nav-menu a:hover { background: #293833; }
.nav-menu a.active { color: var(--gold-web-Golden); background: #293833; }
.nav-menu .has-dropdown { position: relative; }
.nav-menu .dropdown-toggle { display: inline-flex; align-items: center; gap: 8px; background: transparent; border: 0; color: var(--ghost-white); font: inherit; padding: 8px 12px; border-radius: 10px; cursor: pointer; }
.nav-menu .dropdown-toggle:hover { background: #293833; }
.nav-menu .dropdown a { color: var(--body-txt-color); }
.nav-menu .dropdown { position: absolute; top: 100%; right: 0; min-width: 220px; background: var(--dropdown); border: 1px solid var(--cl-border); border-radius: 12px; padding: 8px; list-style: none; margin: 0; box-shadow: 0 12px 32px rgba(30, 41, 59, 0.18); display: none; z-index: 1001; }
.nav-menu .dropdown li a { display: block; padding: 10px 10px; border-radius: 8px; color: var(--body-txt-color);}
.nav-menu .dropdown li a:hover { background: #29383336; }
.dropdown-divider { border-color: #ffffff77 }
.cta, .desktop-cta { background: transparent; color: var(--ghost-white); padding: 6px; border:1px solid #555f5be0; border-radius: 12px; text-decoration: none; }
.cta:hover, .desktop-cta:hover { background: #2e3a36; }
.nav-toggle { display: none; width: 40px; height: 40px; border: 0; background: transparent; border-radius: 10px; cursor: pointer; align-items: center; justify-content: center; }
.nav-toggle:focus-visible { outline: 2px solid #c8a96a; outline-offset: 2px; }
.nav-toggle .bar { display: block; width: 22px; height: 2px; background: #6b7280; margin: 3px 0; transition: transform 160ms ease, opacity 160ms ease; }
.nav-toggle.active .bar:nth-child(1) { transform: translateY(5px) rotate(45deg); }
.nav-toggle.active .bar:nth-child(2) { opacity: 0; }
.nav-toggle.active .bar:nth-child(3) { transform: translateY(-5px) rotate(-45deg); }
a:focus-visible { outline: 2px solid #c8a96a; outline-offset: 2px; border-radius: 8px; }

#mainNav .dropdown-item.foot-link {
  color: rgb(113, 121, 122) !important;
  pointer-events: none;
}

.foot-link {
  color: rgb(79, 126, 134) !important;
  pointer-events: none;
}
@media (min-width: 769px) { .navbar { position: sticky; top: 0; z-index: 1000; } .nav-menu .has-dropdown.open>.dropdown { display: block; } .nav-menu .has-dropdown { position: relative; } .nav-menu .has-dropdown::before { content: ''; position: absolute; right: 0; top: 100%; width: 100%; height: 10px; } .nav-menu { position: absolute; left: 50%; transform: translateX(-50%); justify-content: center; width: max-content; z-index: 1; } .nav-menu .cta { display: none; } .desktop-cta { display: inline-block; position: absolute; inset-inline-end: 20px; top: 50%; transform: translateY(-50%); } }


@media (max-width: 768px) {
    .desktop-cta { display: none; }
    .brand { display: block; }
    .topbar { display: none; }

    .nav-toggle { display: inline-flex; }
    .nav-menu { position: absolute; top: 64px; right: 16px; left: 16px; background: var(--dropdown); border: 1px solid var(--cl-border); border-radius: 14px; padding: 12px; display: none; flex-direction: column; gap: 6px; box-shadow: 0 12px 32px rgba(30, 41, 59, 0.08); }
    .nav-menu.open { display: flex; }
    .nav-menu a { padding: 12px; color: var(--deep-jungle-green); }
    .nav-menu .cta { text-align: center; }
    .nav-menu .has-dropdown { width: 100%; }   
    .nav-menu .dropdown-toggle { width: 100%; display: flex; align-items: center; justify-content: space-between; padding: 12px;color: var(--deep-jungle-green); }
    .nav-menu .dropdown-toggle i { transition: transform 160ms ease; }
    .nav-menu .has-dropdown.open>.dropdown-toggle i { transform: rotate(180deg); }
    .nav-menu .has-dropdown>.dropdown { position: static; top: auto; right: auto; left: auto; min-width: 100%; margin-top: 4px; border: 1px solid #29383336; border-radius: 12px; padding: 6px; box-shadow: none; display: none; flex-direction: column; gap: 2px; text-align: center; }
    .nav-menu .has-dropdown.open>.dropdown { display: flex;}
    .nav-menu .has-dropdown>.dropdown-toggle { background: transparent; color: var(--body-txt-color);}
    .nav-menu .has-dropdown.open>.dropdown-toggle { font-weight: 500; background: #29383336;}
    .dropdown-divider { width: 50%; }
}

.newsbar { position: static; left: auto; right: auto; z-index: auto; background: var(--newsbar); border-bottom: 1px solid var(--cl-border); transition: box-shadow 160ms ease; box-shadow: 0 12px 24px rgba(30, 41, 59, 0.116);}
@keyframes fade {  0%, 5% { opacity: 0; transform: translateY(5px); }  15%, 85% { opacity: 1; transform: translateY(0); }  95%, 100% { opacity: 0; transform: translateY(-5px); } }
.newsbar-text { display: inline-block; text-align: start; transform-origin: center; font-size: 1.1rem; max-width: 80%; line-height: 1.3; margin: 0; opacity: 1; transition: opacity 250ms ease; }
.newsbar-text.active { animation: none; }
.newsbar-text.fade-out { opacity: 0; }
.newsbar-title { border: 1px solid rgba(202, 167, 106, 0.35); border-radius: 6px; font-size: 1.05rem; background: var(--madder-lake); padding: 0.2rem 0.75rem; white-space: nowrap; margin: 0; color: white; font-weight: 600; }
.newsbar-content { display: flex; align-items: center; justify-content: start; gap: 1rem; padding: 0.5rem; color: var(--body-txt-color); text-shadow: none; }
.newsbar-actions { margin-inline-start: auto; display: inline-flex; align-items: center; gap: 8px; }
.newsbar-close, .newsbar-pause { font-size: 1.1rem; background: transparent; border: 1px solid #ffffff77; color: #7a6430; border-radius: 8px; padding: 2px 8px; cursor: pointer; }
.newsbar-close:hover, .newsbar-pause:hover { background: #2e3a36; color: var(--ghost-white);} 
.newsbar-pause[aria-pressed="true"] { background: var(--green-pigment); color: var(--ghost-white); }
.newsbar-reopen { position: fixed; bottom: 18px; inset-inline-start: 18px; z-index: 1100; width: 40px; height: 40px; display: inline-flex; align-items: center; justify-content: center; background-color: #1db954; color: white; box-shadow: 0 6px 16px rgba(0, 0, 0, 0.3); cursor: pointer; opacity: 0; transform: scale(0.9); border: none; border-radius: 50%; font-size: 18px; pointer-events: none; transition: opacity 160ms ease, transform 160ms ease, filter 160ms ease; } 
.newsbar-reopen:hover { background-color: #1ed760; transform: translate(3%,3%) scale(1.1); opacity: 1; color: var(--dark-jungle-green); }
.newsbar-reopen.visible { opacity: 1; transform: scale(1); pointer-events: auto; }
@media (max-width: 768px) {
    .newsbar-title { writing-mode: vertical-rl; transform: rotate(180deg) ; padding: 3px; font-size: 0.8rem; }    
    .newsbar-text { font-size: 0.9rem; padding: 0;}
    .newsbar-actions { display: flex; flex-direction: column; align-items: stretch; gap: 3px; max-width: 120px; }
    .newsbar-actions .newsbar-pause, .newsbar-actions .newsbar-close { width: 100%; text-align: center; padding: 4px 4px; } 
}

.section { margin: 0; padding: 26px 20px; height: 100%; background: transparent;}
.section-header { text-align: center; max-width: 900px; margin: 0 auto 24px; }
.hero { position: relative; padding: 30px 20px; }
.hero-inner { max-width: 1100px; margin: 0 auto; text-align: center; padding: 30px 20px 20px; border-radius: 16px; border: 0.5px solid var(--cl-border);  box-shadow: 0 12px 32px rgba(30, 41, 59, 0.116);}
.container { max-width: 1100px; margin: 0 auto; text-align: center; padding: 20px 20px 20px; }
@media (max-width: 768px) {.hero-inner h1 { font-size: 1.5rem; } .hero { padding: 12px; }}
main { flex: 1 0 auto; }
@media (min-width: 768px) { .contrib-mob { display: none; } }
.new-line { display: block; }

.card { background: var(--card-bg); border: 1px solid var(--cl-border); border-radius: 14px; padding: 16px; box-shadow: 0 8px 24px rgba(30, 41, 59, 0.08); transition: transform 160ms ease, box-shadow 160ms ease, border-color 160ms ease, filter 160ms ease; }
.card h3 { margin: 8px 0; font-size: 1.1rem; }
.card-icon { width: 40px; height: 40px; border-radius: 10px; display: inline-flex; align-items: center; justify-content: center; color: var(--icon); }
.card:hover, .card:focus-within { transform: scale(1.05); box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2); border-color: #B8860B;}
.card-header { padding: 1rem; background: var(--card); font-weight: 600; border-bottom: 1px solid #ddd; }
.card-body { display: flex; flex-direction: column; flex: 1; padding: 0.5rem; align-items: center; justify-content: center; }
.card-footer {display: flex; flex: 2; bottom: 0; top: auto; align-items: center; justify-content: center; padding: 0.5rem; background: var(--card); border-top: 1px solid #ddd; font-size: 0.8rem; max-height: 60px !important;}
.ghg>.card {padding: 0;} .card-footer {border-radius: 0 0 15px 15px;}

.carousel-section { padding-top: 24px; padding-bottom: 24px; }
.carousel-viewport { overflow: hidden !important; height: 100%; border-radius: 16px;  }
.carousel.compact { height: auto; padding: 10px 24px 8px; }
.carousel.compact .carousel-track { height: auto; align-items: center; }
.carousel.compact .carousel-slide { height: auto; padding: 4px 5px 8px; display: flex; align-items: center; justify-content: center; text-align: center;}
.carousel.compact .grid { margin-inline: auto; }
.carousel.compact .carousel-nav { top: 50%; transform: translateY(-50%); }
.carousel { position: relative; max-width: 1100px; margin: 0 auto; overflow: visible; border-radius: 16px; border: 0.5px solid var(--cl-border);  box-shadow: 0 12px 32px rgba(30, 41, 59, 0.116); direction: ltr; height: 420px; }
.carousel-track { display: flex; transition: transform 400ms ease;  will-change: transform;  flex-wrap: nowrap; gap: 0; position: relative; z-index: 1; height: 100%; }
.carousel-slide { position: relative; flex: 0 0 100%; height: 100%; }
.carousel-slide img { display: block; width: 100%; height: 100%; object-fit: contain; background: #000; }
.carousel-caption { position: absolute; inset-inline-start: 0; inset-inline-end: 0; bottom: 0; padding: 18px 18px 30px; background: linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.55) 55%, rgba(0,0,0,0.75) 100%); text-align: right; z-index: 2; direction: rtl; }
.carousel-caption h3 { margin: 0 0 3px; font-size: 1.3rem; color: var(--gold-web-Golden); text-shadow: 0 3px 3px rgba(0, 0, 0, 1); }
.carousel-caption p { margin: 0; opacity: 0.95; color: var(--ghost-white); text-shadow: 3px 3px 3px rgba(0, 0, 0, 0.25);}
.carousel-viewport>.carousel-nav { position: absolute; top: 50%; transform: translateY(-50%); width: 40px; height: 40px; display: inline-flex; align-items: center; justify-content: center; border-radius: 50%; border: 1px solid rgba(0,0,0,0.08); box-shadow: 0 12px 32px rgba(30, 41, 59, 0.555); background: #ebe9e6; color: var(--dark-jungle-green); cursor: pointer; transition: all 0.25s ease; z-index: 3; }
.carousel-nav:hover { background-color: #FDF5E6; color: var(--deep-jungle-reen); opacity: 1; }

.carousel-nav.prev { inset-inline-start: -20px; }
.carousel-nav.next { inset-inline-end: -20px; }
.carousel-dots { position: absolute; bottom: 10px; inset-inline-start: 50%; transform: translateX(-50%); display: inline-flex; gap: 6px; z-index: 3; }
.carousel-dots button { width: 8px; height: 8px; border-radius: 999px; border: 0; background: rgba(255,255,255,0.6); cursor: pointer; }
.carousel-dots button.active { background: #ffffff; width: 18px; transition: width 200ms ease; }
.carousel-footer { max-width: 1100px; margin: 20px auto 10px; padding: 0 24px; display: flex; align-items: center; justify-content: center; gap: 10px; }
.carousel-footer .btn {  text-align: center; }

@media (max-width: 768px) { .carousel { height: 260px; } .carousel-track { height: 100%; } .carousel-slide { height: 100%; } .carousel-slide img { height: 100%; } .carousel-caption { padding: 12px; } .carousel-caption h3 { font-size: 1.1rem; } .carousel-caption p { font-size: 0.95rem; } .carousel-nav, .carousel-dots { display: none; } }

#more-services .carousel-nav { position: absolute; display: inline-flex; background-color: #b9631d98; color: white; border: none; border-radius: 50%; 
    width: 40px; height: 40px; font-size: 18px; cursor: pointer; align-items: center; justify-content: center; box-shadow: 0 6px 16px rgba(0, 0, 0, 0.3); 
    transition: all 0.25s ease; opacity: 0.9; z-index: 3; }
#more-services .carousel-nav:hover { background-color: #b9631d; opacity: 1; }

.grid { display: grid; grid-template-columns: repeat(1, minmax(0, 1fr)); gap: 12px;}

@media (min-width: 640px) { .col-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); } .col-3 { grid-template-columns: repeat(2, minmax(0, 1fr)); } .col-4 { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 767px) { #more-services .col-3 { grid-template-columns: repeat(1, minmax(0, 1fr)); } }
@media (min-width: 768px) { .col-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); } .col-4 { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
@media (min-width: 992px) {  .col-4 { grid-template-columns: repeat(4, minmax(0, 1fr)); } }

#latest-updates .carousel-footer {}

.theme-toggle { position: fixed; display: inline-flex; inset-inline-end: 18px; bottom: 18px; z-index: 1200; background-color: #b9881d; color: white; border: none; border-radius: 50%; width: 40px; height: 40px; font-size: 18px; cursor: pointer; align-items: center; justify-content: center; box-shadow: 0 6px 16px rgba(0, 0, 0, 0.3); transition: all 0.25s ease; opacity: 0.9; }
.theme-toggle:hover { background-color: #d7b51e; transform: translate(3%,3%) scale(1.1); opacity: 1; color: var(--deep-jungle-reen); }

.page-title { max-width: 1100px; margin: 0 auto; text-align: center; }
.page-title h1 { font-size: 2.2rem; font-weight: 900; letter-spacing: 0.3px;  margin-bottom: 4px; }
.page-title h1::after { content: ""; display: block; width: 172px; height: 4px; border-radius: 999px; background: #caa76a; margin: 12px auto 0; }
.page-title .subtitle { margin-top: 10px; color: #6b7280; font-size: 1.05rem; }
@media (max-width: 768px) { .page-title h1 { font-size: 1.7rem; } }
.profile-card { display: grid; grid-template-columns: 380px 1fr; gap: 16px; align-items: start; max-width: 1100px; margin: 0 auto; text-align: start; justify-content: center;}
.profile-card .profile-container { width: 100%; max-width: 380px; text-align: start; }
.profile-card .profile-media { width: 100%; max-width: 380px; text-align: center; border-bottom: 1px solid #7a6430; padding-bottom: 16px;}
.profile-card .profile-media img { display: block; width: 100%; height: auto; aspect-ratio: 16/9; object-fit: cover; border-radius: 12px; }
.profile-card .profile-body { width: 100%; padding-right: 16px; }
.profile-card .profile-list { list-style: none; margin: 0; padding: 0; display: grid; gap: 8px; }
.profile-card ul { list-style-type: none; margin: 0; padding: 0; }
.profile-card .profile-list li { color: var(--body-txt-color); background: transparent; padding: 0; }
.profile-card .profile-list li strong { color: #7a6430; font-weight: 600; }
.profile-card .profile-list li i { color: var(--icon);   font-size: 0.95em; }
.profile-card .profile-container li i { color: var(--icon);  font-size: 0.95em; }
.profile-card .profile-list h3 { margin: 0; }
@media (max-width: 767px) { .profile-card { grid-template-columns: 1fr; } .profile-card .profile-media { max-width: 320px; margin: 0 auto; } .profile-container .contrib-desk { display: none; } }

.pagination { list-style: none; display: flex; gap: 6px; justify-content: center; padding: 0; margin: 20px 0; direction: rtl; }
.pagination .page-item { display: inline-block; }
.pagination .page-link { display: block; padding: 8px 14px; font-size: 15px; color: #333; text-decoration: none; background: #fff; border: 1px solid #ddd; border-radius: 6px; transition: all 0.2s ease-in-out; }
.pagination .page-link:hover { background: #007bff; color: #fff; border-color: #007bff; }
.pagination .active .page-link { background: #007bff; color: #fff; border-color: #007bff; cursor: default; }
.pagination .disabled .page-link { opacity: 0.5; cursor: not-allowed; background: #f7f7f7; }

.site-footer { background: var(--navbg); border-top: 1px solid var(--cl-border); margin-top: auto !important; box-shadow: 0 -10px 30px rgba(30, 41, 59, 0.10); width: 100%; padding-bottom: 15px; }
.top-grid { max-width: 1100px; margin: 0 auto; padding: 20px 20px; display: grid; grid-template-columns: 1fr; gap: 1rem; align-items: center; justify-content: center; }
.footer-brand { align-items: center; color: var(--ghost-white); font-weight: 800; font-size: 1.1rem; text-align: center; border-bottom: 1px solid #656565; line-height: 1rem; }
.footer-links { list-style: none; padding: 0; margin: 0; display: grid; gap: 8px; text-align: start; }
.footer-links i { padding: 0 0 0 10px; color: var(--gold-web-Golden); }
.inner-grid { display: grid; grid-template-columns: 1.2fr 1fr; gap: 1rem; height: 100%; align-items: center; padding-right: 10px;  }
.bottom-grid { max-width: 1100px; margin: 0 auto; padding: 0 20px 20px; display: grid; grid-template-columns: 1fr; gap: 1rem; background: var(--foot-inner); border-radius: 15px; border: 1px solid #262b42c9; box-shadow: 0 12px 36px rgba(13, 18, 27, 0.62); }
@media (min-width: 992px) {  .top-grid{ grid-template-columns: 1fr 4fr; } .bottom-grid { grid-template-columns: 1fr 2fr; } /* .bottom-grid {} */ .inner-grid { grid-template-columns: repeat(4, 1fr); }  .footer-brand { border-bottom: 0; }  .bottom-grid { grid-template-columns: repeat(2, 1fr); }}
.bottom-grid h4 { color: #2E8B57; }
.footer-contact { list-style: none; padding: 0; margin: 0; display: grid; gap: 8px; color: var(--ghost-white); }
.footer-contact li { display: flex; align-items: center; gap: 8px; }
.footer-contact i { color: var(--gold-web-Golden); }
.site-footer a { text-decoration: none; color: var(--ghost-white); }
.site-footer a:hover { color: var(--gold-web-Golden); font-weight: 600px; }