/*@import url('https://fonts.googleapis.com/css2?family=Cairo:wght@200..1000&display=swap');*/
@font-face{
   
   src: url('./font/Cairo-VariableFont_slnt,wght.ttf') ;
   font-family: 'Cairo';

}
*{
   font-family: 'Cairo',sans-serif;
   box-sizing: border-box;
   padding: 0px;
   margin: 0px;
   
}
#preloader {
   position: fixed;
   width: 100%;
   height: 100%;
   background: white;
   display: flex;
   justify-content: center;
   align-items: center;
   z-index: 9999;
}

/* تنسيق الشعار */
#preloader img {
width: 300px;
height: 80px;
   animation: fadeIn 2s ease-in-out;
}

@keyframes fadeIn {
   from { opacity: 0; }
   to { opacity: 1; }
}
.continar{
   display: flex;
 
   width: 100vw;
   height: 100vh;
   z-index: 2;
}
.continar .rigth{
   display: flex;
   align-items: center;
   justify-content: center;
   background-color:white;
   
   
   
}

@media (max-width:600px){
   .continar .rigth li a{
     font-size: 12px;
     text-align: center;
   }
   

}
   
@media (max-width:600px){
   .continar .rigth {
     font-size: 12px;
     text-align: center;
     width: 150px;
   }}
   
.content{
   width: 100%;
}
.continar .left{

   width: 80%;
   height: 200%;

   background-color:#ffffff;

   
   
}

@media (max-width:600px){
   .continar .left{
      height: 4000px;
   }}
@media (max-width:600px){
      .continar .left .we .wee h1{
         font-size: 1em;
      }}
      

.continar .left .we{
   display: flex;
   background-color: aliceblue;
   justify-content:space-between;
   padding: 20px;
   
}


.continar .rigth ul li a{
   text-decoration: none;
   padding: 10px;
   font-size: 2em;
}
.continar .rigth ul li ul li{
   text-decoration: none;
   padding: 0;
   font-size: 1em;
}


header {
  
   z-index: 2;
   width: 100%;
   position:fixed;
   
   
}
.div1{
   display: flex; 
   justify-content:space-between;
   background-color:white;
   padding: 3px;
   align-items: center;
  
   
   width: 100%;
}
.contact form{
   background-color: #22ffff;
}
.map{
margin-top: 50px;
padding: 50px;
}

.meun {
   
   
   height: 40px;
   display: flex; 
   align-items:center;
   justify-content:center;
   background-color:#185c83;
   width: 100%;  
   
}
.meun a{
color:red;
}

header a{
   padding: 10px;
   
   text-decoration: none;
   color: black;
   font-family: 'Times New Roman', Times, serif;
 transition: ease 1s;
font-size: 16px;
font-family: 'Cairo';

  

}
header .div1 .nav1 {
   display: flex;
   width: 60vw;
}
.div1 .immg{
   width: 30%;
   object-fit: contain;
}
header .div1 a:hover{
   
   color:red;
   font-size: 18px;
   
}
header .div1 .nav1 .icon{
   width: 120%; /* يجعل العنصر يأخذ 80% من عرض الشاشة */
  max-width: 600px; /* يمنع العنصر من التمدد أكثر من اللازم */
  height: auto;
  margin: 0 auto;
  
  /* text-align: center;
   
   display: flex;

   justify-content: space-evenly;
   align-items: center;*/
}
header .div1 .nav1 .icon a {
   font-size: 16px;
   
 }
 
 @media (max-width: 768px) {
   header .div1 .nav1 .icon a  {
     font-size: 16px;
   }
 }
 
 @media (max-width: 480px) {
   header .div1 .nav1 .icon a  {
     font-size: 14px;
   }
 }
 @media (max-width: 320px) {
   header .div1 .nav1 .icon a  {
     font-size: 10px;
   }
   
 }
 @media (max-width: 600px) {
   header .div1 .nav1  {
     display: block;
   }
 }
header .div1 .nav1 .ic{
   text-align: center;
   width: 40vw;
   display: flex;
   
   justify-content: space-evenly;
   align-items: center;
}
.sec1{
   display: flex;
   justify-content: space-between;
}
.sec3{
   
   background-color:white;
   width: 83vw;
   height: 27vh;
 margin-right: 8.9vw;
z-index: 999;
 

 
}
.sl{

  
padding: 0 9% 0 0;
   display:block;
   align-items: center;
   justify-content: center;

}


.sl .ima{

   height: 820px;
   
   width: 88%;
   
   align-items: center;
}
.slider12{
   width: 90%;
   height: 500px;
   align-items: center;
   
}

.box{
   height: 50px;
   width: 10%;
   z-index: 3;
   background-color:#185c83;
   text-align: center;
   font-size: 20px;
   border:solid antiquewhite;
   color:white;
}
.sec2{
  border: solid black;
  width: 100vw;
  height: 6.5vh;
  background-color:cadetblue;
  align-items: center;
  justify-content: center;
  text-align: center;

  


}

     /* الحاوية الرئيسية */
     .container1 {
   
      height: 27vh; /* ارتفاع الشاشة بالكامل */
      overflow: hidden; /* لإخفاء النصوص التي تخرج عن الحاوية */
      display: flex;
      justify-content: center;
      align-items: center;

      
      z-index: 2;
      
      
    }

    /* النصوص */
    .text {
   display: flex;
      font-size: 20px;
      font-weight: bold;
      color: #333;
      position: absolute;
      white-space: nowrap; /* لتجنب التفاف النص */
      top: 50%; /* وسط الشاشة */
      transform: translateY(-50%);
      animation: moveLeft 12s linear infinite;
    }
    .text img{
      border-radius: 50px;
    }

    /* حركة النص */
    @keyframes moveLeft {
      0% {
        left: 100%; /* البداية خارج الشاشة من اليمين */
      }
      50% {
        left: -100%; /* النهاية خارج الشاشة من اليسار */
      }
      100% {
        left: 100%; /* النهاية خارج الشاشة من اليسار */
      }
    }

    /* تخصيص وقت البداية لكل عبارة */
    .text:nth-child(1) {
      animation-delay: 0s;
    }

    .text:nth-child(2) {
      animation-delay: 3s;
    }

    .text:nth-child(3) {
      animation-delay: 6s;
    }
    
    
   .div6{
      background-color:red;
      
      align-items: center;
      margin-top: 2%;
   }