.head-off-div {
    /* margin-top: 40px !important; */
  
    text-align: center;
    color: black !important;
   
}
.head-off:hover {
   cursor: pointer;
}
.head-off-div span {
    font-weight: bold;
    font-size: larger;
    color: black !important;
}


.head-off {
    height: 70px;
    box-shadow: 0px 0px 5px rgb(223, 221, 221);
    height: 200px;
    margin-bottom: 10px;
    margin: auto;
    color: black !important;
    border-radius: 10px;
    
    background-color: #f8f8f8;

}
.head-off i{
    font-size: 42px;
    padding: 15px;
    width: 75px;
    height: 75px;
    color: var(--second-color);
    background-color: var(--main-color);
    position: absolute;
    bottom: 150px;
    transform: rotate(45deg);
    left: 39%;
    transition: 1s;
    border: 1px solid lightgray;
    background-color: #f8f8f8;
}

/* .head-off:hover{
    background-color: transparent;
} */

.head-off:hover i{
    transform: rotate(0deg);
    background-color: var(--bg-color);
}

#mycontact .map, #mycontact .fa-phone, #mycontact .env, #mycontact .fa-clock-o {
    font-size: 45px !important;
    margin-top: 30px;
    margin-bottom: 10px;
    color: #111284 !important;
    width: 100%;
    text-align: center;
}

.contactwid{
    margin-top: 40px;
}

h1{
   
    text-align: center;
    font-weight: bolder !important;
    color: #111284;
    letter-spacing: 5px;
}
h4{
    font-weight: bolder !important;
  
}