:root {
    /* Cores primárias */
    --back-blue: #BEE1E6;
    --black: #000;

    /* Cores secundárias */
    --cor-secundaria: #6c757d;
    --cor-secundaria-escura: #343a40;

    /* Cores de destaque */
    --total-green: #27C2AA;
    --light-blue: #BEE1E6;
    --color-white: #ffffff;
}

body {
    overflow-x: hidden;
    background-image: url('../img/RectangleLight.svg');
    background-repeat: no-repeat;
    background-size: 100% auto;
    background-position-y: -105px;
    width: 100%;
}

a {
    color:var(--black);
    text-decoration: none;
}

.logo-nav {
    width: 30%;
}

.login {
    margin-left: 10%;
    padding-left: 2%;
    border-left: 2px solid var(--light-blue);
}

.login .nav-item a{
    margin-right: 20px;
}

.container-prices-section {
    border: 1px solid var(--total-green);
    border-radius: 20px;
}

.how-it-works {
    background-color: var(--back-blue);
    padding: 20px;
    border-radius: 20px;
    text-align: start;

}

.start-now, .start-now:visited {
    background-color: var(--total-green);
    color: var(--color-white);
    border-radius: 20px;
    width: 150px;
    text-align: center;
    transition: all 0.2s ease;

}

.start-now:hover {
    color: var(--color-white);
    box-shadow: 0 0 3px var(--total-green);
    opacity: 0.9;
}

.img-int {
    width: auto;
    max-height: 75px;
    padding: 0 10px 0 10px;
}

.carousel-img-div {
    height: 100px;
}

.erp-footer {
    background-color:#121212;
}

.list-group-item, .community-item{
    color: var(--color-white);
}

.community-item:hover{
    opacity:0.7;
}


@media (max-width: 575.98px) {

    body {
        background-size: 900px;

    }

    .logo-nav {
        width: 50%;
    }

    .img-logo-bottom img{
        width: 100% !important;
        text-align: center;
    }

    .login {
        border: none;
        display: flex;
        flex-direction: row;
        margin-top: 10px;
        width: 100%;
        place-content: center;
    }

    .container-menu {
        width: 5% !important;
    }

    .nav-content {
        flex-direction: column;
        justify-content: center !important;
        margin: 0 !important;
    }

    .navbar {
        flex-direction: row;
        justify-content:center;
        align-items: center;
    }

    .top-content-container, #top-content-title, .nav-img {
        width: 100% !important;
        text-align: center;
        padding: 0 50px 0 50px !important;
        margin:0 !important;
    }

    .how-it-works {
        text-align: center;
        padding: 10px;
    }

    .utility-solutions {
        padding: 15px !important;
        margin: auto !important;
    }

    .img-item {
        width: 30% !important;
    }

    .carousel-img-div {
        height: 70px;
    }

    .carousel-control-next, .carousel-control-prev {
        display: none;
    }

    .item p {
        font-size: 10px !important;
    }

    .container-marketplaces-content {
        flex-direction: column;
    }

    .mark-h1 {
        padding: 20px !important;
    }

    .img-int {
        padding:10px;
    }

    #footer-img-logo {
        width: 50% !important;
    }

}