tabexseriescomponents 0.0.71 → 0.0.73

package/srcOLD/styles/cards/categorycardwithtext.module.css

@@ -0,0 +1,40 @@
+.categorycard {
+    position: relative;
+    display: block;
+    overflow: hidden;
+    cursor: pointer;
+    background-size: cover;
+    background-repeat: no-repeat;
+    background-position: center;
+    transition: 0.3s;
+}
+
+.categorycard:hover::after {
+    background-color: rgba(0, 0, 0, 0.1);
+}
+.categorycardtext {
+    position: absolute;
+    left: 0;
+    right: 0;
+    bottom: 0;
+    top: 0;
+    display: flex;
+    justify-content: center;
+    width: 100%;
+    align-items: center;
+}
+
+.cardbtn {
+    /* position: relative; */
+    text-align: center;
+    vertical-align: middle;
+    display: inline-block;
+    -webkit-transition: all 0.4s ease 0.1s;
+    -o-transition: all 0.4s ease 0.1s;
+    transition: all 0.4s ease 0.1s;
+}
+
+.categorycard:hover .cardbtn {
+    opacity: 1;
+    top: 0;
+}

package/srcOLD/styles/cards/productcard_with_textonhover.module.css

@@ -0,0 +1,12 @@
+.productcard {
+    position: relative;
+    cursor: pointer !important;
+}
+.productcard .productcard_text_container {
+    position: absolute;
+    bottom: 0;
+    top:0;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+}

package/srcOLD/styles/cards/productccard_with_imageontopleft.module.css

@@ -0,0 +1,85 @@
+.productcard {
+    position: relative;
+    display: flex;
+    flex-direction: column;
+    word-wrap: break-word;
+    background-clip: border-box;
+    transition: all 0.2s;
+}
+.productcard {
+    position: relative !important;
+}
+
+.img_container {
+    /* border-radius: 50%; */
+    /* width: 100px; */
+    /* height: 100px; */
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    position: absolute;
+    left: 0;
+    right: 0;
+    z-index: 1000;
+    width: 10;
+    height: 10;
+    margin: auto;
+    top: -60px;
+
+}
+@media screen and (max-width: 500px) {
+    .img_container {
+        width: 16vh !important;
+        height: 16vh !important;
+        top: -70px;
+    }
+}
+.img_container img {
+    max-width: 70%;
+    max-height: 70%;
+}
+.productcard .pill {
+    width: 12vh;
+    height: 4vh;
+    background-color: var(--fav) !important;
+    color: white;
+    padding: 0 1%;
+    display: flex;
+    text-align: center;
+    justify-content: center;
+    align-items: center;
+    border-radius: 10px;
+    font-size: 12px;
+    font-weight: 500;
+}
+
+.productcard .addbtn {
+    width: 13vh;
+    height: 4vh;
+    background-color: white !important;
+    color: black;
+    padding: 0 1%;
+
+    border-radius: 5px;
+    font-size: 12px;
+    font-weight: 500;
+    border-style: solid;
+    border-width: 1px;
+    border-color: #e6e6e6;
+}
+.productcard .addbtn:hover {
+    opacity: 0.3 !important;
+    transition: 0.3s;
+}
+
+.play-on-hover{
+    width: 100%;
+    height: 100%;
+    background-size: cover;
+    cursor: pointer;
+}
+
+.play-on-hover:hover{
+    background-image: url();
+
+}

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

@@ -2,7 +2,6 @@
 @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;
