.counter-container {
            display: flex;
            justify-content: space-evenly;
            align-items: center;
            flex-wrap: wrap;
            padding: 2rem 0;
        }

        .social {
            width: 20%;
            display: flex;
            justify-content: center;
            align-items: center;
            flex-direction: column;
            padding:15px
        }

        .social-icon {
            font-size: 2rem;
            color: #fff;
            border-radius: 50%;
        }

        .social-icon i {
            padding: 0.7rem;
            border-radius: 50%;
        }



        .social p {
            font-size: 14px;
            font-family: sans-serif;
            padding: 10px 0;
        }

        .social h3 {
            font-size: 14px;
            font-weight: 500;
            font-family: "Nunito", sans-serif;
            color:#000077
        }