body {
    color: #000000;
}

a {
    text-decoration: none;
    display: inline-block;
}

a:hover {
    text-decoration: none;
}

ul,
ol {
    list-style: none;
}

.text-merchant {
    color: var(--main-theme-color);
}

.text-black {
    color: rgba(0, 0, 0, 0.5) !important
}

.text-blue {
    color: rgba(96, 13, 173, 0.5) !important
}

.text-pink {
    color: rgba(212, 10, 185, 0.5) !important
}

.text-red {
    color: rgba(243, 4, 4, 0.5) !important
}

.token.boolean,
.token.constant,
.token.deleted,
.token.number,
.token.property,
.token.symbol,
.token.tag {
    color: #4e54c8
}

.token.cdata,
.token.comment,
.token.doctype,
.token.prolog {
    color: #7d879c
}

.token.attr-name,
.token.builtin,
.token.char,
.token.inserted,
.token.selector {
    color: #4091e3
}

.token.atrule,
.token.attr-value,
.token.keyword,
.token.string {
    color: #e3116c
}

.language-css .token.string,
.style .token.string,
.token.entity,
.token.operator,
.token.url {
    color: #36acaa
}

.token.class-name,
.token.function {
    color: #36acaa
}

.table:not(.table-dark) thead:not(.thead-dark) th {
    color: #373f50
}

thead th,
th {
    font-weight: 500
}

.table-dark td {
    color: rgba(255, 255, 255, 0.75)
}

.table-secondary,
.table-secondary>th,
.table-secondary>td {
    background-color: #f3f5f9
}

label {
    padding-top: .0625rem;
    font-size: .875rem
}

label:not(.form-check-label):not(.custom-control-label):not(.custom-file-label):not(.custom-option-label) {
    color: #373f50
}

.col-form-label {
    font-size: .875rem
}

.password-toggle {
    position: relative
}

.password-toggle .form-control {
    padding-right: 3rem
}

.password-toggle-btn {
    position: absolute;
    top: 50%;
    right: .625rem;
    margin-bottom: 0;
    padding: .5rem;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    font-size: 1.0625rem;
    line-height: 1;
    cursor: pointer
}

.password-toggle-btn .password-toggle-indicator {
    transition: color .2s ease-in-out;
    color: #7d879c
}

.password-toggle-btn .password-toggle-indicator:hover {
    color: #4b566b
}

.password-toggle-btn .custom-control-input:checked~.password-toggle-indicator {
    color: #fe696a
}

.was-validated .password-toggle .form-control:invalid,
.was-validated .password-toggle .form-control.is-invalid,
.was-validated .password-toggle .form-control:valid,
.was-validated .password-toggle .form-control.is-valid {
    padding-right: 4rem
}

.was-validated .password-toggle .form-control:invalid+.password-toggle-btn,
.was-validated .password-toggle .form-control.is-invalid+.password-toggle-btn,
.was-validated .password-toggle .form-control:valid+.password-toggle-btn,
.was-validated .password-toggle .form-control.is-valid+.password-toggle-btn {
    right: 2.1rem
}

.custom-control:focus,
.custom-control-label:focus {
    outline: none
}

.custom-switch .custom-control-label::before {
    height: 1.25rem;
    border: 0;
    background-color: #dae1e7
}

.custom-switch .custom-control-label::before,
.custom-switch .custom-control-label::after {
    margin-top: -.125rem
}

.custom-switch .custom-control-label::after {
    background-color: #fff;
    box-shadow: 0 0.0625rem 0.25rem 0 rgba(75, 86, 107, 0.3)
}

.custom-switch .custom-control-input:checked~.custom-control-label::before {
    box-shadow: 0 0.375rem 0.875rem -0.3rem #fe696a
}

.custom-switch .custom-control-input:checked~.custom-control-label::after {
    -webkit-transform: translateX(.9375rem);
    transform: translateX(.9375rem)
}

.custom-switch .custom-control-input:disabled~.custom-control-label::before {
    background-color: #e9edf4
}

.custom-switch .custom-control-input:disabled~.custom-control-label::after {
    opacity: .8
}

.input-group-text .custom-control {
    margin-right: -.625rem
}

.was-validated .form-control:valid,
.was-validated .form-control:valid:focus,
.was-validated .form-control.is-valid,
.was-validated .form-control.is-valid:focus,
.was-validated .custom-file-input:valid~.custom-file-label,
.was-validated .custom-file-input:valid~.custom-file-label:focus {
    border-color: #dae1e7
}

.valid-tooltip,
.invalid-tooltip {
    position: static;
    margin-top: .25rem;
    padding: .15rem .5rem;
    font-size: 80%
}

.valid-tooltip {
    color: #42d697
}

.invalid-tooltip {
    color: #f34770
}

.was-validated .form-control:invalid~.invalid-tooltip,
.was-validated .form-control.is-invalid~.invalid-tooltip,
.was-validated .custom-control-input:invalid~.invalid-tooltip,
.was-validated .custom-control-input.is-invalid~.invalid-tooltip {
    display: table
}

.was-validated .form-control:valid~.valid-tooltip,
.was-validated .form-control.is-valid~.valid-tooltip,
.was-validated .custom-control-input:valid~.valid-tooltip,
.was-validated .custom-control-input.is-valid~.valid-tooltip {
    display: table
}

.was-validated .custom-control-input:valid~.custom-control-label,
.was-validated .custom-control-input.is-valid~.custom-control-label {
    color: inherit
}

.was-validated .custom-control-input:valid:checked~.custom-control-label::before,
.was-validated .custom-control-input.is-valid:checked~.custom-control-label::before {
    border-color: #fe696a !important;
    background-color: #fe696a
}

.was-validated .custom-control-input:valid~.custom-control-label::before,
.was-validated .custom-control-input.is-valid~.custom-control-label::before {
    border-color: #c1cdd7 !important
}

.form-control:disabled {
    cursor: not-allowed
}

.form-text {
    padding-top: .125rem;
    font-size: .75rem
}

.subscribe-status {
    border-radius: .1875rem;
    font-size: .8125rem;
    text-align: center
}

.subscribe-status.status-success,
.subscribe-status.status-error {
    margin-top: .5rem;
    padding: .25rem .375rem
}

.subscribe-status.status-success {
    background-color: rgba(66, 214, 151, 0.1);
    color: #42d697
}

.subscribe-status.status-error {
    background-color: rgba(243, 71, 112, 0.1);
    color: #f34770
}

.custom-option {
    padding-left: 0
}

.custom-option.custom-control-inline {
    margin-right: .25rem
}

.custom-option-label {
    position: relative;
    min-width: 2rem;
    height: 2rem;
    margin-bottom: 0;
    padding-right: .375rem;
    padding-left: .375rem;
    transition: color 0.2s ease-in-out, border-color 0.2s ease-in-out;
    border: 1px solid #e3e9ef;
    border-radius: .1875rem;
    color: #4b566b;
    font-size: .75rem;
    font-weight: normal;
    text-align: center;
    line-height: 1.75rem;
    cursor: pointer
}

.custom-option-label:hover {
    border-color: #c9d5e0;
    color: #373f50
}

.custom-option-color {
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 1.5rem;
    height: 1.5rem;
    margin-top: -.75rem;
    margin-left: -.75rem;
    background-position: top left;
    background-size: 1.5rem 1.5rem;
    background-repeat: no-repeat
}

.custom-control-input:checked~.custom-option-label {
    border-color: #fe696a;
    color: #fe696a
}

.custom-control-justified {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-positive: 1;
    flex-grow: 1
}

.custom-control-justified:not(:last-child) {
    margin-right: .5rem
}

.custom-control-justified .custom-option-label {
    width: 100%
}

.cz-file-drop-area {
    position: relative;
    padding: 2rem 1rem;
    transition: border-color 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
    border: 2px dashed #dae1e7;
    background-color: #fff;
    text-align: center;
    cursor: pointer
}

.cz-file-drop-area .cz-file-drop-input {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: transparent;
    opacity: 0;
    outline: none;
    cursor: pointer;
    z-index: 2
}

.cz-file-drop-area .cz-file-drop-icon {
    display: block;
    margin-bottom: .75rem;
    color: #aeb4be;
    font-size: 1.625rem
}

.cz-file-drop-area .cz-file-drop-preview {
    max-width: 16rem;
    margin-right: auto;
    margin-bottom: .75rem;
    margin-left: auto
}

.cz-file-drop-area .cz-file-drop-message {
    display: block;
    font-size: .875rem;
    margin-bottom: 1.25rem
}

.cz-file-drop-area .btn {
    position: relative;
    z-index: 3
}

.cz-file-drop-area:hover {
    border-color: #c4cfd9
}

.btn {
    white-space: nowrap
}

.btn>i {
    margin-top: -.1875rem;
    vertical-align: middle
}

.btn-primary,
.btn-success,
.btn-danger,
.btn-warning,
.btn-info,
.btn-dark,
.btn-outline-success:hover,
.btn-outline-success:active,
.btn-outline-info:hover,
.btn-outline-info:active,
.btn-outline-warning:hover,
.btn-outline-warning:active {
    color: #fff !important
}

.btn-secondary,
.btn-secondary:hover,
.btn-outline-secondary,
.btn-outline-secondary:hover,
.btn-light,
.btn-light:hover {
    color: #4b566b !important;
    border-color: transparent
}

.btn-light:hover,
.btn-light:not(:disabled):not(.disabled):active,
.btn-light:not(:disabled):not(.disabled).active,
.show>.btn-light.dropdown-toggle {
    border-color: #fff;
    background-color: #fff
}

.btn-outline-primary {
    border-color: rgba(254, 105, 106, 0.35)
}

.btn-outline-secondary {
    border-color: rgba(243, 245, 249, 0.35)
}

.btn-outline-success {
    border-color: rgba(66, 214, 151, 0.35)
}

.btn-outline-info {
    border-color: rgba(105, 179, 254, 0.35)
}

.btn-outline-warning {
    border-color: rgba(254, 165, 105, 0.35)
}

.btn-outline-danger {
    border-color: rgba(243, 71, 112, 0.35)
}

.btn-outline-light {
    border-color: rgba(255, 255, 255, 0.35)
}

.btn-outline-dark {
    border-color: rgba(55, 63, 80, 0.35)
}

.btn-outline-accent {
    border-color: rgba(78, 84, 200, 0.35)
}

.btn-outline-secondary {
    border-color: #dae1e7
}

.btn-outline-secondary:hover {
    border-color: transparent;
    color: #4b566b !important
}

.btn-primary.btn-shadow {
    box-shadow: 0 0.5rem 1.125rem -0.5rem rgba(254, 105, 106, 0.9)
}

.btn-secondary.btn-shadow {
    box-shadow: 0 0.5rem 1.125rem -0.5rem rgba(243, 245, 249, 0.9)
}

.btn-success.btn-shadow {
    box-shadow: 0 0.5rem 1.125rem -0.5rem rgba(66, 214, 151, 0.9)
}

.btn-info.btn-shadow {
    box-shadow: 0 0.5rem 1.125rem -0.5rem rgba(105, 179, 254, 0.9)
}

.btn-warning.btn-shadow {
    box-shadow: 0 0.5rem 1.125rem -0.5rem rgba(254, 165, 105, 0.9)
}

.btn-danger.btn-shadow {
    box-shadow: 0 0.5rem 1.125rem -0.5rem rgba(243, 71, 112, 0.9)
}

.btn-light.btn-shadow {
    box-shadow: 0 0.5rem 1.125rem -0.5rem rgba(255, 255, 255, 0.9)
}

.btn-dark.btn-shadow {
    box-shadow: 0 0.5rem 1.125rem -0.5rem rgba(55, 63, 80, 0.9)
}

.btn-accent.btn-shadow {
    box-shadow: 0 0.5rem 1.125rem -0.5rem rgba(78, 84, 200, 0.9)
}

.btn-secondary.btn-shadow,
.btn-light.btn-shadow {
    box-shadow: 0 0.5rem 1.125rem -0.5rem rgba(0, 0, 0, 0.15)
}

.btn-shadow:hover {
    box-shadow: none
}

.btn-pill {
    border-radius: 2.875rem !important
}

.btn-pill.btn-sm,
.btn-group-sm>.btn-pill.btn {
    border-radius: 2.2875rem !important
}

.btn-pill.btn-lg,
.btn-group-lg>.btn-pill.btn {
    border-radius: 3.3125rem !important
}

.btn-square {
    border-radius: 0 !important
}

.btn-icon {
    padding: .625rem .875rem
}

.btn-market {
    display: inline-block;
    padding: .375rem .875rem;
    padding-left: 2.8125rem;
    border-radius: .4375rem;
    background-position: center left .75rem;
    background-color: #2b3445;
    background-size: 1.5rem 1.5rem;
    background-repeat: no-repeat;
    text-decoration: none
}

.btn-market .btn-market-title {
    display: block;
    color: #fff;
    font-size: 1rem
}

.btn-market .btn-market-subtitle {
    display: block;
    margin-bottom: -.125rem;
    color: rgba(255, 255, 255, 0.6);
    font-size: .6875rem
}

.btn-apple {
    background-image: url(data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTkuMC4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeD0iMHB4IiB5PSIwcHgiIHZpZXdCb3g9IjAgMCAzMDUgMzA1IiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCAzMDUgMzA1OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSIgd2lkdGg9IjI0cHgiIGhlaWdodD0iMjRweCI+CjxnIGlkPSJYTUxJRF8yMjhfIj4KCTxwYXRoIGlkPSJYTUxJRF8yMjlfIiBkPSJNNDAuNzM4LDExMi4xMTljLTI1Ljc4NSw0NC43NDUtOS4zOTMsMTEyLjY0OCwxOS4xMjEsMTUzLjgyQzc0LjA5MiwyODYuNTIzLDg4LjUwMiwzMDUsMTA4LjIzOSwzMDUgICBjMC4zNzIsMCwwLjc0NS0wLjAwNywxLjEyNy0wLjAyMmM5LjI3My0wLjM3LDE1Ljk3NC0zLjIyNSwyMi40NTMtNS45ODRjNy4yNzQtMy4xLDE0Ljc5Ny02LjMwNSwyNi41OTctNi4zMDUgICBjMTEuMjI2LDAsMTguMzksMy4xMDEsMjUuMzE4LDYuMDk5YzYuODI4LDIuOTU0LDEzLjg2MSw2LjAxLDI0LjI1Myw1LjgxNWMyMi4yMzItMC40MTQsMzUuODgyLTIwLjM1Miw0Ny45MjUtMzcuOTQxICAgYzEyLjU2Ny0xOC4zNjUsMTguODcxLTM2LjE5NiwyMC45OTgtNDMuMDFsMC4wODYtMC4yNzFjMC40MDUtMS4yMTEtMC4xNjctMi41MzMtMS4zMjgtMy4wNjZjLTAuMDMyLTAuMDE1LTAuMTUtMC4wNjQtMC4xODMtMC4wNzggICBjLTMuOTE1LTEuNjAxLTM4LjI1Ny0xNi44MzYtMzguNjE4LTU4LjM2Yy0wLjMzNS0zMy43MzYsMjUuNzYzLTUxLjYwMSwzMC45OTctNTQuODM5bDAuMjQ0LTAuMTUyICAgYzAuNTY3LTAuMzY1LDAuOTYyLTAuOTQ0LDEuMDk2LTEuNjA2YzAuMTM0LTAuNjYxLTAuMDA2LTEuMzQ5LTAuMzg2LTEuOTA1Yy0xOC4wMTQtMjYuMzYyLTQ1LjYyNC0zMC4zMzUtNTYuNzQtMzAuODEzICAgYy0xLjYxMy0wLjE2MS0zLjI3OC0wLjI0Mi00Ljk1LTAuMjQyYy0xMy4wNTYsMC0yNS41NjMsNC45MzEtMzUuNjExLDguODkzYy02LjkzNiwyLjczNS0xMi45MjcsNS4wOTctMTcuMDU5LDUuMDk3ICAgYy00LjY0MywwLTEwLjY2OC0yLjM5MS0xNy42NDUtNS4xNTljLTkuMzMtMy43MDMtMTkuOTA1LTcuODk5LTMxLjEtNy44OTljLTAuMjY3LDAtMC41MywwLjAwMy0wLjc4OSwwLjAwOCAgIEM3OC44OTQsNzMuNjQzLDU0LjI5OCw4OC41MzUsNDAuNzM4LDExMi4xMTl6IiBmaWxsPSIjRkZGRkZGIi8+Cgk8cGF0aCBpZD0iWE1MSURfMjMwXyIgZD0iTTIxMi4xMDEsMC4wMDJjLTE1Ljc2MywwLjY0Mi0zNC42NzIsMTAuMzQ1LTQ1Ljk3NCwyMy41ODNjLTkuNjA1LDExLjEyNy0xOC45ODgsMjkuNjc5LTE2LjUxNiw0OC4zNzkgICBjMC4xNTUsMS4xNywxLjEwNywyLjA3MywyLjI4NCwyLjE2NGMxLjA2NCwwLjA4MywyLjE1LDAuMTI1LDMuMjMyLDAuMTI2YzE1LjQxMywwLDMyLjA0LTguNTI3LDQzLjM5NS0yMi4yNTcgICBjMTEuOTUxLTE0LjQ5OCwxNy45OTQtMzMuMTA0LDE2LjE2Ni00OS43N0MyMTQuNTQ0LDAuOTIxLDIxMy4zOTUtMC4wNDksMjEyLjEwMSwwLjAwMnoiIGZpbGw9IiNGRkZGRkYiLz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8L3N2Zz4K)
}

.btn-google {
    background-image: url(data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTkuMC4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeD0iMHB4IiB5PSIwcHgiIHZpZXdCb3g9IjAgMCA1MTIgNTEyIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA1MTIgNTEyOyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSIgd2lkdGg9IjUxMnB4IiBoZWlnaHQ9IjUxMnB4Ij4KPHBvbHlnb24gc3R5bGU9ImZpbGw6IzVDREFERDsiIHBvaW50cz0iMjkuNTMsMCAyOS41MywyNTEuNTA5IDI5LjUzLDUxMiAyOTkuMDA0LDI1MS41MDkgIi8+Cjxwb2x5Z29uIHN0eWxlPSJmaWxsOiNCREVDQzQ7IiBwb2ludHM9IjM2OS4wNjcsMTgwLjU0NyAyNjIuMTc1LDExOS40NjcgMjkuNTMsMCAyOTkuMDA0LDI1MS41MDkgIi8+Cjxwb2x5Z29uIHN0eWxlPSJmaWxsOiNEQzY4QTE7IiBwb2ludHM9IjI5LjUzLDUxMiAyOS41Myw1MTIgMjYyLjE3NSwzODMuNTUxIDM2OS4wNjcsMzIyLjQ3IDI5OS4wMDQsMjUxLjUwOSAiLz4KPHBhdGggc3R5bGU9ImZpbGw6I0ZGQ0E5NjsiIGQ9Ik0zNjkuMDY3LDE4MC41NDdsLTcwLjA2Myw3MC45NjFsNzAuMDYzLDcwLjk2MWwxMDguNjg4LTYyLjg3N2M2LjI4OC0zLjU5Myw2LjI4OC0xMS42NzcsMC0xNS4yNyAgTDM2OS4wNjcsMTgwLjU0N3oiLz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPC9zdmc+Cg==)
}

.btn-windows {
    background-image: url(data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTYuMC4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4PSIwcHgiIHk9IjBweCIgd2lkdGg9IjI0cHgiIGhlaWdodD0iMjRweCIgdmlld0JveD0iMCAwIDQ4MCA0ODAiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDQ4MCA0ODA7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPGc+Cgk8cGF0aCBkPSJNMC4xNzYsMjI0TDAuMDAxLDY3Ljk2M2wxOTItMjYuMDcyVjIyNEgwLjE3NnogTTIyNC4wMDEsMzcuMjQxTDQ3OS45MzcsMHYyMjRIMjI0LjAwMVYzNy4yNDF6IE00NzkuOTk5LDI1NmwtMC4wNjIsMjI0ICAgbC0yNTUuOTM2LTM2LjAwOFYyNTZINDc5Ljk5OXogTTE5Mi4wMDEsNDM5LjkxOEwwLjE1Nyw0MTMuNjIxTDAuMTQ3LDI1NmgxOTEuODU0VjQzOS45MTh6IiBmaWxsPSIjMDBiY2YyIi8+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPC9zdmc+Cg==)
}

