.main-background {
    background: url("/static/images/svg/elas-background.svg"), linear-gradient(45deg, rgba(184, 81, 85, 1) 0%, rgba(202, 98, 63, 0.8) 45%, rgba(238, 198, 120, 0.8) 66%, rgba(165, 205, 190, 0.8) 100%);
    background-repeat: repeat;
    background-position: left;
}

.red-background {
    background: linear-gradient(178.62deg, rgba(184, 81, 85, 0.83) 1.07%, rgba(202, 98, 63, 0.83) 82.83%);
}

.orange-background {
    background: linear-gradient(180deg, rgba(202, 98, 63, 0.83) -23.68%, rgba(238, 198, 120, 0.83) 91.59%);
}

.green-background {
    background: linear-gradient(177.11deg, rgba(238, 198, 120, 0.83) 4.62%, rgba(62, 187, 140, 0.83) 128.44%);
}

.banner-top {
    background: url("/static/images/png/index/robo.png");
    background-repeat: no-repeat;
    background-position: bottom right;
    background-size: contain;
    height: 665px;
}

.banner-family {
    background: url("/static/images/png/index/familia.png");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: bottom left;
    height: 768px;
}

.banner-notebook-celular {
    background: url("/static/images/png/index/notebook2.png");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: bottom right;
    height: 800px;
}

.banner-liberdade-financeira {
    background: url("/static/images/png/index/liberdade-financeira.png");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center left;
    height: 830px;
    margin-top: -5rem;
}

.banner-robo {
    background: url("/static/images/png/index/robo2.png");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: bottom center;
    height: 800px;
    margin-top: 2rem;
}

.banner-selo {
    background: url("/static/images/png/index/selo.png");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top left;
    height: 730px;
}

.bg-orcamento {
    background: linear-gradient(79.78deg, rgba(185, 80, 85, 0.65) -1.86%, rgba(230, 99, 59, 0.65) 37.42%, rgba(252, 199, 117, 0.65) 71.58%, rgba(147, 206, 191, 0.65) 107.45%);
}

.hyphenate {
    overflow-wrap: break-word;
    word-wrap: break-word;
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
}

.border.rounded-xl {
    border-radius: 1rem !important;
    border-width: .3rem !important
}

.enumerator {
    position: absolute;
    font-size: 17rem;
    opacity: .25;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    text-align: center;
    font-weight: 700;
    display: inline-table;
    z-index: -1;
}

.carousel-indicators.bottom-4 {
    bottom: -4rem !important;
}

.carousel-indicators li.rounded-circle {
    width: 24px !important;
    height: 24px !important;
}

.carousel-indicators li.h-5 {
    height: 5px !important;
}

.carousel-indicators li {
    background-color: #D9D9D9 !important;
}

.carousel-indicators li.active {
    background-color: rgb(43, 142, 181, .5) !important;
}

.carousel-item .col-3 {
    flex: 0 0 22%;
    max-width: 22%;
}

.gap-2 {
    grid-column-gap: 1.5rem;
    row-gap: 1.5rem;
}

@media only screen and (max-width: 375px) {

    .banner-top {
        height: 259px;
    }

    .banner-family {
        height: 300px;
    }

    .banner-notebook-celular {
        background: url("/static/images/png/index/notebook.png");
        height: 286px;
    }

    .banner-liberdade-financeira {
        background-position: center center;
        height: 393px;
        margin-top: -5rem;
    }

    .banner-robo {
        height: 370px;
    }

    .banner-selo {
        height: 570px;
    }

    .enumerator {
        font-size: 7rem;
    }
}

@media only screen and (max-width: 420px) and (min-width: 376px) {

    .banner-top {
        height: 286px;
    }

    .banner-family {
        height: 369px;
    }

    .banner-notebook-celular {
        height: 302px;
    }

    .banner-liberdade-financeira {
        background-position: center center;
        height: 397px;
        margin-top: -5rem;
    }

    .banner-robo {
        height: 453px;
    }

    .banner-selo {
        height: 657px;
        margin-top: -4rem;
    }

    .enumerator {
        font-size: 7rem;
    }
}

@media only screen and (max-width: 768px) and (min-width: 421px) {

    .banner-top {
        height: 551px;
    }

    .banner-family {
        height: 684px;
    }

    .banner-notebook-celular {
        height: 587px;
    }

    .banner-liberdade-financeira {
        background-position: center center;
        height: 587px;
        margin-top: -5rem;
    }

    .banner-robo {
        height: 453px;
    }

    .banner-selo {
        height: 880px;
        margin-top: -6rem;
    }

    .enumerator {
        font-size: 7rem;
    }
}

@media only screen and (max-width: 820px) and (min-width: 769px) {

    .banner-top {
        height: 543px;
    }

    .banner-family {
        height: 730px;
    }

    .banner-notebook-celular {
        height: 625px;
    }

    .banner-liberdade-financeira {
        height: 625px;
        margin-top: -5.5rem;
    }

    .banner-robo {
        height: 543px;
    }

    .banner-selo {
        height: 935px;
        margin-top: -6rem;
    }

    .enumerator {
        font-size: 9rem;
    }
}

@media only screen and (max-width: 1023px) and (min-width: 821px) {

    .banner-top,
    .banner-family,
    .banner-notebook-celular,
    .banner-robo {
        height: 476px;
    }

    .banner-liberdade-financeira {
        height: 578px;
    }

    .banner-selo {
        height: 440px;
    }
}

@media only screen and (max-width: 1280px) and (min-width: 1024px) {

    .banner-top,
    .banner-family,
    .banner-notebook-celular,
    .banner-robo {
        height: 353px;
    }

    .banner-liberdade-financeira {
        height: 578px;
    }

    .banner-selo {
        height: 396px;
    }
}

@media only screen and (max-width: 1366px) and (min-width: 1281px) {

    .banner-top {
        background-size: auto 100%;
        height: 452px;
    }

    .banner-family,
    .banner-notebook-celular {
        background-size: auto 100%;
        height: 550px;
    }

    .banner-liberdade-financeira {
        height: 593px;
        margin-top: -4rem;
    }

    .banner-robo {
        height: 523px;
    }

    .banner-selo {
        height: 500px;
    }
}

@media only screen and (max-width: 1920px) and (min-width: 1367px) {

    .banner-top {
        background-size: auto 100%;
        height: 528px;
    }

    .banner-family {
        height: 659px;
    }

    .banner-notebook-celular {
        height: 808px;
    }

    .banner-liberdade-financeira {
        height: 832px;
        margin-top: -6rem;
    }

    .banner-robo {
        height: 588px;
    }

    .banner-selo {
        height: 590px;
    }

    .enumerator {
        font-size: 17rem;
    }
}