@font-face {
    font-family: YekanBakh;
    font-weight: 400;
    src: url("./assets/font/Yekan Bakh FA 04 Regular.woff") format("woff");
}

@font-face {
    font-family: YekanBakh;
    font-weight: 300;
    src: url("./assets/font/Yekan Bakh FA 03 Light.woff") format("woff");
}

@font-face {
    font-family: YekanBakh;
    font-weight: 500;
    src: url("./assets/font/Yekan Bakh FA 05 Medium.woff") format("woff");
}

@font-face {
    font-family: YekanBakh;
    font-weight: 600;
    src: url("./assets/font/Yekan Bakh FA 06 Bold.woff") format("woff");
}

@font-face {
    font-family: YekanBakh;
    font-weight: bold;
    src: url("./assets/font/Yekan Bakh FA 06 Bold.woff") format("woff");
}

@font-face {
    font-family: YekanBakh-en;
    font-weight: 400;
    src: url("./assets/font/Yekan Bakh FA 04 Regular.woff") format("woff");
}

@font-face {
    font-family: YekanBakh-en;
    font-weight: 300;
    src: url("./assets/font/Yekan Bakh FA 03 Light.woff") format("woff");
}

@font-face {
    font-family: YekanBakh-en;
    font-weight: 600;
    src: url("./assets/font/Yekan Bakh FA 06 Bold.woff") format("woff");
}

@font-face {
    font-family: YekanBakh-en;
    font-weight: bold;
    src: url("./assets/font/Yekan Bakh FA 06 Bold.woff") format("woff");
}

html {
    box-sizing: border-box;
}

*,
*:before,
*:after {
    box-sizing: inherit;
}

html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
    display: flex;
}

body {
    line-height: 1;
}

ol,
ul {
    list-style: none;
}

blockquote,
q {
    quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
    content: "";
    content: none;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

html {
    font-family: "YekanBakh";
    line-height: 1.15;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
}

body {
    margin: 0;
}

h1 {
    font-size: 2em;
    margin: 0.67em 0;
}

figure {
    margin: 1em 40px;
}

hr {
    box-sizing: content-box;
    height: 0;
    overflow: visible;
}

pre {
    font-family: "YekanBakh", monospace;
    font-size: 1em;
}

a {
    background-color: transparent;
    -webkit-text-decoration-skip: objects;
}

a:active,
a:hover {
    outline-width: 0;
}

abbr[title] {
    border-bottom: none;
    text-decoration: underline;
    text-decoration: underline dotted;
}

b,
strong {
    font-weight: inherit;
}

b,
strong {
    font-weight: bolder;
}

code,
kbd,
samp {
    font-family: "YekanBakh", monospace, monospace;
    font-size: 1em;
}

dfn {
    font-style: italic;
}

mark {
    background-color: #ff0;
    color: #000;
}

small {
    font-size: 80%;
}

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sub {
    bottom: -0.25em;
}

sup {
    top: -0.5em;
}

audio,
video {
    display: flex;
}

audio:not([controls]) {
    display: none;
    height: 0;
}

img {
    border-style: none;
}

svg:not(:root) {
    overflow: hidden;
}

button,
input,
optgroup,
select,
textarea {
    font-family: "YekanBakh";
    font-size: 100%;
    line-height: 1.15;
    margin: 0;
}

button {
    border: none;
}

button,
input {
    overflow: visible;
}

button,
select {
    text-transform: none;
}

button,
html [type="button"],
[type="reset"],
[type="submit"] {
    -webkit-appearance: button;
}

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
    border-style: none;
    padding: 0;
}

button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
    outline: 1px dotted ButtonText;
}

fieldset {
    border: 1px solid #c0c0c0;
    margin: 0 2px;
    padding: 0.35em 0.625em 0.75em;
}

legend {
    box-sizing: border-box;
    color: inherit;
    display: table;
    max-width: 100%;
    padding: 0;
    white-space: normal;
}

progress {
    display: inline-block;
    vertical-align: baseline;
}

textarea {
    overflow: auto;
}

[type="checkbox"],
[type="radio"] {
    box-sizing: border-box;
    padding: 0;
}

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
    height: auto;
}

[type="search"] {
    -webkit-appearance: textfield;
    outline-offset: -2px;
}

[type="search"]::-webkit-search-cancel-button,
[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
}

::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit;
}

details,
menu {
    display: flex;
}

summary {
    display: list-item;
}

canvas {
    display: inline-block;
}

template {
    display: none;
}

[hidden] {
    display: none;
}

* {
    outline: none;
    font-family: "YekanBakh", Roboto, sans-serif !important;
}

.text_en {
    font-family: "YekanBakh-en" !important;
}

button {
    background-color: none;
}

.wrapper {
    max-width: 1128px;
    margin: 0 auto;
    padding: 0;
    direction: rtl;
    /* border:1px solid red; */
}

html {
    background: #fff;
    font-family: "YekanBakh", Roboto, sans-serif;
    font-size: 16px;
    color: #424242;
}

body {
    line-height: 2.1;
    position: relative;
}

.left {
    float: left;
}

.right {
    float: right;
}

a {
    color: unset;
    font-size: 14px;
    text-decoration: none;
}

.clearfix:before,
.clearfix:after {
    content: " ";
    display: table;
}

.clearfix:after {
    clear: both;
}

.padding_wrapper {
    width: 1170px;
    margin: 0 auto;
    position: relative;
}

.left {
    float: left !important;
}

.right {
    float: right !important;
}

.display-desktop {
    display: flex !important;
}

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

.container {
    max-width: 1128px;
    flex: 0 0 100%;
    margin: 0 auto;
}

h1.title {
    color: #3c3c42;
    font-size: 32px;
    position: relative;
}

h1.title:before {
    top: -25px;
    content: "";
    width: 66px;
    height: 66px;
    right: -40px;
    position: absolute;
    background: url("./assets/img/Group 4143.png") no-repeat 0 0;
}

h2.title {
    color: #53535b;
    font-size: 16px;
    font-weight: 600;
}

h2.title.red {
    color: #ff766f !important;
}

.small {
    font-size: 10px;
    font-weight: 400;
}

p.description {
    font-size: 14px;
    font-weight: 400;
}

p.description.red {
    color: #ff766f !important;
}


/******************ex-style*******************/

.fantastic__sales {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    margin: 96px auto;
}

.fantastic__sales .row1__fantastic {
    display: flex;
    justify-content: space-between;
}

.fantastic__sales img {
    border-radius: 2px;
}

.boxes {
    width: 75%;
    position: relative;
    display: flex;
}

.box {
    width: 31.3%;
    margin-left: 24px;
    margin-right: 0;
    background-color: #fff;
    border-top: 2px solid #fff;
    position: relative;
}

.box:last-child {
    margin-left: 0;
}

.box p {
    font-size: 14px;
    color: #6E6E77;
    padding: 0 16px;
    font-size: 14px;
    font-weight: 500;
    line-height: 28px;
}

.box p.title__pro {
    color: #53535B;
    text-align: right;
}

.box p.title__pro:hover {
    color: #222226;
}

.box .rate-pro {
    padding: 0 16px 0 48px;
    text-align: left;
    margin-bottom: 4px;
    font-size: 14px;
    font-weight: 500;
    position: relative;
}

.box .rate-pro:before {
    content: " ";
    position: absolute;
    width: 24px;
    height: 24px;
    object-fit: contain;
    background: url('./assets/img/star-24px.jpg') no-repeat 0 0;
    top: 2px;
    left: 16px;
}

.Discounted-goods,
.selling-goods,
.latest-goods {
    position: relative;
    min-height: 496px;
    margin-bottom: 140px;
}

.back-Discounted,
.back-selling,
.back-latest {
    min-height: 232px;
    width: 72%;
    position: absolute;
    left: 0;
    bottom: -45px;
}

.back-Discounted {
    background-color: #FFDEE6;
}

.back-latest {
    background-color: #FFF2D8;
}

.back-selling {
    background-color: #E4E2FF;
}

.Discounted-goods .content-pro,
.latest-goods .content-pro,
.selling-goods .content-pro {
    color: #6E6E77;
    font-size: 16px;
    line-height: 28pt;
    width: 25%;
}

.content-pro h2 {
    text-align: right;
}

.content-pro a,
.successfully-reg a {
    color: #FF4C43;
    font-size: 14px;
}

.add-to {
    display: none;
}

.box:hover {
    box-shadow: 0 8px 12px #C0C0C9;
    border-top: 2px solid #FF766F;
    transition: all 0.8s ease;
    -webkit-transition: all 0.8s ease;
    -moz-transition: all 0.8s ease;
    -o-transition: all 0.8s ease;
}

.box:hover .add-to {
    display: block;
    border: none;
    border-radius: 2px 0 2px 0;
    width: 48px;
    height: 48px;
    background: url('./assets/img/add-24px.png') no-repeat center center #FF4C43;
    transition: background-color 0.8s ease;
    -webkit-transition: background-color 0.8s ease;
    -moz-transition: background-color 0.8s ease;
    -o-transition: background-color 0.8s ease;
    cursor: pointer;
    outline: none;
    position: absolute;
    bottom: 0;
    right: 0;
}

.off {
    display: block;
    height: 20px;
    float: left;
    line-height: 26px;
    background-color: #FF4C43;
    color: #fff;
    margin-left: 16px;
    text-align: center;
    font-size: 18px;
    font-weight: 500;
    padding: 0 3px;
    border-radius: 2px;
}

.off:hover {
    background-color: #FF1F1A;
    transition: all 0.3s ease;
}

.off2 {
    display: block;
    font-size: 12px;
    font-weight: 500;
    line-height: 1.35;
    text-decoration: line-through;
    color: #A3A3AD;
    margin: 4px 0px 0 16px;
}

.pro-price {
    display: block;
    font-size: 18px !important;
    font-weight: 500;
    color: #3C3C42 !important;
    margin: 18px 0 3px;
    width: 70%;
    text-align: left;
    line-height: 32px;
}

.pro-price span {
    font-size: 10px;
    font-weight: 400;
}

.control-pro {
    position: absolute;
    bottom: 0;
    right: 0;
}

.control-pro .next-pro,
.control-pro .previous-pro {
    width: 48px;
    height: 48px;
    float: right;
    display: block;
    border-radius: 2px;
}

.control-pro .next-pro:hover,
.control-pro .previous-pro:hover {
    box-shadow: 0 8px 12px #C0C0C9;
}

.control-pro .next-pro {
    background: url('./assets/img/Path\ 712.png') no-repeat center center #fff;
}

.control-pro .previous-pro {
    background: url('./assets/img/Path\ 71.png') no-repeat center center #fff;
}

.about-company {
    position: relative;
    min-height: 610px;
}

.back-dot {
    position: absolute;
    width: 36px;
    height: 136px;
    background: url('./assets/img/Group\ 4061.png') no-repeat 0 0;
    top: 280px;
    left: 0;
}

.about-company h2 {
    font-size: 32px;
    font-weight: 500;
    text-align: right;
    position: relative;
    color: #3C3C42;
}

.about-company h3 {
    font-size: 24px;
    font-weight: 500;
    color: #3C3C42;
}

.about-company .about-content {
    width: 50%;
    position: absolute;
    padding: 32px 64px 24px;
    top: 160px;
    right: 515px;
    z-index: 1000;
    background-color: #fff;
}

.about-content p {
    font-size: 16px;
    color: #6E6E77;
    font-weight: 400;
    line-height: 32px;
    text-align: right;
}

.about-content a,
.content-pro a,
.successfully-reg a {
    display: block;
    width: 38%;
    color: #FF4C43;
    font-size: 14px;
    font-weight: 500;
    margin-top: 32px;
    margin-right: 16px;
    position: relative;
}

.about-content a {
    width: 22%;
    padding-top: 4px;
}

.about-content a:before,
.content-pro a:before,
.successfully-reg a:before {
    content: " ";
    position: absolute;
    width: 48px;
    z-index: -20;
    height: 48px;
    object-fit: contain;
    transition: 0.5s all;
    background-color: #FFDEDD;
    border-radius: 4px;
    top: -7px;
    right: -18px;
}

.about-content .view_all:hover a:before,
.content-pro .view_all:hover a:before,
.successfully-reg .view_all:hover .view_all:before {
    width: 100%;
    transition: 0.5s all;
}

.choose {
    margin: 40px auto 110px;
    text-align: center;
}

.choose h3 {
    font-size: 24px;
    line-height: 40px;
    font-weight: 500;
    margin-bottom: 48px;
}

.choose-box {
    width: 19.1%;
    float: right;
    margin-left: 88px;
}

.choose-box:last-child {
    margin-left: 0;
}

.choose-box h4 {
    font-size: 18px;
    font-weight: 500;
    color: #3C3C42;
}

.choose-box p {
    color: #707070;
    line-height: 28pt;
    padding-top: 24px;
    font-size: 16px;
    font-weight: 400;
}


/********************************** login|register********************************/

.login-page {
    width: 360px;
    margin: 112px auto;
    border: 1px solid #DCDCE5;
    padding: 40px 24px;
    text-align: center;
    /* box-shadow: 0 4px 8px 0 rgba(43, 42, 42, 0.2), 0 6px 20px 0 rgba(48, 47, 47, 0.19);*/
}

.login-page h1 {
    width: 100%;
    font-size: 24px;
    font-weight: 600;
    color: #3C3C42;
}

.login-page p {
    width: 100%;
    font-size: 14px;
    color: #6E6E77;
    text-align: right;
    font-weight: 600;
    margin-bottom: 20px;
}

.login-page input[type=text] {
    width: 100%;
    padding: 16px 16px 9px 0;
    text-align: left;
    color: #3C3C42 !important;
    border: 1px solid #C0C0C9;
    padding-left: 24px;
}

.login-page input::placeholder {
    color: #A3A3AD;
    text-align: right;
}

button.site,
button.pod,
.new-comment button {
    width: 100%;
    color: #fff;
    border: none;
    padding: 17px 0 16px;
    font-size: 14px;
    font-weight: 500;
    margin-bottom: 32px;
    border-radius: 2px;
}

button.site {
    background-color: #FF4C43;
    margin-top: 24px;
}

button.site:hover {
    background: #FF1F1A radial-gradient(circle, transparent 20%, #FF1F1A 5%) left/15000%;
}

button.pod {
    background-color: #007AFF;
    position: relative;
    padding-left: 30px;
}

button.pod:after {
    content: "";
    width: 31px;
    height: 16px;
    background: url('./assets/img/pod-logo-footer\ \(1\).png') no-repeat 0 0;
    position: absolute;
    left: 108px;
}

button.pod:hover {
    background: #006fe6 radial-gradient(circle, transparent 20%, #006fe6 5%) left/15000%;
}

.login-page .roles {
    font-size: 12px;
    color: #6E6E77;
}

.roles a {
    display: inline-block;
    color: #6E6E77;
    font-size: 12px;
    border-bottom: 1px dashed #6E6E77;
}

.roles a:hover {
    border-bottom: 1px dashed #3c3c42;
    color: #3c3c42;
}

.top-header .search input[type=text] {
    width: 464px;
    height: 48px;
    border: none;
    background-color: #F5F5F7;
    margin-right: -3px;
    padding: 0 20px;
}

.verification-code input[type=text] {
    border: 1px solid #C0C0C9;
    color: #3c3c42;
    text-align: left;
    width: 100%;
    padding: 15px 5px 14px 32px;
    text-align: center;
    font-weight: 600;
    letter-spacing: 21pt;
    border-radius: 4px;
}

.verification-code input::placeholder {
    text-align: center;
}

.verification-code input:hover {
    border: 1px solid #FF4C43;
    box-shadow: 0 4px 8px #ffdee6;
}

.resend {
    text-align: center !important;
}

.back-home {
    display: block;
    width: 20px;
    height: 14px;
    background: url("./assets/img/Path\ 712.png") no-repeat 0 0;
}


/************************************** product-details ****************************/

.sort,
.mobile-paging,
.filter-mobile,
.mobile-apply,
.option-sort,
.filter-applied-mobile,
.tag-filter-mobile,
.filter-mobile-active {
    display: none;
}

.gallery-content {
    width: 100%;
}


/* .gallery-content img{
  width: 60%;
  margin-right: 40px;
} */

.gallery-content nav {
    width: 25%;
    text-align: center;
}

.icon-gallery {
    width: 50% !important;
    float: left;
    margin-left: 15%;
}

.icon-gallery ul li {
    width: 32px;
    float: left;
    margin-right: 32px;
    cursor: pointer;
}

.icon-gallery ul li img {
    width: 100%;
}

.icon-gallery .letter {
    width: 24px;
    margin-top: 4px;
}

.icon-gallery ul li:last-child {
    margin-right: 0;
}

.details-content {
    width: 45%;
}

.details-content h1 {
    color: #53535B;
    font-size: 24px;
    font-weight: 500;
    letter-spacing: 0.5pt;
    margin: 0 0 10px 0;
}

.details-content a {
    display: block;
    font-size: 14px;
    color: #53535B;
    font-weight: 500;
    text-align: right;
}

.details-content a:hover {
    color: #FF766F;
}

.worth {
    width: 27%;
    margin-top: 32px;
}

.worth .off {
    padding: 0 4px;
}

.worth .off2 {
    margin-top: 8px;
    margin-right: 16px;
}


/* .worth .pro-price{
  margin: 4px 0 8px 16px !important;
  text-align: right;
  font-size: 24px !important;
  font-weight: 500;
  color: #3C3C42 !important;
  width: 90% !important;
} */

.worth .pro-price span {
    color: #6E6E77;
    font-size: 10px;
    font-weight: 400;
    display: inline-block;
}

.star {
    display: inline-block;
    color: #6E6E77;
    position: relative;
    padding-right: 16px;
    margin-bottom: 8px;
    margin-left: 40px;
}

.star:after {
    content: "";
    width: 24px;
    height: 24px;
    background: url('./assets/img/star-24px.jpg') no-repeat 0 0;
    position: absolute;
    top: 2px
}

.star:before {
    content: "";
    width: 24px;
    height: 24px;
    background: url('./assets/img/chevron-left-24px.jpg') no-repeat 0 0;
    position: absolute;
    right: -12px;
    top: 7px;
}

.warning,
.warranty {
    font-size: 14px;
    font-weight: 400;
    width: 100%;
    float: right;
    position: relative;
    padding-right: 30px;
    margin-bottom: 10px;
}

.warning {
    color: #FF766F;
}

.warning:before {
    content: "";
    width: 24px;
    height: 24px;
    background: url('./assets/img/notifications-active-24px.png') no-repeat 0 0;
    position: absolute;
    right: 0;
    top: 0;
}

.warranty {
    color: #6E6E77;
}

.warranty:before {
    content: "";
    width: 24px;
    height: 24px;
    background: url('./assets/img/Group\ 5456.png') no-repeat 0 0;
    position: absolute;
    right: 0;
    top: 0;
}

.add-basket {
    width: 70% !important;
    margin-top: 18px;
}

.add-basket button {
    width: 50%;
}

.share-network {
    width: 50%;
    margin: 40px 0 0 0;
    float: left;
}

.share-network>a {
    width: 20%;
    float: left;
    margin-left: 8px;
    position: relative;
}

.icon-tooltip {
    position: relative;
}

.share-network a span,
.icon-tooltip span {
    display: none;
    width: 133px;
    padding: 0 4px;
    position: absolute;
    font-size: 14px;
    z-index: 10;
    top: -30px;
    right: -80%;
    left: 0;
    color: #6E6E77;
    border-radius: 2px;
    box-shadow: 0 3px 10px #c0c0c9;
    background: url('./assets/img/Union\ 2.png') no-repeat 0 0;
}

.share-network a span {
    right: -60px;
    left: 0;
    top: -40px;
}


