@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap');
*{
    padding: 0;
    margin: 0;
}

html{
    overflow-x: hidden;
}

body{
    overflow-x: hidden;
    font-family: "Open Sans", sans-serif;
}

ul{
    list-style: none;
    text-decoration: none;
    text-transform: none;
}

a,li{
    text-decoration: none;
    text-transform: none;
    list-style: none;
    direction: rtl;
}

li a{
    text-decoration: none;
}

.logo{
    width: 50px;
    height: 50px;
}

.logo-text{
    font-size: large;
    font-weight: bold;
    text-decoration: none;
    color: black;

}

.br-radius{
    border-radius: 30px
}

@import url('https://fonts.googleapis.com/css2?family=Sora:wght@100..800&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Andada+Pro:ital,wght@0,400..840;1,400..840&family=Sora:wght@100..800&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Sura:wght@400;700&display=swap');


:root{
    --andada-font:"Andada Pro";
    --sora-font:"Sora";
    --sura-font:"Sura"
}
.sura{
    font-family: var(--sura-font);

}


*{
    padding: 0;
    margin: 0;
    text-decoration: none;
    transition: 0.4s;
}

body{
    overflow-x: hidden;
}

a{
    text-decoration: none;
    color: black;
    text-transform: none;
}

a:hover{
    color: var(--gold-color);
}

.andada{
    font-family: var(--andada-font);
}

.sora{
    font-family: var(--sora-font);
}

.open-sans{
    font-family: "Open Sans", sans-serif;
}

.nav-link:hover{
    color: var(--gold-color);

}
.home{
    background: linear-gradient(to right,rgba(38,34,47,0.95),rgba(38,34,47,0.8)),url(/assets/1.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    height: 100vh;
}

.text-h1{
    color: white;
    font-weight: bold;
    font-family: "Open Sans", sans-serif;

}

.text-white{
    color: white;
}

.download-btn{
    background-color: #FFDA2B;
    color: black;
    font-size: large;
    padding: 10px 40px;
    font-weight: bold;
    border-radius: 30px;
    border: none;
}


.dream{
    background-image: linear-gradient(rgba(38,34,47,0.4),rgba(38,34,47,0.4)),
    url("assets/6.jpeg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.social i{
    font-size: large;

}

.useful-links li a{
    font-size: 14px;
    font-family: var(--inter-font);
    color: var(--gray-light);
    transition: 0.2s;
}

.useful-links li a:hover{
    color: var(--text-color);
    font-weight: 700;
}

.about{
    display: flex;
    flex-direction: row;
}
.copy-item {
  position: relative;
  cursor: pointer;
}

.copy-item::after {
  content: "✔ تم النسخ";
  position: absolute;
  top: -30px;
  left: 50%;
  transform: translateX(-50%);
  background: #333;
  color: #fff;
  padding: 4px 8px;
  border-radius: 6px;
  font-size: 12px;
  white-space: nowrap;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.3s ease;
}

.copy-item.show-tooltip::after {
  opacity: 1;
}


#contact{
    background-repeat: repeat;
    background: linear-gradient(rgba(255,255,255,0.4),rgba(255,255,255,0.4)),
    url(https://www.toptal.com/designers/subtlepatterns/uploads/email-pattern.png);
}
#about{
    background-color: #F8F8F8;
}

@media (max-width:1000px){
    html{
        font-size: 80%;
    }}
    
@media (max-width:600px){
    
    html{
        font-size: 70%;
        }
    }