.category-product-div {
padding: 5px !important;
}


* {
margin: 0;
padding: 0;
box-sizing: border-box;
text-align: right;
direction: rtl;
font-family: "IranYekan";
}

.container {
max-width: 1194px;
}

span.icon {
display: inline-block;
vertical-align: middle;
}
span.icon svg {
width: 16px;
height: 16px;
display: block;
}

.owl-carouse-cards .owl-nav {
position: absolute;
top: calc(50% - 11px);
right: 0;
margin: 0;
width: 100%;
}
.owl-carouse-cards .owl-nav [class*=owl-] {
margin: 0;
position: absolute;
top: 0;
}
.owl-carouse-cards .owl-nav [class*=owl-]:hover {
background: transparent;
}
.owl-carouse-cards .owl-nav .owl-prev {
right: 0;
}
.owl-carouse-cards .owl-nav .owl-next {
left: 0;
}

.owl-carouse-test .owl-nav {
position: absolute;
top: calc(50% - 27px);
right: 0;
width: 100%;
}
.owl-carouse-test .owl-nav .iconlg {
background-color: white;
padding: 9px 17px;
border-radius: 50%;
}
.owl-carouse-test .owl-nav [class*=owl-] {
margin: 0;
position: absolute;
top: 0;
}
.owl-carouse-test .owl-nav [class*=owl-]:hover {
background: transparent;
}
.owl-carouse-test .owl-nav .owl-prev {
right: -48px;
}
.owl-carouse-test .owl-nav .owl-next {
left: -48px;
}

.owl-carouse-showimg .owl-nav {
position: absolute;
top: calc(50% - 65px);
right: 0;
width: 100%;
}
.owl-carouse-showimg .owl-nav .iconlg {
background-color: white;
padding: 9px 17px;
border-radius: 50%;
}
.owl-carouse-showimg .owl-nav [class*=owl-] {
margin: 0;
position: absolute;
top: 0;
}
.owl-carouse-showimg .owl-nav [class*=owl-]:hover {
background: transparent;
}
.owl-carouse-showimg .owl-nav .owl-prev {
right: -15px;
}
.owl-carouse-showimg .owl-nav .owl-next {
left: -15px;
}

.header-menu .desktop-menu {
padding: 35px 0 5px;
}
.header-menu .desktop-menu .logo a img {
width: 117px;
height: auto;
}
.header-menu .desktop-menu .logo .input-search-holder {
position: relative;
width: 100%;
}
.header-menu .desktop-menu .logo .input-search-holder input {
background-color: #f8f8f8;
border: none;
outline: none;
height: 40px;
width: 100%;
border-radius: 10px;
padding: 0 39px;
font-weight: bold;
}
.header-menu .desktop-menu .logo .input-search-holder input::placeholder {
font-size: 14px;
padding: 0 10x;
}
.header-menu .desktop-menu .logo .input-search-holder a {
text-decoration: none;
}
.header-menu .desktop-menu .logo .input-search-holder a svg {
width: 18px;
fill: #85868e;
right: 3%;
top: 14px;
position: absolute;
}
.header-menu .desktop-menu .logo .svg-holder {
display: flex;
flex-direction: column;
align-items: center;
}
.header-menu .desktop-menu .logo .svg-holder svg {
width: 20px;
fill: black;
margin-bottom: 10px;
font-weight: bold;
}
.header-menu .desktop-menu .logo .svg-holder a {
text-decoration: none;
font-size: 14px;
display: block;
margin: 0;
padding: 0;
color: black;
font-weight: bold;
}
.header-menu .desktop-menu .logo .basket-holder {
background-color: black;
border-radius: 5px;
display: inline-flex;
padding: 14px 16px;
}
.header-menu .desktop-menu .logo .basket-holder svg {
width: 20px;
fill: white;
}
.header-menu .desktop-menu .logo .basket-holder a {
color: white;
display: block;
text-decoration: none;
font-size: 12px;
margin: 0 6px;
}
.header-menu .desktop-menu .input-search-holder {
position: relative;
width: 100%;
}
.header-menu .desktop-menu .input-search-holder input {
background-color: #f8f8f8;
border: none;
outline: none;
height: 55px;
width: 499px;
border-radius: 12px;
padding: 0 40px;
line-height: 55px;
font-weight: bold;
}
.header-menu .desktop-menu .input-search-holder a {
text-decoration: none;
}


.header-menu .desktop-menu .input-search-holder button {

right: 15px;
top: 17px;
position: absolute;
border: none;
background: transparent;
}



.header-menu .desktop-menu .loginArea {
display: flex;
vertical-align: top;
text-align: left;
justify-content: space-around;
align-items: center;
}
.header-menu .desktop-menu .loginArea .login_favorite {
display: inline-flex;
}
.header-menu .desktop-menu .loginArea .login_favorite a {
font-size: 13px;
font-weight: 400;
color: #000;
text-decoration: none;
text-align: center;
border-left: 1px solid #eee;
/*padding-left: 15px;*/
/*margin-left: 15px;*/
/*margin-right: 0;*/
/*padding-right: 0;*/
margin: 0;
padding: 10px;
}
.header-menu .desktop-menu .loginArea .login_favorite a span {
display: block;
}
.header-menu .desktop-menu .loginArea .login_favorite a:last-child {
border: none;
}
.header-menu .desktop-menu .loginArea .bascket {
display: inline-flex;
vertical-align: top;
}

.header-menu .desktop-menu .loginArea .bascket li{
list-style: none;
}

.header-menu .desktop-menu .loginArea .bascket li> a {
background-color: #0f1015;
color: #fff;
font-size: 13px;
font-weight: 400;
height: 55px;
line-height: 55px;
width: 140px;
text-align: center;
border-radius: 12px;
text-decoration: none;
padding: 0;
margin: 0;
}
.header-menu .desktop-menu .loginArea .bascket a svg {
vertical-align: middle;
}
.header-menu .desktop-menu .loginArea .bascket a span {
display: inline-block;
width: 23px;
height: 23px;
line-height: 25px;
text-align: center;
border-radius: 50%;
background-color: #fff;
color: #0f1015;
margin-right: 3px;
}

