first upload all files

Themes/Storefront/resources/assets/public/sass/base/_carousel.scss

@@ -0,0 +1,150 @@
+.slick-list {
+    .slick-track {
+        float: left;
+    }
+}
+
+.slick-dotted {
+    &.slick-slider {
+        margin-bottom: 0;
+    }
+}
+
+.slick-prev,
+.slick-next {
+    z-index: 1;
+
+    &:before {
+        font-family: 'Line Awesome Free';
+        font-size: 14px;
+        font-weight: 900;
+        color: $color-gray-dark;
+        opacity: 1;
+        transition: $transition-default;
+    }
+
+    &:hover {
+        &:before {
+            color: $color-default;
+            color: var(--color-primary);
+        }
+    }
+}
+
+.slick-prev:before {
+    content: '\f104';
+}
+
+.slick-next:before {
+    content: '\f105';
+}
+
+.rtl {
+    .slick-prev:before {
+        content: '\f105';
+    }
+
+    .slick-next:before {
+        content: '\f104';
+    }
+}
+
+.slick-lightbox {
+    .slick-prev,
+    .slick-next {
+        &:before {
+            font-size: 24px;
+        }
+    }
+
+    .slick-lightbox-close {
+        right: 13px;
+
+        &:before {
+            font-family: 'Line Awesome Free';
+            font-weight: 900;
+            font-size: 20px;
+            content: '\f00d';
+            transition: $transition-default;
+        }
+
+        &:hover {
+            &:before {
+                color: $color-default;
+                color: var(--color-primary);
+            }
+        }
+    }
+}
+
+.slick-dots {
+    bottom: 0;
+    display: flex;
+    flex-wrap: wrap;
+    justify-content: center;
+    margin-bottom: -12px;
+
+    li {
+        height: 10px;
+        width: 10px;
+        margin: 0 8px 12px;
+        transition: $transition-primary;
+
+        button {
+            height: 10px;
+            width: 10px;
+            padding: 0;
+            transition: $transition-primary;
+
+            &:before {
+                content: '';
+                font-size: 14px;
+                height: 10px;
+                width: 10px;
+                background: $color-default;
+                background: var(--color-primary);
+                border-radius: 5px;
+                transition: $transition-primary;
+
+            }
+        }
+
+        &.slick-active {
+            width: 30px;
+
+            button {
+                width: 30px;
+
+                &:before {
+                    width: 30px;
+                    opacity: 1;
+                }
+            }
+        }
+    }
+}
+
+.arrow-prev.slick-arrow,
+.arrow-next.slick-arrow {
+    position: absolute;
+    font-size: 14px;
+    padding: 4px 0;
+    color: $color-gray-dark;
+    z-index: 1;
+    cursor: pointer;
+    transition: none;
+
+    &:hover {
+        font-weight: 500;
+        color: $color-default;
+        color: var(--color-primary);
+    }
+}
+
+.arrow-prev {
+    right: 69px;
+}
+
+.arrow-next {
+    right: -3px;
+}

Themes/Storefront/resources/assets/public/sass/base/_reset.scss

@@ -0,0 +1,93 @@
+html {
+    font-family: $primary-font;
+}
+
+body {
+    direction: ltr;
+    font-family: $primary-font;
+    font-size: 15px;
+    font-weight: 400;
+    font-style: normal;
+    min-width: 320px;
+    color: $color-black;
+    overflow-x: hidden;
+}
+
+h1, h2, h3, h4, h5, h6 {
+    color: $color-black;
+}
+
+h1, h2, h3, h4, h5, h6,
+ul, ol, li, address, p {
+    margin: 0;
+    padding: 0;
+}
+
+div, a, button {
+    &:active, &:focus, &:visited {
+        outline: 0;
+    }
+}
+
+a {
+    transition: $transition-default;
+
+    &:hover {
+        text-decoration: none;
+    }
+}
+
+b, strong {
+    font-weight: 500;
+}
+
+.tooltip {
+    pointer-events: none;
+
+    > .tooltip-inner {
+        font-size: 12px;
+        padding: 4px 8px;
+        border-radius: $radius-default;
+    }
+}
+
+.container {
+    padding-left: 4.5%;
+    padding-right: 4.5%;
+}
+
+@media screen and (min-width: 1920px) {
+    .container {
+        max-width: 1770px;
+        padding-left: 15px;
+        padding-right: 15px;
+    }
+}
+
+@media screen and (min-width: 2200px) {
+    .container {
+        max-width: 1920px;
+    }
+}
+
+@media screen and (max-width: 1920px) {
+    .container {
+        max-width: 100%;
+        padding-left: 4%;
+        padding-right: 4%;
+    }
+}
+
+@media screen and (max-width: 1500px) {
+    .container {
+        padding-left: 1.5%;
+        padding-right: 1.5%;
+    }
+}
+
+@media screen and (max-width: $lg) {
+    .container {
+        padding-left: 15px;
+        padding-right: 15px;
+    }
+}

Themes/Storefront/resources/assets/public/sass/base/_typography.scss

@@ -0,0 +1,38 @@
+h1, h2, h3, h4, h5, h6, p, span {
+    font-family: $primary-font;
+}
+
+h1 {
+    font-size: 36px;
+    line-height: 44px;
+}
+
+h2 {
+    font-size: 28px;
+    line-height: 36px;
+}
+
+h3 {
+    font-size: 24px;
+    line-height: 30px;
+}
+
+h4 {
+    font-size: 20px;
+    line-height: 28px;
+}
+
+h5 {
+    font-size: 18px;
+    line-height: 24px;
+}
+
+h6 {
+    font-size: 15px;
+    line-height: 18px;
+}
+
+p {
+    font-size: 15px;
+    line-height: 22px;
+}