.work-card {
        border-radius: 20px;
        width: 100%;
        height: 378px;
        background: linear-gradient(180deg, #F8BE15 -19.67%, #E73857 129.79%);
	margin:auto;
	border:2px solid #F8BE15;
      }

      .work-card:hover {
        cursor: pointer;
      }

      .work-card:hover .work-card-image {
        height: 220px;
      }

      .work-card-details {
        width: 100%;
      }

      .work-card-total-section {
        padding: 20px;
        border-bottom-right-radius: 20px;
        border-bottom-left-radius: 20px;
      }

      .work-card-item {
        display: flex;
        padding-bottom: 15px;
      }

      .work-card:hover .work-card-btn {
        display: none;
      }

      .work-card-title {
        font-family: Epilogue;
        font-size: 22.46px;
        font-weight: 500;
        line-height: 23.26px;
        text-align: left;
        color: #fff;
      }

      .work-card-portfolio {
        font-family: Epilogue;
        font-size: 14.44px;
        font-weight: 400;
        line-height: 20.05px;
        text-align: left;
        color: #fff;
      }

      .work-card-btn img {
        width: 40px;
      }

      .work-card:hover .work-card-total-section {
        height: 120px;
      }

      .work-card-image {
        background-image: url(https://uat.redcrabs.in/wp-content/uploads/2024/09/Group-1321314648-3.png);
        background-position: center;
        background-size: cover;
        height: 280px;
        border-top-right-radius: 20px;
        border-top-left-radius: 20px;
      }

      .work-card:hover .work-card-btn-hover {
        display: flex;
      }

      .work-card-btn-hover {
        display: none;
        width: 95%;
        background: rgba(255, 255, 255, 0.1);
        border-radius: 10px;
        padding: 10px;
        align-items: center;
        height: auto;
      }

      .work-card-btn-img {
        width: 20%;
      }

      .work-card-btn-img img {
        margin: auto;
        width: 40px;
        display: block;
      }

      .work-card-btn-text {
        width: 90%;
        font-family: Manrope;
        font-size: 20px;
        font-weight: 600;
        line-height: 27.32px;
        text-align: left;
        color: #fff;
      }