.custom-box-shadow {
    box-shadow: 0 0 10px rgb(0 0 0 / 7%);
}

.contact .info {
width: 100%;
background: #fff;
}
.contact .info i, .social-links i {
font-size: 20px;
float: left;
width: 44px;
height: 44px;
background: #f2f2f2;
color: #000;
display: flex;
justify-content: center;
align-items: center;
border-radius: 50px;
transition: all 0.3s ease-in-out;
}
.contact .info h4 {
padding: 0 0 0 60px;
font-size: 22px;
font-weight: 600;
margin-bottom: 5px;
color: #37423b;
}
.contact .info p {
padding: 0 0 0 60px;
margin-bottom: 0;
font-size: 14px;
color: #657a6d;
}
.social-links i:hover {
background: #000;
color: #fff;
text-decoration: none;
}
.scrollspy-example {
    height: 360px;
    margin-top: .5rem;
    overflow: auto;
}
.avatar {
    position: relative;
    width: 32px;
    height: 32px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #ffffff;
    line-height: 1;
    font-size: 14px;
    border-radius: 50%;
    -o-object-fit: cover;
    object-fit: cover;
    background-color: #44546f;
}