/*
* Prefixed by https://autoprefixer.github.io
* PostCSS: v7.0.29,
* Autoprefixer: v9.7.6
* Browsers: last 4 version
*/

:root{
    --main-color: #54e56a;
    --main-text-color: #222222;
    --second-color:#ececec;
    --border-color:#797979;
    --font-family: 'default';
}
/* start fonts */

@font-face {
    font-family: 'default';
    src: url(../font/Mothanna.ttf);
}

@font-face {
    font-family: 'mothanna';
    src: url(../font/Mothanna.ttf);
}

@font-face {
    font-family: 'cortoba';
    src: url(../font/cortoba.ttf);
}

@font-face {
    font-family: 'Cairo';
    src: url(../font/Cairo.ttf);
}

@font-face {
    font-family: 'IBM Plex Arabic';
    src: url(../font/IBMPlexArabic.ttf);
}


/* end fonts */

/* start swiper */

.swiper-container-free-mode > .swiper-wrapper {
    padding: 8px;
}

/* end swiper */


/* start time-counter */
.time-counter span {
    padding: 0 8px 0 8px;
    font-size: 14px;
    font-weight: bold;
    border-radius: 4px;
}

.time-counter {
    margin-top: 4px;
}

/* end time-counter */


.form-control:focus {
    outline: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}


* {
    direction: rtl;
    font-size: 16px;
    font-family: var(--font-family);
}


html, body {
    overflow-x: hidden;
    font-family: var(--font-family) !important;
}


.container {
    padding-right: 0;
    padding-left: 0;
}


.companies .company-box .image img {
    width: 100%;
    height: 100%;

}


img {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}


.main .main-row {
    margin: 0 !important;
}

.main .main-column {
    padding: 0 !important;;
}

.upper-bar {
    background: #545454;
    color: #FFF;
    padding-top: 8px;
    height: 39px;
}


.nav-bar {
    margin-bottom: 8px;
}


.header {
    position: relative;
    z-index: 99;

}


.header .row {
    text-align: right !important;
    margin: 0;
}

.header .l-rw {
    margin-bottom: 10px;
}


.nav-bar .m-rw {
    margin-bottom: 5px;
    border-bottom: 1px solid #CCC;
}

.nav-bar .m-rw .logo {
    height: 70px;
}

.upper-bar ul li {
    list-style: none;
    display: inline;
    margin: 0 10px;
}

.upper-bar ul {
    float: left;
}

.upper-bar ul a {
    text-decoration: none;
    color: #FFF;
}

.upper-bar ul a:hover {
    color: var(--main-color);
}

.upper-bar ul a .fas {
    font-size: 14px;
    margin-left: 5px;
    color: var(--main-color);
}

.upper-bar ul a .tabok {
    -webkit-transform: rotateY(180deg);
    transform: rotateY(180deg);
}


.mobile .footer-mobile .footer-menu-cat .notif-number {
    position: absolute;
    right: 55%;
    top: 0;
    width: 20px;
    height: 20px;
    background: var(--main-color);
    color: var(--main-text-color);
    z-index: 1;
    border-radius: 50%;
    text-align: center;
    font-size: 13px;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -ms-grid;
    display: grid;
}

.ntf-box,
.mobile .logo,
.nav-bar .search-box {
    position: relative;
    top: 50%;
    right: -50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}


.nav-bar .search-box {
    background: var(--main-color);
    color: var(--main-text-color);
    padding: 10px;
    border-radius: 40px;
}

.nav-bar .search-box span {
    position: absolute;
    top: 10px;
    font-size: 17px;
    border-left: 2px solid #515151;
    padding-left: 10px;
    cursor: pointer;
}


.nav-bar .search-box .shops {
    right: 12px;
}


.nav-bar .search-box .cats {
    right: 20px;
}

.nav-bar .search-box input {
    width: 100%;
    padding: 0 90px 3px 40px;
    outline: none;
    background: transparent;
    border: none;
    color: var(--main-text-color);
    &::placeholder {
        color: var(--main-text-color);
    }
}

.nav-bar .search-box i {
    position: absolute;
    left: 12px;
    top: 16px;
    color: var(--main-text-color);
    /* color: #000; */
}

.nav-bar .ntf-box {
    float: left;
}

.nav-bar .ntf-box .heart,
.nav-bar .ntf-box .cart {
    position: relative;
}

.nav-bar .ntf-box ul {
    padding: 0;
    margin: 0;
}


.nav-bar .ntf-box li {
    display: inline;
    list-style: none;
}

.nav-bar .ntf-box li .aa {
    color: #000;
    text-decoration: none;
    border: 1px solid var(--border-color);
    border-radius: 50%;
    width: 55px;
    height: 55px;
    text-align: center;
    display: inline-block;
    padding-top: 17px;
    margin-left: 12px;
}


.nav-bar .ntf-box li i {
    font-size: 20px;
    color: var(--main-color);
}

.nav-bar .ntf-box li span {
    position: absolute;
    background: var(--border-color);
    width: 25px;
    height: 25px;
    font-size: 15px;
    border: 1px solid var(--border-color);
    border-radius: 50%;
    text-align: center;
    color: #FFF;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.nav-bar .ntf-box .heart span,
.nav-bar .ntf-box .cart span {
    top: -6px;
    left: -6px;
}

.nav-bar .l-rw{
    border-radius: 7px;
    padding: 3px 10px;
    background: var(--second-color);
}

.nav-bar .l-rw ul {
    margin: 0;
    padding: 0;
}

.nav-bar .l-rw ul li {
    display: inline;
    margin: 0;
    padding: 0 8px;
}


.nav-bar .l-rw ul li a {
    color: #000;
    text-decoration: none;
}

.nav-bar .l-rw ul li a:hover {
    color: var(--main-color);
}

.nav-bar .l-rw ul .active {
    border-bottom: 1px solid var(--main-color);
}

.nav-bar .l-rw ul .active a {
    color: var(--main-color);
}


.nav-bar .l-rw .pop-menu {
    width: 332px;
    height: 160px;
    background: #fdfdfd;
    position: absolute;
    top: 147px;
    right: 85px;
    -webkit-box-shadow: -3px 3px 17px -9px #000;
    box-shadow: -3px 3px 17px -9px #000;
    border-radius: 10px;
    border-top-right-radius: 0;
    display: none;

}


.fa-shopping-cart,
.fa-cart-plus {
    -webkit-transform: rotateY(180deg);
    -moz-transform: rotateY(180deg);
    -o-transform: rotateY(180deg);
    -ms-transform: rotateY(180deg);
}

.show-price{
    background: var(--main-color);
    color: var(--main-text-color);
}


.cart-menu ul {
    position: absolute;
    -webkit-transform: none !important;
    -ms-transform: none !important;
    transform: none !important;
    top: 73px !important;
    left: -40px !important;
    will-change: transform;
    width: 290px;
    padding: 0;
    border-radius: 0;
    border: none;
    background: #f4f4f4;
    font-size: 12px;
    z-index: 9999;
}


.cart-menu .dropdown-menu img {
    width: 75%;
    float: right;
}

.cart-menu .dropdown-menu::after {
    content: '';
    position: absolute;
    top: -20px;
    height: 0;
    width: 0;
    border-style: solid;
    border-color: transparent transparent #eee transparent;
    border-width: 10px;
    left: 69px;
}


.cart-menu .dropdown-menu .table td,
.cart-menu .dropdown-menu .table th {
    text-align: right !important;
}


.cart-menu .dropdown-menu .info-item a {
    color: #000;
    font-size: 13px;
    text-decoration: none;

}

.cart-menu .dropdown-menu .info-item a:hover {
    color: var(--main-color);
}


.cart-menu .dropdown-menu .cart-close button {
    font-size: 17px;
    margin: 0;
    padding: 0;
    border: none;
    background: none;
}


.cart-menu .dropdown-menu .cart-close button i {
    font-size: 17px;
    color: var(--main-color);
}

.cart-menu .dropdown-menu .cart-close button i:hover {
    color: #ef5757;
}


.cart-menu .dropdown-menu .cart-button {
    background: #3c3c3c;
    padding: 12px;
    margin: 0;
}


.cart-menu .dropdown-menu .cart-button a {
    display: block;
    padding: 10px 0;
    background: #6f6f6f;
    color: white;
    text-decoration: none;
}

.cart-menu .dropdown-menu .cart-button a:hover {
    background: var(--main-color);
    color: var(--main-text-color);
}

.cart-menu .dropdown-menu .cart-button .seeCart {
    margin-bottom: 12px;
}


.cart-menu .table th,
.cart-menu .table td {
    border: 1px solid #e8e8e8 !important;
}


/* start create store style */

.create-store #custom-button {
    cursor: pointer;
    width: 100%;
    height: 100%;
    text-align: right;
    color: #7b7b7b;
    background: none;
    border: none;
    outline: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.create-store {
    margin-bottom: 10px;
    padding: 0 10px;
}


.create-store .input-container .addStar {
    left: 10px;
}

.create-store h3 {
    margin-bottom: 10px;
}

.create-store #custom-text {
    color: #aaa;
    position: absolute;
    right: 16px;
    top: 38px;
    font-size: 12px;
}

.create-store input,
.create-store textarea,
.create-store select {
    color: #7b7b7b;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    outline: none !important;
}


.create-store .input-container {
    margin-bottom: 20px;
}


.create-store .store-cat .addStar {
    left: 23px;
}

.create-store input[type="submit"].btn-block {
    margin-top: 20px;
    background: var(--main-color);
    color: var(--main-text-color);
    /* color: #000; */
}

.create-store input[type="submit"].btn-block:hover {
    color: #FFF;
}

.create-store .create-btn {
    padding: 0;
}

/* end create store style */


/* start contact-us  */

.contact-us {
    text-align: center;
    margin-top: 15px;
}

.contact-us h3 {
    margin-bottom: 25px;
}


.contact-us .msg {
    text-align: right !important;
    float: right;
    margin-right: 17px;
    margin-bottom: 3px;
    color: #535353;
}

.contact-us textarea,
.contact-us input {
    outline: none !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    margin-bottom: 10px;
}

.contact-us .btn {
    outline: none !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    margin-bottom: 10px;
    background-color: var(--main-color);
    padding: 5px 25px;
}

.contact-us .btn:hover {
    color: #FFF;
}

.order-details .table
.contact-us .txtarea .addStar {
    top: 28px !important;
}

/* end contact-us  */

/* start order-detaill  */

.order-details {
    text-align: right;
}


.order-details .table {
    margin-bottom: 20px;
}

.order-details td .title {
    display: inline-block;
    width: 95px;
}


.order-details td .title,
.order-details td .val {
    color: #606060 !important;
    margin-right: 8px;
}

.order-details td .c_title {
    display: inline-block;
    width: 43px;
}

.order-details td .c_title,
.order-details td .size,
.order-details td .color,
.order-details td .c_val {
    color: #606060 !important;
    font-size: 13px;
}

.order-details table th,
.order-details table td {
    border: 1px solid #717171 !important;
}

.order-details table td .store i {
    font-size: 13px;
    margin-left: 5px;
    color: #606060;
}


.order-details table td .ready {
    background: var(--main-color);
    color: var(--main-text-color);
    padding: 1px 18px;
}

.order-details table td .lft div,
.order-details table td .rght div {
    margin-bottom: 6px;
}

.order-details table .price td {
    color: #353535;
    font-size: 14px;
    text-align: center;
}

.order-details .r_order th,
.order-details .r_order td {
    font-size: 14px;
    text-align: center;
}


/* end order-detaill  */

/* start search  */

.search-page {
    margin-top: 18px;
    padding: 0 10px;
}

