Not sure what your end goal is but:
.elementor-2245 .elementor-element.elementor-element-3b12895 .elementskit-navbar-nav > li > a .elementskit-submenu-indicator {
color: #f34;
transform: rotate(45deg);
}
That will make it orange and turn it 45 degrees.
This arrow? See https://i.imgur.com/PWl76BX.png

This is the CSS that sets the arrow. The actual “text” is in the first one,
.ekit-wid-con .fasicon.icon-down-arrow1:before, .ekit-wid-con .icon.icon-down-arrow1:before, .icon.icon-down-arrow1:before {
content: "";
}
.ekit-wid-con .fasicon, .ekit-wid-con .icon, .ekit-wid-con .icon:before, .fasicon, .icon, .icon:before {
font-family: "elementskit"!important;
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
The “elementskit” font is the key here. You need to find the right code for the “content” piece. I recommend asking at https://wordpress.org/support/plugin/elementskit-lite/#new-post so the plugin’s / theme’s developers and support community can help you with this.
Alright thanks so much guys. Very grateful.