/* Safe fallback in case the api is down */
.safe {
    visibility: hidden;
}

.unsafe {
    visibility: hidden;
}
/* end of fallback */

.sstp-design-2-wrapper {
    display: block !important;
}
.sstp-design-2.super-simple-toplist__offer-card {
    max-width: 1150px;
    margin: 0 auto;
    margin-bottom: 10px;
    border-radius: 0.5rem;
    border: 1px solid #EFE5E5;
    padding: 1rem 1.4rem 1rem 1.4rem;
    box-shadow: 0 0 0 0 rgba(46, 31, 31, 0.1), 0 29px 64px 0 rgba(46, 31, 31, 0.1), 0 466px 187px 0 rgba(46, 31, 31, 0.01), 0 729px 204px 0 rgba(46, 31, 31, 0);
    background: linear-gradient(118deg, #efe5e5 5.7rem, #fff 5.7rem);
    transition: border 0.3s ease;
    animation: fadeIn ease 1s;
}
.sstp-design-2.super-simple-toplist__offer-card > div {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: stretch;
    justify-content: space-between;
    gap: 0.5rem;
}
.sstp-design-2 .super-simple-toplist__offer-number {
    border-radius: 1.625rem;
    background: #559F3D;
    box-shadow: 0 4px 13px 0 rgba(0, 0, 0, 0.25);
    display: flex;
    /* width: 4rem; */
    /* height: 2.5rem; */
    padding: 0.5rem 1.5625rem;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    flex-shrink: 0;
    color: #FFF;
    font-size: 1.375rem;
    font-style: normal;
    font-weight: 700;
    line-height: 1;
    align-self: center;
    margin-right: 0.3rem;
}
.sstp-design-2 .super-simple-toplist__offer-logo-wrapper {
    align-self: center;
    margin-right: 0.1rem;
}
.sstp-design-2 .main-list__provider__picture {
    width: 10rem;
    min-width: 10rem;
    height: 5rem;
    border-radius: 0.5rem;
    -o-object-fit: cover;
    object-fit: cover;
}
.sstp-design-2 .super-simple-toplist__offer-title-box {
    text-align: center;
    align-self: center;
    width: 20%;
}
.sstp-design-2 .super-simple-toplist__offer-title {
    color: #000;
    text-align: center !important;
    font-size: 1.125rem;
    font-style: normal;
    font-weight: 700;
    line-height: 1.5;
    margin: 0 0 0.4rem 0;
}
.sstp-design-2 .super-simple-toplist__offer-rating-box {
    display: inline-flex;
    padding: 0.5rem 1rem 0.5rem 1rem;
    justify-content: center;
    align-items: center;
    border-radius: 0.5rem;
    position: relative;
    width: 5rem;
}
.sstp-design-2 .super-simple-toplist__offer-rating-box.good {
    color: #559F3D;
    border: 1px solid #559F3D;
    background: rgba(85, 159, 61, 0.15);
}
.sstp-design-2 .super-simple-toplist__offer-rating-box.bad {
    color: #F82814;
    border: 1px solid #F82814;
    background: rgba(248, 40, 20, 0.15);
}
.sstp-design-2 .super-simple-toplist__offer-rating-box::before {
    content: "";
    position: absolute;
    top: 50%;
    left: -0.75rem;
    transform: translateY(-50%);
    width: 1.5rem;
    height: 1.5rem;
    z-index: 1;
    border-radius: 50%;
    border: 1px solid;
    border-color: inherit;
    background: #fff url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="25" height="24" viewBox="0 0 25 24" fill="none"><path d="M12.1836 0.681641L14.99 9.31893H24.0718L16.7245 14.6571L19.5309 23.2944L12.1836 17.9562L4.83628 23.2944L7.6427 14.6571L0.295387 9.31893H9.37717L12.1836 0.681641Z" fill="%23FFBE4B"/></svg>') no-repeat center center;
    background-size: 1rem;
}
.sstp-design-2 .super-simple-toplist__offer-rating-box strong {
    color: inherit;
    font-size: 1.125rem;
    font-style: normal;
    font-weight: 700;
    line-height: 1;
}
.sstp-design-2 .super-simple-toplist__offer-rating-box span {
    font-size: 0.93rem;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    padding-top: 0.2rem;
}
.sstp-design-2 .super-simple-toplist__offer-bonus-box {
    display: flex;
    width: 21%;
    padding: 0.25rem 1rem;
    flex-direction: column;
    align-items: center;
    border-radius: 0.5rem;
    background: none;
    border: none;
}
.sstp-design-2 .super-simple-toplist__offer-bonus-box-title {
    color: #559F3D;
    text-align: center;
    font-size: 1rem;
    font-style: normal;
    font-weight: 700;
    text-transform: uppercase;
    margin: 0;
    border-radius: 0.25rem;
    background: rgba(85, 159, 61, 0.1);
    padding: 0 0.6rem;
    line-height: 2.2;
    margin-bottom: 0.5rem;
}
.sstp-design-2 .super-simple-toplist__offer-bonus-box-bonus-text {
    color: #000;
    text-align: center;
    font-size: 1.125rem;
    font-style: normal;
    font-weight: 700;
    line-height: 1.5;
}
.sstp-design-2 .super-simple-toplist__offer-features {
    list-style: none;
    margin: 0;
    padding: 0;
    width: 25%;
    align-self: center;
}
.sstp-design-2 .super-simple-toplist__offer-features-list-li {
    list-style: none;
    background: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12 2.25C10.0716 2.25 8.18657 2.82183 6.58319 3.89317C4.97982 4.96451 3.73013 6.48726 2.99218 8.26884C2.25422 10.0504 2.06114 12.0108 2.43735 13.9021C2.81355 15.7934 3.74215 17.5307 5.10571 18.8943C6.46928 20.2579 8.20656 21.1865 10.0979 21.5627C11.9892 21.9389 13.9496 21.7458 15.7312 21.0078C17.5127 20.2699 19.0355 19.0202 20.1068 17.4168C21.1782 15.8134 21.75 13.9284 21.75 12C21.745 9.41566 20.7162 6.93859 18.8888 5.11118C17.0614 3.28378 14.5843 2.25496 12 2.25ZM16.6406 10.2938L11.1469 15.5438C11.0049 15.6774 10.8169 15.7512 10.6219 15.75C10.5266 15.7514 10.4319 15.7338 10.3434 15.6984C10.2549 15.663 10.1743 15.6105 10.1063 15.5438L7.35938 12.9188C7.28319 12.8523 7.22123 12.7711 7.17722 12.6801C7.13321 12.589 7.10806 12.49 7.10328 12.389C7.0985 12.2881 7.11419 12.1871 7.14941 12.0924C7.18463 11.9976 7.23865 11.9109 7.30822 11.8375C7.3778 11.7642 7.46149 11.7056 7.55426 11.6654C7.64703 11.6252 7.74698 11.6042 7.84809 11.6036C7.94919 11.603 8.04938 11.6229 8.14261 11.662C8.23585 11.7011 8.32021 11.7587 8.39063 11.8312L10.6219 13.9594L15.6094 9.20625C15.7552 9.07902 15.9446 9.01309 16.1379 9.02223C16.3312 9.03138 16.5135 9.1149 16.6467 9.25533C16.7798 9.39576 16.8536 9.58222 16.8524 9.77575C16.8513 9.96928 16.7754 10.1549 16.6406 10.2938Z" fill="%23559F3D"/></svg>') no-repeat left center;
    background-position: top left;
    color: #000;
    font-size: 0.875rem;
    font-style: normal;
    font-weight: 400;
    line-height: 1.3;
    padding-left: 2rem;
    margin-bottom: 0.3rem;
    padding-top: 0.2rem;
    padding-bottom: 0.2rem;
    text-align: left !important;
}
.sstp-design-2 .super-simple-toplist__offer-features-list-li:last-child {
    margin-bottom: 0;
}
.sstp-design-2 .super-simple-toplist__offer-cta-block {
    display: flex;
    flex-direction: column;
    width: 20%;
    align-self: center;
}
.sstp-design-2 .super-simple-toplist__offer-cta-btn {
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 0.3125rem;
    background: #559F3D;
    box-shadow: 0 4px 23px 0 rgba(0, 0, 0, 0.25);
    padding: 1rem 2rem;
    color: #FFF;
    text-align: center;
    font-size: 1.1875rem;
    font-style: normal;
    font-weight: 700;
    line-height: 1;
    /* min-width: 10.5rem; */
    text-decoration: none !important;

}
.sstp-design-2 .super-simple-toplist__offer-cta-btn:after {
    content: "";
    display: inline-block;
    width: 1rem;
    height: 1rem;
    background-image: url('data:image/svg+xml,<svg width="7" height="10" viewBox="0 0 7 10" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.94141 5.58203L2.15234 9.39062C1.95703 9.56641 1.66406 9.56641 1.48828 9.39062L1.03906 8.94141C0.863281 8.76562 0.863281 8.47266 1.03906 8.27734L4.04688 5.25L1.03906 2.24219C0.863281 2.04688 0.863281 1.75391 1.03906 1.57812L1.48828 1.12891C1.66406 0.953125 1.95703 0.953125 2.15234 1.12891L5.94141 4.9375C6.11719 5.11328 6.11719 5.40625 5.94141 5.58203Z" fill="white"/></svg>');
    background-repeat: no-repeat;
    background-position: center;
}
.sstp-design-2 .super-simple-toplist__offer-cta-btn:hover {
    background: #3A6E2A;
    text-decoration: underline !important;
}

@keyframes fadeIn {
    0% {opacity:0;}
    100% {opacity:1;}
}

/* Media Quries */
@media screen and (max-width: 980px) {
    .sstp-design-2.super-simple-toplist__offer-card > div {
        flex-wrap: wrap;
        padding: 1rem 1rem 2rem 1rem;
    }
    .sstp-design-2 .super-simple-toplist__offer-logo-wrapper {
        margin: 0 auto;
    }
    .sstp-design-2 .main-list__provider__picture {
        width: auto;
        min-width: 12rem;
        height: auto;
    }
    .sstp-design-2 .super-simple-toplist__offer-title-box,
    .sstp-design-2 .super-simple-toplist__offer-bonus-box,
    .sstp-design-2 .super-simple-toplist__offer-features,
    .sstp-design-2 .super-simple-toplist__offer-cta-block {
        width: 100%;
        margin: 0.3rem 0;
    }
    .sstp-design-2 .super-simple-toplist__offer-title-box {
        display: flex;
        justify-content: center;
        align-items: center;
        margin: 0.3rem 0;
    }
    .sstp-design-2 .super-simple-toplist__offer-title {
        margin: 0 1.5rem 0 0;
        font-size: 1.3rem;
    }
    .sstp-design-2 .super-simple-toplist__offer-bonus-box-title {
        font-size: 1.3rem;
    }
    .sstp-design-2 .super-simple-toplist__offer-features {
        margin-top: 1rem;
    }
    .sstp-design-2 .super-simple-toplist__offer-features-list-li {
        font-size: 1rem;
    }
}

/* Media Quries */
@media screen and (max-width: 500px) {
    .sstp-design-2 .main-list__provider__picture {
        width: 100%;
        min-width: 100%;
        max-width: 100%;
    }
    .sstp-design-2 .super-simple-toplist__offer-number {
        margin: 0 auto;
        margin-bottom: 10px !important;
    }
}