.star-img {
     position: absolute;
     right: 25px;
     top: -10vw;
     width: 18vw;
     -webkit-animation: spin 0.5s infinite linear;
}
@-webkit-keyframes spin{
     0% {-webkit-transform: rotate(0deg);}
     100% {-webkit-transform: rotate(360deg);}
}


.how-it-works {

font-family: 'Urbane';

font-style: normal;

font-weight: 600;

font-size: 80px;

line-height: 84px;

padding-left: 1rem;

color: #FFFFFF;
}

.three-part-image-image {
     width: 83%;
}

.three-part-image-heading {
     padding: 0px;
     margin: 0px;
     /* padding-left: 2vw; */

     color: #FFFFFF;
}

.three-part-image-sub-heading {
     padding: 0px;
     margin: 0px;
     /* padding-left: 2vw; */
     line-height: 23px;
     color: #FFFFFF;
     margin-top: 14px;
     font-weight: 100;
     font-size: 17px;
}

.my-row {

     /* display: flex;
     justify-content: flex-end;
     flex-direction: row;
     align-content: flex-start; */
     margin-top: 82px;

}


.my-row>div>div {
     /* background-color: #FFFFFF; */
     width: auto;
     height: auto;
     border-radius: 10px;
}


/* responsive ..... */
@media only screen and (max-width: 767px) {
     .how-it-works {
          font-size: 10vw;
          line-height: 37px;
     }

     .three-part-image-image {
          width: 30vw;
          /* height: 100%; */
     }

     .my-row {
          margin-top: 50px;
     }

     .my-row>div {
          margin-bottom: 34px;
     }

     .my-card {
          display: flex;
     }

     .three-part-image-heading {
          font-size: 20px;
     }

     .three-part-details{
          align-self: center;
     }
}


@media only screen and (max-width: 425px) {}