From c9b12f29ed609f89c8c71fd227f21650eb2d05da Mon Sep 17 00:00:00 2001
From: ananthvijay <ananthvijay@bizgaze.com>
Date: Thu, 26 Jan 2023 22:25:41 +0530
Subject: [PATCH] css for home and shopping cart pages

---
 styles/pages/_home.scss          | 202 +++++++++++++++++++++++++++++++
 styles/pages/_shopping-cart.scss |  45 +++++++
 2 files changed, 247 insertions(+)
 create mode 100644 styles/pages/_home.scss
 create mode 100644 styles/pages/_shopping-cart.scss

diff --git a/styles/pages/_home.scss b/styles/pages/_home.scss
new file mode 100644
index 0000000..e55fc70
--- /dev/null
+++ b/styles/pages/_home.scss
@@ -0,0 +1,202 @@
+/* home page */
+
+.button_dark.btn-dark {
+    background-color: #000000 !important;
+    font-family: "Satoshi", sans-serif;
+}
+
+.button_dark.btn-dark:hover {
+    background-color: #000000 !important;
+    font-family: "Satoshi", sans-serif;
+    opacity: 1 !important;
+}
+
+.home-main-container #navbar-head {
+    .navbar-nav .nav-item .nav-link {
+        color: #000000;
+        font-family: "Satoshi", sans-serif;
+    }
+}
+
+.hero-banner {
+    background-image: url(../../dist/assets/imgs/Home/banner.png);
+    // background-color: #cccccc;
+    background-size: cover;
+    background-repeat: no-repeat;
+    background-position: center center;
+    background-position-y: -100px;
+    // home-banner
+    .banner-main-container {
+        height: 475px;
+    }
+}
+
+.home-main-container .offer-main-sec {
+    .offer-sec {
+        margin-top: -35px;
+    }
+}
+
+.home-main-container .aw-feature-name {
+    h5 {
+        transform: rotate(180deg);
+        transform-origin: center center 0;
+        writing-mode: vertical-rl;
+    }
+}
+
+.home-main-container .out-of-world .card {
+    background-color: #0FA5C5;
+}
+
+.home-main-container .aw-support-sec {
+    .aw-support-sec-main-container {
+        background-color: #F2F9FB;
+    }
+    .news-letter-sec .news-letter-email:focus {
+        border-bottom: 1px solid white;
+        outline: none;
+    }
+    .news-letter-sec .news-letter-email::placeholder {
+        color: white;
+    }
+}
+
+.home-main-container .owl-carousel.star-products-img-sec .owl-dots {
+    text-align: left;
+    .owl-dot span {
+        height: 3px;
+        width: 25px;
+    }
+    .owl-dot.active {
+        color: #000000;
+    }
+}
+
+.home-main-container .owl-carousel.star-products-img-sec .owl-nav {
+    text-align: right;
+    margin-right: 5rem;
+}
+
+@media (min-width:1900px) {
+    .hero-banner {
+        background-size: 100% 100%;
+    }
+    .products-main-container .col-md-6 {
+        text-align: center !important;
+        .product-heading span {
+            text-align: center !important;
+            margin: auto !important;
+        }
+    }
+}
+
+@media (min-width:769px) and (max-width:1024px) {
+    .home-main-container {
+        .aw-partners.sec-space-1 {
+            margin-top: 0px;
+        }
+        .aw-partners .sec-space-3 {
+            margin-right: 60px;
+        }
+        .offer-main-sec {
+            .offer-sec {
+                margin-top: -30%;
+            }
+        }
+        .news-letter-sec {
+            .card-body.px-5 {
+                padding: 20px !important;
+            }
+        }
+        .news-letter-sec {
+            a.button_dark {
+                padding: 10px 5px;
+            }
+        }
+    }
+}
+
+@media (min-width:298px) and (max-width:768px) {
+    .home-main-container {
+        h5,
+        h6 {
+            font-size: 1rem;
+        }
+        .sec-space-1,
+        .sec-space-2 {
+            margin-top: 40px;
+        }
+        .banner-main-container {
+            height: 275px;
+            text-align: center;
+            .col-md-6 {
+                margin-top: 0px;
+            }
+            h1 {
+                font-size: 2rem;
+            }
+        }
+        .hero-banner {
+            background: #cccccc;
+        }
+        .mobile-text-center {
+            text-align: center;
+        }
+        // .aw-partners img {
+        //     width: 150px;
+        //     height: 50px;
+        // }
+        // .aw-partners .windows-icon-mb img {
+        //     width: 60px;
+        //     height: 50px;
+        // }
+        .aw-feature-name h5 {
+            transform: rotate(0deg);
+            writing-mode: horizontal-tb;
+        }
+        .products-main-container {
+            .enterprise-prd {
+                margin-top: 10px;
+            }
+        }
+        .news-letter-sec {
+            a.button_dark {
+                padding: 10px 5px;
+            }
+        }
+        .owl-carousel.star-products-img-sec .owl-nav {
+            text-align: center;
+            margin-right: 0px;
+        }
+        .star-products {
+            .owl-dots {
+                display: none;
+            }
+        }
+        .aw-support-sec-main-container {
+            .row {
+                margin: 0px !important;
+                text-align: center;
+            }
+            .col-md-4 {
+                border: none !important;
+            }
+            .support-sec-heading {
+                padding: 0 !important;
+            }
+        }
+    }
+    .footer-wrapper {
+        .accordion-button,
+        .accordion-body {
+            font-family: "Satoshi", sans-serif;
+            color: white;
+            background-color: #000000;
+        }
+        .accordion-button:not(.collapsed)::after,
+        .accordion-button.collapsed::after {
+            background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
+        }
+    }
+}
\ No newline at end of file
diff --git a/styles/pages/_shopping-cart.scss b/styles/pages/_shopping-cart.scss
new file mode 100644
index 0000000..7b484e6
--- /dev/null
+++ b/styles/pages/_shopping-cart.scss
@@ -0,0 +1,45 @@
+// shopping-cart
+.shopping-cart-main-container {
+    * {
+        font-family: "Satoshi", sans-serif;
+    }
+    h6 {
+        padding: 10px;
+        margin-bottom: 0;
+    }
+    background-color: #F5FFEA;
+    padding-bottom: 50px;
+    .cart-sec-highlighter {
+        .text-muted {
+            color: #C5C5C5 !important;
+        }
+    }
+    .alert-display-sec {
+        z-index: 1;
+    }
+}
+
+#footer-head {
+    .footer-wrapper.sec-space-1 {
+        margin-top: 0;
+    }
+}
+
+@media (max-width:1300px) {
+    .cart-sec-highlighter h5 {
+        font-size: 0.8rem;
+    }
+}
+
+@media (max-width:768px) {
+    .cart-sec-highlighter,
+    .shopping-cart-details-row-1 {
+        display: none !important;
+    }
+    .buy-together-sec {
+        text-align: center;
+        .row {
+            padding: 10px;
+        }
+    }
+}
\ No newline at end of file