tabexseriescomponents 0.0.65 → 0.0.67

package/{srcOLD → src1-10}/styles/general/bootstrap.css

@@ -2,6 +2,7 @@
 @import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
 @import url('https://fonts.googleapis.com/css2?family=Playfair+Display&family=Roboto:wght@100;300;400;500;700;900&display=swap');
 @import url('https://fonts.googleapis.com/css2?family=Great+Vibes&family=Roboto:wght@100;300;400;500;700;900&display=swap');
+@import url('https://fonts.googleapis.com/css2?family=Quicksand:wght@300;400;500;600;700&display=swap');
 @font-face {
     font-family: 'Monoton';
     font-style: normal;
@@ -1267,7 +1268,16 @@ hr {
 .d-inline-flex {
     display: inline-flex !important;
 }
-
+@media (max-width: 1025px) {
+    .plr-1025-0{
+        padding-left: 0 !important;
+        padding-right: 0 !important;
+    }
+    .plr-1025-1{
+        padding-left: 1rem !important;
+        padding-right: 1rem !important;
+    }
+}
 @media (min-width: 1025px) {
     .d-xl-none {
         display: none !important;
@@ -3576,6 +3586,10 @@ hr {
     .my-sm-n5 {
         margin-top: -3rem !important;
     }
+    .mt-sm-n6,
+    .my-sm-n6 {
+        margin-top: -4rem !important;
+    }
     .mr-sm-n5,
     .mx-sm-n5 {
         margin-right: -3rem !important;
@@ -3994,7 +4008,11 @@ hr {
 .scrollmenuclasssubscrollbar::-webkit-scrollbar-track {
     background-color: transparent;
 }
-.scrollmenuclassnameitem {
+.scrollmenuclassnameitemProductCardWithTextOnImage{
+    max-width: 330px;
+    min-width: 330px;
+}
+.scrollmenuclassnameitem,.scrollmenuclassnameitemStylishProductCard {
     max-width: 300px;
     min-width: 300px;
 }
@@ -4098,8 +4116,20 @@ hr {
     max-width: 600px;
     min-width: 600px;
 }
+.slideshowCard{
+    max-width: 300px;
+    min-width: 300px;
+}
 @media (max-width: 576px) {
-    .scrollmenuclassnameitemMenuCard{
+    .slideshowCard{
+        max-width: 280px;
+        min-width: 280px;
+    }
+    .scrollmenuclassnameitemStylishProductCard{
+        max-width: 280px;
+        min-width: 280px;
+    }
+    .scrollmenuclassnameitemMenuCardscrollmenuclassnameitemStylishProductCard{
         max-width: 380px;
         min-width: 380px;
     }
@@ -4341,80 +4371,45 @@ hr {
 .GreatvibesFont{
     font-family: 'Great Vibes', cursive !important;
 }
+.Quicksandfont{
+    font-family: 'Quicksand', sans-serif !important;
 
+}
 
+/* /////////////////////////////////////////////////////// */
 
-
-.contact100-btn-hide {
-    background: #fff;
-    border: none;
-    -webkit-border-radius: 50%;
-    -moz-border-radius: 50%;
-    -ms-border-radius: 50%;
-    -o-border-radius: 50%;
-    border-radius: 50%;
-    color: #000;
-    cursor: pointer;
-    outline: none;
-    width: 35px;
-    height: 35px;
-    position: relative;
-    border: 2px solid #ccc;
-    -webkit-transition: -webkit-transform 600ms;
-    -moz-transition: -moz-transform 600ms;
-    -ms-transition: -ms-transform 600ms;
-    -o-transition: -o-transform 600ms;
-    transition: transform 600ms;
-}
-.contact100-btn-hide:hover {
-    -webkit-transform: rotate(360deg) scale(1.1);
-    -moz-transform: rotate(360deg) scale(1.1);
-    -ms-transform: rotate(360deg) scale(1.1);
-    -o-transform: rotate(360deg) scale(1.1);
-    transform: rotate(360deg) scale(1.1);
-    -webkit-transition: -webkit-transform 600ms;
-    -moz-transition: -moz-transform 600ms;
-    -ms-transition: -ms-transform 600ms;
-    -o-transition: -o-transform 600ms;
-    transition: transform 600ms;
-    background: white;
-}
-.contact100-btn-hide span,
-.contact100-btn-hide span:before,
-.contact100-btn-hide span:after {
-    background: #000;
-    content: '';
-    cursor: pointer;
-    display: block;
-    height: 1.5px;
-    position: absolute;
-    width: 20px;
+.beforebg:before{
+    content:'';
+    position:absolute;
+    top:0;
+    bottom:0;
+    left:0;
+    right:0;
+    width: 100%;
+    height: 100%;
+    background-color: rgba(0,0,0,0.2);
 }
-.contact100-btn-hide:hover span:before,
-.contact100-btn-hide:hover span:after {
-    background-color: #ffbc00;
+.overflowX{
+    overflow-x: scroll;
 }
-.contact100-btn-hide span:first-child {
-    background: none;
-    bottom: 0;
-    left: 0;
-    margin: auto;
-    position: absolute;
-    right: 0;
-    top: 0;
+.overflowX::-webkit-scrollbar {
+    width: 0;
+    height: 0;
 }
-.contact100-btn-hide span:before {
-    -webkit-transform: rotate(45deg);
-    -moz-transform: rotate(45deg);
-    -ms-transform: rotate(45deg);
-    -o-transform: rotate(45deg);
-    transform: rotate(45deg);
-}
-.contact100-btn-hide span:after {
-    -webkit-transform: translateY(-2px) rotate(-45deg);
-    -moz-transform: translateY(-2px) rotate(-45deg);
-    -ms-transform: translateY(-2px) rotate(-45deg);
-    -o-transform: translateY(-2px) rotate(-45deg);
-    transform: translateY(-2px) rotate(-45deg);
-    top: 2px;
+.scrollhorizontal{
+    width: 100%;
+    white-space: nowrap;
+    position: relative;
+    overflow-x: scroll;
+    overflow-y: hidden;
+    -webkit-overflow-scrolling: touch;
+}
+.scrollhorizontal::-webkit-scrollbar {
+    width: 0;
+    height: 0;
 }
+.scrollhorizontalcard{
+    float: none;
+    display: inline-block;
+    zoom: 1;
+}

package/{srcOLD → src1-10}/styles/general/general.module.css

@@ -707,3 +707,155 @@ a.btn.disabled {
     border-radius: 20px;
     z-index: 1000;
 }
+
+/* Search Overlay */
+.search_modern {
+    position: relative;
+    z-index: 2000;
+    display: inline-block;
+    vertical-align: middle;
+}
+.search_wrap {
+  position: fixed;
+  left: 0;
+  z-index: 100;
+  width: 100%;
+  height: 300px;
+  top:0;
+}
+.search_form {
+  position: absolute;
+  z-index: 1;
+  top: 55%;
+  left: 50%;
+  -webkit-transform: translate(-50%, -50%);
+  -ms-transform: translate(-50%, -50%);
+  transform: translate(-50%, -50%);
+  width: 90%;
+  border: none;
+  -webkit-animation-delay: 0.5s;
+  -moz-animation-delay: 0.5s;
+  -o-animation-delay: 0.5s;
+  animation-delay: 0.5s;
+  -webkit-animation-name: fadeIn;
+  animation-name: fadeIn;
+  -webkit-animation-duration: 0.7s;
+  animation-duration: 0.7s;
+  -webkit-animation-fill-mode: both;
+  animation-fill-mode: both;
+  visibility: visible;
+}
+.search_form:after {
+    content: '';
+    display: block;
+    width: 100%;
+    height: 1px;
+    -webkit-transform: scale3d(0, 1, 1);
+    -ms-transform: scale3d(0, 1, 1);
+    transform: scale3d(0, 1, 1);
+    -webkit-transform-origin: left center;
+    -ms-transform-origin: left center;
+    transform-origin: left center;
+    -webkit-animation-delay: 0.3s;
+    -moz-animation-delay: 0.3s;
+    -o-animation-delay: 0.3s;
+    animation-delay: 0.3s;
+    -webkit-animation-name: fadeInMove;
+    animation-name: fadeInMove;
+    -webkit-animation-duration: 0.7s;
+    animation-duration: 0.7s;
+    -webkit-animation-fill-mode: both;
+    animation-fill-mode: both;
+    visibility: visible;
+}
+.search_form_wrap {
+    position: absolute;
+    z-index: 1;
+    top: 50%;
+    left: 50%;
+    -webkit-transform: translate(-50%, -50%);
+    -ms-transform: translate(-50%, -50%);
+    transform: translate(-50%, -50%);
+    width: 100%;
+    height: 100%;
+}
+.search_field {
+  width: 100%;
+    height: 3em;
+    padding: 0 1.5em 0 0;
+    letter-spacing: 0;
+    border: none;
+    background-color: transparent;
+    margin: 0;
+    border: none;
+    white-space: pre-wrap;
+    word-wrap: break-word;
+    resize: none;
+    overflow: hidden;
+    display: block;
+    visibility: visible;
+    vertical-align: middle;
+    -webkit-box-sizing: border-box;
+    -ms-box-sizing: border-box;
+    box-sizing: border-box;   
+}
+.search_modern .search_wrap .search_field::-ms-clear {
+  display: none;
+} 
+.logo_image {
+  -webkit-animation-delay: 0.3s;
+  -moz-animation-delay: 0.3s;
+  -o-animation-delay: 0.3s;
+  animation-delay: 0.3s;
+  -webkit-animation-name: fadeInAnim;
+  animation-name: fadeInAnim;
+  -webkit-animation-duration: 0.6s;
+  animation-duration: 0.6s;
+  -webkit-animation-fill-mode: both;
+  animation-fill-mode: both;
+  visibility: visible;
+}
+@-webkit-keyframes fadeInAnim {
+  0% {
+    opacity: 0;
+  }
+  100% {
+    opacity: 1;
+  }
+}
+@keyframes fadeInAnim {
+  0% {
+    opacity: 0;
+  }
+  100% {
+    opacity: 1;
+  }
+}
+@-webkit-keyframes fadeInMove {
+  0% {
+    opacity: 0;
+    -webkit-transform: scale3d(0, 1, 1);
+  }
+  10% {
+    opacity: 1;
+    -webkit-transform: scale3d(0.1, 1, 1);
+  }
+  100% {
+    opacity: 0.14;
+    -webkit-transform: scale3d(1, 1, 1);
+  }
+}
+@keyframes fadeInMove {
+  0% {
+    opacity: 0;
+    transform: scale3d(0, 1, 1);
+  }
+  10% {
+    opacity: 1;
+    transform: scale3d(0.1, 1, 1);
+  }
+  100% {
+    opacity: 1;
+    transform: scale3d(1, 1, 1);
+  }
+}