.main {
margin: 20px 0;
}
.main .Category_Area .category-holder {
display: block;
border-right: 12px;
padding: 20px 20px;
box-shadow: rgba(0, 0, 0, 0.08) 0px 4px 12px;
}
.main .Category_Area .category-holder > ul {
display: block;
margin: 0;
padding: 0;
list-style: none;
}
.main .Category_Area .category-holder > ul > li {
height: 59px;
line-height: 59px;
border-bottom: 1px solid #eff5f8;
text-align: right;
padding: 0 5px;
transition: all 0.2s ease-in;
}
.main .Category_Area .category-holder > ul > li > .cat-parent > a {
font-size: 14px;
font-weight: 300;
display: block;
color: #000;
text-decoration: none;
}
.main .Category_Area .category-holder > ul > li > .cat-parent > a img {
vertical-align: text-bottom;
}
.main .Category_Area .category-holder > ul > li:hover {
background: white;
background: linear-gradient(90deg, white 0%, #ffe5ef 100%);
}
.main .Category_Area .category-holder > ul > li:hover .mega-menu {
opacity: 1;
visibility: visible;
top: -20px;
}
.main .Category_Area .col-md-9 {
width: 75%;
}
.main .Category_Area .col-md-9 .col-md-9 {
width: 73%;
}
.main .Category_Area .col-md-9 .col-md-9 .owl-carousel .owl-rtl {
direction: rtl;
}
.main .Category_Area .col-md-9 .col-md-9 .owl-theme .owl-dots {
position: absolute;
left: 50%;
bottom: 25px;
transform: translateX(-50%);
}
.main .Category_Area .col-md-9 .col-md-3 {
width: 27%;
}
.main .Category_Area .col-md-9 .col-md-3 .twopicture img {
width: 100%;
}
.main .Category_Area .col-md-9 .col-md-3 .twopicture img:last-child {
margin-top: 5px;
}
.main .brands {
width: 1169px;
border: 1px solid #f3f3f3;
margin: 37px 0;
width: 100%;
border-radius: 15px;
}
.main .brands ul {
display: flex;
flex-wrap: wrap;
list-style: none;
}
.main .brands ul li {
padding: 30px 18px;
}
.main .brands ul li a img {
width: 100%;
}
.main .introduce-products {
margin: 10px 0;
}
.main .introduce-products .banner-off {
background-color: #ffb800;
width: 100%;
height: auto;
border-radius: 12px;
padding: 10px 0;
}
.main .introduce-products .banner-off .p-parant-off {
padding: 30px;
}
.main .introduce-products .banner-off .p-parant-off p {
background-color: #000;
color: #ffb800;
font-size: 30px;
line-height: 51px;
vertical-align: top;
margin-bottom: 0;
}
.main .introduce-products .banner-off .p-parant-off span {
background-color: none;
}
.main .introduce-products .banner-off .p-parant-off .off {
border: 2px solid #000000;
font-size: 22px;
padding: 0 10px;
font-weight: bold;
}
.main .introduce-products .banner-off .Deadline {
font-size: 14px;
font-weight: 400;
text-align: center;
}
.main .introduce-products .banner-off .timer-parent {
display: flex;
justify-content: space-between;
border: 2px solid #000000;
padding: 12px 10px;
margin: 25px;
}
.main .introduce-products .banner-off .timer-parent p {
font-size: 16px;
font-weight: 400;
}
.main .introduce-products .banner-off .timer-parent p span {
font-size: 12px;
font-weight: 400;
}
.main .introduce-products .owl-carouse-cards {
padding: 0 30px;
}
.main .introduce-products .owl-carouse-cards .item .card-body {
background-color: white;
border-radius: 15px;
border: 1px solid #eef1f4;
width: 100%;
height: auto;
box-shadow: rgba(0, 0, 0, 0.09) 0px 3px 12px;
position: relative;
}
.main .introduce-products .owl-carouse-cards .item .card-body .off-products {
position: absolute;
text-decoration: none;
color: white;
background-color: #F94B8E;
top: 25px;
right: 19px;
z-index: 2;
font-size: 12px;
display: inline-block;
font-weight: 500;
padding: 3px;
text-align: center;
width: 35px;
height: 24px;
border-top-left-radius: 10px;
border-top-right-radius: 2px;
border-bottom-right-radius: 10px;
border-bottom-left-radius: 10px;
}
.main .introduce-products .owl-carouse-cards .item .card-body .color-keeper {
position: absolute;
z-index: 3;
top: 20px;
left: 20px;
}
.main .introduce-products .owl-carouse-cards .item .card-body .color-keeper ul li {
display: block;
}
.main .introduce-products .owl-carouse-cards .item .card-body .color-keeper ul li a {
border-radius: 50%;
display: block;
width: 12px;
height: 12px;
z-index: 2;
margin: 5px 0;
background-color: #26562c;
}
.main .introduce-products .owl-carouse-cards .item .card-body .color-keeper ul li .blackcolor {
background-color: black;
}
.main .introduce-products .owl-carouse-cards .item .card-body .color-keeper ul li .graycolor {
background-color: #ECECEC;
}
.main .introduce-products .owl-carouse-cards .item .card-body .color-keeper ul li .greencolor {
background-color: #18CA4F;
}
.main .introduce-products .owl-carouse-cards .item .card-body .color-keeper ul li .pinkcolor {
background-color: #F94B8E;
}
.main .introduce-products .owl-carouse-cards .item .card-body .volume-holder {
position: absolute;
top: 28px;
left: 21px;
}
.main .introduce-products .owl-carouse-cards .item .card-body .volume-holder .volume {
font-size: 12px;
line-height: 16px;
font-weight: 400;
text-decoration: none;
padding: 2px 4px;
color: #8d909f;
border: 1px solid #f3f3f3;
border-radius: 7px;
}
.main .introduce-products .owl-carouse-cards .item .card-body .img-products-holder {
width: 150px;
height: 150px;
margin-top: 70px;
margin-bottom: 20px;
margin-left: auto;
margin-right: auto;
}
.main .introduce-products .owl-carouse-cards .item .card-body .img-products-holder img {
width: 130px;
height: 130px;
object-fit: contain;
}
.main .introduce-products .owl-carouse-cards .item .card-body .link-introduce-products {
text-align: right;
display: block;
font-weight: 500;
font-size: 15px;
color: black;
line-height: 30px;
text-decoration: none;
padding: 0 20px;
}
.main .introduce-products .owl-carouse-cards .item .card-body .link-introduce-products:hover {
color: #F94B8E;
}
.main .introduce-products .owl-carouse-cards .item .card-body .card-plus {
display: flex;
justify-content: space-between;
align-items: center;
margin: 10px 0;
flex-wrap: wrap;
height: 52px;
align-items: flex-end;
}
.main .introduce-products .owl-carouse-cards .item .card-body .card-plus .off {
text-decoration: line-through;
font-size: 12px;
color: #85868e;
padding: 0 20px;
font-weight: 500;
flex: 0 0 100%;
margin-bottom: 0;
}
.main .introduce-products .owl-carouse-cards .item .card-body .card-plus a {
text-decoration: none;
color: white;
background-color: #F94B8E;
border-radius: 30px;
width: 65px;
height: 35px;
display: flex;
justify-content: center;
align-items: center;
margin: 0 20px;
}
.main .introduce-products .owl-carouse-cards .item .card-body .card-plus .price-products {
font-weight: 400;
font-size: 16px;
line-height: 22px;
text-align: right;
text-decoration: none;
color: #4b4d57;
padding: 0 20px;
margin-bottom: 0;
}
.main .introduce-products .owl-carouse-cards .item .card-body .card-plus .price-products span {
font-size: 12px;
color: #8d909f;
font-weight: 500;
}
.main .introduce-products-parent {
margin: 35px 0;
}
.main .introduce-products-parent img {
width: 100%;
height: auto;
}
.main .introduce-products-parent .baner-area-holder .perfium-banner {
margin-top: 10px;
}
.main .best-products-keeper {
background-color: #f8f8f8;
border-radius: 10px;
padding: 50px 55px;
}
.main .best-products-keeper .best-products {
position: relative;
}
.main .best-products-keeper .best-products .title-best-holder {
margin-right: 48px;
padding-left: 2px;
}
.main .best-products-keeper .best-products .title-best-holder img {
background-color: white;
position: absolute;
top: 8px;
right: -8px;
padding: 12px;
border-radius: 15px;
z-index: 3;
}
.main .best-products-keeper .best-products .title-best-holder h6 {
font-size: 16px;
font-weight: 500;
line-height: 23px;
}
.main .best-products-keeper .best-products .title-best-holder h6 span {
font-size: 16px;
font-weight: bold;
line-height: 23px;
color: #F94B8E;
}
.main .best-products-keeper .best-products .title-best-holder .see-all {
padding: 12px 0 25px 0;
display: flex;
justify-content: space-between;
align-items: center;
}
.main .best-products-keeper .best-products .title-best-holder .see-all p {
font-size: 13px;
color: #85868e;
font-weight: 300;
line-height: 18px;
color: #8d909f;
}
.main .best-products-keeper .best-products .title-best-holder .see-all .view-all-holder {
display: inline-flex;
}
.main .best-products-keeper .best-products .title-best-holder .see-all .view-all-holder a {
text-decoration: none;
color: #4b4d57;
font-weight: 300;
font-size: 13px;
}
.main .best-products-keeper .best-products .title-best-holder .see-all .view-all-holder a svg {
margin-right: 8px;
vertical-align: middle;
}
.main .best-products-keeper .owl-carouse-test .item .card-body {
background-color: white;
border-radius: 15px;
border: 1px solid #eef1f4;
width: 100%;
height: auto;
box-shadow: rgba(0, 0, 0, 0.09) 0px 3px 12px;
position: relative;
}
.main .best-products-keeper .owl-carouse-test .item .card-body .off-products {
position: absolute;
text-decoration: none;
color: white;
background-color: #F94B8E;
top: 25px;
right: 19px;
z-index: 2;
font-size: 12px;
display: inline-block;
font-weight: 500;
padding: 3px;
text-align: center;
width: 35px;
height: 24px;
border-top-left-radius: 10px;
border-top-right-radius: 2px;
border-bottom-right-radius: 10px;
border-bottom-left-radius: 10px;
}
.main .best-products-keeper .owl-carouse-test .item .card-body .color-keeper {
position: absolute;
z-index: 3;
top: 20px;
left: 20px;
}
.main .best-products-keeper .owl-carouse-test .item .card-body .color-keeper ul li {
display: block;
}
.main .best-products-keeper .owl-carouse-test .item .card-body .color-keeper ul li a {
border-radius: 50%;
display: block;
width: 12px;
height: 12px;
z-index: 2;
margin: 5px 0;
background-color: #26562c;
}
.main .best-products-keeper .owl-carouse-test .item .card-body .color-keeper ul li .blackcolor {
background-color: black;
}
.main .best-products-keeper .owl-carouse-test .item .card-body .color-keeper ul li .graycolor {
background-color: #ECECEC;
}
.main .best-products-keeper .owl-carouse-test .item .card-body .color-keeper ul li .greencolor {
background-color: #18CA4F;
}
.main .best-products-keeper .owl-carouse-test .item .card-body .color-keeper ul li .pinkcolor {
background-color: #F94B8E;
}
.main .best-products-keeper .owl-carouse-test .item .card-body .volume-holder {
position: absolute;
top: 28px;
left: 21px;
}
.main .best-products-keeper .owl-carouse-test .item .card-body .volume-holder .volume {
font-size: 12px;
line-height: 16px;
font-weight: 400;
text-decoration: none;
padding: 2px 4px;
color: #8d909f;
border: 1px solid #f3f3f3;
border-radius: 7px;
}
.main .best-products-keeper .owl-carouse-test .item .card-body .img-products-holder {
width: 150px;
height: 150px;
margin-top: 70px;
margin-bottom: 20px;
margin-left: auto;
margin-right: auto;
}
.main .best-products-keeper .owl-carouse-test .item .card-body .img-products-holder img {
width: 130px;
height: 130px;
object-fit: contain;
}
.main .best-products-keeper .owl-carouse-test .item .card-body .img-products-holder-dd {
width: 150px;
height: 150px;
margin-top: 70px;
margin-bottom: 20px;
margin-left: auto;
margin-right: auto;
}
.main .best-products-keeper .owl-carouse-test .item .card-body .img-products-holder-dd img {
width: 150px;
height: 150px;
object-fit: contain;
}
.main .best-products-keeper .owl-carouse-test .item .card-body .link-introduce-products {
text-align: right;
display: block;
font-weight: 500;
font-size: 15px;
color: black;
line-height: 30px;
text-decoration: none;
padding: 0 20px;
}
.main .best-products-keeper .owl-carouse-test .item .card-body .link-introduce-products:hover {
color: #F94B8E;
}
.main .best-products-keeper .owl-carouse-test .item .card-body .card-plus {
display: flex;
justify-content: space-between;
align-items: center;
margin: 10px 0;
align-items: flex-end;
flex-wrap: wrap;
height: 52px;
}
.main .best-products-keeper .owl-carouse-test .item .card-body .card-plus .off {
text-decoration: line-through;
font-size: 12px;
color: #85868e;
padding: 0 20px;
font-weight: 500;
flex: 0 0 100%;
margin-bottom: 0;
}
.main .best-products-keeper .owl-carouse-test .item .card-body .card-plus a {
text-decoration: none;
color: white;
background-color: #F94B8E;
border-radius: 30px;
width: 65px;
height: 35px;
display: flex;
justify-content: center;
align-items: center;
margin: 0 20px;
}
.main .best-products-keeper .owl-carouse-test .item .card-body .card-plus .price-products {
font-weight: 400;
font-size: 16px;
line-height: 22px;
text-align: right;
text-decoration: none;
color: #4b4d57;
padding: 0 20px;
margin-bottom: 0;
}
.main .best-products-keeper .owl-carouse-test .item .card-body .card-plus .price-products span {
font-size: 12px;
color: #8d909f;
font-weight: 500;
}
.main .selected-editor-holder {
margin-top: 35px;
}
.main .selected-editor-holder .selector-edited-title {
display: flex;
align-items: center;
}
.main .selected-editor-holder .selector-edited-title h3 {
font-size: 16px;
font-weight: 500;
line-height: 32px;
color: #0f1015;
margin-right: 10px;
margin-bottom: 0;
}
.main .selected-editor-holder .selector-edited-title img {
width: 20px;
height: 20px;
}
.main .selected-editor-holder .selector-cards {
display: flex;
flex-direction: column;
padding: 20px 0;
}
.main .selected-editor-holder .selector-cards img {
width: 272px;
height: 181px;
}
.main .selected-editor-holder .selector-cards .img-diffrent {
width: 272px;
height: 181px;
background: transparent;
}
.main .selected-editor-holder .selector-cards p {
text-align: right;
color: #565656;
font-size: 12px;
font-weight: 300;
margin: 15px 0 6px 0;
}
.main .selected-editor-holder .selector-cards a {
text-decoration: none;
text-align: right;
color: #0f1015;
font-size: 15px;
font-weight: 500;
line-height: 28px;
display: block;
}
.main .selected-editor-holder .selector-cards a:hover {
color: #F94B8E;
}
.main .care-and-health {
margin: 30px 0;
}
.main .care-and-health h6 {
font-size: 16px;
font-weight: 500;
line-height: 22px;
display: flex;
justify-content: center;
}
.main .care-and-health h6 span {
width: 65px;
height: 1px;
margin: 17px;
background-color: black;
}
.main .care-and-health ul {
margin: 22px 0;
display: flex;
justify-content: center;
align-items: center;
list-style: none;
}
.main .care-and-health ul li {
padding: 0 13px;
}
.main .care-and-health ul li button {
text-decoration: none;
font-size: 14px;
color: #565656;
font-weight: 300;
display: block;
line-height: 20px;
}
.main .care-and-health .nav-tabs {
border-bottom: none;
}
.main .care-and-health .nav-tabs .nav-link {
border-color: none;
border: none;
}
.main .care-and-health .tab-content .tab-pane .card-health {
margin: 25px 0;
}
.main .care-and-health .tab-content .tab-pane .card-health .card-body-health {
display: flex;
flex-direction: column;
justify-content: center;
border: 1px solid #d9e1e8;
border-radius: 15px;
margin: 10px 0;
}
.main .care-and-health .tab-content .tab-pane .card-health .card-body-health .pic-carebody {
width: 100%;
height: auto;
}
.main .care-and-health .tab-content .tab-pane .card-health .card-body-health .card-health-holder {
padding: 0 10px;
}
.main .care-and-health .tab-content .tab-pane .card-health .card-body-health .card-health-holder p {
color: #565656;
font-size: 12px;
font-weight: 300;
line-height: 17px;
margin: 15px 0;
}
.main .care-and-health .tab-content .tab-pane .card-health .card-body-health .card-health-holder a {
font-weight: 500;
font-size: 15px;
color: black;
display: block;
line-height: 28px;
text-decoration: none;
margin: 10px 0;
}
.main .care-and-health .tab-content .tab-pane .card-health .card-body-health .card-health-holder .picture-health-holder {
display: flex;
align-items: center;
}
.main .care-and-health .tab-content .tab-pane .card-health .card-body-health .card-health-holder .picture-health-holder img {
width: 35px;
height: 35px;
}
.main .care-and-health .tab-content .tab-pane .card-health .card-body-health .card-health-holder .picture-health-holder .date-holder {
margin: 10px;
}
.main .care-and-health .tab-content .tab-pane .card-health .card-body-health .card-health-holder .picture-health-holder .date-holder p {
margin: 3px 5px;
font-size: 14px;
color: #4b4d57;
font-weight: 400;
}
.main .care-and-health .tab-content .tab-pane .card-health .card-body-health .card-health-holder .picture-health-holder .date-holder .date {
color: #b7b7b7;
font-size: 11px;
font-family: 300;
margin: 3px 5px;
}
.main .care-banner-health {
margin: 60px 0;
}
.main .care-banner-health h6 {
font-size: 16px;
font-weight: bold;
line-height: 2;
display: flex;
justify-content: center;
}
.main .care-banner-health h6 span {
width: 63px;
height: 1px;
margin: 17px;
background-color: black;
}
.main .care-banner-health ul {
margin: 22px 0 0 0;
display: flex;
justify-content: center;
align-items: center;
list-style: none;
}
.main .care-banner-health ul li {
padding: 0 13px;
}
.main .care-banner-health ul li button {
text-decoration: none;
font-size: 14px;
color: #565656;
display: block;
font-weight: 300;
}
.main .care-banner-health .nav-tabs {
border-bottom: none;
}
.main .care-banner-health .nav-tabs .nav-link {
border-color: none;
border: none;
}
.main .care-banner-health .tab-content .tab-pane .card-health {
margin: 40px 0;
}
.main .care-banner-health .tab-content .tab-pane .card-health .baner-image-health {
position: relative;
}
.main .care-banner-health .tab-content .tab-pane .card-health .baner-image-health img {
width: 100%;
height: auto;
}
.main .care-banner-health .tab-content .tab-pane .card-health .baner-image-health .content-introduce-blog-area {
position: absolute;
bottom: 22px;
right: 32px;
}
.main .care-banner-health .tab-content .tab-pane .card-health .baner-image-health .content-introduce-blog-area a {
text-decoration: none;
color: white;
font-weight: 500;
font-size: 18px;
padding: 0 9px 0 42px;
display: block;
font-weight: 32px;
}
.main .care-banner-health .tab-content .tab-pane .card-health .baner-image-health .content-introduce-blog-area .profile-area {
display: flex;
justify-content: space-between;
align-items: center;
}
.main .care-banner-health .tab-content .tab-pane .card-health .baner-image-health .content-introduce-blog-area .profile-area .picture-health-holder {
display: flex;
align-items: center;
}
.main .care-banner-health .tab-content .tab-pane .card-health .baner-image-health .content-introduce-blog-area .profile-area .picture-health-holder img {
width: 35px;
height: 35px;
border-radius: 50%;
}
.main .care-banner-health .tab-content .tab-pane .card-health .baner-image-health .content-introduce-blog-area .profile-area .picture-health-holder .date-holder {
margin: 10px 0;
}
.main .care-banner-health .tab-content .tab-pane .card-health .baner-image-health .content-introduce-blog-area .profile-area .picture-health-holder .date-holder p {
margin: 3px 5px;
font-size: 14px;
color: white;
font-weight: 400;
}
.main .care-banner-health .tab-content .tab-pane .card-health .baner-image-health .content-introduce-blog-area .profile-area .picture-health-holder .date-holder .date {
color: #b7b7b7;
font-size: 11px;
font-weight: 300;
margin: 3px 5px;
}
.main .care-banner-health .tab-content .tab-pane .card-health .card-body-health {
display: flex;
flex-direction: column;
justify-content: center;
border-radius: 15px;
border: 1px solid #d9e1e8;
margin: 10px 0;
}
.main .care-banner-health .tab-content .tab-pane .card-health .card-body-health .pic-carebody {
width: 100%;
height: auto;
padding: 10px;
}
.main .care-banner-health .tab-content .tab-pane .card-health .card-body-health .card-health-holder {
padding: 0 10px;
}
.main .care-banner-health .tab-content .tab-pane .card-health .card-body-health .card-health-holder p {
color: #565656;
font-size: 12px;
line-height: 16px;
font-weight: 300;
margin: 10px 0;
}
.main .care-banner-health .tab-content .tab-pane .card-health .card-body-health .card-health-holder a {
font-weight: 500;
font-size: 15px;
color: black;
display: block;
text-decoration: none;
line-height: 28px;
margin: 10px 0;
}
.main .care-banner-health .tab-content .tab-pane .card-health .card-body-health .card-health-holder .picture-health-holder {
display: flex;
align-items: center;
}
.main .care-banner-health .tab-content .tab-pane .card-health .card-body-health .card-health-holder .picture-health-holder img {
width: 37px;
height: 37px;
border-radius: 50%;
}
.main .care-banner-health .tab-content .tab-pane .card-health .card-body-health .card-health-holder .picture-health-holder .date-holder {
margin: 10px 0;
}
.main .care-banner-health .tab-content .tab-pane .card-health .card-body-health .card-health-holder .picture-health-holder .date-holder p {
margin: 3px 5px;
font-size: 14px;
color: black;
font-weight: 500;
}
.main .care-banner-health .tab-content .tab-pane .card-health .card-body-health .card-health-holder .picture-health-holder .date-holder .date {
color: #565656;
font-size: 12px;
font-family: 500;
margin: 3px 5px;
}
.main .blog-single-parent {
box-shadow: 0px 4px 30px 0px #f3f3f3;
border-radius: 10px;
padding: 30px 20px;
}
.main .blog-single-parent h6 {
color: #0f1015;
font-weight: 400;
font-size: 20px;
line-height: 28px;
padding: 0 5px;
}
.main .blog-single-parent .star-holder {
display: flex;
justify-content: space-between;
align-items: center;
}
.main .blog-single-parent .star-holder .picture-health-holder {
display: flex;
align-items: center;
}
.main .blog-single-parent .star-holder .picture-health-holder img {
width: 37px;
height: 37px;
border-radius: 50%;
}
.main .blog-single-parent .star-holder .picture-health-holder .date-holder {
margin: 10px;
}
.main .blog-single-parent .star-holder .picture-health-holder .date-holder p {
margin: 3px 5px;
font-size: 14px;
color: #4b4d57;
font-weight: 400;
line-height: 20px;
}
.main .blog-single-parent .star-holder .picture-health-holder .date-holder .date {
color: #565656;
font-size: 11px;
font-weight: 300;
margin: 3px 5px;
line-height: 15px;
}
.main .blog-single-parent .star-holder .star-parent ul {
margin: 10px 0;
display: flex;
list-style: none;
}
.main .blog-single-parent .star-holder .star-parent ul li {
margin: 0 2px;
}
.main .blog-single-parent .star-holder .star-parent ul li a {
text-decoration: none;
}
.main .blog-single-parent img {
width: 100%;
height: auto;
}
.main .blog-single-parent .p-diffrent {
color: #565656;
font-size: 14px;
font-weight: 300;
line-height: 26px;
padding: 14px 8px;
}
.main .blog-single-parent .diffrent-paragragh {
display: flex;
align-items: center;
background-color: #f8f8f8;
padding: 20px 24px;
border-radius: 10px;
}
.main .blog-single-parent .diffrent-paragragh svg {
width: 5%;
height: auto;
}
.main .blog-single-parent .diffrent-paragragh p {
color: #565656;
font-size: 14px;
font-weight: 400;
line-height: 25px;
padding: 5px 25px;
}
.main .blog-single-parent .p-diffrent-holder {
color: #565656;
font-size: 13px;
font-weight: 400;
line-height: 26px;
padding: 20px 8px;
margin: 10px 0;
border-bottom: 1px solid #f3f3f3;
}
.main .blog-single-parent .share-post-holder {
display: flex;
justify-content: space-between;
}
.main .blog-single-parent .share-post-holder p {
color: #4b4d57;
padding: 10px 0;
font-size: 13px;
font-weight: 300;
line-height: 20px;
}
.main .blog-single-parent .share-post-holder .social-media-holder ul {
list-style: none;
display: flex;
}
.main .blog-single-parent .share-post-holder .social-media-holder ul li {
padding: 0 10px;
}
.main .blog-single-parent .share-post-holder .social-media-holder ul li a {
text-decoration: none;
}
.main .blog-single-parent .share-post-holder .social-media-holder ul li a svg {
fill: #4b4d57;
width: 17px;
height: 17px;
}
.main .post-comment-holder {
box-shadow: 0px 4px 140px 0px #f3f3f3;
border-radius: 10px;
padding: 30px 20px;
margin: 20px 0;
}
.main .post-comment-holder .cat-title-holder {
display: flex;
align-items: center;
padding: 10px 0;
}
.main .post-comment-holder .cat-title-holder h6 {
font-size: 16px;
font-weight: 500;
color: black;
line-height: 22px;
padding: 0 10px;
}
.main .post-comment-holder .cat-title-holder img {
width: 25px;
height: 21px;
}
.main .post-comment-holder form input {
width: 100%;
background-color: #f8f8f8;
border: none;
outline: none;
height: 50px;
line-height: 50px;
font-weight: 400;
font-size: 13px;
padding: 4px 10px;
border-radius: 12px;
margin: 10px 0;
}
.main .post-comment-holder form .textarea-description {
width: 100%;
background-color: #f8f8f8;
color: #4b4d57;
border: none;
outline: none;
font-weight: 400;
font-size: 13px;
padding: 20px 25px;
border-radius: 12px;
margin: 10px 0;
height: auto;
}
.main .post-comment-holder form .btn-view {
display: flex;
justify-content: flex-end;
}
.main .post-comment-holder form .btn-view a {
background-color: #05af8e;
color: white;
font-size: 14px;
font-weight: 400;
line-height: 20px;
border-radius: 10px;
padding: 15px 23px;
display: inline-flex;
text-decoration: none;
}
.main .post-comment-holder .comment-holder {
margin: 10px 0;
}
.main .post-comment-holder .comment-holder .comment {
display: flex;
justify-content: space-between;
align-items: center;
}
.main .post-comment-holder .comment-holder .comment .picture-health-holder {
display: flex;
align-items: center;
}
.main .post-comment-holder .comment-holder .comment .picture-health-holder img {
width: 50px;
height: 50px;
border-radius: 50%;
}
.main .post-comment-holder .comment-holder .comment .picture-health-holder .date-holder {
margin: 10px;
}
.main .post-comment-holder .comment-holder .comment .picture-health-holder .date-holder p {
margin: 3px 5px;
font-size: 14px;
color: #565656;
font-weight: 500;
line-height: 26px;
}
.main .post-comment-holder .comment-holder .comment .picture-health-holder .date-holder .date {
color: #565656;
line-height: 22px;
font-size: 12px;
font-weight: 300;
margin: 3px 5px;
}
.main .post-comment-holder .comment-holder .comment .answer-parent {
display: flex;
align-items: center;
margin: 0 20px;
}
.main .post-comment-holder .comment-holder .comment .answer-parent svg {
margin-left: 11px;
}
.main .post-comment-holder .comment-holder .comment .answer-parent p {
font-size: 14px;
font-weight: 400;
line-height: 26px;
color: #8d909f;
margin: 0;
}
.main .post-comment-holder .comment-holder .p-comment {
color: #565656;
font-size: 13px;
font-weight: 400;
line-height: 24px;
padding: 14px 50px;
}
.main .post-comment-holder .comment-holder .comment-holder-diffrent {
background-color: #F6F7F9;
border-radius: 10px;
margin: 10px 37px;
padding: 10px;
}
.main .post-comment-holder .comment-holder .comment-holder-diffrent .comment {
display: flex;
justify-content: space-between;
align-items: center;
}
.main .post-comment-holder .comment-holder .comment-holder-diffrent .comment .picture-health-holder {
display: flex;
align-items: center;
padding: 0 15px;
}
.main .post-comment-holder .comment-holder .comment-holder-diffrent .comment .picture-health-holder img {
width: 42px;
height: 42px;
border-radius: 50%;
}
.main .post-comment-holder .comment-holder .comment-holder-diffrent .comment .picture-health-holder .date-holder {
margin: 10px;
}
.main .post-comment-holder .comment-holder .comment-holder-diffrent .comment .picture-health-holder .date-holder p {
margin: 3px 5px;
font-size: 14px;
color: #565656;
font-weight: 700;
line-height: 26px;
}
.main .post-comment-holder .comment-holder .comment-holder-diffrent .comment .picture-health-holder .date-holder .date {
color: #565656;
font-size: 12px;
font-weight: 300;
margin: 3px 5px;
}
.main .post-comment-holder .comment-holder .comment-holder-diffrent .comment .answer-parent {
display: flex;
align-items: center;
margin: 0 20px;
}
.main .post-comment-holder .comment-holder .comment-holder-diffrent .comment .answer-parent svg {
margin-left: 11px;
}
.main .post-comment-holder .comment-holder .comment-holder-diffrent .comment .answer-parent p {
font-size: 14px;
font-weight: 400;
line-height: 26px;
color: #8d909f;
margin: 0;
}
.main .post-comment-holder .comment-holder .comment-holder-diffrent .p-comment {
color: #85868e;
font-size: 14px;
font-weight: 400;
line-height: 26px;
padding: 0 50px;
}
.main .category-holder-single {
border-radius: 10px;
box-shadow: 0px 4px 30px 0px #F3F3F3;
padding: 30px 20px;
}
.main .category-holder-single h6 {
font-size: 16px;
font-weight: bold;
color: black;
padding: 5px 10px;
}
.main .category-holder-single ul {
display: inline-block;
}
.main .category-holder-single ul li {
padding: 10px 5px;
}
.main .category-holder-single ul li a {
text-decoration: none;
color: #85868e;
font-size: 14px;
font-weight: 300;
display: block;
}
.main .makeup-baner-holder {
margin: 35px 0;
}
.main .makeup-baner-holder ul {
display: flex;
justify-content: flex-start;
list-style: none;
}
.main .makeup-baner-holder ul li {
padding: 4px;
width: 40%;
}
.main .makeup-baner-holder ul li img {
width: 100%;
height: auto;
}
.main .makeup-baner-holder ul li .diff {
width: 100%;
height: auto;
}
.main .makeup-baner-holder ul li:last-child {
width: 26%;
}
.main .banner-care-area {
margin: 40px 0;
}
.main .banner-care-area img {
width: 100%;
height: auto;
}
.main .page-breadcrumb-holder {
border-top: 1px solid #eef1f4;
padding: 20px 0;
}
.main .page-breadcrumb-holder ul {
list-style: none;
display: flex;
align-items: center;
padding-left: 0;
}
.main .page-breadcrumb-holder ul li {
padding: 0 5px;
}
.main .page-breadcrumb-holder ul li a {
text-decoration: none;
font-size: 13px;
font-weight: 300;
line-height: 18px;
text-align: right;
color: #8d909f;
}
.main .page-breadcrumb-holder ul li span {
padding: 0 5px;
}
.main .category-blog-area .col-md-9 .row .col-md-4 .category-holder-single {
border-radius: 10px;
box-shadow: 0px 4px 30px 0px #F3F3F3;
padding: 28px 45px;
}
.main .category-blog-area .col-md-9 .row .col-md-4 .category-holder-single .cat-title-holder {
display: flex;
align-items: center;
padding: 10px 0;
}
.main .category-blog-area .col-md-9 .row .col-md-4 .category-holder-single .cat-title-holder h6 {
font-size: 16px;
font-weight: 500;
line-height: 22px;
color: black;
padding: 0 10px;
margin: 0;
}
.main .category-blog-area .col-md-9 .row .col-md-4 .category-holder-single .cat-title-holder img {
width: 25px;
height: 21px;
}
.main .category-blog-area .col-md-9 .row .col-md-4 .category-holder-single ul {
display: inline-block;
list-style: none;
}
.main .category-blog-area .col-md-9 .row .col-md-4 .category-holder-single ul li {
padding: 10px 20px;
}
.main .category-blog-area .col-md-9 .row .col-md-4 .category-holder-single ul li a {
text-decoration: none;
color: #565656;
font-size: 13px;
font-weight: 400;
display: block;
line-height: 18px;
}
.main .category-blog-area .col-md-9 .row .col-md-4 .category-holder-single ul li a svg:hover {
fill: #F94B8E;
}
.main .category-blog-area .col-md-9 .row .col-md-4 .category-holder-single ul li a:hover {
color: #F94B8E;
}
.main .category-blog-area .col-md-9 .row .col-md-8 .introduce-blog-area {
position: relative;
}
.main .category-blog-area .col-md-9 .row .col-md-8 .introduce-blog-area img {
width: 100%;
}
.main .category-blog-area .col-md-9 .row .col-md-8 .introduce-blog-area .content-introduce-blog-area {
position: absolute;
bottom: 22px;
right: 32px;
}
.main .category-blog-area .col-md-9 .row .col-md-8 .introduce-blog-area .content-introduce-blog-area a {
text-decoration: none;
color: white;
font-weight: 500;
font-size: 18px;
padding: 0 9px 0 42px;
display: block;
font-weight: 32px;
}
.main .category-blog-area .col-md-9 .row .col-md-8 .introduce-blog-area .content-introduce-blog-area .profile-area {
display: flex;
justify-content: space-between;
align-items: center;
}
.main .category-blog-area .col-md-9 .row .col-md-8 .introduce-blog-area .content-introduce-blog-area .profile-area .picture-health-holder {
display: flex;
align-items: center;
}
.main .category-blog-area .col-md-9 .row .col-md-8 .introduce-blog-area .content-introduce-blog-area .profile-area .picture-health-holder img {
width: 35px;
height: 35px;
border-radius: 50%;
}
.main .category-blog-area .col-md-9 .row .col-md-8 .introduce-blog-area .content-introduce-blog-area .profile-area .picture-health-holder .date-holder {
margin: 10px 0;
}
.main .category-blog-area .col-md-9 .row .col-md-8 .introduce-blog-area .content-introduce-blog-area .profile-area .picture-health-holder .date-holder p {
margin: 3px 5px;
font-size: 14px;
color: white;
font-weight: 400;
}
.main .category-blog-area .col-md-9 .row .col-md-8 .introduce-blog-area .content-introduce-blog-area .profile-area .picture-health-holder .date-holder .date {
color: #b7b7b7;
font-size: 11px;
font-weight: 300;
margin: 3px 5px;
}
.main .category-blog-area .col-md-9 .row .col-md-8 .introduce-blog-area .content-introduce-blog-area .profile-area .read-more {
text-decoration: none;
color: white;
font-size: 13px;
font-weight: 400;
display: block;
line-height: 18px;
}
.main .category-blog-area .col-md-9 .row .col-md-8 .introduce-blog-area .content-introduce-blog-area .profile-area .read-more svg {
fill: white;
}
.main .category-blog-area .baner-care-area {
margin-top: 15px;
}
.main .category-blog-area .baner-care-area img {
width: 100%;
height: auto;
}
.main .category-blog-area .baner-left-area {
position: relative;
}
.main .category-blog-area .baner-left-area img {
width: 100%;
height: auto;
}
.main .category-blog-area .baner-left-area .title-baner-left-area {
position: absolute;
bottom: 30px;
}
.main .category-blog-area .baner-left-area .title-baner-left-area a {
text-decoration: none;
color: white;
font-size: 18px;
font-weight: 500;
line-height: 32px;
padding: 0 23px;
display: block;
}
.main .container .row .col-md-3 .category-holder-single {
border-radius: 10px;
box-shadow: 0px 4px 30px 0px #F3F3F3;
padding: 25px 17px;
}
.main .container .row .col-md-3 .category-holder-single .cat-title-holder {
display: flex;
align-items: center;
padding: 10px 0;
}
.main .container .row .col-md-3 .category-holder-single .cat-title-holder h6 {
font-size: 16px;
font-weight: 500;
line-height: 22px;
color: black;
padding: 0 10px;
margin: 0;
}
.main .container .row .col-md-3 .category-holder-single .cat-title-holder img {
width: 25px;
height: 21px;
}
.main .container .row .col-md-3 .category-holder-single ul {
display: inline-block;
list-style: none;
}
.main .container .row .col-md-3 .category-holder-single ul li {
padding: 10px 20px;
}
.main .container .row .col-md-3 .category-holder-single ul li a {
text-decoration: none;
color: #565656;
font-size: 13px;
font-weight: 400;
display: block;
line-height: 18px;
}
.main .container .row .col-md-3 .category-holder-single ul li a svg:hover {
fill: #F94B8E;
}
.main .container .row .col-md-3 .category-holder-single ul li a:hover {
color: #F94B8E;
}
.main .container .row .col-md-3 .suggest-article-single {
border-radius: 10px;
box-shadow: 0px 4px 30px 0px #F3F3F3;
padding: 25px 17px;
margin: 15px 0;
}
.main .container .row .col-md-3 .suggest-article-single .suggest-article-holder {
display: flex;
align-items: center;
padding: 10px 0;
}
.main .container .row .col-md-3 .suggest-article-single .suggest-article-holder h6 {
font-size: 16px;
font-weight: 500;
line-height: 22px;
color: black;
padding: 0 10px;
margin: 0;
}
.main .container .row .col-md-3 .suggest-article-single .suggest-article-holder img {
width: 25px;
height: 21px;
}
.main .container .row .col-md-3 .suggest-article-single ul {
display: inline-block;
list-style: none;
margin: 10px 0;
}
.main .container .row .col-md-3 .suggest-article-single ul li {
padding: 0 5px;
margin: 15px 0;
}
.main .container .row .col-md-3 .suggest-article-single ul li .date-holder {
display: flex;
align-items: center;
font-weight: 300;
font-size: 12px;
line-height: 16px;
color: #888aa1;
}
.main .container .row .col-md-3 .suggest-article-single ul li .date-holder a {
text-decoration: none;
color: #565656;
font-size: 13px;
font-weight: 400;
line-height: 18px;
}
.main .container .row .col-md-3 .suggest-article-single ul li .date-holder a svg {
margin-left: 8px;
}
.main .container .row .col-md-3 .suggest-article-single ul li .date-holder a:hover .svg {
fill: #F94B8E;
}
.main .container .row .col-md-3 .suggest-article-single ul li .help-link {
display: block;
font-weight: 500;
font-size: 15px;
line-height: 28px;
text-decoration: none;
color: #4b4d57;
border-right: 1px solid #e5e9ef;
padding-right: 10px;
margin-right: 8px;
}
.main .container .row .col-md-3 .suggest-article-single ul li .help-link:hover {
color: #F94B8E;
}
.main .tab-products {
background-color: #f8f8f8;
margin: 25px 0;
border-radius: 12px;
}
.main .tab-products .nav-pills {
display: flex;
justify-content: center;
padding: 10px;
background-color: white;
width: fit-content;
margin: 30px auto;
border-radius: 15px;
padding: 0 11px;
}
.main .tab-products .nav-pills li {
padding: 8px 0;
border-radius: 12px;
}
.main .tab-products .nav-pills li .active {
background-color: #f6f6f6;
padding: 11px 32px;
font-size: 13px;
font-weight: 400;
line-height: 28px;
color: #4b4d57;
}
.main .tab-products .nav-pills li .nav-link {
font-size: 13px;
font-weight: 400;
line-height: 28px;
color: #4b4d57;
}
.main .tab-products .tab-content #user-view .user-view-holder {
background-color: #f5f5f5;
margin: 20px;
padding: 30px 15px;
border-radius: 15px;
}
.main .tab-products .tab-content #user-view .user-view-holder h6 {
font-weight: 700;
font-size: 14px;
line-height: 26px;
color: #0f1015;
}
.main .tab-products .tab-content #user-view .user-view-holder .scoring-holder {
display: flex;
justify-content: space-between;
align-items: center;
}
.main .tab-products .tab-content #user-view .user-view-holder .scoring-holder p {
font-size: 13px;
font-weight: 400;
line-height: 25px;
color: #8d909f;
}
.main .tab-products .tab-content #user-view .user-view-holder .scoring-holder .scoring-area {
display: flex;
justify-content: space-between;
align-items: center;
}
.main .tab-products .tab-content #user-view .user-view-holder .scoring-holder .scoring-area p {
margin-left: 30px;
padding: 0;
font-size: 14px;
font-weight: 400;
line-height: 26px;
color: #8d909f;
margin-bottom: 0;
}
.main .tab-products .tab-content #user-view .user-view-holder .scoring-holder .scoring-area .star-area {
list-style: none;
display: flex;
align-items: center;
}
.main .tab-products .tab-content #user-view .user-view-holder .scoring-holder .scoring-area .star-area li {
padding: 0 3px;
}
.main .tab-products .tab-content #user-view .user-view-holder .scoring-holder .scoring-area .star-area li a {
display: block;
}
.main .tab-products .tab-content #user-view .user-view-holder .opinion-holder {
position: relative;
}
.main .tab-products .tab-content #user-view .user-view-holder .opinion-holder .textarea-opinion {
width: 100%;
background-color: white;
color: #8d909f;
border: none;
outline: none;
font-weight: 400;
font-size: 14px;
padding: 24px;
border-radius: 12px;
margin: 10px 0;
height: auto;
}
.main .tab-products .tab-content #user-view .user-view-holder .opinion-holder a {
display: inline-flex;
font-size: 13px;
font-weight: 500;
background-color: #F94B8E;
text-decoration: none;
color: white;
padding: 15px 28px;
position: absolute;
border-radius: 0px 5px 0px 11px;
bottom: 17px;
left: 0;
}
.main .tab-products .tab-content #user-view .user-view-holder .score-comment-area {
padding: 10px 0;
margin: 10px 0;
background-color: #f8f8f8;
border-radius: 10px;
}
.main .tab-products .tab-content #user-view .user-view-holder .score-comment-area .comment {
display: flex;
justify-content: space-between;
align-items: center;
}
.main .tab-products .tab-content #user-view .user-view-holder .score-comment-area .comment .picture-health-holder {
display: flex;
align-items: center;
padding: 0 15px;
}
.main .tab-products .tab-content #user-view .user-view-holder .score-comment-area .comment .picture-health-holder img {
width: 42px;
height: 42px;
border-radius: 50%;
}
.main .tab-products .tab-content #user-view .user-view-holder .score-comment-area .comment .picture-health-holder .date-holder {
margin: 10px;
}
.main .tab-products .tab-content #user-view .user-view-holder .score-comment-area .comment .picture-health-holder .date-holder p {
margin: 3px 5px;
font-size: 14px;
color: #565656;
font-weight: 400;
line-height: 26px;
}
.main .tab-products .tab-content #user-view .user-view-holder .score-comment-area .comment .picture-health-holder .date-holder .date {
color: #9a9a9a;
line-height: 18px;
font-size: 13px;
font-weight: 400;
margin: 3px 5px;
}
.main .tab-products .tab-content #user-view .user-view-holder .score-comment-area .comment .answer-parent {
display: flex;
align-items: center;
padding: 10px 40px;
}
.main .tab-products .tab-content #user-view .user-view-holder .score-comment-area .comment .answer-parent ul {
display: flex;
width: fit-content;
list-style: none;
margin-left: 30px;
}
.main .tab-products .tab-content #user-view .user-view-holder .score-comment-area .comment .answer-parent ul li {
padding: 0 4px;
font-weight: 400;
font-size: 12px;
color: #4b4d57;
}
.main .tab-products .tab-content #user-view .user-view-holder .score-comment-area .comment .answer-parent p {
font-size: 13px;
font-weight: 400;
line-height: 26px;
color: #9a9a9a;
margin-bottom: 0;
}
.main .tab-products .tab-content #user-view .user-view-holder .score-comment-area .comment-detail {
padding: 0 75px 0 38px;
}
.main .tab-products .tab-content #user-view .user-view-holder .score-comment-area .comment-detail p {
font-size: 13px;
font-weight: 400;
line-height: 28px;
color: #8d909f;
}
.main .tab-products .tab-content #Product-features {
background-color: #f5f5f5;
margin: 20px;
padding: 30px 15px;
border-radius: 15px;
}
.main .tab-products .tab-content #Product-features .Product-features-holder ul {
list-style: none;
display: inline;
}
.main .tab-products .tab-content #Product-features .Product-features-holder ul .background-white {
background-color: white;
border-radius: 8px;
padding: 0 10px;
}
.main .tab-products .tab-content #Product-features .Product-features-holder ul .background-white .feature-bg-white {
padding: 17px 20px;
display: flex;
align-items: center;
}
.main .tab-products .tab-content #Product-features .Product-features-holder ul .background-white .feature-bg-white .paragraph-left {
min-width: 160px;
font-size: 14px;
font-weight: 400;
color: #4b4d57;
margin-bottom: 0;
}
.main .tab-products .tab-content #Product-features .Product-features-holder ul .background-white .feature-bg-white p {
font-size: 14px;
font-weight: 400;
color: #4b4d57;
margin-bottom: 0;
}
.main .tab-products .tab-content #Product-features .Product-features-holder ul .background-gray {
background-color: #f5f5f5;
border-radius: 8px;
padding: 0 10px;
}
.main .tab-products .tab-content #Product-features .Product-features-holder ul .background-gray .feature-bg-white {
padding: 17px 20px;
display: flex;
align-items: center;
}
.main .tab-products .tab-content #Product-features .Product-features-holder ul .background-gray .feature-bg-white .paragraph-left {
font-size: 14px;
font-weight: 400;
color: #4b4d57;
margin-bottom: 0;
min-width: 160px;
}
.main .tab-products .tab-content #Product-features .Product-features-holder ul .background-gray .feature-bg-white p {
font-size: 14px;
font-weight: 400;
color: #4b4d57;
margin-bottom: 0;
}
.main .tab-products .tab-content #Product-Description .Product-Description-holder {
background-color: white;
margin: 20px;
padding: 40px;
border-radius: 15px;
}
.main .tab-products .tab-content #Product-Description .Product-Description-holder p {
font-size: 14px;
font-weight: 400;
line-height: 30px;
color: #4b4d57;
margin-bottom: 0;
}
.main .tab-products .tab-content #Product-Description .Product-Description-holder h6 {
font-size: 16px;
font-weight: 500;
line-height: 32px;
color: #0f1015;
margin: 0;
padding: 10px 0;
}
.main .tab-products .tab-content #Product-Description .Product-Description-holder .Description-product {
font-size: 14px;
font-weight: 300;
line-height: 28px;
color: #4b4d57;
border-right: 1px solid #ececec;
padding-right: 14px;
color: #4b4d57;
margin: 20px 0;
padding-left: 20px;
}
.main .tab-products .tab-content #Product-Description .Product-Description-holder .lip-description {
display: flex;
width: fit-content;
}
.main .tab-products .tab-content #Product-Description .Product-Description-holder .lip-description h6 {
font-size: 16px;
font-weight: 500;
line-height: 32px;
color: #0f1015;
margin: 0;
padding: 10px 0;
}
.main .tab-products .tab-content #Product-Description .Product-Description-holder .lip-description .Description-product {
font-size: 14px;
font-weight: 300;
line-height: 28px;
color: #4b4d57;
border-right: 1px solid #ececec;
padding-right: 14px;
color: #4b4d57;
margin: 20px 0;
padding-left: 20px;
}
.main .tab-products .tab-content #Product-Description .Product-Description-holder .lip-description .img-description img {
width: 80%;
}
.main .Product-Specifications .gallery {
height: 100%;
}
.main .Product-Specifications .Product-Specifications-left .feature-area .row {
align-items: center;
}
.main .Product-Specifications .Product-Specifications-left .feature-area .row .col-md-10 {
border-bottom: 1px solid #E5E9EF;
}
.main .Product-Specifications .Product-Specifications-left .feature-area .row .col-md-10 .score-holder {
display: flex;
}
.main .Product-Specifications .Product-Specifications-left .feature-area .row .col-md-10 .score-holder .starscore {
display: inline-flex;
width: fit-content;
align-items: center;
margin-left: 40px;
}
.main .Product-Specifications .Product-Specifications-left .feature-area .row .col-md-10 .score-holder .starscore ul {
display: flex;
list-style: none;
margin-left: 12px;
}
.main .Product-Specifications .Product-Specifications-left .feature-area .row .col-md-10 .score-holder .starscore ul li {
padding: 2px;
}
.main .Product-Specifications .Product-Specifications-left .feature-area .row .col-md-10 .score-holder .starscore p {
font-size: 12px;
font-weight: 400;
line-height: 16px;
color: #888aa1;
margin-bottom: 0;
}
.main .Product-Specifications .Product-Specifications-left .feature-area .row .col-md-10 .score-holder p {
font-size: 12px;
font-weight: 300;
line-height: 24px;
color: #8D909F;
margin-bottom: 0;
}
.main .Product-Specifications .Product-Specifications-left .feature-area .row .col-md-10 .score-holder p span a {
color: #F94B8E;
}
.main .Product-Specifications .Product-Specifications-left .feature-area .row .col-md-10 .title-specifications {
padding: 5px 0;
}
.main .Product-Specifications .Product-Specifications-left .feature-area .row .col-md-10 .title-specifications h3 {
line-height: 40px;
font-size: 20px;
font-weight: 700;
}
.main .Product-Specifications .Product-Specifications-left .feature-area .row .col-md-10 .title-specifications .feature {
font-size: 12px;
font-weight: 300;
line-height: 24px;
color: #8D909F;
}
.main .Product-Specifications .Product-Specifications-left .feature-selection {
border-bottom: 1px solid #E5E9EF;
width: 85%;
}
.main .Product-Specifications .Product-Specifications-left .feature-selection .volume-holder {
padding: 22px 0 30px;
}
.main .Product-Specifications .Product-Specifications-left .feature-selection .volume-holder p {
font-weight: 400;
font-size: 13px;
line-height: 18px;
color: #8D909F;
}
.main .Product-Specifications .Product-Specifications-left .feature-selection .volume-holder p span {
color: #0F1015;
}
.main .Product-Specifications .Product-Specifications-left .feature-selection .select-color-holder {
padding: 0 0 30px 0;
}
.main .Product-Specifications .Product-Specifications-left .feature-selection .select-color-holder p {
font-weight: 400;
font-size: 13px;
line-height: 18px;
color: #0F1015;
}
.main .Product-Specifications .Product-Specifications-left .feature-selection .select-color-holder p span {
color: #8D909F;
}
.main .Product-Specifications .Product-Specifications-left .feature-selection .select-color-holder ul {
display: inline-flex;
}
.main .Product-Specifications .Product-Specifications-left .feature-selection .select-color-holder ul li {
padding-right: 0;
padding-left: 25px;
}
.main .Product-Specifications .Product-Specifications-left .particular {
padding: 22px 0 8px 0;
border-bottom: 1px solid #E5E9EF;
width: 85%;
}
.main .Product-Specifications .Product-Specifications-left .particular h4 {
font-weight: 500;
font-size: 14px;
line-height: 20px;
color: #222222;
}
.main .Product-Specifications .Product-Specifications-left .particular ul {
margin: 15px 0;
}
.main .Product-Specifications .Product-Specifications-left .particular ul li {
padding: 2px 0;
}
.main .Product-Specifications .Product-Specifications-left .particular ul li p {
font-weight: 400;
font-size: 13px;
line-height: 28px;
color: #646464;
margin-bottom: 0;
}
.main .Product-Specifications .Product-Specifications-left .particular ul li p svg {
margin-left: 3px;
}
.main .Product-Specifications .Product-Specifications-left .particular ul li p span {
font-weight: 400;
font-size: 12px;
line-height: 28px;
color: #888AA1;
}
.main .Product-Specifications .Product-Specifications-left .price-products-area {
display: flex;
padding: 33px 0 0 0;
justify-content: space-between;
align-items: center;
}
.main .Product-Specifications .Product-Specifications-left .price-products-area .price-holder {
display: flex;
flex-direction: column;
}
.main .Product-Specifications .Product-Specifications-left .price-products-area .price-holder .off-area {
display: flex;
align-items: center;
width: fit-content;
}
.main .Product-Specifications .Product-Specifications-left .price-products-area .price-holder .off-area a {
display: inline-block;
color: white;
font-size: 12px;
font-weight: 500;
background-color: #F94B8E;
border-radius: 10px 2px 10px 10px;
padding: 2px 6px 2px 8px;
margin-left: 8px;
}
.main .Product-Specifications .Product-Specifications-left .price-products-area .price-holder .off-area p {
font-size: 13px;
font-weight: 400;
line-height: 18px;
margin-bottom: 0;
color: #8D909F;
text-decoration: line-through;
}
.main .Product-Specifications .Product-Specifications-left .price-products-area .price-holder .original-price p {
font-size: 24px;
font-weight: 400;
color: #4B4D57;
line-height: 33px;
}
.main .Product-Specifications .Product-Specifications-left .price-products-area .price-holder .original-price p span {
font-size: 18px;
font-weight: 400;
line-height: 25px;
color: #8D909F;
}
.main .Product-Specifications .Product-Specifications-left .price-products-area .buy-basket .new-select {
height: 54px;
margin-left: 8px;
}
.main .Product-Specifications .Product-Specifications-left .price-products-area .buy-basket a {
font-weight: 400;
font-size: 14px;
line-height: 20px;
color: white;
text-decoration: none;
padding: 17px 24px;
background-color: #F94B8E;
display: inline-flex;
border-radius: 12px;
}

