/* custom about deanship by : Husien Adel
@ 23/10/2016
----------------------------------------*/

@charset "UTF-8";
@import url('ar-bootstrap.min.css');
@import url('../fonts/font-awesome.min.css');


@font-face {
  font-family: 'hell';
  src: url('../fonts/HelveticaNeueW23forSKY-Reg.eot');
  /* IE9 Compat Modes */
  src: url('../fonts/HelveticaNeueW23forSKY-Reg.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('../fonts/HelveticaNeueW23forSKY-Reg.woff') format('woff'), /* Pretty Modern Browsers */
  url('../fonts/HelveticaNeueW23forSKY-Reg.ttf') format('truetype');
  /* Safari, Android, iOS */
}

@font-face {
  font-family: 'Material Symbols Outlined';
  font-style: normal;
  font-weight: 100 700;
  src: url("../fonts/kJEhBvYX7BgnkSrUwT8OhrdQw4oELdPIeeII9v6oFsI.woff2") format('woff2');
}

.material-symbols-outlined {
    padding: 7px 0px 0px 0px !important;
    font-family: 'Material Symbols Outlined';
    font-weight: normal;
    font-style: normal;
    font-size: 38px !important;
    /* margin-top: 9px; */
    line-height: 1;
    letter-spacing: normal;
    text-transform: none;
    display: inline-block;
    white-space: nowrap;
    word-wrap: normal;
    direction: inherit !important;
    -webkit-font-feature-settings: 'liga';
    -webkit-font-smoothing: antialiased;
}

* {
  padding: 0;
  margin: 0;
  text-decoration: none;
  border: none;
  outline: none
}

html {
  font-size: 16px;
}

body {
  padding: 0;
  margin: 0;
  direction: rtl;
  font-style: 15px;
}

.wrap {
  margin: 0% auto 0;
}


.block {
  width: 100%;
  position: relative;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-box-shadow: 0px 1px 10px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 1px 10px rgba(0, 0, 0, 0.2);
  margin: 25px 0 0;
  padding: 25px 30px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
  overflow: hidden;
  border-radius: 5px;
  -webkit-transition: all .3s;
  -o-transition: all .3s;
  transition: all .3s;
}

.block:hover {
  -webkit-box-shadow: 0 2px 15px rgba(0, 0, 0, 0.3);
  box-shadow: 0 2px 15px rgba(0, 0, 0, 0.3);
}

.block .icon {
    display: block;
    width: 100%;
    height: 60px;
    border-radius: 0px;
    text-align: right;
    text-indent: 25px;
    background: rgb(11, 111, 119);
    background: -moz-linear-gradient(-45deg, rgba(20, 132, 185, 1) 0%, rgba(12, 93, 131, 1) 100%);
    background: -webkit-linear-gradient(-45deg, rgb(11, 111, 119) 0%, rgb(11, 111, 119) 100%);
    background: linear-gradient(135deg, rgb(11, 111, 119) 0%, rgb(11, 111, 119) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#1484b9', endColorstr='#0c5d83', GradientType=1);
    -webkit-box-shadow: inset 0 0 15px rgba(0, 0, 0, 0.3);
    box-shadow: inset 0 0 15px rgba(0, 0, 0, 0.3);
    color: #fff;
    font-size: 2.5rem;
    text-shadow: 0 2px 3px rgba(0, 0, 0, 0.5);
    margin: 0 auto 15px;
    border-radius: 15px;
}

.block .icon h2
 {
  padding: 0;
  margin: 0;
  display: inline;
  color: #fff;
  vertical-align: middle;
  font: 1rem 'hell', Arial, sans-serif;
  text-align: right;
}

.block p {
  text-align: justify;
  font: 1rem 'hell', Arial, sans-serif;
  margin: 0;
  line-height: 2rem;
}

.block h3 {
  margin: 0;
  font: 1.3rem 'hell', Arial, sans-serif;
  color: #1484b9;
}

.block h4 {
  font: 1.3rem 'hell', Arial, sans-serif;
}

.block ul li {
  font: 1rem 'hell', Arial, sans-serif;
  color: #484848;
  line-height: 2rem;
  padding: 0 10px;
  list-style-position: inside;
}

.block ol li {
  font: 1rem 'hell', Arial, sans-serif;
  color: #484848;
  line-height: 2rem;
}

.textrightsection
{
        width: 100%;
    display: inline-block;
    top: ;
    vertical-align: top;
    padding-top: 0px;
}

.textrightsectionimg
{
   width: 100%;
    display: block;
    text-align: center;
}

.textrightsection2
{
        width: 55%;
    display: inline-block;
    top: ;
    vertical-align: top;
    padding-top: 0px;
}

.textrightsectionimg2
{
   width: 44%;
    display: inline-block;
    text-align: left;
}

.block img.logos1 {
    /* display: inline-block; */
    width: 40%;
    text-align: center;
    margin: 11px 2%;
    border-radius: 10px;
    box-shadow: 2px 1px 7px rgb(0 0 0 / 50%);
}

.block img.logos2 {
     /* display: inline-block; */
    width: 40%;
    text-align: center;
    margin: 11px 2%;
    border-radius: 10px;
    box-shadow: 2px 1px 7px rgb(0 0 0 / 50%);
}


.textrightsectionimg2 img.logos1 {
    width: 84%;
}

.textrightsection2 img.logos1 {
    width: 100%;
    margin-top: 20%;
}
.postThum {float: left; margin-right: 25px;}



@media screen and (max-width:468px) {

  html {font-size: 13px;}

  .block .icon {
    height: auto !important; text-align: center !important;
    line-height: 0.9 !important;
    padding: 15px 5px !important;
  }
  .block .icon i  {

    text-align: center !important;
    text-indent: 0px;
    padding-top: 5px !important;
  }




  .block .icon h2 {

    vertical-align: middle;
    font: 1.2rem 'hell', Arial, sans-serif;
    text-align: center !important;
    padding: 0 !important;
    overflow: hidden;
    height: auto !important;

  }


  .block ul li {
    color: #484848;
    line-height: 2rem;
    padding: 0 0px !important;
    text-align: justify !important;
  }

  .block ol li {
    font: 1rem 'hell', Arial, sans-serif;
    color: #484848;
    line-height: 2rem;
    text-align: justify !important;

  }


.postThum {float: none;
max-width: 100%; margin: 0 !important;
width: 100%;

}


}











@media screen and (min-width:469px) and (max-width:768px) {

  html {font-size: 14px;}

  .block .icon {
    height: auto !important; text-align: center !important;
    line-height: 0.9 !important;
    padding: 10px 5px !important;
  }
  .block .icon i  {

    text-align: center !important;
    text-indent: 0px;
    padding-top: 5px !important;
  }




  .block .icon h2 {

    vertical-align: middle;
    font: 1.2rem 'hell', Arial, sans-serif;
    text-align: center !important;
    padding: 0 !important;
    overflow: hidden;
    height: auto !important;


  }


  .block ul li {
    color: #484848;
    line-height: 2rem;
    padding: 0 0px !important;
    text-align: justify !important;
  }

  .block ol li {
    font: 1rem 'hell', Arial, sans-serif;
    color: #484848;
    line-height: 2rem;
    text-align: justify !important;

  }


.postThum {float: none;
max-width: 100%; margin: 0 !important;
width: 100%;

}


}