*{
    margin: 0px;
    padding: 0px;
}

body
{
    direction: rtl;
    font-family:Cairo, Black;
    overflow-x: hidden;
 }

.sectionHeader
{
    /* background:url('../images/headerhome.png');
    background-size: cover; */
    width: 100%;
    height: 600px;
    /* border-bottom-right-radius: 190px; */
}
.sectionHeader .navbar .nav-item a
{
    font-weight: 800;
}
.navbar .nav-item a
{
    font-weight: 800;
}
.block
{
    background-color: #3195AC !important;
}
.white
{
    background-color: #FFF !important;
}
.blockcolor
{
    color: #000 !important;
}
.imgHeader
{
    background-color: transparent;
    position: absolute;
    width: 55%;
    border-radius: 15%;
    height: 500px;
    top: 0px;
    left: 0px;
    /* transform: rotate(180deg); */
    z-index: 9999;
    position: relative;
}
.navbar-brand
{
    width: 150px;
    height: 55px;
}
.navbar-brand img
{
    width: 100%;
    height: 100%;
}

.imgHeader img
{
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
}

.captionhead
{
    /* width: 60%; */
    height: auto;
}
.captionhead h3 
{
    line-height: 33px;
}
.captionhead h3 , p
{
    line-height: 33px;
}
.text-blue
{
    color: #3195AC !important;
}
.captionhead .btndemo:hover
{
    color: #fff !important;
    border: 1px solid #fff !important;
    background-color: transparent !important;
}

.secwhyLis .col-md-5 img
{
    width: 90%;
    height: 500px;
    text-align: center;
}
.secwhyLis h4
{
    line-height: 40px;
    font-weight: 800;
}
.secwhyLis p
{
    line-height: 60px;
    width: 90%;

}
.text-gray
{
    color: #A2A2A2;
}
.btn-blue
{
    background-color: #3195AC;
    color: #fff;
}
.btn-outline-blue
{
    border: 1px solid #3195AC;
    background-color: #fff;
    color: #3195AC;
}
.btn-outline-blue:hover
{
    border: 1px solid #3195AC;
    background-color: #3195AC;
    color: #fff;
}
.btn_blue
{
    background-color: #3195AC;
    color: #fff;
    width: 200px !important;
}
.btn_blue:hover
{
    border: 1px solid #3195AC;
    background-color: #fff;
    color: #3195AC;
}

.secShop
{
    width: 95%;
    margin-bottom: auto;
    height: 375px;
    border-radius: 7px;
    box-shadow: -2px 1px 7px 5px #f1f1f1;
}
.secimgshop 
{
    width: 100px;
    height: 100px;
    border-radius: 50%;
}
.secimgshop img
{
    width: 100%;
    height: 100%;
}

.secOmalaa
{
    width: 100%;
    min-height: 700px;
    background-color: #3195AC;
    border-top-left-radius: 200px;
}
@media (min-width:300px) and (max-width:991px) {
    .secOmalaa
{

    border-top-left-radius: 100px;
}
.captionhead h1
{
    margin-top: 80px!important;
}
.sectionHeadersystem
{
    height: auto !important;
}
.secslid
{
    margin-top: 110px;
}
.caption_header
{
    margin-top: 40px;
}
.secslid2
{
    margin-top: 340px;
}
}
.secOmalaa h4:after 
{
    content: " ";
    width: 100px;
    height: 4px;
    margin: 20px auto;
    background-color: #fff;
    display: block;
}

