body {
    overflow-x: hidden !important;
    color: #fff !important;
    /* font-family: 'Cairo', sans-serif !important; */
    direction: rtl !important;
    color: #000 !important;
    /* font-family: 'Noto Kufi Arabic', sans-serif !important; */
    font-family: 'El Messiri', sans-serif !important;

}

* {
    padding: 0px ;
    margin: 0px;
    box-sizing: border-box;
}

html {
    scroll-behavior: smooth !important;
}


/* /* //////////////////////////////////////////////////////////////////////////////////////////////////////////// */
.uk-section-primary , .uk-preserve-color
{
    background-color: transparent !important;

}

.uk-section-primary a
{

    color:  rebeccapurple !important;
}
.uk-navbar a
{
    color: #000 !important;

}
.uk-navbar
{
    /* padding: 0px 50px; */
    background: rgba(255, 255, 255, 0.2) !important;
    background: rgba(00, 00, 00, 0.6) !important;
    display: flex;
    justify-content: space-between;
 border-radius: 20px;
 box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);

}
.raigetcontect .btn-primary , .raigetcontect .btn-primary
{
  color: #fff !important;
}

.uk-active a
{
    color: #fff !important ;
    font-weight: bold !important;
    font-size: 22px !important;
}
.lordes
{
    position: fixed;
    bottom: 5px;
    left: 10px;
    z-index: 09999999999999999999999999999;
}



.poseshtop
{
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
}
.logo
{
    display: flex;
    align-items: center;
    background-color: #1eb2a6;
  position: relative;
}
.logo p
{
    transform: skewx(-28deg);
    background-color: #1eb2a6;
    width: 50px;
    height: 100%;
    position: absolute;
    left: -20px;
    top: 0;
}
.logo li , .logo a
{
list-style: none;
text-decoration: none;
color: #fff !important;
padding: 0px 20px;
}
.logo li , a:hover
{
list-style: none;
text-decoration: none;
}
 .jjjjj
{

    background-color: red !important;

}
.uk-navbar-navnone
{
  left: 0px !important;
}
.toptext
{

    padding: 30px 0px;
}
.toptextblok
{

    padding: 20px 0px;
}

.centercontect i
{
margin-right: 5px;
font-size: 30px;
color: #fff;
}

.centercontect span
{

font-size: 20px;
color: #fff;
}
.icones i
{
margin: 0px 10px;
background: rgba(255, 255, 255, 0.2) !important;
border-radius: 50%;
color: #fff;
padding: 20px;
transition: all 0.5s;
}

.icones i:hover
{
    background-color: #1eb2a6 !important;
}
.icones22 i
{
margin: 20px 0px;
background-color: #1eb2a6 !important;
border-radius: 50%;
display: block;
color: #fff;
padding: 15px;
transition: all 0.5s;
}

.btn-primary
{
    background-color: #1eb2a6 !important;
    border: none !important;
    border-radius: 10px;
}


.imghedar
{
    /*background-image: url(..//imges/kenny-eliason-zFSo6bnZJTw-unsplash.jpg);*/
    background-position: center center;
    background-size: cover;
    height: 100vh;
    width: 100%;


}

.lier
{
    background: rgba(00, 00, 00, 0.6) !important;
    width: 100%;
    height: 100%;
}
.texthder
{
    display: flex;
    align-items: center;
   padding-top: 150px;
    height: 100%;
    text-align: right;
}


.texthder h1
{
color: #fff;
}
.texthder p
{
    color: #fff;
    padding: 10px 0px;
    /* width: 60%; */
    /* line-height: 2; */
}
.btn-primary
{
    margin: 10px 0px;
}
.uk-navbar-nav  a
{

    color: #1EB2A6 ;
    font-weight: bold;
    font-family: 'El Messiri', sans-serif;
font-family: 'Lemonada', cursive;
}
.toptextblok
{
    display: none;
}

.fa-bars
{
    color: #fff !important;
    margin-left: 20px;
    margin-top: 25px;
    font-size: 30px;
    display: none;
    cursor: pointer;
}

.uk-navbar-nav2
{
 display: none ;
background-color: #1eb2a6;
width: 100%;
position: absolute;
top: 70px;
right: 0;
left: o;
}

.uk-navbar-nav2 li a
{
    color: #fff !important;
}


/* section////////////////////////////////////////////////////////////////////////// */



.secshonimg img
{
width: 100%;
}
.secshontext h1
{
font-size: 30px;
font-family: 'El Messiri', sans-serif;
color: #000;
}