/* .icon-tooltip span{
  width: 110px;
  right: 0;

} */

.share-network a:hover span,
.icon-tooltip:hover span {
    display: block;
}

.choose-colors {
    width: 100%;
    margin: 32px 0;
}

.introduction {
    font-weight: 500;
    margin-left: 16px;
    color: #53535B;
    font-size: 16px;
}

.colors {
    display: block;
    width: 24px;
    height: 24px;
    float: right;
    border-radius: 12px;
    margin-left: 24px;
}

.colors:active,
.color2 {
    width: 29px;
    height: 29px;
    border-radius: 14px;
    margin-top: -3px;
    border: 3px solid #fff;
    box-shadow: 0 1px 2px #ccc;
    background: url('./assets/img/Path\ 7569.png') no-repeat center center #89DBD0;
}

.choose-colors p {
    color: #53535B;
    font-size: 16px;
    font-weight: 500;
    margin-left: 32px;
}

.color1 {
    background-color: #8E89DB;
}

.color3 {
    background-color: #DB89BD;
}

.related-goods {
    margin: 116px auto;
}

.related-goods .boxes {
    width: 100%;
}

.related-goods .box {
    width: 30%;
    border-top: 2px solid #DCDCE5;
    border-radius: 4px;
    margin-left: 24px;
}

.related-goods .box:hover {
    border-top: 2px solid #FF766F !important;
}

.related-goods .box img {
    width: 100%;
}

.related-goods .box:last-child {
    margin-right: 0;
}

.control-related {
    width: 100%;
    float: right;
}

.control-related h2,
.user-comments h2,
h1.cart,
.content-pro h2,
.comment-submit h2 {
    color: #3C3C42;
    font-size: 32px;
    font-weight: 500;
    padding: 0 4px 32px 0;
    width: 18%;
    position: relative;
}

.comment-submit h2 {
    width: 100%;
    text-align: center;
}

.comment-submit p {
    text-align: center;
}

.content-pro h2 {
    padding-top: 16px;
}

.content-pro h2,
.content-pro p {
    width: 90%;
}

.control-related h2 {
    float: right;
}

.content-pro p {
    font-size: 16px;
    line-height: 32px;
}

.control-related h2:before,
.user-comments h2:before,
h1.cart:before,
.content-pro h2:before,
.comment-submit h2:before,
.about-company h2:before {
    content: "";
    width: 66px;
    height: 66px;
    background: url('./assets/img/Group\ 4143.png') no-repeat 0 0;
    position: absolute;
    right: -40px;
    top: -15px;
}

.comment-submit h2:before {
    right: 40%;
}

.user-comments h2:before {
    right: 170px;
    top: -15px;
}

.control-related a {
    display: inline-block;
    width: 48px;
    height: 48px;
    margin-top: 8px;
}

.control-related a:hover {
    box-shadow: 5px 1px 10px 0 rgba(0, 0, 0, 0.1);
}

.control-related .previous-related {
    background: url('./assets/img/Path\ 71.png') no-repeat center center;
}

.control-related .next-related {
    background: url('./assets/img/Path\ 712.png') no-repeat center center;
}

.user-comments {
    width: 50%;
    text-align: center;
    margin: 0 auto 96px;
}

.user-comments h2 {
    width: 100%;
    padding-bottom: 16px;
}

.user-comments nav {
    width: 30%;
    margin-left: 120px;
    margin-top: 6px;
}

.user-comments .point {
    margin-right: 160px;
}

.point span {
    font-size: 14px;
    font-weight: 400;
}

.user-comments p {
    font-size: 18px;
    font-weight: 500;
    color: #6E6E77;
}

.new-comment h3 {
    font-weight: 500;
}

.new-comment {
    text-align: center;
}

.new-comment h3 {
    font-size: 20px;
    color: #3C3C42;
}

.new-comment p {
    font-size: 16px;
    font-weight: 400;
    color: #6E6E77;
    margin-bottom: 24px;
    margin-top: 8px;
}

.new-comment button {
    background-color: #53535B;
    padding: 17px 0 13px;
    margin: 24px auto 0;
    width: 28%;
    display: block;
    position: relative;
    padding-right: 24px;
}

.new-comment button:before {
    content: "";
    width: 16px;
    height: 16px;
    background: url('./assets/img/Group\ 4159.png') no-repeat 0 0;
    position: absolute;
    right: 24px;
    bottom: 13px;
}

.new-comment button:hover {
    background: #3c3c42 radial-gradient(circle, transparent 20%, #3c3c42 5%) left/15000%;
}

.grid-comments {
    border-top: 1px solid #DCDCE5;
    border-bottom: 1px solid #DCDCE5;
    padding: 24px 0;
    margin-top: 24px;
}

.grid-comments:last-child {
    border-top: none;
    border-bottom: none;
    margin-bottom: 104px;
}

.view-comments h4,
.view-comments h5 {
    font-size: 18px;
    font-weight: 500;
    color: #3C3C42;
}

.view-comments>h4 {
    text-align: center;
}

.view-comments>h5 {
    text-align: right;
}

.view-comments .right {
    width: 30%;
}

.view-comments .left {
    width: 70%;
}

.grid-comments .right {
    color: #707070;
}

.grid-comments .right p {
    font-size: 16px;
}

.grid-comments .left>h5 {
    color: #3C3C42;
}

.grid-comments .left>p {
    color: #6E6E77;
}

.grid-comments .left .vote {
    padding-top: 16px;
}

.grid-comments .left .vote p {
    color: #898993;
    font-size: 14px;
    font-weight: 400;
    float: right;
    margin-left: 24px;
}

.grid-comments .vote>span {
    display: block;
    width: 24px;
    height: 24px;
    float: right;
    margin-right: 16px;
}

.grid-comments .vote .agree-comment {
    color: #2DC38D;
    font-size: 12px;
    font-weight: 600;
    text-align: center;
}

.grid-comments .vote .disagree-comment {
    color: #FF365D;
    font-size: 12px;
    font-weight: 600;
    text-align: center;
}

.grid-comments .vote .agree {
    background: url('./assets/img/thumb-up-24px.jpg') no-repeat 0 0;
}

.grid-comments .agree:active,
.grid-comments .active {
    background: url('./assets/img/Path\ 7853.jpg') no-repeat 0 0 !important;
    width: 22px;
    height: 20px;
}

.grid-comments .vote .disagree {
    background: url('./assets/img/thumb-down-24px.jpg') no-repeat 0 0;
}

.grid-comments .vote .disagree:active,
.grid-comments .diactive {
    background: url('./assets/img/Path\ 7851.jpg') no-repeat 0 0 !important;
    width: 22px;
    height: 20px;
}

.grid-comments span.date-comment {
    font-size: 14px;
}

.grid-comments .right nav {
    width: 100%;
    margin: 4px auto 10px;
    text-align: right;
}

.grid-comments li,
.user-comments li {
    float: right;
}

.comment-paging ul {
    width: 410px;
    margin: 40px auto 105px;
}

.comment-paging li {
    padding: 4px 15px 3px;
    text-align: center;
    float: left;
    color: #898993;
    font-weight: 600;
    background-color: #F5F5F7;
}

.comment-paging li:first-child {
    margin-right: 16px;
    background: url('./assets/img/chevron-left-22px.png') #F5F5F7 no-repeat center center;
}

.comment-paging li:last-child {
    margin-left: 16px;
    background: url('./assets/img/Path\ 42.png') #F5F5F7 no-repeat center center;
}

.comment-paging li:first-child:first-child,
.comment-paging li:last-child:last-child {
    background-color: #F5F5F7;
}

.comment-paging li:hover {
    cursor: pointer;
    color: #222226;
    box-shadow: 1px 2px 5px #ddd;
}

.comment-paging li:active,
.comment-paging li.active {
    cursor: pointer;
    color: #fff;
    background-color: #A3A3AD;
}

a.back-comment,
a.next-comment {
    width: 10px;
    height: 32px;
    display: block;
}

.breadcrump_pro ul {
    display: flex;
    padding-top: 24px;
    margin-bottom: 32px;
}

.breadcrump_pro ul li a {
    color: #898993;
    font-size: 14px;
    font-weight: 400;
    padding: 4px 0 4px 20px;
    margin-left: 4px;
    position: relative;
}

.breadcrump_pro ul li a.has__submenu::after {
    content: '';
    position: absolute;
    width: 16px;
    height: 16px;
    left: 0;
    top: 8px;
    background: url('./assets/img/chevron_left-22px.png') no-repeat 0 0;
}

.breadcrump_pro ul li a:hover {
    color: #222226;
}

.gallery-content .read_more {
    font-size: 14px;
    font-weight: 500;
    color: #53535B;
}

.gallery-content .read_more:hover {
    color: #FF4C43;
}

.gallery-content .property_pro {
    margin-top: 24px;
}

.gallery-content .property_pro p {
    font-size: 16px;
    font-weight: 500;
    color: #53535B;
}


/*************************************** comment-submit ********************************/

.none {
    display: none;
}

.banner-pro {
    margin-bottom: 80px;
    position: relative;
}

.banner-pro h1 {
    position: absolute;
    top: 64px;
    right: 23%;
    width: 266px;
    color: #fff;
    font-size: 40px;
    font-weight: 500;
    line-height: 56px;
}

.comment-submit {
    margin-bottom: 72px;
}

.comment-submit .give-point {
    width: 20%;
}

.comment-submit .post-comment {
    width: 75%;
    margin: 0 auto;
}

.comment-submit ul li {
    float: right;
}

.post-comment p {
    color: #3C3C42;
    font-weight: 500;
    padding-bottom: 8px;
    text-align: center;
}

label.check-holder {
    position: relative;
    padding-right: 32px;
    user-select: none;
}

.check-holder input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
}

.checkmark {
    position: absolute;
    top: 0;
    right: 0;
    height: 24px;
    width: 24px;
    border: 2px solid #707070;
}

.checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

.check-holder input:checked~.checkmark:after {
    display: block;
}


/* Style the checkmark/indicator */

.check-holder .checkmark:after {
    left: 6px;
    top: 0;
    width: 8px;
    height: 16px;
    border: solid #707070;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.post-comment input[type=text] {
    width: 100%;
    font-size: 14px;
    padding: 16px;
    border: 1px solid #C0C0C9;
    border-radius: 2px;
    margin-bottom: 44px;
}

.post-comment input[type=text]:hover {
    border: 4px solid #FFF4F3;
}

.post-comment input[type=text]:active {
    border-color: #FFF4F3;
}

.post-comment input::placeholder {
    color: #A3A3AD;
}

.post-comment textarea {
    width: 100%;
    min-height: 160px;
    border: 1px solid #C0C0C9;
    border-radius: 2px;
    margin-bottom: 8px;
    padding: 8px;
}

.post-comment button {
    border: none;
    display: block;
    margin: 0 auto;
    background-color: #53535B;
    color: #fff;
    border-radius: 2px;
    padding: 15px 32px 16px;
}

.post-comment button:hover {
    background-color: #222226;
}

.post-comment a {
    display: inline-block;
    color: #6E6E77;
    font-size: 14px;
    border-bottom: 1px dashed #6E6E77;
}

input[type='radio'] {
    -webkit-appearance: none;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    outline: none;
    border: 2px solid #707070;
}

input[type='radio']:before {
    content: '';
    display: block;
    width: 50%;
    height: 50%;
    margin: 25% auto;
    border-radius: 50%;
}

input[type="radio"]:checked:before {
    background: #FF4C43;
}

input[type="radio"]:checked {
    border-color: #FF4C43;
}

.stars {
    margin-right: 32px;
    font-weight: normal;
}

.select-point {
    margin-top: 24px;
}


/**************************************************product-list**********************************/

.pro-category {
    width: 22%;
    margin-top: -4px;
    margin-left: 24px
}

.pro-category .filter-title {
    display: flex;
    justify-content: space-between;
    background-color: #F5F5F7;
}

.filter-name {
    display: flex;
    padding-bottom: 32px;
    flex-wrap: wrap;
}

.tag-filter {
    padding-bottom: 32px;
}

.tag-filter a {
    padding: 0 8px;
    background-color: #898993;
    color: #fff;
    font-size: 14px;
    font-weight: 500;
    border-radius: 2px;
    margin: 16px 0 0 12px;
    display: inline-block;
}

.filter-pro {
    display: flex;
    flex-direction: column;
}

.filter-pro p {
    padding: 24px 0 10px;
    font-size: 14px;
    font-weight: 500;
    color: #6E6E77;
}

.pro-category .tag-filter a:hover {
    background-color: #A3A3AD;
    cursor: pointer;
}

.filter-name p {
    display: inline-block;
    font-size: 14px;
    font-weight: 500;
    color: #898993;
    padding: 0 8px 0 24px;
    border: 1px solid #C0C0C9;
    border-radius: 4px;
    margin: 16px 0 0 8px;
    position: relative;
}

.filter-name p::after {
    content: "";
    width: 16px;
    height: 16px;
    position: absolute;
    z-index: 1;
    left: 4px;
    top: 6px;
    bottom: 0;
    cursor: pointer;
    background: url('./assets/img/clear-16px.png') no-repeat 0 0;
}

.filter-name p:hover:after {
    background: url('./assets/img/clear-16px-hover.png') no-repeat 0 0;
}

.pro-list-mobile {
    display: none;
}

.product-list {
    width: 75%;
}

.product-list .boxes {
    width: 100%;
}

.product-list .box {
    border-top: 2px solid #DCDCE5;
    border-radius: 2px;
    margin-bottom: 24px;
}

.box .unavailable {
    font-size: 16px;
    font-weight: 500;
    text-align: center;
    width: 96px;
    margin: 0 auto;
    padding: 6px 8px;
    border-radius: 20px;
    background-color: #F5F5F7;
}

.product-list .box p.pro-title:hover {
    color: #222226;
}

.product-list .box:hover {
    border-top: 2px solid #FF766F;
}

.product-list .box:last-child {
    margin-right: 0;
}

.box a {
    display: block;
}

.product-list .box a:hover {
    color: #222226;
}

.product-list .comment-paging ul {
    margin: 52px auto 108px;
}

.orderby {
    padding: 0 12px;
    margin-right: 12px;
    font-size: 14px;
    font-weight: 500;
    margin-bottom: 32px;
}

.orderby p {
    display: inline-block;
}

.orderby a {
    padding: 6px 12px 5px;
    margin-right: 12px;
    color: #898993;
}

.orderby a:hover {
    background-color: #F5F5F7;
    color: #222226;
    border-radius: 2px;
}

.orderby a:active,
.orderby .active,
.orderby a.active:hover {
    background-color: #DCDCE5;
    color: #898993;
    border-radius: 2px;
}

.pro-category h5 {
    background-color: #F5F5F7;
    color: #6E6E77;
    font-size: 16px;
    font-weight: 500;
    padding: 7px 16px 5px 40px;
}

p.omit {
    color: #FF4C43;
    font-size: 14px;
    font-weight: 500;
    padding: 7px 0 2px 0px;
    margin-left: 16px;
    height: 28px !important;
}

.pro-category p.omit:hover {
    border-bottom: 1px solid #FF4C43;
    cursor: pointer;
}

.pro-category .tab input,
.gallery-content .tab input,
.filter-mobile-active .tab input {
    position: absolute;
    opacity: 0;
    z-index: -1;
}


/* Accordion styles */

.pro-category .tabs {
    overflow: hidden;
    padding: 24px 0 24px 0;
    font-weight: 500;
}

.pro-category .tabs>label,
.filter-mobile-active .tabs>label {
    display: block;
    padding-right: 16px;
    margin-bottom: 16px;
}

.pro-category .tabs label a,
.filter-mobile-active .tabs label a {
    font-size: 14px;
    font-weight: 500;
    color: #898993;
}

.pro-category .tabs label:hover a,
.filter-mobile-active .tabs label:hover a {
    color: #222226;
}

.pro-category .tab,
.filter-mobile-active .tab {
    width: 100%;
    overflow: hidden;
    margin-bottom: 16px;
}

.pro-category .tab-label,
.filter-mobile-active .tab-label {
    display: flex;
    color: #898993;
    cursor: pointer;
    font-size: 14px;
    font-weight: 500;
    position: relative;
    padding-right: 16px;
    /* Icon */
}

.pro-category .tab-label:hover,
.filter-mobile-active .tab-label:hover {
    color: #222226;
}

.pro-category .tab-label::after,
.filter-mobile-active .tab-label:after {
    content: "";
    width: 16px;
    height: 16px;
    background: url(./assets/img/chevron-left-22px.png) no-repeat 0 0;
    -webkit-transition: all 0.35s;
    transition: all 0.35s;
    position: absolute;
    top: 10px;
    left: 20px;
}

.pro-category .tab-content,
.filter-mobile-active .tab-content {
    max-height: 0;
    -webkit-transition: all 0.35s;
    transition: all 0.25s;
    font-size: 14px;
    font-weight: 500;
}

.pro-category .tab-content a,
.filter-mobile-active .tab-content a {
    display: block;
    padding: 10px 32px 9px 0;
    color: #898993;
}

.pro-category .tab-content a:hover,
.filter-mobile-active .tab-content a:hover {
    background-color: #FFF4F3;
    color: #222226;
}

.pro-category .tab-close .filter-mobile-active .tab-close {
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: end;
    justify-content: flex-end;
    cursor: pointer;
}

.pro-category input:checked+.tab-label,
.filter-mobile-active input:checked+.tab-label {
    font-size: 14px;
}

.pro-category input:checked+.tab-label::after,
.filter-mobile-active input:checked+.tab-label::after {
    content: "";
    background: url('./assets/img/chevron_left-24px.png') no-repeat 0 0;
}

.pro-category input:checked~.tab-content,
.filter-mobile-active input:checked~.tab-content {
    max-height: 200px;
}

.product-list .counter__page {
    margin: 24px 16px 0;
    display: flex;
    justify-content: center;
    border-top: 1px solid #DCDCE5;
}

.product-list .counter__page nav {
    border-bottom: none;
}

.product-list .counter__page ul {
    display: flex;
    width: 100%;
    padding: 32px 0;
    flex-direction: row-reverse;
    justify-content: center;
}

.product-list .counter__page ul li a {
    padding: 10px 19px;
    background-color: #F5F5F7;
    color: #222226;
    text-align: right;
    line-height: 28px;
    font-size: 14px;
    text-align: center !important;
}

.product-list .counter__page ul li a:hover {
    background-color: #F5F5F7;
    color: #222226;
    border-radius: 2px;
    box-shadow: 0px 2px 6px 0px rgba(34, 34, 38, 0.12);
}

.product-list .counter__page ul li a:disabled {
    background-color: #F5F5FC;
}

.product-list .counter__page li:first-child a {
    margin-right: 16px;
    background: url("./assets/img/chevron-left-22px.png") #F5F5F7 no-repeat center center;
}

.product-list .counter__page li:last-child a {
    margin-left: 16px;
    background: url("./assets/img/Path\ 42.png") #F5F5F7 no-repeat center center;
}

.product-list .counter__page ul li a:active,
.product-list .counter__page a.active {
    color: #fff;
    background-color: #A3A3AD;
    border-radius: 2px;
    box-shadow: 0px 2px 6px 0px rgba(34, 34, 38, 0.12);
}

.product-list .counter__page a.active:hover {
    background-color: #A3A3AD;
    color: #fff;
}

.counter__page__small {
    display: none;
}

.available-goods {
    display: flex;
    padding: 20px 8px;
    border-top: 1px solid #DCDCE5;
    border-bottom: 1px solid #DCDCE5;
    margin-bottom: 8px;
}

.filter-mobile-active .available-goods {
    border-bottom: none;
}

.filter-pro .tab {
    border-bottom: 1px solid #DCDCE5;
    padding: 0 0 8px;
}

