.navbar {
    background: linear-gradient(77.17deg, rgba(184, 81, 85, 0.9) 16.54%, rgba(202, 98, 63, 0.9) 42.66%, rgba(238, 198, 120, 0.9) 72.44%, rgba(165, 205, 190, 0.9) 94.89%);
}

.banner-top {
    /*noinspection CssUnknownTarget*/
    background: url("/static/images/png/financial_planning/banner_top.png");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: bottom left;

    height: 440px;
}

.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-image: linear-gradient( 0deg, rgb(238,124,87) 0%, rgb(240,203,140) 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-tablet {
    /*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-size: 100%;
    background-repeat: no-repeat;
    background-position: center;
}

.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 (min-width: 576px) {
    .banner-top {
        min-height: 576px;
        background-size: cover;
    }
}

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

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

    .banner-top {
        min-height: 576px;
        background-size: cover;
        background-position: right;
    }

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

    .banner-tablet {
        padding: 7% 0;
        background-size: 100%;
        background-position: left 10% center;
    }

    .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;
    }
    .banner-top video {
        min-width: 100%;
        max-height: none;
    }
    .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-tablet {
        background: url("/static/images/png/financial_planning/tablet.png"), 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, no-repeat;
        padding-top: 3%;
        padding-bottom: 0;
        background-size: auto 60%, 100%;
        background-position: left 5% bottom 10%;
    }

    .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-orange {
        background-image: url("/static/images/svg/background-full-elaslogo.svg"), linear-gradient( 0deg, rgb(238,124,87) 0%, rgb(240,203,140) 100%);
        background-repeat: no-repeat;
        background-size: 50%, 100%;
    }
    .background-light-green {
        padding: 7% 0 !important;
    }
    .banner-finances {
        background-size: auto 80%;
        background-position: left center;
    }

    .banner-top {
        background-size: cover;
        min-height: 600px;
    }

    .banner-top video {
        max-height: none;
        width: 100%;
    }

    .banner-tablet {
        padding: 3% 0;
        background-size: auto 76%, 100%;
        background-position: left 5% 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-tablet {
        padding: 7% 0;
        background-size: auto 85%, 100%;
        background-position: left 10% center;
    }

    .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-top {
        background-size: cover;
        min-height: 700px;
    }
    .banner-top video {
        width: 100%;
        max-height: none;
    }
    .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;
 }