.banner-top div {
    z-index: 2;
    position: absolute;
}

.background-light-red {
    /*noinspection CssUnknownTarget*/
    background-image: -moz-linear-gradient(0deg, rgba(184, 81, 85, 0.9) 0%, rgba(234, 123, 93, 1) 68%);
    background-image: -webkit-linear-gradient(0deg, rgba(184, 81, 85, 0.9) 0%, rgba(234, 123, 93, 1) 68%);
    background-image: -ms-linear-gradient(0deg, rgba(184, 81, 85, 0.9) 0%, rgba(234, 123, 93, 1) 68%);
    background-repeat: no-repeat;
}

.background-orange {
    background-image: -moz-linear-gradient(0deg, rgb(238, 124, 87) 0%, rgb(240, 203, 140) 100%);
    background-image: -webkit-linear-gradient(0deg, rgb(238, 124, 87) 0%, rgb(240, 203, 140) 100%);
    background-image: -ms-linear-gradient(0deg, rgb(238, 124, 87) 0%, rgb(240, 203, 140) 100%);
}

.background-light-green {
    background-image: -moz-linear-gradient(36deg, rgb(238, 198, 120) 25%, rgb(150, 193, 130) 64%, rgb(62, 187, 140) 100%);
    background-image: -webkit-linear-gradient(36deg, rgb(238, 198, 120) 25%, rgb(150, 193, 130) 64%, rgb(62, 187, 140) 100%);
    background-image: -ms-linear-gradient(36deg, rgb(238, 198, 120) 25%, rgb(150, 193, 130) 64%, rgb(62, 187, 140) 100%);
}

.rounded-background-left {
    border-radius: 0 0 25px 25px;
}

.banner-symbol {
    background-image: url("/static/images/png/digital_account/symbol.png");
    background-repeat: no-repeat;
    background-position: right -150px bottom;
    background-size: auto 75%;
}

.banner-card {
    /*noinspection CssUnknownTarget*/
    background: url("/static/images/svg/background-left-elaslogo.svg"), linear-gradient(180deg, rgba(202, 98, 63, 0.83) 0%, rgba(238, 198, 120, 0.83) 92.45%);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: left bottom;
}

.banner-phone1 {
    /*noinspection CssUnknownTarget*/
    background: url("/static/images/png/digital_account/cel1.png"), #FAF9F8;
    background-size: auto 80%, contain;
    background-repeat: no-repeat, no-repeat;
    background-position: right -5vw bottom;
}

.banner-phone2 {
    /*noinspection CssUnknownTarget*/
    background: url("/static/images/png/digital_account/cel2.png");
    background-size: auto 80%, contain;
    background-repeat: no-repeat, no-repeat;
    background-position: right 5vw bottom;
}

.banner-senior {
    /*noinspection CssUnknownTarget*/
    background: url("/static/images/png/digital_account/senior.png");
    background-size: auto 100%;
    background-repeat: no-repeat;
    background-position: left;
}

.background-rainbow {
    background: rgb(190, 133, 137);
    background: linear-gradient(90deg, rgba(190, 133, 137, 1) 0%, rgba(211, 143, 125, 1) 33%, rgba(234, 217, 170, 1) 66%, rgba(191, 219, 209, 1) 100%);
}

.background-white {
    background: white;
}

.background-dog {
    background: url("/static/images/png/digital_account/dog.png") no-repeat;
    background-position: left center;
    background-size: auto 100%;
}

@media screen and (max-width: 625px) {
    .main-background {
        height: 133px;
    }
}

@media screen and (min-width: 625px) {
    .main-background {
        height: 80px;
    }
}

@media screen and (min-width: 768px) {
    .background-orange {
        background: url("/static/images/png/digital_account/background-orange.png") no-repeat;
        background-position: left center;
        background-size: 95% auto;
    }

    .background-light-green {
        background: url("/static/images/png/digital_account/background-light-green.png") no-repeat;
        background-position: right center;
        background-size: 95% auto;
        padding: -3% 0 !important;
    }

    .main-background {
        height: 86px;
    }

    .banner-baby {
        background-position: -20vw;
    }

    .banner-phone1 {
        padding: 7% 0;
        background-size: auto 85%;
        background-position: left 10% bottom;
    }

    .banner-phone2 {
        padding: 7% 0;
        background-size: auto 85%;
        background-position: left 10% bottom;
    }
}