.filter-pro button {
    width: 120px;
    height: 40px;
    text-align: center;
    color: #FF4C43;
    font-size: 14px;
    font-weight: 500;
    background-color: #FFDEDD;
    border-radius: 2px;
    margin: 24px 20% 24px;
}

.filter-pro button:hover {
    cursor: pointer;
    background-color: #FFCAC7;
}

.range-slider {
    display: flex;
    flex-direction: column;
}

.caption {
    margin-bottom: 16px;
}

#slider-range-value1,
#slider-range-value2 {
    padding: 8px 16px;
    margin: 0 8px 0 24px;
    background-color: #F5F5F7;
}

#slider-range-value2 {
    margin-left: 0;
}

.footer-filter {
    display: flex;
    position: sticky;
    direction: ltr;
    left: 0;
    top: 169px;
    margin-top: 96px;
    padding: 8px 16px;
    width: 100%;
    border-top: 1px solid #F5F5F5;
}

.footer-filter p {
    font-size: 13px;
    color: #898993;
}

.footer-filter p:hover {
    color: #222226;
}

.footer-filter button {
    padding: 10px 24px;
    font-size: 13px;
    font-weight: 500;
    background-color: #53535B;
    color: #fff;
    margin: 0 32px 0 16px;
}

.available-goods p {
    display: inline-block;
    margin-right: 16px;
    line-height: 1.5;
    padding: 0 !important
}

.available-goods .checkbox {
    display: none;
}

.switch {
    align-items: center;
    background-color: gray;
    border-radius: 500px;
    cursor: pointer;
    display: flex;
    height: 16px;
    justify-content: space-between;
    padding: 0 10px;
    position: relative;
    user-select: none;
    width: 36px;
}

.checkbox:checked~.switch,
.checkbox:not(:checked)~.switch {
    background-color: #A3A3AD;
}

.switch__left,
.switch__right {
    color: white;
    font-weight: bold;
    text-transform: uppercase;
}

.checkbox:checked~.switch .switch__left {
    visibility: hidden;
}

.checkbox:not(:checked)~.switch .switch__right {
    visibility: hidden;
}

.switch__circle {
    position: absolute;
    transition: all 0.1s linear;
    border: 8px solid rgba(41, 41, 41, 0);
    border-radius: 50%;
}

.checkbox:checked~.switch .switch__circle {
    right: -8px;
}

.switch .switch__circle:hover {
    border: 8px solid rgba(41, 41, 41, 4%);
}

.switch .switch__circle:focus {
    border: 8px solid rgba(41, 41, 41, 12%);
}

.switch .switch__circle:active {
    border: 8px solid rgba(41, 41, 41, 10%);
}

.switch .switch__circle:disabled .switch {
    border: 8px solid rgba(41, 41, 41, 0);
    background: #A3A3AD;
}

.checkbox:not(:checked)~.switch .switch__circle {
    left: -8px;
}

.switch__circle-inner {
    background-color: #fff;
    border: 1px solid #707070;
    border-radius: 10px;
    display: block;
    height: 20px;
    width: 20px;
}


/********************************************define-address************************************************/

.back-add {
    background-color: #ABABAC;
    padding: 80px 0;
}

.creat-add,
.creat-add2 {
    width: 552px;
    margin: 0 auto;
    background-color: #fff;
    position: relative;
}

.creat-add h2,
.creat-add2 h2 {
    color: #3C3C42;
    font-size: 24px;
    padding: 16px 0 20px 0;
    font-weight: 600;
    position: relative;
}

.creat-add h2 {
    padding-right: 24px;
}

.creat-add h2:after,
.creat-add2 h2:after {
    content: "";
    width: 24px;
    height: 24px;
    background: url('./assets/img/clear-24px.png') no-repeat 0 0;
    position: absolute;
    top: 28px;
    left: 20px;
}

.search-add {
    position: absolute;
    z-index: 10000;
    top: 96px;
    right: 8px;
    margin-right: 16px;
}

.search-add input[type=submit] {
    background: url('./assets/img/search-gry-24px.png') #fff no-repeat center center;
    width: 48px;
    height: 48px;
    text-indent: -9999px;
    overflow: hidden;
    cursor: pointer;
    margin: -3px 0 0 0;
    border: none;
}

.search-add input[type=text] {
    width: 456px;
    height: 48px;
    background-color: #fff;
    margin-right: -3px;
    border: none;
}

.search-add2 input[type=text] {
    height: 48px;
    background-color: #fff;
    margin-right: -3px;
    border: none;
}

.search-holder {
    border: 1px solid #C0C0C9;
    border-radius: 2px;
}

.search-holder:hover {
    border: 2px solid #FFF4F3;
}

.search-holder:active,
.search-holder .active {
    border: 2px solid #FF4C43;
}

.search-add .auto-complete {
    background-color: #fff;
    width: 99%;
    margin: 2px auto 0;
    height: 224px;
    border-radius: 2px;
    padding: 10px 16px 16px 16px;
}

.auto-complete p {
    padding-right: 16px;
    color: #53535B;
    padding-top: 2px;
}

.auto-complete p:hover {
    background-color: #FFF4F3;
    cursor: pointer;
}

.creat-add button,
.creat-add2 button {
    width: 24%;
    margin: 4px 0 16px 24px;
    float: left;
}

.creat-add2 {
    padding: 24px;
}

.creat-add2 label {
    display: block;
    color: #3C3C42;
    font-weight: 600;
}

.creat-add2 input[type=text] {
    border: 1px solid #C0C0C9;
    margin-bottom: 16px;
    border-radius: 2px;
    padding: 8px;
}

.creat-add2 input[type=text]:hover {
    border: 4px solid #FFF4F3;
}

.creat-add2 input[type=text]:active {
    border: 1px solid #FF4C43;
}

.creat-add2 .tab,
.creat-add2 .half {
    width: 48%;
}

.creat-add2 .tab-label {
    border: 1px solid #C0C0C9;
    border-radius: 2px;
    padding: 8px;
    margin-bottom: 10px;
}

.creat-add2 .full {
    width: 100%;
    margin: 0 auto;
}

.creat-add2 .full input[type=text] {
    width: 100%;
    margin-left: 16px;
}

.creat-add2 .half input[type=text] {
    width: 100%;
    margin-left: 16px;
}

.gallery-content-mobile,
.add-basket-s {
    display: none;
}

.worth-s,
.choose-colors-s {
    display: none;
}

.gallery-content .tabs {
    display: none;
}

.box .image-holder-b {
    overflow: hidden;
    text-align: center;
    width: 100%;
    height: auto;
}

.image-holder-s {
    overflow: hidden;
    text-align: center;
    width: 168px;
    height: 168px;
}

.image-holder-lg {
    overflow: hidden;
    text-align: center;
    width: 100%;
    height: 432px;
}

.box .image-holder-b img,
.image-holder-s img {
    width: 100%;
}

.image-holder-lg img {
    width: 60%;
}


/************************************** copmment-submit ********************************/

fieldset {
    padding: 0;
}

.comment-submit .rating {
    border: none;
    display: flex;
    justify-content: center;
}

.comment-submit .rating>input {
    display: none;
}

.comment-submit .rating>label {
    height: 24px;
    width: 24px;
    margin-right: 12px;
    color: #ddd;
    float: right;
    background: url('./assets/img/star-border-24px.jpg') no-repeat 0 0;
}

.comment-submit .rating>input:checked~label,
.comment-submit .rating:not(:checked)>label:hover,
.comment-submit .rating:not(:checked)>label:hover~label {
    background: url('./assets/img/star-24px.jpg') no-repeat 0 0;
}

.comment-submit .rating>input:checked+label:hover,
.comment-submit .rating>input:checked~label:hover,
.comment-submit .rating>label:hover~input:checked~label,
.comment-submit .rating>input:checked~label:hover~label {
    color: #FFED85;
}


/**************************************************/

main {
    direction: rtl;
}

header {
    top: 0;
    width: 100%;
    z-index: 999999;
    direction: rtl;
    position: sticky;
    background: #fff;
    align-items: center;
    flex-direction: column;
    justify-content: center;
    box-shadow: 0px 1px 10px 0 rgba(0, 0, 0, 0.1);
}

header .mobile-menu {
    display: none;
}

header .mobile-menu #menuToggle {
    top: 0;
    right: 0;
    z-index: 1;
    width: 99.8%;
    user-select: none;
    position: absolute;
    -webkit-user-select: none;
}

header .mobile-menu #menuToggle a {
    color: #898993;
    font-weight: 500;
    transition: color 0.3s ease;
}

header .mobile-menu #menuToggle li:hover a {
    color: #222226;
}

header .mobile-menu #menuToggle input {
    display: block !important;
    direction: ltr;
    width: 40px;
    height: 32px;
    position: absolute;
    top: 8px;
    right: 8px;
    cursor: pointer;
    opacity: 0;
    z-index: 2;
}

header .mobile-menu #menuToggle span {
    display: block;
    width: 20px;
    height: 2px;
    margin-bottom: 3px;
    position: relative;
    right: 16px;
    top: 23px;
    background: #898993;
    border-radius: 3px;
    z-index: 1;
    transform-origin: 4px 0;
    transition: transform 0.5s cubic-bezier(0.77, 0.2, 0.05, 1), background 0.5s cubic-bezier(0.77, 0.2, 0.05, 1), opacity 0.55s ease;
}

header .mobile-menu #menuToggle span:first-child {
    transform-origin: 0 0;
}

header .mobile-menu #menuToggle span:nth-last-child(2) {
    transform-origin: 0 100%;
}

header .mobile-menu #menuToggle input:checked~span {
    opacity: 1;
    transform: rotate(45deg) translate(-2px, -1px);
    background: #898993;
}

header .mobile-menu #menuToggle input:checked~span:nth-last-child(3) {
    opacity: 0;
    transform: rotate(0deg) scale(0.2, 0.2);
}

header .mobile-menu #menuToggle input:checked~span:nth-last-child(2) {
    transform: rotate(-45deg) translate(0, -1px);
}

header .mobile-menu #menuToggle input:checked~ul {
    transform: none;
}

header .mobile-menu #menu {
    position: absolute;
    width: 100%;
    margin: -100px 0 0 0;
    padding: 125px 16px 96px 16px;
    background: #fff;
    opacity: 1;
    -webkit-font-smoothing: antialiased;
    /* to stop flickering of text in safari */
    transform-origin: 0 0;
    transform: translate(0, -100%);
    transition: transform 0.5s cubic-bezier(0.77, 0.2, 0.05, 1);
}

header .mobile-menu #menu li {
    padding: 8px 0;
    font-size: 12px;
    float: none;
    display: block;
}

header .mobile-menu #menu .has_submenu__mobile a {
    padding-left: 16px;
    background: url('./assets/img/chevron.jpg') no-repeat -4px center;
}

header .mobile-menu #menu .has_submenu__mobile:hover a {
    background: url('./assets/img/chevron_left-24px.png') no-repeat -4px center;
}

header .mobile-menu #menu .sub__menu__mobile {
    display: none;
}

header .mobile-menu #menu .sub__menu__mobile li {
    padding-right: 16px;
    width: 40%;
}

header .mobile-menu #menu .has_submenu__mobile .sub__menu__mobile li a {
    background: none;
}

header .mobile-menu #menu .sub__menu__mobile li:hover {
    background-color: #FFF4F3;
    opacity: 1;
    transition-timing-function: linear;
    transition: width 1.4s;
    width: 100%;
}

header .mobile-menu #menu .phone__mobile {
    padding: 16px 0;
    border-top: 1px solid #DCDCE5;
}

header .mobile-menu #menu .phone__mobile p {
    padding-right: 32px;
    position: relative;
}

header .mobile-menu #menu .phone__mobile p::before {
    position: absolute;
    right: 0;
    top: 0;
    content: "";
    width: 24px;
    height: 24px;
    background: url("./assets/img/phone-24px.png") no-repeat 0 0;
}

header .header-fixed {
    top: 0;
    width: 100%;
    z-index: 999;
    display: flex;
    background: #fff;
    justify-content: center;
}

header .header-fixed .header {
    width: 100%;
    height: 80px;
    display: flex;
    max-width: 1128px;
    align-items: center;
    justify-content: space-between;
}

header .header-fixed .header__right {
    display: flex;
}

header .header-fixed .header__right .logo {
    width: 48px;
    height: 48px;
    margin-left: 32px;
}

header .header-fixed .header__right .search input[type=submit] {
    background: url("./assets/img/search-24px.png") #ff4c43 no-repeat center center;
    width: 48px;
    height: 48px;
    text-indent: -9999px;
    overflow: hidden;
    cursor: pointer;
    border: none;
    border-radius: 2px;
}

header .header-fixed .header__right .search input[type=text] {
    width: 464px;
    height: 48px;
    border: none;
    padding: 0 20px;
    border-radius: 2px;
    margin-right: -3px;
    background-color: #f5f5f7;
}

header .header-fixed .header__right .search input[type=text]::placeholder {
    font-size: 16px;
    font-weight: 400;
}

header .header-fixed .header__left {
    display: flex;
}

header .header-fixed .header__left .mobile-logo {
    display: none;
}

header .header-fixed .header__left .login {
    color: #ff4c43;
    background: url("./assets/img/person-24px.png") no-repeat right 0;
    padding-right: 26px;
    font-size: 14px;
}

header .header-fixed .header__left .login a {
    color: #ff4c43;
    font-weight: 500;
}

header .header-fixed .header__left .like {
    cursor: pointer;
    margin-right: 32px;
}

header .header-fixed .header__left .basket {
    margin-left: 10px;
    margin-right: 32px;
    position: relative;
}

header .header-fixed .header__left .basket span {
    border-radius: 8px;
    color: #fff;
    background-color: #ff4c43;
    position: absolute;
    top: -10px;
    right: -10px;
    font-size: 12px;
    font-weight: 600;
    text-align: center;
    padding: 8px 3px 5px 4px;
    line-height: 0.2;
}

header .navigation {
    width: 100%;
    height: 48px;
    display: flex;
    max-width: 1128px;
    margin: 0 auto;
    align-items: center;
    justify-content: space-between;
}

header .navigation nav>ul {
    display: flex;
}

header .navigation nav>ul li {
    margin-left: 22px;
    padding-left: 10px;
}

header .navigation nav>ul li a {
    font-size: 14px;
    color: #898993;
    line-height: 1.57;
    text-align: right;
    font-weight: 500;
    padding: 10px 0 13px 0;
}

header .navigation nav>ul li:hover a {
    color: #222226;
    border-bottom: 2px solid #222226;
}

header .navigation .phone {
    display: flex;
    align-items: center;
}

header .navigation .phone p {
    font-size: 16px;
    color: #6e6e77;
    font-weight: 500;
    margin-left: 13px;
    position: relative;
}

header .navigation .phone img {
    width: 24px;
    height: 24px;
}

main.cart-page {
    display: flex;
    justify-content: center;
}

main.cart-page .container section {
    display: flex;
    justify-content: space-between;
}

main.cart-page .container section .products {
    width: 100%;
    display: flex;
    flex: 0 0 64%;
    margin-top: 33px;
    flex-direction: column;
}

main.cart-page .container section .products__list {
    display: flex;
    flex-direction: column;
}

main.cart-page .container section .products__list .product {
    width: 100%;
    display: flex;
    position: relative;
    padding: 24px 32px;
    border-top: 1px solid #dcdce5;
}

main.cart-page .container section .products__list .product__image .image-container>img {
    width: 168px;
    height: 168px;
}

main.cart-page .container section .products__list .product__image .counter-container {
    display: flex;
    margin-top: 16px;
    align-items: center;
}

main.cart-page .container section .products__list .product__image .counter-container>button {
    width: 40px;
    height: 40px;
    border: none;
    margin: 0 16px;
    cursor: pointer;
}

main.cart-page .container section .products__list .product__image .counter-container>button.positive {
    background: url("./assets/img/Path 34.png") no-repeat center center #f5f5f7;
}

main.cart-page .container section .products__list .product__image .counter-container>button.negative {
    background: url("./assets/img/Path 7548.png") no-repeat center center #f5f5f7;
}

main.cart-page .container section .products__list .product__image .counter-container>button.disabled {
    background: url("./assets/img/Path 7547.png") no-repeat center center #f5f5f7;
}

main.cart-page .container section .products__list .product__image .counter-container>span {
    color: #ff4c43;
}

main.cart-page .container section .products__list .product__text .warranty {
    font-size: 12px;
    position: relative;
    font-weight: normal;
    padding-right: 30px;
}

main.cart-page .container section .products__list .product__text .warranty:before {
    top: 0;
    right: 0;
    content: "";
    width: 24px;
    height: 24px;
    position: absolute;
    background: url("./assets/img/Group 5456.png") no-repeat 0 0;
}

main.cart-page .container section .products__list .product__text .dropdown-container {
    /* display: flex; */
    justify-content: space-between;
}

main.cart-page .container section .products__list .product__text .dropdown-container .trash {
    left: 30px;
    width: 24px;
    height: 24px;
    opacity: 0.6;
    cursor: pointer;
    margin-top: 10px;
    position: absolute;
    background: url("./assets/img/delete.png") no-repeat 0 0;
}

main.cart-page .container section .products__list .product__text .dropdown-container .trash:hover {
    opacity: 1;
}

main.cart-page .container section .products__list .product__text .dropdown-container .dropdown-colors select {
    width: 264px;
    margin-top: 16px;
    appearance: none;
    border-radius: 2px;
    padding: 12px 16px;
    border: 1px #c0c0c9 solid;
    -moz-appearance: none;
    /* Firefox */
    -webkit-appearance: none;
    /* Safari and Chrome */
    background: url("./assets/img/down.png") 16px center/auto no-repeat;
}

main.cart-page .container section .products__list .product__text .discount {
    color: #ff766f;
    margin-top: 16px;
    font-weight: 600;
}

main.cart-page .container section .products__list .product__text .fee {
    margin-top: 12px;
}

main.cart-page .container section .products__total {
    display: flex;
    margin-bottom: 100px;
    justify-content: flex-end;
    padding: 20px 0 20px 24px;
    border-top: 1px solid #dcdce5;
    border-bottom: 1px solid #dcdce5;
}

main.cart-page .container section .products__total .total-container {
    display: flex;
}

main.cart-page .container section .products__total .total-container .title {
    margin-right: 8px;
}

main.cart-page .container section .left-sidebar {
    top: 128px;
    display: flex;
    height: 640px;
    position: sticky;
    flex: 0 0 33.33%;
    background: #f5f5f7;
    flex-direction: column;
    justify-content: space-between;
}

main.cart-page .container section .left-sidebar .left-sidebar-container {
    padding: 65px 24px 0 24px;
}

main.cart-page .container section .left-sidebar .left-sidebar-container .title {
    font-weight: 400;
}

main.cart-page .container section .left-sidebar .left-sidebar-container .description {
    margin-top: 16px;
}

main.cart-page .container section .left-sidebar .left-sidebar-container>span {
    width: 100%;
    display: flex;
    justify-content: space-between;
}

main.cart-page .container section .left-sidebar .left-sidebar-container>span.input-container {
    margin: 16px 0 32px;
}

main.cart-page .container section .left-sidebar .left-sidebar-container>span.total-card {
    padding-top: 16px;
    border-top: 1px solid #dcdce5;
    border-bottom: 1px solid #dcdce5;
}

main.cart-page .container section .left-sidebar .left-sidebar-container>span .title {
    margin-bottom: 15px;
}

main.cart-page .container section .left-sidebar .left-sidebar-container input.copun {
    border: none;
    flex: 0 0 63%;
    color: #6e6e77;
    border-radius: 2px;
    background: #fff;
    padding: 14px 16px 14px 0;
}

