.footul {
    display: flex;
    cursor: pointer;

    .baghf {
        list-style-type: none;
        padding: 10px;
        position: relative;
        bottom: 790px;
        left: 68px;
       
    }
    .hapurf {
        list-style-type: none;
        padding: 10px;
        position: relative;
        bottom: 754px;
        left: 64px;
    }

    .lakhanpurf {
        list-style-type: none;
        padding: 10px;
        position: relative;
        bottom: 415px;
        left: 323px;;

    }

    .mandhanaf {
        list-style-type: none;
        padding: 10px;
        position: relative;
        bottom: 396px;
        left: 325px;

    }

    .ghaziyabadf {
        list-style-type: none;
        padding: 10px;
        position: relative;
        bottom: 700px;
        left: 16px;

    }

    .greaternoidaf {
        list-style-type: none;
        padding: 10px;
        position: relative;
        bottom: 658px;
        left: -75px;


    }
    .noidaf {
        list-style-type: none;
        padding: 10px;
        position: relative;
        bottom: 649px;
        left: -156px;


    }
    .headofficef {
        list-style-type: none;
        padding: 10px;
        position: relative;
        bottom: 609px;
        left: -175px;


    }
    .mathuraf{
        list-style-type: none;
        padding: 10px;
        position: relative;
        bottom: 563px;
        left: -222px;


    }
}

.large {
    position: absolute;
    display:none;
}

.baghf:hover .large {
    display: block;
    left: 650px;
    top: -140px;
}

.hapurf:hover .large {
    display: block;
     left: 640px;
    top: -140px;
}

.lakhanpurf:hover .large {
    display: block;
     left: 250px;
    top: -400px;
}

.mandhanaf:hover .large {
    display: block;
     left: 250px;
    top: -400px;
}

.ghaziyabadf:hover .large {
    display: block;
     left: 650px;
    top: -140px;
}

.greaternoidaf:hover .large {
    display: block;
     left: 600px;
    top: -140px;
}
.noidaf:hover .large {
    display: block;
     left: 650px;
    top: -140px;
}
.headofficef:hover .large {
    display: block;
    left: 650px;
    top: -140px;
}
.mathuraf:hover .large {
    display: block;
    left: 650px;
    top: -140px;
}

.large-image {
    box-shadow: 1px 1px 3px 3px rgba(127, 127, 127, 0.15);
    width: 350px;
    border-top-left-radius: 21px;
    border-top-right-radius: 21px;
    border: 2px solid;
}
.hos_foot{
        background-color: #223555;
        border-bottom-left-radius: 21px;
        border-bottom-right-radius: 21px;
}

.footheading {
    text-align: center;
        color: #B89B5E;
        padding: 14px;
        margin-top: 0px;
}
@media(max-width:991px) {
    .footul {
      display: none !important;
    }
}