.banner-top {
    /*noinspection CssUnknownTarget*/
    background: url("/static/images/png/financial_planning/banner_top.png")
}

.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 {
    /*noinspection CssUnknownTarget*/
    background: linear-gradient(90deg, rgba(217, 117, 95, 1) 0%, rgba(243, 164, 111, 1) 100%);
    background-repeat: no-repeat;
    background-size: 100%;
}

.background-green {
    /*noinspection CssUnknownTarget*/
    background: linear-gradient(36deg, rgba(238, 198, 120, 0.67) 25%, rgba(150, 193, 130, 0.67) 64%, rgba(62, 187, 140, 0.67) 100%);
    background-repeat: no-repeat;
    background-size: 100%;
}

.background-gray {
    background-color: #f5f5f5;
    /*noinspection CssUnknownTarget*/
    background-image: url("/static/images/png/background-full-elaslogo-white.png");
    background-repeat: repeat;
    background-size: 50%, 100%;
}


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

.banner-finances {
    /*noinspection CssUnknownTarget*/
    background-image: url("/static/images/png/financial_planning/finance.png");
    background-repeat: no-repeat;
    background-position: right -150px bottom;
    background-size: auto 75%;
}

.banner-world {
    /*noinspection CssUnknownTarget*/
    background: url("/static/images/png/financial_planning/world.png");
    background-size: 100% auto;
    background-repeat: no-repeat;
    background-position: center top;
}

.banner-butterfly {
    /*noinspection CssUnknownTarget*/
    background: url("/static/images/png/financial_planning/butterfly.png");
    background-size: auto 100%;
    background-repeat: no-repeat;
    background-position: bottom right;
}

.banner-train {
    /*noinspection CssUnknownTarget*/
    background: url("/static/images/png/financial_planning/train.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: 658px) {
    .main-background {
        height: 133px;
    }
}

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

@media screen and (max-width: 769px) {
    .banner-world div img {
        width: 768px !important;
    }
}

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

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

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

@media screen and (min-width: 991px) {
    .banner-world {
        padding: 5% 0;
    }

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

    .banner-train {
        /*noinspection CssUnknownTarget*/
        background-size: 120% auto;
        background-position: top right;
        padding: 9% 0;
    }

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

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

@media screen and (min-width: 1200px) {

    .background-light-green {
        padding: 7% 0 !important;
    }

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

    .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-train {
        /*noinspection CssUnknownTarget*/
        background-size: 100% auto;
        background-position: left;
        padding: 11% 0;
    }

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

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

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

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

    .banner-finances {
        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;
}