.info-card {
    -webkit-perspective: 600px;
    }
    
    .front, .back {
    background: #FFF;
    border-radius: 10px;
    transition: -webkit-transform 1s;
    -webkit-transform-style: preserve-3d;
    -webkit-backface-visibility: hidden;
    }
    
    .front {
    position: absolute;
    z-index: 1;
    margin-bottom: 1% !important;
    }
    
    .back {
    padding: 120px 0 !important;
    -webkit-transform: rotateY(-180deg);
    margin-bottom: 1% !important;
    }
    
    .info-card:hover .back {
    -webkit-transform: rotateY(0);
    }
    
    .info-card:hover .front {
    -webkit-transform: rotateY(180deg);
    }
    
    .khal-box{
    width: 95%;
    height: 95%;
    }
    
    #howwe{
    background-color: #f9d44e;
    }
    
    .pos-khal-relative{
        position: unset !important;
    }
    hr {
        width: 90%;
        color: #ccc;
        background-color: #ccc;
        border: 0px;
        height: 1px;
        background-image: linear-gradient(to right, #ccc, #b9afaf, #ccc);
    }
    
    .feature-box-custom-resource{
        background-color: #1e5c6b;
        padding-top: 60px;
    }