.overlay {
  /* background-color: rgba(255, 255, 255, .1); */
  /* padding: 50px; */
  border-radius: 32px;
  color: #fff;
  position: absolute;
  text-align: center;
  margin: auto;
  left: 0px;
  right: 0px;
  bottom: 60px;
  max-width: 545px;
  height: fit-content;
  z-index: 100;
}

.overlay h1 {
  text-shadow: 0px 6px 10px #000000;
}

.overlay p {
  color: #fff;
  text-shadow: 0px 6px 10px #000000;
}
.card-content .icon {
    position: absolute;
    right: 80px;
    top: -36px;
}


 #how-it-works
        {
            background-image: url("data:image/svg+xml,%3Csvg width='880' height='226' viewBox='0 0 880 226' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='440' cy='-214' r='439.5' stroke='%23773DBD' stroke-miterlimit='3.8637' stroke-dasharray='1 8'/%3E%3Ccircle opacity='0.8' cx='440' cy='-214' r='379.5' stroke='%23773DBD' stroke-miterlimit='3.8637' stroke-dasharray='1 8'/%3E%3Ccircle opacity='0.6' cx='440' cy='-214' r='319.5' stroke='%23773DBD' stroke-miterlimit='3.8637' stroke-dasharray='1 8'/%3E%3Ccircle opacity='0.4' cx='440' cy='-214' r='259.5' stroke='%23773DBD' stroke-miterlimit='3.8637' stroke-dasharray='1 8'/%3E%3C/svg%3E");

            background-repeat: no-repeat;
            background-position-x: center;
        }

        .work
        {
            position: relative !important;
            width:fit-content;
            left:unset !important;
            right: unset !important;
            top: unset !important;
            height: fit-content !important;
        }

        .work.active {
            transition: all .5s;
            background-color: #773DBD;
            color: #fff;
        }

        .point-content
        {
            position:absolute;
            width:calc(100% - 130px);
            left:0px;
            opacity:0;
            animation-name: fadeOutAnim;
            animation-duration: .5s;
            z-index: 0;
            

        }
        .point-content.active img
        {
            width:100%;
            margin-left:0px;
        }
        .point-content img
        {
            margin:auto;
            width:calc(100% - 24px);
            margin-left:12px;
        }
        

        .point-content.active
        {
            opacity:1;
            width:100%;
            position:relative;
        
            top:20px;
            animation-name: fadeInAnim;
            animation-duration: .5s;
            z-index: 10;
        }

        @keyframes fadeOutAnim
        {
            0%
            {
            width: 100%;
                opacity:1;
                z-index: 10;
            }
    
            100%
            {
                width: 100%;
                opacity:0;
                z-index: 10;
            
            }

        }

        @keyframes fadeInAnim
        {
            0%
            {
                width: 100%;
                opacity:0;
            }
    
            100%
            {
                width: 100%;
                opacity:1
            }
        }