.footer {
background-color: #f9f9f9;
padding-top: 45px;
}
.footer .container {
padding: 0 55px;
}
.footer .container .description h5 {
font-size: 16px;
line-height: 30px;
font-weight: 400;
}
.footer .container .description p {
margin-top: 15px;
font-size: 14px;
font-weight: 400;
line-height: 26px;
color: #8d909f;
}
.footer .container .guarantee-holder {
background-color: white;
border-radius: 10px;
margin: 35px 0;
padding: 24px 25px;
}
.footer .container .guarantee-holder .col-md-3 {
border-left: 1px solid #ececec;
padding-left: 19px;
}
.footer .container .guarantee-holder .col-md-3 .gaurantee-parent .border-holder {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
}
.footer .container .guarantee-holder .col-md-3 .gaurantee-parent .border-holder img {
width: 30px;
height: 30px;
}
.footer .container .guarantee-holder .col-md-3 .gaurantee-parent .border-holder h6 {
text-align: center;
font-size: 14px;
font-weight: 400;
line-height: 25px;
margin-top: 12px;
margin-bottom: 5px;
}
.footer .container .guarantee-holder .col-md-3 .gaurantee-parent .border-holder p {
text-align: center;
font-size: 13px;
font-weight: 300;
line-height: 21px;
color: #8d909f;
}
.footer .container .guarantee-holder .col-md-3:last-child {
border-left: none;
}
.footer .container .contact .newletters h5 {
font-weight: 400;
font-size: 14px;
line-height: 35px;
}
.footer .container .contact .newletters p {
font-size: 13px;
font-weight: 300;
color: #4b4d57;
line-height: 19px;
}
.footer .container .contact .search-holder {
display: flex;
margin-top: 22px;
}
.footer .container .contact .search-holder .search {
height: 60px;
width: 471px;
background-color: #ffffff;
border-radius: 10px;
position: relative;
overflow: hidden;
}
.footer .container .contact .search-holder .search .inputsearch {
font-size: 15px;
font-size: 13px;
font-weight: 400;
color: #8d909f;
text-align: right;
border: none;
outline: none;
height: 58px;
padding: 0 25px;
width: calc(100% - 119px);
line-height: 18px;
}
.footer .container .contact .search-holder .search .btnsearch {
text-decoration: none;
font-size: 13px;
font-weight: 400;
margin-top: 4px;
padding: 0 25px;
position: absolute;
left: 10px;
display: inline-block;
background: black;
border-radius: 10px;
text-align: center;
color: #ffffff;
height: 45px;
line-height: 45px;
top: 3px;
}
.footer .container .contact .contact-holder h5 {
font-weight: 400;
font-size: 14px;
line-height: 35px;
}
.footer .container .contact .contact-holder p {
font-size: 13px;
font-weight: 300;
color: #4b4d57;
line-height: 19px;
}
.footer .container .contact .contact-holder .contact-us {
display: flex;
align-items: center;
margin: 17px 0;
justify-content: space-between;
}
.footer .container .contact .contact-holder .contact-us .contact-us-holder {
margin-left: 12px;
}
.footer .container .contact .contact-holder .contact-us .contact-us-holder p {
font-size: 14px;
font-weight: 400;
line-height: 25px;
color: #0f1015;
}
.footer .container .contact .contact-holder .contact-us .contact-us-holder .title-contact {
font-size: 13px;
font-weight: 300;
line-height: 3;
color: #4b4d57;
}
.footer .container .contact .contact-holder .contact-us .contact-us-holder .social-media-holder ul {
list-style: none;
display: flex;
}
.footer .container .contact .contact-holder .contact-us .contact-us-holder .social-media-holder ul li {
padding: 0 7px;
}
.footer .container .contact .contact-holder .contact-us .contact-us-holder .social-media-holder ul li i{
font-size:20px;
color:#000;
}