.btn-amazon {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEgAAABICAYAAABV7bNHAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2FpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTExIDc5LjE1ODMyNSwgMjAxNS8wOS8xMC0wMToxMDoyMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0idXVpZDo1RDIwODkyNDkzQkZEQjExOTE0QTg1OTBEMzE1MDhDOCIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo1QjFCQzQ2QjRGNkQxMUU3OUY5REJEQzBGNkVBQUI5QiIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo1QjFCQzQ2QTRGNkQxMUU3OUY5REJEQzBGNkVBQUI5QiIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M1IFdpbmRvd3MiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo2QUM1ODJFMkIxNEExMUUzQkY1NEUzQkNCRjlEODA1RSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo2QUM1ODJFM0IxNEExMUUzQkY1NEUzQkNCRjlEODA1RSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pk2CzRIAAAcFSURBVHja5FxpbBZVFH2ULlhQCq2oiBWLWqCI0AoqKILgGo2KEqlGjSKKIuJaC9EgRKNYURL9YQ2KawKICO5RqZYYsKDFtS1VsSpaU2ypgQYo0HpP5lTGz2/pvNnrTU7yLXNn3px5775777tvurW3tysf5DDBEMEAwUmCEwX9+TsalCRoEfwuqBF8KagTVAt2e9nQZA+vdYRgimCi4GJBd41z7BK8LlgjeMOTVqMHuYxcwRrBgXZnZYegyO32d3NxiGG4LBVMdvkZN7JnfuzGyZNcavQkwXYPyIFkCsoED4SFoDsFHwpSPTb8CwQPO31Sp4fYbMFi5a9MEzwfRILGu2UHNORYwS9BGmIpgldVcGR+0GzQI3T0giKY1XoHZYjBAazHuTT1ywUrOOvtFfQQDBPMEmTYaNd0wZIgOIrzNB29zYKcBOcuseFIljjhKDoxxC7U0FkuGCnYmuC4ewVzNNt1ahCGGILNXy3qIOAcalEHAWuuRZ0/BUcKDvhppM/X0HlQQ+dtDZ0setm+zmKtFo9HCuM9jeuUabYv3e90x0uCfvReewoOZZAai3g4kjs1rlNnwz8LVKjRgwT1EeQIjicGCdoEM5gEsyonCGo19PIEVUFKmO0hGgRbnIwZ/fI4k1TXFtvEJgf8BtNo13R9mv1dgSDYpwJlJO6zaL/6MiLPofHXlX1hI+gYwVjBZYLBDHCz/u9DbKCgkK7AoLAZMTcJwpBZJLgozFbeLYKeFNzRFaZBpwk6TvCpClbyLDAEnS5Y39UcKacIynWInEbGa0i471DGUnMD7dk8XzxNB2IxrH/9wClcR5BmxVLRa4KvYjh3urEY4sAf/e5BT9sg5ynB7UGOxewSNFwZyXEduVIZyfpAi91g9SZNvVkWyWkPI0FYd7peQ289h2UoYkY7BI1SeinNpRo6PcJGEBzBMZq672u6EaEiCOSM09BrVsYKqlXJ12xnml8EwS/J0dDbRb/HK4LS/SIoW3CUhp5O4SbW/s+yERv6QlCa0qsgy1DWqy6m2ZjFJvtFEIZJq4beIcqoj7bSe4pt3N9UwdF+EIT1+D80dWdYOPYZZSTt7cg9fhD0vUpcmRFLrhOM7sRxJYJLHZipkbgr8JogeMPrbDT6E8EZMf7rJXjL7pOPkBf9SHecI/jAZsNB1HPKyP1gSp5CuCHIHCwU/OYVQZiN6ml4wyJPCO72Khb7S/CCCpfs93KIQVAp9p2HN7iKQbJOgu5spVHHbTcfhNKSxz0i5zHB5Zz6rQiKtvKUbpG7Q9uGNrS7K3Mjrrexk3pVgsygbIfaJDjF4V6DoqtL1H9rFDHEahPkiZBWucB2CxzegLbSwV5TnuDpF8TRfdape3Jjl94EQY0NYioFkzp5rdFR9Oe4suNwb2m2Xlh/c8xNNUiooarjZCJabgYBL2oWsWl3C92GGotNQBnNMga2M+U+VnVCBxnRkRyqiPX2MLbcKPjZfF/mNAKWjlNshhBmWccLjqJt6kuSujMbgOKmnWzQF8pY4GuznFYoza6Rm7lVGYVX7yY4fASzoWMYn/Wno4sHhcLzCkYH2DDc9C8/SC60gm4+DriaCl1FzhU8xIfVGVkopBdH9qBr6GkW8mnODqGnHE3OUwcXChoJ5MWbOQvmRMk8/lP2lxyRBLuKYxJFT1ieuZb5m9oQE/Q1CdhOpzGa5HF49TSFUTE9aWz6f5OfJ9B4olLs8JAShIC6Lg45iuHSN6bvdYlCDThnq03f72IWsUj5uIjnkCCffh97ViF/w8TRUT/ZZA5L4sViqERdEnFi5FO2KWMLZu+QEZPOdqP9jyrjnSG38L8BphHymTKVzCQKVlG5EVm4hC1GxUw8IdmVH3BiYF9K6W+h3Vkmg91RfDHRdPxiq9H8AhrtliiW/gb6MNUchsMCQgqcx9sEmwXfkghzj0ebc01OacdCwk/KeCmCijaLxZN3eFFUgZ0Wo0GLTA4ifKpKwQYPSYG3ji0LVzAdHEvgupirUvqYguwbIw+2siC3jd72XBX/FRDj1MF1+zo+xWoavgqlt18sUlI4tDHLDmfYMDiBzj72+FcifkeFGyrY8NqdspgZRYuxWD7H6pkWb6yVSbZ6+iVNNIgN/NzCYd/Ghwd7gf1nKOLsR0OKmGuIxUliJR3fyL1qvUzhzsBoMabukm4le8lUJsI7u06fynhohEfDDj0X1WxrY/yfyZl6plsp12UM+LCGtVUFRz5nFDA0DjmKPWe6irOM7tSGukV0tIrYOL9kLXs1gtKXnTih0zsOS9i48cpI5jd7QEoVPWMYa7zYabmTJ3erOLKcuJ+GfCx9qcE0jHakgQm21bSFFW6y73b1KDIEHxHzmZzKpt+RzxkpgxmEVHWwZA56uznDNNFd2ESXod7LMfu3AAMA3eQjZHI91/8AAAAASUVORK5CYII=)
}

.btn-scroll-top {
    display: block;
    position: fixed;
    right: -4.125rem;
    bottom: 1.25rem;
    width: 2.75rem;
    height: 2.75rem;
    transition: right 400ms cubic-bezier(0.68, -0.55, 0.265, 1.55), opacity 0.3s, background-color 0.25s ease-in-out;
    border-radius: 50%;
    background-color: rgba(43, 52, 69, 0.25);
    color: #fff;
    text-align: center;
    opacity: 0;
    z-index: 1025
}

.btn-scroll-top>.btn-scroll-top-icon {
    font-size: .875rem;
    font-weight: bold;
    line-height: 2.625rem
}

.btn-scroll-top .btn-scroll-top-tooltip {
    position: absolute;
    top: 50%;
    right: 100%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    transition: opacity .25s ease-in-out, visibility .25s ease-in-out;
    visibility: hidden;
    opacity: 0
}

.btn-scroll-top:hover {
    background-color: rgba(43, 52, 69, 0.5);
    color: #fff
}

.btn-scroll-top:hover .btn-scroll-top-tooltip {
    visibility: visible;
    opacity: 1
}

.btn-scroll-top.show {
    right: 1.25rem;
    opacity: 1
}

@media (max-width: 767.98px) {
    .btn-scroll-top {
        width: 2.2916666667rem;
        height: 2.2916666667rem;
        bottom: 1rem
    }

    .btn-scroll-top>.btn-scroll-top-icon {
        line-height: 2.1666666667rem
    }

    .btn-scroll-top.show {
        right: 1rem
    }
}

.dropdown .dropdown-toggle::after,
.dropup .dropdown-toggle::after,
.dropleft .dropdown-toggle::after,
.dropright .dropdown-toggle::after {
    margin-left: .3rem;
    vertical-align: middle
}

.btn.dropdown-toggle::after {
    margin-bottom: .125rem;
    margin-left: .35rem;
    vertical-align: baseline
}

h1 .dropdown-toggle::after,
h2 .dropdown-toggle::after,
h3 .dropdown-toggle::after,
h4 .dropdown-toggle::after,
h5 .dropdown-toggle::after,
.h1 .dropdown-toggle::after,
.h2 .dropdown-toggle::after,
.h3 .dropdown-toggle::after,
.h4 .dropdown-toggle::after,
.h5 .dropdown-toggle::after {
    margin-left: .5rem !important;
    border-top-width: .375rem;
    border-right-width: .375rem;
    border-left-width: .375rem
}

.dropdown-menu {
    left: -142px !important;
    box-shadow: 0 0.25rem 0.5625rem -0.0625rem rgba(0, 0, 0, 0.03), 0 0.275rem 1.25rem -0.0625rem rgba(0, 0, 0, 0.05);
    border-color: #fff
}

.dropdown-menu li:hover>.dropdown-item {
    color: #fe696a
}

.dropdown-menu .active>.dropdown-item {
    color: #fe696a
}

.dropdown-header {
    margin-bottom: .25rem;
    padding-top: .425rem;
    padding-bottom: .85rem;
    border-bottom: 1px solid #e3e9ef;
    font-weight: 500
}

.dropdown-divider {
    margin: .25rem 0
}

.dropdown-item {
    position: relative;
    width: 100%;
    transition: all 0.25s ease-in-out;
    font-size: .875rem;
    font-weight: normal
}

.dropdown-item>i,
.dropdown-item .badge {
    vertical-align: middle
}

.dropdown-menu.show {
    -webkit-animation: fade-in .25s ease-in-out;
    animation: fade-in .25s ease-in-out
}

.dropdown-toggle-split::after {
    margin-left: -.0625rem !important
}

