*{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

.cards{
    padding-top: 100px;
    padding-bottom: 100px;
    background-image: url('../images/footer_bg.png');
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.cards .row{
    justify-content: center;
}

.card{
    height: 320px;
    padding: 10px;
    border-radius: 20px;
    text-align: center;
    background-color: #e91e63;
    color: white;
    margin: 1%;
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
    transition: .5s;
}

.card-inner{
    border-radius: 20px;
    border: 1px #fff solid;
    height: 100%;
}

.card-inner img{
    width: 100px;
    margin-top: 15px;
    margin-bottom: 15px;
}

.card-inner h2{
    margin-bottom:20px;
    font-size: 26px;

}

.card-inner p{
    font-size: 18px;
}

.card:nth-child(4):hover{
    background-color: #468CCB;
}


.card:nth-child(3){
    background-color: #8bc34a;
}

.card:nth-child(3):hover{
    background-color: #F89747;
}

.card:nth-child(2){
    background-color: #ff5722;
}

.card:nth-child(2):hover{
    background-color: #EEDE3F;
}


.card:nth-child(1){
    background-color: #65c7f4;
}

.card:nth-child(1):hover{
    background-color: #B0509E;
}
    
.sec-title{
    /* text-shadow:  0px 2px 4px blueviolet ; */
    margin-bottom: 40px;
    padding: 30px 0 8px;
    position: relative;
    font-weight: 700;
    color: #757676;
    font-size: 40px;
}

.sec-title::before{
    content: "";
    position: absolute;
    left: 50%;
    bottom: 2px;
    width: 270px;
    height: 14px;
    transform:  translateX(-50%);
    background: rgba(252, 154, 134, 0.5);
    z-index: -1;
}
@media (min-width: 992px){
    .col-md-3{
        max-width: 23% !important;
    }

    .col-md-4{
        max-width: 31%;
    }
    
     .col-lg-3{
        max-width: 23%;
    }

    .col-lg-4{
        max-width: 31%;
    }
}



.gallry{
    padding-top: 100px;
    padding-bottom: 100px;
    background-image: url('../images/footer_bg.png');
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;

}

.gallry .item{
    height: 280px;
    overflow: hidden;
    position: relative;
    margin: 1%;
    padding: 0;
}

.overlay{
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background-color: cadetblue;
    opacity: 0;
    border-radius: 30px;
    transition: .5s;
}

.item:hover .overlay{
    opacity: .8;
}

.gallry .item img{
    width: 100%;
    height: 100%;
    border-radius: 30px;
}

.overlay img{
    width: 50px !important;
    height: 50px !important;
    z-index: 2;
    position: absolute;
    top: 50%;
    right: 35%;
    transform: translate(-50%,-50%);
}

.gallry h2{
margin-bottom: 20px;
padding: 30px 0 8px;
position: relative;
font-weight: 700;
}

.gallry h2::before{
    content: "";
    position: absolute;
    right: -18%;
    bottom: 2px;
    width: 385px;
    height: 14px;
    transform: translateX(-50%);
    background: rgba(252, 154, 134, 0.5);
    z-index: -1;
}


.overlay h3{
    color: white;
    margin-top: 50%;
}