/*********************************/
/* PAGE-HEADER                   */
.tc-page-header{
    position: relative;

    .background{
        width: 100%;
    }

    .carousel-indicators{
        flex-direction: column;
        justify-content: start;
        top: 40%;
        left: auto;
        right: 1rem;
        width: 2rem;
        margin: 0;

        button{
            height: 15px;
            width: 15px;
            border-radius: 50%;
            background-color: black;
        }
    }

    .overlay {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        text-align: center;
        &.dark{
            background-image: linear-gradient(to bottom, rgba(0,0,0,1), rgba(0,0,0,0));
            color: #fff;
        }
        &.light{
            background-image: linear-gradient(to bottom, rgba(255, 255, 255,0.5), rgba(255, 255, 255,0.5));
            color: #000;
        }
    }

    .bottom-box{
        position: absolute;
        bottom: 0;
        left: 20%;
        right: 20%;
        border-top-left-radius: 2rem;
        border-top-right-radius: 2rem;
        text-align: center;
        padding-top: 2rem;
        padding-bottom: 1rem;
        background: #fff;
    }
}

@media (max-width: 1024px) {
    .tc-page-header.homepage{
        .bottom-box{
            position: relative;
            left: 0;
            right: 0;
        }
    }
}