.carousel-inner {
    height: 406px;
}

.mobile-hero-img {
    position: absolute;
    right: -30%;
    top: 5%;
}

.myCarousel {
    margin-top: 55px;
}
.myCarousel i {
    position: absolute;
    color: #2065bd;
    font-size: 2rem;
}
.myCarousel i.previous-slide {
    left: 0;
}
.myCarousel i.next-slide {
    right: 0;
}

.myCarousel .carousel-control-prev,
.myCarousel .carousel-control-next {
    width: 6%;
}

.myCarousel .clint-review-slider {
    margin: 0;
}

.myCarousel .carousel-inner {
    height: auto;
}

.myCarousel .clint-review-text {
    height: 240px;
}
.myCarousel .clint-review-text p {
    position: absolute;
    left: 15px;
    right: 15px;
    top: 50%;
    transform: translateY(-50%);
}
.myCarousel .clint-review-text p i {
    position: absolute;
    top: -30px;
    color: #fff;
}
.myCarousel .autor {
    position: absolute;
    right: 40px;
    top: 50%;
    color: black;
    font-size: 1rem;
    line-height: 1.2rem;

}

.myCarousel .clint-review-item .clint-review-img img {
    visibility: hidden;
}

/* [START] FORM STYLING */
.hero-form {
    position: relative;
}
.error {
    background-color: #ff0000;
    color: #fff
}

.success {
     background-color: #5cb85d;
     color: #fff
 }

#form-message {
    position: absolute;
    width: 100%;
}
/* [END] FORM STYLING */

@media (max-width: 768px) {
    .secrius-hero-form {
        width: 100%;
    }

    .myCarousel {
        margin-top: 0;
    }
    .myCarousel.carousel {
        padding: 10px;
    }
    .myCarousel .clint-review-text {
        width: 85%;
        min-height: 250px;
    }

    .myCarousel .clint-review-text p {
        position: absolute;
        width: 85%;
        left: 50%;
        top: 50%;
        transform: translate(-50%,-50%);
        font-size: 1rem;
    }

    .myCarousel .clint-review-img {
        visibility: hidden;
    }

    .myCarousel .clint-review-text p i {
        color: #fff;
        top: -30px;
    }

    .myCarousel .carousel-control-next,
    .myCarousel .carousel-control-prev {
        opacity: 1;
    }
    .myCarousel .carousel-control-next i,
    .myCarousel .carousel-control-prev i {
        color: #c51828;
    }

    .myCarousel .carousel-control-next i {
        right: -14px;
    }

    .myCarousel .carousel-control-prev i {
        left: -14px;
    }


    .myCarousel .carousel-inner {
        height: 300px;
        overflow: hidden;
        left: 20px;
    }
}