.mini-table-shortcode {
    padding: 24px;
    background: #F7F7F7;
    background-image: url("../../../img/corner-right.png");
    background-repeat: no-repeat;
    background-position: top 0px right -100px;
    counter-reset: heading;
}

.mini-table-shortcode-wrap {
    margin-bottom: 32px;
    margin-top: 32px;
}

.mini-table-shortcode-title h2 {
    padding-bottom: 0 !important;
    font-family: Barlow, sans-serif !important;
    font-size: 22px !important;
    font-weight: 700 !important;
    margin-bottom: 16px !important;
}

.mini-table-shortcode.with-label .highlighted-label {
    font-family: Barlow, sans-serif !important;
    font-size: 14px !important;
    font-style: normal !important;
    font-weight: 600 !important;
    line-height: 135% !important;
    color: var(--brand-colours-primary-tertiary) !important;
    text-transform: uppercase;
    margin-bottom: 16px;
}

.mini-table-shortcode.with-label .highlighted-label:before {
    content: "";
    background-image: url("data:image/svg+xml,%3Csvg width='20' height='14' viewBox='0 0 20 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_7825_93101)'%3E%3Cpath d='M19.2436 4.20093C19.1803 4.1691 19.1086 4.15788 19.0387 4.16883C18.9687 4.17979 18.9038 4.21237 18.8533 4.26202L14.7534 8.29741L10.2225 0.433654C10.1894 0.386046 10.1452 0.347156 10.0938 0.320301C10.0424 0.293445 9.98525 0.279419 9.92724 0.279419C9.86924 0.279419 9.81209 0.293445 9.76068 0.320301C9.70926 0.347156 9.66511 0.386046 9.63197 0.433654L5.10106 8.29741L1.00118 4.26202C0.950698 4.21074 0.885222 4.17683 0.814209 4.16519C0.743197 4.15355 0.670323 4.16478 0.606111 4.19727C0.5419 4.22975 0.489675 4.2818 0.456979 4.34591C0.424282 4.41001 0.412807 4.48285 0.424211 4.5539L1.78179 13.6497C1.79406 13.7306 1.83517 13.8044 1.89754 13.8574C1.9599 13.9104 2.03933 13.9391 2.12118 13.9381H17.7333C17.8152 13.9391 17.8946 13.9104 17.9569 13.8574C18.0193 13.8044 18.0604 13.7306 18.0727 13.6497L19.4303 4.5539C19.4405 4.48288 19.4279 4.41047 19.3943 4.34706C19.3608 4.28364 19.308 4.23248 19.2436 4.20093Z' fill='%230058C5'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_7825_93101'%3E%3Crect width='19.6' height='14' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-position: left;
    width: 19px;
    height: 14px;
    display: inline-block;
    margin-right: 5px;
    position: relative;
}

.mini-table-shortcode-table {
    width: 100%;
}

.mini-table-shortcode-table tbody {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.mini-table-shortcode_title {
    font-family: 'Arial', serif !important;
    font-weight: 700 !important;
    font-size: 22px !important;
    line-height: 125% !important;
    color: #111111;
    margin-bottom: 16px !important;
    padding-bottom: 8px !important;
}

.mini-table-shortcode_title:after {
    background-color: #F8CF64 !important;
}
.mini-table-shortcode_description {
    font-weight: 400;
    font-size: 15px;
    line-height: 150%;
    color: #222222;
}
.mini-table-shortcode-offer {
    align-items: center;
    background: #FFFFFF;
    border-radius: 4px;
    box-shadow: 0px 2px 4px 0px #0000000A;
    display: flex;
    gap: 24px;
    padding: 16px 20px 16px 20px;
    position: relative;
}

.mini-table-shortcode-offer.mobile {
    display: none;
}

.mini-table-shortcode-offer:first-of-type {
    border: 1px solid #0058C5
}

.mini-table-shortcode-offer td {
    border: none;
}

.mini-table-shortcode-offer.show-full-terms .offer-t-c-link {
    overflow: visible;
    white-space: normal;
}
.mini-table-shortcode-offer.show-full-terms .offer-t-c-tooltip {
    display: none !important;
}

@media only screen and (min-width: 1025px) {
    .mini-table-shortcode-offer {
        height: auto;
    }
}

.mini-table-shortcode-offer.mini-table-shortcode-offer_head {
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    line-height: 140%;
    color: #060606;
    margin-bottom: 8px;
    border-bottom: 2px solid #F7CC5B;
    padding: 8px 0 12px;
}
.mini-table-shortcode-offer > td:nth-child(1){
    width: 111px;
}
.mini-table-shortcode-offer > td:nth-child(2){
    width: 60%;
}
.mini-table-shortcode-offer > td:nth-child(3){
    width: 148px;
}

.mini-table-shortcode-offer_head > th:nth-child(1){
    width: 111px;
    border: none;
    padding-top: 12px;
    padding-bottom: 12px;
}

.mini-table-shortcode-offer_head > th:nth-child(2){
    width: 44%;
    margin: 0 24px;
    border: none;
    padding-top: 12px;
    padding-bottom: 12px;
}

.mini-table-shortcode-offer_head > th:nth-child(3){
    width: 33%;
    border: none;
    padding-top: 12px;
    padding-bottom: 12px;
}


.mini-table-shortcode-offer .logo {
    display: flex;
    align-items: center;
    font-weight: 400;
    font-size: 14px;
    line-height: 150%;
    color: #404040;
    text-decoration: none;
    white-space: nowrap;
    border-bottom: none !important;
}

.mini-table-shortcode-offer .logo:before {
    counter-increment: heading;
    content: counter(heading);
    background: var(--brand-colours-primary-action);
    font-weight: 700;
    font-size: 12px;
    line-height: 100%;
    text-align: center;
    color: var(--greys-white);
    width: 20px;
    height: 20px;
    position: absolute;
    border-radius: 20px;
    left: 1%;
    top: 15%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.mini-table-shortcode-offer .logo img {
    width: auto;
    max-width: 91px;
    max-height: 50px;
    margin-bottom: 0;
    border-radius: 4px;
}
.mini-table-shortcode-offer .highlights {
    flex-direction: column;
}
.mini-table-shortcode-offer .highlights a {
    text-decoration: none !important;
}
.mini-table-shortcode-offer .offer-title {
    font-family: Barlow, sans-serif;
    margin-bottom: 4px;
    font-weight: 800;
    font-size: 20px;
    line-height: 27px;
    color: #010000;
}
.mini-table-shortcode-offer .offer-title:hover {
    text-decoration: underline;
}

.mini-table-shortcode-offer .offer-title > * {
    font-weight: bold;
    font-size: 16px !important;
    line-height: 150% !important;
    color: #060606 !important;
    margin-bottom: 0;
}
.mini-table-shortcode-offer .offer-t-c-link {
    font-size: 10px;
    line-height: 120%;
    text-decoration: none;
    color: #b1b1b1;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 307px;
    display: block;
    font-weight: 400;
}

.mini-table-shortcode-offer .offer-t-c-tooltip {
    display: none;
    position: absolute;
    border-radius: 4px;
    color: #FFFFFF !important;
    font-family: 'Arial',sans-serif !important;
    font-style: normal;
    font-weight: 400;
    font-size: 12px !important;
    line-height: 150% !important;
    z-index: 9;
    padding: 12px 16px;
    height: max-content;
    background: #060606;
    margin-top: 10px;
    width: 304px;
}

.mini-table-shortcode-offer .offer-t-c-tooltip:before {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    border-width: 10px;
    border-style: solid;
    border-color: transparent transparent #000 transparent;
    top: -20px;
    left: calc(47% - 5px);
}

.mini-table-shortcode-offer .offer-t-c-link:hover .offer-t-c-tooltip {
    display: block;
    white-space: break-spaces;
}

.mini-table-shortcode-offer .register {

}

.mini-table-shortcode-offer .register-btn {
    font-weight: 800;
    font-size: 16px;
    line-height: 150%;
    color: #FFFFFF !important;
    width: 148px;
    display: block;
    text-align: center;
    padding: 12px 8px 12px 8px;
    background: #0058C5;
    border-radius: 24px;
    text-decoration: none;
    font-family: Barlow, sans-serif;
    border-bottom: none !important;
}
.mini-table-shortcode-offer .register-btn:hover {
    background: #004DAD;
    text-decoration: none !important;
}

@media screen and (max-width: 1024px) and (min-width: 768px) {
    .mini-table-shortcode-offer > div:nth-child(2) {
        width: 45%;
    }
    .mini-table-shortcode-offer > div:nth-child(3) {
        width: 32%;
    }
}

@media screen and (max-width: 767px) {
    .mini-table-shortcode-offer.desktop {
        display: none;
    }
    .mini-table-shortcode-offer > td:nth-child(1) {
        width: 100%;
        gap: 16px;
    }
    .mini-table-shortcode-offer > td:nth-child(2) {
        width: 100%;
        text-align: center;
    }
    .mini-table-shortcode-offer.mobile {
        display: flex;
        padding: 16px;
        margin-bottom: 0;
        gap: 12px;
    }
    .mini-table-shortcode {
        padding: 24px 16px 24px 16px;
    }
    .mini-table-shortcode-table tbody {
        gap: 12px;
    }
    .mini-table-shortcode-wrap {
        margin-left: -12px;
        margin-right: -12px;
    }
    .mini-table-shortcode-title {
        margin-left: 16px;
    }
    .mini-table-shortcode-title h2 {
        font-size: 20px !important;
    }
    .mini-table-shortcode-offer {
        padding: 0;
        width: 100%;
        margin-bottom: 24px;
    }
    .mini-table-shortcode_title {
        font-size: 20px !important;
    }
    .mini-table-shortcode-offer td{
        display: flex;
        justify-content: center;
        border-top: none !important;
        border-bottom: none !important;
        padding: 0 !important;
    }
    .mini-table-shortcode-offer-thead {
        display: none;
    }
    .mini-table-shortcode-offer {
        flex-direction: column;
        display: flex;
    }
    .mini-table-shortcode .mini-table-shortcode-offer .logo ,
    .mini-table-shortcode .mini-table-shortcode-offer .highlights {
        margin-right: 0;
        margin-left: 0;
        margin-bottom: 16px;
        width: 100%;
        max-width: 100%;
        text-align: center;

    }
    .mini-table-shortcode .mini-table-shortcode-offer .logo {
        margin-bottom: 0;
        width: 90px;
        height: 40px;
        position: relative;
    }
    .mini-table-shortcode-offer .logo::before {
        left: -10px;
        top: -10px;
    }
    .mini-table-shortcode-offer.mobile .logo-title-section .title-section {
        width: 70%;
    }
    .mini-table-shortcode-offer .logo img {
        min-width: 83px;
        height: 40px !important;
        max-width: 84px !important;
    }
    .mini-table-shortcode-offer .offer-title > * {
        color: #222222 !important;
    }
    .mini-table-shortcode .mini-table-shortcode-offer .register {
        width: 100%;
        margin-left: 0;
    }

    .mini-table-shortcode .mini-table-shortcode-offer .register .register-btn {
        width: 120px;
        font-size: 14px;
        padding: 6px 8px 6px 8px;
    }

    .mini-table-shortcode-offer .offer-title {
        font-size: 16px;
    }

    .mini-table-shortcode-offer .offer-t-c-link {
        margin: auto;
    }
}