#howit.howit-three{
    padding-top: var(--section-space);
    padding-bottom: var(--section-space);
    justify-content: center;
    align-items: center;
    display: flex;
}
#howit.howit-three .howit-container{
    gap: var(--space-2xl);
    display: flex;
    flex-direction: column;
}
#howit.howit-three .howit-top{
    display: flex;
    flex-direction: column;
    align-items: center;
}
#howit.howit-three .howit-bottom{
    display: flex;
    flex-direction: row;
    align-items: center;
    place-items: center;
    justify-content: center;            
    gap: var(--space-3xl);
}
#howit.howit-three .howit-items-list{
    display: flex;
    text-align: center;
    align-self: flex-start;
    max-width: 362px;
}
#howit.howit-three #tagline1{
    color: var(--text-body);
    text-align: center;
    width: 55%;
}
#howit.howit-three .number{
    font-size: var(--h3);
    font-weight: 700;
    border-radius: var(--radius-full);
    background-color: var(--primary);
    color: var(--light);
    padding: var(--space-3xs);
    align-self: center;
    margin-bottom: var(--space-xs);
    height: 50px;
    width: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
}
#howit.howit-three .howit-tagline{
    color: var(--text-body);
    font-family: var(--secondary-font);
    font-size: var(--text-display);
    font-weight: 600;
    margin-bottom: var(--space-xs);
}
#howit.howit-three .howit-heading{
    color: var(--text-title);
    font-family: var(--primary-font);
    font-size: var(--h2);
    font-weight: 700;    
    margin-bottom: var(--space-s);
    text-align: center;
}
#howit.howit-three .howit-short-heading{
    color: var(--text-title);
    font-family: var(--primary-font);
    font-size: var(--h3);
    font-weight: 700;    
    margin-top: var(--space-xs);
    margin-bottom: var(--space-xs);
}
#howit.howit-three .howit-text{
    color: var(--text-body);
    font-family: var(--secondary-font);
    font-size: var(--text);
    font-weight: 400;
}
@media only screen and (max-width: 768px) {
    #howit.howit-three .howit-content{
        width: 100%;
    }
    #howit.howit-three .howit-items-list{
        display: flex;
        text-align: center;
        align-self: center;
        max-width: 362px;
        gap: var(--space-m);
    }
    #howit.howit-three .howit-tagline{
        margin-bottom: 12px;
    }
    #howit.howit-three .howit-heading{
        margin-bottom: var(--space-xs);
    }
    #howit.howit-three #tagline1{
        width: 100%;
    }
    #howit.howit-three .howit-bottom{
        flex-direction: column;
    }
}