.grid-item-card-offer {
    background-color: #fff;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-direction: column;
    padding-bottom: 40px;
    position: relative;
    min-height: 90%;
}

body.etg-bkg-white .grid-item-card-offer{
    background-color: var(--etg-bkg-light);
}


 .grid-item-card-offer .thumb {
    width: 100%;
    aspect-ratio: 16/9;
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
}

 .grid-item-card-offer .thumb picture {
     width: 100%;
 }

 .grid-item-card-offer .thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center center;
}

.grid-item-card-offer .thumb img {
    transition: all 0.3s ease-out;
}

.grid-item-card-offer:hover .thumb img {
    transform: scale(1.2);
    transition: all 0.3s ease-in;
}


 .grid-item-card-offer div.content {
    padding: 40px 40px 130px 40px;
}

 .grid-item-card-offer div.content h4 {
    font-size: 1.625rem;
    font-weight: 400;
    line-height: 1.875rem;
    word-wrap: break-word;
}

 .grid-item-card-offer div.content .price-box {
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.625rem;
    word-wrap: break-word;
    position: absolute;
    left: 40px;
    bottom: 90px;
}

 .grid-item-card-offer div.content .price-box .price {
    color: var(--etg-primary);
    font-size: 2.5rem;
    font-weight: 400;
    line-height: 3rem;
    word-wrap: break-word;
}

 .grid-item-card-offer div.content .price-box .priceOriginal {
     color: var(--etg-primary);
     margin-left:8px;
     font-size: 1rem;
     font-weight: 700;
     line-height: 1.625rem;
     text-decoration-line: line-through;
 }

 .grid-item-card-offer div.content .price-box .desc {
    margin: 16px 0;
 }


 .grid-item-card-offer div.content ul {
    margin: 0;
    padding: 0;
}

 .grid-item-card-offer div.content li {
    list-style-image: url('../../../assets/images/icon-wrapper.png');
    margin-left: 25px;
    padding: 5px 0;
}

 .grid-item-card-offer .boxOfferLink {
    padding: 0 40px;
    width: 100%;
}

 .grid-item-card-offer .offerLink {
    display: block;
    text-align: center;
    background-color: var(--etg-primary);
    color: #fff;
    font-size: 0.875rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.70px;
    word-wrap: break-word;
    padding: 10px 20px;
    text-decoration: none;
    width: 100%;
    transition: background-color 0.3s ease;
}

 .grid-item-card-offer .offerLink:hover,
 .grid-item-card-offer.offerLink:focus {
    background-color: var(--etg-primary );
}

 .grid-item-card-offer .offerLink:focus {
    outline: 2px solid var(--etg-primary);
    outline-offset: 2px;
}

 .grid-item-card-offer .offerLink svg {
     width: 16px;
     margin-top: -1px;
     margin-left: 4px;
}


 /*
 xs      <576px      col-            smart-phone
 sm      ≥576px 	    col-sm
 md      ≥768px 	    col-md          ipad
 lg      ≥992px 	    col-lg          ipad pro
 xl      ≥1200px 	col-xl          desktop
 xxl     ≥1400px     col-xxl
 */

 /*============================================================
  *
  * XXL  desktop large
  *
  */
 @media (min-width: 1400px) {

 }

 /*============================================================
  *
  * XL   desktop
  *
  */
 @media (max-width: 1399px) {

 }

 /*============================================================
  *
  * LG   small desktop
  *
  */

 @media (max-width: 1199px) {

 }

 /*============================================================
  *
  * LG   ipadpro
  *
  */
 @media (pointer:coarse) and (max-width: 1199px) {

 }


 /*============================================================
  *
  *  MD  ipad
  *
  */
 @media (max-width: 991px) {

 }


 /*============================================================
  *
  *  SM smart-phone 576-767
  *  XS 0-567
  */
 @media (max-width: 767px) {
     .grid-item-card-offer div.content {
         padding: 24px 24px 130px 24px;
     }

     .grid-item-card-offer div.content .price-box {
         left: 24px;
     }

     .grid-item-card-offer .boxOfferLink {
         padding: 0 24px;
     }
 }


 /*============================================================
  *
  * XS   smartphone
  *
  */
 @media (min-width: 10px)  and (max-width: 575px) {

 }