.responsive {
    width: 100%;
    height: 400px;
  }
  .shadow{
    width: 100%;
    height: 300px;
    margin: auto;
    box-shadow: 14px 12px #024bd0;
  }
  .b-gools {
    word-wrap: break-word;
    padding-right: 50px;
    padding-bottom: 20px;
    color: white;
    font-size: 18px;
    font-family: AraAl !important;
  }
  .b-brief {
    word-wrap: break-word;
    margin: 20px;
    color: #706e6e;
    font-size: 18px;
    font-family: AraAl !important;
  }
  .brief{
      font-size: 35px;
      color: #7d7b7b;
      font-weight: bold;
      font-family: 'Ara';
  }
  .gools{
    font-size: 35px;
    color: white;
    padding-top: 50px;
    font-weight: bold;
    font-family: AraAl;
    padding-right: 50px;
  }
  .gools-container{
      width:100%;
      background-repeat:no-repeat;
      background-size: cover;
      background-position: center;
      margin: auto;
  }
  @font-face {
    font-family: AraAl;
    src: url('assets/fonts/Tajawal-Medium.ttf');
  }