@media screen and (min-width: 991px) {
    .rounded-background-left {
        border-radius: 25px 0 0 25px;
    }

    .banner-senior {
        /*noinspection CssUnknownTarget*/
        background-size: auto 100%;
        background-position: left -5vw center;
    }

    .background-orange {
        background: url("/static/images/png/digital_account/background-orange.png") no-repeat;
        background-position: left center;
        background-size: 100%;
    }

    .background-light-green {
        background: url("/static/images/png/digital_account/background-light-green.png") no-repeat;
        background-position: right center;
        background-size: 100% auto;
        padding: 7% 0 !important;
    }

    .banner-phone1 {
        padding-top: 3%;
        padding-bottom: 0;
        background-size: auto 60%;
        background-position: left 5% bottom;
    }

    .banner-phone2 {
        padding-top: 3%;
        padding-bottom: 0;
        background-size: auto 70%;
        background-position: right 5% bottom;
    }

    .banner-symbol {
        background-size: auto 70%;
        background-position: left -2% bottom;
    }
}

@media screen and (min-width: 1200px) {
    .background-light-green {
        padding: 7% 0 !important;
    }

    .banner-symbol {
        background-size: auto 80%;
        background-position: left center;
    }

    .banner-phone1 {
        padding: 3% 0;
        background-size: auto 76%;
        background-position: left 5% bottom;
    }

    .banner-phone2 {
        padding: 3% 0;
        background-size: auto 76%;
        background-position: right 5% bottom;
    }

    .banner-baby {
        background-position: -7vw;
    }
}

.break-table-text {
    display: none;
}

@media screen and (min-width: 1069px) and (max-width: 1413px) {
    .break-table-text {
        display: inline-flex;
    }
}

@media screen and (min-width: 1500px) {
    .banner-senior {
        /*noinspection CssUnknownTarget*/
        background-size: auto 100%;
        background-position: left;
    }

    .banner-symbol {
        padding: 3% 0;
        background-position: left 50px center;
        background-size: auto 75%;
    }

    .banner-baby {
        background-position: left;
    }

    .banner-phone1 {
        padding: 7% 0;
        background-size: auto 85%;
        background-position: left 10% bottom;
    }

    .banner-phone2 {
        padding: 7% 0;
        background-size: auto 85%;
        background-position: right 15% bottom;
    }
}

@media screen and (min-width: 1800px) {
    .banner-senior {
        /*noinspection CssUnknownTarget*/
        background-size: 60% auto;
        background-position: left;
    }

    .banner-symbol {
        padding: 5% 0;
        background-position: left 50px center;
        background-size: auto 90%;
    }
}

.card-grey {
    background-color: #F3F3F3 !important;
    ;
    border-color: transparent !important;
    border-radius: 22px !important;
    ;
}

.card-icon {
    height: 132px;
}

.ul-theme li {
    padding-left: 60px;
    list-style: none;
    margin: 0;
    vertical-align: middle;
}

li.item1 {
    /*noinspection CssUnknownTarget*/
    background: url("/static/images/svg/list-icons/themed-list-icon1.svg") no-repeat center left;
}

li.item2 {
    /*noinspection CssUnknownTarget*/
    background: url("/static/images/svg/list-icons/themed-list-icon2.svg") no-repeat center left;
}

li.item3 {
    /*noinspection CssUnknownTarget*/
    background: url("/static/images/svg/list-icons/themed-list-icon3.svg") no-repeat center left;
}

li.item4 {
    /*noinspection CssUnknownTarget*/
    background: url("/static/images/svg/list-icons/themed-list-icon4.svg") no-repeat center left;
}

li.item5 {
    /*noinspection CssUnknownTarget*/
    background: url("/static/images/svg/list-icons/themed-list-icon5.svg") no-repeat center left;
}

.table-striped tbody tr:nth-of-type(odd) {
    background-color: white !important;
}

.table-striped>tbody>tr:nth-child(odd)>td,
.table-striped>tbody>tr:nth-child(odd)>th {
    background-color: rgba(255, 228, 186, 0.21) !important;
}