.carousel-inner .card
{
    width: 250px;
    height: 240px;
    border-radius: 9px;
    background-color: #fff;
    margin: auto;
    margin-top: 100px;

    /* box-shadow: -2px 1px 7px 5px #f1f1f1; */
}
.carousel-inner .card p
{
    font-size: 12px;
}
.carousel-inner .card_body
{
    width: 100%;
    height: 300px;
    border-radius: 9px;
    background-color: #fff;
    /* box-shadow: -2px 1px 7px 5px #f1f1f1; */
}
.carousel-inner .card_body .imgqut
{
    width: 70px;
    height: 70px;
    border-radius: 50%;
    margin: auto;
}
.carousel-inner .card_body .imgqut img
{
    width: 100%;
    height: 100%;
}
.proimg img
{
    width: 50px;
    height: 50px;
    border-radius: 50%;
}
.proimgc img
{
    width: 30px;
    height: 30px;
    border-radius: 50%;
}
.proimgc span
{
    font-size: 12px;
}
.proimgc small
{
    font-size: 10px;
}
.carousel-indicators
{
    /* margin-top: 300px !important; */
}
.carousel-indicators ol li 
{
    width: 5px !important;
    height: 5px !important;
    border-radius: 50% !important;
    background-color: #fff !important;
}
.footer .nav-link
{
    font-size: 13px;
}
.footerlogo
{
    width: 150px;
    text-align: center;
    margin: auto;
}
.footericons
{
    width: 150px;
    text-align: center;
    margin: auto;
}
@media (min-width:300px) and (max-width:991px) {
.footerdisplay
{

    display: block !important;
    text-align: center;
}
}
/* end the home page */

/* start the about system */
.sectionHeadersystem
{
    background-color: #fff;
    width: 100%;
    height: 600px;
    border-bottom-right-radius: 190px;
}
.sectionHeadermomaiz
{
    background:url('../images/background2.png');
    background-size: cover;
    width: 100%;
    height: 600px;
    border-bottom-right-radius: 190px;
}
.imgheadsystym 
{
    width: 90%;
    height: 400px;
    margin: auto;
}
.imgheadsystym img
{
    width: 100%;
    height: 100%;
}

.secBuildsystem .imgBuild
{
    width: 100%;
    height: 450px;
}
.secBuildsystem .imgBuild img
{
    width: 100%;
    height: 100%;
}

.checkdiv
{
    width: 60px;
    height: 60px;
    border-radius: 50%;
}
.checkdiv img
{
    width: 100%;
    height: 100%;
}
.tatwerCompany .imgDoc
{
    width: 100%;
    height: 500px;
}
.tatwerCompany .imgDoc img
{
    width: 100%;
    height: 100%;
}

/* elmomaizat */
.travelltamred .row .col-md-6
{
    margin: 0px !important;
}
.img-f
{
    height: 100%;
    width: 85%;
    
}
.travelltamred .content
{
    padding: 10px;
}
.img-f img
{
    width: 100%;
    height: 100%;
}
.line-height
{
    line-height: 50px;
}


/* start the about company */

.seccounter
{
    background-color: #3195AC;
    width: 100%;
    height: 150px;
}
.seccounter .company-count{
    display:flex;
    flex-wrap:wrap;
    
  }
.seccounter  .count{
    width:150px;
    text-align:center;
  }

/* elmodawana */
  .sectionHeaderemodawana
  {
      background-color: #fff;
      width: 100%;
      height: 377px;
  }

  .arowdiv
  {
    /* position: absolute;
    bottom: 20px;
    right: 0px; */
    width: 220px;
  }
  .secfasl
  {
    height: 320px;
  }
  .carousel-item .col img
  {
    width: 300px;
    height: 300px;
    border-radius: 15px;
  }


/* contact */

.bg-input
{
    border: 0px !important;
    background-color: #FAFAFA;
}
.telcontact ul li 
{
    margin: 20px 0px;
}
.telcontact ul li span
{
    font-size: 12px;
    color: #000000BF;
}
.telcontact ul li img
{
    width: 25px;
    height: 25px;
    border-radius: 50%;
}


.seasacontent
{
    width: 100%;
    height: 500px;
    overflow-y:scroll;
    /* background-color: #ff0; */
}

.seasacontent::-webkit-scrollbar-thumb
{
    background-color: #3195AC;
    box-shadow: 0px 0px #000 inset;
    border-radius: 50px;
}

.seasacontent::-webkit-scrollbar
{
    width: 7px;
}

.cancelKopol
{
    bottom: 0px;
    left: 50%;
}