main.cart-page .container section .left-sidebar .left-sidebar-container input::placeholder {
    color: #a3a3ad;
}

main.cart-page .container section .left-sidebar .left-sidebar-container input.submit {
    border: none;
    flex: 0 0 33%;
    color: #fff;
    font-size: 14px;
    cursor: pointer;
    background: #53535b;
}

main.cart-page .container section .left-sidebar .left-sidebar-container input.submit:hover {
    background: #222226;
}

main.cart-page .container section .left-sidebar .checkout {
    width: 100%;
    border: none;
    color: #fff;
    padding: 16px 0;
    cursor: pointer;
    background: #ff4c43;
    justify-content: center;
    border-top-left-radius: 2px;
    border-top-right-radius: 2px;
}

footer {
    direction: rtl;
    display: flex;
    min-height: 577px;
    justify-content: center;
    background: url("./assets/img/footer-bg.png") left 100%/cover no-repeat #f5f5f7;
}

footer .container .breadcrumb {
    display: flex;
    margin: 24px 0;
    font-size: 14px;
    align-items: center;
}

footer .container .breadcrumb .current-page {
    color: #a3a3ad;
}

footer .container .breadcrumb>img {
    width: 16px;
    height: 16px;
    margin: 0 8px;
}

footer .container .columns {
    display: flex;
    justify-content: space-between;
}

footer .container .columns>div {
    flex: 0 0 30%;
    max-width: 30%;
}

footer .container .columns>div .title {
    font-size: 18px;
    text-align: right;
}

footer .container .columns>div ul {
    margin-top: 16px;
}

footer .container .columns>div ul li a {
    font-size: 14px;
    color: #53535b;
}

footer .container .columns>div ul li a:hover {
    color: #222226;
}

footer .container .columns>div.footer-socials .title {
    margin-bottom: 12px;
}

footer .container .columns>div.footer-socials>img {
    cursor: pointer;
    margin-left: 16px;
    margin-bottom: 10px;
}

footer .container .columns>div.footer-socials form {
    display: flex;
}

footer .container .columns>div.footer-socials form input[type=submit] {
    width: 48px;
    border: none;
    height: 48px;
    opacity: 0.7;
    cursor: pointer;
    overflow: hidden;
    border-radius: 4%;
    text-indent: -9999px;
    background: url("./assets/img/Component 6 – 1.png") #53535b no-repeat center center;
}

footer .container .columns>div.footer-socials form input[type=submit]:hover {
    opacity: 1;
    z-index: 1;
}

footer .container .columns>div.footer-socials form input[type=text] {
    width: 312px;
    height: 48px;
    border: none;
    text-align: left;
    margin-right: -3px;
    padding: 8px 4px 2px;
    background-color: #fff;
}

footer .container .columns>div.footer-socials form input[type=text]::placeholder {
    color: #a3a3ad;
    font-size: 16px;
}

footer .container .footer-contact {
    display: flex;
    padding: 24px 0;
    margin-top: 32px;
    align-items: center;
    justify-content: center;
    border-top: 1px solid #c0c0c9;
    border-bottom: 1px solid #c0c0c9;
}

footer .container .footer-contact span {
    font-size: 18px;
    font-weight: 500;
    margin-left: 24px;
}

footer .container .footer-contact img {
    margin-left: 12px;
}

footer .container .copyright {
    display: flex;
    margin: 24px 0;
    align-items: center;
    justify-content: space-between;
}

footer .container .copyright p {
    font-size: 14px;
    color: #a3a3ad;
}

footer .container .copyright>div {
    display: flex;
}

footer .container .copyright>div img {
    width: 80px;
    height: 80px;
    margin-right: 24px;
}

main.checkout-page {
    display: flex;
    justify-content: center;
}

main.checkout-page .container section {
    display: flex;
    justify-content: space-between;
}

main.checkout-page .container section .checkout {
    width: 100%;
    flex: 0 0 62%;
    display: flex;
    margin-top: 33px;
    flex-direction: column;
}

main.checkout-page .container section .checkout__topbar {
    width: 100%;
    display: flex;
    flex-direction: column;
}

main.checkout-page .container section .checkout__topbar .levels {
    display: flex;
    margin-bottom: 13px;
    justify-content: space-between;
}

main.checkout-page .container section .checkout__topbar .progress-bar {
    height: 24px;
    display: flex;
    position: relative;
    align-items: center;
    border-radius: 20px;
    background: #dcdce5;
    justify-content: space-between;
}

main.checkout-page .container section .checkout__topbar .progress-bar:before {
    z-index: 0;
    content: '';
    width: 51.7%;
    height: 100%;
    position: absolute;
    border-radius: 20px;
    background: #2dc38d;
}

main.checkout-page .container section .checkout__topbar .progress-bar>img {
    z-index: 1;
    width: 20px;
    height: 20px;
}

main.checkout-page .container section .checkout__topbar .progress-bar>img:last-child {
    margin-left: 2px;
}

main.checkout-page .container section .checkout__topbar .progress-bar>img:first-child {
    margin-right: 2px;
}

main.checkout-page .container section .checkout>h2.title {
    color: #6e6e77;
    font-weight: 400;
    margin-top: 21px;
}

main.checkout-page .container section .checkout__cards>h2.title {
    font-size: 24px;
    margin-top: 28px;
    margin-bottom: 21px;
}

main.checkout-page .container section .checkout__cards .cards-list {
    display: flex;
    flex-wrap: wrap;
}

main.checkout-page .container section .checkout__cards .cards-list .card {
    flex: 0 0 31%;
    padding: 16px;
    max-width: 31%;
    cursor: pointer;
    margin-left: 22px;
    border-radius: 2px;
    margin-bottom: 22px;
    transition: 0.3s all;
    border: 1px solid #c0c0c9;
}

main.checkout-page .container section .checkout__cards .cards-list .card:hover {
    transition: 0.3s all;
    box-shadow: 0 8px 14px #c0c0c9;
}

main.checkout-page .container section .checkout__cards .cards-list .card:nth-child(3) {
    margin-left: 0;
}

main.checkout-page .container section .checkout__cards .cards-list .card:nth-child(6) {
    margin-left: 0;
}

main.checkout-page .container section .checkout__cards .cards-list .card:nth-child(9) {
    margin-left: 0;
}

main.checkout-page .container section .checkout__cards .cards-list .card__top {
    display: flex;
    margin-bottom: 13px;
    align-items: center;
    padding-bottom: 13px;
    border-bottom: 1px solid #dcdce5;
}

main.checkout-page .container section .checkout__cards .cards-list .card__top.no-border {
    border-bottom: none;
}

main.checkout-page .container section .checkout__cards .cards-list .card__top img {
    width: 24px;
    height: 24px;
    margin-left: 8px;
}

main.checkout-page .container section .checkout__cards .cards-list .card__top img.ship {
    width: 33px;
    height: 100%;
}

main.checkout-page .container section .checkout__cards .cards-list .card__top img.post {
    width: 27px;
    height: 100%;
}

main.checkout-page .container section .checkout__cards .cards-list .card__top img.snapp {
    width: 39px;
    height: 100%;
}

main.checkout-page .container section .checkout__cards .cards-list .card__top .circle {
    width: 24px;
    height: 24px;
    margin-left: 8px;
    background: url("./assets/img/circle-2.png") 100%/100% no-repeat;
}

main.checkout-page .container section .checkout__cards .cards-list .card__top .payment {
    width: 32px;
    height: 24px;
    margin-left: 8px;
}

main.checkout-page .container section .checkout__cards .cards-list .card__top .payment--online {
    background: url("./assets/img/payment (1).png") 100%/100% no-repeat;
}

main.checkout-page .container section .checkout__cards .cards-list .card__top .payment--local {
    background: url("./assets/img/card.png") 100%/100% no-repeat;
}

main.checkout-page .container section .checkout__cards .cards-list .card__top .payment--rental {
    background: url("./assets/img/group 4526.png") 100%/100% no-repeat;
}

main.checkout-page .container section .checkout__cards .cards-list .card--selected {
    border: 1px solid #ffa09b;
    box-shadow: 0 8px 14px #c0c0c9;
}

main.checkout-page .container section .checkout__cards .cards-list .card--selected .card__top .description {
    color: #ff766f;
}

main.checkout-page .container section .checkout__cards .cards-list .card--selected .card__top .circle {
    background: url("./assets/img/red-circle.png") 100%/100% no-repeat;
}

main.checkout-page .container section .checkout__cards .cards-list .card--selected .card__top .payment--online {
    background: url("./assets/img/Group 4527.png") 100%/100% no-repeat;
}

main.checkout-page .container section .checkout__cards .cards-list .card--selected .card__top .payment--local {
    background: url("./assets/img/Group 4525.png") 100%/100% no-repeat;
}

main.checkout-page .container section .checkout__cards .cards-list .card--selected .card__top .payment--rental {
    background: url("./assets/img/payment (2).png") 100%/100% no-repeat;
}

main.checkout-page .container section .checkout__cards .cards-list .card>h2.title {
    margin-bottom: 10px;
}

main.checkout-page .container section .checkout__cards .cards-list .card .text-icon {
    display: flex;
    align-items: center;
}

main.checkout-page .container section .checkout__cards .cards-list .card .text-icon img {
    width: 16px;
    height: 16px;
    margin-left: 8px;
}

main.checkout-page .container section .checkout__cards .cards-list .card .text-icon .description {
    color: #6e6e77;
}

main.checkout-page .container section .checkout__cards .cards-list .card .icons {
    display: flex;
    margin-top: 21px;
    justify-content: space-between;
}

main.checkout-page .container section .checkout__cards .cards-list .card .icons button {
    cursor: pointer;
    background: transparent;
}

main.checkout-page .container section .checkout__cards .cards-list .card .icons button:hover img {
    opacity: 1;
}

main.checkout-page .container section .checkout__cards .cards-list .card .icons button>img {
    width: 24px;
    height: 24px;
    opacity: 0.55;
}

main.checkout-page .container section .checkout__cards .cards-list .add-card {
    flex: 0 0 31%;
    padding: 16px;
    display: flex;
    max-width: 31%;
    cursor: pointer;
    min-height: 298px;
    border-radius: 2px;
    margin-bottom: 22px;
    align-items: center;
    transition: 0.3s all;
    justify-content: center;
    border: 1px dashed #c0c0c9;
}

main.checkout-page .container section .checkout__cards .cards-list .add-card:hover {
    transition: 0.3s all;
    border: 1px dashed #53535b;
}

main.checkout-page .container section .checkout__cards .cards-list .add-card .description {
    color: #898993;
}

main.checkout-page .container section .checkout__pagination {
    display: flex;
    margin-top: 32px;
    justify-content: flex-end;
}

main.checkout-page .container section .checkout__pagination img {
    width: 16px;
    height: 16px;
    margin: 0 8px;
}

main.checkout-page .container section .checkout__pagination .back-button {
    height: 48px;
    display: flex;
    cursor: pointer;
    padding: 0 24px;
    align-items: center;
    justify-content: center;
}

main.checkout-page .container section .checkout__pagination .back-button:hover {
    background: #f5f5f7;
}

main.checkout-page .container section .checkout__pagination .next-button {
    height: 48px;
    display: flex;
    color: #fff;
    cursor: pointer;
    padding: 0 24px;
    align-items: center;
    background: #53535b;
    justify-content: center;
}

main.checkout-page .container section .checkout__pagination .next-button:hover {
    background: #222226;
}

main.checkout-page .container section .left-sidebar {
    top: 128px;
    display: flex;
    height: 640px;
    position: sticky;
    flex: 0 0 33.33%;
    background: #f5f5f7;
    flex-direction: column;
    justify-content: space-between;
}

main.checkout-page .container section .left-sidebar .left-sidebar-container {
    max-height: 590px;
    overflow-y: scroll;
    padding: 65px 24px 0 24px;
}

main.checkout-page .container section .left-sidebar .left-sidebar-container .title {
    font-weight: 400;
}

main.checkout-page .container section .left-sidebar .left-sidebar-container .description {
    margin-top: 16px;
}

main.checkout-page .container section .left-sidebar .left-sidebar-container>span {
    width: 100%;
    display: flex;
    margin-bottom: 15px;
    justify-content: space-between;
}

main.checkout-page .container section .left-sidebar .left-sidebar-container>span.checkout-price .title {
    font-size: 18px;
    font-weight: 600;
}

main.checkout-page .container section .left-sidebar .left-sidebar-container>span.summary {
    height: 64px;
    display: flex;
    cursor: pointer;
    color: #898993;
    margin-bottom: 24px;
    align-items: center;
    border-top: 1px solid #dcdce5;
    border-bottom: 1px solid #dcdce5;
}

main.checkout-page .container section .left-sidebar .left-sidebar-container>span.summary--back {
    justify-content: flex-start;
}

main.checkout-page .container section .left-sidebar .left-sidebar-container>span.summary h2.title {
    color: #898993;
}

main.checkout-page .container section .left-sidebar .left-sidebar-container>span.summary:hover h2.title {
    color: #222226;
}

main.checkout-page .container section .left-sidebar .left-sidebar-container>span.summary img {
    width: 24px;
    height: 24px;
}

main.checkout-page .container section .left-sidebar .left-sidebar-container>span.item .item-text {
    margin-right: 24px;
}

main.checkout-page .container section .left-sidebar .left-sidebar-container>span.item .item-text .color-item {
    display: flex;
    align-items: center;
}

main.checkout-page .container section .left-sidebar .left-sidebar-container>span.item .item-text .color-item .color {
    margin-right: 5px;
}

main.checkout-page .container section .left-sidebar .left-sidebar-container>span.item .item-text .color-item .color--blue {
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background: #6dc3e9;
}

main.checkout-page .container section .left-sidebar .left-sidebar-container>span.item .item-text .color-item .description {
    margin-top: 0;
}

main.checkout-page .container section .left-sidebar .checkout-button {
    width: 100%;
    border: none;
    color: #fff;
    padding: 16px 0;
    cursor: pointer;
    background: #ff4c43;
    justify-content: center;
    border-top-left-radius: 2px;
    border-top-right-radius: 2px;
}

main.checkout-page .container section .left-sidebar .checkout-button:hover {
    background: #ff4c43;
}

main.order-registered-page {
    display: flex;
    justify-content: center;
}

main.order-registered-page .container section {
    height: 640px;
    display: flex;
    align-items: center;
    justify-content: center;
}

main.order-registered-page .container section>img {
    width: 280px;
    height: 280px;
    margin-left: 64px;
}

main.order-registered-page .container section>div {
    max-width: 360px;
}

main.order-registered-page .container section>div>span {
    display: flex;
    align-items: center;
    margin-bottom: 15px;
}

main.order-registered-page .container section>div>span .title {
    font-size: 24px;
}

main.order-registered-page .container section>div>span>img {
    width: 32px;
    height: 32px;
    margin-left: 12px;
}

main.order-registered-page .container section>div button {
    height: 48px;
    cursor: pointer;
    font-size: 14px;
    padding: 0 24px;
    margin-top: 21px;
    color: #ff4c43;
    position: relative;
    background: transparent;
}

main.order-registered-page .container section>div button:before {
    top: 0;
    right: 0;
    z-index: -1;
    width: 48px;
    content: '';
    height: 48px;
    border-radius: 2px;
    position: absolute;
    transition: 0.5s all;
    background: #ffdedd;
}

main.order-registered-page .container section>div button:hover:before {
    width: 100%;
    transition: 0.5s all;
}

main.customer-page {
    display: flex;
    background: #f5f5f7;
    justify-content: center;
}

main.customer-page .container {
    display: flex;
    justify-content: space-between;
}

main.customer-page .container .right-sidebar {
    display: flex;
    flex: 0 0 25%;
    height: 640px;
    max-width: 25%;
    align-items: center;
    flex-direction: column;
    background: url("./assets/img/profile-top.png") 100% -34%/100% no-repeat #fff;
}

main.customer-page .container .right-sidebar .profile-pic {
    width: 236px;
    display: flex;
    margin-top: 64px;
    align-items: center;
    padding-bottom: 10px;
    flex-direction: column;
    justify-content: center;
    border-bottom: 1px solid #dcdce5;
}

main.customer-page .container .right-sidebar .profile-pic>img {
    width: 96px;
    height: 96px;
    object-fit: none;
    border-radius: 50%;
    margin-bottom: 10px;
    border: 4px solid #fff;
}

main.customer-page .container .right-sidebar .profile-pic>.title {
    font-size: 18px;
}

main.customer-page .container .right-sidebar .side-nav {
    width: 100%;
    margin-top: 24px;
}

main.customer-page .container .right-sidebar .side-nav ul li {
    display: flex;
    cursor: pointer;
    align-items: center;
    padding-right: 32px;
    margin-bottom: 24px;
    border-right: 2px solid transparent;
}

main.customer-page .container .right-sidebar .side-nav ul li .title {
    font-weight: 500;
    margin-right: 8px;
}

main.customer-page .container .right-sidebar .side-nav ul li.selected,
main.customer-page .container .right-sidebar .side-nav ul li:hover {
    border-right: 2px solid #ff4c43;
}

main.customer-page .container .right-sidebar .side-nav ul li.selected .title,
main.customer-page .container .right-sidebar .side-nav ul li:hover .title {
    color: #ff4c43;
}

main.customer-page .container .right-sidebar .side-nav ul li.selected svg path,
main.customer-page .container .right-sidebar .side-nav ul li:hover svg path,
main.customer-page .container .right-sidebar .side-nav ul li.selected svg rect,
main.customer-page .container .right-sidebar .side-nav ul li:hover svg rect {
    fill: #ff4c43;
}

main.customer-page .container .dashboard {
    flex: 0 0 73%;
    max-width: 73%;
    flex-direction: column;
}

main.customer-page .container .dashboard>.title {
    margin-top: 60px;
    margin-right: 40px;
    margin-bottom: 8px;
}

main.customer-page .container .dashboard>.description {
    margin-right: 40px;
}

main.customer-page .container .dashboard__cards {
    display: flex;
    margin-top: 30px;
    justify-content: space-between;
}

main.customer-page .container .dashboard__cards .card {
    display: flex;
    height: 254px;
    padding: 24px;
    flex: 0 0 48.4%;
    align-items: center;
    background: #fff;
    flex-direction: column;
    justify-content: space-between;
}