.footer .container .link-footer-holder {
margin: 20px 0;
padding-top: 40px;
border-top: 1px solid #ececec;
}
.footer .container .link-footer-holder .link-footer h5 {
font-size: 14px;
font-weight: 400;
color: #0f1015;
margin-bottom: 14px;
}
.footer .container .link-footer-holder .link-footer a {
font-size: 13px;
font-weight: 300;
color: #4b4d57;
line-height: 2;
display: block;
text-decoration: none;
}
.footer .container .link-footer-holder .link-footer a:hover {
color: #F94B8E;
}
.footer .container .link-footer-holder .link-footer .symbol-keeper {
display: flex;
justify-content: flex-end;
}
.footer .container .link-footer-holder .link-footer .symbol-keeper img {
width: 100%;
height: auto;
background-color: white;
padding: 45px 15px;
border-radius: 10px;
margin: 0 5px;
}
.footer .container .link-footer-holder .link-footer .symbol-keeper .group-img {
width: 100%;
height: auto;
background-color: white;
padding: 45px 30px;
border-radius: 10px;
margin: 0 5px;
}
.footer .law-holder {
background-color: white;
padding: 30px 0;
}
.footer .law-holder p {
font-weight: 300;
font-size: 13px;
text-align: center;
line-height: 18px;
color: #4b4d57;
margin: 0;
}