.uk-panel
{
/* background-color: #1EB2A6; */
padding: 20px;
margin-top: 20px;
transition: all 0.5s;
}
.uk-panel h5
{
font-size: 25px;
color: #000;
font-weight: bold;
margin-bottom: 5px;
font-family: 'El Messiri', sans-serif !important;
}
.uk-panel p
{
color: dimgray;
}
.uk-panel:hover
{
background-color: #1EB2A6;
color: #fff;
}
.uk-panel:hover  i , h5 ,p
{
color: #fff;
}

.uk-panel:hover h5
{
color: #fff !important;
}
.uk-panel:hover p
{
color: #fff !important;
}

.uk-panel i
{
font-size: 3rem ;
color: #1EB2A6;
margin-top: 10px;
}


/* article ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/

.uk-margin
{
    margin-right: 20px;
}

.text-centernavs
{
    margin: 0px  auto !important;
}

.text-centernavs .nav-link
{
    color: #000 !important;

}
.nav-item   .active
{
    background-color: #1EB2A6 !important;
    color: #fff !important;
}


.profile-card {
    display: flex;
    flex-direction: column;
    align-items: center;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19) !important;
    max-width: 370px;
    width: 100%;
    background: #fff;
    border-radius: 24px;
    padding: 25px;
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
    position: relative;
    margin: 20px 0px !important;

  }
  .profile-card::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    height: 36%;
    width: 100%;
    border-radius: 24px 24px 0 0;
    background-color: #1EB2A6;
  }










  .image {
    position: relative;
    height: 100px;
    width: 100px;
    border-radius: 50%;
    background-color: #2927272f;
    padding: 3px;
    margin-bottom: 10px;
  }
  .image .profile-img {
    height: 100%;
    width: 100%;
    object-fit: cover;
    border-radius: 50%;
    border: 3px solid #fff;
  }
  .profile-card .text-data {
    display: flex;
    flex-direction: column;
    align-items: center;
    color: #333;
  }
  .text-data .name {
    font-size: 22px;
    font-weight: 500;
  }
  .text-data .job {
    font-size: 15px;
    font-weight: 400;
  }

  .profile-card .media-buttons {
    display: flex;
    align-items: center;
    margin-top: 15px;
  }
  .media-buttons .link {
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 18px;
    height: 34px;
    width: 34px;
    border-radius: 50%;
    margin: 0 8px;
    background-color: #4070f4;
    text-decoration: none;
  }
  .profile-card .buttons {
    display: flex;
    align-items: center;
    margin-top: 25px;
  }
  .buttons .button {
    color: #fff;
    font-size: 14px;
    font-weight: 400;
    border: none;
    border-radius: 24px;
    margin: 0 10px;
    padding: 8px 24px;
    background-color: #4070f4;
    cursor: pointer;
    transition: all 0.3s ease;
  }
  .buttons .button:hover {
    background-color: #0e4bf1;
  }
  .profile-card .analytics {
    display: flex;
    align-items: center;
    margin-top: 25px;
  }
  .analytics .data {
    display: flex;
    align-items: center;
    color: #333;
    padding: 0 20px;
    border-right: 2px solid #e7e7e7;
  }
  .data i {
    font-size: 18px;
    margin-right: 6px;
  }
  .data:last-child {
    border-right: none;
  }



  .profile-card22 .text-data22 {
    display: flex;
    flex-direction: column;
    align-items: center;
    color: #333;
  }

  .text-data22 .name22 {
    font-size: 27px;
    font-weight: bold;
  }
  .text-data22 .job22 {
    font-size: 15px;
    font-weight: 400;
  }

  .profile-card22 {
    display: flex;
    flex-direction: column;
    align-items: center;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19) !important;
    max-width: 100%;
    width: 100%;
    background: #fff;
    border-radius: 24px;
    padding: 25px;
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
    position: relative;
    margin: 20px 0px !important;

  }





  .profile-card22 .media-buttons22 {
    display: flex;
    align-items: center;
    margin-top: 15px;
  padding: 20px 0px;
  }
  .media-buttons22 .link {
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 18px;
    height: 34px;
    width: 34px;
    border-radius: 50%;
    margin: 0 8px;
    background-color: #4070f4;
    text-decoration: none;
  }
  .profile-card22 .buttons {
    display: flex;
    align-items: center;
    margin-top: 25px;
  }
  .buttons .button {
    color: #fff;
    font-size: 14px;
    font-weight: 400;
    border: none;
    border-radius: 24px;
    margin: 0 10px;
    padding: 8px 24px;
    background-color: #4070f4;
    cursor: pointer;
    transition: all 0.3s ease;
  }
  .buttons .button:hover {
    background-color: #0e4bf1;
  }
  .profile-card22 .analytics {
    display: flex;
    align-items: center;
    margin-top: 25px;
  }
  .analytics .data {
    display: flex;
    align-items: center;
    color: #333;
    padding: 0 20px;
    border-right: 2px solid #e7e7e7;
  }
  .data i {
    font-size: 18px;
    margin-right: 6px;
  }
  .data:last-child {
    border-right: none;
  }



















  /* section //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/

/* section //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/

  .ifrieemtext
  {
     padding: 30px;
  }
  .test h1
  {
    font-family: 'El Messiri', sans-serif !important;
    color: #000;
  }
  .test p
  {
    font-family: 'El Messiri', sans-serif !important;
    color: #000000;
    font-size: 20px;
    margin: 20px 0px !important;
  }
  .anoan h6
  {
    color: #000 !important;
    font-family: 'El Messiri', sans-serif !important;
    font-weight: bold;
    font-size: 23px;
  }

  .email h6
  {
    color: #000 !important;
    font-family: 'El Messiri', sans-serif !important;
    font-weight: bold;
    font-size: 23px;
  }

  .email  p ,   .anoan p
  {

        color: #000000 !important;
        margin-top: 30px;
        font-size: 24px;
  }

  .phone h6
  {
    color: #000 !important;
    font-family: 'El Messiri', sans-serif !important;
    font-weight: bold;
    font-size: 23px;
  }

.phone i
{
    margin: 10px 0px;
    margin-right: 10px;
font-size: 25px;
color: #1EB2A6;

}
.uk-input , .uk-textarea , .uk-search-input
{
    border: solid 1px #1EB2A6 !important;
    box-shadow: 10px 20px 10px 20px transparent;
    resize: none;
}
.uk-text-left  , .btn-primary
{
    cursor: pointer !important;
}


  /* section //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/


  /* footer //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/

  footer
  {
    background-color: #02867b;
    font-family: 'El Messiri', sans-serif !important;
  }
  .anoan-end div
  {
   margin: 20px 0px;
   font-size: 20px !important;
   color: #fff;
  }

  .anoan-end  i
  {
   margin: 0px 10px;
   color: #fff;
   font-size: 25px !important;

  }


  .anoan-end  h6
  {
    color: #fff;
    font-size: 25px !important;
    margin-bottom: 30px;
    font-weight: bold;
    font-family: 'El Messiri', sans-serif !important;
  }

.formtext label
{
  color: #fff !important;
  font-size: 22px !important;
  margin-bottom: 10px;
  font-weight: bold;
}

.formtext .btn-primary
{
border: solid 1px #fff !important;
}
.formtext .uk-input
{
border-radius: 20px;
}

.icones-endes
{
 padding: 20px 0px !important;
}

.icones-endes i
{
padding: 15px !important;
}

.coperaigt a
{
color: #fff !important;
}
.formtext .btn-primary
{
padding: 10px 20px !important;
}

    /* footer //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/







    /* footer //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/

  .naaves
  {
    border: solid 1px #ddd;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  }


  .naaves  .nav-link
  {
color: #000 !important;
padding: 10px 30px !important;
  }

  .naaves  .active
  {
background-color: #1eb2a6 !important;
color: #fff !important;
  }
  .postes textarea
  {
    resize: none;

    height: 200px !important;
  }

  .postes .uk-text-left
  {
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19) !important;
  }
  .postes
  {
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  }


  .postes .form-label
  {
    font-size: 25px;
    font-weight: bold;
    margin-right: 20px;
  }



  .pragv
  {
padding: 10px 0px;

  }
  .pragv p
  {
    color: #000 !important;
  }

  .assm
  {
    font-size: 25px;
    font-weight: bold;
    margin-bottom: 20px;
  }



















/* savhet addmila //////////////////////////////////////////////////////////////////////////*/
.imgicon
{
  position: absolute;
  top: 57px;
  bottom: 0;
  left: 10px;
  width: 40px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  color: #fff;
  cursor: pointer;
  width: 25px;
}
.addmial
{
margin-top: 30px;
   padding: 20px 0px;
}
.uk-margin label
{
  color: #fff;
 margin-bottom: 15px !important;
 text-align: right;
font: normal normal bold 17px/26px Noto Kufi Arabic !important;
letter-spacing: 0px;
color: #fff !important;
padding-right: 5px;
}
.uk-inline
{
  width: 80% !important;
}

