/*================================================================================================*/
/*=================[                                                            ]=================*/
/*=================[    !!!!!!!!   CSS CREATED BY WORKDO  !!!!!!!!   ]=================*/
/*=================[                                                            ]=================*/
/*================================================================================================*/
/* ============================================= */
/* !!!!         VARIABLES STYLE CSS         !!!! */
/* ============================================= */
:root {
    font-size: 62.5%;
    --first-font: 'Lato', sans-serif;
    --second-font: 'Nunito Sans', sans-serif;
    --theme-color: #6FD943;
    --second-color: #022332;
    --third-color: #F4B41A;
    --dark-green: #013D29;
    --border-color: #DDDDDD;
    --black: #111111;
    --white: #ffffff;
    --h1: normal 700 4.2rem/1.2 var(--first-font);
    --h2: normal 700 3.6rem/1.2 var(--first-font);
    --h3: normal 700 3rem/1.2 var(--first-font);
    --h4: normal 700 2.2rem/1.2 var(--first-font);
    --h5: normal 700 1.6rem/1.2 var(--first-font);
    --h6: normal 700 1.5rem/1.2 var(--first-font);
    --common-text: normal 500 1.5rem/1.6 var(--second-font);

}

/* ============================================= */
/* !!!!        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;
}

html {
    outline: none;
    scroll-behavior: smooth;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-text-size-adjust: 100%;
}

body,
html {
    scrollbar-width: none;
}

body::-webkit-scrollbar {
    display: none;
}

body::-moz-scrollbar {
    display: none;
}

::selection {
    background: rgb(173 255 139 / 30%);
}

svg {
    max-width: 100%;
    display: block;
}

img {
    display: block;
    border-radius: 0;
}

label {
    display: inline-block;
}

a,
.home-banner-section.btn,
button {
    text-decoration: none;
    outline: 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;
    cursor: pointer;
}

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: rgb(255 255 255 / 60%);
}

:-ms-input-placeholder {
    color: rgb(255 255 255 / 60%);
}

::-moz-placeholder {
    color: rgb(255 255 255 / 60%);
}

::-ms-input-placeholder {
    color: rgb(255 255 255 / 60%);
}

::placeholder {
    color: rgb(255 255 255 / 60%);
}

/* HTML5 display-role reset for older browsers */
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;
}

body {
    font: var(--common-text);
    margin: 0;
    padding: 0;
    height: 100%;
    width: 100%;
    overflow-x: hidden;
    background: var(--white);
    color: var(--second-color);
}

/* ============================================= */
/* !!!!         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;
    text-transform: capitalize;
}

h1 b,
h2 b,
h3 b,
h4 b,
h5 b,
h6 b,
.product-title b {
    font-weight: 400;
}

.uppercase {
    text-transform: uppercase !important;
}


.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;
}

.d-block {
    display: block !important;
}

.d-none {
    display: none !important;
}

.fs-60 {
    font-size: 59.3173px;
}

.fs-54 {
    font-size: 54px;
}

.fs-50 {
    font-size: 48px;
}

.fs-40 {
    font-size: 40px;
}

.fs-34 {
    font-size: 34px;
}

.fw-bold {
    font-weight: 800 !important;
}

/* ============================================= */
/* !!!!             GRID CSS                !!!! */
/* ============================================= */
.container {
    position: relative;
    max-width: 1230px;
    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;
}

.flex-column {
    flex-direction: column;
}

.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%;
}

@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%;
    }
}

@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%;
    }
}

@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%;
    }
}

@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%;
    }
}

@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%;
    }
}

/* ============================================= */
/* !!!!          NICE SELECT CSS           !!!! */
/* ============================================= */
.nice-select {
    -webkit-tap-highlight-color: transparent;
    background-color: transparent;
    border: solid 1px var(--dark-green);
    cursor: pointer;
    display: block;
    font-family: inherit;
    font-size: 14px;
    font-weight: 500;
    line-height: 1;
    outline: none;
    position: relative;
    text-align: left !important;
    -webkit-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;
    padding: 10px 35px 10px 15px;
    width: 100%;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    border-radius: 50px;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    -ms-border-radius: 50px;
    -o-border-radius: 50px;
}

.nice-select:after {
    content: '';
    display: block;
    height: 14px;
    width: 14px;
    pointer-events: none;
    position: absolute;
    right: 10px;
    top: 50%;
    background: url('https://workdo.io/wp-content/themes/storefront-child/assets/images/icons/select-arrow.svg');
    background-position: 100% 100%;
    background-repeat: no-repeat;
    background-size: 15px 15px;
    -webkit-transition: -webkit-transform .3s linear;
    transition: -webkit-transform .3s linear;
    transition: transform .3s linear;
    transition: transform .3s linear, -webkit-transform .3s linear;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -webkit-transition: transform .3s linear;
    -moz-transition: transform .3s linear;
    -ms-transition: transform .3s linear;
    -o-transition: transform .3s linear;
    -webkit-transform-origin: center;
    -ms-transform-origin: center;
    transform-origin: center;
}

.nice-select.open: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);
}

.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);
    -moz-transform: scale(1) translateY(0);
    -o-transform: scale(1) translateY(0);
}

.nice-select.disabled {
    border-color: var(--border-color);
    color: var(--border-color);
    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: var(--white);
    -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: 2;
    width: 100%;
}

.nice-select .list:hover .option:not(:hover) {
    background-color: transparent !important;
}

.nice-select .option {
    cursor: pointer;
    font-weight: 400;
    list-style: none;
    outline: none;
    padding-left: 18px;
    padding-right: 29px;
    text-align: left;
    -webkit-transition: all 0.2s;
    transition: all 0.2s;
    font-size: 13px;
    color: var(--second-color);
    line-height: 1;
    padding: 10px 15px;
    -moz-transition: all 0.2s;
    -ms-transition: all 0.2s;
    -o-transition: all 0.2s;
}

.nice-select .option:hover,
.nice-select .option.focus,
.nice-select .option.selected.focus {
    background-color: #788b8f33;
}

.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;
}

/* ============================================= */
/* !!!!          SLICK SLIDER CSS           !!!! */
/* ============================================= */
.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;
    outline: none;
}

.slick-loading .slick-slide {
    visibility: hidden;
}

.slick-vertical .slick-slide {
    display: block;
    height: auto;
}

.slick-arrow.slick-hidden {
    display: none;
}

.slick-dots {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    z-index: 1;
    /* position: absolute; */
    margin-top: 50px;
}

.slick-dots li:not(:last-child) {
    margin-right: 9px;
}

.slick-dots li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 14px;
    width: 14px;
    background: var(--white);
    border-radius: 100%;
    border: 0;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    -ms-border-radius: 100%;
    -o-border-radius: 100%;
    position: relative;
    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;
}

.slick-dots li:before {
    content: '';
    position: absolute;
    height: 14px;
    width: 14px;
    border: 1px solid transparent;
    border-radius: 100px;
    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;
    opacity: 1;
}

.slick-dots li.slick-active:before {
    opacity: 1;
    background-color: var(--theme-color);
    transform: scale(1.2);
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -o-transform: scale(1.2);
}

.slick-dots li button {
    display: none;
}

.slick-slider .slick-next,
.slick-slider .slick-prev {
    display: inline-block;
    vertical-align: middle;
}

.slick-slider .slick-next::before,
.slick-slider .slick-prev::before {
    display: none;
}

.slick-arrow:not(.review-section .slick-arrow) {
    width: 35px;
    height: 35px;
    position: absolute;
    top: 50%;
    font-size: 0;
    border: 0;
    -webkit-box-shadow: 0px 0px 0px 6px rgba(255, 255, 255, 0.27);
    box-shadow: 0px 0px 0px 6px rgba(255, 255, 255, 0.27);
    z-index: 1;
    border-radius: 100%;
    padding: 0;
    background: #fff url('https://workdo.io/wp-content/themes/storefront-child/assets/images/right-arrow.svg');
    background-repeat: no-repeat;
    background-size: 50% 50%;
    background-position: center;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    -ms-border-radius: 100%;
    -o-border-radius: 100%;
}

.slick-slider .slick-next {
    right: -5px;
}

.slick-slider .slick-prev {
    left: -5px;
    transform: translateY(-50%) scale(-1) !important;
    -webkit-transform: translateY(-50%) scale(-1) !important;
    -moz-transform: translateY(-50%) scale(-1) !important;
    -ms-transform: translateY(-50%) scale(-1) !important;
    -o-transform: translateY(-50%) scale(-1) !important;
}



.slick-slider .slick-prev {
    left: -30px;
    transform: translateY(-50%) scale(-1);
    -webkit-transform: translateY(-50%) scale(-1);
    -moz-transform: translateY(-50%) scale(-1);
    -ms-transform: translateY(-50%) scale(-1);
    -o-transform: translateY(-50%) scale(-1);
}

.slick-slider .slick-next {
    right: -30px;
}

.slick-slide .nice-select .list {
    max-height: 90px;
    overflow: auto;
    scrollbar-width: none;
}

.slick-slide .nice-select .option {
    padding: 5px 15px;
}

.slick-slide .nice-select .list::-webkit-scrollbar {
    width: 2px;
}

.slick-slide .nice-select .list::-moz-scrollbar {
    width: 2px;
}

.slick-slide .nice-select .list::-webkit-scrollbar-thumb {
    background-color: #464141;
}

/* slick arrow  */
.slick-arrow:not(.review-section .slick-arrow) {
    width: 35px;
    height: 35px;
    position: absolute;
    top: 50%;
    font-size: 0;
    border: 0;
    -webkit-box-shadow: 0px 0px 0px 6px rgba(255, 255, 255, 0.27);
    box-shadow: 0px 0px 0px 6px rgba(255, 255, 255, 0.27);
    z-index: 1;
    border-radius: 100%;
    padding: 0;
    background: #ffffffed url('https://workdo.io/wp-content/themes/storefront-child/assets/images/right-arrow.svg');
    background-repeat: no-repeat;
    background-size: 50% 50%;
    background-position: center;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    -ms-border-radius: 100%;
    -o-border-radius: 100%;
    box-shadow: 0px 0px 0px 6px rgba(255, 255, 255, 0.27);
}

.slick-slider .slick-next {
    right: 5px;
}

.slick-slider .slick-prev {
    left: 5px;
    transform: translateY(-50%) scale(-1);
    -webkit-transform: translateY(-50%) scale(-1);
    -moz-transform: translateY(-50%) scale(-1);
    -ms-transform: translateY(-50%) scale(-1);
    -o-transform: translateY(-50%) scale(-1);
}

button.slick-arrow:focus:not(:focus-visible) {
    -webkit-box-shadow: 0px 0px 0px 6px rgba(255, 255, 255, 0.27);
    box-shadow: 0px 0px 0px 6px rgba(255, 255, 255, 0.27);
}

.slick-lightbox {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 999;
    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: #ffffff54;
}

.slick-lightbox .slick-prev {
    left: 15px;
}

.slick-lightbox .slick-next {
    right: 15px;
}

.slick-lightbox-inner .slick-arrow {
    background: #9e715d url('https://workdo.io/wp-content/themes/storefront-child/assets/images/right-arrow.svg');
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: 20px;
}

.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;
    max-width: 90%;
    max-height: 90%;
}

.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;
}

/* 
.open-lightbox {
    height: 50px;
    width: 50px;
    background: rgba(32, 30, 30, 0.49);
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    margin: 0 auto;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
} */

.slide-arrow svg {
    max-width: 20px;
    display: inline-block;
}

.flex-slider .slick-list,
.flex-slider .slick-track {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.flex-slider {
    margin: 0 -10px;
}

.flex-slider .slide {
    padding: 5px 10px;
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
}

.flex-slider .slide .slide-inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%;
}

.underline {
    text-decoration: underline !important;
}

/* ============================================= */
/* !!!!          COMMON BUTTON              !!!! */
/* ============================================= */
button {
    border: 0;
    outline: 0;
    background: none;
}

.btn ,.button{
    background-color: var(--theme-color);
    color: var(--second-color);
    padding: 13px 25px;
    font-size: 14px;
    font-weight: 600;
    border-radius: 40px;
    text-transform: capitalize;
    -webkit-border-radius: 40px;
    -moz-border-radius: 40px;
    -ms-border-radius: 40px;
    -o-border-radius: 40px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 10px;
    transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    line-height: 1.2;
}

.btn i {
    fill: var(--second-color);
}

.btn:hover, .button:hover  {
    background-color: var(--theme-color);
    -webkit-box-shadow: 0px 5px 18px rgb(111 217 67 / 50%) !important;
    box-shadow: 0px 5px 18px rgb(111 217 67 / 50%) !important;
}

.btn[type="submit"],
button[type="submit"] {
    transform: translate(0);
    -webkit-transform: translate(0);
    -moz-transform: translate(0);
    -ms-transform: translate(0);
    -o-transform: translate(0);
}

.secondary-btn {
    background: var(--third-color);
    border-radius: 40px;
    display: inline-block;
    color: #002332;
    padding: 13px 25px;
    text-transform: capitalize;
    font-size: 14px;
    font-weight: 600;
    position: relative;
    -webkit-border-radius: 40px;
    -moz-border-radius: 40px;
    -ms-border-radius: 40px;
    -o-border-radius: 40px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 10px;
    transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
}

.secondary-btn:hover {
    -webkit-box-shadow: none;
    box-shadow: none;
    background-color: var(--theme-color);
}

.btn.btn-dark {
    background-color: var(--second-color);
    color: var(--white);
}

.btn.btn-dark i {
    fill: var(--white);
}

.btn.btn-dark:hover {
    -webkit-box-shadow: none;
    box-shadow: none;
}

.btn.btn-white {
    background: var(--white);
}

.btn.btn-white i {
    color: var(--second-color);
}

.btn.btn-white:hover {
    -webkit-box-shadow: none;
    box-shadow: none;
}

.btn.dark-green {
    background: var(--dark-green) !important;
    color: #ffff !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
}

.btn.dark-green:hover {
    /* background: var(--third-color) !important; */
    -webkit-box-shadow: 0px 3px 7px 0px rgb(1 61 41 / 50%) !important;
    box-shadow: 0px 3px 7px 0px rgb(1 61 41 / 50%) !important;


}

.link-btn {
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 1;
    text-align: center;
    position: relative;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #fff;
    gap: 10px;
}

.link-btn::after {
    content: '';
    position: absolute;
    left: 50%;
    bottom: -5px;
    width: 0;
    height: 1px;
    transform: translateX(-50%);
    background-color: #ffffff85;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
}

.link-btn:hover::after {
    width: 100%;
}

.badge {
    text-align: center;
    font-weight: 600;
    font-size: 12px;
    padding: 10px 15px;
    background: var(--theme-color);
    color: var(--black);
    line-height: 1;
    letter-spacing: 1px;
    border-radius: 4px;
    display: inline-block;
    -webkit-border-radius: 25px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 5px;
}

button.submit-btn,
input.submit-btn {
    padding: 12px 15px;
    font-weight: 600;
    text-align: center;
}

.btn-wrapper {
    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;
    gap: 15px;
}

.btn.btn-outline {
    border: 1px solid var(--dark-green);
    background: transparent;
    color: var(--dark-green);
    -webkit-box-shadow: none;
    box-shadow: none;
    text-transform: capitalize !important;
}

.btn.btn-outline:hover {
    -webkit-box-shadow: 0px 3px 7px 0px rgb(1 61 41 / 50%) !important;
    box-shadow: 0px 3px 7px 0px rgb(1 61 41 / 50%) !important;
}

.dropdown-btn .btn.btn-outline:hover {
    background: transparent;
    border-color: inherit;
    color: inherit;
}

.fa-circle-play {
    font-size: 18px;
    line-height: 0;
}


/* ============================================= */
/* !!!!             FORM  CSS               !!!! */
/* ============================================= */
.form-control,
input:not([type="submit"]),
input:not([type="checkbox"]),
input:not([type="radio"]),
select,
textarea {
    position: relative;
    border: 1px solid #999999;
    display: block;
    width: 100%;
    padding: 12px 20px;
    background: transparent;
    font-size: 14px;
    font-weight: 400;
    line-height: 1;
    border-radius: 8px;
    color: var(--white);
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
}

.form-control:focus {
    border-color: var(--theme-color);
    background: transparent !important;
}

textarea {
    resize: none;
}

form .row {
    margin: 0 -10px;
}

form .row [class*="col-"] {
    padding: 0 10px;
}

.form-group {
    margin-bottom: 20px;
}

.form-group label {
    display: inline-block;
    margin-bottom: 10px;
    font-size: 14px;
    font-weight: 500;
    color: var(--theme-color);
}

sup {
    top: -0.5em;
}

sub,
sup {
    position: relative;
    font-size: 15px;
    line-height: 1;
    font-weight: 500;
    margin-left: 5px;
}

.form-group label sup {
    color: red;
    font-size: 10px;
    line-height: 0;
    margin-right: 3px;
}

.checkbox-custom input {
    padding: 0;
    height: initial;
    width: initial;
    margin-bottom: 0;
    display: none;
    cursor: pointer;
}

.checkbox-custom label {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    cursor: pointer;
    font-size: 14px;
    line-height: 1.1;
    margin: 0;
    padding: 0 0 0 30px;
}

.checkbox-custom label:before {
    content: '';
    -webkit-appearance: none;
    background-color: transparent;
    border: 1px solid var(--theme-color);
    padding: 8px;
    display: inline-block;
    position: absolute;
    vertical-align: middle;
    cursor: pointer;
    margin-right: 15px;
    left: 0;
    top: 54%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
}

.checkbox-custom input:checked+label:before {
    background-color: var(--theme-color);
    border-color: var(--theme-color);
}

.checkbox-custom input:checked+label:after {
    content: '';
    display: block;
    position: absolute;
    top: 50%;
    left: 7px;
    width: 4px;
    height: 8px;
    border: solid var(--white);
    border-width: 0px 1px 1px 0;
    transform: translateY(-50%) rotate(45deg);
    -moz-transform: translateY(-50%) rotate(45deg);
    -ms-transform: translateY(-50%) rotate(45deg);
    -o-transform: translateY(-50%) rotate(45deg);
    -webkit-transform: translateY(-50%) rotate(45deg);
}

.checkbox-custom label a {
    text-decoration: underline;
    font-weight: 600;
}

.bg-white .form-group label,
.bg-theme .form-group label {
    color: var(--second-color);
}

.bg-white .custom-file,
.bg-theme .custom-file {
    background-color: var(--theme-color);
    color: #ffffff !important;
}

.bg-white .form-control::-webkit-input-placeholder,
.bg-theme .form-control::-webkit-input-placeholder {
    color: var(--second-color);
}

.bg-white .form-control::-moz-placeholder,
.bg-theme .form-control::-moz-placeholder {
    color: var(--second-color);
}

.bg-white .form-control:-ms-input-placeholder,
.bg-theme .form-control:-ms-input-placeholder {
    color: var(--second-color);
}

.bg-white .form-control::-ms-input-placeholder,
.bg-theme .form-control::-ms-input-placeholder {
    color: var(--second-color);
}

.bg-white .form-control::placeholder,
.bg-white .form-control,
.bg-theme .form-control::placeholder,
.bg-theme .form-control {
    color: var(--second-color);
}

.bg-white .form-control:focus,
.bg-theme .form-control:focus {
    border-color: #000;
    background: transparent;
}

.bg-white .form-control,
.bg-theme .form-control {
    border-color: rgb(0 0 0 / 50%);
}


.form-control:focus {
    background: transparent !important;
}

/** 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: 12px;
    padding-left: 24px;
    color: var(--theme-color);
    margin: 0;
    vertical-align: bottom;
}

.radio-group label::before {
    content: "";
    position: absolute;
    width: 15px;
    height: 15px;
    background-color: transparent;
    border: 2px solid var(--theme-color);
    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(--theme-color);
    border: 2px solid var(--theme-color);
    border-radius: 50%;
    top: 50%;
    left: 1px;
    right: auto;
    transform: translateY(-50%) scale(0);
    -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: -webkit-transform 400ms ease;
    transition: -webkit-transform 400ms ease;
    transition: transform 400ms ease;
    transition: transform 400ms ease, -webkit-transform 400ms ease;
    -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(--theme-color);
}

.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,
body.menu-no-scroll {
    overflow: hidden;
    position: relative;
}

.pt {
    padding-top: 70px;
}

.pb {
    padding-bottom: 70px;
}

.text-white {
    color: var(--white);
}

.mx-auto {
    margin-left: auto !important;
    margin-right: auto !important;
}

.m-0 {
    margin: 0 !important;
}

.mb-0 {
    margin-bottom: 0 !important;
}

.mt-0 {
    margin-top: 0 !important;
}

.mb-3 {
    margin-bottom: 30px;
}

.mt-3 {
    margin-top: 30px;
}

.mb-6 {
    margin-bottom: 60px !important;
}

.mt-6 {
    margin-top: 60px !important;
}

.only-desk-mb {
    margin-bottom: 30px;
}

img.icon {
    width: 20px;
    height: 20px;
    display: block;
    -o-object-fit: contain;
    object-fit: contain;
}

.width-sm {
    max-width: 450px;
    width: 100%;
}

.width-lg {
    max-width: 750px;
    width: 100%;
}

.section-title {
    margin-bottom: 30px;
}

.section-title p {
    margin-top: 15px;
}

.section-title .btn {
    margin-top: 20px;
}

.section-title .secondary-btn {
    margin-top: 20px;
}

.section-title.d-flex {
    gap: 15px;
}

.sub-title {
    color: var(--white);
    font-weight: 700;
    font-size: 18px;
    margin-bottom: 10px;
    display: inline-block;
    text-transform: capitalize;
}

.sub-heading {
    background: var(--theme-color);
    padding: 8px 20px;
    color: var(--second-color);
    border-radius: 30px;
    font-size: 14px;
    font-weight: 600;
    margin-bottom: 15px;
    display: inline-block;
    text-transform: capitalize;
}

.offset-left {
    margin-left: calc((100% - 1230px) / 2);
    padding-left: 15px;
    overflow-x: hidden;
}

.offset-right {
    margin-right: calc((100% - 1230px) / 2);
    margin-left: 0;
    padding-right: 15px;
    overflow-x: hidden;
}

.bg-dark {
    background: var(--second-color) !important;
    color: var(--white) !important;
}

.blog-details-wrapper .bg-dark,
.support-wrapper .bg-dark {
    background: var(--dark-green) !important;
    color: var(--white) !important;
}

.bg-dark-green {
    background: var(--dark-green) !important;
    color: var(--white) !important;
}

.bg-light {
    background: #F4F1F1 !important;
    color: var(--black) !important;
}

.bg-theme {
    background: var(--theme-color) !important;
}

.bg-white {
    background: var(--white) !important;
    color: var(--second-color) !important;
}

.text-theme {
    color: var(--theme-color) !important;
}

.text-orange {
    color: var(--third-color) !important;
}

.text-black {
    color: var(--second-color) !important;
}

h1 span,
h2 span,
h3 span,
h4 span {
    color: var(--theme-color);
}

.price {
    font-size: 23.9663px;
    font-weight: 500;
    line-height: 1;
    font-family: var(--first-font);
}

/* ============================================= */
/* !!!!     CUSTOMIZE THE NAVBAR            !!!! */
/* ============================================= */
.site-header {
    z-index: 99;
    padding: 15px 0;
    background: var(--white);
    transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    border-bottom: 1px solid #7e7e7e;
}

header .announcebar {
    background: #D40F0F;
    padding: 10px 0 !important;
    position: relative;
    transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
}

header .announcebar p {
    color: #fff !important;
    text-transform: capitalize;
    word-spacing: 1px;
    font-size: 16px;
}

header .announcebar p span,
header .announcebar p a {
    color: var(--white);
    text-decoration: underline;
    text-underline-offset: 4px;
}

.site-header::before,
.site-header::after {
    display: none;
}

.site-header.head-sticky {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    background: var(--white) !important;
    padding: 15px 0;
    animation: headerScroll .5s linear;
    -webkit-animation: headerScroll .5s linear;
    -webkit-transition: all 0.2s linear !important;
    -o-transition: all 0.2s linear !important;
    transition: all 0.2s linear !important;
    -ms-transition: all 0.2s linear !important;
}

@-webkit-keyframes headerScroll {
    0% {
        -webkit-transform: translateY(-20rem);
        transform: translateY(-20rem);
    }

    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

@keyframes headerScroll {
    0% {
        -webkit-transform: translateY(-20rem);
        transform: translateY(-20rem);
    }

    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

header.site-header .announcebar a {
    display: inline-flex;
    padding: 0px;
}

header.site-header a {
    color: #000 !important;
}

body.development-body .site-header {
    background: transparent;
}

.site-header .dropdown-menu li a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 5px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.site-header .dropdown-menu li a svg {
    width: 12px;
    height: 12px;
}

.site-header .menu-items-col {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding-left: 30px;
    padding-right: 30px;
}


.site-header li.cart-header {
    margin-right: 0 !important;
}

.site-header .dropdown-btn .btn {
    -webkit-box-shadow: none;
    box-shadow: none;
    color: var(--second-color);
}

.site-header .dropdown-menu li a {
    font-size: 12px;
    padding: 7px 5px;
    color: #002332;
    font-weight: 400;
}

.header-style-one .menu-items-col .main-nav>li>a {
    color: var(--white);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    line-height: 1;
    z-index: 1;
    padding: 15px 15px 15px 15px;
    border-radius: 10px 10px 0 0;
    -o-transition: all ease-in-out 0.3s;
    -webkit-transition: all ease-in-out 0.3s;
    transition: all ease-in-out 0.3s;
}

.header-style-one .menu-dropdown {
    position: absolute;
    top: 100%;
    background-color: var(--white);
    border-radius: 0 10px 10px;
    -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: 220px;
    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-style-one .has-item:hover .menu-dropdown {
    opacity: 1;
    visibility: visible;
    -webkit-transform: scaleY(1);
    -ms-transform: scaleY(1);
    transform: scaleY(1);
}

.header-style-one .menu-items-col .main-nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.header-style-one .main-nav li {
    width: auto;
    max-width: unset;
    padding-right: 0 !important;
    line-height: 1;
    position: relative;
}

.header-style-one .menu-items-col .main-nav>li:hover a {
    background: var(--white);
    color: var(--second-color);
    visibility: visible;
}

.header-style-one .menu-items-col .main-nav>li.has-item:hover>a:after {
    transform: rotate(228deg);
    -webkit-transform: rotate(228deg);
    -moz-transform: rotate(228deg);
    -ms-transform: rotate(228deg);
    -o-transform: rotate(228deg);
}

.header-style-one .menu-items-col .main-nav>li.menu-lnk .menu-dropdown .list-title {
    color: var(--theme-color);
    font-weight: 600;
    margin-bottom: 10px;
}

.header-style-one span.curve_shape {
    padding: 0;
    position: absolute;
    bottom: -1px;
    right: -20px;
    border-radius: 0;
    background: var(--white);
    height: 20px;
    width: 20px;
    z-index: 1;
    visibility: hidden;
    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;
    opacity: 0;
}

.header-style-one span.curve_shape:before {
    content: "";
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    background: var(--second-color);
    padding: 10px 10px;
    position: absolute;
    bottom: 0;
    right: 0;
    border-radius: 0px 0px 0px 50px;
    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-style-one .menu-items-col .main-nav>li:hover a span.curve_shape {
    visibility: visible;
    opacity: 1;
}

.header-style-one .menu-items-col .main-nav>li.has-item>a:after {
    border-bottom: 2px solid var(--theme-color);
    border-right: 2px solid var(--theme-color);
    content: '';
    display: block;
    height: 8px;
    width: 8px;
    margin-top: -5px;
    pointer-events: none;
    position: absolute;
    right: 10px;
    top: 50%;
    -webkit-transform-origin: 66% 66%;
    -ms-transform-origin: 66% 66%;
    transform-origin: 66% 66%;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transition: all ease-in-out 0.5s;
    -o-transition: all ease-in-out 0.5s;
    transition: all ease-in-out 0.5s;
}

.header-style-one .menu-items-col .main-nav>li.has-item>a {
    padding-right: 30px;
}

.header-style-one .menu-dropdown ul>li:not(:last-of-type) {
    margin-bottom: 5px;
}

.header-style-one .menu-dropdown ul>li.dropdown-divider {
    margin-bottom: 10px;
    margin-top: 10px;
    height: 1px;
    background: var(--border-color);
}

.header-style-one .menu-items-col .main-nav>li.themes-header .menu-dropdown {
    min-width: 520px;
}

.header-style-one .menu-items-col .main-nav>li:not(:last-of-type) {
    margin-right: 15px;
}

.header-style-one .product-meet h2 {
    color: var(--second-color);
}

.header-style-one .product-meet .badge {
    color: var(--white);
    background: var(--theme-color);
    border-radius: 20.8092px;
    margin-bottom: 5px;
}

.header-style-one .product-meet h2 span {
    color: var(--theme-color);
}

.header-style-one .product-meet .product_img img {
    max-width: 148px;
    width: 100%;
}

.header-style-one .product-meet .pro_link {
    font-size: 14px;
    text-decoration: underline;
    font-weight: 600;
}

.menu-right>li>a {
    color: var(--white);
    position: relative;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    line-height: 1.2;
}

.menu-right li svg {
    width: 20px;
    height: 20px;
}

.menu-right li.cart-header .count {
    left: 10px;
    top: -8px;
}

.menu-right li.cart-header .menu-lbl {
    margin-left: 10px;
}

.menu-right>li.profile-header>a {
    position: relative;
    background: 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;
    border-radius: 40px;
    color: var(--second-color);
    padding: 11px 25px;
    -webkit-border-radius: 40px;
    -moz-border-radius: 40px;
    -ms-border-radius: 40px;
    -o-border-radius: 40px;
    gap: 10px;
    font-weight: 600;
}

.menu-right>li.profile-header .menu-dropdown {
    min-width: 138px;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    right: 0;
}

.header-style-one .count {
    position: absolute;
    top: -4px;
    right: -7px;
    height: 15px;
    width: 15px;
    background: var(--theme-color);
    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;
}

.right-header ul li {
    max-width: unset;
    width: auto;
    padding: 0 !important;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
}

.right-header>ul>li:not(:last-of-type) {
    margin-right: 15px;
}

.header-style-one .right-header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.header-style-one .logo-col {
    max-width: 199px;
    width: 100%;
}

.header-style-one .logo-col a {
    display: block;
}

.header-style-one .mobile-menu .mobile-menu-button {
    padding: 0;
    margin: 0 0 0 15px;
    background: transparent;
    border: 0;
    width: 22px;
}

.header-style-one .mobile-menu .mobile-menu-button div {
    width: 100%;
    height: 2px;
    margin: 4px 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    background: var(--theme-color);
}

.header-style-one .mobile-menu {
    line-height: 1;
    display: none;
}

.mobile-menu-wrapper {
    position: fixed;
    z-index: 4;
    background: var(--white);
    top: 0;
    height: 100%;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    -webkit-transform: translate(100%, 0px);
    -ms-transform: translate(100%, 0px);
    transform: translate(100%, 0px);
    right: 0;
    width: 100%;
    max-width: 400px;
}

.mobile-menu-wrapper.active-menu {
    transform: translate(0%, 0px);
    -webkit-transform: translate(0%, 0px);
    -moz-transform: translate(0%, 0px);
    -ms-transform: translate(0%, 0px);
    -o-transform: translate(0%, 0px);
}

.mobile-menu-wrapper .menu-close-icon {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 15px 20px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.mobile-menu-wrapper .mobile-logo {
    max-width: 155px;
    width: 100%;
}

.mobile-menu-wrapper .mobile-logo a {
    display: block;
}

.mobile-menu-wrapper .menu-close-icon .close-icon {
    font-size: 32px;
    color: var(--theme-color);
}

.mobile-menu-wrapper .mobile-menu-bar>ul {
    height: calc(100vh - 100px);
    overflow: auto;
    padding: 10px 20px;
    background: var(--white);
}

.mobile-menu-wrapper .mobile-menu-bar>ul li {
    margin-bottom: 12px;
    max-width: unset;
    width: auto;
    padding: 0 !important;
}

.mobile-menu-wrapper .mobile-menu-bar>ul>li a {
    font-size: 15px;
    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 {
    border: 1px solid var(--theme-color);
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    padding: 8px 15px;
}

.mobile-menu-wrapper .mobile-menu-bar>ul>li a .icon {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-right: 10px;
}

.mobile-menu-wrapper .mobile-menu-bar .mobile-item.is-open>.acnav-label {
    background: var(--theme-color);
}

.mobile-menu-wrapper .mobile-menu-bar>ul>li a i {
    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;
}

.acnav-list {
    display: none;
    padding: 0 0 10px 0;
}

.mobile-menu-wrapper .mobile-menu-bar>ul>li .mobile_menu_inner .menu-h-link ul li:not(:last-of-type) {
    margin-bottom: 8px;
}

.mobile-menu-wrapper .mobile-menu-bar>ul>li .mobile_menu_inner .menu-h-link ul li a {
    text-transform: lowercase;
    color: #7B7B7B;
}

.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_inner {
    padding: 10px 15px 0;
}

.mobile_menu_inner .acnav-list {
    padding: 10px 15px 0;
}

.menu-h-link.is-open .acnav-label {
    color: var(--theme-color);
}

.mobile-menu-wrapper .mobile-menu-bar>ul>li .menu-h-drop.is-open .acnav-label .close-menu-ioc {
    display: block;
}

.mobile-menu-wrapper .mobile-menu-bar>ul>li .menu-h-drop.is-open .acnav-label .menu-open-arrow {
    display: none;
}

.header-style-one .menu-dropdown ul>li>a {
    font-weight: 600;
    font-size: 12px;
}

body.active-menu {
    overflow: hidden;
}

.mobile-menu-wrapper .mobile-footer {
    padding: 15px;
    background: var(--white);
    position: absolute;
    top: auto;
    bottom: 0;
    z-index: 1;
    text-align: center;
    left: 0;
    right: 0;
}

.mobile-menu-wrapper .mobile-footer p {
    text-align: center;
    color: #909090;
}

.mobile-menu-wrapper .mobile-footer p a {
    color: var(--theme-color);
}


/* ============================================= */
/* !!!!    FOOTER START            !!!! */
/* ============================================= */
footer.site-footer {
    padding: 60px 0 0px;
    background: #fff;
    color: var(--dark-green);
}

.site-footer .footer-row-top::before {
    display: none !important;
}

.site-footer h3,
.site-footer a {
    text-decoration: none;
    color: var(--second-color) !important;
}

.site-footer .secondary-btn {
    color: var(--second-color) !important;
}

/* .site-footer .footer-row-top {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    position: relative;
    margin-bottom: 40px;
    gap: 20px;
} */

.site-footer .zorizontal-line {
    margin: auto;
    background-color: #fff;
    -webkit-box-flex: 0;
    -ms-flex: 0 1 40%;
    flex: 0 1 40%;
    height: 1px;
}

.footer-logo {
    max-width: 250px;
    width: 100%;
    margin-bottom: 30px;
}

.footer-logo a {
    display: block;
}
.footer-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 30px 0;
}
#footer-widget-1 .textwidget {
    margin-bottom: 15px;
}

.footer-col {
    width: 100%;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding-right: 40px;
    min-width: 160px;
}

.footer-col ul li a:hover {
    color: var(--theme-color) !important;
}
.footer-col .footer-lbl{
    font-size: 16px;
    margin-bottom: 15px;
    color: var(--dark-green);
    position: relative;
    display: inline-block;
    padding-bottom: 5px;
}
.footer-col .footer-lbl::after{
    content: '';
    width: 70%;
    height: 2px;
    background-color: var(--theme-color);
    position: absolute;
    bottom: 0px;
    left: 0;
}
.footer-col p,
.footer-col ul li,
.footer-bottom .copyright p {
    font-size: 16px;
}

.footer-subscribe-col {
    max-width: 270px;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 270px;
    flex: 0 0 270px;
    padding: 0;
}
.footer-col.footer-link.footer-link-1 {
    max-width: 360px;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 360px;
    flex: 0 0 360px;
}
.footer-col.footer-link.footer-link-1 .btn-wrapper{
    gap: 10px;
}

.footer-subscribe-col .footer-widget p {
    margin: 15px 0;
}

.footer-subscribe-col h4 {
    color: var(--dark-green) !important;
}

.footer-link ul li:not(:last-of-type) {
    margin-bottom: 5px;
}
.footer-bottom{
    margin-top: 30px;
    padding: 15px;
    text-align: center;
}
/* .copyright {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
} */

.copyright a {
    color: var(--theme-color) !important;
}


.footer-subscribe-form .form-inputs p {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border: 1px solid var(--dark-green);
    border-radius: 40px;
    overflow: hidden;
}

.footer-subscribe-form .wpcf7-form-control-wrap {
    display: flex;
    flex: 1;
}

.footer-subscribe-form .form-inputs input::-webkit-input-placeholder {
    color: var(--second-color) !important;
}

.footer-subscribe-form .form-inputs input::-moz-placeholder {
    color: var(--second-color) !important;
}

.footer-subscribe-form .form-inputs input:-ms-input-placeholder {
    color: var(--second-color) !important;
}

.footer-subscribe-form .form-inputs input::-ms-input-placeholder {
    color: var(--second-color) !important;
}

.footer-subscribe-form .form-inputs input::placeholder {
    color: var(--second-color) !important;
}

.footer-subscribe-form .form-control {
    color: var(--second-color);
    border: 0;
    width: 100%;
}
.footer-social-wrapper ul{
    gap: 10px;
    padding-bottom: 15px;
    margin-bottom: 15px;
    border-bottom: 1px solid var(--border-color);
}
.footer-social-wrapper ul li a{
    display: block;
    width: 26px;
    height: 26px;
}
.footer-social-wrapper ul li a img{
    width: 100%;
    height: 100%;
    transition: .4s all ease-in-out;
}
.footer-social-wrapper ul li a:hover img{
    transform: scale(1.1);
}
.footer-top-right .btn-wrapper .btn.dark-green:hover{
    box-shadow: 0px 3px 7px 0px rgb(1 61 41 / 82%) !important;
}
.footer-top-right .btn-wrapper .btn:hover{
    box-shadow: 0px 5px 7px 0px rgb(111 217 67 / 70%) !important;
}
.site-footer .btn {
    -webkit-box-shadow: none;
    box-shadow: none;
    padding: 11px 25px;
}

.site-footer .btn.dark-green {
    padding: 12.7px 25px;
}

.site-footer form .submit-btn[type="submit"] {
    background: var(--dark-green);
    margin: 6px;
    color: #fff;
    padding: 12px 25px;
    font-weight: 500;
    max-width: fit-content;
    text-transform: capitalize;
}

.footer-subscribe-form .wpcf7-not-valid-tip,
.footer-subscribe-form .form-inputs br,
.footer-subscribe-form .wpcf7-spinner {
    display: none;
}

/* .site-footer form .submit-btn[type="submit"]:hover {
    background: var(--third-color);
} */

.footer-tagline p {
    font-size: 16px;
    letter-spacing: 0.2px;
}

.footer-subscribe-form .wpcf7 form .wpcf7-response-output {
    margin: 10px 0;
    padding: 0;
    border: 0;
    color: #6ecf46;
}

/* ============================================= */
/* !!!!     MAIN CONTENT START            !!!! */
/* ============================================= */
/********** home banner section start  **********/
.home-banner-section {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    padding: 120px 0 80px;
    background-color: var(--second-color);
    overflow-x: hidden;
}

/********** client logo section start  **********/
.client-logo-slider {
    margin: 0 -10px;
}

.client-logo-slider .slick-track,
.client-logo-slider .slick-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.client-logo-slide {
    padding: 0 20px;
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.client-logo-slide img {
    width: 100%;
    display: block;
}

.design-services {
    margin-top: -250px;
    padding: 150px 0 80px;
}

/* .get-app-banner-section  */
.get-app-banner-section {
    position: relative;
    z-index: 1;
}

.get-app-banner-section .title-content-wrp {
    position: relative;
    background: #6FD943;
    padding: 40px 20px 40px 70px;
    border-radius: 20px 0 0 20px;
    -webkit-border-radius: 20px 0 0 20px;
    -moz-border-radius: 20px 0 0 20px;
    -ms-border-radius: 20px 0 0 20px;
    -o-border-radius: 20px 0 0 20px;
}

.get-app-banner-section .title-content-wrp:after {
    content: '';
    position: absolute;
    background: #6FD943;
    height: 100%;
    width: 50vw;
    top: 0;
    right: -26vw;
    z-index: -1;
    border-radius: 0 20px 20px 0;
    -webkit-border-radius: 0 20px 20px 0;
    -moz-border-radius: 0 20px 20px 0;
    -ms-border-radius: 0 20px 20px 0;
    -o-border-radius: 0 20px 20px 0;
}

.get-app-banner-section .title-content-inner p {
    color: #fff;
}

.get-app-banner-section .get-app-banner-img {
    width: 100%;
}

.get-app-banner-section .title-content-inner {
    padding-left: 30px;
}

.get-app-banner-section .title-content-wrp .icon-div {
    border: 5px solid #fff;
    position: absolute;
    top: 30%;
    left: -30px;
    width: 65px;
    height: 65px;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.green-round-img {
    position: absolute;
    bottom: -80px;
    left: 25px;
    z-index: -1;
    max-width: 230px;
}

.green-round-img.top-gri {
    bottom: auto;
    left: auto;
    top: -50px;
    right: -20px;
}

.get-app-banner-section .title-content-wrp,
.get-app-banner-section .title-content-wrp:after {
    background: var(--theme-color);
}

.icon-div {
    position: relative;
    width: 65px;
    height: 65px;
    background: #6fd943;
    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%;
    margin: 0 auto 20px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    -webkit-box-shadow: 0px 0px 0px 6px rgba(111, 217, 67, 0.50);
    box-shadow: 0px 0px 0px 6px rgba(111, 217, 67, 0.50);
}

.icon-div.bg-white {
    background: #ECECEC !important;
    -webkit-box-shadow: 0px 0px 0px 6px rgba(236, 236, 236, 0.5);
    box-shadow: 0px 0px 0px 6px rgba(236, 236, 236, 0.5);
}

.icon-div.bg-gray {
    background: #B1B1B1;
    -webkit-box-shadow: 0px 0px 0px 6px rgba(177, 177, 177, 0.5);
    box-shadow: 0px 0px 0px 6px rgba(177, 177, 177, 0.5);
}


.icon-div.bg-orange {
    background: var(--third-color) !important;
    -webkit-box-shadow: 0px 0px 0px 6px rgba(244, 180, 26, 0.3);
    box-shadow: 0px 0px 0px 6px rgba(244, 180, 26, 0.3);
}

.icon-div.number-div {
    font-size: 28px;
    color: #fff;
}

.icon-div svg path {
    fill: #002332;
}

.icon-div.bg-dark {
    background: #002332 !important;
    -webkit-box-shadow: 0px 0px 0px 6px rgba(0, 35, 50, 0.5);
    box-shadow: 0px 0px 0px 6px rgba(0, 35, 50, 0.5);
}

.icon-div.bg-dark svg path {
    fill: #6fd943 !important;
}



/* ============================================= */
/* !!!!          PRODUCTS START            !!!! */
/* ============================================= */
/* //////////////  erpgo go start  ///////////// */
.erpgo-wrapper .icon-div {
    width: 56px;
    height: 56px;
}

.erpgo-wrapper .icon-div svg {
    width: 24px;
    height: 24px;
}

.erpgo-wrapper .custom-req-section .info-cards {
    margin: 0 auto 30px auto;
    max-width: 423px;
    -webkit-transition: 0.3s all ease;
    -o-transition: 0.3s all ease;
    transition: 0.3s all ease;
}

.erpgo-wrapper .custom-req-section .info-cards .icon-div {
    width: 66px;
    height: 66px;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
}

.erpgo-wrapper .contact-section.bg-theme .section-title p {
    color: #fff;
}

.erpgo-wrapper .contact-section.bg-theme .form-control {
    border-color: #fff !important;
    padding: 15px 20px;
}

.erpgo-wrapper .contact-section.bg-theme [type="submit"] {
    background: #002332;
    color: #ffffff;
    font-weight: bold;
    font-size: 14px;
    border-radius: 26.5px;
    border: 0;
    padding: 18px 30px;
    max-width: 250px;
    margin-left: auto;
    margin-right: auto;
    -webkit-border-radius: 26.5px;
    -moz-border-radius: 26.5px;
    -ms-border-radius: 26.5px;
    -o-border-radius: 26.5px;
}

.contact-section.bg-theme .wpcf7-form .form-group br {
    display: none;
}

.contact-section.bg-theme .wpcf7-form .form-group.submit-btn svg {
    display: none;
}

.erpgo-wrapper .contact-section.bg-theme [type="submit"]:hover {
    background: var(--third-color);
}

.product-banner-section {
    padding: 100px 0 70px;
    background: rgba(230, 230, 230, 0.3);
    overflow: hidden;
}

.product-banner-section .btn-wrapper a {
    font-weight: 600;
}

.product-banner-section .right-side-wrapper .img-wrapper {
    position: relative;
    padding-top: 70%;
    z-index: 1;
}

.product-banner-section .right-side-wrapper .img-wrapper img {
    position: absolute;
    height: 100%;
    width: 100%;
    -o-object-fit: scale-down;
    object-fit: scale-down;
    top: 0;
    left: 0;
    right: 0;
}

.product-banner-section .right-side-wrapper {
    position: relative;
    z-index: 1;
}

.product-banner-section .video-right-wrp {
    position: relative;
    padding-top: 50%;
    z-index: 1;
}

.product-banner-section .title-content-inner {
    position: relative;
    z-index: 1;
    /* max-width: 450px; */
}

.product-banner-section .video-right-wrp video {
    height: 100%;
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    border: 1px solid var(--border-color);
    border-radius: 10px;
}

.product-banner-section .video-right-wrp .play-vid {
    position: absolute;
    top: 50%;
    left: 50%;
    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;
    width: 100%;
    height: auto;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
}

.product-banner-section .video-right-wrp .play-vid i {
    color: var(--theme-color);
    font-size: 60px
}

.product-banner-section .users-rating {
    margin-top: 45px;
}

.users-rating {
    position: relative;
    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;
    z-index: 2;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}

.users-rating i {
    color: var(--third-color);
    font-size: 10px;
}

.product-banner-section .image-rings {
    position: absolute;
    max-width: 597.69px;
    width: 100%;
    height: 597.69px;
    margin: auto;
    top: 23px;
    left: 80px;
    right: 0;
    bottom: 0;
    z-index: -1;
}

.product-banner-section .image-rings::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    display: block;
    width: 363.48px;
    height: 363.48px;
    background: -o-radial-gradient(50% 50%, 50% 50%, #6FD943 0%, rgba(111, 217, 67, 0) 100%);
    background: radial-gradient(50% 50% at 50% 50%, #6FD943 0%, rgba(111, 217, 67, 0) 100%);
}

.product-banner-section .image-rings .ring {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    display: block;
    border-radius: 100%;
    width: 478px;
    height: 478px;
    -webkit-transform: scale(.1, .1);
    -ms-transform: scale(.1, .1);
    transform: scale(.1, .1);
    border: 0.829861px solid #6FD943;
}

.product-banner-section .image-rings .ring-0 {
    -webkit-animation: ring-1 2s 0s ease-out infinite;
    animation: ring-1 2s 0s ease-out infinite;
}

.product-banner-section .image-rings .ring-1 {
    -webkit-animation: ring-1 2s .3s ease-out infinite;
    animation: ring-1 2s .3s ease-out infinite;
}

.product-banner-section .image-rings .ring-2 {
    -webkit-animation: ring-1 2s .6s ease-out infinite;
    animation: ring-1 2s .6s ease-out infinite;
}

.product-banner-section .image-rings .ring-3 {
    -webkit-animation: ring-1 2s .9s ease-out infinite;
    animation: ring-1 2s .9s ease-out infinite;
}

@-webkit-keyframes ring-1 {
    0% {
        -webkit-transform: scale(.1, .1);
        transform: scale(.1, .1);
        opacity: 1;
    }

    50% {
        opacity: 0.53;
    }

    100% {
        -webkit-transform: scale(1, 1);
        transform: scale(1, 1);
        opacity: 0;
    }
}

@keyframes ring-1 {
    0% {
        -webkit-transform: scale(.1, .1);
        transform: scale(.1, .1);
        opacity: 1;
    }

    50% {
        opacity: 0.53;
    }

    100% {
        -webkit-transform: scale(1, 1);
        transform: scale(1, 1);
        opacity: 0;
    }
}

.price-section {
    background: rgba(230, 230, 230, 0.3);
}

.price-section .price-inner-content {
    margin: 0 auto;
    text-align: center;
}

.price-section .price-inner-content .btn-wrapper {
    margin-bottom: 30px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.price-section .price-inner-content .content {
    position: relative;
    max-width: 647px;
    padding-left: 30px;
    margin: auto;
}

.price-section .price-inner-content .content b {
    display: block;
    margin-bottom: 5px;
}

.price-section .price-inner-content .content p:before {
    content: '';
    position: absolute;
    height: 81%;
    width: 1px;
    background: #F4B41A;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
}

.feature-card-row {
    gap: 30px 0;
}

.features-card {
    position: relative;
    padding: 20px 15px;
    z-index: 1;
    color: var(--second-color);
}

.feature-card-row .features-card .icon-div {
    margin-bottom: 20px !important;
}

/* .features-card::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 100%;
    height: 83%;
    margin: 20px auto;
    background: #fff;
    border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    -o-border-radius: 20px;
    z-index: -1;
    border: 1px solid #DEDEDE;
} */

.features-card svg {
    width: 28px;
    height: 28px;
    color: inherit;
}

.features-card h4,
.features-card p {
    margin-bottom: 20px;
}

.features-card .top-card {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100%;
}

.features-card p {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

.product-banner-section .section-title h1 {
    letter-spacing: 0.01em;
}

.product-banner-section .section-title p {
    font-size: 20px;
    line-height: 162%;
    opacity: 0.8;
}

.users-rating ul {
    margin-left: -7%;
}

.price-section .btn-wrapper img.icon {
    height: 21px;
    width: 40px;
}

.price-section .btn-wrapper .secondary-btn {
    padding: 13px 15px;
}

.product-detail-section .section-title h2 b {
    font-size: 40px;
    font-weight: 600;
}

.product-detail-section .left-inner .secondary-btn {
    padding: 12px 48px;
    bottom: -30px;
    position: relative;
    left: 0;
}

.product-detail-section .secondary-btn {
    padding: 10px 48px;
}

.secondary-btn svg,
.btn svg {
    width: 20px;
    height: 20px;
}

.product-detail-section .price {
    font-weight: 600;
    font-size: 31.4831px;
}

.product-detail-section .price span {
    font-size: 24px;
}

/* ///////////// review slider ///////////// */
.review-section {
    position: relative;
    /* z-index: 1; */
}

.review-section .review-card {
    padding: 27px 10px 10px;
}

.review-card .review-inner {
    position: relative;
    padding: 20px 15px;
    border-radius: 6px;
    z-index: 1;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    -o-border-radius: 6px;
}

.review-card .top-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 10px;
    -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: 0;
}

.review-card .top-content h4 {
    font-family: var(--second-font);
    margin-bottom: 15px;
    font-weight: 700;
}

.review-card .top-content p {
    font-style: italic;
}

.review-card .img-wrapper {
    max-width: 35px;
    width: 100%;
    border-radius: 50px;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    -ms-border-radius: 50px;
    -o-border-radius: 50px;
}


.review-card .img-wrapper img {
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}

.review-card .reveiw-user-info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 10px;
}

.review-card .reveiw-user-name {
    font-size: 14px;
}

.review-card .reveiw-user-name b {
    display: block;
}

.review-card .reveiw-user-name b a {
    font-weight: 700;
}

.review-card .bottom-content {
    /*  display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
   -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 25px;
    gap: 10px;
    height: 100%; */

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100%;
    margin-top: 20px;
}


.review-card .bottom-content p {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin: 5px 0 15px;
}

.reveiw-pagingInfo {
    font-size: 16px;
    font-weight: 600;
    display: block;
    /* margin-top: 20px; */
}

.review-card .bottom-content .rating {
    max-width: 80px;
    width: 100%;
    display: block;
}

.review-section .slider-arrow {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 15px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: #EBE9E9;
    max-width: -webkit-fit-content;
    max-width: -moz-fit-content;
    max-width: fit-content;
    padding: 8px 15px;
    border-radius: 30px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    -ms-border-radius: 30px;
    -o-border-radius: 30px;
}

.review-section .slider-arrow .arrow {
    cursor: pointer;
    display: block;
}

.review-section .slider-arrow svg {
    width: 28px;
    height: 28px;
}

.review-section .slider-arrow span {
    line-height: 0;
    color: var(--dark-green);
}

.review-section .review-card:nth-child(odd) .review-inner {
    background: var(--dark-green);
    color: var(--white);
}

.review-section .review-card:nth-child(even) .review-inner {
    background: var(--theme-color);
    color: var(--black);
}

.review-section .review-card .review-inner .quats-icon {
    width: 60px;
    height: 60px;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    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;
}

.review-section .review-card .review-inner .quats-icon svg {
    width: 35px;
    height: 35px;
}

.review-section .review-card .review-inner .rating ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 2px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.review-section .review-card:nth-child(odd) .review-inner .quats-icon {
    background: rgba(111, 217, 67, .2);
}

.review-section .review-card:nth-child(odd) .review-inner .quats-icon svg path {
    fill: var(--white);
}

.review-section .review-card:nth-child(even) .review-inner .quats-icon {
    background: #013D2933;
}

.review-section .review-card:nth-child(even) .review-inner .quats-icon svg path {
    fill: var(--second-color);
}

.review-section .review-card:nth-child(odd) .review-inner h4 {
    color: #fff;
}

.review-section .section-title .sub-title {
    color: var(--second-color);
}

.review-section .review-title-inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    height: 100%;
}

/* .own-your-sass-section  */
.own-your-sass-section .own-your-sass-itm {
    padding-bottom: 15px;
}

.own-your-sass-section .logo-wrapper {
    width: 100%;
    margin-bottom: 50px;
}

.own-your-sass-section .charged-for {
    position: relative;
    padding-left: 20px;
}

.own-your-sass-section .charged-for:before {
    content: '';
    height: 72%;
    background: #f4b41a;
    width: 1px;
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%) rotate(13deg);
    -ms-transform: translateY(-50%) rotate(13deg);
    transform: translateY(-50%) rotate(13deg);
}

.own-your-sass-section .own-sass-right-column .users-rating p span {
    color: var(--theme-color);
    display: inline-block;
    font-size: 20px;
    font-weight: 600;
}

.own-your-sass-section .own-sass-right-column>*:not(:last-child) {
    margin-bottom: 15px;
}

.own-your-sass-section .section-title {
    margin-bottom: 40px;
}

.own-your-sass-section .sub-title {
    font-size: 32px;
    text-transform: uppercase;
    margin-bottom: 0;
    line-height: 1.2;
    color: var(--theme-color);
}

.pm-features-section {
    background-color: rgb(222 222 222 / 19%);
}

.pm-features-section .info-cards-wrp .info-cards h4 {
    font-size: 19px;
}

.pm-features-section .info-cards.bg-theme p {
    color: var(--white);
}

.pm-features-section .info-cards.bg-dark h4,
.pm-features-section .info-cards.bg-dark p {
    color: var(--theme-color);
}

.info-cards:last-child {
    margin: 0 0 0 auto;
}

.info-cards {
    position: relative;
    max-width: 500px;
    width: 100%;
    padding: 15px;
    border-radius: 10px;
    border: 1px solid #6FD943;
    margin-bottom: 30px;
    padding: 26px 15px 26px 61px;
    background-color: #002332;
}

.info-cards.bg-theme {
    color: var(--second-color);
}

.info-cards h4 {
    margin-bottom: 20px;
}

.info-cards.bg-dark h4 span,
.info-cards.bg-theme h4 span {
    color: var(--white);
}

.info-cards svg {
    width: 24px;
    height: 24px;
}

.info-cards .icon-div {
    width: 56px;
    height: 56px;
    top: 60px;
    position: absolute;
    left: -20px;
    transform: translateY(-50%);
    -webkit-transform: none;
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
}

.erpgo-wrapper .custom-req-section .info-cards .icon-div,
.custom-req-section.bg-dark-green .custom-req-section .info-cards .icon-div {
    width: 66px;
    height: 66px;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
}

.info-cards-wrp p {
    font-size: 13px;
}

.listing-slider-section .right-wrp h3 {
    margin-bottom: 20px;
}

.listing-slider-section .right-wrp ul li {
    text-indent: -25px;
    margin-left: 25px;
    list-style-type: disc;
    list-style-position: inside;
    font-size: 18px;
    font-weight: 400;
}

.listing-slider-section .right-wrp ul li:not(:last-of-type) {
    margin-bottom: 24px;
}

.listing-slider-section .left-wrp {
    border-right: 1px solid var(--theme-color);
}

.listing-slider-section.bg-theme .slick-dots li.slick-active:before {
    background-color: var(--second-color)
}

.listing-slider-section.bg-theme .left-wrp {
    border-color: var(--second-color);
}

.listing-slider-section.bg-dark .right-wrp h3 {
    font-size: 28px;
}

.listing-slider-section.bg-dark .right-wrp h3 span {
    color: var(--third-color);
}


.managing-buss-section h2 {
    font-size: 34px;
}

.managing-buss-section .managing-staff-slider {
    margin: 0 -10px;
}

.managing-buss-section .slick-list,
.managing-buss-section .slick-track {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.managing-buss-section .staff-manage-box {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 0 10px 0;
    margin-bottom: 20px;
    max-width: 100%;
}

.managing-buss-section .slick-slide>div {
    height: 33.33%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
}

.managing-buss-section .staff-manage-box-inner {
    border: 1px solid #6FD943;
    padding: 20px 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    border-radius: 20px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100%;
}

.managing-buss-section .section-title h4 {
    font-size: 27px;
    font-weight: 500;
    text-transform: none;
    margin-top: 10px;
}

.managing-buss-section .staff-manage-box-inner h4 {
    color: #6FD943;
    margin-bottom: 10px;
    font-weight: 800;
    font-size: 30px;
}

.managing-buss-section .staff-manage-box-inner p {
    font-style: italic;
    color: #002332;
    text-overflow: ellipsis;
    white-space: normal;
    height: 100px;
    overflow: hidden;
}

.managing-buss-section .slick-dots li {
    background: var(--second-color);
}

.managing-buss-section .slick-arrow {
    top: auto;
    bottom: -30px;
}

/* .managing-buss-section .slick-slider .slick-next {
    right: calc(50% - 100px);
}

.managing-buss-section .slick-slider .slick-prev {
    left: calc(50% - 100px);
} */

.custom-req-section .info-cards {
    margin: 0 0 30px auto;
    max-width: 423px;
}

.info-cards-wrp {
    position: relative;
}

.custom-req-section .info-cards h4 {
    width: 340px;
}

.info-cards-wrp .category-label {
    position: absolute;
    left: -70px;
    top: 100px;
    width: 120px;
    height: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    gap: 5px;
}

.info-cards-wrp .category-label span {
    transform: rotate(281deg);
    -webkit-transform: rotate(50px);
    -moz-transform: rotate(50px);
    -ms-transform: rotate(50px);
    -o-transform: rotate(50px);
    display: block;
    font-size: 14px;
    left: 24px;
    position: relative;
    /* right: 0; */
    font-weight: 600;
    top: 34px;
    font-style: italic;
}

.custom-req-section .info-cards.bg-theme .icon-div {
    background: #fff !important;
    -webkit-box-shadow: 0px 0px 0px 6px #fff;
    box-shadow: 0px 0px 0px 6px #fff;
}

.custom-req-section .info-cards.bg-dark .icon-div {
    background: var(--theme-color) !important;
    -webkit-box-shadow: 0px 0px 0px 6px var(--theme-color);
    box-shadow: 0px 0px 0px 6px var(--theme-color);
}

.custom-req-section .title-content-inner p:first-of-type {
    color: var(--theme-color);
}

.custom-file-input {
    display: none !important;
}

.custom-req-section .right-wrapper label[for='file-input'] * {
    vertical-align: middle;
    cursor: pointer;
}

.custom-req-section .right-wrapper label[for='file-input'] span {
    margin-left: 10px
}

.custom-file {
    background-color: var(--theme-color);
    height: 40px;
    width: 40px;
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 6px;
    color: #002332 !important;
    cursor: pointer;
}

.custom-req-form button.submit-btn,
.custom-req-form input.submit-btn {
    padding: 14px 48px;
}

.custom-req-form button.submit-btn:hover,
.custom-req-form input.submit-btn:hover {
    transform: translate(0);
    -webkit-transform: translate(0);
    -moz-transform: translate(0);
    -ms-transform: translate(0);
    -o-transform: translate(0);
}


.own-solution-section {
    position: relative;
}

.own-solution-section .swiper-wrapper {
    height: auto;
}

.own-solution-section .section-title p {
    max-width: 480px;
    margin-left: auto;
    margin-right: auto;
}

.own-solution-section .product-slider {
    overflow: hidden;
    margin-bottom: 20px;
}

.solution-center-slider .slick-list,
.solution-center-slider .slick-track {
    display: flex;
}

.solution-center-slider .slick-list {
    padding: 70px 0 !important;
    margin: 0 -15px;
}

.solution-center-slider .slick-slide .solution-card-inner,
.solution-center-slider .slick-slide[aria-hidden="true"]:not(.slick-cloned)~.slick-cloned[aria-hidden="true"] .solution-card-inner {
    border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    -o-border-radius: 20px;
    overflow: hidden;
    position: relative;
    z-index: 1;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
    background-color: var(--white);
    transition: .4s all ease-in-out;
    -webkit-transition: .4s all ease-in-out;
    -moz-transition: .4s all ease-in-out;
    -ms-transition: .4s all ease-in-out;
    -o-transition: .4s all ease-in-out;
    display: flex;
    flex-direction: column;
    height: 100%;
    opacity: .7;
}

.solution-center-slider .slick-center .solution-card-inner,
.solution-center-slider .slick-slide[aria-hidden="true"]:not([tabindex="-1"])+.slick-cloned[aria-hidden="true"] .solution-card-inner {
    transform: scale(1.20);
    -webkit-transform: scale(1.20);
    -moz-transform: scale(1.20);
    -ms-transform: scale(1.20);
    -o-transform: scale(1.20);
    z-index: 2;
    opacity: 1;
}

.own-solution-section .solution-card .card-img-wrp {
    position: relative;
    width: 100%;
    padding-top: 70%;
    display: block;
}

.own-solution-section .solution-card .solution-card-top {
    flex: 1;
}

.own-solution-section .solution-card .card-img-wrp img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
}

.own-solution-section .solution-card .solution-card-content {
    background: var(--second-color);
    color: var(--white);
    padding: 15px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100%;
}

.own-solution-section .solution-card .solution-card-content p {
    color: var(--white);
    margin-bottom: 15px;
    font-size: 12px;
}

.own-solution-section .solution-card .solution-card-content ul {
    padding-top: 15px;
    border-top: 2px solid var(--theme-color);

}

.own-solution-section .solution-card-content ul li {
    gap: 10px;
    font-size: 12px;
}

.own-solution-section .solution-card-content ul li:not(:last-of-type) {
    margin-bottom: 5px;
}

.own-solution-section .solution-card-content ul li span {
    flex: 1;
}

.own-solution-section .solution-card-content ul li:last-of-type span {
    color: var(--theme-color);
}

.own-solution-section .solution-card .btn-wrapper {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-top: 15px;
}

.own-solution-section .solution-card .btn-wrapper .secondary-btn {
    padding: 10px 17px;
    font-size: 12px;
}

.own-solution-section .solution-card .price span:first-of-type {
    display: block;
    font-size: 12px;
}

.own-solution-section .solution-card .rate {
    color: #f4b41a;
    font-size: 20px;
    font-weight: 600;
}

.own-solution-section .solution-card .rate span {
    font-size: 14px;
}

.own-solution-section .solution-card .price {
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--white);
    gap: 10px;
}

.swiper-slide .btn-wrapper {
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    -webkit-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
}

.swiper-slide.swiper-slide-active .btn-wrapper {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
}

/* ============================================= */
/* !!!!         DEVELOPMENT START           !!!! */
/* ============================================= */

.development-wrapper h1 {
    font-size: 70px !important;
    line-height: 1.2 !important;
}

.development-wrapper h2 {
    font-size: 46px !important;
    line-height: 1.2 !important;
}

.development-wrapper h3 {
    font-size: 30px !important;
    line-height: 1.2 !important;
}

.development-wrapper h4 {
    font-size: 20px !important;
    line-height: 1.2 !important;
}

.development-wrapper h5 {
    font-size: 16px !important;
    line-height: 1.2 !important;
}

.development-wrapper .btn {
    text-transform: uppercase;
}

.development-wrapper p {
    font-size: 16px;
}

.gradient-dark .section-title p,
.bg-dark .section-title p,
.gradient-dark .section-title h1,
.bg-dark .section-title h1,
.gradient-dark .section-title h2,
.bg-dark .section-title h2,
.gradient-dark .section-title h3,
.bg-dark .section-title h3,
.gradient-dark .section-title h4,
.bg-dark .section-title h4,
.bg-dark-green .section-title p,
.bg-dark-green .section-title h1,
.bg-dark-green .section-title h2,
.bg-dark-green .section-title h3,
.bg-dark-green .section-title h4,
.bg-dark-green .section-title h5 {
    color: #fff;
}

.bg-gradient {
    position: relative;
}

.bg-gradient::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 50%;
    display: block;
}

.bg-gradient.gradient-theme::before {
    background: var(--theme-color);
}

.bg-gradient.gradient-dark::before {
    background: var(--second-color);
}

/* //// mobile apps solutions start //// */
.features-card-section.bg-gradient::before {
    height: 90%;
}

.mobile-home-section {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    padding: 100px 0 80px;
    background-color: #022332;
}

.mobile-home-section .title-content-inner {
    padding-bottom: 20px;
}

.apk-ios-card-section:not(.development-wrapper .apk-ios-card-section) {
    padding-top: 30px;
}

.apk-ios-card-section .innner-card {
    background: #F5F5F5;
    border-radius: 7px;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    -ms-border-radius: 7px;
    -o-border-radius: 7px;
}

.apk-ios-card-section .innner-card h4 {
    background: #002232;
    color: #6FD943;
    padding: 10px 10px;
    text-align: center;
    border-radius: 7px;
    margin: 0;
}

.apk-ios-card-section .innner-card ul {
    padding: 20px 20px;
}

.apk-ios-card-section .innner-card ul p {
    text-align: center;
}



.apk-ios-card-section .innner-card.ios-card h4 {
    color: #002232;
    background: #6FD943;
}

.apk-ios-card-section .innner-card .icon {
    background: #6FD943;
    display: inline-block;
    margin: 0;
    padding: 2px;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    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;
    margin: 20px auto 10px;
    border: 2px solid rgba(111, 217, 67, 0.5);
}

.apk-ios-card-section .innner-card .icon i {
    font-size: 16px;
    color: #ffffffc7;
}

.decr-card {
    position: relative;
    background: #F5F5F5;
    border-radius: 7px;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    -ms-border-radius: 7px;
    -o-border-radius: 7px;
    padding: 30px 30px 30px 80px;
    margin-top: 30px;
}

.decr-card .icon-div {
    position: absolute;
    top: 50%;
    left: -20px;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    border: 5px solid #FFFFFF;
}

.apk-ios-card-section .decr-card .icon-div {
    -webkit-box-shadow: none;
    box-shadow: none;
    box-shadow: none;
    width: 65px;
    height: 65px;
}

.service-card-section {
    padding-bottom: 40px;
}

.service-card-section.bg-gradient::before {
    height: 42%;
}

.portfolio-slider .portfolio-inner {
    width: 100%;
    border-radius: 30px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    -ms-border-radius: 30px;
    -o-border-radius: 30px;
    overflow: hidden;
    border: 1px solid var(--theme-color);
}

.portfolio-slider .portfolio-inner .img-div {
    position: relative;
    padding-top: 175%;
    margin: 0;
}

.portfolio-slider .portfolio-inner .img-div img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: block;
    -o-object-fit: cover;
    object-fit: cover;
}



.why-workdo-section .offset-left .title-content-inner {
    padding: 50px 100px 50px 0;
}

.why-workdo-section .offset-right .title-content-inner {
    padding: 50px 0 50px 100px;
}

.rotated-text {
    margin-left: 40px;
    margin-bottom: 10px;
}

.rotated-text span {
    font-family: 'Heart Warming';
    font-style: normal;
    font-weight: 400;
    font-size: 23.4036px;
    color: #FFFFFF;
    transform: rotate(349deg);
    line-height: 1;
    margin-top: -20px;
    margin-left: 5px;
    -webkit-transform: rotate(349deg);
    -moz-transform: rotate(349deg);
    -ms-transform: rotate(349deg);
    -o-transform: rotate(349deg);
}

.rotated-text svg {
    color: var(--theme-color);
    width: 50px;
    height: 50px;
}

.contact-inner-col h3 {
    margin-bottom: 30px;
}

.contact-section .left-col .section-title {
    padding-top: 0;
}

.contact-section .left-col .section-title {
    max-width: 470px;
    width: 100%;
}

/* //// mobile apps solutions end //// */
/* //// ecommerce_solutions solutions start //// */
.saas-solutions-wrapper .features-card-section,
.ecom-solutions-wrapper .features-card-section {
    position: relative;
    padding-bottom: 40px;
}

.saas-solutions-wrapper .features-card-section::before,
.ecom-solutions-wrapper .features-card-section::before {
    bottom: 0;
    top: auto;
    height: 25%;
}

.products-logo-section .slick-slide {
    text-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.web-solution-section {
    position: relative;
    z-index: 1;
    overflow-x: hidden;
    padding: 200px 0 80px;
}


.web-solution-section::before {
    content: '';
    position: absolute;
    left: 50%;
    top: 50%;
    width: 900px;
    height: 900px;
    background: url('../images/development/web-sol-circle.png') no-repeat;
    background-position: center;
    background-size: 100% 100%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    z-index: -1;
}

.web-solutions-wrapper .features-card-section {
    padding-bottom: 20px;
}

.web-solutions-wrapper .features-card-section.bg-gradient::before {
    height: 20%;
    top: auto;
    bottom: 0;
}

.web-solutions-wrapper .portfolio-section {
    margin-top: -160px;
    padding: 160px 0 80px;
}

/* //// ecommerce_solutions solutions end //// */
/* //// support  start //// */
/* contact-section */
.home-section {
    padding: 100px 0 80px;
}

.contact-page-wrapper .contact-section .icon-div {
    margin-left: 10px;
    font-size: 25px;
    color: #fff;
}

.contact-card {
    position: relative;
    border: 1px solid var(--theme-color);
    padding: 40px 15px 40px 60px;
    border-radius: 10px;
    color: var(--white);
    max-width: 325px;
    width: 100%;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    margin: 0 0 20px auto;
}

.contact-card label {
    font-weight: 600;
    color: var(--theme-color);
    display: block;
}

.contact-card .icon-div {
    margin: 0;
    position: absolute;
    left: -30px;
    top: 50%;
    -webkit-box-shadow: none;
    box-shadow: none;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
}

.contact-card .icon-div svg {
    width: 25px;
    height: 25px;
}

.cards-wrapper .contact-card:first-of-type {
    max-width: 450px;
    background: var(--theme-color);
}

.cards-wrapper .contact-card:first-of-type a {
    font-size: 28px;
    display: block;
    font-weight: 600;
}

.cards-wrapper .contact-card:first-of-type label {
    color: var(--second-color);
}

.cards-wrapper .contact-card .btn {
    margin-top: 10px;
}

.contact-page-wrapper .custom-req-form {
    padding: 30px 20px;
    margin-top: -400px;
    background: #FFFFFF;
    -webkit-box-shadow: 0px 0px 61px rgba(88, 88, 88, 0.2);
    box-shadow: 0px 0px 61px rgba(88, 88, 88, 0.2);
    border-radius: 10px;
    margin-bottom: 0;
}

.resources label {
    margin-bottom: 15px;
    display: inline-block;
}

.resources .resources-list li {
    position: relative;
    margin-bottom: 10px;
}

.resources .resources-list li:last-child {
    margin-bottom: 0;
}

.resources .resources-list li::before {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f054";
    display: inline-block;
    margin-right: 10px;
    color: var(--theme-color);
}

.resources-list li a {
    color: var(--theme-color);
    text-decoration: underline;
}

.more-info-section .main-card {
    position: relative;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    padding: 50px 15px 30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}

.more-info-section .main-card p {
    margin: 15px 0;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

.more-info-section .main-card .icon-div {
    position: absolute;
    top: -30px;
    left: 30px;
    -webkit-box-shadow: 0px 0px 0px 6px rgb(255 255 255);
    box-shadow: 0px 0px 0px 6px rgb(255 255 255);
}

/* blog  */
.docs-home-section .innner-content,
.blog-home-section .innner-content {
    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;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 20px;
}

.docs-home-section .innner-content h2,
.blog-home-section .innner-content h2 {
    color: var(--theme-color);
}

.docs-home-section .innner-content p,
.blog-home-section .innner-content p {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 550px;
    flex: 1 1 550px;
    max-width: 550px;
}

.search-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border: 1px solid var(--dark-green);
    padding: 0 10px 0 20px;
    border-radius: 40px;
    -webkit-border-radius: 40px;
    -moz-border-radius: 40px;
    -ms-border-radius: 40px;
    -o-border-radius: 40px;
    margin-bottom: 30px;
    background-color: #fff;
    margin-top: -30px;
}

.search-box .search-icon {
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center;
}

.search-box input {
    border: 0;
    color: #000;
    padding: 5px 10px 5px 12px;
    background: transparent !important;
}

.search-box input::-webkit-input-placeholder {
    color: #9b9a9a;
}

.search-box input::-moz-placeholder {
    color: #9b9a9a;
}

.search-box input:-ms-input-placeholder {
    color: #9b9a9a;
}

.search-box input::-ms-input-placeholder {
    color: #9b9a9a;
}

.search-box input::placeholder {
    color: #9b9a9a;
}

.search-box .btn {
    -webkit-box-shadow: none;
    box-shadow: none;
    margin: 7px 0;
}

.document-card-wrapper .document-card {
    position: relative;
    padding: 15px;
    border: 1px solid #DEDEDE;
    border-radius: 13px;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 15px;
    -webkit-border-radius: 13px;
    -moz-border-radius: 13px;
    -ms-border-radius: 13px;
    -o-border-radius: 13px;
    margin-bottom: 15px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

.document-card-wrapper .document-card .left-side {
    position: relative;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

.document-card-wrapper .document-card .left-side p {
    font-size: 12px;
    color: #979797;
    margin-top: 5px;
}

.document-card-wrapper .document-card .title {
    z-index: 1;
    position: relative;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    /* flex: 1; */
    font-weight: 600;
    margin-bottom: 5px;
    font-size: 16px;
    color: var(--dark-green);
}

.document-card-wrapper .document-card .title:hover {
    color: var(--theme-color);
}

.document-card-wrapper .document-card .right-side {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    text-align: right;
    gap: 10px;
}

.document-card-wrapper .document-card .right-side .modified-date {
    color: #979797;
    font-size: 12px;
}

.document-card-wrapper .document-card .right-side .secondary-btn {
    font-size: 12px;
    padding: 12px 20px;
}

.postid-3758 .main-title h2 {
    text-transform: none !important;
}


.document-card-wrapper .document-card .secondary-btn svg {
    width: 16px;
    height: 16px;
}

.need-more-section {
    background: rgba(226, 226, 226, 0.38);
}

.need-more-section h3 {
    margin-bottom: 10px;
}

.need-more-section p {
    font-size: 14px;
}

.need-more-section .title-content-inner .icon-div {
    margin-left: 0;
    font-size: 25px;
    color: #fff;
    width: 50px;
    height: 50px;
}

/* blog details  */
.category-option {
    border: 1px solid #CACACA;
    border-radius: 10px;
    padding: 20px 15px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
}

.category-option li {
    position: relative;
    padding-left: 20px;
    margin-bottom: 5px;
}

.category-option li a:hover {
    text-decoration: underline;
    color: var(--theme-color);
}

.category-option li:last-child {
    margin-bottom: 0;
}

.category-option li::before,
.Documentation-leftbar .account-list li a span::before {
    position: absolute;
    left: 0;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f054";
    display: inline-block;
    /* margin-right: 10px; */
    color: var(--dark-green);
}

.category-option .option-title {
    margin-bottom: 15px;
}

.category-option .category-list {
    /* max-height: 320px; */
    height: 100%;
    overflow-y: auto;
}

.category-option .category-list::-webkit-scrollbar {
    width: 2px;
}

.category-option .category-list::-webkit-scrollbar-track {
    border-radius: 2px;
}

.category-option .category-list::-webkit-scrollbar-thumb {
    background: var(--theme-color);
    border-radius: 2px;
}

.doc-box-innner {
    background: #fff;
    color: #000;
    padding: 20px;
    border-radius: 10px;
}

.doc-box-innner h6 {
    margin-bottom: 10px;
}

.blog-details-wrapper .doc-box-innner h6 {
    color: #000;
}

.doc-box-innner .btn {
    font-size: 12px;
    padding: 10px 20px;
    margin-top: 10px;
}

.doc-box-innner .docs-top {
    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: 20px;
    font-size: 12px;
    color: #858181;

}

.doc-box-innner .docs-bottom {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    height: 100%;
}

.doc-box-innner .btn svg,
.doc-box-innner .docs-top svg {
    width: 18px;
    height: 18px;
}

.doc-box-innner .docs-bottom a {
    color: var(--dark-green);
    font-weight: 600;
}

.doc-box-innner .docs-bottom p {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

/* documents-wrapper  */
.documents-wrapper .banner-badge-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 10px;
}

.search-box .select-box {
    max-width: 200px;
    border-radius: 0;
    border-top: 0;
    border-bottom: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-right: 10px;
}

/* document-details-wrapper */
.document-details-wrapper .main-title p {
    margin-top: 10px;
}

.document-details-wrapper .doc-box-innner .sub-title {
    background-color: var(--dark-green);
    padding: 2px 10px;
    border-radius: 10px;
    padding-left: 10px;
    font-size: 12px;
    text-transform: none;
}

.document-details-wrapper .doc-box-innner .docs-bottom p {
    color: var(--dark-green);
    line-height: 1.4;
}

/* development request */
.dev-request-wrapper .checkbox-group {
    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;
    gap: 15px;
}

.dev-request-wrapper .checkbox-group .checkbox-custom label:before {
    border-color: #fff;
    border-radius: 5px;
}

.dev-request-wrapper .checkbox-group .checkbox-custom input:checked+label:after {
    border-color: var(--second-color);
}

.dev-request-wrapper .checkbox-group .checkbox-custom input:checked+label:before {
    background: var(--white);
    border-color: var(--white);
    -webkit-box-shadow: 0 0 2px 1px #6fd943;
    box-shadow: 0 0 2px 1px #6fd943;
}

.dev-request-wrapper .checkbox-group .checkbox-custom label {
    color: var(--white);
    padding: 0 0 0 25px;
}

/* privacy policy  */
.privacy-wrapper h5,
.privacy-wrapper li {
    margin-bottom: 10px;
}

.privacy-wrapper li {
    font-size: 16px;
}

.privacy-wrapper h5 a,
.privacy-wrapper p a {
    color: #bd0505;
    text-decoration: underline;
}

.privacy-wrapper p,
.privacy-wrapper ul {
    font-size: 16px;
    margin-bottom: 25px;
}

.privacy-wrapper p:last-of-type {
    margin-bottom: 0;
}

/* //// support  end //// */
/* /////////////// themes css start ////////////// */
/*///// wordpress start /////*/
.rating-checkbox .checkbox-custom {
    margin-top: 15px;
}

.rating-checkbox .checkbox-custom label {
    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;
    width: 100%;
}

.rating-checkbox .checkbox-custom i {
    font-size: 16px;
}

.checkbox-custom .stars {
    gap: 2px;
}

.rating-checkbox .checkbox-custom label:before {
    background: #E5E5E5;
    border-color: transparent;
}

.filter-right-column {
    gap: 20px 0;
}

.filter-right-column .product-card {
    width: 100%;
}

.filter-right-column .product-card-inner {
    padding: 10px;
    border: 1px solid #F4B41A;
    border-radius: 15px;
    position: relative;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    -ms-border-radius: 15px;
    -o-border-radius: 15px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100%;
    width: 100%;
}

.archive .product-content-top,
.filter-right-column .product-card .product-content-top {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    height: 100%;
    margin-bottom: 10px;
}

.archive .product-content-top {
    margin-bottom: 15px;
}

.archive .product-content-top h4,
.filter-right-column .product-content-top h4 {
    font-size: 20px;
    color: var(--dark-green);
}

.archive .product-content-top .title,
.filter-right-column .product-card .product-content-top .title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 15px;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}

.archive .product-content-top .title a:first-child,
.filter-right-column .product-card .product-content-top .title a:first-child {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

.archive .product-content-top .discount,
.filter-right-column .product-big-card-wrapper .discount,
.filter-right-column .product-card .product-content-top .title .discount {
    display: inline-block;
    background: var(--theme-color);
    padding: 3px 10px;
    border-radius: 30px;
    font-size: 14px;
    font-weight: 600;
}

.filter-right-column .product-card-inner .product-card-image {
    position: relative;
    -webkit-transition: all ease-in-out 0.6s;
    -o-transition: all ease-in-out 0.6s;
    transition: all ease-in-out 0.6s;
}

.filter-right-column .product-card-inner .product-card-image .pdp-img {
    position: relative;
    display: block;
    padding-top: 75%;
    transition: all ease-in-out 0.6s;
    -webkit-transition: all ease-in-out 0.6s;
    -moz-transition: all ease-in-out 0.6s;
    -ms-transition: all ease-in-out 0.6s;
    -o-transition: all ease-in-out 0.6s;
}

.filter-right-column .product-card-inner .product-card-image .pdp-img img {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 100%;
    width: 100%;
    border-radius: 4px;
    -o-object-fit: cover;
    object-fit: cover;
    transition: all ease-in-out 0.6s;
    -webkit-transition: all ease-in-out 0.6s;
    -moz-transition: all ease-in-out 0.6s;
    -ms-transition: all ease-in-out 0.6s;
    -o-transition: all ease-in-out 0.6s;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
}

.product-card-image .hoverable-btn {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    text-align: 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;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    z-index: 1;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
}

.product-card-image .hoverable-btn::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border-radius: 15px;
    width: 100%;
    height: 100%;
    background: rgba(30, 30, 30, 0.60);
    z-index: -1;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    -ms-border-radius: 15px;
    -o-border-radius: 15px;
}

.product-card-inner .product-card-image:hover .hoverable-btn {
    opacity: 1;
    visibility: visible;
}

.product-card-image .hoverable-btn a {
    color: #ffff;
    text-align: center;
    font-size: 13px;
}

.product-card-image .hoverable-btn a svg {
    width: 30px;
    height: 30px;
    display: block;
    margin: 0 auto 5px;
}

.product-card-image .hoverable-btn a:not(:last-of-type) {
    margin-right: 15px;
}

.filter-right-column .product-card .product-content {
    margin-top: 15px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100%;
}

.filter-right-column .product-card .selling-icon {
    margin: 10px 0;
    gap: 7px;
}

.filter-right-column .product-card .selling-icon p {
    font-size: 14px;
    margin: 0px;
}

.filter-right-column .product-card .selling-icon ul {
    align-items: center;
}

.filter-right-column .product-card .selling-icon ul li:not(:last-of-type) {
    border-right: 1px solid #000000;
}

.filter-right-column .product-card .selling-icon ul li {
    padding: 0px 12px !important;
}

.single-product .filter-right-column .product-card .selling-icon ul li {
    padding: 0px 9px !important;
}

.filter-right-column .product-card .selling-icon ul li img {
    max-width: 22px;
    height: 22px;
}

.single-product .filter-right-column .product-card .selling-icon ul li img {
    max-width: 20px;
    height: 25px;
}

.filter-right-column .product-content-bottom .rating-stars span {
    color: var(--dark-green);
    padding-left: 10px;
    font-weight: 600;
}

.filter-right-column .product-card .price del {
    text-decoration: line-through;
    color: #78788C;
    opacity: 1;
    font-weight: 600;
    font-size: 14px;
}

.filter-right-column .product-rating-content .price {
    gap: 8px;
    font-size: 18px;
    font-weight: 700;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
}

.filter-right-column .product-rating-content .price ins {
    font-weight: 700;
}

.filter-right-column .product-rating-content .price .discount {
    color: #dc3545;
}

.filter-right-column .product-rating-content .add-to-cart {
    border-radius: 50px;
    padding: 10px 20px;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    -ms-border-radius: 50px;
    -o-border-radius: 50px;
    background-color: #F9BB1D;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    font-size: 14px;
}

.filter-right-column .product-rating-content .add-to-cart:hover {
    background-color: var(--theme-color);
}

.filter-right-column .product-rating-content .add-to-cart svg {
    width: 20px;
    height: 20px;
}

.filter-right-column .card-bottom {
    margin-top: 10px;
}

.category-list li a.active {
    color: var(--theme-color);
    text-decoration: underline;
}

/* money back  */
.money-back-section {
    position: relative;
    background: #EEEEEE;
}

.money-back-section .money-back-main {
    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;
    max-width: 70%;
    width: 100%;
    margin: auto;
}

.money-back-section .money-back-content {
    max-width: 430px;
    width: 100%;
    padding: 20px 0;
    margin: auto;
}

.money-back-section .money-back-img {
    position: relative;
    width: 100%;
    height: 100%;
}

.money-back-section .money-back-img img {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.money-back-section .money-back-main .money-back-img {
    max-width: 200px;
}

.money-back-section .money-back-main .money-back-content {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin-left: 30px;
}

.money-back-section .money-back-content .sub-title {
    background: var(--theme-color);
    padding: 5px 20px;
    border-radius: 30px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    -ms-border-radius: 30px;
    -o-border-radius: 30px;
    color: var(--second-color);
    font-size: 14px;
    margin-bottom: 20px;
}

.money-back-section .money-back-content h2 {
    font-size: 50px;
    margin: 0 0 10px;
}

.money-back-section .money-back-content a {
    font-size: 14px;
    margin-top: 20px;
}

.money-back-section .money-back-label {
    position: absolute;
    top: -10%;
    right: 2%;
    max-width: 180px;
    width: 100%;
    display: block;
}

.accordion-container {
    position: relative;
}

.accordion-container .set {
    position: relative;
}

/* .accordion-container .set>a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 20px 0;
    font-weight: 600;
    -webkit-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    font-size: 15px;
    gap: 5px;
    border-bottom: 1px solid #ddd;
    color: var(--dark-green);
}

.accordion-container .set>a.active i {
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
}

.accordion-container .set>a i {
    transition: all 0.3s linear;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -ms-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    font-size: 16px;
    padding: 2px;
    border-radius: 100%;
    width: 20px;
    height: 20px;
    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;
    -ms-flex-negative: 0;
    flex-shrink: 0;
}

.accordion-container .set>a.active {
    border-bottom: 1px solid #ddd;
} */

.accordion-container .content {
    display: none;
    padding: 15px 0 0;
    /* color: #206A51; */
    /* border-bottom: 1px solid #ddd; */
}

/*////////  wordpress end  ///////*/
/*///// ecommerce start /////*/
.product-content-top h6,
.product-content-bottom h6 {
    margin: 10px 0 5px;
    color: var(--dark-green);
    font-weight: 500;
    font-size: 13px;
}

.product-content-top p {
    font-size: 14px;
    font-weight: 600;
}

.ecommerce-icon {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 10px;
}

.ecommerce-icon li {
    border-radius: 100%;
    width: 45px;
    height: 44px;
    padding: 5px;
    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-border-radius: 100%;
    -moz-border-radius: 100%;
    -ms-border-radius: 100%;
    -o-border-radius: 100%;
    margin: 10px 0;
    background: #ffffff;
    border: 1px solid var(--dark-green);
}

.ecommerce-icon li svg {
    width: 26px;
    height: 26px;
}

/* pop up  */
.popup-overlay {
    position: relative;
    transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
}

.popup-overlay.active::after {
    content: " ";
    z-index: 99;
    background: rgba(0, 0, 0, 0.5);
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    position: fixed;
}

.add-cart-popup,
.popup-modal-content {
    position: fixed;
    background-color: #fff;
    max-width: 628px;
    width: 100%;
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -khtml-border-radius: 10px;
    -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.8);
    box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.8);
    text-align: center;
    top: 50%;
    left: 50%;
    z-index: 9999;
    transform: translate(-50%, -50%);
    opacity: 0;
    visibility: hidden;
    height: 0;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    /* transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out; */

}

.add-cart-popup.active,
.popup-modal-content.active {
    opacity: 1;
    visibility: visible;
    height: auto;
    display: block;
}

.add-cart-popup .close,
.popup-modal-content .close {
    color: #111;
    float: right;
    font-size: 28px;
    position: absolute;
    right: 10px;
    top: 5px;
    left: auto;
    bottom: auto;
    background: none;
    border: none;
    transition: all 400ms ease-in-out 0s;
    -webkit-transition: all 400ms ease-in-out 0s;
    -moz-transition: all 400ms ease-in-out 0s;
    -o-transition: all 400ms ease-in-out 0s;
    -ms-transition: all 400ms ease-in-out 0s;
    outline: none;
}

.add-cart-popup .popup-modal-header {
    padding: 15px 10px;
    background: #f9da8d;
    border-radius: 10px;
    margin-bottom: 10px;
}

.add-cart-popup .popup-modal-header .icon {
    display: block;
    width: 20px;
    height: 20px;
    padding: 5px;
    margin: 0;
    background: green;
    color: #fff;
    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%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}

.add-cart-popup .popup-modal-header p {
    text-align: center;
    line-height: 1.3;
}

.add-cart-popup .popup-modal-main {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    background: #e7e7e796;
    padding: 15px 15px;
    gap: 15px;
    border-radius: 10px;
}

.add-cart-popup .img-wrapper {
    max-width: 250px;
    width: 100%;

}

/* .add-cart-popup  .img-contnent {
    height: 100%;
} */
.add-cart-popup .img-contnent img {
    object-fit: cover;
    border-radius: 10px;
}

.add-cart-popup .inner-content {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    background: #fff;
    padding: 20px 15px;
    border-radius: 10px;
}

.add-cart-popup .inner-content .title b {
    font-weight: 600;
}

.add-cart-popup .inner-content .title {
    text-align: left;
    margin-bottom: 10px;
    text-transform: none;
}

.add-cart-popup .inner-content ul li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 5px;
    color: #343333;
    margin-bottom: 8px;
}

.add-cart-popup .inner-content ul li svg {
    width: 18px;
    height: 18px;
}

.add-cart-popup .popup-modal-footer {
    padding: 15px 0 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 10px;
}

.add-cart-popup .popup-modal-footer .btn {
    font-size: 12px;
    padding: 10px 20px;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    width: 100%;
    text-align: center;
    justify-content: center;
    font-size: 16px;
}

.add-cart-popup .popup-modal-footer .btn:first-child {
    background: rgba(244, 181, 27, 0.50);
}

.add-cart-popup .popup-modal-footer .btn:last-child {
    background: rgba(111, 217, 67, 0.35)
}

.add-cart-popup .popup-modal-footer .btn:first-child:hover {
    background: rgba(244, 181, 27, 1);
    color: #000;
    box-shadow: none !important;
}

.add-cart-popup .popup-modal-footer .btn:last-child:hover {
    background: #6FD943;
    color: #000;
    box-shadow: none !important;
}

.add-cart-popup .popup-modal-footer .btn:hover {
    transform: translate(0);
    -webkit-transform: translate(0);
    -moz-transform: translate(0);
    -ms-transform: translate(0);
    -o-transform: translate(0);
    background: var(--third-color);
}

.popup-modal-content {
    padding: 30px;
}

.popup-modal-content .popup-modal-header img {
    display: block;
    margin: 0 auto 10px;
}

.popup-modal-content .modal-button.btn-default {
    float: none;
    display: inline-block;
    vertical-align: top;
    width: auto;
    text-align: center;
    padding: 12px 18px;
    margin-top: 20px;
    text-transform: capitalize;
    font-size: 14px;
}

.subTitle {
    background: #6FD943;
    color: white;
    display: inline-block;
    padding: 3px 10px;
    margin: 0 10px;
    font-size: 20px;
}

/*///// ecommerce end /////*/
/*///// theme-details start /////*/
.single-product h2.fs-50 {
    font-size: 49px !important;
    margin-bottom: 0px !important;
}

.single-product h3 {
    font-size: 32px;
}

.single-product h4 {
    font-size: 22px;
}

.single-product h5 {
    font-size: 16px;
}

.single-product h2 span,
.single-product h3 span,
.single-product h4 span,
.single-product h5 span {
    color: inherit;
}

.single-product p:not(footer p) {
    color: #002332;
    line-height: 1.4;
    font-size: 14px;
}

.single-product .woocommerce-mini-cart__empty-message {
    color: #FFFFFF;
}

.single-product .theme-review-slides-inner p {
    margin: 10px auto;
    max-width: 70%;
}

.single-product .subtitle {
    margin-bottom: 10px;
    font-weight: 700;
    font-size: 12px;
    display: inline-block;
    background: #6fd943;
    border-radius: 20px;
    padding: 5px 10px;

}

.single-product .section-title.text-white h2,
.single-product .title-content-inner.text-white .section-title h2 {
    color: #fff;
}

.single-product .section-title.text-white h2,
.single-product .section-title.text-white h3,
.single-product .section-title.text-white h4,
.single-product .section-title.text-white p {
    color: #ffffff;
}

.single-product .pro-feature-section .title h3 {
    text-transform: lowercase;
}

.single-product ul.tabs li p {
    color: #888888;
}

.single-product ul.tabs li.active p {
    color: #fff;
}

.single-product ul.tabs li h4 {
    color: #888888;
    margin-bottom: 10px;
}

.single-product ul.tabs li.active h4 {
    color: #6FD943;
}

.theme-details-section .main-background {
    padding: 90px 0 30px;
    background-color: #F4F1F1;

}

.theme-details-section .theme-details-left .theme-details-img {
    position: relative;
    width: 100%;
    overflow: hidden;
}

.theme-details-section .theme-details-left .theme-details-img img {
    /* object-fit: cover; */
    border-radius: 14px;
}

.theme-details-section .theme-details-left .theme-details-img .view-icon {
    position: absolute;
    left: 50%;
    top: 50%;
    font-size: 20px;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    color: #fff;
    width: 40px;
    height: 40px;
    background: var(--dark-green);
    padding: 5px;
    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;
    cursor: pointer;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    opacity: 0;
}

.theme-details-section .theme-details-left .theme-details-img::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #000000;
    opacity: 0;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    border-radius: 14px;
    -webkit-border-radius: 14px;
    -moz-border-radius: 14px;
    -ms-border-radius: 14px;
    -o-border-radius: 14px;
}

.theme-details-section .theme-details-left .theme-details-img:hover:before {
    opacity: 0.4;
}

.theme-details-section .theme-details-left .theme-details-img:hover .view-icon {
    opacity: 1;
}

.theme-details-section .theme-details-right form.cart {
    margin-bottom: 0 !important;
    padding: 0 !important;
}

.theme-details-section .theme-details-left {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    overflow: hidden;
    width: 100%;
}

.theme-details-section .theme-details-left .ecom-single-slider .slick-list {
    height: 100%;
}

.theme-details-section .theme-details-left .ecom-single-slider .slick-arrow {
    display: none !important;
}

.theme-details-section .theme-details-left .ecom-single-slide {
    padding: 0 !important;
    /* -webkit-box-shadow: 0px 4px 42px rgba(0, 0, 0, 0.06);
    box-shadow: 0px 4px 42px rgba(0, 0, 0, 0.06); */
    display: -webkit-box;
    display: -ms-flexbox;
    display: block;
}

.ecom-single-slider.flex-slider {
    margin: 0;
}

.theme-details-section .three-img-wrapper {
    margin-top: 30px;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

.theme-details-section .three-img-wrapper img {
    -o-object-fit: cover;
    object-fit: cover;
    -webkit-box-shadow: 12px 13px 17px 0px rgb(77 78 80 / 44%);
    box-shadow: 12px 13px 17px 0px rgb(77 78 80 / 44%);
}


.theme-details-section .theme-details-top .theme-details-title h5 {
    margin: 10px 0 10px;
    font-weight: 600;
    font-size: 18px;
}

.theme-details-section .theme-details-top h5 {
    font-size: 18px;
    text-transform: unset;
    margin-bottom: 10px;
}

.theme-details-section .theme-details-top .details-rating {
    gap: 10px;
}

.theme-details-section .theme-details-top .top-title {
    gap: 10px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: 20px;
}

.theme-details-section .details-rating .stars i {
    color: var(--theme-color);
}

.theme-details-title .details-rating span {
    margin-left: 10px;
}

.theme-details-section .theme-details-inner form.cart {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.theme-details-section .theme-details-inner form.cart .quantity,
.theme-details-section .theme-details-inner form.cart::before {
    display: none !important;
}

.theme-details-section .theme-details-inner .price {
    margin: 15px 0;
    gap: 10px;
}

.theme-details-section .theme-details-inner .price ins {
    font-size: 34px;
    font-weight: 600;
}

.theme-details-section .theme-details-inner .btn-wrapper {
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    margin: 30px 0 30px;
}

/* .theme-details-section .theme-details-inner .btn-wrapper .btn {
    padding: 13px 25px;
    text-transform: uppercase;
    font-weight: 400;
} */
.theme-details-section .theme-details-inner .btn-wrapper .btn {
    text-transform: capitalize !important;
}

.theme-details-section .theme-details-inner .btn-wrapper .theme-details-section .theme-details-inner .price ins {
    font-size: 40px;
    font-weight: 600;
}

.theme-details-section .theme-details-inner .price ins .currency {
    font-size: 22px;
}

.theme-details-section .theme-details-inner .price .discount .dis-minus {
    background: #F4B41A;
    font-size: 14px;
    padding: 1px 4px;
    border-radius: 5px;
    display: -webkit-inline-box !important;
    display: -ms-inline-flexbox !important;
    display: inline-flex !important;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    margin-bottom: 4px;
}

.theme-details-section .theme-details-inner .price .discount del {
    font-size: 16px;
    color: #4f5a57;
    display: block;
    text-decoration: line-through;

}

.theme-details-section .theme-details-inner .cart-btn {
    margin: 20px 0 25px;
}

.theme-details-section .theme-details-inner .add-cart-btn {
    background: var(--third-color);
    color: var(--second-color);
    padding: 10px 30px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    /* width: 100%; */
}

.theme-details-section .theme-details-inner .add-cart-btn:hover {
    background: var(--theme-color);
}

.theme-details-top .details-list li {
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
}

.theme-details-section .theme-details-inner li:not(:last-of-type) {
    margin-bottom: 5px;
}

.theme-details-section .theme-details-inner li span {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

.theme-details-section .theme-details-inner .details-list li::before {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f00c";
    display: inline-block;
    margin-right: 10px;
    color: var(--white);
    background: var(--dark-green);
    border-radius: 50%;
    width: 16px;
    height: 16px;
    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;
    font-size: 10px;
}

.theme-details-section .theme-details-inner .Specifications h4 {
    margin-bottom: 15px;
}

.theme-details-section .theme-details-inner .Specifications ul li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 10px;
    font-size: 14px;
    line-height: 1.2;
}

.theme-details-section .theme-details-inner .Specifications ul li strong {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 30%;
    flex: 0 0 30%;
}

.theme-details-section .theme-details-inner .Specifications ul li p {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    color: var(--second-color);
}

.theme-details-section .theme-details-inner .money-back {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 15px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 22px;
}

.theme-details-section .theme-details-inner .money-img {
    max-width: 100px;
    width: 100%;
}

.theme-details-section .theme-details-inner .money-back p {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    font-size: 14px;
    line-height: 1.4;
    color: #888888;
}

.theme-details-section .theme-details-inner .money-back p strong {
    font-size: 14px;
    font-weight: 700;
}

.theme-details-section .theme-details-inner .money-back a {
    text-decoration: underline;
    display: block;
    color: var(--second-color);
}

.theme-details-section .theme-details-inner .money-back span {
    color: #6FD943;
}

/* .theme-preview-hover  */
.theme-preview-hover {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
}

.mobile-frame {
    position: relative;
    z-index: 2;
}

.theme-preview-hover .desktop-frame,
.theme-preview-hover .mobile-frame {
    position: relative;
}

.theme-preview-hover .desktop-frame {
    max-width: 90%;
    width: 100%;
    padding-top: 60%;
}

.theme-preview-hover .mobile-frame {
    position: absolute;
    right: 15px;
    bottom: 0;
    max-width: 190px;
    width: 100%;
    height: 380px;
    background: #022332;
    border-radius: 26px;
    -webkit-border-radius: 26px;
    -moz-border-radius: 26px;
    -ms-border-radius: 26px;
    -o-border-radius: 26px;
}

.theme-preview-hover .mobile-frame>img,
.theme-preview-hover .desktop-frame>img {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    display: block;
    z-index: 2;
    cursor: n-resize;
}

.theme-preview-hover .desktop-inner-div {
    position: absolute;
    right: 8%;
    height: 90%;
    left: 8%;
    top: 6%;
    display: block;
    background: #000;
}

.theme-preview-hover .mobile-inner-div {
    position: absolute;
    right: 0;
    height: calc(100% - 20px);
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    display: block;
    background: #000;
    overflow: hidden;
    border-radius: 26px;
    -webkit-border-radius: 26px;
    -moz-border-radius: 26px;
    -ms-border-radius: 26px;
    width: calc(100% - 13px);
}

.theme-preview-hover .mobile-inner-div img,
.theme-preview-hover .desktop-inner-div img {
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: top;
    object-position: top;
    border-radius: 10px;
    height: 100%;
    transition: 10s all ease-in-out;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    -webkit-transition: 10s all ease-in-out;
    -moz-transition: 10s all ease-in-out;
    -ms-transition: 10s all ease-in-out;
    -o-transition: 10s all ease-in-out;
}

.theme-preview-hover .mobile-frame img:hover+.mobile-inner-div img,
.theme-preview-hover .desktop-frame img:hover+.desktop-inner-div img {
    -o-object-position: bottom;
    object-position: bottom;
}

.banner-section .btn:hover {
    transform: translate(0);
    -webkit-transform: translate(0);
    -moz-transform: translate(0);
    -ms-transform: translate(0);
    -o-transform: translate(0);
}

.dropdown-btn {
    position: relative;
}

.slick-slider .btn:hover,
.dropdown-btn+.btn:hover,
.dropdown-btn .btn:hover {
    transform: translate(0);
    -webkit-transform: translate(0);
    -moz-transform: translate(0);
    -ms-transform: translate(0);
    -o-transform: translate(0);
}

.dropdown-menu {
    position: absolute;
    left: 0;
    top: 100%;
    width: 100%;
    background-color: #fff;
    color: var(--second-color);
    padding: 10px 5px;
    border: 1px solid;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    z-index: 3;
    opacity: 0;
    visibility: hidden;
    -webkit-transform-origin: top;
    -ms-transform-origin: top;
    transform-origin: top;
    transform: scaleY(0);
    -webkit-transform: scaleY(0);
    -moz-transform: scaleY(0);
    -ms-transform: scaleY(0);
    -o-transform: scaleY(0);
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    margin-left: 0;
}

.dropdown-menu li {
    padding: 0;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
}

.dropdown-menu li:hover {
    background: #F4B41A;
}

.dropdown-menu li a {
    font-size: 12px;
    display: block;
    padding: 5px;
}

.dropdown-btn:hover .dropdown-menu {
    opacity: 1;
    visibility: visible;
    transform: scaleY(1);
    -webkit-transform: scaleY(1);
    -moz-transform: scaleY(1);
    -ms-transform: scaleY(1);
    -o-transform: scaleY(1);
}

.slick-slider .dropdown-btn .dropdown-menu {
    /* overflow-y: auto;
    max-height: 65px; */
    padding: 5px;
}

.slick-slider .dropdown-btn .dropdown-menu li a {
    font-size: 12px;
}

.slick-slider .dropdown-btn .dropdown-menu::-webkit-scrollbar {
    width: 5px;
}

.slick-slider .dropdown-btn .dropdown-menu::-webkit-scrollbar-thumb {
    background: var(--theme-color);
    border-radius: 0 50% 50% 0;
    -webkit-border-radius: 0 50% 50% 0;
    -moz-border-radius: 0 50% 50% 0;
    -ms-border-radius: 0 50% 50% 0;
    -o-border-radius: 0 50% 50% 0;
}

.theme-details-wrapper .subtitle {
    margin-bottom: 10px;
    letter-spacing: 2px;
    color: #888888;
    font-weight: 700;
    font-size: 12px;
    display: inline-block;
}

.list-detail {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border: 1px solid #D5EDF2;
    -webkit-box-shadow: 0px 4px 4px rgba(2, 25, 89, 0.06);
    box-shadow: 0px 4px 4px rgba(2, 25, 89, 0.06);
    border-radius: 44px;
    padding: 10px;
    margin-top: 10px;
    -webkit-border-radius: 44px;
    -moz-border-radius: 44px;
    -ms-border-radius: 44px;
    -o-border-radius: 44px;
}

.list-detail p {
    margin-bottom: 0;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

.list-detail .icon {
    width: 20px;
    height: 20px;
    background: var(--second-color);
    color: #fff;
    border-radius: 50%;
    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;
    margin-right: 10px;
    font-size: 12px;
}

.theme-details-wrapper.wp .title-content-inner p:not(:last-child) {
    margin-bottom: 15px;
}

.get-app-section .get-app-container {
    margin-bottom: 80px;
}

.get-app-section .get-app-container .img-div {
    /* box-shadow: 0px 4px 42px rgba(0, 0, 0, 0.06); */
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    overflow: hidden;
}

.theme-review-section {
    background: #f3f3f363;
}

.theme-review-section .theme-review-slides-inner {
    position: relative;
    padding: 110px 80px;
    z-index: 1;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center;
}

.theme-review-section .theme-review-slides-inner::before {
    content: '';
    position: absolute;
    width: 60px;
    height: 60px;
    top: 30px;
    left: 50%;
    background: transparent url('https://workdo.io/wp-content/themes/storefront-child/assets/images/themes/theme-details/ecom-quats.svg') no-repeat;
    border-radius: 0;
    background-size: 100%;
    border-radius: 0;
    background-position: center;
    -webkit-box-shadow: none;
    box-shadow: none;
    z-index: -1;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
}

.theme-review-section .theme-review-slides-inner p {
    font-style: italic;
}

.theme-review-slider .title {
    margin-bottom: 20px;
}

.theme-review-slider .btn-wrapper {
    margin-top: 20px;
}



.pro-feature-section .pro-feature-row {
    gap: 20px 0;
}

.pro-feature-section .pro-feature-row .pro-feature-card {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.pro-feature-section .pro-feature-row .pro-feature-card .pro-feature-inner {
    background: #fff;
    border-radius: 10px;
    overflow: hidden;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    padding: 20px 15px;
}

.pro-feature-section .pro-feature-row .pro-feature-card .pro-feature-top {
    margin-bottom: 20px;
}

.pro-feature-section .pro-feature-row .pro-feature-card .pro-feature-top .icon-div {
    margin-bottom: 20px;
}

.pro-feature-section .pro-feature-contant {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}

.pro-feature-section .pro-feature-contant p {
    color: #888888;
}

.pro-feature-section .pro-feature-row .pro-feature-card:nth-child(odd) .pro-feature-inner {
    background: var(--dark-green);
    color: #fff !important;
}

.pro-feature-section .pro-feature-row .pro-feature-card:nth-child(odd) .pro-feature-inner h4,
.pro-feature-section .pro-feature-row .pro-feature-card:nth-child(odd) .pro-feature-inner p {
    color: #fff !important;
}

.pro-feature-section .pro-feature-row .pro-feature-card:nth-child(even) .pro-feature-inner {
    background: var(--theme-color);
    color: #000 !important;
}

.pro-feature-section .pro-feature-row .pro-feature-card:nth-child(even) .pro-feature-inner h4,
.pro-feature-section .pro-feature-row .pro-feature-card:nth-child(even) .pro-feature-inner p {
    color: #000 !important;
}

/* tabs */
.ecom-tab-section {
    position: relative;
}

.ecom-tab-section .green-circle {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 40%;
}

.tab-content {
    display: none;
}

.tab-content.active {
    display: block;
}

.ecom-tab-section .tab-img-wrp {
    -webkit-backdrop-filter: blur(1.2272px);
    backdrop-filter: blur(1.2272px);
    background: rgba(232, 232, 232, 0.4);
    border: 0.613602px solid #FFFFFF;
    border-radius: 9px;
    -webkit-border-radius: 9px;
    -moz-border-radius: 9px;
    -ms-border-radius: 9px;
    -o-border-radius: 9px;
    padding: 20px;
}

.ecom-tab-section ul.tabs li h4 {
    margin-bottom: 10px;
}

.ecom-tab-section ul.tabs li {
    background: #fff;
    color: #000;
    padding: 20px 15px;
    border: 1px solid #D5EDF2;
    -webkit-box-shadow: 0px 4px 4px rgba(2, 25, 89, 0.06);
    box-shadow: 0px 4px 4px rgba(2, 25, 89, 0.06);
    border-radius: 12px;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    -ms-border-radius: 12px;
    -o-border-radius: 12px;
    margin-bottom: 15px;
}

.ecom-tab-section ul.tabs li a {
    transition: none;
    -webkit-transition: none;
    -moz-transition: none;
    -ms-transition: none;
    -o-transition: none;
}

.ecom-tab-section ul.tabs li.active {
    background: var(--dark-green);
    border: 1px solid #6FD943;
    color: #fff;
}

.ecom-tab-section ul.tabs li.active h4 {
    color: #6FD943;
}

.different-faces-section {
    position: relative;
}

.different-faces-section::before {
    content: '';
    position: absolute;
    top: 68%;
    left: 0;
    width: 100%;
    height: 100%;
    background: #F4F1F1;
}

.different-faces-section .img-wpr {
    position: relative;
}

/* .different-faces-section .img-wpr .main-img {
    width: 80%;
    margin: auto 0;
} */

.different-faces-section .img-wpr .color-img {
    position: absolute;
    width: 30%;
    height: auto;
    top: 50%;
    right: 0;
    filter: drop-shadow(0px 4px 22px rgba(0, 0, 0, 0.25));
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -webkit-filter: drop-shadow(0px 4px 22px rgba(0, 0, 0, 0.25));
}

.mobile-app-section .img-div {
    position: relative;
}

/* .mobile-app-section .img-div::before {
    position: absolute;
    content: '';
    left: 0;
    top: 5%;
    width: 90%;
    height: 70%;
    background: #e8e8e86e;
    z-index: -1;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
} */

.mobile-app-section .img-div img {
    max-width: 100%;
    margin: 0 auto;
}

.mobile-app-section .mobile-app-row:not(:last-child) {
    margin-bottom: 30px;
}

.mobile-app-section .mobile-app-inner-text {
    max-width: 400px;
    width: 100%;
}

.mobile-app-section .mobile-app-inner-text .section-title {
    margin-bottom: 0;
}


.technology-section h2,
.technology-section p {
    color: var(--second-color) !important;
}

.tech-row {
    gap: 20px 0;
}

.tech-card-inner {
    background: var(--dark-green);
    padding: 20px 15px;
    color: #fff;
    border: 1px solid #D5EDF2;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
}

.tech-card-inner:hover {
    background: var(--theme-color);

}

.tech-card-inner svg {
    width: 60px;
    height: 60px;
}

.tech-card-inner h4 {
    margin: 15px 0;
    color: #fff;
}

.tech-card-inner p {
    color: #fff !important;
}

.tech-card:nth-child(even) .tech-card-inner h4,
.tech-card:nth-child(even) .tech-card-inner p {
    color: #000 !important;
}

.tech-card-inner .tech-top {
    width: 100%;
}

.technology-section.technology2 {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(70%, transparent), color-stop(50%, #f4f1f1));
    background: -o-linear-gradient(top, transparent 70%, #f4f1f1 50%);
    background: linear-gradient(to bottom, transparent 70%, #f4f1f1 50%);
}

/*///// theme-details end /////*/
/* /////////////// themes css end ////////////// */
/* /////////////// mini store css start ////////////// */
.mini-store-wrapper h2 {
    font-weight: 800;
}

/* sidebar mini  */
.mini-store-wrapper .sidebar-mini-sticky {
    background: var(--white);
    position: sticky;
    top: 100px;
    left: 0;
    max-width: 270px;
    width: 100%;
    padding: 0 25px 0 10px;
    overflow-y: auto;
    margin-top: 100px;
}

.sidebar-mini::-webkit-scrollbar {
    display: none;
}

.sidebar-mini ul li {
    margin-bottom: 5px;
}

.sidebar-mini ul li a {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 10px;
    font-size: 16px;
    padding: 12px 10px;
    border-radius: 10px;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
}

.sidebar-mini ul li.active a,
.sidebar-mini ul li a:hover {
    background: var(--theme-color);
    -webkit-box-shadow: 0px 4px 10px rgba(111, 217, 67, 0.37);
    box-shadow: 0px 4px 10px rgba(111, 217, 67, 0.37);
    color: #ffffff;
}

.sidebar-mini ul li.active a svg path,
.sidebar-mini ul li a:hover svg path {
    fill: #ffffff;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
}

.sidebar-mini ul .menu-lbl {
    font-size: 10px;
    background: white;
    padding: 2px 5px;
    border-radius: 3.13953px;
    font-weight: 500;
    color: #36383D;
    background-color: var(--theme-color);
}

.sidebar-mini ul li.active a .menu-lbl,
.sidebar-mini ul li a:hover .menu-lbl {
    background: white;
}

.sidebar-mini ul li a:after {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f054";
    display: block;
    font-size: 12px;
    margin-left: auto;
}

.sidebar-mini .premium-card {
    background: var(--theme-color);
    border-radius: 10px;
    padding: 15px 15px 20px;
    color: var(--white);
    margin-top: 20px;
}

.sidebar-mini .premium-card h4 {
    margin-bottom: 10px;
}

.sidebar-mini .premium-card .premium-card-inner span {
    display: inline-block;
    margin-left: auto;
    background: rgba(8, 95, 53, 0.17);
    mix-blend-mode: normal;
    border: 1px solid var(--theme-color);
    border-radius: 6px;
    text-align: right;
    letter-spacing: 2.84783px;
    color: var(--white);
    padding: 5px 10px;
    font-size: 12px;
}

.sidebar-mini .premium-card .premium-card-inner .img-wrapper {
    position: relative;
    padding-top: 80%;
    width: 60%;
}

.sidebar-mini .premium-card .premium-card-inner .img-wrapper img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: block;
}

.sidebar-mini .premium-card .premium-card-inner .btn {
    background-color: var(--white);
    padding: 15px 10px;
    width: 100%;
    margin-top: 20px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.sidebar-mini .more-label {
    text-transform: capitalize;
    font-size: 16px;
    margin: 15px 0;
    font-weight: 600;
}

/* mini-store-wrapper section  */
.mini-store-wrapper {
    position: relative;
    z-index: 1;
    margin-bottom: 50px;
}

.ministore-right-side {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    width: 100%;
}

.mini-store-wrapper .banner-right-img {
    padding: 95px 0 60px 30px;
    position: relative;
    z-index: 0;
    background: var(--second-color);
    color: #fff;
    border-bottom-left-radius: 15px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 360px;
    margin-bottom: 40px;
}

.mini-store-wrapper .banner-right-img h2 {
    color: var(--theme-color);
}

.plus-zindex {
    max-width: 400px;
    width: 100%;
}

.breadcrumbs {
    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;
    margin-bottom: 20px;
}

.breadcrumbs li a {
    font-size: 15px;
}

.breadcrumbs li:not(:last-of-type) {
    margin-right: 25px;
    position: relative;
}

.breadcrumbs li:not(:last-of-type):after {
    content: '/';
    position: absolute;
    right: -15px;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
}

.offcontainer {
    margin-left: calc((100% - 1230px) / 2);
}

.banner-img {
    position: absolute;
    top: 0;
    right: 0;
    z-index: -1;
    max-width: 54%;
    height: auto;
}

.ministore-right-main-content {
    margin-right: calc((100% - 940px) / 1);
}

.plus-zindex .section-title {
    margin-bottom: 0;
}

.plus-zindex .section-title p {
    margin-top: 20px;
}

/* ////// material-kit-box  //////// */
.material-kit-box:not(:last-child) {
    margin-bottom: 10px;
}

.material-kit-box-inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: #FFFFFF;
    border: 1px solid #DDDDDD;
    -webkit-box-shadow: 15px 13px 29px rgb(0 0 0 / 7%);
    box-shadow: 15px 13px 29px rgb(0 0 0 / 7%);
    padding: 16px 18px;
    gap: 20px;
    border-radius: 7px;
}

.premium-products .title-wrapper i {
    font-size: 22px;
    padding-right: 10px;
}

a.link {
    display: inline-block;
    color: #002332;
    text-decoration: underline;
}

.material-kit-box-inner .left-side {
    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;
    width: 70%;
}

.material-kit-box-inner .img-wrapper {
    position: relative;
    max-width: 225px;
    width: 100%;
    overflow: hidden;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    padding-top: 20%;
    border: 1px solid #d7d7d7;
}

@media (min-width:576px) {
    .woocommerce-account .material-kit-box-inner .img-wrapper {
        padding-top: 27%;
    }
}

.material-kit-box-inner .img-wrapper>img {
    -o-object-fit: cover;
    object-fit: cover;
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    height: 100%;
    width: 100%;
}

.material-kit-box-inner .inner-content {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin-left: 20px;
}

.material-kit-box-inner .inner-content ul li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 10px;
    margin-bottom: 5px;
    align-items: center;
}

.material-kit-box-inner .inner-content ul li:last-child {
    margin-bottom: 0;
}

.material-kit-box-inner .inner-content h4 {
    margin-bottom: 15px;
}

.material-kit-box-inner .inner-content h4 a {
    font-weight: 500;
}

.material-kit-box-inner .inner-content svg {
    width: 18px;
    height: 18px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
}

.material-kit-box-inner .right-side {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

.material-kit-box-inner .right-side h5 {
    text-align: center;
    margin-bottom: 15px;
}

.material-kit-box-inner .right-side .btn-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 10px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.material-kit-box-inner .right-side .btn-wrapper .btn {
    padding: 10px 28px;
    background: transparent;
    border: 1px solid #002332;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    -webkit-box-shadow: none;
    box-shadow: none;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
}



/* profile settings */
.form-head {
    margin-bottom: 20px;
    color: var(--second-color);
}



.profile-change-row {
    margin-bottom: 25px;
}

.profile-img {
    max-width: 55px;
    width: 100%;
    border-radius: 23.6471px;
    overflow: hidden;
}

.profile-img img {
    border-radius: 23px;
    width: 100%;
    height: 100%;
    -webkit-border-radius: 23px;
    -moz-border-radius: 23px;
    -ms-border-radius: 23px;
    -o-border-radius: 23px;
}

.profile-content {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    width: 100%;
    padding-left: 15px;
}

.profile-left-content span {
    font-size: 12px;
}

.input-file-main {
    display: inline-block;
    cursor: pointer
}

.input-file-main .input-file {
    display: none;
}

.input-file-main .label-file {
    cursor: pointer;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 14px;
    padding: 0;
    border-bottom: 1px solid #002332;
    gap: 8px;
}

.input-file-main .label-file i {
    margin-right: 5px;
    font-size: 14px;
}

.card-box {
    background: #FFFFFF;
    border: 1px solid #DDDDDD;
    -webkit-box-shadow: 15px 13px 29px rgb(0 0 0 / 7%);
    box-shadow: 15px 13px 29px rgb(0 0 0 / 7%);
    border-radius: 7px;
    padding: 20px 15px;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    -ms-border-radius: 7px;
    -o-border-radius: 7px;
}

.form-head p {
    margin-top: 10px;
    color: #737373;
}

.mini-store-wrapper textarea,
.mini-store-wrapper .card-box input {
    border-color: var(--border-color);
    border-radius: 40px;
    -webkit-border-radius: 40px;
    -moz-border-radius: 40px;
    -ms-border-radius: 40px;
    -o-border-radius: 40px;
    color: var(--second-color);
}

textarea::-webkit-input-placeholder,
.card-box input::-webkit-input-placeholder {
    color: #ffffffa3;
}

textarea::-moz-placeholder,
.card-box input::-moz-placeholder {
    color: #ffffffa3;
}

textarea:-ms-input-placeholder,
.card-box input:-ms-input-placeholder {
    color: #ffffffa3;
}

textarea::-ms-input-placeholder,
.card-box input::-ms-input-placeholder {
    color: #ffffffa3;
}

textarea::placeholder,
.card-box input::placeholder,
.card-box label {
    color: #ffffffa3;
}

.card-box button[type="submit"] {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.btn-delete {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    margin-left: auto;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    border: 1px solid #F84141;
    border-radius: 30px;
    background: transparent;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 10px 20px;
    font-weight: 500;
    font-size: 12px;
    color: #F84141;
    gap: 10px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    -ms-border-radius: 30px;
    -o-border-radius: 30px;
}

.btn-delete:hover {
    background: #F84141;
    color: #fff;
}

.delete-acc-form .form-row,
.activate-pro-form .form-row {
    gap: 10px 0;
}

.switch-main {
    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: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    gap: 10px;
}

.switch-main span {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 12px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    line-height: 1;
    gap: 5px;
}

.switch-main i {
    font-size: 18px;
}

.toggler-btn input[type="checkbox"] {
    position: relative;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    width: 35px;
    height: 20px;
    background: #d1d1d1;
    border-radius: 795.455px;
    cursor: pointer;
    transition: 0.4s;
    -webkit-border-radius: 795.455px;
    -moz-border-radius: 795.455px;
    -ms-border-radius: 795.455px;
    -o-border-radius: 795.455px;
    -webkit-transition: 0.4s;
    -moz-transition: 0.4s;
    -ms-transition: 0.4s;
    -o-transition: 0.4s;
    padding: 0;
    margin: 0;
    border: 0;
}

.toggler-btn input[type="checkbox"]::after {
    position: absolute;
    content: "";
    width: 16px;
    height: 16px;
    padding: 0;
    top: 2px;
    left: 2px;
    background: #fff;
    border-radius: 50%;
    -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
    transition: 0.4s;
    -webkit-transition: 0.4s;
    -moz-transition: 0.4s;
    -ms-transition: 0.4s;
    -o-transition: 0.4s;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}

.toggler-btn input:checked[type="checkbox"]::after {
    left: 50%;
}

.toggler-btn input[type="checkbox"]:checked {
    background: var(--theme-color);
}

.mini-store-wrapper .form-row,
.mini-store-wrapper form .row {
    margin: 0 -4px;
}

.mini-store-wrapper .form-row [class*="col-"],
.mini-store-wrapper form .row [class*="col-"] {
    padding: 0 4px;
}

.activate-pro-form button {
    padding: 10px 14px;
    font-size: 12px;
}

.card-box .nice-select {
    color: #737373;
    border: 1px solid var(--dark-green);
    border-radius: 40px;
}

.card-box .nice-select .list {
    border-radius: 15px;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    -ms-border-radius: 15px;
    -o-border-radius: 15px;
}

.discount-head {
    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 #DDDDDD;
    -webkit-box-shadow: 15px 13px 29px rgb(0 0 0 / 7%);
    box-shadow: 15px 13px 29px rgb(0 0 0 / 7%);
    border-radius: 7px;
    background: #002332;
    color: #fff;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 20px;
}

.discount-head-left {
    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;
    gap: 10px;
    color: var(--theme-color);
}

.discount-head-left i {
    font-size: 16px;
}

.login-wrapper {
    position: relative;
    min-height: 100vh;
    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-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    background-color: var(--second-color);
    z-index: 1;
    padding: 80px 15px;
}

.login-bg-img {
    position: absolute;
    top: 0;
    right: 0;
    z-index: -1;
    max-width: 80%;
}

.login-wrapper .login-card {
    position: relative;
    background: var(--white);
    color: var(--second-color);
    padding: 40px 20px;
    border-radius: 7px;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    -ms-border-radius: 7px;
    -o-border-radius: 7px;
    border: 1px solid var(--border-color);
    -webkit-box-shadow: 0px 27px 29px rgba(0, 0, 0, 0.07);
    box-shadow: 0px 27px 29px rgba(0, 0, 0, 0.07);
    max-width: 550px;
    width: 100%;
}

.login-wrapper input {
    color: var(--second-color);
    border-radius: 30px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    -ms-border-radius: 30px;
    -o-border-radius: 30px;
}

.login-wrapper input::-webkit-input-placeholder {
    color: #8A8A8A;
}

.login-wrapper input::-moz-placeholder {
    color: #8A8A8A;
}

.login-wrapper input:-ms-input-placeholder {
    color: #8A8A8A;
}

.login-wrapper input::-ms-input-placeholder {
    color: #8A8A8A;
}

.login-wrapper input::placeholder {
    color: #8A8A8A;
}

.login-wrapper .form-group label {
    color: var(--second-color);
}

.login-wrapper .login-card .close-login {
    background: none;
    position: absolute;
    right: 10px;
    top: 10px;
    font-size: 25px;
}

.login-wrapper .login-card .login-title {
    text-align: center;
    margin: 0 auto 30px;
    max-width: 300px;
    width: 100%;
}

.login-wrapper .login-card .login-title p {
    margin-top: 10px;
    color: #8A8A8A;
}

.login-wrapper .forgot-pass-div {
    margin-bottom: 20px;
}

.login-wrapper .checkbox-custom label:before {
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border: 1px solid #8A8A8A;
}

.login-wrapper .checkbox-custom label span {
    color: #8A8A8A;
}

.login-wrapper .forgot-pass {
    color: #59B533;
}

.login-wrapper .forgot-pass:hover {
    text-decoration: underline;
}

.login-wrapper .form-control-pass {
    speak: none;
    color: var(--theme-color);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    padding: 12px 50px 12px 20px;
}

.login-wrapper .toggle-password {
    float: right;
    margin-right: 15px;
    margin-top: -33px;
    position: relative;
    z-index: 1;
    cursor: pointer;
    font-size: 18px;
    color: #8A8A8A;
}

.login-wrapper .form-bottom .reg-lbl {
    margin-bottom: 15px;
    color: #CEEFDF;
}

.login-wrapper .form-bottom .reg-lbl a {
    color: var(--theme-color);
    font-size: 16px;
}

.login-wrapper .form-bottom .reg-lbl a:hover {
    text-decoration: underline;
}

/* /////////////// mini store css end ////////////// */

/* .theme-details-wrapper wp  */
.theme-details-wrapper.wp .features-card p {
    font-size: 14px;
}

.lpkg-single .btn-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 20px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.lpkg-review-section .btn-wrapper {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.lpkg-single .ser-available li:after {
    content: '';
    position: absolute;
    bottom: -15px;
    left: 0;
    width: 0;
    height: 2px;
    background-color: #F4B41A;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
}

.lpkg-single .ser-available li:hover:after {
    width: 100%;
}

.lpkg-single .get-app-section .img-div img {
    width: 100%;
}

.lpkg-review-section,
.shopify-theme-details,
.theme-multi-lang {
    background: var(--dark-green);
    padding: 80px 0;
    color: #fff;
}

.lpkg-review-slides-inner {
    position: relative;
    border-radius: 10px;
    z-index: 1;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
}

.lpkg-review-slides-inner::before {
    content: '';
    position: relative;
    /*top: -40px;
    */
    left: 50%;
    background: rgba(111, 217, 67, .2) url('https://workdo.io/wp-content/themes/storefront-child/assets/images/icons/quats-white.svg') no-repeat;
    width: 80px;
    height: 80px;
    border-radius: 4px;

    background-size: 60%;
    background-position: center;
    z-index: -1;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    margin-bottom: 30px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
}

.lpkg-review-slides-inner p {
    margin-bottom: 30px;
    font-style: italic;
    font-weight: 700;
    font-size: 24px;
    line-height: 45px;
    text-align: center;
    color: #002332;
}

.lpkg-review-slides-inner .btn-wrapper .btn {
    padding: 13px 45px;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.lpkg-review-slides-inner .btn-wrapper .btn-outline {
    border-color: var(--theme-color);
    color: var(--theme-color);
}

.lpkg-review-slides-inner .btn-wrapper .btn-outline svg path {
    fill: var(--theme-color);
    transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
}

.lpkg-review-slides-inner .btn-wrapper .btn-outline:hover {
    -webkit-box-shadow: 0px 5px 18px rgb(111 217 67 / 50%) !important;
    box-shadow: 0px 5px 18px rgb(111 217 67 / 50%) !important;
}

/* 
.lpkg-review-slides-inner .btn-wrapper .btn-outline:hover  path{
    fill: #000;
}*/

.lpkg-review-slider-main .lpkg-review-slides {
    padding: 55px 10px 2px;
}

.lpkg-single .app-tailored-card.green-card svg path {
    fill: #fff;
}

/* .theme-details-wrapper.wp .features-card-section {
    padding: 280px 0 25px;
} */

.theme-details-wrapper.wp .features-card-section .icon-div svg {
    width: 30px;
    height: 30px;
}

.theme-details-wrapper.wp .get-app-banner-section {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, transparent), color-stop(50%, #002332));
    background: -o-linear-gradient(top, transparent 50%, #002332 50%);
    background: linear-gradient(to bottom, transparent 50%, #002332 50%);
}

.theme-details-wrapper.wp .get-app-banner-section .secondary-btn {
    padding: 12px 45px;
}

.theme-details-wrapper.wp .get-app-banner-section .secondary-btn:hover {
    background: var(--third-color);
}


.select-theme-section .theme-card {
    position: relative;
    text-align: center;
    width: 100%;
    z-index: 1;
    padding-bottom: 40px;
}

.select-theme-section .theme-card::before {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 82%;
    border: 1px solid #6FD943;
    border-radius: 17px;
    z-index: -1;
}

.select-theme-section .theme-card.right-side-card:before {
    height: 90%;
    background: #6FD943;
    -webkit-box-shadow: 0px 4px 18px #6FD943;
    box-shadow: 0px 4px 18px #6FD943;
}

.select-theme-section .theme-card .img-wrapper {
    margin-bottom: 20px;
}

.select-theme-section .theme-card img {
    max-width: 370px;
    width: 100%;
    margin: auto;
}

.select-theme-section .left-side-card .title {
    margin-bottom: 30px;
}

.select-theme-section .left-side-card .title h3 {
    color: #6fd943;
    margin-bottom: 5px;
}

.select-theme-section .left-side-card .title p {
    color: #fff;
    text-align: center;
}

.select-theme-section .left-side-card ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 20px;
}

.select-theme-section .left-side-card ul li a {
    padding: 12px 40px;
    background: #fff;
    border-radius: 20px;
    -webkit-border-radius: 35px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    -o-border-radius: 20px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: var(--second-color);
}

.select-theme-section .left-side-card ul li a:hover {
    background-color: #6FD943;
    -webkit-box-shadow: 0px 4px 18px #6FD943;
    box-shadow: 0px 4px 18px #6FD943;
}

.select-theme-section .left-side-card ul li a img {
    max-width: 100px;
    width: 100%;
    padding-right: 10px;
}

/* 11-04-23 */
.select-theme-section .theme-card-inner {
    max-width: 380px;
    margin: 0 auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100%;
    padding: 0 15px;
    color: var(--second-color);
}

.select-theme-section .theme-card-inner h3 {
    margin-bottom: 15px;
}

.select-theme-section .theme-card-inner .btn-white {
    margin-top: 20px;
}

.select-theme-section .inner-content {
    -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;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.select-theme-section .inner-content p {
    text-align: center;
    line-height: 170%;
}


.custom-req-section.bg-dark [type="submit"] {
    background: #6FD943;
    border-radius: 30.2249px;
    width: 100%;
    border: 0;
    -webkit-border-radius: 30.2249px;
    -moz-border-radius: 30.2249px;
    -ms-border-radius: 30.2249px;
    -o-border-radius: 30.2249px;
    padding: 15px 30px;
}

.custom-req-section.bg-dark [type="submit"]:hover {
    background: var(--third-color);
}


/* erpgo new css  */
.erpgo-wrapper .secondary-btn,
.erpgo-wrapper .btn,
.erpgo-wrapper button {
    -webkit-box-shadow: none;
    box-shadow: none
}

.erpgo-wrapper .features-card .secondary-btn {
    color: var(--second-color);
}

.erpgo-wrapper .features-card-section .container {
    max-width: 1350px;
    width: 100%;
}

.erpgo-wrapper .features-card-section .features-card {
    padding: 56px 35px 30px;
    border: 1px solid #DEDEDE;
    border-radius: 13px;
    margin-bottom: 10px;
    position: relative;
    margin-top: 60px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}


.erpgo-wrapper .review-section .reveiw-pagingInfo,
.development-wrapper .review-section .reveiw-pagingInfo {
    margin-top: 20px;
    text-align: center;
}

.erpgo-wrapper .features-card-section .features-card:hover {
    background-color: #0023320a;
}

.erpgo-wrapper .features-card-section .features-card::before {
    display: none;
}

.erpgo-wrapper .features-card-section .features-card h4 {
    font-weight: bold;
    font-size: 19px;
    line-height: 22px;
    color: #002332;
    text-align: center;
    margin-bottom: 20px;
}

.erpgo-wrapper .features-card-section .features-card p {
    font-weight: 600;
    font-size: 12px;
    line-height: 163.5%;
    text-align: center;
    color: #002332;
    margin-bottom: 0;
}

.erpgo-wrapper .features-card .secondary-btn,
.erpgo-wrapper .features-card .btn {
    border-radius: 31.8px;
    font-weight: bold;
    font-size: 10.9509px;
    display: inline-block;
    padding: 10px 15px;
    line-height: 100%;
    text-align: center;
    color: #FFFFFF;
    -webkit-border-radius: 31.8px;
    -moz-border-radius: 31.8px;
    -ms-border-radius: 31.8px;
    -o-border-radius: 31.8px;
    margin-top: 15px;
}

.erpgo-wrapper .features-card .icon-div {
    margin-top: -80px;
}

.erpgo-wrapper .demo-btn {
    display: inline-block;
    background: #F4B41A;
    -webkit-box-shadow: 0px 4.70968px 70.6452px rgba(0, 0, 0, 0.05);
    box-shadow: 0px 4.70968px 70.6452px rgba(0, 0, 0, 0.05);
    border-radius: 31.26px;
    font-weight: 500;
    font-size: 16.0826px;
    line-height: 1.2;
    padding: 15px 28px;
    text-align: center;
    font-style: normal;
    margin-top: 40px;
    text-transform: capitalize;
}

.erpgo-wrapper .demo-btn:hover {
    background-color: var(--theme-color);
}

.erpgo-wrapper .features-card .btn-dark:hover {
    background: var(--theme-color);
}

.erpgo-wrapper .product-detail-section h3 {
    font-weight: bold;
    font-size: 25.5105px;
    color: #FFFFFF;
    text-transform: initial;
}

.erpgo-wrapper .product-detail-section .section-title p {
    font-weight: 800;
    font-size: 12px;
    color: #FFFFFF;
    line-height: 176%;
}

.erpgo-wrapper .product-detail-section .users-rating ul {
    margin-left: -70px;
}

.erpgo-wrapper .product-detail-section .users-rating p {
    font-weight: 600;
    font-size: 15px;
    color: #FFFFFF;
    line-height: 140%;
}

.erpgo-wrapper .product-detail-section .btn-wrapper {
    gap: 40px;
}

.erpgo-wrapper .product-detail-section .secondary-btn {
    font-size: 14px;
    max-width: 220px;
    width: 100%;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 8px 15px;
}

.erpgo-wrapper .product-detail-section .secondary-btn svg {
    width: 27px;
    height: 28px;
}

.erpgo-wrapper .own-sass-right-column {
    padding-left: 50px;
}

.erpgo-wrapper .own-sass-right-column h4 {
    font-weight: 700;
    font-size: 28.333px;
    line-height: 1.3;
    color: #FFFFFF;
}

.erpgo-wrapper .own-your-sass-section .charged-for {
    max-width: 430px;
    padding-left: 10px;
    position: relative;
    margin-top: 30px;
}

.erpgo-wrapper .own-your-sass-section .charged-for p {
    font-style: italic;
    font-weight: 300;
    font-size: 13.3277px;
    line-height: 1.4;
}

.erpgo-wrapper .pm-features-section .section-title p {
    font-size: 16.84px;
    color: #002332;
    line-height: 145%;
}

.erpgo-wrapper .listing-slider-section.bg-dark .right-wrp h3,
.erpgo-wrapper .listing-slider-section.bg-dark .right-wrp h3 span {
    font-size: 28px;
    color: var(--third-color);
}

.erpgo-wrapper .features-card-section .section-title {
    margin-bottom: 30px !important;
}

.erpgo-wrapper .managing-buss-section .slick-arrow {
    border: 3px solid #6FD943;
}

.erpgo-wrapper .price-section .price-inner-content .content {
    max-width: 650px;
}

.erpgo-wrapper .custom-req-section .form-group label {
    color: #fff;
}

.erpgo-wrapper .custom-req-section .info-cards .icon-div.bg-dark {
    background: #fff !important;
    -webkit-box-shadow: 0px 0px 0px 6px #fff;
    box-shadow: 0px 0px 0px 6px #fff;
}

.erpgo-wrapper .custom-req-section .info-cards:last-child {
    margin-bottom: 0;
}

.erpgo-wrapper .custom-req-section .info-cards.bg-theme h4 span {
    color: #002332;
}

.erpgo-wrapper .wpcf7 .row>div:last-child .form-group {
    margin-bottom: 0;
}

.erpgo-wrapper .contact-section h2 {
    font-weight: 800;
}

/* .erpgo-wrapper .contact-section .form-group label {
    display: none !important;
} */

.content-area,
.widget-area,
.site-main {
    margin-bottom: 0 !important;
}

.widget {
    margin-bottom: 0 !important;
}

/* wordpress theme details  11-04-23 start */

.wordpress-themes-details p {
    font-size: 16px !important;
}

.wordpress-themes-details p:not(footer p) {
    color: var(--second-color);
}

.wordpress-themes-details .banner-section h2 {
    font-size: 40px;
}

.wordpress-themes-details .lpkg-review-slides-inner p {
    font-size: 24px !important;
    color: #fff;
}

.wordpress-themes-details .need-more-theme-section.bg-dark .features-card h4,
.wordpress-themes-details .features-card-section.bg-dark .features-card h4 {
    color: #002332;
}

.wordpress-themes-details .get-app-banner-section {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, transparent), color-stop(50%, #002332));
    background: -o-linear-gradient(top, transparent 50%, #002332 50%);
    background: linear-gradient(to bottom, transparent 50%, #002332 50%);
}

.wordpress-themes-details .get-app-banner-section .secondary-btn {
    padding: 12px 30px;
}

.wordpress-themes-details .get-app-banner-section .secondary-btn:hover {
    background: var(--white);
}

.wordpress-themes-details .select-theme-section .theme-card-inner h3 {
    color: var(--second-color);
}

/* wordpress theme details  11-04-23 end */
.wordpress-themes-details .get-app-section .section-title {
    margin-bottom: 26px;
}

/* //////////////////////  HOME PAGE START   /////////////////////////// */
.home-wrapper .btn,
.home-wrapper .secondary-btn {
    -webkit-box-shadow: none;
    box-shadow: none;
    font-size: 14px;
    line-height: 1.1;
}

/* .home-wrapper .container {
    max-width: 1254px;
} */

.home-banner-section {
    position: relative;
    padding: 150px 0 110px;
}

.home-banner-section .title-content-inner h2 {
    color: #002332;
    font-weight: 500;
    font-size: 41px;
    text-transform: none;
}

.home-banner-section .title-content-inner h2 span {
    color: #002332;
    font-weight: 600;
}

.home-store-section {
    padding: 80px 0;
}

.home-store-section .title-content-inner p {
    color: #002332;
    line-height: 1.4;
    font-size: 14px;
    margin-bottom: 20px;
}

.home-store-section .search_box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: #fff;
    gap: 5px;
    border: 1px solid var(--dark-green);
    border-radius: 40px;
    padding: 6px 6px 6px 20px;
    -webkit-border-radius: 40px;
    -moz-border-radius: 40px;
    -ms-border-radius: 40px;
    -o-border-radius: 40px;
    margin-top: 0;
    max-width: 500px;
    width: 100%;
}

.home-store-section .search_box input {
    border: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    color: var(--second-color);
    padding: 10px;
}

.home-store-section .search_box input::-webkit-input-placeholder {
    color: var(--second-color);
}

.home-store-section .search_box input::-moz-placeholder {
    color: var(--second-color);
}

.home-store-section .search_box input:-ms-input-placeholder {
    color: var(--second-color);
}

.home-store-section .search_box input::-ms-input-placeholder {
    color: var(--second-color);
}

.home-store-section .search_box input::placeholder {
    color: var(--second-color);
}

.home-store-section .search_box span {
    width: 26px;
}

.home-store-section .search_box .search-btn {
    padding: 12px 25px;
    color: #fff;
    margin: 0;
}

.home-store-section .search_box input:focus {
    background: transparent !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
}



.offer-title {
    background: #6fd943;
    /* width: 100%; */
    padding: 5px 20px;
    color: #000000;
    display: inline-block;
    text-align: center;
    border-radius: 15px;
    -webkit-border-radius: 35px;
    -moz-border-radius: 15px;
    -ms-border-radius: 15px;
    -o-border-radius: 15px;
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 20px;
}

.theme-preview-hover .money-back-img {
    position: absolute;
    top: -60px;
    right: -110px;
    display: block;
    z-index: 5;
    max-width: 180px;
    width: 100%;
}

.theme-preview-hover .money-back-img img {
    height: 100%;
    width: 100%;
}

.four-card-section .main-row {
    gap: 30px 0;
}

.four-card-section .four-card {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.four-card-section .four-card-inner {
    position: relative;
    padding: 20px 20px;
    border: 1px solid #DEDEDE;
    border-radius: 13px;
    text-align: center;
    background: white;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

.feature-card-row .features-card .icon-div,
.tech-card .icon-div,
.pro-feature-card .icon-div,
.four-card-section .icon-div {
    position: relative;
    width: 60px;
    height: 60px;
    background: #013D2933;
    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: 4px;
    -webkit-border-radius: 4px;
    -webkit-box-shadow: none;
    box-shadow: none;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    margin: 0;
}

.feature-card-row .features-card .icon-div svg,
.tech-card .icon-div svg,
.pro-feature-card .icon-div svg,
.four-card-section .icon-div svg {
    width: 38px;
    height: 38px;
}

.four-card-section .four-card .four-card-inner .btn {
    padding: 8px 15px;
}

/* .four-card-section .four-card .four-card-inner .btn:hover {
    background: var(--third-color) !important;
} */

.feature-card-row .card:nth-child(odd) .features-card,
.technology-section .tech-card:nth-child(odd) .tech-card-inner,
.four-card-section .four-card:nth-child(odd) .four-card-inner {
    background: var(--dark-green);
    color: #fff;
}


.feature-card-row .card:nth-child(odd) .icon-div,
.technology-section .tech-card:nth-child(odd) .icon-div,
.pro-feature-section .pro-feature-row .pro-feature-card:nth-child(odd) .icon-div,
.four-card-section .four-card:nth-child(odd) .four-card-inner .icon-div {
    background: rgba(111, 217, 67, .2)
}

.feature-card-row .card:nth-child(odd) .features-card h4,
.feature-card-row .card:nth-child(odd) .features-card p,
.technology-section .tech-card:nth-child(odd) .tech-card-inner h3,
.four-card-section .four-card:nth-child(odd) .four-card-inner h3 {
    color: var(--white);
}

.four-card-section .four-card:nth-child(even) .four-card-inner .btn {
    background: var(--dark-green);
    color: #fff;
}

.four-card-section .four-card:nth-child(even) .four-card-inner .btn:hover {
    background: var(--dark-green);
    -webkit-box-shadow: 0px 3px 7px 0px rgb(1 61 41 / 50%) !important;
    box-shadow: 0px 3px 7px 0px rgb(1 61 41 / 50%) !important;
}

.feature-card-row .card:nth-child(even) .features-card,
.technology-section .tech-card:nth-child(even) .tech-card-inner,
.four-card-section .four-card:nth-child(even) .four-card-inner {
    background: var(--theme-color);
    color: #000;
}

.four-card-section .four-card:nth-child(odd) .four-card-inner .btn {
    background: #fff;
    color: #002332;
}

.four-card-section .four-card:nth-child(odd) .four-card-inner .btn:hover {
    background: #fff;
    color: #002332;
    -webkit-box-shadow: 0px 5px 18px rgb(255 255 255 / 50%) !important;
    box-shadow: 0px 5px 18px rgb(255 255 255 / 50%) !important;
}

.four-card-section .four-card-inner h3 {
    font-size: 22px;
    margin: 0 0 5px;
    font-weight: 600;
}

.four-card-section .four-card-inner h3 {
    text-transform: none;
}

.four-card-section .card_title {
    margin-top: 20px;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    text-align: left;
}

.home .four-card-section {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(20%, #F4F1F1), color-stop(10%, transparent));
    background: -o-linear-gradient(top, #F4F1F1 20%, transparent 10%);
    background: linear-gradient(to bottom, #F4F1F1 20%, transparent 10%);
}

.woocommerce-MyAccount-content .filter-right-column .star-rating {
    display: none;
}

.woocommerce-MyAccount-content .filter-right-column .product-content-top {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    height: 100%;
    margin-bottom: 10px;
}

.four-card-section .green-btn {
    background: #6FD943;
}

.four-card-section .green-btn:hover {
    background: #F4B41A;
}

.top-selling-section .top-sell-row {
    gap: 30px 0;
}

.top-selling-section .section-title h5 {
    font-size: 24px;
}

.product-big-card-wrapper .product-card-inner .product-card-image .pdp-img {
    padding-top: 63%;
}

.top-selling-section .product-big-card-wrapper .product-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    color: var(--dark-green);
}

.top-selling-section .product-big-card-wrapper .product-content .product-content-left {
    max-width: 60%;
    width: 100%;
    text-align: left;
}


.product-big-card-wrapper .product-top-title a {
    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;
    gap: 20px;
    margin-bottom: 5px;
}

.product-big-card-wrapper .product-top-title a h2 {
    font-size: 22px;
    font-weight: 700;
    margin-bottom: 0;
    color: var(--dark-green);
}

.product-big-card-wrapper .product-top-title .product-title-img {
    max-width: 60px;
}

.product-big-card-wrapper .product-top-title h4 {
    font-size: 13px;
    color: #013d29;
    margin-bottom: 10px;
}

.product-big-card-wrapper .product-top-title p {
    font-weight: 600;
    line-height: 1.3;
    font-size: 11px;
}

.product-big-card-wrapper .product-top-title .ecommerce-icon li {
    margin: 0;
}

.product-big-card-wrapper .product-cart-btn .add-cart-btn {
    max-width: 200px;
    width: 100%;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-size: 14px;
}

.top-selling-section .product-big-card-wrapper .product-content .product-content-right {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    text-align: right;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

.product-big-card-wrapper .product-content-right .social-title {
    color: #FF764C;
    font-size: 18px;
    margin-bottom: 10px;
    text-align: right;
}

.product-big-card-wrapper .product-content-right .righ-top {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

.product-big-card-wrapper .price ins {
    /* font-size: 24px; */
    font-weight: 600;
}

.product-big-card-wrapper .price del,
.product-big-card-wrapper .price span {
    /* font-size: 22px; */
    font-weight: 500;
    opacity: 1;
    margin: 0px 7px;
    color: #dc3545;
}

.product-big-card-wrapper .product-rating .price {
    margin-top: 10px;
}

.top-selling-section .bottom-btn .secondary-btn {
    -webkit-box-shadow: none;
    box-shadow: none;
    font-size: 14px;
    line-height: 1.5;
}

.top-selling-section .product-big-card-wrapper .product-content .product-content-right .money-back-img {
    max-width: 100px;
    width: 100%;
    margin: 0 0 0 auto;
}

.product-big-card-wrapper .selling-icon p {
    color: #FF764C;
    font-size: 18px !important;
}

.product-big-card-wrapper .product-rating {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    gap: 10px;
    margin-bottom: 10px;
}

.product-big-card-wrapper .product-content-left .left-bottom {
    margin-top: 15px;
}

.product-big-card-wrapper .product-content-left .ecommerce-icon {
    margin-top: 10px;
}

.product-content-right .top-selling-section .discount-text {
    background: #F64B3C;
    width: 100%;
    padding: 10px 40px;
    color: #ffffff;
    display: inline-block;
    text-align: center;
    border-radius: 10px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    margin: 45px 0;
}

.top-selling-section .discount-text h4 {
    font-size: 41px;
    font-weight: 700;
    color: white;
    margin-bottom: 5px;
}

.top-selling-section .discount-text p {
    font-size: 24px;
    font-weight: 600;
    color: white;
    text-align: center;
}

.home-wrapper .contact-section .left-col .section-title {
    max-width: 100%;
}

.home-wrapper .contact-section .section-title h2 {
    color: #fff;
}

.home-wrapper .contact-inner-col .form-group label {
    color: #fff;
    font-size: 16px;
}

.home-wrapper .contact-inner-col button[type="submit"] {
    font-size: 14px;
    line-height: 1.3;
    text-transform: uppercase;
    -webkit-box-shadow: 0px 5px 14px 0px rgb(255 255 255 / 47%);
    box-shadow: 0px 5px 14px 0px rgb(255 255 255 / 47%);
}

.home-wrapper .contact-inner-col button[type="submit"]:hover {
    -webkit-box-shadow: none;
    box-shadow: none;
}

.faq-section .left-content {
    width: 100%;
}

.faq-section .section-title .left-content .sub-title {
    background: var(--theme-color);
    padding: 8px 20px;
    color: var(--second-color);
    border-radius: 30px;
    font-size: 14px;
    margin-bottom: 15px;
}

/* //////////////////////  HOME PAGE END   /////////////////////////// */
.col-full {
    position: relative;
    max-width: 1230px;
    width: 100%;
    margin: 0 auto;
    padding: 0 15px;
}

/****** customize header 11-04-23  ******/
.site-header {
    padding: 0 !important;
}

.woocommerce-active .site-header .site-branding {
    max-width: 200px;
    width: 100%;
    float: none;
    margin-right: 0;
}

.woocommerce-active .site-header .site-branding a {
    padding: 0;
}

.woocommerce-active .site-header .site-branding img {
    max-width: 100%;
}

/* .site-header .main-navigationbar {
    padding: 15px 0;
} */
.main-navigationbar {
    display: block;
}

.site-header .main-navigation {
    width: 100%;
    float: none;
    margin-right: 0;
    clear: both;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding-left: 30px;
    padding-right: 30px;
}

.site-header .navigation-row {
    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;
}

.site-header .navigation-row .main-navigation {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding-left: 30px;
    padding-right: 30px;
    margin-right: 0;
}

.header-style-one .nav-menu .menu-item>a {
    padding-right: 15px;
    font-weight: 600;
}

.main-navigation ul.menu,
.main-navigation ul.nav-menu {
    margin-left: 0;
}

.main-navigation ul.menu>li>a,
.main-navigation ul.nav-menu>li>a {
    padding: 10px;
    font-size: 14px;
}

.main-navigation ul ul,
.secondary-navigation ul ul {
    left: 0;
}

.main-navigation ul.menu ul.sub-menu,
.main-navigation ul.nav-menu ul.children {
    display: block;
    background-color: var(--white);
    border-radius: 0 0 10px 10px 10px;
    overflow: hidden;
    -webkit-border-radius: 0 0 10px 10px 10px;
    -moz-border-radius: 0 0 10px 10px 10px;
    -ms-border-radius: 0 0 10px 10px 10px;
    -o-border-radius: 0 0 10px 10px 10px;
    transform: scaleY(0);
    -webkit-transform: scaleY(0);
    -moz-transform: scaleY(0);
    -ms-transform: scaleY(0);
    -o-transform: scaleY(0);
    -webkit-transform-origin: top;
    -ms-transform-origin: top;
    transform-origin: top;
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
}

.main-navigation ul li,
.secondary-navigation ul li {
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
}

.main-navigation .sub-menu {
    padding: 15px;
}

button.menu-toggle::before,
button.menu-toggle::after,
button.menu-toggle span::before {
    width: 23px;
}

button.menu-toggle::before {
    transform: translateY(-6px);
    -webkit-transform: translateY(-6px);
    -moz-transform: translateY(-6px);
    -ms-transform: translateY(-6px);
    -o-transform: translateY(-6px);
}

button.menu-toggle::after {
    transform: translateY(6px);
    -webkit-transform: translateY(6px);
    -moz-transform: translateY(6px);
    -ms-transform: translateY(6px);
    -o-transform: translateY(6px);
}



.overlay {
    transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
}

.overlay.active::after,
.overlay.menu-active::after {
    content: " ";
    z-index: 3;
    background: rgba(0, 0, 0, 0.5);
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    position: fixed;
}

input:-internal-autofill-selected {
    background: transparent !important;
}

.header-style-one .sub-menu>li:not(:last-of-type) {
    margin-bottom: 5px;
}

.header-style-one .sub-menu>li a {
    padding: 2px !important;
    font-size: 14px !important;
    font-weight: 600 !important;
}

.header-style-one .sub-menu>li.dropdown-divider {
    margin-bottom: 10px;
    margin-top: 10px;
    height: 1px;
    background: #DDDDDD;
}

.header-style-one .sub-menu>li:hover a {
    background: transparent !important;
}

.header-style-one .sub-menu .list-title {
    color: var(--theme-color);
    font-weight: 600;
    margin-bottom: 10px;
}

.header-style-one button.menu-toggle,
.header-style-one button.menu-toggle:hover {
    border: 0 !important;
    font-size: 14px;
    padding-right: 0;
}

/* LARAVEL PRODUCT */
.listing-slider-section.bg-dark .section-title h2 {
    color: var(--theme-color);
}

.listing-slider-section.bg-dark .section-title h2 span {
    color: #fff !important;
}


.listing-slider-section.bg-theme .section-title h2 span {
    color: #fff !important;
}

.menu>li:not(.products-menu) .sub-menu .menu-item {
    border-bottom: 1px solid #DDDDDD;
}

.menu>li:not(.products-menu) .sub-menu .menu-item:last-child {
    border: 0;
}

.menu>li:not(.products-menu) .sub-menu .menu-item a {
    padding: 7px 0 !important;
}

.wpcf7 .form-group.submit-btn {
    position: relative;
    margin-bottom: 0;
}

.wpcf7 .form-group.submit-btn svg {
    width: 14px;
    height: 14px;
    position: absolute;
    top: 15px;
    left: 55%;
    right: 0;
    display: none;
}


/* new add 07-04-2023  */
.support-wrapper .container {
    max-width: 1254px;
}

.support-wrapper .btn,
.support-wrapper .secondary-btn {
    -webkit-box-shadow: none;
    box-shadow: none;
}

.support-wrapper .features-card .icon-div {
    width: 56px;
    height: 56px;
}

.support-wrapper .features-card .icon-div svg {
    width: 25px;
    height: 25px;
    color: inherit;
}

.support-wrapper .left-side.section-title p {
    margin-top: 30px;
}

.support-wrapper .btn.btn-white:hover {
    background: var(--theme-color);
}

.support-wrapper .secondary-btn:not(form .secondary-btn),
.support-wrapper .contact-card .btn:not(form .btn) {
    padding: 8px 20px;
    font-size: 12px;
}

.support-wrapper .contact-card .btn svg {
    width: 18px;
    height: 18px;
}

.support-wrapper .contact-card label {
    font-size: 14px;
}

.support-wrapper .contact-card {
    padding: 30px 15px 30px 60px;
}

.support-wrapper .cards-wrapper .contact-card:first-of-type {
    max-width: 423px;
}


.support-wrapper .contact-section .title-content-inner .icon-div {
    width: 50px;
    height: 50px;
}

.support-wrapper .contact-section .title-content-inner .secondary-btn {
    padding: 8px 32px;
}


.support-wrapper .features-card::before {
    display: none;
}

.support-wrapper .features-card-section .features-card {
    padding: 56px 35px 30px;
    border: 1px solid #DEDEDE;
    border-radius: 13px;
    margin-bottom: 30px;
    position: relative;
    margin-top: 40px;
}

.support-wrapper .features-card .secondary-btn,
.support-wrapper .features-card .btn {
    border-radius: 31.8px;
    font-weight: bold;
    font-size: 10.9509px;
    display: inline-block;
    padding: 10px 15px;
    line-height: 100%;
    text-align: center;
    color: #FFFFFF;
    -webkit-border-radius: 31.8px;
    -moz-border-radius: 31.8px;
    -ms-border-radius: 31.8px;
    -o-border-radius: 31.8px;
}

.support-wrapper .features-card-section .features-card h4 {
    font-weight: bold;
    font-size: 16px;
    line-height: 22px;
    color: #002332;
    text-align: center;
    margin-bottom: 20px;
}

.support-wrapper .features-card-section .features-card p {
    font-weight: 600;
    font-size: 13px;
    line-height: 163.5%;
    text-align: center;
    color: #002332;
    margin-bottom: 0;
}

.support-wrapper .features-card .icon-div {
    margin-top: -80px;
}

.support-wrapper .request-home-section .custom-req-form label {
    color: #fff;
}

.support-wrapper .resources .resources-list li::before {
    font-size: 10px;
}

.support-wrapper .main-card {
    max-width: 264px;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    padding: 50px 15px 15px 30px;
}

.support-wrapper .main-card .icon-div {
    width: 60px;
    height: 60px;
}

.support-wrapper .main-card h4 {
    font-size: 20.1197px;
}

.support-wrapper .main-card p {
    font-weight: 600;
    font-size: 12px;
    line-height: 163.5%;
}

.support-wrapper .main-card .btn {
    font-weight: 800;
    font-size: 12.09px;
    padding: 11px 48px;
}

.support-wrapper .main-card .btn:hover {
    background: var(--second-color);
    color: #fff;
}

.support-wrapper .title-content-wrp p,
.support-wrapper .more-info-section .section-title p {
    font-size: 14px;
    line-height: 1.5;
    max-width: 89%;
    width: 100%;
}

.support-wrapper .cards-wrapper {
    padding: 30px 40px 30px 25px;
}

.support-wrapper .cards-wrapper .contact-card:last-child {
    margin-bottom: 0;
}

.support-wrapper .get-app-banner-section {
    padding: 150px 0 100px;
}

.support-wrapper .get-app-banner-section .title-content-wrp {
    padding: 20px 20px 20px 40px;
}

.support-wrapper .get-app-banner-section .title-content-wrp .section-title {
    max-width: 380px;
    margin-bottom: 15px;
}

.support-wrapper .get-app-banner-section .title-content-wrp p {
    max-width: 100%;
}

.support-wrapper .get-app-banner-section .title-content-wrp .btn {
    padding: 8px 40px;
}

.support-wrapper .get-app-banner-section .green-round-top {
    position: absolute;
    top: -70px;
    right: 0;
    z-index: -1;
}

.support-wrapper .get-app-banner-section .title-content-wrp:after {
    right: -70%;
}

.support-wrapper .search-box .btn {
    -webkit-box-shadow: none;
    box-shadow: none;
    margin: 7px 0;
}

.support-wrapper .docs-home-section .innner-content p,
.support-wrapper .blog-home-section .innner-content p {
    margin-right: auto;
}

.support-wrapper .document-card .right-side .btn {
    padding: 9px 20px;
}

.support-wrapper .document-card-wrapper .document-card .title {
    font-weight: 600;
}

.support-wrapper .more-blog {
    padding: 13px 30px !important;
    font-weight: 800;
}

.category-option li {
    /* text-transform: uppercase; */
    font-size: 15px;
}

.category-option li::before,
.Documentation-leftbar .account-list li a span::before {
    font-size: 10px;
    top: 10px;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
}

.main-category {
    padding: 21px 31px;
}

.main-category li {
    font-weight: 600;
    padding-left: 0;
    text-transform: capitalize;
    font-size: 15px;
}

.main-category li a {
    width: 100%;
}

.main-category li::before {
    left: auto;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\2b";
    right: 0;
    font-size: 14px;
}

.document-card-wrapper .document-card .left-side p {
    margin-top: 0 !important;
}

.badge {
    padding: 12px 20px;
}

.back-btn {
    color: #fff;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 10px;
}

.back-btn i {
    color: var(--theme-color);
}

.document-details-wrapper .main-title p {
    margin-top: 20px;
    font-size: 20px;
}

.support-wrapper .related-document-section .section-title .secondary-btn {
    padding: 12px 20px;
}

.support-wrapper .docs-bottom h6 {
    font-size: 16px;
    font-weight: 500;
}

.support-wrapper .document-details-wrapper .doc-box-innner .docs-bottom p {
    font-size: 12px;
}

.support-wrapper .related-document-section .slick-slider .slick-prev {
    left: -50px;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.support-wrapper .related-document-section .slick-slider .slick-next {
    right: -50px;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.blog-details .doc-box-innner .docs-bottom h6 {
    font-size: 14px;
    text-transform: capitalize;
    font-weight: 600;
}

.blog-details .doc-box-innner .docs-top p {
    font-size: 10px;
}

.support-wrapper .checkbox-custom label:before {
    background: #fff;
}

.dev-request-wrapper .cards-wrapper .contact-card:first-of-type {
    max-width: 480px;
}

.dev-request-wrapper .cards-wrapper .contact-card h4 {
    font-size: 26px;
}

.dev-request-wrapper .cards-wrapper .contact-card.bg-theme h4 span {
    color: var(--second-color);
}

.dev-request-wrapper .cards-wrapper .contact-card .icon-div {
    background: #fff;
}

.dev-request-wrapper .cards-wrapper .contact-card {
    max-width: 400px;
}

form .submit-btn[type="submit"],
form .secondary-btn[type="submit"],
form input.secondary-btn {
    background: var(--dark-green);
    border-radius: 40px;
    color: #fff;
    border: 0;
    -webkit-border-radius: 40px;
    -moz-border-radius: 40px;
    -ms-border-radius: 40px;
    -o-border-radius: 40px;
    padding: 15px 30px;
    line-height: 1;

}

form .secondary-btn[type="submit"],
form input.secondary-btn {
    /* background: var(--dark-green); */
    background: var(--theme-color);
    color: #fff;
}

form .secondary-btn[type="submit"]:hover,
form input.secondary-btn:hover,
form .submit-btn[type="submit"]:hover,
form .secondary-btn[type="submit"]:hover,
form input.secondary-btn:hover {
    background-color: var(--dark-green);
    -webkit-box-shadow: 0px 5px 18px rgb(1 61 41 / 50%) !important;
    box-shadow: 0px 5px 18px rgb(1 61 41 / 50%) !important;
}


form .btn.btn-white[type="submit"] {
    background: var(--white);
    color: var(--second-color);
    font-size: 15px;
    font-weight: 600;
}

form .btn.btn-white[type="submit"]:hover {
    background: var(--white) !important;
    -webkit-box-shadow: 0px 5px 18px rgb(255 255 255 / 50%) !important;
    box-shadow: 0px 5px 18px rgb(255 255 255 / 50%) !important;
}

/* Shop page product box 12-04-23*/
.filter-right-column .products.row {
    gap: 20px 0;
    margin-left: -15px;
}

.site-content::-webkit-scrollbar,
.site::-webkit-scrollbar {
    display: none;
}

.filter-right-column .product {
    padding: 10px;
    border: 1px solid #F4B41A;
    border-radius: 15px;
    position: relative;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    -ms-border-radius: 15px;
    -o-border-radius: 15px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100%;
    width: 100% !important;
    text-align: left !important;
}

.filter-right-column .feature-img {
    position: relative;
    -webkit-transition: all ease-in-out 0.6s;
    -o-transition: all ease-in-out 0.6s;
    transition: all ease-in-out 0.6s;
    margin-bottom: 20px;
}

.filter-right-column .feature-img>a {
    position: relative;
    display: block;
    padding-top: 70%;
    -webkit-transition: all ease-in-out 0.6s;
    -o-transition: all ease-in-out 0.6s;
    transition: all ease-in-out 0.6s;
}

.filter-right-column .feature-img a img {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 100%;
    width: 100%;
    border-radius: 4px;
    -o-object-fit: cover;
    object-fit: cover;
    margin: 0 !important;
    transition: all ease-in-out 0.6s;
    -webkit-transition: all ease-in-out 0.6s;
    -moz-transition: all ease-in-out 0.6s;
    -ms-transition: all ease-in-out 0.6s;
    -o-transition: all ease-in-out 0.6s;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
}

.filter-right-column .product h4 {
    font-size: 20px !important;
    text-align: left;
}

.filter-right-column .product-rating-content {
    margin-top: auto;
}

.filter-right-column .product .selling-icon ul li {
    padding: 0px 8px !important;
}

.filter-right-column .product .selling-icon ul li:not(:last-of-type) {
    border-right: 1px solid #000000;
}

.filter-right-column .product .selling-icon ul li img {
    max-width: 22px;
    height: 22px;
    margin: auto;
}

.filter-right-column .hoverable-btn {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    text-align: 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;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    z-index: 1;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
}

.filter-right-column .hoverable-btn::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border-radius: 4px;
    width: 100%;
    height: 100%;
    background: linear-gradient(0deg, rgba(1, 61, 41, 0.87), rgba(1, 61, 41, 0.87));
    z-index: -1;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
}

.filter-right-column .hoverable-btn a {
    color: #ffff;
    text-align: center;
    font-size: 13px;
    background: rgb(255 255 255 / 20%);
    padding: 10px;
    width: 70px;
    height: 70px;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
}

.filter-right-column .hoverable-btn a:not(:last-of-type) {
    margin-right: 15px;
}

.filter-right-column .hoverable-btn a svg {
    width: 25px;
    height: 25px;
    display: block;
    margin: 0 auto 5px;
}

.filter-right-column .hoverable-btn a:hover {
    background: rgba(111, 217, 67, 0.2);
}

.filter-right-column .product .feature-img:hover .hoverable-btn {
    opacity: 1;
    visibility: visible;
}

.filter-right-column .product .selling-icon {
    gap: 5px;
    margin-bottom: 15px;
}

.review-star svg {
    height: 20px;
    width: 20px;
}

.review-star span {
    margin-left: 10px;
}

.filter-right-column .product .price,
.popup-modal-main .price {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    gap: 8px;
    font-size: 18px;
    font-weight: 500;
    margin-top: 10px;
    margin-right: 10px;
}

.popup-modal-main .price {
    margin-bottom: 10px;
}

.popup-modal-main .price ins {
    font-weight: 600;
}

.filter-right-column .product .price ins {
    margin-left: 0 !important;
    font-weight: 600;
}

.filter-right-column .product .price .discount {
    color: #dc3545;
}

.filter-right-column .product .rating-stars span {
    color: #78788C;
    padding-left: 10px;
    font-size: 14px !important;
}

.filter-right-column .load-more-ls {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: 30px;
}

.filter-right-column .load-more-ls .btn {
    -webkit-box-shadow: none;
    box-shadow: none;
    line-height: 1.2;
}

.main-shop.row {
    padding-bottom: 80px;
}

/* breadcrumb */
.storefront-breadcrumb {
    margin: 20px 0;
    font-size: 16px;
    padding: 10px;
    background: #f9f9f9;
    border-radius: 7px;
}


.woocommerce-breadcrumb a {
    color: var(--theme-color);
    font-weight: 600;
    text-decoration: none;
}

.woocommerce-breadcrumb a:hover {
    text-decoration: underline;
    color: #78dd4e;
}

.woocommerce-breadcrumb .breadcrumb-separator {
    padding: 0 10px;
}



/* form in file-input  prashant 14-01-23*/
.custom-req-form .form-group .wpcf7-form-control-wrap .wpcf7-file::after,
.wpcf7-form .form-group .wpcf7-form-control-wrap .wpcf7-file::after {
    content: "+";
    position: absolute;
    top: 2px;
    height: 40px;
    width: 40px;
    line-height: 40px;
    background-color: var(--theme-color);
    text-align: center;
    border-radius: 6px;
    cursor: pointer;
    font-weight: 500;
    color: #002332;
    left: 0;
    text-indent: 0;
    font-size: 22px;

}

.custom-req-form .form-group .wpcf7-form-control-wrap .wpcf7-file,
.wpcf7-form .form-group .wpcf7-form-control-wrap .wpcf7-file {
    border: none;
    height: 45px;
    text-indent: -69px;
}

.custom-req-form .form-group.file-input p,
.wpcf7-form .form-group.file-input p {
    margin-bottom: 0 !important;
}

.contact-section .wpcf7 .form-group .wpcf7-form-control-wrap .wpcf7-file {
    color: var(--second-color);
}

.wpcf7-not-valid-tip {
    font-size: 15px;
    padding-top: 5px;
    font-weight: 700;
}

.contact-section .wpcf7 .form-group .wpcf7-form-control-wrap .wpcf7-file::after {
    background-color: var(--dark-green) !important;
    color: var(--white);
}

.contact-section.bg-dark-green .section-title h2,
.contact-section.bg-dark-green .section-title p {
    color: #fff;
}


.single-laravel-product .storefront-breadcrumb {
    display: none;
}

.contact-section.bg-dark-green form input,
.contact-section.bg-dark-green form textarea {
    border: 1px solid #76A998;
}

.contact-section.bg-dark-green form input,
.contact-section.bg-dark-green form textarea {
    color: #fff;
}

.contact-section.bg-dark-green form input::-webkit-input-placeholder,
.contact-section.bg-dark-green form textarea::-webkit-input-placeholder {
    color: #6A998f !important;
}

.contact-section.bg-dark-green form input::-moz-placeholder,
.contact-section.bg-dark-green form textarea::-moz-placeholder {
    color: #6A998f !important;
}

.contact-section.bg-dark-green form input:-ms-input-placeholder,
.contact-section.bg-dark-green form textarea:-ms-input-placeholder {
    color: #6A998f !important;
}

.contact-section.bg-dark-green form input::-ms-input-placeholder,
.contact-section.bg-dark-green form textarea::-ms-input-placeholder {
    color: #6A998f !important;
}

.contact-section.bg-dark-green form label {
    color: #fff;
    font-size: 16px;
}

.contact-section.bg-dark-green form input::placeholder,
.contact-section.bg-dark-green form textarea::placeholder {
    color: #6A998f !important;
}

.contact-section.bg-dark-green form input:focus,
.contact-section.bg-dark-green form textarea:focus {
    border-color: #fff;
}

/* new add 14-04-23 by dinesh  */
.slick-slider .slick-slide {
    padding: 2px 15px;
}

.managing-staff-slider.slick-slider .slick-slide {
    padding: 0;
}

.product-detail-section .section-title h2 {
    font-size: 40px;
}

.product-detail-section .section-title h2 span {
    font-size: 56px;
}

.erpgo-wrapper .review-section .section-title {
    margin-bottom: 60px;
}


/* header buttons  */
.site-header-cart .cart-contents .amount {
    display: none;
}

.site-header li.cart-header {
    width: 40px;
}

.woocommerce-active .site-header .site-header-cart {
    width: 100%;
    float: none;
    padding: 30px 0;
}


.site-header-cart .cart-contents {
    padding: 10px;
}

.menu-right li.cart-header .count {
    font-size: 12px;
    position: absolute;
    top: -10px;
    opacity: 1;
    right: -10px;
    left: auto;
    text-align: center;
    line-height: 1.2;
    color: #002332;
    /* width: 20px; */
    z-index: 1;
}

.site-header-cart .cart-contents::after {
    font-size: 20px;
}

.site-header-cart .widget_shopping_cart {
    width: 280px;
    display: none;
    left: -50%;
    top: 30px;
    transform: translateX(-50%);
    right: auto;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
}

.widget_shopping_cart .product_list_widget li {
    position: relative;
    padding: 15px 10px !important;
    border-bottom: 1px solid #818181;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.widget_shopping_cart .mini_cart_item a {
    padding: 0 5px;
    width: 100%;
    gap: 10px;
    color: #fff !important;
    font-size: 14px;
}

.product_list_widget li img {
    max-width: 50px;
    float: none;
    margin-left: 0 !important;
    border: 1px solid #ccc;
}

.site-header-cart .widget_shopping_cart .product_list_widget li a.remove {
    position: absolute;
    float: none;
    top: auto;
    bottom: 20px;
    right: 5px;
    left: auto;
    font-size: 15px;
    width: 22px;
    height: 22px;
}

.site-header-cart .widget_shopping_cart .product_list_widget li a.remove {
    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;
}

.site-header .product_list_widget li .quantity {
    color: #ffffff;
    display: block;
    width: 100%;
    margin-top: 10px;
    font-size: 16px;
}

.widget_shopping_cart p.buttons {
    padding: 0 10px 20px 10px;
}

.widget_shopping_cart p.total {
    padding: 20px 10px;
}


.widget_shopping_cart p.buttons .button {
    border-radius: 0;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    -ms-border-radius: 30px;
    -o-border-radius: 30px;
    font-size: 14px;
    padding: 13px 10px;
    border-radius: 30px;
}

.widget_shopping_cart p.buttons .button:first-child {
    background: var(--theme-color);
}


.widget_shopping_cart p.buttons .button:last-child {
    background: var(--third-color);
    color: var(--second-color);
}

.widget_shopping_cart p.buttons .button:hover {
    background: #ddd;
}

.site-header-cart .cart-contents {
    display: block;
}


.dropdown-btn .dropdown-menu {
    top: 110%;
}


.hentry.type-page .entry-header {
    display: none;
}


.entry-content a.remove::before {
    line-height: 1;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f2ed";
    font-size: 16px;
}

.entry-content a.remove:hover::before {
    color: #ff4c4c;
}

.hentry .entry-content a {
    text-decoration: none;
    /* display: inline-block; */
}

table.cart td.actions .coupon {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 0;
}

table.cart td.actions .input-text {
    border-radius: 0;
    background: #fff;
    color: var(--second-color);
    margin: 0;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    border-radius: 7px 0 0 7px;
    -webkit-border-radius: 7px 0 0 7px;
    -moz-border-radius: 7px 0 0 7px;
    -ms-border-radius: 7px 0 0 7px;
    -o-border-radius: 7px 0 0 7px;
}

.actions .input-text:focus {
    background: transparent;
}

.actions .input-text::-webkit-input-placeholder {
    color: var(--second-color);
    opacity: 0.7;
}

.actions .input-text::-moz-placeholder {
    color: var(--second-color);
    opacity: 0.7;
}

.actions .input-text:-ms-input-placeholder {
    color: var(--second-color);
    opacity: 0.7;
}

.actions .input-text::-ms-input-placeholder {
    color: var(--second-color);
    opacity: 0.7;
}

.actions .input-text::placeholder {
    color: var(--second-color);
    opacity: 0.7;
}

.actions .coupon .button {
    background: var(--third-color);
    border-radius: 0 7px 7px 0;
    -webkit-border-radius: 0 7px 7px 0;
    -moz-border-radius: 0 7px 7px 0;
    -ms-border-radius: 0 7px 7px 0;
    -o-border-radius: 0 7px 7px 0;
}

.actions .coupon .button:hover {
    background: var(--theme-color);
    box-shadow: none !important;
}

.cart-collaterals .cart_totals {
    max-width: 330px;
    width: 100%;
    margin-left: auto;
    background: #fff;
    border-radius: 6px;
    color: #000;
    padding: 15px 15px;
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}

.cart-collaterals .cart_totals h2 {
    font-size: 20px;
    margin-bottom: 20px;
    font-weight: 600;
    /* color: #fff; */
}

.wc-proceed-to-checkout .button.checkout-button {
    font-size: 14px;
    background: var(--third-color);
    color: var(--second-color);
    margin-bottom: 0;
    font-size: 13px;
    padding: 8px 20px;
    width: 100%;
    border-radius: 40px;
    -webkit-border-radius: 40px;
    -moz-border-radius: 40px;
    -ms-border-radius: 40px;
    -o-border-radius: 40px;
}

.wc-proceed-to-checkout .button.checkout-button:hover {
    background: var(--theme-color);
}

.wc-proceed-to-checkout {
    margin-bottom: 0;
}

td.product-remove {
    vertical-align: middle;
}

.site-header-cart .widget_shopping_cart .product_list_widget {
    height: auto;
}

.products-search {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.search-box input {
    padding: 10px 15px;
}

.storefront-sorting {
    display: none;
}

.woocommerce-account,
body.woocommerce-checkout,
.woocommerce-cart {
    background: url('../images/cart-bg.png') no-repeat;
    background-position: top;
    background-size: 100% 430px;
}

.woocommerce table.cart {
    background: #FFFFFF;
    border: 1px solid #DDDDDD;
    -webkit-box-shadow: 0px 27px 29px rgb(0 0 0 / 7%);
    box-shadow: 0px 27px 29px rgb(0 0 0 / 7%);
    border-radius: 7px;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    -ms-border-radius: 7px;
    -o-border-radius: 7px;
    overflow: hidden;
    margin-bottom: 0;
    position: relative;
}

table.cart td.actions {
    background-color: rgba(0, 0, 0, 0);
    padding: 15px 10px;
    border-top: 1px solid #dddddd;
}

.woocommerce-cart .woocommerce {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 100%;
    gap: 0 20px;
}

.woocommerce-cart main.site-main,
.woocommerce-orders main.site-main,
.woocommerce-downloads main.site-main,
.woocommerce-account main.site-main {
    min-height: 600px;
}

.woocommerce-message a {
    text-decoration: underline !important;
}

.woocommerce-cart-form {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

.cart-collaterals {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 23%;
    flex: 0 0 23%;
}

.cart_totals .shop_table {
    border-radius: 7px 7px 7px 7px;
    overflow: hidden;
    -webkit-border-radius: 7px 7px 7px 7px;
    -moz-border-radius: 7px 7px 7px 7px;
    -ms-border-radius: 7px 7px 7px 7px;
    -o-border-radius: 7px 7px 7px 7px;
    margin-bottom: 15px;
}

.wc-proceed-to-checkout {
    margin-bottom: 0;
    border-radius: 0 0 7px 7px;
    overflow: hidden;
    -webkit-border-radius: 0 0 7px 7px;
    -moz-border-radius: 0 0 7px 7px;
    -ms-border-radius: 0 0 7px 7px;
    -o-border-radius: 0 0 7px 7px;
}

#order_review_heading,
#order_review {
    width: 100%;
    float: none;
    margin-right: 0;
    clear: none;
}

.checkout-right-inner,
.checkout-form-inner {
    background: #fff;
    padding: 30px 15px;
    -webkit-box-shadow: 0px 0px 61px rgba(88, 88, 88, 0.2);
    box-shadow: 0px 0px 61px rgba(88, 88, 88, 0.2);
    border-radius: 7px;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    -ms-border-radius: 7px;
    -o-border-radius: 7px;
}

.checkout-right-inner h3,
.checkout-form-inner h3 {
    margin-bottom: 20px;
    padding: 0;
}

.woocommerce-info,
.woocommerce-noreviews,
p.no-comments {
    background-color: var(--third-color);
    border-radius: 7px;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    -ms-border-radius: 7px;
    -o-border-radius: 7px;
    margin-bottom: 15px;
    font-size: 15px;
    font-weight: 600;
}

.woocommerce-info a {
    text-decoration: underline !important;
    font-weight: 600;
}

.woocommerce-additional-fields {
    margin-top: 30px;
}

.select2-container--default .select2-selection--single .select2-selection__arrow,
.select2-container .select2-selection--single {
    height: 43px;
}

.select2-container--default .select2-selection--single {
    border-radius: 8px;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 43px;
}

.input-text:focus {
    background: transparent !important;
}

.select2-search--dropdown .select2-search__field,
.checkout-form-inner input {
    color: #002332;
}

.notes textarea {
    border: 1px solid #999999;
}

.checkout-right-inner table:not(.has-background) th,
.checkout-right-inner .shop_table tfoot tr td {
    background: #ededed !important;
}

.checkout-right-inner .shop_table .cart_item>td {
    border-top: 1px solid #dddddd;
    font-size: 14px;
    line-height: 1.5;
}

.woocommerce-privacy-policy-text {
    margin-bottom: 20px;
}

.woocommerce-privacy-policy-text a {
    font-weight: 600;
    text-decoration: underline !important;
}

#payment .place-order .button {
    font-size: 14px;
    width: 100%;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background: var(--theme-color);
    -webkit-box-shadow: none;
    box-shadow: none;
}

.woocommerce-billing-fields__field-wrapper .form-row-last,
.woocommerce-billing-fields__field-wrapper .form-row-first {
    width: 49%;
    margin-right: 0;
}

body.home header.site-header {
    margin-bottom: 0 !important;
}

/* .woocommerce-checkout .content-area,
.woocommerce-cart .content-area {
    padding: 70px 0 20px;
} */
/* .woocommerce-cart .woocommerce, */
.woocommerce-checkout .woocommerce {
    padding: 80px 0 20px !important;
}

.woocommerce-cart .woocommerce {
    padding: 40px 0 20px !important;
}

body .storefront-breadcrumb {
    background: transparent;
    margin: 20px 0;
    font-size: 16px;
    padding: 10px 0;
    border-radius: 7px;
    position: absolute;
    max-width: 1254px;
    width: 100%;
    left: 0;
    right: 0;
    margin: 20px auto;
    color: #fff;
    z-index: 1;
}

.woocommerce-breadcrumb .breadcrumb-separator::after {
    opacity: 1;
    color: #b9b3b3;
}

form.checkout_coupon.woocommerce-form-coupon {
    background: rgb(255, 255, 255);
    padding: 20px 15px;
    -webkit-box-shadow: rgba(88, 88, 88, 0.2) 0px 0px 61px;
    box-shadow: rgba(88, 88, 88, 0.2) 0px 0px 61px;
    border-radius: 7px;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    -ms-border-radius: 7px;
    -o-border-radius: 7px;
}

.woocommerce table.cart .product-thumbnail a {
    display: block;
}

.woocommerce-checkout .checkout_coupon {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 10px;
}

.woocommerce-checkout .checkout_coupon>p:first-child {
    width: 100%;
}

.woocommerce-checkout .checkout_coupon .form-row-first {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    margin: 0;
    width: 50%;
}

.woocommerce-checkout .checkout_coupon .form-row-first input {
    color: var(--second-color);
}

.woocommerce-checkout .checkout_coupon .form-row-last {
    width: auto;
}

.woocommerce-checkout .checkout_coupon .form-row-last button {
    background: var(--theme-color);
    border-radius: 7px;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    -ms-border-radius: 7px;
    -o-border-radius: 7px;
}

.woocommerce-checkout .checkout_coupon .form-row-last button:hover {
    background: var(--third-color);
}

.woocommerce-message,
.woocommerce-info,
.woocommerce-error,
.cart-empty {
    width: 100%;
}


/* my-account  */
.woocommerce-account .woocommerce:not(header .woocommerce) {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    padding-bottom: 20px;
}

.woocommerce-account .entry-content {
    padding-top: 60px;
}

.woocommerce-MyAccount-navigation {
    background: var(--white);
    position: sticky;
    top: 100px;
    left: 0;
    max-width: 270px;
    width: 100%;
    overflow-y: auto;
    border-radius: 7px;
    margin-right: 20px;
    -webkit-box-shadow: rgba(88, 88, 88, 0.2) 0px 0px 61px;
    box-shadow: rgba(88, 88, 88, 0.2) 0px 0px 61px;
    padding: 10px;
}

.hentry .entry-content .woocommerce-MyAccount-navigation ul,
.hentry .entry-content .woocommerce-MyAccount-navigation ul li {
    border: 0;
}

.hentry .entry-content .woocommerce-MyAccount-navigation ul li {
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    border-radius: 10px;
    margin-bottom: 5px;
}

.hentry .entry-content .woocommerce-MyAccount-navigation ul li a {
    padding: 12px !important;
    transition: none;
    -webkit-transition: none;
    -moz-transition: none;
    -ms-transition: none;
    -o-transition: none;
}

.woocommerce-MyAccount-content {
    width: auto;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    float: none;
    margin-right: 0;
    background: #fff;
    border-radius: 7px;
    padding: 40px 15px;
    -webkit-box-shadow: rgba(88, 88, 88, 0.2) 0px 0px 61px;
    box-shadow: rgba(88, 88, 88, 0.2) 0px 0px 61px;
}

.woocommerce-MyAccount-navigation ul li a::before {
    opacity: 1;
}

.hentry .entry-content .woocommerce-MyAccount-navigation ul li:hover,
.hentry .entry-content .woocommerce-MyAccount-navigation ul li.is-active {
    background: var(--dark-green);
    color: #fff;
}

ul.order_details {
    margin-top: 0;
    filter: drop-shadow(rgba(88, 88, 88, 0.2) 0px 0px 61px);
    -webkit-filter: drop-shadow(rgba(88, 88, 88, 0.2) 0px 0px 61px);
    margin-bottom: 30px;
}

ul.order_details li {
    background: #fff;
}

.order_details:before,
.order_details:after {
    background: -webkit-linear-gradient(transparent 0, transparent 0), -webkit-linear-gradient(135deg, #ffffff 33.33%, transparent 33.33%), -webkit-linear-gradient(45deg, #ffffff 33.33%, transparent 33.33%);
}

.order_details {
    -webkit-box-shadow: rgba(88, 88, 88, 0.2) 0px 0px 61px;
    box-shadow: rgba(88, 88, 88, 0.2) 0px 0px 61px;
    border-radius: 7px;
    overflow: hidden;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    -ms-border-radius: 7px;
    -o-border-radius: 7px;
}

.woocommerce-customer-details>h2,
.woocommerce-order-details h2 {
    margin-bottom: 20px;
}

table.order_details thead tr:first-child th {
    background: var(--third-color) !important;
}

.woocommerce-order>p:first-child {
    color: #fff;
}

.hentry {
    margin: 0 0 30px;
}

.woocommerce-message {
    border-radius: 7px;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    -ms-border-radius: 7px;
    -o-border-radius: 7px;
    margin-bottom: 15px;
}

.woocommerce-customer-details {
    margin-top: 30px;

}

.woocommerce-customer-details address {
    background: #fff;
    -webkit-box-shadow: rgba(88, 88, 88, 0.2) 0px 0px 61px;
    box-shadow: rgba(88, 88, 88, 0.2) 0px 0px 61px;
    padding: 1em 1.41575em;
    border-radius: 7px;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    -ms-border-radius: 7px;
    -o-border-radius: 7px;
}


.woocommerce-account .col2-set .u-column2:not(.woocommerce-Address),
.woocommerce-account .col2-set .u-column1:not(.woocommerce-Address) {
    margin-right: 0 !important;
    float: none;
    padding: 20px;
    background: #fff;
    border-radius: 7px;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    -ms-border-radius: 7px;
    -o-border-radius: 7px;
    -webkit-box-shadow: rgba(88, 88, 88, 0.2) 0px 0px 61px;
    box-shadow: rgba(88, 88, 88, 0.2) 0px 0px 61px;
}

.u-columns h2 {
    margin-bottom: 20px;
}

input:-webkit-autofill,
input:-internal-autofill-selected {
    -webkit-appearance: menulist-button;
    appearance: menulist-button;
    background-image: none !important;
    background-color: transparent !important;
    color: fieldtext !important;
}

.woocommerce-account .woocommerce-form__label-for-checkbox {
    cursor: pointer;
    display: block;
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    margin-bottom: 15px;
}

.woocommerce-account .u-columns form input {
    color: #000;
}

.lost_password a {
    text-decoration: underline !important;
}

.lost_password a:hover {
    color: var(--theme-color);
}

.form-row label {
    display: block;
    margin-bottom: 5px;
}

.woocommerce-form__input-checkbox {
    padding: 0;
    height: initial;
    width: initial;
    margin-bottom: 0;
    display: none !important;
    cursor: pointer;
}

.woocommerce-form__label .check-span {
    position: relative;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.woocommerce-form__label .check-span:before {
    content: '';
    -webkit-appearance: none;
    background-color: transparent;
    border: 1px solid #002332;
    padding: 8px;
    display: inline-block;
    position: relative;
    vertical-align: middle;
    cursor: pointer;
    margin-right: 5px;
}

.woocommerce-form__label .woocommerce-form__input-checkbox:checked+.check-span:after {
    content: '';
    display: block;
    position: absolute;
    top: 5px;
    left: 6px;
    width: 6px;
    height: 11px;
    border: solid #002332;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
}

.woocommerce-account .woocommerce-orders-table th {
    background: #013d29 !important;
    color: #fff;
}

.woocommerce-MyAccount-content>p:first-of-type {
    margin-bottom: 20px;
}

.edit-account fieldset {
    margin-bottom: 20px;
}

.woocommerce-orders-table__cell-order-actions a:nth-child(1),
.woocommerce-orders-table__cell-order-actions a:nth-child(3) {
    background: var(--dark-green);
    border-radius: 20px;
    padding: 7px 15px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    -o-border-radius: 20px;
    font-size: 11px;
    margin-right: 5px !important;
}

.payment-method-actions a.delete,
.woocommerce-orders-table__cell-order-actions a.view {
    background: var(--theme-color);
    border-radius: 20px;
    padding: 7px 15px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    -o-border-radius: 20px;
    font-size: 11px;
    margin-right: 5px !important;
}

.payment-method-actions a.delete:hover,
.woocommerce-orders-table__cell-order-actions a.view:hover {
    -webkit-box-shadow: 0px 5px 18px rgb(111 217 67 / 50%) !important;
    box-shadow: 0px 5px 18px rgb(111 217 67 / 50%) !important;
}

.u-column2.woocommerce-Address {
    margin-top: 20px;
}

.edit-account button[type="submit"] {
    background: var(--dark-green);
    color: #fff;
    border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    -o-border-radius: 20px;
}

.edit-account button[type="submit"]:hover {
    -webkit-box-shadow: 0px 3px 7px 0px rgb(1 61 41 / 50%) !important;
    box-shadow: 0px 3px 7px 0px rgb(1 61 41 / 50%) !important;
}

.edit-account input {
    color: #002332;
}

.page-template-blog-template .blog-home-section .innner-content h2,
.blog-home-section .innner-content h2 {
    max-width: 40%;
    width: 100%;
    color: #fff;
}

.woocommerce-form-login {
    background: #fff;
    border-radius: 7px;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    -ms-border-radius: 7px;
    -o-border-radius: 7px;
    margin-bottom: 30px;
}

.woocommerce-account .woocommerce-form-login {
    margin-bottom: 0;
}

.woocommerce-account .woocommerce-form-register .envato-btn-wrapper {
    margin-bottom: 0;
}

.woocommerce-form-login:not(.u-column1 .woocommerce-form-login) {
    -webkit-box-shadow: rgba(88, 88, 88, 0.2) 0px 0px 61px;
    box-shadow: rgba(88, 88, 88, 0.2) 0px 0px 61px;
    padding: 20px;
}

.woocommerce-form-login input {
    color: #002332;
}

.woocommerce-form-login button[type="submit"] {
    margin-top: 15px;
}

.woocommerce-form-login .form-row {
    margin-top: 15px;
}

.checkout-form-inner .woocommerce-billing-fields {
    margin-bottom: 15px;
}

.woocommerce-notices-wrapper {
    width: 100%;
}

.review-slider .review-card {
    padding: 0 10px;
}

.blog-details-home {
    padding-top: 110px;
}

/* .logged-in.admin-bar .entry-content {
    padding-top: 50px;
} */

.woocommerce-account .woocommerce-error {
    /* margin-top: 80px; */
    margin-bottom: 0;
}

.list-wrapper ul li {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border: 1px solid var(--dark-green);
    border-radius: 44px;
    padding: 10px 10px 10px 40px;
    margin-top: 10px;
    -webkit-border-radius: 44px;
    -moz-border-radius: 44px;
    -ms-border-radius: 44px;
    -o-border-radius: 44px;
    color: var(--second-color);
    line-height: 1.2;
    font-size: 14px;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
}

.list-wrapper ul li::before {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f058";
    position: absolute;
    left: 10px;
    top: 45%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    display: block;
    width: 20px;
    height: 20px;
    font-size: 20px;
    color: var(--dark-green);
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
}

.list-wrapper ul li:hover {
    background: var(--dark-green);
    color: var(--white);
}

.list-wrapper ul li:hover::before {
    color: var(--white);
}

.support-wrapper .request-home-section .wpcf7 .form-group.submit-btn svg {
    display: none;
}

.error404 .inner-content {
    text-align: center;
}

.error404 .not-found {
    padding-top: 100px;
}

.error404 .search-box {
    margin-top: 40px;
}

body.error404 .storefront-breadcrumb,
body.single-product .storefront-breadcrumb {
    max-width: 1210px;
    color: #000;
}

.site-header .site-header-cart .cart-contents {
    position: relative;
}

.site-header .site-header-cart .cart-contents::after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    background: url('https://workdo.io/wp-content/themes/storefront-child/assets/images/add-to-cart-dgreen.svg') no-repeat;
    background-position: center;
    background-size: 90%;
    display: block;
    width: 28px;
    height: 28px;
}


/* mobile menu  */
.mobile-navigation {
    display: none;
}

.site-header button.mobile-menu-button {
    padding: 0 0 0 14px;
    font-size: 25px;
    color: var(--theme-color);
    display: none;
}

.site-header button.mobile-menu-button:hover {
    background: transparent;
}

.site-header button.mobile-menu-button span {
    display: block;
    line-height: 0;
}

.site-header button.mobile-menu-button span i {
    color: var(--dark-green);
    font-size: 22px;
}

.mobile-navigation .mobile-logo a {
    padding: 0;
}

.mobile-navigation .menu-close-icon {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 30px;
}

.mobile-navigation .site-header nav {
    padding: 20px;
}

.site-header .mobile-logo {
    max-width: 150px;
    width: 100%;
}

#menu-mobile-menu>li {
    margin-bottom: 10px;
}

#menu-mobile-menu .sub-menu {
    opacity: 0;
    visibility: hidden;
    -webkit-transform-origin: top;
    -ms-transform-origin: top;
    transform-origin: top;
    height: 0;
    padding: 0;
    transform: scaleY(0);
    -webkit-transform: scaleY(0);
    -moz-transform: scaleY(0);
    -ms-transform: scaleY(0);
    -o-transform: scaleY(0);
    transition: none;
    -webkit-transition: none;
    -moz-transition: none;
    -ms-transition: none;
    -o-transition: none;
}

#menu-mobile-menu .sub-menu.active {
    opacity: 1;
    visibility: visible;
    transform: scaleY(1);
    -webkit-transform: scaleY(1);
    -moz-transform: scaleY(1);
    -ms-transform: scaleY(1);
    -o-transform: scaleY(1);
    height: auto;
    transition: none;
    -webkit-transition: none;
    -moz-transition: none;
    -ms-transition: none;
    -o-transition: none;
}

#menu-mobile-menu>li>a {
    position: relative;
    border: 1px solid #6FD943;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    padding: 10px 15px;
    margin-bottom: 10px;
    font-size: 15px;
    font-weight: 500;
    transition: none;
    -webkit-transition: none;
    -moz-transition: none;
    -ms-transition: none;
    -o-transition: none;
}

#menu-mobile-menu>li>a:after {
    font-family: "Font Awesome 5 Free";
    content: "\2b";
    display: inline-block;
    padding-right: 3px;
    vertical-align: middle;
    font-weight: 900;
    margin-left: auto;
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
}

#menu-mobile-menu>li>a.open-menu {
    background: var(--theme-color);
}

#menu-mobile-menu.open-menu>li>a {
    background: var(--theme-color);
    color: #000;
}

#menu-mobile-menu>li>a.open-menu:after {
    content: "\f068";
}

#menu-mobile-menu .menu>li .sub-menu .menu-item {
    border: 0;
}

#menu-mobile-menu .menu-item li {
    border: 0;
}


.submit-btn br {
    display: none;
}

.wpcf7-spinner {
    visibility: hidden;
    display: inline-block;
    background-color: #8a9591;
    opacity: 0.75;
    width: 24px;
    height: 24px;
    border: none;
    border-radius: 100%;
    padding: 0;
    margin: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(170%, -50%);
    -webkit-transform: translate(170%, -50%);
    -moz-transform: translate(170%, -50%);
    -ms-transform: translate(170%, -50%);
    -o-transform: translate(170%, -50%);
}

form.submitting .wpcf7-spinner {
    visibility: visible;
}

.wpcf7 form.invalid .wpcf7-response-output {
    font-size: 14px;
    font-weight: 700;
    color: #dc3232 !important;
    border: 0;
    margin: 0;
    margin-top: 10px;
}

/* .single-product .contact-section {
    margin-top: -100px;
    padding-top: 130px;
} */

.ecom-pkg-section {
    background: #f4f1f1;
}


.single-product .get-app-banner-section {
    /* background: linear-gradient(to bottom, var(--dark-green) 80%,  transparent 0  100%) !important; */
    padding: 60px 0;
}

.single-product .get-app-banner-section .title-content-wrp {
    background: transparent;
    padding: 0;
}

.single-product .get-app-banner-section .title-content-wrp:after {
    display: none;
}

.single-product .get-app-banner-section .section-title h2 {
    color: #fff;
}

/* Tooltip  */
.custom-tooltip {
    position: relative;

}

.custom-tooltip:hover:after {
    content: attr(data-tooltip);
    background: var(--dark-green);
    padding: 5px 10px;
    border-radius: 3px;
    display: inline-block;
    position: absolute;
    transform: translate(-50%, -100%);
    margin: 0 auto;
    color: #FFF;
    min-width: -webkit-fit-content;
    min-width: -moz-fit-content;
    min-width: fit-content;
    top: -5px;
    left: 50%;
    text-align: center;
    font-size: 12px;
    -webkit-transform: translate(-50%, -100%);
    -moz-transform: translate(-50%, -100%);
    -ms-transform: translate(-50%, -100%);
    -o-transform: translate(-50%, -100%);
}

.custom-tooltip:hover:before {
    top: -6px;
    left: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(0, 0, 0, 0);
    border-top-color: var(--dark-green);
    border-width: 5px;
    margin-left: -5px;
    transform: translate(0, 0px);
    -webkit-transform: translate(0, 0px);
    -moz-transform: translate(0, 0px);
    -ms-transform: translate(0, 0px);
    -o-transform: translate(0, 0px);
}



.archive .woocommerce-breadcrumb {
    color: #FFF;
}


a.login-with-envato.btn.dark-green {
    display: inline-flex !important;
    flex-direction: row;
    justify-content: center;
    margin: 15px 0px;

}

.regiter-envato-btn {
    margin-top: 15px;
}

.envato-btn-wrapper {
    gap: 10px;
    margin: 20px 0;
}

.envato-btn-wrapper button,
.envato-btn-wrapper .regiter-envato-btn,
.envato-btn-wrapper a.btn {
    margin: 0 !important;
}

.lost_reset_password .woocommerce-form-row input:focus,
.lost_reset_password .woocommerce-form-row input {
    color: #000;
    background: #fff;
}

form.woocommerce-ResetPassword.lost_reset_password {
    padding: 30px 20px;
    background: #fff;
    color: #000;
    margin: 40px auto;
    -webkit-box-shadow: rgba(88, 88, 88, 0.2) 0px 0px 61px;
    box-shadow: rgba(88, 88, 88, 0.2) 0px 0px 61px;
    /* text-align: center; */
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    max-width: 600px;
    width: 100%;
}

form.woocommerce-ResetPassword.lost_reset_password .form-row {
    width: 100%;
    float: none;
    margin: 0 auto 20px;
}

form.woocommerce-ResetPassword.lost_reset_password .form-row:last-of-type {
    margin-bottom: 0;
}

/* .woocommerce table.cart td.product-name {
    display: flex;
    align-items: baseline;
    gap: 5px;

} */

form.woocommerce-ResetPassword.lost_reset_password .form-row-first label {
    font-weight: 600;
}

.woocommerce table.cart .info-icon {
    font-size: 16px;
    margin-left: 10px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
}

.woocommerce table.cart .info-wrapper {
    position: relative;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    cursor: pointer;
}


.woocommerce table.cart .option-description {
    width: 400px;
    padding: 20px;
    font-size: 13px;
    background-color: #002332;
    color: #fff;
    z-index: 1;
    border-radius: 6px;
    position: absolute;
    display: none;
    left: -50%;
    top: 25px;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
}


.woocommerce table.cart .option-description li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 0 10px;

}

.woocommerce table.cart .option-description li:not(:last-of-type) {
    margin-bottom: 6px;
}

.woocommerce table.cart .info-wrapper:hover .option-description {
    display: block;
}

.development-wrapper .features-card {
    background: #fff;
    margin-top: 50px;
    border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    -o-border-radius: 20px;
    border: 1px solid #00000040;
    text-align: center;
}

.development-wrapper .features-card .icon-div {
    margin-top: -50px;
}

.review-section .section-title p {
    color: var(--second-color);
}

.development-wrapper .review-section .review-card .review-inner {
    background: #fff !important;
    color: #000 !important;
    border-radius: 30px;
}

.tax-document_cat .woocommerce-breadcrumb,
.term-documentation .woocommerce-breadcrumb,
.term-payment-gateway .woocommerce-breadcrumb,
.post-type-archive-documents.archive .woocommerce-breadcrumb,
.documents-wrapper .home-section .section-title h2 span {
    color: #fff;
}

.woocommerce-message::before,
.woocommerce-info::before,
.woocommerce-error::before,
.woocommerce-noreviews::before,
p.no-comments::before {
    font-family: "Font Awesome 5 Free";
    content: "\f05a";
    display: inline-block;
    position: absolute;
    top: 1.05em;
    left: 1.5em;
    color: #fff;
    font-weight: 900;
}

.widget_shopping_cart p.total {
    color: #fff;
    border-top: 1px solid #818181;
}

.term-basic.archive .woocommerce-breadcrumb {
    color: #fff;
}

ul.woocommerce-mini-cart.cart_list.product_list_widget {
    max-height: 50vh !important;
    overflow-y: auto !important;
}

ul.woocommerce-mini-cart.cart_list.product_list_widget::-webkit-scrollbar {
    width: 3px;
}

ul.woocommerce-mini-cart.cart_list.product_list_widget::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 5px #ddd;
    box-shadow: inset 0 0 5px #ddd;
}

ul.woocommerce-mini-cart.cart_list.product_list_widget::-webkit-scrollbar-thumb {
    background: var(--third-color);
}

ul.woocommerce-mini-cart.cart_list.product_list_widget::-webkit-scrollbar-thumb:hover {
    background: var(--third-color);
}

del,
.price del {
    text-decoration: line-through !important;
    color: #dc3545;
}

.document-card .top-content {
    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;
}

.doc-box-innner .docs-top .icon-div,
.document-card .icon-div {
    width: 50px;
    height: 50px;
    background: rgba(1, 61, 41, 0.2);
    -webkit-box-shadow: none;
    box-shadow: none;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    margin: 0;
}

.doc-box-innner .docs-top .icon-div svg,
.document-card .icon-div svg {
    width: 35px;
    height: 35px;
}

.document-card .modified-date {
    color: #959595;
    font-size: 12px;
}

.document-card .bottom-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    height: 100%;
}

.document-card .bottom-content>a:first-child {
    font-size: 16px;
    font-weight: 600;
    color: var(--dark-green);
    margin-bottom: 10px;
}

.document-card .bottom-content p {
    color: var(--dark-green);
    line-height: 1.4;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    display: -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

@media (max-width: 767px) {
    .document-card .bottom-content p {
        -webkit-box-orient: unset !important;
        overflow: visible !important;
    }
}

.document-card .btn {
    padding: 9px 20px;
    margin-top: 15px;
}

.document-card .title {
    display: block;
}

p.order-again {
    margin-top: 25px;
}

.woocommerce-order-received .material-kit-box:not(:last-child) {
    margin-bottom: 25px;
}

/* .single-product .theme-review-slider h3 {
    font-size: 18px;
} */

.package-btn {
    position: relative;
}

.material-kit-box-inner .right-side .btn-wrapper .btn {
    padding: 10px 28px;
    background: transparent;
    border: 1px solid #002332;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
}

.material-kit-box-inner .right-side .btn-wrapper .btn:hover {
    background: #6FD943;
    -webkit-box-shadow: 0px 4px 10px rgba(111, 217, 67, 0.37);
    box-shadow: 0px 4px 10px rgba(111, 217, 67, 0.37);
    border-color: transparent;
}

.pkg-dd-menu {
    position: absolute;
    left: 0;
    top: 100%;
    width: 100%;
    background-color: #fff;
    padding: 5px;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    display: none;
    z-index: 1;
    -webkit-box-shadow: 1px 2px 6px 1px rgb(0 0 0 / 13%);
    box-shadow: 1px 2px 6px 1px rgb(0 0 0 / 13%);
}

.package-btn:hover .pkg-dd-menu {
    display: block;
}

.pkg-dd-menu li {
    padding: 5px 5px;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    cursor: pointer;
}

.pkg-dd-menu li a {
    font-size: 12px;
}

.pkg-dd-menu li:hover {
    background-color: var(--third-color);
}

/* custom radio  */
#payment .payment_methods li .payment_box .woocommerce-SavedPaymentMethods li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

#payment .payment_methods li .payment_box .woocommerce-SavedPaymentMethods li input[type="radio"]:checked,
#payment .payment_methods li .payment_box .woocommerce-SavedPaymentMethods li input[type="radio"]:not(:checked) {
    position: absolute;
    left: -9999px;
}

#payment .payment_methods li .payment_box .woocommerce-SavedPaymentMethods li input[type="radio"]:checked+label,
#payment .payment_methods li .payment_box .woocommerce-SavedPaymentMethods li input[type="radio"]:not(:checked)+label {
    position: relative;
    padding-left: 28px;
    cursor: pointer;
    line-height: 20px;
    display: inline-block;
    color: #666;
}

#payment .payment_methods li .payment_box .woocommerce-SavedPaymentMethods li input[type="radio"]:checked+label:before,
#payment .payment_methods li .payment_box .woocommerce-SavedPaymentMethods li input[type="radio"]:not(:checked)+label:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 18px;
    height: 18px;
    border: 1px solid #ddd;
    border-radius: 100%;
    background: #fff;
}

#payment .payment_methods li .payment_box .woocommerce-SavedPaymentMethods li input[type="radio"]:checked+label:after,
#payment .payment_methods li .payment_box .woocommerce-SavedPaymentMethods li input[type="radio"]:not(:checked)+label:after {
    content: "";
    width: 12px;
    height: 12px;
    background: #013d29;
    position: absolute;
    top: 3px;
    left: 3px;
    border-radius: 100%;
    -webkit-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

#payment .payment_methods li .payment_box .woocommerce-SavedPaymentMethods li input[type="radio"]:not(:checked)+label:after {
    opacity: 0;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
}

#payment .payment_methods li .payment_box .woocommerce-SavedPaymentMethods li input[type="radio"]:checked+label:after {
    opacity: 1;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
}

/* custom checkbox  */
#payment .payment_methods li .payment_box fieldset .form-row {
    margin-bottom: 1em;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
    gap: 15px;
    cursor: pointer;
}

#payment .payment_methods li .payment_box fieldset .form-row input {
    padding: 0;
    height: initial;
    width: initial;
    margin-bottom: 0;
    display: none;
    cursor: pointer;
}

#payment .payment_methods li .payment_box fieldset .form-row label {
    position: relative;
    cursor: pointer;
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}

#payment .payment_methods li .payment_box fieldset .form-row label:before {
    content: '';
    -webkit-appearance: none;
    background-color: transparent;
    border: 1px solid #013d29;
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0px -15px 10px -12px rgba(0, 0, 0, 0.05);
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0px -15px 10px -12px rgba(0, 0, 0, 0.05);
    padding: 8px;
    display: inline-block;
    position: relative;
    vertical-align: middle;
    cursor: pointer;
    margin: 3px 10px 0 0;
}

#payment .payment_methods li .payment_box fieldset .form-row input:checked+label:after {
    content: '';
    display: block;
    position: absolute;
    top: 4px;
    left: 6px;
    width: 7px;
    height: 12px;
    border: solid #013d29;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
}

.wc-stripe-elements-field,
.wc-stripe-iban-element-field {
    border-color: #000;
}

.star-rating span:before,
.quantity .plus,
.quantity .minus,
p.stars a:hover:after,
p.stars a:after,
.star-rating span:before,
#payment .payment_methods li input[type=radio]:first-child:checked+label:before {
    color: #013d29;
}

#payment .payment_methods li .payment_box fieldset {
    background: transparent !important;
}

.single .banner-section .title-content-inner h2 br,
.single .banner-section .title-content-inner h3 br {
    display: none !important;
}

.wordpress-themes-details .features-card p {
    margin-bottom: 0;
}

.need-more-section .row .col-md-6:last-child .title-content-inner {
    margin-bottom: 0;
}

.page-template-blog-template .hentry {
    margin-bottom: 0 !important;
}

.blog-details-wrapper .innner-content h2 {
    margin-bottom: 20px;
}

.blog-details-wrapper .innner-content p {
    font-size: 20px;
}

.aticle-content h5,
.aticle-content h6 {
    margin-bottom: 10px;
}

.development-wrapper .features-card p {
    margin-bottom: 0;
}

.development-wrapper .review-section h4 {
    color: #000 !important;
}

.col2-set#customer_login.row,
.col2-set.addresses.row {
    margin-left: -15px;
    margin-right: -15px;
}

.actions button {
    background: var(--dark-green);
    color: #fff;
    border-radius: 40px;
    -webkit-border-radius: 40px;
    -moz-border-radius: 40px;
    -ms-border-radius: 40px;
    -o-border-radius: 40px;
}

.actions button:hover {
    background: var(--dark-green);
    border-color: var(--dark-green);
    color: var(--white);
    -webkit-box-shadow: 0px 3px 7px 0px rgb(1 61 41 / 50%) !important;
    box-shadow: 0px 3px 7px 0px rgb(1 61 41 / 50%) !important;
}



.entry-content .woocommerce {
    padding-top: 0;
}

table.shop_table_responsive tr td[data-title]::before {
    margin-right: 10px;
}

.development-wrapper .review-card .top-content {
    margin-bottom: 20px;
}

.development-wrapper .review-card .bottom-content {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    height: auto;
    margin-top: auto;
}

.theme-details-inner .theme-details-top .product_title {
    margin-bottom: 20px;
}

.password-input small {
    font-size: 12px;
}

.woocommerce-lost-password .woocommerce p {
    color: #fff;
}

.woocommerce-lost-password .lost_reset_password p {
    color: #000;
}

.filter-right-column .product-card .selling-icon ul li a {
    display: block;
}

#go-top-btn {
    position: fixed;
    bottom: 80px;
    right: 80px;
    padding: 10px;
    display: none;
    cursor: pointer;
    -webkit-font-smoothing: antialiased;
    background: #013d29;
    color: #fff;
    font-size: 20px;
    width: 50px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 4px;
    z-index: 9;
    border: 1px solid #ffffff29;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    opacity: 0;
    visibility: hidden;
    transition: .6s all ease-in-out;
    -webkit-transition: .6s all ease-in-out;
    -moz-transition: .6s all ease-in-out;
    -ms-transition: .6s all ease-in-out;
    -o-transition: .6s all ease-in-out;

}

#go-top-btn.fixed {
    opacity: 1;
    visibility: visible;
}

.documents-details-inner .inner-div {
    margin-bottom: 25px;
}

.documents-details-inner h1,
.documents-details-inner h2,
.documents-details-inner h3,
.documents-details-inner h4,
.documents-details-inner h5,
.documents-details-inner h6 {
    line-height: 1;
    color: rgb(44, 48, 54);
    margin-bottom: 20px;
}

.documents-details-inner .img-wrapper {
    margin: 10px 0 25px !important;
}

.documents-details-inner .my-4 {
    margin-top: 20px !important;
    margin-bottom: 20px !important;
}

.documents-details-inner img {
    box-shadow: 0 0 8px 3px rgb(0 0 0 / 9%);
    max-width: 700px;
    width: 100%;
    margin: 0;
}

.documents-details-inner img.mini-img {
    width: 30px;
    height: 30px;
    margin: 10px 0;
}

.documents-details-inner p {
    line-height: 1.6;
    color: rgb(44, 48, 54);
    margin: 0;
}

.documents-details-inner .list-group-numbered {
    padding-left: 30px !important;
}

.documents-details-inner .list-group-numbered li {
    list-style: decimal;
}

.documents-details-inner .list-group-numbered li:not(:last-of-type) {
    margin-bottom: 8px;
}

.documents-details-inner .list-group-numbered li a {
    color: rgb(110, 0, 255);
    text-decoration: underline;
}

.documents-details-inner h6 {
    font-size: 18px;
    font-weight: 600;
}

.documents-details-inner p {
    margin-bottom: 15px;
    font-size: 14px;
    line-height: 1.5;
}

.documents-details-inner p a {
    color: #4a6ee0;
}

.documents-details-inner .inner-div-box {
    padding: 45px;
    border: 1px solid #000;
}

.documents-details-inner li a,
.documents-details-inner .resources a,
.documents-details-inner p a {
    color: rgb(110, 0, 255);
    transition: all 0.2s ease 0s;
    -webkit-transition: all 0.2s ease 0s;
    -moz-transition: all 0.2s ease 0s;
    -ms-transition: all 0.2s ease 0s;
    -o-transition: all 0.2s ease 0s;
}

.documents-details-inner ul.list {
    padding-left: 30px;
    margin-bottom: 20px;
}

.my-2 {
    margin-top: 12px !important;
    margin-bottom: 12px !important;
}

.documents-details-inner ul.list li {
    list-style: disc;
}

.documents-details-inner ul li:not(:last-child) {
    margin-bottom: 10px;
}

.shop_table tbody tr:first-child .product-thumbnail {
    border-radius: 8px 8px 0 0;
    -webkit-border-radius: 8px 8px 0 0;
    -moz-border-radius: 8px 8px 0 0;
    -ms-border-radius: 8px 8px 0 0;
    -o-border-radius: 8px 8px 0 0;
}

.shop_table thead tr:first-child .product-subtotal,
.shop_table tbody tr:first-child .product-remove {
    border-radius: 0 8px 0 0 !important;
    -webkit-border-radius: 0 8px 0 0 !important;
    -moz-border-radius: 0 8px 0 0 !important;
    -ms-border-radius: 0 8px 0 0 !important;
    -o-border-radius: 0 8px 0 0 !important;
}

.shop_table thead tr:first-child .product-remove {
    border-radius: 8px 0 0 0;
    -webkit-border-radius: 8px 0 0 0;
    -moz-border-radius: 8px 0 0 0;
    -ms-border-radius: 8px 0 0 0;
    -o-border-radius: 8px 0 0 0;
}

.shop_table tbody .actions .wp-element-button[name="update_cart"] {
    display: none;
}


.alert.alert-notify {
    color: #fff;
    border: 0;
    top: 45px !important;
    right: 45px !important;
    border-radius: 20px;
    padding: 30px 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    -o-border-radius: 20px;
    z-index: 99999999999 !important;
}

.alert.alert-notify strong {
    font-size: 24px;
    font-weight: 600;
}

.alert-group-prepend {
    position: absolute;
    left: 18px;
    top: -25px;
    width: 40px;
    height: 40px;
    display: block;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
}

.alert-group-prepend::before {
    content: '';
    position: absolute;
    left: 41%;
    bottom: 1px;
    width: 20px;
    height: 20px;
    display: block;
    border-radius: 5px;
    z-index: -1;
    transform: rotate(328deg) translateX(-50%);
    -webkit-transform: rotate(328deg) translateX(-50%);
    -moz-transform: rotate(328deg) translateX(-50%);
    -ms-transform: rotate(328deg) translateX(-50%);
    -o-transform: rotate(328deg) translateX(-50%);
}

.alert-danger {
    background: #F64B3C;
}

.alert-danger .alert-group-prepend {
    background: #C81912;
}

.alert-danger .alert-group-prepend::before {
    background-color: #C81912;
}

.alert-success {
    background: #76BF4C;
}

.alert .close span {
    font-size: 25px;
    color: #fff;
}

.alert-success .alert-group-prepend {
    background: #055816;
}

.alert-success .alert-group-prepend::before {
    background-color: #055816;
}

.alert-content a {
    color: #fff;
}

.alert-notify.alert {
    max-width: 350px;
    width: 100%;
}

.alert-notify .close:hover {
    background: transparent;
}

.price_slider_amount button {
    background: var(--dark-green) !important;
    color: #ffff !important;
    border-radius: 30px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    -ms-border-radius: 30px;
    -o-border-radius: 30px;
}

.price_slider_amount button:hover {
    background: var(--dark-green) !important;
    -webkit-box-shadow: 0px 3px 7px 0px rgb(1 61 41 / 50%) !important;
    box-shadow: 0px 3px 7px 0px rgb(1 61 41 / 50%) !important;
}

p#wc-stripe-payment-request-button-separator {
    margin-top: 0px !important;
}

.wc-proceed-to-checkout .ppc-button-wrapper {
    margin-top: 10px;
}

.woocommerce-checkout div#wc-stripe-payment-request-wrapper {
    width: 98%;
    margin: 0px auto 20px;
    padding-top: 0px !important;
}

.woocommerce-checkout p#wc-stripe-payment-request-button-separator {
    margin-top: 0px !important;
    display: none !important;
}

footer ul.list-inline.mt-2 {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    flex-wrap: wrap;
    margin-top: 15px;
    gap: 10px;
}

footer ul.list-inline li.list-inline-item {
    margin-bottom: 0px;
}

footer ul.list-inline li.list-inline-item img {
    width: 30px;
    height: 34px;
}

body.woocommerce-account .storefront-breadcrumb {
    position: static;
}

body.woocommerce-account .entry-content {
    padding-top: 0px !important
}

table.woocommerce-checkout-review-order-table .product-name {
    width: auto;
}

.cart-subtotal td,
.order-total td,
.cart-discount td,
table.woocommerce-checkout-review-order-table .product-total {
    text-align: right;
}

.col2-set#customer_login {
    width: auto !important;
}

.ppc-button-wrapper iframe {
    z-index: 1 !important;
}

.ElementsApp .LinkButton,
.ElementsApp .GooglePayButton--dark {
    border-radius: 40px !important;
    -webkit-border-radius: 40px !important;
    -moz-border-radius: 40px !important;
    -ms-border-radius: 40px !important;
    -o-border-radius: 40px !important;
}

.paypal-button {
    max-height: 40px !important;
    height: 100%;
}

.support-wrapper video,
.support-wrapper video source {
    width: 100%;
    height: 100%;
}

.ecom-single-slider:not(.slick-initialized) *:not(:first-child) {
    display: none;
}


/* ////////////////////////////////   Addon page ///////////////////////////////////// */
.dash-saas-addon .img-wrapper-left {
    box-shadow: 0px 4px 42px rgba(0, 0, 0, 0.06);
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
}

.dash-saas-addon .img-wrapper-left {
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
}

.screenshot-section {
    background: #f4f1f1;
}

.app-features-section .section-title .sub-title,
.screenshot-section .section-title .sub-title {
    background: var(--theme-color);
    padding: 8px 20px;
    color: var(--second-color);
    border-radius: 30px;
    font-size: 14px;
    margin-bottom: 15px;
}

.screenshot-section .screenshot-row {
    gap: 20px 0;
}

.screenshot-section .screenshot-row img {
    height: 100%;
}

.screenshot-section .screenshot-row .screenshot-wrapper {
    position: relative;
    border-radius: 5.51845px;
    overflow: hidden;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    border: 1px solid transparent;
    cursor: pointer;
}

.screenshot-section .screenshot-row .screenshot-wrapper:before {
    position: absolute;
    top: 0;
    left: 0;
    width: 60px;
    height: 60px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 5.51845px 0px;
    background: var(--theme-color), url('https://workdo.io/wp-content/themes/storefront-child/assets/images/search-plus.svg') no-repeat;
}


.screenshot-section .screenshot-row .screenshot-wrapper:hover {
    border-color: #013D29;
    filter: drop-shadow(0px 4px 32px rgba(1, 61, 41, 0.25));
}

.screenshot-section .screenshot-row .screenshot-inner .text {
    font-size: 16px;
    font-weight: 600;
    margin-top: 15px;
    display: block;
    color: #013D29;
}

.app-features-row {
    gap: 30px 0;
}


.app-features-section .slick-slider .slick-slide {
    padding: 30px 15px 2px 15px;
}

.app-features-section .app-features-inner {
    position: relative;
    background: #F6F6F6;
    border: 1px solid #E6E6E6;
    border-radius: 24px;
    padding: 30px 20px 30px 20px;
    -webkit-border-radius: 24px;
    -moz-border-radius: 24px;
    -ms-border-radius: 24px;
    -o-border-radius: 24px;
}
.app-features-section .app-features-inner .product-excerpt{
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.app-features-section .app-features-inner .dash-view-more{
    font-size: 14px;
    font-weight: 600;
    text-decoration: underline;
    text-underline-offset: 4px;
    transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
}

.app-features-section .app-features-inner .addon-content h4 a {
    font-weight: 500;
}

.app-features-section .app-features-inner .icon-wrapper {
    border-radius: 7.16953px;
    -webkit-border-radius: 7.16953px;
    -moz-border-radius: 7.16953px;
    -ms-border-radius: 7.16953px;
    -o-border-radius: 7.16953px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    /*    background: #002333;*/
    padding: 1px;
    position: absolute;
    top: -20px;
    left: 20px;
    width: 60px;
    height: 60px;
}

.app-features-section .app-features-inner .icon-wrapper svg {
    width: 45px;
    height: 45px;
}

.app-features-section .app-features-inner .addon-content {
    margin-top: 20px;
}

.app-features-section .app-features-inner .addon-content p {
    margin-top: 10px;
    flex: 1;
}

.app-features-section .app-features-card {
    display: flex;
    width: 100%;
    height: 100%;
}

.app-features-section .slick-dots li {
    border: 1px solid #013D29;
    display: flex;
    justify-content: center;
    align-items: center;
}

.app-features-section .slick-dots li:before {
    opacity: 0.4;
}

.app-features-section .slick-dots li.slick-active:before {
    opacity: 1;
    background-color: #013D29;
    transform: scale(.7);
    -webkit-transform: scale(.7);
    -moz-transform: scale(.7);
    -ms-transform: scale(.7);
    -o-transform: scale(.7);
}

.app-features-section .slick-dots {
    margin-top: 30px;
}

.app-features-card.slick-current .app-features-inner {
    box-shadow: 0px 4px 32px rgba(1, 61, 41, 0.25);
}

.theme-details-section.dash-saas-addon .btn-wrapper {
    margin-bottom: 0;
}

.get-app-section.saas-addon .get-app-container {
    margin-bottom: 50px;
}

.glightbox-clean .gclose,
.glightbox-clean .gnext,
.glightbox-clean .gprev {
    background-color: var(--white) !important;
}

.glightbox-clean .gclose path,
.glightbox-clean .gnext path,
.glightbox-clean .gprev path {
    fill: var(--dark-green) !important;
}

.gclose,
.gnext,
.gprev {
    width: 50px !important;
    height: 50px !important;
    padding: 5px !important;
}

.glightbox-clean .gclose {
    width: 35px !important;
    height: 35px !important;
}

.glightbox-clean .gnext,
.glightbox-clean .gprev {
    top: 45% !important;
    border: 1px solid var(--border-color) !important;
}


.glightbox-clean .gslide-description {
    background: none !important;
    margin: 20px auto 0 auto !important;
}

.glightbox-clean .gslide-title {
    margin: 0 !important;
    color: #fff !important;
}

.glightbox-clean .gdesc-inner {
    padding: 20px;
    text-align: center;
}

.tax-product_cat .btn,
.post-type-archive-product .btn,
.single-product .top-selling-section .btn {
    padding: 12px 16px !important;
}

.category-list li a {
    display: block;
    text-transform: none;
}

.postid-3612 .main-title h2 {
    text-transform: none;
}


.add-cart-popup .cart-popup-inner {
    padding: 15px;
    max-height: 90vh;
    overflow-y: auto;
}

.woocommerce-message span {
    color: #F4B41A;
    font-weight: 900;
}

.coupon-massage {
    position: relative;
    padding-left: 40px !important;
    background: #013D29;
    color: #FFF;
    padding: 10px 12px;
    text-align: left;
    border-radius: 10px;
    font-weight: 600;
    margin-bottom: 10px;
}

.coupon-massage::before {
    font-family: "Font Awesome 5 Free";
    content: "\f05a";
    display: inline-block;
    position: absolute;
    top: 50%;
    left: 0.7em;
    color: #FFF;
    font-weight: 900;
    transform: translateY(-42%);
}

.popup-notice {
    display: flex;
    gap: 12px;
    flex-wrap: wrap;
    align-items: center;
}

.add-cart-popup .popup-modal-header p {
    flex: 1;
    text-align: left;
}

.add-cart-popup .close {
    top: -10px;
    right: -10px;
    background-color: #ff3c3c;
    border-radius: 50%;
    padding: 6px;
    color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 25px;
    height: 25px;
}

.add-cart-popup .close i {
    font-size: 18px;
}

.category header.page-header {
    display: none;
}


ul.tabs.wc-tabs,
.storefront-full-width-content .woocommerce-tabs .panel {
    width: 100% !important;
}


.woocommerce-tabs .tabs-wrapper-main {
    display: flex;
    max-width: 1230px !important;
    width: 100% !important;
    margin: 0px auto 40px !important;
    float: none !important;

}

.woocommerce-tabs .tabs.wc-tabs {
    display: flex;
    gap: 10px;
}

.woocommerce-tabs ul.tabs li.active::after,
.tabs.wc-tabs a:after {
    display: none !important;
}

.storefront-full-width-content .woocommerce-tabs ul.tabs {
    background: #EDEDED;
    border-radius: 70px;
    padding: 8px 10px;
    justify-content: center;
    width: auto !important;
    margin: auto;
    flex-wrap: wrap;
    border: 0px;
}

.woocommerce-tabs ul.tabs li {
    border: 0 !important;
}

.woocommerce-tabs ul.tabs li a {
    position: relative;
    padding: 10px 20px;
    border-radius: 30px;
    color: var(--dark-green);
    line-height: 1.2;
    font-size: 16px;
    display: inline-flex;
    align-items: center;
    gap: 5px;
    padding-left: 35px;
    white-space: nowrap;
}

.woocommerce-tabs ul.tabs li a::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 10px;
    transform: translateY(-50%);
    width: 16px;
    height: 16px;
    display: block;
    margin-right: 5px;
    flex-shrink: 0;
}

.woocommerce-tabs ul.tabs li#tab-title-item_details a::before {
    background: url('https://workdo.io/wp-content/themes/storefront-child/assets/images/icons/details.svg') no-repeat;
    background-size: 100% 100%;
}

.woocommerce-tabs ul.tabs li#tab-title-reviews a::before {
    background: url('https://workdo.io/wp-content/themes/storefront-child/assets/images/icons/like.svg') no-repeat;
    background-size: 100% 100%;
}

.woocommerce-tabs ul.tabs li#tab-title-comments a::before {
    background: url('https://workdo.io/wp-content/themes/storefront-child/assets/images/icons/comments.svg') no-repeat;
    background-size: 100% 100%;
}

.woocommerce-tabs ul.tabs li#tab-title-supports a::before {
    background: url('https://workdo.io/wp-content/themes/storefront-child/assets/images/icons/support.svg') no-repeat;
    background-size: 100% 100%;
}

.woocommerce-tabs ul.tabs li a::after {
    display: none !important;
}

.woocommerce-tabs ul.tabs li.active a {
    background: #6FD943;
    color: #013D29;
}

/* .woocommerce-tabs.wc-tabs-wrapper{
    background: #fff !important;
} */

.woocommerce-Reviews {
    max-width: 900px;
    width: 100%;
    margin: auto;
    padding: 15px;
}

#reviews .commentlist li {
    box-shadow: 0 0 10px 0px #eee;
    border-radius: 10px;
    box-shadow: 3px 3px 10px 1px rgb(0 0 0 / 10%);
    /* padding: 15px; */
    border-radius: 10px;
    border: 1px solid rgb(0 0 0 / 19%);
    overflow: hidden;
    margin-bottom: 15px;
}

#reviews #comments .comment-text {
    /* width: 100% !important; */
    border-bottom: unset !important;
    padding-bottom: 0 !important;
}

#reviews #comments.cr-reviews-ajax-comments .cr-ajax-reviews-list ul.children {
    width: 100%;
    margin: 0px !important;
}

#reviews.cr-reviews-ajax-reviews #comments.cr-reviews-ajax-comments .cr-ajax-reviews-list .comment_container .meta {
    background: #F5F5F5;
    padding: 10px;
    border-radius: 10px;
}

#reviews .commentlist li time {
    color: #000000;
    opacity: 1;
    font-weight: 600;
}

.single-product #reviews .cr-button-search,
.single-product #reviews .cr-ajax-reviews-add-review {
    background-color: var(--theme-color) !important;
    background: var(--theme-color) !important;
    border: 0px solid !important;
    color: var(--second-color);
    padding: 13px 25px;
    font-size: 14px;
    font-weight: 600;
    border-radius: 40px;
    text-transform: capitalize;
    -webkit-border-radius: 40px;
    -moz-border-radius: 40px;
    -ms-border-radius: 40px;
    -o-border-radius: 40px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 10px;
    transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    line-height: 1.2;
}

#reviews .ivole-meter {
    height: 5px;
    border-radius: 10px;
    border: 0px !important;
    box-shadow: unset;
    background: -webkit-linear-gradient(top, #eee, #EAEAEA);
}

#reviews .ivole-meter .ivole-meter-bar {
    box-shadow: unset;
}

#reviews .cr-summaryBox-wrap {
    border-radius: 20px;
    background: #FFF;
    box-shadow: 0px 0px 100px 0px rgba(0, 0, 0, 0.05);
}

#reviews.cr-reviews-ajax-reviews .cr-input-text,
.cr-all-reviews-shortcode .cr-ajax-search .cr-input-text,
.cr-ajax-search input[type="text"] {
    border: 0px solid;
    border-radius: 10px;
}

#reviews.cr-reviews-ajax-reviews .cr-ajax-search .cr-ajax-search-icon {
    z-index: 999;
    color: #000;
}

.cr-ajax-search {
    padding: 5px !important;
    display: flex;
    border: 1px solid var(--dark-green);
    padding: 0 10px 0 20px;
    border-radius: 40px;
    -webkit-border-radius: 40px;
    -moz-border-radius: 40px;
    -ms-border-radius: 40px;
    -o-border-radius: 40px;
    margin-bottom: 30px;
    background-color: #fff;
}

#cr-ajax-reviews-review-form p.form-submit {
    display: flex;
    align-items: center;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    gap: 10px;
}

a#cr-ajax-reviews-cancel,
.cr-single-product-rev-submit,
.cr-reviews-ajax-reviews .cr-show-more-reviews-prd,
.cr-all-reviews-shortcode .cr-show-more-button,
.cr-reviews-grid .cr-show-more-button {
    background: var(--dark-green) !important;
    color: #fff !important;
    background: var(--dark-green) !important;
    border-radius: 40px !important;
    color: #fff !important;
    border: 0 !important;
    -webkit-border-radius: 40px !important;
    -moz-border-radius: 40px !important;
    -ms-border-radius: 40px !important;
    -o-border-radius: 40px !important;
    padding: 15px 30px !important;
    line-height: 1;
    height: auto;
    width: auto !important;
}

.comment-form-comment textarea#comment,
.comment-form-comment textarea#comment:focus {
    background-color: #FFF !important;
    color: #000 !important;
}

.section_support {
    display: flex;
    gap: 10px;
}

.sec-box-shadow {
    border-radius: 20px;
    background: #FFF;
    box-shadow: 0px 0px 100px 0px rgba(0, 0, 0, 0.05);
    margin: 20px 0px;
    padding: 15px;
    max-width: 900px;
    margin: auto;
}

.sec-box-shadow .pt-2 {
    padding: 10px 0px 20px;
}

.sec-box-shadow .support-btn {
    background: rgba(111, 217, 67, 0.35);
}

.sec-box-shadow .border-1px {
    border-top: 1px solid #eee;
}

.color-blue {
    color: #0085FF;
    font-size: 16px;
    font-weight: 600;
    line-height: normal;
    text-decoration-line: underline;
}

.sec-box-shadow .div-2 ul li,
.sec-box-shadow .div-3 ul li,
.sec-box-shadow .div-1 ul li {
    display: flex;
    align-items: center;
    gap: 10px;
    margin: 10px;
    line-height: 1.2;
}

.sec-box-shadow svg {
    flex-shrink: 0;
}

.review_rating_workdo {
    position: fixed;
    background-color: #fff;
    max-width: 450px;
    width: 100%;
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -khtml-border-radius: 10px;
    -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.8);
    box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.8);
    text-align: center;
    top: 50%;
    left: 50%;
    z-index: 9999;
    transform: translate(-50%, -50%);
    opacity: 0;
    visibility: hidden;
    height: 0;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    max-height: 95vh;
    overflow-y: auto;
}

.review_rating_workdo.active {
    opacity: 1;
    visibility: visible;
    height: auto;
    display: block;
}

.review_rating_workdo {
    padding: 15px !important;
    text-align: left !important;
}

.review_rating_workdo select {
    color: #000 !important;
    padding: 10px;
}

.review_rating_workdo .product-name {
    margin: 15px 0 5px;
    background: #013D29;
    color: #FFF;
    padding: 10px 12px;
    text-align: left;
    border-radius: 10px;
    font-weight: 600;
}

.review_rating_workdo .product-name::before {
    font-family: "Font Awesome 5 Free";
    content: "\f05a";
    display: inline-block;
    color: #FFF;
    font-weight: 900;
    padding-right: 10px;
}

.review_rating_workdo .product-name span {
    color: #F4B41A;
}

.review_rating_workdo .top-content button.close {
    width: 25px;
    height: 25px;
    padding: 0px;
    background-color: red;
    color: #FFF;
    border-radius: 100%;
}

.comment-form-rating {
    padding-top: 10px;
}

.review_rating_workdo .top-content button.close:hover {
    background: transparent !important;
    color: #ff0000;
}

.review_rating_workdo .req {
    color: red;
}

.info-messages {
    background-color: rgba(244, 181, 27, 0.50);
    padding: 10px;
    border-radius: 10px;
    color: #222;
    margin-bottom: 15px;
}

.review_rating_workdo .response div {
    background-color: rgba(244, 181, 27, 0.50);
    padding: 10px;
    border-radius: 10px;
    color: #222;
    margin-bottom: 15px;
    margin-top: 10px;
}

.top-content {
    border-bottom: 1px solid #ddd;
    margin-bottom: 15px;
    padding-bottom: 15px;
}

.bottom-close {
    background: #F4B41A;
    color: #fff !important;
}

a.review-rating-workdo {
    display: flex !important;
    flex-direction: row;
    align-items: center;
    gap: 10px;
    width: max-content;
    margin-top: 5px;
}

.review-rating-workdo .rating-value {
    cursor: auto;
    cursor: auto;
    background-color: #FFEFCA;
    border: 1px solid #FFB917;
    padding: 5px 15px;
    border-radius: 30px;
    font-size: 12px;
    font-weight: 600;
}

.review_rating_workdo .bottom-close:hover {
    background: #ffb400 !important;
    box-shadow: none !important;
}

.review_rating_workdo .form-submit {
    gap: 10px;
    justify-content: flex-end;
    margin-top: 15px;
}

/* width */
.review_rating_workdo::-webkit-scrollbar {
    width: 4px;
}

/* Track */
.review_rating_workdo::-webkit-scrollbar-track {
    background: #E1E1E1;
}

.review_rating_workdo::-webkit-scrollbar-thumb {
    background: var(--dark-green);
}

.rating,
.workd-star {
    font-size: 24px;
}

.star {
    cursor: pointer;
    color: grey;
    transition: color 0.2s ease;
}


/* Change color of stars on hover and stars before the hovered star */
.rating:hover>span,
span.workd-star.checked,
.rating span.star.selected {
    color: #FC0;
}

.rating:hover>span:hover {
    color: #FC0;
}

.rating>span:hover~span {
    color: grey;
}


/* .comment-box .crstar-rating span{
    position: relative;
    display: block;
  }
.comment-box .crstar-rating span::before {
    top: 0;
    position: absolute;
    left: 0;
    display: block;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f005\f005\f005\f005\f005";
} */

.workdo-comment-box {
    margin-left: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
}

/*.workdo-comment-box .review-header .crstar-rating{
    width: 120px !important; 
}*/
.workdo-comment-box .review-header {
    display: flex;
    align-items: center;
    gap: 15px;
}

.top-title {
    padding: 10px 10px;
    border-bottom: 1px solid #ddd;
    background: #013d29;
    border-radius: 10px 10px 0 0;
    color: #fff;
    gap: 10px;
}

.top-title time {
    color: #fff !important;
}

.workdo-comment-box .description p {
    padding: 25px 10px;
}

.workdo-comment-box .description p {
    margin: 0 !important;
}

.workdo-comment-box .crstar-rating {
    margin: 0 !important;
}

.commentlist ul.children .workdo-comment-box .description p {
    padding: 25px 50px;
}


.woocommerce-review__author {
    color: #F4B41A;
    font-weight: 600;
    text-transform: capitalize;
}

.cr-ajax-reviews-sort-div {
    display: flex;
    justify-content: space-between;
    max-width: 160px;
    width: 100%;
}

.cr-ajax-reviews-sort-div .nice-select {
    width: 100% !important;
    font-size: 14px !important;
}

.cr-ajax-search {
    display: none !important;
}

.cr-all-reviews-shortcode .cr-count-row,
#reviews.cr-reviews-ajax-reviews .cr-count-row {
    background-color: #F9F9F9;
    padding: 10px 12px;
    font-size: 14px;
    color: #0E252C;
    margin: 24px 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 20px auto;
    border-radius: 10px;
    border: 1px solid #d5d5d5;
    box-shadow: 0 0 5px 0px rgb(0 0 0 / 10%);
    padding: 15px 10px;
}

.children {
    background: whitesmoke;
    padding-top: 0 !important;

}

.children li.comment,
.children .workdo-comment-box,
.children .description {
    border: 0 !important;
    box-shadow: none !important;
}

.ivole-histogramRow {
    position: relative;
    display: block;
}

.ivole-histogramRow::before {
    content: "";
    position: absolute;
    top: 20%;
    left: -24px;
    color: var(--third-color);
    /* font-size: 20px; */
    background-image: url(https://workdo.io/wp-content/themes/storefront-child/assets/images/review-star.svg);
    background-size: 15px;
    background-repeat: no-repeat;
    width: 15px;
    height: 15px;
}

.comment-author-workdo {
    position: relative;
    padding-left: 50px;
}

.comment-author-workdo::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 10px;
    width: 30px;
    height: 30px;
    display: block;
    background: url(https://workdo.io/wp-content/themes/storefront-child/assets/images/favicon.ico) no-repeat;
    background-size: 100% 100%;
    transform: translateY(-50%);
    border-radius: 50%;
}

.cr-overall-rating-wrap {
    width: 100px !important;
    height: 180px !important;
    border: 5px solid var(--third-color) !important;
    border-radius: 50% !important;
    flex-basis: 180px !important;
    margin: 20px auto !important;
}

.workdo-rating-category {
    text-transform: capitalize;
}

#reviews .commentlist li ul.children li {
    margin-bottom: 0px !important;
    border-bottom: 1px solid !important;
}

.woocommerce-tabs .user-comments {
    box-shadow: 0px 0px 100px 0px rgba(0, 0, 0, 0.05);
    border-radius: 20px;
    background: #FFF;
    padding: 20px;
    margin-bottom: 20px;
    border: 1px solid #e1e8ed;
}

.commnet-media {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.woocommerce-tabs .media__author {
    margin-left: 15px;
}

.comment__body--response {
    margin-top: 15px;
}

.comment__item-response {
    border-radius: 20px;
    background: #F2FFED;
    box-shadow: 0px 0px 35px 0px rgba(0, 0, 0, 0.04);
    margin-left: 50px;
    margin-top: 15px;
    padding: 15px;
    border: 1px solid #6FD943;
}

.comment__item {
    border-radius: 20px;
    background: #fafafa;
    box-shadow: 0px 0px 35px 0px rgba(0, 0, 0, 0.04);
    padding: 20px;
    margin-top: 15px;
    border: 1px solid #e1e8ed;
}

#custom-form-workdo,
.workdo-review-leave {
    padding: 15px;
    background: #FFF;
    box-shadow: 0px 0px 100px 0px rgba(0, 0, 0, 0.05);
    border-radius: 15px;
}

#custom-form-workdo textarea,
#custom-form-workdo input {
    background-color: var(--white);
    color: var(--black);
}

#custom-form-workdo textarea:focus,
#custom-form-workdo input:focus {
    background-color: var(--white);
    color: var(--black);
}

.workdo-product-comment {
    max-width: 900px;
    margin: auto;
}

.commnet-found {
    margin-bottom: 10px;
}

div#custom-comments {
    margin-bottom: 20px;
}

.workdo-product-comment .media__item img {
    border-radius: 100%;
}

.sub-btn .btn {
    width: auto;
    display: flex;
    justify-content: center;
    border-radius: 50px;
    border: 1px solid;
}

#custom-form-workdo #form-result {
    margin: 10px;
}

#custom-form-workdo .form-group {
    margin-bottom: 10px;
}

#custom-form-workdo .form-group label {
    color: var(--black);
}

.custom-form-workdo textarea {
    color: #000000;
}


.workdo-dash-saas-banner .title-dash {
    color: #FFF;
}

.dash-button.row {
    gap: 10px;
    margin-bottom: 30px;
    margin-left: 0px;
}

.workdo-dash-saas-banner {
    background-color: #013d29;
    padding: 50px 0px;
}

.tax-product_cat.woocommerce-breadcrumb {
    color: #FFF;
}

.workdo-dash-saas-banner span.yollow {
    color: #F4B41A;
    text-transform: none;
}

.woocommerce-cart .wc-empty-cart-message {
    width: 100%;
}

@media screen and (max-width: 991px) {
    .workdo-dash-saas-banner {
        padding: 80px 0 40px;
    }
}

.add-on-dash-css span.notification-badge {
    background-color: #f55b4a;
    color: #fff;
    border-radius: 30px;
    padding: 1px 6px;
    font-size: 12px;
    text-transform: capitalize;
    font-weight: 600;
    letter-spacing: 0.5px;
    margin-right: 5px;
}


/* 29/08/2023 */

.dash-landing-wrapper .product-banner-section .btn {
    line-height: inherit;
}

.card-icon {
    position: relative;
    width: 65px;
    height: 65px;
    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;
    margin: 0 auto 20px;
}

.card-icon svg {
    width: auto;
    height: auto;
    color: inherit;
}

.dash-landing-wrapper .features-card-section .features-card p,
.eCommerceGo-landing-wrapper .features-card-section .features-card p {
    font-weight: 400;
    font-size: 14px;
    line-height: 163.5%;
    text-align: center;
    color: #002332;
    margin-bottom: 0;
}

.dash-landing-wrapper .features-card-section .features-card h4{
    font-weight: bold;
    font-size: 19px;
    line-height: 22px;
    color: #002332;
    text-align: center;
    margin-bottom: 20px;
}

.dash-landing-wrapper .features-card {
    box-shadow: 0px 0px 25px 0px #0000000D;
    width: 100%;

}

.dash-landing-wrapper .integrate-app-section .app-service-card h4 {
    font-weight: 500;
    font-size: 18px;
    line-height: 22px;
    text-align: center;
    margin-bottom: 20px;
}

.dash-landing-wrapper .integrate-app-section .app-service-card .card-app-type {
    max-width: 33.33%;
    width: 100%;
    padding: 15px 5px;
}

.dash-landing-wrapper .integrate-app-section .app-service-card .card-app-type p {
    font-size: 15px;
    font-weight: 400;
    color: #3F3F3F;
}

.dash-landing-wrapper .integrate-app-section .app-service-card .card-app-type .card-icon {
    background-color: var(--white);
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    box-shadow: 0px 0px 63.57973861694336px 0px #00000012;

}

.dash-landing-wrapper .integrate-app-section .app-service-card {
    padding: 30px 15px;
}

.dash-landing-wrapper .dedicated-module-section .sub-title,
.eCommerceGo-landing-wrapper .dedicated-module-section .sub-title {
    color: var(--black);
}

.dash-landing-wrapper .dedicated-module-section .module-detail,
.eCommerceGo-landing-wrapper .dedicated-module-section .module-detail {
    padding: 15px 15px 15px 15px;
    box-shadow: 0px 0px 25px 0px #0000000D;
    margin: 20px 0;
    position: relative;
    background-color: var(--white);
}

.dash-landing-wrapper .dedicated-module-section .module-detail:after,
.eCommerceGo-landing-wrapper .dedicated-module-section .module-detail:after {
    content: '';
    position: absolute;
    height: 12px;
    width: 12px;
    background-image: url(../image/down-arrow.html);
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: 50% 50%;
    top: 50%;
    transform: translateY(-50%);
    right: 15px;
    -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;
}

.dash-landing-wrapper .dedicated-module-section .module-detail svg,
.eCommerceGo-landing-wrapper .dedicated-module-section .module-detail svg {
    display: inline-block;
}

.dash-landing-wrapper .dedicated-module-section .module-detail .module-text,
.eCommerceGo-landing-wrapper .dedicated-module-section .module-detail .module-text {
    margin-left: 15px;
    color: #888888;
    flex: 1;
}

.dash-landing-wrapper .dedicated-module-section .module-detail .module-icon,
.eCommerceGo-landing-wrapper .dedicated-module-section .module-detail .module-icon {
    width: 25px;
    height: 25px;
    margin-right: 10px;
    flex-shrink: 0;
}

.dash-landing-wrapper .dedicated-module-section .module-detail .module-icon {
    margin-right: 0;
}

.dash-landing-wrapper .client-review-slider .review-card,
.eCommerceGo-landing-wrapper .client-review-slider .review-card,
.bookinggo-review-sec .client-review-slider .review-card {
    padding: 50px 10px 20px;
    opacity: 0.5;
}

.dash-landing-wrapper .client-review-slider .slick-dots,
.eCommerceGo-landing-wrapper .client-review-slider .slick-dots,
.bookinggo-review-sec .client-review-slider .slick-dots {
    margin-top: 10px;
}

.dash-landing-wrapper .client-review-slider .review-inner,
.eCommerceGo-landing-wrapper .client-review-slider .review-inner,
.bookinggo-review-sec .client-review-slider .review-inner {
    box-shadow: 0px 0px 30.179285049438477px 0px #0000000D;
}

.dash-landing-wrapper .client-review-section .section-title,
.eCommerceGo-landing-wrapper .client-review-section .section-title,
.bookinggo-review-sec .section-title {
    padding: 0 15px;
}

.dash-landing-wrapper .client-review-slider .slick-center .review-inner .quats-icon svg path,
.eCommerceGo-landing-wrapper .client-review-slider .slick-center .review-inner .quats-icon svg path,
.bookinggo-review-sec .slick-center .review-inner .quats-icon svg path {
    fill-opacity: 1;
}

.dash-landing-wrapper .client-review-slider .bottom-content,
.eCommerceGo-landing-wrapper .client-review-slider .bottom-content,
.bookinggo-review-sec .bottom-content {
    margin-top: 0;
}

.dash-landing-wrapper .client-review-slider .review-card .top-content,
.eCommerceGo-landing-wrapper .client-review-slider .review-card .top-content,
.bookinggo-review-sec .client-review-slider .review-card .top-content {
    border-bottom: 0;
    margin-bottom: 0;
    position: relative;
    margin-top: -40px;
}

.dash-landing-wrapper .client-review-slider .review-card.slick-center,
.eCommerceGo-landing-wrapper .client-review-slider .review-card.slick-center,
.bookinggo-review-sec .client-review-slider .review-card.slick-center {
    opacity: 1;
}

.dash-landing-wrapper .client-review-slider .slick-list,
.eCommerceGo-landing-wrapper .client-review-slider .slick-list,
.bookinggo-review-sec .client-review-slider .slick-list {
    padding: 0px 7% 0px !important;
}

.dash-landing-wrapper .client-review-slider .slick-dots li::before,
.eCommerceGo-landing-wrapper .client-review-slider .slick-dots li::before,
.dash-landing-wrapper .features-content-slider .slick-dots li::before,
.bookinggo-review-sec .client-review-slider .slick-dots li::before {
    background-color: #D9D9D9;
    height: 8px;
    width: 8px;
}

.dash-landing-wrapper .client-review-slider .slick-dots li.slick-active::before,
.eCommerceGo-landing-wrapper .client-review-slider .slick-dots li.slick-active::before,
.dash-landing-wrapper .features-content-slider .slick-dots li.slick-active::before,
.bookinggo-review-sec .client-review-slider .slick-dots li.slick-active::before {
    background-color: var(--theme-color);
}

.row-reverse {
    flex-direction: row-reverse;
}

.dash-landing-wrapper .client-review-slider .slick-arrow,
.eCommerceGo-landing-wrapper .client-review-slider .slick-arrow {
    display: none !important;
}

/* *********** */
.dash-landing-wrapper .custom-req-section .title-content-inner p {
    color: var(--black);
}

.dash-landing-wrapper .custom-req-section .form-group label {
    color: var(--black);
}

/* .dash-landing-wrapper .custom-req-section .custom-req-form, */
.eCommerceGo-landing-wrapper .custom-req-section .custom-req-form {
    padding: 15px;
    box-shadow: 0px 0px 30.179285049438477px 0px #0000000D !important;
    border-radius: 10px;
}

.dash-landing-wrapper .custom-req-section .custom-req-form .form-group label,
.eCommerceGo-landing-wrapper .custom-req-section .custom-req-form .form-group label {
    color: var(--white);
}

.flex-wrap-nowrap {
    flex-wrap: nowrap;
}

.dash-landing-wrapper .custom-req-section .form-control,
.dash-landing-wrapper .custom-req-section input:not([type="submit"]),
.dash-landing-wrapper .custom-req-section input:not([type="checkbox"]),
.dash-landing-wrapper .custom-req-section input:not([type="radio"]),
.dash-landing-wrapper .custom-req-section select,
.eCommerceGo-landing-wrapper .custom-req-section .form-control,
.eCommerceGo-landing-wrapper .custom-req-section input:not([type="submit"]),
.eCommerceGo-landing-wrapper.custom-req-section input:not([type="checkbox"]),
.eCommerceGo-landing-wrapper .custom-req-section input:not([type="radio"]),
.eCommerceGo-landing-wrapper .custom-req-section select,
.eCommerceGo-landing-wrapper .custom-req-section textarea,
.dash-landing-wrapper .custom-req-section textarea {
    color: var(--white);
}



section.custom-req-section.bg-dark-green.pt.pb .info-cards.text-center.bg-theme h4.form-title {
    color: var(--black);

}

section.custom-req-section.bg-dark-green.pt.pb h4.form-title {
    color: var(--white);
}

.custom-req-section.bg-dark-green [type="submit"],
.bg-dark-green [type="submit"] {
    background: #6FD943 !important;
    border-radius: 30.2249px;
    width: 100%;
    border: 0;
    -webkit-border-radius: 30.2249px;
    -moz-border-radius: 30.2249px;
    -ms-border-radius: 30.2249px;
    -o-border-radius: 30.2249px;
    padding: 15px 30px;
    text-transform: capitalize;
    font-weight: 600;
}

.custom-req-section.bg-dark-green [type="submit"]:hover {
    background: #6FD943;
    border-radius: 30.2249px;
    width: 100%;
    border: 0;
    -webkit-border-radius: 30.2249px;
    -moz-border-radius: 30.2249px;
    -ms-border-radius: 30.2249px;
    -o-border-radius: 30.2249px;
    padding: 15px 30px;
}

/* .dash-landing-wrapper .custom-req-section .submit-btn p,
.eCommerceGo-landing-wrapper .custom-req-section .submit-btn p {
    display: inline-block;

}

.dash-landing-wrapper .custom-req-section .info-cards,
.eCommerceGo-landing-wrapper .custom-req-section .info-cards {
    margin: 30px 0 0px 0;
    max-width: 100%;
    padding: 20px 20px 20px 20px;
    background-color: transparent;
}

.dash-landing-wrapper .custom-req-section .info-cards .icon-div,
.eCommerceGo-landing-wrapper .custom-req-section .info-cards .icon-div {
    position: unset;

}

.dash-landing-wrapper .custom-req-section .info-cards h4,
.eCommerceGo-landing-wrapper .custom-req-section .info-cards h4 {
    font-size: 22px;
    width: 100%;
}

.dash-landing-wrapper .custom-req-section .info-cards-wrp .category-label,
.eCommerceGo-landing-wrapper .custom-req-section .info-cards-wrp .category-label {
    top: auto;
    left: auto;
    right: 0;
    position: unset;
    justify-content: flex-end;
    width: 100%;
} */

.dash-landing-wrapper .custom-req-section .info-cards-wrp .category-label span,
.eCommerceGo-landing-wrapper .custom-req-section .info-cards-wrp .category-label span {
    transform: none;
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    -o-transform: none;
    top: auto;
    left: auto;
    color: var(--theme-color);
}

.dash-landing-wrapper .product-banner-section {
    position: relative;
}

.dash-landing-wrapper .bg-img{
    border-radius: 50%;
    box-shadow: 0px 0px 25px 0px #0000000D;
}

.dash-landing-wrapper .font-dash a {
    font-weight: 600;
}

.dash-landing-wrapper .banner-bg {
    position: absolute;
    top: 0;
    right: 0;
    object-fit: scale-down;
}

.dash-landing-wrapper .dedicated-module-section .left-inner {
    position: relative;
}

.dash-landing-wrapper .dedicated-module-section .module-detail .d-flex {
    flex-wrap: nowrap;
    gap: 15px;
}

.dash-landing-wrapper .dedicated-module-section .module-detail .d-flex .set {
    width: 100%;
}

.dash-landing-wrapper .dedicated-module-section .module-detail .d-flex .set a,
.eCommerceGo-landing-wrapper .dedicated-module-section .module-detail .d-flex .set a {
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-weight: 900;
    gap: 10px;
}

.dash-landing-wrapper .dedicated-module-section .module-detail .d-flex .set .content,
.eCommerceGo-landing-wrapper .dedicated-module-section .module-detail .d-flex .set .content {
    margin-top: 10px;
}

.eCommerceGo-landing-wrapper .seller-apps .title-content-inner {
    padding: 40px 0;

}

.dash-landing-wrapper .dedicated-module-section .module-detail .d-flex .set,
.eCommerceGo-landing-wrapper .dedicated-module-section .module-detail .d-flex .set {
    width: 100%;
}

.eCommerceGo-landing-wrapper .dedicated-module-section .row {
    row-gap: 15px;
}

.dash-landing-wrapper .decorative-bg,
.eCommerceGo-landing-wrapper .decorative-bg {
    position: absolute;
    left: -60px;
    top: -60px;
    z-index: -1;
}

.dash-landing-wrapper .decorative-bg.left-bottom-bg,
.eCommerceGo-landing-wrapper .decorative-bg.left-bottom-bg {
    bottom: -60px;
    top: auto;
}

.dash-landing-wrapper .decorative-bg.right-bottom-bg,
.eCommerceGo-landing-wrapper .decorative-bg.right-bottom-bg {
    right: 0;
    left: auto;
    bottom: 0;
    top: auto;
}

.dash-landing-wrapper .decorative-bg.right-mid-bg,
.eCommerceGo-landing-wrapper .decorative-bg.right-mid-bg {
    right: -60px;
    left: auto;
}

.dash-landing-wrapper .decorative-bg.left-mid-bg,
.eCommerceGo-landing-wrapper .decorative-bg.left-mid-bg {
    top: 61px;
}

.eCommerceGo-landing-wrapper .section-title .sub-heading {
    color: var(--white);
}
.eCommerceGo-landing-wrapper .ecomm-seller-sec .section-title .sub-heading,
.eCommerceGo-landing-wrapper .seller-apps .section-title .sub-heading{
    color: var(--black);
}

/* e */

.product-center-slider .slick-list {
    padding: 55px 5% 0px !important;
}


.product-center-slider .slick-list,
.product-center-slider .slick-track {
    display: flex;
}

.product-center-slider .slick-slide,
.product-center-slider .slick-slide[aria-hidden="true"]:not(.slick-cloned)~.slick-cloned[aria-hidden="true"] {
    padding: 0 15px;
}

.product-center-slider .slick-center .product-card-inner,
.product-center-slider .slick-slide[aria-hidden="true"]:not([tabindex="-1"])+.slick-cloned[aria-hidden="true"] .product-card-inner {
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    filter: drop-shadow(0px 4px 56px rgba(82, 86, 219, 0.43));
    position: relative;
    z-index: 1;
    transform-origin: bottom;
    -webkit-filter: drop-shadow(0px 4px 56px rgba(82, 86, 219, 0.43));
}

.eCommerceGo-landing-wrapper .product-image {
    position: relative;
    border-radius: 10px;
    background: linear-gradient(#ffffff 0 0) padding-box, linear-gradient(180deg, rgba(1, 61, 41, 1) 0%, #6fd94391 100%) border-box;
    padding: 10px;
    border: 1px solid transparent;
    width: 100%;
    height: 100%;
}
.eCommerceGo-landing-wrapper .product-image img{
    border-radius: 10px;
    overflow: hidden;
}
/* Initial styling for .view-demo-ecommercego */
.eCommerceGo-landing-wrapper .view-demo-ecommercego {
    transition: .5s all ease-in-out;
    width: 100%;
    margin-top: 15px;
}


/* Styling when .product-image is hovered */
.eCommerceGo-landing-wrapper .fs-40 {
    text-transform: none !important;
}

.eCommerceGo-landing-wrapper .slick-center .product-image {
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    position: relative;
    z-index: 1;
    transform-origin: bottom;
    box-shadow: 0px 0px 25.43223px 0px rgba(0, 0, 0, 0.10);
}

.eCommerceGo-landing-wrapper .eCommerceGo-title {
    text-transform: none;
}




/************ css created by nayan ************/
.flexible-theme-section .section-title h2 {
    font-size: 1.618em;
}

.flexible-theme-inner ul {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    justify-content: center;
}

.flexible-theme-inner ul li {
    padding: 15px 10px;
    background-color: #f5f5f5;
    width: 100%;
    text-align: center;
    font-size: 16px;
    color: var(--black);
    font-weight: 500;
    max-width: 23.7%;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.theme-feature-inner ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 20px;
}

.theme-feature-inner ul li .theme-feature-box {
    display: flex;
    align-items: center;
    gap: 15px;
    background-color: #f5f5f5;
    padding: 10px;
    color: var(--dark-green);
}

.theme-feature-inner ul li {
    max-width: 31.9%;
    width: 100%;
}

.theme-feature-inner ul li .theme-feature-box .theme-feature-icon {
    background-color: var(--theme-color);
    padding: 11px 12px;
    position: relative;
}

.theme-feature-inner ul li:nth-child(even) .theme-feature-box .theme-feature-icon {
    background-color: var(--dark-green);
}

.theme-feature-inner ul li .theme-feature-box h4 {
    font-size: 17px;
}

.multi-lang {
    background-color: #F4F1F1;
}

.multi-lang .multi-lang-opc {
    gap: 20px;
    justify-content: center;
}

.multi-lang-opc .multi-lang-info .multi-lang-inner svg {
    margin: auto auto 15px auto;
}

.multi-lang-opc .multi-lang-info {
    max-width: 150px;
    width: 100%;
    padding: 40.5px 36px;
    background-color: var(--white);
    text-align: center;
    box-shadow: 0px 0px 25px rgba(0, 0, 0, 0.06);
}

/******************* 19-09-23 new css ***************/
.affiliate-section {
    background-color: #f5f5f5;
    position: relative;
    z-index: 1;
}

.affiliate-img img {
    max-width: 100%;
}

.af-bg-img img {
    position: absolute;
    z-index: -1;
}

.af-bg-img1 {
    top: 0;
    left: 5%;
}

.af-bg-img2 {
    top: 6%;
    left: 4%;
}

.af-bg-img3 {
    top: 80%;
    left: 30%;
}

.custom-work-section {
    background-color: #f5f5f5;
    position: relative;
    z-index: 1;
}

.custom-work-section .section-title {
    margin-top: 20px;
}

.custom-work-section .section-title p {
    max-width: 600px;
}

.custom-work-section .section-title .submit-btn {
    gap: 0 20px;
}

.custom-work-section .section-title .submit-btn a {
    background-color: transparent !important;
    color: var(--black) !important;
    border: 1px solid var(--dark-green);
    gap: 0;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
}

.custom-work-section .section-title .submit-btn a svg {
    margin-left: 8px;
}

.cs-bg-img {
    position: absolute;
    z-index: -1;
    right: 0;
    bottom: 0;
}

.custom-img img {
    max-width: 100%;
}

.module-suggestions-section {
    background-color: #f5f5f5;
    position: relative;
    z-index: 1;
}

.module-sg-img img {
    max-width: 100%;
}

.send-us-opc {
    display: flex;
    align-items: flex-start;
    gap: 10px;
}

.sub-heading-sg-sec {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.send-us-opc a:nth-child(2) {
    margin-top: -10px;
    font-weight: bold;
}

.sg-bg-img img {
    position: absolute;
    z-index: -1;
}

.sg-bg-2 {
    top: 0;
    right: 0;
}

.sg-bg-3 {
    bottom: 0;
    left: 0;
}

.sg-bg-4 {
    top: 80%;
    left: 30%;
}

.archive .star-rating {
    display: none;
}

.load-more-ls p.no-more-product {
    background-color: #FFEFCA;
    border: 1px solid #FFB917;
    padding: 10px 20px;
    border-radius: 30px;
    font-size: 14px;
    font-weight: 600;
}




/* bundle*/
.bundle-page .bundle-banner-section .title-content-inner h1 {
    margin-bottom: 24px;
}

.bundle-page .bundle-banner-section .title-content-inner p {
    max-width: 500px;
    width: 100%;
    margin: auto auto 30px auto;
    font-family: var(--first-font);
}

.bundle-page .bundle-banner-section .title-content-inner {
    max-width: 770px;
    width: 100%;
    margin: auto;
    padding: 200px 0 80px;
    text-align: center;
}

.bundle-page .bundle-banner-section {
    background-color: transparent;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.bundle-checkout-section .bundle-checkout-inner h2 span,
.checkout-theme-bundle-inner h3 span {
    color: var(--theme-color);
}

.bundle-page .count-section {
    position: relative;
    margin-top: -28px;
}

.bundle-page .count-section .count-card {
    background: #FFF;
    box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.05);
    padding: 20px 20px;
    border-radius: 15px;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    -ms-border-radius: 15px;
    -o-border-radius: 15px;
    height: 100%;
    display: flex;
    flex-direction: column;
    position: relative;
    text-align: center;
}

.bundle-page .count-section .count-card .card-icon {
    background-color: var(--theme-color);
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    margin-top: -40px;
    outline: 4.81px solid #6FD94380
}

.bundle-page .count-section .count-card.card-yellow .card-icon {
    background-color: var(--third-color);
    outline: 4.81px solid #F9BB1D80;

}

.bundle-page .count-section .count-card p {
    font-size: 16px;
    font-family: var(--first-font);
    line-height: 28px;
    margin-bottom: 15px;
}

.bundle-page .count-section .count-card span {
    color: var(--theme-color);
    font-size: 38px;
    font-family: var(--first-font);
    line-height: 1;
}

.bundle-page .count-section .count-card.card-yellow span {
    color: var(--third-color);
}

.bundle-page .fashion-shopify-section .section-title h2 {
    color: var(--theme-color);
}

.bundle-page .fashion-shopify-section .section-title span {
    color: var(--black);
    font-size: 26px;
}

.bundle-page .fashion-shopify-section .fashion-shopify-main {
    overflow: hidden;
    border: 1px solid var(--third-color);
    padding: 40px 20px;
    border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    -o-border-radius: 20px;
}

.bundle-page .fashion-shopify-section .fashion-shopify-slider {
    width: 100%;
    padding-bottom: 70px;
}

.bundle-page .fashion-shopify-section .fashion-shopify-slider::before {
    left: -20px;
    right: auto;
}

.bundle-page .fashion-shopify-section .fashion-shopify-slider::after {
    left: auto;
    right: -20px;
}

.bundle-page .fashion-shopify-section .fashion-shopify-slider::before,
.bundle-page .fashion-shopify-section .fashion-shopify-slider::after {
    content: '';
    position: absolute;
    top: 0;
    width: 110px;
    background: #FFFFFF;
    height: 100%;
    z-index: 2;
}

.bundle-page .fashion-shopify-section .swiper-button-next,
.bundle-page .fashion-shopify-section .swiper-button-prev {
    width: 32px;
    height: 32px;
    -webkit-box-shadow: 0px 10px 16.2577px rgba(226, 226, 226, 0.28);
    box-shadow: 0px 10px 16.2577px rgba(226, 226, 226, 0.28);
    background: #FFFFFF;
    border-radius: 50%;
    border: 1px solid rgba(255, 255, 255, 0.27);
    z-index: 3;
    -webkit-box-shadow: 0 0 15px 0 rgba(0 0 0 / 20%);
    box-shadow: 0 0 15px 0 rgba(0 0 0 / 20%);
}

.bundle-page .fashion-shopify-section .swiper-button-next::after,
.bundle-page .fashion-shopify-section .swiper-button-prev::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background: url(../images/slider-arrow.png) no-repeat;
}

.bundle-page .fashion-shopify-section .swiper-pagination-bullet-active {
    background-color: var(--theme-color);
}

.bundle-page .fashion-shopify-section .swiper-pagination {
    bottom: 23px;
}

.bundle-page .fashion-shopify-section .fashion-shopify-slider .swiper-wrapper {
    height: auto;
}

.bundle-page .fashion-shopify-section .fashion-shopify-slider .swiper-slide {
    max-width: 470px;
    width: 100%;
}

.bundle-page .fashion-shopify-section .fashion-shopify-slider .shopify-card {
    border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    -o-border-radius: 20px;
    overflow: hidden;
    -webkit-box-shadow: 0px 33px 40px -12px #f5f5f5;
    box-shadow: 0px 33px 40px -12px #f5f5f5;

}

.bundle-page .fashion-shopify-section .shopify-card .card-img-wrp {
    position: relative;
    width: 100%;
    padding-top: 100%;
    display: block;
}

.bundle-page .fashion-shopify-section .shopify-card .card-img-wrp img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: block;
}

.bundle-page .fashion-shopify-section .shopify-card .card-content {
    background: var(--white);
    color: var(--white);
    padding: 30px 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    text-align: center;
    color: var(--black);
}

.bundle-page .fashion-shopify-section .shopify-card .card-content h3 {
    color: var(--theme-color);
    margin-bottom: 10px;
}

.bundle-page .client-review {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    justify-content: center;
}

.review-star {
    display: flex;
    align-items: center;
    gap: 2px;
}

.bundle-page .fashion-shopify-section .fashion-shopify-main-bottom .section-title span {
    color: var(--black);
    font-size: 30px;
}

.bundle-page .fashion-shopify-section .fashion-shopify-main-bottom .client-review .selling-count {
    font-size: 20px;
}

.bundle-page .selling-count {
    margin-left: 7px;
}

.bundle-page .fashion-shopify-section .fashion-shopify-main-bottom .client-review {
    margin-bottom: 10px;
}

.bundle-page .fashion-shopify-section .fashion-shopify-main-bottom .price {
    justify-content: center;
    font-size: 35px;
    margin-bottom: 20px;
}

.bundle-page .fashion-shopify-section .fashion-shopify-main-bottom .price del {
    color: #78788C;
    margin: 0 10px;
}

.bundle-page .fashion-shopify-section .fashion-shopify-main-bottom .price .offer {
    color: #FF764C;
}

.bundle-page .shopify-featured-section .section-title {
    margin-bottom: 10px;
}

.bundle-page .shopify-featured-section .shopify-featured-inner {
    box-shadow: 0px 0px 30.28645896911621px 0px #0000000D;
    border-radius: 26px;
    -webkit-border-radius: 26px;
    -moz-border-radius: 26px;
    -ms-border-radius: 26px;
    -o-border-radius: 26px;
    padding: 30px;
}

.bundle-page .shopify-featured-inner h2.fs-30 {
    font-size: 35px;
    color: var(--theme-color);
}

.bundle-page .shopify-featured-inner .section-title b {
    font-size: 25px;
    font-weight: 800;
    line-height: 1.2;
}

.bundle-page .buy-now-bundle {
    width: 45%;
    justify-content: center;
}

.top-selling-section h3 span {
    color: var(--theme-color);
}

.bundle-page .shopify-featured-section .left-wrap .section-title h2,
.bundle-page .top-selling-section .top-selling-bottom-wrap .section-title h2 {
    font-weight: 500;
}

.bundle-page .shopify-featured-section .left-wrap .section-title h2 b,
.bundle-page .top-selling-section .top-selling-bottom-wrap .section-title h2 b {
    font-weight: 600;
}

.bundle-page .shopify-featured-section .left-wrap .client-review,
.bundle-page .top-selling-section .top-selling-bottom-wrap .client-review {
    justify-content: flex-start;
    margin-bottom: 10px;
}

.bundle-page .top-selling-section .top-selling-bottom-wrap .client-review {
    margin-bottom: 10px;
    margin-top: 5px;
}

.bundle-page .shopify-featured-section .left-wrap .price,
.bundle-page .top-selling-section .top-selling-bottom-wrap .price,
.bundle-page .saving-deal-section .price {
    margin-bottom: 20px;
}

.bundle-page .shopify-featured-section .left-wrap .price del,
.bundle-page .top-selling-section .top-selling-bottom-wrap .price del,
.bundle-page .saving-deal-section .price del {
    margin: 0 10px;
    color: #78788C;
}

.bundle-page .shopify-featured-section .left-wrap .price .offer,
.bundle-page .top-selling-section .top-selling-bottom-wrap .price .offer,
.bundle-page .saving-deal-section .price .offer {
    color: #FF764C;
}

.bundle-page .shopify-featured-section .right-wrap {
    border-left: 1px solid var(--theme-color);
    padding: 20px;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
}

.bundle-page .shopify-featured-section .right-wrap h4 {
    margin-bottom: 15px;
}

.bundle-page .shopify-featured-section .right-wrap .featured-points li {
    display: flex;
    align-items: center;
    gap: 8px;

}

.bundle-page .shopify-featured-section .right-wrap .featured-points li:not(:last-of-type) {
    margin-bottom: 15px;
}

.bundle-page .top-selling-section .section-title {
    max-width: 650px;
    margin: 0 auto;
}

.bundle-page .top-selling-section .top-selling-bottom-wrap {
    border: 1px solid var(--third-color);
    border-radius: 26px;
    -webkit-border-radius: 26px;
    -moz-border-radius: 26px;
    -ms-border-radius: 26px;
    -o-border-radius: 26px;
    padding: 20px;
}

.top-selling-bottom-wrap h2 {
    font-size: 35px;
    color: var(--theme-color);
}

.top-selling-bottom-wrap b {
    font-size: 25px;
}

.bundle-page .top-selling-section .product-content {
    display: flex;
    flex-direction: row;
    align-items: center;
}

.bundle-page .filter-right-column .product-card .product-content-top {
    height: unset;
    margin-bottom: unset;
}

.bundle-page .saving-deal-section {
    background: #F5F5F5;

}

.bundle-page .saving-deal-section .section-title {
    margin: 0 auto 15px;
}

.bundle-page .saving-deal-section .section-title h2 {
    color: var(--theme-color);
}

.bundle-page .saving-deal-section .client-review {
    margin-bottom: 20px;
}

.bundle-page .saving-deal-section .price {
    justify-content: center;
}

.bundle-page .bundle-checkout-opc {
    margin: 50px 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    gap: 80px;
    justify-content: center;
    flex-wrap: wrap;
}

.bundle-page .bundle-descn .section-title {
    max-width: 770px;
    margin: 0 auto 30px;
}

.bundle-page .bundle-descn .section-title h3 {
    color: var(--theme-color);
}

.bundle-page .bundle-descn .sub-title {
    font-size: 20px;
    line-height: 34px;
    color: black;
}

.bundle-page .product-content-top .title {
    margin-bottom: 10px;
}

.bundle-page ul.bundle-file-info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 20px;
    flex-wrap: wrap;
}

.bundle-page ul.bundle-file-info li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    gap: 10px;
    border-radius: 10px;
    background: #f5f5f5;
    padding: 10px;
    max-width: 20%;
    width: 100%;
}

.bundle-page .gm-preview-event svg {
    fill: var(--white);
}

.bundle-page .checkout-theme-bundle .checkout-title h3 {
    margin-bottom: 15px;
}

.bundle-page .checkout-theme-bundle .checkout-title p {
    max-width: 600px;
    width: 100%;
    margin: auto;
    font-size: 18px;
    font-family: var(--first-font);
    line-height: 24px;
}

.bundle-page .save-btn {
    font-family: var(--first-font);
    font-size: 16px;
    display: flex;
    align-items: center;
    gap: 10px;
    justify-content: end;
    margin-top: 25px;
}

.bundle-page .chechout-theme-bundle-left-content {
    max-width: 410px;
    width: 100%;
}

.bundle-page .chechout-theme-bundle-left-content h4 {
    margin: 15px 0;
    font-family: var(--first-font);
    font-size: 31.039px;
    font-weight: 700;
    line-height: 43.185px;
    /* 139.13% */
    letter-spacing: 1.862px;
}

.bundle-page .tabs.wc-tabs {
    display: flex;
    align-items: center;
    justify-content: end;
}

.bundle-page .tabs.wc-tabs li a {
    position: relative;
    padding: 10px 35px;
    border-radius: 30px;
    color: var(--dark-green);
    line-height: 1.2;
    font-size: 16px;
    display: inline-flex;
    align-items: center;
    white-space: nowrap;
}

.bundle-page ul.tabs li.active a {
    background: #6FD943;
    color: #013D29;
}

.bundle-page .sub-plan-card {
    padding: 20px;
}

.bundle-page .sub-plan-card h4 {
    font-family: var(--first-font);
    font-size: 35.088px;
    line-height: 35.088px;
    /* 100% */
}

.bundle-page .sub-plan-card p {
    margin: 15px 0 25px 0;
    font-family: var(--first-font);
    font-size: 16px;
}

.bundle-page .sub-plan-card .sub-plan-card-det ul li {
    display: flex;
    align-items: center;
    gap: 7px;
    margin-top: 10px;
    color: #636363;
    font-family: var(--first-font);
}

.bundle-page .sub-plan-card .sub-plan-card-det ul h6 {
    font-family: var(--first-font);
    font-size: 17.544px;
    line-height: 35.088px;
}

.bundle-page .sub-plan-card .sub-plan-card-det .price {
    font-family: var(--first-font);
    font-size: 30px;
}

.bundle-page .sub-plan-card .sub-plan-card-det .price span {
    font-size: 16px;
}

.bundle-page .sub-plan-card .buy-now-btn {
    max-width: 320px;
    width: 100%;
    display: block;
    text-align: center;
    margin: auto;
}

.bundle-pro a.review-rating-workdo {
    justify-content: center;
}

.bundle-pro .material-kit-box-inner .inner-content ul li {
    align-items: center !important;
}

.bundle-pro i.fa-solid.fa-circle-check {
    color: #013d29;
    font-size: 12px;
}

.bundle-page .swiper-button-next::after {
    background-position: -15px center !important;
}

.bundle-page .swiper-button-prev::after {
    background-position: 8px center !important;
}

.bundle-page .faq-section .sub-title {
    background-color: var(--theme-color);
    color: var(--black);
    padding: 10px 15px;
    border-radius: 25px;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    -ms-border-radius: 25px;
    -o-border-radius: 25px;
}

.bundle-page .faq-section .accordion-container .set {
    border: 0;
    border-bottom: 1px solid var(--border-color);
}

.bundle-page .faq-section .accordion-container .set>a {
    color: var(--dark-green);
}

.bundle-page .faq-section .accordion-container .content {
    color: #206A51;
}

.bundle-page .faq-section .accordion-container .set>a.active i {
    background: transparent;
    color: var(--dark-green);
}

.bundle-page .faq-section .accordion-container .set>a.active i {
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
}

.bundle-page .contact-section .section-title {
    max-width: 500px;
    width: 100%;
}

.bundle-page .contact-section .section-title .sub-heading {
    background: var(--theme-color);
    padding: 8px 20px;
    color: var(--second-color);
    border-radius: 30px;
    font-size: 14px;
    font-weight: 600;
    margin-bottom: 15px;
    display: inline-block;
}

.bundle-page .contact-section {
    margin-top: 0px;
    padding-top: 80px;
}

.bundle-page .contact-section.bg-dark-green form label,
.bundle-page .contact-section.bg-dark-green form input::placeholder,
.bundle-page .contact-section.bg-dark-green form textarea::placeholder {
    color: #6A998f !important;
}

.bundle-page .form-group .btn.btn-white[type="submit"] {
    background: var(--white);
    color: var(--second-color);
    font-size: 15px;
    font-weight: 600;
}

.bundle-page .four-card-section {
    background: none;
}

.bundle-page .top-selling-section .sub-title {
    color: black;
}

.bundle-features-icon {
    background-color: var(--theme-color);
    padding: 7px 7px;
    border-radius: 15px;
}

.bundle-page .card-icon i {
    font-size: 25px;
}


@media (max-width:1199px) {
    .fs-50 {
        font-size: 36px;
    }
}

@media (max-width:991px) {
    .Documentation-content-wrp {
        margin: 20px 0 !important;
    }

    .bundle-page .bundle-checkout-opc {
        gap: 40px;
    }

    .bundle-page .count-section .count-card p {
        line-height: 22px;
    }

    .bundle-page .count-section .count-card span {
        font-size: 24px;
    }

    .bundle-page ul.bundle-file-info {
        gap: 15px;
    }

    .fs-50 {
        font-size: 33px;
    }

    .bundle-page .fashion-shopify-section .fashion-shopify-main-bottom .price {
        font-size: 25px;
    }

    .bundle-page ul.bundle-file-info li {
        max-width: 25%;
    }
}

@media (max-width:767px) {
    br {
        display: none;
    }
    .woocommerce-Address br {
        display: block;
    }
    .bundle-page .bundle-banner-section .title-content-inner {
        padding: 80px 0 80px;
    }

    .bundle-page .count-section .row .col-md-3:first-child .count-card {
        margin-bottom: 20px;
    }

    .bundle-page .bundle-checkout-opc {
        margin: 25px 0;
    }

    .bundle-page .bundle-descn h4 {
        margin-bottom: 20px;
    }

    .bundle-page .chechout-theme-bundle-left-content h4 {
        font-size: 24.039px;
        line-height: 30.185px;
    }

    .bundle-page .sub-plan-card h4 {
        font-size: 28.088px;
        line-height: 28.088px;
    }

    .bundle-page .sub-plan-card {
        padding: 20px 0;
    }

    .bundle-page .sub-plan-card p {
        margin: 10px 0;
    }

    .fs-50 {
        font-size: 26px;
    }

    .bundle-page .contact-section .section-title {
        margin: auto auto 30px auto;
    }

    .bundle-page ul.bundle-file-info li {
        max-width: 46%;
    }

    .bundle-page .bundle-descn .sub-title {
        margin-bottom: 20px;
    }

    .bundle-page .fashion-shopify-section .fashion-shopify-slider::before,
    .bundle-page .fashion-shopify-section .fashion-shopify-slider::after {
        display: none;
    }

    .bundle-page .fashion-shopify-section .fashion-shopify-main {
        border: none;
        padding: 40px 0px;

    }
}

@media (max-width:575px) {
    .bundle-page .bundle-banner-section .title-content-inner h1 {
        font-size: 26px;
    }

    .bundle-page .count-section .row .col-md-3:not(:last-child) .count-card {
        margin-bottom: 20px;
    }

    .bundle-page .bundle-checkout-opc {
        gap: 20px;
    }

    .bundle-page .bundle-checkout-opc img {
        max-width: 30px;
    }

    .bundle-page .bundle-descn h4 {
        font-size: 18px;
        line-height: 24px;
    }

    .bundle-page ul.bundle-file-info {
        flex-direction: column;
        gap: 10px;
    }

    .bundle-page ul.bundle-file-info li {
        max-width: 100%;
    }

    .bundle-page .shopify-featured-section .shopify-featured-inner {
        padding: 15px;
    }

    .bundle-page .shopify-featured-section .right-wrap {
        padding: 15px;
        border-left: none;
    }

    .bundle-page .buy-now-bundle {
        width: 100%;
    }
}

.bundle-page .card {
    position: relative;
    display: flex;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: 1px solid var(--theme-color);
    border-radius: 1rem;
    box-shadow: 0 6px 30px rgba(182, 186, 203, 0.3);
    margin-bottom: 30px;
}

.bundle-page .card-header {
    padding: 20px;
}

.bundle-page .flex-column {
    flex-direction: column;
}

.bundle-page .card-header>*:not(:last-child) {
    margin-bottom: 15px;
}

.bundle-page hr.horizontal.dark {
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0));
    background-color: transparent;
    margin: 0;
    height: 1px;
    opacity: 0.5;
    border: 0;
}

.bundle-page .card-body {
    padding: 20px;
}

.bundle-page .card-body ul li {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 20px;
}

.bundle-page .card-body ul li:last-child {
    margin-bottom: 0;
}

.bundle-page .text-decoration-line-through {
    text-decoration: line-through !important;
    color: #dddddd;
}

.bundle-page .text-sm {
    font-size: 14px !important;
    line-height: 1.5;
}

.bundle-page .card-body ul li i.fa-check {
    padding: 2px 5px;
    border: 1px solid var(--theme-color);
    border-radius: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--theme-color);
    font-size: 12px !important;
}

.bundle-page .cta-section .cta-inner {
    background: rgba(111, 217, 67, 0.75);
    padding: 40px;
    color: var(--white);
    text-align: center;
    position: relative;
    border-radius: 40px;
    margin-bottom: 50px;
}

.bundle-page .cta-section .cta-inner::before {
    content: '';
    position: absolute;
    top: -107.57px;
    left: -156px;
    width: 377px;
    height: 406.83px;
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="377" height="406" viewBox="0 0 377 406" fill="none"><circle cx="110.415" cy="158.844" r="266.415" fill="white" fill-opacity="0.15"/></svg>');
}

.bundle-page .cta-section .cta-inner::after {
    content: '';
    position: absolute;
    top: -107.57px;
    right: 0px;
    width: 265px;
    height: 266px;
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="265" height="266" viewBox="0 0 265 266" fill="none"><circle cx="266.585" cy="-0.585236" r="266.415" fill="white" fill-opacity="0.15"/></svg>');
}

.bundle-page .cta-section .cta-inner .btn {
    /* background-color: #9FE383; */
    color: var(--white);
    max-width: 350px;
    box-shadow: none;
}

.bundle-page .cta-section .cta-inner h3 {
    margin: 15px 0;
    width: 100%;
}

.chechout-theme-tabs.wc-tabs-wrapper {
    background: #FFF;
    box-shadow: 0px 0px 33.73843px 0px rgba(0, 0, 0, 0.05);
}

.bundle-page .tabs-wrapper-main .single_add_to_cart_button {
    width: 60%;
    margin: auto;
    display: flex;
    color: var(--white);
    justify-content: center;
}

.bundle-page a.icon-link {
    border: 1px solid #f5f5f5;
    width: 70px;
    height: 70px;
    padding: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 100%;
}

@media (max-width:1199px) {

    .cta-section .cta-inner::after,
    .cta-section .cta-inner::before {
        display: none;
    }

    .support-wrapper .container {
        max-width: 100%;
    }
}

@media (max-width:575px) {
    .cta-section .cta-inner {
        padding: 20px;
        border-radius: 20px;
    }
}

/************ 4-10-23 **********/
.single-documents .documents-details-inner img,
.single-post .documents-details-inner img {
    max-width: 100%;
    margin-bottom: 25px;
    width: auto;
}

.single-documents .documents-details-inner h2,
.single-documents .documents-details-inner h3,
.single-post .documents-details-inner h2,
.single-post .documents-details-inner h3 {
    margin-bottom: 15px !important;
    margin-top: 20px;
    text-transform: unset !important;
}

.single-documents .documents-details-inner h2,
.single-post .documents-details-inner h2 {
    font-size: 26px;
}

.single-documents .documents-details-inner h3,
.single-post .documents-details-inner h3 {
    border-bottom: 2px solid var(--black);
    max-width: fit-content;
    font-size: 18px;
}

.single-documents .documents-details-inner p,
.single-post .documents-details-inner p {
    margin-bottom: 10px;
    font-size: 16px;
}

.single-documents .documents-details-inner ul,
.single-documents .documents-details-inner ol,
.single-post .documents-details-inner ul,
.single-post .documents-details-inner ol {
    margin-bottom: 25px;
    padding-left: 40px;
}

.single-documents .documents-details-inner ul li,
.single-documents .documents-details-inner ol li,
.single-post .documents-details-inner ul li,
.single-post .documents-details-inner ol li {
    font-size: 16px;
    list-style: disc;
}

.single-documents .documents-details-inner .product-features ul ol.inner-ol li {
    list-style: lower-alpha !important;
}

.single-documents .documents-details-inner ol li {
    list-style: decimal;
    margin-bottom: 5px;
}

.single-documents .documents-details-inner h3,
.single-post .documents-details-inner h3 {
    border-top: none !important;
}

.single-documents .documents-details-inner h3 a,
.single-post .documents-details-inner h3 a {
    font-weight: 600 !important;
    color: rgb(110, 0, 255) !important;
}

@media screen and (max-width:575px) {

    .single-documents .documents-details-inner h3,
    .single-post .documents-details-inner h3 {
        border-bottom: 0;
    }

    .single-documents .documents-details-inner ul,
    .single-documents .documents-details-inner ol,
    .single-post .documents-details-inner ul,
    .single-post .documents-details-inner ol {
        padding-left: 20px;
    }

    .single-documents .documents-details-inner p,
    .single-documents .documents-details-inner ul li,
    .single-documents .documents-details-inner ol li,
    .single-post .documents-details-inner p,
    .single-post .documents-details-inner ul li,
    .single-post .documents-details-inner ol li {
        font-size: 14px;
    }

    .single-documents .documents-details-inner h2,
    .single-post .documents-details-inner h2 {
        font-size: 20px;
    }

    .single-documents .documents-details-inner h3,
    .single-post .documents-details-inner h3 {
        font-size: 16px;
    }
}

.single-documents .documents-details-inner .product-features li::marker {
    font-weight: 700;
}

@media (min-width:981px) {

    .product-features ul,
    .product-features h3,
    .product-features strong {
        margin-left: 20px;
    }

    .product-features ul ol,
    .product-features ul ul {
        margin-left: 10px;
    }
}


/*** DOCUMENTATION CSS START HERE ***/
.Documentation-leftbar .Document-title {
    background-color: var(--border-color);
    padding: 30px 15px;
}

.Documentation-leftbar .account-list li a {
    padding: 10px 20px 10px 0;
    width: 100%;
    font-weight: 600;
    position: relative;
}

.Documentation-leftbar .account-list li a::before {
    content: '';
    position: absolute;
    right: 10px;
    top: 50%;
    width: 2px;
    height: 12px;
    background-color: #000;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;
}

.Documentation-leftbar .account-list li a.active::before {
    display: none;
}

.Documentation-leftbar .account-list li a::after {
    content: '';
    position: absolute;
    right: 5px;
    top: 50%;
    width: 12px;
    height: 2px;
    background-color: #000;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;
}

.Documentation-leftbar .account-list li .submenu li a::before,
.Documentation-leftbar .account-list li .submenu li a::after {
    display: none;
}

.Documentation-leftbar .account-list li a span {
    font-size: 15px;
    position: relative;
    padding-left: 15px;
}

.Documentation-leftbar .gray-color {
    background-color: var(--border-color);
}

.Documentation-leftbar .acnav-list {
    display: none;
}

.Documentation-leftbar h2 {
    font-size: 23px;
}

.Documentation-rightbar h2 {
    font: var(--h3);
}

.Documentation-leftbar h3,
.Documentation-rightbar h3 {
    font: var(--h4);
}

.Documentation-rightbar .Documentation-right-title {
    padding: 30px 50px 0;
}

.Documentation-rightbar ul {
    padding-left: 40px;
    padding-bottom: 20px !important;
}

.Documentation-rightbar .list-none li {
    list-style: none;
}

.Documentation-rightbar ul li {
    list-style: disc;
}

.Documentation-content-wrp {
    margin: 0px 50px;
}

.Documentation-leftbar ul li.theme-color ul li a {
    border-bottom: 0;
}

.Documentation-content-wrp .Documentation-content h2 {
    margin-bottom: 15px;
}

.Documentation-content-wrp .Documentation-content h3 {
    margin-bottom: 15px;
    border-bottom: 2px solid var(--black);
    max-width: fit-content;
    margin-top: auto;
}

.Documentation-column p {
    margin-bottom: 15px;
}

.Documentation-content ul video {
    margin-top: 15px;
}

.Documentation-column .Documentation-leftbar ul li:not(:last-of-type) {

    border-bottom: 1px solid #dfdbdb;
}

#scroll {
    position: sticky;
    top: 0px;
    left: 0;
    z-index: 2;
    height: auto;
    overflow: auto;
    border: 1px solid #CACACA;
    border-radius: 15px;
    padding: 10px 20px 10px;
    max-height: 80vh;
}

.Documentation-leftbar .submenu li a {
    font-weight: 600;
    padding: 10px 10px 10px 20px;
    font-weight: normal;
    position: relative;
}

.my-acc-column::-webkit-scrollbar {
    width: 0;
}

.my-acc-column::-webkit-scrollbar-track {
    background: var(--third-color);
}

.my-acc-column::-webkit-scrollbar-thumb {
    background-color: var(--theme-color);
}

#button {
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #6FD943;
    width: 40px;
    height: 40px;
    text-align: center;
    border-radius: 4px;
    position: fixed;
    bottom: 40px;
    right: 30px;
    transition: background-color .3s, opacity .5s, visibility .5s;
    opacity: 0;
    visibility: hidden;
    z-index: 2;
}

#button.show {
    opacity: 1;
    visibility: visible;
}

#button svg {
    height: 24px;
    width: 24px;
}

#button svg path {
    fill: var(--black);
}

.Documentation-row {
    margin: 0 !important;
}

.Documentation-row .Documentation-column {
    padding-right: 0;
}

.Documentation-leftbar ul li:not(:last-of-type) {
    margin-bottom: 0px;
}

.Documentation-leftbar .submenu-inner li a {
    padding: 20px 20px 20px 70px;
}

.Documentation-leftbar .submenu-inner li a::before {
    left: 40px;
}

.Documentation-rightbar br {
    display: block !important;
}

.accordion-contant {
    display: none;
}

@media screen and (max-width: 1192px) {


    .account-list li a {
        padding: 15px;
    }

    .Documentation-leftbar .Document-title {
        padding: 20px 15px;
    }
}

@media screen and (max-width: 575px) {
    .Documentation-rightbar ul {
        padding-left: 20px;
    }

    .Documentation-content-wrp .Documentation-content h2 {
        font-size: 24px;
    }

    .Documentation-content-wrp .Documentation-content h3 {
        font-size: 18px;
    }

    .Documentation-rightbar .Documentation-right-title {
        padding: 0 0 0;
    }
}

.Documentation-rightbar .Documentation-content a {
    color: rgb(110, 0, 255) !important;
}

.Documentation-content {
    scroll-margin-top: 120px !important;
}

.single-documents .site.hfeed {
    overflow-x: unset !important;
}

.Documentation-wrp #scroll {
    top: 150px;
}

.Documentation-leftbar .account-list li a::before,
.Documentation-leftbar .account-list li a::after {
    display: none;
}

.Documentation-leftbar .account-list li.accordion-item a::before {
    content: '';
    position: absolute;
    display: block;
    right: 10px;
    top: 20px;
    width: 2px;
    height: 12px;
    background-color: #000;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;
}

.Documentation-leftbar .account-list li.accordion-item a::after {
    content: '';
    position: absolute;
    display: block;
    right: 5px;
    top: 20px;
    width: 12px;
    height: 2px;
    background-color: #000;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;
}

.Documentation-leftbar .account-list li.accordion-item a.active::before {
    display: none;
}

@media only screen and (max-width: 767px) {
    .single-documents .site.hfeed {
        overflow-x: hidden !important;
    }

    .main-top-doc-pd.active {
        padding-top: 100px;
    }
}

/*********** 9-10-2023 *************/
.bundlemenu-title {
    gap: 10px;
    align-items: center;
}

.bundle-menu {
    background: rgba(111, 217, 67, 0.1);
}

.bundlemenu-title .bundlemenu-svg {
    border-radius: 20px;
    padding: 7px;
    background: #E9FFE0;
    box-shadow: 0px 0px 12.59875px 0px rgba(0, 0, 0, 0.05);
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    -o-border-radius: 20px;
}

.bundlemenu-title svg {
    width: 20px;
    height: 20px;
}

.bundlemenu-title-two {
    padding-left: 25px;
    margin: 20px 0 30px;
}

.bundlemenu-title-two svg {
    width: 40px;
    height: 40px;
}

.bundlemenu-main>*:not(:last-child) {
    margin-bottom: 15px;
    margin-top: 0px;
}

.bundle-menu .row {
    margin: 0;
    padding: 20px 0;
}

.bundlemenu-main svg.smile-svg {
    width: 50px;
    height: 50px;
    margin: 0 auto 10px auto;
}

.bundle-right-inner h4 {
    letter-spacing: 1.403px;
    font: var(--h3);
    margin-bottom: 20px;
    text-align: center;
}

.bundle-right-inner p {
    margin: 20px auto 15px;
    max-width: 88%;
    width: 100%;
    text-align: center;
    color: var(--black);
    line-height: normal;
    font-weight: 600;
}

.bundle-right-inner .btn {
    display: flex !important;
    align-items: center !important;
    background-color: var(--theme-color) !important;
    color: var(--white) !important;
    font-size: 14px;
}

.bundle-menu h3 span,
.bundle-menu h4 span {
    color: var(--theme-color);
}

.bundle-right-inner .btn svg path {
    fill: var(--white) !important;
}

.bundlemenu-title-two a {
    display: flex !important;
    background: transparent !important;
    padding: 0 !important;
}

.bundlemenu-title-two ul {
    position: unset !important;
}

.bundlemenu-title-two ul li:not(:last-of-type) {
    margin-bottom: 15px;
}

.bundlemenu-main p:last-of-type {
    color: var(--black);
    max-width: 89%;
    margin: 0 auto 15px;
    font-weight: 600;
}

.btn.bundlemenu-btn svg path {
    fill: var(--black);
}

.bundlemenu-right-img img {
    max-width: 100%;
    margin: auto;
}

a.btn.bundlemenu-btn {
    display: flex;
    justify-content: center;
    align-items: center;
    background: var(--theme-color);
    border-radius: 20px;
}

.main-navigation ul.menu .bundle_menu .mega-menu-bundle {
    width: 600px;
    transform: translateX(-50%) !important;
    right: 0;
    left: 0 !important;
    border-radius: 0px 0px 20px 20px;
    margin-top: 10px;
}

.bundlemenu-title-two {
    padding-left: 30px;
}

.bundlemenu-title-two svg {
    width: 30px;
    height: 30px;
    flex-shrink: 0;
    margin-right: 3px;
}

.bundlemenu-title-two h3 {
    font: var(--h6);
}

.bundle-menu {
    border-radius: 20px;
    position: relative;
}

.main-navigation ul.menu>li:hover .sub-menu {
    background-color: var(--white) !important;
}

.main-navigation ul:hover .bundle_menu .sub-menu {
    background: var(--white);
}

.mega-menu-bundle {
    padding: 0px !important;
}

.bundlemenu-right-img {
    margin-bottom: 15px;
}

@media screen and (max-width:767px) {
    .bundlemenu-right-img img {
        margin-top: 40px;
    }

    .bundlemenu-title h3 {
        font-size: 24px;
    }

    .main-navigation ul.menu .bundle_menu .mega-menu-bundle {
        width: 100% !important;
        transform: translateX(-5%) !important;
    }
}

a.btn.free-addon {
    width: 100%;
    justify-content: center;
    padding: 10px 0px !important;
}

.filter-right-column a.btn.free-addon {
    padding: 12px 16px !important;
}

.filter-right-column a.btn i {
    font-size: 16px;
}

.home-bundle-sec .sub-title {
    font-size: 17px;
    line-height: 26px;
    margin: 20px 0 0 0;
    color: var(--black);
    font-weight: 400;
}

.home-bundle-sec .home-bundle-card-inner {
    padding: 10px;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    border: 1px solid var(--third-color);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100%;
    width: 100%;
    color: var(--white);
}

.home-bundle-sec .home-bundle-card .bundle-card-top {
    padding: 15px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    background: var(--dark-green);
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    position: relative;
}

.home-bundle-sec .home-bundle-card .bundle-card-top .price-card {
    background-color: var(--theme-color);
    position: absolute;
    right: 40px;
    top: 1px;
    padding: 13px 0 13px;
    font-weight: 600;
    font-size: 21px;
    width: 55px;
    border: 1px dashed var(--white);
    outline: 1px solid var(--theme-color);
    text-align: center;
    border-radius: 0 0 18px 18px;
    -webkit-border-radius: 0 0 18px 18px;
    -moz-border-radius: 0 0 18px 18px;
    -ms-border-radius: 0 0 18px 18px;
    -o-border-radius: 0 0 18px 18px;
    font-family: var(--first-font);
}

.home-bundle-sec .home-bundle-card .bundle-card-top .price-card::after {
    content: "";
    width: 100%;
    height: 20px;
    border-radius: 0 0 18px 18px;
    -webkit-border-radius: 0 0 18px 18px;
    -moz-border-radius: 0 0 18px 18px;
    -ms-border-radius: 0 0 18px 18px;
    -o-border-radius: 0 0 18px 18px;
    background-color: var(--theme-color);
    display: block;
    position: absolute;
    border: 1px dashed var(--white);
    outline: 1px solid var(--theme-color);
    bottom: -5px;
    border-top: none;
    left: 0;
    right: 0;
}

.home-bundle-sec .home-bundle-card .bundle-card-top .card-icon {
    margin: 0 auto 20px 0;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    background: #175C2E;
}

.home-bundle-sec .home-bundle-card .bundle-card-top .card-top-title h3 a {
    font: var(--h4);
    color: var(--theme-color);
    margin-bottom: 10px;
}

.home-bundle-sec .home-bundle-card .bundle-card-top .card-top-title span {
    font-size: 16px;
}

.home-bundle-sec .home-bundle-card .featured-points {
    margin-top: 15px;
    display: flex;
    flex-wrap: wrap;
}

.home-bundle-sec .home-bundle-card .featured-points li {
    display: flex;
    align-items: center;
    gap: 8px;
    width: 50%;
    margin-bottom: 10px;
}

.home-bundle-sec .home-bundle-card .bundle-card-bottom {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    align-items: start;
    padding: 15px 0 0;
    color: var(--black);
    flex-direction: column;

}

.home-bundle-sec .home-bundle-card .bundle-card-bottom .bundle-text,
.home-bundle-sec .home-bundle-card .bundle-card-bottom .bundle-btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    width: 100%;
    flex-wrap: wrap;
    gap: 10px;
    justify-content: space-between;
}

.home-bundle-sec .home-bundle-card .bundle-card-bottom .bundle-text {
    margin-bottom: 15px;
}

.home-bundle-sec .home-bundle-card .bundle-card-bottom .left-col {
    flex: 1;
    font-size: 18px;
    font-weight: 600;
}

.home-bundle-sec .home-bundle-card .bundle-card-bottom .premi-text {
    color: var(--theme-color);
    display: block;
    margin-bottom: 5px;
}

.home-bundle-sec .home-bundle-card .bundle-card-bottom .price {
    font-size: 20px;
}

.home-bundle-sec .home-bundle-card .bundle-card-bottom .price del {
    margin: 0 5px;
    color: #78788C;
}

.home-bundle-sec .home-bundle-card .bundle-card-bottom .price .offer {
    color: #ff1c1c;
}

.home-bundle-sec .home-bundle-card.green-card .bundle-card-top {
    background: var(--theme-color);
}

.home-bundle-sec .home-bundle-card.green-card .bundle-card-top .card-top-title h3 a {
    color: var(--dark-green);
}

.home-bundle-sec .home-bundle-card.green-card .bundle-card-top .price-card {
    background-color: var(--dark-green);
    outline: 1px solid var(--dark-green);
    border-color: var(--theme-color);
    border-bottom: none;
}

.home-bundle-sec .home-bundle-card.green-card .featured-points li svg path {
    fill: var(--white);
}

.home-bundle-sec .home-bundle-card.green-card .bundle-card-top .card-icon {
    background: var(--white);
}

.home-bundle-sec .home-bundle-card.green-card .bundle-card-top .price-card::after {
    background-color: var(--dark-green);
    border-color: var(--theme-color);
    border-top: none;
    outline: 1px solid var(--dark-green);
}

@media screen and (max-width:400px) {
    .home-bundle-sec .home-bundle-card .bundle-card-bottom .price {
        width: 100%;
    }

}

@media screen and (max-width:767px) {
    .home-bundle-sec .home-bundle-card-inner {
        margin-bottom: 20px;
        padding: 15px;
    }

    .bundle-page .count-section .row>div {
        margin-top: 50px;
    }

    .section-title {
        margin-bottom: 20px;
    }

    .bundle-page .tabs.wc-tabs li a {
        display: block;
    }

}

@media screen and (max-width:600px) {
    .home-bundle-sec .home-bundle-card .featured-points {
        flex-direction: column;
    }

    .home-bundle-sec .home-bundle-card .featured-points li {
        width: 100%;
    }

    .home-bundle-sec .home-bundle-card .bundle-card-bottom .price {
        font-size: 18px;
    }

    .home-bundle-sec .home-bundle-card .bundle-card-bottom .bundle-btn {
        gap: 15px;
    }

}

.Documentation-content,
.Documentat.Documentation-contention-content>div,
.Documentation-content div ul.list-none li {
    scroll-margin-top: 135px !important;
}

.docs-link {
    width: 100%;
}

.docs-link li {
    border: 1px solid #013d29;
    padding: 5px;
    border-radius: 10px;
    width: 100%;
}

.specification-list .docs-link li:hover a {
    transition: unset;
}

.docs-link li p,
.docs-link li a {
    font-weight: 800;
}

.woocommerce-order-pay #order_review .button#place_order {
    background: var(--dark-green) !important;
    color: #ffff !important;
    width: auto;
    border-radius: 40px;
    font-size: 18px;
    text-transform: capitalize;
}





.video-documentation {
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 56.25%;
    /* 16:9 aspect ratio (height/width) */
}

.workdo_doc_videoele {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.right-col img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    box-shadow: unset;
    margin-bottom: 0px !important;
    padding: 10px;
}


.technical-section,
.workdo-custom-section {
    background-color: #F4F1F1;
    color: var(--black);
    border-radius: 10px;
}

.review-section .left-col,
.workdo-custom-section .left-col,
.technical-section .left-col {
    margin: 10px 0px;
}

.review-section .section-title h2,
.workdo-custom-section .section-title h2,
.technical-section .section-title h2 {
    font: var(--h2);
    margin-top: 0px;
}

.review-section.bg-dark {
    border-radius: 0px;
}



/* ---OFFER HEADER SECTION CSS START---- */
.container-christmas {
    position: relative;
    max-width: 900px;
    margin: 0 auto;
    padding: 0 15px;
}


.offer-head-sec {
    position: relative;
    z-index: 1;
    font-family: 'Lato', sans-serif;
    color: #ffffff;
}

.offer-head-inner .offer-head-left h2 {
    font-size: 36px;
    line-height: 1;
    font-family: 'Lato', sans-serif;
    font-style: normal;
    font-weight: 600;
    color: #FFFFFF;
}

.offer-head-sec img.bg-image {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
}

.offer-head-sec .gift-image {
    position: absolute;
    bottom: 0;
    right: 0;
}

.offer-head-sec .offer-head-inner {
    position: relative;
    padding: 8px 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    z-index: 1;
}

.offer-head-inner h2 b {
    font-family: 'Arizonia';
    font-size: 45px;
    line-height: 1;
    font-weight: normal
}

.offer-head-right {
    gap: 10px;
}

.offer-head-right p {
    font-size: 24px !important;
    line-height: 1.1 !important;
    font-family: 'Lato', sans-serif;
    font-style: normal;
    font-weight: 500;
    color: #FFF !important;
}

.offer-head-right p span {
    color: var(--theme-color);
}

.offer-center-center {
    gap: 10px;
    font-size: 30px;
    line-height: 1.1;
    font-family: 'Lato', sans-serif;
    font-style: normal;
    font-weight: 500;
}

.offer-center-center svg,
.offer-head-right svg {
    width: 35px;
    height: 35px;
}

.offer-center-center .offer-content-left span {
    display: block;
    line-height: 1;
    margin-top: 5px;
}

.offer-center-center .offer-content-right {
    font-size: 20px;
    color: #FFAA00;
}

.offer-center-center .offer-content-right b {
    font-size: 32px;
    line-height: 1;
}

.snows {
    position: absolute;
    width: 100%;
    height: 100%;
}

.snows span {
    position: absolute;
    top: -50%;
    left: 0;
    width: 10px;
    height: 10px;
    background: #FFF;
    border-radius: 50%;
    opacity: 0.3;
    animation: snow-anim 3s 0s linear infinite;
    -webkit-animation: snow-anim 3s 0s linear infinite;
}

/* Side position */
.snows span:nth-child(1) {
    left: 0%;
}

.snows span:nth-child(2) {
    left: 10%;
}

.snows span:nth-child(3) {
    left: 15%;
}

.snows span:nth-child(4) {
    left: 20%;
}

.snows span:nth-child(5) {
    left: 25%;
}

.snows span:nth-child(6) {
    left: 30%;
}

.snows span:nth-child(7) {
    left: 35%;
}

.snows span:nth-child(8) {
    left: 40%;
}

.snows span:nth-child(9) {
    left: 45%;
}

.snows span:nth-child(10) {
    left: 50%;
}

.snows span:nth-child(11) {
    left: 55%;
}

.snows span:nth-child(12) {
    left: 60%;
}

.snows span:nth-child(13) {
    left: 65%;
}

.snows span:nth-child(14) {
    left: 70%;
}

.snows span:nth-child(15) {
    left: 75%;
}

.snows span:nth-child(16) {
    left: 80%;
}

.snows span:nth-child(17) {
    left: 85%;
}

.snows span:nth-child(18) {
    left: 90%;
}

.snows span:nth-child(19) {
    left: 95%;
}

.snows span:nth-child(20) {
    left: 100%;
}

/* snow size */
.snows span:nth-child(4n+1) {
    width: 11px;
    height: 11px;
}

.snows span:nth-child(4n+2) {
    width: 12px;
    height: 12px;
}

.snows span:nth-child(4n+3) {
    width: 13px;
    height: 13px;
}

.snows span:nth-child(4n+4) {
    width: 14px;
    height: 14px;
}

/* animation-duration */
.snows span:nth-child(6n+1) {
    animation-duration: 3s;
}

.snows span:nth-child(6n+2) {
    animation-duration: 5s;
}

.snows span:nth-child(6n+3) {
    animation-duration: 8s;
}

.snows span:nth-child(6n+4) {
    animation-duration: 10s;
}

.snows span:nth-child(6n+5) {
    animation-duration: 13s;
}

.snows span:nth-child(6n+6) {
    animation-duration: 15s;
}


/* animation-delay */
.snows span:nth-child(5n+1) {
    animation-delay: 0s;
}

.snows span:nth-child(5n+2) {
    animation-delay: 3s;
}

.snows span:nth-child(5n+3) {
    animation-delay: 5s;
}

.snows span:nth-child(5n+4) {
    animation-delay: 7s;
}

.snows span:nth-child(5n+5) {
    animation-delay: 9s;
}

/* snow animation */
@keyframes snow-anim {
    0% {
        top: -10%;
        transform: translateX(0);
    }

    35% {
        transform: translateX(100%);
        -webkit-transform: translateX(100%);
        -moz-transform: translateX(100%);
        -ms-transform: translateX(100%);
        -o-transform: translateX(100%);
    }

    65% {
        transform: translateX(-100%);
        -webkit-transform: translateX(-100%);
        -moz-transform: translateX(-100%);
        -ms-transform: translateX(-100%);
        -o-transform: translateX(-100%);
    }

    100% {
        top: 100%;
        transform: translateX(0);
    }
}

/* ---OFFER HEADER SECTION CSS END---- */




.workdo-rating-custom {
    overflow: hidden;
    position: relative;
    height: 20px;
    line-height: 18px;
    font-size: 18px;
    width: 5.4em;
    font-family: crstar;
    color: #ffbc00;
}

.workdo-rating-custom::before {
    content: "\73\73\73\73\73";
    color: rgba(0, 0, 0, .4);
    float: left;
    top: 0;
    left: 0;
    position: absolute;
}

.workdo-rating-custom span::before {
    content: "\53\53\53\53\53";
    color: var(--third-color);
    float: left;
    top: 0;
    left: 0;
    position: absolute;
}

.workdo-rating-custom span {
    overflow: hidden;
    float: left;
    top: 0;
    left: 0;
    position: absolute;
    padding-top: 1.5em;
}



/* ------ woocoommerce info wrapper css start ------- */
.woocoommerce-info-wrapper {
    background-color: var(--white);
    padding: 70px 0 70px;
}

.info-btn-wrapper {
    display: flex;
    align-items: center;
    gap: 20px;
}

.info-btn-wrapper li {
    width: 100%;
}

.info-btn-wrapper li a {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    color: var(--white);
    padding: 15px 15px;
    gap: 10px;
    width: 100%;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
}

.info-btn-wrapper li a svg {
    width: 35px;
    height: 35px;
}

.info-btn-wrapper li:nth-child(odd) a {
    background-color: var(--dark-green);
}

.info-btn-wrapper li:nth-child(even) a {
    background-color: var(--theme-color);
}

/* ------ woocoommerce info wrapper css end ------- */
/* ------ flexible theme section css start ------- */
/* .woocommerce-tabs.wc-tabs-wrapper{
    padding-top: 0;
}
 .storefront-full-width-content .woocommerce-tabs .panel .flexible-theme-section,.woocommerce-Tabs-panel--reviews,.woocommerce-Tabs-panel--comments,.woocommerce-Tabs-panel--supports {
    background-color: #FBF9F9;
    padding: 70px 0;
}
.flexible-theme-inner ul li.btn.dark-green{
    box-shadow: 0px 4px 4px 0px #0000001A !important;
    font-size: 16px !important;
} */
/* ------ flexible theme section css end ------- */
/* ------ installation banner sectio css start ------- */
section.installation-banner-section {
    position: relative;
    padding: 100px 0;
    background-image: url(../images/themes/installation-banner.png);
    background-size: cover;
    background-repeat: no-repeat;
}

.installation-banner-section .section-title {
    margin-bottom: 0;
    position: relative;
    z-index: 1;
}

.installation-banner-section .section-title h3 {
    font-size: 50px;
    line-height: 1.3;
    color: var(--white);
    padding-top: 40px;
}

.installation-banner-section .section-title h3 b,
.theme-details-right .theme-details-title b {
    border-radius: 25px 0px;
    background-color: var(--theme-color);
    padding: 10px 15px;
    display: inline-block;
    line-height: 1;
}

.installation-banner-section .tooltip-sub-title {
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.installation-banner-section .tooltip-sub-title .tooltip {
    padding: 15px 30px;
    background-color: var(--white);
    border-radius: 10px;
    position: relative;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    font-size: 18px;
    line-height: 1;
    text-transform: uppercase;
    font-weight: 600;
}

.installation-banner-section .tooltip-sub-title .tooltip::after {
    content: '';
    position: absolute;
    bottom: -15px;
    left: 15px;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 15px solid var(--white);
}

.get-app-section h2 {
    max-width: 60%;
    margin: 0 auto;
}

/* ------ installation banner sectio css end ------- */
/* ------ free update sectio css start ------- */
.free-upadate-sec {
    position: relative;
    padding: 140px 0;
    background-image: url(../images/themes/free-update-bg.png);
    background-size: cover;
    background-repeat: no-repeat;
}

.free-upadate-sec img.update-image {
    top: 20px;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    max-width: 550px;
    width: 100%;
}

.free-upadate-content {
    max-width: 300px;
    margin: 80px auto 70px;
    text-align: center;
}

.free-upadate-content h2 b {
    color: var(--theme-color);
}

.free-upadate-content h2 {
    font-size: 26px !important;
    font-weight: 600;
    margin-bottom: 15px !important;
}

.free-upadate-content p {
    font-size: 16px !important;
}

/* ------ free update sectio css end ------- */
/*------ price-bar-sec css start ------*/
.price-bar-sec {
    position: relative;
    z-index: 1;
    background-color: #FBF9F9;
}

.price-bar-sec-title {
    text-align: center;
    margin: auto auto 30px auto;
    max-width: 450px;
    width: 100%;
}

.price-bar-sec-title p {
    color: var(--text-color);
    margin: 12px auto auto;
    max-width: 350px;
    width: 100%;
}

.price-bar-main {
    background-color: var(--white);
    padding: 15px;
    box-shadow: 0px 0px 20.233224868774414px 0px #0000000F;
    border-radius: 15px;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    -ms-border-radius: 15px;
    -o-border-radius: 15px;
}

.price-bar-sec .price-bar-total {
    background-color: #FBF9F9;
}

.price-bar-sec .price-bar-total p {
    margin-bottom: 0;
    font-size: 16px;
    letter-spacing: 1px;
    text-align: center;
}

.price-bar-sec .price-bar-total .btn {
    font-size: 16px;
    text-align: center;
    font-weight: 600;
    line-height: normal;
    letter-spacing: 1px;
}

.price-bar-sec .price-bar-total .btn svg {
    flex-shrink: 0;
}

.view-more-btn {
    text-align: center;
    margin-top: 30px;
}

.moretext {
    display: none;
}

.moretext.active {
    display: table-row;
}

.price-bar-sec table tr th {
    background-color: var(--dark-green);
    color: var(--white);
    letter-spacing: 1px !important;
}

.price-bar-sec table tr th:first-of-type {
    border-radius: 10px 0 0 10px;
    -webkit-border-radius: 10px 0 0 10px;
    -moz-border-radius: 10px 0 0 10px;
    -ms-border-radius: 10px 0 0 10px;
    -o-border-radius: 10px 0 0 10px;
}

.price-bar-sec table tr th:last-of-type {
    border-radius: 0 10px 10px 0;
    -webkit-border-radius: 0 10px 10px 0;
    -moz-border-radius: 0 10px 10px 0;
    -ms-border-radius: 0 10px 10px 0;
    -o-border-radius: 0 10px 10px 0;
}

.price-bar-sec table tr:nth-child(even) td {
    background-color: #F9F9F9 !important;
}

.price-bar-sec table tr td {
    color: var(--second-color);
    text-align: center !important;
    vertical-align: middle;
    min-width: 220px;
}

/****  TABLE CSS ****/
.single-product table {
    border: 0;
    border-collapse: collapse;
    margin: 0;
    padding: 0;
    width: 100%;
    table-layout: auto;
}

.single-product table tr {
    padding: 20px 0 0;
    display: block;
}

.single-product table tr th,
.single-product table tr td {
    padding-left: 10px;
    padding-right: 10px;
    font-size: 14px;
    font-weight: 500;
    text-align: center;
    border-right: 1px solid var(--border-color);
}

.single-product table tr th:last-child,
.single-product table tr td:last-child {
    border-right: 0;
}

.single-product table thead tr {
    background-color: #f9f9f9;
}

.single-product table tbody tr:nth-child(odd) {
    background-color: var(--white);
}

.single-product table tbody tr:nth-child(even) {
    background-color: #f9f9f9;
}

.single-product .woocommerce-noreviews:last-of-type {
    margin-bottom: 0;
}

.storefront-full-width-content .woocommerce-tabs .panel p .color-blue {
    font-size: 14px;
}

.single-product table tr th {
    padding-top: 10px;
    padding-bottom: 10px;
    background-color: var(--dark-green);
    color: var(--white);
    font-weight: 600;
    font-size: 16px;
    letter-spacing: 0 !important;
}

.single-product table tr td {
    display: block;
    text-align: center;
    padding: 0 0 20px;
    color: #7A7A7A;
    letter-spacing: 2px;
    font-size: 16px;
}

.single-product table tr:last-of-type {
    border-bottom: 0;
}

.single-product table tr td .rate-our {
    display: flex;
    align-items: center;
    gap: 5px;
    justify-content: center;
}

/* @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;
        color: var(--theme-color);
    }
    .price-bar-sec table tr td::before{
        color: var(--dark-green)
    }
    table thead {
        border: none;
        clip: rect(0 0 0 0);
        height: 1px;
        margin: -1px;
        overflow: hidden;
        padding: 0;
        position: absolute;
        width: 1px;
        display: none;
    }
    table tr th,
    table tr td{
        border-right: 0;
    } 
    table tr{
        border-bottom: 1px solid var(--border-color);
    }
    .moretext.active {
        display: block;
    }
} */

.single-product table tr {
    padding: 0;
    display: table-row;
}

.single-product table tr td {
    padding: 10px;
    display: table-cell;
}

.single-product .price-bar-inner {
    overflow-x: auto;
    width: 100%;
}

.single-product .table-responsive {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}

.price-bar-inner {
    overflow-x: auto;
    width: 100%;
}

.table-responsive {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}

/*------ price-bar-sec css end ------*/
/*------ lpkg-review-section  css start ------*/
.lpkg-review-section .lpkg-review-slides-inner p {
    color: var(--white);
}

/*------ lpkg-review-section  css end ------*/
.flexible-theme-inner ul li {
    color: var(--white);
    background-color: var(--theme-color);
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    box-shadow: 0px 4px 4px 0px #0000001A !important;
}

.flexible-theme-inner ul li.btn.dark-green:hover {
    box-shadow: none !important;
}


.multi-lang-opc.wordpress.d-flex.align-items-center.justify-content-between {
    max-width: 700px;
    margin: auto;
}

.multi-lang-opc.wordpress.d-flex.align-items-center.justify-content-between .multi-lang-info {
    max-width: 180px;
    padding: 20px 20px;
    height: 180px;
}

.multi-lang-opc.wordpress.d-flex.align-items-center.justify-content-between .multi-lang-info .multi-lang-inner h6 {
    margin-top: 10px;
}

.multi-lang-opc.wordpress.d-flex.align-items-center.justify-content-between .multi-lang-info .multi-lang-inner img {
    width: 70%;
    margin: auto;
}

/* ------bastie layout css ----- */
.theme-details-right .theme-details-title b {
    color: var(--white);
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
}

/* ---- installation video section css ----- */
.installation-video-sec,
.header-footer-sec {
    position: relative;
    background: linear-gradient(182.2deg, #FBF9F9 1.81%, rgba(247, 247, 247, 0) 98.15%);
}

.installation-video-sec .section-title {
    max-width: 340px;
    margin: 0 auto 30px;
}

.installation-video-sec .video-wrapper {
    position: relative;
    padding-top: 50%;
    display: block;
    border-radius: 40px;
    overflow: hidden;
    margin-bottom: 40px;
}

.installation-video-sec .video-wrapper .video-tag {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.installation-video-sec .play-video {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: flex;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    align-items: center;
    -webkit-align-items: center;
    justify-content: center;
    -webkit-justify-content: center;
}

.installation-video-sec .play-video span {
    background-color: #ffffff75;
    border-radius: 50%;
    height: 80px;
    width: 80px;
    display: flex;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    align-items: center;
    -webkit-align-items: center;
    justify-content: center;
    -webkit-justify-content: center;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    cursor: pointer;
    line-height: 1;
    position: relative;
}

.installation-video-sec .play-video span img {
    width: 60px;
    height: 60px;
    object-fit: scale-down;
}

.installation-video-sec .about-theme-features .feature-iteam {
    gap: 10px;
}

.about-theme-features .slick-iteam:not(:last-of-type) .feature-iteam {
    border-right: 1px solid var(--border-color);
}

.installation-video-sec .about-theme-features .feature-iteam span {
    font-size: 18px;
    font-weight: 500;
    color: var(--black);
    text-transform: capitalize;
}

.installation-video-sec .about-theme-features .feature-iteam svg {
    width: 25px;
    height: 25px;
}

/* --- header footer section --- */
.header-footer-sec .section-title h2 span {
    color: var(--theme-color);
}

.header-footer-sec .slick-dots li {
    width: 25px;
    height: 25px;
    border-radius: 50%;
    transform: scale(0.5);
    background-color: var(--border-color);
}

.header-footer-sec .slick-dots li:before {
    display: none;
}

.header-footer-sec .slick-dots {
    margin-top: 20px;
}

.header-footer-sec .slick-dots li.slick-active {
    background-color: var(--dark-green);
    transform: scale(1);
}

/* ----- ultimate-demos-sec --- */
.ultimate-demos-sec .section-title,
.protheme-demo-sec .section-title,
.free-feature-sec .section-title {
    max-width: 600px;
    margin: 0 auto 30px;
}

.ultimate-demos-sec .product-card,
.pages-category-wrapper .product-card,
.protheme-demo-sec .product-card {
    display: flex;
    width: 100%;
    height: 100%;
}

.ultimate-demos-sec .product-card .product-card-inner,
.pages-category-wrapper .product-card .product-card-inner,
.protheme-demo-sec .product-card .product-card-inner {
    position: relative;
    padding: 15px;
    background-color: #FBF9F9;
    border-radius: 20px;
    display: flex;
    flex-direction: column;
    height: 100%;
    width: 100%;
    overflow: hidden;
}

.ultimate-demos-sec .product-card .product-image-wrapper,
.pages-category-wrapper .product-card .product-image-wrapper,
.protheme-demo-sec .product-card .product-image-wrapper {
    position: relative;
    border-radius: 20px;
    overflow: hidden;
}

.ultimate-demos-sec .product-card-inner .img-wrapper,
.pages-category-wrapper .product-card-inner .img-wrapper,
.protheme-demo-sec .product-card-inner .img-wrapper {
    padding-top: 92%;
    position: relative;
    width: 100%;
    display: block;
}

.ultimate-demos-sec .product-card-inner .img-wrapper img,
.pages-category-wrapper .product-card-inner .img-wrapper img,
.protheme-demo-sec .product-card-inner .img-wrapper img {
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    right: 0;
    object-fit: cover;
    object-position: center;
}

.ultimate-demos-sec .product-card-inner .product-content,
.pages-category-wrapper .product-card-inner .product-content,
.protheme-demo-sec .product-card-inner .product-content {
    margin-top: 20px;
    display: flex;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    justify-content: space-between;
    -webkit-justify-content: space-between;
    align-items: center;
    -webkit-align-items: center;
    gap: 10px;
}

.ultimate-demos-sec .product-content .product-left-content,
.protheme-demo-sec .product-content .product-left-content {
    display: flex;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    flex-direction: column;
}

.ultimate-demos-sec .product-content .product-left-content h4,
.protheme-demo-sec .product-content .product-left-content h4 {
    flex: 1;
}

.ultimate-demos-sec .product-content .product-left-content h4 a,
.protheme-demo-sec .product-content .product-left-content h4 a {
    font-weight: 600;
}

.ultimate-demos-sec .product-content .product-left-content p,
.protheme-demo-sec .product-content .product-left-content p {
    margin: 5px 0 0 0;
    text-transform: capitalize;
}

.ultimate-demos-sec .product-tag,
.protheme-demo-sec .product-tag {
    padding: 10px 13px;
    font-size: 12px;
    letter-spacing: 0.897px;
    font-weight: 600;
    color: #FF6459;
    line-height: 1;
    background-color: #FFE3E1;
    border-radius: 30px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    -ms-border-radius: 30px;
    -o-border-radius: 30px;
    min-width: 105px;
    text-align: center;
}

.ultimate-demos-sec .product-tag {
    font-size: 14px;
}

.protheme-demo-sec .product-tag {
    background-color: #E3F1DC;
    color: #2E7B0E;
}

/* ---  free-feature-sec ---- */
.free-feature-sec {
    background: #FBF9F9;
    position: relative;
}

.free-feature-sec .video-text {
    font-size: 210px;
    color: #968f8f;
    font-weight: 700;
    opacity: .1;
}

.free-feature-sec .free-feature-right table tr th {
    font-weight: 600;
    letter-spacing: 1px;
    font-size: 16px;
    min-width: 295px;
}

.free-feature-sec .free-feature-right::-webkit-scrollbar,
.price-bar-sec .price-bar-inner::-webkit-scrollbar {
    height: 5px;
    overflow: hidden;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
}

.free-feature-sec .free-feature-right::-webkit-scrollbar-track,
.price-bar-sec .price-bar-inner::-webkit-scrollbar-track {
    background-color: #F1F1F1;
    overflow: hidden;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
}

.free-feature-sec .free-feature-right::-webkit-scrollbar-thumb,
.price-bar-sec .price-bar-inner::-webkit-scrollbar-thumb {
    height: 5px;
    background-color: var(--dark-green);
    overflow: hidden;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
}

.free-feature-right table tr th:first-of-type {
    border-radius: 10px 0 0 0px;
    min-width: 190px;
}

.free-feature-right table tr th:last-of-type {
    border-radius: 0 10px 0px 0;
    min-width: 190px;
}

.free-feature-sec .free-feature-right {
    overflow-x: auto;
    padding-bottom: 10px;
}

.free-feature-right table tr td:first-of-type,
.free-feature-right table tr td:last-of-type {
    background-color: #F1F1F1 !important;
}

.free-feature-sec .free-feature-right .table-responsive tr:last-of-type td:last-of-type {
    border-radius: 0 0 10px 0 !important;
    -webkit-border-radius: 0 0 10px 0 !important;
    -moz-border-radius: 0 0 10px 0 !important;
    -ms-border-radius: 0 0 10px 0 !important;
    -o-border-radius: 0 0 10px 0 !important;
    overflow: hidden;
}

.free-feature-sec .free-feature-right .table-responsive tr:last-of-type td:first-of-type {
    border-radius: 0 0 0px 10px !important;
    -webkit-border-radius: 0 0 0px 10px !important;
    -moz-border-radius: 0 0 0px 10px !important;
    -ms-border-radius: 0 0 0px 10px !important;
    -o-border-radius: 0 0 0px 10px !important;
    overflow: hidden;
}

.free-feature-right table tr td {
    color: var(--black) !important;
    letter-spacing: 1px;
    line-height: 1;
    font-size: 14px;
    padding: 15px
}

.free-feature-right table tr td svg {
    margin: auto;
}

.free-feature-right table tbody tr {
    border: 0;
    border-top: 2px solid var(--border-color);
    border-style: dashed;
}

.free-feature-right table tbody tr:first-of-type,
.free-feature-right table tbody tr:last-of-type {
    border-top: 0;
}

.free-feature-right table tr td:last-of-type span {
    color: var(--dark-green);
    background-color: #c5f0b473;
    padding: 3px;
}

.free-feature-left .btn-wrapper {
    margin: 30px 0;
}

.free-left-bg {
    margin-left: auto;
}

.ultimate-demos-slider .slick-slider .slick-slide,
.pages-category-slider .slick-slider .slick-slide {
    padding: 2px 10px;
}

.feature-text-slider {
    position: absolute;
    top: 50%;
    transform: translatey(-50%);
    left: 0;
    right: 0;
}

.feature-text-slider .slick-iteam {
    display: flex;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    justify-content: center;
    -webkit-justify-content: center;
    align-items: center;
    -webkit-align-items: center;
    width: auto;
    position: relative;
    overflow: hidden;
    padding: 0 20px;
}

/* .theme-details-section .wc-tabs-wrapper.woocommerce-tabs{
    padding-top: 0;
} */
.free-feature-sec .free-feature-right .table-responsive tr:last-of-type td {
    padding: 0;
}

.free-feature-sec .free-feature-right .table-responsive tr:last-of-type td .btn {
    width: 100%;
    height: 100%;
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    padding: 12px;
    justify-content: center;
}

.free-feature-sec .free-feature-right .table-responsive tr:last-of-type td .btn.pro-btn {
    color: var(--white);
}

.pages-category-tab ul.pages-tabs {
    background-color: transparent !important;
    gap: 10px;
    justify-content: center;
}

.pages-category-tab.pro-page-tab .pages-category-wrapper {
    padding-bottom: 0;
}

.pages-category-tab .pages-category-wrapper {
    padding-bottom: 40px;
}

.pages-category-tab ul.pages-tabs li a {
    opacity: .6;
}

.pages-category-tab ul.pages-tabs li.active a,
.pages-category-tab ul.pages-tabs li a,
.pages-category-tab ul.pages-tabs li:hover a {
    border-color: var(--dark-green);
    color: var(--dark-green);
    background-color: transparent;
    border: 1px solid var(--dark-green);
    opacity: 1;
}

.pages-category-tab .product-content {
    margin: 10px 0;
}

.pages-category-wrapper .product-card-inner .img-wrapper {
    padding-top: 105%;
}

.price-bar-sec .table-responsive tbody tr:nth-child(15) td,
.price-bar-sec .table-responsive tbody tr:nth-child(16) td,
.price-bar-sec .table-responsive tbody tr:nth-child(17) td {
    color: var(--theme-color) !important;
    font-weight: 600;
}

.price-bar-sec .table-responsive tbody tr:nth-last-child(-n+4) td span {
    position: relative;
}

.price-bar-sec .table-responsive tbody tr:nth-last-child(-n+4) td span img {
    position: absolute;
    top: -3px;
    right: -18px;
}

/* ---- customization-info-sec --- */
.customization-info-sec .section-title {
    max-width: 60%;
    width: 100%;
    margin: 0 auto 30px;
}

.customization-img-wrapper {
    position: relative;
}

.customization-main-img {
    max-width: 80%;
    margin: 0 auto;
    width: 100%;

}

.ultimate-demos-slider .slick-list,
.protheme-demo-slider .slick-list,
.ultimate-demos-slider .slick-track,
.protheme-demo-slider .slick-track,
.dash-features-slider .slick-track,
.dash-features-slider .slick-track {
    display: flex;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
}

.ultimate-demos-slider .slide-arrow,
.protheme-demo-slider .slide-arrow,
.pages-category-slider .slide-arrow,
.theme-features-slider .slide-arrow,
.customization-slider-one .slick-arrow,
.awaits-main-slider .slick-arrow,
.solution-center-slider .slick-arrow,
.wd-layout-slider .slick-arrow {
    background-image: none !important;
}

.pages-category-slider .slide-arrow.slick-prev svg,
.ultimate-demos-slider .slide-arrow.slick-prev svg,
.protheme-demo-slider .slide-arrow.slick-prev svg,
.theme-features-slider .slide-arrow.slick-prev svg,
.customization-slider-one .slick-arrow.slick-prev svg,
.awaits-main-slider .slick-arrow.slick-prev svg,
.solution-center-slider .slick-arrow.slick-prev svg,
.wd-layout-slider .slick-arrow.slick-prev svg {
    transform: scaleX(-1);
}

.pages-category-slider .slick-arrow:not(.review-section .slick-arrow),
.ultimate-demos-slider .slick-arrow:not(.review-section .slick-arrow),
.protheme-demo-slider .slick-arrow:not(.review-section .slick-arrow),
.theme-features-slider .slide-arrow:not(.review-section .slick-arrow),
.customization-slider-one .slick-arrow:not(.review-section .slick-arrow),
.awaits-main-slider .slick-arrow:not(.review-section .slick-arrow),
.solution-center-slider .slick-arrow:not(.review-section .slick-arrow),
.wd-layout-slider .slick-arrow:not(.review-section .slick-arrow) {
    background-color: var(--theme-color);
}

.pages-category-slider .slick-arrow,
.ultimate-demos-slider .slide-arrow,
.protheme-demo-slider .slick-arrow,
.theme-features-slider .slide-arrow {
    opacity: 0;
    visibility: hidden;
}

.awaits-main-slider .slick-arrow:not(.review-section .slick-arrow) {
    top: auto;
    bottom: -10px;
    box-shadow: 0px 0px 0px 6px rgb(111 217 67 / 22%);
}

.awaits-main-slider .slick-prev {
    left: calc(50% - 45px);
}

.awaits-main-slider .slick-next {
    right: calc(50% + -45px);
}

.ultimate-demos-slider,
.pages-category-slider,
.protheme-demo-slider,
.theme-features-slider {
    margin: 0 -10px;
}

.pages-category-slider:hover .slick-arrow,
.ultimate-demos-slider:hover .slide-arrow,
.protheme-demo-slider:hover .slick-arrow,
.theme-features-slider:hover .slide-arrow {
    opacity: 1;
    visibility: visible;
}

.customization-main-img .slick-iteam img {
    border-radius: 20px;
    overflow: hidden;
}

.customization-left-img,
.customization-right-img {
    max-width: 250px;
    width: 100%;
    margin: 0 auto;
    position: absolute;
    bottom: 0;
    left: 0;
}

.customization-right-img {
    left: auto;
    right: 0;
}

.customization-center-img,
.customization-sec-center-img {
    max-width: 250px;
    width: 100%;
    margin: 0 auto;
    position: absolute;
    bottom: 0;
    left: 25%;
}

.customization-sec-center-img {
    left: auto;
    right: 25%;
    bottom: 80px;
}

.theme-feature-inner ul li .theme-feature-box.feature-box-bg {
    background-color: #c5f0b473;
}

.theme-feature-inner ul li .theme-feature-box.feature-box-bg .feature-lable {
    position: absolute;
    top: -20px;
    left: -20px;
}

.protheme-demo-sec .protheme-demo-slider {
    margin-bottom: 40px;
}

.protheme-demo-sec .btn-wrapper .btn svg path {
    fill: var(--white);
}

/* --- pro benefit section css start */
.pro-benefit-sec {
    background-color: #013d29;
    padding: 50px 0px;
}

.pro-benefit-sec .row {
    row-gap: 20px;
}

.pro-benefit-sec .pro-benefit-image {
    margin-right: -15px;
}

.pro-benefit-sec .pro-benefit-content h2,
.protheme-info-sec .protheme-info-content h2 {
    color: var(--white);
    font: var(--h2) !important;
}

.pro-benefit-sec .pro-benefit-content p,
.protheme-info-sec .protheme-info-content p {
    margin-bottom: 30px;
    color: var(--white);
}

.pro-benefit-sec .pro-benefit-content .btn,
.protheme-info-sec .protheme-info-content .btn {
    background-color: var(--white);
    min-width: 140px;
    justify-content: center;
}

/* --- pro benefit section css end ---*/
/* ---- protheme info section ---- */
.protheme-info-sec {
    position: relative;
    padding: 40px 0;
    background-image: url(../images/themes/shopify/bestie/protheme-bg-image.png);
    background-size: cover;
    background-repeat: no-repeat;
}

.protheme-info-content {
    text-align: center;
    max-width: 70%;
    width: 100%;
    margin: 0 auto;
    height: 100%;
    position: relative;
    z-index: 1;
}

.protheme-info-content h2 b {
    color: var(--theme-color);
    font-weight: 700;
}

.protheme-info-right {
    display: flex;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    align-items: flex-end;
    -webkit-align-items: flex-end;
    flex-direction: column;
}

.pro-info-footer {
    position: relative;
    z-index: 0;
}

.pro-info-footer1 {
    right: -80px;
}

.pro-info-footer4 {
    left: -80px;
}

.pro-info-footer2,
.pro-info-footer5 {
    margin: 20px 0;
}

.pro-info-icon {
    margin: 0 auto;
    position: relative;
    z-index: 0;
}

.pro-info-icon1 {
    top: -50px;
}

.pro-info-icon2 {
    bottom: -50px;
}

.single-product .woocommerce-tabs {
    padding-bottom: 0;
}

.header-style-slider .slick-dotted.slick-slider,
.footer-style-slider .slick-dotted.slick-slider {
    margin-bottom: 0;
}

.single-product .faq-section h2 {
    margin-bottom: 0 !important;
}

.single-product #go-top-btn.fixed {
    bottom: 40px;
}

.single-product .need-more-theme-section .features-card p,
.single-product .ecom-experts-section .features-card p {
    margin-bottom: 0;
}

.main-navigation ul.menu>li .sub-menu .menu-item:last-of-type a {
    padding-bottom: 0 !important;
}

/* .site-header-cart .widget_shopping_cart{
    display: unset;
    opacity: 0;
    visibility: hidden;
    transition: .5s all ease-in-out;
    -webkit-transition: .5s all ease-in-out;
    -moz-transition: .5s all ease-in-out;
    -ms-transition: .5s all ease-in-out;
    -o-transition: .5s all ease-in-out;
}
.site-header-cart:hover .widget_shopping_cart, .site-header-cart.focus .widget_shopping_cart{
    opacity: 1;
    visibility: visible;
} */

.header-style-slider .slick-track,
.header-style-slider .slick-list,
.footer-style-slider .slick-track,
.footer-style-slider .slick-list {
    display: flex;
}

.header-style-slider-img {
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 100%;
}

.header-style-slider-img img {
    width: 100%;
    height: 100%;
    object-fit: scale-down;
}

.customization-slider-one .slick-arrow {
    display: none !important;
}

/* ---- bundle section css ---- */
.theme-bundled-sec {
    padding: 60px 0;
    position: relative;
    background-image: url(../images/themes/shopify/bestie/theme-bundle-bg.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-color: #022332;
    background-position: center;
}

.theme-bundled-sec .section-title {
    max-width: 60%;
    width: 100%;
}

.theme-bundled-sec .sub-title {
    font: var(--h4);
    text-transform: capitalize;
    margin-bottom: 20px;
}

.theme-bundled-sec .section-title h2 {
    font: var(--h1) !important;
    color: var(--white);
}

.theme-bundled-sec .section-title h2 b,
.bundle-right-col h3 b {
    color: var(--theme-color);
    font-weight: 700;
    display: unset;
}

.theme-bundled-sec .bundle-img-1 {
    position: absolute;
    top: 0;
    right: 0;
}

.theme-bundled-sec .bundle-img-2 {
    position: absolute;
    top: 100px;
    right: 100px;
}

.theme-bundled-sec .bundle-img-3 {
    position: absolute;
    bottom: 90px;
    right: 0;
}

.theme-bundled-sec .bundle-right-col h3 {
    font-weight: 700;
    font-size: 28.333px;
    line-height: 1.3;
    color: var(--white);
    margin-bottom: 20px;
}

.theme-bundled-sec .bundle-right-col p {
    color: var(--white) !important;
    line-height: 1.5 !important;
    margin-bottom: 30px;
}

.theme-bundled-sec .bundle-right-col {
    max-width: 90%;
    width: 100%;
    margin-left: auto;
}

.bundle-btn-wrapper {
    max-width: 50%;
    width: 100%;
}

.bundle-btn-wrapper .secondary-btn {
    width: 100%;
    justify-content: center;
}

.ultimate-pro-demos .product-card-image {
    position: relative;
}

.ultimate-pro-demos .coming-soon-card .product-card-image::after,
.protheme-demo-sec .coming-soon-card .product-card-image::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background: rgb(0 0 0 / 43%);
}

.ultimate-pro-lable {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 2;
    transform: translate(-50%, -50%);
    background: var(--white);
    color: var(--black);
    font-weight: 600;
    font-size: 16px;
    /* text-transform: uppercase; */
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
}

.ultimate-demos-slider .ultimate-pro-lable:hover,
.protheme-demo-slider .ultimate-pro-lable:hover {
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    box-shadow: none !important;
}

/* Shopify Demo popup*/

.custom-model-main {
    text-align: center;
    overflow: hidden;
    position: fixed;
    width: 100%;
    height: 100%;
    right: 0;
    bottom: 0;
    left: 0;
    /* z-index: 1050; */
    -webkit-overflow-scrolling: touch;
    outline: 0;
    opacity: 0;
    -webkit-transition: opacity 0.15s linear, z-index 0.15;
    -o-transition: opacity 0.15s linear, z-index 0.15;
    transition: opacity 0.15s linear, z-index 0.15;
    z-index: -1;
    overflow-x: hidden;
    overflow-y: auto;
}

.model-open {
    z-index: 99999;
    opacity: 1;
    overflow: hidden;
}

.custom-model-inner {
    -webkit-transform: translate(0, -25%);
    -ms-transform: translate(0, -25%);
    transform: translate(0, -25%);
    -webkit-transition: -webkit-transform 0.3s ease-out;
    -o-transition: -o-transform 0.3s ease-out;
    transition: -webkit-transform 0.3s ease-out;
    -o-transition: transform 0.3s ease-out;
    transition: transform 0.3s ease-out;
    transition: transform 0.3s ease-out, -webkit-transform 0.3s ease-out;
    display: inline-block;
    vertical-align: middle;
    width: 100%;
    margin: 30px auto;
    max-width: 50%;
}

.custom-model-wrap {
    display: block;
    width: 100%;
    position: relative;
    background-color: #fff;
    border: 1px solid #999;
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 6px;
    -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
    box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
    background-clip: padding-box;
    outline: 0;
    text-align: left;
    padding: 20px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    max-height: calc(100vh - 70px);
    overflow-y: auto;
}

.model-open .custom-model-inner {
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
    position: relative;
    z-index: 999;
}

.model-open .bg-overlay {
    background: rgba(0, 0, 0, 0.6);
    z-index: 99;
}

.bg-overlay {
    background: rgba(0, 0, 0, 0);
    height: 100vh;
    width: 100%;
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 0;
    -webkit-transition: background 0.15s linear;
    -o-transition: background 0.15s linear;
    transition: background 0.15s linear;
}

.close-btn {
    position: absolute;
    right: 0;
    top: -45px;
    cursor: pointer;
    z-index: 99;
    font-size: 40px;
    color: #fff;
}

.pop-up-content {
    display: flex;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    align-items: center;
    -webkit-align-items: center;
    gap: 30px;
}

.pop-up-content .pop-up-img {
    max-width: 400px;
}

.pop-up-content .pop-up-content-inner h4 {
    margin: 15px 0;
    font-size: 28px;
}

.pop-up-content .pop-up-content-inner h4 span {
    padding: 6px 12px;
    background-color: var(--theme-color);
    color: var(--white);
    font-size: 18px;
    border-radius: 30px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    -ms-border-radius: 30px;
    -o-border-radius: 30px;
}

.pop-up-content .pop-up-content-inner .btn {
    text-transform: uppercase;
}

.theme-gallery-slider .slick-slide {
    padding: 2px 10px;
}

@media screen and (min-width:800px) {
    .custom-model-main:before {
        content: "";
        display: inline-block;
        height: auto;
        vertical-align: middle;
        margin-right: -0px;
        height: 100%;
    }
}

@media screen and (max-width:799px) {
    .custom-model-inner {
        margin-top: 45px;
    }
}

/* Offer Coupon Code */
.popup-card {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    max-width: 450px;
    width: 95%;
    background-color: #fff;
    box-shadow: 5px 5px 20px 5px #0000004d;
    border-radius: 10px;
    display: none;
    z-index: 999;
}

.popup-card .copy-text {
    position: relative;
    padding: 3px;
    background: #fff;
    border: 1px dashed #013d29;
    border-radius: 20px;
    display: flex;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
}

.popup-card .copy-text input.text {
    padding: 8px;
    font-size: 16px !important;
    color: #013d29;
    border: none;
    outline: none;
    max-width: 120px;
    width: 100%;
    font-weight: 500;
    line-height: 19px;
    border-radius: 20px;
}

.popup-card .copy-text button {
    padding: 4px 10px;
    background: #6fd943;
    color: #fff;
    font-size: 15px !important;
    border: none;
    outline: none;
    border-radius: 20px;
    cursor: pointer;
}

.popup-card .copy-text button:active {
    background: #60b93a;
}

.popup-card .copy-text button:before {
    content: "Copied";
    position: absolute;
    top: -45px;
    right: 0px;
    background: #6fd943;
    padding: 8px 10px;
    border-radius: 20px;
    font-size: 15px;
    display: none;
}

.popup-card .copy-text button:after {
    content: "";
    position: absolute;
    top: -20px;
    right: 25px;
    width: 10px;
    height: 10px;
    background: #6fd943;
    transform: rotate(45deg);
    display: none;
}

.popup-card .copy-text.active button:before,
.popup-card .copy-text.active button:after {
    display: block;
}

.popup-card-bottom {
    padding: 20px 15px;
}

.popup-card p {
    margin-bottom: 30px;
    margin-top: 0;
    font-size: 15px;
    font-weight: 400;
}

.popup-card p a {
    color: #013d29 !important;
}

.popup-card p span {
    font-weight: 700;
}

.popup-card h3 {
    font-weight: 700;
    font-size: 20px;
}

.popup-card .popup-btn {
    padding: 14px 26px;
    background-color: #013d29;
    box-shadow: 2px 2px 10px 0px #0000004d !important;
    text-decoration: none;
    border-radius: 10px;
    font-size: 15px !important;
    color: #fff;
    line-height: 1;
    border-radius: 20px;
    transition: 500ms all ease-in-out;
}

.popup-card .popup-btn:hover,
.popup-card .popup-btn:focus {
    box-shadow: 0px 3px 7px 0px rgb(1 61 41 / 50%) !important;
}

.popup-card .btn-wrapper {
    display: flex;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    align-items: center;
    -webkit-align-items: center;
    justify-content: space-between;
    justify-content: space-between;
    gap: 15px;
    flex-wrap: wrap;
}

.popup-card .popup-img {
    width: 100%;
    height: 250px;
    object-fit: cover;
    object-position: top;
    border-radius: 15px 15px 0 0;
    display: block;
}

.popup-card .close-btn {
    position: absolute;
    right: -10px;
    top: -10px;
    background-color: #ff3c3c;
    display: flex;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    justify-content: center;
    -webkit-justify-content: center;
    align-items: center;
    -webkit-align-items: center;
    width: 25px;
    height: 25px;
    border-radius: 50%;
    cursor: pointer;
}

.popup-card .close-btn svg {
    width: 20px;
    height: 20px;
}

.popup-card .logo-img {
    position: absolute;
    top: -45px;
    left: 50%;
    padding: 8px;
    transform: translateX(-50%);
    border-radius: 10px;
    box-shadow: 2px 2px 20px 5px #00000014;
    background-color: #fff;
}

div.blue::after {
    content: " ";
    z-index: 999;
    background: rgb(0 0 0 / 70%);
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    position: fixed;
}

body.no-scroll {
    overflow: hidden;
    position: relative;
}

@media (max-width: 580px) {
    .popup-card-bottom {
        padding: 15px 10px;
    }

    .popup-card p {
        margin-bottom: 15px;
    }

}

div.offer-popup-layer {
    content: " ";
    z-index: 999;
    background: rgb(0 0 0 / 70%);
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    position: fixed;
}

div#offer-bar-celebrating {
    position: fixed;
    bottom: 0;
    left: 50%;
    transform: translate(-50%, -50%);
    max-width: 1200px;
    width: 95%;
    background: var(--dark-green);
    color: #FFFFFF;
    box-shadow: 5px 5px 20px 5px #0000004d;
    border-radius: 10px;
    z-index: 999;
    padding: 10px;
}

#close-bar {
    background-color: #ff3c3c;
    display: flex;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    justify-content: center;
    -webkit-justify-content: center;
    align-items: center;
    -webkit-align-items: center;
    width: 25px;
    height: 25px;
    border-radius: 50%;
    cursor: pointer;
    position: absolute;
    top: -20px;
    right: -20px;
}

#close-bar svg {
    width: 20px;
    height: 20px;
}

.popup-overlay-con {
    z-index: 99;
}

#offer-bar-celebrating .row {
    row-gap: 15px;
}

.popup-card-bottom p {
    text-align: center;
}

#offer-bar-celebrating b.desc span {
    color: var(--third-color);
}

.popup-card-bottom .text-danger {
    color: red;
}

.popup-card-top {
    padding-top: 20px;
}

.woocommerce-cart .wc-block-components-notice-banner>svg {
    height: fit-content;
}

.custom-req-section.bg-dark-green .info-cards {
    margin: 0 auto 30px auto;
    max-width: 423px;
    -webkit-transition: 0.3s all ease;
    -o-transition: 0.3s all ease;
    transition: 0.3s all ease;
}

.custom-req-section.bg-dark-green h6 {
    color: #FFFFFF;
}

.info-cards.bg-dark-green.bg-theme span {
    color: var(--black);
}

@media (max-width: 991px) {
    #offer-bar-celebrating .btn-wrapper-col {
        justify-content: center !important;
        gap: 15px;
    }

    #offer-bar-celebrating b.desc {
        text-align: center;
    }
}


/* -----DASH SASS ERP PAGE CSS ----  */

/* dash-addon-banner */
.dash-addon-banner img {
    width: auto;
    margin: 0 0 0 auto;
}

footer.site-footer .footer-row-top .footer-top-right .btn-wrapper {
    gap: 10px;
}

.product-banner-section .title-content-inner.dash-banner-title {
    max-width: 100%;
}

.subtitle span {
    text-transform: capitalize;
}

/* features-card-section */
.features-card-section .dash-features-slider .features-card-image {
    background: #F9F9F9;
    padding: 10px;
    border-radius: 10px;
    width: 100px;
    margin: 0 auto;
    height: 100px;
    transition: .5s all ease-in-out;
    -webkit-transition: .5s all ease-in-out;
    -moz-transition: .5s all ease-in-out;
    -ms-transition: .5s all ease-in-out;
    -o-transition: .5s all ease-in-out;
}

.features-card-section .dash-features-slider .features-card-image svg {
    width: 50px;
    height: 50px;
}

.features-card-section .dash-features-slider .dash-features-card {
    width: 100%;
    display: block;
}

.dash-features-slider .slick-slide {
    padding: 2px 10px;
}

.features-card-section .dash-features-slider .dash-features-card:hover .features-card-image {
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}

.features-card-section .dash-features-slider .features-card-content {
    margin-top: 10px;
    text-align: center;
}

.features-card-section .dash-features-slider .features-card-content h3 {
    font-size: 18px;
}

.features-card-section .row {
    row-gap: 15px;
}

.features-card-section .dash-features-slider .slick-slide.slick-center .features-card-image {
    background-color: #022332;
}

.dash-features-slider .slick-slide.slick-center .features-card-image svg path {
    fill: var(--white);
    fill-opacity: 1;
}

.features-content-wrapper {
    background-color: #F7F7F7;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    padding: 40px;
    position: relative;
}

.dash-features-slider {
    margin-bottom: 40px;
}

.features-content-wrapper .features-content-left p {
    color: var(--black);
    font-size: 16px;
    line-height: 1.8;
    font-weight: 600;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    line-clamp: 3;
    -webkit-box-orient: vertical;
}

.features-content-wrapper .content-bg2 {
    position: absolute;
    bottom: 30px;
    left: 20%;
}

.features-content-wrapper .content-bg1 {
    position: absolute;
    bottom: 20%;
    left: 30%;
}

.features-content-wrapper .content-bg3 {
    position: absolute;
    bottom: -3px;
    left: -13px;
}

.dash-features-slider .slick-list {
    padding: 0 0 !important;
}

.features-content-slider .features-content-wrapper .row {
    row-gap: 20px;
}

.features-content-slider .slick-dotted.slick-slider {
    margin-bottom: 0;
}

.mobile-menu-overlay .site-header-wrapper::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 100%;
    width: 100%;
    z-index: 1;
    background: rgb(0 0 0 / 37%);
}

.mobile-menu-overlay .popup-overlay::after {
    content: '';
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    height: 100%;
    width: 100%;
    z-index: 1;
    background: rgb(0 0 0 / 37%);
}

/* client-support-section */
.client-support-section {
    padding: 40px 0;
}

/* .client-support-section .client-support-card {
    height: 100%;
    width: 100%;
    display: block;
    text-align: center;
    position: relative;
} */
.client-support-section .client-support-image {
    background: var(--theme-color);
    padding: 15px;
    border-radius: 10px;
    transition: .5s all ease-in-out;
    -webkit-transition: .5s all ease-in-out;
    -moz-transition: .5s all ease-in-out;
    -ms-transition: .5s all ease-in-out;
    -o-transition: .5s all ease-in-out;
    display: inline-flex;
}

.client-support-section .client-support-image svg {
    height: 50px;
    width: 50px;
}

.client-support-section .client-support-content {
    margin-top: 15px;
    text-align: center;
}

.client-support-section .client-support-content h2 {
    color: var(--white);
    font-size: 18px;
}

.client-support-section .client-support-slide {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    flex-wrap: wrap;
}

.client-support-section .support-item:not(:last-of-type) ::after {
    content: "";
    top: 0;
    left: 100%;
    border-width: 2px 0 0 0;
    border-style: solid;
    border-image: linear-gradient(269.99deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 56.8703830242157%, rgba(255, 255, 255, 0) 100%);
    border-image-slice: 1;
    width: 94px;
    height: 0px;
    position: absolute;
    transform-origin: 0 0;
    transform: rotate(90deg) scale(1, 1);
    -webkit-transform: rotate(90deg) scale(1, 1);
    -moz-transform: rotate(90deg) scale(1, 1);
    -ms-transform: rotate(90deg) scale(1, 1);
    -o-transform: rotate(90deg) scale(1, 1);
}

.client-support-section .support-item {
    flex: 1;
    height: 100%;
    width: 100%;
    display: block;
    text-align: center;
    position: relative;
}

/* advance-solution-section */

.advance-solution-section .advance-solution-inner {
    display: flex;
    margin-bottom: 40px;
}

.advance-solution-section .advance-row {
    display: flex;
    flex-wrap: wrap;
    gap: 30px;
    justify-content: center;
}

.advance-solution-section .advance-card {
    text-align: center;
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
}

.advance-solution-section .advance-card svg {
    width: 100%;
}

.advance-solution-section .advance-card .advance-card-icon {
    background-color: #f7f7f7;
    padding: 40px 40px;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    margin-bottom: 15px;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
}

.advance-solution-section .advance-card:hover .advance-card-icon {
    background-color: var(--white);
    box-shadow: rgb(111 217 67 / 50%) 0px 2px 8px 0px;
}

.advance-solution-section .section-title,
.features-price-sec.price-section .section-title {
    max-width: 70%;
    width: 100%;
    margin: 0 auto 30px;
}

.advance-solution-section .advance-card .advance-card-icon svg {
    width: 70px;
    height: 70px;
}

.advance-solution-section .advance-card h3 {
    font-size: 18px;
    flex: 1;

}

.advance-solution-section .advance-btn-wrapper .btn,
.integration-section .btn,
.payment-section .btn {
    max-width: 140px;
    width: 100%;
    text-align: center;
    justify-content: center;
    font-weight: 600;
    font-size: 16px;
}

.integration-section .btn {
    max-width: 160px;
}

/* add-ons-section */
.add-ons-section .row {
    row-gap: 20px;

}

/* awaits-section */
.awaits-section {
    background-color: #F7F7F7;
    border-radius: 0px 150px 0px 0px;
    -webkit-border-radius: 0px 150px 0px 0px;
    -moz-border-radius: 0px 150px 0px 0px;
    -ms-border-radius: 0px 150px 0px 0px;
    -o-border-radius: 0px 150px 0px 0px;
    position: relative;
}

.awaits-section .nav-tab-inner {
    padding: 25px 15px;
    font-size: 16px;
}

.awaits-section .nav-tab-inner h4 {
    margin-bottom: 15px;
    font-size: 22px;
}

.awaits-main-slider {
    padding-bottom: 40px;
}

.awaits-section .row {
    align-items: center;
    row-gap: 15px;
}

.awaits-section .awaits-tab-panel {
    position: relative;
    z-index: 1;
    padding-top: 60%;
}

.awaits-main-slider .slick-slide {
    padding-bottom: 20px;
}

.awaits-section .awaits-tab-panel img {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    object-fit: scale-down;
}

/* integration-section */
.integration-section .integration-tab {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 25px;
    flex-wrap: wrap;
    margin-bottom: 30px;
}

.integration-section .integration-btn {
    padding: 10px 30px;
    /* box-shadow: 0px 8px 27px 0px #00000014; */
    box-shadow: #00000014 0px 2px 8px 0px;
    border-radius: 66px;
    -webkit-border-radius: 66px;
    -moz-border-radius: 66px;
    -ms-border-radius: 66px;
    -o-border-radius: 66px;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: .4s all ease-in-out;
    -webkit-transition: .4s all ease-in-out;
    -moz-transition: .4s all ease-in-out;
    -ms-transition: .4s all ease-in-out;
    -o-transition: .4s all ease-in-out;
}

.integration-section .integration-btn:hover {
    box-shadow: rgb(111 217 67 / 50%) 0px 2px 8px 0px;
    /* box-shadow: rgb(111 217 67 / 50%) 0px 8px 27px 0px; */
}

.integration-section .integration-btn img {
    width: 160px;
    height: 42px;
    object-fit: scale-down;
}

/* payment-section */
.payment-section {
    position: relative;
}

.payment-section .img-wrapper img {
    width: auto;
    margin: auto;
}

.payment-gateway-bg1,
.payment-gateway-bg2 {
    position: absolute;
    width: 300px;
}

.payment-gateway-bg1 {
    top: 0;
    left: 0;

}

.payment-gateway-bg2 {
    bottom: 0;
    right: 0;
}

/* lang-support-section */
.lang-support-section {
    background-color: #F7F7F7;
}

.lang-support-section .section-title {
    max-width: 700px;
    width: 100%;
    margin: 0 auto 30px;
}

/* dash-youtube-section */
.dash-youtube-section {
    background-color: #F4F4F4;
}

.dash-youtube-section .section-title,
.integration-section .section-title,
.payment-section .section-title {
    max-width: 70%;
    width: 100%;
    margin: 0 auto 30px;
}

.integration-section .section-title h2,
.payment-section .section-title h2 {
    max-width: 65%;
    width: 100%;
    margin: 0 auto;
}

.dash-youtube-section .dash-youtube-inner .logo {
    text-align: center;
    margin-bottom: 30px;
}

.dash-youtube-section .dash-youtube-inner .logo a {
    display: inline-block;
}

.dash-youtube-section .dash-youtube-inner h3 {
    font: var(--h4);
    line-height: 1.7;
}

.dash-youtube-section .dash-youtube-inner h3 a {
    color: var(--theme-color);
    font-weight: 500;
    position: relative;

}

.dash-youtube-section .dash-youtube-inner h3 a::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 1px;
    height: 2px;
    width: 100%;
    background-color: var(--theme-color);
}

.dash-youtube-section .you-tube-button {
    gap: 15px;
}

.dash-youtube-section .you-tube-button .single-btn {
    padding: 12px;
    border-radius: 50px;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    -ms-border-radius: 50px;
    -o-border-radius: 50px;
    background-color: var(--white);
    width: 55px;
    height: 55px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: .5s all ease-in-out;
    -webkit-transition: .5s all ease-in-out;
    -moz-transition: .5s all ease-in-out;
    -ms-transition: .5s all ease-in-out;
    -o-transition: .5s all ease-in-out;
}

.dash-youtube-section .you-tube-button .single-btn:hover {
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}

/* dash-value-inner */
.dash-value-section .dash-value-inner {
    text-align: center;
    padding: 25px;
    position: relative;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
}

.dash-value-section .section-title h2 {
    font: var(--h3);
}

.dash-value-section .dash-value-button {
    justify-content: center;
    gap: 15px;

}

.dash-value-section .dash-value-bg-1,
.dash-value-section .dash-value-bg-2 {
    position: absolute;
    left: 0;
    bottom: 16px;
    height: auto;
    width: auto;
}

.dash-value-section .dash-value-bg-2 {
    right: 0;
    left: auto;
}

.custom-req-section .right-wrapper .section-title {
    margin-bottom: 20px;
}

.custom-req-section .right-wrapper h3 {
    font: var(--h4);
    text-transform: capitalize !important;
}

.woocommerce-form-register .g-recaptcha {
    margin-top: 10px;
}

.client-review-section .slick-dotted.slick-slider {
    margin-bottom: 0 !important;
}

.dashcustom-req-sec .info-cards-wrp .category-label {
    justify-content: flex-start !important;
}

.features-content-slider.flex-slider .slick-list,
.features-content-slider.flex-slider .slick-track {
    display: block;
}

.slick-lightbox .slick-lightbox-inner .slick-arrow:not(.review-section .slick-arrow) {
    box-shadow: none;
}

.awaits-tab-content {
    padding-bottom: 50px;
}

.search-box.search-with-cate input::placeholder,
.woocommerce-checkout .checkout_coupon .form-row-first input::placeholder {
    color: var(--second-color) !important;
}

/* .search-results.archive .woocommerce-breadcrumb {
    color: var(--second-color);
} */

.woocommerce-checkout-review-order-table tr.fee td span.amount {
    display: block;
    text-align: right;
}

#payment .payment_methods>.wc_payment_method>label {
    padding: 15px 15px;
}

.woocommerce-checkout .woocommerce-form-login .g-recaptcha {
    margin-top: 10px;
}

.page-template-about-us .about-wrapper .terms-details-section h5 {
    margin-bottom: 15px;
    font-size: 24px;
}

#reviews.cr-reviews-ajax-reviews #comments.cr-reviews-ajax-comments .cr-ajax-reviews-list li:last-of-type {
    margin-bottom: 0 !important;
}

#reviews.cr-reviews-ajax-reviews #comments.cr-reviews-ajax-comments .cr-ajax-reviews-list {
    padding-bottom: 0 !important;
}

.multi-lang-opc .multi-lang-info .multi-lang-inner h6 {
    text-transform: uppercase;
}

.awaits-tabs-ul:not(.slick-initialized) *:not(:first-child),
.awaits-main-slider:not(.slick-initialized) *:not(:first-child) {
    display: none;
}

.awaits-tabs-nav,
.awaits-tabs-ul {
    height: 100%;
}

table.cart td.actions .input-text:focus {
    background-color: var(--white) !important;
}

.page-template-mobile-apps-solutions .review-section.gradient-theme {
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
}

.awaits-tabs-ul {
    display: flex;
    align-items: center;
    justify-content: center;
}

.apk-ios-card-section .innner-card li:first-of-type .icon {
    margin-top: 0;
}

.custom-req-section.bg-dark .section-title.text-center {
    padding: 0 15px;
}

.listing-slider-section .listing-slider.slick-dotted.slick-slider,
.own-your-sass-section .own-your-sass-slider.slick-dotted.slick-slider {
    margin-bottom: 0;
}


.contact-section .right-col .contact-inner-col h3 {
    font: var(--h4);
}

.document-listing-section .search-box input::placeholder {
    color: var(--black);
}

.blog-details-wrapper .blog-details-home .innner-content h2 {
    margin-bottom: 0;
}

/* ----- vCardGo SaaS Addon css ----- */
.product-banner-section.vcardgo-addon-banner {
    position: relative;
    padding: 0;
}

.vcardgo-addon-banner .vcard-banner-bg {
    position: absolute;
    bottom: 20px;
    left: 30%;
}

.product-banner-section.vcardgo-addon-banner .img-wrapper {
    width: 100%;
    height: 100%;
}

.product-banner-section.vcardgo-addon-banner .img-wrapper img {
    height: 100%;
    object-fit: cover;
    object-position: left;
}

.product-banner-section.vcardgo-addon-banner .img-wrapper .mobile-banner {
    display: none;
}

.vcardgo-addon-banner .title-content-inner.dash-banner-title {
    max-width: 90%;
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 100%;
    padding: 100px 15px 40px;
}

/* .page-template-vcardgo-saas-addon .storefront-breadcrumb {
    display: none;
} */

.vcardgo-addon-banner .vcard-banner-content {
    color: #F4B41A;
}

.top-selling-section.vcard-top-selling .product-card .product-content {
    text-align: center;
}

.top-selling-section.vcard-top-selling .row {
    justify-content: center
}

.vcard-top-selling.filter-right-column .product-card .product-content-top {
    margin-bottom: 15px;
}

.vcard-top-selling.filter-right-column .product-card .product-content-top h5 {
    font-size: 18px;
    text-transform: none;
}

/* .vcard-top-selling.filter-right-column .card-bottom {
    margin-top: 0;
} */


.vcard-top-selling.filter-right-column .btn {
    padding: 12px 20px;
}

.manage-info-sec {
    background-color: #F6F6F6;
    position: relative;
}

.manage-info-sec .row {
    row-gap: 20px;
    justify-content: center;
}

.manage-info-sec .manage-card-inner {
    background: var(--white);
    border-radius: 16.625em 16.625em 0 0;
    padding: 30px 30px;
    width: 100%;
    height: 100%;
    display: flex;
    text-align: center;
    flex-direction: column;
    -webkit-border-radius: 16.625em 16.625em 0 0;
    -moz-border-radius: 16.625em 16.625em 0 0;
    -ms-border-radius: 16.625em 16.625em 0 0;
    -o-border-radius: 16.625em 16.625em 0 0;
    position: relative;
    z-index: 1;
}

.manage-info-sec .manage-card-inner .icon-div {
    background-color: #013D29;
    box-shadow: 0px 0px 0px 6px rgba(1, 61, 41, 0.3);
}

.manage-info-sec .manage-card-inner .icon-div svg {
    width: 35px;
    height: 35px;
}

.manage-info-sec .manage-card-inner .icon-div svg path {
    fill: var(--white);
}

.manage-info-sec .manage-card-inner h4 {
    margin-bottom: 15px;
    font-size: 18px;
}

.manage-info-sec .manage-card-inner p {
    overflow: hidden;
    letter-spacing: .5px;

}

.manage-info-sec.code-mastery-sec .manage-card-inner p {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    line-clamp: 3;
    -webkit-box-orient: vertical;
}

.manage-card {
    position: relative;
    width: 100%;
    height: 100%;
}

.control-place-sec.manage-info-sec .manage-card::after {
    border-radius: 16.625em 16.625em 0 0;
    content: '';
    background-image: linear-gradient(185.65deg, #013D29 -30.39%, rgba(1, 61, 41, 0) 95.5%);
    top: -1px;
    left: -1px;
    bottom: -1px;
    right: -1px;
    position: absolute;
    z-index: 0;
}

.dynamic-code-sec .left-inner,
.dynamic-code-sec .right-inner {
    width: 100%;
    height: 100%;
}

.dynamic-code-sec .left-inner img,
.dynamic-code-sec .right-inner img {
    object-fit: scale-down;
    height: 100%;
}

.dynamic-code-sec .row {
    row-gap: 20px;
}

.code-mastery-sec .manage-card {
    padding-top: 50px;
}

.code-mastery-sec .manage-card-inner .icon-div {
    margin-top: -60px;
    box-shadow: 0px 3px 11px 3px rgba(0, 0, 0, 0.1);
    background-color: var(--white);
    width: 80px;
    height: 80px;
}

.code-mastery-sec .manage-card-inner .icon-div svg {
    width: 40px;
    height: 40px;
}

.code-mastery-sec .manage-card-inner .icon-div svg path {
    fill: #013D29;
}

.code-mastery-sec .manage-card-inner h4 {
    max-width: 90%;
    width: 100%;
    margin: 0 auto 15px;
}

.code-mastery-sec .manage-card-inner {
    border: 1px solid #dfdfdf;
}

.grecaptcha-badge {
    z-index: 3;
}

.dash-sass-top-selling .dash-saas-slider {
    margin: 0 -10px;
}

.dash-sass-top-selling .dash-saas-slider .slick-arrow,
.dash-sass-top-selling .dash-saas-slider .slick-arrow:hover,
.dash-sass-top-selling .dash-saas-slider .slick-arrow:focus {
    box-shadow: 0px 0px 0px 6px rgb(111 217 67 / 17%);
}

.woocommerce-cart-form thead th {
    padding: 1em 1.618em;
}

.woocommerce-cart-form table.cart .product-thumbnail a {
    max-width: 7em;
    width: 100%;
}

.woocommerce-cart-form table.cart .product-thumbnail a img {
    max-width: 100%;
}

.contact-page-wrapper .contact-section .title-content-inner .section-title {
    margin-bottom: 0;
}

.contact-page-wrapper .contact-section .wpcf7 form .wpcf7-response-output {
    margin-bottom: 0;
}

.development-wrapper .contact-section.bg-dark .row .section-title h2 {
    font-size: 36px !important;
    line-height: 1.2 !important;
}

.development-wrapper .contact-section.bg-dark .row .contact-inner-col h3 {
    font-size: 24px !important;
}

header.site-header .announcebar a.btn50 {
    position: relative;
    background-color: #FFFFFF;
    padding: 10px 30px;
    color: var(--black) !important;
    font-weight: 600;
    border-radius: 4px;
    text-decoration: none;
    text-align: center;
    min-width: 100px;
    margin-left: 20px;
}

@media (max-width:700px) {
    header.site-header .announcebar a.btn50 {
        display: none;
    }
}

.announcebar p.text-center {
    letter-spacing: 0.5px;
}

ins.wp-sale-price {
    text-decoration: line-through;
    color: #d82d2d;
}

.single .theme-details-top ins.wp-sale-price {
    font-size: 25px !important;
}

.filter-right-column .product .selling-icon ul li a {
    display: block;
}

/* ---- 21-3-2024 --- */
.page-template-vcardgo-saas-addon .filter-right-column .hoverable-btn::before,
.page-template-bookinggo-saas-addon .filter-right-column .hoverable-btn::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border-radius: 4px;
    width: 100%;
    height: 100%;
    background: linear-gradient(0deg, rgba(1, 61, 41, 0.87), rgba(1, 61, 41, 0.87));
    z-index: -1;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
}

.page-template-vcardgo-saas-addon .filter-right-column .feature-img:hover .hoverable-btn,
.page-template-bookinggo-saas-addon .filter-right-column .feature-img:hover .hoverable-btn {
    opacity: 1;
    visibility: visible;
}

.vcardgo-popup.active {
    opacity: 1;
    visibility: visible;
    height: auto;
    display: block;
}

.vcardgo-popup {
    position: fixed;
    max-width: 400px;
    width: 100%;
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -khtml-border-radius: 10px;
    text-align: center;
    top: 50%;
    left: 50%;
    z-index: 9999;
    transform: translate(-50%, -50%);
    opacity: 0;
    visibility: hidden;
    height: 0;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    padding: 0 15px;
}



/* ============================================= */
/* !!!!         SHOPIFY PREVIEW PAGE  CSS       !!!! */
/* ============================================= */
.shopify-theme-details .details-card-inner {
    background-color: rgba(217, 217, 217, 0.05);
    padding: 20px;
    text-align: left;
    overflow: hidden;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    display: flex;
    flex-direction: column;
    height: 100%;
}

.shopify-theme-details .details-card-inner .details-card-img {
    margin-bottom: 15px;
}

.shopify-theme-details .details-card-inner .details-card-img svg {
    width: 40px;
    height: 40px;
}

.shopify-theme-details .details-card-inner h3 {
    font: var(--h4);
    color: var(--white);
    margin-bottom: 15px;
}

.shopify-theme-details .details-card-inner p {
    margin-bottom: 15px;
    color: var(--white);
}

.shopify-theme-details .details-card-inner a {
    text-decoration: underline;
    transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    text-underline-offset: 4px;
    flex: 1;
    display: flex;
    align-items: flex-end;
}

.shopify-theme-details .details-card-inner a:hover {
    color: var(--theme-color);
}

.shopify-theme-details .swiper-pagination,
.theme-layout-slider .swiper-pagination,
.theme-feacher-slider .swiper-pagination,
.theme-value-slider .swiper-pagination,
.ask-theme-slider .swiper-pagination {
    bottom: 0;
}

.shopify-theme-details .swiper-pagination .swiper-pagination-bullet {
    background-color: var(--white);
    height: 10px;
    width: 10px;
    opacity: 1;
}

.shopify-theme-details .swiper-pagination .swiper-pagination-bullet-active {
    background-color: var(--theme-color);
}

/* theme layout section css */
.theme-layout-sec,
.drag-drop-sec,
.outstanding-features-sec,
.customiza-flexibility-sec,
.new-feature-sec,
.amazing-device-sec {
    position: relative;
    padding: 70px 0;
    background-color: #F5F5F5;
}

.woocommerce-tabs .panel .theme-layout-sec .section-title h2,
.woocommerce-tabs .panel .drag-drop-sec .section-title h2,
.woocommerce-tabs .panel .outstanding-features-sec .section-title h2,
.woocommerce-tabs .panel .theme-multi-lang .section-title h2,
.woocommerce-tabs .panel .theme-performance-sec .section-title h2,
.woocommerce-tabs .panel .theme-value-sec .section-title h2,
.woocommerce-tabs .panel .customiza-flexibility-sec .section-title h2,
.woocommerce-tabs .panel .price-bar-sec .section-title h2,
.woocommerce-tabs .panel .new-feature-sec .section-title h2,
.woocommerce-tabs .panel .ask-theme-sec .section-title h2,
.woocommerce-tabs .panel .wd-layout-sec .section-title h2,
.woocommerce-tabs .panel .amazing-device-sec .section-title h2 {
    margin-bottom: 20px;
    font-size: 30px;
}

.woocommerce-tabs .panel .theme-layout-sec .section-title,
.woocommerce-tabs .panel .theme-multi-lang .section-title,
.woocommerce-tabs .panel .theme-performance-sec .section-title,
.woocommerce-tabs .panel .theme-value-sec .section-title,
.woocommerce-tabs .panel .amazing-device-sec .section-title {
    max-width: 70%;
    margin: 0 auto 35px;
}

.theme-layout-sec .layout-card-inner,
.wd-layout-sec .wd-layout-inner {
    background:
        linear-gradient(#F5F5F5 0 0) padding-box,
        linear-gradient(180deg,
            rgba(1, 61, 41, 1) 0%,
            rgba(255, 255, 255, 0) 100%) border-box;
    padding: 10px;
    border: 3px solid transparent;
    border-radius: 15px;
}

.theme-layout-sec .layout-card::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0%;
    width: 100%;
    height: 55%;
    background: linear-gradient(180deg, rgba(217, 217, 217, 0) 0%, rgba(245, 245, 245, 1) 85.00000238418579%);
    display: flex;
    align-items: end;
    justify-content: center;
    transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
}

.theme-layout-sec .layout-card-image,
.wd-layout-sec .wd-layout-image {
    position: relative;
    border-radius: 10px;
    overflow: hidden;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    width: 100%;
    height: 100%;
    display: block;
    padding-top: 120%;
}

.theme-layout-sec .layout-card-image img,
.wd-layout-sec .wd-layout-image img {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    object-fit: cover;
}

.theme-layout-sec .layout-card-inner .layout-inner-content {
    position: absolute;
    bottom: 30px;
    left: 0%;
    width: 100%;
    display: flex;
    align-items: end;
    justify-content: center;
    transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    z-index: 1;
}

.theme-layout-sec .layout-card-inner .layout-inner-content h3 a {
    font: var(--h4);
}

/* theme feacher section css */
.theme-feacher-slider .feacher-card-inner {
    background-color: #F5F5F5;
    border-radius: 10px;
    text-align: center;
    padding: 15px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    display: flex;
    flex-direction: column;
    height: 100%;
    width: 100%;
}

.theme-feachers-sec .feacher-card-image {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 15px;
}

.theme-feachers-sec .feacher-card-image svg {
    width: 60px;
    height: 60px;
}

.theme-feachers-sec .feacher-card-inner h3 {
    margin-bottom: 15px;
    font: var(--h4);
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    line-clamp: 1;
    -webkit-box-orient: vertical;
}

.theme-feachers-sec .swiper-grid-column>.swiper-wrapper {
    flex-direction: unset;
    row-gap: 20px;
    height: auto;
}

.theme-feachers-sec .swiper-grid-column>.swiper-wrapper .swiper-slide {
    margin-top: 0px !important;
    height: auto;
    display: flex;
    flex-direction: column;
}

.theme-feachers-sec .feacher-card {
    display: flex;
    flex-direction: column;
    height: 100%;
}

.feacher-card-content {
    flex: 1;
    height: 100%;
}

/* drag drop section css */
.woocommerce-tabs .panel .drag-drop-sec .section-title {
    max-width: 60%;
    margin: 0 auto 35px;
}

.drag-drop-sec .drag-drop-image {
    border-radius: 20px;
    overflow: hidden;
    margin-bottom: 40px;
}

.drag-drop-sec .drag-drop-image img {
    width: 100%;
    height: 100%;
}

.wd-layout-sec .wd-layout-card .wd-layout-content {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: -20px;
}

.wd-layout-sec .wd-layout-card .wd-layout-content h3 a {
    display: block;
    font-size: 16px;
    background-color: var(--dark-green);
    margin-top: -1px;
    color: var(--white);
    line-height: 1;
    padding: 10px 12px;
    border-radius: 0 0 10px 10px;
    -webkit-border-radius: 0 0 10px 10px;
    -moz-border-radius: 0 0 10px 10px;
    -ms-border-radius: 0 0 10px 10px;
    -o-border-radius: 0 0 10px 10px;
    font-weight: 600;
    transition: .5s all ease-in-out;
    -webkit-transition: .5s all ease-in-out;
    -moz-transition: .5s all ease-in-out;
    -ms-transition: .5s all ease-in-out;
    -o-transition: .5s all ease-in-out;
}

.wd-layout-sec .wd-layout-card .wd-layout-content h3 a:hover {
    box-shadow: 0px 3px 7px 0px rgb(1 61 41 / 50%);
}

.wd-layout-sec .wd-layout-card {
    padding-bottom: 20px;
}

.wd-layout-slider .slick-list {
    margin: 0 -10px;
}

.wd-layout-slider .slick-arrow:not(.review-section .slick-arrow) {
    box-shadow: 0px 0px 0px 6px rgb(111 217 67 / 15%);
}

.outstanding-features-sec .outstanding-card-inner {
    background-image: url(../images/themes/shopify/shopify-common/features-bg.png);
    background-size: cover;
    background-repeat: no-repeat;
    border-radius: 10px;
    overflow: hidden;
    box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.1);
    background-color: var(--white);
}

.wd-layout-sec .wd-layout-inner {
    background: linear-gradient(#fff 0 0) padding-box, linear-gradient(180deg, rgba(1, 61, 41, 1) 0%, rgba(255, 255, 255, 0) 100%) border-box;
}

.outstanding-card-inner .outstanding-card-image {
    background: linear-gradient(180deg, rgba(216, 248, 237, 0.2) -3.82%, #FFFFFF 94.44%);
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 10px 15px;
}

.woocommerce-tabs .panel .outstanding-features-sec .section-title {
    max-width: 50%;
    width: 100%;
    margin-bottom: 100px;
}

.outstanding-features-sec .outstanding-card-content {
    background-color: var(--white);
    padding: 10px 15px;
    border: 0;
    border-top: 1px dashed #CCCCCC;
    text-align: center;
    min-height: 130px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.outstanding-features-sec .outstanding-card-content h3 {
    font: var(--h4);
    margin-bottom: 12px;
    font-size: 18px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
}

.outstanding-features-sec .outstanding-card-content p {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    line-clamp: 3;
    -webkit-box-orient: vertical;
}

.outstanding-features-sec .arrow-wrapper .outstanding-features-arrow::after,
.bookinggo-features-sec .arrow-wrapper .bookinggo-features-arrow::after,
.wd-layout-sec .arrow-wrapper .wd-layout-arrow::after {
    display: none;
}

.woocommerce-tabs .panel .theme-multi-lang .section-title h2,
.woocommerce-tabs .panel .theme-multi-lang .section-title p {
    color: var(--white);
}

.outstanding-features-sec .arrow-wrapper .outstanding-features-arrow,
.bookinggo-features-sec .arrow-wrapper .bookinggo-features-arrow,
.wd-layout-sec .arrow-wrapper .wd-layout-arrow {
    background: var(--theme-color);
    width: 35px;
    height: 35px;
    border-radius: 50%;
    box-shadow: 0px 0px 0px 6px rgb(111 217 67 / 15%);
}

.outstanding-features-sec .arrow-wrapper .outstanding-features-arrow svg,
.bookinggo-features-sec .arrow-wrapper .bookinggo-features-arrow svg,
.wd-layout-sec .arrow-wrapper .wd-layout-arrow svg {
    width: 13px;
    height: 13px;
}

.outstanding-features-sec .arrow-wrapper .swiper-button-next svg,
.bookinggo-features-sec .arrow-wrapper .swiper-button-next svg,
.wd-layout-sec .arrow-wrapper .swiper-button-next svg {
    transform: scaleX(-1);
    -webkit-transform: scaleX(-1);
    -moz-transform: scaleX(-1);
    -ms-transform: scaleX(-1);
    -o-transform: scaleX(-1);
}

.theme-multi-lang .theme-lang-opc .theme-lang-inner {
    text-align: center;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.1) 0%, rgba(153, 153, 153, 0) 100%);
    border-radius: 50%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 100%;
    width: 100%;
}

.theme-multi-lang .theme-lang-opc .theme-lang-info {
    background:
        linear-gradient(#013D29 0 0) padding-box,
        linear-gradient(180deg,
            rgba(255, 255, 255, 1) 0%,
            rgba(153, 153, 153, 0) 100%) border-box;
    border: 1px solid transparent;
    border-radius: 50%;
    width: 123px;
    height: 123px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 10px;
}

.theme-multi-lang .theme-lang-opc .theme-lang-inner h6 {
    color: var(--white);
    margin-top: 10px;
    text-transform: uppercase;
    font-size: 14px;
}

.theme-multi-lang .theme-lang-opc .theme-lang-inner span {
    font-size: 24px;
    font-weight: 600;
}

.theme-multi-lang .theme-lang-opc .theme-lang-inner svg {
    width: 60px;
    height: 40px;
}

.theme-multi-lang .theme-lang-opc {
    gap: 15px;
}

/* theme performance section css start */
.theme-performance-sec .performance-grid-wrapper {
    column-gap: 15px;
    display: grid;
    height: 100%;
    gap: 15px;
    grid-template-areas:
        "item-1 item-2 item-3"
        "item-4 item-2 item-6"
        "item-4 item-5 item-6";
    grid-template-rows: 1fr auto;
    grid-template-columns: auto;
}

.performance-grid-wrapper>.item-1 {
    grid-area: item-1;
}

.performance-grid-wrapper>.item-2 {
    grid-area: item-2;
}

.performance-grid-wrapper>.item-3 {
    grid-area: item-3;
}

.performance-grid-wrapper>.item-4 {
    grid-area: item-4;
}

.performance-grid-wrapper>.item-5 {
    grid-area: item-5;
}

.performance-grid-wrapper>.item-6 {
    grid-area: item-6;
}

.performance-card-inner {
    background: #F5F5F5;
    padding: 20px;
    width: 100%;
    height: 100%;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    display: flex;
    flex-direction: column;
}

.performance-card-top {
    text-align: center;
}

.performance-card-top .performance-img {
    display: flex;
    justify-content: center;
    margin-bottom: 15px;
}

.performance-card-top h3,
.performance-card-bottom h4 {
    font: var(--h4) !important;
}

.performance-card-bottom {
    margin-top: 15px;
    padding-top: 15px;
    border: 0;
    border-top: 1px dashed #022332;
    text-align: center;
    flex: 1;
}

.performance-card-bottom h4 {
    margin-bottom: 15px;
}

.performance-card {
    overflow: hidden;
    position: relative;
}

/* theme performance section css end */

/* theme-value-sec css start */

.theme-value-sec .theme-value-card {
    position: relative;
    width: 100%;
    height: 100%;
    padding-top: 40px;
}

.theme-value-card .value-card-inner {
    background: #F5F5F5;
    border-radius: 65px 65px 0 0;
    padding: 30px 15px 15px;
    width: 100%;
    height: 100%;
    display: flex;
    text-align: center;
    flex-direction: column;
    position: relative;
    z-index: 1;
}

.theme-value-card .value-card-inner .value-card-img {
    margin: -60px auto 15px;
    box-shadow: 0px 3px 11px 3px rgba(0, 0, 0, 0.1);
    background-color: var(--dark-green);
    width: 80px;
    height: 80px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.theme-value-card .value-card-inner .value-card-img svg {
    width: 40px;
    height: 40px;
}

.theme-value-card .value-card-inner h3 {
    font: var(--h5);
    margin-bottom: 15px;
    font-size: 18px;
}

/* theme-value-sec css end */
.woocommerce-tabs .panel .customiza-flexibility-sec .section-title,
.woocommerce-tabs .panel .price-bar-sec .section-title,
.woocommerce-tabs .panel .new-feature-sec .section-title,
.woocommerce-tabs .panel .ask-theme-sec .section-title {
    max-width: 70%;
    margin: 0 auto 35px;
}

.single-product .price-bar-sec table.table-responsive {
    position: relative;
}

.pricing-table-more {
    border-radius: 0 0 5px 5px;
    display: flex !important;
    justify-content: center;
    padding-top: 50px;
    padding-bottom: 50px;
    transition: all .3s;
    z-index: 2;
    position: absolute;
    width: 100%;
    bottom: 65px;
    left: 0;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #FFFFFF 70%);
}

.price-bar-sec table.table-responsive .price-bar-total td {
    border: 0;
    background-color: #F9F9F9;
}

.price-bar-sec table.table-responsive tfoot tr td:first-of-type p {
    font-size: 18px;
}

.price-bar-sec table.table-responsive tfoot tr td p {
    font-weight: 600;
}

.price-bar-sec table.table-responsive tfoot tr td {
    padding: 15px 10px;
}

/* new feature section css strat  */
.new-feature-img {
    position: relative;
    padding-top: 67%;
    display: block;
    border-radius: 10px;
    overflow: hidden;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    box-shadow: 0px 5px 7px 0px rgba(0, 0, 0, 0.1);
}

.new-feature-sec .new-feature-img img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.new-feature-sec .new-feature-content {
    padding: 20px;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    position: relative;
    z-index: 1;
    max-width: 85%;
    margin: -80px auto 0;
    height: 100%;
    width: 100%;
    background: var(--theme-color);
    text-align: center;
}

.new-feature-sec .col-12:nth-child(even) .new-feature-content {
    background-color: var(--dark-green);
}

.new-feature-sec .col-12:nth-child(even) .new-feature-content h3,
.new-feature-sec .col-12:nth-child(even) .new-feature-content p {
    color: var(--white);
}

.new-feature-sec .new-feature-card {
    width: 100%;
    height: 100%;
}

.new-feature-sec .new-feature-card .new-feature-inner {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
}

.new-feature-sec .new-feature-content .new-feature-icon svg {
    width: 35px;
    height: 35px;
}

.new-feature-sec .new-feature-content .new-feature-icon {
    width: 60px;
    height: 60px;
    background-color: var(--white);
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 15px;
}

.new-feature-sec .new-feature-content h3 {
    font: var(--h5);
    margin-bottom: 12px;
    font-size: 20px;
}

.new-feature-sec .row {
    row-gap: 30px;
    margin-bottom: 40px;
    justify-content: center;
}

/* new feature section css end  */
.ask-theme-sec .theme-card-inner {
    padding: 10px 20px;
    position: relative;
    text-align: center;
}

.ask-theme-sec .theme-card-inner .theme-card-img {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: rgba(1, 61, 41, 0.1);
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    flex-shrink: 0;
    margin: 0 auto 15px;
}

.ask-theme-sec .theme-card-inner .theme-card-img svg {
    width: 30px;
    height: 30px;
}

.ask-theme-sec .theme-card-inner h3 {
    font: var(--h4);
    font-size: 18px;
}

.ask-theme-sec .ask-theme-card:not(:last-of-type) .theme-card-inner::after {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    width: 2px;
    height: 100%;
    background-color: var(--theme-color);
}

.customiza-flexibility-sec::before {
    display: none;
}

.single-product .sp-price-bar table tr th {
    text-transform: uppercase;
}

.single-product .sp-price-bar table tr td {
    font-weight: 500;
    color: var(--black);
    letter-spacing: 1.7px;
}

.amazing-device-sec .amazing-device-image img {
    width: 100%;
    height: 100%;
}

.page-template-ecommercego-saas-envato-landing-page .product-center-slider .product-center-item .btn:hover {
    transform: unset;
    -webkit-transform: unset;
    -moz-transform: unset;
    -ms-transform: unset;
    -o-transform: unset;
}

.free-template-sec .free-template-inner {
    position: relative;
    background-image: url(../images/themes/shopify/shopify-common/sp-html-offer.png);
    padding: 40px 15px;
    z-index: 1;
    gap: 30px;
}

.free-template-sec .free-template-inner::after {
    content: '';
    background-color: #022332;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    opacity: .9;
    z-index: -1;
}

.free-template-sec .free-template-inner::before {
    content: '';
    background-image: url(../images/themes/shopify/shopify-common/sp-html-layer.png);
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
}

.free-template-sec .free-template-inner .free-template-img,
.free-template-sec .free-template-inner .free-template-content {
    position: relative;
    z-index: 1;
}

.free-template-sec .free-template-inner .free-template-img {
    max-width: 200px;
    width: 100%;
}

.free-template-sec .free-template-inner .free-template-img img {
    width: 100%;
    height: 100%;
}

.free-template-sec .free-template-inner .free-template-content h2 {
    color: var(--white);
    margin-bottom: 0;
    font-size: 40px;
}

.details-slider:not(.swiper-initialized) .swiper-slide,
.theme-layout-slider:not(.swiper-initialized) .swiper-slide,
.theme-feacher-slider:not(.swiper-initialized) .swiper-slide,
.ask-theme-slider:not(.swiper-initialized) .swiper-slide {
    width: 400px;
    margin-right: 15px;
}

.theme-value-slider:not(.swiper-initialized) .swiper-slide,
.wd-layout-slider:not(.swiper-initialized) .swiper-slide {
    width: 285px;
    margin-right: 15px;
}

.details-slider .swiper-slide {
    height: auto;
}

.details-slider .swiper-slide .details-card {
    width: 100%;
    height: 100%;
}


.theme-value-slider {
    display: flex;
}

.theme-value-slider .swiper-wrapper {
    height: auto;
}

.theme-layout-slider .swiper-pagination .swiper-pagination-bullet,
.theme-feacher-slider .swiper-pagination .swiper-pagination-bullet,
.theme-value-slider .swiper-pagination .swiper-pagination-bullet,
.ask-theme-slider .swiper-pagination .swiper-pagination-bullet {
    background-color: var(--theme-color);
    height: 10px;
    width: 10px;
    opacity: 1;
}

.theme-layout-slider .swiper-pagination .swiper-pagination-bullet-active,
.theme-feacher-slider .swiper-pagination .swiper-pagination-bullet-active,
.theme-value-slider .swiper-pagination .swiper-pagination-bullet-active,
.ask-theme-slider .swiper-pagination .swiper-pagination-bullet-active {
    background-color: var(--dark-green);
}

.wd-layout-sec .wd-layout-slider .arrow-wrapper .wd-layout-arrow {
    opacity: 0;
    visibility: hidden;
    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;
}

.wd-layout-sec .wd-layout-slider:hover .arrow-wrapper .wd-layout-arrow {
    opacity: 1;
    visibility: visible;
}

.wd-layout-sec .wd-layout-slider .arrow-wrapper .wd-layout-arrow.swiper-button-disabled {
    opacity: .5;
}


.vcardgo-single-slider .theme-details-img {
    overflow: auto;
    max-height: 90vh;

}


/* Track */
.vcardgo-single-slider .theme-details-img::-webkit-scrollbar-track {
    background: #f1f1f1;
}

.page-template-bookinggo-saas-addon .top-selling-section.vcard-top-selling .product-card .feature-img,
.page-template-vcardgo-saas-addon .top-selling-section.vcard-top-selling .product-card .feature-img {
    margin-bottom: 0;
}

.vcardgo-single-slider .theme-details-img::-webkit-scrollbar {
    width: 5px;
}

.vcardgo-single-slider .theme-details-img::-webkit-scrollbar-thumb {
    background-color: #c3c3c3;
}

.vcardgo-popup .vcard-popup-close {
    position: absolute;
    top: -20px;
    right: 0px;
    background-color: var(--theme-color);
    border-radius: 50%;
    padding: 6px;
    color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 35px;
    height: 35px;
    z-index: 1;
}


/* ============================================= */
/* !!!!       BookingGo Landing Page CSS        !!!! */
/* ============================================= */
.booking-process-section {
    position: relative;
}

.booking-top-img {
    position: absolute;
    top: 10%;
    right: 10%;
    z-index: -1;
}

.price-section.bookinggo-price-sec .btn-wrapper .secondary-btn {
    padding: 13px 20px;
}

.bookinggo-layout-card {
    width: 100%;
    height: 100%;
}

.bookinggo-card-inner {
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 100%;
}

.bookinggo-layout-sec .bookinggo-card-inner .bookinggo-img-wrapper {
    padding: 15px 15px 0;
    border: 1px solid var(--border-color);
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    margin-bottom: 15px;
    position: relative;
    overflow: hidden;
}

.bookinggo-img-wrapper .bookinggo-card-lbl {
    background-color: var(--theme-color);
    color: var(--white);
    padding: 5px 23px;
    transform: rotate(10deg);
    -webkit-transform: rotate(-37deg);
    -moz-transform: rotate(10deg);
    -ms-transform: rotate(10deg);
    -o-transform: rotate(10deg);
    position: absolute;
    top: 11px;
    left: -31px;
    z-index: 1;
    min-width: 122px;
    text-align: center;
    font-size: 14px;
    text-transform: uppercase;
    line-height: 1;
}

.bookinggo-img-wrapper .bookinggo-card-lbl.free-lable {
    background-color: red;
}

.bookinggo-layout-sec .bookinggo-card-inner .bookinggo-card-image {
    overflow: hidden;
    padding-top: 100%;
    display: block;
    position: relative;
}

.bookinggo-layout-sec .bookinggo-card-image img {
    border-radius: 10px 10px 0 0;
    -webkit-border-radius: 10px 10px 0 0;
    -moz-border-radius: 10px 10px 0 0;
    -ms-border-radius: 10px 10px 0 0;
    -o-border-radius: 10px 10px 0 0;
    position: absolute;
    top: 0;
    left: 0;
}

.bookinggo-layout-sec .bookinggo-card-content h3 a {
    font: var(--h4);
    display: inline-block;
}

.bookinggo-layout-sec .row {
    row-gap: 25px;
    margin-bottom: 30px;
}

.bookinggo-features-sec {
    background-color: #F7F7F7;
    position: relative;
}


.bookinggo-features-sec .bookinggo-features-inner {
    padding: 15px;
    background-color: var(--white);
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    text-align: center;
}

.bookinggo-features-sec .bookinggo-features-inner .bookinggo-features-img {
    width: 90px;
    height: 90px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: -60px auto 20px;
    background-color: var(--dark-green);
}

.bookinggo-features-sec .bookinggo-features-inner .bookinggo-features-img svg {
    width: 40px;
    height: 40px;
}

.bookinggo-features-sec .bookinggo-features-content h3 {
    margin-bottom: 15px;
    font: var(--h4);
    font-size: 20px;
}

.bookingo-integration-sec {
    background-color: #F7F7F7;
}

.dash-youtube-section.bookinggo-youtube-sec .dash-youtube-inner .logo a {
    max-width: 220px;
    width: 100%;
}

.dash-youtube-section.bookinggo-youtube-sec .dash-youtube-inner .logo a img {
    width: 100%;
    height: 100%;
}

.bookinggo-price-sec.features-price-sec.price-section .section-title {
    max-width: 60%;
}

.bookinggo-addons-sec {
    background-color: #F7F7F7;
}

.bookinggo-addons-sec .layout-btn-wrapper .btn {
    text-align: center;
    justify-content: center;
    font-weight: 600;
    font-size: 16px;
}

.dash-features-slider .slick-carousel:not(.slick-initialized) *:not(:first-child),
.features-content-slider .slick-carousel:not(.slick-initialized) *:not(:first-child) {
    display: none;
}

.dash-features-slider .slick-carousel:not(.slick-initialized) .slick-slide {
    width: 200px;
}

.features-content-slider .slick-carousel:not(.slick-initialized) .slick-slide {
    width: 100%;
}

.features-content-slider .slick-carousel:not(.slick-initialized) .slick-list,
.features-content-slider .slick-carousel:not(.slick-initialized) .slick-track {
    display: flex;
}



/* ============================================= */
/* !!!!       dash sales single Page CSS        !!!! */
/* ============================================= */
.sels-info-sec{
    position: relative;
    padding: 40px 0;
}
.sels-info-row{
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 15px;
}
.sels-info-sec .sels-iteam-inner{
    padding: 10px 25px;
    background-color: var(--white);
    border-radius: 30px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    -ms-border-radius: 30px;
    -o-border-radius: 30px;
    gap: 10px;
    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;
}
.sels-info-sec .sels-iteam-inner svg{
    width: 32px;
    height: 32px;
}
.sels-info-sec .sels-iteam-inner svg path{
    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;
}
.sels-info-sec .sels-iteam-inner p{
    font-size: 16px;
    flex: 1;
    font-weight: 600;
    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;
}
.sales-video-wrapper{
    border: 1px solid var(--border-color);
    border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    -o-border-radius: 20px;
    padding: 30px;
}
.sales-video-wrapper .video-documentation{
    border-radius: 20px;
    overflow: hidden;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    -o-border-radius: 20px;
    margin-bottom: 30px;
    padding-bottom: 58%;
}
.sales-video-wrapper p{
    font-size: 16px;
    margin-bottom: 30px;
}
.sales-app-wrapper{
    position: relative;
    padding: 40px 0;
}
.sales-app-wrapper:not(:last-of-type){
    margin-bottom: 60px;
}
.get-app-section .sales-app-wrapper::after{
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    width: 65%;
    background-color: #F6F6F6;
    border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    -o-border-radius: 20px;
    z-index: -1;
}
.get-app-section .sales-wrapper-reverse.sales-app-wrapper::after{
    right: auto;
    left: 0;
}
.get-app-section .sales-app-wrapper .get-app-inner-text{
    padding-right: 30px;
}
.get-app-section .sales-wrapper-reverse.sales-app-wrapper .get-app-inner-text{
    padding-left: 30px;
    padding-right: 0;
}
.get-app-section .sales-app-wrapper .img-div{
    box-shadow: 0px 8px 34px 0px rgba(0, 0, 0, 0.09);
    border-radius: 15px;
    overflow: hidden;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    -ms-border-radius: 15px;
    -o-border-radius: 15px;
}
.get-app-section .get-app-info{
    padding: 20px;
    border-radius: 10px;
    background-color: var(--white);
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    border: 1px solid var(--border-color);
}
.get-app-section .get-app-info .set{
    position: relative;
}
.get-app-section .get-app-info .set:not(:last-of-type){
    margin-bottom: 15px;
    border-bottom: 1px dashed var(--border-color);
    padding-bottom: 10px;
}
.get-app-section .get-app-info .set a {
    width: 100%;
    display: block;
    font-weight: 600;
    -webkit-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
    font-size: 15px;
    gap: 5px;
    position: relative;
    padding-right: 20px;
}
.get-app-section .get-app-info .set .content{
    padding-top: 15px;
}
.get-app-section .get-app-info .set a::after{
    content: "";
    position: absolute;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: 10px;
    height: 2px;
    width: 15px;
    border-radius: 20px;
    background-color: var(--second-color);
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    -o-border-radius: 20px;
    right: 0px;
    top: 50%;
    transform: translateY(-50%);
    transition: all ease-in-out 0.5s;
}
.get-app-section .get-app-info .set a::before{
    content: "";
    position: absolute;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: 10px;
    height: 15px;
    width: 2px;
    border-radius: 20px;
    background-color: var(--second-color);
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    -o-border-radius: 20px;
    right: 7px;
    top: 50%;
    transform: translateY(-50%);
    transition: all ease-in-out 0.5s;
}
.get-app-section .get-app-info .set a.active::before{
    transform: translateY(-50%) rotate(-90deg);
}
.dash-gallery-slider .slick-list{
    padding: 30px 25% 90px!important;
}
.dash-gallery-slider .screenshot-inner{
    transform: scale(.9);
    -webkit-transform: scale(.9);
    -moz-transform: scale(.9);
    -ms-transform: scale(.9);
    -o-transform: scale(.9);
    opacity: .4;
    transition: .5s all ease-in-out;
    -webkit-transition: .5s all ease-in-out;
    -moz-transition: .5s all ease-in-out;
    -ms-transition: .5s all ease-in-out;
    -o-transition: .5s all ease-in-out;
    border: 2px solid var(--dark-green);
    border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    -o-border-radius: 20px;
    padding: 15px;
}
.dash-gallery-slider .screenshot-inner img{
    border-radius: 20px;
    overflow: hidden;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    -o-border-radius: 20px;
}
.dash-gallery-slider .slick-active .screenshot-inner{
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    opacity: 1;
}
.dash-gallery-slider:not(.slick-initialized) *:not(:first-child) {
    display: none;
}
.dash-gallery-slider:not(.slick-initialized) .screenshot-inner{
    width: 960px;
    opacity: 1;
}
.dash-gallery-slider:not(.slick-initialized){
    display: flex;
    justify-content: center;
}
.dash-gallery-slider .slick-arrow:not(.review-section .slick-arrow){
    top: auto;
    bottom: 0;
    background: none;
    transform: translate(0) !important;
    -webkit-transform: translate(0) !important;
    -moz-transform: translate(0) !important;
    -ms-transform: translate(0) !important;
    -o-transform: translate(0) !important;
    box-shadow: none;
}
.dash-gallery-slider .slick-prev{
    left: calc(50% - 65px);
}
.dash-gallery-slider .slick-next{
    right: calc(50% - 65px);
}
.dash-gallery-slider .slick-arrow svg{
   max-width: none;
   width: 35px;
   height: 35px;
}
.dash-gallery-slider .slick-arrow:not(.review-section .slick-arrow):before {
    content: "";
    border: 1px solid var(--second-color);
    position: relative;
    display: block;
    border-radius: 100%;
    width: 40px;
    height: 40px;
    top: 50%;
    transform: translateY(-50%);
}
.dash-gallery-slider .slick-arrow:not(.review-section .slick-arrow) svg{
    position: absolute;
    top: 50%;
    transform: translate(0, -50%);
}
.dash-gallery-slider .slick-arrow.slick-next:not(.review-section .slick-arrow) svg{
    left: -15px;
    right: auto;
}
.dash-gallery-slider .slick-arrow.slick-prev:not(.review-section .slick-arrow) svg {
    right: -15px;
    transform: translate(0, -50%) scaleX(-1);
}
.sales-feature-sec .app-features-inner{
    background: #F6F6F6;
    border-color: var(--border-color);
    border-radius: 20px;
    padding: 30px 20px;
    width: 100%;
    height: 100%;
}
.sales-feature-sec .app-features-icon {
    width: 60px;
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 20px;
}
.sales-feature-sec .app-features-icon svg{
    width: 35px;
    height: 35px;
}
.sales-feature-sec .app-features-content {
    flex: 1;
    padding-left: 20px;
}
.sales-feature-sec .app-features-content h4,.sales-feature-sec .app-features-content p{
    margin-bottom: 15px;
}
.sales-feature-sec  h4 a{
    font: var(--h4);
}
.sales-feature-sec .features-sales-btn{
    color: var(--second-color);
    font-size: 16px;
    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;

}
.sales-feature-sec .features-sales-btn svg path
{
    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;
}
.sales-feature-sec .features-sales-btn:hover,
.app-features-section .app-features-inner .dash-view-more:hover {
    color: var(--theme-color);
}
.sales-feature-sec .features-sales-btn:hover svg path{
    fill: var(--theme-color);
}
.sels-info-sec .sels-info-iteam a:hover .sels-iteam-inner{
    background-color: var(--theme-color);
}
.sels-info-sec .sels-info-iteam a:hover .sels-iteam-inner p{
    color: var(--white);
}
.sels-info-sec .sels-info-iteam a:hover .sels-iteam-inner svg path{
    fill: var(--white);
}
/* ============================================= */
/* !!!!      ecommercego saas Page CSS        !!!! */
/* ============================================= */
.eCommerceGo-landing-wrapper .features-card-section .section-title{
    max-width: 900px;
    width: 100%;
    margin: 0 auto 0px;
    margin-bottom: 70px !important;
}
.eCommerceGo-landing-wrapper .features-card-section .section-title h2{
    text-transform: unset;
}
.eCommerceGo-landing-wrapper .features-card .card-icon{
    background: var(--dark-green);
    border-radius: 50%;
    width: 70px;
    height: 70px;
    margin-top: -50px;
    box-shadow: 0px 0px 0px 8px rgb(1 61 41 / 30%);     
}
.eCommerceGo-landing-wrapper .features-card {
    border-radius: 10px;
    background: linear-gradient(#ffffff 0 0) padding-box, linear-gradient(180deg, rgba(1, 61, 41, 1) 0%, rgba(255, 255, 255, 0) 100%) border-box;
    padding: 15px;
    border: 1px solid transparent;
    width: 100%;
    height: 100%;
}

.eCommerceGo-landing-wrapper .features-card .card-icon svg{
    width: 35px;
    height: 35px;
}
.eCommerceGo-landing-wrapper .features-card-section .features-card h4{
    margin-bottom: 10px;
}
.eCommerceGo-landing-wrapper .features-card-section .features-card h4 a{
    font-weight: bold;
    font-size: 19px;
    line-height: 22px;
    color: #002332;
    text-align: center;
    display: block;
}
.eCommerceGo-landing-wrapper .features-card-section .row {
    row-gap: 60px;
    justify-content: center;
}
.eCommerceGo-landing-wrapper .price-section .section-title{
    max-width: 700px;
    width: 100%;
    margin: 0 auto 30px;
}

.eCommerceGo-landing-wrapper .product-center-slider .slick-list{
    padding-top: 0 !important;
}
.eCommerceGo-landing-wrapper .view-demo-ecommercego h3 {
    font-size: 20px;
    text-align: center;
    margin-bottom: 15px;
}
.eCommerceGo-landing-wrapper .view-demo-ecommercego .btn-wrapper{
    gap: 10px;
    justify-content: center;
}
.eCommerceGo-landing-wrapper .view-demo-ecommercego .btn-wrapper .btn:hover{
    box-shadow: 0px 5px 5px 0px rgb(1 61 41 / 67%) !important;
}
.eCommerceGo-landing-wrapper .product-center-slider:not(.slick-initialized) .product-center-item{
    width: 320px;
    margin: 0 auto;
}
.eCommerceGo-landing-wrapper .product-center-slider:not(.slick-initialized) *:not(:first-child),
.client-review-slider:not(.slick-initialized) *:not(:first-child) {
    display: none;
}
.client-review-slider:not(.slick-initialized) .review-card {
    width: 420px;
}
.eCommerceGo-landing-wrapper .product-center-slider{
    margin-bottom: 30px;
}
.eCommerceGo-landing-wrapper .ecomm-addons-sec{
background: #F7F7F7;
}
.footer-col.footer-link.footer-link-1 .btn-wrapper .btn i {
    font-size: 14px;
    line-height: 20px;
}
.screenshot-section .dash-gallery-slider{
    margin: 0 -10px;
}
.eCommerceGo-landing-wrapper .product-center-slider .slick-next{
    right: 10px;
}
.eCommerceGo-landing-wrapper .product-center-slider .slick-prev{
    left: 10px;
}
.eCommerceGo-landing-wrapper .ecomm-seller-sec .eCommerceGo-title{
    max-width: 400px;
    width: 100%;
}   
.eCommerceGo-landing-wrapper .bookinggo-youtube-sec .dash-youtube-inner .logo a{
    max-width: 260px !important;
}
.home .review-section{
    background-color: var(--white);
}
.eCommerceGo-landing-wrapper .seller-apps .ecomm-seller-banner2,
.eCommerceGo-landing-wrapper .seller-apps .apps-addon-banner2{
    display: none;
}

.eCommerceGo-landing-wrapper .e-comm-app-slider .view-demo-ecommercego .btn-wrapper a.btn{
    width: 100%;
    justify-content: center;
 }
.woocommerce-address-fields__field-wrapper{
    margin-bottom: 10px;
}
.woocommerce-address-fields__field-wrapper .input-text {
    color: var(--black);
}

/* -- dash-saas-addon ---  */
 .list-wrapper .get-app-info ul li{
    padding: 12px 10px;
    border: none;
    border-bottom: 1px dashed var(--border-color);
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    list-style-type: decimal;
    display: list-item;
    unicode-bidi: isolate;
    margin-top: 0;
}
.list-wrapper .get-app-info ul li:last-of-type{
    border-bottom: 0;
}
.list-wrapper .get-app-info ul{
    padding-left: 15px;
}
.list-wrapper .get-app-info ul li:hover{
    background-color: transparent;
    color: var(--theme-color);
}
.list-wrapper .get-app-info ul li::before{
    display: none;
}
.list-wrapper .get-app-info ul li::marker{
    font-size: 14px;
    background-color: var(--theme-color);
}
.get-app-section .get-app-info{
    padding: 10px 20px;
}
/* -- faqs change's ---  */

.faq-section .accordion-container .set:not(:last-of-type) {
    margin-bottom: 15px;
    border-bottom: 1px dashed var(--border-color);
    padding-bottom: 10px;
}
.faq-section .left-column,
.faq-section .right-column {
    padding: 20px;
    border-radius: 10px;
    background-color: var(--white);
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    border: 1px solid var(--border-color);
}
.faq-section .accordion-container .set>a {
    width: 100%;
    display: block;
    font-weight: 600;
    -webkit-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
    font-size: 15px;
    gap: 5px;
    position: relative;
    padding-right: 20px;
}
.faq-section .accordion-container .set>a::before {
    content: "";
    position: absolute;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: 10px;
    height: 15px;
    width: 2px;
    border-radius: 20px;
    background-color: var(--second-color);
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    -o-border-radius: 20px;
    right: 7px;
    top: 50%;
    transform: translateY(-50%);
    transition: all ease-in-out 0.5s;
}
.faq-section .accordion-container .set>a::after {
    content: "";
    position: absolute;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: 10px;
    height: 2px;
    width: 15px;
    border-radius: 20px;
    background-color: var(--second-color);
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    -o-border-radius: 20px;
    right: 0px;
    top: 50%;
    transform: translateY(-50%);
    transition: all ease-in-out 0.5s;
}
.faq-section .accordion-container .set>a.active::before {
    transform: translateY(-50%) rotate(-90deg);
}

.contact-section.bg-dark-green .wpcf7 .form-group.submit-btn p .submit-btn{
    color: var(--black);
}
.page-template-bookinggo-saas-landing-page .woocommerce-breadcrumb{
    max-width: 45%;
    width: 100%;
}