.feature-item {
    position: relative;
}

.feature-overlay {
    position: absolute;
    top: 0;
    left: 0;
    background-color: rgba(0,0,0,.3);
    opacity: 0;
    width: 100%;
    height: 100%;
    transition: all .3s ease-in-out;
}

.feature-image { overflow: hidden; }

.feature-image img {
    width: 100%;
    transform: scale(1);
    transition: all .3s ease-in-out;
}

.feature-title {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    opacity: 0;
    transition: all .3s ease-in-out;
    width: 80%;
    z-index: 10;
}

.feature-title p {
    color: #fff;
    text-align: center;
    font-size:20px;
    font-weight:bold;
}

.feature-item:hover .feature-image img {
    transform: scale(1.1);
}
.feature-item:hover .feature-title,
.feature-item:hover .feature-overlay {
    opacity: 1;
}
.modal-dialog { max-width: 60%; }
.modal-body { padding:0; }
.modal-content { background-color: #000; }
.modal-title { color:#fff; }

iframe {
    width: 100%;
    height: 60vh;
}

.faq_title{
    display:inline-block;
    padding:5px 12px;
    background-color:rgba(0,0,0,.3);
    border-radius:10px;
}



@media screen and (max-width:576px) {
    .modal-dialog {
        width: 100%;
        max-width: 100%;
        margin-left: 0;
    }
}