/* ======= Reset & Font ======= */

*{
margin: 0;
padding: 0;
box-sizing: border-box;
}
 @font-face {
    font-family: 'Adorsho';
    src: url('Shadhinata.ttf') format('truetype');
}
 @font-face {
    font-family: 'Title';
    src: url('Codepotro Abu Sayed.ttf') format('truetype');
}

html, body {
height: 100%;
font-family: 'Adorsho', sans-serif !important; 
}

/* ======= Header & Social ======= */
.header-wrapper {
position: fixed;
height: 80px;
top: 0;
left: 0;
width: 100%;
background: #006064;
color: white;
z-index: 1000;
padding: 10px 0;
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
}

/* Top Social Bar */  
.top-right-bar {  
  padding: 5px 15px;  
  display: flex;  
  justify-content: flex-end;  
  align-items: center;  
}  

.social-icons {  
  display: flex;  
  gap: 12px;  
  margin-top: -10px;  
}  

.social-icons img {  
  width: 18px;  
  height: 18px;  
  cursor: pointer;  
  transition: transform 0.2s;  
}  

.social-icons img:hover {  
  transform: scale(1.2);  
}  
    .logo-title {  
  display: flex;  
  align-items: center;  
}  

.logo-title img {  
  height: 40px;  
  width: 40px;  
  border-radius: 50%; /* Make it round */  
  margin-left: 60px;  
  margin-top: -10px;  
}  

.logo-title h1 {  
  font-family: 'Title', sans-serif !important; 
  margin-left: 15px;  
  color: white;  
  text-shadow: 1px 1px 2px black; 
  font-weight: normal;
margin-top: -5px;  
font-size: 16px;  
}

/* ========== Activities Section ========== */
.section{
max-width: 95%;
margin: 30px auto;
padding: 25px;
border-radius: 16px;
background: rgba(255, 255, 255, 0.1);
backdrop-filter: blur(10px);
-webkit-backdrop-filter: blur(10px);
box-shadow: 0 8px 30px rgba(0, 0, 0, 0.2);
border: 1px solid rgba(255, 255, 255, 0.3);
color: #000;
text-align: left;
font-family: 'Adorsho', sans-serif !important; 
}
.section h1 {
font-size: 18px;
text-align: center;
color: red;
direction: rtl;
unicode-bidi: plaintext;
font-weight: normal;
}
.privacy{
  font-family: 'Adorsho', sans-serif !important; 
max-width: 95%;
margin: 30px auto;
padding: 25px;
font-size: 20px;
border-radius: 16px;
background: rgba(255, 255, 255, 0.1);
backdrop-filter: blur(10px);
-webkit-backdrop-filter: blur(10px);
box-shadow: 0 8px 30px rgba(0, 0, 0, 0.2);
border: 1px solid rgba(255, 255, 255, 0.3);
color: red;
font-weight: normal;
text-align: center;
}

    /* ======= Footer ======= */
footer {
  background-color: #006064;
  color: #FFEA00;
  padding: 5px 0;
  text-align: center;
  font-size: 14px;
  width: 100%;
  margin-top: auto; /* ✅ This ensures footer stays at bottom when content is short */
}
.footer-content {
  max-width: 1000px;
  margin: 0 auto;
  padding: 0 5px;
  line-height: 1.5;
}
footer a {
  color: #ffffff;
  text-decoration: none;
  margin: 0 0px;
  font-size: 14px;
  transition: color 0.3s ease;
}
footer a:hover {
  text-decoration: underline;
  color: #FFEA00;
}
.footer-links {
  margin-top: 4px;
  font-size: 12px;
}

/* ======= Scrollbar ======= */
::-webkit-scrollbar {
  width: 8px;
}
::-webkit-scrollbar-thumb {
  background: rgba(255, 255, 255, 0.3);
  border-radius: 5px;
}