/* Deal */
.deal-section{width:96%;margin:0px auto;padding:30px 0px 120px 0px ; }
.deal-section h2{display: block; text-align: center;
padding: 0px 0px 5px 0px;}
.deal-section  p{display: block; text-align: center; font-size:1.061rem;font-weight: 400;}


.deal-section .dealBody{display: flex; margin: 0px 0px 0px 0px;}

/* Info-Section */
.deal-section .dealBody .info-section{display: block;width:31%; margin:40px 0px 0px 40px ; }
.info-section:nth-child(3){margin:0px 0px 0px 0px ; }
.info-section  h3{ display: block; direction: rtl; margin:0px 0px 10px 0px ;}
.info-section .details{padding: 20px;min-height:150px ;}
.details p{font-size:0.915rem; font-weight:600; text-align: right;}
.details p span{border-top:solid 1px black ; padding:10px 0px 0px 0px ; margin:10px 0px 0px 0px ;display: block;}

.details .contactstep{ width: 100%;display: flex; margin:20px 0px 0px 0px ;}
  /* Contact Step */
  .contactstep a{padding:7px 40px 7px 40px ; color: #fff; text-align: center; margin: 0px 0px 0px 15px;}
  .contactstep a:last-child{margin: 0px 0px 0px 0px;}
  .contactstep a img{ display: block; width:22px ; height: 22px; margin:0px auto ;
    filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(7500%) hue-rotate(179deg) brightness(101%) contrast(104%);}

 /* ClientS-Section */
 .deal-section .dealBody .clients-section{display: block;width:31%; margin:40px 0px 0px 40px ;padding:35px 0px 0px 0px ;}
    .clients-section .client-audio{width:100%; display: flex;padding:8px 15px 8px 18px ;margin: 0px 0px 15px 0px;}
    .client-audio:nth-child(2){margin: 0px 0px 0px 0px;}
.clients-section .client-audio .cover{display: block; width: 20%;}
.clients-section .client-audio .cover img{width:100%; display: block; border-radius: 50%;}
.clients-section .client-audio .cover span{position: absolute; width: 30px;margin: 20px 40px 0px 0px;}
.clients-section .client-audio .cover span img{width: 100%; display: block;}
.clients-section .client-audio .control{ width:100%; margin:15px 15px 0px 0px;border:none;}











@media (max-width:500px) {


/* Deal */
.deal-section {padding:30px 0px 120px 0px ; width:92%; }
.deal-section .dealBody {display: block;}
/* Info-Section */
.deal-section .dealBody .info-section {width:100%; margin:40px 0px 0px 0px ; }

.contactstep a{ margin: 0px 0px 0px 2%; }
    
@media (min-width: 400px) and (max-width: 430px){ 
    .contactstep a{padding:7px 42px 7px 42px ; color: #fff; text-align: center; margin: 0px 0px 0px 3%;}
}

 /* ClientS-Section */
 .deal-section .dealBody .clients-section{display: block;width:100%; margin:0px 0px 0px 0px ; padding:0px 0px 0px 0px ;}
.clients-section .client-audio{padding:7px 15px 5px 18px ;margin:20px 0px 0px 0px ;}
.clients-section .client-audio .cover span{margin: 15px 40px 0px 0px;}
.clients-section .client-audio .control{ width:85%; margin:5px 15px 0px 0px;}

}


@media (min-width: 600px) and (max-width: 850px){ 
/* Deal */
.deal-section {padding:30px 0px 50px 0px ;width:92%;}

/* Info-Section */
.deal-section .dealBody {flex-wrap: wrap;}
.deal-section .dealBody .info-section{width:48%; margin:30px 0px 0px 20px ; }
.deal-section .dealBody .info-section:nth-child(2){margin:30px 0px 0px 0px ;}
.deal-section .dealBody .info-section:nth-child(3){margin:30px 0px 0px 0px ;flex-wrap: nowrap; width:100% ;}
.deal-section .dealBody .info-section:nth-child(3) .details{min-height:100px ;}
 /* ClientS-Section */
 .deal-section .dealBody .clients-section{width:48%; margin:70px 0px 0px 0px ; padding:0px 0px 0px 0px ;}
 .deal-section .dealBody .clients-section:nth-child(3){width:100%; margin:0px 0px 0px 0px ; padding:0px 0px 0px 0px ;flex-wrap: wrap; display: flex;}
 .clients-section .client-audio{padding:10px 15px 7px 18px ;margin:0px 0px 20px 0px ;}
 .deal-section .dealBody .clients-section:nth-child(3) .client-audio:nth-child(1){width:48%; margin:0px 0px 0px 20px ;}
 .deal-section .dealBody .clients-section:nth-child(3) .client-audio:nth-child(2){width:48%; margin:0px 0px 0px 0px ;}

.clients-section .client-audio .cover{display: block; width: 20%;}
.clients-section .client-audio .cover span{position: absolute; width: 30px;margin: 10px 40px 0px 0px;}
.clients-section .client-audio .control{ width:100%; border:none;}


}

@media (min-width: 600px) and (max-width: 770px){ .clients-section .client-audio .control{ width:100%; border:none;margin:0px ;}}
@media (min-width: 1024px) and (max-width: 1280px){.contactstep a{ margin: 0px 0px 0px 3%;padding:7px 26px 7px 26px ; }}