.search-page .product-grid {
    position: relative;
    border: 1px solid var(--border-color);
    margin-bottom: 20px;
}
.no-qt {
    color: #ffffff;
    background-color: red;
    border-radius: 10%;
    padding: 8px 2px;
    text-transform: uppercase;
    font-size: 0.85rem;
    font-weight: bold;
    align-items: center;

}
.search-page .product-grid  .no-qt {
    color: #ffffff;
    background-color: red;
    border-radius: 10%;
    padding: 2px 4px;
    text-transform: uppercase;
    font-weight: bold;
    align-items: center;

}
.favorite .product-grid  .no-qt {
    color: #ffffff;
    background-color: red;
    border-radius: 10%;
    padding: 1px 2px;
    text-transform: uppercase;
    font-size: 0.65rem;
    font-weight: bold;
    align-items: center;

}
.search-page .product-grid  .discount {
    position: absolute;
    top: 5px;
    left: 5px;
    color: #000000;
    background-color: #dc3545;
    border-radius: 10%;
    padding: 2px 4px;
    text-transform: uppercase;
    font-size: 0.75rem;
    font-weight: bold;

}
.search-page .product-grid   .new-vip {
    position: absolute;
    top: 5px;
    right: 5px;
    color: #db1515;
    text-transform: uppercase;
    font-size: 0.85rem;

}
.search-page .product-grid .new-vip   .new {
   background-color: #63ce4e;
   color: #000;
   border-radius: 10%;
    padding: 1px 2px;
}
.search-page .product-grid .new-vip   .vip {
    background-color: #f1e90e;
    border-radius: 10%;
    padding: 1px 2px;
 }


.search-page .product-grid .image img {
    height: 100%;
}


.search-page .product-grid .prod-name {
    font-size: 17px;
    width: 100%;
    min-width: 100%;
    padding: 4px;
    height: 39.2px;
    margin-bottom: 0;
    padding-right: 0;
}

.search-page .product-grid .buttons a {
    cursor: inherit;
    text-decoration: none;
    outline: none;
    border: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}


.search-page .buttons a i {
    margin-right: 10px;
}


.search-page .buttons a:hover {
    color: #fff;
}

.search-page .buttons {
    padding: 0 6px;
    margin-top: 8px;
}


.search-page .info {
    margin-right: 4px;
    margin-bottom: 5px;
}

.search-page .product-grid .love i {
    color: var(--main-color);
    -webkit-transition: color 1s, -webkit-transform .3s;
    transition: color 1s, -webkit-transform .3s;
    -o-transition: transform .3s, color 1s;
    transition: transform .3s, color 1s;
    transition: transform .3s, color 1s, -webkit-transform .3s;
    font-size: 27px;
    cursor: pointer;
}

.search-page .product-grid .love i:hover {
    color: var(--main-color);
    -webkit-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2);
}

.search-page .product-grid .cart {
    font-size: 20px;
    background: var(--main-color);
    color: var(--main-text-color);
    padding: 3px 7px;
    cursor: pointer !important;
    -webkit-transition: background .2s, color .2s;
    -o-transition: background .2s, color .2s;
    transition: background .2s, color .2s;
}

@media screen and (max-width: 500px) {
    .search-page .product-grid .prod-name,
    .search-page .product-grid .old-price,
    .search-page .product-grid .new-price,
    .search-page .buttons a,
    .search-page .buttons a i {
        font-size: 13px;
    }

}


@media screen and (max-width: 282px) {
    .search-page .buttons a,
    .search-page .buttons a i {
        font-size: 12px;
    }


    .search-page .buttons a i {
        margin-right: 1px;
    }

}

/* end search  */

/* start order sent  */

.order-sent .box {
    text-align: center;
}

.order-sent .box i {
    font-size: 177px;
    margin-bottom: 10px;
    color: #1a9900;
}

.order-sent .box .done {
    font-size: 30px;
    margin-bottom: 5px;
    color: #1a9900;
}

.order-sent .box .title {
    display: inline-block;
    width: 95px;
    font-size: 20px;
}

.order-sent .box a {
    margin-right: 5px;
    text-decoration: none;
    color: #000;
    font-size: 20px;

}

.order-sent .box a:hover {
    color: var(--main-color);
}

.order-sent .box .btn {
    border: 1px solid #000;
    padding: 4px 30px;
    margin-top: 10px;
    font-size: 20px;
}

.order-sent .box .btn:hover {
    border: 1px solid var(--main-color);
}


/* end order sent  */


/* start cart  */

.cart-mobile {
    display: none;
}

.cart-laptop .table-bordered .img {
    width: 100px;
    padding: 0 0 0 0;
}


.cart-total {
    text-align: center;
    margin-bottom: 15px;
    background: var(--main-color);
    color: var(--main-text-color);
    padding: 8px 0;
    font-weight: bold;
}

.cart-laptop .table-bordered img {
    width: 100%;
}

.cart-laptop .table th {
    text-align: center;
    font-weight: inherit;
    padding: 5px 2px 5px 2px;
}

.cart-laptop .table td {
    text-align: center;
    font-weight: inherit;
    vertical-align: middle;
}

.cart-mobile img {
    width: 90px;
}

.cart-mobile .cart-p {
    margin-bottom: 15px;
}


.cart-mobile .img {
    padding: 0;
    border-right: 1px solid var(--main-color);
    border-top: 1px solid var(--main-color);
}

.cart-mobile div {
    text-align: right;
}

.cart-mobile .col {
    border: 1px solid var(--main-color);
    border-bottom: 1px solid var(--main-color);
}

.cart-mobile .info {
    padding-right: 30px;
    border-top: 1px solid var(--main-color);
}

.cart-mobile .info i {
    font-size: 12px;
    color: #444;

}

.cart-laptop .title,
.checkout .title,
.cart-mobile .info .title {
    width: 40px;
    display: inline-block;
    text-align: right !important;
    color: #b9b9b9;
}

.cart-laptop .val,
.cart-mobile .info .val {
    padding-right: 5px;
    color: #b9b9b9;
}

.checkout .store,
.cpn .panel-title a,
.cart-laptop a,
.cart-mobile .info a {
    color: #000;
    text-decoration: none;
}

.cpn .panel-title a {
    float: right;
    margin-bottom: 10px;
}

.cart-laptop .store,
.checkout .store,
.cart-mobile .info .store {
    color: #797979;
}

.cpn .panel-title a:hover,
.cpn .input-group-btn [type="button"]:hover,
.cart-laptop .prod-name:hover,
.cart-laptop .store:hover,
.checkout .store:hover,
.cart-mobile .info .prod-name:hover,
.cart-mobile .info .store:hover {
    color: var(--main-color);
}

.cart-laptop .qnt,
.cart-mobile .qnt {
    display: inline;
    color: #ddd;
    text-align: center;
    vertical-align: middle;
    padding-top: 36px;
    padding-right: 0;
    padding-left: 0;
}


.cart-mobile .qnt {
    border-left: 1px solid var(--main-color);
    border-top: 1px solid var(--main-color);
}

.cart-laptop .qnt {
    border: none;
    margin: 0 4px;
}


.cart-laptop .quantity button,
.cart-mobile .quantity button {
    border: none;
    outline: none;
    display: inline;
    background: #dbdbdb;
    padding: 0 0 0 0;
    width: 22px;
    height: 22px;
    border-radius: 50%;
}

.cart-laptop .quantity .add:hover,
.cart-laptop .quantity .sub:hover,
.cart-mobile .quantity .add:hover,
.cart-mobile .quantity .sub:hover {
    color: var(--main-color);
}


.cart-laptop .quantity input,
.cart-mobile .quantity input {
    background: none;
    border: none;
    padding: 0;
    width: 19px;
    text-align: center;
    outline: none;
    display: inline;
}

.cart-mobile .info {
    padding-left: 0;
}

.cart-mobile .cls {
    position: absolute;
    top: 0;
    left: 1px;
    color: #aaa;
}

.cart-mobile .cls:hover {
    color: var(--main-color);
}

@media screen and (max-width: 400px) {
    .cart-mobile img {
        width: 70px;
    }

    .cart-mobile span,
    .cart-mobile div,
    .cart-mobile .info a {
        font-size: 12px;
    }

    .checkout .title,
    .cart-mobile .info .title,
    .checkout .val,
    .cart-mobile .info .val,
    .checkout .color,
    .cart-mobile .info .color,
    .checkout .size,
    .cart-mobile .info .size {
        font-size: 11px !important;
    }

    .cart-mobile .info i {
        font-size: 9px;
    }

    .cart-mobile .qnt {
        padding-top: 28px;
    }

    .checkout .title,
    .cart-mobile .info .title {
        width: 30px;
    }

}

@media screen and (max-width: 800px) {
    .cart-laptop {
        display: none;
    }
    .cart-mobile {
        display: block;
    }
    .cart-btns a {
        width: 100% !important;
        float: none !important;
        margin-top: 10px !important;
    }
}

.cart-laptop .color,
.cart-laptop .size {
    text-align: right;
}

.checkout .title,
.cart-laptop .title,
.cart-mobile .info .title,
.checkout .val,
.cart-laptop .val,
.cart-mobile .info .val,
.cart-laptop .color,
.checkout .color,
.checkout .size,
.cart-laptop .size,
.cart-mobile .info .color,
.cart-mobile .info .size {
    font-size: 13px;
    color: #b9b9b9;
}

.cpn {
    margin-bottom: 30px;
}

