Child theme style.css not overriding parent

Hello,

For some reason my child theme style.css file does not seem to work as it should. Any changes I make to the child css does not affect my website. The theme I am using is a purchased theme called Maya Shop. This theme already had a child theme set-up. I also checked on how child themes are made to ensure I had the correct file types.

This is what my current styles.css file looks like in my maya-child folder.

/*
Theme name: Maya Shop Child
Description: The start base for easy theme wordpress development.
Version: 2.6.0
Author: Your Inspiration Themes
Author URI: https://yithemes.com/
License: GNU General Public License version 3.0
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: black, red, white, light, one-column, two-columns, left-sidebar, right-sidebar, fixed-width, custom-colors, custom-header, custom-background, custom-menu, editor-style, theme-options, threaded-comments, sticky-post, translation-ready
template: maya
*/

@import url(“../maya/style.css”);

/* Below you can write your style */

#header {
background: url(‘https://jksastrology.com/wp-content/uploads/2014/08/Astrology-element-header4.jpg’) no-repeat center;
background-size: 100%;
padding-bottom: 190px;
}
#nav {
position: absolute;
margin-top: 160px;
width: 100%;
}
#content {
margin-top: 30px;
}

I have been trying to troubleshoot this myself for a few days now, even looking on many forums, but with no luck. My main theme is located in the folder maya. My child theme is in the folder maya-child.

Here are things I have tried so far:
– Cleared browser cache.
– Made sure there are no cache related plugins.
– Tried the full import url address.
– Checked to see if the parent css file was changed due to changes on the child css. Nothing happened.

I really would appropriate any help.

Kind regards,

Jamie