@import url('https://fonts.googleapis.com/css2?family=Cairo:wght@400;700&family=Tajawal:wght@400;700&display=swap');

*{
margin:0;
padding:0;
box-sizing:border-box;
font-family:'Cairo','Tajawal',sans-serif;
}

a{
text-decoration:none;
transition:0.3s;
}

.footer{
background:

url("../img/bg-hero.png");
background-size:cover;
background-repeat:no-repeat;

padding:50px 20px;
}

/* top */

.footer-top{
text-align:center;
max-width:800px;
margin:auto;
margin-bottom:40px;
}

.footer-top h2{
color:var(--primaryColor);
margin-bottom:10px;
position: relative;
 display: inline-block;

}
.footer-top h2::after{
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  border: var(--helperColor) ;
  height: 3px;
  background: var(--primaryColor);
  border-radius: 2px;
}
.footer-top h3{
margin-bottom:10px;
color:var(--primaryColor);
}

.footer-top p{
font-size:18px;
}

footer a:hover{
    color:#5DBBEA;
}
/* main */

.footer-main{
width:80%;
margin:auto;
display:flex;
justify-content:space-between;
gap:40px;
flex-wrap:wrap;
}

.footer-right,
.footer-left{
flex:1;
/* min-width:280px; */
}

/* logo */

.footer-logo{
width:180px;
margin-bottom:15px;
}

.footer-right p{
line-height:1.7;
margin-bottom:25px;
}


/* social */

.social h3{
margin-bottom:15px;
color:var(--primaryColor);
}

/* .social-icons{
display:flex;
gap:15px;
} */

 /* .visit{
    display: flex;
    justify-content: center; 
} */

.footer-links{
    text-align: center; 
}

/* .pages{
    display: flex;
    justify-content: center; 
    gap: 20px;
} */
.contact-icon{
width:36px;
height:36px;
background:var(--primaryColor);
border-radius:50%;
display:flex;
align-items:center;
justify-content:center;
color:#fff;
font-size:15px;
flex-shrink:0; /* يمنع ضغط الايقونة */
}

.contact-list li a{
word-break: break-word; /* يسمح للنص الطويل بالنزول لسطر جديد */
line-height:1.5;
}


/* contact list */

.contact-list{
list-style:none;
}

.contact-list li{
display:flex;
/* flex-direction:row-reverse; */
align-items:center;
gap:10px;
margin-bottom:15px;
}

.contact-list a{
color:var(--primaryColor);
direction:ltr;
text-align:left;
}


/* pages */

/* .footer-links{
margin-top:25px;
} */

.footer-links h3{
margin-bottom:10px;
color:var(--primaryColor);
}

.pages{
display:flex;
gap:20px;
}

.pages a{
color:var(--primaryColor);
}

.pages a:hover{
color:var(--primaryColor);
}


/* bottom */

.footer-bottom{
margin-top:40px;
padding-top:20px;
border-top:2px solid var(--primaryColor);;
display:flex;
justify-content:space-between;
align-items:center;
flex-wrap:wrap;
gap:15px;
}

.policy-links{
display:flex;
gap:10px;
}

.policy-links a{
color:#000000;
}

.policy-links a:hover{
color:var(--primaryColor);
}

.footer-bottom p{
font-size:15px;
}


/* responsive */

@media(max-width:768px){

.footer-main{
flex-direction:column;
text-align:center;
}
/* 
.contact-list li{
flex-direction:column;
} */

.pages{
justify-content:center;
}

.footer-bottom{
flex-direction:column;
}
.social-icons{
  justify-content: center;
}
.footer{
padding:10px 10px;
}
 .visit{
    display: flex;
    justify-content: start; 
}
.footer-bottom p{
font-size:13px;
font-weight: 600;
padding: 0;
}

}