.owl-nav 
{
    border: 0px solid red;
  
}

#container_owl .owl-prev
{
    display: inline-block;
    position: absolute;

    border: none;
    left: 0px;
}

#container_owl .owl-next 
{
    display: inline-block;
    position: absolute;
    float: right;
    border: none;
    right: 0px;
}



.owl-prev
{
       display: inline-block;
    position: absolute;
    top: 36%;
    float: right;

    border: none;
    left: -50px;
    background: transparent;
    color: #000 !important;
    padding: 0px 0px;
    line-height: 0;
    width: 45px;
    height: 45px;
    font-size: 90px;

}

.owl-next 
{
      display: inline-block;
    position: absolute;
    top: 36%;
    float: right;
    right: 84px;
    border: none;
    right: -50px;
    background: transparent;
    color: #000 !important;
    padding: 0px 0px;
    line-height: 0;
    width: 45px;
    height: 45px;
    font-size: 90px;


}

.owl-dot{width: 2px;
    height: 2px;
    border-radius: 50px;
    display: inline-flex;
    padding: 4px;
    margin: 6px 4px;
    border: 1px;
    border: 1px solid #7a7a7a;
    background: gainsboro;}
    .owl-dots{    margin: -18px auto;
    display: table;}


    #playStopButton {float: right;
    margin-top: 12px;
padding: 3px 10px;
    background-color: #ffffff;
    color: #010101;
    border: none;
    border-radius: 5px;
    cursor: pointer;
    width: 80px;
}

#playStopButton.play::before {
  content: "\f144"; /* Unicode for play icon */

    padding-left: 6px;
display: inline-block;
    font: normal normal normal 14px / 1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
}
#playStopButton span{ padding-left: 6px;}

#playStopButton.stop::before {
  content: "\f28d"; /* Unicode for pause icon */
   padding-left: 6px;
   display: inline-block;
    font: normal normal normal 14px / 1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
}

#playStopButton.play,
#playStopButton.stop {
  padding-left: 0px; /* Adjust this value to fit your icon */
}



#playStopButton_ch1 {
  padding: 10px 20px;
     background-color: #fdfdfd;
       color: var(--primary-color); ;
  border: none;
  border-radius: 5px;
  cursor: pointer;
  position: absolute;
  bottom: 20px;
  right: 20px;
  z-index: 999999;
}

#playStopButton_ch1.play_ch1::before {
  
     content: "\f144"; /* Unicode for play icon */

    padding-right: 6px;
display: inline-block;
    font: normal normal normal 14px / 1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;

}

#playStopButton_ch1.stop_ch1::before {

content: "\f28d"; /* Unicode for pause icon */
   padding-right: 6px;
   display: inline-block;
    font: normal normal normal 14px / 1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;}
#playStopButton_ch1.play_ch1,
#playStopButton_ch1.stop_ch1 {
  padding-left: 20px; /* Adjust this value to fit your icon */
}


/*owl op start*/
    #playStopButton_op {float: right;
    margin-top: 12px;
padding: 3px 10px;
    background-color: #d7cece;
    color: #010101;
    border: none;
    border-radius: 5px;
    cursor: pointer;
    width: 80px;
}

#playStopButton_op.play_op::before {
  content: "\f144"; /* Unicode for play icon */

    padding-left: 6px;
display: inline-block;
    font: normal normal normal 14px / 1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
}
#playStopButton_op span{ padding-left: 6px;}

#playStopButton_op.stop_op::before {
  content: "\f28d"; /* Unicode for pause icon */
   padding-left: 6px;
   display: inline-block;
    font: normal normal normal 14px / 1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
}

#playStopButton_op.play_op,
#playStopButton_op.stop_op {
  padding-left: 0px; /* Adjust this value to fit your icon */
}