Go To _fonts.scss (assets/scss/custom/_fonts.scss )
if you want to change another font-family Go to the site Google Fonts And Select One font Family and import In to style.css file
/*-------- Font-Family-------*/
@import url(https://fonts.googleapis.com/css?family=Muli:400,600,700);
@import url(https://fonts.googleapis.com/css?family=Maven+Pro:400,500,700);
body {
direction: ltr;
touch-action: manipulation;
font-feature-settings: "liga"0;
overflow-y: scroll;
position: relative;
margin: 0;
font-size: 14px;
font-weight: 400;
line-height: 1.5;
color: #605e7e;
text-align: left;
background-color: #f1eef7;
font-family: Muli, sans-serif;
}
Example:

Go To "assets/images/brand" folder and replace your logo with Previous Logos within in image size. note: Please don't increase logo sizes. Replace your logo within given image size. otherwise the logo will not fit in particular place it disturbs the template design.
open switcher-custom.jsfile go to Dark Theme. and remove comments for dark-theme to enable dark-theme style as shown in below
dark-theme as shown below
open switcher-custom.jsfile go to RTL Version. and remove comments for rtl to enable RTL Version style as shown in below
rtl as shown below
To enable the switcher then you must have to place below HTML, CSS, JS in your html page.