.cpn .input-group [type="text"] {
    height: 100%;
    border-radius: 0;
    border: 1px solid #CCC;
    outline: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.cpn .input-group-btn [type="button"] {
    height: 100%;
    margin-right: -2px;
    border: 1px solid #CCC;
}

.cart-btns a {
    width: 90%;
    outline: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    border: none;
    color: #000;
}

.cart-btns .shop {
    background-color: var(--main-color);
    color: var(--main-text-color);
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
}

.cart-btns .pay {
    background-color: var(--main-color);
    -webkit-box-shadow: none !important;
    box-shadow: none !important;

}

.checkout {
    text-align: right;
    margin-bottom: 25px;
}

.checkout .blk {
    margin-bottom: 20px;
}

.checkout .linktitle {
    background: var(--main-color);
    color: var(--main-text-color);
    padding: 6px;
    letter-spacing: 1px;
    margin-bottom: 0;
    border: 1px solid #575757;
    border-bottom: none;
    /* color: #515151; */
}

.checkout .linktxt {
    background: #f9f9f9;
    padding: 16px;
    border: 1px solid #575757;
    border-top: none;
}

.checkout .linktxt label,
.checkout .linktxt span {
    color: #7b7b7b;
    text-decoration: none;
    font-size: 19px;
}

.checkout .linktxt span {
    cursor: pointer;
}

.checkout .linktxt a:hover {
    color: var(--main-color);
}

.checkout .linktitle i {
    margin-left: 10px;
    font-size: 20px;
}


.checkout textarea {
    outline: none !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
}

.checkout .shipping i {
    -webkit-transform: rotateY(180deg);
    -ms-transform: rotateY(180deg);
    transform: rotateY(180deg);
    direction: rtl;
}

/* .checkout .modal-dialog {
    max-width: 100%;
} */


.checkout .invoice {
    border: 1px solid #737373;
    margin-bottom: 20px;
    background-color: #e3e3e3;
}

.checkout .invoice table {
    width: 100%;
    background: #f7f7f7;

}


.checkout .invoice .table td {
    text-align: center;
    border: 1px solid #dee2e6;
    padding: 3px 5px;
}


.checkout .invoice .total {
    background-color: #e3e3e3;
}

.checkout .invoice .total tr td:first-child {
    padding-right: 30px;
}

.checkout .invoice .total .totals {
    background-color: #8b8b8b;
}


.checkout .invoice .table .titles td {
    border-top: none;
}

.checkout .check select,
.checkout .shipp select,
.checkout .adress select {
    outline: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    border-radius: 0;
    border: 1px solid;
    padding-right: 20px;
    border-top: none;
}

/* end cart  */


/* start return-detaill  */
.return-details {
    text-align: right;
}


.return-details .table {
    margin-bottom: 20px;
}

.return-details td .title {
    display: inline-block;
    width: 95px;
}


.return-details td .title,
.return-details td .val {
    color: #606060 !important;
    margin-right: 8px;
}

.return-details td .c_title {
    display: inline-block;
    width: 43px;
}

.return-details td .c_title,
.return-details td .size,
.return-details td .color,
.return-details td .c_val {
    color: #606060 !important;
    font-size: 13px;
}

.return-details table th,
.return-details table td {
    border: 1px solid #717171 !important;
}

.return-details table td .store i {
    font-size: 13px;
    margin-left: 5px;
    color: #606060;
}


.return-details table td .ready {
    background: var(--main-color);
    color: var(--main-text-color);
    padding: 1px 18px;
}

.return-details table td .lft div,
.return-details table td .rght div {
    margin-bottom: 6px;
}

.return-details table .price td {
    color: #353535;
    font-size: 14px;
    text-align: center;
}

.return-details .r_return th,
.return-details .r_return td {
    font-size: 14px;
    text-align: center;
}

/* end return-detaill  */


/* start product-detaill  */

.product-detaill {
    text-align: center;
    padding: 0 10px;
}

.product-detaill .info {
    text-align: right;
    position: relative;
    background: #f9f9f9;
}


.modal-footer > * {
    margin: 0;
}

.modal-footer .btn_add {
    border: 1px solid #575757;
    outline: none;
    padding: 6px 10px;
    border-radius: 3px;
    background: none;
}

.modal-footer .btn_add i {
    font-size: 15px;
    margin-right: 5px;
}

.modal-footer .btn_add i.added {
    color: var(--main-color) !important;
}

.modal-footer .btn-secondary {
    color: #fff;
    background-color: var(--main-color);
    border-color: var(--main-color);
}


.product-detaill .info, .product-detaill .zooom {
    padding: 0;
    display: flex;
    flex-direction: column;
}

.product-detaill .info ul {
    float: right;
    padding: 0;
    width: 100%;
}

.product-detaill .info li {
    padding: 5px 15px;
    width: 100%;
}

.product-detaill .info li h3 {
    margin-bottom: 15px;
}


.product-detaill .info ul li .title {
    display: inline-block;
    width: 102px;
    margin-right: 8px;
    color: #606060;
}

.product-detaill .info ul li .val {
    color: #606060;
    margin-right: 6px;
}

.product-detaill .info ul li i {
    color: #606060;
}


.product-detaill .info .discount {
    background: #dc3545;
    padding: 0 10px;
}


.product-detaill .discount-m {
    position: absolute;
    z-index: 99999;
    left: 0;
    top: 0;
    background: #dc3545;
    padding: 0 10px;
}

.product-detaill ul li .box-color .color .img-box:hover {
    border-color: var(--main-color) !important;
}

.product-detaill ul li .box-color .color .cheked-img-box, .product-detaill .info .box-size .color span.cheked-img-box {
    border-color: var(--main-color) !important;
}


.product-detaill .info ul li .hide {
    display: none;
}

.product-detaill .info ul .store a {
    color: #606060;
    text-decoration: none;
}

.product-detaill .info ul .store a:hover {
    color: var(--main-color);
}


.product-detaill .info .box-color {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    width: 100% !important;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.product-detaill .info .box-color .color {
    width: 20% !important;
}


.product-detaill #myTab {
    padding: 0;
    margin-top: 25px;
    text-align: right !important;
}

.product-detaill #myTabContent {
    text-align: right !important;
    padding: 20px 7px;
}

.product-detaill .nav-tabs .nav-item.show .nav-link,
.product-detaill .nav-tabs .nav-link.active {
    color: var(--main-color);
}

.product-detaill .nav-tabs .nav-item.show .nav-link,
.product-detaill .nav-tabs a {
    color: #000;
}

.product-detaill .nav-tabs .nav-item.show .nav-link:hover,
.product-detaill .nav-tabs a:hover {
    color: var(--main-color);
}

.product-detaill .detaill-info {
    padding: 0;
}


.product-detaill .detaill-info .title {
    display: inline-block;
    width: 75px;
}

.product-detaill .detaill-info .value {
    margin-right: 3px;
    color: #777;
}

.product-detaill .info .buttons {
    /* position: absolute; */
    /* bottom: 0;
    right: 0; */
    width: 100%;
    text-align: center;
    margin-top: auto;
}

.product-detaill .info .buttons .cart,
.product-detaill .info .buttons .love {
    width: 48%;
    background-color: var(--main-color);
}

.product-detaill .info .buttons .cart:hover,
.product-detaill .info .buttons .love:hover {
    color: #eaeaea;
}

.product-detaill .info .buttons .love {
    margin-right: 2%;
}

.product-detaill .info .buttons .cart i,
.product-detaill .info .buttons .love i {
    margin-right: 15px;
}

.product-detaill .star {
    color: goldenrod;
    font-size: 2.0rem;
    padding: 0 5px;
    vertical-align: middle;
}

.product-detaill .star::before {
    content: '\2606'; /* star outline */
    cursor: pointer;
}

.product-detaill .star.rated::before {
    /* the style for a selected star */
    content: '\2605'; /* filled star */
}

.product-detaill .stars {
    counter-reset: rateme 0;
    font-size: 2.0rem;
    font-weight: 900;
    vertical-align: middle;
}

.product-detaill .star.rated {
    counter-increment: rateme 1;
}


.product-detaill .img-box {
    width: 62px !important;
    height: 62px !important;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    background: #efefef;
    border: 1px solid #b9b9b9;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-bottom: 8px;
    cursor: pointer;
}

.product-detaill .img-box:hover {
    border-color: var(--main-color);
}

.product-detaill .img-thumbnail {
    max-width: 100%;
    max-height: 100%;
    vertical-align: middle;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 0;
    border-radius: 0;
    border: none;
}


.product-detaill .info .box-size .size {
    width: 20% !important;
}