@@ -1268,16 +1267,7 @@ 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;
@@ -3586,10 +3576,6 @@ 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;
@@ -4008,11 +3994,7 @@ hr {
 .scrollmenuclasssubscrollbar::-webkit-scrollbar-track {
     background-color: transparent;
 }
-.scrollmenuclassnameitemProductCardWithTextOnImage{
-    max-width: 330px;
-    min-width: 330px;
-}
-.scrollmenuclassnameitem,.scrollmenuclassnameitemStylishProductCard {
+.scrollmenuclassnameitem {
     max-width: 300px;
     min-width: 300px;
 }
@@ -4116,20 +4098,8 @@ hr {
     max-width: 600px;
     min-width: 600px;
 }
-.slideshowCard{
-    max-width: 300px;
-    min-width: 300px;
-}
 @media (max-width: 576px) {
-    .slideshowCard{
-        max-width: 280px;
-        min-width: 280px;
-    }
-    .scrollmenuclassnameitemStylishProductCard{
-        max-width: 280px;
-        min-width: 280px;
-    }
-    .scrollmenuclassnameitemMenuCardscrollmenuclassnameitemStylishProductCard{
+    .scrollmenuclassnameitemMenuCard{
         max-width: 380px;
         min-width: 380px;
     }
@@ -4371,45 +4341,80 @@ hr {
 .GreatvibesFont{
     font-family: 'Great Vibes', cursive !important;
 }
-.Quicksandfont{
-    font-family: 'Quicksand', sans-serif !important;
 
-}
 
-/* /////////////////////////////////////////////////////// */
 
-.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);
-}
-.overflowX{
-    overflow-x: scroll;
+
+.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;
 }
-.overflowX::-webkit-scrollbar {
-    width: 0;
-    height: 0;
+.contact100-btn-hide:hover span:before,
+.contact100-btn-hide:hover span:after {
+    background-color: #ffbc00;
 }
-.scrollhorizontal{
-    width: 100%;
-    white-space: nowrap;
-    position: relative;
-    overflow-x: scroll;
-    overflow-y: hidden;
-    -webkit-overflow-scrolling: touch;
+.contact100-btn-hide span:first-child {
+    background: none;
+    bottom: 0;
+    left: 0;
+    margin: auto;
+    position: absolute;
+    right: 0;
+    top: 0;
 }
-.scrollhorizontal::-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;
 }
-.scrollhorizontalcard{
-    float: none;
-    display: inline-block;
-    zoom: 1;
-}

package/srcOLD/styles/general/editorbardropdown.module.css

@@ -0,0 +1,94 @@
+.horizontalscrollcont {
+    white-space: nowrap !important;
+    position: relative !important;
+    overflow-x: hidden !important;
+    overflow-y: hidden !important;
+    -webkit-overflow-scrolling: touch !important;
+    background-color: white;
+    width: 98% !important;
+    border-radius: 20px !important;
+    margin: auto;
+    box-shadow: 0 0.46875rem 2.1875rem rgba(4, 9, 20, 0.03), 0 0.9375rem 1.40625rem rgba(4, 9, 20, 0.03), 0 0.25rem 0.53125rem rgba(4, 9, 20, 0.05), 0 0.125rem 0.1875rem rgba(4, 9, 20, 0.03);
+}
+.horizontalscrollcont:hover {
+    overflow-x: auto !important;
+}
+.editorbarcard {
+    position: relative;
+    flex-direction: column;
+    word-wrap: break-word;
+    background-color: #fff;
+    background-clip: border-box;
+    border-right: 1px solid #eee;
+    padding: 0.5em 0.8em;
+    transition: all 0.2s;
+    min-width: 150px !important;
+    float: none !important;
+    display: inline-block !important;
+    zoom: 1 !important;
+}
+
+.sub_scrollbar::-webkit-scrollbar {
+    width: 5px;
+    height: 5px;
+}
+.sub_scrollbar::-webkit-scrollbar-track {
+    /* box-shadow: inset 0 0 5px grey; */
+    border-radius: 10px;
+}
+.sub_scrollbar::-webkit-scrollbar-thumb {
+    background: #4d4d4d;
+    border-radius: 10px;
+}
+.sub_scrollbar::-webkit-scrollbar-thumb:hover {
+    background: #999999;
+}
+.horizontalscrollcardcont:hover p {
+    color: #eac435;
+    transition: 0.3s;
+}
+
+.editorchild {
+    height: 0 !important;
+
+    display: block !important;
+    transition: all 0.3s !important;
+    -webkit-transition: all 0.3s !important;
+    -o-transition: all 0.3s !important;
+    -moz-transition: all 0.3s !important;
+    transform-origin: top right !important;
+    -webkit-transform: scale(0) !important;
+    -moz-transform: scale(0) !important;
+    -ms-transform: scale(0) !important;
+    -o-transform: scale(0) !important;
+    transform: scale(0) !important;
+}
+.editorchild-opened {
+    -webkit-transform: scale(1) !important;
+    -moz-transform: scale(1) !important;
+    -ms-transform: scale(1) !important;
+    -o-transform: scale(1) !important;
+    transform: scale(1) !important;
+    min-height: 10vh !important;
+}
+.filterdropdown {
+    height: 20vh !important;
+    background-color: #e6e6e6;
+    /* position: absolute; */
+}
+.icon-container {
+    position: absolute;
+    top: -15px;
+    right: 25px;
+    z-index: 1;
+    width: 4vh;
+    height: 4vh;
+    border-radius: 50%;
+    color: white;
+    background-color: var(--danger);
+    transition: 0.3s;
+    cursor: pointer;
+}
+.icon-container:hover {
+    background-color: var(--dangerhover);
+}

package/srcOLD/styles/general/filter.module.css

@@ -0,0 +1,108 @@
+.filterside_cont {
+    position: fixed;
+    height: 100vh;
+    width: 20vw;
+    background-color: white;
+    z-index: 1000;
+    top: 0;
+    right: 0;
+    transform: translateX(150%);
+    transition: 0.3s;
+}
+.filter_container_opened {
+    transform: translateX(0) !important;
+}
+.close_menu_icon_cont {
+    width: 4.5vh;
+    height: 4.5vh;
+    background-color: #022648;
+    border-radius: 50%;
+    color: white;
+    position: absolute;
+    top: 20px;
+    left: -17px;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    transition: 0.3s;
+    cursor: pointer;
+}
+.close_menu_icon_cont:hover {
+    background-color: #eac435;
+}
+
+/* .timeline .timelineinnercont {
+    border-left: 1px solid red !important;
+    position: relative;
+    margin-left: 17px;
+}
+.timeline .btn_item {
+    width: 3.5vh;
+    height: 3.5vh;
+    z-index: 1;
+    margin-left: -13px;
+    background-color: #eee;
+}
+.timelineinnercont_active:hover .btn_item {
+    background-color: var(--info);
+    cursor: pointer;
+}
+.timelineinnercont_active .btn_item {
+    background-color: var(--infohover) !important;
+}
+.timelineinnercont_active .btn_item:before {
+    display: inline-block;
+    content: '✓';
+    color: white;
+}
+.timeline_text {
+    color: #022648 !important;
+}
+.timelineinnercont_active .timeline_text {
+    color: var(--infohover) !important;
+    font-weight: 600;
+}
+.timelineinnercont_active:hover .timeline_text {
+    color: var(--info) !important;
+}
+.timeline .border_left_line:last-child {
+    border-left: 1px solid white;
+}
+.timeline_text {
+    cursor: pointer;
+} */
+
+.timeline .border_left_line {
+    border-left: 1px solid #ccc;
+    position: relative;
+    margin-left: 17px;
+}
+.timeline .btn_item {
+    width: 3.5vh;
+    height: 3.5vh;
+    z-index: 1;
+    margin-left: -13px;
+    background-color: #eee;
+}
+.timelineinnercont_active .timeline_text {
+    color: var(--infohover) !important;
+    font-weight: 600;
+}
+.timelineinnercont:not(.timelineinnercont_active):hover .timeline_text {
+    color: var(--info) !important;
+}
+.timelineinnercont_active .btn_item {
+    background-color: var(--infohover) !important;
+}
+.timelineinnercont_active .btn_item:before {
+    display: inline-block;
+    content: '✓';
+    color: white;
+}
+.timelineinnercont:not(.timelineinnercont_active):hover .btn_item {
+    background-color: var(--info) !important;
+    cursor: pointer;
+}
+.timeline .border_left_line:last-child {
+    border-left: 1px solid white;
+}