.product-cards-main * {
   font-family: 'Montserrat', sans-serif;
}

.product-cards-main {
   background: #272836;
   padding: 80px 0;
}

.product-cards-main-wrapper {
   width: 1320px;
   max-width: 100%;
   margin-left: auto;
   margin-right: auto;
   padding-left: 20px;
   padding-right: 20px;
}

.product-cards-main-title {
   color: #FFF;
   text-align: center;
   font-size: 32px;
   font-style: normal;
   font-weight: 700;
   line-height: 120%;
   margin-bottom: 16px;
}

.product-cards-main-list {
   display: flex;
   flex-wrap: wrap;
   gap: 32px;
}

.product-cards-main-item {
   width: calc(50% - 16px);
   border-radius: 16px;
   padding: 2px;
   display: flex;
   flex-direction: column;
   background: linear-gradient(0deg, #6E6F78 0%, #3D3E4A 100%);
}



.product-cards-main-item-content{ 
   padding: 24px 22px;
   width: 100%;
   height: initial;
   border-radius: 14px;
   flex-grow: 2;
   display: flex;
   flex-direction: column;
   background: #30313E;
}

.product-cards-main-item-top {
   display: flex;
   justify-content: space-between;
   align-items: flex-start;

}

.product-cards-main-item-top-left {
   width: calc(100% - 136px);
}

.product-cards-main-item-top-btn {
   display: flex;
   align-items: center;
   color: #FFF;
   font-size: 16px;
   font-style: normal;
   font-weight: 700;
   line-height: 120%;

}

.product-cards-main-item-top-btn:after {
   content: '';
   display: block;
   width: 24px;
   height: 24px;
   min-width: 24px;
   margin-left: 8px;
   background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjUiIHZpZXdCb3g9IjAgMCAyNCAyNSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPG1hc2sgaWQ9Im1hc2swXzUzNTBfMjY1NiIgc3R5bGU9Im1hc2stdHlwZTphbHBoYSIgbWFza1VuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeD0iMCIgeT0iMCIgd2lkdGg9IjI0IiBoZWlnaHQ9IjI1Ij4KPHJlY3QgeD0iMjQiIHk9IjI0LjI5NTQiIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdHJhbnNmb3JtPSJyb3RhdGUoMTgwIDI0IDI0LjI5NTQpIiBmaWxsPSIjRDlEOUQ5Ii8+CjwvbWFzaz4KPGcgbWFzaz0idXJsKCNtYXNrMF81MzUwXzI2NTYpIj4KPHBhdGggZD0iTTE2LjE1MDEgMTEuMjk1NEwxMy4zMDAxIDguNDQ1NEMxMy4xMDAxIDguMjQ1NCAxMy4wMDQzIDguMDEyMDcgMTMuMDEyNiA3Ljc0NTRDMTMuMDIwOSA3LjQ3ODczIDEzLjExNjggNy4yNDU0IDEzLjMwMDEgNy4wNDU0QzEzLjUwMDEgNi44NDU0IDEzLjczNzYgNi43NDEyMyAxNC4wMTI2IDYuNzMyOUMxNC4yODc2IDYuNzI0NTcgMTQuNTI1MSA2LjgyMDQgMTQuNzI1MSA3LjAyMDRMMTkuMzAwMSAxMS41OTU0QzE5LjUwMDEgMTEuNzk1NCAxOS42MDAxIDEyLjAyODcgMTkuNjAwMSAxMi4yOTU0QzE5LjYwMDEgMTIuNTYyMSAxOS41MDAxIDEyLjc5NTQgMTkuMzAwMSAxMi45OTU0TDE0LjcyNTEgMTcuNTcwNEMxNC41MjUxIDE3Ljc3MDQgMTQuMjg3NiAxNy44NjYyIDE0LjAxMjYgMTcuODU3OUMxMy43Mzc2IDE3Ljg0OTYgMTMuNTAwMSAxNy43NDU0IDEzLjMwMDEgMTcuNTQ1NEMxMy4xMTY4IDE3LjM0NTQgMTMuMDIwOSAxNy4xMTIxIDEzLjAxMjYgMTYuODQ1NEMxMy4wMDQzIDE2LjU3ODcgMTMuMTAwMSAxNi4zNDU0IDEzLjMwMDEgMTYuMTQ1NEwxNi4xNTAxIDEzLjI5NTRMNS4wMDAxIDEzLjI5NTRDNC43MTY3NiAxMy4yOTU0IDQuNDc5MjYgMTMuMTk5NiA0LjI4NzYgMTMuMDA3OUM0LjA5NTkzIDEyLjgxNjIgNC4wMDAxIDEyLjU3ODcgNC4wMDAxIDEyLjI5NTRDNC4wMDAxIDEyLjAxMjEgNC4wOTU5MyAxMS43NzQ2IDQuMjg3NiAxMS41ODI5QzQuNDc5MjYgMTEuMzkxMiA0LjcxNjc2IDExLjI5NTQgNS4wMDAxIDExLjI5NTRMMTYuMTUwMSAxMS4yOTU0WiIgZmlsbD0id2hpdGUiLz4KPC9nPgo8L3N2Zz4K");
   background-position: center;
   background-repeat: no-repeat;
   background-size: contain;
}

.product-cards-main-item-top-left-text {
   color: #F6F6FC;
   font-size: 14px;
   font-style: normal;
   font-weight: 700;
   line-height: 120%;
   text-transform: uppercase;
   display: flex;
   align-items: center;
}

.product-cards-main-item-top-left-tag {
   border-radius: 99px;
   background: linear-gradient(128deg, #7770FF 0%, #C4C5FF 100%);
   padding: 4px 16px;
   color: #FFF;
   font-size: 16px;
   font-style: normal;
   font-weight: 700;
   line-height: 120%;
   margin-left: 16px;
}

.product-cards-main-item-top-title {
   color: #F6F6FC;
   font-size: 20px;
   font-style: normal;
   font-weight: 700;
   line-height: 130%;
   margin-top: 16px;
   flex-grow: 2;
   padding-bottom: 24px;
   margin-bottom: 24px;
   border-bottom: 2px solid #9567FF;
}

.product-cards-main-item-image {
   width: 100%;
}

.product-cards-main-item-image img {
   width: 100%;
   height: auto;
   display: block;
   object-fit: cover;
   object-position: center;
}

.product-cards-main-text-after-title {
   color: #FFF;
   text-align: center;
   font-size: 16px;
   font-style: normal;
   font-weight: 500;
   line-height: 150%;
   margin-bottom: 40px;
}

.product-cards-main-bottom-btn {
   display: flex;
   align-items: center;
   justify-content: center;
   margin-left: auto;
   margin-right: auto;
   max-width: 100%;
   border-radius: 8px;
   border: 1px solid #FFF;
   margin-top: 40px;
   color: #FFF;
   text-align: center;
   font-size: 16px;
   font-style: normal;
   font-weight: 700;
   line-height: 120%;
   padding: 17.5px 32px;
   width: fit-content;
}

@media screen and (min-width: 992px) {
   .product-cards-main-item:hover {
      background: linear-gradient(0deg, #DE8BFF 0%, #9467FF 100%);
   }
}

@media screen and (max-width: 992px) {
   .product-cards-main {
      padding: 60px 0;
   }

   .product-cards-main-list {
      gap: 24px;
      flex-direction: column;
      width: 600px;
      max-width: 100%;
      margin-left: auto;
      margin-right: auto;
   }

   .product-cards-main-item {
      width: 100%;
   }

   .product-cards-main-wrapper  {
      padding-left: 16px;
      padding-right: 16px;
   }
   
}

@media screen and (max-width: 767px) {
   .product-cards-main-bottom-btn {
      width: 100%;
   }
}