/*************** SCROLLBAR BASE CSS ***************/
.scroll-wrapper {
overflow: hidden;
padding: 0;
position: relative;
}

.scroll-wrapper > .scroll-content {
border: none !important;
box-sizing: content-box !important;
height: auto;
left: 0;
margin: 0;
max-height: none;
max-width: none !important;
overflow: scroll !important;
padding: 0;
position: relative !important;
top: 0;
width: auto !important;
}

.scroll-wrapper > .scroll-content::-webkit-scrollbar {
height: 0;
width: 0;
}

.scroll-element {
display: none;
}

.scroll-element, .scroll-element div {
box-sizing: content-box;
}

.scroll-element.scroll-x.scroll-scrollx_visible,
.scroll-element.scroll-y.scroll-scrolly_visible {
display: block;
}

.scroll-element .scroll-bar,
.scroll-element .scroll-arrow {
cursor: default;
}

.scroll-textarea {
border: 1px solid #cccccc;
border-top-color: #999999;
}

.scroll-textarea > .scroll-content {
overflow: hidden !important;
}

.scroll-textarea > .scroll-content > textarea {
border: none !important;
box-sizing: border-box;
height: 100% !important;
margin: 0;
max-height: none !important;
max-width: none !important;
overflow: scroll !important;
outline: none;
padding: 2px;
position: relative !important;
top: 0;
width: 100% !important;
}

.scroll-textarea > .scroll-content > textarea::-webkit-scrollbar {
height: 0;
width: 0;
}

/*************** SIMPLE INNER SCROLLBAR ***************/
.scrollbar-inner > .scroll-element,
.scrollbar-inner > .scroll-element div {
border: none;
margin: 0;
padding: 0;
position: absolute;
z-index: 10;
}

.scrollbar-inner > .scroll-element div {
display: block;
height: 100%;
left: 0;
top: 0;
width: 100%;
}

.scrollbar-inner > .scroll-element.scroll-x {
bottom: 2px;
height: 8px;
left: 0;
width: 100%;
}

.scrollbar-inner > .scroll-element.scroll-y {
height: 100%;
right: 2px;
top: 0;
width: 8px;
}

.scrollbar-inner > .scroll-element .scroll-element_outer {
overflow: hidden;
}

.scrollbar-inner > .scroll-element .scroll-element_outer,
.scrollbar-inner > .scroll-element .scroll-element_track,
.scrollbar-inner > .scroll-element .scroll-bar {
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
}

.scrollbar-inner > .scroll-element .scroll-element_track,
.scrollbar-inner > .scroll-element .scroll-bar {
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
filter: alpha(opacity=40);
opacity: 0.4;
}

.scrollbar-inner > .scroll-element .scroll-element_track {
background-color: #e0e0e0;
}

.scrollbar-inner > .scroll-element .scroll-bar {
background-color: #c2c2c2;
}

.scrollbar-inner > .scroll-element:hover .scroll-bar {
background-color: #919191;
}

.scrollbar-inner > .scroll-element.scroll-draggable .scroll-bar {
background-color: #919191;
}

/* update scrollbar offset if both scrolls are visible */
.scrollbar-inner > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_track {
left: -12px;
}

.scrollbar-inner > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_track {
top: -12px;
}

.scrollbar-inner > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size {
left: -12px;
}

.scrollbar-inner > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size {
top: -12px;
}

/*************** SIMPLE OUTER SCROLLBAR ***************/
.scrollbar-outer > .scroll-element,
.scrollbar-outer > .scroll-element div {
border: none;
margin: 0;
padding: 0;
position: absolute;
z-index: 10;
}

.scrollbar-outer > .scroll-element {
background-color: #ffffff;
}

.scrollbar-outer > .scroll-element div {
display: block;
height: 100%;
left: 0;
top: 0;
width: 100%;
}

.scrollbar-outer > .scroll-element.scroll-x {
bottom: 0;
height: 12px;
left: 0;
width: 100%;
}

.scrollbar-outer > .scroll-element.scroll-y {
height: 100%;
right: 0;
top: 0;
width: 12px;
}

.scrollbar-outer > .scroll-element.scroll-x .scroll-element_outer {
height: 8px;
top: 2px;
}

.scrollbar-outer > .scroll-element.scroll-y .scroll-element_outer {
left: 2px;
width: 8px;
}

.scrollbar-outer > .scroll-element .scroll-element_outer {
overflow: hidden;
}

.scrollbar-outer > .scroll-element .scroll-element_track {
background-color: #eeeeee;
}

.scrollbar-outer > .scroll-element .scroll-element_outer,
.scrollbar-outer > .scroll-element .scroll-element_track,
.scrollbar-outer > .scroll-element .scroll-bar {
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
}

.scrollbar-outer > .scroll-element .scroll-bar {
background-color: #d9d9d9;
}

.scrollbar-outer > .scroll-element .scroll-bar:hover {
background-color: #c2c2c2;
}

.scrollbar-outer > .scroll-element.scroll-draggable .scroll-bar {
background-color: #919191;
}

/* scrollbar height/width & offset from container borders */
.scrollbar-outer > .scroll-content.scroll-scrolly_visible {
left: -12px;
margin-left: 12px;
}

.scrollbar-outer > .scroll-content.scroll-scrollx_visible {
top: -12px;
margin-top: 12px;
}

.scrollbar-outer > .scroll-element.scroll-x .scroll-bar {
min-width: 10px;
}

.scrollbar-outer > .scroll-element.scroll-y .scroll-bar {
min-height: 10px;
}

/* update scrollbar offset if both scrolls are visible */
.scrollbar-outer > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_track {
left: -14px;
}

.scrollbar-outer > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_track {
top: -14px;
}

.scrollbar-outer > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size {
left: -14px;
}

.scrollbar-outer > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size {
top: -14px;
}

/*************** SCROLLBAR MAC OS X ***************/
.scrollbar-macosx > .scroll-element,
.scrollbar-macosx > .scroll-element div {
background: none;
border: none;
margin: 0;
padding: 0;
position: absolute;
z-index: 10;
}

.scrollbar-macosx > .scroll-element div {
display: block;
height: 100%;
left: 0;
top: 0;
width: 100%;
}

.scrollbar-macosx > .scroll-element .scroll-element_track {
display: none;
}

.scrollbar-macosx > .scroll-element .scroll-bar {
background-color: #6C6E71;
display: block;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter: alpha(opacity=0);
opacity: 0;
-webkit-border-radius: 7px;
-moz-border-radius: 7px;
border-radius: 7px;
-webkit-transition: opacity 0.2s linear;
-moz-transition: opacity 0.2s linear;
-o-transition: opacity 0.2s linear;
-ms-transition: opacity 0.2s linear;
transition: opacity 0.2s linear;
}

.scrollbar-macosx:hover > .scroll-element .scroll-bar,
.scrollbar-macosx > .scroll-element.scroll-draggable .scroll-bar {
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
filter: alpha(opacity=70);
opacity: 0.7;
}

.scrollbar-macosx > .scroll-element.scroll-x {
bottom: 0px;
height: 0px;
left: 0;
min-width: 100%;
overflow: visible;
width: 100%;
}

.scrollbar-macosx > .scroll-element.scroll-y {
height: 100%;
min-height: 100%;
right: 0px;
top: 0;
width: 0px;
}

/* scrollbar height/width & offset from container borders */
.scrollbar-macosx > .scroll-element.scroll-x .scroll-bar {
height: 7px;
min-width: 10px;
top: -9px;
}

.scrollbar-macosx > .scroll-element.scroll-y .scroll-bar {
left: -9px;
min-height: 10px;
width: 7px;
}

.scrollbar-macosx > .scroll-element.scroll-x .scroll-element_outer {
left: 2px;
}