main.customer-page .container .dashboard__cards .card__top {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

main.customer-page .container .dashboard__cards .card__top .card__details {
    overflow: auto;
    max-height: 160px;
}

main.customer-page .container .dashboard__cards .card__top .card__details .title {
    font-weight: 500;
}

main.customer-page .container .dashboard__cards .card__top .card__details .title--main {
    font-size: 24px;
    margin-bottom: 10px;
}

main.customer-page .container .dashboard__cards .card__top .card__details .address {
    display: flex;
    cursor: pointer;
    align-items: center;
}

main.customer-page .container .dashboard__cards .card__top .card__details .address .title {
    max-width: 160px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

main.customer-page .container .dashboard__cards .card__top .card__details .address .circle {
    width: 16px;
    height: 16px;
    margin-left: 8px;
    background: url("./assets/img/circle-outline.png");
}

main.customer-page .container .dashboard__cards .card__top .card__details .address--selected .circle {
    background: url("./assets/img/circle-selected.png");
}

main.customer-page .container .dashboard__cards .card__top .card__progress {
    width: 128px;
    height: 128px;
    display: flex;
    text-align: center;
    position: relative;
    align-items: center;
    flex-direction: column;
    justify-content: center;
}

main.customer-page .container .dashboard__cards .card__top .card__progress .title {
    line-height: 1;
    font-size: 24px;
    color: #2dc38d;
    font-weight: bolder;
}

main.customer-page .container .dashboard__cards .card__top .card__progress .pie {
    top: 0;
    left: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
    position: absolute;
    clip: rect(0, 128px, 128px, 64px);
}

main.customer-page .container .dashboard__cards .card__top .card__progress .pie .half-circle {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    position: absolute;
    border: 8px solid #2dc38d;
    clip: rect(0, 64px, 128px, 0);
}

main.customer-page .container .dashboard__cards .card__top .card__progress .pie--10 .left-side {
    transform: rotate(36deg);
}

main.customer-page .container .dashboard__cards .card__top .card__progress .pie--10 .right-side {
    display: none;
}

main.customer-page .container .dashboard__cards .card__top .card__progress .pie--20 .left-side {
    transform: rotate(72deg);
}

main.customer-page .container .dashboard__cards .card__top .card__progress .pie--20 .right-side {
    display: none;
}

main.customer-page .container .dashboard__cards .card__top .card__progress .pie--25 .left-side {
    transform: rotate(90deg);
}

main.customer-page .container .dashboard__cards .card__top .card__progress .pie--25 .right-side {
    display: none;
}

main.customer-page .container .dashboard__cards .card__top .card__progress .pie--30 .left-side {
    transform: rotate(108deg);
}

main.customer-page .container .dashboard__cards .card__top .card__progress .pie--30 .right-side {
    display: none;
}

main.customer-page .container .dashboard__cards .card__top .card__progress .pie--40 .left-side {
    transform: rotate(144deg);
}

main.customer-page .container .dashboard__cards .card__top .card__progress .pie--40 .right-side {
    display: none;
}

main.customer-page .container .dashboard__cards .card__top .card__progress .pie--50 .left-side {
    transform: rotate(180deg);
}

main.customer-page .container .dashboard__cards .card__top .card__progress .pie--50 .right-side {
    display: none;
}

main.customer-page .container .dashboard__cards .card__top .card__progress .pie--60 {
    clip: rect(auto, auto, auto, auto);
}

main.customer-page .container .dashboard__cards .card__top .card__progress .pie--60 .left-side {
    transform: rotate(216deg);
}

main.customer-page .container .dashboard__cards .card__top .card__progress .pie--60 .right-side {
    transform: rotate(180deg);
}

main.customer-page .container .dashboard__cards .card__top .card__progress .pie--70 {
    clip: rect(auto, auto, auto, auto);
}

main.customer-page .container .dashboard__cards .card__top .card__progress .pie--70 .left-side {
    transform: rotate(252deg);
}

main.customer-page .container .dashboard__cards .card__top .card__progress .pie--70 .right-side {
    transform: rotate(180deg);
}

main.customer-page .container .dashboard__cards .card__top .card__progress .pie--75 {
    clip: rect(auto, auto, auto, auto);
}

main.customer-page .container .dashboard__cards .card__top .card__progress .pie--75 .left-side {
    transform: rotate(270deg);
}

main.customer-page .container .dashboard__cards .card__top .card__progress .pie--75 .right-side {
    transform: rotate(180deg);
}

main.customer-page .container .dashboard__cards .card__top .card__progress .pie--80 {
    clip: rect(auto, auto, auto, auto);
}

main.customer-page .container .dashboard__cards .card__top .card__progress .pie--80 .left-side {
    transform: rotate(288deg);
}

main.customer-page .container .dashboard__cards .card__top .card__progress .pie--80 .right-side {
    transform: rotate(180deg);
}

main.customer-page .container .dashboard__cards .card__top .card__progress .pie--90 {
    clip: rect(auto, auto, auto, auto);
}

main.customer-page .container .dashboard__cards .card__top .card__progress .pie--90 .left-side {
    transform: rotate(324deg);
}

main.customer-page .container .dashboard__cards .card__top .card__progress .pie--90 .right-side {
    transform: rotate(180deg);
}

main.customer-page .container .dashboard__cards .card__top .card__progress .pie--100 {
    clip: rect(auto, auto, auto, auto);
}

main.customer-page .container .dashboard__cards .card__top .card__progress .pie--100 .left-side {
    transform: rotate(360deg);
}

main.customer-page .container .dashboard__cards .card__top .card__progress .pie--100 .right-side {
    transform: rotate(180deg);
}

main.customer-page .container .dashboard__cards .card__top .card__progress .shadow {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    position: absolute;
    border: 8px solid #dcdce5;
}

main.customer-page .container .dashboard__cards .card__edit {
    display: flex;
    cursor: pointer;
    align-items: center;
    align-self: flex-end;
}

main.customer-page .container .dashboard__cards .card__edit img {
    width: 10px;
    height: 10px;
    margin-left: 7px;
}

main.customer-page .container .dashboard__cards .card__edit .description {
    color: #ff4c43;
}

main.customer-page .container .dashboard__orders {
    display: flex;
    padding: 24px;
    margin-top: 24px;
    background: #fff;
    margin-bottom: 100px;
    flex-direction: column;
}

main.customer-page .container .dashboard__orders>.title {
    margin-top: 4px;
    margin-bottom: 24px;
}

main.customer-page .container .dashboard__orders table {
    width: 100%;
}

main.customer-page .container .dashboard__orders table thead {
    text-align: right;
}

main.customer-page .container .dashboard__orders table thead tr {
    padding-right: 15px;
    background: #dcdce5;
}

main.customer-page .container .dashboard__orders table thead tr th {
    font-size: 14px;
    padding: 15px 0;
}

main.customer-page .container .dashboard__orders table thead tr th:first-child {
    padding-right: 16px;
}

main.customer-page .container .dashboard__orders table tbody tr {
    cursor: pointer;
}

main.customer-page .container .dashboard__orders table tbody tr:nth-child(even) {
    background: #f5f5f7;
}

main.customer-page .container .dashboard__orders table tbody tr td {
    padding: 15px;
    position: relative;
    vertical-align: middle;
}

main.customer-page .container .dashboard__orders table tbody tr td:first-child {
    padding-right: 15px;
}

main.customer-page .container .dashboard__orders table tbody tr td.waiting {
    color: #ff4c43;
}

main.customer-page .container .dashboard__orders table tbody tr td.waiting:before {
    width: 46%;
    content: '';
    bottom: 33%;
    position: absolute;
    border-bottom: 1px dashed #ff4c43;
}

main.customer-page .container .dashboard__orders table tbody tr td.progress {
    color: #18aaea;
}

main.customer-page .container .dashboard__orders table tbody tr td.progress>span {
    padding: 0 7px;
    border-radius: 25px;
    background: #d9f3ff;
}

main.customer-page .container .dashboard__orders table tbody tr td.sent {
    color: #11aa5d;
}

main.customer-page .container .dashboard__orders table tbody tr td.sent>span {
    padding: 0 7px;
    border-radius: 25px;
    background: #ccffe5;
}

main.customer-page .container .dashboard__orders table tbody tr td.testt {
    color: #ff1a51;
}

main.customer-page .container .dashboard__orders table tbody tr td.testt>span {
    padding: 0 7px;
    border-radius: 25px;
    background: #ffdeeb;
}

main.customer-page .container .dashboard__orders .red-button {
    width: 175px;
    height: 48px;
    cursor: pointer;
    margin-top: 32px;
    color: #ff4c43;
    margin-bottom: 8px;
    align-self: center;
    background: #ffdedd;
}

main.customer-page .container .addresses {
    flex: 0 0 73%;
    padding: 24px;
    max-width: 73%;
    margin-top: 32px;
    background: #fff;
    margin-bottom: 100px;
}

main.customer-page .container .addresses__cards {
    flex: 0 0 100%;
}

main.customer-page .container .addresses__cards>h2.title {
    font-size: 24px;
    margin-bottom: 25px;
}

main.customer-page .container .addresses__cards .cards-list {
    display: flex;
    padding: 0 8px;
    flex-wrap: wrap;
}

main.customer-page .container .addresses__cards .cards-list .card {
    flex: 0 0 31%;
    padding: 16px;
    max-width: 31%;
    cursor: pointer;
    margin-left: 22px;
    border-radius: 2px;
    margin-bottom: 22px;
    transition: 0.3s all;
    border: 1px solid #c0c0c9;
}

main.customer-page .container .addresses__cards .cards-list .card:hover {
    transition: 0.3s all;
    box-shadow: 0 8px 14px #c0c0c9;
}

main.customer-page .container .addresses__cards .cards-list .card:nth-child(3) {
    margin-left: 0;
}

main.customer-page .container .addresses__cards .cards-list .card:nth-child(6) {
    margin-left: 0;
}

main.customer-page .container .addresses__cards .cards-list .card:nth-child(9) {
    margin-left: 0;
}

main.customer-page .container .addresses__cards .cards-list .card__top {
    display: flex;
    margin-bottom: 13px;
    align-items: center;
    padding-bottom: 13px;
    border-bottom: 1px solid #dcdce5;
}

main.customer-page .container .addresses__cards .cards-list .card__top.no-border {
    border-bottom: none;
}

main.customer-page .container .addresses__cards .cards-list .card__top img {
    width: 24px;
    height: 24px;
    margin-left: 8px;
}

main.customer-page .container .addresses__cards .cards-list .card__top img.ship {
    width: 33px;
    height: 100%;
}

main.customer-page .container .addresses__cards .cards-list .card__top img.post {
    width: 27px;
    height: 100%;
}

main.customer-page .container .addresses__cards .cards-list .card__top img.snapp {
    width: 39px;
    height: 100%;
}

main.customer-page .container .addresses__cards .cards-list .card__top .circle {
    width: 24px;
    height: 24px;
    margin-left: 8px;
    background: url("./assets/img/circle-2.png") 100%/100% no-repeat;
}

main.customer-page .container .addresses__cards .cards-list .card__top .payment {
    width: 32px;
    height: 24px;
    margin-left: 8px;
}

main.customer-page .container .addresses__cards .cards-list .card__top .payment--online {
    background: url("./assets/img/payment (1).png") 100%/100% no-repeat;
}

main.customer-page .container .addresses__cards .cards-list .card__top .payment--local {
    background: url("./assets/img/card.png") 100%/100% no-repeat;
}

main.customer-page .container .addresses__cards .cards-list .card__top .payment--rental {
    background: url("./assets/img/group 4526.png") 100%/100% no-repeat;
}

main.customer-page .container .addresses__cards .cards-list .card--selected {
    border: 1px solid #ffa09b;
    box-shadow: 0 8px 14px #c0c0c9;
}

main.customer-page .container .addresses__cards .cards-list .card--selected .card__top .description {
    color: #ff766f;
}

main.customer-page .container .addresses__cards .cards-list .card--selected .card__top .circle {
    background: url("./assets/img/red-circle.png") 100%/100% no-repeat;
}

main.customer-page .container .addresses__cards .cards-list .card--selected .card__top .payment--online {
    background: url("./assets/img/Group 4527.png") 100%/100% no-repeat;
}

main.customer-page .container .addresses__cards .cards-list .card--selected .card__top .payment--local {
    background: url("./assets/img/Group 4525.png") 100%/100% no-repeat;
}

main.customer-page .container .addresses__cards .cards-list .card--selected .card__top .payment--rental {
    background: url("./assets/img/payment (2).png") 100%/100% no-repeat;
}

main.customer-page .container .addresses__cards .cards-list .card>h2.title {
    margin-bottom: 10px;
}

main.customer-page .container .addresses__cards .cards-list .card .text-icon {
    display: flex;
    align-items: center;
}

main.customer-page .container .addresses__cards .cards-list .card .text-icon img {
    width: 16px;
    height: 16px;
    margin-left: 8px;
}

main.customer-page .container .addresses__cards .cards-list .card .text-icon .description {
    color: #6e6e77;
}

main.customer-page .container .addresses__cards .cards-list .card .icons {
    display: flex;
    margin-top: 21px;
    justify-content: space-between;
}

main.customer-page .container .addresses__cards .cards-list .card .icons button {
    cursor: pointer;
    background: transparent;
}

main.customer-page .container .addresses__cards .cards-list .card .icons button:hover img {
    opacity: 1;
}

main.customer-page .container .addresses__cards .cards-list .card .icons button>img {
    width: 24px;
    height: 24px;
    opacity: 0.55;
}

main.customer-page .container .addresses__cards .cards-list .add-card {
    flex: 0 0 31%;
    padding: 16px;
    display: flex;
    max-width: 31%;
    cursor: pointer;
    min-height: 298px;
    border-radius: 2px;
    margin-bottom: 22px;
    align-items: center;
    transition: 0.3s all;
    justify-content: center;
    border: 1px dashed #c0c0c9;
}

main.customer-page .container .addresses__cards .cards-list .add-card:hover {
    transition: 0.3s all;
    border: 1px dashed #53535b;
}

main.customer-page .container .addresses__cards .cards-list .add-card .description {
    color: #898993;
}

@media only screen and (max-width: 992px) {
    header .header-fixed {
        position: unset;
    }
    header .header-fixed .header {
        height: 104px;
        max-width: 90%;
        flex-direction: column;
        justify-content: space-around;
    }
    header .header-fixed .header .mobile-menu {
        display: flex;
    }
    header .header-fixed .header .mobile-menu #menuToggle span {
        right: 23px;
    }
    header .header-fixed .header__right {
        order: 1;
        width: 100%;
    }
    header .header-fixed .header__right .search {
        width: 100%;
    }
    header .header-fixed .header__right .search form {
        width: 100%;
        display: flex;
    }
    header .header-fixed .header__right .search form input[type=submit] {
        width: 40px;
        height: 40px;
    }
    header .header-fixed .header__right .search form input[type=text] {
        margin: 0;
        width: 100%;
        height: 40px;
    }
    header .header-fixed .header__right .logo {
        display: none;
    }
    header .header-fixed .header__left {
        width: 100%;
        align-items: center;
        justify-content: flex-end;
    }
    header .header-fixed .header__left .mobile-logo {
        display: flex;
        margin-left: auto;
        margin-right: 35px;
    }
    header .header-fixed .header__left .mobile-logo img {
        width: 40px;
        height: 40px;
    }
    header .header-fixed .header__left .basket {
        display: flex;
    }
    header .header-fixed .header__left .like {
        display: flex;
    }
    header .navigation {
        display: none;
    }
}

@media only screen and (max-width: 1400px) {
    main.cart-page .container section .left-sidebar {
        height: calc(100vh - 128px);
    }
    main.cart-page .container section .left-sidebar .left-sidebar-container {
        padding: 0 24px 0 24px;
    }
    main.cart-page .container section .left-sidebar .left-sidebar-container>span.input-container {
        margin: 5px 0 13px;
    }
}

@media only screen and (max-width: 992px) {
    main.cart-page .container section {
        flex-direction: column;
    }
    main.cart-page .container section .products {
        flex: 0 0 100%;
    }
    main.cart-page .container section .products__head h1.title {
        margin-right: 40px;
    }
    main.cart-page .container section .products__list .product {
        padding: 16px 0;
    }
    main.cart-page .container section .products__list .product__image img {
        width: 100% !important;
        height: unset !important;
    }
    main.cart-page .container section .products__list .product__image .counter-container .positive {
        margin-right: 0;
    }
    main.cart-page .container section .products__list .product__text .warranty {
        font-size: 13px;
    }
    main.cart-page .container section .products__list .product__text .dropdown-container .dropdown-colors select {
        width: 144px;
    }
    main.cart-page .container section .products__total {
        right: 0;
        bottom: 0;
        width: 100%;
        height: 64px;
        padding: 0 5%;
        z-index: 99999;
        position: fixed;
        margin-bottom: 0;
        align-items: center;
        background: #fff;
        justify-content: space-between;
        box-shadow: 0px 1px 10px 0 rgba(0, 0, 0, 0.1);
    }
    main.cart-page .container section .products__total .total-container {
        flex-direction: column;
    }
    main.cart-page .container section .products__total .total-container .title {
        font-size: 11px;
    }
    main.cart-page .container section .products__total .checkout {
        height: 48px;
        width: 133px;
        border: none;
        display: flex;
        color: #fff;
        font-size: 14px;
        padding: 16px 0;
        cursor: pointer;
        border-radius: 2px;
        background: #ff4c43;
        justify-content: center;
    }
    main.cart-page .container section .left-sidebar {
        width: 110%;
        flex: 0 0 100%;
        margin-right: -5%;
    }
    main.cart-page .container section .left-sidebar h2.title {
        font-size: 14px;
    }
}

@media only screen and (max-width: 1400px) {
    main.checkout-page .container section .left-sidebar {
        height: calc(100vh - 128px);
    }
    main.checkout-page .container section .left-sidebar .left-sidebar-container {
        padding: 0 24px 0 24px;
    }
    main.checkout-page .container section .left-sidebar .left-sidebar-container>span.input-container {
        margin: 5px 0 13px;
    }
}

@media only screen and (max-width: 992px) {
    main.checkout-page .container section {
        flex-direction: column;
    }
    main.checkout-page .container section .checkout__topbar .progress-bar:before {
        width: 54%;
    }
    main.checkout-page .container section .checkout__cards .cards-list {
        flex-direction: column;
    }
    main.checkout-page .container section .checkout__cards .cards-list .card {
        flex: 0 0 100%;
        max-width: 100%;
        padding: 16px 0;
        box-shadow: none;
        border-left: none;
        border-right: none;
    }
    main.checkout-page .container section .checkout__cards .cards-list .card--selected {
        border-color: #c0c0c9;
    }
    main.checkout-page .container section .checkout__cards .cards-list .card:first-child {
        border-bottom: none;
    }
    main.checkout-page .container section .checkout__cards .cards-list .card__top {
        margin-bottom: 0;
        border-bottom: none;
    }
    main.checkout-page .container section .checkout__cards .cards-list .card:hover {
        box-shadow: none;
    }
    main.checkout-page .container section .checkout__cards .cards-list .add-card {
        padding: 5px 0;
        flex: 0 0 100%;
        max-width: 100%;
        margin-top: 20px;
    }
    main.checkout-page .container section .checkout__pagination {
        margin-bottom: 40px;
    }
    main.checkout-page .container section .checkout__pagination .back-button,
    main.checkout-page .container section .checkout__pagination .next-button {
        height: 40px;
        padding: 0 10px;
    }
    main.checkout-page .container section .checkout__pagination .back-button .description,
    main.checkout-page .container section .checkout__pagination .next-button .description {
        font-size: 13px;
    }
    main.checkout-page .container section .left-sidebar {
        width: 110%;
        flex: 0 0 100%;
        margin-right: -5%;
        margin-bottom: 48px;
    }
    main.checkout-page .container section .left-sidebar h2.title {
        font-size: 14px;
    }
    main.checkout-page .container section .left-sidebar h2.title.red {
        color: #53535b !important;
    }
    main.checkout-page .container section .left-sidebar .left-sidebar-container {
        padding: 0 5%;
        max-height: unset;
        overflow-y: unset;
        margin-bottom: 50px;
    }
    main.checkout-page .container section .left-sidebar .left-sidebar-container>span.summary {
        height: 54px;
        border-top: none;
    }
    main.checkout-page .container section .mobile-bottom-sidebar {
        right: 0;
        bottom: 0;
        width: 100%;
        height: 64px;
        z-index: 999;
        display: flex;
        padding: 0 5%;
        position: fixed;
        background: #fff;
        align-items: center;
        justify-content: space-between;
        box-shadow: 0px 1px 10px 0 rgba(0, 0, 0, 0.1);
    }
    main.checkout-page .container section .mobile-bottom-sidebar .checkout-button {
        color: #fff;
        cursor: pointer;
        font-size: 14px;
        padding: 14px 24px;
        background: #ff4c43;
        justify-content: center;
    }
    main.checkout-page .container section .mobile-bottom-sidebar .checkout-button:hover {
        background: #ff4c43;
    }
}

@media only screen and (max-width: 992px) {
    html {
        overflow-x: hidden;
    }
    .container {
        max-width: 90%;
    }
    .display-mobile {
        display: flex !important;
    }
    .display-desktop {
        display: none !important;
    }
    h1.title {
        font-size: 24px;
    }
    h2.title {
        font-size: 13px;
    }
}

@media only screen and (max-width: 992px) {
    main.order-registered-page .container section {
        height: unset;
        flex-direction: column;
    }
    main.order-registered-page .container section>img {
        width: 208px;
        height: 208px;
        margin-left: 0;
        margin-top: 76px;
        margin-bottom: 40px;
    }
    main.order-registered-page .container section>div {
        display: flex;
        margin-bottom: 76px;
        align-items: center;
        flex-direction: column;
    }
    main.order-registered-page .container section>div>span {
        margin-bottom: 15px;
        justify-content: center;
    }
    main.order-registered-page .container section>div>span .title {
        font-size: 20px;
    }
    main.order-registered-page .container section>div>span>img {
        width: 24px;
        height: 24px;
        margin-left: 12px;
    }
    main.order-registered-page .container section>div .description {
        text-align: center;
    }
    main.order-registered-page .container section>div button {
        height: 48px;
        cursor: pointer;
        font-size: 14px;
        padding: 0 24px;
        margin-top: 21px;
        color: #ff4c43;
        position: relative;
        background: transparent;
    }
    main.order-registered-page .container section>div button:before {
        top: 0;
        right: 0;
        z-index: -1;
        width: 48px;
        content: '';
        height: 48px;
        border-radius: 2px;
        position: absolute;
        transition: 0.5s all;
        background: #ffdedd;
    }
    main.order-registered-page .container section>div button:hover:before {
        width: 100%;
        transition: 0.5s all;
    }
}

@media only screen and (max-width: 992px) {
    main.customer-page .container {
        max-width: 100%;
    }
    main.customer-page .container .dashboard {
        flex: 0 0 100%;
        max-width: 100%;
    }
    main.customer-page .container .dashboard>.title {
        padding-right: 5%;
    }
    main.customer-page .container .dashboard>.title:before {
        right: -20px;
    }
    main.customer-page .container .dashboard>.description {
        margin-right: 0;
        padding-right: 5%;
    }
    main.customer-page .container .dashboard__cards {
        margin-top: 20px;
        flex-direction: column;
    }
    main.customer-page .container .dashboard__cards .card {
        margin-bottom: 16px;
    }
    main.customer-page .container .dashboard__orders>.title {
        font-size: 20px;
    }
    main.customer-page .container .dashboard__orders table {
        display: none;
    }
    main.customer-page .container .dashboard__orders .mobile-table {
        flex-direction: column;
    }
    main.customer-page .container .dashboard__orders .mobile-table .row {
        position: relative;
    }
    main.customer-page .container .dashboard__orders .mobile-table .row>img {
        left: 0;
        top: 40%;
        width: 24px;
        height: 24px;
        position: absolute;
    }
    main.customer-page .container .dashboard__orders .mobile-table .row>span {
        display: flex;
        margin-bottom: 16px;
        justify-content: space-between;
    }
    main.customer-page .container .dashboard__orders .mobile-table .row>span:first-child {
        margin-top: 16px;
    }
    main.customer-page .container .dashboard__orders .mobile-table .row p:nth-child(2) {
        width: 59%;
    }
    main.customer-page .container .dashboard__orders .mobile-table .row:nth-child(even) {
        width: 118%;
        margin-right: -9%;
        padding-right: 9%;
        background: #f5f5f7;
    }
    main.customer-page .container .dashboard__orders .mobile-table .row:nth-child(even)>img {
        left: 9%;
    }
    main.customer-page .container .addresses {
        padding: 5%;
        flex: 0 0 100%;
        max-width: 100%;
    }
    main.customer-page .container .addresses__cards {
        width: 100%;
    }
    main.customer-page .container .addresses__cards>.title {
        text-align: center;
    }
    main.customer-page .container .addresses__cards .cards-list {
        flex-direction: column;
    }
    main.customer-page .container .addresses__cards .cards-list .card {
        padding: 0;
        border: none;
        flex: 0 0 100%;
        margin-left: 0;
        max-width: 100%;
        box-shadow: none;
        border-bottom: 1px solid #dcdce5;
    }
    main.customer-page .container .addresses__cards .cards-list .card:hover {
        box-shadow: none;
    }
    main.customer-page .container .addresses__cards .cards-list .card__top {
        border-bottom: none;
    }
    main.customer-page .container .addresses__cards .cards-list .card:first-child {
        padding-top: 22px;
        border-top: 1px solid #dcdce5;
    }
    main.customer-page .container .addresses__cards .cards-list .add-card {
        padding: 0;
        height: 40px;
        flex: 0 0 100%;
        max-width: 100%;
        min-height: 40px;
    }
}

@media only screen and (max-width: 340px) {
    main.customer-page .container .dashboard__cards .card__top .card__details .title {
        max-width: 116px;
        overflow: hidden;
    }
    main.customer-page .container .dashboard__cards .card__top .card__details .title:last-child {
        text-overflow: ellipsis;
        direction: ltr;
    }
    main.customer-page .container .dashboard__cards .card__top .card__details .title--main {
        max-width: 138px;
    }
    main.customer-page .container .dashboard__cards .card__top .card__details .address .title {
        direction: rtl;
        max-width: 116px;
        overflow: hidden;
    }
}

@media only screen and (max-width: 992px) {
    footer {
        background: #f5f5f7;
    }
    footer .container .breadcrumb {
        font-size: 13px;
        margin: 24px 0 21px;
    }
    footer .container .columns {
        flex-direction: column;
    }
    footer .container .columns>div {
        flex: 0 0 100%;
        max-width: 100%;
        border-top: 1px solid #dcdce5;
    }
    footer .container .columns>div .title {
        font-size: 16px;
        margin-top: 12px;
    }
    footer .container .columns>div .title.accordion {
        display: flex;
        align-items: center;
        justify-content: space-between;
    }
    footer .container .columns>div .title.accordion:after {
        content: url("./assets/img/left-acc.png");
    }
    footer .container .columns>div .title.active:after {
        content: url("./assets/img/down-acc.png");
    }
    footer .container .columns>div .title.active~ul {
        height: 200px;
        visibility: visible;
        transition: 0.3s all;
    }
    footer .container .columns>div .title.active~ul.useful-links {
        height: 143px;
    }
    footer .container .columns>div ul {
        height: 0;
        margin-top: 0;
        overflow: hidden;
        visibility: hidden;
        transition: 0.3s all;
    }
    footer .container .columns>div.footer-contact.display-mobile {
        border: none;
        display: flex;
        margin-top: 0;
        padding: 24px 0;
        flex-direction: column;
        align-items: flex-start;
    }
    footer .container .columns>div.footer-contact.display-mobile>div {
        display: flex;
        align-items: center;
    }
    footer .container .columns>div.footer-contact.display-mobile>div span {
        font-size: 18px;
        font-weight: 500;
        margin-left: 24px;
    }
    footer .container .columns>div.footer-contact.display-mobile>div img {
        width: 20px;
        height: 20px;
        margin-left: 12px;
    }
    footer .container .columns>div.footer-socials {
        order: -1;
        border: none;
    }
    footer .container .columns>div.footer-socials .title {
        margin-top: 0;
        margin-bottom: 12px;
    }
    footer .container .columns>div.footer-socials>img {
        cursor: pointer;
        margin-left: 24px;
        margin-bottom: 10px;
    }
    footer .container .copyright {
        margin: 0;
        display: flex;
        align-items: center;
        flex-direction: column;
        justify-content: space-between;
    }
    footer .container .copyright p {
        margin: 16px 0;
        font-size: 14px;
        color: #a3a3ad;
    }
    footer .container .copyright>div {
        order: -1;
        width: 100%;
        display: flex;
        padding: 22px 0;
        border-top: 1px solid #dcdce5;
        border-bottom: 1px solid #dcdce5;
    }
    footer .container .copyright>div img {
        width: 80px;
        height: 80px;
        margin-right: 0;
        margin-left: 24px;
    }
}


/******************************************** customer-profile **********************************************/

main.customer-page .container .profile {
    flex: 0 0 73%;
    padding: 24px;
    max-width: 73%;
    margin-top: 32px;
    background: #fff;
    margin-bottom: 264px;
    flex-direction: column;
}

main.customer-page .container .profile>h2.title {
    font-size: 24px;
    margin-bottom: 32px;
}

main.customer-page .container .profile__form {
    display: flex;
    flex-direction: column;
}

main.customer-page .container .profile__form label {
    font-size: 14px;
    font-weight: 400;
    color: #3C3C42;
    display: block;
    padding: 16px 1px 8px 0;
}

main.customer-page .container .profile__form input,
main.customer-page .container .profile__form select {
    padding: 16px;
    border: 1px solid #C0C0C9;
    width: 100%;
    border-radius: 2px;
    font-size: 14px;
}

main.customer-page .container .profile__form select {
    padding: 16px;
    font-size: 14px;
    cursor: pointer;
    -webkit-appearance: none;
    background: url(./assets/img/down.png) 16px center/auto no-repeat;
}

main.customer-page .container .profile__form select option {
    max-height: 217px;
}

main.customer-page .container .profile__form select .select__item:hover {
    background-color: #FFF4F3 !important;
    width: 50%;
    margin: 8px 8px 8px 16px;
}

main.customer-page .container .profile__form input::placeholder {
    color: #A3A3AD;
}

main.customer-page .container .profile__form input:hover,
main.customer-page .container .profile__form select:hover {
    background-color: #fff;
    border-color: rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 0 0 0 4px rgba(234, 76, 137, 0.1);
    box-shadow: 0 0 0 4px rgba(234, 76, 137, 0.1);
}

main.customer-page .container .profile__form .active,
main.customer-page .container .profile__form input:active,
main.customer-page .container .profile__form input:focus,
main.customer-page .container .profile__form select:active,
main.customer-page .container .profile__form select:focus {
    border-color: #ffa09b;
    box-shadow: 0 0 0 4px rgba(234, 76, 137, 0.1);
    padding-left: 16px;
}

main.customer-page .container .profile__form button.close__icon {
    display: none;
}

main.customer-page .container .profile__form .input__holder {
    position: relative;
    height: 50px;
}

main.customer-page .container .profile__form input:focus~.close__icon,
main.customer-page .container .profile__form input:active~.close__icon {
    display: block;
    width: 24px;
    height: 24px;
    position: absolute;
    z-index: 1;
    left: 16px;
    top: 13px;
    bottom: 0;
    cursor: pointer;
    background: url("./assets/img/clear-24px.png") no-repeat 0 0;
}

main.customer-page .container .profile__form select:focus,
main.customer-page .container .profile__form select:active {
    background: url(./assets/img/down.png) 16px center/auto no-repeat;
}

main.customer-page .container .profile__form input.completed__edit,
main.customer-page .container .profile__form input:disabled {
    background-color: #F5F5F7;
    box-shadow: none;
    pointer-events: none;
}

main.customer-page .container .profile__form input.completed__edit:focus {
    border-color: #C0C0C9;
    background-image: none;
    pointer-events: none;
}

main.customer-page .container .profile__form .column {
    width: calc(51.5% - 24px);
    float: right;
    margin-left: 24px;
}

main.customer-page .container .profile__form .row:after {
    content: "";
    clear: both;
    display: grid;
}

main.customer-page .container .profile__form .column2 {
    float: right;
    margin-left: 16px;
    width: calc(33.98% - 16px);
}

main.customer-page .container .profile__form .column:last-child,
main.customer-page .container .profile__form .last-child {
    margin-left: 0 !important;
}

main.customer-page .container .profile__form input.brithday {
    display: none;
}

main.customer-page .container .profile__form .register__info {
    float: left;
    cursor: pointer;
    background-color: #53535B;
    color: #fff;
    padding: 16px 24px 14px;
    border-radius: 2px;
    margin: 24px 24px 8px 2px;
}

main.customer-page .container .profile__form .register__info:hover {
    background-color: #222226;
}

main.customer-page .container .profile .back__dashboard2 {
    display: none;
}

@media only screen and (max-width: 992px) {
    main.customer-page .container .profile {
        padding: 5%;
        flex: 0 0 100%;
        max-width: 100%;
    }
    main.customer-page .container .profile__form .column {
        width: 100%;
    }
    main.customer-page .container .profile__form input.brithday {
        display: block;
        background: url("./assets/img/calender.png") no-repeat scroll 72% center;
    }
    main.customer-page .container .profile__form input.brithday::placeholder {
        text-align: center;
        padding-right: 10px;
        padding-top: 4px;
        cursor: pointer;
    }
    main.customer-page .container .profile__form select {
        display: none;
    }
    main.customer-page .container .profile>h2.title {
        text-align: center;
    }
    main.customer-page .container .profile .back__dashboard2 {
        top: 32px;
        display: inline-block;
        right: 16px;
        width: 20px;
        height: 14px;
        position: relative;
        background: url("./assets/img/Path\ 712.png") no-repeat 0 0;
    }
}


/******************************************** customer-order **********************************************/

main.customer-page .container .order__container {
    flex: 0 0 73%;
    max-width: 73%;
    margin-top: 32px;
    background: #fff;
    margin-bottom: 264px;
    flex-direction: column;
}

main.customer-page .container .order__container>h2.title {
    font-size: 24px;
    margin-bottom: 24px;
    padding: 24px;
    margin: 0;
}

main.customer-page .order__container nav {
    width: 100%;
    display: flex;
    border-bottom: 1px solid #DCDCE5;
    margin-bottom: 8px;
    padding-top: 8px;
}

main.customer-page .order__container ul.order__steps {
    height: 44px;
    padding: 0 24px;
    display: flex;
    max-width: 1128px;
    align-items: center;
    justify-content: space-between;
}

main.customer-page .order__container ul.order__steps li a {
    font-size: 16px;
    color: #898993;
    line-height: 1.57;
    text-align: right;
    font-weight: normal;
    padding: 0 16px 9px;
}

main.customer-page .order__container ul.order__steps li a:hover,
main.customer-page .order__container ul.order__steps li a.active {
    color: #222226;
    border-bottom: 3px solid #222226;
    border-radius: 2px;
    /* transition: 0.3s all; */
}

main.customer-page .order__container .order__list {
    display: flex;
    flex-direction: column;
}

main.customer-page .order__container .order__list .orders__detail {
    width: 100%;
    display: flex;
    flex-direction: column;
}

main.customer-page .orders__detail .order__text {
    background-color: #F5F5F7;
    padding: 16px;
    margin: 24px 24px 0;
}

main.customer-page .orders__detail .order__text p {
    float: right;
    font-size: 16px;
    margin-left: 16px;
}

main.customer-page .orders__detail .order__text p .gray__dot {
    display: inline-block;
    width: 4px;
    height: 4px;
    border-radius: 2px;
    background-color: #6E6E77;
    margin-right: 16px;
}

main.customer-page .orders__detail .order__text a {
    float: left;
    color: #FF4C43;
    font-size: 16px;
    padding-left: 16px;
    position: relative;
}

main.customer-page .orders__detail .order__text a::after {
    content: "";
    font-size: 16px;
    top: 10px;
    left: 0;
    width: 8px;
    height: 12px;
    color: #FF4C43;
    position: absolute;
    background: url("./assets/img/Path\ 323.png") no-repeat 0 0;
}

main.customer-page .orders__detail .order__text a:hover {
    color: #FF1F1A;
}

main.customer-page .orders__detail .order__text a::after:hover {
    background: url("./assets/img/Path\ 322.png") no-repeat 0 0;
}

main.customer-page .orders__detail .order__payment {
    display: flex;
    justify-content: space-between;
    flex-wrap: nowrap;
    flex-direction: column;
}

main.customer-page .orders__detail .order__payment a {
    display: inline-block;
}

main.customer-page .orders__detail .order__payment img {
    flex: 0 0 33%;
    width: 96px;
    height: 96px;
    cursor: pointer;
    margin: 24px 24px 4px 0;
}

main.customer-page .orders__detail .order__payment a.view__order {
    display: none;
}

main.customer-page .orders__detail .order__payment button {
    background-color: #FF4C43;
    float: left;
    padding: 12px 24px 16px 24px;
    color: #fff;
    font-size: 14px;
    font-weight: 500;
    border-radius: 2px;
    margin-left: 24px;
}

main.customer-page .orders__detail .order__payment button:hover {
    background-color: #FF1F1A;
    cursor: pointer;
}

main.customer-page .order__container .counter__page {
    margin: 24px 16px 0;
    display: flex;
    border-top: 1px solid #DCDCE5;
}

main.customer-page .order__container .counter__page nav {
    border-bottom: none;
}

main.customer-page .order__container .counter__page ul {
    display: flex;
    width: 100%;
    padding: 32px 0;
    flex-direction: row-reverse;
    justify-content: center;
}

main.customer-page .order__container .counter__page ul li a {
    padding: 10px 19px;
    background-color: #F5F5F7;
    color: #222226;
    text-align: right;
    line-height: 28px;
    font-size: 14px;
    text-align: center !important;
}

main.customer-page .order__container .counter__page ul li a:hover {
    background-color: #F5F5F7;
    color: #222226;
    border-radius: 2px;
    box-shadow: 0px 2px 6px 0px rgba(34, 34, 38, 0.12);
}

main.customer-page .order__container .counter__page ul li a:disabled {
    background-color: #F5F5FC;
}

main.customer-page .order__container .counter__page li:first-child a {
    margin-right: 16px;
    background: url("./assets/img/chevron-left-22px.png") #F5F5F7 no-repeat center center;
}

main.customer-page .order__container .counter__page li:last-child a {
    margin-left: 16px;
    background: url("./assets/img/Path\ 42.png") #F5F5F7 no-repeat center center;
}

main.customer-page .order__container .counter__page ul li a:active,
main.customer-page .order__container .counter__page a.active {
    color: #fff;
    background-color: #A3A3AD;
    border-radius: 2px;
    box-shadow: 0px 2px 6px 0px rgba(34, 34, 38, 0.12);
}

main.customer-page .order__container .counter__page a.active:hover {
    background-color: #A3A3AD;
    color: #fff;
}

main.customer-page .container .counter__page__small,
.back__dashboard {
    display: none;
}

@media only screen and (max-width: 992px) {
    main.customer-page .container .counter__page {
        display: none;
    }
    main.customer-page .container .order__container {
        flex: 0 0 100%;
        max-width: 100%;
    }
    main.customer-page .container .order__container>h2.title {
        text-align: center;
    }
    main.customer-page .container .back__dashboard {
        display: inline-block;
        top: 55px;
        right: 16px;
        width: 20px;
        height: 14px;
        position: relative;
        background: url("./assets/img/Path\ 712.png") no-repeat 0 0;
    }
    main.customer-page .container .order__container .order__text a {
        display: none;
    }
    main.customer-page .container .order__container .order__payment a {
        display: block;
        color: #FF4C43;
        font-size: 16px;
        padding-left: 16px;
        position: relative;
        float: left;
        margin: 8px 0 0 16px;
    }
    main.customer-page .order__container .order__payment a.view__order::after {
        content: "";
        font-size: 16px;
        top: 10px;
        left: 0;
        width: 8px;
        height: 12px;
        color: #FF4C43;
        position: absolute;
        background: url("./assets/img/Path\ 323.png") no-repeat 0 0;
    }
    main.customer-page .orders__detail .order__text {
        margin: 16px 0;
        padding: 16px 8px 16px 8px;
    }
    main.customer-page .orders__detail .order__text {
        display: flex;
    }
    main.customer-page .orders__detail .order__text p {
        margin-left: 4px;
    }
    main.customer-page .orders__detail .container__img__order {
        display: flex;
        flex-shrink: 1;
        overflow-x: auto;
    }
    main.customer-page .orders__detail .container__img__order img {
        flex: none;
    }
    main.customer-page .order__container ul.order__steps {
        padding: 0;
    }
    main.customer-page .order__container ul.order__steps li a {
        padding: 8px 4px;
    }
    main.customer-page .container .counter__page__small {
        display: block;
    }
    main.customer-page .order__container .counter__page__small {
        margin: 24px 16px 0;
        display: flex;
        border-top: 1px solid #DCDCE5;
    }
    main.customer-page .order__container .counter__page__small nav {
        border-bottom: none;
    }
    main.customer-page .order__container .counter__page__small ul {
        display: flex;
        width: 100%;
        padding: 32px 0;
        flex-direction: row-reverse;
        justify-content: center;
    }
    main.customer-page .order__container .counter__page__small ul li a {
        padding: 8px 21px 9px;
        background-color: #F5F5F7;
        color: #898993;
        font-size: 14px;
        text-align: center !important;
    }
    main.customer-page .order__container .counter__page__small ul li p {
        color: #6E6E77;
        font-size: 14px;
    }
    main.customer-page .order__container .counter__page__small a:hover {
        background-color: #F5F5F7;
        color: #222226;
        border-radius: 2px;
        box-shadow: 0 8px 16px #c0c0c9;
    }
    main.customer-page .order__container .counter__page__small a:disabled {
        background-color: #F5F5FC;
    }
    main.customer-page .order__container .counter__page__small li:first-child a {
        margin-right: 16px;
        background: url(./assets/img/chevron-left-22px.png) #F5F5F7 no-repeat 13px center;
        padding-right: 10px;
        padding-left: 32px;
    }
    main.customer-page .order__container .counter__page__small li:last-child a {
        margin-left: 16px;
        background: url("./assets/img/Path\ 42.png") #F5F5F7 no-repeat 47px center;
        padding-right: 32px;
        padding-left: 10px;
    }
    main.customer-page .container .order__container .order__payment a.view__order {
        margin-left: 24px;
    }
    main.customer-page .orders__detail .order__text p .gray__dot {
        margin-right: 4px;
    }
}


/******************************************** customer-order **********************************************/

main.customer-page .container .shoping__container {
    flex: 0 0 73%;
    max-width: 73%;
    margin-top: 32px;
    background: #fff;
    margin-bottom: 264px;
    padding: 24px;
    flex-direction: column;
}

main.customer-page .container .shoping__container>h1.order__title {
    font-size: 24px;
    font-weight: 500;
    color: #3C3C42;
    position: relative;
    margin: 0;
}

main.customer-page .container .shoping__container>h1.order__title span {
    background-color: #D9F3FF;
    position: absolute;
    top: 8px;
    right: 214px;
    color: #18AAEA;
    font-size: 16px;
    font-weight: 500;
    height: 30px;
    padding: 0px 8px;
    border-radius: 30px;
    text-align: center;
}

main.customer-page .container .shoping__container .order__topbar {
    width: 100%;
    display: flex;
    flex-direction: column;
    padding-top: 18px;
}

main.customer-page .container .shoping__container .order__topbar .levels {
    display: flex;
    margin-bottom: 13px;
    justify-content: space-between;
}

main.customer-page .container .shoping__container .order__topbar .levels p {
    color: #3C3C42;
    font-size: 14px;
    font-weight: 500;
}

main.customer-page .container .shoping__container .order__topbar .progress-bar {
    height: 24px;
    display: flex;
    position: relative;
    align-items: center;
    border-radius: 20px;
    background: #dcdce5;
    justify-content: space-between;
}

main.customer-page .container .shoping__container .order__topbar .progress-bar:before {
    z-index: 0;
    content: '';
    width: 34.7%;
    height: 100%;
    position: absolute;
    border-radius: 20px;
    background: #2dc38d;
}

main.customer-page .container .shoping__container .order__topbar .progress-bar>img {
    z-index: 1;
    width: 20px;
    height: 20px;
    float: right;
}

main.customer-page .container .shoping__container .order__topbar .progress-bar>img:last-child {
    margin-left: 65.6%;
}

main.customer-page .container .shoping__container .order__topbar .progress-bar>img:first-child {
    margin-right: 2px;
}

main.customer-page .container .shoping__container .customer__info {
    display: flex;
    flex: 0 0 48.4%;
    align-items: center;
    background: #fff;
    flex-direction: column;
    justify-content: space-between;
    padding: 32px 0;
}

main.customer-page .container .shoping__container .customer__info .top__info {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

main.customer-page .container .customer__info .top__info .payment__info {
    margin-left: 31.5%;
}

main.customer-page .shoping__container .customer__info h3 {
    font-size: 18px;
    color: #3C3C42;
    padding-bottom: 8px;
    font-weight: 500;
}

main.customer-page .shoping__container .customer__info h4 {
    font-size: 12px;
    font-weight: 400;
    color: #898993;
}

main.customer-page .shoping__container .customer__info P {
    font-size: 16PX;
    font-weight: 500;
    color: #707070;
    padding-bottom: 8px;
}

main.customer-page .shoping__container .customer__info .customer__address {
    width: 43%;
    margin-left: 72px;
}

main.customer-page .container .shoping__container .customer__address {
    display: flex;
    align-self: flex-start;
    flex-direction: column;
}

main.customer-page .container .shoping__container .customer__address p {
    padding-bottom: 0;
}

main.customer-page .shoping__container .orders__list {
    display: flex;
    flex-direction: column;
    padding: 24px 0;
    border-top: 1px solid #DCDCE5;
    border-bottom: 1px solid #DCDCE5;
}

main.customer-page .shoping__container .orders__list .order__detail {
    width: 100%;
    display: flex;
    margin-bottom: 24px;
    height: 128px;
}

main.customer-page .shoping__container .orders__list .order__detail:last-child {
    margin-bottom: 0;
}

main.customer-page .shoping__container .orders__list .order__detail .order__image>img {
    width: 128px;
    height: 128px;
    margin-left: 16px;
}

main.customer-page .shoping__container .orders__list .order__detail .orders__text h2 {
    font-size: 14px;
    font-weight: 500;
    color: #53535B;
}

main.customer-page .shoping__container .order__detail .orders__text p {
    font-weight: normal;
    font-size: 14px;
    font-weight: 400;
    color: #6E6E77;
}

main.customer-page .shoping__container .order__detail .orders__text .warranty {
    position: relative;
    padding-right: 30px;
}

main.customer-page .shoping__container .order__detail .orders__text .warranty:before {
    top: 0;
    right: 0;
    content: "";
    width: 24px;
    height: 24px;
    position: absolute;
    background: url("./assets/img/Group 5456.png") no-repeat 0 0;
}

main.customer-page .shoping__container .order__detail .orders__text .order__color {
    position: relative;
    font-weight: 500;
}

main.customer-page .shoping__container .order__detail .orders__text .order__color span {
    display: inline-block;
    width: 12px;
    height: 12px;
    border-radius: 6px;
    background-color: #6DC3E9;
    position: absolute;
    bottom: 8px;
    right: 24px;
}

main.customer-page .shoping__container .orders__total,
main.customer-page .shoping__container .orders__total2 {
    display: flex;
    justify-content: space-between;
    padding: 24px 0 0;
    align-items: baseline;
}

main.customer-page .shoping__container .orders__total p {
    font-size: 14px;
    color: #6E6E77;
}

main.customer-page .shoping__container .orders__total .total-container p {
    font-size: 16px;
    color: #3C3C42;
    font-weight: 500;
}

main.customer-page .shoping__container .orders__total .total-container span {
    margin-right: -4px;
}


/**************************/

main.customer-page .container .shoping__container>h1.order__title span.waiting__payment {
    background-color: #FFEEDE;
    color: #EF780C;
}

main.customer-page .shoping__container .orders__total2 p {
    display: inline-block;
}

main.customer-page .shoping__container .orders__total2 .register__date {
    position: relative;
    padding-left: 16px;
    color: #6E6E77;
    font-size: 14px;
}

main.customer-page .shoping__container .orders__total2 .register__date::after {
    content: "";
    width: 4px;
    height: 4px;
    border-radius: 2px;
    background-color: #6E6E77;
    position: absolute;
    top: 13px;
    left: -4px;
}

main.customer-page .shoping__container .orders__total2 .total__price {
    font-size: 16px;
    font-weight: 500;
    color: #3C3C42;
    padding-right: 16px;
}

main.customer-page .shoping__container .orders__total2 .order__payment a {
    color: #FF4C43;
    font-size: 14px;
    font-weight: 500;
    padding: 0 16px;
}

main.customer-page .shoping__container .orders__total2 .order__payment button {
    background-color: #FF4C43;
    padding: 16px 32px;
    color: #fff;
    text-align: center;
    font-size: 14px;
    font-weight: 500;
    border-radius: 2px;
    margin-right: 16px;
}

main.customer-page .shoping__container .orders__total2 .order__payment button:hover {
    background-color: #FF1F1A;
    cursor: pointer;
}

main.customer-page .shoping__container .orders__total2 .cancle__order {
    position: relative;
}

main.customer-page .shoping__container .orders__total2 .cancle__order::after {
    content: "|";
    color: #FFA09B;
    font-size: 22px;
    position: absolute;
    top: -11px;
    left: -2px;
}


/****************** order_deliver******************/

main.customer-page .container .shoping__container>h1.order__title span.order__deliver {
    background-color: #CCFFE5;
    color: #11AA5D;
}

main.customer-page .container .shoping__container .order__topbar .levels {
    display: flex;
    margin-bottom: 13px;
    justify-content: space-between;
}

main.customer-page .container .shoping__container .order__topbar .levels p.third {
    margin-right: 48px;
}

main.customer-page .container .shoping__container .order__topbar .levels p.two {
    margin-right: 24px;
}

main.customer-page .container .shoping__container .order__topbar .progress-bar2 {
    height: 24px;
    display: flex;
    position: relative;
    align-items: center;
    border-radius: 20px;
    background: #dcdce5;
    justify-content: space-between;
}

main.customer-page .container .shoping__container .order__topbar .progress-bar2:before {
    z-index: 0;
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    border-radius: 20px;
    background: #2dc38d;
}

main.customer-page .container .shoping__container .order__topbar .progress-bar2>img {
    z-index: 1;
    width: 20px;
    height: 20px;
    float: right;
}

main.customer-page .container .shoping__container .order__topbar .progress-bar2>img:last-child {
    margin-left: 2px;
}

main.customer-page .container .shoping__container .order__topbar .progress-bar2>img:first-child {
    margin-right: 2px;
}

main.customer-page .shoping__container .orders__total .register__deliver p {
    display: inline-block;
}

main.customer-page .shoping__container .orders__total .register__deliver p:first-child {
    padding-left: 16px;
    position: relative;
}

main.customer-page .shoping__container .orders__total .register__deliver p:first-child::after {
    content: "";
    width: 4px;
    height: 4px;
    border-radius: 2px;
    background-color: #6E6E77;
    position: absolute;
    top: 13px;
    left: -4px;
}

main.customer-page .shoping__container .orders__total .register__deliver p:last-child {
    padding-right: 16px;
}

@media only screen and (max-width: 992px) {
    main.customer-page .container .shoping__container {
        flex: 0 0 100%;
        max-width: 100%;
    }
    main.customer-page .container .shoping__container>h1.order__title span {
        right: 48px;
        top: 48px;
    }
    main.customer-page .container .shoping__container .back__dashboard {
        display: inline-block;
        top: 32px;
        right: 16px;
        width: 20px;
        height: 14px;
        position: relative;
        background: url("./assets/img/Path\ 712.png") no-repeat 0 0;
    }
    main.customer-page .container .shoping__container>h1.order__title {
        margin-right: 48px;
    }
    main.customer-page .container .shoping__container .order__topbar {
        margin-top: 48px;
    }
    main.customer-page .container .shoping__container .order__topbar .levels p {
        font-size: 12px;
    }
    main.customer-page .container .customer__info .top__info .payment__info {
        margin-left: 0;
    }
    main.customer-page .container .shoping__container .customer__address {
        width: 62%;
    }
    main.customer-page .shoping__container .orders__list .order__detail {
        height: auto;
    }
    main.customer-page .shoping__container .orders__total2,
    main.customer-page .shoping__container .total3 {
        flex-direction: column;
    }
    main.customer-page .shoping__container .orders__total2 .order__payment a {
        padding: 0 8px;
    }
    main.customer-page .shoping__container .orders__total2 .order__payment a.cancle__order {
        padding-right: 0;
    }
    main.customer-page .shoping__container .orders__total2 .order__payment button {
        padding: 10px 19px;
        margin-right: 0px;
    }
}


/********************************** about-us *************************/

main.contact-page {
    display: flex;
    justify-content: center;
    flex-direction: column;
}

main.contact-page .map__container {
    display: flex;
    justify-content: center;
    overflow: hidden;
}

main.contact-page .container {
    margin: -48px auto 0;
    display: flex;
    justify-content: space-between;
    background-color: #fff;
    flex: 0 0 100%;
}

main.contact-page .container section {
    padding: 88px 90px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

main.contact-page .container section .contact__part {
    display: flex;
    justify-content: space-between;
}

main.contact-page .container section .contact__text {
    display: flex;
    max-width: 38.4%;
    flex: 0 0 38.4%;
    margin-left: 120px;
    align-items: center;
    flex-direction: column;
}

main.contact-page .container h1.title {
    font-weight: 500;
    height: 48px;
    margin-bottom: 32px;
    margin-top: 0;
    align-self: baseline;
}

main.contact-page .container .contact__text p {
    font-weight: 400;
    font-size: 16px;
    color: #707070;
    margin-bottom: 11px;
}

main.contact-page .container .contact__text h3 {
    font-size: 16px;
    height: 24px;
    margin-bottom: 8px;
    font-weight: 400;
    color: #6E6E77;
}

main.contact-page .container .contact__text p.contect__info {
    color: #3C3C42;
    font-weight: 500;
    margin-bottom: 8px;
}

main.contact-page .container .contact__text img {
    width: 360px;
    height: 270px;
    margin: 0 auto;
}

main.contact-page .container .contact__text .responsiveness {
    background-color: #F5F5F7;
    border-radius: 2px;
    width: 360px;
    margin: -24px auto;
    padding: 4px 0;
    display: flex;
    align-items: center;
}

main.contact-page .container .contact__text span {
    color: #6E6E77;
    text-align: center;
    font-size: 12px;
    font-weight: 500;
}

main.contact-page .container .contact__text img.contact__icon {
    width: 20px;
    height: 16px;
    margin: 0 88px 0 8px;
}

main.contact-page .container .contact__text .contact__us {
    width: 100%;
    height: 270px;
    display: flex;
    flex-direction: column;
    margin-top: 20px;
}

main.contact-page .container section .contact__form {
    max-width: 48.7%;
    flex: 0 0 48.7%;
    flex-direction: column;
}

main.contact-page .container section .contact__form p {
    color: #707070;
    font-size: 16px;
    font-weight: 400;
    margin-bottom: 48px;
}

main.contact-page .container .contact__form label {
    font-size: 14px;
    font-weight: 500;
    color: #3C3C42;
}

main.contact-page .container .contact__form input,
main.contact-page .container .contact__form select,
main.contact-page .container .contact__form textarea {
    padding: 14px 16px 12px;
    border: 1px solid #C0C0C9;
    width: 100%;
    border-radius: 2px;
    font-size: 14px;
    margin: 4px 0 16px;
}

main.contact-page .container .contact__form select {
    padding: 16px;
    font-size: 14px;
    cursor: pointer;
    -webkit-appearance: none;
    background: url(./assets/img/chevron-left-22px.png) 16px center/auto no-repeat;
}

main.contact-page .container .contact__form input::placeholder {
    color: #A3A3AD;
}

main.contact-page .container .contact__form textarea {
    height: 160px;
    margin-bottom: 8px;
}

main.contact-page .container .contact__form input:hover,
main.contact-page .container .contact__form select:hover,
main.contact-page .container .contact__form textarea:hover {
    background-color: #fff;
    border-color: rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 0 0 0 4px rgba(234, 76, 137, 0.1);
    box-shadow: 0 0 0 4px rgba(234, 76, 137, 0.1);
}

main.contact-page .container .contact__form .active,
main.contact-page .container .contact__form input:active,
main.contact-page .container .contact__form input:focus,
main.contact-page .container .contact__form select:active,
main.contact-page .container .contact__form select:focus {
    border-color: #ffa09b;
    box-shadow: 0 0 0 4px rgba(234, 76, 137, 0.1);
}

main.contact-page .container .contact__form textarea:focus,
main.contact-page .container .contact__form textarea:active {
    border-color: #ffa09b;
    box-shadow: 0 0 0 4px rgba(234, 76, 137, 0.1);
}

main.contact-page .container .contact__form button.close__icon {
    display: none;
}

main.contact-page .container .contact__form .input__holder {
    position: relative;
}

main.contact-page .container .contact__form input:focus~.close__icon,
main.contact-page .container .contact__form input:active~.close__icon,
main.contact-page .container .contact__form .active~.close__icon {
    display: block;
    width: 24px;
    height: 24px;
    position: absolute;
    z-index: 1;
    left: 16px;
    top: 12px;
    bottom: 0;
    cursor: pointer;
    background: url("./assets/img/clear-24px.png") no-repeat 0 0;
}

main.contact-page .container .contact__form select:focus,
main.contact-page .container .contact__form select:active {
    background: url(./assets/img/down.png) 16px center/auto no-repeat;
}

main.contact-page .container .contact__form input.completed__edit,
main.contact-page .container .contact__form input:disabled {
    background-color: #F5F5F7;
    box-shadow: none;
    pointer-events: none;
}

main.contact-page .container .contact__form input.completed__edit:focus {
    border-color: #C0C0C9;
    background-image: none;
    pointer-events: none;
}

main.contact-page .container .contact__form button.register__message {
    float: left;
    background-color: #53535B;
    color: #fff;
    padding: 16px 20px 14px;
    border-radius: 2px;
    font-size: 14px;
    font-weight: 500;
}

main.contact-page .container .contact__form button.register__message:hover {
    cursor: pointer;
    background-color: #222226;
}

@media only screen and (max-width: 992px) {
    main.contact-page .container {
        max-width: 90%;
        margin: 0 auto;
    }
    main.contact-page .container section {
        padding: 24px 0;
        max-width: 100%;
    }
    main.contact-page .container .title {
        padding-right: 5%;
    }
    main.contact-page .container .title:before {
        top: -16px;
        right: -4px;
    }
    main.contact-page .container section .contact__part {
        flex-direction: column;
    }
    main.contact-page .container section .contact__text {
        max-width: 100%;
        margin-left: 0;
    }
    main.contact-page .container .contact__text p {
        text-align: justify;
    }
    main.contact-page .container .contact__text img {
        width: 280px;
        height: 210px;
        margin: 0 auto;
    }
    main.contact-page .container .contact__text .responsiveness {
        width: 280px;
    }
    main.contact-page .container .contact__text img.contact__icon {
        margin: 0 56px 0 8px;
    }
    main.contact-page .container .contact__text span:before {
        right: 21%;
        top: 10px;
    }
    main.contact-page .container section .contact__form {
        max-width: 100%;
    }
}


/********************************* sliding-profile**************************/

header .header-fixed .header__left {
    position: relative;
}

header .header-fixed .header__left .loggedd__in {
    margin-top: -10px;
}

header .header-fixed .header__left .loggedd__in a.account__user {
    padding: 24px 35px;
    display: block;
    background: url('./assets/img/account-circle-24px.png') no-repeat 75% center;
    position: relative;
}

header .header-fixed .header__left .loggedd__in a.account__user::after {
    content: "";
    width: 16px;
    height: 16px;
    background: url("./assets/img/chevron.jpg") no-repeat 0 0;
    position: absolute;
    top: 16px;
    left: 8px;
    cursor: pointer;
}

header .header-fixed .header__left .loggedd__in a img {
    width: 24px;
    height: 24px;
    opacity: 0.7;
}

header .header-fixed .header__left .loggedd__in .profile__menu {
    display: none;
    padding: 8px 0;
    position: absolute;
    top: 40px;
    width: 192px;
    left: -6px;
    background-color: #fff;
    box-shadow: 0 3px 12px 0 rgb(0, 0, 0, 0.3);
}

header .header-fixed .header__left .loggedd__in .profile__menu li {
    display: flex;
    align-items: center;
    padding-right: 12px;
    margin-bottom: 4px;
}

header .header-fixed .header__left .loggedd__in .profile__menu li a {
    padding: 4px 8px;
    font-size: 14px;
    font-weight: 500;
    color: #53535B;
}

header .header-fixed .header__left .loggedd__in .profile__menu li:hover,
header .header-fixed .header__left .loggedd__in .profile__menu li.selected {
    background-color: #FFF4F3;
    cursor: pointer;
}

header .header-fixed .header__left .loggedd__in .profile__menu li:hover a,
header .header-fixed .header__left .loggedd__in .profile__menu li.selected a {
    color: #FF1F1A
}

.header__left .loggedd__in .profile__menu li.selected svg path,
.header__left .loggedd__in .profile__menu li:hover svg path,
.header__left .loggedd__in .profile__menu li.selected svg rect,
.header__left .loggedd__in .profile__menu li:hover svg rect {
    fill: #FFA09B;
}

header .header-fixed .header__left .loggedd__in a.open__menu {
    background: url('./assets/img/Path\ 7883.png') no-repeat 75% center #FFF4F3;
}

header .header-fixed .header__left .loggedd__in a.open__menu::after {
    background: url("./assets/img/chevron_left-24px.png") no-repeat 0 0;
}


/***************************‌carrt__view*********************/

.view__cart {
    display: none;
}

header .header-fixed .header__left .basket:hover img {
    cursor: pointer;
    opacity: 1;
}

header .header-fixed .header__left .basket:hover .view__cart {
    display: block;
    box-shadow: 0px 4px 8px 0px rgba(34, 34, 38, 0.12);
    border-radius: 2px;
    position: absolute;
    top: 32px;
    left: -10px;
    width: 384px;
    max-height: 516px;
    background-color: #fff;
    z-index: 10000;
    display: flex;
    flex-direction: column;
}

.view__cart p {
    color: #6E6E77;
    font-size: 14px;
}

.view__cart .cart__title {
    background-color: #F5F5F7;
    padding: 14px 16px;
    display: flex;
    justify-content: space-between;
}

.view__cart .cart__title p {
    font-weight: 500;
    display: inline;
}

.view__cart .cart__title a {
    color: #FF4C43;
    font-size: 14px;
    font-weight: 500;
}

.view__cart .cart__title a:hover {
    color: #FF1F1A;
}

.view__cart .cart__list {
    display: flex;
    flex-direction: column;
    padding: 16px;
    max-height: 392px;
    overflow-y: auto;
}

.view__cart .cart__list .cart__detail {
    width: 100%;
    padding: 8px 0 16px;
    display: flex;
    border-bottom: 1px solid #DCDCE5;
    position: relative;
}

.view__cart .cart__list .cart__detail img {
    width: 96px;
    height: 96px;
    margin-left: 16px;
    opacity: 1 !important;
}

.view__cart .cart__list .cart__detail a {
    height: 96px;
}

.view__cart .cart__list .cart__detail:first-child {
    padding-top: 0;
}

.view__cart .cart__list .cart__detail .cart__text h5 {
    font-size: 14px;
    font-weight: 500;
    color: #53535B;
    padding-bottom: 8px;
}

.view__cart .cart__list .cart__detail .cart__text h5:hover {
    color: #FF4C43;
    cursor: pointer;
}

.view__cart .cart__list .cart__detail .cart__text p {
    font-weight: 400;
    display: inline-block;
}

.view__cart .cart__list .cart__detail .cart__text .trash {
    width: 24px;
    height: 24px;
    position: absolute;
    left: 24px;
    right: 90%;
    margin-top: 4px;
    opacity: 0.6;
    cursor: pointer;
    background: url("./assets/img/delete.png") no-repeat 0 0;
}

.view__cart .cart__list .cart__detail .cart__text .trash:hover {
    opacity: 1;
}

.view__cart .cart__list .cart__detail .cart__text .trash:disabled {
    opacity: 0.3;
}

.view__cart .cart__total {
    display: flex;
    justify-content: space-between;
    padding: 0 16px 16px;
}

.view__cart .cart__total p {
    color: #3C3C42;
    font-size: 18px;
    font-weight: 500;
    display: block !important;
    line-height: 1.6;
}

.view__cart .cart__total span {
    background-color: #fff !important;
    position: unset !important;
    color: #6E6E77 !important;
    font-size: 10px !important;
    font-weight: 400 !important;
}

.view__cart .cart__total .cart__price {
    font-size: 10px;
    font-weight: 500;
    color: #6E6E77;
}

.view__cart .cart__total button {
    background-color: #FF4C43;
    padding: 16px 24px;
    color: #fff;
    text-align: center;
    font-size: 14px;
    font-weight: 500;
    border-radius: 2px;
    margin-right: 16px;
}

.view__cart .cart__total button:hover {
    background-color: #FF1F1A;
    cursor: pointer;
}


/********************************* search-box********************************/

header .header-fixed .header__right .search input:active,
header .header-fixed .header__right .search input:focus {
    background-color: #fff;
    border: 1px solid #ffa09b;
    box-shadow: 0 0 0 3px rgba(234, 76, 137, 0.1);
}

header .header-fixed .header__right .search {
    position: relative;
}

header .header-fixed .header__right .search .saerch__results {
    display: none;
}

header .header-fixed .header__right .search input[type=text]:focus+.saerch__results {
    display: block;
    position: absolute;
    top: 48px;
    left: 0;
    z-index: 300000;
    width: 100%;
    max-height: 512px;
    background-color: #fff;
    box-shadow: 0px 4px 8px 0px rgba(34, 34, 38, 0.12);
    border-radius: 2px;
    padding: 16px;
    overflow-y: scroll;
}

header .header-fixed .header__right .search .suggest__result {
    padding-bottom: 16px;
    border-bottom: 1px solid #DCDCE5;
}

header .header-fixed .header__right .search .suggest__result li {
    padding: 6px 16px;
    font-size: 14px;
}

header .header-fixed .header__right .search .suggest__result li:hover,
header .header-fixed .header__right .search .suggest__result li.active {
    background-color: #FFF4F3;
}

header .header-fixed .header__right .search .suggest__result span.normal {
    font-weight: 400;
    color: #6E6E77;
}

header .header-fixed .header__right .search .suggest__result span.special {
    font-weight: 500;
    color: #898993;
}

header .header-fixed .header__right .search .suggest__result span.special:hover {
    color: #222226;
}

header .header-fixed .header__right .search .list__result {
    padding: 16px 0;
}

header .header-fixed .header__right .search .list__result li {
    font-size: 14px;
    font-weight: 500;
    height: 80px;
    margin-bottom: 16px;
}

header .header-fixed .header__right .search .list__result li h5 {
    padding: 0 0 16px;
    color: #53535B;
}

header .header-fixed .header__right .search .list__result li h5:hover,
header .header-fixed .header__right .search .list__result li p:hover {
    color: #222226;
}

header .header-fixed .header__right .search .list__result li p {
    color: #898993;
    padding-bottom: 8px;
}

header .header-fixed .header__right .search .list__result li img {
    float: right;
    width: 80px;
    height: 80px;
}

.modal__search {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    right: 0;
    content: "";
    z-index: 200000;
    pointer-events: none;
    opacity: 0;
    background-color: rgba(34, 34, 38, 1);
}

.is__active {
    opacity: 38%;
    pointer-events: all;
}

.menu__cover {
    background-color: rgba(34, 34, 38, 1);
    opacity: 38%;
}

@media only screen and (max-width: 992px) {
    header .header-fixed .header__left .basket:hover .view__cart {
        left: -24px !important;
        width: 320px;
    }
    header .header-fixed .header__right .search .list__result li h5 {
        padding-bottom: 0;
    }
    header .header-fixed .header__right .search .list__result li {
        margin-bottom: 24px;
    }
    header .header-fixed .header__left .loggedd__in {
        margin-top: 0;
    }
}


/**********************************************************FAQ********************************************************/

main.container__FAQ {
    display: flex;
    flex-direction: column;
    background-color: #fff;
    flex: 0 0 100%;
    justify-content: center;
}

main.container__FAQ .main_FAQ {
    max-width: 1128px;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    background-color: #fff;
    flex: 0 0 100%;
    flex-direction: column;
}

main.container__FAQ section {
    justify-content: space-between;
}

.main_FAQ .header__FAQ {
    position: relative;
    margin-bottom: 40px;
}

main.container__FAQ .header__FAQ h2 {
    color: #3C3C42;
    font-size: 32px;
    font-weight: 500;
    line-height: 56px;
    text-align: center;
    position: absolute;
    top: 58.5%;
    width: 50%;
    right: 24.8%;
}


/*
 main.container__FAQ .header__FAQ img{
  width: 100%;
  margin: 0 auto;
   height: auto;
}  */

main.container__FAQ section .menu__FAQ {
    width: 22%;
    position: sticky;
    top: 128px;
    height: 640px;
}

main.container__FAQ section .menu__FAQ h5 {
    color: #6E6E77;
    font-size: 16px;
    font-weight: 500;
    margin-bottom: 16px;
}

main.container__FAQ section .menu__FAQ .side__nav li {
    color: #53535B;
    font-size: 14px;
    font-weight: 500;
    line-height: 28px;
    padding: 6px 0;
    margin-bottom: 4px;
}

main.container__FAQ section .menu__FAQ .side__nav li:hover,
main.container__FAQ section .menu__FAQ .side__nav li.selected,
main.container__FAQ section .menu__FAQ .side__nav li:active {
    color: #FF4C43;
    border-right: 2px solid #FF4C43;
    padding-right: 18px;
    transition: 0.3s all;
}

main.container__FAQ section .menu__FAQ .side__nav li:hover a {
    color: #222226;
}

main.container__FAQ section .content__FAQ {
    width: 51%;
}

main.container__FAQ section .content__FAQ h3 {
    color: #6E6E77;
    font-size: 24px;
    font-weight: 500;
    text-align: center;
}

.accord-header {
    color: #53535B;
    border-top: 1px solid #DCDCE5;
    font-weight: 500;
    font-size: 18px;
    cursor: pointer;
    padding: 16px 24px 16px 32px;
    line-height: 32px;
    position: relative;
}

.accord-content {
    display: none;
    color: #6E6E77;
    font-size: 16px;
    font-weight: 400;
    background-color: #F5F5F7;
    text-align: right;
    padding: 0 24px 16px;
}

.on {
    background-color: #F5F5F7;
    color: #222226;
}

.last__accordion {
    border-bottom: 1px solid #DCDCE5;
}

.content__FAQ .accord-header::after {
    content: "";
    position: absolute;
    top: 20px;
    left: 8px;
    width: 24px;
    height: 24px;
    background: url('./assets/img/left-acc.png') no-repeat 0 0;
    -webkit-transition: all 0.35s;
    transition: all 0.35s;
}

.content__FAQ .on::after {
    content: "";
    width: 24px;
    height: 24px;
    background: url('./assets/img/down-acc.png') no-repeat 0 0 !important;
    transition: all 0.1ms;
}

main.container__FAQ section .left__sidbare {
    width: 22%;
    position: sticky;
    top: 0;
    margin-right: 8px;
}

main.container__FAQ section .left__sidbare p {
    color: #6E6E77;
    font-size: 16px;
    font-weight: 500;
    margin-bottom: 16px;
    margin-left: 8px;
    word-break: break-all !important;
}

main.container__FAQ section p.contact__tell,
main.container__FAQ section p.contact__message {
    position: relative;
    padding-right: 32px;
    margin-bottom: -2px;
}

main.container__FAQ section p.contact__tell {
    color: #3C3C42;
}

main.container__FAQ section p.contact__message {
    color: #898993;
    position: relative;
}

main.container__FAQ section p.contact__tell::before {
    content: '';
    width: 20px;
    height: 20px;
    position: absolute;
    top: 6px;
    right: 0;
    background: url('./assets/img/phone-24px.png') no-repeat center center;
}

main.container__FAQ section p.contact__message::before {
    content: '';
    width: 20px;
    height: 20px;
    position: absolute;
    top: 6px;
    right: 0;
    background: url('./assets/img/email-24px.png') no-repeat center center;
}

main.container__FAQ section p.contact__message::after {
    content: '';
    width: 60px;
    height: 20px;
    position: absolute;
    top: 8px;
    right: 32px;
    border-bottom: 1px dashed #898993;
}

main.container__FAQ section .left__sidbare__tablet,
main.container__FAQ section .side__nav__mobile,
main.container__FAQ section .content__FAQ__mobile {
    display: none;
}

@media only screen and (max-width: 992px) {
    main.container__FAQ section .left__sidbare {
        display: none;
    }
    main.container__FAQ section .menu__FAQ {
        width: 33.3%;
    }
    main.container__FAQ section .content__FAQ {
        width: 66.66%;
        display: flex;
        flex-direction: column;
    }
    main.container__FAQ section .left__sidbare__tablet {
        padding: 0 32px;
        display: block;
        position: relative;
        margin: 32px 0 0;
    }
    .content__FAQ .tabs {
        margin-bottom: 0;
    }
}

@media only screen and (max-width: 450px) {
    main.container__FAQ .main_FAQ {
        width: 100%;
    }
    .main_FAQ .header__FAQ {
        margin-bottom: 0;
    }
    main.container__FAQ .header__FAQ h2 {
        bottom: 30px;
        font-size: 24px;
        width: 100%;
        text-align: center;
        right: 0;
    }
    main.container__FAQ section .menu__FAQ h5 {
        text-align: center;
    }
    main.container__FAQ .text__FAQ {
        flex-direction: column;
        padding: 0 16px;
    }
    main.container__FAQ .text__FAQ .menu__FAQ {
        position: unset;
        height: auto;
    }
    main.container__FAQ section .side__nav {
        display: none;
    }
    main.container__FAQ .text__FAQ .menu__FAQ,
    .side__nav__mobile {
        display: block !important;
        width: 100%;
        margin-bottom: 48px;
    }
    main.container__FAQ section .menu__FAQ .side__nav__mobile li {
        color: #53535B;
        font-size: 14px;
        font-weight: 500;
        line-height: 28px;
        padding: 14px 0;
        margin-bottom: 4px;
        border-bottom: 1px solid #DCDCE5;
    }
    main.container__FAQ section .menu__FAQ .side__nav__mobile li:first-child {
        border-top: 1px solid #DCDCE5;
    }
    main.container__FAQ section .content__FAQ__mobile {
        width: 100%;
    }
    .content__FAQ__mobile .tabs {
        padding: 0;
    }
    main.container__FAQ section .content__FAQ h3 {
        background-color: #F5F5F7;
        position: relative;
        box-shadow: 0px 2px 6px 0px rgba(34, 34, 38, 0.12);
    }
    main.container__FAQ section .content__FAQ h3::before {
        content: '';
        width: 20px;
        height: 14px;
        position: absolute;
        top: 20px;
        right: 10%;
        background: url('./assets/img/Path\ 712.png') no-repeat 0 0;
    }
    main.container__FAQ section .menu__FAQ .side__nav li:hover,
    main.container__FAQ section .menu__FAQ .side__nav li.selected,
    main.container__FAQ section .menu__FAQ .side__nav li:active {
        color: #53535B;
        border-right: none;
        padding-right: 0;
    }
    main.container__FAQ section .content__FAQ {
        display: none;
    }
    .content__FAQ_mobile {
        display: block;
        width: 100% !important;
        position: absolute;
        top: 0px;
        right: 0;
        z-index: 9999999;
        background-color: #fff;
        height: auto;
    }
    .content__FAQ_mobile .tab-label {
        font-size: 16px;
        padding: 16px;
    }
    .content__FAQ_mobile .tab-label::after {
        left: 0;
    }
    .content__FAQ_mobile .tab-content {
        font-size: 14px;
    }
    .content__FAQ_mobile .tab:first-child {
        border-top: none;
    }
}


/********************** mega-menu ***********************/

header .navigation {
    position: relative;
}

header .mega-menu .sub__menu {
    display: none;
}

header .mega-menu .has__submenu {
    background: url('./assets/img/chevron.jpg') no-repeat -5px center;
}

header .mega-menu .has__submenu:hover {
    background: url('./assets/img/chevron_left-24px.png') no-repeat -5px center;
}

header .mega-menu .has__submenu:hover .sub__menu {
    display: flex;
    position: absolute;
    z-index: -999999;
    right: 0;
    top: 48px;
    width: 100%;
    min-height: 344px;
    padding: 35px 24px 56px 178px;
    background-color: #fff;
    justify-content: space-between;
    box-shadow: 1px 2px 6px 4px rgba(34, 34, 38, 0.12);
}


/* Accordion styles */

.sub__menu .tabs {
    overflow: hidden;
    font-weight: 500;
}

.sub__menu .tab input {
    position: absolute;
    opacity: 0;
    z-index: -1;
}

.sub__menu .tabs>label {
    display: block;
    padding-right: 16px;
    margin-bottom: 16px;
}

.sub__menu .tabs label a {
    font-size: 14px;
    font-weight: 500;
    color: #898993;
}

.sub__menu .tabs label:hover a {
    color: #222226;
}

.sub__menu .tab {
    width: 100%;
    overflow: hidden;
}

.sub__menu .tab-label {
    display: inline-block;
    color: #53535B;
    cursor: pointer;
    font-size: 14px;
    font-weight: 500;
    padding-left: 24px;
    position: relative;
    /* Icon */
}

.sub__menu .tab-label:hover {
    color: #FF4C43;
}

.sub__menu .tab-label::after {
    content: "";
    width: 16px;
    height: 16px;
    background: url(./assets/img/chevron-left-22px.png) no-repeat 0 0;
    -webkit-transition: all 0.35s;
    transition: all 0.2s;
    position: absolute;
    top: 8px;
    left: 0;
}

.sub__menu .tab-label:hover::after {
    background: url(./assets/img/red-arrow.png) no-repeat 0 0;
}

.sub__menu .tab-content {
    max-height: 0;
    transition: all 0.2s;
    font-size: 14px;
    font-weight: 400;
}

.sub__menu .tab-content a {
    display: block;
    padding: 4px 0 16px 0;
    color: #53535B;
    border-bottom: none;
}

.sub__menu a {
    border-bottom: none !important;
}

.sub__menu .tab-content a:hover {
    color: #FF4C43;
    border-bottom: none;
}

.sub__menu .tab-close {
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: end;
    justify-content: flex-end;
    cursor: pointer;
}

.sub__menu input:checked+.tab-label {
    font-size: 14px;
}

.sub__menu input:checked+.tab-label::after {
    content: "";
    background: url('./assets/img/chevron_left-24px.png') no-repeat 0 0;
}

.sub__menu input:checked+.tab-label:hover:after {
    background: url('./assets/img/red-arrow-hover.png') no-repeat 0 0;
}

.sub__menu input:checked~.tab-content {
    max-height: 100%;
}

header .mega-menu .sub__menu img {
    display: block;
    width: 216px;
    height: 280px;
}

header .mega-menu .sub__menu img:hover {
    cursor: pointer;
}