.addmial h4
{
   /* margin: 0px 20px; */
   padding: 0px 20px;
   font: normal normal bold 24px/46px Noto Kufi Arabic;
letter-spacing: 0px;
color: #BFBFBF;
}

.none
{
text-decoration: none !important;
}

.zactev
{
  color: #fff !important;
}

.addmial .border-rait
{
border-right: 1px solid #fff !important;

color: #1EB2A6;
font: normal normal bold 24px/46px Noto Kufi Arabic;

}

.addmial .border-leftes
{
border-left: 1px solid #fff;

color: #1EB2A6;
font: normal normal bold 24px/46px Noto Kufi Arabic;

}

.addmial .border-leftes div
{

border-bottom: 3px solid #1eb2a6;
color: #1EB2A6;
font: normal normal bold 24px/46px Noto Kufi Arabic;
width: 60px;
margin-right: 20px !important;
line-height: 0px !important;

}

.kbord .zactev
{

  border-bottom: 3px solid #1eb2a6;
  color: #1EB2A6;
  font: normal normal bold 24px/46px Noto Kufi Arabic;
  width: 80px;
  margin-left: 20px !important;

}


.formextesa .uk-input
{
height: 50px !important;
background-color: transparent;
color: #fff;
}

.addmial .border-rait div
{

border-bottom: 3px solid #1eb2a6;
color: #1EB2A6;
font: normal normal bold 24px/46px Noto Kufi Arabic;
width: 140px;
margin-right: 20px !important;
line-height: 0px !important;

}