.scrollbar-macosx > .scroll-element.scroll-x .scroll-element_size {
left: -4px;
}

.scrollbar-macosx > .scroll-element.scroll-y .scroll-element_outer {
top: 2px;
}

.scrollbar-macosx > .scroll-element.scroll-y .scroll-element_size {
top: -4px;
}

/* update scrollbar offset if both scrolls are visible */
.scrollbar-macosx > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size {
left: -11px;
}

.scrollbar-macosx > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size {
top: -11px;
}

/*************** SCROLLBAR LIGHT ***************/
.scrollbar-light > .scroll-element,
.scrollbar-light > .scroll-element div {
border: none;
margin: 0;
overflow: hidden;
padding: 0;
position: absolute;
z-index: 10;
}

.scrollbar-light > .scroll-element {
background-color: #ffffff;
}

.scrollbar-light > .scroll-element div {
display: block;
height: 100%;
left: 0;
top: 0;
width: 100%;
}

.scrollbar-light > .scroll-element .scroll-element_outer {
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
}

.scrollbar-light > .scroll-element .scroll-element_size {
background: #dbdbdb;
background: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2RiZGJkYiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlOGU4ZTgiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+");
background: -moz-linear-gradient(left, #dbdbdb 0%, #e8e8e8 100%);
background: -webkit-gradient(linear, left top, right top, color-stop(0%, #dbdbdb), color-stop(100%, #e8e8e8));
background: -webkit-linear-gradient(left, #dbdbdb 0%, #e8e8e8 100%);
background: -o-linear-gradient(left, #dbdbdb 0%, #e8e8e8 100%);
background: -ms-linear-gradient(left, #dbdbdb 0%, #e8e8e8 100%);
background: linear-gradient(to right, #dbdbdb 0%, #e8e8e8 100%);
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
}

.scrollbar-light > .scroll-element.scroll-x {
bottom: 0;
height: 17px;
left: 0;
min-width: 100%;
width: 100%;
}

.scrollbar-light > .scroll-element.scroll-y {
height: 100%;
min-height: 100%;
right: 0;
top: 0;
width: 17px;
}

.scrollbar-light > .scroll-element .scroll-bar {
background: #fefefe;
background: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZlZmVmZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmNWY1ZjUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+");
background: -moz-linear-gradient(left, #fefefe 0%, #f5f5f5 100%);
background: -webkit-gradient(linear, left top, right top, color-stop(0%, #fefefe), color-stop(100%, #f5f5f5));
background: -webkit-linear-gradient(left, #fefefe 0%, #f5f5f5 100%);
background: -o-linear-gradient(left, #fefefe 0%, #f5f5f5 100%);
background: -ms-linear-gradient(left, #fefefe 0%, #f5f5f5 100%);
background: linear-gradient(to right, #fefefe 0%, #f5f5f5 100%);
border: 1px solid #dbdbdb;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
}

/* scrollbar height/width & offset from container borders */
.scrollbar-light > .scroll-content.scroll-scrolly_visible {
left: -17px;
margin-left: 17px;
}

.scrollbar-light > .scroll-content.scroll-scrollx_visible {
top: -17px;
margin-top: 17px;
}

.scrollbar-light > .scroll-element.scroll-x .scroll-bar {
height: 10px;
min-width: 10px;
top: 0px;
}

.scrollbar-light > .scroll-element.scroll-y .scroll-bar {
left: 0px;
min-height: 10px;
width: 10px;
}

.scrollbar-light > .scroll-element.scroll-x .scroll-element_outer {
height: 12px;
left: 2px;
top: 2px;
}

.scrollbar-light > .scroll-element.scroll-x .scroll-element_size {
left: -4px;
}

.scrollbar-light > .scroll-element.scroll-y .scroll-element_outer {
left: 2px;
top: 2px;
width: 12px;
}

.scrollbar-light > .scroll-element.scroll-y .scroll-element_size {
top: -4px;
}

/* update scrollbar offset if both scrolls are visible */
.scrollbar-light > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size {
left: -19px;
}

.scrollbar-light > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size {
top: -19px;
}

.scrollbar-light > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_track {
left: -19px;
}

.scrollbar-light > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_track {
top: -19px;
}

/*************** SCROLLBAR RAIL ***************/
.scrollbar-rail > .scroll-element,
.scrollbar-rail > .scroll-element div {
border: none;
margin: 0;
overflow: hidden;
padding: 0;
position: absolute;
z-index: 10;
}

.scrollbar-rail > .scroll-element {
background-color: #ffffff;
}

.scrollbar-rail > .scroll-element div {
display: block;
height: 100%;
left: 0;
top: 0;
width: 100%;
}

.scrollbar-rail > .scroll-element .scroll-element_size {
background-color: #999;
background-color: rgba(0, 0, 0, 0.3);
}

.scrollbar-rail > .scroll-element .scroll-element_outer:hover .scroll-element_size {
background-color: #666;
background-color: rgba(0, 0, 0, 0.5);
}

.scrollbar-rail > .scroll-element.scroll-x {
bottom: 0;
height: 12px;
left: 0;
min-width: 100%;
padding: 3px 0 2px;
width: 100%;
}

.scrollbar-rail > .scroll-element.scroll-y {
height: 100%;
min-height: 100%;
padding: 0 2px 0 3px;
right: 0;
top: 0;
width: 12px;
}

.scrollbar-rail > .scroll-element .scroll-bar {
background-color: #d0b9a0;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.5);
}

.scrollbar-rail > .scroll-element .scroll-element_outer:hover .scroll-bar {
box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.6);
}

/* scrollbar height/width & offset from container borders */
.scrollbar-rail > .scroll-content.scroll-scrolly_visible {
left: -17px;
margin-left: 17px;
}

.scrollbar-rail > .scroll-content.scroll-scrollx_visible {
margin-top: 17px;
top: -17px;
}

.scrollbar-rail > .scroll-element.scroll-x .scroll-bar {
height: 10px;
min-width: 10px;
top: 1px;
}

.scrollbar-rail > .scroll-element.scroll-y .scroll-bar {
left: 1px;
min-height: 10px;
width: 10px;
}

.scrollbar-rail > .scroll-element.scroll-x .scroll-element_outer {
height: 15px;
left: 5px;
}

.scrollbar-rail > .scroll-element.scroll-x .scroll-element_size {
height: 2px;
left: -10px;
top: 5px;
}

.scrollbar-rail > .scroll-element.scroll-y .scroll-element_outer {
top: 5px;
width: 15px;
}

.scrollbar-rail > .scroll-element.scroll-y .scroll-element_size {
left: 5px;
top: -10px;
width: 2px;
}

/* update scrollbar offset if both scrolls are visible */
.scrollbar-rail > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size {
left: -25px;
}

.scrollbar-rail > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size {
top: -25px;
}

.scrollbar-rail > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_track {
left: -25px;
}

.scrollbar-rail > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_track {
top: -25px;
}

/*************** SCROLLBAR DYNAMIC ***************/
.scrollbar-dynamic > .scroll-element,
.scrollbar-dynamic > .scroll-element div {
background: none;
border: none;
margin: 0;
padding: 0;
position: absolute;
z-index: 10;
}

.scrollbar-dynamic > .scroll-element div {
display: block;
height: 100%;
left: 0;
top: 0;
width: 100%;
}

.scrollbar-dynamic > .scroll-element.scroll-x {
bottom: 2px;
height: 7px;
left: 0;
min-width: 100%;
width: 100%;
}

.scrollbar-dynamic > .scroll-element.scroll-y {
height: 100%;
min-height: 100%;
right: 2px;
top: 0;
width: 7px;
}

.scrollbar-dynamic > .scroll-element .scroll-element_outer {
opacity: 0.3;
-webkit-border-radius: 12px;
-moz-border-radius: 12px;
border-radius: 12px;
}

.scrollbar-dynamic > .scroll-element .scroll-element_size {
background-color: #cccccc;
opacity: 0;
-webkit-border-radius: 12px;
-moz-border-radius: 12px;
border-radius: 12px;
-webkit-transition: opacity 0.2s;
-moz-transition: opacity 0.2s;
-o-transition: opacity 0.2s;
-ms-transition: opacity 0.2s;
transition: opacity 0.2s;
}

.scrollbar-dynamic > .scroll-element .scroll-bar {
background-color: #6c6e71;
-webkit-border-radius: 7px;
-moz-border-radius: 7px;
border-radius: 7px;
}

/* scrollbar height/width & offset from container borders */
.scrollbar-dynamic > .scroll-element.scroll-x .scroll-bar {
bottom: 0;
height: 7px;
min-width: 24px;
top: auto;
}

.scrollbar-dynamic > .scroll-element.scroll-y .scroll-bar {
left: auto;
min-height: 24px;
right: 0;
width: 7px;
}

.scrollbar-dynamic > .scroll-element.scroll-x .scroll-element_outer {
bottom: 0;
top: auto;
left: 2px;
-webkit-transition: height 0.2s;
-moz-transition: height 0.2s;
-o-transition: height 0.2s;
-ms-transition: height 0.2s;
transition: height 0.2s;
}

.scrollbar-dynamic > .scroll-element.scroll-y .scroll-element_outer {
left: auto;
right: 0;
top: 2px;
-webkit-transition: width 0.2s;
-moz-transition: width 0.2s;
-o-transition: width 0.2s;
-ms-transition: width 0.2s;
transition: width 0.2s;
}

.scrollbar-dynamic > .scroll-element.scroll-x .scroll-element_size {
left: -4px;
}

.scrollbar-dynamic > .scroll-element.scroll-y .scroll-element_size {
top: -4px;
}

/* update scrollbar offset if both scrolls are visible */
.scrollbar-dynamic > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size {
left: -11px;
}

.scrollbar-dynamic > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size {
top: -11px;
}

/* hover & drag */
.scrollbar-dynamic > .scroll-element:hover .scroll-element_outer,
.scrollbar-dynamic > .scroll-element.scroll-draggable .scroll-element_outer {
overflow: hidden;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
filter: alpha(opacity=70);
opacity: 0.7;
}

.scrollbar-dynamic > .scroll-element:hover .scroll-element_outer .scroll-element_size,
.scrollbar-dynamic > .scroll-element.scroll-draggable .scroll-element_outer .scroll-element_size {
opacity: 1;
}

.scrollbar-dynamic > .scroll-element:hover .scroll-element_outer .scroll-bar,
.scrollbar-dynamic > .scroll-element.scroll-draggable .scroll-element_outer .scroll-bar {
height: 100%;
width: 100%;
-webkit-border-radius: 12px;
-moz-border-radius: 12px;
border-radius: 12px;
}

.scrollbar-dynamic > .scroll-element.scroll-x:hover .scroll-element_outer,
.scrollbar-dynamic > .scroll-element.scroll-x.scroll-draggable .scroll-element_outer {
height: 20px;
min-height: 7px;
}

.scrollbar-dynamic > .scroll-element.scroll-y:hover .scroll-element_outer,
.scrollbar-dynamic > .scroll-element.scroll-y.scroll-draggable .scroll-element_outer {
min-width: 7px;
width: 20px;
}

/*************** SCROLLBAR GOOGLE CHROME ***************/
.scrollbar-chrome > .scroll-element,
.scrollbar-chrome > .scroll-element div {
border: none;
margin: 0;
overflow: hidden;
padding: 0;
position: absolute;
z-index: 10;
}

.scrollbar-chrome > .scroll-element {
background-color: #ffffff;
}

.scrollbar-chrome > .scroll-element div {
display: block;
height: 100%;
left: 0;
top: 0;
width: 100%;
}

.scrollbar-chrome > .scroll-element .scroll-element_track {
background: #f1f1f1;
border: 1px solid #dbdbdb;
}

.scrollbar-chrome > .scroll-element.scroll-x {
bottom: 0;
height: 16px;
left: 0;
min-width: 100%;
width: 100%;
}

.scrollbar-chrome > .scroll-element.scroll-y {
height: 100%;
min-height: 100%;
right: 0;
top: 0;
width: 16px;
}

.scrollbar-chrome > .scroll-element .scroll-bar {
background-color: #d9d9d9;
border: 1px solid #bdbdbd;
cursor: default;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
}

.scrollbar-chrome > .scroll-element .scroll-bar:hover {
background-color: #c2c2c2;
border-color: #a9a9a9;
}

.scrollbar-chrome > .scroll-element.scroll-draggable .scroll-bar {
background-color: #919191;
border-color: #7e7e7e;
}

/* scrollbar height/width & offset from container borders */
.scrollbar-chrome > .scroll-content.scroll-scrolly_visible {
left: -16px;
margin-left: 16px;
}

.scrollbar-chrome > .scroll-content.scroll-scrollx_visible {
top: -16px;
margin-top: 16px;
}

.scrollbar-chrome > .scroll-element.scroll-x .scroll-bar {
height: 8px;
min-width: 10px;
top: 3px;
}

.scrollbar-chrome > .scroll-element.scroll-y .scroll-bar {
left: 3px;
min-height: 10px;
width: 8px;
}

.scrollbar-chrome > .scroll-element.scroll-x .scroll-element_outer {
border-left: 1px solid #dbdbdb;
}

.scrollbar-chrome > .scroll-element.scroll-x .scroll-element_track {
height: 14px;
left: -3px;
}

.scrollbar-chrome > .scroll-element.scroll-x .scroll-element_size {
height: 14px;
left: -4px;
}

.scrollbar-chrome > .scroll-element.scroll-y .scroll-element_outer {
border-top: 1px solid #dbdbdb;
}

.scrollbar-chrome > .scroll-element.scroll-y .scroll-element_track {
top: -3px;
width: 14px;
}

.scrollbar-chrome > .scroll-element.scroll-y .scroll-element_size {
top: -4px;
width: 14px;
}

/* update scrollbar offset if both scrolls are visible */
.scrollbar-chrome > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size {
left: -19px;
}

.scrollbar-chrome > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size {
top: -19px;
}

.scrollbar-chrome > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_track {
left: -19px;
}

.scrollbar-chrome > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_track {
top: -19px;
}

a {
text-decoration: none;
}

ul {
list-style: none;
padding: 0;
margin: 0;
}

.d-ltr {
direction: ltr;
}

.d-rtl {
direction: rtl;
}

.switch-toggle-control {
width: fit-content;
transform: rotate(180deg);
}

.select-borderless {
border: none;
height: 32px;
font-size: 13px;
font-weight: 400;
color: #8D909F;
min-width: 100px;
outline: none;
background-color: transparent;
}

.modern-search {
background-color: #F8F8F8;
border-radius: 12px;
padding: 10px 42px 10px 20px;
background-image: url("../img/icons/search.svg");
background-repeat: no-repeat;
background-position: calc(100% - 15px) 50%;
}
.modern-search input {
border: none;
outline: none;
background-color: transparent;
font-size: 13px;
font-weight: 400;
color: #0F1015;
display: block;
width: 100%;
height: 34px;
line-height: 34px;
}
.modern-search input::placeholder {
color: #8D909F;
}

.modern-checkbox {
height: 17px;
line-height: 17px;
}
.modern-checkbox input, .modern-checkbox label {
cursor: pointer;
}
.modern-checkbox input {
border: 1.5px solid #F3F3F3;
border-radius: 5px;
width: 17px;
height: 17px;
display: inline-block;
vertical-align: sub;
appearance: none;
background-color: transparent;
background-repeat: no-repeat;
background-position: center;
background-size: 9px;
}
.modern-checkbox input:checked {
background-image: url("../img/icons/check-dark.svg");
}
.modern-checkbox label {
font-size: 13px;
font-weight: 400;
color: #8D909F;
line-height: 17px;
display: inline-block;
user-select: none;
}
.modern-checkbox.modern-checkbox--colored input {
border-radius: 50%;
}
.modern-checkbox.modern-checkbox--colored.modern-checkbox--colored-default input {
background-color: #F6F6F6;
border-color: #F6F6F6;
}
.modern-checkbox.modern-checkbox--colored.modern-checkbox--colored-red input {
background-color: #FF0000;
border-color: #FF0000;
}
.modern-checkbox.modern-checkbox--colored.modern-checkbox--colored-red input:checked {
background-image: url("../img/icons/check-light.svg");
}
.modern-checkbox.modern-checkbox--colored.modern-checkbox--colored-black input {
background-color: #1C1C1C;
border-color: #1C1C1C;
}
.modern-checkbox.modern-checkbox--colored.modern-checkbox--colored-black input:checked {
background-image: url("../img/icons/check-light.svg");
}
.modern-checkbox.modern-checkbox--colored.modern-checkbox--colored-gold input {
background-color: #ECB320;
border-color: #ECB320;
}
.modern-checkbox.modern-checkbox--colored.modern-checkbox--colored-gold input:checked {
background-image: url("../img/icons/check-light.svg");
}
.modern-checkbox.modern-checkbox--colored.modern-checkbox--colored-pink input {
background-color: #F94B8E;
border-color: #F94B8E;
}
.modern-checkbox.modern-checkbox--colored.modern-checkbox--colored-pink input:checked {
background-image: url("../img/icons/check-light.svg");
}

.volume-selector {
display: flex;
align-items: center;
}
.volume-selector li + li {
margin-right: 12px;
}
.volume-selector input {
width: 0px;
height: 0px;
position: absolute;
z-index: -1;
visibility: hidden;
opacity: 0;
}
.volume-selector input:checked + label {
color: #F94B8E;
border-color: #F94B8E;
}
.volume-selector label {
min-width: 75px;
border: 1px solid #D9E1E8;
border-radius: 8px;
display: block;
font-size: 13px;
font-weight: 400;
cursor: pointer;
color: #8D909F;
text-align: center;
height: 38px;
line-height: 38px;
}

.new-select {
border: 1px solid #D9E1E8;
border-radius: 12px;
min-width: 90px;
height: 42px;
color: #4B4D57;
outline: none;
padding: 0 15px 0 30px;
font-size: 16px;
font-weight: 400;
appearance: none;
background-image: url("../img/icons/selector.svg");
background-repeat: no-repeat;
background-position: 8px center;
background-size: 20px;
}

.mega-menu {
background: #fff;
box-shadow: -50px 4px 70px #F3F3F3;
border-radius: 15px 0px 0px 15px;
padding: 30px;
line-height: normal;
transition: all 180ms ease-in-out;
}
.mega-menu:before {
content: "";
width: 20px;
height: 100%;
display: block;
position: absolute;
top: 0;
right: -20px;
}

.mega-menu-header {
display: flex;
padding-bottom: 20px;
border-bottom: 1px solid #EEF4F8;
}

.mega-menu-body {
padding-top: 20px;
}

.mega-menu-title {
display: inline-flex;
align-items: center;
margin-left: auto;
}
.mega-menu-title img {
width: 25px;
height: 25px;
margin-left: 12px;
}
.mega-menu-title h6 {
font-size: 16px;
font-weight: 500;
color: #0F1015;
margin-bottom: 0;
}

.mega-menu-action a {
font-size: 13px;
font-weight: 400;
color: #292D32;
text-decoration: none;
display: inline-block;
}
.mega-menu-action a .icon {
margin-right: 5px;
}
.mega-menu-action a .icon svg {
width: 9px;
height: 9px;
}

.mega-menu-items {
display: flex;
flex-wrap: wrap;
margin: -30px -12px 0;
}

.mega-menu-item {
width: 25%;
padding: 0 12px;
margin-top: 30px;
}
.mega-menu-item h6 {
font-size: 14px;
font-weight: 500;
color: #292D32;
}
.mega-menu-item ul {
list-style: none;
padding: 0 12px 0 0;
margin: 30px 0 0;
border-right: 2px solid #F94B8E;
}
.mega-menu-item ul li {
padding: 4px 0;
}
.mega-menu-item ul li a {
font-size: 13px;
font-weight: 300;
color: #4B4D57;
text-decoration: none;
display: inline-block;
transition: all 100ms ease-in-out;
}
.mega-menu-item ul li a:hover {
font-weight: 400;
color: #F94B8E;
}
.mega-menu-item ul li.active a {
font-weight: 400;
color: #F94B8E;
}

.Category_Area .category-holder  {
position: relative;
}
.Category_Area .category-holder > ul > li .mega-menu {
position: absolute;
top: 0;
right: 254.5px;
width: 895.5px;
z-index: 990;
min-height: 453px;
opacity: 0;
visibility: hidden;
}

.filters-header {
display: flex;
margin-bottom: 20px;
}
.filters-header .filters-title,
.filters-header .filters-remove {
line-height: 22px;
}

.filters-title {
font-size: 16px;
font-weight: 500;
color: #0F1015;
margin: 0 0 0 auto;
}

.filters-remove {
font-size: 12px;
font-weight: 300;
color: #F94B8E;
text-decoration: none;
border: none;
background-color: transparent;
outline: none;
}
.filters-remove:hover {
color: #F94B8E;
}

.filters-divider {
height: 1px;
margin: 20px 0;
background-image: linear-gradient(270deg, #E5E9EF 0%, transparent 100%);
}

.filter .filter-title,
.filter-slide .filter-slide-btn {
font-size: 14px;
font-weight: 400;
color: #4B4D57;
margin-bottom: 20px;
}

.filter-slide .filter-slide-btn {
margin-bottom: 0px;
}

.filter .modern-search {
margin-bottom: 30px;
}

.filter-slide-btn {
border: none;
background-color: transparent;
outline: none;
width: 100%;
display: block;
line-height: 30px;
}
.filter-slide-btn .icon {
float: left;
margin-top: 10px;
transform: rotate(180deg);
}
.filter-slide-btn .icon svg {
width: 9px;
height: 9px;
}
.filter-slide-btn.collapsed .icon {
transform: rotate(0deg);
}

.filter-slide-body {
padding-top: 20px;
}
.filter-slide-body ul.filter-items {
max-height: 130px;
}

.filter-slide-collapse:not(.show) {
display: none;
}

.filter-items li + li {
margin-top: 20px;
}

.price-filter {
display: flex;
flex-wrap: wrap;
}
.price-filter input[type=text] {
outline: none;
background: transparent;
border: 1px solid #D9E1E8;
height: 32px;
border-radius: 10px;
text-align: center;
font-size: 13px;
font-weight: 400;
color: #8D909F;
width: 100%;
flex: 0 0 calc(50% - 14px);
}
.price-filter .irs {
flex: 0 0 100%;
}
.price-filter .irs .irs-min,
.price-filter .irs .irs-max,
.price-filter .irs .irs-from,
.price-filter .irs .irs-to,
.price-filter .irs .irs-single {
display: none;
}
.price-filter .price-filter__divider {
display: block;
height: 32px;
line-height: 32px;
text-align: center;
color: #D9E1E8;
flex: 0 0 28px;
}

.filter-badges {
display: inline-flex;
flex-wrap: wrap;
margin-top: -15px;
max-width: calc(100% - 90px);
}
.filter-badges li {
margin-top: 15px;
margin-left: 15px;
}

.filter-badges-title {
font-size: 13px;
font-weight: 300;
color: #8D909F;
line-height: 32px;
}

.filter-badge {
display: block;
background: #fff;
border: 1px solid #D9E1E8;
border-radius: 10px;
font-size: 13px;
font-weight: 300;
color: #8D909F;
padding: 0 12px;
height: 32px;
line-height: 30px;
}
.filter-badge button {
border: none;
background-color: transparent;
outline: none;
display: inline-block;
vertical-align: middle;
margin-top: -2px;
margin-left: -9px;
}
.filter-badge button .icon {
display: block;
}
.filter-badge button .icon svg {
width: 24px;
height: 24px;
}

.applied-filters .filters-remove {
float: left;
line-height: 32px;
}

.availability-status {
display: inline-flex;
}
.availability-status > label {
font-size: 13px;
font-weight: 300;
color: #8D909F;
cursor: pointer;
display: block;
user-select: none;
line-height: 24px;
margin-left: 24px;
}

.filter-selects {
display: inline-flex;
}
.filter-selects select {
height: 22px;
}
.filter-selects .filter-selects-divider {
height: 22px;
width: 1px;
background-color: #eee;
margin: 0 18px;
}

.products-wrapper {
padding: 40px 50px;
background-color: #F6F8FA;
}
.products-wrapper .pagination {
margin-top: 25px;
}

.irs {
direction: ltr;
font-family: "IranYekan";
}
.irs .irs-line {
background-color: #E4E9F2;
}
.irs .irs-bar {
background-color: #F94B8E;
}
.irs .irs-handle {
border: 2px solid #F94B8E;
width: 22px;
height: 22px;
top: 27px;
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
cursor: e-resize;
}
.irs .irs-from, .irs .irs-to, .irs .irs-single {
background-color: #F94B8E;
direction: ltr;
}
.irs .irs-from:before, .irs .irs-to:before, .irs .irs-single:before {
border-top-color: #F94B8E;
}

.irs--round .irs-line,
.irs--round .irs-bar {
height: 5px;
}

.irs-color--secondary .irs .irs-bar {
background-color: "";
}
.irs-color--secondary .irs .irs-handle {
border-color: "";
}
.irs-color--secondary .irs .irs-from, .irs-color--secondary .irs .irs-to, .irs-color--secondary .irs .irs-single {
background-color: "";
}
.irs-color--secondary .irs .irs-from:before, .irs-color--secondary .irs .irs-to:before, .irs-color--secondary .irs .irs-single:before {
border-top-color: "";
}

.switch-toggle {
position: absolute;
width: 0;
height: 0;
visibility: hidden;
opacity: 0;
z-index: -1;
}
.switch-toggle::selection, .switch-toggle:after::selection, .switch-toggle:before::selection, .switch-toggle *::selection, .switch-toggle *:after::selection, .switch-toggle *:before::selection, .switch-toggle + .switch-toggle-btn::selection {
background: none;
}
.switch-toggle + .switch-toggle-btn {
outline: 0;
display: block;
width: 48px;
height: 24px;
position: relative;
cursor: pointer;
user-select: none;
background-color: #E4E9F2;
border-radius: 2em;
margin: 0;
transition: all 0.4s ease;
}
.switch-toggle + .switch-toggle-btn:after {
position: absolute;
display: block;
content: "";
width: 20px;
height: 20px;
left: 2px;
top: 50%;
transform: translateY(-50%);
box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.1);
border-radius: 50%;
background-color: #fff;
transition: all 0.2s ease;
}
.switch-toggle:checked + .switch-toggle-btn {
background-color: #F94B8E;
}
.switch-toggle:checked + .switch-toggle-btn:after {
left: calc(100% - 22px);
background-color: #fff;
box-shadow: 0px 2px 6px rgba(249, 75, 142, 0.1);
}

.pagination {
display: inline-flex;
align-items: center;
justify-content: center;
padding: 13px;
background-color: #fff;
border-radius: 12px;
}

.pagination-item + .pagination-item {
margin-right: 8px;
}
.pagination-item.pagination-item--active .pagination-link {
border-color: #F94B8E;
background-color: #F94B8E;
color: #fff;
pointer-events: none;
}
.pagination-item.pagination-item--disabled .pagination-link {
cursor: default;
color: #c5c5c5;
pointer-events: none;
}
.pagination-item.pagination-item--disabled .pagination-link .icon svg path {
stroke: #c5c5c5;
}

.pagination-link {
color: #8D909F;
font-size: 18px;
font-weight: 400;
width: 50px;
height: 50px;
line-height: 50px;
display: block;
border: 1px solid #EEF1F4;
border-radius: 12px;
text-align: center;
}
.pagination-link .icon svg path {
stroke: #8D909F;
}
.pagination-link:hover, .pagination-link:focus {
color: #8D909F;
}

span.pagination-link {
cursor: default;
pointer-events: none;
}

.pagination-first .pagination-link,
.pagination-last .pagination-link {
width: auto;
padding: 0 12px;
font-size: 13px;
}
.pagination-first .pagination-link .icon svg,
.pagination-last .pagination-link .icon svg {
width: 10px;
height: 10px;
}

.pagination-first .pagination-link .icon {
margin-left: 5px;
}

.pagination-last .pagination-link .icon {
margin-right: 5px;
}

.listing-title {
padding-right: 12px;
border-right: 3px solid #E40413;
margin-bottom: 26px;
}
.listing-title .listing-title-title {
font-size: 16px;
font-weight: 500;
color: #0F1015;
margin-bottom: 6px;
}
.listing-title .listing-title-subtitle {
display: block;
font-size: 12px;
font-weight: 400;
color: #8D909F;
}

.product {
background-color: white;
border-radius: 15px;
border: 1px solid #eef1f4;
width: 100%;
height: auto;
box-shadow: rgba(0, 0, 0, 0.09) 0px 3px 12px;
position: relative;
}
.product .off-products {
position: absolute;
text-decoration: none;
color: white;
background-color: #F94B8E;
top: 25px;
right: 19px;
z-index: 2;
font-size: 12px;
display: inline-block;
font-weight: 500;
padding: 3px;
text-align: center;
width: 35px;
height: 24px;
border-top-left-radius: 10px;
border-top-right-radius: 2px;
border-bottom-right-radius: 10px;
border-bottom-left-radius: 10px;
}
.product .color-keeper {
position: absolute;
z-index: 3;
top: 20px;
left: 20px;
}
.product .color-keeper ul li {
display: block;
}
.product .color-keeper ul li a {
border-radius: 50%;
display: block;
width: 12px;
height: 12px;
z-index: 2;
margin: 5px 0;
background-color: #26562c;
}
.product .color-keeper ul li .blackcolor {
background-color: black;
}
.product .color-keeper ul li .graycolor {
background-color: #ECECEC;
}
.product .color-keeper ul li .greencolor {
background-color: #18CA4F;
}
.product .color-keeper ul li .pinkcolor {
background-color: #F94B8E;
}
.product .volume-holder {
position: absolute;
top: 20px;
left: 21px;
}
.product .volume-holder .volume {
font-size: 12px;
line-height: 16px;
font-weight: 400;
text-decoration: none;
padding: 2px 4px;
color: #8d909f;
border: 1px solid #f3f3f3;
border-radius: 7px;
}
.product .img-products-holder {
width: 150px;
height: 150px;
margin-top: 70px;
margin-bottom: 20px;
margin-left: auto;
margin-right: auto;
}
.product .img-products-holder img {
width: 130px;
height: 130px;
object-fit: contain;
}
.product .img-products-holder-dd {
width: 150px;
height: 150px;
margin-top: 70px;
margin-bottom: 20px;
margin-left: auto;
margin-right: auto;
}
.product .img-products-holder-dd img {
width: 150px;
height: 150px;
object-fit: contain;
}
.product .link-introduce-products {
text-align: right;
display: block;
font-weight: 500;
font-size: 15px;
color: black;
line-height: 30px;
text-decoration: none;
padding: 0 20px;
}
.product .link-introduce-products:hover {
color: #F94B8E;
}
.product .card-plus {
display: flex;
justify-content: space-between;
align-items: center;
margin: 10px 0;
align-items: flex-end;
flex-wrap: wrap;
height: 52px;
}
.product .card-plus .off {
text-decoration: line-through;
font-size: 12px;
color: #85868e;
padding: 0 20px;
font-weight: 500;
flex: 0 0 100%;
margin-bottom: 0;
}
.product .card-plus a {
text-decoration: none;
color: white;
background-color: #F94B8E;
border-radius: 30px;
width: 65px;
height: 35px;
display: flex;
justify-content: center;
align-items: center;
margin: 0 20px;
}
.product .card-plus .price-products {
font-weight: 400;
font-size: 16px;
line-height: 22px;
text-align: right;
text-decoration: none;
color: #4b4d57;
padding: 0 20px;
margin-bottom: 0;
}
.product .card-plus .price-products span {
font-size: 12px;
color: #8d909f;
font-weight: 500;
}

.gallery {
background-color: #F8F8F8;
border-radius: 15px;
padding: 50px;
position: relative;
display: flex;
align-items: center;
}
.gallery .gallery-toolbar {
position: absolute;
top: 30px;
left: 30px;
}

.gallery-toolbar {
display: inline-flex;
align-items: center;
background-color: #fff;
padding: 11px 14px;
border-radius: 23px;
}
.gallery-toolbar li .icon svg {
width: 20px;
height: 20px;
}
.gallery-toolbar li + li {
border-right: 1px solid #eee;
padding-right: 12px;
margin-right: 12px;
}

.gallery-thumbnails li {
width: 80px;
}
.gallery-thumbnails li a {
display: block;
background-color: #fff;
border-radius: 15px;
padding: 20px;
text-align: center;
}
.gallery-thumbnails li img {
width: 37px;
}
.gallery-thumbnails li + li {
margin-top: 14px;
}

.gallery-main {
margin: 0 auto;
}
.gallery-main img {
width: 178px;
}

.scroll-wrapper {
padding-left: 9px;
}

.scrollbar-inner > .scroll-element .scroll-element_track,
.scrollbar-inner > .scroll-element .scroll-bar {
opacity: 1;
}
.scrollbar-inner > .scroll-element .scroll-element_track {
background-color: #EEF1F4;
width: 3px;
left: 0px;
}
.scrollbar-inner > .scroll-element .scroll-bar {
background-color: #F94B8E;
}
.scrollbar-inner > .scroll-element.scroll-y {
right: unset;
left: 3px;
width: 3px;
}

.page-archives .applied-filters {
padding: 20px 25px;
border-right: 1px solid #EEF1F4;
}
.page-archives .products-wrapper {
border-right: 1px solid #EEF1F4;
}
.page-archives .page-breadcrumb-holder {
padding: 0;
border-top: none;
}
.page-archives aside.filters {
padding-top: 17px;
}

.page-archives-top {
border-top: 1px solid #EEF1F4;
border-bottom: 1px solid #EEF1F4;
}

.page-archives-filters {
display: flex;
flex-wrap: wrap;
align-items: center;
padding: 16px 25px;
border-right: 1px solid #EEF1F4;
}
.page-archives-filters .availability-status {
margin-left: auto;
}






.ui-variant--color .ui-variant--check{
/*border:none !important;*/
}

.gallery1 .gallery-toolbar {
position: absolute;
top: 30px;
left: 30px;
z-index: 100;
}

.gallery1 {

background-color: #F8F8F8;
border-radius: 15px;
padding: 50px 20px;
position: relative;
/* display: flex; */
align-items: center;
}


.main .tab-products .tab-content #Product-features .Product-features-holder ul .background-white:nth-child(even) {
background-color: #f5f5f5;
border-radius: 8px;
padding: 0 10px;
}

.gallery-toolbar button{
border: 0px;
background: rgb(255, 255, 255);
font-size: 20px;
}

.product-card-body .add-to-cart{

text-decoration: none;
color: white;
background-color: #F94B8E;
border-radius: 30px;
width: 65px;
height: 35px;
display: flex;
justify-content: center;
align-items: center;
margin: 0 20px;
bottom: 5px;
position: absolute;
left: 0px;
}

.product-prices-div{
display: inline-grid;
}

.category-holder > ul > li .mega-menu {
position: absolute;
top: -10px;
right: 254.5px;
width: 895.5px;
z-index: 990;
min-height: 453px;
opacity: 0;
visibility: hidden;
}
.main .Category_Area .category-holder {
display: block;
border-right: 12px;
padding: 20px 20px;
box-shadow: rgb(0 0 0 / 8%) 0px 4px 12px;
}

.container {
max-width: 1194px !important;
}

body {
background-color: #fff !important;
}




header.header-menu .dropdown-menu {
top: 50px;
direction: rtl;
min-width: 12rem;
padding: 0.35rem 0;
margin: 0.125rem 0 0;
color: #8492a6;
text-align: right;
background-color: #fff;
border: 0;
border-radius: 8px !important;
-webkit-box-shadow: 0 10px 30px 0 rgba(31, 45, 61, 0.1);
box-shadow: 0 10px 30px 0 rgba(31, 45, 61, 0.1);
opacity: 0;
visibility: hidden;
overflow: hidden;
display: block !important;
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}

header.header-menu .dropdown-menu.cart {
max-width: 400px;
width: 400px;
}

header.header-menu .dropdown-menu.cart .dropdown-list-icons {
max-height: 250px;
overflow-y: auto;
}

header.header-menu .dropdown-menu.cart a.dropdown-item {
position: relative;
}

header.header-menu .dropdown-menu.cart .dropdown-footer,
header.header-menu .topbar .dropdown-menu.cart .dropdown-header {
letter-spacing: 0.5px;
font-weight: 600;
padding: 15px;
}

header.header-menu .dropdown-menu.cart .dropdown-list-icons .dropdown-item {
display: flex;
}

header.header-menu
.dropdown-menu.cart
.dropdown-list-icons
.dropdown-item
.dropdown-item-icon {
flex-shrink: 0;
border-radius: 50%;
width: 40px;
height: 40px;
line-height: 42px;
text-align: center;
}

header.header-menu .dropdown-menu.cart .dropdown-item-icon img {
width: 50px;
border-radius:10px;
}

header.header-menu .dropdown-menu.cart button.remove {
display: inline-block;
position: absolute;
left: 10px;
top: 20px;
width: 20px;
height: 20px;
padding: 0;
line-height: 0;
text-align: center;
-webkit-transition: all 0.2s;
transition: all 0.2s;
border-radius: 50%;
background-color: rgba(64, 64, 64, 0.1);
color: #404040;
cursor: pointer;
outline: none;
border: 0;
}

header.header-menu .dropdown-menu.cart button.remove i {
float: none;
margin-left: unset;
}

header.header-menu .nav-item:hover .dropdown-menu {
opacity: 1;
visibility: visible;
left: 0;
right: auto;
}

header.header-menu .nav-item:hover .dropdown-menu.show {
transform: translate3d(0px, 34px, 0px) !important;
}

header.header-menu .dropdown-menu .dropdown-item {
color: #8492a6;
padding: 10px 15px;
font-size: 13px;
}

header.header-menu .dropdown-menu .dropdown-item i {
float: right;
margin-left: 12px;
font-size: 20px;
}

header.header-menu .dropdown-menu.cart .btn-success,
header.header-menu .dropdown-menu.cart .btn-success.disabled {
box-shadow: 0 2px 6px #f94b8e99;
background-color: #f94b8e;
border-color: #f94b8e;
color: #fff;
font-size: 13px;
}

header.header-menu .dropdown-menu.cart .btn-primary,
header.header-menu .dropdown-menu.cart .btn-primary.disabled {
box-shadow: 0 2px 6px #acb5f6;
background-color: #6777ef;
border-color: #6777ef;
color: #fff;
font-size: 13px;
}

header.header-menu .dropdown-menu .dropdown-item:hover,
header.header-menu .dropdown-menu .dropdown-item:focus,
header.header-menu .dropdown-menu .dropdown-item:active {
color: #f7858d;
background-color: #f4f4f4;
}

header.header-menu .search-box form {
position: relative;
}

header.header-menu .search-box input {
display: inline-block;
max-width: 242px;
width: 242px;
height: 36px;
line-height: 36px;
padding-right: 20px;
font-size: 14px;
background: #edf0f5;
color: #708198;
border: none;
border-radius: 10px;
outline: none;
}
.product-gallery{
display: flex;
flex-direction: row-reverse;
justify-content: center;
}

.product-gallery .product-carousel{
padding:50px;
}
.product-gallery .product-thumbnails>li>a {
height: 80px !important;
border-radius: 15px;
width: 65px !important;
}
.btn-primary-cm.btn-with-icon::before{
width:0 !important
}
.btn-primary-cm.btn-with-icon {
padding-right: 40px !important;
}
.title-wide h2:before{
width:0 !important;
display:none !important;
}

.title-wide h2{
padding-right:0 !important;
}
.ui-variant--check {

padding: 0px 20px !important;
font-size: 13px !important;

}

.ui-variant--color .ui-variant-shape {
width: 15px !important;
height: 15px !important;
top: 5px !important;
right: 5px !important;
}

.main-menu .btn-menu{
top:-180px;
display:none;
}

.product-gallery .product-thumbnails {

overflow-y: scroll;
max-height: 400px;
}

ul.product-thumbnails.col-md-3.col-12::-webkit-scrollbar {
display: none;
}
.back-to-top a{
box-shadow: 0 0 1px 0 #b00624;
padding: 5px;
border-radius: 10px;
margin: 20px;
background: #fff;
}

.brand-slider .owl-stage{
display: flex;
align-items: center;
}

.product-card-body .add-to-cart {

background-color: #f94b8e85 !important;

}



.product-card:hover .add-to-cart {

background-color: #F94B8E !important;

}

.cart .dropdown-header{

font-weight:bold;
font-size: 17px;
}



.btn-cart {
width: 100%;
border: 1px solid #ddd;
box-shadow: 0 0 2px 0 #ddd;
}

.btn-pay {
background: #f94c8e;
width: 100%;
margin: 10px 0;
color:#fff;
}
.btn-pay:hover {
background: #f94c8e !important;
box-shadow: 0 0 10px 0 #cacaca;
color: #fff;
}

.bascket .dropdown-footer  div .float-right , .bascket .dropdown-footer  div .float-left{
font-size: 13px;
color: #000;
}

.bascket button:not(:disabled) {
width: 15px;
height: 15px;
line-height: 5px;
text-align: center;
border: unset;
background: transparent;
}
.bascket input[type='number']{
border: unset;
}


.dropdown-item .counter-box {
background: #fff;
border: 1px solid #ddd !important;
border-radius: 5px;
width: fit-content;
padding: 5px 15px;
}

.dropdown-item .counter-box button:first-child{
float: left;
position: absolute;
left: 10px;
top: 0px;
}

.dropdown-item .counter-box button:last-child{
float: left;
position: absolute;
left: 10px;
top: 10px;
}
.cart-title > .d-flex{
justify-content: space-between;
flex-direction: row-reverse;
}
.add-to-cart {
background:#F94B8E !important;
}

.title-breadcrumb-special .breadcrumb a::after {
content: '';

}

.page-archives .products-wrapper {
border-right: 1px solid #EEF1F4;
}

.products-wrapper {
padding: 40px 50px;
background-color: #F6F8FA;
}

.filter-product .card {
box-shadow: none; 
border: none;
}

.noUi-connect {
background: #F94B8E !important;
}

.parent-switcher input[type='checkbox']:checked + .ui-statusswitcher-slider{
background-color: #F94B8E !important; 
}

.search-amazing-tab .product-card {
padding-top: 0px !important;
}
.product-card .product-title {
height: auto !important;
}

.price-index-h{
height: auto;
}

.menu-btn .btn-menu{

display: block !important;
position: relative !important;
top: 40px !important;
cursor: pointer;
z-index: 1000;
}

header .side-menu {
display: block;
}


header.main-header .overlay-side-menu {
/*display: unset !important;*/
}

header.main-header .side-menu {
display: block;
}



header.main-header .nav-item.account {
border: none;
padding: 0;
}
.h_iframe-aparat_embed_frame {
  aspect-ratio: 16/9;
}
.product-info ul, .Product-Description-holder ul,.content-page .content-desc ul {
  list-style-type: disc;
  list-style-position: inside;
}
@media(max-width:768px){
header.header-menu .nav-item:hover .dropdown-menu{
    width: 380px;
max-width: 325px;
}
.nav-item.account .dropdown-menu {
  left: unset !important;
  right: 0;
  max-width: 100px !important;
  top: 65px !important;
}
}
#searchResults ul {
  position: absolute;
  z-index: 99;
  background-color: #fff;
  box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
  padding: 20px;
  border-radius: 16px;
  width: 100%;
}

.item_search.product-title > a {
  color: #000 !important;
  -webkit-transition: color 0.3s;
  transition: color 0.3s;
  color: #f7858d;
  text-decoration: none;
  display: block;
  font-weight: bold;
  line-height: 22px;
}
.item_search.product-title > a:hover {
  color: #f94b8e !important;
}
.item_search.product-title {
  margin-bottom: 13px;
}