/*
    cta-block.css
*/
.brand-table-block {
    border-collapse: separate;
    border-spacing: 0px;
    margin: 20px 0;
    border-bottom: 4px solid #FFDA45;
    width: 100%;
    border-radius: 10px;
    outline: 1px solid #BCBCBC;
    box-shadow: 0 1px 9px 0 rgb(0 0 0 / 10%);

    background: #fff;
    border-bottom: 4px solid #34495E;
    /*border: 1px solid red;*/
}
 
.brand-table-block tr td {
    border-bottom: 1px solid #e8eaed;
    padding: 10px;
    vertical-align: middle;
    width: 27%;
}

.brand-table-block tr td.brand-pick-details {
    padding: 10px 5px 10px 25px;
}

.brand-table-block tr td.brand-pick-details .pick-title {
    font-size: 16px;
    color: #5e636f;
    font-weight: 400;
    font-family: 'Montserrat';
    padding-bottom: 2px;
    font-weight: 600;
}

.brand-table-block tr td.brand-pick-details div:last-child {
    font-size: 18px;
    font-weight: 700;
    color: #424755;
    line-height: 19px;
    font-family: 'Montserrat';
    white-space: normal;
    color: #269cef;
}

.brand-table-block tr .brand-logo {
    padding: 10px 5px 10px 25px;
}

.brand-table-block tr .brand-logo img {
    width: 107px;
    height: auto;
    object-fit: contain;
}

.brand-table-block tr .brand-pick-title {
    padding: 10px 5px 10px 25px;
    font-size: 18px;
    font-weight: bold;
}

.brand-table-block tr .brand-pick-details {
    padding: 10px 5px 10px 25px;
    font-size: 16px;
}

.brand-table-block tr .brand-offer {
    text-align: left;
    padding: 10px 10px 10px 20px;
}

.brand-table-block tr .brand-offer .offer-title {
    font-size: 16px;
    color: #5e636f;
    font-weight: 400;
    line-height: 19px;
    font-family: 'Montserrat';
    padding-bottom: 2px;
}

.brand-table-block tr .brand-offer .offer-details {
    font-size: 24px;
    font-weight: 700;
    color: #424755;
    line-height: 19px;
    font-family: 'Montserrat';
}

.brand-table-block tr .brand-button {
    text-align: right;
    width: 27%;
    padding: 13px 25px 13px 0px;
}

.brand-table-block a {
    color: #269cef;
    text-decoration: none;
}

.brand-table-block a div {
    color: #269cef;
}

.brand-table-block tr .brand-button .btn-cta {
    padding: 10px 20px;
    color: #031645;
    border: unset;
    border-bottom: 4px solid #C19E22;
    text-decoration: unset;
    background: #FFD600;
    outline: unset;
    height: 58px;
    font-size: 20px;
    font-weight: 800;
    border-radius: 4px;
    cursor: pointer;
    -moz-transition: all .50s;
    -webkit-transition: all .50s;
    transition: all .50s;
    width: 192px;
    text-align: center;
    outline-color: #031645;
    outline-style: solid;
    text-align: center;
    outline-width: 2px;
}

.brand-table-block tr .brand-button .btn-cta:hover {
    background: #F3CC00;
}

.brand-table-block tr .brand-button a .btn-cta {
    background: linear-gradient(135deg, #ff7b00, #ff9500);
    outline-color: transparent;
}

.brand-table-block tr .brand-button a .btn-cta:hover {
    background: linear-gradient(-135deg, #ff9500, #ff7b00);
    opacity: 1;
}

/*@media (min-width: 991px) and (max-width: 1120px) {
    .brand-table-block tr td {
        width: 100%;
        border-bottom: unset;
    }

    .brand-table-block tr .brand-button {
        text-align: center;
        width: 100%;
        padding: 10px;
    }

    .brand-table-block tr {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        padding: 10px;
    }

    .brand-table-block tr .brand-offer {
        padding: 10px;
        text-align: center;
    }

    .brand-table-block tr .brand-logo {
        padding: 0px;
        text-align: center;
        border-bottom: 1px solid #e8eaed;
        height: auto;
    }

    .brand-table-block tr .brand-button .btn-cta {
        width: 250px;
    }

    .brand-table-block tr td.brand-pick-details {
        padding: 0px 5px 10px 5px;
        text-align: center;
        border-bottom: 1px solid #e8eaed;
    }
}*/

@media (max-width: 680px) {
    .brand-table-block tr td {
        width: 100%;
        border-bottom: unset;
    }

    .brand-table-block tr .brand-button {
        text-align: center;
        width: 100%;
        padding: 10px;
    }

    .brand-table-block tr {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        padding: 10px;
    }

    .brand-table-block tr .brand-offer {
        padding: 10px;
        text-align: center;
    }

    .brand-table-block tr .brand-logo {
        padding: 10px;
        text-align: center;
        border-bottom: 1px solid #e8eaed;
    }

    .brand-table-block tr .brand-button .btn-cta {
        width: 250px;
    }

    .brand-table-block tr td.brand-pick-details {
        padding: 0px 5px 10px 5px;
        text-align: center;
        border-bottom: 1px solid #e8eaed;
    }
}

@media (max-width: 480px) {
    .brand-table-block {
        width: 99%;
        margin: 20px auto;
    }
}

@media (max-width: 425px) {
    .brand-table-block tr .brand-logo {
        border-bottom: unset;
        padding: 0px 2px;
    }

    .brand-table-block tr .brand-button .btn-cta {
        width: 100%;
    }

    .brand-table-block tr .brand-offer {
        padding: 3px 10px 3px 10px;
    }

    .brand-table-block tr .brand-button {
        padding: 10px 0px 2px;
    }

    .brand-table-block tr .brand-offer .offer-title {
        font-size: 15px;
    }

    .brand-table-block tr .brand-offer .offer-details {
        font-size: 15px;
    }

    .brand-table-block tr td.brand-pick-details .pick-title {
        font-size: 15px;
    }

    .brand-table-block tr td.brand-pick-details div:last-child {
        font-size: 15px;
    }
}
/* Glow effect special for Yavor */
.box {
    /*background: hsl(0, 0%, 100%);*/
    /*padding: 16px 24px;*/
    position: relative;
    border-radius: 10px;
    z-index: 1;
    margin-bottom: 20px;
    height: 0px;
    /*border: 1px solid red;*/
}

/*.box::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    z-index: -1;
    background: linear-gradient(
        90deg,
        #00a8ff,
        #0078ff,
        #00a8ff
    );
    background-size: 200% 200%;
    animation: animateGlow 1.5s linear infinite;
    border-radius: 50%;
    bottom: -10px;
    height: 50%;
    filter: blur(4px);
    height: 8px;
}
*/

@keyframes animateGlow {
    0% { background-position: 0% 50%; }
    100% { background-position: 200% 50%; }
}

.brand-table-block {
    margin-top: 0;
    margin-bottom: 0;
}

.box::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    z-index: -1;
    background: linear-gradient(90deg, #34495E, #fff, #34495E);
    background-size: 200% 200%;
    animation: animateGlow 1.5s linear infinite;
    /* border-radius: 50%; */
    bottom: -4px;
    height: 50%;
    filter: blur(10px);
    height: 7px;
}