.btn-color{
    border:var(--bs-border-width) solid #465670;
    color: var(--bs-body-color);
}

.embed-item{
    width: -webkit-fill-available;
    height: 465px;
}

.d-contents{
    display: contents;
}

#invisible_layer{
    position: absolute;
    background-color:trasparent;
    width: 100%;
    height:100%;
  }

  .pop_up_outer{
      background: rgb(255, 255, 255) !important; 
      border-radius: 1.6em !important; 
      box-shadow: rgba(0, 0, 0, 0.08) 0px 2px 4px 0px, rgba(0, 0, 0, 0.11) 0px 6px 10px 0px, rgba(0, 0, 0, 0.14) 0px 14px 24px 0px, rgba(0, 0, 0, 0.22) 0px 45px 80px 0px !important; 
      box-sizing: border-box !important; 
      font-family: Roboto !important; 
      font-size: 10px !important; 
      margin: 0px auto 15px !important; 
      max-width: 355px !important; 
      min-width: 290px !important; 
      padding: 1.6em !important; 
      position: absolute !important; 
      left: 50% !important; 
      top: 50% !important; 
      transform: translate(-50%, -50%) !important;
      z-index: 12;
  }

  .pop_up_inner{
      align-items: center !important; 
      display: flex !important; 
      justify-content: flex-start !important; 
      padding: 0px 0px 6.4em !important; 
      position: relative !important;
  }

  .pop_up_image{
      border-radius: 0.8em !important; 
      flex: 0 0 6.4em !important;
      height: 6.4em !important; 
      overflow: hidden !important; 
      width: 6.4em !important;
  }

  .pop_up_desc{
      padding: 0px 0px 0px 1.3em !important; 
  }

  .pop_up_desc p.header{
      color: rgb(0, 0, 0) !important; 
      font-size: 1.8em !important; 
      font-weight: bold !important; 
      letter-spacing: -0.01em !important; 
      line-height: 117% !important; 
      margin: 0px 0px 0.22em !important; 
      max-height: 42px !important; 
      overflow: hidden !important; 
      text-overflow: ellipsis !important; 
      direction: ltr !important;
  }

  .pop_up_desc p.description{
      color: rgb(0, 0, 0) !important; 
      font-size: 1.6em !important; 
      line-height: 113% !important; 
      margin: 0px !important; 
      overflow: hidden !important; 
      text-overflow: ellipsis !important; 
      direction: ltr !important;
  }

  .close_button{
      align-items: center !important; 
      bottom: 0px !important; 
      display: flex !important; 
      height: 4.8em !important; 
      justify-content: flex-end !important; 
      left: 0px !important; position: absolute !important; 
      right: 0px !important;
  }

  .close_button span{
      align-items: center !important; 
      border-color: rgb(229, 229, 229) !important; 
      border-radius: 0.8em !important; 
      border-style: solid !important; 
      border-width: 1px !important; display: flex !important; 
      flex-direction: column !important; font-size: 1.6em !important; 
      font-weight: bold !important; justify-content: center !important; 
      line-height: 113% !important; padding: 0.8em 0px !important; 
      cursor: pointer !important; white-space: nowrap !important; 
      background: rgb(26, 102, 255) !important; 
      color: rgb(255, 255, 255) !important; 
      max-width: 200px !important; 
      width: 40% !important; 
      text-align: center !important; 
      overflow: hidden !important; 
      text-overflow: ellipsis !important;
  }