.bianatpage {
  background-image: url("../images/texture/backgroundtexture1.png"), url("../images/texture/backgroundtexture2.webp");
  background-position: left top;
  background-repeat: no-repeat, repeat;
  width: 100%;
}

.bianatimgheading {
  padding-top: 129px;
  text-align: center;
}

.bianataudio {
  margin-top: 61.6px;
  margin-bottom: 96px;
  align-items: center;
  justify-content: center;
}

.tamamaudios {
  width: 258.7px;
  height: 58.7px;
  background-color: #ff9822;
  border-radius: 29.4px;
  margin-left: 246px;
  justify-content: center;
  align-items: center;
  position: absolute;
  text-align: center;
  padding-top: 10px;
}
.tamamaudios a {
  text-decoration: none;
  color: white;
}
.tamamaudios a:hover {
  color: white;
}

.tamamvideos {
  width: 285px;
  height: 58.7px;
  background-color: #f1f1f1;
  color: #5d2b00;
  padding-left: 48.5px;
  border-radius: 29.4px;
  align-items: center;
  position: absolute;
  padding-top: 10px;
}
.tamamvideos a {
  text-decoration: none;
  color: #5d2b00;
}
.tamamvideos a:hover {
  color: #5d2b00;
}

.volumebianat {
  background-color: #ff9822;
  padding-left: 0px;
  margin-left: 0px;
  width: 122px;
  height: 121.7px;
}
.volumebianat img {
  padding: 31.2px 31.7px 35.2px 17.7px;
  width: 139px;
  height: 131px;
}

.audiobianat {
  background-color: #ffffff;
  width: 60%;
  height: 121.7px;
  align-items: center;
  padding-left: 44px;
  padding-right: 46px;
}
.audiobianat audio {
  width: 50%;
}

@media screen and (max-width: 1290px) {
  .audiobianat {
    width: 73%;
  }
}
.num1 {
  background-color: #f1f1f1;
  color: black;
  border-radius: 50px;
  width: 42.7px;
  height: 42.7px;
}
.num1 p {
  padding-top: 5px;
}

.carousel-indicators [data-bs-target] {
  text-indent: 0px !important;
  box-sizing: 0px !important;
  height: 0px !important;
  background-color: transparent !important;
  margin-right: 13px !important;
  margin-left: 13px !important;
}

.carousel-indicators {
  bottom: 35px !important;
}

.carousel-control-next,
.carousel-control-prev {
  top: 96% !important;
  opacity: 1 !important;
}

.carousel-control-next {
  right: 42.5% !important;
}

.carousel-control-prev {
  left: 43% !important;
}

.group {
  justify-content: center;
}

@media screen and (max-width: 1720px) {
  .carousel-control-next {
    right: 39% !important;
  }
  .carousel-control-prev {
    left: 40% !important;
  }
}
@media screen and (max-width: 1250px) {
  .carousel-control-next {
    right: 34% !important;
  }
  .carousel-control-prev {
    left: 35% !important;
  }
}
@media screen and (max-width: 850px) {
  .carousel-control-next {
    right: 24% !important;
  }
  .carousel-control-prev {
    left: 25% !important;
  }
}
@media screen and (max-width: 525px) {
  .carousel-control-next {
    right: 7% !important;
  }
  .carousel-control-prev {
    left: 9% !important;
  }
}
.downloadbtn {
  margin-right: 66.2px;
  margin-top: 24px;
}

.group {
  margin-top: 44.6px !important;
}

.volume {
  background-color: #ff9822;
  padding-left: 0px;
  margin-left: 0px;
  width: 122px;
  height: 121.7px;
}
.volume img {
  padding: 31.2px 31.7px 35.2px 17.7px;
  width: 139px;
  height: 121.7px;
}

.audio {
  background-color: #ffffff;
  width: 60% !important;
  height: 121.7px;
  align-items: center;
  padding-left: 44px;
  padding-right: 46px;
}
.audio audio {
  width: 50%;
}

.audiofile {
  float: left;
}

@media screen and (max-width: 1290px) {
  .audio {
    width: 90%;
  }
  .downloadbtn {
    margin-right: 26.2px;
  }
}
@media screen and (max-width: 1150px) {
  .audio {
    padding-left: 0px;
    padding-right: 0px;
  }
}
.tilawat {
  font-size: 20px;
  padding-left: 70.7px;
  padding-right: 20px;
  overflow: hidden;
}

@media screen and (max-width: 1040px) {
  .surah-name {
    padding-left: 10px;
    padding-right: 0px;
  }
  .tilawat {
    padding-left: 10px;
  }
}
.surah-name {
  color: #5d2b00;
  font-size: 20px;
  padding-left: 17.6px;
}

@media screen and (max-width: 920px) {
  .downloadbtn {
    margin-right: 7px;
  }
  .volume {
    width: 100px;
    height: 111px;
  }
  .volume img {
    padding: 31.2px 31.7px 35.2px 17.7px;
    width: 117px;
    height: 111.7px;
  }
  .audio {
    height: 111px;
    width: 100%;
  }
  .tilawat {
    padding-left: 10px;
    padding-right: 10px;
    text-align: center;
  }
  .surah-name {
    padding-left: 10px;
  }
  .group {
    width: 100%;
  }
  .buttons {
    width: 35px;
  }
}
#carouselExampleIndicators {
  padding-bottom: 100px;
}

@media screen and (max-width: 900px) {
  .carousel-control-next,
.carousel-control-prev {
    top: 93.4% !important;
  }
  .carousel-inner {
    zoom: 60%;
  }
}
@media screen and (max-width: 550px) {
  .carousel-control-next,
.carousel-control-prev {
    top: 90.4% !important;
  }
}
@media screen and (max-width: 720px) {
  .tilawat, .surah-name {
    font-size: 18px !important;
    margin-bottom: 0rem !important;
  }
}
@media screen and (max-width: 600px) {
  .carousel-inner {
    width: 100% !important;
  }
}
@media screen and (max-width: 550px) {
  .bianataudio {
    justify-content: start;
  }
  .tamamvideos {
    width: 40%;
    padding-left: 20.5px;
    margin-left: 14%;
  }
  .tamamaudios {
    width: 40%;
    margin-left: 43%;
  }
  .overlaybianatvideo {
    left: 0;
  }
  .overlaycontent {
    margin-top: 36%;
  }
  .carousel-inner {
    zoom: 40%;
  }
}
@media screen and (max-width: 991px) {
  .footer1 {
    height: 815px !important;
  }
}
@media screen and (min-width: 453px) and (max-width: 604px) {
  .footer1 {
    height: 960px !important;
  }
}/*# sourceMappingURL=bianat_audio.css.map */