.img-preview {
    height: 200px;
    overflow: hidden;
    border-top-left-radius: .5rem;
    border-top-right-radius: .5rem;
  }
  .img-preview img {
    width: 100%;
    object-fit: cover;
  }

  .modal-body-scrollable {
    max-height: 80vh;
    overflow-y: auto;
  }

  .modal-body-scrollable img {
    width: 100%;
    height: auto;
  }
  #imageModal{
    z-index: 5000;
  }
  .modal-backdrop {
    z-index: 4500 !important;
  }
  .container.theme-web h2{
    font-size: 22px;
    font-weight: 500;
    color: #2962ff;
    text-transform: uppercase;
    text-align: center;
  }
  .container.theme-web p.title_desc{
    font-size: 16px;
    color: #2962ff;
    text-align: center;
    margin-bottom: 35px;
  }
  .container.theme-web .card-body .card-title{
    font-size: 18px !important;
    font-weight: 500 !important;
    color: #333;
    text-transform: capitalize;
    margin-bottom: 10px !important;
  }
  .container.theme-web .card-body p.h5 {
    margin-bottom: 15px;
    font-weight: 600;
    color: #2962ff;
  }
  .container.theme-web .card-body .btn.btn-success{
    background-color: #2962ff;
    border: 1px solid #ccc;
  }
  .container.theme-web .card-body .btn.btn-success:hover{
    background-color: #0530a6;
  }
  .container.theme-web .card-body  .btn.btn-outline-success{
    border: 1px solid #2962ff;
    color:#2962ff ;
    outline: none;
  }
  .container.theme-web .card-body  .btn.btn-outline-success:hover{
    background-color: #2962ff;
    color: #fff;
  }
  .container.theme-web .card-body  .btn.btn-outline-success:focus,
  .container.theme-web .card-body .btn.btn-success:focus{
    box-shadow: none;
  }
  .container.theme .show-more.theme-web a{
    border-radius: 20px;
    text-decoration: none;
    background-image: linear-gradient(
      to right,
      #0b59d6,
      #1f64db,
      #1663c2,
      #2872e2
      );
    box-shadow: 0 4px 15px 0 rgba(65, 132, 234, 0.75);
    padding: 8px 20px !important;
    font-size: 15px !important;
  }
  .container.theme .show-more.theme-web a{
    color: #fff;
  }
  .container.theme .show-more.theme-web a:hover{
    background-image: linear-gradient(
      to right,
      #0847ab,
      #0e49b1,
      #064490,
      #0d4190
      );
  }