JFIFxxC      C  " }!1AQa"q2#BR$3br %&'()*456789:CDEFGHIJSTUVWXYZcdefghijstuvwxyz w!1AQaq"2B #3Rbr/*================================================================================================*/ /*=================[ ]=================*/ /*=================[ !!!!!!!! CSS CREATED BY WorkDo.io !!!!!!!! ]=================*/ /*=================[ ]=================*/ /*================================================================================================*/ /* =========================== */ /* !! SITE PAGE USE !! - 1. Home - 2. Collection List - 3. Product detail - 4. About us - 5. FAQs - 6. Contact Us - 7. Login/Register/Account - 8. Privacy Policy - 9. Blog - 10. Article - 11. Wishlist - 12. Cart - /* =========================== */ /* ============================================= */ /* !!!! VARIABLES STYLE CSS !!!! */ /* ============================================= */ @import url('https://fonts.googleapis.com/css2?family=Sora:wght@100;200;300;400;500;600;700;800&family=Work+Sans:wght@300;400;500;600;700&display=swap'); :root { --first-font: 'Sora', sans-serif; --second-font: 'Work Sans', sans-serif; --theme-color: #B5C547; --second-color: #91997E; --third-color: #788C6D; --four-color: #01170D; --white: #ffffff; --border-color: #C4C4C4; --black: #00160C; --grey: #B4B4B4; --red: #FE4D4D; --h1: normal 600 51px/1.2 var(--first-font); --h2: normal 600 41px/1.2 var(--first-font); --h3: normal 600 32px/1.2 var(--first-font); --h4: normal 600 22px/1.2 var(--first-font); --h5: normal 600 20px/1.2 var(--first-font); --h6: normal 600 18px/1.2 var(--first-font); --common-text: normal 400 14px/1.5 var(--first-font); --border: 1px solid rgb(232, 232, 232, .15); } /* ============================================= */ /* !!!! SITE GLOBAL STYLE CSS !!!! */ /* ============================================= */ *, :after, :before { -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-tap-highlight-color: transparent; text-decoration: inherit; vertical-align: inherit; } * { margin: 0; padding: 0; -webkit-box-sizing: border-box; box-sizing: border-box; outline: none; } html { outline: none; scroll-behavior: smooth; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; -webkit-text-size-adjust: 100%; } body { color: var(--white); font-family: var(--first-font); background: var(--four-color); font: var(--common-text); margin: 0; padding: 0; height: 100%; width: 100%; overflow-x: hidden; } body, html { scrollbar-width: none; } body::-webkit-scrollbar { display: none; } body::-moz-scrollbar { display: none; } body.active-menu, body.no-scroll { overflow: hidden; position: fixed; } body.active-menu #left-side-img, body.no-scroll #right-side-img { mix-blend-mode: lighten; } ::-moz-selection { background-color: #6476676b; } ::selection { background-color: #6476676b; } svg, img { max-width: 100%; display: block; } a, .btn, button { cursor: pointer; text-decoration: none; outline: none; -webkit-box-shadow: none; box-shadow: none; color: inherit; -webkit-transition: all ease-in-out 0.3s; -o-transition: all ease-in-out 0.3s; transition: all ease-in-out 0.3s; display: inline-block; } a, a:hover, a:focus, a:active, button, button:hover, button:focus, input, input:hover, input:focus, select, select:hover, select:focus, textarea, textarea:hover, textarea:focus, .btn, .btn:hover, .btn:focus, .btn:active:focus, .btn:active.focus, .btn.active:focus, .btn.active.focus { text-decoration: none; -webkit-text-decoration-skip: objects; outline: none; -webkit-box-shadow: none; -ms-box-shadow: none; -o-box-shadow: none; box-shadow: none; font-family: var(--first-font); } .form-control:focus, [type="text"]:focus, [type="email"]:focus, [type="checkbox"]:focus, [type="password"]:focus, [type="file"]:focus, [type="radio"]:focus, [type="submit"]:focus, [type="date"]:focus, [type="time"]:focus, [type="tel"]:focus, [type="search"]:focus, [type="button"]:focus, [type="number"]:focus, textarea:focus, select:focus { outline: none; -webkit-box-shadow: none; -ms-box-shadow: none; -o-box-shadow: none; box-shadow: none; } /* Chrome, Safari, Edge, Opera */ input::-webkit-outer-spin-button, input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; } /* Firefox */ input[type=number] { -moz-appearance: textfield; } ::-webkit-input-placeholder { color: var(--theme-color); } :-ms-input-placeholder { color: var(--theme-color); } ::-moz-placeholder { color: var(--theme-color); } ::-ms-input-placeholder { color: var(--theme-color); } ::placeholder { color: var(--theme-color); } /* HTML5 display-role reset for older browsers */ a { display: inline-block; } article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, pre, a, abbr, acronym, address, big, cite, code, del, dfn, img, ins, kbd, q, s, samp, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; font-size: 100%; list-style: none; vertical-align: baseline; } /* ============================================= */ /* !!!! SITE TYPOGRAPHY CSS !!!! */ /* ============================================= */ p, li, ul, ol { margin: 0; padding: 0; list-style: none; font: var(--common-text); } h1, .h1 { font: var(--h1); } h2, .h2 { font: var(--h2); } h3, .h3 { font: var(--h3); } h4, .h4 { font: var(--h4); } h5, .h5 { font: var(--h5); } h6, .h6 { font: var(--h6); } h1, h2, h3, h4, h5, h6 { margin: 0; } .uppercase { text-transform: uppercase; } .text-center { text-align: center !important; } .text-left { text-align: left !important; } .text-right { text-align: right !important; } b { font-weight: bold; display: inline-block; } p:not(:last-of-type) { margin-bottom: 15px; } /* ============================================= */ /* !!!! GRID CSS !!!! */ /* ============================================= */ .container { max-width: 1200px; margin: 0 auto; padding: 0 15px; } .row { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-left: -15px; margin-right: -15px; } .no-gutters { margin: 0 !important; } .row [class*="col-"] { padding: 0 15px; } .no-gutters [class*="col-"] { padding: 0; } .w-100 { width: 100%; } .h-100 { height: 100%; } .d-flex { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-sizing: border-box; box-sizing: border-box; } .align-items-start { -ms-flex-align: start; -webkit-box-align: start; align-items: flex-start; } .align-items-end { -ms-flex-align: end; -webkit-box-align: end; align-items: flex-end; } .align-items-center { -ms-flex-align: center; -webkit-box-align: center; align-items: center; } .justify-content-around { -ms-flex-pack: distribute; justify-content: space-around; } .justify-content-between { -ms-flex-pack: justify; -webkit-box-pack: justify; justify-content: space-between; } .justify-content-start { -ms-flex-pack: start; -webkit-box-pack: start; justify-content: flex-start; } .justify-content-center { -ms-flex-pack: center; -webkit-box-pack: center; justify-content: center; } .justify-content-end { -ms-flex-pack: end; -webkit-box-pack: end; justify-content: flex-end; } .direction-column { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .no-wrap { -ms-flex-wrap: nowrap; flex-wrap: nowrap; } .desk-only { display: none !important; } .mobile-only { display: block !important; } /***** Columns *****/ .col-auto { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; } .col-1 { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 8.33333333%; } .col-2 { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 16.66666667%; } .col-3 { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 25%; } .col-4 { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 33.33333333%; } .col-5 { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 41.66666667%; } .col-6 { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 50%; } .col-7 { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 58.33333333%; } .col-8 { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 66.66666667%; } .col-9 { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 75%; } .col-10 { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 83.33333333%; } .col-11 { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 91.66666667%; } .col-12 { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 100%; } .offset-1 { margin-left: 8.33333333%; } .offset-2 { margin-left: 16.66666667%; } .offset-3 { margin-left: 25%; } .offset-4 { margin-left: 33.33333333%; } .offset-5 { margin-left: 41.66666667%; } .offset-6 { margin-left: 50%; } .offset-7 { margin-left: 58.33333333%; } .offset-8 { margin-left: 66.66666667%; } .offset-9 { margin-left: 75%; } .offset-10 { margin-left: 83.33333333%; } .offset-11 { margin-left: 91.66666667%; } @media (min-width: 576px) { .col-sm { -webkit-box-flex: 1; -ms-flex: 1 0 0%; flex: 1 0 0%; } .col-sm-auto { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; } .col-sm-1 { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 8.33333333%; } .col-sm-2 { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 16.66666667%; } .col-sm-3 { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 25%; } .col-sm-4 { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 33.33333333%; } .col-sm-5 { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 41.66666667%; } .col-sm-6 { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 50%; } .col-sm-7 { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 58.33333333%; } .col-sm-8 { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 66.66666667%; } .col-sm-9 { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 75%; } .col-sm-10 { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 83.33333333%; } .col-sm-11 { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 91.66666667%; } .col-sm-12 { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 100%; } .offset-sm-0 { margin-left: 0; } .offset-sm-1 { margin-left: 8.33333333%; } .offset-sm-2 { margin-left: 16.66666667%; } .offset-sm-3 { margin-left: 25%; } .offset-sm-4 { margin-left: 33.33333333%; } .offset-sm-5 { margin-left: 41.66666667%; } .offset-sm-6 { margin-left: 50%; } .offset-sm-7 { margin-left: 58.33333333%; } .offset-sm-8 { margin-left: 66.66666667%; } .offset-sm-9 { margin-left: 75%; } .offset-sm-10 { margin-left: 83.33333333%; } .offset-sm-11 { margin-left: 91.66666667%; } } @media (min-width: 768px) { .col-md { -webkit-box-flex: 1; -ms-flex: 1 0 0%; flex: 1 0 0%; } .col-md-auto { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; } .col-md-1 { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 8.33333333%; } .col-md-2 { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 16.66666667%; } .col-md-3 { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 25%; } .col-md-4 { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 33.33333333%; } .col-md-5 { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 41.66666667%; } .col-md-6 { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 50%; } .col-md-7 { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 58.33333333%; } .col-md-8 { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 66.66666667%; } .col-md-9 { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 75%; } .col-md-10 { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 83.33333333%; } .col-md-11 { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 91.66666667%; } .col-md-12 { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 100%; } .offset-md-0 { margin-left: 0; } .offset-md-1 { margin-left: 8.33333333%; } .offset-md-2 { margin-left: 16.66666667%; } .offset-md-3 { margin-left: 25%; } .offset-md-4 { margin-left: 33.33333333%; } .offset-md-5 { margin-left: 41.66666667%; } .offset-md-6 { margin-left: 50%; } .offset-md-7 { margin-left: 58.33333333%; } .offset-md-8 { margin-left: 66.66666667%; } .offset-md-9 { margin-left: 75%; } .offset-md-10 { margin-left: 83.33333333%; } .offset-md-11 { margin-left: 91.66666667%; } } @media (min-width: 992px) { .col-lg { -webkit-box-flex: 1; -ms-flex: 1 0 0%; flex: 1 0 0%; } .col-lg-auto { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; } .col-lg-1 { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 8.33333333%; } .col-lg-2 { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 16.66666667%; } .col-lg-3 { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 25%; } .col-lg-4 { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 33.33333333%; } .col-lg-5 { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 41.66666667%; } .col-lg-6 { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 50%; } .col-lg-7 { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 58.33333333%; } .col-lg-8 { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 66.66666667%; } .col-lg-9 { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 75%; } .col-lg-10 { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 83.33333333%; } .col-lg-11 { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 91.66666667%; } .col-lg-12 { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 100%; } .offset-lg-0 { margin-left: 0; } .offset-lg-1 { margin-left: 8.33333333%; } .offset-lg-2 { margin-left: 16.66666667%; } .offset-lg-3 { margin-left: 25%; } .offset-lg-4 { margin-left: 33.33333333%; } .offset-lg-5 { margin-left: 41.66666667%; } .offset-lg-6 { margin-left: 50%; } .offset-lg-7 { margin-left: 58.33333333%; } .offset-lg-8 { margin-left: 66.66666667%; } .offset-lg-9 { margin-left: 75%; } .offset-lg-10 { margin-left: 83.33333333%; } .offset-lg-11 { margin-left: 91.66666667%; } } @media (min-width: 1200px) { .col-xl { -webkit-box-flex: 1; -ms-flex: 1 0 0%; flex: 1 0 0%; } .col-xl-auto { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; } .col-xl-1 { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 8.33333333%; } .col-xl-2 { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 16.66666667%; } .col-xl-3 { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 25%; } .col-xl-4 { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 33.33333333%; } .col-xl-5 { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 41.66666667%; } .col-xl-6 { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 50%; } .col-xl-7 { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 58.33333333%; } .col-xl-8 { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 66.66666667%; } .col-xl-9 { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 75%; } .col-xl-10 { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 83.33333333%; } .col-xl-11 { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 91.66666667%; } .col-xl-12 { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 100%; } .offset-xl-0 { margin-left: 0; } .offset-xl-1 { margin-left: 8.33333333%; } .offset-xl-2 { margin-left: 16.66666667%; } .offset-xl-3 { margin-left: 25%; } .offset-xl-4 { margin-left: 33.33333333%; } .offset-xl-5 { margin-left: 41.66666667%; } .offset-xl-6 { margin-left: 50%; } .offset-xl-7 { margin-left: 58.33333333%; } .offset-xl-8 { margin-left: 66.66666667%; } .offset-xl-9 { margin-left: 75%; } .offset-xl-10 { margin-left: 83.33333333%; } .offset-xl-11 { margin-left: 91.66666667%; } } @media (min-width: 1400px) { .col-xxl { -webkit-box-flex: 1; -ms-flex: 1 0 0%; flex: 1 0 0%; } .col-xxl-auto { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; } .col-xxl-1 { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 8.33333333%; } .col-xxl-2 { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 16.66666667%; } .col-xxl-3 { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 25%; } .col-xxl-4 { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 33.33333333%; } .col-xxl-5 { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 41.66666667%; } .col-xxl-6 { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 50%; } .col-xxl-7 { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 58.33333333%; } .col-xxl-8 { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 66.66666667%; } .col-xxl-9 { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 75%; } .col-xxl-10 { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 83.33333333%; } .col-xxl-11 { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 91.66666667%; } .col-xxl-12 { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 100%; } .offset-xxl-0 { margin-left: 0; } .offset-xxl-1 { margin-left: 8.33333333%; } .offset-xxl-2 { margin-left: 16.66666667%; } .offset-xxl-3 { margin-left: 25%; } .offset-xxl-4 { margin-left: 33.33333333%; } .offset-xxl-5 { margin-left: 41.66666667%; } .offset-xxl-6 { margin-left: 50%; } .offset-xxl-7 { margin-left: 58.33333333%; } .offset-xxl-8 { margin-left: 66.66666667%; } .offset-xxl-9 { margin-left: 75%; } .offset-xxl-10 { margin-left: 83.33333333%; } .offset-xxl-11 { margin-left: 91.66666667%; } } /* ============================================= */ /* !!!! NICE SELECT CSS !!!! */ /* ============================================= */ .nice-select.open .list { opacity: 1; pointer-events: auto; -webkit-transform: scale(1) translateY(0); -ms-transform: scale(1) translateY(0); transform: scale(1) translateY(0); } .nice-select.disabled { border-color: #ededed; color: #999; pointer-events: none; } .nice-select.disabled:after { border-color: #cccccc; } .nice-select.wide { width: 100%; } .nice-select.wide .list { left: 0 !important; right: 0 !important; } .nice-select.right { float: right; } .nice-select.right .list { left: auto; right: 0; } .nice-select.small { font-size: 14px; height: 36px; line-height: 34px; } .nice-select.small:after { height: 4px; width: 4px; } .nice-select.small .option { line-height: 34px; min-height: 34px; } .nice-select .list { background-color: #fff; border-radius: 5px; -webkit-box-shadow: 0 0 0 1px rgba(68, 68, 68, 0.11); box-shadow: 0 0 0 1px rgba(68, 68, 68, 0.11); -webkit-box-sizing: border-box; box-sizing: border-box; margin-top: 4px; opacity: 0; overflow: hidden; padding: 0; pointer-events: none; position: absolute; top: 100%; left: 0; -webkit-transform-origin: 50% 0; -ms-transform-origin: 50% 0; transform-origin: 50% 0; -webkit-transform: scale(0.75) translateY(-21px); -ms-transform: scale(0.75) translateY(-21px); transform: scale(0.75) translateY(-21px); -webkit-transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out; -o-transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out; transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out; z-index: 1; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; } .nice-select .list:hover .option:not(:hover) { background-color: transparent !important; } .nice-select .option { cursor: pointer; font-weight: 400; line-height: 40px; list-style: none; min-height: 40px; outline: none; padding-left: 15px; padding-right: 15px; text-align: left; -webkit-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s; -moz-transition: all 0.2s; -ms-transition: all 0.2s; } .nice-select .option:hover, .nice-select .option.focus, .nice-select .option.selected.focus { background-color: #f6f6f6; } .nice-select .option.selected { font-weight: bold; } .nice-select .option.disabled { background-color: transparent; color: #999; cursor: default; } .no-csspointerevents .nice-select .list { display: none; } .no-csspointerevents .nice-select.open .list { display: block; } /* nice select */ .nice-select { width: 100%; background-color: var(--black); border: 1px solid #788C6D; border-radius: 14px; height: 32px; line-height: 32px; font-size: 14px; -webkit-border-radius: 14px; -moz-border-radius: 14px; -ms-border-radius: 14px; -o-border-radius: 14px; -webkit-tap-highlight-color: transparent; -webkit-box-sizing: border-box; box-sizing: border-box; clear: both; cursor: pointer; display: block; float: left; font-family: inherit; font-weight: normal; outline: none; padding-left: 15px; padding-right: 30px; position: relative; text-align: left !important; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; white-space: nowrap; } .nice-select.wide { width: 100%; } .nice-select.wide .list { left: 0 !important; right: 0 !important; } .nice-select.right { float: right; } .nice-select.right .list { left: auto; right: 0; } .nice-select.small { font-size: 14px; height: 36px; line-height: 34px; } .nice-select.small:after { height: 4px; width: 4px; } .nice-select.small .option { line-height: 34px; min-height: 34px; } .nice-select .list { background-color: var(); border-radius: 5px; -webkit-box-shadow: 0 0 0 1px rgba(68, 88, 112, 0.11); box-shadow: 0 0 0 1px rgba(68, 88, 112, 0.11); -webkit-box-sizing: border-box; box-sizing: border-box; margin-top: 4px; opacity: 0; overflow: hidden; padding: 0; pointer-events: none; position: absolute; top: 100%; left: 0; -webkit-transform-origin: 50% 0; -ms-transform-origin: 50% 0; transform-origin: 50% 0; -webkit-transform: scale(0.75) translateY(-21px); -ms-transform: scale(0.75) translateY(-21px); transform: scale(0.75) translateY(-21px); -webkit-transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out; -o-transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out; transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out; z-index: 1; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; } .nice-select .list:hover .option:not(:hover) { background-color: transparent !important; } .nice-select .option:hover, .nice-select .option.focus, .nice-select .option.selected.focus { background-color: #f6f7f9; } .nice-select .option.selected { font-weight: bold; } .nice-select .option.disabled { background-color: transparent; color: #90a1b5; cursor: default; } .no-csspointerevents .nice-select .list { display: none; } .no-csspointerevents .nice-select.open .list { display: block; } /* costomize */ .select-box label { margin-right: 10px; } .nice-select:active, .nice-select:hover, .nice-select.open, .nice-select:focus { border-color: #788C6D; } .nice-select .list { width: 100%; background-color: #788C6D; } .nice-select .list li { font-size: 14px; } .nice-select .option:hover, .nice-select .option.focus, .nice-select .option.selected.focus { background-color: #55664c; } .nice-select:after { content: ''; top: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); right: 4px; width: 14px; height: 14px; position: absolute; background: url('../images/icons/select-down-arrow.svg') no-repeat; background-size: 100% 100%; -webkit-transition: -webkit-transform .3s linear; transition: -webkit-transform .3s linear; -o-transition: transform .3s linear; transition: transform .3s linear; transition: transform .3s linear, -webkit-transform .3s linear; } .nice-select.open:after { -webkit-transform: translate(-50%, -50%) rotate(180deg); -ms-transform: translate(-50%, -50%) rotate(180deg); transform: translate(-50%, -50%) rotate(180deg); } /* ============================================= */ /* !!!! SLICK SLIDER CSS !!!! */ /* ============================================= */ /* Slider */ .slick-slider { position: relative; display: block; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; } .slick-list { position: relative; display: block; overflow: hidden; margin: 0; padding: 0; } .slick-list:focus { outline: none; } .slick-list.dragging { cursor: pointer; cursor: hand; } .slick-slider .slick-track, .slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .slick-track { position: relative; top: 0; left: 0; display: block; margin-left: auto; margin-right: auto; } .slick-track:before, .slick-track:after { display: table; content: ''; } .slick-track:after { clear: both; } .slick-loading .slick-track { visibility: hidden; } .slick-slide { display: none; float: left; height: 100%; min-height: 1px; } [dir='rtl'] .slick-slide { float: right; } .slick-slide img { display: block; } .slick-slide.slick-loading img { display: none; } .slick-slide.dragging img { pointer-events: none; } .slick-initialized .slick-slide { display: block; padding: 0 15px; } .slick-loading .slick-slide { visibility: hidden; } .slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; } .slick-arrow.slick-hidden { display: none; } .slick-arrow { font-size: 0; width: 35px; height: 35px; line-height: 35px; border: 0; border-radius: 50%; position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); left: -6%; background: url('../images/icons/right-arrow.svg') no-repeat var(--theme-color); background-size: 40%; background-position: center; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; z-index: 2; opacity: .8; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; } .slick-arrow.slick-prev { left: -3%; -webkit-transform: translateY(-50%) scaleX(-1); -ms-transform: translateY(-50%) scaleX(-1); transform: translateY(-50%) scaleX(-1); } .slick-arrow.slick-next { right: -3%; left: auto; } .slick-lightbox { position: fixed; top: 0; left: 0; z-index: 3; width: 100%; height: 100%; background: var(--theme-color); -webkit-transition: opacity 0.5s ease; transition: opacity 0.5s ease; -moz-transition: opacity 0.5s ease; -ms-transition: opacity 0.5s ease; -o-transition: opacity 0.5s ease; } .slick-lightbox .slick-loading .slick-list { background-color: transparent; } .slick-lightbox .slick-prev { left: 15px; } .slick-lightbox .slick-next { right: 15px; } .slick-lightbox-inner .slick-arrow { background: var(--white) url('../images/icons/right-arrow.png'); background-repeat: no-repeat; background-position: 50% 50%; z-index: 1; position: absolute; top: 50%; width: 50px; height: 50px; font-size: 0; border: 0; } .slick-lightbox-hide { opacity: 0; } .slick-lightbox-hide-init { position: absolute; top: -9999px; opacity: 0; } .slick-lightbox-inner { position: fixed; top: 0; left: 0; width: 100%; height: 100%; } .slick-lightbox-slick-item { text-align: center; overflow: hidden; } .slick-lightbox-slick-item:before { content: ''; display: inline-block; height: 100%; vertical-align: middle; margin-right: -0.25em; } .slick-caption-bottom .slick-lightbox-slick-item .slick-lightbox-slick-item .slick-lightbox-slick-caption { position: absolute; bottom: 0; left: 0; text-align: center; width: 100%; margin-bottom: 20px; } .slick-caption-dynamic .slick-lightbox-slick-item .slick-lightbox-slick-item .slick-lightbox-slick-caption { display: block; text-align: center; } .slick-lightbox-slick-item-inner { display: inline-block; vertical-align: middle; max-width: 90%; max-height: 90%; } .slick-lightbox-slick-img { margin: 0 auto; display: block; } .slick-lightbox-slick-caption { margin: 10px 0 0; display: block; color: var(--white); } .slick-lightbox-close { position: absolute; top: 15px; right: 15px; display: block; height: 20px; width: 20px; line-height: 0; font-size: 0; cursor: pointer; background: transparent; color: transparent; padding: 0; border: none; } .slick-lightbox .close svg { height: 100%; width: 100%; } .slick-lightbox .close { position: absolute; top: 20px; right: 20px; color: var(--white); opacity: 1; background: transparent; border: none; height: 27px; width: 27px; padding: 0; } .slick-lightbox .slick-prev { -webkit-transform: scaleX(-1) translateY(-50%); -ms-transform: scaleX(-1) translateY(-50%); transform: scaleX(-1) translateY(-50%); } .slick-lightbox .slick-next { -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } /* ============================================= */ /* !!!! TRANSTION !!!! */ /* ============================================= */ .common-btn, .common-btn img, .common-btn svg, .common-btn svg path, .common-btn span, .common-btn2, .common-btn2 img, .common-btn2 svg, .common-btn2 svg path, .common-btn2 span, header, header .header-top, .header-top .header-top-icon-list li a svg { -webkit-transition: all ease-in-out 0.3s; -o-transition: all ease-in-out 0.3s; transition: all ease-in-out 0.3s !important; } /* ============================================= */ /* !!!! COMMON BUTTON !!!! */ /* ============================================= */ .btn { text-align: center; padding: 12px 25px; font-family: var(--first-font); color: var(--white); background-color: var(--theme-color); -webkit-box-shadow: none; box-shadow: none; appearance: none; outline: none; border: 1px solid var(--theme-color); position: relative; border-radius: 0; text-transform: uppercase; font-weight: 600; font-size: 14px; line-height: 1; border-radius: 30px; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-transition: all ease-in-out 0.5s; -o-transition: all ease-in-out 0.5s; transition: all ease-in-out 0.5s; -webkit-border-radius: 30px; -moz-border-radius: 30px; -ms-border-radius: 30px; -o-border-radius: 30px; -webkit-appearance: none; -moz-appearance: none; appearance: none; position: relative; z-index: 1; } .btn svg { width: 20px; margin-left: 8px; height: 15px; width: 15px; } .btn svg path { fill: var(--white); -webkit-transition: all ease-in-out 0.5s; -o-transition: all ease-in-out 0.5s; transition: all ease-in-out 0.5s; } .btn:hover, .btn:focus { background-color: var(--second-color); color: var(--white); border-color: var(--second-color); } .btn:focus svg path, .btn:hover svg path { fill: var(--white); } .common-btn { background-color: var(--theme-color); -webkit-box-shadow: 0px 9px 16px rgba(192, 187, 95, 0.38); box-shadow: 0px 9px 16px rgba(192, 187, 95, 0.38); border-radius: 60px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 12px 22px; font-weight: 600; color: var(--white); max-width: -webkit-fit-content; max-width: -moz-fit-content; max-width: fit-content; width: 100%; border: 1px solid transparent; -webkit-border-radius: 60px; -moz-border-radius: 60px; -ms-border-radius: 60px; -o-border-radius: 60px; font-size: 14px; line-height: 1; } .main-card .inner-card .common-btn { max-width: unset; padding: 10px 0; font-size: 14px; } .common-btn img, .common-btn svg { display: block; margin-left: 10px; } .common-btn2, .outline-btn, .register-btn, .cancel-btn { border-radius: 60px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 14px 30px; font-weight: 600; line-height: 1; text-align: center; max-width: -webkit-fit-content; max-width: -moz-fit-content; max-width: fit-content; width: 100%; outline: 0; border: 1px solid transparent; gap: 5px; -webkit-border-radius: 60px; -moz-border-radius: 60px; -ms-border-radius: 60px; -o-border-radius: 60px; font-size: 14px; } .common-btn2 { background-color: var(--theme-color); color: var(--black); } .common-btn2 svg, .outline-btn svg { max-width: 22px; } .common-btn2 svg path { fill: var(--black); } .outline-btn { color: var(--white); border: 1px solid var(--white); background-color: var(--black); margin-right: 10px; } .outline-btn svg path { fill: var(--white) !important; } .play-btn , .variant-play-btn { display: inline-flex; align-items: center; } .play-btn svg, .play-btn img , .variant-play-btn svg, .variant-play-btn img{ max-width: 35px; height: auto; margin-right: 8px; } .play-btn .a , .variant-play-btn .a{ fill: var(--white); } .play-btn .b , .variant-play-btn .b{ fill: none; stroke: var(--white); } .back-btn { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 10px; margin-bottom: 20px; } /* .continue-btn, .outline-btn, .submit-btn { max-width: 100%; } */ .submit-btn { padding: 10px 16px; text-transform: capitalize; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } button svg, button svg path, .btn svg, .back-btn svg, .back-btn svg circle, .back-btn svg path, .btn svg path, .common-btn svg, .common-btn svg path, .common-btn2 svg, .common-btn2 svg path, .outline-btn, .outline-btn svg, .outline-btn svg path { -webkit-transition: all ease-in-out 0.3s; -o-transition: all ease-in-out 0.3s; transition: all ease-in-out 0.3s; -ms-flex-negative: 0; flex-shrink: 0; } /* back to top */ .back-to-top { position: fixed; bottom: 30px; right: 30px; width: 40px; height: 40px; z-index: 2; cursor: pointer; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-transition: opacity 0.2s ease-out; -o-transition: opacity 0.2s ease-out; transition: opacity 0.2s ease-out; background-color: var(--white); animation: goToTop 2s linear infinite alternate-reverse; } @-webkit-keyframes goToTop { 0% { border-radius: 89% 11% 93% 7% / 10% 83% 17% 90%; -webkit-border-radius: 89% 11% 93% 7% / 10% 83% 17% 90%; -moz-border-radius: 89% 11% 93% 7% / 10% 83% 17% 90%; -ms-border-radius: 89% 11% 93% 7% / 10% 83% 17% 90%; -o-border-radius: 89% 11% 93% 7% / 10% 83% 17% 90%; } 25% { border-radius: 74% 26% 73% 27% / 17% 68% 32% 83%; -webkit-border-radius: 74% 26% 73% 27% / 17% 68% 32% 83%; -moz-border-radius: 74% 26% 73% 27% / 17% 68% 32% 83%; -ms-border-radius: 74% 26% 73% 27% / 17% 68% 32% 83%; -o-border-radius: 74% 26% 73% 27% / 17% 68% 32% 83%; } 50% { border-radius: 55% 45% 53% 47% / 31% 53% 47% 69%; -webkit-border-radius: 55% 45% 53% 47% / 31% 53% 47% 69%; -moz-border-radius: 55% 45% 53% 47% / 31% 53% 47% 69%; -ms-border-radius: 55% 45% 53% 47% / 31% 53% 47% 69%; -o-border-radius: 55% 45% 53% 47% / 31% 53% 47% 69%; } 100% { border-radius: 31% 69% 29% 71% / 55% 30% 70% 45%; -webkit-border-radius: 31% 69% 29% 71% / 55% 30% 70% 45%; -moz-border-radius: 31% 69% 29% 71% / 55% 30% 70% 45%; -ms-border-radius: 31% 69% 29% 71% / 55% 30% 70% 45%; -o-border-radius: 31% 69% 29% 71% / 55% 30% 70% 45%; } } @keyframes goToTop { 0% { border-radius: 89% 11% 93% 7% / 10% 83% 17% 90%; -webkit-border-radius: 89% 11% 93% 7% / 10% 83% 17% 90%; -moz-border-radius: 89% 11% 93% 7% / 10% 83% 17% 90%; -ms-border-radius: 89% 11% 93% 7% / 10% 83% 17% 90%; -o-border-radius: 89% 11% 93% 7% / 10% 83% 17% 90%; } 25% { border-radius: 74% 26% 73% 27% / 17% 68% 32% 83%; -webkit-border-radius: 74% 26% 73% 27% / 17% 68% 32% 83%; -moz-border-radius: 74% 26% 73% 27% / 17% 68% 32% 83%; -ms-border-radius: 74% 26% 73% 27% / 17% 68% 32% 83%; -o-border-radius: 74% 26% 73% 27% / 17% 68% 32% 83%; } 50% { border-radius: 55% 45% 53% 47% / 31% 53% 47% 69%; -webkit-border-radius: 55% 45% 53% 47% / 31% 53% 47% 69%; -moz-border-radius: 55% 45% 53% 47% / 31% 53% 47% 69%; -ms-border-radius: 55% 45% 53% 47% / 31% 53% 47% 69%; -o-border-radius: 55% 45% 53% 47% / 31% 53% 47% 69%; } 100% { border-radius: 31% 69% 29% 71% / 55% 30% 70% 45%; -webkit-border-radius: 31% 69% 29% 71% / 55% 30% 70% 45%; -moz-border-radius: 31% 69% 29% 71% / 55% 30% 70% 45%; -ms-border-radius: 31% 69% 29% 71% / 55% 30% 70% 45%; -o-border-radius: 31% 69% 29% 71% / 55% 30% 70% 45%; } } .back-to-top img { -webkit-filter: invert(1); filter: invert(1); width: 22px; -webkit-transform: scaleY(-1); -ms-transform: scaleY(-1); transform: scaleY(-1); } .back-to-top:hover { opacity: 0.7; } /* ============================================= */ /* !!!! COMMON HEADING !!!! */ /* ============================================= */ .mb-6 { margin-bottom: 60px; } .common-heading .sub-heading { font: var(--h5); color: var(--theme-color); display: block; margin-bottom: 20px; font-weight: 400; letter-spacing: 1px; } .common-heading h2, .common-heading h1 { max-width: 700px; } .common-heading p { max-width: 470px; margin: 20px 0 20px; } .common-heading b, h1 b, h2 b, h3 b, h4 b, h5 b, h6 b { font-weight: 300; } .flex-slider .slick-list, .flex-slider .slick-track { display: flex; } .flex-slider .card { padding: 5px 10px; display: flex !important; } .flex-slider .card .pro-card-inner, .flex-slider .card .article-card-inner { display: flex; flex-direction: column; width: 100%; } .flex-slider .card .inner-card, .flex-slider .card .card-heading { flex: 1; } .flex-slider .main-card { max-width: unset; } /* ============================================= */ /* !!!! FORM CSS !!!! */ /* ============================================= */ .form-control, input:not([type="submit"]), input:not([type="checkbox"]), input:not([type="radio"]), select, textarea { position: relative; border: 1px solid var(--border-color); display: block; width: 100%; padding: 15px 20px; background: transparent; font-size: 14px; line-height: 1; color: var(--white); } .form-control::-webkit-input-placeholder { color: var(--white); } .form-control::-moz-placeholder { color: var(--white); } .form-control:-ms-input-placeholder { color: var(--white); } .form-control::-ms-input-placeholder { color: var(--white); } .form-control::placeholder { color: var(--white); } textarea { resize: none; } form .row { margin: 0 -8px; } form .row [class*="col-"] { padding: 0 10px; } .form-group, .nice-select.form-control { margin-bottom: 15px; } .form-group label { display: inline-block; margin-bottom: 10px; font-size: 14px; font-weight: 500; } sup { top: -0.5em; } sub, sup { position: relative; font-size: 75%; line-height: 0; vertical-align: baseline; } .form-group label sup { color: var(--red); } input[type="checkbox"], input[type="radio"] { display: none !important; } .checkbox-custom input { padding: 0; height: initial; width: initial; margin-bottom: 0; display: none; cursor: pointer; } .checkbox-custom label { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; cursor: pointer; font-size: 14px; margin: 0; } .checkbox-custom label:before { content: ''; -webkit-appearance: none; background-color: var(--white); border: 1px solid var(--theme-color); padding: 8px; display: inline-block; position: relative; vertical-align: middle; cursor: pointer; margin-right: 15px; } .checkbox-custom input:checked+label:before { background-color: var(--theme-color); } .checkbox-custom input:checked+label:after { content: ''; display: block; position: absolute; top: 50%; left: 7px; width: 5px; height: 9px; border: solid var(--white); border-width: 0px 1px 1px 0; transform: translateY(-50%) rotate(45deg); -webkit-transform: translateY(-62%) rotate(45deg); -moz-transform: translateY(-50%) rotate(45deg); -ms-transform: translateY(-50%) rotate(45deg); -o-transform: translateY(-50%) rotate(45deg); } .checkbox-custom label a { text-decoration: underline; font-weight: 600; } .checkbox-custom label { position: relative; display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; -webkit-box-align: center; -ms-flex-align: center; align-items: center; cursor: pointer; font-size: 14px; margin: 0; } /** RADIO BUTTON CSS **/ .radio-group input[type="radio"] { display: none; padding: 0; border: 0; background: transparent; } .radio-group label { cursor: pointer; position: relative; font-size: 14px; padding-left: 24px; color: var(--white); margin: 0; vertical-align: bottom; } .radio-group label::before { content: ""; position: absolute; width: 15px; height: 15px; background-color: transparent; border: 2px solid var(--white); border-radius: 50%; top: 50%; left: 0; transform: translateY(-50%); transition: border-color 400ms ease; -webkit-transition: border-color 400ms ease; -moz-transition: border-color 400ms ease; -ms-transition: border-color 400ms ease; -o-transition: border-color 400ms ease; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; } .radio-group label::after { content: ""; position: absolute; width: 13px; height: 13px; background-color: var(--white); border: 2px solid var(--white); border-radius: 50%; top: 50%; left: 1px; transform: translateY(-50%) scale(0); -webkit-transition: -webkit-transform 400ms ease; transition: -webkit-transform 400ms ease; transition: transform 400ms ease; transition: transform 400ms ease, -webkit-transform 400ms ease; right: auto; -webkit-transform: translateY(-50%) scale(0); -moz-transform: translateY(-50%) scale(0); -ms-transform: translateY(-50%) scale(0); -o-transform: translateY(-50%) scale(0); -webkit-transition: transform 400ms ease; -moz-transition: transform 400ms ease; -ms-transition: transform 400ms ease; -o-transition: transform 400ms ease; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; } .radio-group input[type="radio"]:checked+label::before { border-color: var(--white); } .radio-group input[type="radio"]:checked+label::after { transform: translateY(-50%) scale(0.55); -webkit-transform: translateY(-50%) scale(0.55); -moz-transform: translateY(-50%) scale(0.55); -ms-transform: translateY(-50%) scale(0.55); -o-transform: translateY(-50%) scale(0.55); } /***** COMMON CSS ****/ body.active-menu, body.no-scroll { overflow: hidden; position: relative; } .right-gliter { bottom: 0; right: 0; } .gliter-img { position: absolute; z-index: -1; height: 100%; } .padding-top { padding-top: 70px; } .padding-bottom { padding-bottom: 70px; } .section-title { margin-bottom: 26px; } .section-title h2, .section-title h3 { color: var(--theme-color); font-weight: 400; margin-bottom: 25px; } .section-title h2 span { color: var(--white); display: inline-block; font-size: 16px; font-weight: 400; } /* ============================================= */ /* !!!! TOP LEAF DESIGN !!!! */ /* ============================================= */ #left-side-img, #right-side-img { position: absolute; max-width: 500px; top: 0; mix-blend-mode: lighten; z-index: -1; } #left-side-img { left: 0; } #right-side-img { right: 0; } /* ============================================= */ /* !!!! HEADER START !!!! */ /* ============================================= */ .header-sticky { background-color: var(--white); } .site-header { position: fixed; top: 0; left: 0; right: 0; z-index: 3; } .header-sticky .header-top { height: 0; opacity: 0; visibility: hidden; padding: 0; } .mobile-menu-wrapper .mobile-menu-bar>ul { height: calc(100vh - 48px); overflow: auto; padding: 10px 20px; background: var(--white); } .mobile-menu-wrapper .mobile-menu-bar>ul>li { margin-top: 12px; } .mobile-menu-wrapper .mobile-menu-bar>ul>li .mobile_menu_inner .menu-h-link ul li:not(:last-of-type) { margin-bottom: 9px; } .header-bottom .mobile-menu-button { background: transparent; border: 0; position: absolute; right: 15px; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); display: none; } .header-bottom .mobile-menu-button svg { width: 30px; } .header-bottom .mobile-menu-close-icon { display: none; } .mobile-menu-wrapper .menu-close-icon { text-align: right; padding: 15px 20px; background: var(--theme-color); } .mobile-menu-wrapper .mobile-menu-bar>ul>li a { font-size: 18px; color: var(--black); letter-spacing: 1px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .mobile-menu-wrapper .mobile-menu-bar>ul>li a svg { margin-left: auto; width: 14px; } .mobile-menu-wrapper .mobile-menu-bar>ul>li a .close-menu-ioc { display: none; } .mobile-menu-wrapper .mobile-menu-bar>ul>li.is-open>a.acnav-label .close-menu-ioc { display: block; } .mobile-menu-wrapper .mobile-menu-bar>ul>li.is-open>a.acnav-label .menu-open-arrow { display: none; } .mobile-menu-wrapper .mobile-menu-bar>ul>li .mobile_menu_inner .menu-h-link ul li a { font-size: 14px; line-height: 18px; text-transform: lowercase; } .mobile-menu-wrapper .mobile-menu-bar>ul>li .acnav-list { margin: 12px 0; } .mobile-menu-wrapper .mobile-menu-bar .has-children>ul>li:not(:last-of-type) { margin-bottom: 12px; } .mobile-menu-wrapper .mobile-menu-bar .has-children>ul>li>a { font-size: 14px; } .mobile-menu-wrapper .mobile-menu-bar .has-children>ul>li>a.acnav-label { font-weight: 600; } .header-top { padding: 20px 0; -webkit-transition: all ease-in-out 0.3s; -o-transition: all ease-in-out 0.3s; transition: all ease-in-out 0.3s; } .header-bottom .nav-categories { padding: 36px 3px; } .header-top .header-top-col { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; } .header-top .header-top-row { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .header-top .top-left-wrapper li:not(:last-of-type) { margin-right: 18px; display: inline-block; } .header-top .top-left-wrapper li a:hover, .header-top .top-left-wrapper li a.active { text-decoration: underline; } .header-top .header-top-time b { display: block; } .header-top .header-top-time { letter-spacing: -0.03em; padding-left: 0px; font-size: 14px; display: -webkit-box; display: -ms-flexbox; display: flex; } .header-top .header-top-icon-list { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .header-top .header-top-icon-list li a { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .header-top .header-top-icon-list li a svg { height: 15px; width: 15px; margin-right: 10px; } .header-top .header-top-icon-list li { margin-left: 26px; -ms-flex-negative: 0; flex-shrink: 0; } .header-bottom .navbar-main { background: var(--white); margin: 0; border-radius: 12px; padding: 0 0 0 31px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: relative; -webkit-border-radius: 12px; -moz-border-radius: 12px; -ms-border-radius: 12px; -o-border-radius: 12px; transition: all ease-in-out 0.3s; -webkit-transition: all ease-in-out 0.3s; -moz-transition: all ease-in-out 0.3s; -ms-transition: all ease-in-out 0.3s; -o-transition: all ease-in-out 0.3s; } .header-bottom .logo-col { max-width: 157px; margin-right: 18px; } .header-bottom .logo-col a { display: block; } .header-bottom .dropdown-link { margin: 0 5px; padding: 36px 0; } .mobile-menu-wrapper { display: none; } /** Megamenu css **/ .header-bottom { position: relative; } .header-bottom .menu-items-col .main-nav>li.menu-lnk .menu-dropdown { position: absolute; top: 100%; background-color: var(--white); -webkit-transform-origin: top; -ms-transform-origin: top; transform-origin: top; -webkit-box-shadow: 0px 10px 40px rgba(0, 0, 0, 0.05); box-shadow: 0px 10px 40px rgba(0, 0, 0, 0.05); opacity: 0; visibility: hidden; min-width: 150px; z-index: 2; padding: 20px; border-top: 1px solid var(--border-color); -o-transition: all ease-in-out 0.3s; -webkit-transition: all ease-in-out 0.3s; transition: all ease-in-out 0.3s; -ms-transform: scaleY(0); -webkit-transform: scaleY(0); transform: scaleY(0); } .header-bottom .menu-items-col .main-nav>li.menu-lnk .menu-dropdown.mega-menu { width: 100%; left: 0; right: 0; margin: 0 auto; padding: 20px 0; border-radius: 12px; -webkit-border-radius: 12px; -moz-border-radius: 12px; -ms-border-radius: 12px; -o-border-radius: 12px; } .header-bottom .menu-items-col .main-nav>li:hover .menu-dropdown { opacity: 1; visibility: visible; -webkit-transform: scaleY(1); -ms-transform: scaleY(1); transform: scaleY(1); } .header-bottom .menu-items-col .main-nav>li:hover .dropdown-arrow { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } .header-bottom .menu-items-col .main-nav li .dropdown-arrow path { fill: var(--grey); } .header-bottom .menu-items-col .main-nav li:hover .dropdown-arrow path, .header-bottom .nav-links li a.active .dropdown-arrow path { fill: var(--black); } .header-bottom .menu-dropdown ul>li:not(:last-of-type) { margin-bottom: 10px; } .header-bottom .megamenu-list>li span { color: var(--theme-color); margin-bottom: 15px; display: block; font-weight: 600; text-transform: capitalize; } .header-bottom .menu-dropdown ul>li a { color: var(--grey); } .header-bottom .menu-dropdown ul>li a:hover { color: var(--black); } /* end */ .header-bottom .categories-dropdown button { background: transparent; border: none; padding: 10px 25px 10px 10px; color: var(--black); font-weight: 600; border-radius: 0 2.5px 2.5px 0; margin-left: -1px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-border-radius: 0 2.5px 2.5px 0; -moz-border-radius: 0 2.5px 2.5px 0; -ms-border-radius: 0 2.5px 2.5px 0; -o-border-radius: 0 2.5px 2.5px 0; } .header-bottom .categories-dropdown button::after { margin: 0; position: absolute; right: 12px; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .header-bottom .dropdown-item.active, .header-bottom .dropdown-item:active { color: var(--black) !important; background: transparent; } .header-bottom .categories-dropdown { position: relative; } .header-bottom .dropdown-menu { padding: 0 10px; position: absolute; background: var(--white); width: 130px; top: 100%; left: 0; border-top: 2px solid var(--theme-color); display: none; } .header-bottom .dropdown-menu li { padding: 7px 0; } .header-bottom .dropdown-menu li a { font-size: 16px !important; } .header-bottom .dropdown-arrow { -webkit-transition: all ease-in-out 0.5s; -o-transition: all ease-in-out 0.5s; transition: all ease-in-out 0.5s; } .header-bottom .dropdown-arrow.rotate { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } .header-bottom .nav-links { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .header-bottom .nav-links li a { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -ms-flex-wrap: wrap; flex-wrap: wrap; font-weight: 600; letter-spacing: -0.03em; color: var(--grey); -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-right: 15px; } .header-bottom .nav-links .show-mobile { display: none; } .header-bottom .nav-links li a.active { color: var(--black); } .header-bottom .header-bottom-call { margin-right: 20px; } .header-bottom .bottom-header-right .header-bottom-call a span { font-weight: 600; font-size: 21px; font-family: var(--second-font); color: var(--black); } .header-bottom .bottom-header-right .header-bottom-call span { display: block; letter-spacing: -0.03em; color: var(--second-color); text-align: right; font-size: 14px; } .header-bottom .bottom-header-cart { background: var(--theme-color); color: var(--white); height: 100%; padding: 15px; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px; border: 1px solid; } .header-sticky .header-bottom .bottom-header-cart { border: none; } .header-bottom .bottom-header-cart .cart-header { display: block; text-align: center; text-transform: capitalize; font-weight: 600; position: relative; } .site-header .count { position: absolute; top: -7px; right: -6px; height: 20px; width: 19px; background: var(--red); color: var(--white); font-size: 10px; border-radius: 20px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; line-height: 1; -webkit-border-radius: 20px; -moz-border-radius: 20px; -ms-border-radius: 20px; -o-border-radius: 20px; } .header-bottom .bottom-header-cart svg { width: 30px; height: 33px; /* width: 100%; */ margin-bottom: 8px; } .header-bottom .header-bottom-right-column { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } /**** SEARCH POPUP CSS ****/ .search-popup { position: fixed; background: rgba(20, 23, 8, 0.88); height: 100%; width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -ms-flex-wrap: wrap; flex-wrap: wrap; z-index: 5; padding: 0 30px; left: 0; right: 0; top: 0; bottom: 0; transition: all ease-in-out 0.5s; opacity: 0; -webkit-backdrop-filter: blur(30px); backdrop-filter: blur(30px); -webkit-transform: scale(0); -ms-transform: scale(0); transform: scale(0); visibility: hidden; -webkit-transition: all ease-in-out 0.5s; -o-transition: all ease-in-out 0.5s; transition: all ease-in-out 0.5s; } .search-popup.active { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); opacity: 1; visibility: visible; } .search-popup .search-form-wrapper { max-width: 1000px; width: 100%; } .search-popup .search-form-wrapper form { width: 100%; } .search-popup .close-search { position: absolute; right: 50px; top: 50px; cursor: pointer; width: 30px; height: 30px; } .search-popup .close-search svg { height: 100%; width: 100%; } .search-popup .search-form-wrapper .form-inputs { width: 100%; position: relative; } .search-popup .search-form-wrapper input { padding: 15px 60px 15px 20px; width: 100%; border: 1px solid #fff; color: var(--white) !important; } .search-popup .search-form-wrapper .btn { position: absolute; right: 5px; top: 50%; width: 45px; padding: 0; border: 0; background-color: var(--theme-color); height: calc(100% - 10px); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); border-radius: 5px; transform: translateY(-50%); -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; -moz-transform: translateY(-50%); -o-transform: translateY(-50%); } .search-popup .search-form-wrapper .btn svg { width: 20px; height: 20px; margin: 0 auto; fill: #fff; } .search-popup .search-form-wrapper input::-webkit-search-cancel-button { -webkit-appearance: none; height: 20px; width: 20px; border-radius: 10px; color: #ffff; -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px; } /****** CART DRAWER CSS ********/ .overlay.active, .cartOpen .overlay::after { content: " "; z-index: 3; background: rgba(0, 0, 0, 0.4); left: 0; top: 0; width: 100%; height: 100%; position: fixed; } .cartDrawer { position: fixed; right: 0; top: 0; z-index: 5; background: var(--white); width: 410px; height: 100%; -ms-transform: translateX(100%); -webkit-transform: translateX(100%); transform: translateX(100%); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -o-transition: 0.4s all; -webkit-transition: 0.4s all; transition: 0.4s all; } .cartOpen .cartDrawer { opacity: 1; visibility: visible; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-transform: translateX(0); -webkit-transform: translateX(0); transform: translateX(0); z-index: 5; } .cartDrawer .mini-cart-header { position: relative; text-align: center; padding: 17px 30px 16px 30px; margin: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; background: var(--theme-color); color: var(--white); z-index: 5; } .cartDrawer .cart-tottl-itm { font-weight: 700; font-size: 14px; line-height: 17px; letter-spacing: 0.1em; text-transform: uppercase; display: block; } .cartDrawer .closecart { position: absolute; left: -38px; top: 20px; width: 20px; height: 20px; opacity: 0; visibility: hidden; } .cartOpen .cartDrawer .closecart { opacity: 1; visibility: visible; } .cartDrawer .mini-cart-has-item { overflow: hidden; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; color: var(--black); } .cartDrawer .mini-cart-body { overflow-y: auto; padding: 30px; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } .cartDrawer .mini-cart-body::-webkit-scrollbar { width: 5px; } .cartDrawer .mini-cart-body::-webkit-scrollbar-track { background: var(--black); } .cartDrawer .mini-cart-body::-webkit-scrollbar-thumb { background-color: var(--theme-color); } .cartDrawer .mini-cart-item { padding: 10px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border: 1px solid var(--black); background: var(--white); } .cartDrawer .mini-cart-item:not(:last-of-type) { margin-bottom: 30px; } .cartDrawer .mini-cart-image { width: 80px; background: #e9e9e9; } .cartDrawer .mini-cart-image a { display: block; padding-top: 150%; position: relative; } .cartDrawer .mini-cart-image img { top: 0; width: 100%; -o-object-fit: scale-down; object-fit: scale-down; position: absolute; left: 0; right: 0; height: 100%; } .cartDrawer .mini-cart-details { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; width: 100%; padding-left: 15px; } .cartDrawer .mini-cart-title { color: var(--theme-color); margin-bottom: 8px; font-weight: 6 00; } .cartDrawer .mini-cart-title a { font-weight: 600; color: #677600; } .cartDrawer .cart-variable { margin-bottom: 10px; } .cartDrawer .cart-variable p { margin: 0 0 5px; font-size: 14px; line-height: 14px; color: #4e4e4e; } .order-history-tbl tr td[data-label="quantity"] { width: 113px; padding: 0; margin-left: auto; margin-right: auto; } .qty-spinner { border: 1px solid var(--white); display: -webkit-box; display: -ms-flexbox; display: flex; max-width: 100px; height: 35px; width: 100%; border-radius: 14px; -webkit-border-radius: 14px; -moz-border-radius: 14px; -ms-border-radius: 14px; -o-border-radius: 14px; } .qty-spinner button { background: transparent; padding: 0; margin: 0; border: 0; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; color: var(--white); } .qty-spinner button svg { margin: auto; height: 10px; width: 10px; } .qty-spinner button svg path { fill: var(--white); } .qty-spinner input { border: 0 !important; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; width: 29px; padding: 0; text-align: center; font-size: 14px; line-height: 1; margin: 0; background-color: transparent; color: var(--white); } del { opacity: 0.6; text-decoration: line-through; margin-left: 5px; } .cartDrawer .price { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; } .cartDrawer .mini-cart-details .price { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; font: var(--common-text); color: var(--black); } .cartDrawer .pvarprice { margin-top: 12px; } .cartDrawer .price del { margin-left: 10px; } .cartDrawer .price ins { -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .cartDrawer .price .currency-type { font-weight: 500; font-size: 12px; margin-left: 3px; display: inline-block; } .cartDrawer .mini-cart-footer { padding: 30px; border-top: 1px solid var(--border-color); } .cartDrawer .mini-cart-footer-total-row { font-weight: 600; font-size: 20px; line-height: 24px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; color: var(--black); margin: 0 -10px 20px; } .cartDrawer .mini-cart-footer-total-row div { padding: 0 10px; } .cartDrawer .mini-cart-footer .u-save { font-weight: 500; font-size: 17px; line-height: 22px; display: -webkit-box; display: -ms-flexbox; display: flex; color: var(--black); margin-bottom: 30px; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } .cartDrawer .mini-cart-footer .checkout-btn, .cart-summery .checkout-btn { width: 100%; max-width: 100%; margin: 0 auto 20px; color: var(--black); display: flex; gap: 10px; padding: 15px 20px; background-color: var(--theme-color); border: 0; border-radius: 30px; max-width: fit-content; } .cartDrawer .mini-cart-footer .checkout-btn:hover { background-color: var(--black); } .cart-summery .checkout-btn { margin-bottom: 0; } .mini-cart-footer a { margin: auto; width: 100%; } .cartDrawer .mini-cart-footer .checkout-btn:hover { color: var(--white); } .cartDrawer .mini-cart-footer .checkout-btn svg path { fill: var(--black); transition: .5s all ease-in-out; } .cartDrawer .mini-cart-footer .checkout-btn:hover svg path { fill: var(--white); } .cartDrawer .mini-cart-footer .link-btn { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; color: var(--black); -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 5px; } .cartDrawer .remove_item svg path { fill: var(--black); } .cartDrawer .remove_item svg { height: 15px; width: 15px; } .cartDrawer .emptyCart { padding: 50px 0 0 0; } .cartDrawer .qty-spinner { border: 1px solid var(--black); } .cartDrawer .qty-spinner button, .cartDrawer .qty-spinner input { color: var(--black); } .cartDrawer .qty-spinner button svg path { fill: var(--black); } .video-popup, .video-popup .video { -webkit-transform: scale(0); -ms-transform: scale(0); transform: scale(0); -webkit-transition: all 0.5s linear; -o-transition: all 0.5s linear; transition: all 0.5s linear; } .video-popup { position: fixed; top: 0; left: 0; width: 100%; height: 100vh; background-color: rgba(0, 0, 0, 0.92); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; z-index: 5; padding: 0 15px; } .video-popup.active, .video-popup.active .video { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } .video-popup .video { position: relative; max-width: 950px; width: 100%; padding-top: 32%; height: auto; border: 2px solid var(--white); } .video-popup .video iframe, .video-popup .video video { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .video-popup .close-icon { position: absolute; top: 0; right: 0; padding: 20px; cursor: pointer; background: transparent; border: 0; } /***** SUBSCRIBE POPUP CSS *****/ .subscribe-popup { position: fixed; top: 50%; left: 0; right: 0; max-width: 550px; width: 95%; margin: 0 auto; text-align: center; padding: 60px 50px; background: #e9e9e9; color: var(--black); z-index: 5; -webkit-transition: all ease-in-out 0.5s; -moz-transition: all ease-in-out 0.5s; -ms-transition: all ease-in-out 0.5s; -o-transition: all ease-in-out 0.5s; transition: all ease-in-out 0.5s; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); } .subscribe-popup input[type="email"] { border: 1px solid var(--black); color: var(--black); padding: 13px 50px 13px 15px; background: transparent; font-size: 14px; letter-spacing: 1px; } .subscribe-popup input[type="email"]::placeholder { color: var(--black); } .subscribe-popup .close-sub-btn { position: absolute; top: 16px; right: 16px; background: transparent; border: 0; height: 16px; width: 16px; padding: 0; } .subscribe-popup .close-sub-btn svg { height: 100%; width: 100%; } .subscribe-popup .close-sub-btn svg path { fill: var(--black); } .subscribe-popup h2 { font-family: var(--second-font); font-weight: 500; font-size: 31px; letter-spacing: 1px; margin-bottom: 24px; font-style: italic; } .subscribe-popup p { letter-spacing: 1px; max-width: 330px; margin: 0 auto 25px; } .form-row { position: relative; } .form-row .btn-svg { background: transparent; border: 0; position: absolute; top: 50%; right: 20px; padding: 0; height: 25px; width: 25px; display: flex; align-items: center; justify-content: center; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); } .form-row .btn-svg svg { width: 100%; height: 100%; } .form-row .btn-svg svg path { fill: var(--black); } .subscribe-overlay { transition: all ease-in-out 0.4s; -webkit-transition: all ease-in-out 0.4s; -moz-transition: all ease-in-out 0.4s; -ms-transition: all ease-in-out 0.4s; -o-transition: all ease-in-out 0.4s; left: 0; top: 0; width: 100%; height: 100%; position: fixed; z-index: 3; background: rgba(0, 0, 0, 0.85); visibility: hidden; opacity: 1; } .subscribe-overlay.open { opacity: 1; visibility: visible; } /* ====================== hero sec start ====================== */ .main-top { position: relative; } #leaf-design { position: absolute; right: 10%; bottom: 0; max-width: 350px; z-index: -2; } #circle-design1 { position: absolute; left: -17%; bottom: -24%; z-index: -1; } #leaf-design { position: absolute; right: 10%; bottom: 0; max-width: 350px; z-index: -2; } #circle-design1 { position: absolute; left: -17%; bottom: -24%; z-index: -1; } .hero-main-slider { position: relative; } .hero-main-slider::before { position: absolute; content: ''; max-width: 500px; max-height: 500px; width: 100%; height: 100%; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); border-radius: 100%; -webkit-filter: blur(100px); filter: blur(100px); background: -o-radial-gradient(50% 50%, 50% 50%, #C0BB5F 0%, rgba(0, 22, 12, 0) 100%); background: radial-gradient(50% 50% at 50% 50%, #C0BB5F 0%, rgba(0, 22, 12, 0) 100%); opacity: 0.28; -webkit-border-radius: 100%; -moz-border-radius: 100%; -ms-border-radius: 100%; -o-border-radius: 100%; } .hero-sec { margin-top: 200px; } .hero-sec .common-heading h1, .hero-sec .common-heading h2, .hero-sec .common-heading p, .hero-sec .common-heading .sub-heading { margin-left: auto; margin-right: auto; text-align: center; } .hero-sec .common-btn { -webkit-box-shadow: 0px 9px 16px rgba(158, 113, 93, 0.32); box-shadow: 0px 9px 16px rgba(158, 113, 93, 0.32); border-radius: 8px; margin-right: 30px; -webkit-border-radius: 8px; -moz-border-radius: 8px; -ms-border-radius: 8px; -o-border-radius: 8px; } .hero-sec .hero-btn { display: flex; justify-content: center; align-items: center; } .hero-main-slider .slick-dots li button { background: transparent; color: #fff; border: none; font-size: 15px; position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; height: 68px; width: 100%; -webkit-transition: none; -o-transition: none; transition: none; } .hero-main-slider .slick-dots { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; border-top: 1px solid rgba(255, 255, 255, 0.5); margin: 50px auto 0; max-width: 180px; } .hero-main-slider .slick-dots li button:before { content: '0'; } .hero-main-slider .slick-dots li { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; text-align: center; } .hero-main-slider .slick-dots li.slick-active button:after { content: ''; height: 3px; width: 100%; background: white; position: absolute; top: -2px; left: 0; right: 0; } .hero-main-slider .slick-arrow { font-size: 0; border: 0; outline: 0; padding: 0; height: 12px; width: 20px; position: absolute; bottom: 63px; background: url('../images/icons/arrow_left_icon.svg') no-repeat; background-size: 100%; background-position: 50% 50%; } .hero-main-slider .slick-next { right: calc(50% - 120px) !important; -webkit-transform: scaleX(-1); -ms-transform: scaleX(-1); transform: scaleX(-1); top: inherit; } .hero-main-slider .slick-prev { left: calc(50% - 120px) !important; right: auto; top: inherit; transform: translate(0); } .hero-main-slider .slick-dots li.slick-active button { font-size: 22px; } /* ====================== hero sec end ====================== */ /* ====================== best seller sec start ====================== */ .best-seller-sec .slick-arrow, .filter-sec .slick-arrow, .fifth-sec-right-slider .slick-arrow { top: 69%; opacity: 0; } .best-seller-sec:hover .slick-arrow, .filter-sec:hover .slick-arrow, .fifth-sec-right-slider:hover .slick-arrow { opacity: 1; } .seller-heading h2 { font-weight: 300; margin: 40px 0 20px; } .main-card { max-width: 350px; margin: auto; } .main-card .plant-img { position: absolute; margin-bottom: -50px; -o-object-fit: scale-down; object-fit: scale-down; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; width: 100%; top: 0; left: 0; height: 100%; } .inner-card { padding: 30px 15px 20px; background: #00160C; border: 1px solid #5C8973; border-radius: 20px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 15px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -ms-border-radius: 20px; -o-border-radius: 20px; z-index: 1; } .main-card .img-wrapper { display: inline-block; flex: 1; margin-bottom: -40px; position: relative; padding-top: 80%; width: 100%; z-index: -1; } .flex-slider .card .pro-card-inner{ z-index: 1; } .main-card .wishlist-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: space-between; -ms-flex-pack: space-between; justify-content: space-between; gap: 10px; align-items: center; } .main-card .wishlist-wrapper .custom-output .badge { margin-bottom: 0; color: var(--third-color); } .main-card .price { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: end; -ms-flex-align: end; align-items: end; } .main-card .add-wishlist { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: end; color: var(--third-color); font-size: 14px; } .main-card .add-wishlist svg { margin-left: 10px; } .main-card .inner-card h3 { font-weight: 700; margin-bottom: 10px; font: var(--h4); } .main-card .inner-card .price span { font-size: 14px; } .main-card .inner-card p { color: var(--third-color); font-size: 14px; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; } .main-card .select-box { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .main-card .inner-card h4 span { font-weight: 300; } .main-card .inner-card .ins>div { font-size: 18px; } /* ====================== best seller sec end ====================== */ /* ====================== third section start ====================== */ .main-center { position: relative; } .main-center #circle-design2 { position: absolute; top: -12%; right: -12%; z-index: -1; } .main-center #main-center-design2 { position: absolute; top: -10%; left: -2%; z-index: -1; mix-blend-mode: lighten; } .main-center #circle-design3 { left: -17% !important; } .main-center #main-center-leaf, .main-center #circle-design3 { position: absolute; top: 50%; left: -5%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); z-index: -2; } .third-sec .third-sec-img-div img { margin-left: auto; } /* ====================== third section end ====================== */ /* ====================== card section start ======================*/ .card-sec { position: relative; } .card-sec #card-leaf2 { position: absolute; top: -37%; right: -1%; -webkit-transform: scaleX(-1); -ms-transform: scaleX(-1); transform: scaleX(-1); mix-blend-mode: lighten; max-width: 250px; z-index: -1; } .card-sec .common-btn { -webkit-box-shadow: none; box-shadow: none; padding: 10px 15px; } .card-sec .img-box { position: relative; border-radius: 8px; min-height: 353px; height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: end; -ms-flex-align: end; align-items: end; padding: 24px 20px; overflow: hidden; -webkit-transition: all .5s; -o-transition: all .5s; transition: all .5s; -webkit-border-radius: 8px; -moz-border-radius: 8px; -ms-border-radius: 8px; -o-border-radius: 8px; } .img-box:hover img { -webkit-transition: all 1s ease-in-out; -o-transition: all 1s ease-in-out; transition: all 1s ease-in-out; } .img-box:hover img { -webkit-transform: scale(1.2); -ms-transform: scale(1.2); transform: scale(1.2); } .card-sec .inner-text { position: relative; } .card-sec .common-heading .sub-heading { font: var(--h6); margin-bottom: 15px; } /* .card-sec .common-heading h5 { max-width: 288px; } */ .card-sec .common-heading p { /* max-width: 282px; */ margin: 15px 0; } .card-sec .img-box .card-img { position: absolute; top: 0; left: 0; display: block; margin: auto; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; z-index: -1; -webkit-transition: all ease-in-out 0.5s; -o-transition: all ease-in-out 0.5s; transition: all ease-in-out 0.5s; } .card-sec .img-main-box:last-child .small-card:before { content: ''; position: absolute; z-index: 0; background: #ffffff85; height: 100%; width: 100%; top: 0; left: 0; right: 0; } .card-sec .img-main-box:last-child .small-card, .card-sec .img-main-box:last-child .small-card .sub-heading, .card-sec .img-main-box:last-child .small-card h5 { color: var(--black) !important; } .card-sec .img-main-box:last-child .small-card .common-btn { background-color: var(--black); } .card-sec .small-card .common-btn { font-size: 10px; } /* ====================== card section end ======================*/ .fifth-sec { margin-bottom: -30px; z-index: 1; } /* ====================== sixth section start ======================*/ .sixth-sec { width: 100%; background-repeat: no-repeat; background-position: center; background-size: cover; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; text-align: center; background-attachment: fixed; padding: 140px 0 74px; } .sixth-sec .common-heading p, .sixth-sec .common-heading h2 { margin-left: auto; margin-right: auto; } /* ====================== sixth section end ======================*/ /* ====================== filter section start ======================*/ .filter-sec .common-heading { -ms-flex-preferred-size: 50%; flex-basis: 50%; } .filter-sec .title { margin-bottom: 40px; } .filter-sec .common-heading h3, .fifth-sec .common-heading h3 { max-width: 455px; } .filter-sec .category-buttons { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: end; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border: 1px solid var(--theme-color); background: var(--black); border-radius: 38px; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; padding-left: 0; margin-left: auto; -webkit-border-radius: 38px; -moz-border-radius: 38px; -ms-border-radius: 38px; -o-border-radius: 38px; margin-top: 20px; } .filter-sec .category-buttons li a { padding: 10px 17px; display: block; font-weight: 500; height: 100%; border-radius: 30px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-border-radius: 30px; -moz-border-radius: 30px; -ms-border-radius: 30px; -o-border-radius: 30px; } .filter-sec .category-buttons .tab-link.active a { background: #B5C547; border-radius: 30px; color: var(--black); -webkit-border-radius: 30px; -moz-border-radius: 30px; -ms-border-radius: 30px; -o-border-radius: 30px; } .slick-slide .nice-select .list { height: 70px; overflow: auto; } .slick-slide .nice-select .list .option { font-size: 10px; min-height: 30px; line-height: 30px; } .slick-slide .nice-select .list::-webkit-scrollbar { width: 2px; } .slick-slide .nice-select .list::-webkit-scrollbar-track { background-color: var(--white); } .slick-slide .nice-select .list::-webkit-scrollbar-thumb { background: var(--theme-color); } .shop-protab-slider .slick-track { margin-left: 0; } /* ====================== filter section end ======================*/ /* ====================== subscribe section start ======================*/ .subscribe-sec .contnent { max-width: 580px; color: var(--black) !important; } .subscribe-sec input[type="email"]::-webkit-input-placeholder { color: var(--black) !important; } .subscribe-sec input[type="email"]::-moz-placeholder { color: var(--black) !important; } .subscribe-sec input[type="email"]:-ms-input-placeholder { color: var(--black) !important; } .subscribe-sec input[type="email"]::-ms-input-placeholder { color: var(--black) !important; } .subscribe-sec .common-heading .sub-heading, .subscribe-sec input[type="email"]::placeholder { color: var(--black) !important; } .subscribe-sec .bg-sec { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 40px; } .subscribe-sec .banner-img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: -1; border-radius: 16px; -o-object-fit: cover; object-fit: cover; -webkit-border-radius: 16px; -moz-border-radius: 16px; -ms-border-radius: 16px; -o-border-radius: 16px; } .subscribe-sec .input-box, .faq-search-form .input-box { width: 100%; background: #fff; padding: 6px 6px 6px 10px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border: 1px solid var(--black); border-radius: 54px; margin-bottom: 15px; overflow: hidden; -webkit-border-radius: 54px; -moz-border-radius: 54px; -ms-border-radius: 54px; -o-border-radius: 54px; } .subscribe-sec input[type="email"], .faq-search-form input[type="email"] { width: 100%; height: 100%; border: none; padding: 10px 15px 10px 10px; background: transparent; color: var(--black); } .subscribe-sec .input-box button, .faq-search-form .input-box button { display: block; background: var(--black); padding: 13px; border-radius: 50%; cursor: pointer; border: 0; cursor: pointer; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; } .subscribe-sec .form-check p { color: var(--black); } .subscribe-sec .form-check-input { padding: 0; height: initial; width: initial; margin-bottom: 0; display: none; cursor: pointer; } .subscribe-sec label { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; cursor: pointer; font-size: 14px; } .subscribe-sec input:checked+label:before { background-color: var(--black); } .subscribe-sec label:before { border-color: var(--black); } .subscribe-sec label:before { content: ''; -webkit-appearance: none; background-color: transparent; border: 1px solid var(--black); padding: 8px; display: inline-block; position: relative; vertical-align: middle; cursor: pointer; margin-right: 15px; margin-top: 2px; display: none; } .subscribe-sec input:checked+label:after { content: ''; display: block; position: absolute; top: 5px; left: 7px; width: 5px; height: 9px; border: solid var(--white); border-width: 0px 1px 1px 0; transform: rotate(45deg); -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); } .form-check-label p a { text-decoration: underline; } /* ====================== subscribe section end ======================*/ /* ====================== article section start =================*/ .main-bottom { position: relative; } .main-bottom #main-bottom-leaf2, .main-bottom #circle-design4 { position: absolute; top: 50%; left: -5%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); z-index: -2; } .main-bottom #main-bottom-leaf3, .main-bottom #circle-design5 { position: absolute; right: 0; top: -5%; z-index: -2; } .main-bottom #circle-design4 { left: -17% !important; } .main-bottom #circle-design5 { right: -10% !important; } .main-bottom #leaf3 { position: absolute; top: 0; left: -2%; mix-blend-mode: lighten; z-index: -1; } .main-bottom #leaf4 { position: absolute; right: -2%; bottom: 0; z-index: -1; -webkit-transform: scaleY(-1) rotate(176deg); -ms-transform: scaleY(-1) rotate(176deg); transform: scaleY(-1) rotate(176deg); mix-blend-mode: lighten; } .article-sec .common-heading { text-align: center; margin-bottom: 40px; } .article-sec .common-heading h2 { max-width: unset; } .article-slider { height: 100%; } .article-card { border: 1px solid var(--second-color) !important; border-radius: 20px; background: var(--four-color); padding: 18px 16px !important; display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-border-radius: 20px; -moz-border-radius: 20px; -ms-border-radius: 20px; -o-border-radius: 20px; height: 100%; } .article-card .img-wraper { position: relative; border-radius: 20px; margin-bottom: 20px; width: 100%; overflow: hidden; display: block; padding-top: 70%; -webkit-border-radius: 20px; -moz-border-radius: 20px; -ms-border-radius: 20px; -o-border-radius: 20px; } .article-card .img-wraper img { -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .card-content { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 15px; flex: 1; } .card-content p { flex: 1; } .card-content span { color: var(--theme-color); display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; } .article-card .common-btn, .article-card .common-btn2 { max-width: unset; } .card-content .date { font-size: 14px; } /* .article-sec .slick-arrow, */ .testi-slider .slick-arrow { font-size: 0; width: 35px; height: 35px; line-height: 35px; border: 0; border-radius: 50%; position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); left: -6%; background: url('../images/icons/right-arrow.svg') no-repeat var(--theme-color); background-size: 40%; background-position: center; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; z-index: 2; opacity: .8; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; } /* .article-sec .slick-arrow.slick-prev, */ .testi-slider .slick-arrow.slick-prev { left: -3%; -webkit-transform: translateY(-50%) scaleX(-1); -ms-transform: translateY(-50%) scaleX(-1); transform: translateY(-50%) scaleX(-1); } /* .article-sec .slick-arrow.slick-next, */ .testi-slider .slick-arrow.slick-next { right: -3%; left: auto; } .article-sec .slick-slide, .testi-slider .slick-slide { margin: 0 10px; } .article-sec { margin-bottom: 70px; } .right-slide-slider.slick-initialized .slick-slide { padding: 0 5px; } .right-slide-slider .main-card { max-width: unset; } /* ====================== article section end ===================*/ /* ====================== testimonials section start =================*/ .testimonials-sec .common-heading h2 { margin-bottom: 0; } .testimonials-sec .testi-slider-container { border: 1px solid #5C8973; border-radius: 8px; padding: 80px 50px; background-color: var(--black); -webkit-border-radius: 8px; -moz-border-radius: 8px; -ms-border-radius: 8px; -o-border-radius: 8px; margin-top: 25px; } .testimonials-sec .testi-slider-container .testi-content { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .testimonials-sec .testi-slider-container .testi-content p { font-weight: 200; font-size: 23.956px; line-height: 1.5; color: var(--theme-color); margin: 10px auto 40px; } .testimonials-sec .testi-slider-container .rating-icons i:last-child, .testimonials-sec .testi-slider-container .rating-number span { color: var(--theme-color); } .testimonials-sec .testi-slider .slick-arrow.slick-next { right: -68px; left: auto; } .testimonials-sec .testi-slider .slick-arrow.slick-prev { left: -67px; } .testimonials-sec .testi-slider-container .testi-slider .client-name { margin-right: 20px; } .testimonials-sec .rating .rating-icons { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .testimonials-sec .rating .rating-number { margin-left: 12px; } .rating svg { max-width: 10px; } .rating { line-height: 1; font-size: 14px; } .testimonials-sec .testi-slider-container .testi-slider .client-name { margin: 0 0 10px; width: 100%; } /* ====================== testimonials section end ===================*/ /* ====================== footer start ====================== */ .site-footer { background: var(--theme-color); color: var(--black); padding: 60px 0 40px; margin-top: 60px; position: relative; z-index: 1; } #footer-leaf { position: absolute; max-width: 120px; width: 100%; right: 0; bottom: 0; z-index: -1; } .site-footer .footer-top { margin-bottom: 35px; } .footer-top .footer-col ul li:not(:last-of-type) { margin-bottom: 15px; } .footer-top .footer-col ul li.gallary-img { margin: 0 10px 10px 0; } .footer-top .footer-col ul li.gallary-img a { display: block; height: 100%; border-radius: 9px; overflow: hidden; } .footer-top .footer-title { color: var(--black); margin-bottom: 15px; font: var(--h6); } .footer-top .footer-time { margin-bottom: 15px; line-height: normal; } .footer-top .footer-insta-gallary .gallary-img { width: 45px; height: 45px; border: 0.5px solid #5C8973; border-radius: 9px; margin: 0 10px 10px 0; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; -webkit-border-radius: 9px; -moz-border-radius: 9px; -ms-border-radius: 9px; -o-border-radius: 9px; } .footer-top .footer-insta-gallary .gallary-img img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .footer-top .footer-icons li { /* background-color: var(--black); */ border-radius: 100%; margin-right: 10px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 28px; height: 28px; overflow: hidden; cursor: pointer; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; -webkit-border-radius: 100%; -moz-border-radius: 100%; -ms-border-radius: 100%; -o-border-radius: 100%; } .footer-top .footer-icons li:last-of-type { margin: 0; } .footer-top .footer-icons svg { width: 14px; height: 14px; display: block; margin: auto; } .footer-top .footer-description p, .footer-top .footer-shop li, .footer-bottom .footer-menu li a, .footer-top .footer-about-us li { font-size: 14px; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .footer-bottom .footer-menu li a { display: inline-block; margin-left: 25px; } .footer-bottom .footer-menu li a.active { text-decoration: underline; } .footer-bottom .footer-copyright { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .footer-bottom .footer-links { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: end; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } /* ====================== footer end ====================== */ /* ============================================= */ /* !!!! PRODUCTS PAGE START !!!! */ /* ============================================= */ .main-parent-top, .main-parent-bottom { position: relative; } .main-parent-top #circle-design5, .main-parent-top #circle-design6, .main-parent-top #circle-design7, .main-parent-bottom #leaf5, .main-parent-bottom #circle-design8, .main-parent-bottom #leaf-desing4, .main-parent-bottom #leaf-desing5, .main-parent-bottom #circle-design9 { position: absolute; z-index: -1; opacity: .7; } .main-parent-top #circle-design5 { top: -50%; left: -16%; } .main-parent-top #circle-design6 { top: 20%; right: -9%; } .main-parent-top #circle-design7 { bottom: -28%; left: -21%; } .main-parent-bottom #leaf5 { left: -2%; top: 0; mix-blend-mode: lighten; } .main-parent-bottom #circle-design8 { top: 4%; right: -5%; } .main-parent-bottom #leaf-desing4 { bottom: 0; right: 0; } .main-parent-bottom #leaf-desing5 { bottom: -24%; left: 0; } .main-parent-bottom #circle-design9 { bottom: -17%; left: -15%; } /* ====================== hero section start ====================== */ .product-sec .nice-select { background: var(--black); border: 1px solid #788C6D; border-radius: 21px; width: 100%; height: 40px; line-height: 40px; padding: 0 50px 0 11px; -webkit-border-radius: 21px; -moz-border-radius: 21px; -ms-border-radius: 21px; -o-border-radius: 21px; /* left:8px; */ } .product-left-inner h2 { max-width: 500px; } .product-sec .top-row { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: 40px; } .product-sec .top-row a { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 10px; } .product-sec .product-left-inner .back-btn { margin-bottom: 0; } .product-sec .select-container .select-box { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .product-sec .details { color: var(--third-color); margin-left: 20px; } .product-sec .price>div { font-size: 52px; } .product-sec .price-div .common-btn { padding: 10px 25px; } .product-sec .slider-wrapper { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; overflow: hidden; } .product-sec .product-thumb-slider { max-width: 56px; width: 100%; margin-top: 20%; } .product-sec .product-main-slider { position: relative; max-width: calc(100% - 56px); width: 100%; padding-left: 18px; } .product-sec .product-thumb-item { border: none !important; padding: 6.5px 0; } .product-sec .product-thumb-item .thumb-img { position: relative; padding-top: 100%; overflow: hidden; border-radius: 12px; -webkit-border-radius: 12px; -moz-border-radius: 12px; -ms-border-radius: 12px; -o-border-radius: 12px; border: 1px solid var(--theme-color); } .product-sec .product-item-img { position: relative; padding-top: 100%; overflow: hidden; } .product-sec .open-lightbox { position: absolute; top: 0; left: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding: 10px; } .product-sec .open-lightbox .img-prew-text { display: block; -webkit-writing-mode: vertical-rl; -ms-writing-mode: tb-rl; writing-mode: vertical-rl; -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); font-size: 14px; color: #788C6D; margin-top: 10px; } .product-sec .product-main-slider .img-prew-icon { background: #788C6D; width: 30px; height: 30px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border-radius: 50%; cursor: pointer; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; } .product-sec .product-item-img img, .product-sec .product-thumb-item .thumb-img img { position: absolute; height: 100%; width: 100%; top: 0; left: 0; right: 0; -o-object-fit: scale-down; object-fit: scale-down; border-radius: 12px; -o-object-position: center; object-position: center; -webkit-border-radius: 12px; -moz-border-radius: 12px; -ms-border-radius: 12px; -o-border-radius: 12px; } /* slick btn */ .product-sec .slick-dots li button { background: transparent; color: #fff; border: none; font-size: 15px; position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; height: 50px; width: 100%; -webkit-transition: none; -o-transition: none; transition: none; } .product-sec .slick-dots { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; border-top: 1px solid rgba(255, 255, 255, 0.5); margin: 25px auto 0; max-width: 140px; } .product-sec .slick-dots li button:before { content: '0'; } .product-sec .slick-dots li { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; text-align: center; } .product-sec .slick-dots li.slick-active button:after { content: ''; height: 3px; width: 100%; background: white; position: absolute; top: -2px; left: 0; right: 0; } .product-sec .slick-arrow { font-size: 0; border: 0; outline: 0; padding: 0; height: 12px; width: 20px; position: absolute; bottom: 44.5px; background: url('../images/icons/arrow_left_icon.svg') no-repeat; background-size: 100%; background-position: 50% 50%; top: auto; } .product-sec .slick-next { right: calc(50% - 113px); -webkit-transform: scaleX(-1); -ms-transform: scaleX(-1); transform: scaleX(-1); } .product-sec .slick-prev { left: calc(50% - 95px); right: auto; transform: scaleX(1) !important; -webkit-transform: scaleX(1) !important; -moz-transform: scaleX(1) !important; -ms-transform: scaleX(1) !important; -o-transform: scaleX(1) !important; } .product-sec .slick-dots li.slick-active button { font-size: 22px; } .product-sec .slick-dots li { display: none } .product-sec .slick-dots li.slick-active, .product-sec .slick-dots li.slick-active+li, .product-sec .slick-dots li.slick-active+li+li { display: block; } .product-sec .slick-dots li:nth-last-child(1), .product-sec .slick-dots li:nth-last-child(2), .product-sec .slick-dots li:nth-last-child(3) { display: block; } .product-sec .slick-dots li.slick-active~li:nth-last-child(1), .product-sec .slick-dots li.slick-active~li:nth-last-child(2), .product-sec .slick-dots li.slick-active~li:nth-last-child(3) { display: none; } .product-sec .slick-dots li.slick-active+li+li:nth-last-child(3), .product-sec .slick-dots li.slick-active+li+li:nth-last-child(2), .product-sec .slick-dots li.slick-active+li+li:nth-last-child(1), .product-sec .slick-dots li.slick-active+li:nth-last-child(3), .product-sec .slick-dots li.slick-active+li:nth-last-child(2), .product-sec .slick-dots li.slick-active+li:nth-last-child(1) { display: block; } /* ====================== hero section end ====================== */ /* ====================== description section start ====================== */ .description-box { background: var(--theme-color); padding: 42px; border-radius: 16px; height: 100%; -webkit-border-radius: 16px; -moz-border-radius: 16px; -ms-border-radius: 16px; -o-border-radius: 16px; } .description-sec h2 { font-weight: 300; } .description-sec .sub-heading { font: var(--h6); margin-bottom: 14px; } .description-sec .description-box .sub-heading, .description-sec .description-box h2, .description-sec .description-box p { color: var(--black); } .description-sec p { margin-bottom: 0 !important; margin-top: 10px; } .description-sec .methods-desc { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .description-sec .methods svg { width: 35px; height: 35px; border: 1px solid var(--theme-color); border-radius: 14px; padding: 10px; -ms-flex-negative: 0; flex-shrink: 0; -webkit-border-radius: 14px; -moz-border-radius: 14px; -ms-border-radius: 14px; -o-border-radius: 14px; } .description-sec .methods p { margin: 0 0 0 10px; } .description-sec .methods p span { color: var(--white) !important; } .description-sec .methods .methods-desc:first-of-type { margin-top: 15px; } .description-sec .methods .methods-desc:not(:last-child) { margin-bottom: 15px; } .description-sec .methods h2 { margin-bottom: 15px; } /* ====================== description section end ====================== */ /* ============================================= */ /* !!!! PRODUCTS PAGE FILTER CATEGORY START !!!! */ /* ============================================= */ .product-heading-row { border-bottom: var(--border); -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .product-heading-column { padding: 14px 0 !important; } .product-heading-right-column { padding: 14px 0 14px 22px !important; border-left: var(--border); } .filter-select-box { min-width: 160px; margin-left: auto; } .product-heading-row .sort-lbl { display: inline-block; font-size: 14px; font-weight: bold; margin-right: 10px; } .product-heading-row .nice-select { border: var(--border); color: var(--white); width: 180px; border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; } .product-heading-row .nice-select::after { background: url('../images/icons/select-down-arrow-white.svg') no-repeat; background-size: 100% 100%; background-position: center; } .product-listing-section .filter-title .filter-icn, .product-filter-body .close-filter { display: none; } .produdt-filter-cat li a { font-weight: 500; } .produdt-filter-cat li:not(:last-of-type) { padding-right: 10px; margin-right: 10px; position: relative; } .produdt-filter-cat li:not(:last-of-type):after { content: '/'; position: absolute; right: -1px; } .acnav-list { display: none; } .product-cat-widget .acnav-list { padding: 0 0 10px 10px; } .product-widget .acnav-label { display: block; position: relative; font-weight: 600; } .product-widget>.pro-itm>.acnav-label { font-weight: 600; padding: 12px 0; text-transform: uppercase; } .product-widget .acnav-list li a { text-transform: capitalize; } .product-widget .acnav-list li:not(:last-of-type) { margin-bottom: 8px; } .pro-itm-inner>.filter-listing>ul>li>.acnav-list { padding: 10px 0 10px 10px; } .set .acnav-label:before, .product-widget .acnav-label:before { content: ""; position: absolute; right: 14px; top: 50%; transform: translate(0%, -50%); height: 2px; width: 10px; background: var(--black); -webkit-transform: translate(0%, -50%); -moz-transform: translate(0%, -50%); -ms-transform: translate(0%, -50%); -o-transform: translate(0%, -50%); } .set .acnav-label:after, .product-widget .acnav-label:after { content: ""; position: absolute; right: 18px; top: 50%; transform: translate(0%, -50%); height: 10px; width: 2px; background: var(--black); -webkit-transition: ease-in-out all 0.5s; -o-transition: ease-in-out all 0.5s; transition: ease-in-out all 0.5s; -webkit-transform: translate(0%, -50%); -moz-transform: translate(0%, -50%); -ms-transform: translate(0%, -50%); -o-transform: translate(0%, -50%); } .product-widget .acnav-label:after, .product-widget .acnav-label:before { background: var(--white); } /* .set.is-open .acnav-label:after, */ .product-widget .is-open>.acnav-label:after { opacity: 0; } .product-filter-body { padding: 0 0 20px; } .product-widget { border-bottom: var(--border); padding: 10px 0; } .product-filter-right-column { border-left: var(--border); padding-left: 22px !important; } .delete-all { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; cursor: pointer; margin: 10px 0 0; } .delete-all svg { height: 12px; margin-right: 5px; width: 12px; } .product-tag-widget ul li { margin: 6px; border-radius: 25px; border: 1px solid var(--theme-color); color: var(--theme-color); overflow: hidden; display: inline-block; } .product-tag-widget ul li input { position: absolute; z-index: -1; visibility: hidden; opacity: 0; } .product-tag-widget ul li span { text-align: center; padding: 4px 10px; display: block; } .product-tag-widget ul li input:checked+span { background: var(--theme-color); color: var(--black); } .product-tag-widget ul li:not(:last-of-type) { margin-right: 5px; } .product-tag-widget ul li { display: inline-block; } #range-slider { max-width: 100%; margin: 0 auto; padding-top: 23px; } .ui-slider-horizontal .ui-slider-range { background-color: var(--white); height: 3px !important; top: -1px !important; } .ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-active, .ui-widget-content .ui-state-active, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus, .ui-button:hover, .ui-button:focus { background: var(--white) !important; } .ui-widget-content { background: #979797 !important; border: none !important; border-radius: 0 !important; height: 2px !important; -webkit-border-radius: 0 !important; -moz-border-radius: 0 !important; -ms-border-radius: 0 !important; -o-border-radius: 0 !important; } .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active { font-weight: normal; height: 12px !important; width: 12px !important; top: -5px !important; margin-left: 0 !important; background: var(--white); border-radius: 50%; display: block; position: absolute; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; } .ui-slider { position: relative; text-align: left; } .ui-slider .ui-slider-range { position: absolute; font-size: .7em; display: block; border: 0; background-position: 0 0; } .ui-slider-horizontal .ui-slider-range { top: 0; height: 100%; } .price-range-slider .range-bar .ui-slider-handle { border-radius: 25px; background: #fff; border: 2px solid var(--black); height: 20px; width: 20px; top: -9px; cursor: pointer; -webkit-border-radius: 25px; -moz-border-radius: 25px; -ms-border-radius: 25px; -o-border-radius: 25px; } .price-select .nice-select { border-radius: 0; border: var(--border); -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; } .colour-col:not(:last-of-type) { padding: 0 15px 0 0; } .price-select { margin-left: -5px; margin-right: -5px; } .select-col p { text-transform: capitalize; font-size: 14px; font-weight: 500; margin-bottom: 4px; } .select-col { width: 100%; max-width: 50%; padding: 0 5px; } .sorting-select { min-width: 125px; } .sorting-select select { padding: 10px 15px 9px; color: var(--black); } .product-price-widget .acnav-list { padding: 0 20px 10px 0; } .colors-checkbox label { width: 100%; } .custom-checkbox { -ms-flex-negative: 0; flex-shrink: 0; } .custom-checkbox, .colors-checkbox label { margin: 0; display: -webkit-box; display: -moz-box; display: box; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; box-align: center; -moz-align-items: center; -ms-align-items: center; -o-align-items: center; align-items: center; -ms-flex-align: center; position: relative; text-align: left; } .custom-checkbox input[type="checkbox"] { margin-top: 0.25rem; cursor: pointer; position: absolute; opacity: 0; -ms-opacity: 0; -o-opacity: 0; -moz-opacity: 0; -webkit-opacity: 0; left: 0; } .custom-checkbox input[type="checkbox"]+.color, .custom-checkbox input[type="radio"]+.color { margin-right: 3px; display: inline-block; vertical-align: middle; cursor: pointer; border: 1px solid var(--border-color); border-radius: 3px; width: 0.9375rem; height: 0.9375rem; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; } .color, .custom-checkbox input[type="checkbox"]+span.color { display: inline-block; margin-right: 10px; border: 1px solid rgba(0, 0, 0, .05); cursor: pointer; background-size: contain; width: 1.25rem; height: 1.25rem; -webkit-box-shadow: 0 0 3px 0 rgb(0 0 0 / 15%); -o-box-shadow: 0 0 3px 0 rgba(0, 0, 0, .15); -ms-box-shadow: 0 0 3px 0 rgba(0, 0, 0, .15); box-shadow: 0 0 3px 0 rgb(0 0 0 / 15%); } .custom-checkbox input[type="checkbox"]:checked+span.color { border: 2px solid var(--theme-color); } .custom-checkbox input[type="checkbox"]:checked+span.color:after { content: ''; display: block; position: absolute; top: 4px; left: 8px; width: 5px; height: 9px; border: solid var(--theme-color); border-width: 0px 1px 1px 0; transform: rotate(45deg); -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); } .color-name { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding-right: 10px; font-size: 14px; font-weight: 500; } .product-widget .acnav-list .colors-checkbox { margin-top: 8px; } .product-filter-right-column { padding-top: 22px !important; } .product-filter-right-column .row { margin: 0 -10px; } .product-filter-right-column .product-card { padding: 0 10px 20px; } .product-filter-right-column .product-content-bottom .price { width: 100%; margin-bottom: 10px; } .product-filter-right-column .addtocart-btn svg { fill: var(--theme-color); } /* ============================================= */ /* !!!! CART PAGE START !!!! */ /* ============================================= */ .heading-wrapper h2 { font-weight: 400; } .cart-page-section { padding-top: 40px; } .cart-page-section .back-btn span svg path { fill: var(--theme-color); } .cart-page-section .section-title { margin-bottom: 50px; } .cart-page-section .section-title h2 span { font-size: 18px; } .product-option { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-size: 14px; margin-top: 10px; } .product-option dt { font-weight: 500; } .product-option dd { margin-left: 5px; font-weight: 400; } .remove-btn { display: inline-block; height: 18px; width: 18px; vertical-align: middle; margin-left: 8px; } .remove-btn svg path { fill: var(--red); } .cart-summery { border: var(--border); padding: 20px; } .cart-summery ul li { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-bottom: 12px; } .cart-summery ul li span:last-child { font-weight: 600; } .cart-summery .common-btn2 { padding: 12px 10px; display: block; max-width: 100%; border-radius: 0; margin-top: 20px; text-transform: capitalize; -webkit-border-radius: 12px; -moz-border-radius: 12px; -ms-border-radius: 12px; -o-border-radius: 12px; } .table-img-wrapper { background-color: #e9e9e9; max-width: 120px; width: 100%; margin: auto; } .table-img-wrapper a { position: relative; padding-top: 100%; display: block; } .table-img-wrapper img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; -o-object-fit: scale-down; object-fit: scale-down; } /**** TABLE CSS ****/ table { border: 0; border-collapse: collapse; margin: 0; padding: 0; width: 100%; table-layout: auto; } table tr { padding: 20px 0 0; border-bottom: var(--border); display: block; } table tr:first-child { border-top: var(--border); } table tr th, table tr td { text-align: left; padding-left: 10px; padding-right: 10px; font-size: 14px; font-weight: 500; } table tr th { padding-top: 0; padding-bottom: 10px; border-bottom: var(--border); font-weight: 700; text-transform: uppercase; } table tr th:first-child, table tr td:first-child { padding-left: 0; vertical-align: middle; } table tr td:first-child a { vertical-align: middle; } table tr td { display: block; text-align: center; padding: 0 0 20px; } @media (min-width: 992px) { .cart-tble tr th:first-child, .cart-tble tr td:first-child { width: 90px; } .cart-tble tr th:nth-child(2), .cart-tble tr td:nth-child(2) { width: 253px; } .cart-tble tr th:nth-child(4), .cart-tble tr td:nth-child(4) { width: 116px; padding-right: 9px; } } @media (max-width: 767px) { table tr td::before { content: attr(data-label); display: block; text-align: center; padding-bottom: 10px; font-weight: 600; text-transform: uppercase; font-size: 14px; } table thead { border: none; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; display: none; } .product-option { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } table .qty-spinner { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin: 0 auto; } .remove-btn { height: 14px; width: 14px; } } @media (min-width: 768px) { table tr:first-child { border-top: none; } table tr { padding: 0; display: table-row; } table tr td { padding: 20px 10px 20px; display: table-cell; text-align: left; } table tr th:last-child, table tr td:last-child { text-align: right; padding-right: 0; } table tr th:nth-child(5), table tr td:nth-child(5) { text-align: right; } } /* ============================================= */ /* !!!! CHEACKOUT PAGE START !!!! */ /* ============================================= */ .set { border: var(--border); margin-bottom: 30px; } .set .acnav-label { padding: 15px 25px 15px 15px; position: relative; font-size: 14px; font-weight: 400; width: 100%; } .set .acnav-label:after { content: ''; position: absolute; height: 12px; width: 12px; background-image: url('../images/icons/down-arrow.svg'); background-repeat: no-repeat; background-size: 100%; background-position: 50% 50%; top: 50%; transform: translateY(-50%); right: 10px; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transition: all ease-in-out 0.5s; -webkit-transition: all ease-in-out 0.5s; -moz-transition: all ease-in-out 0.5s; -ms-transition: all ease-in-out 0.5s; -o-transition: all ease-in-out 0.5s; } .set.is-open .acnav-label::after { transform: translateY(-50%) rotate(180deg); -webkit-transform: translateY(-50%) rotate(180deg); -moz-transform: translateY(-50%) rotate(180deg); -ms-transform: translateY(-50%) rotate(180deg); -o-transform: translateY(-50%) rotate(180deg); } .checkout-page .set .acnav-label { font-weight: 400; } .checkout-page .login-form .form-heading h4, .checkout-page h3, .checkout-page h2, .checkout-page h4 { font-weight: normal; } .checkout-page .login-form .form-heading h3, .check-head { margin-bottom: 15px; } .btn-flex { margin-top: 20px; } .btn-flex a:not(:last-of-type) { margin-right: 14px; } .checkout-page .form-container { padding: 0; border-bottom: 0; } .checkout-page .forgot-pass { margin-left: 10px; } .checkout-page input::-webkit-input-placeholder, .checkout-page textarea::-webkit-input-placeholder { color: var(--white); } .checkout-page input::-moz-placeholder, .checkout-page textarea::-moz-placeholder { color: var(--white); } .checkout-page input:-ms-input-placeholder, .checkout-page textarea:-ms-input-placeholder { color: var(--white); } .checkout-page input::-ms-input-placeholder, .checkout-page textarea::-ms-input-placeholder { color: var(--white); } .checkout-page input::placeholder, .checkout-page textarea::placeholder { color: var(--white); } .checkout-page .set .acnav-list { padding: 30px 20px; } .checkout-page .checkbox-custom { margin-top: 19px; } .payment-method-form .radio-group label { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; border: 1px solid #A8A8A8; padding: 10px 15px 10px 40px; transition: all ease-in-out 0.5s; -webkit-transition: all ease-in-out 0.5s; -moz-transition: all ease-in-out 0.5s; -ms-transition: all ease-in-out 0.5s; -o-transition: all ease-in-out 0.5s; } .payment-method-form .radio-group label span { -webkit-box-flex: 0; -ms-flex: 0 0 20%; flex: 0 0 20%; padding-right: 10px; color: #A8A8A8; transition: all ease-in-out 0.5s; -webkit-transition: all ease-in-out 0.5s; -moz-transition: all ease-in-out 0.5s; -ms-transition: all ease-in-out 0.5s; -o-transition: all ease-in-out 0.5s; } .payment-method-form .radio-group label .center-descrp { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; color: #A8A8A8; transition: all ease-in-out 0.5s; -webkit-transition: all ease-in-out 0.5s; -moz-transition: all ease-in-out 0.5s; -ms-transition: all ease-in-out 0.5s; -o-transition: all ease-in-out 0.5s; } .payment-method-form .radio-group label .radio-right { -webkit-box-flex: 0; -ms-flex: 0 0 45%; flex: 0 0 45%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } .payment-method-form .radio-group label .radio-right>* { padding-left: 10px; } .payment-method-form .radio-group label .radio-right img { margin-left: 15px; max-width: 20%; max-height: 50px } .payment-method-form .radio-group label .radio-right b { font-size: 16px; } .payment-method-form .radio-group { margin: 17px 0; } .payment-method-form .radio-group label::after { border: 2px solid #A8A8A8; left: 17px; } .payment-method-form .radio-group label::before { border: 2px solid #A8A8A8; left: 16px; } .payment-method-form .radio-group input[type="radio"]:checked+label span, .payment-method-form .radio-group input[type="radio"]:checked+label .center-descrp { color: var(--white); } .payment-method-form .radio-group input[type="radio"]:checked+label { border-color: var(--white); } .checkout-page .payment-method-form .checkbox-custom { margin: 0 15px 0 0; } .checkout-page .order-confirmation-body .row .col-12 { display: -webkit-box; display: -ms-flexbox; display: flex; } .checkout-page-right .chnage_address { margin-bottom: 10px; } .checkout-page .order-confirmation-body ul li { font-size: 14px; margin-bottom: 5px; } .checkout-page .order-confirmation-body { padding: 20px 0 0 0; border-top: 0; } .checkout-page .order-payment-box { margin: 30px 0 17px auto; } .checkout-page .mini-cart-footer { padding: 20px 0 0; border: 0; } .checkout-page h4 .checkout-cartcount { font-size: 14px; margin-left: 10px; } .checkout-page .mini-cart-footer .u-save { font-size: 15px; margin-bottom: 10px; font-weight: 500; font-size: 17px; line-height: 22px; display: -webkit-box; display: -ms-flexbox; display: flex; color: var(--third-color); margin-bottom: 30px; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } .checkout-page .mini-cart-footer-total-row { font-size: 16px; line-height: 1.2; margin: 0 0 15px; background: var(--third-color); padding: 15px 10px; } .checkout-page .mini-cart-image span { background: var(--third-color); border: 1px solid var(--white); height: 20px; width: 20px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; border-radius: 20px; font-size: 10px; line-height: 1; position: absolute; top: -10px; right: -10px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -ms-border-radius: 20px; -o-border-radius: 20px; } .checkout-page .pvarprice { margin-top: 10px; font-size: 14px; } .mini-cart-item { padding: 10px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border: var(--border); background: var(--black); } .mini-cart-item .mini-cart-title { margin-bottom: 10px; } .remove_item svg path { fill: var(--red); } .mini-cart-details { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; width: 100%; padding-left: 20px; } .mini-cart-image { width: 70px; background: #e9e9e9; } .checkout-page .mini-cart-item { padding: 15px 10px 10px 10px; } .checkout-page .mini-cart-image a { padding-top: 102%; display: block; position: relative; } .mini-cart-image img { top: 0; width: 100%; -o-object-fit: scale-down; object-fit: scale-down; position: absolute; left: 0; right: 0; height: 100%; } .checkout-page del { margin-left: 10px; } .checkout-page .mini-cart-item:not(:last-of-type) { margin-bottom: 15px; } .checkout-page .mini-cart-header { margin-bottom: 15px; } .checkout-page .mini-cart-footer .checkout-btn { margin-bottom: 0; max-width: 100%; border-radius: 30px; -webkit-border-radius: 30px; -moz-border-radius: 30px; -ms-border-radius: 30px; -o-border-radius: 30px; width: 100%; } .form-group label { display: inline-block; margin-bottom: 10px; font-size: 14px; font-weight: 500; } .login-btn svg path { fill: #fff; } .form-control.nice-select { height: auto; border-radius: 6px; -webkit-border-radius: 6px; -moz-border-radius: 6px; -ms-border-radius: 6px; -o-border-radius: 6px; padding: 14px 20px; } .form-control.nice-select:after { content: ''; top: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); right: 4px; width: 14px; height: 14px; position: absolute; background: url('../images/icons/down-arrow.svg') no-repeat; background-size: 100% 100%; -webkit-transition: -webkit-transform .3s linear; transition: -webkit-transform .3s linear; -o-transition: transform .3s linear; transition: transform .3s linear; transition: transform .3s linear, -webkit-transform .3s linear; } .form-control.nice-select.open:after { -webkit-transform: translate(-50%, -50%) rotate(180deg); -ms-transform: translate(-50%, -50%) rotate(180deg); transform: translate(-50%, -50%) rotate(180deg); } /* ============================================= */ /* !!!! ABOUT PAGE START !!!! */ /* ============================================= */ .top-bg-section, .top-bg-wrapper { background: var(--theme-color); padding: 40px 0 40px; color: var(--black); background-repeat: no-repeat; background-size: cover; background-position: center; } .top-bg-section .section-title h2, .top-bg-section .section-title span { color: var(--black); } .top-bg-section .back-btn:hover { color: var(--black); } .top-bg-section .back-btn:hover svg path, .top-bg-wrapper .back-btn:hover svg path { fill: var(--black); } .top-bg-section .back-btn:hover svg circle { stroke: var(--black); } .header-black .header-bottom .bottom-header-cart { background: var(--black); } .header-black .top-left-wrapper, .header-black .header-top-time, .header-black .header-top .header-top-icon-list li a:hover, .header-black .header-top .header-top-icon-list { color: var(--black); } .header-black .header-top-icon-list svg path, .header-black .header-top-icon-list li a:hover svg path { fill: var(--black); } .row-reverse { -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; } .about-our-shop-section .row { margin-top: 50px; } .about-our-shop-section h2, .about-our-shop-section h3, .about-us-section h2, .about-us-page h2 { color: var(--theme-color); font-weight: 400; } .about-us-box h3 { font-weight: 400; } .abt-shp-column-right img { width: 100%; } .about-us-section .about-us-box h3 { margin-bottom: 15px; font: var(--h4); display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; max-width: 80%; } .aboutpage-btm-sec .about-us-box { padding: 25px 15px; border: 1px solid var(--white); position: relative; } .aboutpage-btm-sec .section-title { max-width: 700px; margin: 0 auto 50px; } .aboutpage-btm-sec .section-title p { margin-top: 24px; } .about-us-section .about-us-box svg { width: 24px; height: 24px; fill: var(--white); position: absolute; top: 15px; right: 15px; } /* ============================================= */ /* !!!! CMS PAGE START !!!! */ /* ============================================= */ .cms-page p:not(:last-of-type) { margin-bottom: 25px; } .cms-page h3, .cms-page h4, .cms-page h5 { margin: 20px 0; font-weight: 400; color: var(--theme-color); } .cms-page h2 { color: var(--theme-color); font-weight: 400; } .cms-page p a { display: inline-block; font-weight: 600; text-decoration: underline; } .cms-page ul { margin: 20px; } .cms-page ul li { list-style: disc; } .cms-page ul li:not(:last-of-type) { margin-bottom: 9px; } /* ============================================= */ /* !!!! CONTACT PAGE START !!!! */ /* ============================================= */ .contact-right-column { margin-top: -300px; } .submit-btn svg { width: 20px; height: 14px; } .contact-right-inner h2 { color: var(--black); font-weight: 400; } .contact-form { padding: 24px 20px; border: 1px solid var(--white); background: var(--black); } .contact-left-inner h4 { color: var(--theme-color); } .contact-left-inner ul li { margin-bottom: 30px; } .contact-left-inner ul li h4 { font-weight: 600; text-transform: uppercase; margin-bottom: 15px; font-size: 14px; } .contact-left-inner ul li p { margin-bottom: 0; letter-spacing: 0; font-size: 20px; font-weight: 500; } .contact-left-inner ul li .address { font-size: 14px; line-height: 26px; } /* ============================================= */ /* !!!! FAQS PAGE START !!!! */ /* ============================================= */ .faq-page h2 { font-weight: 400; color: var(--theme-color); } .faq-search-form { max-width: 400px; margin: 25px 0; } .faq-search-form input::-webkit-input-placeholder { color: var(--black); } .faq-search-form input::-moz-placeholder { color: var(--black); } .faq-search-form input:-ms-input-placeholder { color: var(--black); } .faq-search-form input::-ms-input-placeholder { color: var(--black); } .faq-search-form input, .faq-search-form input::placeholder { color: var(--black); } .set { border: var(--border); margin-bottom: 30px; } .set .acnav-label { padding: 15px 25px 15px 15px; position: relative; font-size: 14px; font-weight: 600; width: 100%; } .set .acnav-list { padding: 15px; border-top: var(--border); } .set .acnav-list p { font-size: 14px; } .faqs-container .set a::after { background-image: url('../images/icons/down-arrow.svg'); background-repeat: no-repeat; background-size: 100%; background-position: 50% 50%; } /* ============================================= */ /* !!!! BLOG PAGE START !!!! */ /* ============================================= */ .blog-wrapper .top-bg-wrapper { background-repeat: no-repeat; background-size: cover; background-position: center; color: var(--white); } .blog-grid-section h2 { margin-bottom: 0; } .blog-cat { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-bottom: 20px; } .blog-wrapper .common-banner-content .section-title h2 { color: var(--white); } .blog-cat li:not(:last-of-type) { margin-right: 10px; } .blog-cat li a { padding: 10px 20px; color: var(--white); background: transparent; border-radius: 50px; font-size: 14px; line-height: 1; -webkit-border-radius: 50px; -moz-border-radius: 50px; -ms-border-radius: 50px; -o-border-radius: 50px; } .blog-cat li.active a, .blog-cat li a:hover { background: var(--theme-color); color: var(--black); } .blog-grid .blog-widget-inner { border-color: var(--theme-color); } /* .blog-grid .blog-caption { border-top: 1px solid var(--theme-color); } */ .blog-grid .blog-btn { background: var(--theme-color); } .blog-grid .blog-btn svg { fill: var(--white); } .blog-grid .blog-widget { margin-bottom: 30px; } .blog-head-row { margin-bottom: 40px; border-bottom: 1px solid var(--border-color); } .blog-grid-section .blog-grid .article-card p { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; line-clamp: 2; -webkit-box-orient: vertical; } .blog-col-left ul li a { padding: 10px 15px; font-size: 14px; display: block; position: relative; opacity: 0.5; font-weight: 600; } .blog-col-left ul li a:before { content: ''; height: 2px; width: 0; bottom: -1px; background: var(--theme-color); position: absolute; left: 0; right: 0; opacity: 0; transition: all ease-in-out 0.5s; -webkit-transition: all ease-in-out 0.5s; -moz-transition: all ease-in-out 0.5s; -ms-transition: all ease-in-out 0.5s; -o-transition: all ease-in-out 0.5s; } .blog-col-left ul li a:hover:before, .blog-col-left ul li.active a:before { opacity: 1; width: 100%; } .blog-col-left ul li a:hover, .blog-col-left ul li.active a { opacity: 1; } .blog-col-right .select-lbl { display: block; -ms-flex-negative: 0; flex-shrink: 0; font-size: 14px; font-weight: 600; } .blog-col-left { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } .blog-col-right .nice-select { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; border: none; } .blog-col-right .nice-select:after { background: url('../images/icons/down-arrow.svg') no-repeat; background-size: 100% 100%; } .blog-col-right .nice-select:after { right: 0; } .blog-grid-section .section-title h2 b { font-style: normal; } .tab-content { display: none; } .tab-content.active { display: block; } .blog-grid-section .blog-card { margin-bottom: 30px; } /* ============================================= */ /* !!!! ARTICLE PAGE START !!!! */ /* ============================================= */ .article-banner .common-banner-content .back-btn { margin: 0 auto 26px auto; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; display: -webkit-box; display: -ms-flexbox; display: flex; max-width: -webkit-fit-content; max-width: -moz-fit-content; max-width: fit-content; } .article-banner .blog-cat { margin: 40px 0; } .post-lbl { margin-left: 50px; font-size: 14px; } .article-section .abt-user-img { border-color: var(--white); } .article-section .abt-user-img img { width: 100%; height: 100%; -webkit-border-radius: 72.2951px; -moz-border-radius: 72.2951px; -ms-border-radius: 72.2951px; -o-border-radius: 72.2951px; border-radius: 72.2951px; } .abt-user-img { border: 1px solid var(--white); border-radius: 72.2951px; width: 50px; height: 50px; padding: 5px; margin-right: 15px; -webkit-border-radius: 72.2951px; -moz-border-radius: 72.2951px; -ms-border-radius: 72.2951px; -o-border-radius: 72.2951px; overflow: hidden; } .article-section .section-title h2 { max-width: 400px; margin: 30px 0 0; } .aticleleftbar h5 { margin: 20px 0; } .aticleleftbar p { margin-bottom: 25px; } .aticleleftbar img { margin-bottom: 0px; width: 61%; } .art-auther { margin-bottom: 50px; font-size: 14px; } .quote-box { position: relative; padding: 40px 0 40px 60px; } .quote-box h3 { font-weight: 500; line-height: 1.6; font-family: var(--second-font); } .quote-box svg { position: absolute; left: 0; } .article-socials li a { height: 28px; width: 28px; /* background: var(--theme-color); */ display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; border-radius: 100%; -webkit-border-radius: 100%; -moz-border-radius: 100%; -ms-border-radius: 100%; -o-border-radius: 100%; } .article-socials li a svg { fill: var(--white); height: 12px; width: 12px; } .article-socials li:not(:last-of-type) { margin-right: 10px; } .article-socials li span { display: inline-block; font-size: 18px; margin-right: 10px; } .latest-article-slider { margin: 0 -10px; } .latest-article-slider .blog-widget { padding: 0 10px; } .hr-line { border: var(--border); } .blog-media { position: relative; } .blog-widget-inner .blog-media .blog-btn { position: absolute; right: 0; bottom: 0; height: 35px; width: 35px; background: var(--theme-color); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding: 0; z-index: 1; } /* ============================================= */ /* !!!! ORDER SUMMERY PAGE START !!!! */ /* ============================================= */ .backbtn .btn-secondary svg { transform: scale(-1); margin-right: 12px; -webkit-transform: scale(-1); -moz-transform: scale(-1); -ms-transform: scale(-1); -o-transform: scale(-1); } .backbtn .btn-secondary { min-width: 190px; margin-top: 25px; background: var(--theme-color); color: var(--white); } .backbtn .btn-secondary svg path { fill: var(--white); } .order-summery-page .section-title h2 { margin-bottom: 25px; } .order-summery-page .section-title p { font-size: 18px; margin: 0; } .order-summery-page .common-btn2 { min-width: 300px; margin-top: 25px; } .order-summery-page .common-btn2 svg { -webkit-transform: scale(-1); -ms-transform: scale(-1); transform: scale(-1); margin-right: 12px; max-width: 20px; height: auto; margin-left: 12px; } /* ============================================= */ /* !!!! REGISTER PAGE START !!!! */ /* ============================================= */ .register-page .section-title { margin-bottom: 50px; } .form-wrapper h3, .form-wrapper h4 { font-weight: 400; font-size: 18px; margin-bottom: 15px; } .form-wrapper .form-heading h3, .form-wrapper .form-heading h4 { margin-bottom: 0; } .form-wrapper h4 b { font-family: var(--first-font); font-style: normal; font-weight: 600; } .form-wrapper form { border: var(--border); } .form-container { padding: 20px; border-bottom: var(--border); } .form-footer { padding-top: 30px; } .form-container:last-child { border-bottom: 0; } .register-page .section-title { margin-bottom: 50px; } /* ============================================= */ /* !!!! LOGIN PAGE PAGE START !!!! */ /* ============================================= */ .login-form .submit-btn { margin: 0 0 0 15px; } .login-form .form-footer { padding: 0; } .forgot-pass { color: var(--red); font-size: 14px; } .forgot-pass:hover { text-decoration: underline; } .login-form p { margin-bottom: 15px; } .reg-lbl { font-size: 14px; margin-right: 10px; } .login-form .form-heading h3 { margin-bottom: 0; font-weight: 600; font: var(--h4); } /* ============================================= */ /* !!!! MY ACCOUNT PAGE START !!!! */ /* ============================================= */ .myac-body { overflow: unset; } .my-acc-leftbar h4, .my-acc-rightbar h2 { font: var(--h4); } .my-acc-leftbar h3 { font: var(--h4); } .my-acc-leftbar { border: var(--border); padding: 15px; } .my-acc-leftbar li:not(:last-of-type) { border-bottom: var(--border); } .account-list li a { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; padding: 15px; opacity: 0.8; color: var(--grey); } .account-list li a svg { -ms-flex-negative: 0; flex-shrink: 0; margin-right: 10px; } .account-list li a svg path, .my-acc-leftbar li a svg path { fill: var(--white); } .account-list li a span { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } .account-list li a span b { display: block; } .my-acc-leftbar li a:hover, .my-acc-leftbar li.active a { opacity: 1; color: var(--white); } .my-acc-leftbar li a:hover path, .my-acc-leftbar li.active path { fill: var(--white); } .my-acc-leftbar h3 { padding: 15px 15px 5px; margin-bottom: 15px; } .my-acc-head { margin-bottom: 50px; } .my-acc-rightbar .account-list li { display: -webkit-box; display: -ms-flexbox; display: flex; margin-bottom: 20px; } .my-acc-rightbar .account-list li a { border: var(--border); width: 100%; } .my-acc-rightbar .account-list li.active a svg path, .my-acc-rightbar .account-list li a:hover svg path { fill: var(--black); } .my-acc-rightbar .account-list li.active a, .my-acc-rightbar .account-list li a:hover { opacity: 1; color: var(--black); background: var(--theme-color); } .account-list li.logout-link a svg path { fill: var(--red); } .account-list li.logout-link a { opacity: 1; color: var(--red); } .my-acc-right-content { padding-bottom: 50px; } #scroll { position: sticky; top: 100px; left: 0; z-index: 1; } .acc-back-btn-wrp .back-btn-acc svg { margin-left: 0; width: 20px; } .acc-back-btn-wrp button { text-transform: uppercase; font-size: 14px; text-align: center; padding: 12px 25px; color: var(--white); box-shadow: none; border: 1px solid var(--theme-color); display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; line-height: 1; border-radius: 30px; appearance: none; position: relative; } .acc-back-btn-wrp .back-btn-acc svg path { fill: var(--white); } .back-btn-acc { background: transparent; margin-right: 12px; } .back-btn-acc svg { transform: scale(-1); -webkit-transform: scale(-1); -moz-transform: scale(-1); -ms-transform: scale(-1); -o-transform: scale(-1); margin: 0 10px 0 0; } .order-history-frame { border: var(--border); } .order-history-tbl tr th:first-child, .order-history-tbl tr td:first-child { padding-left: 15px; } .order-history-tbl tr th { padding-top: 15px; text-transform: capitalize; } .order-history-tbl tr th:last-child, .order-history-tbl tr td:last-child { padding-right: 15px; gap: 5px; } .order-history-tbl tr th:nth-child(5), .order-history-tbl tr td:nth-child(5) { text-align: left; } .order-history-tbl tr th:nth-child(6), .order-history-tbl tr td:nth-child(6) { text-align: center; } .order-history-tbl tr td { padding: 15px 15px 15px; } .order-history-tbl tr td { font-weight: 400; } .right-result-tbl { padding: 20px 15px 0; font-size: 14px; } .order-confirm-details { border: var(--border); padding: 20px; width: 100%; } .order-confirmation-body { padding: 30px 20px; border-top: var(--border); } .order-confirmation h4 { padding: 15px; } .order-confirmation { border: var(--border); } .order-confirm-details h5 { font-size: 16px; font-weight: 500; margin-bottom: 15px; } .order-confirm-details p { font-size: 14px; margin-bottom: 30px; } .order-confirm-details .link { font-size: 14px; } #tab-7 .form-container { padding-right: 0; } #tab-6 .order-history-tbl { border: var(--border); } #tab-6 .order-history-tbl .qty-spinner button { width: 22px; } #tab-6 .order-history-tbl tr th:nth-child(6), #tab-6 .order-history-tbl tr td:nth-child(6) { text-align: right; } .dated b { display: block; } .order-payment-box { max-width: 560px; border: 1px solid var(--border-color); margin: 30px 0 0 auto; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .order-paymentcol { padding: 20px 0; max-width: 40%; width: 100%; text-align: center; display: flex; flex-wrap: wrap; align-items: center; } .order-paymentcol:nth-child(2) { max-width: 60%; text-align: left; background: var(--theme-color); color: var(--white); } .order-paycol-inner img { margin-left: auto; } .order-paycol-inner p { margin: 0 0 5px; font-weight: 500; font-size: 14px; } .payment-ttl-left span { display: block; opacity: 1; font-size: 14px; font-weight: 500; } .payment-ttl-left span:not(:last-of-type) { margin-bottom: 10px; } .payment-ttl-left:nth-child(1) { padding-right: 15px; } .payment-ttl-left:nth-child(2) { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; text-align: right; } .ttl-pric { font-size: 18px; font-weight: 700; margin-top: 6px; } .order-paycol-inner { width: 100%; } .wishcount { font-size: 15px; display: inline-block; margin-left: 5px; } #tab-8 .order-confirmation-body { border: 0; padding: 0; } #tab-8 .order-confirmation-body table tr { border: var(--border); } #tab-8 .form-container { padding-right: 0; padding-bottom: 0; } /* ============================================= */ /* !!!! DESKTOP HOVER CSS !!!! */ /* ============================================= */ @media (hover: hover) { a:hover, a:focus { -webkit-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out; } .common-btn:hover { background-color: var(--black); border: 1px solid var(--theme-color); } .common-btn2:hover { background-color: var(--black); border: 1px solid var(--theme-color); color: var(--theme-color); } .common-btn2:hover svg, .common-btn2:hover path { fill: var(--theme-color); } .outline-btn:hover { background-color: var(--theme-color); border-color: transparent; color: var(--black); } .back-btn:hover { color: var(--theme-color); } .back-btn:hover svg path { fill: var(--theme-color); } .back-btn:hover svg circle { stroke: var(--theme-color); } .outline-btn:hover path { fill: var(--black) !important; } .header-top .top-left-wrapper li a:hover { text-decoration: underline; } /* .header-top .header-top-icon-list li a:hover { color: var(--theme-color); } .header-top .header-top-icon-list li a:hover path { fill: var(--theme-color); } */ .header-bottom .nav-links li:hover>a { color: var(--black); } .card-sec .img-main-box:last-child .small-card .common-btn:hover { color: #fff; border: 1px solid var(--black); background-color: var(--theme-color); -webkit-box-shadow: 0px 5.31818px 9.45455px rgba(0, 0, 0, 0.32); box-shadow: 0px 5.31818px 9.45455px rgba(0, 0, 0, 0.32); } .footer-top .footer-shop li a:hover, .footer-top .footer-about-us li a:hover { margin-left: 10px; text-decoration: underline; } .footer-top .footer-icons li:hover { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); } .footer-top .footer-insta-gallary .gallary-img:hover { -webkit-transform: scale(1.05); -ms-transform: scale(1.05); transform: scale(1.05); cursor: pointer; } .footer-bottom .footer-menu li a:hover { text-decoration: underline; } } .overlay-popup { position: fixed; top: 0; bottom: 0; left: 0; right: 0; background: rgba(0, 0, 0, 0.7); transition: all ease-in-out 0.5s; visibility: hidden; opacity: 0; z-index: 4; -webkit-transition: all ease-in-out 0.5s; -moz-transition: all ease-in-out 0.5s; -ms-transition: all ease-in-out 0.5s; -o-transition: all ease-in-out 0.5s; } .overlay-popup.popup-show { opacity: 1; visibility: visible; } .popup-inner { border-radius: 0; max-width: 50%; width: 100%; transition: 1s ease-in-out; position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); } .popup-inner .content { display: flex; position: relative; padding-bottom: 56.25%; height: 0; } .close-popup { position: absolute; transition: 200ms ease-in; font-size: 30px; text-decoration: none; z-index: 1; top: -40px; right: 1px; width: 30px; height: 30px; font-weight: bold; background-color: var(--second-color); display: flex; justify-content: center; align-items: center; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; -webkit-transition: 200ms ease-in; -moz-transition: 200ms ease-in; -ms-transition: 200ms ease-in; -o-transition: 200ms ease-in; } .close-popup svg { height: 15px; width: 15px; } .overlay-popup.popup-show .close-popup svg line { stroke: var(--black); } .popup-inner .content iframe { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); max-width: 100%; width: 100%; height: 100%; border: none; outline: none; box-shadow: none; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); } .text-warning { --bs-text-opacity: 1; color: #b5c547 !important; } .wish-header a { border: 1px solid #EFC69A; border-radius: 30px; -webkit-border-radius: 30px; -moz-border-radius: 30px; -ms-border-radius: 30px; -o-border-radius: 30px; } .wish-header a>div { background-color: #EFC69A; padding: 12px; border-radius: 30px; -webkit-border-radius: 30px; -moz-border-radius: 30px; -ms-border-radius: 30px; -o-border-radius: 30px; } .wish-header a>div svg { width: 18px; height: 18px; } .wishDrawer { position: fixed; right: 0; top: 0; z-index: 5; background: var(--white); width: 410px; height: 100%; -moz-transform: translateX(100%); -o-transform: translateX(100%); -ms-transform: translateX(100%); -webkit-transform: translateX(100%); transform: translateX(100%); display: flex; flex-direction: column; -moz-transition: 0.4s all; -ms-transition: 0.4s all; -o-transition: 0.4s all; -webkit-transition: 0.4s all; transition: 0.4s all; } .wishOpen .wishDrawer { opacity: 1; visibility: visible; display: flex; -moz-transform: translateX(0); -o-transform: translateX(0); -ms-transform: translateX(0); -webkit-transform: translateX(0); transform: translateX(0); } .wishDrawer .mini-wish-header { position: relative; text-align: center; padding: 17px 30px 16px 30px; margin: 0; display: flex; align-items: center; justify-content: space-between; background: var(--theme-color); color: var(--white); } .wishDrawer .wish-tottl-itm { font-weight: 700; font-size: 14px; line-height: 17px; letter-spacing: 0.1em; text-transform: uppercase; display: block; } .wishDrawer .closewish { position: absolute; left: -38px; top: 20px; width: 20px; height: 20px; opacity: 0; visibility: hidden; } .wishOpen .wishDrawer .closewish { opacity: 1; visibility: visible; } .wishDrawer .mini-wish-has-item { overflow: hidden; flex: 1; display: flex; flex-direction: column; } .wishDrawer .mini-wish-body { overflow-y: auto; padding: 30px; flex: 1; } .wishDrawer .mini-wish-body::-webkit-scrollbar { width: 6px; } .wishDrawer .mini-wish-body::-webkit-scrollbar-track { background: var(--second-color); } .wishDrawer .mini-wish-body::-webkit-scrollbar-thumb { background-color: var(--theme-color); } .mini-wish-item { padding: 10px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border: 1px solid var(--border-color); background: var(--white); } .mini-wish-item:not(:last-of-type) { margin-bottom: 30px; } .mini-wish-image { width: 80px; background-color: #ddd; } .mini-wish-image a { display: block; padding-top: 150%; position: relative; } .mini-wish-image img { top: 0; width: 100%; object-fit: scale-down; position: absolute; left: 0; right: 0; height: 100%; } .mini-wish-details { flex: 1; width: 100%; padding-left: 15px; } .mini-wish-title { color: var(--black); margin-bottom: 8px; font-weight: 600; } .mini-wish-title a { color: inherit; } .wish-variable { margin-bottom: 10px; } .wish-variable p, .swatch-lbl { font-size: 14px; line-height: 14px; } .wish-variable p { margin: 10px 0; } .wish-variable .nice-select { max-width: 120px; margin: 10px 0; font-size: 14px; } .overlay { transition: all ease-in-out 0.4s; -webkit-transition: all ease-in-out 0.4s; -moz-transition: all ease-in-out 0.4s; -ms-transition: all ease-in-out 0.4s; -o-transition: all ease-in-out 0.4s; } .menu-overlay::after, .overlay.active, .wishOpen .overlay::after { content: " "; z-index: 3; background: rgba(0, 0, 0, 0.3); left: 0; top: 0; width: 100%; height: 100%; position: fixed; } .wishDrawer .mini-wish-details .price { justify-content: flex-start; font: var(--common-text); } .wishDrawer .pvarprice { margin-top: 12px; } .wishDrawer .price del { margin-left: 10px; } .wishDrawer .price .currency-type { display: none; } .mini-wish-footer { padding: 30px; border-top: 1px solid var(--border-color); } .mini-wish-footer-total-row { font-weight: 700; font-size: 24px; line-height: 29px; display: flex; align-items: center; color: var(--primary-color); margin: 0 -10px 20px; } .mini-wish-footer-total-row div { padding: 0 10px; } .mini-wish-footer .u-save { font-weight: 500; font-size: 17px; line-height: 22px; display: flex; color: var(--black); margin-bottom: 30px; justify-content: flex-end; } .mini-wish-footer .checkout-btn { width: 100%; max-width: 300px; margin: 0 auto 20px; display: flex; padding: 12px 30px; border: 0; } .mini-wish-footer .checkout-btn svg { fill: var(--black); height: 18px; } .mini-wish-footer .link-btn { display: flex; /* justify-content: center; */ } .wishDrawer .emptywish { padding: 50px 0 0 0; color: var(--black); } .product-title { font-weight: normal; margin-bottom: 5px; font-size: 20px; } .product-title a { text-overflow: ellipsis; width: 100%; overflow: hidden; white-space: nowrap; display: block; } h1 b, h2 b, h3 b, h4 b, h5 b, h6 b, .product-title b { font-family: var(--second-font); /* font-style: italic; */ font-weight: normal; } .variant_form .top-content { display: flex; flex-wrap: wrap; align-items: center; } .variant_form .top-content .prorow-lbl-qntty { width: 100%; } .variant_form .top-content .select-container { flex: 1; } .variant_form .top-content .select-container p { margin-bottom: 10px; } .variant_form .top-content .text-checkbox:not(:last-child) { margin-bottom: 20px; } .blog-caption p { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; flex: unset; } .product-title1 { display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; } .wishDrawer .addtocart-btn { font-size: 14px; padding: 10px 15px; display: flex; margin-top: 10px; } .descriptions { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; } /************ 19/07/2023 ************/ .top-left-wrapper { display: none; } .header-top .header-top-icon-list li a svg path { fill: var(--white); } .main-card .inner-card .price ins { font-size: 20px; line-height: 24px; margin-left: 3px; } .couner-number-sec .number-box p { display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; } .subscribe-sec .bg-sec:after { content: ""; position: absolute; top: 0; bottom: 0; left: 0; right: 0; height: 100%; width: 100%; background: #d9d1d169; z-index: -1; border-radius: 13px; } .card-content h3 { font: var(--h4); } .card-content h3 a { display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; } .testimonials-sec .right-slide-slider .main-card .inner-card h3 { margin-bottom: 0px; } .article-sec .slick-arrow { opacity: 0; } .article-sec .article-slider:hover .slick-arrow { opacity: 1; } .cartDrawer .mini-cart-footer .minicart-checkout { display: block; } .common-btn svg path { fill: var(--white); } .wish-ic { margin-left: 5px; } .cart-count { position: relative; display: inline-block; } .form-control, .custom-select, .dataTable-selector, .dataTable-input { color: var(--black) !important; background-color: transparent !important; } .about-our-shop-section h3 { font: var(--h4); font-weight: 400 !important; } .about-us-section .about-us-box img { position: absolute; top: 27px; right: 15px; } .aboutpage-btm-sec .about-us-box p { display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; } .about-us-page h5 { margin-bottom: 10px; } .blog-head-row .blog-col-right { max-width: 150px !important; } .article-card .card-content h3 { font: var(--h5); display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; } .prorow-lbl-qntty { display: flex; align-items: center; margin: 0 0 15px; } .prorow-lbl-qntty .qty-spinner { margin: 0 0 0 10px; } .head-listing { padding-bottom: 60px; } .product_filter .product-type.product-title1 { color: var(--third-color); } .back-btn span.svg-ic { width: 34px; height: 34px; display: flex; vertical-align: middle; border: 1px solid; border-radius: 100%; text-align: center; padding: 4px 0; flex-shrink: 0; align-items: center; justify-content: center; } .checkout-page h3 { font: var(--h4); } .paymentlist_data_tab .payment-method-form .radio-group label .radio-right img.paymentimagcod, .paymentlist_data_tab .payment-method-form .radio-group label .radio-right img.paymentimagbank_transfer, .order-paycol-inner img.payment_img_path { filter: invert(1); } .checkout-page .mini-cart-footer .u-save { font-size: 15px; margin-bottom: 10px; } .order-history-tbl h3 { font: var(--h4); } .hero-main-slider:not(.slick-initialized) *:not(:first-child) { display: none; } /* support-ticket start*/ .custom-file-input input[type='file'] { background: #e5e4e2; } .file-select-set { position: relative; } .file-select-set input:first-child { z-index: 0; padding: 12px 110px 12px 15px !important; } .file-select-set input[type=file] { position: absolute; right: 0; width: 100px; opacity: 0; z-index: 99; cursor: pointer; } .file-opc { color: #fff; position: absolute; right: 0; height: 37px; width: 100px; border-radius: 10px !important; justify-content: center; align-items: center; gap: 5px; margin: 5px; -webkit-border-radius: 10px !important; -moz-border-radius: 10px !important; -ms-border-radius: 10px !important; -o-border-radius: 10px !important; } .file-opc i { font-size: 16px; } #inputGroupFile02 { z-index: unset; } .file-opc { display: flex !important; font-size: 16px; position: absolute; top: 3px; right: 3px !important; right: 0; margin: auto !important; background: var(--theme-color) !important; color: #fff !important; } .file-select-set { margin-bottom: 40px; } .file-select-set input[type=file] { display: none; } .modal .card { display: flex; flex-direction: column; min-width: 0; word-wrap: break-word; background-clip: border-box; box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px; } .card>hr { margin-left: 0; margin-right: 0; } .card>.list-group { border-top: inherit; border-bottom: inherit; } .card>.list-group:first-child { border-top-width: 0; } .card>.list-group:last-child { border-bottom-width: 0; } .card>.card-header+.list-group, .card>.list-group+.card-footer { border-top: 0; } .card-body { flex: 1 1 auto; padding: 10px 20px; } .cards p { margin-bottom: 0 !important; } .card-subtitle { margin-bottom: 0; } .card-text:last-child { margin-bottom: 0; } .card-link:hover { text-decoration: none; } .card-header { padding: 15px 20px; margin-bottom: 0; } @media (min-width: 576px) { .card-group { display: flex; flex-flow: row wrap; } .card-group>.cards { flex: 1 0 0%; margin-bottom: 0; } .card-group>.cards+.cards { margin-left: 0; border-left: 0; } .card-group>.cards:not(:last-child) { border-top-right-radius: 0; border-bottom-right-radius: 0; } .card-group>.cards:not(:last-child) .card-img-top, .card-group>.cards:not(:last-child) .card-header { border-top-right-radius: 0; } .card-group>.cards:not(:last-child) .card-img-bottom, .card-group>.cards:not(:last-child) .card-footer { border-bottom-right-radius: 0; } .card-group>.cards:not(:first-child) { border-top-left-radius: 0; border-bottom-left-radius: 0; } .card-group>.cards:not(:first-child) .card-img-top, .card-group>.cards:not(:first-child) .card-header { border-top-left-radius: 0; } .card-group>.cards:not(:first-child) .card-img-bottom, .card-group>.cards:not(:first-child) .card-footer { border-bottom-left-radius: 0; } } .pro-descrip-contente-right div.badge { padding: 5px 7px; border: 1px solid var(--theme-color); } .modal-footer { display: flex; flex-wrap: wrap; justify-content: flex-end; width: 100%; gap: 10px; } .cancel-btn { min-width: unset !important; } .mb-3 { margin-bottom: 30px !important; } .mt-2 { margin-top: 20px !important; } li.file-name { padding: 5px 0; display: flex; gap: 10px; color: #5a5a5a; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .gap-2 { gap: 10px; } .support-ticket-div .order-history-tbl tbody tr td:last-child { display: flex; gap: 10px; } .support-ticket-div .order-history-tbl tbody tr td .btn { padding: 12px 20px; } /* support-ticket end*/ /* whatsapp payment input field start*/ .payment-method-form .radio-group label span { position: relative; } .payment-method-form .radio-group .payment_type { display: flex; align-items: center; flex-wrap: wrap; border: 1px solid #A8A8A8; padding: 10px 15px 10px 40px; transition: all ease-in-out 0.5s; -webkit-transition: all ease-in-out 0.5s; -moz-transition: all ease-in-out 0.5s; -ms-transition: all ease-in-out 0.5s; -o-transition: all ease-in-out 0.5s; } .payment-method-form .radio-group label { width: 100%; padding: 0; border: 0; } .payment-method-form .radio-group label::before { left: -20px; } .payment-method-form .radio-group label::after { left: -19px; } .Delivery_Method_tab .radio-group label { border: 1px solid #A8A8A8; padding: 10px 15px 10px 40px; width: 100%; } .Delivery_Method_tab .radio-group label::before { left: 16px; } .Delivery_Method_tab .radio-group label::after { left: 17px; } /* whatsapp payment input field end*/ /* question-answer-vedio tab section start */ .video-wrapper { position: relative; padding-top: 55%; width: 100%; } .video-wrapper video, .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: block; border-bottom: 1px solid #000; } .tab-vid-section .tab-link a { font-size: 18px; } .tab-vid-section .blog-head-row { border: 0; } .tab-vid-section .blog-col-left ul li a:before { width: 0%; left: 50%; transform: translateX(-50%); } .tab-vid-section .blog-col-left ul li.active a:before, .tab-vid-section .blog-col-left ul li:hover a:before { width: 70%; } .tab-vid-section .tabs { display: flex; flex-wrap: wrap; align-items: center; flex-direction: row !important; } .tab-vid-section .tabs-wrapper { border: 1px solid var(--theme-color); padding: 20px; margin-bottom: 40px; } .queary-div .btn { gap: 10px; } .queary-div>div.d-flex { gap: 15px; } .qna h5 { margin: 30px 0; } .qna ul li { margin-bottom: 30px; } .qna ul li .quetion, .qna ul li .answer { display: flex; flex-wrap: wrap; gap: 20px; margin-bottom: 15px; } .qna ul li:last-of-type { margin-bottom: 0 !important; } .qna li .user { color: #969494; text-transform: capitalize; } .qna li .text { flex: 1; } .quetion { margin-bottom: 10px; } .qna .icon { width: 30px; height: 30px; display: block; } .qna .icon svg { width: 100%; height: 100%; display: block; } .icon.que svg path { fill: var(--theme-color); } .icon.ans svg path { fill: var(--second-color); } /* question - answer-vedio tab section end */ /**** model popup start******/ .modal-popup { position: fixed; background: rgb(0 0 0 / 82%); height: 100%; width: 100%; display: flex; align-items: center; justify-content: center; flex-wrap: wrap; z-index: 5; padding: 30px 30px !important; left: 0; right: 0; top: 0; bottom: 0; overflow: auto; transition: all ease-in-out 0.5s; opacity: 0; visibility: hidden; -webkit-transition: all ease-in-out 0.5s; -moz-transition: all ease-in-out 0.5s; -ms-transition: all ease-in-out 0.5s; -o-transition: all ease-in-out 0.5s; } .modal-popup.active, .modal-popup.in, .modal-popup.show { opacity: 1; visibility: visible; display: flex !important; } .modal-dialog-inner { max-width: 800px; margin: auto; } .modal-dialog-inner.lg-dialog { max-width: 995px; width: 100%; margin: auto; } .popup-content { background: var(--white); border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px; box-shadow: 0px 12px 29px rgb(144 122 255 / 28%); color: var(--third-color); } .popup-content .popup-header { padding: 15px 45px 15px 15px; border-bottom: 1px solid var(--border-color); position: relative; } .close-button { line-height: 1; font-size: 25px; position: absolute; top: 14px; left: auto; right: 15px; border: 0; background: transparent; opacity: 1; background: var(--second-color); color: #fff; border-radius: 100%; width: 30px; height: 30px; display: flex; justify-content: center; align-items: center; } .modal-title { font-size: 22px; color: var(--theme-color); } .close-button svg { width: 15px; height: 15px; cursor: pointer; } .close-button svg path { fill: var(--black); } .modal-body { position: relative; -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; padding: 24px; } .modal-body { position: relative; flex: 1 1 auto; padding: 1rem; } .modal-body { position: relative; padding: 15px; } .modal-body { padding: 20px; color: var(--black); } .modal-body table tr th, .modal-body table tr td { color: var(--black); } .form-container-title { margin-bottom: 15px; } .upload-btn-wrapper { position: relative; display: inline-block; } .modal-body .upload-btn-wrapper { display: block; } .modal-body form label { margin-bottom: 10px; display: block; font-size: 16px; margin-right: 20px; } .file-upload.btn { width: 100%; display: flex; margin-bottom: 0; height: 53px; z-index: 1; background-color: var(--theme-color); color: var(--white); } .file-upload.btn svg { margin-right: 15px; margin-left: 0; max-width: 20px; width: 20px; height: 20px; } .file-upload.btn svg { margin-right: 15px; margin-left: 0; } .upload-btn-wrapper input[type=file] { position: absolute; left: 0; top: 0; opacity: 0; bottom: 0; } .modal-body form .form-footer { display: flex !important; align-items: center !important; justify-content: flex-end !important; width: 100%; } .modal-body form .form-footer input[type="submit"] { margin-left: auto; display: inline-block; width: fit-content; background-color: var(--theme-color); border-color: var(--theme-color); } .login-txt { text-decoration: none; color: #d43533; } /**** model popup end******/ .floating-wpp-input-message, textarea { color: #000; } .support-modal { color: var(--black); } .support-modal .modal-body form label, .support-modal .form-group .form-control { color: var(--black) !important; } .support-modal .form-group .form-control { border: 1px solid var(--black); border-radius: 6px; padding: 0.575rem 1rem; line-height: 1.5; } .support-modal .form-group textarea { border-color: var(--black); } .mini-cart-footer svg { fill: var(--black); } /* checkout amount css */ .ttl-amount { display: flex; align-items: baseline; gap: 3px; justify-content: flex-end; } .payment-ttl-left span .CURRENCY, .payment-ttl-left span .shipping_final_price, .payment-ttl-left .payment-shipping, .payment-ttl-left .final_tax_price { display: inline-block; } .payment-ttl-left span .CURRENCY { margin-bottom: 0; } .order-paycol-inner img { /* margin-left: auto; */ max-width: 150px; margin: auto; } /* ------ Countdown Css Start ----- */ /********** Theme: dark **********/ /* Font styles */ .flipdown.flipdown__theme-dark { font-family: sans-serif; font-weight: bold; } /* Rotor group headings */ .flipdown.flipdown__theme-dark .rotor-group-heading:before { color: #fff; } /* Delimeters */ .flipdown.flipdown__theme-dark .rotor-group:nth-child(n+2):nth-child(-n+3):before, .flipdown.flipdown__theme-dark .rotor-group:nth-child(n+2):nth-child(-n+3):after { background-color: #151515; } /* Rotor tops */ .flipdown.flipdown__theme-dark .rotor, .flipdown.flipdown__theme-dark .rotor-top, .flipdown.flipdown__theme-dark .rotor-leaf-front { color: #fff; background-color: transparent; } /* Rotor bottoms */ .flipdown.flipdown__theme-dark .rotor-bottom, .flipdown.flipdown__theme-dark .rotor-leaf-rear { color: #EFEFEF; background-color: transparent; } /********** Theme: light **********/ /* Font styles */ .flipdown.flipdown__theme-light { font-family: sans-serif; font-weight: bold; } /* Rotor group headings */ .flipdown.flipdown__theme-light .rotor-group-heading:before { color: #EEEEEE; } /* Delimeters */ .flipdown.flipdown__theme-light .rotor-group:nth-child(n+2):nth-child(-n+3):before, .flipdown.flipdown__theme-light .rotor-group:nth-child(n+2):nth-child(-n+3):after { background-color: #DDDDDD; } /* Rotor tops */ .flipdown.flipdown__theme-light .rotor, .flipdown.flipdown__theme-light .rotor-top, .flipdown.flipdown__theme-light .rotor-leaf-front { color: #222222; background-color: #DDDDDD; } /* Rotor bottoms */ .flipdown.flipdown__theme-light .rotor-bottom, .flipdown.flipdown__theme-light .rotor-leaf-rear { color: #333333; background-color: #EEEEEE; } /* Hinge */ .flipdown.flipdown__theme-light .rotor:after { border-top: solid 1px #222222; } .flipdown { height: auto; display: flex; align-items: center; gap: 10px; flex-wrap: wrap; width: auto; overflow: visible; margin: 20px 0px; } .flipdown .rotor-group-heading:before { display: block; height: auto; line-height: 30px; width: fit-content; margin: auto; font-size: 14px; } .flipdown .rotor-group:nth-child(1) .rotor-group-heading:before { content: attr(data-before); } .flipdown .rotor-group:nth-child(2) .rotor-group-heading:before { content: attr(data-before); } .flipdown .rotor-group:nth-child(3) .rotor-group-heading:before { content: attr(data-before); } .flipdown .rotor-group:nth-child(4) .rotor-group-heading:before { content: attr(data-before); } .flipdown .rotor { float: left; width: 50%; text-align: right; margin-right: 0; } .flipdown .rotor:first-child { text-align: right; } .flipdown .rotor:last-child { text-align: left; } .flipdown .rotor:first-child .flipdown .rotor-top { width: fit-content; margin-right: 0; margin-left: auto; text-align: right; } .flipdown .rotor:last-child .flipdown .rotor-top { width: fit-content; margin-right: auto; margin-left: 0; } .flipdown .rotor:last-child { margin-right: 0; } .flipdown .rotor-leaf { display: none; } .flipdown .rotor-leaf-front { overflow: hidden; position: absolute; width: 50px; height: 40px; margin: 0; transform: rotateX(0deg); backface-visibility: hidden; -webkit-backface-visibility: hidden; } .flipdown .rotor-leaf-front { line-height: 0; border-radius: 4px 4px 0px 0px; } .flipdown .rotor-leaf-rear { line-height: 0px; border-radius: 0px 0px 4px 4px; transform: rotateX(-180deg); height: 0; } .flipdown .rotor-top { line-height: 1; border-radius: 4px 4px 0px 0px; } .flipdown .rotor-bottom { bottom: 0; line-height: 0px; border-radius: 0px 0px 4px 4px; display: none; font-size: 0; } .flipdown .rotor { font-size: 20px; } .count-price-wrp { display: flex; align-items: center; justify-content: space-between; gap: 20px; } .count-left { max-width: 50%; width: 100%; } .count-right { flex: 1; } .product-description .variant_form { flex-wrap: nowrap; } .flipdown .rotor-group { position: relative; background-color: transparent; border-radius: 50%; color: #fff; padding: 15px; border: 2px solid var(--second-color); height: 85px; width: 85px; } .onsale { position: absolute; background: var(--second-color); color: #fff; font-family: var(--heading--font-family); z-index: 1; border-radius: 50%; text-align: center; display: inline-flex; align-items: center; justify-content: center; width: 62px; height: 63px; } .sale-tag-product { height: 40px; width: 40px; position: absolute; top: 20px; left: auto; right: 20px; margin: 0 auto; z-index: 1; display: flex; align-items: center; justify-content: center; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; padding: 10px 10px; } /* ------ Countdown Css End ----- */ /* order refund */ .d-none { display: none; } span.quantity.buttons_added { display: flex; align-items: center; } span.quantity.buttons_added input { padding: 10px; } span.quantity.buttons_added input[type=number] { padding: 8px; width: 40px !important; text-align: center; } .order-details-modal .card .card-body .table-responsive .checkbox-custom input:checked+label:after { top: 55%; } .order-details-modal input[type=text] { padding: 10.5px 20px; } .order-details-modal .file-select-set { width: 100%; margin-bottom: 0 !important; } .order-summery-input { margin-top: 15px; position: relative; } .order-summery-input input { padding: 15px 130px 15px 15px; border-radius: 30px; -webkit-border-radius: 30px; -moz-border-radius: 30px; -ms-border-radius: 30px; -o-border-radius: 30px; } .order-summery-input .btn { position: absolute; top: 50%; transform: translateY(-50%); right: 0; width: 120px; height: 100%; border: 0; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); } .order-details-modal .card .card-body .table-responsive { width: 100%; overflow-x: auto; margin: 0; } .social-links { display: flex; align-items: center; flex-wrap: wrap; margin-top: 15px; gap: 10px; } /* order-detail-header */ header.order-detail.site-header.header-style-one { background-color: var(--second-color); } .order-detail .main-navigationbar .menu-items-col { justify-content: end; } .order-detail .logo-col { margin-right: 15px; } .order-details-modal .col-xxl-7>.card .card-body { padding-bottom: 0; } /********** order tracking **********/ .account-info { gap: 40px; } .account-info .profile-pic { width: 180px; } .account-info .profile-inf-right h4 { margin-bottom: 8px; } .account-info span i { margin-right: 5px; } .profile-achievements { gap: 65px; margin-top: 40px; } .achievement-box { gap: 10px; } .account-info .achievement-box div h4 { margin-bottom: 0; } #msform { text-align: center; position: relative; margin-top: 20px } #msform fieldset { background: white; border: 0 none; border-radius: 0.5rem; box-sizing: border-box; width: 100%; margin: 0; padding-bottom: 20px; position: relative } .form-card { text-align: left } #msform fieldset:not(:first-of-type) { display: none } #msform input, #msform textarea { padding: 8px 15px 8px 15px; border: 1px solid #ccc; border-radius: 0px; margin-bottom: 25px; margin-top: 2px; width: 100%; box-sizing: border-box; font-family: montserrat; color: #2C3E50; background-color: #ECEFF1; font-size: 16px; letter-spacing: 1px } #msform input:focus, #msform textarea:focus { -moz-box-shadow: none !important; -webkit-box-shadow: none !important; box-shadow: none !important; border: 1px solid var(--theme-color); outline-width: 0 } #msform .action-button { width: 100px; background: var(--theme-color); font-weight: bold; color: white; border: 0 none; border-radius: 0px; cursor: pointer; padding: 10px 5px; margin: 10px 0px 10px 5px; float: right } #msform .action-button:hover, #msform .action-button:focus { background-color: var(--theme-color) } #msform .action-button-previous { width: 100px; background: #616161; font-weight: bold; color: white; border: 0 none; border-radius: 0px; cursor: pointer; padding: 10px 5px; margin: 10px 5px 10px 0px; float: right } #msform .action-button-previous:hover, #msform .action-button-previous:focus { background-color: #000000 } .card { z-index: 0; border: none; position: relative; margin-bottom: 15px; transition: box-shadow 0.2s ease-in-out; } .fs-title { font-size: 25px; color: var(--theme-color); margin-bottom: 15px; font-weight: normal; text-align: left } .purple-text { color: #673AB7; font-weight: normal } .steps { font-size: 25px; color: gray; margin-bottom: 10px; font-weight: normal; text-align: right } .fieldlabels { color: gray; text-align: left } #progressbar { margin: 30px 0; overflow: hidden; color: lightgrey; display: flex; } #progressbar .active { color: var(--third-color) } #progressbar li { list-style-type: none; font-size: 15px; width: -webkit-fill-available; float: left; position: relative; font-weight: 400; text-align: center; } #progressbar #account:before { font-family: FontAwesome; content: "\f251" } #progressbar #personal:before { font-family: FontAwesome; content: "\f058" } #progressbar #payment:before { font-family: FontAwesome; content: "\f0d1" } #progressbar #confirm:before { font-family: FontAwesome; content: "\f110" } #progressbar #delivered:before { font-family: FontAwesome; content: "\f164" } #progressbar li:before { width: 50px; height: 50px; line-height: 45px; display: block; font-size: 20px; color: #ffffff; background: lightgray; border-radius: 50%; margin: 0 auto 10px auto; padding: 2px; text-align: center; } #progressbar li:after { content: ''; width: 100%; height: 2px; background: lightgray; position: absolute; left: 0; top: 25px; z-index: -1 } #progressbar li.active:before, #progressbar li.active:after { background: var(--theme-color) } .progress { height: 20px } .progress-bar { background-color: var(--theme-color) } .achievement-box .icon { width: 56px; height: 56px; background-color: #e3fff1; } .fit-image { width: 100%; object-fit: cover } .card-body h6 { font-family: var(--first-font); font-weight: 600; } .icon svg { margin-top: 9px; margin-left: 14px; } .order-track { margin-left: 100px; margin-bottom: 115px; margin-top: 115px; color: red; } /* order-track error page */ .error-icon { margin-top: 20px; } .error-container { text-align: center; background-color: #fff; /* box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.1); */ padding: 20px; border-radius: 5px; margin-top: 70px; margin-bottom: 70px; } h1.order-errror { font-size: 24px; color: #e74c3c; margin-top: 15px; margin-bottom: 15px; } p.order-errror { font-size: 18px; color: #333; } a.order-errror { color: #3498db; text-decoration: none; margin-top: 20px; } .error-icon { font-size: 48px; color: #e74c3c; } table.refund-responsive tr td:last-child .btn:not(:last-child) { margin-right: 10px; } .home-page.cartOpen .pct-customizer .pct-c-btn { right: 84%; transition: 0.3s ease; } .home-page.cartOpen .pct-customizer .pct-c-btn:hover { right: 100%; } .site-footer { z-index: 5; } .pro-descrip-contente-right div.badge { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; border: 1px solid var(--theme-color); padding: 7px 10px; border-radius: 5px; } .badge-wrapper { display: flex; flex-wrap: wrap; gap: 10px; } .footer-subscribe-form .input-wrapper { z-index: -1; } .badge { margin-bottom: 10px; } .pct-customizer .pct-c-content { color: var(--black); } .pct-customizer .pct-c-content .form-control::-webkit-input-placeholder { color: var(--black); } .pct-customizer .pct-c-content .form-control::-moz-placeholder { color: var(--black); } .pct-customizer .pct-c-content .form-control:-ms-input-placeholder { color: var(--black); } .pct-customizer .pct-c-content .form-control::-ms-input-placeholder { color: var(--black); } .pct-customizer .pct-c-content .form-control::placeholder { color: var(--black); } .social-links li a img { width: 25px; height: 25px; } .modal-body .form-control, .modal-body input:not([type="submit"]), .modal-body input:not([type="checkbox"]), .modal-body input:not([type="radio"]), .modal-body select, .modal-body textarea { color: var(--black); } .checkout-page-left .form-group .form-control, .my-acc-rightbar .form-group .form-control, .register-page .form-group .form-control { color: var(--white) !important; } .pct-customizer.active .pct-c-btn, .home-page.cartOpen .pct-customizer.active .pct-c-btn, .home-page.wishOpen .pct-customizer.active .pct-c-btn { right: 100%; } .home-page.wishOpen .pct-customizer .pct-c-btn { right: 84%; transition: 0.3s ease; } .review-stars .ti-star { font-size: 12px; } .product-price-amount { margin-bottom: 15px; } .product-page .product-left-inner .common-heading h6 { margin-bottom: 15px; } .pagination .page-item { color: var(--black); } .common-banner-content { color: var(--theme-color); } .about-user h6 { font-size: 14px; } .contact-page .common-banner-section { background: var(--theme-color); padding: 220px 0 40px; color: var(--black); } .contact-page .common-banner-section .common-banner-content, .contact-page .common-banner-section .section-title h2 { color: var(--black); } .contact-page .common-banner-section .svg-ic svg path { fill: var(--black); } .contact-right-column .form-control { color: var(--white) !important; } .all-button-box { gap: 5px; } .home-page .home { margin-top: 0 !important; } .order-history-tbl tr td a img { max-width: 120px; width: 100%; margin: auto; } .common-banner-section { border-bottom: 1px solid var(--theme-color); } /* theme - preview */ .sop-card { background: var(--four-color); } .sop-card .card-body h1, .sop-card .card-body h2, .sop-card .card-body h3, .sop-card .card-body h4, .sop-card .card-body h5, .sop-card .card-body h6 { color: inherit; } .sidebar_form .card-body .form-label { color: var(--black); } .sop-card .card-body .main-card.card, .sop-card .card-body .fifth-sec .main-card { background: transparent; box-shadow: none; } .sop-card .card-body .right-content .header-bottom .nav-links li a { color: var(--grey); } .product-card .product-btn-wrp button a { border: 1px solid var(--border-color); } .product-card .custom-output .option { font-size: 12px; line-height: 1; } .product-hook { display: flex; align-items: center; flex-wrap: wrap; gap: 10px; margin-top: 10px; } .quick-checkout-button{ margin-top:0!important; } .footer-right .footer-icons ul li a img{ width: 30px; } .about-us-page .container p, .about-us-page .container h5 { color: var(--white) !important; } .text-checkbox .checkbox { margin: 0; float: left; } .text-checkbox { gap: 10px; } .text-checkbox .checkbox input[type=checkbox] { display: none; } .text-checkbox .checkbox input[type=checkbox]+.checkbox-label { content: ""; display: inline-block; border: 1px solid var(--theme-color); border-radius: 50px; color: var(--theme-color); width: auto; position: relative; font-weight: 600; letter-spacing: 0px; top: 0; vertical-align: top; cursor: pointer; text-align: center; transition: all 250ms ease; font-size: 14px; padding: 11px 14px; text-transform: lowercase; -webkit-transition: all 250ms ease; -moz-transition: all 250ms ease; -ms-transition: all 250ms ease; -o-transition: all 250ms ease; } .product-filter-right-column .live { background: var(--black); color: var(--white); font-weight: 500; position: absolute; top: 0; left: 0; font-size: 12px; width: auto; line-height: 17px; display: block; border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; } .product-filter-right-column .text-checkbox .checkbox input[type=checkbox]+.checkbox-label { display: flex; align-items: center; justify-content: center; border: 1px solid var(--border-color); color: var(--black); width: 30px; height: 30px; } .product-filter-right-column .text-checkbox .checkbox input[type=checkbox]:checked+.checkbox-label { background-color: var(--theme-color) !important; border-color: var(--white); color: var(--second-color); } .text-checkbox .checkbox input[type=checkbox]:checked+.checkbox-label { background-color: var(--theme-color); color: var(--black) !important; }