@media screen and (max-width: 950px) {
  h6 {
    text-align: center;
  }
  h3,
  h5,
  .forFirstBackground p,
  .forSecondBackground p {
    text-align: justify;
  }
  .forFirstBackground p,
  .forSecondBackground p {
    margin: 5%;
  }
  .firstDiv p {
    text-align: center;
    font-weight: bold;
  }
  .forFirstBackground {
    /* background-color: #d1e8e2 !important; */
    padding-top: 5%;
    padding-bottom: 5%;
  }
  .forSecondBackground {
    /* background-color: #ffcb9a !important; */
    padding-top: 5%;
    padding-bottom: 5%;
  }
  .secondDiv {
    padding-top: 3%;
    display: flex;
    flex-direction: column;
    margin-right: 2%;
    margin-left: 2%;
    /* border: 1px solid black; */
  }
  .thirdDiv {
    padding-top: 3%;
    display: flex;
    flex-direction: column;
    margin-right: 2%;
    margin-left: 2%;
    /* border: 1px solid black; */
  }
  .secondDiv div,
  .thirdDiv div,
  .firstDiv p {
    margin-left: 2.5%;
    margin-right: 2.5%;
  }
  .audio {
    padding-top: 5%;
    padding-bottom: 2%;
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
  }
  .audioSecondDiv {
    display: flex;
    flex-direction: row;
    justify-content: center;
    margin-top: 2.5%;
  }
  .audioSecondDiv div:first-child {
    margin-right: 5%;
  }
  .audio button {
    text-align: center;
    border: 3px solid #353535;
    border-radius: 50%;
    height: 5em;
    width: 5em;
  }
  .audio button:hover {
    color: #5c7d94;
    border: 3px solid #5c7d94;
  }
  .audio i:hover {
    color: #5c7d94;
  }
  .audio i {
    font-size: 2.5em;
    text-align: center;
  }
}

@media screen and (min-width: 951px) {
  h6 {
    text-align: center;
  }
  h3,
  h5,
  .forFirstBackground p,
  .forSecondBackground p {
    text-align: justify;
  }
  .forFirstBackground p,
  .forSecondBackground p {
    margin: 5%;
  }
  .firstDiv p {
    text-align: center;
    font-weight: bold;
  }
  .forFirstBackground {
    /* background-color: #d1e8e2 !important; */
    padding-top: 3%;
    padding-bottom: 3%;
  }
  .forSecondBackground {
    /* background-color: #ffcb9a !important; */
    padding-top: 3%;
    padding-bottom: 3%;
  }
  .secondDiv {
    width: 80%;
    margin-right: 10%;
    margin-left: 10%;
    padding-top: 3%;
    display: flex;
    flex-direction: column;
    /* border: 1px solid black; */
  }
  .thirdDiv {
    width: 80%;
    margin-right: 10%;
    margin-left: 10%;
    padding-top: 3%;
    display: flex;
    flex-direction: column;
    /* border: 1px solid black; */
  }
  .secondDiv div,
  .thirdDiv div,
  .firstDiv p {
    width: 80%;
    margin-left: 10%;
    margin-right: 10%;
  }
  .audio {
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: center;
    margin: 0 auto;
    padding: 5% 0 5% 0;
  }
  .audioSecondDiv {
    display: flex;
    flex-direction: row;
    text-align: center;
    justify-content: center;
    margin-top: 2.5%;
  }
  .audioSecondDiv div:first-child {
    margin-right: 5%;
  }
  .audio button {
    text-align: center;
    background-color: white;
    border: 3px solid #353535;
    border-radius: 50%;
    height: 5em;
    width: 5em;
  }
  .audio i {
    font-size: 2.5em;
    text-align: center;
  }
  .audio button:hover {
    color: #5c7d94;
    border: 3px solid #5c7d94;
  }
  .audio i:hover {
    color: #5c7d94;
  }
}

.forFirstBackground {
  background-color: #d9d9d9;
}
.forSecondBackground {
  background-color: #3c6e71;
  color: white;
}

.paragraphFarsi,
.headingFarsi {
  font-family: " BMitra";
}