1 files changed, 139 insertions, 0 deletions
diff --git a/src/main/resources/static/scss/_prising.scss b/src/main/resources/static/scss/_prising.scss
new file mode 100644
index 0000000..1afa33f
--- /dev/null
+++ b/src/main/resources/static/scss/_prising.scss
@@ -0,0 +1,139 @@
+.prising_area{
+    position: relative;
+    background: #fdf9f6;
+    padding-top: 144px;
+    padding-bottom: 100px;
+    z-index: 0;
+    &::after{
+        position: absolute;
+        left: 0;
+        top: 0;
+        content: '';
+        background-image: url(../../static/img/banner/prise_bg.png);
+        height: 100%;
+        width: 100%;
+        opacity: .04;
+        z-index: -1;
+    }
+    .prise_title{
+        h4{
+            font-size: 25px;
+            color: #eb592d;
+            margin-bottom: 35px;
+        }
+    }
+    .single_service{
+        margin-bottom: 50px;
+        .service_inner{
+            .thumb{
+                img{
+                    width: 60px;
+                    height: 60px;
+                    @include border-radius(50%);
+                    overflow: hidden;
+                }
+            }
+        }
+        .hair_style_info{
+            padding-left: 20px;
+            .prise{
+                margin-bottom: 5px;
+                position: relative;
+                &::before{
+                    position: absolute;
+                    height: 1px;
+                    content: '';
+                    border-bottom: 1px dashed#d7d4d1;
+                    bottom: 7px;
+                    left: 29%;
+                    right: 12%;
+                }
+                span{
+                    font-size: 16px;
+                    color: #222222;
+                    font-family: $font1;
+                }
+            }
+            p{
+                font-size: 16px;
+                color: #7f7f7f;
+                font-weight: 400;
+                margin-bottom: 0;
+            }
+        }
+    }
+    .prising_active{
+        @media #{$mobile_device}{
+            display: block !important;
+        }
+        .single_prising{
+            overflow: hidden;
+            -webkit-box-flex: 45%;
+            -ms-flex: 45% 0 0px;
+                flex: 45% 0 0;
+                @media #{$mobile_device}{
+                    -webkit-box-flex: 100%;
+                    -ms-flex: 100% 0 0px;
+                        flex: 100% 0 0;
+                }
+           .service_inner{
+            // flex: 10% 0 0;
+            float: left;
+            overflow: hidden;
+           }
+           .hair_style_info{
+            // flex: 90% 0 0;
+            overflow: hidden;
+           }
+        }
+    }
+
+
+    .owl-carousel .owl-nav div.owl-next {
+        left: auto;
+        right: 0;
+    }
+    .owl-carousel .owl-nav div.owl-prev {
+        left: auto;
+        right: 54px;
+    }
+    .owl-carousel .owl-nav div {
+        left: 0;
+        background: #000;
+        width: 34px;
+        height: 34px;
+        line-height: 34px;
+        text-align: center;
+        @include border-radius(4px);
+        border: 1px solid #ddc4c4;
+        background: #fff;
+        font-size: 14px;
+        color: #f39b80 !important;
+        left: auto;
+        top: -96px;
+        right: 10px;
+		-webkit-transform: translateY(0%);
+			-ms-transform: translateY(0%);
+				transform: translateY(0%);
+    }
+    .owl-carousel .owl-nav div {
+        color: #7E8D9A;
+        &:hover{
+            background: #F91842;
+            border-color: #eb592d;
+            color: #fff  !important;
+        }
+    }
+    .owl-carousel .owl-nav div.owl-prev i {
+
+        position: relative;
+        right: 1px;
+        top: -1px;
+    }
+    .owl-carousel .owl-nav div.owl-next i {
+
+        position: relative;
+        right: 0;
+        top: -1px;
+    }
+}
+\ No newline at end of file