@font-face{font-family:'Greta';src:url('fonts/Greta_Arabic_Regular.eot');src:url('fonts/Greta_Arabic_Regular.eot?#iefix') format('embedded-opentype'),
url('fonts/Greta_Arabic_Regular.woff') format('woff'),
url('fonts/Greta_Arabic_Regular.otf') format("opentype"),
url('fonts/Greta_Arabic_Regular.ttf') format('truetype');font-weight:normal;font-style:normal;}
* {
  box-sizing: border-box;
}
.team-big-image {
 
    border-radius: 50%;
    overflow: hidden;
    border: 4px solid #1de099;
}
.column {
  float: left;
  padding: 10px;
}

.left {
  width: 70%;
}
.right {
  width: 30%;
}
/* Clear floats after the columns */
.row:after {
  content: "";
  display: table;
  clear: both;
}
     .jordan
     {
         font-family: 'Yanone Kaffeesatz', sans-serif;
         font-weight: 600;
     }
.banihani{font-family: 'Yanone Kaffeesatz', sans-serif;
     text-align: center;
    padding: 5px;
    font-weight: 400;
    color: white;
    background: linear-gradient(45deg, #1de099, #1dc8cd);
     }
.amman{font-family:'Greta';
     text-align: center;
    color: #E66432;
     direction:rtl;}
figure {
  float: left;
  width: 100%;
  text-align: center;
  font-style: italic;
  font-size: smaller;
  text-indent: 0;
  margin: 0.5em;
  padding: 0.5em;
}
     p {
         font-family: 'Roboto', sans-serif;
         font-weight: 400;
         text-align: justify;
     }
         h4 {
         font-family: 'Roboto', sans-serif;
         font-weight: 300;
         font-weight: bold;
     }
     li{
         text-align: justify;
     }
     .quran{
         font-weight: bold;
         font-style: italic;
         font-family: 'Greta';
         color: #E66432;
     }
     .donya{
         font-weight: 400;
         font-weight: bold;
     }
.m-widget4 .m-widget4__item {
    display: table;
    padding-top: 1.15rem;
    padding-bottom: 1.25rem
}

.m-widget4 .m-widget4__item .m-widget4__img {
    display: table-cell;
    vertical-align: middle
}

.m-widget4 .m-widget4__item .m-widget4__img.m-widget4__img--logo img {
    width: 3.5rem;
    border-radius: 40%
}

.m-widget4 .m-widget4__item .m-widget4__img.m-widget4__img--pic img {
    width: 4rem;
    border-radius: 40%
}

.m-widget4 .m-widget4__item .m-widget4__img.m-widget4__img--icon img {
    width: 2.1rem
}

.m-widget4 .m-widget4__item .m-widget4__info {
    display: table-cell;
    width: 100%;
    padding-left: 1.2rem;
    padding-right: 1.2rem;
    font-size: 1rem;
    vertical-align: middle
}

.m-widget4 .m-widget4__item .m-widget4__info .m-widget4__text {
    font-size: 1rem;
    font-weight: 500
}

.m-widget4 .m-widget4__item .m-widget4__info .m-widget4__title {
    font-size: 1rem;
    font-weight: 600
}

.m-widget4 .m-widget4__item .m-widget4__info .m-widget4__sub {
    font-size: .85rem
}

.m-widget4 .m-widget4__item .m-widget4__ext {
    display: table-cell;
    width: 20%;
    vertical-align: middle
}

.m-widget4 .m-widget4__item .m-widget4__ext .m-widget4__number {
    font-size: 1.2rem;
    font-weight: 600
}

.m-widget4 .m-widget4__item .m-widget4__ext .m-widget4__icon>i {
    font-size: 1.6rem
}

.m-widget4 .m-widget4__item .m-widget4__ext .m-widget4__icon.m-widget4__icon--2x>i {
    font-size: 2.2rem
}

.m-widget4 .m-widget4__item .m-widget4__ext .m-widget4__icon:hover {
    text-decoration: none
}

.m-widget4.m-widget4--progress .m-widget4__info {
    width: 80%
}

.m-widget4.m-widget4--progress .m-widget4__progress {
    display: table-cell;
    vertical-align: middle;
    padding-left: 2rem;
    padding-right: 2rem;
    width: 0%
}

.m-widget4.m-widget4--progress .m-widget4__progress .m-widget4__progress-wrapper .m-widget17__progress-number {
    font-size: 1.1rem;
    font-weight: 600
}

.m-widget4.m-widget4--progress .m-widget4__progress .m-widget4__progress-wrapper .m-widget17__progress-label {
    font-size: .85rem;
    float: right;
    margin-top: .3rem
}

.m-widget4.m-widget4--progress .m-widget4__progress .m-widget4__progress-wrapper .progress {
    display: block;
    margin-top: .8rem
}

.m-widget4 .m-widget4__chart {
    position: relative
}

.m-widget4.m-widget4--chart-bottom .m-widget4__chart {
    position: absolute;
    width: 100%;
    bottom: 0
}