@-webkit-keyframes fade-in {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes fade-in {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@-webkit-keyframes slide-up {
    from {
        -webkit-transform: translateY(0.5rem);
        transform: translateY(0.5rem);
        opacity: 0
    }

    to {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 1
    }
}

@keyframes slide-up {
    from {
        -webkit-transform: translateY(0.5rem);
        transform: translateY(0.5rem);
        opacity: 0
    }

    to {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 1
    }
}

.btn-group .btn-outline-secondary:hover,
.btn-group .btn-outline-secondary:active,
.btn-group .btn-outline-secondary.active {
    border-color: #e3e9ef !important
}

.input-group-overlay {
    border-radius: 10px;
    position: relative;
    width: 100%
}

.input-group-overlay .prepended-form-control:not(.rounded-left-0) {
    padding-left: 2.5rem;
    border-top-left-radius: .3125rem !important;
    border-bottom-left-radius: .3125rem !important
}

.input-group-overlay .appended-form-control:not(.rounded-right-0) {
    padding-right: 2.5rem;
    border-top-right-radius: .3125rem !important;
    border-bottom-right-radius: .3125rem !important
}

.input-group-append-overlay,
.input-group-prepend-overlay {
    display: -ms-flexbox;
    display: flex;
    position: absolute;
    top: 0;
    height: 100%;
    z-index: 5
}

.input-group-append-overlay .input-group-text,
.input-group-prepend-overlay .input-group-text {
    border: 0;
    background-color: transparent
}

.input-group-append-overlay {
    right: 0
}

.input-group-append-overlay .form-control,
.input-group-append-overlay .custom-select {
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important
}

.input-group-prepend-overlay .form-control,
.input-group-prepend-overlay .custom-select {
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important
}

.input-group-sm .appended-form-control {
    padding-right: 2rem
}

.input-group-sm .prepended-form-control {
    padding-left: 2rem
}

.input-group-sm>.input-group-prepend-overlay>.input-group-text,
.input-group-sm>.input-group-append-overlay>.input-group-text {
    padding: .425rem .75rem;
    font-size: .8125rem
}

.input-group-lg .appended-form-control {
    padding-right: 3rem
}

.input-group-lg .prepended-form-control {
    padding-left: 3rem
}

.input-group-lg>.input-group-prepend-overlay>.input-group-text,
.input-group-lg>.input-group-append-overlay>.input-group-text {
    padding: .75rem 1.25rem;
    font-size: 1.0625rem
}

.nav-link {
    transition: color 0.25s ease-in-out, background-color 0.25s ease-in-out, box-shadow 0.25s ease-in-out, border-color 0.25s ease-in-out;
    font-weight: normal
}

.nav-tabs {
    margin-bottom: 1.25rem
}

.nav-tabs .nav-item {
    margin-bottom: -1px
}

.nav-tabs .nav-link {
    position: relative;
    border: 0;
    color: #4b566b;
    font-weight: normal
}

.nav-tabs .nav-link::before {
    position: absolute;
    display: block;
    bottom: 0;
    left: 1.25rem;
    width: calc(100% - (1.25rem * 2));
    height: 1px;
    transition: color 0.25s ease-in-out, background-color 0.25s ease-in-out, box-shadow 0.25s ease-in-out, border-color 0.25s ease-in-out;
    background-color: transparent;
    content: ''
}

.nav-tabs .nav-link:hover {
    color: #fe696a
}

.nav-tabs .nav-link.active::before {
    background-color: #fe696a
}

.nav-tabs.nav-fill .nav-link::before,
.nav-tabs.nav-justified .nav-link::before {
    left: 0;
    width: 100%
}

.media-tabs {
    border: 0
}

.media-tabs .nav-item {
    margin-bottom: 0;
    text-align: left
}

.media-tabs .nav-link {
    padding: .375rem .625rem
}

.media-tabs .nav-link::before {
    display: none !important
}

.media-tab-media {
    position: relative;
    width: 3.75rem;
    height: 3.75rem;
    transition: color 0.25s ease-in-out, background-color 0.25s ease-in-out, box-shadow 0.25s ease-in-out, border-color 0.25s ease-in-out;
    border: 1px solid #e3e9ef;
    border-radius: 50%;
    background-color: #fff;
    color: #4b566b;
    text-align: center;
    overflow: hidden
}

.media-tab-media>i {
    font-size: 1.25rem;
    line-height: calc(3.75rem - (1px * 2))
}

.media-tab-media>img {
    display: block;
    width: 100%;
    border-radius: 50%
}

.media-tab-title,
.media-tab-subtitle {
    transition: color 0.25s ease-in-out, background-color 0.25s ease-in-out, box-shadow 0.25s ease-in-out, border-color 0.25s ease-in-out
}

a.nav-link:hover .media-tab-media {
    border-color: rgba(254, 105, 106, 0.35);
    color: #fe696a
}

.nav-link.active .media-tab-media,
.nav-link.active:hover .media-tab-media {
    border-color: #fe696a;
    background-color: #fe696a;
    color: #fff;
    box-shadow: 0 0.5rem 1.125rem -0.5rem rgba(254, 105, 106, 0.9)
}

.nav-link.active .media-tab-title,
.nav-link.active:hover .media-tab-title {
    color: #fe696a !important
}

.nav-link.active .media-tab-subtitle,
.nav-link.active:hover .media-tab-subtitle {
    color: rgba(254, 105, 106, 0.65) !important
}

.nav-link.disabled .media-tab-media,
.nav-link.completed .media-tab-media {
    background-color: #f6f9fc;
    color: #7d879c
}

.nav-link.disabled .media-tab-title {
    color: #7d879c
}

.nav-link.completed .media-tab-media {
    overflow: visible
}

.nav-link.completed .media-tab-media::after {
    position: absolute;
    top: -.175rem;
    right: -.175rem;
    width: 1.25rem;
    height: 1.25rem;
    border-radius: 50%;
    background: #eafaf3;
    border: 1px solid #42d697;
    color: #42d697;
    font-family: 'cartzilla-icons';
    font-size: .625rem;
    font-weight: 500;
    line-height: 1.25rem;
    content: '\e91d'
}

.nav-pills .nav-item {
    margin-right: .6666666667rem
}

.nav-pills .nav-item:last-child {
    margin-right: 0
}

.nav-pills.flex-column .nav-item {
    margin-right: 0;
    margin-bottom: .6666666667rem
}

.nav-pills.flex-column .nav-item:last-child {
    margin-bottom: 0
}

.nav-pills .nav-link {
    padding-top: .675rem;
    padding-bottom: .675rem;
    background-color: #f3f5f9;
    color: #4b566b;
    font-size: .9375rem
}

.nav-pills .nav-link:hover:not(.active):not([aria-expanded=true]) {
    color: #4b566b;
    background-color: #dfe4ef
}

.nav-pills .nav-link.disabled {
    background-color: #fafbfc;
    color: #7d879c
}

.nav-pills .nav-link.disabled:hover:not(.active) {
    background-color: transparent
}

.nav-pills .nav-link.active {
    box-shadow: 0 0.5rem 1.125rem -0.5rem rgba(254, 105, 106, 0.9)
}

.nav-pills .nav-link i {
    margin-top: -.25rem
}

.modal-content .card-header-tabs {
    margin-right: -1.25rem;
    margin-bottom: -1rem;
    margin-left: -1.25rem
}

.sidenav {
    position: relative;
    margin-right: -15px;
    margin-left: -15px
}

.sidenav-body {
    padding: 0 1.5rem
}

.sidenav-body .widget-links {
    margin-left: -1.5rem
}

.sidenav-body .widget-title {
    padding-left: 1.5rem
}

.sidenav-body .widget-list-link {
    padding-left: 1.375rem;
    border-left: .125rem solid transparent
}

.sidenav-body .active>.widget-list-link {
    border-left-color: #fe696a
}

.sidenav-body .widget-light .active>.widget-list-link {
    border-left-color: #fff
}

@media (min-width: 992px) {
    .secondary-nav.collapse {
        display: block;
        height: 100%
    }

    .sidenav-enabled {
        padding-left: 19rem
    }

    .sidenav {
        position: fixed;
        top: 0;
        left: 0;
        width: 19rem;
        height: 100%;
        margin: 0;
        z-index: 1020
    }

    .sidenav.collapse {
        display: block
    }

    .sidenav-header {
        padding: .8rem 1.5rem
    }

    .sidenav-body {
        position: absolute;
        left: 0;
        width: calc(100% - .25rem);
        height: calc(100% - 5rem);
        overflow-y: auto
    }

    .sidenav-body::-webkit-scrollbar {
        width: .1875rem;
        background-color: transparent;
        opacity: 0
    }

    .sidenav-body::-webkit-scrollbar-thumb {
        background-color: #515d74;
        border-radius: .09375rem
    }

    .sidenav-body .simplebar-track {
        background-color: transparent
    }

    .sidenav-body .simplebar-track .simplebar-scrollbar {
        background-color: #515d74
    }
}

@media (min-width: 1280px) {
    .sidenav-enabled {
        padding-left: 20.5rem
    }
}

.nav-link-style {
    color: #4b566b
}

.nav-link-style>i {
    margin-top: -.125rem;
    vertical-align: middle
}

.nav-link-style:hover {
    color: #fe696a
}

.active>.nav-link-style,
.nav-link-style.active {
    color: #fe696a
}

.nav-link-style.nav-link-light {
    color: rgba(255, 255, 255, 0.65)
}

.nav-link-style.nav-link-light:hover {
    color: #fff
}

.active>.nav-link-style.nav-link-light,
.nav-link-style.nav-link-light.active {
    color: #fff
}

.radio-tab-pane {
    display: none
}

.radio-tab-pane.active {
    display: block
}

.navbar-nav .nav-item {
    margin-bottom: .25rem
}

.navbar-nav .nav-link {
    padding-top: .5rem;
    padding-bottom: .5rem
}

.navbar-nav .dropdown-menu {
    min-width: 12.5rem;
    border-color: #e3e9ef;
    box-shadow: none
}

.navbar-nav .dropdown-menu .dropdown-menu {
    width: calc(100% - (1rem * 2));
    margin: 0 1rem;
    border-color: transparent;
    background-color: #f6f9fc
}

.navbar-toggler:focus {
    outline: none
}

.navbar.fixed-top {
    position: relative
}

.navbar-floating {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 1030
}

.navbar-floating .navbar-collapse .navbar-nav {
    padding: .5rem 1.5rem
}

.navbar-floating .navbar-collapse {
    border-radius: .3125rem
}

.navbar-floating.navbar-dark .navbar-collapse {
    background-color: #2b3445
}

.navbar-floating.navbar-light .navbar-collapse {
    background-color: #fff;
    box-shadow: 0 0.25rem 0.5625rem -0.0625rem rgba(0, 0, 0, 0.03), 0 0.275rem 1.25rem -0.0625rem rgba(0, 0, 0, 0.05)
}

.navbar-stuck-logo {
    display: none
}

.mega-nav {
    position: relative
}

.mega-nav::after {
    display: none;
    position: absolute;
    top: 50%;
    right: 0;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 1px;
    height: 1.875rem;
    content: ''
}

.mega-dropdown-column {
    width: 15rem
}

.mega-nav .dropdown-menu>.mega-dropdown {
    position: static
}

.mega-nav .dropdown-menu>.dropdown>a {
    padding-top: .75rem;
    padding-bottom: .75rem;
    border-bottom: 1px solid #e3e9ef
}

.mega-nav .dropdown-menu>.dropdown:last-child>a {
    border-bottom: 0
}

.navbar-tool {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}

.navbar-tool.dropdown::before {
    position: absolute;
    bottom: -1rem;
    left: -10%;
    width: 120%;
    height: 1rem;
    content: ''
}

.navbar-tool .dropdown-menu {
    margin-top: .5rem !important
}

.navbar-tool .navbar-tool-label {
    position: absolute;
    top: -.3125rem;
    right: -.3125rem;
    width: 1.25rem;
    height: 1.25rem;
    border-radius: 50%;
    background-color: #fe696a;
    color: #fff;
    font-size: .75rem;
    font-weight: 500;
    text-align: center;
    line-height: 1.25rem
}

.navbar-tool .navbar-tool-tooltip {
    display: none
}

@media (min-width: 992px) {
    .navbar-tool .navbar-tool-tooltip {
        display: block;
        position: absolute;
        top: -.5rem;
        left: 50%;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
        transition: opacity .2s ease-in-out, top .2s ease-in-out;
        padding: .0625rem .375rem;
        border-radius: .1875rem;
        background-color: #2b3445;
        color: #fff;
        font-size: .6875rem;
        white-space: nowrap;
        opacity: 0
    }

    .navbar-tool:hover .navbar-tool-tooltip {
        top: -.75rem;
        opacity: .9
    }
}

.navbar-tool-icon-box {
    position: relative;
    width: 2.875rem;
    height: 2.875rem;
    transition: color 0.25s ease-in-out;
    border-radius: 50%;
    line-height: 2.625rem;
    text-align: center
}

.navbar-tool-icon-box.dropdown-toggle::after {
    display: none
}

.navbar-tool-icon {
    font-size: 1rem;
    /* line-height: 2.875rem */
}

.gfgfg.dropdown-toggle::after {
    display: none
}

.navbar-tool-text {
    display: none;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding-left: .875rem;
    transition: color 0.25s ease-in-out;
    font-size: .875rem;
    text-decoration: none !important;
    white-space: nowrap
}

.navbar-tool-text>small {
    display: block;
    margin-bottom: -.125rem
}

.dropdown .navbar-tool-text::after {
    display: inline-block;
    margin-left: .23375em;
    vertical-align: .23375em;
    content: "";
    border-top: .275em solid;
    border-right: .275em solid transparent;
    border-bottom: 0;
    border-left: .275em solid transparent
}

.dropdown .navbar-tool-text:empty::after {
    margin-left: 0
}

@media (max-width: 991.98px) {
    .search-box {
        display: none
    }
}

@media (min-width: 576px) {
    .navbar-expand-sm.navbar {
        padding-right: 0;
        padding-left: 0
    }

    .navbar-expand-sm.navbar-floating .navbar-collapse .navbar-nav {
        padding: 0
    }

    .navbar-expand-sm.navbar-floating .navbar-collapse {
        border-radius: 0
    }

    .navbar-expand-sm.navbar-floating.navbar-dark .navbar-collapse,
    .navbar-expand-sm.navbar-floating.navbar-light .navbar-collapse {
        background-color: transparent !important;
        box-shadow: none !important
    }

    .navbar-expand-sm.navbar-floating.navbar-stuck .navbar-brand img.navbar-floating-logo {
        display: none
    }

    .navbar-expand-sm.navbar-floating.navbar-stuck .navbar-brand img.navbar-stuck-logo {
        display: block
    }

    .navbar-expand-sm.fixed-top {
        position: fixed
    }

    .navbar-expand-sm .navbar-nav .nav-item {
        margin-bottom: 0
    }

    .navbar-expand-sm .navbar-nav .nav-link {
        padding-top: 1.125rem;
        padding-bottom: .875rem
    }

    .navbar-expand-sm .navbar-nav:not(.mega-nav) .nav-link.dropdown-toggle::after {
        display: none
    }

    .navbar-expand-sm .mega-nav::after {
        display: block
    }

    .navbar-expand-sm .mega-nav .dropdown-menu>.dropdown .dropdown-menu {
        top: .35rem
    }

    .navbar-expand-sm .mega-nav .dropdown-menu>.mega-dropdown .dropdown-menu {
        top: .375rem;
        min-height: 100%;
        min-height: calc(100% + .25rem);
        -webkit-animation: none !important;
        animation: none !important
    }

    .navbar-expand-sm .mega-nav .dropdown-menu>.mega-dropdown .dropdown-menu::before {
        position: absolute;
        top: 0;
        right: 16rem;
        width: 1px;
        height: 100%;
        background-color: #e3e9ef;
        content: ''
    }

    .navbar-expand-sm .dropdown-menu {
        margin-top: 0;
        border-color: #fff;
        background-color: #fff;
        box-shadow: 0 0.25rem 0.5625rem -0.0625rem rgba(0, 0, 0, 0.03), 0 0.275rem 1.25rem -0.0625rem rgba(0, 0, 0, 0.05)
    }

    .navbar-expand-sm .dropdown-menu.show {
        display: none
    }

    .navbar-expand-sm .dropdown-menu>.dropdown>.dropdown-toggle {
        position: relative;
        padding-right: 1.95rem
    }

    .navbar-expand-sm .dropdown-menu>.dropdown>.dropdown-toggle::after {
        display: inline-block;
        margin-left: .23375em;
        vertical-align: .23375em;
        content: "";
        border-top: .275em solid transparent;
        border-right: 0;
        border-bottom: .275em solid transparent;
        border-left: .275em solid
    }

    .navbar-expand-sm .dropdown-menu>.dropdown>.dropdown-toggle:empty::after {
        margin-left: 0
    }

    .navbar-expand-sm .dropdown-menu>.dropdown>.dropdown-toggle::after {
        position: absolute;
        display: block;
        top: 50%;
        right: 1rem;
        margin-top: -.3em
    }

    .navbar-expand-sm .dropdown-menu>.dropdown .dropdown-menu {
        top: 0;
        right: auto;
        left: 100%;
        width: auto;
        margin-top: -.5rem;
        margin-right: 0;
        margin-left: -.25rem;
        background-color: #fff
    }

    .navbar-expand-sm .dropdown-menu>.dropdown:hover>.dropdown-menu {
        z-index: 9999;
        -webkit-animation: fade-in .25s ease-in-out;
        animation: fade-in .25s ease-in-out
    }

    .navbar-expand-sm .dropdown:hover>.dropdown-menu {
        display: block;
        -webkit-animation: slide-up .25s ease-in-out;
        animation: slide-up .25s ease-in-out
    }

    .navbar-expand-sm .navbar-tool-text {
        display: block
    }
}

@media (min-width: 768px) {
    .navbar-expand-md.navbar {
        padding-right: 0;
        padding-left: 0
    }

    .navbar-expand-md.navbar-floating .navbar-collapse .navbar-nav {
        padding: 0
    }

    .navbar-expand-md.navbar-floating .navbar-collapse {
        border-radius: 0
    }

    .navbar-expand-md.navbar-floating.navbar-dark .navbar-collapse,
    .navbar-expand-md.navbar-floating.navbar-light .navbar-collapse {
        background-color: transparent !important;
        box-shadow: none !important
    }

    .navbar-expand-md.navbar-floating.navbar-stuck .navbar-brand img.navbar-floating-logo {
        display: none
    }

    .navbar-expand-md.navbar-floating.navbar-stuck .navbar-brand img.navbar-stuck-logo {
        display: block
    }

    .navbar-expand-md.fixed-top {
        position: fixed
    }

    .navbar-expand-md .navbar-nav .nav-item {
        margin-bottom: 0
    }

    .navbar-expand-md .navbar-nav .nav-link {
        padding-top: 1.125rem;
        padding-bottom: .875rem
    }

    .navbar-expand-md .navbar-nav:not(.mega-nav) .nav-link.dropdown-toggle::after {
        display: none
    }

    .navbar-expand-md .mega-nav::after {
        display: block
    }

    .navbar-expand-md .mega-nav .dropdown-menu>.dropdown .dropdown-menu {
        top: .35rem
    }

    .navbar-expand-md .mega-nav .dropdown-menu>.mega-dropdown .dropdown-menu {
        top: .375rem;
        min-height: 100%;
        min-height: calc(100% + .25rem);
        -webkit-animation: none !important;
        animation: none !important
    }

    .navbar-expand-md .mega-nav .dropdown-menu>.mega-dropdown .dropdown-menu::before {
        position: absolute;
        top: 0;
        right: 16rem;
        width: 1px;
        height: 100%;
        background-color: #e3e9ef;
        content: ''
    }

    .navbar-expand-md .dropdown-menu {
        margin-top: 0;
        border-color: #fff;
        background-color: #fff;
        box-shadow: 0 0.25rem 0.5625rem -0.0625rem rgba(0, 0, 0, 0.03), 0 0.275rem 1.25rem -0.0625rem rgba(0, 0, 0, 0.05)
    }

    .navbar-expand-md .dropdown-menu.show {
        display: none
    }

    .navbar-expand-md .dropdown-menu>.dropdown>.dropdown-toggle {
        position: relative;
        padding-right: 1.95rem
    }

    .navbar-expand-md .dropdown-menu>.dropdown>.dropdown-toggle::after {
        display: inline-block;
        margin-left: .23375em;
        vertical-align: .23375em;
        content: "";
        border-top: .275em solid transparent;
        border-right: 0;
        border-bottom: .275em solid transparent;
        border-left: .275em solid
    }

    .navbar-expand-md .dropdown-menu>.dropdown>.dropdown-toggle:empty::after {
        margin-left: 0
    }

    .navbar-expand-md .dropdown-menu>.dropdown>.dropdown-toggle::after {
        position: absolute;
        display: block;
        top: 50%;
        right: 1rem;
        margin-top: -.3em
    }

    .navbar-expand-md .dropdown-menu>.dropdown .dropdown-menu {
        top: 0;
        right: auto;
        left: 100%;
        width: auto;
        margin-top: -.5rem;
        margin-right: 0;
        margin-left: -.25rem;
        background-color: #fff
    }

    .navbar-expand-md .dropdown-menu>.dropdown:hover>.dropdown-menu {
        -webkit-animation: fade-in .25s ease-in-out;
        animation: fade-in .25s ease-in-out
    }

    .navbar-expand-md .dropdown:hover>.dropdown-menu {
        display: block;
        -webkit-animation: slide-up .25s ease-in-out;
        animation: slide-up .25s ease-in-out
    }

    .navbar-expand-md .navbar-tool-text {
        display: block
    }
}

@media (min-width: 992px) {
    .navbar-expand-lg.navbar {
        padding-right: 0;
        padding-left: 0
    }

    .navbar-expand-lg.navbar-floating .navbar-collapse .navbar-nav {
        padding: 0
    }

    .navbar-expand-lg.navbar-floating .navbar-collapse {
        border-radius: 0
    }

    .navbar-expand-lg.navbar-floating.navbar-dark .navbar-collapse,
    .navbar-expand-lg.navbar-floating.navbar-light .navbar-collapse {
        background-color: transparent !important;
        box-shadow: none !important
    }

    .navbar-expand-lg.navbar-floating.navbar-stuck .navbar-brand img.navbar-floating-logo {
        display: none
    }

    .navbar-expand-lg.navbar-floating.navbar-stuck .navbar-brand img.navbar-stuck-logo {
        display: block
    }

    .navbar-expand-lg.fixed-top {
        position: fixed
    }

    .navbar-expand-lg .navbar-nav .nav-item {
        margin-bottom: 0
    }

    .navbar-expand-lg .navbar-nav .nav-link {
        padding-top: 1.125rem;
        padding-bottom: .875rem
    }

    .navbar-expand-lg .navbar-nav:not(.mega-nav) .nav-link.dropdown-toggle::after {
        display: none
    }

    .navbar-expand-lg .mega-nav::after {
        display: block
    }

    .navbar-expand-lg .mega-nav .dropdown-menu>.dropdown .dropdown-menu {
        top: .35rem
    }

    .navbar-expand-lg .mega-nav .dropdown-menu>.mega-dropdown .dropdown-menu {
        top: .375rem;
        min-height: 100%;
        min-height: calc(100% + .25rem);
        -webkit-animation: none !important;
        animation: none !important
    }

    .navbar-expand-lg .mega-nav .dropdown-menu>.mega-dropdown .dropdown-menu::before {
        position: absolute;
        top: 0;
        right: 16rem;
        width: 1px;
        height: 100%;
        background-color: #e3e9ef;
        content: ''
    }

    .navbar-expand-lg .dropdown-menu {
        margin-top: 0;
        top: 50px;
        /* right: 6px; */
        left: -78px;
        border-color: #fff;
        background-color: #fff;
        box-shadow: 0 0.25rem 0.5625rem -0.0625rem rgba(0, 0, 0, 0.03), 0 0.275rem 1.25rem -0.0625rem rgba(0, 0, 0, 0.05)
    }

    .navbar-expand-lg .dropdown-menu.show {
        display: none
    }

    .navbar-expand-lg .dropdown-menu>.dropdown>.dropdown-toggle {
        position: relative;
        padding-right: 1.95rem
    }

    .navbar-expand-lg .dropdown-menu>.dropdown>.dropdown-toggle::after {
        display: inline-block;
        margin-left: .23375em;
        vertical-align: .23375em;
        content: "";
        border-top: .275em solid transparent;
        border-right: 0;
        border-bottom: .275em solid transparent;
        border-left: .275em solid
    }

    .navbar-expand-lg .dropdown-menu>.dropdown>.dropdown-toggle:empty::after {
        margin-left: 0
    }

    .navbar-expand-lg .dropdown-menu>.dropdown>.dropdown-toggle::after {
        position: absolute;
        display: block;
        top: 50%;
        right: 1rem;
        margin-top: -.3em
    }

    .navbar-expand-lg .dropdown-menu>.dropdown .dropdown-menu {
        top: 0;
        right: auto;
        left: 100%;
        width: auto;
        margin-top: -.5rem;
        margin-right: 0;
        margin-left: -.25rem;
        background-color: #fff
    }

    .navbar-expand-lg .dropdown-menu>.dropdown:hover>.dropdown-menu {
        -webkit-animation: fade-in .25s ease-in-out;
        animation: fade-in .25s ease-in-out
    }

    .navbar-expand-lg .dropdown:hover>.dropdown-menu {
        display: block;
        -webkit-animation: slide-up .25s ease-in-out;
        animation: slide-up .25s ease-in-out
    }

    .navbar-expand-lg .navbar-tool-text {
        display: block
    }
}

@media (min-width: 1280px) {
    .navbar-expand-xl.navbar {
        padding-right: 0;
        padding-left: 0
    }

    .navbar-expand-xl.navbar-floating .navbar-collapse .navbar-nav {
        padding: 0
    }

    .navbar-expand-xl.navbar-floating .navbar-collapse {
        border-radius: 0
    }

    .navbar-expand-xl.navbar-floating.navbar-dark .navbar-collapse,
    .navbar-expand-xl.navbar-floating.navbar-light .navbar-collapse {
        background-color: transparent !important;
        box-shadow: none !important
    }

    .navbar-expand-xl.navbar-floating.navbar-stuck .navbar-brand img.navbar-floating-logo {
        display: none
    }

    .navbar-expand-xl.navbar-floating.navbar-stuck .navbar-brand img.navbar-stuck-logo {
        display: block
    }

    .navbar-expand-xl.fixed-top {
        position: fixed
    }

    .navbar-expand-xl .navbar-nav .nav-item {
        margin-bottom: 0
    }

    .navbar-expand-xl .navbar-nav .nav-link {
        padding-top: 1.125rem;
        padding-bottom: .875rem
    }

    .navbar-expand-xl .navbar-nav:not(.mega-nav) .nav-link.dropdown-toggle::after {
        display: none
    }

    .navbar-expand-xl .mega-nav::after {
        display: block
    }

    .navbar-expand-xl .mega-nav .dropdown-menu>.dropdown .dropdown-menu {
        top: .35rem
    }

    .navbar-expand-xl .mega-nav .dropdown-menu>.mega-dropdown .dropdown-menu {
        top: .375rem;
        min-height: 100%;
        min-height: calc(100% + .25rem);
        -webkit-animation: none !important;
        animation: none !important
    }

    .navbar-expand-xl .mega-nav .dropdown-menu>.mega-dropdown .dropdown-menu::before {
        position: absolute;
        top: 0;
        right: 16rem;
        width: 1px;
        height: 100%;
        background-color: #e3e9ef;
        content: ''
    }

    .navbar-expand-xl .dropdown-menu {
        margin-top: 0;
        border-color: #fff;
        background-color: #fff;
        box-shadow: 0 0.25rem 0.5625rem -0.0625rem rgba(0, 0, 0, 0.03), 0 0.275rem 1.25rem -0.0625rem rgba(0, 0, 0, 0.05)
    }

    .navbar-expand-xl .dropdown-menu.show {
        display: none
    }

    .navbar-expand-xl .dropdown-menu>.dropdown>.dropdown-toggle {
        position: relative;
        padding-right: 1.95rem
    }

    .navbar-expand-xl .dropdown-menu>.dropdown>.dropdown-toggle::after {
        display: inline-block;
        margin-left: .23375em;
        vertical-align: .23375em;
        content: "";
        border-top: .275em solid transparent;
        border-right: 0;
        border-bottom: .275em solid transparent;
        border-left: .275em solid
    }

    .navbar-expand-xl .dropdown-menu>.dropdown>.dropdown-toggle:empty::after {
        margin-left: 0
    }

    .navbar-expand-xl .dropdown-menu>.dropdown>.dropdown-toggle::after {
        position: absolute;
        display: block;
        top: 50%;
        right: 1rem;
        margin-top: -.3em
    }

    .navbar-expand-xl .dropdown-menu>.dropdown .dropdown-menu {
        top: 0;
        right: auto;
        left: 100%;
        width: auto;
        margin-top: -.5rem;
        margin-right: 0;
        margin-left: -.25rem;
        background-color: #fff
    }

    .navbar-expand-xl .dropdown-menu>.dropdown:hover>.dropdown-menu {
        -webkit-animation: fade-in .25s ease-in-out;
        animation: fade-in .25s ease-in-out
    }

    .navbar-expand-xl .dropdown:hover>.dropdown-menu {
        display: block;
        -webkit-animation: slide-up .25s ease-in-out;
        animation: slide-up .25s ease-in-out
    }

    .navbar-expand-xl .navbar-tool-text {
        display: block
    }
}

.navbar-expand.navbar {
    padding-right: 0;
    padding-left: 0
}

.navbar-expand.navbar-floating .navbar-collapse .navbar-nav {
    padding: 0
}

.navbar-expand.navbar-floating .navbar-collapse {
    border-radius: 0
}

.navbar-expand.navbar-floating.navbar-dark .navbar-collapse,
.navbar-expand.navbar-floating.navbar-light .navbar-collapse {
    background-color: transparent !important;
    box-shadow: none !important
}

.navbar-expand.navbar-floating.navbar-stuck .navbar-brand img.navbar-floating-logo {
    display: none
}

.navbar-expand.navbar-floating.navbar-stuck .navbar-brand img.navbar-stuck-logo {
    display: block
}

.navbar-expand.fixed-top {
    position: fixed
}

.navbar-expand .navbar-nav .nav-item {
    margin-bottom: 0
}

.navbar-expand .navbar-nav .nav-link {
    padding-top: 1.125rem;
    padding-bottom: .875rem
}

.navbar-expand .navbar-nav:not(.mega-nav) .nav-link.dropdown-toggle::after {
    display: none
}

.navbar-expand .mega-nav::after {
    display: block
}

.navbar-expand .mega-nav .dropdown-menu>.dropdown .dropdown-menu {
    top: .35rem
}

.navbar-expand .mega-nav .dropdown-menu>.mega-dropdown .dropdown-menu {
    top: .375rem;
    min-height: 100%;
    min-height: calc(100% + .25rem);
    -webkit-animation: none !important;
    animation: none !important
}

.navbar-expand .mega-nav .dropdown-menu>.mega-dropdown .dropdown-menu::before {
    position: absolute;
    top: 0;
    right: 16rem;
    width: 1px;
    height: 100%;
    background-color: #e3e9ef;
    content: ''
}

.navbar-expand .dropdown-menu {
    margin-top: 0;
    border-color: #fff;
    background-color: #fff;
    box-shadow: 0 0.25rem 0.5625rem -0.0625rem rgba(0, 0, 0, 0.03), 0 0.275rem 1.25rem -0.0625rem rgba(0, 0, 0, 0.05)
}

.navbar-expand .dropdown-menu.show {
    display: none
}

.navbar-expand .dropdown-menu>.dropdown>.dropdown-toggle {
    position: relative;
    padding-right: 1.95rem
}

.navbar-expand .dropdown-menu>.dropdown>.dropdown-toggle::after {
    display: inline-block;
    margin-left: .23375em;
    vertical-align: .23375em;
    content: "";
    border-top: .275em solid transparent;
    border-right: 0;
    border-bottom: .275em solid transparent;
    border-left: .275em solid
}

.navbar-expand .dropdown-menu>.dropdown>.dropdown-toggle:empty::after {
    margin-left: 0
}

.navbar-expand .dropdown-menu>.dropdown>.dropdown-toggle::after {
    position: absolute;
    display: block;
    top: 50%;
    right: 1rem;
    margin-top: -.3em
}

.navbar-expand .dropdown-menu>.dropdown .dropdown-menu {
    top: 0;
    right: auto;
    left: 100%;
    width: auto;
    margin-top: -.5rem;
    margin-right: 0;
    margin-left: -.25rem;
    background-color: #fff
}

.navbar-expand .dropdown-menu>.dropdown:hover>.dropdown-menu {
    -webkit-animation: fade-in .25s ease-in-out;
    animation: fade-in .25s ease-in-out
}

.navbar-expand .dropdown:hover>.dropdown-menu {
    display: block;
    -webkit-animation: slide-up .25s ease-in-out;
    animation: slide-up .25s ease-in-out
}

.navbar-expand .navbar-tool-text {
    display: block
}

.navbar-stuck-toggler {
    display: none
}

@media (min-width: 992px) {
    .navbar-sticky.navbar-stuck {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        -webkit-animation: navbar-show .25s;
        animation: navbar-show .25s;
        box-shadow: 0 0.25rem 0.5625rem -0.0625rem rgba(0, 0, 0, 0.03), 0 0.275rem 1.25rem -0.0625rem rgba(0, 0, 0, 0.05);
        z-index: 1030
    }

    .navbar-sticky.navbar-stuck .navbar-stuck-toggler {
        display: -ms-flexbox;
        display: flex
    }

    .navbar-sticky.navbar-stuck .navbar-stuck-barnd {
        display: block !important
    }

    .navbar-sticky.navbar-stuck .navbar-stuck-menu {
        display: none
    }

    .navbar-sticky.navbar-stuck .navbar-stuck-menu.show {
        display: block
    }

    .navbar-sticky.navbar-stuck.navbar-floating.navbar-dark {
        background-color: #2b3445
    }

    .navbar-sticky.navbar-stuck.navbar-floating.navbar-light {
        background-color: #fff
    }
}

@-webkit-keyframes navbar-show {
    from {
        -webkit-transform: translateY(-0.625rem);
        transform: translateY(-0.625rem);
        opacity: 0
    }

    to {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 1
    }
}

@keyframes navbar-show {
    from {
        -webkit-transform: translateY(-0.625rem);
        transform: translateY(-0.625rem);
        opacity: 0
    }

    to {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 1
    }
}

.navbar-light .nav-link>i {
    transition: color 0.25s ease-in-out, background-color 0.25s ease-in-out, box-shadow 0.25s ease-in-out, border-color 0.25s ease-in-out;
    color: #7d879c
}

.navbar-light .nav-item:hover .nav-link:not(.disabled),
.navbar-light .nav-item:hover .nav-link:not(.disabled)>i {
    color: #fe696a
}

.navbar-light .nav-item.active .nav-link:not(.disabled)>i,
.navbar-light .nav-item.show .nav-link:not(.disabled)>i,
.navbar-light .nav-item.dropdown .nav-link:focus:not(.disabled)>i {
    color: #fe696a
}

.navbar-light .navbar-tool-icon-box {
    color: #4b566b
}

.navbar-light .navbar-tool-icon-box.bg-secondary {
    background-color: #f3f5f9 !important
}

.navbar-light .navbar-tool:hover .navbar-tool-icon-box {
    color: #2b3445
}

.navbar-light .navbar-tool:hover .navbar-tool-icon-box.bg-secondary {
    background-color: #f3f5f9 !important
}

.navbar-light.bg-secondary .navbar-tool-icon-box.bg-secondary,
.navbar-light[class^='bg-faded'] .navbar-tool-icon-box.bg-secondary,
.navbar-light[class*=' bg-faded'] .navbar-tool-icon-box.bg-secondary,
.navbar-light[style^='background-color'] .navbar-tool-icon-box.bg-secondary,
.navbar-light[style*=' background-color'] .navbar-tool-icon-box.bg-secondary {
    background-color: #e9edf4 !important
}

.navbar-light.bg-secondary .navbar-tool:hover .navbar-tool-icon-box.bg-secondary,
.navbar-light[class^='bg-faded'] .navbar-tool:hover .navbar-tool-icon-box.bg-secondary,
.navbar-light[class*=' bg-faded'] .navbar-tool:hover .navbar-tool-icon-box.bg-secondary,
.navbar-light[style^='background-color'] .navbar-tool:hover .navbar-tool-icon-box.bg-secondary,
.navbar-light[style*=' background-color'] .navbar-tool:hover .navbar-tool-icon-box.bg-secondary {
    background-color: #e9edf4 !important
}

.navbar-light .navbar-tool-text {
    color: #4b566b
}

.navbar-light .navbar-tool-text>small {
    color: #7d879c
}

.navbar-light .navbar-tool:hover .navbar-tool-text {
    color: #2b3445
}

.navbar-light .mega-nav::after {
    background-color: #e3e9ef
}

.navbar-dark .nav-link>i {
    transition: color 0.25s ease-in-out, background-color 0.25s ease-in-out, box-shadow 0.25s ease-in-out, border-color 0.25s ease-in-out;
    color: rgba(255, 255, 255, 0.5)
}

.navbar-dark .nav-item:hover .nav-link:not(.disabled) {
    color: #fff
}

.navbar-dark .nav-item.active .nav-link:not(.disabled)>i,
.navbar-dark .nav-item.show .nav-link:not(.disabled)>i,
.navbar-dark .nav-item.dropdown .nav-link:focus:not(.disabled)>i {
    color: #fff
}

.navbar-dark .navbar-tool-icon-box {
    color: #fff
}

.navbar-dark .navbar-tool-icon-box.bg-secondary {
    background-color: rgba(255, 255, 255, 0.08) !important
}

.navbar-dark .navbar-tool-text {
    color: #fff
}

.navbar-dark .navbar-tool-text>small {
    color: rgba(255, 255, 255, 0.5)
}

.navbar-dark .navbar-tool:hover .navbar-tool-text {
    color: #fff
}

.navbar-dark .mega-nav::after {
    background-color: rgba(255, 255, 255, 0.12)
}

@media (max-width: 991.98px) {

    .navbar-dark .dropdown-menu,
    .navbar-dark .dropdown-menu .dropdown-menu {
        border-color: transparent;
        background-color: rgba(0, 0, 0, 0.1)
    }

    .navbar-dark .dropdown-menu .dropdown-item,
    .navbar-dark .dropdown-menu .dropdown-menu .dropdown-item {
        color: rgba(255, 255, 255, 0.65)
    }

    .navbar-dark .dropdown-menu .dropdown-item:hover,
    .navbar-dark .dropdown-menu .dropdown-menu .dropdown-item:hover {
        color: #fff
    }

    .navbar-dark .dropdown-menu .dropdown-item.disabled,
    .navbar-dark .dropdown-menu .dropdown-menu .dropdown-item.disabled {
        color: rgba(255, 255, 255, 0.4)
    }

    .navbar-dark .dropdown-menu .dropdown-item.border-bottom,
    .navbar-dark .dropdown-menu .dropdown-menu .dropdown-item.border-bottom {
        border-color: rgba(255, 255, 255, 0.12) !important
    }

    .navbar-dark .dropdown-menu .active .dropdown-item,
    .navbar-dark .dropdown-menu .dropdown-menu .active .dropdown-item {
        color: #fff
    }

    .navbar-dark .dropdown-menu .dropdown-menu {
        background-color: rgba(0, 0, 0, 0.08)
    }

    .navbar-dark .dropdown-divider {
        border-color: rgba(255, 255, 255, 0.12)
    }

    .navbar-dark .text-heading {
        color: #fff !important
    }

    .navbar-dark .text-muted {
        color: rgba(255, 255, 255, 0.5) !important
    }

    .navbar-dark .widget-title,
    .navbar-dark h1,
    .navbar-dark h2,
    .navbar-dark h3,
    .navbar-dark h4,
    .navbar-dark h5,
    .navbar-dark h6,
    .navbar-dark .h1,
    .navbar-dark .h2,
    .navbar-dark .h3,
    .navbar-dark .h4,
    .navbar-dark .h5,
    .navbar-dark .h6 {
        color: #fff !important
    }

    .navbar-dark .widget-list-link {
        color: rgba(255, 255, 255, 0.65)
    }

    .navbar-dark .widget-list-link:hover {
        color: #fff
    }

    .navbar-dark .active>.widget-list-link {
        color: #fff
    }
}

.topbar {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: .625rem 0;
    font-size: .875rem
}

.topbar>.container,
.topbar>.container-fluid,
.topbar>.container-xl {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.topbar .topbar-text,
.topbar .topbar-link {
    display: inline-block;
    margin-bottom: 0;
    text-decoration: none !important
}

.topbar .topbar-text>i,
.topbar .topbar-link>i {
    margin-right: .375rem;
    font-size: 1.15em;
    vertical-align: middle
}

.topbar .cz-carousel [data-controls] {
    margin-top: -1rem;
    width: 2rem;
    height: 2rem;
    transition: color .2s ease-in-out;
    border: 0;
    background: 0;
    font-size: .9558823529rem;
    line-height: 2rem
}

.topbar .cz-carousel [data-controls='prev'] {
    left: -2.2rem
}

.topbar .cz-carousel [data-controls='next'] {
    right: -2.2rem
}

@-moz-document url-prefix() {
    .topbar .cz-carousel [data-controls] {
        margin-top: -.875rem
    }
}

.topbar-light .topbar-text,
.topbar-light .topbar-link {
    color: rgba(75, 86, 107, 0.9)
}

.topbar-light .topbar-text>i,
.topbar-light .topbar-link>i {
    color: #fe696a
}

.topbar-light .topbar-text.text-muted,
.topbar-light .topbar-text>.text-muted,
.topbar-light .topbar-link.text-muted,
.topbar-light .topbar-link>.text-muted {
    color: rgba(125, 135, 156, 0.9) !important
}

.topbar-light .topbar-link:hover {
    color: #373f50
}

.topbar-light .topbar-link.active {
    color: #373f50
}

.topbar-light .show .topbar-link {
    color: #373f50
}

.topbar-light .cz-carousel [data-controls] {
    color: rgba(75, 86, 107, 0.9)
}

.topbar-light .cz-carousel [data-controls]:hover {
    color: #373f50
}

.topbar-dark .topbar-text,
.topbar-dark .topbar-link {
    color: rgba(255, 255, 255, 0.65)
}

.topbar-dark .topbar-text>i,
.topbar-dark .topbar-link>i {
    color: #fe696a
}

.topbar-dark .topbar-text.text-muted,
.topbar-dark .topbar-text>.text-muted,
.topbar-dark .topbar-link.text-muted,
.topbar-dark .topbar-link>.text-muted {
    color: rgba(255, 255, 255, 0.45) !important
}

.topbar-dark .topbar-link:hover {
    color: #fff
}

.topbar-dark .topbar-link.active {
    color: #fff
}

.topbar-dark .show .topbar-link {
    color: #fff
}

.topbar-dark .cz-carousel [data-controls] {
    color: rgba(255, 255, 255, 0.65)
}

.topbar-dark .cz-carousel [data-controls]:hover {
    color: #fff
}

.navbar-docs {
    margin-right: -15px;
    margin-left: -15px
}

.navbar-docs.fixed-top {
    position: relative
}

@media (min-width: 992px) {
    .navbar-docs {
        left: 19rem;
        width: calc(100% - 19rem);
        margin: 0
    }

    .navbar-docs.fixed-top {
        position: fixed
    }
}

.card-header-tabs {
    margin-top: -.4166666667rem;
    margin-right: -1.25rem;
    margin-bottom: -.875rem;
    margin-left: -1.25rem
}

.card.border-primary,
.card .card-header.border-primary {
    border-color: rgba(254, 105, 106, 0.35) !important
}

.card.border-accent,
.card .card-header.border-accent {
    border-color: rgba(78, 84, 200, 0.35) !important
}

.card.border-success,
.card .card-header.border-success {
    border-color: rgba(66, 214, 151, 0.35) !important
}

.card.border-danger,
.card .card-header.border-danger {
    border-color: rgba(243, 71, 112, 0.35) !important
}

.card.border-warning,
.card .card-header.border-warning {
    border-color: rgba(254, 165, 105, 0.35) !important
}

.card.border-info,
.card .card-header.border-info {
    border-color: rgba(105, 179, 254, 0.35) !important
}

.card.border-dark,
.card .card-header.border-dark {
    border-color: rgba(55, 63, 80, 0.35) !important
}

.accordion .card-header {
    padding: 0;
    background-color: transparent
}

.accordion .accordion-heading {
    margin-bottom: 0;
    font-size: 1rem;
    font-weight: 500
}

.accordion .accordion-heading>a {
    display: block;
    position: relative;
    padding: 1.09375rem 1.25rem;
    padding-right: 4rem;
    color: #373f50
}

.accordion .accordion-heading>a:hover {
    color: inherit;
    text-decoration: none
}

.accordion .accordion-indicator {
    display: block;
    position: absolute;
    top: 50%;
    right: .875rem;
    width: 2.125rem;
    height: 2.125rem;
    margin-top: -1.0625rem;
    transition: -webkit-transform 0.3s ease-in-out;
    transition: transform 0.3s ease-in-out;
    transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
    border-radius: 50%;
    background-color: #f3f5f9;
    font-family: 'cartzilla-icons';
    font-size: .625rem;
    font-weight: bold;
    line-height: 2rem;
    text-align: center
}

.accordion .accordion-indicator::before {
    content: '\e90c'
}

.accordion .collapsed .accordion-indicator {
    -webkit-transform: rotate(-180deg);
    transform: rotate(-180deg)
}

.card *,
.flex-column * {
    min-height: .01px
}

.breadcrumb-item {
    font-size: .8125rem;
    font-weight: normal
}

.breadcrumb-item::before {
    font-family: 'cartzilla-icons';
    font-size: .9em;
    vertical-align: middle
}

.breadcrumb-item>a {
    transition: color 0.25s ease-in-out, background-color 0.25s ease-in-out, box-shadow 0.25s ease-in-out, border-color 0.25s ease-in-out;
    color: #4b566b
}

.breadcrumb-item>a:hover {
    color: #fe696a;
    text-decoration: none
}

.breadcrumb-item>a>i {
    margin-top: -.175rem;
    margin-right: .325rem;
    font-size: 1.05em;
    vertical-align: middle
}

.breadcrumb-item.active {
    cursor: default
}

.breadcrumb-light .breadcrumb-item::before {
    color: rgba(255, 255, 255, 0.5)
}

.breadcrumb-light .breadcrumb-item>a {
    color: #fff
}

.breadcrumb-light .breadcrumb-item>a:hover {
    color: #fff
}

.breadcrumb-light .breadcrumb-item.active {
    color: rgba(255, 255, 255, 0.6)
}

.pagination {
    margin-bottom: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.page-link {
    position: relative;
    transition: color 0.25s ease-in-out, border-color 0.25s ease-in-out, background-color 0.25s ease-in-out
}

.page-link.page-link-static:hover {
    border-color: transparent;
    background-color: rgba(0, 0, 0, 0);
    color: #4b566b
}

.page-link>i {
    margin-top: -.125rem;
    vertical-align: middle
}

.page-item {
    margin: .15rem
}

.page-item.active {
    position: relative;
    z-index: 5;
    cursor: default
}

.page-item.active>.page-link {
    box-shadow: 0 0.5rem 1.125rem -0.425rem rgba(254, 105, 106, 0.9)
}

.pagination .page-link {
    border-radius: .3125rem;
    font-size: .9375rem
}

.pagination-sm .page-link {
    border-radius: .1875rem;
    font-size: .8125rem
}

.pagination-lg .page-link {
    border-radius: .4375rem;
    font-size: 1rem
}

.entry-navigation {
    display: -ms-flexbox;
    display: flex;
    border: 1px solid #e3e9ef;
    border-radius: .4375rem;
    background-color: #fff
}

.entry-navigation-link {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
    padding: 1.25rem .75rem;
    transition: color 0.25s ease-in-out, background-color 0.25s ease-in-out;
    border-right: 1px solid #e3e9ef;
    color: #4b566b;
    font-weight: normal;
    text-align: center;
    text-decoration: none
}

.entry-navigation-link:last-child {
    border-right: 0
}

.entry-navigation-link>i {
    margin-top: -.1875rem;
    vertical-align: middle
}

.entry-navigation-link:hover {
    color: #fe696a;
    text-decoration: none
}

.badge-primary,
.badge-success,
.badge-info,
.badge-warning,
.badge-danger,
.badge-dark {
    color: #fff
}

.badge-primary:hover,
.badge-primary:focus,
.badge-success:hover,
.badge-success:focus,
.badge-info:hover,
.badge-info:focus,
.badge-warning:hover,
.badge-warning:focus,
.badge-danger:hover,
.badge-danger:focus,
.badge-dark:hover,
.badge-dark:focus {
    color: #fff !important
}

.badge-secondary,
.badge-light {
    color: #373f50
}

.badge-primary.badge-shadow {
    box-shadow: 0 0.5rem 1.125rem -0.275rem rgba(254, 105, 106, 0.9)
}

.badge-secondary.badge-shadow {
    box-shadow: 0 0.5rem 1.125rem -0.275rem rgba(243, 245, 249, 0.9)
}

.badge-success.badge-shadow {
    box-shadow: 0 0.5rem 1.125rem -0.275rem rgba(66, 214, 151, 0.9)
}

.badge-info.badge-shadow {
    box-shadow: 0 0.5rem 1.125rem -0.275rem rgba(105, 179, 254, 0.9)
}

.badge-warning.badge-shadow {
    box-shadow: 0 0.5rem 1.125rem -0.275rem rgba(254, 165, 105, 0.9)
}

.badge-danger.badge-shadow {
    box-shadow: 0 0.5rem 1.125rem -0.275rem rgba(243, 71, 112, 0.9)
}

.badge-light.badge-shadow {
    box-shadow: 0 0.5rem 1.125rem -0.275rem rgba(255, 255, 255, 0.9)
}

.badge-dark.badge-shadow {
    box-shadow: 0 0.5rem 1.125rem -0.275rem rgba(55, 63, 80, 0.9)
}

.badge-accent.badge-shadow {
    box-shadow: 0 0.5rem 1.125rem -0.275rem rgba(78, 84, 200, 0.9)
}

.badge-secondary.badge-shadow,
.badge-light.badge-shadow {
    box-shadow: 0 0.5rem 1.125rem -0.275rem rgba(0, 0, 0, 0.25)
}

a.badge-shadow:hover {
    box-shadow: none
}

.img-thumbnail.rounded-circle .badge {
    position: absolute;
    top: -.3125rem;
    right: 0;
    cursor: default
}

.alert-secondary {
    border-color: #e3e9ef;
    background-color: #f6f9fc
}

.alert-secondary,
.alert-light {
    color: #4b566b
}

.alert-secondary a:not(.btn),
.alert-light a:not(.btn) {
    color: #373f50 !important
}

.alert-dark {
    border-color: #373f50;
    background-color: #373f50;
    color: #fff
}

.alert-dark>*,
.alert-dark a:not(.btn) {
    color: #fff !important
}

.alert a:not(.btn) {
    text-decoration: underline
}

.alert a:not(.btn):hover {
    text-decoration: none
}

.alert .close:hover {
    color: inherit
}

.alert-dismissible {
    padding-right: 2.75rem
}

.alert-with-icon {
    padding-left: calc((.875rem * 3) + 1.125em)
}

.alert-icon-box {
    position: absolute;
    top: 0;
    left: 0;
    width: calc((.875rem * 2) + 1.125em);
    height: 100%;
    padding: 0 .875rem;
    border-radius: .4375rem;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.alert-icon-box>.alert-icon {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    font-size: 1.125em
}

.alert-primary .alert-icon-box {
    background-color: #ffe7e7
}

.alert-secondary .alert-icon-box {
    background-color: #fdfdfe
}

.alert-success .alert-icon-box {
    background-color: #e1f8ee
}

.alert-info .alert-icon-box {
    background-color: #e7f3ff
}

.alert-warning .alert-icon-box {
    background-color: #fff1e7
}

.alert-danger .alert-icon-box {
    background-color: #fde2e8
}

.alert-light .alert-icon-box {
    background-color: #fff
}

.alert-dark .alert-icon-box {
    background-color: #dfe0e3
}

.alert-accent .alert-icon-box {
    background-color: #e3e4f6
}

.alert-secondary .alert-icon-box {
    background-color: #f3f5f9
}

.alert-light .alert-icon-box {
    background-color: #f6f9fc
}

.alert-dark .alert-icon-box {
    background-color: #2d3341
}

.alert-bg-image {
    border: 0;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    background-clip: padding-box
}

.list-group-item-action {
    transition: all 0.2s ease-in-out
}

.list-group-item-action:active {
    transition: none
}

.list-group-item.active {
    box-shadow: 0 0.5rem 1.125rem -0.5rem rgba(254, 105, 106, 0.9)
}

.list-group-item-primary {
    color: #d55859;
    background-color: #ffeded
}

.list-group-item-primary.list-group-item-action:hover,
.list-group-item-primary.list-group-item-action:focus {
    color: #cd3739;
    background-color: #ffdede
}

.list-group-item-secondary {
    color: #ccced1;
    background-color: #fefefe
}

.list-group-item-secondary.list-group-item-action:hover,
.list-group-item-secondary.list-group-item-action:focus {
    color: #b7b9be;
    background-color: #f6f6f6
}

.list-group-item-success {
    color: #37b47f;
    background-color: #e8faf3
}

.list-group-item-success.list-group-item-action:hover,
.list-group-item-success.list-group-item-action:focus {
    color: #2d9569;
    background-color: #dbf7ec
}

.list-group-item-info {
    color: #5896d5;
    background-color: #edf6ff
}

.list-group-item-info.list-group-item-action:hover,
.list-group-item-info.list-group-item-action:focus {
    color: #3782cd;
    background-color: #deeeff
}

.list-group-item-warning {
    color: #d58b58;
    background-color: #fff4ed
}

.list-group-item-warning.list-group-item-action:hover,
.list-group-item-warning.list-group-item-action:focus {
    color: #cd7437;
    background-color: #ffebde
}

.list-group-item-danger {
    color: #cc3c5e;
    background-color: #fee9ee
}

.list-group-item-danger.list-group-item-action:hover,
.list-group-item-danger.list-group-item-action:focus {
    color: #b12e4d;
    background-color: #fddae3
}

.list-group-item-light {
    color: #d6d6d6;
    background-color: #fff
}

.list-group-item-light.list-group-item-action:hover,
.list-group-item-light.list-group-item-action:focus {
    color: #c2c2c2;
    background-color: #f7f7f7
}

.list-group-item-dark {
    color: #2e3543;
    background-color: #e7e8ea
}

.list-group-item-dark.list-group-item-action:hover,
.list-group-item-dark.list-group-item-action:focus {
    color: #1d222b;
    background-color: #dfe0e3
}

.list-group-item-accent {
    color: #4247a8;
    background-color: #eaeaf8
}

.list-group-item-accent.list-group-item-action:hover,
.list-group-item-accent.list-group-item-action:focus {
    color: #363b8b;
    background-color: #dfdff4
}

.list-group-item-secondary,
.list-group-item-light {
    color: #4b566b !important
}

.list-group-item-secondary a,
.list-group-item-light a {
    color: #4b566b !important
}

.list-group-item-secondary {
    background-color: #f6f9fc !important
}

.list-group-item-dark,
.list-group-item-dark:hover,
.list-group-item-dark:focus {
    background-color: #373f50 !important;
    color: #fff !important
}

.close {
    transition: opacity 0.15s ease-in-out;
    opacity: .7
}

.close:focus {
    outline: none
}

.close:not(:disabled):not(.disabled):hover {
    opacity: 1
}

.close-floating {
    display: block;
    position: absolute;
    top: -.5rem;
    right: -.5rem;
    width: 1.5rem;
    height: 1.5rem;
    border-radius: 50%;
    background-color: #f34770;
    color: #fff;
    font-size: .625rem;
    text-align: center;
    cursor: pointer;
    z-index: 5
}

.close-floating>i {
    line-height: 1.5rem
}

.toast-header [class*='czi-'] {
    font-size: 1.25em
}

.toast-header:not([class*='bg-']) {
    border-bottom: 1px solid rgba(227, 233, 239, 0.75)
}

.toast-container {
    position: fixed;
    left: 0;
    right: 0;
    width: 100%;
    padding-right: 1.5rem;
    padding-left: 1.5rem;
    z-index: 1040
}

@media (max-width: 575.98px) {
    .toast-container {
        padding-right: 1rem;
        padding-left: 1rem
    }
}

.toast-top-left,
.toast-top-center,
.toast-top-right {
    top: 1.5rem
}

.toast-bottom-left,
.toast-bottom-center,
.toast-bottom-right {
    bottom: 1.5rem
}

.toast-top-left .toast,
.toast-bottom-left .toast {
    margin-right: auto;
    margin-left: 0
}

.toast-top-center .toast,
.toast-bottom-center .toast {
    margin-right: auto;
    margin-left: auto
}

.toast-top-right .toast,
.toast-bottom-right .toast {
    margin-right: 0;
    margin-left: auto
}

.toast {
    display: none;
    opacity: 0
}

.toast-top-left .toast.show,
.toast-top-center .toast.show,
.toast-top-right .toast.show {
    -webkit-animation: slideBottom .25s ease-in-out;
    animation: slideBottom .25s ease-in-out
}

.toast-bottom-left .toast.show,
.toast-bottom-center .toast.show,
.toast-bottom-right .toast.show {
    -webkit-animation: slideTop .25s ease-in-out;
    animation: slideTop .25s ease-in-out
}

@-webkit-keyframes slideBottom {
    from {
        -webkit-transform: translateY(-0.875rem);
        transform: translateY(-0.875rem);
        opacity: 0
    }

    to {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 1
    }
}

@keyframes slideBottom {
    from {
        -webkit-transform: translateY(-0.875rem);
        transform: translateY(-0.875rem);
        opacity: 0
    }

    to {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 1
    }
}

@-webkit-keyframes slideTop {
    from {
        -webkit-transform: translateY(0.875rem);
        transform: translateY(0.875rem);
        opacity: 0
    }

    to {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 1
    }
}

@keyframes slideTop {
    from {
        -webkit-transform: translateY(0.875rem);
        transform: translateY(0.875rem);
        opacity: 0
    }

    to {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 1
    }
}

.popover {
    box-shadow: 0 0.25rem 0.5625rem -0.0625rem rgba(0, 0, 0, 0.03), 0 0.275rem 1.25rem -0.0625rem rgba(0, 0, 0, 0.05)
}

.popover-header {
    font-size: .9375rem
}

.popover.bs-popover-bottom .arrow::after,
.popover.bs-popover-auto[x-placement^="bottom"] .arrow::after {
    border-bottom-color: #f6f9fc
}

.modal-header {
    -ms-flex-align: center;
    align-items: center
}

.modal-quick-view .modal-dialog {
    max-width: 1140px !important
}

@media (min-width: 576px) {
    .modal-quick-view {
        padding-left: 1rem
    }
}

.cz-carousel {
    position: relative
}

.cz-carousel .cz-carousel-inner {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    overflow: hidden;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    opacity: 0
}

.cz-carousel .cz-carousel-inner:active {
    cursor: -webkit-grab;
    cursor: grab
}

.cz-carousel .cz-carousel-inner.tns-slider {
    display: block;
    opacity: 1
}

.cz-carousel .cz-carousel-inner>* {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.cz-carousel .tns-controls:focus {
    outline: none
}

.cz-carousel [data-controls] {
    position: absolute;
    top: 50%;
    width: 2.75rem;
    height: 2.75rem;
    margin-top: -1.375rem;
    transition: all .3s ease-in-out;
    border: 1px solid #e3e9ef;
    border-radius: 50%;
    background-color: #fff;
    font-size: .8088235294rem;
    line-height: 2.625rem;
    text-align: center;
    z-index: 10
}

.cz-carousel [data-controls][disabled] {
    opacity: 0 !important
}

.cz-carousel [data-controls='prev'] {
    left: 1.75rem
}

.cz-carousel [data-controls='next'] {
    right: 1.75rem
}

.cz-carousel.cz-controls-lg [data-controls] {
    width: 3.25rem;
    height: 3.25rem;
    margin-top: -1.625rem;
    font-size: .9558823529rem;
    line-height: 3.125rem
}

.cz-carousel.cz-controls-sm [data-controls] {
    width: 2.25rem;
    height: 2.25rem;
    margin-top: -1.125rem;
    font-size: .6617647059rem;
    line-height: 2.125rem
}

.cz-carousel:not(.cz-controls-static) [data-controls] {
    opacity: 0
}

.cz-carousel:not(.cz-controls-static) [data-controls='prev'] {
    -webkit-transform: translateX(1rem);
    transform: translateX(1rem)
}

.cz-carousel:not(.cz-controls-static) [data-controls='next'] {
    -webkit-transform: translateX(-1rem);
    transform: translateX(-1rem)
}

.cz-carousel:not(.cz-controls-static):hover [data-controls] {
    -webkit-transform: none;
    transform: none;
    opacity: 1
}

.cz-carousel.cz-controls-outside {
    padding: 0 1.375rem
}

.cz-carousel.cz-controls-outside [data-controls='prev'] {
    left: 0
}

.cz-carousel.cz-controls-outside [data-controls='next'] {
    right: 0
}

.cz-carousel.cz-controls-outside.cz-controls-lg {
    padding: 0 1.625rem
}

.cz-carousel.cz-controls-outside.cz-controls-sm {
    padding: 0 1.125rem
}

.cz-carousel.cz-dots-enabled:not(.cz-dots-inside) [data-controls] {
    margin-top: -3.0625rem
}

.cz-carousel.cz-dots-enabled:not(.cz-dots-inside).cz-controls-lg [data-controls] {
    margin-top: -3.3125rem
}

.cz-carousel.cz-dots-enabled:not(.cz-dots-inside).cz-controls-sm [data-controls] {
    margin-top: -2.8125rem
}

.cz-carousel .tns-nav {
    padding-top: .875rem;
    padding-bottom: .5rem;
    text-align: center
}

.cz-carousel.cz-dots-left .tns-nav {
    text-align: left
}

.cz-carousel.cz-dots-right .tns-nav {
    text-align: right
}

.cz-carousel [data-nav] {
    display: inline-block;
    width: .3125rem;
    height: .3125rem;
    margin: 0 .375rem;
    padding: 0;
    transition: width .2s ease-in-out, background-color .2s ease-in-out;
    border: 0;
    border-radius: .15625rem;
    background-color: #b6bcc5
}

.cz-carousel [data-nav]:focus {
    outline: none
}

.cz-carousel [data-nav].tns-nav-active {
    width: 1.25rem;
    background-color: #fe696a
}

.cz-carousel.cz-dots-light [data-nav] {
    background-color: #fff
}

.cz-carousel.cz-dots-inside .tns-nav {
    position: absolute;
    left: 0;
    width: 100%;
    bottom: 1rem
}

.cz-custom-controls {
    white-space: nowrap
}

.cz-custom-controls button {
    display: none
}

.cz-custom-controls:focus {
    outline: none
}

.cz-custom-controls [data-controls] {
    display: inline-block;
    width: 2.25rem;
    height: 2.25rem;
    margin: .0625rem;
    transition: all .3s ease-in-out;
    border: 1px solid #e3e9ef;
    border-radius: 50%;
    background-color: #fff;
    font-size: .6617647059rem;
    line-height: 2.125rem;
    text-align: center;
    z-index: 10
}

.cz-custom-controls [data-controls][disabled] {
    opacity: 0 !important
}

.tns-item {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.tns-item .from-top,
.tns-item .from-bottom,
.tns-item .from-left,
.tns-item .from-right,
.tns-item .scale-up,
.tns-item .scale-down {
    transition: all .45s .3s ease-in-out;
    opacity: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.tns-item .from-top {
    -webkit-transform: translateY(-45px);
    transform: translateY(-45px)
}

.tns-item .from-bottom {
    -webkit-transform: translateY(45px);
    transform: translateY(45px)
}

.tns-item .from-left {
    -webkit-transform: translateX(-45px);
    transform: translateX(-45px)
}

.tns-item .from-right {
    -webkit-transform: translateX(45px);
    transform: translateX(45px)
}

.tns-item .scale-up {
    -webkit-transform: scale(0.8);
    transform: scale(0.8)
}

.tns-item .scale-down {
    -webkit-transform: scale(1.2);
    transform: scale(1.2)
}

.tns-item .delay-1 {
    transition-delay: .5s
}

.tns-item .delay-2 {
    transition-delay: .7s
}

.tns-item .delay-3 {
    transition-delay: .9s
}

.tns-item .delay-4 {
    transition-delay: 1.1s
}

.tns-item.tns-slide-active .from-top,
.tns-item.tns-slide-active .from-bottom {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1
}

.tns-item.tns-slide-active .from-left,
.tns-item.tns-slide-active .from-right {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1
}

.tns-item.tns-slide-active .scale-up,
.tns-item.tns-slide-active .scale-down {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1
}

.social-btn {
    display: inline-block;
    width: 2.25rem;
    height: 2.25rem;
    padding: 0;
    border: 1px solid transparent;
    transition: border-color 0.25s ease-in-out, background-color 0.25s ease-in-out, color 0.25s ease-in-out, box-shadow 0.25s ease-in-out;
    border-radius: .3125rem;
    background-color: #f3f5f9;
    color: #4b566b;
    font-size: .875rem;
    text-align: center;
    text-decoration: none !important
}

.social-btn>i {
    line-height: 2.125rem
}

.social-btn:hover {
    color: #fff
}

.social-btn:focus {
    outline: none
}

.social-btn:active {
    transition: none;
    box-shadow: none !important
}

.social-btn.sb-light {
    background-color: rgba(255, 255, 255, 0.08);
    color: #fff
}

.social-btn.sb-light:hover {
    background-color: #fff !important;
    box-shadow: none !important
}

.sb-lg {
    width: 2.75rem;
    height: 2.75rem;
    border-radius: .3125rem;
    font-size: 1rem
}

.sb-lg>i {
    line-height: 2.625rem
}

.sb-sm {
    width: 1.75rem;
    height: 1.75rem;
    border-radius: .1875rem;
    font-size: .75rem
}

.sb-sm>i {
    line-height: 1.625rem
}

.sb-outline {
    border-color: #e3e9ef;
    background-color: transparent
}

.sb-outline.sb-light {
    border-color: rgba(255, 255, 255, 0.12);
    background-color: transparent
}

.sb-outline:hover {
    border-color: transparent
}

.sb-round {
    border-radius: 50% !important
}

.sb-facebook:hover {
    background-color: #3b5998;
    box-shadow: 0 0.5rem 1.125rem -0.5rem rgba(59, 89, 152, 0.9)
}

.sb-facebook:hover.sb-light {
    color: #3b5998
}

.sb-twitter:hover {
    background-color: #1da1f2;
    box-shadow: 0 0.5rem 1.125rem -0.5rem rgba(29, 161, 242, 0.9)
}

.sb-twitter:hover.sb-light {
    color: #1da1f2
}

.sb-instagram:hover {
    background-color: #5851db;
    box-shadow: 0 0.5rem 1.125rem -0.5rem rgba(88, 81, 219, 0.9)
}

.sb-instagram:hover.sb-light {
    color: #5851db
}

.sb-google:hover {
    background-color: #ea4335;
    box-shadow: 0 0.5rem 1.125rem -0.5rem rgba(234, 67, 53, 0.9)
}

.sb-google:hover.sb-light {
    color: #ea4335
}

.sb-linkedin:hover {
    background-color: #0077b5;
    box-shadow: 0 0.5rem 1.125rem -0.5rem rgba(0, 119, 181, 0.9)
}

.sb-linkedin:hover.sb-light {
    color: #0077b5
}

.sb-pinterest:hover {
    background-color: #bd081c;
    box-shadow: 0 0.5rem 1.125rem -0.5rem rgba(189, 8, 28, 0.9)
}

.sb-pinterest:hover.sb-light {
    color: #bd081c
}

.sb-tumblr:hover {
    background-color: #35465c;
    box-shadow: 0 0.5rem 1.125rem -0.5rem rgba(53, 70, 92, 0.9)
}

.sb-tumblr:hover.sb-light {
    color: #35465c
}

.sb-behance:hover {
    background-color: #1769ff;
    box-shadow: 0 0.5rem 1.125rem -0.5rem rgba(23, 105, 255, 0.9)
}

.sb-behance:hover.sb-light {
    color: #1769ff
}

.sb-dribbble:hover {
    background-color: #ea4c89;
    box-shadow: 0 0.5rem 1.125rem -0.5rem rgba(234, 76, 137, 0.9)
}

.sb-dribbble:hover.sb-light {
    color: #ea4c89
}

.sb-vk:hover {
    background-color: #45668e;
    box-shadow: 0 0.5rem 1.125rem -0.5rem rgba(69, 102, 142, 0.9)
}

.sb-vk:hover.sb-light {
    color: #45668e
}

.sb-odnoklassniki:hover {
    background-color: #ed812b;
    box-shadow: 0 0.5rem 1.125rem -0.5rem rgba(237, 129, 43, 0.9)
}

.sb-odnoklassniki:hover.sb-light {
    color: #ed812b
}

.sb-skype:hover {
    background-color: #00aff0;
    box-shadow: 0 0.5rem 1.125rem -0.5rem rgba(0, 175, 240, 0.9)
}

.sb-skype:hover.sb-light {
    color: #00aff0
}

.sb-hangouts:hover {
    background-color: #0f9d58;
    box-shadow: 0 0.5rem 1.125rem -0.5rem rgba(15, 157, 88, 0.9)
}

.sb-hangouts:hover.sb-light {
    color: #0f9d58
}

.sb-messenger:hover {
    background-color: #0084ff;
    box-shadow: 0 0.5rem 1.125rem -0.5rem rgba(0, 132, 255, 0.9)
}

.sb-messenger:hover.sb-light {
    color: #0084ff
}

.sb-viber:hover {
    background-color: #59267c;
    box-shadow: 0 0.5rem 1.125rem -0.5rem rgba(89, 38, 124, 0.9)
}

.sb-viber:hover.sb-light {
    color: #59267c
}

.sb-telegram:hover {
    background-color: #0088cc;
    box-shadow: 0 0.5rem 1.125rem -0.5rem rgba(0, 136, 204, 0.9)
}

.sb-telegram:hover.sb-light {
    color: #0088cc
}

.sb-youtube:hover {
    background-color: #ff0000;
    box-shadow: 0 0.5rem 1.125rem -0.5rem rgba(255, 0, 0, 0.9)
}

.sb-youtube:hover.sb-light {
    color: #ff0000
}

.sb-vimeo:hover {
    background-color: #1ab7ea;
    box-shadow: 0 0.5rem 1.125rem -0.5rem rgba(26, 183, 234, 0.9)
}

.sb-vimeo:hover.sb-light {
    color: #1ab7ea
}

.sb-wechat:hover {
    background-color: #7bb32e;
    box-shadow: 0 0.5rem 1.125rem -0.5rem rgba(123, 179, 46, 0.9)
}

.sb-wechat:hover.sb-light {
    color: #7bb32e
}

.share-btn {
    display: inline-block;
    padding: .25rem .625rem;
    transition: color 0.25s ease-in-out, background-color 0.25s ease-in-out;
    border-radius: .1875rem;
    font-size: .875rem;
    text-decoration: none !important;
    vertical-align: middle
}

.share-btn>i {
    margin-top: -.125rem;
    margin-right: .3125rem;
    font-size: 1.1em;
    vertical-align: middle
}

.share-btn.sb-twitter {
    background-color: rgba(29, 161, 242, 0.08);
    color: #1da1f2
}

.share-btn.sb-twitter:hover {
    background-color: #1da1f2
}

.share-btn.sb-instagram {
    background-color: rgba(88, 81, 219, 0.08);
    color: #5851db
}

.share-btn.sb-instagram:hover {
    background-color: #5851db
}

.share-btn.sb-facebook {
    background-color: rgba(59, 89, 152, 0.08);
    color: #3b5998
}

.share-btn.sb-facebook:hover {
    background-color: #3b5998
}

.share-btn:hover {
    color: #fff;
    box-shadow: none
}

.gallery-item {
    display: block;
    position: relative;
    text-decoration: none !important;
    overflow: hidden
}

.gallery-item>img {
    display: block;
    width: 100%
}

.gallery-item::before {
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    transition: opacity .3s ease-in-out;
    background-color: rgba(43, 52, 69, 0.5);
    content: '';
    opacity: 0;
    z-index: 1
}

.gallery-item::after {
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 2.875rem;
    height: 2.875rem;
    margin-top: -1.4375rem;
    margin-left: -1.4375rem;
    -webkit-transform: scale(0.3);
    transform: scale(0.3);
    color: #fff;
    font-family: 'cartzilla-icons';
    font-size: 1.75rem;
    text-align: center;
    line-height: 2.875rem;
    content: '\e900';
    z-index: 5
}

.gallery-item .gallery-item-caption {
    display: block;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    padding: 1rem .5rem;
    -webkit-transform: translateY(0.5rem);
    transform: translateY(0.5rem);
    color: #fff;
    font-size: .875rem;
    text-align: center;
    z-index: 5
}

.gallery-item::after,
.gallery-item .gallery-item-caption {
    transition: all .3s ease-in-out;
    opacity: 0
}

.gallery-item:hover::before,
.gallery-item:hover::after,
.gallery-item:hover .gallery-item-caption {
    -webkit-transform: none;
    transform: none;
    opacity: 1
}

.gallery-item.video-item::after {
    -webkit-transform: none;
    transform: none;
    border-radius: 50%;
    background-color: #fff;
    color: #4b566b;
    font-size: .675rem;
    font-weight: 700;
    opacity: 1;
    box-shadow: 0 0.375rem 1rem -0.25rem rgba(0, 0, 0, 0.2);
    content: '\e969'
}

.lg-on {
    overflow: hidden
}

.lg-item:focus,
.lg:focus,
.lg-outer:focus,
.lg-inner:focus {
    outline: none
}

.steps {
    display: -ms-flexbox;
    display: flex;
    width: 100%
}

.step-item {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-positive: 1;
    flex-grow: 1;
    transition: color 0.25s ease-in-out;
    text-align: center;
    text-decoration: none !important
}

.step-item:first-child .step-progress {
    border-radius: .125rem;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.step-item:last-child .step-progress {
    border-radius: .125rem;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.step-progress {
    position: relative;
    width: 100%;
    height: .25rem
}

.step-count {
    position: absolute;
    top: -.75rem;
    left: 50%;
    width: 1.625rem;
    height: 1.625rem;
    margin-left: -.8125rem;
    border-radius: 50%;
    font-size: .875rem;
    line-height: 1.625rem
}

.step-label {
    padding-top: 1.5625rem
}

.step-label>i {
    margin-top: -.25rem;
    margin-right: .425rem;
    font-size: 1.2em;
    vertical-align: middle
}

@media (max-width: 767.98px) {
    .step-label {
        font-size: .75rem
    }

    .step-label>i {
        display: none
    }
}

.steps-dark .step-item {
    color: #7d879c
}

.steps-dark .step-count,
.steps-dark .step-progress {
    color: #4b566b;
    background-color: #f3f5f9
}

.steps-dark .step-item:hover {
    color: #4b566b
}

.steps-dark .step-item.active.current {
    color: #373f50;
    pointer-events: none
}

.steps-dark .step-item.active .step-count,
.steps-dark .step-item.active .step-progress {
    color: #fff;
    background-color: #fe696a
}

.steps-light .step-item {
    color: rgba(255, 255, 255, 0.55)
}

.steps-light .step-count,
.steps-light .step-progress {
    color: #fff;
    background-color: #485268
}

.steps-light .step-item:hover {
    color: rgba(255, 255, 255, 0.8)
}

.steps-light .step-item.active.current {
    color: #fff;
    pointer-events: none
}

.steps-light .step-item.active .step-count,
.steps-light .step-item.active .step-progress {
    color: #fff;
    background-color: #fe696a
}

.cz-testimonial {
    margin-bottom: 0;
    padding-top: .75rem
}

.cz-testimonial .card-body {
    padding-top: 1.8375rem
}

.cz-testimonial .cz-testimonial-mark {
    position: absolute;
    top: -.75rem;
    left: 1.25rem;
    width: 1.875rem;
    height: 1.875rem;
    border-radius: .1875rem;
    background-color: #fe696a;
    color: #fff;
    font-size: 1.875rem;
    font-weight: 500;
    text-align: center;
    box-shadow: 0 0.5rem 0.575rem -0.25rem rgba(254, 105, 106, 0.75);
    z-index: 5
}

.cz-testimonial .cz-testimonial-mark::before {
    content: "''"
}

.video-popup-btn:not(.video-cover) {
    display: inline-block;
    width: 4.5rem;
    height: 4.5rem;
    transition: background-color 0.3s ease-in-out, color 0.3s ease-in-out, box-shadow 0.3s ease-in-out;
    border-radius: 50%;
    background-color: #fff;
    color: #4b566b;
    text-align: center;
    line-height: 4.5rem;
    box-shadow: 0 0.375rem 1rem -0.25rem rgba(43, 52, 69, 0.2);
    vertical-align: middle
}

.video-popup-btn:not(.video-cover)::before {
    font-family: 'cartzilla-icons';
    font-size: .75rem;
    font-weight: 700;
    content: '\e969'
}

.video-popup-btn:not(.video-cover):hover {
    background-color: #fe696a;
    color: #fff;
    box-shadow: 0 0.5rem 1.125rem -0.5rem rgba(254, 105, 106, 0.9)
}

.video-cover-thumb {
    position: relative
}

.video-cover-thumb .badge {
    position: absolute;
    right: .5rem;
    bottom: .5rem;
    z-index: 5
}

.cz-countdown {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    font-weight: normal
}

.cz-countdown .cz-countdown-value {
    font-weight: 500
}

.cz-countdown .cz-countdown-label {
    margin-left: .125rem;
    font-size: 65%
}

.cz-countdown .cz-countdown-days,
.cz-countdown .cz-countdown-hours,
.cz-countdown .cz-countdown-minutes,
.cz-countdown .cz-countdown-seconds {
    margin-right: .75rem;
    margin-bottom: .75rem
}

.cz-countdown .cz-countdown-seconds {
    margin-right: 0
}

.ct-line {
    stroke: #4e54c8 !important;
    stroke-width: .125rem
}

.ct-point {
    stroke: #4e54c8 !important;
    stroke-width: .625rem
}

.ct-bar {
    stroke: #4e54c8 !important;
    stroke-width: .625rem
}

.ct-chart-pie .ct-label {
    fill: #fff;
    font-size: 1rem
}

.widget .cz-carousel .tns-nav {
    padding-top: .5rem
}

.widget-list {
    margin: 0;
    padding: 0;
    list-style: none
}

.widget-title {
    margin-bottom: 1.125rem;
    font-size: 1.0625rem;
    font-weight: 500
}

.widget-categories .card,
.widget-categories .card-header {
    border: 0;
    border-radius: 0
}

.widget-categories .card-body {
    padding: .6140350877rem 0
}

.widget-categories .accordion-heading {
    font-size: .9375rem;
    font-weight: normal
}

.widget-categories .accordion-heading>a {
    padding-top: .6140350877rem;
    padding-right: 2rem;
    padding-bottom: .6140350877rem;
    padding-left: 0;
    color: #fe696a
}

.widget-categories .accordion-heading>a .accordion-indicator {
    right: 0;
    width: 1.375rem;
    height: 1.375rem;
    margin-top: -.6875rem;
    background-color: rgba(254, 105, 106, 0.1);
    font-size: 8px;
    line-height: 1.375rem
}

.widget-categories .accordion-heading>a.collapsed {
    color: #4b566b
}

.widget-categories .accordion-heading>a.collapsed .accordion-indicator {
    background-color: #f3f5f9;
    color: #4b566b
}

.widget-categories .accordion-heading>a:hover {
    color: #fe696a
}

.widget-categories .accordion-heading>a:hover .accordion-indicator {
    background-color: rgba(254, 105, 106, 0.1);
    color: #fe696a
}

.widget-categories .widget-list-item {
    padding-left: .75rem
}

.widget-categories .widget-list:not([data-simplebar]) {
    border-right: 2px solid #e3e9ef
}

.widget-categories .widget-list:not([data-simplebar]) .widget-list-item {
    padding-right: 1rem
}

.widget-categories .widget-list:not([data-simplebar]) .widget-list-item .widget-list:not([data-simplebar]) {
    border-right: 0
}

.widget-list-item {
    margin-bottom: .375rem
}

.widget-list-item:last-child {
    margin-bottom: 0
}

.widget-list-link {
    display: block;
    transition: color 0.25s ease-in-out;
    color: #4b566b;
    font-size: .875rem;
    font-weight: normal
}

.widget-list-link:hover {
    color: #fe696a
}

.active>.widget-list-link {
    color: #fe696a
}

.widget-light .widget-list-link {
    color: rgba(255, 255, 255, 0.65)
}

.widget-light .widget-list-link:hover {
    color: #fff
}

.widget-light .active>.widget-list-link {
    color: #fff
}

.widget-product-title {
    margin-bottom: .25rem;
    font-size: .875rem;
    font-weight: 500
}

.widget-product-title>a {
    color: #373f50
}

.widget-product-title:hover>a {
    color: #fe696a
}

.widget-product-meta {
    font-size: .875rem
}

.widget-cart-item {
    position: relative
}

.widget-cart-item .close {
    position: absolute;
    top: 50%;
    left: 0;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    transition: visibility .25s ease-in-out, opacity .25s ease-in-out;
    visibility: hidden;
    opacity: 0
}

.widget-cart-item .media {
    transition: all .25s ease-in-out
}

.widget-cart-item:hover .media {
    -webkit-transform: translateX(1.125rem);
    transform: translateX(1.125rem)
}

.widget-cart-item:hover .close {
    visibility: visible;
    opacity: 1
}

.btn-tag {
    display: inline-block;
    padding: .375rem .5625rem;
    transition: color 0.25s ease-in-out, background-color 0.25s ease-in-out, border-color 0.25s ease-in-out, box-shadow 0.2s ease-in-out;
    border: 1px solid #e3e9ef;
    border-radius: .1875rem;
    color: #4b566b;
    font-size: .75rem;
    white-space: nowrap
}

.btn-tag:hover {
    border-color: #f3f5f9;
    background-color: #f3f5f9;
    color: #4b566b
}

.btn-tag.active {
    border-color: #fe696a;
    background-color: #fe696a;
    color: #fff;
    box-shadow: 0 0.5rem 1.125rem -0.5rem rgba(254, 105, 106, 0.9)
}

.cz-range-slider-ui {
    height: .1875rem;
    margin: 3.5rem 0;
    border: 0;
    background-color: #eceff6;
    box-shadow: none
}

.cz-range-slider-ui .noUi-connect {
    background-color: #fe696a
}

.cz-range-slider-ui .noUi-handle {
    top: 50%;
    width: 1.375rem;
    height: 1.375rem;
    margin-top: -.6875rem;
    border: 0;
    border-radius: 50%;
    box-shadow: 0 0.125rem 0.5625rem -0.125rem rgba(0, 0, 0, 0.25)
}

.cz-range-slider-ui .noUi-handle::before,
.cz-range-slider-ui .noUi-handle::after {
    display: none
}

.cz-range-slider-ui .noUi-handle:focus {
    outline: none
}

.cz-range-slider-ui .noUi-marker-normal {
    display: none
}

.cz-range-slider-ui .noUi-marker-horizontal.noUi-marker {
    width: 1px;
    background-color: #d0dae4
}

.cz-range-slider-ui .noUi-marker-horizontal.noUi-marker-large {
    height: .75rem
}

.cz-range-slider-ui .noUi-value {
    padding-top: .125rem;
    color: #4b566b;
    font-size: .8125rem
}

.cz-range-slider-ui .noUi-tooltip {
    padding: .25rem .5rem;
    border: 0;
    background-color: #373f50;
    color: #fff;
    font-size: .75rem;
    line-height: 1.2;
    border-radius: .1875rem
}

html:not([dir=rtl]) .cz-range-slider-ui.noUi-horizontal .noUi-handle {
    right: -.6875rem
}

.product-card {
    padding-bottom: .875rem;
    border: 0;
    transition: all 0.15s ease-in-out
}

.product-card .product-card-actions,
.product-card>.btn-wishlist,
.product-card .badge {
    position: absolute;
    top: .75rem;
    right: .75rem;
    z-index: 5
}

.product-card .product-card-actions .btn-action {
    padding: .5rem;
    transition: all 0.15s ease-in-out;
    border-radius: .1875rem;
    background-color: #fff;
    font-size: .8125rem;
    visibility: hidden;
    opacity: 0
}

.product-card .badge {
    right: auto;
    left: .75rem
}

.product-card .badge.badge-right {
    right: .75rem;
    left: auto
}

.product-card .card-body {
    position: relative;
    background-color: #fff;
    z-index: 2
}

.product-card .card-body-hidden {
    position: absolute;
    left: 0;
    top: 100%;
    width: 100%;
    margin-top: -.875rem;
    transition: all 0.15s ease-in-out;
    border-radius: .4375rem;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    background-color: #fff;
    opacity: 0;
    visibility: hidden;
    z-index: 1
}

@media (min-width: 576px) {
    .product-card {
        padding-bottom: 0
    }
}

@media (min-width: 992px) {
    .product-card:hover:not(.card-static) {
        border-color: #fff !important;
        box-shadow: 0 0.3rem 1.525rem -0.375rem rgba(0, 0, 0, 0.1);
        z-index: 10
    }

    .product-card:hover:not(.card-static) .product-card-actions .btn-action {
        opacity: 1;
        visibility: visible
    }

    .product-card:hover:not(.card-static) .card-body-hidden {
        opacity: 1;
        visibility: visible;
        box-shadow: 0 0.3rem 1.525rem -0.375rem rgba(0, 0, 0, 0.1)
    }
}

.product-list .product-list-thumb {
    border-radius: .4375rem;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0
}

@media (min-width: 576px) {
    .product-list .product-list-thumb {
        width: 15rem;
        border-radius: .4375rem;
        border-top-right-radius: 0;
        border-bottom-right-radius: 0;
        overflow: hidden
    }

    .product-list .card-body-hidden {
        top: 50%;
        margin-top: 0;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        box-shadow: none !important
    }
}

@media (min-width: 992px) {
    .product-list:hover+hr {
        opacity: 0
    }
}

.product-card-alt {
    border: 0
}

.product-card-alt .card-body {
    padding: 1rem .625rem
}

.product-card-alt .product-thumb {
    position: relative;
    border-radius: .4375rem;
    overflow: hidden
}

.product-card-alt .product-thumb>img {
    display: block;
    width: 100%
}

.product-card-alt .product-thumb-overlay {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(43, 52, 69, 0.5);
    z-index: 1
}

.product-card-alt .btn-wishlist {
    top: .75rem;
    right: .75rem;
    background-color: #fff;
    z-index: 5;
    visibility: hidden
}

.product-card-alt .badge {
    position: absolute;
    right: auto;
    left: .75rem;
    z-index: 5
}

.product-card-alt .product-card-actions {
    top: 50%;
    left: 0;
    width: 100%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    text-align: center;
    z-index: 5;
    visibility: hidden
}

.product-card-alt .product-thumb-overlay,
.product-card-alt .btn-wishlist,
.product-card-alt .product-card-actions {
    position: absolute;
    transition: all 0.15s ease-in-out;
    opacity: 0
}

@media (min-width: 992px) {

    .product-card-alt .product-thumb:hover .product-thumb-overlay,
    .product-card-alt .product-thumb:hover .btn-wishlist,
    .product-card-alt .product-thumb:hover .product-card-actions {
        visibility: visible;
        opacity: 1
    }
}

.product-title>a {
    transition: color 0.25s ease-in-out;
    color: #373f50;
    text-decoration: none !important
}

.product-title>a:hover {
    color: #fe696a
}

.product-meta {
    transition: color 0.25s ease-in-out;
    color: #7d879c;
    text-decoration: none !important
}

.product-meta:hover {
    color: #4b566b
}

.btn-wishlist {
    width: 2.75rem;
    height: 2.75rem;
    padding: 0 !important;
    transition: color 0.25s ease-in-out, background-color 0.25s ease-in-out, border-color 0.25s ease-in-out, box-shadow 0.2s ease-in-out;
    border: 0;
    border-radius: 50%;
    background-color: #f3f5f9;
    color: #373f50;
    text-align: center
}

.btn-wishlist>i {
    font-size: 1.0625rem;
    line-height: 2.75rem
}

.btn-wishlist:hover {
    color: #fe696a
}

.btn-wishlist:focus {
    outline: 0
}

.btn-wishlist.btn-sm,
.btn-group-sm>.btn-wishlist.btn {
    width: 2rem;
    height: 2rem
}

.btn-wishlist.btn-sm>i,
.btn-group-sm>.btn-wishlist.btn>i {
    font-size: .8125rem;
    line-height: 2rem
}

.product-floating-btn {
    position: absolute;
    right: .75rem;
    bottom: .75rem;
    transition: opacity .2s ease-in-out;
    opacity: 0;
    z-index: 10
}

.product-card:hover .product-floating-btn {
    opacity: 1
}

.star-rating {
    display: inline-block;
    white-space: nowrap;
    line-height: 1;
    vertical-align: middle
}

.star-rating .sr-star {
    display: inline-block;
    margin-right: .1875rem;
    color: #aeb4be;
    font-size: .75rem;
    vertical-align: middle
}

.star-rating .sr-star.active {
    color: #fea569
}

.product-review .btn-like,
.product-review .btn-dislike {
    display: inline-block;
    padding: 0;
    padding-left: .625rem;
    transition: color 0.25s ease-in-out, background-color 0.25s ease-in-out, box-shadow 0.25s ease-in-out, border-color 0.25s ease-in-out;
    border: 0;
    background: 0;
    color: #7d879c;
    font-size: .875rem;
    text-decoration: none !important;
    white-space: nowrap;
    vertical-align: middle
}

.product-review .btn-like::before,
.product-review .btn-dislike::before {
    display: inline-block;
    margin-right: .375rem;
    font-family: 'cartzilla-icons';
    font-size: 1.25em;
    vertical-align: middle;
    content: '\e985'
}

.product-review .btn-like:first-child,
.product-review .btn-dislike:first-child {
    padding-right: .625rem;
    padding-left: 0;
    border-right: 1px solid #d9e1e9
}

.product-review .btn-like:focus,
.product-review .btn-dislike:focus {
    outline: none
}

.product-review .btn-like:hover,
.product-review .btn-dislike:hover {
    color: #4b566b
}

.product-review .btn-like::before {
    margin-top: -.325rem;
    color: #42d697
}

.product-review .btn-dislike::before {
    -webkit-transform: rotate(-180deg);
    transform: rotate(-180deg);
    color: #f34770
}

@-moz-document url-prefix() {
    .product-review .btn-dislike::before {
        margin-bottom: -.325rem
    }
}

.page-title-overlap {
    padding-bottom: 6.375rem
}

.page-title-overlap+* {
    position: relative;
    margin-top: -4.875rem;
    z-index: 5
}

@media (max-width: 991.98px) {
    .page-title-overlap {
        padding-bottom: 5.5rem
    }
}

.card-wrapper {
    margin: 1.875rem -.9375rem
}

@media (max-width: 575.98px) {
    .card-wrapper .jp-card-container {
        width: 16.25rem !important
    }

    .card-wrapper .jp-card {
        min-width: 15.625rem !important
    }
}

@media (min-width: 992px) {
    .product-details {
        width: 100%;
        max-width: 26rem;
        padding-top: 0.25rem
    }
}

.product-badge {
    position: absolute;
    top: 50%;
    right: -1.75rem;
    padding-top: .425rem;
    padding-left: .625rem;
    padding-right: 1rem;
    padding-bottom: .425rem;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    border-radius: .3125rem;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    font-size: .8125rem
}

.product-badge::after {
    position: absolute;
    bottom: -.475rem;
    right: .25rem;
    height: 0;
    width: 0;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    border: solid transparent;
    content: " ";
    pointer-events: none;
    border-width: .525rem
}

.product-badge>i {
    margin-top: -.125rem;
    margin-right: .25rem;
    font-size: 1.2em;
    vertical-align: middle
}

.product-badge.product-available {
    background-color: #42d697;
    color: #fff
}

.product-badge.product-available::after {
    border-color: rgba(66, 214, 151, 0);
    border-bottom-color: #29bc7d
}

.product-badge.product-not-available {
    background-color: #f3f5f9;
    color: #4b566b
}

.product-badge.product-not-available::after {
    border-color: rgba(243, 245, 249, 0);
    border-bottom-color: #d8deeb
}

@media (max-width: 991.98px) {
    .product-badge {
        right: -.75rem
    }
}

.modal .product-badge {
    right: -.575rem
}

.cz-product-gallery {
    display: -ms-flexbox;
    display: flex
}

.cz-thumblist {
    margin-left: -.5rem
}

.cz-thumblist-item {
    display: block;
    position: relative;
    width: 5rem;
    height: 5rem;
    margin: .625rem;
    transition: border-color 0.2s ease-in-out;
    border: 1px solid #e3e9ef;
    border-radius: .3125rem;
    text-decoration: none !important;
    overflow: hidden
}

.cz-thumblist-item>img {
    display: block;
    width: 100%;
    transition: opacity .2s ease-in-out;
    opacity: .6
}

.cz-thumblist-item .cz-thumblist-item-text {
    position: absolute;
    top: 50%;
    width: 100%;
    padding: .25rem;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    color: #4b566b;
    font-size: .875rem;
    text-align: center
}

.cz-thumblist-item .cz-thumblist-item-text>i {
    display: block;
    margin-bottom: .25rem;
    font-size: 1.5em
}

.cz-thumblist-item:hover {
    border-color: #c9d5e0
}

.cz-thumblist-item:hover>img {
    opacity: 1
}

.cz-thumblist-item.active {
    border-color: #fe696a
}

.cz-thumblist-item.active>img {
    opacity: 1
}

.cz-preview {
    position: relative;
    width: 100%;
    margin-top: .625rem
}

@media (min-width: 576px) {
    .cz-preview {
        margin-left: .625rem
    }
}

.cz-preview-item {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    transition: opacity 0.3s ease-in-out;
    opacity: 0;
    z-index: 1
}

.cz-preview-item>img {
    display: block;
    width: 100%
}

.cz-preview-item.active {
    position: relative;
    opacity: 1;
    z-index: 10
}

.cz-preview-item:hover {
    cursor: crosshair
}

@media (max-width: 575.98px) {
    .cz-product-gallery {
        display: block
    }

    .cz-thumblist {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -ms-flex-pack: center;
        justify-content: center;
        margin-right: -1rem;
        margin-left: -1rem;
        padding-top: 1rem
    }

    .cz-thumblist-item {
        margin: .3125rem
    }
}

.drift-zoom-pane {
    z-index: 1030
}

.blog-entry-title>a {
    color: #373f50;
    text-decoration: none !important;
    line-height: 1.3
}

.blog-entry-title>a:hover {
    color: #fe696a
}

.blog-entry-thumb {
    display: block;
    position: relative
}

.blog-entry-thumb>img {
    display: block;
    width: 100%
}

.blog-entry-thumb.video-item::before,
.blog-entry-thumb.video-item::after {
    display: none
}

.blog-entry-meta-link {
    display: inline-block;
    color: #7d879c !important;
    font-weight: normal
}

.blog-entry-meta-link>i {
    margin-top: -.0625rem;
    margin-right: .375rem;
    vertical-align: middle
}

.blog-entry-meta-link:hover {
    color: #4b566b !important
}

.blog-entry-meta-label {
    position: absolute;
    top: 1rem;
    right: 1rem;
    padding: .375rem .625rem;
    border-radius: .1875rem;
    background-color: rgba(255, 255, 255, 0.8);
    color: #4b566b;
    text-decoration: none !important;
    z-index: 5
}

.blog-entry-meta-label>i {
    margin-top: -.0625rem;
    margin-right: .375rem;
    color: #7d879c;
    vertical-align: middle
}

.blog-entry-meta-divider {
    display: inline-block;
    width: 1px;
    height: 1rem;
    margin: 0 1rem;
    background-color: #d9e1e9;
    vertical-align: middle
}

.blog-entry-author-ava {
    display: inline-block;
    width: 2rem !important;
    height: 2rem !important;
    margin-right: .5rem;
    padding: .125rem;
    border: 1px solid #e3e9ef;
    border-radius: 50%;
    vertical-align: middle
}

.blog-entry-author-ava>img {
    display: block;
    width: 100%;
    border-radius: 50%
}

@media (min-width: 768px) {
    .blog-list {
        display: -ms-flexbox;
        display: flex
    }

    .blog-list .left-column {
        width: 37%;
        padding-right: 15px
    }

    .blog-list .right-column {
        width: 63%;
        padding-left: 15px
    }
}

.featured-posts-carousel [data-controls] {
    margin-top: -2.75rem
}

.cz-sidebar,
.cz-sidebar-static {
    width: 100%;
    max-width: 22rem;
    background-color: #fff
}

.cz-sidebar .close,
.cz-sidebar-static .close {
    font-size: 1.75rem
}

.cz-sidebar-static {
    padding: 1.875rem 1.875rem
}

@media (max-width: 991.98px) {
    .cz-sidebar-static {
        max-width: 100%;
        padding-right: 1.25rem;
        padding-left: 1.25rem
    }
}

.cz-sidebar-header {
    display: none;
    position: relative;
    width: 100%;
    height: 3rem;
    padding: 0.25rem 1.5rem;
    background-color: #fff
}

.cz-sidebar-body {
    padding: 1.875rem 1.875rem
}

.cz-sidebar-body .simplebar-content {
    padding-right: 1.875rem !important
}

.cz-sidebar-body>.simplebar-track {
    display: none
}

.cz-sidebar-body [data-simplebar] .simplebar-content>* {
    margin-right: -.625rem
}

.cz-sidebar-body .sidebar-nav {
    margin-right: -1.875rem;
    margin-left: -1.875rem
}

.cz-sidebar-fixed {
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    border-right: 1px solid #e3e9ef
}

.cz-sidebar-fixed .cz-sidebar-inner {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%;
    height: 100%
}

.cz-sidebar-fixed .close {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 3.5rem;
    padding: 1rem 1.875rem;
    border-bottom: 1px solid #e3e9ef;
    background-color: #f6f9fc;
    float: none
}

.cz-sidebar-fixed .cz-sidebar-body {
    height: 100%;
    overflow-y: auto
}

.cz-sidebar-fixed .cz-sidebar-body::-webkit-scrollbar {
    width: .1875rem;
    background-color: transparent;
    opacity: 0
}

.cz-sidebar-fixed .cz-sidebar-body::-webkit-scrollbar-thumb {
    background-color: #aeb4be;
    border-radius: .09375rem
}

.cz-sidebar-fixed .cz-sidebar-body>.simplebar-track {
    display: block;
    background-color: transparent
}

@media (min-width: 992px) {
    .sidebar-fixed-enabled {
        padding-left: 22rem
    }
}

@media (max-width: 991.98px) {
    .cz-sidebar {
        position: fixed;
        top: 0;
        left: -22rem;
        height: 100%;
        transition: left 0.4s cubic-bezier(0.785, 0.135, 0.15, 0.86) 0.25s, box-shadow 0.3s 0.25s;
        border: none !important;
        border-radius: 0 !important;
        box-shadow: none !important;
        z-index: 1035
    }

    .cz-sidebar.show {
        left: 0;
        box-shadow: 1.375rem 0 2rem -0.75rem rgba(43, 52, 69, 0.15) !important
    }

    .cz-sidebar-header {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center
    }

    .cz-sidebar-body {
        position: absolute;
        left: 0;
        width: calc(100% - .375rem);
        height: calc(100% - 3rem);
        padding-right: 1.5rem;
        padding-left: 1.5rem;
        overflow-y: auto
    }

    .cz-sidebar-body .sidebar-nav {
        margin-right: -1.5rem;
        margin-left: -1.5rem
    }

    .cz-sidebar-body::-webkit-scrollbar {
        width: .1875rem;
        background-color: transparent;
        opacity: 0
    }

    .cz-sidebar-body::-webkit-scrollbar-thumb {
        background-color: #aeb4be;
        border-radius: .09375rem
    }

    .cz-sidebar-body .simplebar-content {
        padding-right: 1.5rem !important
    }

    .cz-sidebar-body>.simplebar-track {
        display: block;
        background-color: transparent
    }

    .cz-sidebar-body [data-simplebar] .simplebar-content>* {
        margin-right: -.375rem
    }

    .cz-sidebar-fixed {
        padding-top: 3.5rem !important;
        border-right: 0
    }

    .cz-sidebar-fixed .close {
        display: block
    }

    .cz-sidebar-fixed .cz-sidebar-body {
        position: relative;
        width: 100%;
        height: 100%
    }
}

.cz-handheld-toolbar {
    display: none;
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
    transition: all 0.3s 0.35s ease-in-out;
    border-top: 1px solid #e3e9ef;
    background-color: #fff;
    box-shadow: -1.25rem 0 2rem 0 rgba(43, 52, 69, 0.15);
    z-index: 1026
}

.cz-handheld-toolbar-item {
    padding: .5rem;
    padding-top: .125rem;
    border-left: 1px solid #e3e9ef;
    text-align: center
}

.cz-handheld-toolbar-item:first-child {
    border-right: 0
}

.cz-handheld-toolbar-item .badge {
    font-size: .625rem
}

.cz-handheld-toolbar-icon {
    display: block;
    color: #4b566b;
    font-size: 1.25rem
}

.cz-handheld-toolbar-icon>i,
.cz-handheld-toolbar-icon>.badge {
    display: inline-block;
    vertical-align: middle
}

.cz-handheld-toolbar-label {
    display: block;
    color: #7d879c;
    font-size: .6875rem
}

@media (max-width: 991.98px) {
    .toolbar-enabled {
        padding-bottom: 3.5rem
    }

    .cz-handheld-toolbar {
        display: block
    }

    .cz-handheld-toolbar+.btn-scroll-top {
        bottom: 4.5rem
    }
}

.offcanvas-open {
    padding-bottom: 0
}

.offcanvas-open .cz-handheld-toolbar {
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
    box-shadow: none
}

.simplebar-content {
    padding-right: 1rem !important
}

.simplebar-track {
    transition: opacity .25s ease-in-out;
    background-color: #e9edf4;
    opacity: 0
}

.simplebar-track .simplebar-scrollbar {
    border-radius: .09375rem;
    background-color: #aeb4be
}

.simplebar-track .simplebar-scrollbar::before {
    display: none
}

.simplebar-track.simplebar-vertical {
    width: .1875rem !important
}

.simplebar-track.simplebar-vertical .simplebar-scrollbar {
    right: 0;
    width: .1875rem
}

.simplebar-track.simplebar-horizontal {
    height: .1875rem !important
}

.simplebar-track.simplebar-horizontal .simplebar-scrollbar {
    top: 0;
    height: .1875rem !important
}

[data-simplebar] {
    overflow-y: auto;
    padding-right: 1rem !important
}

[data-simplebar]::-webkit-scrollbar {
    width: .1875rem;
    background-color: transparent;
    opacity: 0
}

[data-simplebar]::-webkit-scrollbar-thumb {
    background-color: #aeb4be;
    border-radius: .09375rem
}

[data-simplebar]:hover .simplebar-track {
    opacity: 1
}

[data-simplebar-auto-hide='false'] .simplebar-track {
    opacity: 1
}

.cz-masonry-grid[data-columns] {
    margin-right: -15px;
    margin-left: -15px;
    overflow: hidden
}

.cz-masonry-grid[data-columns]::after {
    display: block;
    clear: both;
    content: ""
}

.cz-masonry-grid[data-columns] .grid-item {
    width: 100%;
    float: left;
    padding-right: 15px;
    padding-left: 15px;
    padding-bottom: 30px
}

.cz-masonry-grid[data-columns='1'] .grid-item {
    width: 100%
}

@media (min-width: 576px) {

    .cz-masonry-grid[data-columns='2'] .grid-item,
    .cz-masonry-grid[data-columns='3'] .grid-item,
    .cz-masonry-grid[data-columns='4'] .grid-item,
    .cz-masonry-grid[data-columns='5'] .grid-item,
    .cz-masonry-grid[data-columns='6'] .grid-item {
        width: 50%
    }
}

@media (min-width: 768px) {

    .cz-masonry-grid[data-columns='3'] .grid-item,
    .cz-masonry-grid[data-columns='4'] .grid-item,
    .cz-masonry-grid[data-columns='5'] .grid-item,
    .cz-masonry-grid[data-columns='6'] .grid-item {
        width: 33.3333333333%
    }
}

@media (min-width: 992px) {

    .cz-masonry-grid[data-columns='4'] .grid-item,
    .cz-masonry-grid[data-columns='5'] .grid-item,
    .cz-masonry-grid[data-columns='6'] .grid-item {
        width: 25%
    }
}

@media (min-width: 1280px) {
    .cz-masonry-grid[data-columns='5'] .grid-item {
        width: 20%
    }

    .cz-masonry-grid[data-columns='6'] .grid-item {
        width: 16.6666666667%
    }
}

.bg-0 {
    background: none !important
}

.bg-secondary {
    background-color: #f6f9fc !important
}

.bg-darker {
    background-color: #2b3445 !important
}

.bg-faded-primary {
    background-color: rgba(254, 105, 106, 0.1) !important
}

.bg-faded-accent {
    background-color: rgba(78, 84, 200, 0.1) !important
}

.bg-faded-success {
    background-color: rgba(66, 214, 151, 0.1) !important
}

.bg-faded-danger {
    background-color: rgba(243, 71, 112, 0.08) !important
}

.bg-faded-warning {
    background-color: rgba(254, 165, 105, 0.1) !important
}

.bg-faded-info {
    background-color: rgba(105, 179, 254, 0.1) !important
}

.bg-faded-dark {
    background-color: rgba(55, 63, 80, 0.1) !important
}

.bg-faded-light {
    background-color: rgba(255, 255, 255, 0.1) !important
}

.bg-size-cover {
    background-size: cover !important
}

.bg-position-center {
    background-position: center !important
}

.bg-position-center-y {
    background-position-y: center !important
}

.bg-position-center-x {
    background-position-x: center !important
}

.bg-position-right-top {
    background-position: right top !important
}

.bg-position-left-top {
    background-position: left top !important
}

.bg-position-center-top {
    background-position: center top !important
}

.bg-position-right-center {
    background-position: right center !important
}

.bg-position-left-center {
    background-position: left center !important
}

.bg-no-repeat {
    background-repeat: no-repeat !important
}

.bg-repeat-x {
    background-repeat: repeat-x !important
}

.bg-repeat-y {
    background-repeat: repeat-y !important
}

.bg-overlay {
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: #000;
    opacity: .5;
    z-index: 1
}

.bg-overlay-content {
    display: block;
    position: relative;
    z-index: 5
}

.font-weight-medium {
    font-weight: 500 !important
}

.font-size-xl {
    font-size: 1.625rem !important
}

.font-size-lg {
    font-size: 1.125rem !important
}

.font-size-base {
    font-size: 1rem !important
}

.font-size-md {
    font-size: .9375rem !important
}

.font-size-sm {
    font-size: .875rem !important
}

.font-size-ms {
    font-size: .8125rem !important
}

.font-size-xs {
    font-size: .75rem !important
}

.text-shadow {
    text-shadow: 0 0.0625rem rgba(0, 0, 0, 0.5) !important
}

.text-heading {
    color: #373f50 !important
}

.text-border {
    color: #c9d5e0 !important;
    font-weight: 300
}

.border-color {
    color: #e3e9ef !important
}

.box-shadow {
    box-shadow: 0 0.25rem 0.5625rem -0.0625rem rgba(0, 0, 0, 0.03), 0 0.275rem 1.25rem -0.0625rem rgba(0, 0, 0, 0.05) !important
}

.box-shadow-sm {
    box-shadow: 0 0.125rem 0.3rem -0.0625rem rgba(0, 0, 0, 0.03), 0 0.275rem 0.75rem -0.0625rem rgba(0, 0, 0, 0.06) !important
}

.box-shadow-lg {
    box-shadow: 0 0.3rem 1.525rem -0.375rem rgba(0, 0, 0, 0.1) !important
}

.rounded-lg {
    border-radius: .4375rem
}

.rounded-sm {
    border-radius: .1875rem
}

.rounded-top-0 {
    border-top-right-radius: 0 !important;
    border-top-left-radius: 0 !important
}

.rounded-bottom-0 {
    border-bottom-right-radius: 0 !important;
    border-bottom-left-radius: 0 !important
}

.rounded-right-0 {
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important
}

.rounded-left-0 {
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important
}

.box-shadow-0 {
    box-shadow: none !important
}

.text-decoration-0 {
    text-decoration: none !important
}

.mt-grid-gutter,
.my-grid-gutter {
    margin-top: 30px !important
}

.mr-grid-gutter,
.mx-grid-gutter {
    margin-right: 30px !important
}

.mb-grid-gutter,
.my-grid-gutter {
    margin-bottom: 30px !important
}

.ml-grid-gutter,
.mx-grid-gutter {
    margin-left: 30px !important
}

.pt-grid-gutter,
.py-grid-gutter {
    padding-top: 30px !important
}

.pr-grid-gutter,
.px-grid-gutter {
    padding-right: 30px !important
}

.pb-grid-gutter,
.py-grid-gutter {
    padding-bottom: 30px !important
}

.pl-grid-gutter,
.px-grid-gutter {
    padding-left: 30px !important
}

.border-light {
    border-color: rgba(255, 255, 255, 0.12) !important
}

.opacity-25 {
    opacity: .25 !important
}

.opacity-50 {
    opacity: .5 !important
}

.opacity-60 {
    opacity: .6 !important
}

.opacity-70 {
    opacity: .70 !important
}

.opacity-75 {
    opacity: .75 !important
}

.opacity-80 {
    opacity: .8 !important
}

.opacity-90 {
    opacity: .9 !important
}

.opacity-100 {
    opacity: 1 !important
}

.cz-filter-item.d-none {
    display: none !important
}

.iframe-full-height-wrap {
    min-height: 18rem;
    overflow: hidden
}

.iframe-full-height {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%
}

@media (min-width: 1280px) {
    .text-xl-nowrap {
        white-space: nowrap !important
    }

    .text-xl-wrap {
        white-space: wrap !important
    }
}

@media (min-width: 992px) {
    .text-lg-nowrap {
        white-space: nowrap !important
    }

    .text-lg-wrap {
        white-space: wrap !important
    }
}

@media (min-width: 768px) {
    .text-md-nowrap {
        white-space: nowrap !important
    }

    .text-md-wrap {
        white-space: wrap !important
    }
}

@media (min-width: 576px) {
    .text-sm-nowrap {
        white-space: nowrap !important
    }

    .text-sm-wrap {
        white-space: wrap !important
    }
}

.line-height-base {
    line-height: 1.5 !important
}

.table-fixed {
    table-layout: fixed !important
}

.animation-0 {
    -webkit-animation: none !important;
    animation: none !important
}

@media screen and (-ms-high-contrast: active),
screen and (-ms-high-contrast: none) {
    .media-ie-fix .media-body {
        -ms-flex: 0 1 auto;
        flex: 0 1 auto
    }
}


/*=====================================
              BTMBAR PART STYLE
  ======================================*/
.btmbar-part {
    position: fixed;
    bottom: 0px;
    left: 0px;
    width: 100%;
    z-index: 3;
    background: #fff;
    border-radius: 20px 20px 0px 0px;
    -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
    display: none;
}

.btmbar-widget {
    padding: 12px 0 0 0;
    margin: 0;
    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;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.btmbar-widget li a {
    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;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 8px 15px;
    border-radius: 8px;
}

.btmbar-widget li a:hover {
    background: #f5f5f5;
}

.btmbar-widget li a:hover i {
    color: var(--main-theme-color);
}

.btmbar-widget li a:hover span {
    color: var(--main-theme-color);
}

.btmbar-widget li a i {
    color: var(--main-theme-color);
    font-size: 15px;
    text-shadow: 2px 3px 8px rgba(0, 0, 0, 0.1);
}

.btmbar-active {
    color: var(--main-theme-color);
    font-size: 13px;
    text-shadow: 2px 3px 8px rgba(0, 0, 0, 0.1);
    color: var(--main-theme-color);
}

.btmbar-widget li a span {
    color: var(--main-theme-color);
    font-size: 11px;
    line-height: 18px;
}

/*=====================================
       BTMBAR PART RESPONSIVE STYLE
  ======================================*/
@media (max-width: 575px) {
    .btmbar-part {
        display: block;
    }
}

.banner-part {
    background: #fff;
    padding: 0px 0px;
}

.banner-cate {
    background: #fbf2f2;
    border-radius: 8px;
    overflow: hidden;
}

.cate-heading {
    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;
    width: 100%;
    padding: 15px 0px;
    border-radius: 8px;
    background: var(--main-theme-color);
}

.cate-heading i {
    font-size: 18px;
    color: #fff;
    margin-right: 15px;
}

.cate-heading h4 {
    text-transform: capitalize;
    font-weight: 500;
    color: #fff;
}

.cate-scroll {
    height: 345px;
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
}

.cate-scroll li {
    border-bottom: 1px solid #e8e8e8;
}

.cate-scroll li:last-child {
    border-bottom: none;
}

.cate-scroll li a {
    width: 100%;
    padding: 12px 25px;
    color: #232d3b;
    text-transform: capitalize;
    font-weight: 500;
    font-size: 15px;
}

.cate-scroll li a:hover {
    color: var(--main-theme-color);
    background: #ffe6e6;
}

.banner-slider a img {
    width: 100%;
    /* height: 450px; */
    /* object-fit: cover; */
    /* transform: scaleY(1.5); */
    /* border-radius: 8px; */
}

.banner-slider ul {
    position: absolute;
    bottom: 10px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}

.banner-slider ul li {
    width: 25px;
    height: 5px;
    border-radius: 30px;
    background: #f5f5f5;
    margin: 0px 10px;
    display: inline-block;
    cursor: pointer;
    -webkit-box-shadow: 0px 15px 35px 0px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 15px 35px 0px rgba(0, 0, 0, 0.1);
}

.banner-slider ul li button {
    display: none;
}

.banner-slider ul li.slick-active {
    background: var(--main-theme-color);
}

/*=====================================
        BANNER PART RESPONSIVE STYLE
  ======================================*/
@media (max-width: 991px) {
    .cate-heading {
        padding: 12px 0px;
    }

    .cate-heading i {
        font-size: 16px;
    }

    .cate-heading h4 {
        font-size: 18px;
    }
}

@media (max-width: 767px) {
    .banner-cate {
        margin-bottom: 30px;
    }

    .banner-cate.active .cate-scroll {
        height: 0px;
        opacity: 0;
        visibility: hidden;
    }

    .banner-slider a img {
        width: 100%;
        height: 200px;
        /* transform: scaleY(1.5); */
        /* border-radius: 8px; */
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .cate-scroll {
        height: 175px;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .cate-scroll {
        height: 280px;
    }
}

/*=====================================
              OFFER PART STYLE
  ======================================*/
.offer-part {
    padding-bottom: 30px;
    border-bottom: 1px solid #e8e8e8;
}

.offer-part .container {
    padding: 0px 0px;
}

.offer-slider a {
    margin: 0px 10px;
}

.offer-slider a img {
    width: 100%;
    border-radius: 8px;
    border: 1px solid var(--main-theme-color);
}

@media (min-width: 768px) {
    .offer-slider a img {
        width: 350px;
    }
}

@media (max-width: 767px) {
    .offer-slider a img {
        /* padding: 12px; */
    }
}


.offer-slider .dandik {
    right: -10px;
}

.offer-slider .bamdik {
    left: -10px;
}

/*=====================================
              TRENDING PART STYLE
  ======================================*/
.trend-part {
    background: #f9f9f9;
    padding: 100px 0px 0px;
}

/*=====================================
              BEST SELL PART STYLE
  ======================================*/
.best-part {
    background: #f9f9f9;
    padding: 100px 0px 0px;
}

/*=====================================
              NEW PART STYLE
  ======================================*/
.new-part {
    background: #f9f9f9;
    padding: 100px 0px 80px;
}

/*=====================================
              ADD PART STYLE
  ======================================*/
.add-part {
    padding: 10px 0px;
    /* border-bottom: 1px solid #e8e8e8; */
}

.add-part a img {
    width: 100%;
    /* border-radius: 8px; */
}

/*=====================================
       SOME COMMON RESPONSIVE STYLE
  ======================================*/
@media (max-width: 575px) {

    .trend-part,
    .best-part,
    .new-part {
        padding: 60px 0px 0px;
    }

    .new-part {
        padding-bottom: 60px;
    }

    .add-part {
        /* padding: 30px 0px;
       */
        padding: 0px 0px 35px 0px;
    }
}

/*=====================================
          PRODUCT LIST PART STYLE
  ======================================*/
.product-list {
    /* background: #f9f9f9; */
    padding: 25px 0px;
}

/* .product-list-bar {
    margin-bottom: 30px;
    border-top: 1px solid;
    border-bottom: 1px solid;
} */
.filter_category_data{
    border-bottom:1px solid #E9E9ED;
    border-top:1px solid #E9E9ED;
}
.filter_section{
    background-color: #fff;
    border-right:1px solid #E9E9ED;
    border-top:1px solid #E9E9ED;
}
.product-list-bar h4 {
    padding: 5px 0px;
    /* border-bottom: 1px solid #000000; */
}

.color-filter li {
    margin: 15px 0px;
}

.color-filter li a {
    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;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.color-filter li a:hover p {
    color: var(--main-theme-color);
}

.color-filter li a span {
    width: 80px;
    padding: 3px 0px;
    text-align: center;
    border-radius: 8px;
    color: #fff;
    font-size: 13px;
}

.color-filter li a p {
    color: #888;
}

.clr-1 {
    background: blue;
}

.clr-2 {
    background: green;
}

.clr-3 {
    background: orange;
}

.clr-4 {
    background: purple;
}

.product-size li {
    margin: 15px 0px;
}

.product-size li label {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 14px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.product-size li label:hover h5,
.product-size li label:hover p {
    color: var(--main-theme-color);
}

.product-size li label h5 {
    gap: 5px;
    display: flex;
    font-size: 12px;
    font-weight: 600;
    color: #878787;
}

.product-size li label p {
    font-size: 12px;
    color: #878787;
}

.product-tags {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.product-tags li {
    margin: 5px;
}

/* .card-parent-background{
    width:100%;
    text-align:
    height: 8.39rem;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    text-align: left;
    background: #808080;
} */
.product-tags li label {
    font-size: 14px;
    color: #555555;
    padding: 3px 18px;
    border-radius: 30px;
    border: 1px solid #e8e8e8;
    text-transform: capitalize;
}

.product-tags li label {
    font-size: 14px;
    color: #555555;
    padding: 3px 18px;
    border-radius: 30px;
    border: 1px solid #e8e8e8;
    text-transform: capitalize;
}

.product-tags li a {
    font-size: 14px;
    color: #555555;
    padding: 3px 18px;
    border-radius: 30px;
    border: 1px solid #e8e8e8;
    text-transform: capitalize;
}

.product-tags li label:hover {
    color: #fff;
    background: var(--main-theme-color);
    border-color: var(--main-theme-color);
}

.product-tags li label.active {
    color: #fff;
    background: var(--main-theme-color);
    border-color: var(--main-theme-color);
}

.sorting-dropdown-filter {
    background: transparent;
    border: 1px solid #DCDCDC;
    border-radius: 4px;
}

.product-filter {
    margin: auto;
    background: #fff;
    border-radius: 2px;
    padding-block: 6px;
    padding-inline: 11px;
    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;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.product-card-type {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.product-card-type li {
    margin-left: 12px;
}

.product-card-type li i {
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    border-radius: 50%;
    cursor: pointer;
    background: #f5f5f5;
}

.grid-verti.active i,
.grid-hori.active i {
    color: #fff;
    background: var(--main-theme-color);
}

/*=====================================
       PRODUCT LIST RESPONSIVE STYLE
  ======================================*/
@media (max-width: 575px) {
    .product-filter {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        margin: 0px 0px 15px;
    }

    .product-page-number {
        margin-bottom: 12px;
    }

    .custom-select {
        width: 100%;
        margin-bottom: 15px;
    }
}

@media (max-width: 991px) {
    .product-list {
        padding: 15px 0px 30px;
    }

    /* .product-list .row {
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
    } */
}

/*=====================================
          SINGLE BANNER PART STYLE
  ======================================*/
.single-banner {
    padding: 60px 0px;
    background: #fbf2f2;
}

.single-content {
    text-align: center;
}

.single-content h2 {
    font-size: 35px;
    margin-bottom: 7px;
}

/*=====================================
          SINGLE PRODUCT PART STYLE
  ======================================*/
.single-product {
    padding: 10px 0px 0px;
}

.single-product-slider {
    border-radius: 8px;
    border: 2px solid #e8e8e8;
    margin-bottom: 15px;
    height: 400px;
}

.single-product-slider img {
    width: 100%;
    border-radius: 8px;
    height: 395px;
}

/* .single-thumb-slider img {
    border-radius: 8px;
    border: 2px solid #e8e8e8;
    margin: 0px 15px;
    height: 100px;
} */

/* .single-thumb-slider .slick-slide {
    cursor: pointer;
}

.single-thumb-slider .slick-center {
    border: 2px solid var(--main-theme-color);
} */

/* .single-product-info {
    margin-left: 50px;
} */

.single-product-meta {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    /* margin-bottom: 18px; */
}

.single-product-name h3 {
    font-weight: 500;
}

.single-page-slider li a i {
    background: #f5f5f5;
}

.single-product-review {
    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;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}

.single-product-review li {
    margin-right: 5px;
}

.single-product-review li i {
    font-size: 14px;
    color: #ffcc23;
}

.single-product-price h3 del {
    font-size: 20px;
    color: var(--main-theme-color);
    font-weight: 500;
    margin-right: 8px;
}

.single-product-describe {
    /* padding-bottom: 10px; */
    margin-bottom: 10px;
    border-bottom: 1px solid #e8e8e8;
}

.single-product-widget {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-bottom: 10px;
}

.single-product-widget h5 {
    margin-bottom: 15px;
}

@media only screen and (max-width: 767px) {
    .single-product-widget ul {
        flex-wrap: wrap;
        padding-left: 10px;
    }

    .single-product-widget ul li {
        margin-top: 10px;
        display: grid;
    }
}
.product-share ul li{
    display: flex;
    justify-content: space-around;
    align-items: center;
}
.single-product-widget ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: contents;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: center;
}

.single-product-widget ul li {
    /* margin-right: 15px; */
    display: grid;
    line-height: 4;
    margin-block: 3px;
}

.product-quantity ul li input {
    width: 100%;
    /* padding: 0px 15px; */
    height: 37px;
    /* border-radius: 8px; */
    border: 1px solid #bbbbbb;
}

.product-quantity ul li input:focus-within {
    border-color: var(--main-theme-color);
}

.product-quantity ul li .btn {
    height: 37px !important;
    /* padding: 11px 30px; */
}

.wishlist-icon {
    height: 37px;
    line-height: 43px;
    padding: 0px 13px;
    border-radius: 8px;
    text-align: center;
    color: var(--main-theme-color);
    border: 2px solid var(--main-theme-color);
    text-shadow: 2px 3px 8px rgba(0, 0, 0, 0.1);
}

.wishlist-icon .active {
    color: #fff;
    background: var(--main-theme-color);
}

.wishlist-icon i:hover {
    color: #fff;
    background: var(--main-theme-color);
}

.payment-card ul li a img {
    width: 60px;
}

/*=====================================
      SINGLE PRODUCT RESPONSIVE STYLE
  ======================================*/
@media (max-width: 991px) {
    .single-product {
        padding: 30px 0px 30px;
    }

    /* .single-thumb-slider {
        margin-bottom: 50px;
    } */

    .single-product-info {
        margin-left: 0px;
    }

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

    /* .product-quantity ul li input {
        width: 80px;
    } */

    /* .product-quantity ul li .btn {
        width: 135px;
        padding: 11px 0px;
    } */
}

@media (min-width: 768px) and (max-width: 991px) {
    .single-product-info {
        margin-left: 30px;
    }
}

/*=====================================
              RELATED PART STYLE
  ======================================*/
.related-part {
    background: #f9f9f9;
    padding: 100px 0px 0px;
}

/*=====================================
          PRODUCT DETAILS PART STYLE
  ======================================*/
.details-descrip p {
    line-height: 28px;
}

.details-descrip p span {
    display: block;
    margin-top: 30px;
}

.details-part {
    padding: 65px 0px 50px;
}

@media (max-width: 767px) {
    .details-part {
        padding: 25px 0px 25px;
    }

    .single-product-slider {
        border-radius: 8px;
        border: 2px solid #e8e8e8;
        margin-bottom: 15px;
        height: 350px;
    }

    .offer-slider a img {
        height: 200px;
    }

    .single-product-slider img {
        width: 100%;
        border-radius: 8px;
        height: 330px;

    }

    .whatsapp {
        display: inline-block;
        position: fixed;
        bottom: 10px;
        right: 10px;
        z-index: 9999;
    }

    @media (max-width: 576px) {
        .whatsapp-btn {
            width: 40px;
            height: 40px;
        }
    }

    .whatsapp-btn {
        background-color: #25d366;
        border-radius: 50%;
        display: flex;
        justify-content: center;
        align-items: center;
        width: 55px;
        height: 55px;

    }

    @media (max-width: 576px) {
        .whatsapp {
            margin-bottom: 40px;
        }
    }



    @media (max-width: 576px) {
        #whatsapp-icon {
            fill: #ffffff;
        }
    }

    @media (max-width: 576px) {}

    #whatsapp-icon,
    #a2c-icon {
        display: block;
        margin: 0 auto;
        margin-bottom: 2px;
    }
}

@media (max-width: 576px) {
    .whatsapp-btn svg {
        width: 22px;
        height: 22px;
    }
}

.whatsapp-btn svg {
    fill: #fff;
    width: 28px;
    height: 28px;
}

svg {
    overflow: hidden;
    vertical-align: middle;
}

@-webkit-keyframes placeHolderShimmer {
    0% {
        background-position: -468px 0;
    }

    100% {
        background-position: 468px 0;
    }
}

@keyframes placeHolderShimmer {
    0% {
        background-position: -468px 0;
    }

    100% {
        background-position: 468px 0;
    }
}

.content-placeholder {
    display: inline-block;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-name: placeHolderShimmer;
    animation-name: placeHolderShimmer;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    background: #f6f7f8;
    background: -webkit-gradient(linear, left top, right top, color-stop(8%, #eeeeee), color-stop(18%, #dddddd), color-stop(33%, #eeeeee));
    background: -webkit-linear-gradient(left, #eeeeee 8%, #dddddd 18%, #eeeeee 33%);
    background: linear-gradient(to right, #eeeeee 8%, #dddddd 18%, #eeeeee 33%);
    -webkit-background-size: 800px 104px;
    background-size: 800px 104px;
    height: inherit;
    position: relative;
}

.product_preload {
    height: 260px;
    width: auto;
}

.slider_preload {
    height: 400px;
    width: 100%;
}

.ads_preload {
    height: 200px;
    width: 100%;
}

.cart-list {
    max-height: 350px;
    overflow-y: scroll;
    overflow-x: hidden;
}

.cart-list::-webkit-scrollbar {
    width: 0px;
}

.none {
    display: none;
}

.h-20 {
    width: 100%;
    height: 20px;
}

.active_language {
    background-color: var(--main-theme-color);
}


/*=====================================
              PRODUCT CARD STYLE
  ======================================*/
.product-slider .dandik {
    right: -10px;
}

.product-slider .bamdik {
    left: -10px;
}

.product-parent {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: 35px;
}

.product-card {
    max-height: 460px;
    background: transparent;
    border-radius: 20px 20px 0 0;
    overflow: hidden;
    cursor: pointer;
    margin: 15px;
    /* -webkit-box-shadow: 0px 8px 15px 0px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 8px 15px 0px rgba(0, 0, 0, 0.1); */
}

.product-card:hover {
    -webkit-box-shadow: 0px 8px 15px 0px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 8px 15px 0px rgba(0, 0, 0, 0.1);
}

.product-card a {
    text-decoration: none;
}

.product-img img {
    width: 100%;
    border-radius: 20px;
}

.product-name {
    /* padding: 10px 15px; */
    color: #000000;
}

.product-name h3 {
    text-decoration: none;
    font-size: 1.2rem;
    font-weight: 700;
    margin-bottom: 0px;
}

.product-name p {
    display: none;
}

.product-price {
    /* margin-bottom: 5px; */
}


.mainpricecombo {
    position: relative;
    /* display: inline-block; */
    padding: 0.5em;
    overflow: hidden;
    color: #000000;
    /* background: #e6e6e6; */
    font-size: 12px;
    font-weight: 700;
    width: 60% !important;
    margin-right: -5px;
    transform: skew(0deg);
    /* transform: skew(0deg); */
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
}

/* .mainpricecombo:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #e6e6e6;
    -webkit-transform-origin: 100% 0;
    -ms-transform-origin: 100% 0;
    transform-origin: 100% 0;
    -webkit-transform: skew(-15deg);
    -ms-transform: skew(-15deg);
    transform: skew(-15deg);
    z-index: -1;
  } */
.moneypointscombo {
    position: relative;
    /* display: inline-block; */
    padding: 0.5em;
    overflow: hidden;
    color: #000000;
    width: 100% !important;
    font-size: 12px;
    font-weight: 700;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    transform: skew(0deg);
    /* background-color: #e6e6e6; */
    /* border: none; */
}

/* .moneypointscombo::before{
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #e6e6e6;
    -webkit-transform-origin: 0 100%;
    -ms-transform-origin: 0 100%;
    transform-origin: 0 100%;
    -webkit-transform: skew(-15deg);
    -ms-transform: skew(-15deg);
    transform: skew(-15deg);
    z-index: -1;
    } */
/* .moneypoints{
        position: relative;
        display: inline-block;
        padding: 0.5em;
        overflow: hidden;
        color: #000000;
        font-size:12px;
        font-weight:700;
        margin-right: -2px;
        -webkit-transform: skew(-15deg);
        -moz-transform: skew(-15deg);
        -o-transform: skew(-15deg);
        transform: skew(-15deg);
        background: #e6e6e6;
        text-align:center;
      } */
/* .moneypoints::after{
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: #000;
            -webkit-transform-origin: 100% 0;
            -ms-transform-origin: 100% 0;
            transform-origin: 100% 0;
            -webkit-transform: skew(-15deg);
            -ms-transform: skew(-15deg);
            transform: skew(-15deg);
            z-index: -1;
        } */
.onlypoints {
    position: relative;
    /* display: inline-block; */
    padding: 0.5em;
    overflow: hidden;
    color: #000000;
    width: 60% !important;
    font-size: 12px;
    font-weight: 700;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    /* background-color: #e6e6e6; */
    /* border: none; */
}

/* .onlypoints::before{
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: #e6e6e6;
            -webkit-transform-origin: 0 100%;
            -ms-transform-origin: 0 100%;
            transform-origin: 0 100%;
            -webkit-transform: skew(-15deg);
            -ms-transform: skew(-15deg);
            transform: skew(-15deg);
            z-index: -1;
            } */
/* .onlypointsenabled, .onlymoneyenabled,.onlymoneypointsenabled{
                position: relative;
                display: inline-block;
                padding: 0.5em;
                background: #e6e6e6;
                overflow: hidden;
                color: #000000;
                font-size:12px;
                font-weight:700;
                width: 100% !important;
                margin-right: -1px;
                border-radius: 5px;
            } */
.product-points {
    margin-bottom: 0px;
}

.product-money_points {
    margin-bottom: 10px;
}

.product-price,
.product-points,
.product-money_points {
    /* padding: 0px 15px; */
    /* 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;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.product-price h4,
.product-points h4,
.product-money_points h4 {
    font-size: 14px;
    font-weight: 400;
    text-transform: capitalize;
}

.product-price p,
.product-points p,
.product-money_points p {
    font-size: 18px;
    color: #232d3b;
    font-weight: 500;
    letter-spacing: -0.5px;
}

.product-price p del {
    color: var(--main-theme-color);
    font-size: 14px;
}

.separatorrz {
    /* display: flex; */
    align-items: center;
    text-align: center;
    margin-left: 15px;
    width: 60%;
}

.separatorrz::before,
.separatorrz::after {
    content: '';
    flex: 1;
    border-bottom: 2px solid #a9a9a9;
}

.separatorrz:not(:empty)::before {
    margin-right: .25em;
}

.separatorrz:not(:empty)::after {
    margin-left: .25em;
}

.product-cart .btn {
    width: 100%;
    padding: 12px 0px;
    color: var(--main-theme-color);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.product-cart .btn i {
    margin-right: 5px;
}

/*=====================================
       PRODUCT CARD RESPONSIVE STYLE
  ======================================*/
@media (max-width: 575px) {
    .product-card {
        margin: 5px;
        width: 135px;
    }

    .product-name {
        text-align: left;
    }

    .product-name h3 {
        font-size: 14px;
        margin-bottom: 8px;
    }

    .product-price h4 {
        margin-bottom: 8px;
    }

    .product-price p {
        font-size: 16px;
    }

    .product-price p del {
        display: block;
        line-height: 12px;
    }

    .product-cart .btn {
        font-size: 12px;
        padding: 10px 0px;
    }

    .product-cart .btn i {
        margin-top: -2px;
    }
}

@media (min-width: 350px) and (max-width: 400px) {
    .product-card {
        width: 150px;
    }
}

@media (min-width: 401px) and (max-width: 450px) {
    .product-card {
        width: 175px;
    }

    .product-name h3 {
        margin-bottom: 12px;
    }
}

@media (min-width: 451px) and (max-width: 500px) {
    .product-card {
        width: 190px;
        margin: 10px;
    }

    .product-name h3 {
        margin-bottom: 12px;
    }
}

@media (min-width: 501px) and (max-width: 550px) {
    .product-card {
        width: 215px;
        margin: 10px;
    }

    .product-name h3 {
        margin-bottom: 12px;
    }
}

@media (min-width: 551px) and (max-width: 575px) {
    .product-card {
        width: 240px;
        margin: 10px;
    }

    .product-name h3 {
        margin-bottom: 12px;
    }
}

@media (max-width: 767px) {
    .product-card {
        width: 175px !important;
    }
}

@media (min-width: 768px) {
    .product-card {
        width: 245px !important;
    }
}

/*=====================================
          PRODUCT LIST CARD STYLE
  ======================================*/
.product-list-card {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}

.product-list-card .product-img img {
    width: 260px;
}

.product-list-card .product-content {
    width: 100%;
    margin: 30px 0px;
    padding: 0px 30px;
    border-left: 1px solid #e8e8e8;
}

.product-list-card .product-name {
    padding: 0px;
    margin-bottom: 15px;
}

.product-list-card .product-name h3 {
    font-size: 22px;
}

.product-list-card .product-name p {
    display: block;
}

.product-list-card .product-price {
    padding: 0px;
    margin-bottom: 20px;
}

.product-list-card .product-price h4 {
    font-size: 18px;
    font-weight: 400;
    text-transform: capitalize;
}

.product-list-card .product-price p {
    font-size: 22px;
    color: #232d3b;
    font-weight: 500;
    letter-spacing: -0.5px;
}

.product-list-card .product-price p del {
    color: var(--main-theme-color);
    font-size: 18px;
}

/*=====================================
     PRODUCT LIST CARD RESPONSIVE STYLE
  ======================================*/
@media (max-width: 575px) {
    .product-list-card {
        width: 100%;
    }

    .product-list-card .product-content {
        margin: 15px 0px;
        padding: 0px 15px;
    }

    .product-list-card .product-img img {
        width: 130px;
    }

    .product-list-card .product-name {
        margin-bottom: 0px;
    }

    .product-list-card .product-name h3 {
        font-size: 16px;
    }

    .product-list-card .product-name p {
        display: none;
    }

    .product-list-card .product-price {
        margin-bottom: 10px;
    }

    .product-list-card .product-price h4 {
        font-size: 16px;
        margin-bottom: 0px;
    }

    .product-list-card .product-price p {
        font-size: 18px;
    }

    .product-list-card .product-price p del {
        font-size: 16px;
    }
}

@media (min-width: 500px) and (max-width: 575px) {
    .product-list-card .product-img img {
        width: 180px;
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .product-list-card .product-img img {
        width: 200px;
    }

    .product-list-card .product-name p {
        display: none;
    }
}

/*=====================================
              REVIEW FORM STYLE
  ======================================*/
.review-form h3 {
    margin: 0px 0px 25px 15px;
}

.review-form .btn {
    margin-left: 15px;
}

.grid-input {
    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;
    margin-bottom: 30px;
}

.grid-input input {
    width: 100%;
    height: 50px;
    margin: 0px 15px;
    padding: 0px 20px;
    border-radius: 8px;
    background: #fbf2f2;
    border: 1px solid #e8e8e8;
}

.grid-input input:focus-within {
    border-color: var(--main-theme-color);
}

.row-input {
    margin: 0px 15px 20px;
}

.row-input input,
.row-input textarea {
    width: 100%;
}

.row-input textarea {
    height: 250px;
    padding: 15px 20px;
    border-radius: 8px;
    background: #fbf2f2;
    border: 1px solid #e8e8e8;
}

.row-input textarea:focus-within {
    border-color: var(--main-theme-color);
}

.review-rating {
    margin: 0px 15px 30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.review-rating li {
    margin-right: 15px;
}

.review-rating li i {
    width: 45px;
    height: 45px;
    line-height: 45px;
    text-align: center;
    border-radius: 50%;
    background: #f5f5f5;
    color: #555555;
    font-size: 14px;
    text-shadow: 2px 3px 8px rgba(0, 0, 0, 0.1);
    cursor: pointer;
}

.review-rating li i:hover {
    color: #ffffff;
    background: #ffcc23;
}

@media (max-width: 767px) {
    .listhead {
        color: black;
        float: left;
        font-size: 110%;
        white-space: nowrap;
        font-weight: 600;
    }

    .listhead-right {
        color: black;
        float: right;
    }

    .grid-input {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        margin-bottom: 0px;
    }

    .grid-input input {
        margin-bottom: 20px;
    }

    .row-input {
        margin: 0px 0px 20px;
    }

    .star-rating {
        margin: 0px 0px 20px !important;
    }

    .review-form .btn {
        margin-left: 0px;
    }
}

/*=====================================
            STAR RATING STYLE
======================================*/
.star-rating {
    direction: rtl;
    margin: 0px 0px 0px 15px;
}

.star-rating input {
    display: none;
}

.star-rating input:checked~label::after {
    opacity: 1;
}

.star-rating label {
    display: inline-block;
    position: relative;
    cursor: pointer;
    margin-right: 15px;
}

.star-rating label:hover::after {
    opacity: 1;
}

.star-rating label:hover:hover~label::after {
    opacity: 1;
}

.star-rating label::before {
    content: "\f005";
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    font-size: 35px;
    display: block;
    color: #dfdfdf;
}

.star-rating label::after {
    content: "\f005";
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    font-size: 35px;
    position: absolute;
    display: block;
    top: 0px;
    left: 0px;
    color: #ffcc23;
    opacity: 0;
}

/*=====================================
              SLIDER ARROW STYLE
  ======================================*/
.dandik,
.bamdik {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    font-size: 16px;
    width: 45px;
    height: 45px;
    line-height: 45px;
    text-align: center;
    border-radius: 50%;
    color: #fff;
    background: var(--main-theme-color);
    text-shadow: 2px 3px 8px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 0px 15px 35px 0px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 15px 35px 0px rgba(0, 0, 0, 0.1);
    cursor: pointer;
    z-index: 1;
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
}

.dandik:hover,
.bamdik:hover {
    color: #fff;
    background: var(--main-theme-color);
}

.dandik {
    right: 5px;
}

.bamdik {
    left: 5px;
}

/*=====================================
          REVIEW LIST PART STYLE
  ======================================*/
.review-list {
    margin-bottom: 50px;
}

.review-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: start;
    padding: 30px 0px;
    border-bottom: 1px solid #e8e8e8;
}

.reviewer-img {
    margin-right: 30px;
}

.reviewer-img a img {
    width: 50px;
    border-radius: 50px;
}

.reviewer-meta {
    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;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.reviewer-meta a {
    color: #232d3b;
    font-weight: 500;
}

.reviewer-meta p {
    font-size: 15px;
}

.reviewer-rating {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 13px;
}

.reviewer-rating li {
    margin-right: 5px;
}

.reviewer-rating li i {
    font-size: 14px;
    color: #bbbbbb;
}

.reviewer-rating li .active {
    color: #ffcc23;
}

.reviewer-descrip {
    width: 100%;
}

@media (max-width: 575px) {
    .review-item {
        -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;
    }

    .reviewer-img {
        margin-bottom: 25px;
    }
}

/*=====================================
       SLIDER ARROW RESPONSIVE STYLE
  ======================================*/
@media (min-width: 576px) and (max-width: 1199px) {
    .dandik {
        right: -18px;
    }

    .bamdik {
        left: -18px;
    }
}

/*=====================================
        PAGINATION RESPONSIVE STYLE
  ======================================*/
@media (max-width: 575px) {
    .page-link {
        width: 35px;
        height: 35px;
        line-height: 35px;
    }

    .pagi-ghape {
        margin-bottom: 60px;
    }
}

/*=====================================
           CART LIST PART STYLE
  ======================================*/
.cart-list {
    margin-bottom: 30px;
}

.cart-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 15px 0px;
    border-bottom: 1px solid #e8e8e8;
}

.cart-img a img {
    width: 80px;
    height: 80px;
    border-radius: 8px;
}

.cart-info a {
    color: #888;
    margin-bottom: 5px;
}

.cart-info a:hover {
    color: var(--main-theme-color);
}

.cart-info p {
    font-size: 14px;
    color: #232d3b;
}

.cart-info p span {
    font-weight: 500;
}

.cart-remove a i {
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    border-radius: 8px;
    color: #555;
    background: #f5f5f5;
}

.cart-remove a i:hover {
    color: #fff;
    background: var(--main-theme-color);
}

/**********Product grid for slick carousel********/
#prodar .slick-slide,
#trendar .slick-slide,
#bestsellingprodar .slick-slide,
#latestprodar .slick-slide,
.category-wise-product-slick .slick-slide {
    width: 240px;
    height: 315px
}

#categories .slick-slide {
    width: 140px;
}

#categories .product-grid .product-image img {
    width: 50px;
    height: 50px;
}

.homeprod .product-grid {
    height: 20.5rem;

}

.product-grid {
    font-family: 'Montserrat', sans-serif;
    text-align: center;
    margin: 5px 1px 10px;
    border-radius: 10px;
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.1);
    transition: all 0.5s;
}

/* #categories .product-grid {
    height:  !important;
} */
.card-img img {
    display: flex;
    justify-content: center;
    width: 100%;
    height: 200px;
}

.card-body {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.card-body h3 {
    margin: 0;
    text-transform: capitalize;
}

.product-circle {
    text-align: center;
}

.product-circle .product-getimage {
    width: 98px;
    height: 80px;
    display: flex;
    justify-content: center;
    /* Center horizontally */
    align-items: center;
    /* Center vertically */
    overflow: hidden;
    margin: 0 auto;
}

.product-circle .product-getimage img {
    max-width: 100%;
    max-height: 100%;
    display: block;
    margin: 0 auto;
    object-fit: fill;
    /* Center the image */
}

/* CSS for the product text */
.product-datacontent {
    text-align: center;
    margin-top: 10px;
    /* Adjust the margin as needed */
}

.product-datacontent h3 a {
    text-transform: capitalize;
    font-size: 13px;
    color: #AEB6BB;
    font-weight: 600;
    line-height: 1.2;
    margin: 0;
}

.product-category-card {
    border: 1.5px solid #DFE2E1;
    border-radius: 5px;
}

.product-details-card {
    border: 1.5px solid #DFE2E1;
    border-radius: 7px;
    width: fit-content !important;
}

.product-view-details a {
    color: inherit;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    position: relative;
    border: 1.5px solid #DFE2E1;
    border-radius: 5px;
    width: 100%;
}
.product-view-details a:hover {
    border: 1.5px solid #0AAD0A;
}
.product-details-card:hover {
    border: 1.5px solid #0AAD0A;
}

.product-category-card:hover {
    border: 1.5px solid #0AAD0A;
    color: #442020;
}

.add_to_card {
    display: none;
}

.product-category-card:hover .product-datacontent h3 a {
    color: #442020 !important;
}

.filtericons {
    display: none;
    position: absolute;
    top: 24px;
    right: 15px;

}

.carddetailicons {
    margin-bottom: 2px;
    background: white;
    border-radius: 4px;
    padding: 10px;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
}

.carddetailicons:hover {
    background-color: #0AAD0A !important;
    color: #000 !important;
}
.product-view-details:hover .filtericons {
    display: block !important;
    z-index: 1;
}
.product-details-card:hover .filtericons {
    display: block !important;
    z-index: 1;
}

/* .card-image-center{
    width: 100%;
    display: flex;
    justify-content: center;
} */
.product-grid .product-image img {
    width: 100%;
    height: 175px;
}

.shopprodarea .product-grid {
    height: 26rem;
}

.shopprodarea .product-grid .product-image img {
    width: 100%;
    /* padding-top: 2rem; */
    height: auto;
}

@media (max-width: 767.98px) {
    .product-parent .product-grid .product-image img {
        width: 315px;
    }
}

.add_to_cart {
    background-color: var(--main-theme-color);
    color: white;
}
.add_to_cart:hover{
    background-color: var(--main-theme-color) !important;
}
.buy-now {
    color: var(--main-theme-color);
    border: 2px solid var(--main-theme-color);
}

.product-grid .product-sale-label {
    color: #fff;
    background: #009de1;
    font-size: 13px;
    text-transform: uppercase;
    padding: 2px 6px;
    border-radius: 3px;
    position: absolute;
    left: -4px;
    top: -2px;
}

.product-grid .only_points_price {
    color: #fff;
    background: var(--main-theme-color);
    font-size: 18px;
    padding: 3px 15px 2px 22px;
    border: 1px solid rgba(0, 0, 0, 0.08);
    border-radius: 1px 3px 3px 1px;
    position: absolute;
    top: 5px;
    left: -15px;
    clip-path: polygon(10% 0, 100% 0, 100% 100%, 10% 100%, 0 50%);
}

.product-grid .only_points_price span {
    font-weight: 400;
    text-decoration: line-through;
    opacity: 0.5;
}

.product-grid .only_points_price:before {
    content: "";
    background: #fff;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    position: absolute;
    top: 11px;
    left: 4px;
}

.product-grid .only_points_price.fixed {
    background: #b71540;
    top: -4px;
}

.product-grid .add-to-cart {
    color: #fff;
    background: #b71540;
    font-size: 13px;
    text-transform: uppercase;
    padding: 8px 10px;
    border-radius: 3px;
    box-shadow: 0px 8px 8px 0px rgba(0, 0, 0, 0.1);
    opacity: 0;
    position: absolute;
    right: 10px;
    bottom: 10px;
    transition: all 0.2s ease-out;
}

.product-grid .add-to-cart:hover {
    text-shadow: 0 0 5px #000;
}

.product-grid:hover .add-to-cart {
    opacity: 1;
}

.product-grid .product-content {
    background-color: #fff;
    text-align: left;
    /* padding: 0px 10px; */
    /* border-top: 1px solid transparent; */
    border-radius: 0 0 10px 10px;
    transition: all 0.3s;
}

.filter-btn {
    cursor: pointer;
    cursor: pointer;
    font-weight: 400;
    font-size: 15px;
    border: 1px solid #E4E5E6;
    border-radius: 6px;
    height: 24px;
}

.product-grid:hover .product-content {
    border-top-color: #dbdbdb;
}

.product-grid .title {
    font-size: 0.9rem;
    font-weight: 700;
    text-transform: capitalize;
    margin: 0;
}

.product-grid .title a {
    color: #000000;
    font-weight: 600;
    transition: all 0.4s ease-out;
}

/* .product-grid .title a:hover {
    color: #b71540;
} */

.product-grid .rating {
    padding: 0;
    margin: 0;
    list-style: none;
}

.product-grid .rating li {
    color: #f1c40f;
    font-size: 12px;
    display: inline-block;
}

.product-grid .rating li.far {
    color: #dbdbdb;
}

@media screen and (max-width: 990px) {
    .product-grid {
        /* margin: 5px 15px 30px; */
        /* margin: 0px; */
        /* border: 0.88px solid #C0C0C0;
         */
        height: 20.5rem;
        /* box-shadow: rgb(0 0 0 / 11%) 0px 2px 5px;
          */
        box-shadow: rgba(0, 0, 0, 0.12) 0px 1px 6px, rgba(0, 0, 0, 0.24) 0px 1px 2px;
        padding: 0.2rem;
    }

    #categories .product-grid {
        height: 6rem;
    }
}

/*
.product-grid{ font-family: 'Poppins', sans-serif; }
.product-grid .product-image{
    overflow: hidden;
    position: relative;
    z-index: 1;
}
.product-grid .product-image a.image{display: block; }
.product-grid .product-image img{
    width: 100%;
    height: auto;
}
.product-grid .product-image .img-1{ transition: all 0.3s ease 0s; }
.product-grid:hover .product-image .img-1{ opacity: 0; }
.product-grid .product-image .img-2{
    width: 100%;
    height: 100%;
    opacity: 0;
    backface-visibility: hidden;
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1;
    transition: all 0.3s ease 0s;
}
.product-grid:hover .product-image .img-2{ opacity: 1; }
.product-grid .product-hot-label,
.product-grid .product-discount-label{
    color: #fff;
    background: #ff6f00;
    font-size: 12px;
    font-weight: 600;
    text-transform: uppercase;
    padding: 3px 10px;
    position: absolute;
    top: 10px;
    left: 10px;
}
.product-grid .product-discount-label{
    background: #ff3939;
    left: auto;
    right: 10px;
}
.product-grid .product-view{
    color: #fff;
    background:#000;
    font-size: 16px;
    text-align: right;
    line-height: 50px;
    width: 60px;
    height: 60px;
    padding: 0 16px 0 0;
    border-radius: 50px;
    opacity: 0;
    transform: scale(0);
    position: absolute;
    bottom: -40px;
    left: -40px;
    transition: all .3s ease;
}
.product-grid:hover .product-view{
    opacity: 1;
    transform: scale(1);
    bottom: -20px;
    left: -20px;
}
.product-grid .product-view:hover{ background: #ff6f00; }
.product-grid .product-links{
    padding: 0;
    margin: 0;
    list-style: none;
    transform: translateY(50%);
    position: absolute;
    bottom: 50%;
    right: 10px;
    z-index: 1;
}
.product-grid .product-links li{
    margin: 5px 0;
    opacity: 0;
    transform: translateX(100%);
    transition: all .3s ease;
}
.product-grid .product-links li:nth-child(2){ transition-delay: .1s; }
.product-grid .product-links li:nth-child(3){ transition-delay: .2s; }
.product-grid:hover .product-links li{
    opacity: 1;
    transform: translateX(0);
}
.product-grid .product-links li a{
    color: #000;
    background: #fff;
    font-size: 18px;
    text-align: center;
    line-height: 33px;
    width: 35px;
    height: 35px;
    border: 1px solid #000;
    display: block;
    transition: all .3s ease;
}
.product-grid .product-links li a:hover{
    color: #fff;
    background:#ff6f00;
    border-color: #ff6f00;
}
.product-grid .product-content{
    background: #fff;
    padding: 15px 0 0;
}
.product-grid .rating{
    color: #f7bc3d;
    font-size: 11px;
    padding: 0;
    margin: 0 0 8px;
    list-style: none;
}
.product-grid .rating li{ display: inline-block; }
.product-grid .rating .disable{ color: #a3a3a3; }
.product-grid .title{
    font-size: 15px;
    font-weight: 500;
    text-transform: capitalize;
    margin: 0 0 8px;
}
.product-grid .title a{
    color: #333;
    transition: all 0.3s ease 0s;
}
.product-grid .title a:hover{ color: #ff6f00; }
.product-grid .price{
    color: #a3a3a3;
    font-size: 15px;
    font-weight: 500;
}
.product-grid .price span{
    color: #999;
    font-size: 14px;
    font-weight: 400;
    text-decoration: line-through;
    margin-right: 5px;
}
@media screen and (max-width: 990px){
    .product-grid{ margin-bottom: 30px; }
} */

.border-bottom-white {
    border-bottom: 2px solid white;
}


.whatsapp {
    display: inline-block;
    position: fixed;
    bottom: 50px;
    right: 10px;
    z-index: 9999;
}

@media (max-width: 576px) {
    .whatsapp-btn {
        width: 40px;
        height: 40px;
    }
}

.whatsapp-btn {
    background-color: #25d366;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 44px;
    height: 44px;

}

@media (max-width: 576px) {
    .whatsapp {
        margin-bottom: 55px;
    }
}


@media (max-width: 576px) {
    #whatsapp-icon {
        fill: #ffffff;
    }
}

@media (max-width: 576px) {

    #whatsapp-icon,
    #a2c-icon {
        display: block;
        margin: 0 auto;
        margin-bottom: 2px;
    }
}

@media (max-width: 576px) {
    .whatsapp-btn svg {
        width: 22px;
        height: 22px;
    }
}

.whatsapp-btn svg {
    fill: #fff;
    width: 28px;
    height: 28px;
}