.product-detaill .info .box-size {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    width: 100% !important;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.product-detaill .info .box-size .size span {
    width: 48px !important;
    height: 48px !important;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border: 1px solid #b9b9b9;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-bottom: 8px;
    cursor: pointer;
    text-align: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-line-pack: center;
    align-content: center;
    font-weight: bold;
    font-size: 19px;
    color: #575757;
}


.product-detaill .info .box-size .size span:hover {
    border-color: var(--main-color);
}


.product-detaill .info .box-size .size .checked {
    /* color: #3e3d3d; */
    background: var(--main-color);
    color: var(--main-text-color);
}

.product-detaill .info .box-size .size .not-available, .product-detaill .info .box-size .color .not-available {
    border-color: #e1e1e1;
    color: #cecece;
    background: #f7f7f7;
    cursor: not-allowed;
}

.product-detaill .info .box-size .size .not-available:hover {
    border-color: #e1e1e1;
}


.product-detaill .sizes {
    display: none;
}


.product-detaill .modal-footer {
    display: block;
    padding: 6px;
    background: #fbfbfb;
}

.product-detaill .modal-footer .qnt {
    margin-bottom: 6px;
}


.product-detaill .modal-footer .qnt .title {
    display: inline-block;
    width: 60px;
    margin-right: 10px;
    color: #606060;
}

.product-detaill .modal-footer .qnt_pc {
    padding: 10px 10px !important;
    border: none;
}


.product-detaill .table td, .table th {
    padding: 0;
    border: none;
}

.product-detaill .btn-primary:not(:disabled):not(.disabled).active,
.product-detaill .btn-primary:not(:disabled):not(.disabled):active,
.product-detaill .show > .btn-primary.dropdown-toggle {

    background-color: #f9b376;
    border-color: #f9b376;
}

.product-detaill .li_mobile table tr[type="button"][data-toggle="modal"] {
    width: 100%;
    margin-bottom: 5px;
    background: #FFF;
    -webkit-box-shadow: none;
    box-shadow: none;
    outline: none;
    border: 1px solid #000;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.product-detaill .li_mobile table tr[type="button"][data-toggle="modal"]:hover {
    background: #fbfbfbab;
    border-color: var(--main-color);
}

.product-detaill .swiper-pagination-bullet {

    background: var(--main-color);
    color: var(--main-text-color);
}

.product-detaill .table td {
    padding: 0;
    border: none;
    width: 100%;
    color: #000;
}


.product-detaill .quantity:hover {
    border-color: var(--main-color);
}


.product-detaill .quantity input {
    background: none;
    border: none;
    padding: 0;
    width: 30px;
    text-align: center;
    outline: none;
}

.product-detaill .quantity button {
    background: #dbdbdb;
    padding: 1px 0 0 0;
    border: none;
    outline: none;
    width: 25px;
    height: 25px;
    border-radius: 50%;
}


.product-detaill .d_m {
    display: none;
}


.modal-header {
    padding: 12px;
}

.modal-header table {
    width: 100%;
}

.modal-header table tr td:nth-child(1) {
    width: 80px !important;
}

.modal-header table tr td:nth-child(1) img {
    width: 65px !important;
    height: 65px !important;
}

.modal-header table tr td:nth-child(2) h5 {
    font-size: 14px;
}


.product-detaill .swiper-container {
    width: 100%;
    height: 100%;
}

.product-detaill .swiper-slide {
    overflow: hidden;
}

.product-detaill .icon {
    padding-right: 10px;
    -webkit-box-pack: right;
    -ms-flex-pack: right;
    justify-content: right;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.product-detaill .btn_title {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.product-detaill .dot {
    text-align: left;
}

.product-detaill .dot i {
    padding-top: 2px;
    font-size: 5px;
    display: block;
}


.product-detaill .add-to-cart {
    position: fixed;
    right: 0;
    bottom: 56px;
    z-index: 98 !important;
}


.product-detaill .add-to-cart .add-to-cart-menu {
    font-size: 8px;
    z-index: 2;
    display: table;
    width: 100%;
    padding: 0;
    table-layout: fixed;
    border-top: 1px solid #ddd;
    border-bottom: 0;
    background: #fff;
    margin: auto;
}

.product-detaill .add-to-cart .add-to-cart-menu .btn-add {
    display: table-cell;
    height: 58px;
    width: 40%;
    color: #ddd;
    text-align: center;
    vertical-align: middle;
}

.product-detaill .add-to-cart .add-to-cart-menu .qnt {
    display: table-cell;
    height: 58px;
    width: 40%;
    color: #ddd;
    text-align: center;
    vertical-align: middle;
}

.product-detaill .add-to-cart .add-to-cart-menu .fav {
    display: table-cell;
    height: 58px;
    width: 20%;
    color: #ddd;
    text-align: center;
    vertical-align: middle;
}

.product-detaill .quantity,
.product-detaill .add-to-cart .add-to-cart-menu .btn-add .btn_add {
    border: 1px solid #575757;
    outline: none;
    padding: 6px 10px;
    border-radius: 3px;
    background: none;
}

.product-detaill .quantity {
    padding: 5.25px 0;
    width: 117px;
    display: inline-block;
}


.product-detaill .qnt_pc {
    padding: 5px 10px !important;
    width: 110px !important;
}

.product-detaill .add-to-cart .add-to-cart-menu .btn-add .btn_add:hover {
    border-color: var(--main-color);
}

.product-detaill .add-to-cart .add-to-cart-menu .btn-add .btn_add i {
    color: var(--main-color);
    font-size: 15px;
    margin-right: 5px;
}


.product-detaill .add-to-cart .add-to-cart-menu .fav i {
    color: var(--main-color);
    font-size: 30px;
}

.product-detaill .add-to-cart .add-to-cart-menu .fav i:hover {
    color: red;
}

.product-detaill .d_l .videol {
    position: absolute;
    bottom: 50px;
    right: 0;
    background: var(--main-color);
    color: var(--main-text-color);
    border: 1px solid transparent;
    width: 98%;
    text-align: center;
    margin-left: 1%;
    margin-right: 1%;
}


.product-detaill .d_l .videol span {
    color: #000 !important;
}

.product-detaill .d_l .videol:hover span {
    color: #FFF !important;
}

@media screen and (max-width: 767px) {
    .product-detaill .d_m {
        display: block;
    }

    .product-detaill .d_l {
        display: none;
    }

    .product-detaill .info h3 {
        font-size: 21px;
    }

    .footer {
        padding-bottom: 130px;
    }

    .product-detaill .info .discount {
        display: none;
    }

}

@media screen and (max-width: 370px) {
    .product-detaill .img-box {
        width: 47px !important;
        height: 47px !important;
    }
}

@media screen and (min-width: 300px) {
    .product-detaill .star {
        font-size: 25px;
        padding: 0;
    }
}

@media screen and (max-width: 299px) {
    .product-detaill .star {
        font-size: 18px;
        padding: 0;
    }
}


@media screen and (max-width: 280px) {
    .product-detaill .info ul li i {
        font-size: 14px;
    }

    .product-detaill .info ul li .title {
        font-size: 14px;
        width: 90px;
        margin-right: 6px;
    }

    .product-detaill .info ul li .val {
        font-size: 14px;
    }

    .old-price {
        font-size: 14px;
    }

}


.iframe-container {
    position: relative;
    width: 100%;
    padding-bottom: 56.25%;
    height: 0;
}

.iframe-container iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}


/* end product-detaill  */


/* start favorite */

.favorite .row {
    padding-right: 15px;
    padding-left: 15px;
}

.favorite h1 {
    margin-bottom: 40px;
}

.favorite .product-grid {
    position: relative;
    border: 2px solid var(--main-color);
    margin-bottom: 20px;
}


.favorite .product-grid .image img {
    height: 100%;
}

.favorite .delete-from-fav {
    position: absolute;
    top: -14px;
    right: -13px;
    z-index: 999;
}

.favorite .delete-from-fav i {
    font-size: 25px;
    color: var(--main-color) !important;
    cursor: pointer;
}

.favorite .product-grid .prod-name {
    font-size: 17px;
    width: 100%;
    min-width: 100%;
    padding: 4px;
    height: 39.2px;
    margin-bottom: 0;
}


.favorite .bg-span {
    position: absolute;
    top: -8px;
    right: -9px;
    z-index: 998;
    background: #464444;
    width: 15px;
    height: 15px;
}


.favorite .buttons a {
    width: 100%;
    background: var(--main-color);
    color: var(--main-text-color);
    border-radius: 0;
}


.favorite .buttons a i {
    margin-right: 10px;
}


.favorite .buttons a:hover {
    color: #FFF;
}


@media screen and (max-width: 500px) {
    .favorite .product-grid .prod-name,
    .favorite .product-grid .old-price,
    .favorite .product-grid .new-price,
    .favorite .buttons a,
    .favorite .buttons a i {
        font-size: 13px;
    }


    .favorite .delete-from-fav {
        top: -13px;
        right: -12px;
    }

    .favorite .delete-from-fav i {
        font-size: 22px;
    }

    .favorite .bg-span {
        width: 13px;
        height: 13px;
    }


}


@media screen and (max-width: 282px) {
    .favorite .buttons a,
    .favorite .buttons a i {
        font-size: 12px;
    }


    .favorite .buttons a i {
        margin-right: 1px;
    }

}

/* end favorite */


/* start returns */
.returns {
    text-align: center;
}


.returns .return-number a {
    text-decoration: none;
    color: #000;
    font-weight: bold;
}

.returns .return-info div {
    margin-bottom: 5px;
    letter-spacing: 0.5px;
}

.returns .return-eye {
    width: 10%;
    position: relative;
}

.returns .return-eye a {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.returns .return-eye i {
    font-size: 20px;
    color: #000;
}

.returns .return-number a:hover,
.returns .return-eye i:hover {
    color: var(--main-color);
}

.returns .return-status {
    width: 80%;
}

.returns table th,
.returns table td {
    border: 1px solid #717171 !important;
}

.returns .table-laptop td {
    width: calc(100% / 6);
}

.returns .table-mobile {
    display: none;
}

@media screen and (max-width: 768px) {

    .returns .table-laptop {
        display: none;
    }

    .returns .table-mobile {
        display: table;
    }
}

/* end returns */
.all-products.list-mode {
	position: relative;
}

.all-products.list-mode .title-price {
	position: absolute;
	top: 10px;
	left: 20%;
	width: 100%;
}

.all-products.list-mode .prod-name {
	margin-top: 10px;
}

.all-products.list-mode .image1 {
	width: 250px;
}

@media (max-width: 576px) {
	.all-products.list-mode .image1 {
		width: 150px;
	}
}


.all-products.list-mode .buttons {
	position: absolute;
	bottom: 10px;
	left: 0;
	display: flex;
	justify-content: center;
	align-items: center;
}

.all-products.list-mode .new-price {
	position: absolute;
	top: 10px;
	left: 10px;
}

.search-page .list-mode .row {
    margin-right: 0 !important;
    margin-left: 0 !important;
}

.search-page .list-mode .product-grid .image img {
    width: 250px !important;
    height: 250px !important;
}


.search-page .list-mode .product-image {
    text-align: right;
}

.search-page .list-mode .buttons {
    padding: 0 6px;
    margin-top: 100px;
}


.search-page .list-mode .col-5 {
    padding-right: 0;
}

/* start orders */

.orders {
    text-align: center;
}


.orders .order-number a {
    text-decoration: none;
    color: #000;
    font-weight: bold;
}

.orders .order-info div {
    margin-bottom: 5px;
    letter-spacing: 0.5px;
}

.orders .order-eye {
    width: 10%;
    position: relative;
}

.orders .order-eye a {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.orders .order-eye i {
    font-size: 20px;
    color: #000;
}

.orders .order-number a:hover,
.orders .order-eye i:hover {
    color: var(--main-color);
}

.orders .order-status {
    width: 80%;
}

.orders table th,
.orders table td {
    border: 1px solid #717171 !important;
}


.orders .table-laptop td {
    width: calc(100% / 6);
}

.orders .table-mobile {
    display: none;
}

@media screen and (max-width: 768px) {

    .orders .table-laptop {
        display: none;
    }

    .orders .table-mobile {
        display: table;
    }
}

/* end orders */

/* start forgot-password */

.forgot-password {
    padding: 0 10px 20px 10px;
}


.forgot-password h1 {
    font-size: 2rem;
    padding: 7px 0;
    border-radius: 34px;
    width: 60%;
    margin: 10px auto;
}


.forgot-password h1 span {
    cursor: pointer;
    color: #fff;
    background: #c8c8c8;
    width: 50%;
    display: inline-block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}


.forgot-password h1 [data-class="sms"] {
    padding: 8px 0 8px 0;
    border-radius: 0 14px 14px 0;
}


.forgot-password h1 [data-class="mail"] {
    padding: 8px 0 8px 0;
    border-radius: 14px 0 0 14px;

}

.forgot-password .btn {
    background: var(--main-color);
    color: var(--main-text-color);
    /* color: #fff; */
    margin-top: 15px;
    border-radius: 14px;
    text-decoration: none;
    outline: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}
.forgot-password .btn-cancel {
    background: #918d8d;
    color: #fff;
    margin-top: 15px;
    border-radius: 14px;
    text-decoration: none;
    outline: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.forgot-password .btn:hover {
    color: #1e1e1e;
}


.forgot-password .active {
    background: var(--main-color);
    color: var(--main-text-color);
}


.forgot-password form {
    width: 60%;
    margin: auto;
    text-align: right;
}


.forgot-password form .form-control {
    outline: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    border-radius: 14px;
}

.forgot-password .mail {
    display: none;
}


.forgot-password label {
    color: #868686;
    margin-right: 10px;
}


.forgot-password .num-phone {
    position: relative;
}

.forgot-password .num-phone span {
    position: absolute;
    left: 11px;
    top: 9px;
    font-weight: bold;
}

/* end forgot-password */


/*  mobile style */

.mobile label {
    margin: 0 10px 0 0;
    font-size: 26px;
    line-height: 48px;
    display: none;
    width: 26px;
    float: right;
}

.mobile {
    display: none;
    background: #cecece;
    padding-top: 48px;
}


.mobile .header-m {
    position: fixed;
    top: 0;
    width: 100%;
    background: var(--second-color);
}

.mobile .ntf-box {
    text-align: left;
}


.mobile .heart {
    position: relative;
}

.mobile ul {
    padding: 0;
    margin: 0;
}


.mobile li {
    display: inline;
    list-style: none;
}

.mobile .search li button {
    width: 30px;
    height: 30px;
    text-align: center;
    padding-top: 1px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    border: none;
    background: none;
    outline: none;
    -webkit-box-shadow: none;
    box-shadow: none;

}

.mobile li i {
    font-size: 20px;
    color: #646464;
}


.mobile li .fn {
    font-size: 15px;
    color: #646464;
    margin-left: 6px;
}

.mobile li span {
    position: absolute;
    background: var(--main-color);
    color: var(--main-text-color);
    width: 18px;
    height: 18px;
    font-size: 11px;
    border-radius: 50%;
    text-align: center;
    /* color: #FFF; */
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.mobile .heart span,
.mobile .cart span {
    top: -3px;
    left: -3px;
}

.mobile .img-fluid {
    height: 48px;
}

.mobile .hudhud-logo {
    padding: 0;
}

.mobile .row {
    text-align: center !important;
    margin: 0;
}


.mobile .search-box {
    background: #dadada;
    border-radius: 40px;
    height: 30px;
    padding: 0 40px 0 0;
}


.mobile .srch input {
    width: 70%;
    background: none;
    outline: none;
    border: none;
    line-height: 25px;
    font-size: 15px;
    float: right;
    padding: 0;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    display: none;
}

.mobile .search-box a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    float: left;
    padding-top: 1px;
    background: #f9f9f9;
    text-decoration: none;
    border: none;
    outline: none;
}

.mobile .search-box a i,
.mobile .search-box .close {
    font-size: 16px;
}

.mobile .srch .close {
    position: absolute;
    right: 11px;
    top: 7px;
    cursor: pointer;
    color: red;
    display: none;
}

.mobile .srch {
    display: inline;
}


.mobile .menu {
    width: 90%;
    height: 100%;
    background: var(--second-color);
    position: fixed;
    top: 0;
    right: -900px;
    color: #000;
    -webkit-transition: .7s;
    -o-transition: .7s;
    transition: .7s;
    z-index: 1020;
    overflow-y: auto;
}

.bg-main {
    background: var(--main-color) !important;
    color: #fff !important;
}

.mobile .menu ul li {
    list-style: none;
    display: block;
    margin: 0 10px 15px 10px;
    text-align: right;
    padding: 0 5px 2px 0;
    position: relative;
}

.mobile .menu ul {
    padding-top: 20px;
    padding-right: 15px;
    width: calc(100% - 15px);
}

.mobile .menu ul a {
    text-decoration: none;
    color: #4f4e4e;
    font-size: 15px;
}

.mobile .menu span i {
    padding: 7px 15px;
    color: var(--main-color);
    font-size: 26px;
    cursor: pointer;
}

.mobile .footer-mobile {
    position: fixed;
    right: 0;
    bottom: 0;
    z-index: 999;
}


.mobile .footer-mobile .footer-menu-cat {
    display: table-cell;
    height: 55px;
    width: 20%;
    color: #ddd;
    text-align: center;
    vertical-align: middle;
    padding-top: 29px;
    position: relative;
}

.mobile .footer-mobile .footer-menu-cat a {
    text-decoration: none;
    border: none;
    outline: none;
}

.mobile .footer-mobile .footer-menu-cat a:hover .txt-cat {
    color: #000;
}


.mobile .footer-mobile .footer-menu-cat .icon i {
    position: absolute;
    top: 7px;
    vertical-align: middle;
    left: calc(50% - 12px);
    font-size: 22px;
    color: #000;
}

.mobile .footer-mobile .footer-menu-cat:hover .icon i {
    color: var(--main-color);
}


.mobile .footer-mobile .footer-menu-cat .txt-cat {
    font-size: 13px;
    color: #848484;
}


.mobile .footer-mobile .footer-menu {
    font-size: 8px;
    z-index: 2;
    display: table;
    width: 100%;
    height: 55px;
    padding: 0;
    table-layout: fixed;
    border-top: 1px solid #ddd;
    border-bottom: 0;
    background: var(--second-color);
    margin: auto;
}


/*  start footer */
.footer {
    background-color: #262626;
    padding: 20px 0;
}



.footer ul li {
    list-style: none;
    display: block;
    text-align: right;
    line-height: 20px;
}

.footer ul {
    float: right;
    padding-right: 0;
}

.footer h3 {
    font-size: 15px;
    text-align: right;
    color: var(--main-color);
}


.footer ul a {
    text-decoration: none;
    color: #fff;
    font-size: 14px;
}

.footer ul a:hover {
    color: var(--main-color);
}

.footer .social-media-box .social-media {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.footer .social-media-box {
    margin-top: 30px;
}


.footer .social-media-box .social-media a {
    color: #000;
    text-decoration: none;
    border: 1px solid #fff;
    border-radius: 50%;
    width: 50px;
    height: 50px;
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.footer .social-media-box .social-media a i {
    font-size: 20px;
    color: var(--main-color);
}

.footer .custom-hr {
    background: #646464;
}

.footer  .payment-methods {
    gap: 0.5rem;
}

.footer .footer-img-box {
    display: grid;
    place-content: center;
    width: 3rem;
    height: 1.75rem;
    background-color: #FFF;
    border-radius: 0.25rem;
    padding: 0.25rem;
}

.footer .footer-img-box img {
    width: 100%;
    max-height: 100%;
}

/* start login form  */
.loginPage .input-container .addStar {
    left: 10px;
}

.loginPage {
    padding: 0 10px 20px 10px;
}

.loginPage h1 {
    font-size: 2rem;
    border-radius: 34px;
    width: 60%;
    margin: 10px auto;
}


.loginPage h1 span {
    cursor: pointer;
    color: #fff;
    background: #c8c8c8;
    width: 50%;
    display: inline-block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}


.loginPage h1 [data-class="login"] {
    padding: 8px 0 8px 0;
    border-radius: 0 14px 14px 0;
}


.loginPage h1 [data-class="signup"] {
    padding: 8px 0 8px 0;
    border-radius: 14px 0 0 14px;

}

.loginPage .btn {
    background: var(--main-color);
    color: var(--main-text-color);
    /* color: #fff; */
    margin-top: 15px;
    border-radius: 14px;
}

.loginPage .active {
    background: var(--main-color);
    color: var(--main-text-color);
}

.input-container {
    position: relative;
    margin: auto;
}


.loginPage form {
    width: 60%;
    margin: auto;
    text-align: right;
}


.loginPage form input {
    margin-top: 10px;
}

form input:focus {
    border-color: var(--main-color); /* Change border color */
    outline: none; /* Remove default focus outline */
}


.bank-transfer form .form-control,
.edit-account form .save-changes,
.edit-account form .form-control,
.add-address form .form-control,
.edit-address form .form-control,
.loginPage form .form-control {
    outline: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    border-radius: 14px;
}

.loginPage .signup {
    display: none;
}

.loginPage .password-forgotten {
    text-decoration: none;
    font-size: 15px;
}

.loginPage .agree:hover,
.loginPage .password-forgotten:hover {
    color: var(--main-color);
}

.loginPage .agree {
    text-decoration: none;
    color: #000;
}

.loginPage label,
.loginPage .password-forgotten {
    color: #868686;
    margin-right: 10px;
}

/* end login form */


/* start my account */

.myaccount .welcome {
    margin: 20px auto;
    margin-bottom: 25px;
    background: var(--main-color);
    /* color: #fff; */
}

.myaccount .welcome,
.myaccount .welcome span {
    font-size: 28px;
}


.myaccount .order-title,
.myaccount .account-title {
    font-size: 26px;
    color: var(--main-color);
    border: 2px solid var(--main-color);
    margin-bottom: 14px;
}

.myaccount .order-title i,
.myaccount .account-title i {
    font-size: 23px;
    margin-left: 16px;
}

.myaccount ul {
    padding: 0;
}


.myaccount ul li {
    margin-bottom: 10px;
    border: 1px solid #444;
    -webkit-transition: background-color .4s;
    -o-transition: background-color .4s;
    transition: background-color .4s;
}

.myaccount ul li:hover {
    background-color: #e7e7e7;
}

.myaccount .welcome,
.myaccount .order-title,
.myaccount .account-title,
.myaccount ul li {
    padding: 5px 10px;
    border-radius: 14px;
    margin-left: 20%;
    margin-right: 20%;
}


.myaccount ul li a {
    font-size: 21px;
    color: #000000;
    text-decoration: none;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}


.myaccount ul li a i {
    margin-right: 10px;
    font-size: 20px;
    padding-top: 5px;
}


/* end my account */


/* start edit-account */
.create-store .titre,
.return-details .titre,
.cart .titre,
.returns .titre,
.order-details .titre,
.orders .titre,
.edit-account .titre,
.edit-address .titre,
.add-address .titre,
.favorite .titre,
.loginPage .titre,
.forgot-password .titre,
.contact-us .titre,
.return-product .titre,
.address .titre {
    width: 100%;
    display: block;
    overflow: hidden;
    text-align: center;
    white-space: nowrap;
}

.cart .titlee,
.return-details .titlee,
.returns .title,
.order-details .titlee,
.create-store .your-info,
.edit-account .your-info,
.orders .title,
.edit-address .title,
.add-address .title,
.favorite .title,
.loginPage .title,
.contact-us .title,
.return-product .title,
.forgot-password .title,
.address .title {
    font-size: 20px;
    margin: 24px 0 28px 0;
    position: relative;
    display: inline-block;
}

.cart .titlee::before,
.return-details .titlee::before,
.returns .title::before,
.order-details .titlee::before,
.orders .title::before,
.create-store .your-info::before,
.edit-account .your-info::before,
.edit-address .title::before,
.add-address .title::before,
.favorite .title::before,
.loginPage .title::before,
.contact-us .title::before,
.return-product .title::before,
.forgot-password .title::before,
.address .title::before {
    margin-right: 15px;
    right: 100%;
}

.create-store .your-info::after,
.cart .titlee::after,
.return-details .titlee::after,
.returns .title::after,
.order-details .titlee::after,
.orders .title::after,
.edit-account .your-info::after,
.edit-address .title::after,
.favorite .title::after,
.loginPage .title::after,
.add-address .title::after,
.forgot-password .title::after,
.contact-us .title::after,
.return-product .title::after,
.address .title::after {
    left: 100%;
    margin-left: 15px;
}

.create-store .your-info::before,
.create-store .your-info::after,
.cart .titlee::after,
.cart .titlee::before,
.return-details .titlee::after,
.return-details .titlee::before,
.returns .title::after,
.returns .title::before,
.order-details .titlee::after,
.order-details .titlee::before,
.orders .title::after,
.orders .title::before,
.edit-account .your-info::before,
.edit-address .title::before,
.add-address .title::before,
.contact-us .title::before,
.favorite .title::before,
.loginPage .title::before,
.forgot-password .title::before,
.address .title::before,
.return-product .title::before,
.edit-account .your-info::after,
.edit-address .title::after,
.favorite .title::after,
.loginPage .title::after,
.add-address .title::after,
.forgot-password .title::after,
.address .title::after,
.return-product .title::after,
.contact-us .title::after {
    background: #ccd0d5;
    content: '';
    height: 1px;
    position: absolute;
    top: 50%;
    width: 9999px;
}


.edit-address .row,
.add-address .row,
.edit-account .row {
    margin-right: 0;
    margin-left: 0;
    margin-bottom: 10px;
}


.edit-account .save-changes {
    background: var(--main-color);
}

.edit-account .change-password {
    padding-right: 25px;
    cursor: pointer;
}

.edit-account .change-password:hover {
    color: var(--main-color);
}

.edit-account .hide-change-password {
    display: none;
}

.edit-account .change-password-box input {
    font-size: 13px;
    padding: 18px .75rem !important;
}

/* end edit-account */


/* start address */

.favorite .table-responsive,
.address .table-responsive {
    text-align: right;
    padding: 0 10px;
}

.favorite .table-responsive .table tr,
.address .table-responsive .table tr {
    border: 1px solid #CCC;
    -webkit-transition: background-color .4s;
    -o-transition: background-color .4s;
    transition: background-color .4s;
}

.favorite .table-responsive .table tr:hover,
.address .table-responsive .table tr:hover {
    background-color: #e7e7e7;
}


.address .table-responsive .table td span {
    display: block;
    margin-bottom: 3px;
}

.favorite .table-responsive .table td span {
    display: block;
}

.address .table-responsive .table td {
    padding: 12px;
    border-top: none;
    position: relative;
    overflow: hidden;
}

.address .table-responsive .table td:hover a {
    left: 13px;
}

.address .table-responsive .table td a {
    position: absolute;
    padding: 7px 14px;
    text-decoration: none;
    color: #ffffff;
    background: var(--main-color);
    width: 88px;
    left: -100px;
    border-radius: 7px;
    -webkit-transition: left .4s, color .4s;
    -o-transition: left .4s, color .4s;
    transition: left .4s, color .4s;
}

.address .table-responsive .table td a i {
    margin-right: 4px;
}

.address .table-responsive .table td .edit {
    top: 13px;
}

.address .table-responsive .table td .delete {
    top: 60px;
}

.address .add-address {
    position: relative;
    padding-right: 44px;
}


.address .add-address span {
    background: #fff;
    position: absolute;
    right: 0;
    top: 0;
    margin-left: 50px;
    height: 100%;
}

.address .add-address span i {
    margin-left: 10px;
    padding-top: 10px;
    padding-right: 9px;
    color: var(--main-color);
}


.add-address .btn-add-address,
.edit-address .btn-save-address,
.address .add-address {
    background: var(--main-color);
    color: var(--main-text-color);
    /* color: #FFF; */
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-transition: color .4s;
    -o-transition: color .4s;
    transition: color .4s;
    margin: 0 auto 6px;
}


.add-address .btn-add-address:hover,
.edit-address .btn-save-address:hover,
.address .table-responsive .table td a:hover,
.address .add-address:hover {
    color: #000;
}

/* end address */


/* start add-address */
.create-store .address-globe,
.edit-address .address-globe,
.add-address .address-globe {
    position: absolute;
    right: 1px;
    top: 1px;
    background: #e5e5e5;
    padding: 10px 12px;
    border-top-right-radius: 14px;
    border-bottom-right-radius: 14px;
}

.create-store .address-globe {
    right: 0;
}


.edit-address .address1,
.create-store .address1,
.add-address .address1 {
    padding-right: 45px;
}

.edit-address .country .addStar,
.edit-address .city .addStar,
.add-address .country .addStar,
.add-address .city .addStar {
    left: 38px;
}

.edit-address .btn-save-address,
.add-address .btn-add-address {
    background: var(--main-color);
    color: var(--main-text-color);
}

.add-address .defaultadr {
    margin-left: 20px;
}

/* end add-address */

/* start cat-menu */

.cat-menu {
    position: absolute;
    background: var(--second-color);
    top: 25px;
    right: 0;
    max-height: 0;
    -webkit-transition: max-height .2s ease-out;
    -o-transition: max-height .2s ease-out;
    transition: max-height .2s ease-out;
    overflow: hidden;
}

.cat-menu li {
    display: inline-block !important;
    border-bottom: 1px solid #FFF !important;
    width: 100%;
    margin: 0 !important;
    text-align: right;
    padding: 1px 4px;
    position: static !important;
}

.cat-menu li:hover {
    background: var(--main-color);
    color: var(--main-text-color);
}

.cat-menu li:hover a {
    color: #FFF !important;
}

.cat-menu .active {
    background: var(--main-color);
    color: var(--main-text-color);
}

.cat-menu .active a {
    color: #FFF !important;
}

.cat-menu li a {
    font-size: 14px;
    width: 100%;
    display: inline-block;
    color: #000 !important;
}

.nav-bar .l-rw ul li {
    position: relative;
    border-bottom: 1px solid transparent;
}

.nav-bar .l-rw ul li:hover .cat-menu {
    max-height: 500px;
    -webkit-transition: max-height .7s ease-in;
    -o-transition: max-height .7s ease-in;
    transition: max-height .7s ease-in;
}

/* for mobile */

.cat-menwu {
    max-height: 0;
    -webkit-transition: max-height .5s ease-out;
    -o-transition: max-height .5s ease-out;
    transition: max-height .5s ease-out;
    overflow: hidden;
}

.cat-menwu ul {
    clear: both;

}

.cat-menwu ul li {
    position: static !important;
    margin: 0 5px 8px 10px !important;
}


.cat-menwu ul li i {
    font-size: 15px !important;
    margin-left: 6px !important;
    vertical-align: middle;
    padding-top: 8px;
}

.mobile .menu ul li .opn {
    position: absolute;
    top: 0;
    left: 0;
    cursor: pointer;

}


.open-menu {
    max-height: 500px;
    -webkit-transition: max-height .7s ease-in;
    -o-transition: max-height .7s ease-in;
    transition: max-height .7s ease-in;
}

/* end cat-menu */

/* start favorite */

.favorite table td img {
    width: 100%;
    max-width: 270px;
    height: auto;
    padding: 0;
    margin: 0;
    border: none;

}

.favorite table .img-box {
    padding: 0;
    margin: 0;
    width: 100%;
}

.favorite.table td,
.favorite.table th {
    border: none;
}


.favorite .table-responsive .table .info-box {
    padding: 12px;
    border-top: none;
    position: relative;
    overflow: hidden;
}

.favorite .table-responsive .table tr {
    background: #f9f9f9;
}


.favorite .table-responsive .table .info-box .a {
    position: absolute;
    padding: 7px 14px;
    text-decoration: none;
    color: #ffffff;
    width: 121px;
    left: -121px;
    border-radius: 7px;
    -webkit-transition: left .4s, color .4s;
    -o-transition: left .4s, color .4s;
    transition: left .4s, color .4s;
    text-align: center;

}

.favorite .table-responsive .table tr:hover .a {
    left: 13px;
}


.favorite .table-responsive .table .info-box .cart {
    top: 4px;
    background: var(--main-color);
    color: var(--main-text-color);

}

.favorite .table-responsive .table .info-box .delete {
    bottom: 10px;
    background: #717171;
}

.favorite .table-responsive .table .info-box .a:hover {
    color: #000;
}

.favorite .table-responsive .table .info-box .prod-name {
    color: #212529;
    font-size: 22px;
    text-decoration: none;
}

.favorite .table-responsive .table .info-box .prod-name:hover {
    color: var(--main-color);
}


/* end favorite */


/* start bank-transfer  */


.bank-transfer h1 {
    font-size: 2rem;
    padding: 7px 0;
    border-radius: 34px;
    width: 60%;
    margin: 10px auto;
}


.bank-transfer .btn {
    background: var(--main-color);
    color: var(--main-text-color);
    /* color: #fff; */
    margin-top: 15px;
    border-radius: 14px;
}

.bank-transfer .active {
    background: var(--main-color);
    color: var(--main-text-color);
}

.input-container {
    position: relative;
}

.input-container .addStar {
    position: absolute;
    top: 7px;
    left: 20px;
    font-size: 24px;
    color: var(--main-color);
}

.bank-transfer form {
    text-align: right;
}


.bank-transfer form textarea,
.bank-transfer form select,
.bank-transfer form input {
    margin-top: 10px;
}

.bank-transfer form .date {
    text-align: right;
    cursor: pointer;
}

input[type=date]::-webkit-inner-spin-button,
input[type=date]::-webkit-outer-spin-button {
    -webkit-appearance: none;
}


/* end bank-transfer */


/* start products slide */

.swiper-container {
    width: 100%;
    height: 100%;
}

.swiper-slide {
    text-align: center;
    font-size: 18px;


    /* Center slide text vertically */
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.swiper-container .product-grid {
    border: 1px solid var(--border-color);
	border-radius: 10px;
	overflow: hidden;
}
.swiper-container .product-grid  .no-qt {
    color: #ffffff;
    background-color: red;
    border-radius: 10%;
    padding: 2px 4px;
    text-transform: uppercase;
    font-size: 0.85rem;
    font-weight: bold;
    align-items: center;

}
.swiper-container .product-grid  .discount {
    position: absolute;
    bottom: 5px;
    left: 5px;
    color: #ffffff;
    background-color: #dc3545;
    border-radius: 10%;
    padding: 2px 4px;
    text-transform: uppercase;
    font-size: 0.75rem;
    font-weight: bold;

}
.swiper-container .product-grid .new-vip {
    position: absolute;
    top: 0px;
    right: 3px;
    text-transform: uppercase;
    /* font-size: 0.85rem; */

}
.swiper-container .product-grid .new-vip   .new {
    color: #000;
   background-color: #63ce4e;
   border-radius: 10%;
    padding: 1px 2px;
}
.swiper-container .product-grid .new-vip   .vip {
    background-color: #f1e90e;
    border-radius: 10%;
    padding: 1px 2px;
 }
.swiper-container .product-grid a {
    cursor: inherit;
    text-decoration: none;
    outline: none;
    border: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.swiper-container .product-grid .image a {
    cursor: pointer;
}

.swiper-container .product-grid .love i,
.swiper-container .product-grid .cart i {
    font-size: 20px;
    cursor: pointer;
}

.swiper-container .product-grid .love i {
    color: var(--main-color);
    -webkit-transition: color 1s, -webkit-transform .3s;
    transition: color 1s, -webkit-transform .3s;
    -o-transition: transform .3s, color 1s;
    transition: transform .3s, color 1s;
    transition: transform .3s, color 1s, -webkit-transform .3s;
}


.swiper-container .product-grid .cart i {
    color: #a6a6a6;
    -webkit-transform: rotateY(180deg);
    -ms-transform: rotateY(180deg);
    transform: rotateY(180deg);
    -webkit-transition: color .4s;
    -o-transition: color .4s;
    transition: color .4s;
}

.swiper-container .product-grid .prod-name {
    font-size: 13px;
    color: #9d9d9d;
    width: 100%;
    min-width: 100%;
    padding: 4px;
    text-align: right !important;
    height: 36.2px;
    margin-bottom: 3px;
    overflow: hidden;
}

.swiper-container .product-grid .old-price,
.swiper-container .product-grid .new-price {
    font-size: 13px;
}

.old-price {
    margin-right: 8px;
    color: #848484;
}

.swiper-container .product-grid .new-price {
    margin-right: 8px;
    color: #000;
}

.love .active {
    color: red !important;
}

.swiper-container .product-grid .added {
    color: var(--main-color) !important;
}


.swiper-container .product-grid .image img {
    height: 100%;
}

.swiper-container .product-grid .buttons {
    position: relative;
    float: left;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, 10%);
    -ms-transform: translate(-50%, 10%);
    transform: translate(-50%, 10%);
}


.swiper-container .slide-title {
    margin-right: 10px;
    margin-top: 5px;
}

.swiper-container .slide-title,
.swiper-container .show-all {
    font-size: 15px;
}


.swiper-container .show-all {
    background: var(--main-color);
    color: var(--main-text-color);
    margin: 5px 0 5px 5px;
    padding: 0 12px;
    text-decoration: none;
    outline: none;
    border: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}


.swiper-container .show-all:active {
    text-decoration: none;
    outline: none;
    border: none;
}

.swiper-container .show-all:hover {
    color: #FFF;
}


/* end products slide */


/* start category */

.cats .cat .cat-name {
    font-size: 15px;
}

.cat-slide .filter {
    margin-bottom: 10px;
}

.cat-slide .filter .form-control,
.cat-slide .filter button {
    -webkit-box-shadow: none;
    box-shadow: none;
}

.cat-slide .filter button:hover {
    color: var(--main-color);
}

.cat-slide .filter .active-btn {
    color: var(--main-color);
}

/* end category  */


/* start stores slide */

.stores .store {
    position: relative;
}

.stores .store .store-name a:before,
.stores .store .store-cat a:before {
    content: attr(data-text);
    width: 0 !important;
    color: transparent;
    background: var(--main-color);
    color: var(--main-text-color);
    cursor: pointer !important;
    padding: 4px 0 !important;
    right: 0;
    bottom: 0;
    display: inline-block;
    position: absolute;
    -webkit-transition: width .7s !important;
    -o-transition: width .7s !important;
    transition: width .7s !important;
    white-space: nowrap;
}

.stores .store .store-name a:hover:before,
.stores .store .store-cat a:hover:before {
    width: 100% !important;
}

.stores .store .store-name a:hover,
.stores .store .store-cat a:hover {
    color: transparent;
}

.stores .store .store-name a,
.stores .store .store-cat a {
    position: absolute;
    width: 100% !important;
    color: #FFF;
    background: #737272;
    cursor: pointer !important;
    padding: 4px 0 !important;
    left: 0;
}

.stores .store .store-name a {
    bottom: 32px;
    border-bottom: 1px solid #afafaf !important;
}

.stores .store .store-cat a {
    bottom: 0;
}

/* end stores slide */


/* start ident icons */


.cat-icon .table {
    margin-bottom: 0;
}

.ident-icons {
    text-align: center;
    padding: 8px 8px 0 8px;

}


.ident-icons .ident-icon a {
    display: block;
    text-decoration: none;
    color: #000;
}

.ident-icons .ident-icon a:hover {
    color: var(--main-color);
}


.ident-icons .ident-icon i {
    color: var(--main-color);
    font-size: 26px;
    margin-bottom: 12px;
}

.ident-icons .ident-icon div {
    border: 1px solid var(--main-color);
    padding: 20px 0;
    margin-bottom: 8px;
}

/* end ident icons */


/* start return product */
.return-product {
    margin-top: 10px;
    margin-bottom: 10px;
}

.return-product h3 {
    margin-bottom: 10px;
}


.return-product input,
.return-product textarea {
    color: #7b7b7b;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    outline: none !important;
}


.return-product .input-container {
    margin-bottom: 20px;
}


.return-product .store-cat .addStar {
    left: 23px;
}


.return-product input[type="submit"].btn-block {
    margin-top: 20px;
    background: var(--main-color);
    color: var(--main-text-color);
    /* color: #000; */
}


.return-product input[type="submit"].back {
    background: #959595;
}

.return-product input[type="submit"].btn-block:hover {
    color: #FFF;
}

.return-product .create-store .create-btn {
    padding: 0;
}

.return-product .quantity {
    background: none;
    display: inline;
    padding: 2px 10px;
    border-radius: 6px;

}

.return-product .quantity button {
    background: none;
    padding: 0;
    border: none;
    outline: none;
}

.return-product .quantity input {
    background: none;
    border: none;
    padding: 0;
    width: 30px;
    text-align: center;
    outline: none;
    height: 100%;
}

.return-product .quantity .title {
    display: inline-block;
    width: 102px;
    color: #7b7b7b;
    height: 100%;
}

.return-product .opened {
    margin-top: 23px;
}

.return-product .c-container,
.return-product .r-container {
    position: relative;
    padding-left: 28px;
    margin-bottom: 12px;
    margin-left: 35px;
    cursor: pointer;
    color: #7b7b7b;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}


.return-product .r-container input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
}


.return-product .checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 20px;
    width: 20px;
    background-color: #eee;
    border-radius: 50%;
}


.return-product .c-container:hover input ~ .checkmarkk,
.return-product .r-container:hover input ~ .checkmark {
    background-color: #ccc;
}

.return-product .c-container input:checked ~ .checkmarkk,
.return-product .r-container input:checked ~ .checkmark {
    background-color: var(--main-color);
}

.return-product .checkmarkk:after,
.return-product .checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

.return-product .r-container input:checked ~ .checkmark:after {
    display: block;
}


.return-product .r-container .checkmark:after {
    top: 6px;
    left: 6px;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: white;
}

.return-product .c-container input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}

.return-product .checkmarkk {
    position: absolute;
    top: 0;
    left: 0;
    height: 20px;
    width: 20px;
    background-color: #eee;
}


.return-product .c-container input:checked ~ .checkmarkk:after {
    display: block;
}

.return-product .c-container .checkmarkk:after {
    left: 8px;
    top: 4px;
    width: 5px;
    height: 10px;
    border: solid white;
    color: red;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.return-product form .date {
    text-align: right;
    cursor: pointer;
}

/* end return product */


/* media query */

@media (min-width: 1200px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl {
        max-width: 90vw;
    }
}

@media only screen and (max-width: 1200px) {
    .nav-bar .ntf-box li a {
        width: 50px;
        height: 50px;
        padding-top: 15px;
    }

    .nav-bar .ntf-box li i {
        font-size: 18px;
    }

    .nav-bar .ntf-box li span {
        width: 24px;
        height: 24px;
        font-size: 14px;
    }

    .nav-bar .search-box {
        padding: 8px;
    }

    .nav-bar .search-box span {
        top: 10px;
    }

    .nav-bar .search-box i {
        top: 15px;
    }

}


@media only screen and (max-width: 1000px) {
    .mobile label {
        display: block;
        cursor: pointer;
    }

    .laptop {
        display: none;
    }

    .mobile {
        display: block;
    }

    .loginPage h1,
    .loginPage form {
        width: 100%;
    }

    .footer {
        padding-bottom: 80px;
    }

}


@media only screen and (max-width: 935px) and (min-width: 766px) {
    .search-page .product-grid .love i {
        font-size: 20px;
    }

    .search-page .product-grid .cart {
        font-size: 16px;
    }

    .search-page .product-grid .love {
        padding: .375rem .0rem;
    }
    .swiper-container .product-grid .new-vip   .new
    .swiper-container .product-grid .discount
     {
    font-size: 0.75rem;
    }

}

@media only screen and (max-width: 766px) {

    .footer .social-media-box .social-media a {
        width: 42px;
        height: 42px;
    }

    .footer .social-media-box .social-media a i {
        font-size: 16px;
    }

    .myaccount .welcome,
    .myaccount .order-title,
    .myaccount .account-title,
    .myaccount ul li {
        margin-left: 8%;
        margin-right: 8%;
    }

}


@media only screen and (max-width: 575px) {


    .footer h3 {
        font-size: 20px;
    }


    .footer ul a {
        font-size: 14px;
    }

}


@media only screen and (max-width: 530px) {

    .cats .cat .cat-name {
        font-size: 13px;
    }
}

@media only screen and (max-width: 430px) {

    .cats .cat .cat-name {
        font-size: 12px;
    }
}


@media only screen and (max-width: 350px) {

    .cats .cat .cat-name {
        font-size: 10px;
    }
}

@media only screen and (max-width: 466px) {

    .footer h3 {
        font-size: 19px;
    }

    .footer ul a {
        font-size: 13px;
    }


    .footer .social-media-box .social-media {
        display: block;
    }

    .footer .social-media-box .social-media a {
        width: 30px;
        height: 30px;
    }

    .footer .social-media-box .social-media a i {
        font-size: 13px;
    }

    .myaccount .welcome,
    .myaccount .welcome span {
        font-size: 21px;
    }

    .myaccount .order-title,
    .myaccount .account-title {
        font-size: 19px;
    }

    .myaccount ul li a {
        font-size: 16px;
    }

    .myaccount .order-title i, .myaccount .account-title i {
        font-size: 18px;
    }

    .myaccount ul li a i {
        font-size: 14px;
    }


    .favorite .table-responsive .table .info-box .a {
        width: 108px;
        padding: 8px 10px;
        font-size: 15px;
    }

    .favorite .table-responsive .table tr:hover .a {
        left: 4px;
    }

    .favorite .table-responsive .table .info-box .prod-name {
        font-size: 16px;
    }

}


@media only screen and (max-width: 335px) {

    .mobile .search {
        padding: 0 0 0 7px;
    }

    .mobile .menu ul a {
        font-size: 13px;
    }

    .mobile .menu span i {
        font-size: 18px;
    }

    .mobile .menu td a {
        padding: 8px 14px;
        font-size: 10px;
    }

    .mobile .footer .footer-menu-cat .txt-cat {
        font-size: 9px;
    }

    .mobile .footer .footer-menu-cat .icon i {
        top: 9px;
        font-size: 20px;
    }

    .footer .social-media-box .social-media a {
        width: 23px;
        height: 23px;
    }

    .footer .social-media-box .social-media a i {
        font-size: 10px;
    }


    .loginPage label,
    .loginPage .agree b {
        font-size: 12px;
    }

    .loginPage label {
        margin-right: 5px;
    }

    .cat-slide .filter button i,
    .cat-slide .filter option,
    .cat-slide .filter select,
    .cat-slide .filter .filter-span {
        font-size: 13px !important;
    }

    .stores .store .store-name a,
    .stores .store .store-cat a {
        font-size: 14px;
    }


}


@media only screen and (max-width: 456px) {

    .search-page .buttons {
        padding: 3px 23%;
        overflow: auto;
        margin-bottom: 3px;
    }


    .search-page .product-grid .cart {
        font-size: 12px;
        background: none;
        padding: 0;
        width: 0;
    }


    .search-page .buttons .cart i,
    .search-page .product-grid .love i {
        font-size: 21px;
    }


    .search-page .buttons .love {
        float: left;
    }

    .search-page .buttons .cart:hover {
        color: var(--main-color);
    }

    .search-page .buttons .cart {
        color: #484848;
    }


    .search-page .buttons a i {
        margin-right: 0;
    }
    .swiper-container .product-grid .new-vip   .new
    .swiper-container .product-grid .discount
     {
    font-size: 0.65rem;
    }
    .search-page .product-grid  .no-qt {
        padding: 1px 2px;
        font-size: 0.65rem;
    }

}


@media only screen and (max-width: 650px) {
    .search-page .list-mode .product-grid .image img {
        width: 225px !important;
        height: 225px !important;
    }

    .search-page .list-mode .buttons {
        padding: 0 6px;
        margin-top: 85px;
    }
    .swiper-container .product-grid .new-vip   .new
    .swiper-container .product-grid .discount
     {
    font-size: 0.65rem;
    }
}


@media only screen and (max-width: 570px) {
    .search-page .list-mode .product-grid .image img {
        width: 180px !important;
        height: 180px !important;
    }

    .search-page .list-mode .buttons {
        padding: 0 6px;
        margin-top: 60px;
    }
    .swiper-container .product-grid .new-vip   .new
    .swiper-container .product-grid .discount
     {
    font-size: 0.55rem;
    }
}


@media only screen and (max-width: 450px) {
    .search-page .list-mode .product-grid .image img {
        width: 150px !important;
        height: 150px !important;
    }

    .search-page .list-mode .buttons {
        padding: 0 6px;
        margin-top: 40px;
    }
    .swiper-container .product-grid .new-vip   .new
    .swiper-container .product-grid .discount
     {
    font-size: 0.55rem;
    }
}


@media only screen and (max-width: 380px) {
    .search-page .list-mode .product-grid .image img {
        width: 120px !important;
        height: 120px !important;
    }

    .search-page .list-mode .buttons {
        padding: 0 6px;
        margin-top: 16px;
    }

}


/* @media (max-width: 1000px) {
    .container {
        max-width: 100%;
    }
} */

/*mobile menu list*/
.mobile .menu ul li.active:not(.parent-li) {
    background-color: var(--main-color);
}


.mobile .menu ul li.active.parent-li > a {
    color: var(--main-color);
}

.mobile .footer-mobile .footer-menu-cat a.active * {
    color: var(--main-color) !important;
}


a.cart i.fa-cart-plus.active {
    color: var(--main-color) !important;
}

i.added.cart-red {
    color: red;
}
/*table*/
.bg-client-blue{
    background-color:#DDE1E1  ;
  }
table {
    border-collapse: collapse; }
.table-responsive {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch; }
.rounded-10 {
            border-radius: 5px; }
/* ###### 7.5 Invoice  ###### */
.main-content-left-invoice {
  display: block;
  padding: 0; }
  .main-content-left-invoice .main-content-breadcrumb, .main-content-left-invoice .main-content-title {
    padding-left: 20px; }

@media (max-width: 991.98px) {
  .main-content-left-invoice {
    width: 100%; } }

@media (min-width: 992px) {
  .main-content-left-invoice {
    border-right: 1px solid #e3e8f7; } }

@media (min-width: 992px) {
  .main-content-left-invoice .main-content-breadcrumb, .main-content-left-invoice .main-content-title {
    padding-left: 0; } }

.main-invoice-list {
  position: relative;
  border-top: 1px solid #e3e8f7; }
  .main-invoice-list .media {
    align-items: center;
    border: 1px solid transparent;
    border-right-width: 0;
    padding: 10px 20px;
    position: relative; }
    .main-invoice-list .media:hover, .main-invoice-list .media:focus {
      cursor: pointer;
      background-color: #ecf0fa; }
    .main-invoice-list .media + .media {
      margin-top: -1px; }
      .main-invoice-list .media + .media::before {
        content: '';
        position: absolute;
        top: -1px;
        left: 55px;
        right: 0;
        border-top: 1px dotted #d0d7e8; }
  .main-invoice-list .media-icon {
    width: 24px;
    text-align: center;
    font-size: 32px;
    color: #949eb7; }
  .main-invoice-list .media-body {
    margin-left: 15px; }
    .main-invoice-list .media-body h6 {
      font-weight: 500;
      color: #242f48;
      margin-bottom: 3px;
      display: flex;
      align-items: center;
      justify-content: space-between; }
      .main-invoice-list .media-body h6 span:last-child {
        color: #0162e8; }
    .main-invoice-list .media-body div {
      display: flex;
      justify-content: space-between;
      align-items: center; }
    .main-invoice-list .media-body p {
      margin-bottom: 0;
      font-size: 11px;
      font-family: Arial, sans-serif;
      color: #364261; }
      .main-invoice-list .media-body p span {
        color: #737f9e; }
  .main-invoice-list .selected {
    background-color: #ecf0fa;
    border-top-color: #e3e8f7;
    border-bottom-color: #e3e8f7;
    border-left-color: #0162e8; }
    .main-invoice-list .selected:first-child {
      border-top-color: transparent; }

.card-invoice hr {
  border-top: 0 !important; }

@media (min-width: 992px) {
  .main-invoice-list {
    height: calc(100% - 65px); } }

@media (min-width: 992px) {
  .main-invoice-list .media {
    padding: 10px 15px; } }

.main-content-body-invoice {
  position: relative; }

@media (min-width: 992px) {
  .main-content-body-invoice {
    display: block; } }

.card-invoice {
  background-color: transparent;
  border-width: 2px; }
  .card-invoice .card-body {
    padding: 30px; }

@media (min-width: 768px) {
  .invoice-header {
    display: flex;
    justify-content: space-between;
    flex-direction: row-reverse; } }

.invoice-title {
  margin-bottom: 0;
  text-transform: uppercase;
  color: #d0d7e8;
  font-weight: 800; }

.billed-from {
  margin-top: 25px;
  margin-bottom: 25px; }
  .billed-from h6 {
    color: #242f48;
    font-size: 14px;
    font-weight: 700; }
  .billed-from p {
    font-size: 13px;
    margin-bottom: 0; }

@media (min-width: 768px) {
  .billed-from {
    margin-top: 0; } }

.billed-to h6 {
  color: #242f48;
  font-size: 14px;
  font-weight: 700; }

.billed-to p {
  font-size: 13px;
  margin-bottom: 0; }

.invoice-info-row {
  display: flex;
  justify-content: space-between;
  padding: 5px 0;
  margin-bottom: 0;
  font-size: 13px; }
  .invoice-info-row + .invoice-info-row {
    border-top: 1px dotted #4d5875; }
  .invoice-info-row span:first-child {
    color: #4d5875; }

.table-invoice thead > tr > th, .table-invoice thead > tr > td {
  font-size: 11px;
  font-weight: 700;
  color: #4d5875; }

.table-invoice tbody > tr > th:first-child, .table-invoice tbody > tr > td:first-child {
  color: #242f48;
  font-weight: 500; }
.table-invoice tfoot > tr > th:first-child, .table-invoice tfoot > tr > td:first-child {
    color: #242f48;
    border: none;
    font-weight: 500; }

.table-invoice tbody > tr > th:first-child .invoice-notes, .table-invoice tbody > tr > td:first-child .invoice-notes {
  margin-right: 20px; }

.table-invoice tbody > tr > th:first-child .invoice-notes .section-label-sm, .table-invoice tbody > tr > td:first-child .invoice-notes .section-label-sm {
  font-weight: 600; }

.table-invoice tbody > tr > th:first-child .invoice-notes p, .table-invoice tbody > tr > td:first-child .invoice-notes p {
  font-size: 13px;
  font-weight: 400;
  color: #031b4e; }

.table-invoice.table thead th, .table-invoice.table thead td {
  padding: 9px 15px; }

/* ###### 9.2 Border   ###### */
.bd-t-red{
    border-top:4px solid #f50000 ;
  }
  .bd-t-green{
    border-top:4px solid #00eb00  ;
  }
  .bd-t-orange{
    border-top:4px solid #f59f00 ;
  }
  .bd-t-purple{
    border-top:4px solid #ad00ad ;
  }
  .bd-t-blue{
    border-top:4px solid #0f0fff ;
  }
  .bd-t-black{
    border-top:4px solid #1f1f1f ;
  }
  .bd-transparent {
    border-color: transparent; }

  .bd {
    border: 1px solid #cdd5ec; }

  .bd-t {
    border-top: 1px solid #cdd5ec; }

  .bd-r {
    border-right: 1px solid #cdd5ec; }

  .bd-b {
    border-bottom: 1px solid #cdd5ec; }

  .bd-l {
    border-left: 1px solid #cdd5ec; }

  .bd-y {
    border-top: 1px solid #cdd5ec;
    border-bottom: 1px solid #cdd5ec; }

  .bd-x {
    border-left: 1px solid #cdd5ec;
    border-right: 1px solid #cdd5ec; }

  .bd-0 {
    border-width: 0; }

  .bd-1 {
    border-width: 1px; }

  .bd-2 {
    border-width: 2px; }

  .bd-3 {
    border-width: 3px; }

  .bd-4 {
    border-width: 4px; }

  .bd-5 {
    border-width: 5px; }

  .bd-t-0 {
    border-top: 0; }

  .bd-r-0 {
    border-right: 0; }

  .bd-b-0 {
    border-bottom: 0; }

  .bd-l-0 {
    border-left: 0; }

  .bd-t-0-f {
    border-top: 0 !important; }

  .bd-r-0-f {
    border-right: 0 !important; }

  .bd-b-0-f {
    border-bottom: 0 !important; }

  .bd-l-0-f {
    border-left: 0 !important; }

  .bd-y-0 {
    border-top-width: 0;
    border-bottom-width: 0; }

  .bd-y-1 {
    border-top-width: 1px;
    border-bottom-width: 1px; }

  .bd-x-0 {
    border-left-width: 0;
    border-right-width: 0; }

  .bd-x-1 {
    border-left-width: 1px;
    border-right-width: 1px; }

  .bd-primary {
    border-color: #0162e8 !important; }

  .bd-success {
    border-color: #22c03c !important; }

  .bd-warning {
    border-color: #fbbc0b !important; }

  .bd-danger {
    border-color: #ee335e !important; }

  .bd-info {
    border-color: #00b9ff !important; }

  .bd-white {
    border-color: #fff !important; }

  .bd-gray-100 {
    border-color: #ecf0fa; }

  .bd-gray-200 {
    border-color: #dde2ef; }

  .bd-gray-300 {
    border-color: #d0d7e8; }

  .bd-gray-400 {
    border-color: #b9c2d8; }

  .bd-gray-500 {
    border-color: #949eb7; }

  .bd-gray-600 {
    border-color: #737f9e; }

  .bd-gray-700 {
    border-color: #4d5875; }

  .bd-gray-800 {
    border-color: #364261; }

  .bd-gray-900 {
    border-color: #242f48; }

  .bd-white-1 {
    border-color: rgba(255, 255, 255, 0.1); }

  .bd-white-2 {
    border-color: rgba(255, 255, 255, 0.2); }

  .bd-white-3 {
    border-color: rgba(255, 255, 255, 0.3); }

  .bd-white-4 {
    border-color: rgba(255, 255, 255, 0.4); }

  .bd-white-5 {
    border-color: rgba(255, 255, 255, 0.5); }

  .bd-white-6 {
    border-color: rgba(255, 255, 255, 0.6); }

  .bd-white-7 {
    border-color: rgba(255, 255, 255, 0.7); }

  .bd-white-8 {
    border-color: rgba(255, 255, 255, 0.8); }

  .rounded-5 {
    border-radius: 5px; }

  .rounded-10 {
    border-radius: 10px; }

  .rounded-20 {
    border-radius: 20px; }

  .rounded-30 {
    border-radius: 30px; }

  .rounded-40 {
    border-radius: 40px; }

  .rounded-50 {
    border-radius: 50px; }

  .bd-dashed {
    border-style: dashed; }

  .bd-dotted {
    border-style: dotted; }

  @media (min-width: 480px) {
    .bd-xs {
      border: 1px solid #e3e8f7; }
    .bd-xs-t {
      border-top: 1px solid #e3e8f7; }
    .bd-xs-r {
      border-right: 1px solid #e3e8f7; }
    .bd-xs-b {
      border-bottom: 1px solid #e3e8f7; }
    .bd-xs-l {
      border-left: 1px solid #e3e8f7; }
    .bd-xs-y {
      border-top: 1px solid #e3e8f7;
      border-bottom: 1px solid #e3e8f7; }
    .bd-xs-x {
      border-left: 1px solid #e3e8f7;
      border-right: 1px solid #e3e8f7; } }

  @media (min-width: 576px) {
    .bd-sm {
      border: 1px solid #e3e8f7; }
    .bd-sm-t {
      border-top: 1px solid #e3e8f7; }
    .bd-sm-r {
      border-right: 1px solid #e3e8f7; }
    .bd-sm-b {
      border-bottom: 1px solid #e3e8f7; }
    .bd-sm-l {
      border-left: 1px solid #e3e8f7; }
    .bd-sm-y {
      border-top: 1px solid #e3e8f7;
      border-bottom: 1px solid #e3e8f7; }
    .bd-sm-x {
      border-left: 1px solid #e3e8f7;
      border-right: 1px solid #e3e8f7; } }

  @media (min-width: 768px) {
    .bd-md {
      border: 1px solid #e3e8f7; }
    .bd-md-t {
      border-top: 1px solid #e3e8f7; }
    .bd-md-r {
      border-right: 1px solid #e3e8f7; }
    .bd-md-b {
      border-bottom: 1px solid #e3e8f7; }
    .bd-md-l {
      border-left: 1px solid #e3e8f7; }
    .bd-md-y {
      border-top: 1px solid #e3e8f7;
      border-bottom: 1px solid #e3e8f7; }
    .bd-md-x {
      border-left: 1px solid #e3e8f7;
      border-right: 1px solid #e3e8f7; } }

  @media (min-width: 992px) {
    .bd-lg {
      border: 1px solid #e3e8f7; }
    .bd-lg-t {
      border-top: 1px solid #e3e8f7; }
    .bd-lg-r {
      border-right: 1px solid #e3e8f7; }
    .bd-lg-b {
      border-bottom: 1px solid #e3e8f7; }
    .bd-lg-l {
      border-left: 1px solid #e3e8f7; }
    .bd-lg-y {
      border-top: 1px solid #e3e8f7;
      border-bottom: 1px solid #e3e8f7; }
    .bd-lg-x {
      border-left: 1px solid #e3e8f7;
      border-right: 1px solid #e3e8f7; } }

  @media (min-width: 1200px) {
    .bd-xl {
      border: 1px solid #e3e8f7; }
    .bd-xl-t {
      border-top: 1px solid #e3e8f7; }
    .bd-xl-r {
      border-right: 1px solid #e3e8f7; }
    .bd-xl-b {
      border-bottom: 1px solid #e3e8f7; }
    .bd-xl-l {
      border-left: 1px solid #e3e8f7; }
    .bd-xl-y {
      border-top: 1px solid #e3e8f7;
      border-bottom: 1px solid #e3e8f7; }
    .bd-xl-x {
      border-left: 1px solid #e3e8f7;
      border-right: 1px solid #e3e8f7; } }

  .br-tl-0 {
    border-top-left-radius: 0 !important; }

  .br-bl-0 {
    border-bottom-left-radius: 0 !important; }

  .br-tr-0 {
    border-top-right-radius: 0 !important; }

  .br-br-0 {
    border-bottom-right-radius: 0 !important; }

  .border-left-primary {
    border-left-color: #0162e8 !important; }

  .border-left-success {
    border-left-color: #22c03c !important; }

  .border-left-warning {
    border-left-color: #fbbc0b !important; }

  .border-primary-light {
    border: 1px solid #d4d4f7; }

  .border-pink-light {
    border: 1px solid #f3a7cc; }

  .border-secondary-light {
    border: 1px solid #f1cbd3; }

  .h-25 {
    height: 25% !important; }

  .h-50 {
    height: 50% !important; }

  .h-75 {
    height: 75% !important; }

  .h-100 {
    height: 100% !important; }

  .h-auto {
    height: auto !important; }

  .mw-100 {
    max-width: 100% !important; }

  .mh-100 {
    max-height: 100% !important; }

  .min-vw-100 {
    min-width: 100vw !important; }

  .min-vh-100 {
    min-height: 100vh !important; }

  .vw-100 {
    width: 100vw !important; }

  .vh-100 {
    height: 100vh !important; }