.uk-margin input
{
   border-radius: 5px;
   -webkit-border-radius: 5px;
   -moz-border-radius: 5px;
   -ms-border-radius: 5px;
   -o-border-radius: 5px;
}
.botemgrob .btn-outline-secondary
{
 /* width: 80% !important; */
 width: 100% !important;
 height: 55px;
 border-radius: 5px;
 -webkit-border-radius: 5px;
 -moz-border-radius: 5px;
 -ms-border-radius: 5px;
 -o-border-radius: 5px;
 margin-top: 10px;
 background-color: #1EB2A6;
 text-align: center;
font: normal normal bold 21px/23px Noto Kufi Arabic;
letter-spacing: 1.05px;
color: #FFFFFF;
text-transform: uppercase;


}

.lines{
text-align: left;
margin-top: 10px;
font-family: 'Noto Kufi Arabic', sans-serif !important;
}

.lines a{

  color: #ACACAC;
  font: normal normal normal 14px/17px Noto Kufi Arabic;
letter-spacing: 0px;
font-family: 'Noto Kufi Arabic', sans-serif !important;
font-size: 18px;
text-decoration: underline !important;

}

.coshial-blort hr
{
border-bottom: 1px solid #fff;
width: 38%;
height: 5px;
background-color: #1A171B;

}

.coshial-blort span
{
  font: normal normal bold 17px/26px Noto Kufi Arabic;
  letter-spacing: 0px;
  color: #fff;
text-align: center;
}
.msaha
{
  width: 22%;
  font-family: 'Noto Kufi Arabic', sans-serif !important;
}

.bordima img
{
width: 100% !important;
height: 100% !important;
}

.bordima
{
  background-color: #693825;
  width: 50px;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  background: #FFFFFF 0% 0% no-repeat padding-box;
  padding: 15px 20px ;
  box-shadow: 0px 6px 20px #BFBFBF;
  margin: 0px 15px;
  cursor: pointer;
}

.textsgalend p
{
  font-family: 'Noto Kufi Arabic', sans-serif !important;
}

.textsgalend a
{
 color: #1EB2A6;
 text-decoration: underline;
font: normal normal bold 14px/21px Noto Kufi Arabic;
letter-spacing: 0px;
}



/* savhet addmila //////////////////////////////////////////////////////////////////////////*/




/* savhet tasgilneow //////////////////////////////////////////////////////////////////////////*/



.uk-inline  .form-check .form-check-input
{
float: right !important;
}

.uk-inline   .form-check-label
{
  float: left;
}
.lines2{
 font-size: 15px;
  /* margin-top: 20px; */
  font-family: 'Noto Kufi Arabic', sans-serif !important;
  }



.imghedar-tsgaail
{
    background-image: url(..//imges/kenny-eliason-zFSo6bnZJTw-unsplash.jpg);
    background-position: center center;
    background-size: cover;
    height: 140vh;
    width: 100%;


}

.lier22
{
    background: rgba(00, 00, 00, 0.6) !important;
    width: 100%;
    height: 100%;
}
.texthder
{
    display: flex;
    align-items: center;
   /* padding-top: 150px; */
    height: 100%;
    text-align: right;
}




.imghedar-tsgaail-roll
{
    background-image: url(..//imges/kenny-eliason-zFSo6bnZJTw-unsplash.jpg);
    background-position: center center;
    background-size: cover;
    /*height: 160vh;*/
    height: auto;
    width: 100%;


}




/* savhet tasgilneow //////////////////////////////////////////////////////////////////////////*/
