.text {
            text-align: justify;
            font-size: 1.1rem;
            color: #4B5563;
        }

        bold {
            font-weight: bolder;
        }

        .btn {
            align-items: center !important;
            display: flex !important;
            justify-content: center !important;
        }

        @media (max-width: 767px) {                
                 .hero-img {
                    margin-top: 20px;
                }
        }
        .image{
            border-radius: 50%;
        }
        .fade-image {
            -webkit-mask-image: radial-gradient(circle,
                rgba(0, 0, 0, 1) 50%,
                rgba(0, 0, 0, 0) 70%);
            mask-image: radial-gradient(circle,
                rgba(0, 0, 0, 1) 50%,
                rgba(0, 0, 0, 0) 70%);
            }
   .hero-img {
        max-width: 100%;
        height: auto;
    }