.bubble {
    width: 95%;
    margin: 30px auto;
    border-radius: 0px 20px 20px 20px;
    background: #009688;
    color: #fff;
    padding: 20px;
    text-align: right;
    position: relative;
    box-shadow: 0.2rem 0.2rem 1rem 0.2rem var(--box-shadow-color);
  }

  .bubblenopadding {
    width: 95%;
    margin: 30px auto;
    border-radius: 0px 20px 20px 20px;
    background: #009688;
    color: #fff;
    text-align: right;
    position: relative;
    box-shadow: 0.2rem 0.2rem 1rem 0.2rem var(--box-shadow-color);
  }
  /* speech bubble 14 */
  
  .sb14:before {
    content: "";
    width: 0px;
    font-family: myFirstFont;
    height: 0px;
    position: absolute;
    border-left: 15px solid transparent;
    border-right: 15px solid #009688;
    border-top: 15px solid #009688;
    border-bottom: 15px solid transparent;
    left: -16px;
    top: 0px;
  }

.photo{
    border-radius: 0px 20px 20px 20px;
    box-shadow: 0.2rem 0.2rem 1rem 0.2rem var(--box-shadow-color);
}
  
.outer-layout{
    width: 100%;
    height: 100%;
    opacity: 0.5;
    position:fixed;
    background: url(https://yaadineh.ir/app/new/assets/floral_top.jpg) top no-repeat, url(https://yaadineh.ir/app/assets/floral_down.jpg) bottom no-repeat;
}

.inner-layout{
    width: 100%;
    height: 100%;
    position:absolute;
}

.text-left {
  text-align: left;
}

.text-right {
  text-align: right;
}

.text-center {
  text-align: center;
}

.audioPlace{
    display:none;
}

.next-btn{
    
}