.coupon {
        background-color: #fff;
        border-radius: .35em;
        box-shadow: 0 0 7px 0 #0000001a;
        box-sizing: border-box;
        margin: .5em;
        max-width: 560px;
        padding: 1em;
        position: relative;
        vertical-align: top;
        width: 47.7%;
        width: calc(50% - 1em)
    }
    
    .article_h2{
         color: #67ca03; 
        font-size: 20px; 
        /*border-bottom: 1px solid #f1f1f1;  */
        /*margin: 10px 0;*/
        /*padding: 10px 0;*/
    }
    
    .c-code-text {
    bottom: 0;
    color: var(--btn-text-color,#fff);
    left: 0;
    position: absolute;
    right: 0;
    text-align: center;
    top: 0;
    user-select: none;
}

    .coupon.filtered {
        display: none
    }

    .grid-coupons h3 {
        color: #404040
    }

    .search-results-inner .coupon {
        margin: 0 0 1em;
        width: 100%
    }

    .c-head {
        align-items: start;
        display: flex;
    }

    .coupon,
    a.lgo.s-link {
        display: inline-block;
    }

    /*.c-store-logo {*/
    /*    max-height: 46px;*/
    /*    max-width: 92px;*/
    /*}*/

    .c-head-s2 {
        align-items: center;
        display: flex;
        flex: 1 1 auto;
        gap: 0.25em;
        justify-content: flex-end;
    }

    .c-badge.c-dark {
        color: #000;
    }

    .c-badge {
        border-radius: 0.35em;
        color: #fff;
        font-size: .8em;
        padding: 0.25em 0.75em;
    }

    .c-head .share-btn {
        cursor: pointer;
        margin-inline-start: 0.25em;
    }

    .c-content {
        border-bottom: 1px solid #ededed;
        border-top: 1px solid #ededed;
        color: initial;
        display: table;
        width: 100%;
    }

    .c-content-inner {
        display: table-cell;
        padding: 0.25em 0;
        vertical-align: middle;
        width: 100%;
    }

    .c-heading {
        all: unset;
        align-items: center;
        display: flex;
        font-size: 1.25em;
        height: 3em;
        overflow: hidden;
        user-select: none;
    }

    .c-info {
        align-items: center;
        display: flex;
        flex-wrap: wrap;
        font-size: .75em;
        gap: 0.5em 1.25em;
        justify-content: flex-start;
        margin: 0.5em 0 0.75em;
        min-height: 2.5em;
        user-select: none;
    }

    .c-info>div {
        color: #757575;
        flex: 0 0 auto;
    }

    .c-info-i {
        display: flex;
    }

    .c-info>div {
        color: #757575;
        flex: 0 0 auto;
    }

     .c-info>.c-show-details {
        text-align: left;
    }

    .c-info>.c-show-details {
        display: flex;
        flex: 1;
        justify-content: flex-end;
        justify-items: flex-end;
        text-align: right;
        white-space: nowrap;
    }

    .c-info>div {
        color: #757575;
        flex: 0 0 auto;
    }

    .c-cta-wrap {
        background-color: #eee;
        border-radius: 0.2em;
        font-size: 1.25em;
        height: 2.5em;
        line-height: 2.5em;
        position: relative;
    }

    .c-desc {
        display: none;
        content-visibility: hidden;
    }

    .c-info-i>div:last-of-type {
        white-space: nowrap;
    }


.c-code-base {
    color: #404040;
    padding: 0 1em;
    text-align: right;
}

 .c-code-base {
    text-align: left;
}

  .online>.c-code-cover {
    left: 40px;
    right: 0;
}
 
.c-code-cover {
    background-color: #2cc9f9 !important;
    background-color: var(--btn-color);
    border-radius: 0.25em;
    bottom: 0;
    color: #fff;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    user-select: none;
}


.c-code-curl {
    height: 3em;
    position: absolute;
    right: 22px;
    top: 0;
    transition: all .5s ease;
    user-select: none;
    width: 2.35em;
    z-index: 1;
    fill: #06dbbb;
    fill: var(--btn-curl-color)
}

  .c-code-curl {
    left: 22px;
    right: auto
}

.lgo:hover .c-cta-wrap.online .c-code-cover {
    left: 0;
    right: 48px
}

  .lgo:hover .c-cta-wrap.online .c-code-cover {
    left: 48px;
    right: 0
}

.lgo:hover .c-code-curl {
    left: auto;
    right: 29px;
    transform: rotate(-4deg);
    transform-origin: top right
}

  .lgo:hover .c-code-curl {
    left: 29px;
    right: auto;
    transform: rotate(4deg);
    transform-origin: top left
}

  .online>.c-code-text {
    left: 20px;
    right: 0;
}
    @media(max-width:768px) {
        .grid-coupons {
            display: block
        }

        .grid-coupons>.coupon:nth-child(n+5) {
            content-visibility: auto;
            contain-intrinsic-size: 360px 200px
        }

        .coupon {
            width: 100%
        }

         .coupon,
        .coupon {
            margin: 0 0 1.5em
        }

        .f-foot {
            margin: 0 0 2em
        }

        .c-heading {
            height: auto;
            overflow: initial
        }

        .c-info.has-desc.num-items-3 .c-used-txt:not(:empty),
        .c-info.has-desc.num-items-4 .c-used-txt:not(:empty) {
            min-width: 16em
        }
    }

    @media(min-width:769px) {
        .c-tags {
            min-height: 1.9em
        }

        .grid-coupons {
            margin: 0 -.5em
        }

        .c-info {
            min-height: 3.4em
        }

        .c-content-inner {
            height: 4em
        }

        .c-info .c-used-txt:not(:empty) {
            width: 11em
        }

        .c-info.has-desc.num-items-4 .c-used-txt:not(:empty) {
            min-width: 16em
        }

        .grid-t-filters ul {
            top: .5em
        }


    }
 
 
  
  /* Styling for the toggle window */
  .toggle-window {
    display: none;
   position: absolute; /* Changed from fixed to absolute */
    z-index: 9999;
    border: 1px solid #ccc;
    padding: 20px;
    background-color: #f9f9f9;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
    max-width: 80%;
    max-height: 80%;
    overflow-y: auto;
    z-index: 10000;
}
  
  .close-icon {
    position: absolute;
    top: 10px;
    left: 10px;
    cursor: pointer;
  }
 
/*       .overlay {*/
/*    display: none;*/
/*    position: fixed;*/
/*    top: 0;*/
/*    left: 0;*/
/*    width: 100%;*/
/*    height: 100%;*/
    /*background-color: rgba(0, 0, 0, 0.5);  */
    /*z-index: 9998;  */
/*}*/


 .article ul, ol {
        padding-right: 10px; /* Adjust the value as needed */
    }
    
    /* Style the list items */
    .article ul li, ol li {
        position: relative; /* Ensure relative positioning for absolute positioning of icon */
        list-style-type: none; /* Remove default list bullet */
        padding-right:15px;
        display: grid;
    }
    
    .article ul li h1, ol li h1{
        margin: 0px;
    }
    
    .article ul li h2, ol li h2{
       margin: 0px;
    }
    
    .article ul li h3, ol li h3{
        margin: 0px;
    }
    
    .article ol {
      counter-reset: item; /* Reset the counter for list items */
    }
    
    .article ol li {
      counter-increment: item; /* Increment the counter for each list item */
    }
    
   
    
    .article ul li::before {
    content: "\2022"; /* Unicode for bullet character */
    position: absolute;
    right: 0; /* Position the bullet to the right */
    font-family: 'Font Awesome 5 Free';
}

.article ol li::before {
    content: counter(item) ". ";  
    position: absolute;
    right: 0; /* Position the numbers to the right */
    font-family: 'Font Awesome 5 Free';
}
    
        /* Style for h1 element */
    .article h1 {
            font-size: 26px;
            font-weight: 700;
            color: #0087d5;
            margin-bottom: 8px;
    }
    
    /* Style for h2 element */
    .article h2 {
        color: #67ca03; 
        font-size: 20px; 
        /*border-bottom: 1px solid #f1f1f1;  */
        /*margin: 10px 0;*/
        /*padding: 10px 0;*/
    }
    
    /* Style for h3 element */
    .article h3 {
        font-size: 17px;
    margin: 10px 0 5px;
    padding: 7px;
    background: #f9f9f9;
    /*border-right: 5px solid #ffd202;*/
    }
    
    .grid-coupons .title{
        background-color: #F8F8F8;
        color: #000;
        font-size: 21px;
        font-weight: 600;
        padding: 15px 9px;
        margin-bottom: 10px;
        text-align: center;
    }