html {
      scroll-behavior: smooth;
  }
  
  .content {
      background-color: #F5F5FA;
  }
  
  .profile_info {
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
  }

  .sidebar .profile_info .profile_image {
      width: 150px;
      height: 150px;
      border-radius: 100px;
      margin-bottom: 10px;
  }

  .sidebar .profile_info h4 {
      color: #ccc;
      margin-top: 0;
      margin-bottom: 4px;
  }
  
  .atext:link, .atext:visited, .atextxt:link, .atextxt:visited { 
      color: #0000FF; 
      background-color: transparent; 
      text-decoration: None; 
      target-new: None; 
  } 

  .atext:hover, .atextxt:hover { 
      color: #000000;
      background-color: transparent;
      text-decoration: None;
      target-new: None;
  }
  
  .card {
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
  }
  
  .card-content {
      padding: 10px;
  }

  .h5 {
      margin-bottom: 5px;
  }

  .float-right {
      float: right;
  }
  
  .container-payment {
      display: flex;
      justify-content: space-between;
      align-items: center;
      padding: 20px;
  }

  .images-payment {
      width: 50%;
      box-sizing: border-box;
      margin-right: 20px;
  }
    
  .images-payment img {
      width: 100%;
      height: auto;
      display: block;
  }
    
  .caption-payment {
      width: 50%;
      box-sizing: border-box;
  }
    
  @media (max-width: 768px) {
      .container-payment {
          flex-direction: column;
      }
    
      .images-payment, .caption-payment {
          width: 100%;
          margin-right: 0;
      }
        
      .images-payment {
          margin-top: -10px;
      }
        
      .caption-payment {
          margin-top: 22px;
      }
  }
  
  #toTopBtn {
      position: fixed;
      bottom: 40px;
      right: 40px;
      width: 50px;
      height: 50px;
      background: #fff url(https://dm.fitrahxstore.my.id/assets/img/fxs-up.png);
      border-radius: 50%;
      background-size: 30px;
      background-position: center;
      background-repeat: no-repeat;
      cursor: pointer;
      z-index: 100000;
      visibility: hidden;
      opacity: 0;
      transition: 0.5s;
  }
  
  #toTopBtn.active {
      visibility: visible;
      opacity: 1;
  }
    
  #result {
      position: absolute;
      width: 300px;
      max-width: 400px;
      cursor: pointer;
      overflow-y: auto;
      max-height: 400px;
      box-sizing: border-box;
      z-index: 1001;
  }
  
  .item-produks::-webkit-scrollbar, .table-responsive::-webkit-scrollbar {
      display: none;
  }
  
  .popover{
      width: 650px;
      margin-left: 10px;
      margin-right: 10px;
      align-items: center;
  }
  
  ::-webkit-scrollbar {
      width: 4px;
  }

  ::-webkit-scrollbar-track {
      border: 4px solid transparent;
  }

  ::-webkit-scrollbar-thumb {
      background: #ccc;
  }