#carousel1 {
    border-radius: 20px;
}

.slideTemplate1 {
    height: 200px;
}

@media screen and (min-width: 576px){
    .slideTemplate1 {
        height: 300px;
    }
}


.slideTemplate1BackgroundImg {
    object-fit: cover;
    /* z-index: 99; */
    min-width: 100%;
    min-height: 100%;
    width: 100%;
    height: 100%;
}

.slideTemplate1Gradient {
    background: -moz-linear-gradient(left, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0.8) 40%, rgba(0, 0, 0, 0) 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(left, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0.8) 40%, rgba(0, 0, 0, 0) 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0.8) 40%, rgba(0, 0, 0, 0) 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#000000', endColorstr='#00000000', GradientType=1);
    /* IE6-9 */

    z-index: 100;
}

.slideTemplate1TextAndButtonContainer {
    z-index: 101;
}

.carousel-indicators {
    z-index: 102;
}

.slideTemplate1TextLine1 {
    color: white;
    font-size: 30px;
    font-weight: bold;
    line-height: 1;
}

.slideTemplate1TextLine2 {
    color: white;
    font-size: 60px;
    font-weight: bold;
    line-height: 1;
}

.slideTemplate1TextLine3 {
    color: var(--second-color);
    font-size: 30px;
    font-weight: bold;
    line-height: 1;
}

.slideTemplate1Button {
    background-color: var(--second-color);
    color: var(--main-color);
    font-size: 16px;
    width: 200px;
    border-radius: 7px;
}

.slideTemplate1Button:hover,
.slideTemplate1Button:active {
    background-color: var(--second-light-color);
}

@media screen and (max-width: 991px) {
    .slideTemplate1TextLine1 {
        font-size: 24px;
    }

    .slideTemplate1TextLine2 {
        font-size: 60px;
    }

    .slideTemplate1TextLine3 {
        font-size: 24px;
    }

    .slideTemplate1Button {
        margin-top: -80px;
        width: 150px;
        font-size: 16px;
        padding: 5px;
    }
}

@media screen and (max-width: 575px) {
    .slideTemplate1TextLine1 {
        font-size: 20px;
    }

    .slideTemplate1TextLine2 {
        font-size: 50px;
    }

    .slideTemplate1TextLine3 {
        font-size: 20px;
    }
}

@media screen and (max-width: 466px) {
    .slideTemplate1TextLine1 {
        font-size: 16px;
    }

    .slideTemplate1TextLine2 {
        font-size: 40px;
    }

    .slideTemplate1TextLine3 {
        font-size: 16px;
    }
}