Merge branch 'master' of https://git.logicloop.io/jaymehta/zango-frontend

public/images/icons/arrow-left-w.svg

+<svg width="14" height="23" viewBox="0 0 14 23" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M11.7904 2.87891L3 11.6693L11.7904 20.4597" stroke="white" stroke-width="4" stroke-linecap="round"/>
+</svg>

public/images/icons/arrow-right-w.svg

+<svg width="15" height="22" viewBox="0 0 15 22" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M2.93652 19.5808L11.7269 10.7904L2.93652 2" stroke="white" stroke-width="4" stroke-linecap="round"/>
+</svg>

styles/globals.css

@@ -367,6 +367,7 @@ header {
 }
 .header-search .rbt .rbt-input-main {
   padding-right: 2.5rem;
+  font-size: 0.833vw;
 }
 .header-search > .form-control {
   font-size: 0.833vw;
@@ -2067,7 +2068,7 @@ span.form-error,
 
 .testimonial-item {
   text-align: center;
-  padding: 0 15rem;
+  padding: 0 13vw;
 }
 .testimonial-item .image {
   padding: 0.2rem !important;
@@ -2926,10 +2927,10 @@ input[type="number"]::-webkit-outer-spin-button {
   width: 106%;
 }
 .mySwiper01 .swiper-button-prev:after {
-  background: url(/images/icons/arrow-left.svg) no-repeat center;
+  background: url(/images/icons/arrow-left-w.svg) no-repeat center;
 }
 .mySwiper01 .swiper-button-next:after {
-  background: url(/images/icons/arrow-right.svg) no-repeat center;
+  background: url(/images/icons/arrow-right-w.svg) no-repeat center;
 }
 
 .swiper.mySwiper02 {
@@ -2946,7 +2947,7 @@ input[type="number"]::-webkit-outer-spin-button {
   position: absolute;
   left: 0;
   width: 107%;
-  margin-left: -45px;
+  margin-left: -2.5vw;
 }
 
 .swiper-nav {
@@ -3779,6 +3780,13 @@ img:hover {
   }
 }
 @media (max-width: 1023px) {
+  .swiper-nav, .home_nav {
+    margin-left: -33px;
+}
+  .top-btn {
+    margin-bottom: 1rem;
+    margin-top: 1rem;
+}
   .swiper-nav,
   .home_nav {
     margin-left: -25px;
@@ -3826,6 +3834,12 @@ img:hover {
 }
 
 @media (max-width: 767px) {
+  .sub-categories {
+    margin-bottom: 1rem;
+}
+  .header-search .rbt .rbt-input-main {
+    font-size: 1rem;
+}
   .gift-card-amt ul li a,
   .gift-card-amt ul li label {
     min-width: 40vw;