.templateCard-v2 {
    width: 100%;
    border-radius: 3px;
    flex: 0 460px;
    height: 374px;
    background-color: #fff;
    border: 0.36px solid #00000066;
    padding: 20px;
    border-radius: 12px;
  
    .templateImage {
      position: relative;
      margin-bottom: 16px;
      border: none;
      transition: 0.1s ease-in all;
      height: 100%;
      max-height: 280px;
      background-color: #F9FAFB;
  
      img {
        height: 100%;
        width: 100%;
        border-radius: 7px;
        padding: 1.5px;
        object-fit: contain;
      }
  
      &:hover {
        .tempButton {
          display: flex !important;
        }
  
        .left-arrow, .right-arrow {
          display: block;
        }
      }

      .left-arrow {
        display: none;
        position: absolute;
        left: 10px;
        top: 50%;
        transform: translateY(-50%);
        cursor: pointer;
        width: 40px;
        height: 40px;
        border-radius: 50%;
        background-color: #ffffff;
        transition: 0.1s ease-in all;

        &:hover {
          filter: invert(1) brightness(0.8);
        }
      }

      .right-arrow {
        display: none;
        position: absolute;
        right: 10px;
        top: 50%;
        transform: translateY(-50%);
        cursor: pointer;
        width: 40px;
        height: 40px;
        border-radius: 50%;
        background-color: #ffffff;
        transition: 0.1s ease-in all;

        &:hover {
          filter: invert(1) brightness(0.8);
        }
      }
    }

    .title-btn-container{
        display: flex;
        justify-content: space-between;
        align-items: center;
        gap: 10px;

        .templateName {
          font-size: 16px;
          font-weight: 400;
          margin: 0;
        }

        .tempButton {
          background-color: #ffffff;
          color: #000;
          text-transform: capitalize;
          border-radius: 4px;
          transition: 0.3s ease-in all !important;
          font-size: 14px;
          font-weight: 600;
          font-family: var(--font-family);
          width: 140px;
          height: 40px;
          border: none;
          cursor: pointer;
          border: 0.5px solid #0000003D;
          box-shadow: 0px 2px 6px 0px #0000000A;

          &:focus {
            outline: none;
          }

          &:hover {
            background-color: #F9FAFB;
          }
        }

    }
  
  
    .templateID {
      font-size: 16px !important;
      color: #6a6565 !important;
      font-weight: 300 !important;
      margin-top: 7px;
    }
  }
  
  .noTemplateGallery-v2 {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    background-color: #F9FAFB;
    border-radius: 7px;
    height: calc(100vh - 270px);
    // margin-right: 32px;


    @media (width <= 1125px){
      height: calc(100vh - 320px);
    }
  
    p {
      font-size: 16px;
      font-style: normal;
      font-weight: 400;
      line-height: normal;
      color: #00000066 !important;
      margin: 0;
    }
  }
  
  .noTemplateProfessionalAndPersonal {
    height: calc(100vh - 1000px) !important;
  }
  
  
  .more-visible {
    height: calc(100vh - 850px) !important;
    margin-top: -20px !important;
  }