/*End Benh vien van hanh*/

footer {
    background-color: #f2f2f2;
    padding: 25px;
}

.carousel-inner img {
    width: 100%; /* Set width to 100% */
    min-height: 200px;
}

/* Hide the carousel text when the screen is less than 600 pixels wide */
@media (max-width: 600px) {
    .carousel-caption {
        display: none;
    }
}


* {
    box-sizing: border-box;
}

.container1 {
    position: relative;
    width: 100%;
    max-width: 300px;
}

.image {
    display: block;
    width: 100%;
    height: auto;
}

.overlay {
    position: absolute;
    bottom: 0;
    background: rgb(0, 0, 0);
    background: rgba(0, 0, 0, 0.5); /* Black see-through */
    color: #f1f1f1;
    width: 100%;
    transition: .5s ease;
    opacity: 0;
    color: white;
    font-size: 20px;
    padding: 20px;
    text-align: center;
}

.container1:hover .overlay {
    opacity: 1;
}

textarea.form-control {
    height: 100px;
}















.containerhinh1 {
    position: relative;
    width: 100%;
}

.imagehinh1 {
    display: block;
    width: 100%;
    height: auto;
}

.overlayhinh1 {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: #fc6737;
    overflow: hidden;
    width: 100%;
    height: 0;
    transition: .5s ease;
}

.containerhinh1:hover .overlayhinh1 {
    height: 30%;
}

.texthinh1 {
    color: white;
    font-size: 14px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    text-align: center;
}