Create WordPress Dual color heading using Elementor HTML widget[free version]

Hey folks! Want to achieve Dual colour heading where one part has certain properties such as color, font-size and other part has a different set of properties??

Get Elementor Pro:
https://bit.ly/designelementorpro

Create a Dual Color Heading without writing code[Easy and Fast]:
https://youtu.be/TyRkE6bVcT4

You can simply do it by using html widget in Elementor and Custom CSS. You can set text decoration, font-size, font weight separately for both parts in the Same Heading Widget.

Watch the video and follow the instructions below
Part 1: Find the HTML code in the first comment:

Part 2: Add the following Code into Custom Css Under Advanced tab in Elementor
/*Code starts from below*/
.noted{
/* color:red;*/
font-family: Tahoma;
font-weight: 400;
/*Apply any of the below properties here*/
}

.note{
color:blue;
font-style: italic;
font-family: Times New Roman;
font-weight: 100;

text-decoration: underline red wavy;
/* Replace wavy with solid,double,dotted or dashed and change color*/

/*background-image: linear-gradient(135deg, red,pink,green)*/

/*Delete Optional or Replace it with 3rd part if you like*/

}
/*Code end with above line */

**Some Important Links**

Elementor Custom Breakpoints Tutorial:
https://youtu.be/xY0_iC72ca4

Join the Facebook Group: https://www.facebook.com/groups/designschoolwp

Design your website: https://www.youtube.com/playlist?list=PL19jB3vK-qIUWYcJE0r2oFjRxMLxPBLFt

Build your website: https://www.youtube.com/playlist?list=PL19jB3vK-qIXBIpyRqq8nrjb6Z14l-7gs

Customise your website:
https://www.youtube.com/playlist?list=PL19jB3vK-qIWUqfAvRsGpbcrkmEnedXd8