/* =============================================NAVIGATION  STYLE ================================ */

.main__body {
    overflow: hidden;
}

div#view__test__cart {
    position: absolute;
    opacity: 0;
    overflow-y: scroll;
    box-shadow: 1px 6px 14px 0px rgb(0 0 0 / 22%);
    transition: 0.3s;
    visibility: hidden;
}

div#view__test__cart.active {
    visibility: visible;
    bottom: 50px;
    opacity: 1;
    height: 400px;
    background: #fff;
    overflow-y: scroll;
}

a.card-link.cart__btn:hover {
    background: #525252;
    transition: 0.3s;
    color: #fff;
}

.contact {
    float: right;
}

ul.d-flex.nav__contact li {
    color: var(--bs-dark);
    font-size: 14px;
    margin-left: 18px!important;
    padding: 0px 0;
    position: relative;
}
ul.d-flex.nav__contact .track__dp li {
    margin-left: 0!important;
}

.contact__link {
    width: 1px;
    background-color: #b8b8b8;
    vertical-align: middle;
}

.head__contact {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.top-header {
    background: #f5f5f5;
    padding: 5px 0;
}

.main__menu {
    display: flex;
    align-items: center;
    padding-bottom: 15px;
    padding-top: 15px;
}

.main__menu form .btn {
    border-radius: 0 5px 5px 0;
}

form.search__form {
    border-radius: 25px;
    width: 100%;
    position: relative;
    border: 1px solid var(--main-color);
}

label.search__icon {
    background: var(--main-color);
    padding: 5.5px 0;
    border-bottom-right-radius: 20px;
    border-top-right-radius: 20px;
    color: #fff;
    width: 60px;
    text-align: center;
    position: absolute;
    right: -1px;
    font-size: 14px;
}

ul.shop.col-md-4.d-flex {
    align-items: center;
    justify-content: center;
}

.shop li {
    padding: 0px 20px;
    position: relative;
    display: flex;
    align-items: center;
}

.shop li img {
    width: 25px;
    height: 25px;
    border-radius: 50%;
}

li.user__login {
    padding-right: 0px;
}

.shop li a {
    color: #fff;
}

span.count {
    position: absolute;
    top: 0px;
    background: rgba(131, 9, 15, 0.98) !important;
    color: #fff;
    height: 18px;
    width: 18px;
    line-height: 18px;
    text-align: center;
    border-radius: 100%;
    display: block;
    font-size: 10px;
    right: 8px;
}

a.menu__link {
    color: #696969;
    padding: 0 10px;
    font-size: 14px;
    font-weight: 500;
    transition: all 0.5s;
}

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

.menu__item.active a {
    background-color: var(--main-color);
    color: #fff;
    border-radius: 25px;
}

ul.f__menu.d-flex {
    padding: 10px 0;
}

.nice-select.form-control.top-selector {
    background: none;
    border: none;
    z-index: 100;
}

.nice-select.form-control.top-selector span {
    font-size: 13px;
}

.language-currency {
    display: flex;
    align-items: center;
    font-size: 14px;
    color: #212529;
}

.language select, .currency select {
    background-color: #F5F5F5!important;
}
.language-currency i {
    margin-right: 5px;
}

.nice-select.form-control.top-selector.open ul li {
    margin: initial;
    padding: 0 20px;
    font-size: 13px;
}

a.user-profile {
    width: 25px;
    height: 25px !important;
    border-radius: 50%;
    color: var(--text-color);
    transition: 0.3s;
    overflow: hidden;
}

a.user-profile:hover {
    color: var(--main-color);
}

/* =======================================================cart style================ */

.view__cart__hov {
    position: absolute;
    opacity: 0;
    box-shadow: 1px 6px 14px 0px rgb(0 0 0 / 22%);
    transition: 0.3s;
    visibility: hidden;
    top: 150px;
    z-index: 99;
    width: 300px;
    right: -110px;
}

.view__cart__hov.active .card {
    padding: 14px 22px;
}

.view__cart__hov.active .card {
    padding: 14px 22px;
}

.view__cart__hov ul.list-group-flush {
    padding: 0 10px;
    margin-bottom: 10px;
    border-top: 0;
}

img.pt__img {
    width: 80px;
    margin-right: 10px;
}

li.ct__product__li {
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 13px;
    padding: 10px 0px;
    border-bottom: 1px solid #ddd;
}

a.delate {
    width: 17px;
    height: 17px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #ddd;
    border-radius: 50%;
    color: var(--main-color);
    padding: 10px;
}

ul.ct__product {
    border-bottom: 1px solid #ddd;
}

span.total__price {
    float: right;
    font-weight: 600;
    font-size: 13px;
}

a.card-link.cart__btn i {
    margin-right: 5px;
}

.breadcrumb {
    font-size: 13px;
}

/* ==============================USER LOGIN================================= */

.login__area.active {
    opacity: 1;
    visibility: visible;
    top: 30px;
}

.login__area {
    display: flex;
    justify-content: center;
    text-align: center;
    z-index: 99;
    width: 250px;
    background: #ffffff;
    border-radius: 5px;
    padding-bottom: 30px;
    position: absolute;
    top: 75px;
    opacity: 0;
    box-shadow: 1px 6px 17px 0px rgb(0 0 0 / 34%);
    visibility: hidden;
    transition: 0.3s;
    right: -100px;
    padding: 20px;
    z-index: 9999;
}

/* =============================banner section========================= */

.banner {
    height: 400px;
    background-color: #dee2e6;
    padding: 20px 0;
}

.slider__image {
    height: 367px;
    border-radius: 10px;
    box-shadow: 0px 1px 5px #75757582;
}

.sidebar__img {
    width: 16px;
    margin-right: 8px;
}

.col-md-2.sub__cat {
    background: #fff;
    border-radius: 5px;
    font-size: 14px;
    margin: 0;
    line-height: 28px;
    padding: 0;
    padding-left: 10px;
}

.main {
    background: #fff;
    width: 100%;
    z-index: 999;
    -webkit-box-shadow: rgb(41 41 41 / 6%) 0 2px 4px;
    box-shadow: 0 2px 4px rgb(41 41 41 / 6%);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
}

a.cat__link {
    color: #444;
    transition: all.3s;
}

.navbar__dropdown:hover a.cat__link {
    color: var(--main-color);
}

ul.dropdown__list {
    width: 736px !important;
    background-color: #fff !important;
    height: 350px;
    overflow: hidden;
    padding: 10px;
    overflow-y: scroll;
    box-shadow: 0 1px 2px rgb(0 0 0 / 10%);
    border-radius: 5px;
    margin-left: 15px;
    overflow: hidden;
    position: absolute;
    z-index: 222222;
    margin-top: -28px;
    margin-left: 190px;
    display: none;
    transition: all 0.5s;
}

.navbar__dropdown:hover .dropdown__list {
    display: block;
    transition: all 0.5s;
}

li.dropdown__item {
    width: 39%;
    border-bottom: 2px solid var(--main-color);
}

.home_cat-menu {
    background-color: #fff;
    position: relative;
    z-index: 9;
    width: 100%;
    border-right: 1px solid #f2f2f2;
    height: 350px;
    box-shadow: 0 1px 2px rgb(0 0 0 / 10%);
    border-radius: 5px;
    /* padding: 19px 5px; */
}

.home_cat-menu_li {
    display: block;
    width: auto;
    white-space: nowrap;
    transition: 0.3s;
}

.home_cat-menu_li .home_cat-menu_mega-open {
    display: none;
    position: absolute;
    left: 100%;
    /* visibility: hidden; */
    /* opacity: 0; */
    top: 0;
    width: 100%;
    height: 100%;
    transition: 0.3s;
    background: #dddddd73;
}

.home_cat-menu-height-width {
    width: 756px !important;
    background-color: #fff !important;
    height: 350px;
    overflow-x: hidden;
    padding: 10px;
    overflow-y: scroll;
    box-shadow: 0 1px 2px rgb(0 0 0 / 10%);
    border-radius: 5px;
    margin-left: 15px;
    overflow: hidden;
}

.home_3_cat-menu-height {
    width: 976px !important;
}

.home_cat-menu_li a {
    display: block;
    position: relative;
    padding: 7px 16px;
    color: #333;
    line-height: 20px;
    transition: 0.3s;
}

.home_cat-menu_li:hover > .home_cat-menu_mega-open {
    top: 0 !important;
    z-index: auto;
    background-color: transparent;
    display: block;
}

.home_cat-menu_li:hover {
    color: var(--main-color);
    background: #f8f8f8;
    padding-left: 10px;
}

.sub-menu-title {
    display: block;
    color: #000000 !important;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -ms-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
    margin-bottom: 5px !important;
    border-bottom: 1px solid var(--main-color);
}

a.sub-menu_item {
    padding: 2px;
    font-size: 13px;
}

/* ===============================================gift card section================= */

.gift {
    padding: 0;
}

.radial__img {
    border-radius: 50%;
    background: #ddd;
    display: inline-block;
    padding: 16px;
    border: 2px solid var(--main-color);
    margin-bottom: 5px;
    margin-top: 10px;
}

.card__contact {
    text-align: center;
    padding: 20px 20px 15px;
    background: #fff;
    border-radius: 10px;
    color: #323232;
    transition: .3s;
}
.card__contact:hover {
    color: var(--main-color);
}

.card {
    border: none;
    transition: 0.3s;
}

.card__contact p {
    font-size: 13px;
}

.card.info-card.text-center:hover {
    box-shadow: 0 5px 15px 10px rgba(0, 0, 0, 0.03);
    border: 1px solid transparent;
}

/* =============================================================CATEGORY SECTION================ */

.category {
    margin-top: 30px;
}

.cat {
    text-align: center;
    padding: 26px 0;
    font-size: 14px;
}

.card-categories-li.item .card.cat__bg img {
    width: 43px;
    margin-bottom: 9px;
}

img.cat__img {
    width: 40%;
}

a.cat__text {
    font-size: 14px;
    color: #393939;
}

.cat:hover {
    box-shadow: 0px 0px 20px 4px rgb(0 0 0 / 23%);
    border: 0px;
    cursor: pointer;
}

/* ====================================================================PRODUCT SECTION ====================== */

.product__grid {
    box-sizing: border-box;
    margin: 0px;
    min-width: 0px;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
}

.product__grid.product-col-4 >* {
    width: calc(100% / 4 - 15px);
    min-height: auto;
}

.product__grid.product-col-5 >* {
    width: calc(100% / 5 - 16px);
    min-height: auto;
}

.product__grid.product-col-6 >* {
    width: calc(100% / 6 - 16.67px);
    min-height: auto;
}

.slick-track {
    display: flex;
    gap: 20px;
}

.slick-slide {
    height: auto !important;
}

.top-product-card {
    position: relative;
    z-index: 1;
    border: 1px solid #ebebeb;
    min-height: 100%;
}
span.badge.badge-danger {
    right: 10px;
    left: auto;
}

.badge-danger {
    background-color: var(--main-color);
}

.top-product-card .product-thumbnail {
    text-align: center;
    background-color: #f7f7f7;
    display: flex !important;
    justify-content: center;
    align-items: center;
    border-bottom: 1px solid #ebebeb;
    border-top-left-radius: 7px;
    border-top-right-radius: 7px;
    overflow: hidden;
}
.classified-product-thumbnail {
    background-color: #f7f7f7;
    display: flex !important;
    justify-content: center;
    align-items: center;
    border-bottom: 1px solid #ebebeb;
    position: relative;
}
.classified-price {
    position: absolute;
    bottom: 3px;
    right: 3px;
    background: var(--main-color);
    color: #fff;
    border-radius: 3px;
    font-size: 14px;
    line-height: 20px;
    padding: 0 10px;
}

.app-img {
    position: relative;
    background-color: #f7f7f7;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.app-img img {
    max-height: 100%;
    max-width: 100%;
    border-color: #e6e6e6;
}

.top-product-card .product-thumbnail img {
    max-height: 100%;
    max-width: 100%;
    border-color: #e6e6e6;
}

.card .card-body {
    padding: 20px 30px;
}

.top-product-card .product-title {
    color: #0b0b0b;
    font-weight: 600;
    font-size: 14px;
}

.top-product-card .product-decs {
    color: #444;
    margin: 2px 0;
    line-height: 14px;
}

.top-product-card .sale-price {
    color: var(--main-color) !important;
    font-weight: 700;
    line-height: 22px;
    font-size: 20px;
    /* margin: 5px 0; */
}

.old-price {
    font-weight: 500;
    font-size: 15px;
    display: block;
}

del {
    color: #57606f !important;
}

.saved-cash {
    font-size: 12px;
    padding: 2px 12px;
    border-radius: 20px;
    color: #495057;
    margin: 10px 0;
    text-align: center;
    font-weight: 400;
    border: 1px dashed gold;
    background-color: #fff9bd;
}

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

a.buy_btn:hover span {
    background: #000;
}

.sm-buy-btn {
    display: inline-block;
    vertical-align: middle;
    -webkit-transition: color 0.15s ease-in-out,
        background-color 0.15s ease-in-out, border-color 0.15s ease-in-out,
        -webkit-box-shadow 0.15s ease-in-out;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out,
        border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
    -o-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out,
        border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out,
        border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out,
        border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out,
        -webkit-box-shadow 0.15s ease-in-out;
    cursor: pointer;
    user-select: none;
    border: 1px solid transparent;
    padding: 0;
    width: 32px;
    height: 32px;
    text-align: center;
    line-height: 34px;
    position: absolute;
    right: 0px;
    bottom: 0px;
    font-size: 14px;
    font-weight: 600;
    z-index: 50;
    border-bottom-right-radius: 5px;
    border-top-right-radius: 0;
    border-bottom-left-radius: 0;
    border-top-left-radius: 5px;
}

.top-product-card .badge {
    position: absolute;
    top: 10px;
    left: 10px;
    z-index: 10;
}

.show__more {
    background: 0 0 !important;
    background-color: transparent !important;
    margin-top: 20px !important;
    font-weight: 500;
    margin: 0 auto;
    display: block;
    width: 150px;
    height: 34px;
    line-height: 34px;
    text-align: center;
    font-size: 13px;
    color: var(--main-color);
    border: 1px dashed var(--main-color);
    text-transform: uppercase;
    cursor: pointer;
    transition: 0.4s;
    border-radius: 40px;
}

.show__more a {
    color: #757575;
    font-weight: 600;
}

.show__more:hover {
    background: var(--main-color) !important;
}

.show__more:hover a {
    color: #fff;
}

/* =========================================SHIPPING SECTION==================== */

.ship__card {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 20px;
}

.ship__card i {
    font-size: 35px;
    margin-right: 20px;
    color: #fff;
}

.shiping__bg {
    background: var(--main-color);
}

.ship__text {
    line-height: 22px;
}

.ship__text span {
    font-size: 16px;
    font-weight: 600;
    text-transform: uppercase;
    color: #ffffff;
}

.ship__text p {
    font-size: 13px;
    font-weight: 600;
    color: #e5e3e3;
}

/* =====================================COMPANY INFO SECTION START======================= */

.shipping-info {
    padding: 40px 0px;
    background-color: #fff;
}

.card.info-card .card-header {
    border: 0px;
    display: flex;
    justify-content: center;
}

.card.info-card .card-header .icon {
    display: flex;
    text-align: center;
    justify-content: center;
    align-items: center;
    margin: 5px;
    color: var(--main-color);
}

.card.info-card h3 {
    font-size: 18px;
    color: #000;
    font-weight: 700;
}

.card.info-card p {
    font-size: 14px;
    line-height: 18px;
    margin-top: 10px;
}

.card.info-card .card-header i {
    font-size: 35px;
}

/* =========================================COMPANY INFO SECTION START======================= */

/* ==========================================================FOOTER SECTION START======================= */

.foot__contact {
    display: flex;
    /* justify-content: space-between; */
    align-items: center;
}

.foot__contact span {
    font-size: 28px;
    color: var(--main-color);
}

.footer-grid {
    display: grid;
    grid-template-columns: 20% 20% 20% 20% 20%;
}
.footer-grid .def__sec {
    margin-right: 5%;
}

.contact__info small {
    font-size: 12px;
    color: rgb(218, 218, 218);
}

.contact__info {
    padding-left: 13px;
    line-height: 20px;
}

.contact__info p {
    font-size: 13px;
    color: rgb(218, 218, 218);
}

.def__sec h6 {
    color: #fff;
    margin-bottom: 20px;
    font-weight: 700;
    font-size: 20px;
}

.footer__sec {
    background-color: #282828;
    padding: 80px 0 70px;
}

.foot__help ul li a {
    color: rgb(218, 218, 218);
    font-size: 14px;
    padding: 5px 0;
    transition: 0.3s;
    text-decoration: none;
}

.foot__help ul li {
    line-height: 22px;
}

ul.social__contact {
    display: flex;
    margin-top: 12px;
}

ul.social__contact li a {
    font-size: 22px;
    margin: 0 8px;
    color: #fff;
    transition: 0.3s;
}

.social h6 {
    color: #fff;
    margin-left: 8px;
    font-size: 20px;
}

.foot__help a:hover {
    color: var(--main-color);
    margin-left: 10px;
}

.store {
    display: flex;
    align-items: center;
    margin: 20px 0;
}

a.store-link img {
    width: 100%;
}

a.store-link {
    width: 43%;
}

/* ======================================================Help section======================== */

.col-md-2.help__area {
    display: flex;
    justify-content: center;
    text-align: center;
    background: #d0ebf3;
    height: 350px;
    border-radius: 5px;
}

.help__bg {
    margin-top: 20px;
}

img.profilw__avatar {
    width: 50px;
}

h5.user__name {
    font-size: 14px;
    margin-top: 6px;
    color: #585858;
    font-weight: 600;
}

.button__sec {
    margin-top: 13px;
}

/* ====================================CATEGORY SECTION===================================== */

.card-categories-li:nth-child(6n) {
    border-right: 0;
}

.card-categories-li:nth-child(7),
.card-categories-li:nth-child(8),
.card-categories-li:nth-child(9),
.card-categories-li:nth-child(10),
.card-categories-li:nth-child(11),
.card-categories-li:nth-child(12) {
    border-bottom: 0;
}

.card-categories-li {
    border-right: 1px solid #e2e2e2;
    border-bottom: 1px solid #e2e2e2;
    padding: 0;
}

.col-md-2.card-categories-li:hover {
    box-shadow: 0px 0px 4px 1px rgb(0 0 0 / 18%);
    z-index: 33;
}

.latest__sale {
    background: #ffffff;
    padding: 4px 20px 20px!important;
    border-radius: 10px;
    overflow: hidden;
    transition: 0.3s;
    padding-top: 0;
}

.furniture .flash__product {
    margin-left: -17px;
}

.top__sale.furniture h4.section__title {
    padding-left: 21px;
}

.card-body.flash__card a p {
    font-size: 14px;
    font-weight: 600;
    line-height: 21px;
}

.new {
    background: #1f9e1d;
    left: 10px;
}

.descount {
    right: 10px;
    left: auto !important;
    background: #d6290a;
}

.view__link {
    width: 100%;
    height: 100% !important;
    background: #615d5d8c;
    justify-content: center;
    align-items: center;
    position: absolute;
    z-index: 33;
    display: none;
    border-radius: 5px;
}

.top-product-card:hover .view__link {
    display: flex;
}

span.link {
    color: #fbfbfb;
    font-size: 20px;
}

img.help__img {
    width: 26px;
}

a.btn__help {
    padding: 5px;
    background: #fff;
    margin: 5px;
    border-radius: 3px;
    display: block;
    font-size: 13px;
    color: #676767;
    font-weight: 500;
}

.help__button {
    margin-top: 30px;
}

.card.top-product-card .card-body.flash__card {
    transition: 0.3s;
    padding: 20px 20px;
    padding-top: 5px;
}



.card.top-product-card .card-body.flash__card.classified-card-body {
    transition: 0.3s;
    padding: 10px 15px;
}
.hot-area .card.top-product-card .card-body.flash__card {
    padding: 10px 20px;
}

.bg-danger .card.top-product-card:hover {
    background: #fff;
}

.bg-danger .card.top-product-card:hover .card-body.flash__card {
    background: #ddd;
}

.nd__nav {
    display: none;
}

input.search2 {
    border: none;
    background: none;
    font-size: 13px;
    padding: 5px 40px;
    width: 100%;
}

input.search {
    border: none;
    font-size: 13px;
    padding: 5px 40px 5px 20px;
    width: 100%;
    display: inline-flex;
    background: none;
}

form.search__form__mobile {
    width: 100%;
    box-shadow: 1px 3px 7px 0px rgb(0 0 0 / 9%);
}

/* ==================================================FOOTER NAV===================== */

li.foot__list.active {
    background: #ddd;
}

li.foot__list:hover {
    background: #ddd;
}

ul.fot__nav__ul {
    display: flex;
    width: 100%;
}

.footer__nav {
    position: fixed;
    bottom: 0;
    background: #fff;
    width: 100%;
    height: 50px;
    align-items: center;
    justify-content: center;
    z-index: 99999;
    display: none;
}

li.foot__list {
    display: flex;
    width: 20%;
    justify-content: center;
    font-size: 23px;
    padding: 11px;
    height: 100%;
    border-left: 1px solid #ddd;
}

a.foot__link {
    color: #525252;
}

.sc__icon {
    width: 50%;
}

span.fas.fa-search {
    float: right;
    background: var(--main-color);
    padding: 10px;
    color: #fff;
    border-radius: 20px;
}

.search2 {
    display: none;
}

.search2.active {
    display: block !important;
}

.see__more {
    text-align: end;
}

a.see__btn {
    background: var(--main-color);
    padding: 3px 14px;
    border-radius: 5px;
    color: #fff;
    font-size: 13px;
    transition: 0.3s;
}

a.see__btn:hover {
    background: #0b0b0b;
}

/* ==========================single page ======================= */

.single__product {
    padding: 20px;
    background: #fff;
    border-radius: 15px;
    margin-bottom: 30px;
}

.single__product .col-2 img {
    padding: 0;
}

.single__product .col-2 {
    padding: 20px;
}

.single__product h4 {
    font-size: 20px;
    font-weight: bold;
}

.single__product select {
    display: block;
    padding: 5px;
    margin-top: 9px;
    font-size: 12px;
}

.single__product input.quantity {
    width: 45px;
    height: 28px;
    padding: 0;
    padding-left: 10px;
    margin-left: 0 !important;
    font-size: 14px;
    border: 1px solid var(--main-color);
}

input:focus {
    outline: none;
}

.single__product .fa {
    color: #e6b606;
}

.single__product h3 {
    color: #393939;
    font-size: 20px;
    margin: 10px;
    margin-left: 0 !important;
    font-weight: 700;
}

.single__product h1 {
    font-weight: 700;
    color: #393939;
    font-size: 24px;
}

.sp-thumbs {
    text-align: center;
    display: block;
    position: absolute;
    top: 0;
    left: -70px;
}

.sp-thumbs a {
    border: 1px solid #ddd;
    border-radius: 3px;
    width: 55px!important;
    height: 55px!important;
    opacity: 1!important;
    display: block!important;
    margin-bottom: 8px;
}

.sp-thumbs a.sp-current {
    border: 1px solid #ff4747;
}

.sp-wrap {
    display: none;
    line-height: 0;
    font-size: 0;
    background: #fff;
    border: 1px solid #eee;
    border-radius: 3px;
    position: relative;
    float: left;
    max-width: 420px;
    height: 420px;
    margin-left: 70px;
}

.product__img__sec {
    display: flex;
}

/* =====================================================single page design============================== */

.all__cat__list {
    border: 1px solid #ddd;
}

.all__cat__list h4 {
    margin: 0;
    padding: 13px;
    background: #f7f5f5;
    border-bottom: 1px solid #ddd;
    color: #393939;
}

ul.category__ul {
    padding: 0px 10px;
}

li.category__list {
    font-size: 13px;
    border-bottom: 1px solid #ddd;
    padding: 5px;
    display: block;
}

a.category__link {
    color: #313131;
    width: 94%;
}

.category__sub__menu {
    display: none;
}

.category__list.active ul.category__sub__menu {
    display: block;
}

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

ul.category__sub__menu li a {
    color: #374457;
}

ul.category__sub__menu li {
    padding-left: 10px;
}

li.category__list.active a.category__link {
    color: var(--main-color);
}

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

ul.category__sub__menu li:hover span {
    margin-left: 0;
    opacity: 1;
    visibility: visible;
}

ul.category__sub__menu li span {
    padding-right: 5px;
    position: relative;
    float: left;
    visibility: hidden;
    margin-top: 7px;
    transition: 0.3s;
    margin-left: -15px;
    opacity: 0;
}

li.category__list span {
    float: right;
    margin-top: 9px;
    cursor: pointer;
    position: absolute;
}

ul#pills-tab {
    background: #eeeeee;
}

li.latest__product {
    display: flex;
    align-items: center;
    padding-bottom: 15px;
}

li.latest__product .latest__img {
    width: 80px;
    text-align: center;
    overflow: hidden;
}

li.latest__product .latest__img img {
    width: auto;
    max-height: 60px;
    margin: auto;
}

.rating ul li {
    font-size: 11px;
}

.latest__details {
    width: calc(100% - 90px);
    line-height: 20px;
    margin-left: 10px;
}

.btn-check:focus + .btn,
.btn:focus {
    outline: 0;
    box-shadow: none;
}

.tab__btn {
    padding: 7px 42px;
    font-size: 14px;
    color: #000;
    font-weight: 600;
}

li.nav-item {
    border-right: 1px solid #ddd;
}

.tab__btn.active {
    background: var(--main-color);
    color: #fff;
}

.tab__btn:hover {
    background: var(--main-color);
    color: #fff;
}

/* ====================TRACK OPTION STYLE================== */

.nav__contact li:hover {
    color: var(--main-color);
    cursor: pointer;
}

li.track__bropdown {
    display: flex;
    justify-content: center;
}

ul.track__dp {
    opacity: 0;
    background: #fff;
    padding: 20px;
    border-radius: 10px;
    position: absolute;
    width: 260px;
    visibility: hidden;
    z-index: 9999999;
    text-align: center;
    box-shadow: 0 5px 10px 10px rgba(0,0,0,.05);
    margin-top: 50px;
    transition: 0.3s;
}

input.track__input {
    padding: 3px 10px;
    font-size: 13px;
    width: 100%;
    border: 1px solid #ddd;
    border-radius: 8px;
}

form.track__form {
    width: 100%;
}

form.track__form label {
    color: #000;
    font-weight: 500;
    font-size: 18px;
    margin-bottom: 10px;
}

button.btn__custom {
    color: #fff;
    background: var(--main-color);
    padding: 5px 20px;
    border: none;
    border-radius: 3px;
    font-size: 13px;
    font-weight: 500;
    transition: 0.3s;
    margin: 0;
}

ul.track__dp.active {
    opacity: 1;
    visibility: visible;
    margin-top: 30px;
}

/* =========================HOME-2============================ */

ul.ct__product {
    border-bottom: 1px solid #ddd;
}

span.total__price {
    float: right;
    font-weight: 600;
    font-size: 13px;
}

.last__nav {
    padding: 0 0 10px;
}

li.sub__cat__list {
    padding: 1px 10px;
    margin: 2px;
}

a.sub__cat__link {
    font-size: 15px;
    color: #333;
    font-weight: 500;
    font-family: "Poppins";
}

li.sub__cat__list:hover {
    background: #f7f7f7;
}

.cat__menu__li:hover ul.sub__cat {
    visibility: visible;
    opacity: 1;
    margin-top: 15px;
}

ul.ct__product {
    border-bottom: 1px solid #ddd;
}

span.total__price {
    float: right;
    font-weight: 600;
    font-size: 13px;
}

li.list-group-item.item__name {
    font-size: 14px;
    font-weight: 600;
    color: #484848;
    padding: 7px 0;
}

a.card-link.cart__btn {
    font-size: 13px;
    background: #ff4747;
    padding: 3px 10px;
    border-radius: 4px;
    color: #fff;
    font-weight: 600;
    height: 35px;
}

.view__cart__hov.active {
    visibility: visible;
    top: 30px;
    opacity: 1;
}

ul.sub__cat.container {
    position: absolute;
    background: #fff;
    border-top: 3px solid var(--main-color);
    padding: 20px;
    margin-top: 75px;
    visibility: hidden;
    opacity: 0;
    transition: 0.3s;
    width: 68%;
    left: 0;
    right: 0;
}

h6.sub__cat__head {
    width: 60%;
    border-bottom: 1px solid #ddd;
    padding: 10px 0px;
}

a.cat__dropdown__link {
    padding: 9px 15px;
    color: #ffffff;
    border-radius: 5px;
    font-size: 14px;
    text-align: center;
    font-weight: 600;
}

li.sub__cat__list {
    padding: 1px 10px;
    margin: 2px;
}

a.sub__cat__link {
    font-size: 13px;
    color: #525252;
    font-weight: 500;
    font-family: "Poppins";
}

li.sub__cat__list:hover {
    background: #f7f7f7;
}

.cat__menu__li:hover ul.sub__cat {
    visibility: visible;
    opacity: 1;
    margin-top: 6px;
}

.cat-2:hover {
    box-shadow: 0px 0px 8px 0px rgb(0 0 0 / 22%);
}

/* ===========================================================home 2 gift========================= */

.card.fl__sale-2 {
    border: none;
    background: none;
}

.cat-2 {
    text-align: center;
    border-radius: 5px;
    padding: 20px 0;
    cursor: pointer;
}

.cat-2 p.cat__text {
    font-size: 13px;
    margin-top: 6px;
}

a.banner-item-link {
    width: 100%;
}

span.link {
    color: #fbfbfb;
    font-size: 20px;
    background: var(--main-color);
    padding: 10px;
    width: 42px;
    display: flex;
    border-radius: 50%;
    height: 42px;
    justify-content: center;
    align-items: center;
    position: absolute;
}

/* ===========================================================home-3 start ========================= */

a.banner-3 {
    width: 100%;
}

.owl-carousel .owl-item img {
    position: relative;
    /* width: auto; */
}

.slider__text {
    position: absolute;
    top: 30%;
    width: 50%;
    height: 100%;
    left: 40%;
    opacity: 0;
    transition: 0.8s;
    visibility: hidden;
}

.owl-item.active .slider__text {
    left: 12%;
    opacity: 1;
    transition: 0.8s;
    visibility: visible;
}

.slider__text h4 {
    color: #000;
    font-weight: 700;
    text-transform: uppercase;
}

.slider__text h1 {
    font-weight: 700;
    color: #000;
    text-transform: uppercase;
}

.side__image img {
    transition: all 0.5s;
    width: 100%;
}

.side__image img:hover {
    transform: scale(1.1);
}

.side__img.col-md-12 {
    overflow: hidden;
}

/* ============================================category home-3==================== */

img.cat__img {
    width: 50px;
    margin: auto;
}

.head-2 {
    display: flex;
    align-items: center;
    background: #fff;
    padding: 12px 0;
    border-bottom: 1px solid #ddd;
    margin-bottom: 10px;
}

.rating ul {
    display: flex;
    align-items: center;
}

/* ==================================================flash sale 3================================= */

.top-product-card:hover .product-icon-wrapper {
    right: 0;
    visibility: visible;
    opacity: 1;
}

.product-icon-wrapper {
    position: absolute;
    right: -6px;
    padding: 4px;
    transition: 0.3s;
    visibility: hidden;
    opacity: 0;
    top: 3%;
    z-index: 9999;
}

.product-icon ul li a span {
    color: #ffffff;
    background: var(--main-color);
    font-size: 14px;
    border-radius: 100%;
    transition: 0.3s;
}

.hot__deal__bg {
    border-radius: 5px;
}

.head {
    display: flex;
    align-items: center;
    padding: 15px 0 !important;
    justify-content: space-between;
}

.hot-area .head {
    padding: 15px 11px !important;
}

.head h4 {
    font-weight: 600;
    color: #000;
}

.owl-nav {
    position: absolute;
    top: -48px;
    right: 10px;
}

button.owl-prev span,
button.owl-next span {
    width: 20px;
    display: block;
    border-radius: 50%;
    transition: 0.3s;
    font-size: 40px;
    color: var(--heading-color);
}

p.hot__title {
    color: var(--title-color);
}

.hot__deal__time {
    position: absolute;
    width: 100%;
    bottom: 23%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.flash__card-hotdeal {
    text-align: center;
    margin-top: 30px;
}

.card-body.flash__card-hotdeal a p {
    font-size: 14px;
    font-weight: 600;
}

.home_cat-menu-height-width-3 {
    width: 992px!important;
    background-color: #f8f8f8;
    height: 100%;
    padding: 10px;
    box-shadow: 0px 0px 20px -5px rgba(0,0,0, .2);
    border-radius: 5px;
    overflow-y: auto;
    overflow-x: hidden;
}

/* ================================================OFFER banner STYLE================ */

img.offer__banner__img {
    width: 100%;
}

.offer__banner {
    margin: 20px 0;
}

.offer__bn__text {
    position: absolute;
    text-align: center;
}

.bn__maintext {
    display: flex;
    top: 0;
    position: absolute;
    height: 100%;
    align-items: center;
    width: 100%;
    justify-content: center;
}

.banner__body {
    position: relative;
}

.offer__bn__text h3 {
    color: #fff;
    font-weight: 700;
}

.offer__bn__text p {
    color: #e7e7e7;
    font-size: 13px;
}

/* =============================================================SINGLE product page=============== */

/* ============================================================SINGLE PRODUCT DETAILS====================== */
.single__product select {
    display: block;
    padding: 5px;
    margin-top: 9px;
    font-size: 12px;
}

/* ========================================== */

.all__cat__list {
    border: 1px solid #ddd;
}

.all__cat__list h4 {
    margin: 0;
    padding: 13px;
    background: #f7f5f5;
    border-bottom: 1px solid #ddd;
    color: #393939;
}

ul.category__ul {
    padding: 0px 10px;
}

li.category__list {
    font-size: 13px;
    border-bottom: 1px solid #ddd;
    padding: 5px;
    display: block;
}

a.category__link {
    color: #313131;
    width: 94%;
}

.category__sub__menu {
    display: none;
}

.category__list.active ul.category__sub__menu {
    display: block;
}

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

ul.category__sub__menu li a {
    color: #374457;
}

ul.category__sub__menu li {
    padding-left: 10px;
}

li.category__list.active a.category__link {
    color: var(--main-color);
}

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

ul.category__sub__menu li:hover span {
    margin-left: 0;
    opacity: 1;
    visibility: visible;
}

ul.category__sub__menu li span {
    padding-right: 5px;
    position: relative;
    float: left;
    visibility: hidden;
    margin-top: 7px;
    transition: 0.3s;
    margin-left: -15px;
    opacity: 0;
}

li.category__list span {
    float: right;
    margin-top: 9px;
    cursor: pointer;
    position: absolute;
}

ul#pills-tab {
    background: #eeeeee;
}

div#pills-tabContent {
    padding: 20px 5px;
}

.title a {
    color: var(--text-color);
    transition: 0.3s;
}

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

.rating ul li {
    font-size: 11px;
}

.btn-check:focus + .btn,
.btn:focus {
    /* outline: 0; */
    box-shadow: none;
}

.tab__btn {
    padding: 7px 42px;
    font-size: 14px;
    color: #000;
    font-weight: 600;
}

li.nav-item {
    border-right: 1px solid #ddd;
}

.tab__btn.active {
    background: var(--main-color);
    color: #fff;
}

.tab__btn:hover {
    background: var(--main-color);
    color: #fff;
}

p.short__details {
    font-size: 14px;
    line-height: 21px;
}

ul.reviews {
    display: flex;
    font-size: 12px;
}

.single__price {
    display: flex;
    align-items: center;
}

.single__price h4 {
    margin: 7px 7px 7px 0px;
    font-size: 22px;
    font-weight: bold;
    color: var(--main-color);
}

.single__price p {
    font-size: 13px;
    font-weight: 500;
    /* text-decoration: line-through; */
}
.line-through {
    text-decoration: line-through;
}
tbody.brand__details td {
    font-size: 13px;
    padding: 0;
}

.brand-name {
    width: 35%;
    font-weight: bold;
}

.available__color {
    display: flex;
    align-items: center;
}

.available__color h6 {
    color: var(--main-color);
    font-weight: 600;
    padding-right: 7px;
}

img.img-thumbnail.icon.icon-color {
    width: 20px;
    padding: 1px;
    height: 20px;
}

.available__color input[type="radio"].image_radio {
    width: 10px;
    margin: 0px 6px;
    margin-left: 6px !important;
    height: 22px;
}

div.tab-pane {
    font-size: 14px;
    line-height: 22px;
}

.card-header.d-flex.rv__head {
    justify-content: space-between;
}

p.rv__name {
    font-weight: 700;
    color: #323232;
}

/* ========================================================category-by-product-show====================== */

.shop__filter {
    background-color: #fff;
}

.shop__filter h5 span {
    padding-right: 9px;
    color: var(--main-color);
}

/* ================================================nav hover category design================== */

a.cat__dropdown__link-hov {
    color: var(--bs-dark);
    font-weight: 600;
    font-size: 17px;
    border-radius: 0;
}

a.cat__dropdown__link-hov span {
    padding-right: 10px;
}

.cat__menu__li {
    position: relative;
}

ul.sub__cat_Lhov {
    position: absolute;
    background: rgb(255, 255, 255);
    border-top: 3px solid var(--main-color);
    display: none;
    transition: .3s;
    width: 305px;
    top: 100%;
    left: 0;
    z-index: 99;
}

.cat__menu__li:hover ul.sub__cat_Lhov {
    display: block;
    margin-top: 0px;
}

.last__nav-2 {
    background: var(--main-color);
    padding: 0px;
}

/* ================================================nav hover category design end================== */

/* ================================category by product show col 3 design============= */

.shop__fl__body {
    padding: 15px;
}

.select-size-area {
    display: flex;
    align-items: center;
}

/* =================================================search bar ======================= */

.shop__filter h5 span {
    padding-right: 9px;
}

.list__head {
    border: none;
    font-size: 13px;
    margin: 0;
    text-transform: uppercase;
    font-weight: 600;
    color: #1d1b1b;
}

input.form-control.cat__product__search {
    font-size: 14px;
}

input.form-control.cat__product__search:focus {
    box-shadow: none;
    border: 1px solid var(--main-color);
}

/* =================================================sub cat checkbox ===================== */

.checkboxes_list {
    color: #333;
}

input[type="checkbox"] {
    display: none;
}

.checkboxes_list input[type="checkbox"] + label {
    position: relative;
    width: auto;
    margin: 0 17px 5px 0;
    padding-left: 32px;
    cursor: pointer;
    -webkit-user-select: none;
    -khtml-user-select: none;
    font-size: 14px;
    -moz-user-select: none;
    user-select: none;
}

.checkboxes_list input[type="checkbox"]:checked + label::before {
    content: "";
    background-image: url(../img/icon/mark.svg);
    background-size: 65%;
    background-repeat: no-repeat;
    background-position: center;
}

.checkboxes_list input[type="checkbox"] + label::before {
    font-size: 12px;
}

.checkboxes_list input[type="checkbox"] + label::before {
    content: "";
    display: block;
    text-align: center;
    position: absolute;
    left: 0;
    top: -1px;
    width: 27px;
    height: 27px;
    color: inherit;
    background: #fff;
    border: 1px solid #eaeaea;
    border-radius: 3px;
}

/* ======================PRICE RANGE DESIGN============= */

div#slider-range {
    height: 7px;
    background: #f8f8f8;
    border: 1px solid #eaeaea;
    max-width: 220px;
}

span.ui-slider-handle.ui-corner-all.ui-state-default {
    display: block;
    width: 19px;
    height: 19px;
    background: #fff;
    border: 1px solid #eaeaea;
    cursor: pointer;
    top: -7px;
    border-radius: 10px;
}

span.ui-slider-handle.ui-corner-all.ui-state-default:before {
    content: "";
    display: block;
    width: 9px;
    height: 9px;
    background: var(--main-color);
    position: absolute;
    top: 4px;
    left: 4px;
    border-radius: 50%;
}

.ui-slider-range.ui-corner-all.ui-widget-header {
    background: var(--main-color);
}

input#max_price {
    width: 30%;
}

input#min_price {
    width: 30%;
    border: none;
    text-align: center;
    background: none;
    font-size: 13px;
    color: #000;
}

.price__filter.d-flex {
    font-size: 13px;
}

/* =============================================COLOR CHECKBOX DESIGN================= */

.checkboxes_list li label.grin::before {
    background: #269300;
}

.checkboxes_list li label.blue::before {
    background: #018bc8;
}

.checkboxes_list li label.grey::before {
    background: #b2b2b2;
}

.checkboxes_list li label.yellow::before {
    background: #fccd36;
}

.checkboxes_list li label.red::before {
    background: #f00;
}

.checkboxes_list li label.orange::before {
    background: #ff7b1a;
}

/* =========================================latest product style====== */

.latest__details .rating ul {
    display: flex;
    align-items: center;
    justify-content: start;
}

.price {
    display: flex;
    justify-content: space-between;
    font-size: 13px;
}

.latest__details .title {
    font-size: 14px;
    font-weight: 500;
}

.rating ul li {
    font-size: 11px;
}

.new__price {
    color: var(--main-color);
}

.old {
    text-decoration: line-through;
}

/* ===================================================side banner design==================== */

.side__banner.col-md-12 {
    overflow: hidden;
}

.side__banner.col-md-12.mt-5 a {
    width: 100%;
}

img.left__banner {
    width: 100%;
}

/* ===========================================================size and location section=========== */

.product__route {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px;
    background: #fff;
    margin-bottom: 24px;
    border-radius: 5px;
}

.route {
    font-size: 13px;
    color: var(--main-color);
    text-transform: capitalize;
}

.product__size {
    font-size: 12px;
}

select.size {
    padding: 2px 4px;
    border: 1px solid #ddd;
    margin: 0 3px;
    display: inline-block;
}

.route span {
    font-size: 16px;
    color: #615f5f;
    margin-right: 5px;
    text-transform: capitalize;
}

/* ================================================PAGINATION============================ */

.page ul {
    display: flex;
}

a.page__link {
    background: #fff;
    padding: 2px 19px;
    border: 1px solid #ddd;
    color: var(--main-color);
    font-size: 13px;
}

a.page__link.active {
    border: 1px solid var(--main-color);
    background: var(--main-color);
    color: #fff;
}

.pagination {
    display: flex;
    justify-content: center;
    align-items: center;
}

/* =====================================Checkout start================== */

/* =========================================== form design =================== */

input.form-control {
    font-size: 13px;
}

p.login__customer__text {
    font-weight: 600;
}

.input-number {
    width: 80px;
    padding: 0 12px;
    vertical-align: top;
    text-align: center;
    outline: none;
}

.input-number,
.input-number-decrement,
.input-number-increment {
    border: 1px solid #ccc;
    height: 40px;
    user-select: none;
}

.input-number-decrement,
.input-number-increment {
    display: inline-block;
    width: 35px;
    line-height: 38px;
    background: var(--main-color);
    color: #fff;
    text-align: center;
    font-weight: bold;
    cursor: pointer;
    border: none;
}
.input-number-increment.text-cursor {
    cursor: text !important;
}
.input-number-decrement:active,
.input-number-increment:active {
    background: #ddd;
}

.input-number-decrement {
    border-right: none;
    border-radius: 4px 0 0 4px;
}

.input-number-increment {
    border-left: none;
    border-radius: 0 4px 4px 0;
}

/* ============================================select design============================= */

select.form-control {
    font-size: 12px;
    position: relative;
}
select.form-control:after {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    font-size: 16px;
}

/* =================================================radio design===================== */

.radio label {
    font-size: 13px;
}

/* ==========================================================payment method section================== */

.payment__method {
    padding: 10px;
    background: #fff;
    border-radius: 10px;
}

.method__body {
    padding: 20px;
    color: #615f5f;
}

p.payment-head {
    font-weight: 500;
    padding-bottom: 18px;
    font-size: 16px !important;
    color: #373737;
    font-weight: 600;
}

.method__body p {
    line-height: 19px;
    font-size: 13px;
    padding-bottom: 18px;
}

/* ================================================voucher============================= */

.voucher h5 {
    background: var(--main-color);
    padding: 10px;
    color: var(--container-color);
    font-size: 14px;
    font-weight: 500;
    border-bottom: 1px solid #ddd;
}

.voucher {
    background: #fff;
    border-radius: 10px;
    overflow: hidden;
}

.btn-primary {
    background: var(--main-color);
    border-color: var(--main-color);
    transition: 0.3s;
    font-size: 14px;
}

input#button-voucher {
    font-size: 14px;
    background: var(--main-color);
    border: none;
    border-radius: 0;
}

.panel-body.row {
    padding: 20px 10px;
}

/* ================================shopping cart========================================= */

.panel-body {
    padding: 10px 0px;
}

thead {
    font-size: 13px;
}

table.table.table-bordered {
    font-size: 13px;
}

td.text-right {
    text-align: right;
}

button.btn.btn-primary {
    background-color: var(--main-color);
    border: none;
}

h4.checkout__head {
    color: #3e3c3c;
    padding-right: 20px;
    display: inline-block;
    /* margin-bottom: 20px; */
}

.checkbox {
    font-size: 13px;
    line-height: 19px;
    position: relative;
    display: inline-block;
    margin-top: 10px;
    margin-bottom: 10px;
}

tfoot {
    color: #585757;
}

input[type="checkbox"] {
    display: flex;
    margin-right: 10px;
}

input.box-none[type="checkbox"] {
    display: none !important;
}

td.text-left a {
    color: var(--title-color);
    transition: 0.3s;
}

td.text-left a:hover {
    color: var(--main-color);
}

/* ========================Checkout start end================== */

/* ======================================================================CART START================== */

.content__bg {
    background: #fff;
    padding: 30px;
    border-radius: 10px;
}

/* =======================================================collaps section===================================== */

h4#headingOne {
    background: var(--main-color);
}

.accordion-item {
    margin-bottom: 14px;
}

div#accordionExample {
    margin-top: 20px;
}

.accordion-button:focus {
    z-index: 3;
    border-color: #f79300;
    outline: 0;
    box-shadow: none;
}

.accordion-button {
    color: #fff;
}

/* =========================================== form design =================== */

p.login__customer__text {
    font-weight: 600;
}

/* =================================================radio design===================== */

.radio label {
    font-size: 13px;
}

/* ================================shopping cart========================================= */

td.text-left a:hover {
    color: var(--main-color);
}

thead {
    font-size: 13px;
}

table.table.table-bordered {
    font-size: 13px;
    border-top: 1px solid #ddd;
}

td.text-right {
    text-align: right;
}

button.btn.btn-primary {
    background-color: var(--main-color);
    border: none;
}

h4.checkout__head {
    color: #3e3c3c;
    padding-right: 20px;
    display: inline-block;
    /* margin-bottom: 20px; */
}

.checkbox {
    font-size: 13px;
    line-height: 19px;
    position: relative;
    display: inline-block;
    margin-top: 10px;
    margin-bottom: 10px;
}

input[type="checkbox"] {
    display: flex;
    margin-right: 10px;
}

tfoot {
    color: #585757;
}

/* ============================================================capon input ======================================== */

p.description {
    font-size: 13px;
}

.button-coupon {
    background: var(--main-color);
    font-size: 14px;
    border: none;
    border-radius: 0;
}

/* ============================================select design============================= */

/* ========================================button section ================================== */

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

/* ======================================================================CART END================== */

/* ===================================================================about content=============================== */

img.about-img {
    width: 100%;
    border-radius: 12px;
    /* box-shadow: 9px 9px 0px #f79300; */
}

.about__head h5 {
    font-size: 23px;
    margin-bottom: 9px;
    display: inline-block;
    padding-right: 15px;
    border-bottom: 2px solid var(--main-color);
    color: var(--title-color);
    font-weight: 800;
}

.about__p p {
    font-size: 15px;
    line-height: 22px;
    margin-bottom: 10px;
}

.page-title {
    color: #000;
    font-weight: 700;
    margin-bottom: 10px;
}

.about-content {
    display: flex;
    align-items: center;
    height: 100%;
}

/* =========================================================contact heading==================== */

.page-title h2 {
    font-size: 22px;
    margin-bottom: 16px;
    color: #333;
}

.page-title h2 {
    border-bottom: 2px solid var(--main-color);
    font-size: 24px;
    padding-right: 15px;
    display: inline-block;
}

.phone.form-group {
    display: flex;
}

.comment {
    font-size: 13px;
    margin-top: 14px;
    line-height: 19px;
}

/* ======================================================================ABOUT END================== */

/* ======================================================================BLOG START================== */

a.popup-gallery img {
    width: 100%;
}

.shop__filter {
    background-color: #fff;
}

.shop__filter h5 span {
    padding-right: 8px;
    color: var(--main-color);
}

/* ==============================================================category by product show col 3 design============= */

.shop__filter {
    border-radius: 10px;
    overflow: hidden;
}

.shop__filter h5 {
    background: #e8ebef;
    padding: 15px;
    color: #1d1b1b;
    font-size: 15px;
    font-weight: 600;
}

/* ===================================================side banner design==================== */

.side__banner.col-md-12 {
    overflow: hidden;
}

img.left__banner {
    width: 100%;
}

.side__banner.col-md-12.mt-4 a {
    width: 100%;
}

/* ==========================================Blog link design===========================/ */

a.group-item {
    font-size: 13px;
    color: var(--title-color);
    width: 100%;
    transition: 0.3s;
}

/* ============================================blog card design=========================================== */

.blog-item .blog-item-inner {
    display: block;
    margin-bottom: 30px;
    transition: all 0.2s;
    background: #fff;
    box-shadow: 0px 10px 20px 1px #e1e1e1;
}

.clearfix {
    clear: both;
}

.blog-item .blog-item-inner .article-image {
    position: relative;
}

.blog-item .blog-item-inner .article-image:before {
    content: "";
    width: 0;
    height: 0;
    border-bottom: 85px solid transparent;
    top: 0;
    position: absolute;
    z-index: 2;
    border-left: 80px solid #fff;
    left: 0;
}

a,
a:visited,
a:active,
a:link,
a:focus {
    cursor: pointer;
    text-decoration: none;
    outline: none;
}

.blog-item .blog-item-inner .article-image .article-date {
    position: absolute;
    z-index: 2;
    top: 2px;
    left: 3px;
    line-height: 20px;
}

.blog-item .blog-item-inner .article-image .article-date .date {
    font-size: 14px;
    color: #909090;
    display: block;
}

.blog-item .blog-item-inner .article-image .article-date {
    position: absolute;
    z-index: 2;
    top: 2px;
    left: 3px;
    line-height: 20px;
}

.blog-item .blog-item-inner .article-image .article-date .date b {
    font-size: 24px;
    color: #909090;
    display: block;
}

.blog-item .blog-item-inner .itemBlogContent {
    padding: 0;
}

.blog-item .blog-item-inner .blog-content {
    clear: both;
    display: inline-block;
    width: 100%;
    padding: 9px;
}

.blog-item .blog-item-inner .blog-content h4 {
    margin-bottom: 10px;
    font-size: 15px;
    font-weight: bold;
    line-height: 20px;
    margin-top: 10px;
}

.blog-item .blog-item-inner .blog-content h4 a {
    color: #222;
    transition: 0.3s;
    font-size: 20px;
    line-height: 30px;
}

.blog-item .blog-item-inner .blog-meta {
    display: inline-block;
    padding: 0px 0 10px;
    border-bottom: 1px solid #c7c1c1;
    vertical-align: top;
    width: 100%;
    font-size: 13px;
}

.blog-item .blog-item-inner .author,
.blog-item .blog-item-inner .comment_count,
.blog-item .blog-item-inner .blog-date {
    color: #b3b3b3;
    display: inline-block;
    margin-right: 15px;
}

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

.comment_count a {
    color: #777777;
    transition: 0.3s;
}

span.comment_count i,
span.author i {
    margin-right: 8px;
}

.blog-item .blog-item-inner .blog-content .article-description {
    margin: 5px 0 15px 0;
    font-size: 15px;
    line-height: 24px;
}

.blog-item .blog-item-inner .blog-content .readmore {
    font-size: 14px;
    margin-top: 10px;
}

.blog-item .blog-item-inner .blog-content .readmore > a {
    color: #ff5c00;
}

a.btn-readmore.font-title i {
    margin-right: 5px;
}

.blog-item .blog-item-inner:hover .blog-content h4 > a {
    color: #ff5c00;
}

.blog-item .blog-item-inner .article-image:hover img {
    opacity: 0.8;
    transition: all 0.2s ease-in-out 0s;
    -moz-transition: all 0.2s ease-in-out 0s;
    -webkit-transition: all 0.2s ease-in-out 0s;
}

a.group-item:hover {
    color: var(--main-color);
}

/* ======================================================================BLOG END================== */

/* =======================================================collapse section===================================== */

.contact__bg {
    padding: 20px 40px;
    background: #fff;
    border-radius: 10px;
}

h4#headingOne {
    background: var(--main-color);
}

div#accordionExample {
    margin-top: 20px;
}

button.accordion-button {
    padding: 11px 20px;
}

button.accordion-button {
    background: var(--main-color);
}

.accordion-button:focus {
    z-index: 3;
    border-color: #f79300;
    outline: 0;
    box-shadow: none;
}

.accordion-button:not(.collapsed) {
    color: #ffffff;
    background-color: var(--main-color);
}

/* =========================================================contact heading==================== */

.page-title h2 {
    font-size: 22px;
    margin-bottom: 16px;
    color: #333;
    font-weight: 700;
}

.name-store h3 {
    font-size: 20px;
    color: var(--title-color);
    font-weight: 600;
    margin-bottom: 15px;
}

.text {
    font-size: 13px;
    line-height: 20px;
}

.phone .text {
    margin-top: 6px;
}

.address.clearfix.form-group {
    display: flex;
    align-items: center;
    margin-bottom: 10px;
}

.phone.form-group {
    display: flex;
}

.comment {
    font-size: 13px;
    margin-top: 8px;
    line-height: 19px;
}

/* =========================================== form design =================== */

label.control-label {
    font-size: 16px;
    display: inline-flex;
    padding-left: 0;
    align-items: center;
    color: #000;
    margin-bottom: 5px;
}

p.login__customer__text {
    font-weight: 600;
}

legend {
    font-size: 21px;
    color: var(--title-color);
    font-weight: 500;
}

/* ======================================================================CONTACT END================== */

/* ======================================================================FAQ START================== */

.faq__bg {
    background: #fff;
    padding: 10px;
}

h3.subtitle.no-margin {
    font-size: 24px;
    margin-bottom: 13px;
    font-weight: 700;
    color: #424242;
}

p.description {
    font-size: 13px;
    line-height: 20px;
}

/* ===========================================FAQ END================== */

/* ===========================================new frontend section================ */

.new__customer {
    border: 1px solid #ddd;
    background: #fff;
}

.customer__text {
    padding: 20px;
}

p.customer__head {
    margin: 10px 0;
    font-size: 17px !important;
    color: #5a5a5a;
    font-weight: 500;
}

.customer__text p {
    font-size: 13px;
    line-height: 20px;
}

.button__sec__bg {
    background: #ddd;
    padding: 8px;
    text-align: right;
}

.customer__text.custome__height {
    height: 283px;
}

/* ===========================================login form =================== */

.form-group.required {
    margin: 10px 0 1px;
}

p.login__customer__text {
    font-weight: 600;
}

a.forget__password {
    font-size: 13px;
    color: #808080;
    transition: 0.3s;
}

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

/* ======================================================================LOGIN END================== */

/* ================================shopping cart========================================= */

h4.checkout__head {
    color: #3e3c3c;
    padding-right: 20px;
    display: inline-block;
    /* margin-bottom: 20px; */
}

/* ===========================================================table css======================= */

.table__font {
    font-size: 13px;
}

td.table__price {
    display: flex;
    justify-content: space-around;
}

a.view__btn {
    background: var(--main-color);
    border-radius: 3px;
    color: #fff;
    padding: 1px 10px;
}

a.name__link {
    color: var(--title-color);
    transition: all 0.3s;
}

img.table__pd__img {
    width: 50px;
}

a.image__a {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

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

ul.list-item li a {
    color: var(--title-color);
    font-size: 15px;
    transition: 0.3s;
    width: 100%;
}

ul.list-item li a:hover {
    color: var(--main-color);
}

/* ====================================================Profile ====================== */

.dataTables_wrapper .dataTables_filter input {
    border: 1px solid #aaa;
    border-radius: 3px;
    padding: 0px 5px;
    margin-bottom: 10px;
}

.dataTables_wrapper .dataTables_length select {
    border: 1px solid #aaa;
    border-radius: 3px;
    background-color: transparent;
    padding: 2px;
    font-size: 13px;
}

.table > tbody {
    vertical-align: middle;
}

img.user__image {
    margin-bottom: 8px;
    width: 80px;
    height: 80px;
    border-radius: 50%;
}

.profile__head {
    display: flex;
    justify-content: center;
    align-items: center;
    padding-bottom: 20px;
}

.user__name h3 {
    color: #202550;
    font-size: 20px;
    font-weight: 700;
    margin-top: 10px;
}

.user__name {
    width: 100%;
    text-align: center;
}

ul.list-item li:hover {
    background-color: aliceblue;
}

ul.list-item li.active {
    background-color: aliceblue;
}

ul.list-item li a i.fa {
    margin-right: 6px;
    color: var(--main-color);
}

/* ======================================================================ORDER HISTORY END================== */

/* ====================================================Profile ====================== */

ul.list-item li a:hover {
    color: var(--main-color);
}

.profile__head {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 25px 0;
}

.user__name {
    width: 100%;
    text-align: center;
}

ul.list-item li {
    padding: 5px 10px;
}

ul.list-item li:hover {
    background-color: aliceblue;
}

ul.list-item li.active {
    background-color: aliceblue;
    border-left: 2px solid var(--main-color);
}

ul.list-item li a i.fa {
    margin-right: 6px;
    color: var(--main-color);
}

/* ========================================================card content==================== */

.cart__bg {
    background: #ddd;
    text-align: center;
    padding: 25px;
    border-radius: 4px;
    color: #fff;
    background-image: linear-gradient(to bottom right, #863ee2, #571f9e);
}

.cart__bg p {
    font-size: 13px;
}

.wishlist__bg {
    background: #ddd;
    text-align: center;
    padding: 25px;
    border-radius: 4px;
    color: #fff;
    background-image: linear-gradient(to bottom right, #d35400, #f9e79f);
}

.wishlist__bg p {
    font-size: 13px;
}

.ordered__bg {
    background: #ddd;
    text-align: center;
    padding: 25px;
    border-radius: 4px;
    color: #fff;
    background-image: linear-gradient(to bottom right, #06434e4f, #0dd3f3);
}

.success__bg {
    background: #117a65;
    text-align: center;
    padding: 25px;
    border-radius: 4px;
    color: #fff;
    background-image: linear-gradient(to bottom right, #117a65, #58d68d);
}

.ordered__bg p {
    font-size: 13px;
}

.danger__bg {
    background: #ec7063;
    text-align: center;
    padding: 25px;
    border-radius: 4px;
    color: #fff;
    background-image: linear-gradient(to bottom right, #ec7063, #c0392b);
}

/* ===========================================================table css======================= */

.table__font {
    font-size: 13px;
}

.table-responsive.mt-5.border {
    padding-top: 16px;
    font-size: 13px;
}

/* ======================================================================PROFILE END================== */

/* ======================================================================REGISTER START================== */

.buttons.register {
    display: flex;
    /* justify-content: flex-end; */
    align-items: center;
}

.login__woaper h4 {
    border-bottom: 2px solid var(--main-color);
    padding-bottom: 2px;
    margin-bottom: 10px;
    display: inline-block;
    color: #212121;
}

.login__woaper p {
    font-size: 13px;
}

.login__woaper p a {
    transition: 0.3s;
}

.login__woaper p a:hover {
    color: var(--main-color);
}

/* ==========================================================page heading end================== */

/* =========================================================FORM STYLE================================= */

.register__bg {
    background: #fff;
    border-radius: 10px;
}

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

label.col-sm-2.control-label {
    display: flex;
    align-items: center;
    font-size: 13px;
    justify-content: flex-end;
    padding-right: 20px;
}

div.required .control-label:before {
    content: "*";
    color: #d60d0d;
    font-size: 15px;
    padding-right: 3px;
}

legend {
    color: #1b1b1b;
    font-size: 18px;
    border-bottom: 1px solid #ddd;
}

.form-control:focus {
    color: #212529;
    background-color: #fff;
    border-color: var(--main-color);
    outline: 0;
    box-shadow: none;
}

.pull-right {
    text-align: right;
    font-size: 13px;
}

a.agree {
    transition: 0.3s;
    color: #5d5d5d;
}

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

/* ======================================================================REGISTER END================== */

/* ======================================================================RETURN PRODUCT START================== */

label.col-sm-3.control-label {
    display: flex;
    align-items: center;
    font-size: 13px;
    justify-content: flex-end;
    padding-right: 20px;
}

textarea#input-comment {
    font-size: 13px;
}

/* ======================================================================RETURN PRODUCT END================== */

/* ======================================================================WISHLIST START================== */

p.new__price {
    color: red;
    font-size: 15px;
}

p.old__price {
    text-decoration: line-through;
}

p.new__price del {
    font-size: 12px;
}

/* ============button=========== */

.ac-btn {
    width: 30px;
    height: 30px;
    background: var(--main-color);
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    border-radius: 4px;
    margin: 2px;
    transition: 0.3s;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -ms-transition: 0.3s;
    -o-transition: 0.3s;
}

.action-area {
    display: flex;
    /* justify-content: center; */
    align-items: center;
}

.ac-btn:hover {
    color: #fff;
    background: #ff7878;
}

/* ======================================================================WISHLIST END================== */

/* ======================================================================COMPLEAT  PAGE START================== */

.order-cnf {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 70vh;
}

.sub-class {
    text-align: center;
}

.sub-class h3 {
    background: var(--main-color);
    margin-bottom: 10px;
    width: 50px;
    border-radius: 50%;
    height: 50px;
    padding: 10px;
    color: #fff;
    display: inline-block;
}

/* ======================================================================COMPLEAT  PAGE END================== */

/* ======================================================================CONDITION START================== */

.document {
    text-align: center;
    font-size: 13px;
}

.document__header {
    margin: 30px 0 0px;
}

.document__content.typography p {
    text-align: initial;
}

.document__content.typography ol {
    text-align: initial;
    padding: 20px 0;
}

.condition-content {
    display: flex;
    align-items: center;
    justify-content: center;
}

.document__content.typography p {
    padding: 20px 0;
}

.document__content.typography ol li strong {
    font-size: 15px;
}

/* ======================================================================CONDITION END================== */

/* ======================================================================404 START================== */

h1.error__page {
    font-size: 130px;
}

h1.error__page span {
    color: var(--main-color);
}

/* ======================================================================404 END================== */

/* ======================================================================BLOG STYLE START================== */

/*=====================================
BLOG CARD STYLE
======================================*/

.blog__card {
    border-radius: 10px;
    margin-bottom: 50px;
}

.blog__card:hover .blog__top__btn {
    background: rgba(0, 0, 0, 0.3);
}

.blog__card:hover .blog__image img {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}

.blog__card:hover .blog__title h4 a {
    color: var(--main-color);
}

.blog__image {
    position: relative;
    overflow: hidden;
    border-radius: 10px;
    margin-bottom: 22px;
}

.blog__image img {
    width: 100%;
    height: auto;
    border-radius: 10px;
    -webkit-box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.1);
    transition: all linear 0.3s;
    -webkit-transition: all linear 0.3s;
    -moz-transition: all linear 0.3s;
    -ms-transition: all linear 0.3s;
    -o-transition: all linear 0.3s;
}

.blog__top__btn {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    border-radius: 10px;
    transition: all linear 0.3s;
    -webkit-transition: all linear 0.3s;
    -moz-transition: all linear 0.3s;
    -ms-transition: all linear 0.3s;
    -o-transition: all linear 0.3s;
}

.blog__top__btn p {
    position: absolute;
    top: 25px;
    left: 25px;
    padding: 4px 12px;
    background: var(--main-color);
    border-radius: 5px;
    color: #ffffff;
    font-size: 13px;
    line-height: 22px;
    text-transform: capitalize;
}

.blog__content {
    padding: 0px 15px;
}

.blog__details {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 12px;
}

.blog__details li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.blog__details li i {
    margin-right: 8px;
}

.blog__details li p {
    font-size: 15px;
    text-transform: capitalize;
}

.blog__title {
    margin-bottom: 20px;
}

.blog__title h4 {
    font-weight: 500;
}

.blog__title h4 a {
    color: var(--heading-color);
    transition: all linear 0.3s;
    -webkit-transition: all linear 0.3s;
    -moz-transition: all linear 0.3s;
    -ms-transition: all linear 0.3s;
    -o-transition: all linear 0.3s;
}

.blog__view__more {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.blog__view__more li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.blog__view__more li i {
    font-size: 18px;
    margin-right: 10px;
}

.blog__view__more li p {
    font-size: 15px;
    text-transform: capitalize;
}

.blog__view__more li a {
    font-size: 13px;
    line-height: 20px;
    padding: 6px 25px;
}

/*=====================================
BLOG SUGGEST CARD STYLE
======================================*/

.category-tag-wrap {
    display: flex;
    gap: 10px;
    font-size: 14px;
}

.blog__related {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 15px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    margin-bottom: 5px;
    padding-bottom: 13px;
}

.related__img {
    width: 55px;
    height: 55px;
}

.related__img a {
    width: 100%;
    height: 100%;
    overflow: hidden;
    border-radius: 5px;
}
.related__img a img {
    max-width: none;
    min-width: 100%;
    min-height: 100%;
    max-height: 100%;
    border-radius: 5px;
    -webkit-box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.1);
}

.related__content {
    width: calc(100% - 70px);
}

.related__title {
    margin-bottom: 3px;
}

.related__title h6 {
    font-weight: 600;
    line-height: 24px;
}

.related__title h6 a {
    color: var(--heading-color);
    transition: all linear 0.3s;
    -webkit-transition: all linear 0.3s;
    -moz-transition: all linear 0.3s;
    -ms-transition: all linear 0.3s;
    -o-transition: all linear 0.3s;
}

.related__title h6 a:hover {
    color: var(--main-color);
}

.related__date {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}

.related__date i {
    margin-right: 10px;
}

.related__date p {
    font-size: 14px;
    text-transform: capitalize;
}

/*=====================================
BLOG PART STYLE
======================================*/

.blog {
    padding: 100px 0px 0px;
}

.blog__head h2 {
    width: 420px;
}

.blog-btn {
    text-align: center;
    margin-top: 50px;
}

/*=====================================
BLOG LIST PART STYLE
======================================*/

.blog__search {
    margin-bottom: 45px;
}

.blog__sidebar {
    margin-bottom: 30px;
    background: #fff;
    padding: 20px;
}

.blog__sidebar:last-child {
    margin-bottom: 0;
}

.blog__sidebar h4 {
    position: relative;
    display: inline-block;
    text-transform: capitalize;
    margin-bottom: 20px;
    color: var(--title-color);
    font-weight: 600;
}

.blog__sidebar h4::before {
    position: absolute;
    content: "";
    top: 50%;
    right: -50px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 30px;
    height: 2px;
    background: var(--main-color);
}

.blog__sidebar ul li:last-child {
    margin-bottom: 0px;
}

.blog__related-list {
    margin-bottom: 42px;
}

.blog__related-list .blog__related:last-child {
    margin-bottom: 0px;
}

.blog__category ul li {
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    border-bottom: 1px solid #e8e8e8;
    justify-content: space-between;
}

.blog__category ul li:hover h6 a {
    color: var(--main-color);
}

.blog__category ul li:hover p {
    background: var(--main-color);
}

.blog__category ul li h6 {
    font-weight: 500;
    width: 100%;
    padding: 12px 0;
}

.blog__category ul li h6 a {
    color: var(--heading-color);
    transition: all linear 0.3s;
    -webkit-transition: all linear 0.3s;
    -moz-transition: all linear 0.3s;
    -ms-transition: all linear 0.3s;
    -o-transition: all linear 0.3s;
    width: 100%;
    display: block;
}

.blog__category ul li p {
    font-size: 13px;
    font-weight: 500;
    width: 33px;
    height: 30px;
    line-height: 25px;
    text-align: center;
    border-radius: 50%;
    color: #ffffff;
    background: var(--heading-color);
    transition: all linear 0.3s;
    -webkit-transition: all linear 0.3s;
    -moz-transition: all linear 0.3s;
    -ms-transition: all linear 0.3s;
    -o-transition: all linear 0.3s;
    display: flex;
    justify-content: center;
    align-items: center;
}

.blog__tag ul li {
    display: inline-block;
    margin: 0px 0px 5px 0px;
}

.blog__tag ul li a {
    color: var(--heading-color);
    font-size: 14px;
    padding: 2px 14px;
    border-radius: 4px;
    text-transform: capitalize;
    border: 1px solid #e8e8e8;
    transition: all linear 0.3s;
    -webkit-transition: all linear 0.3s;
    -moz-transition: all linear 0.3s;
    -ms-transition: all linear 0.3s;
    -o-transition: all linear 0.3s;
}

.blog__tag ul li a:hover {
    color: #ffffff;
    background: var(--main-color);
    border-color: var(--main-color);
}

.blog__followrs ul li {
    display: inline-block;
    margin-right: -11px;
}

.blog__followrs .icon {
    width: 40px;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 7px;
    border-radius: 50%;
    transition: 0.3s;
}

.blog-banner-ad img {
    width: 100%;
    border-radius: 8px;
}

.blog__list__paginate {
    margin-top: 30px;
}

.blogbar {
    padding: 140px 0px 0px;
}

.blogbar .col-lg-4 {
    padding: 0px 25px;
}

/*=====================================
BLOG DETAILS PART STYLE
======================================*/

.blog__details__sec {
    padding: 100px 0px 55px;
}

.content__details {
    background: #fff;
    padding: 20px 40px;
}

.title__blog {
    margin-bottom: 20px;
}

.title__blog h2 a {
    color: var(--heading-color);
}

.blog__meta {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    margin-bottom: 30px;
}

.blog__meta li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-right: 16px;
    padding: 0;
    /* border-right: 1px solid #e8e8e8; */
}

.blog__meta li:first-child {
    padding-left: 0px;
}

.blog__meta li:last-child {
    padding-right: 0px;
    border-right: none;
}

.blog__meta li i {
    font-size: 14px;
    margin-right: 8px;
    margin-top: -2px;
}

.blog__meta li p {
    font-size: 14px;
}

.blog__details__img {
    margin-bottom: 30px;
}

.blog__details__img img {
    width: 100%;
    border-radius: 10px;
}

.blog__description p {
    margin-bottom: 30px;
    text-align: justify;
}

.blog__description p span {
    display: block;
    margin-top: 25px;
}

.blog__subtitle {
    margin-bottom: 35px;
}

.blog__subtitle h4 {
    margin-bottom: 25px;
}

.blog__subtitle p a {
    text-decoration: underline;
}

.blog__quote {
    padding: 50px 50px;
    background: #03b9611f;
    border-left: 5px solid var(--main-color);
    margin-bottom: 45px;
    border-radius: 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

.blog__quote p {
    font-size: 22px;
    font-style: italic;
    line-height: 35px;
    margin-bottom: 35px;
}

.blog__quote span {
    font-weight: 500;
    -ms-flex-item-align: end;
    align-self: flex-end;
    text-transform: capitalize;
}

.blog__details__list {
    list-style: disc;
    margin-left: 20px;
    margin-bottom: 50px;
}

.blog__details__list li {
    margin-bottom: 20px;
}

/*=====================================
DETAILS SUGGEST PART STYLE
======================================*/

.suggest__slider {
    padding: 60px 0px 50px;
    border-top: 1px solid #e8e8e8;
    border-bottom: 1px solid #e8e8e8;
}

.suggest__slider li {
    width: 336px;
    margin: 0px 25px;
}

.suggest__slider li:hover img {
    opacity: 0.8;
}

.suggest__slider li:hover a {
    color: var(--main-color);
}

.suggest__slider li img {
    width: 100%;
    height: auto;
    border-radius: 10px;
    margin-bottom: 25px;
    transition: all linear 0.3s;
    -webkit-transition: all linear 0.3s;
    -moz-transition: all linear 0.3s;
    -ms-transition: all linear 0.3s;
    -o-transition: all linear 0.3s;
}

.suggest__slider li h5 {
    text-transform: inherit;
    line-height: 26px;
    margin-bottom: 8px;
    font-weight: 600;
}

.suggest__slider li h5 a {
    color: var(--heading-color);
    transition: all linear 0.3s;
    -webkit-transition: all linear 0.3s;
    -moz-transition: all linear 0.3s;
    -ms-transition: all linear 0.3s;
    -o-transition: all linear 0.3s;
}

.suggest__slider li p {
    font-size: 14px;
}

.suggest__slider li p i {
    margin-right: 5px;
}

.suggest__slider .dandik {
    right: -25px;
}

.suggest__slider .bamdik {
    left: -25px;
}

/*=====================================
DETAILS USER PART STYLE
======================================*/

.blog__user {
    padding: 76px 0px 0px;
}

.user__comment h4 {
    margin-bottom: 10px;
    color: var(--title-color);
}

.all_comment_box {
    background: #fff;
    padding: 30px;
}

.comment__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 0px 0px 15px;
    border-bottom: 1px solid #e8e8e8;
}

.comment__item:last-child {
    border-bottom: none;
}

.comment {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: -12px;
}

.comment a img {
    width: 70px;
    height: auto;
    border-radius: 5px;
    padding-right: 20px;
}

.comment__text p {
    line-height: 26px;
}

.comment__head {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 10px;
}

.comment__head li {
    font-size: 14px;
}

.comment__head li a {
    font-weight: 500;
    color: var(--heading-color);
}

.comment__head li i {
    margin-right: 5px;
}

.reply__comment {
    -ms-flex-item-align: end;
    align-self: flex-end;
}

.reply__comment a {
    font-size: 11px;
    font-weight: 600;
    color: var(--heading-color);
    text-transform: uppercase;
}

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

.reply__comment a i {
    margin-left: 8px;
}

.comment__form h4 {
    color: var(--title-color);
}

.comment__form {
    background: #fff;
    padding: 29px;
}

/*=====================================
BLOG DETAILS RIGHTBAR PART STYLE
======================================*/

.details-rightbar .content__details {
    margin-right: 50px;
}

/*=====================================
BLOG DETAILS LEFTBAR PART STYLE
======================================*/

.details-leftbar .content__details {
    margin-left: 50px;
}

.blog__subtitle h4 {
    color: #2f2f2f;
}

.icon__outline {
    color: #555555;
    background: #ffffff;
    border: 1px solid #e8e8e8;
}

.address .icon {
    display: flex;
    padding: 0px 11px;
    width: 40px;
    height: 40px;
    background: #ddd;
    box-shadow: unset;
    justify-content: center;
    align-items: center;
    border-radius: 5px;
    color: #fff;
    background: var(--main-color);
    margin-right: 10px;
}

.phone .icon {
    background: #ddd;
    box-shadow: unset;
    font-size: 15px;
}

.icon__outline:hover {
    color: #ffffff;
    background: var(--main-color);
}

.confarm-bg {
    background-color: #fff;
    border-radius: 10px;
}

/* ======================================================================BLOG STYLE END================== */

/* ======================================================================TRACK ORDER START================== */

.order__his__bg {
    background: #fff;
    padding: 25px 30px;
    border-radius: 10px;
}

.card-header:first-child {
    border-radius: calc(0.37rem - 1px) calc(0.37rem - 1px) 0 0;
}

.card-header {
    padding: 20px 30px;
    margin-bottom: 0;
    background-color: #fff;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.track {
    position: relative;
    background-color: #ddd;
    height: 7px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 60px;
    margin-top: 24px;
}

.track .step {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    width: 25%;
    margin-top: -18px;
    text-align: center;
    position: relative;
}

.track .step.active:before {
    background: var(--main-color);
}

.track .step::before {
    height: 7px;
    position: absolute;
    content: "";
    width: 100%;
    left: 0;
    top: 18px;
}

.track .step.active .icon-2 {
    background: var(--main-color);
    color: #fff;
}

.track .icon-2 {
    display: inline-block;
    width: 40px;
    height: 40px;
    line-height: 40px;
    position: relative;
    border-radius: 100%;
    background: #ddd;
}

.track .step.active .text {
    font-weight: 400;
    color: #000;
}

.track .text {
    display: block;
    margin-top: 7px;
}

.itemside {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
}

.itemside .aside {
    position: relative;
    -ms-flex-negative: 0;
    flex-shrink: 0;
}

.img-sm {
    width: 80px;
    height: 80px;
    padding: 7px;
}

ul.row,
ul.row-sm {
    list-style: none;
    padding: 0;
}

.itemside .info {
    padding-left: 15px;
    padding-right: 7px;
}

.itemside .title {
    display: block;
    margin-bottom: 5px;
    color: #212529;
}

.btn-warning {
    color: #ffffff;
    background-color: #ee5435;
    border-color: #ee5435;
    border-radius: 1px;
}

.btn-warning:hover {
    color: #ffffff;
    background-color: #ff2b00;
    border-color: #ff2b00;
    border-radius: 1px;
}

header.card-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.col span {
    font-size: 13px;
}

.col strong {
    font-size: 15px;
    font-weight: 500;
}

.order_tc {
    font-size: 13px;
}

header.card-header h6 {
    font-size: 13px;
}

header.card-header h6 span {
    color: var(--main-color);
}

/* ======================================================================TRACK ORDER END================== */

/* ======================================================================Mobile menu start================== */

.menus {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    background: var(--main-color);
    padding: 11px 15px 15px;
}

.menus li {
    list-style: none;
    width: 20%;
}

.menus li a {
    /* width: 75px; */
    height: 45px;
    color: #ffffff;
    text-align: center;
    font-size: 20px;
    text-decoration: none;
    display: block;
    transition: 0.5s;
    text-transform: uppercase;
    position: relative;
    width: 100%;
}

.menus li a i {
    /* width: 75px; */
    position: absolute;
    top: 23%;
    left: 0px;
    transition-delay: 0.3s;
    z-index: 9;
    transition: 0.5s cubic-bezier(0.49, -0.35, 0.77, 1.44);
    right: 0;
}

.menus li a.active-icon i {
    top: -47%;
    transition-delay: 0.3s;
    transition: 0.5s cubic-bezier(0.49, -0.35, 0.77, 1.44);
}

.menus li a span {
    display: block;
    font-size: 12px;
    width: 100%;
    position: absolute;
    bottom: -16px;
    transition-delay: 0.3s;
    transition: 0.5s cubic-bezier(0.49, -0.35, 0.77, 1.44);
    z-index: 9;
    opacity: 0;
}

.menus li a.active-icon span {
    bottom: 7px;
    transition-delay: 0.5s;
    transition: 0.5s cubic-bezier(0.49, -0.35, 0.77, 1.44);
    opacity: 1;
}

.menus {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    background: var(--main-color);
    padding: 11px 15px 15px;
}

.menus li {
    list-style: none;
    width: 20%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.menus li a {
    /* height: 45px; */
    color: #ffffff;
    /* text-align: center !important; */
    /* display: flex; */
    /* align-items: center; */
    /* justify-content: center; */
}

.menus li.active-icon a i {
    top: -62%;
    transition-delay: 0.3s;
    display: flex;
    transition: 0.5s cubic-bezier(0.49, -0.35, 0.77, 1.44);
    justify-content: center;
}

.menus li a span {
    display: block;
    font-size: 12px;
    width: 100%;
    position: absolute;
    bottom: -16px;
    transition-delay: 0.3s;
    transition: 0.5s cubic-bezier(0.49, -0.35, 0.77, 1.44);
    z-index: 9;
    opacity: 0;
}

.menus li.active-icon a span {
    bottom: 7px;
    transition-delay: 0.5s;
    transition: 0.5s cubic-bezier(0.49, -0.35, 0.77, 1.44);
    opacity: 1;
}

.menus li.active-icon a i:before {
    width: 40px;
    background: var(--main-color);
    height: 40px;
    border: 4px solid #fff;
    font-size: 17px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    top: 20% !important;
}

/* ======================================================================Mobile menu END================== */

/* =====================================MEDIA QUERY START================================================================== */

@media (max-width: 768px) {
    .footer__sec {
        text-align: center;
        /* margin-bottom: 40px; */
    }
    .foot__contact {
        display: flex;
        align-items: center;
        justify-content: left;
    }
    ul.social__contact {
        display: flex;
        justify-content: center;
        margin-top: 12px;
        align-items: center;
        margin-bottom: 32px;
    }
    img.logo__img {
        width: 153px;
        margin-right: 0;
    }
}

@media (max-width: 991px) {
    h4.checkout__head {
        margin-bottom: 0px !important;
    }
    .col-md-2.help__area.col-lg-0 {
        display: none;
    }
    .main__nav {
        display: none;
    }
    .last__nav {
        display: block;
    }
    .sidebar {
        display: none;
    }
    .footer__nav {
        display: flex;
    }
    ul.shop.col-md-4.col-sm-12.d-flex {
        display: none !important;
    }
    .nd__nav {
        display: block;
    }
}

@media (max-width: 991px) {
    .input-group {
        margin-top: 5px;
    }
    .buttons {
        float: none;
    }
}

@media (max-width: 768px) {
    .product__route {
        display: block;
        align-items: center;
    }
}

@media screen and (max-width: 900px) {
    table thead tr th,
    table tbody tr td {
        white-space: nowrap;
    }
    .last__nav-2 {
        background: var(--main-color);
        padding: 0px;
        display: none;
    }
}

@media screen and (max-width: 900px) {
    table thead tr th,
    table tbody tr td {
        white-space: nowrap;
    }
}

/* ========================================================media========================== */

@media screen and (max-width: 900px) {
    table.table__font thead tr th,
    table.table__font tbody tr td {
        white-space: nowrap;
    }
}

/* ========================================================media========================== */

@media screen and (max-width: 1400px) {
    .home_cat-menu-height-width-3 {
        width: 862px !important;
    }
}

@media screen and (max-width: 1200px) {
    .home_cat-menu-height-width-3 {
        width: 721px !important;
    }
}

@media screen and (max-width: 900px) {
    table.table__font thead tr th,
    table.table__font tbody tr td {
        white-space: nowrap;
    }
}

@media (max-width: 767px) {
    .blog {
        padding: 60px 0px 0px;
    }
    .blog__head h2 {
        width: 100%;
    }
    .blog__card {
        margin-bottom: 45px;
    }
    .blog__title h4 {
        font-size: 18px;
        line-height: 26px;
    }
    .related__title {
        margin-bottom: 8px;
    }
    .blog-btn {
        margin-top: 15px;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .blog__card {
        margin-bottom: 45px;
    }
    .blog__title h4 {
        font-size: 20px;
        line-height: 28px;
    }
    .blog-btn {
        margin-top: 25px;
    }
    .last__nav-2 {
        background: var(--main-color);
        padding: 0px;
        display: none;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .blog__title h4 {
        font-size: 18px;
        line-height: 26px;
    }
    .related__title {
        margin-bottom: 10px;
    }
    .blog-btn {
        margin-top: 0px;
    }
}

@media (max-width: 767px) {
    .blogbar {
        padding: 30px 0px 0px;
    }
}

@media (max-width: 991px) {
    .last__nav {
        display: none;
    }
    .content__rev {
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
    }
    .blog__list__paginate {
        margin-top: 10px;
        margin-bottom: 50px;
    }
    .blog__list__paginate .paginate__item {
        margin: 0px 5px;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .blog__list__sec {
        padding: 80px 0px 0px;
    }
    .blog__followrs ul li {
        margin-right: 6px;
    }
    .blogbar .icon {
        width: 44px;
        height: 44px;
        line-height: 44px;
    }
}

@media (max-width: 767px) {
    .blog__details__sec {
        padding: 60px 0px 10px;
    }
    .title__blog h2 {
        font-size: 22px;
        line-height: 30px;
    }
    .blog__meta {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
    .blog__quote {
        padding: 40px 40px;
    }
    .blog__quote p {
        font-size: 18px;
        line-height: 30px;
    }
    .blog__quote span {
        font-size: 14px;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .blog-banner-ad {
        display: none;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .blog__meta li {
        padding: 0px 9px;
    }
    .blog__meta li p,
    .blog__meta li i {
        font-size: 13px;
    }
}

@media (max-width: 767px) {
    .blog__user {
        padding: 50px 0px 0px;
    }
    .comment {
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
    }
    .comment__head {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
    }
    .comment__item.ml-5 {
        margin-left: 2rem !important;
    }
    .comment__form input,
    .comment__form textarea,
    .comment__form .btn {
        margin: 0px;
        margin-bottom: 20px;
    }
    .product-icon-wrapper {
        position: absolute;
        /* right: 3px; */
        padding: 4px;
        transition: 0.3s;
        /* visibility: visible; */
        /* opacity: 1; */
        top: 16%;
        z-index: 999999999999;
    }
}

@media (max-width: 991px) {
    .details-rightbar .content__details {
        margin-right: 0px;
    }
}

@media (max-width: 991px) {
    .details-leftbar .content__details {
        margin-left: 0px;
    }
    img.offer__banner__img {
        width: 100%;
        height: 185px;
    }
}

@media (max-width: 1199px) {
    span.count {
        position: absolute;
        top: 11px;
        background: rgba(131, 9, 15, 0.98) !important;
        color: #fff;
        height: 18px;
        width: 18px;
        line-height: 18px;
        text-align: center;
        border-radius: 100%;
        display: block;
        right: 28%;
        font-size: 12px;
    }
    .home_cat-menu-height-width {
        width: 100% !important;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .shop li {
        padding: 0 15px;
    }
    span.count {
        position: absolute;
        top: -7px;
        background: rgba(131, 9, 15, 0.98) !important;
        color: #fff;
        height: 18px;
        width: 18px;
        line-height: 18px;
        text-align: center;
        border-radius: 100%;
        display: block;
        right: 10px;
        font-size: 10px;
    }
    input.search {
        border: none;
        background: none;
        font-size: 13px;
        /* padding: 5px 40px; */
        width: 76%;
    }
    a.btn__help {
        padding: 3px;
        background: #fff;
        margin: 5px;
        border-radius: 3px;
        display: block;
        font-size: 12px;
        color: #676767;
        font-weight: 500;
    }
    img.help__img {
        width: 16px;
    }
    .home_cat-menu-height-width {
        width: 100% !important;
    }
    .product__grid {
        box-sizing: border-box;
        margin: 0px;
        min-width: 0px;
        padding: 0;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .col-md-2.help__area {
        display: none;
        justify-content: center;
        text-align: center;
        background: #d0ebf3;
        height: 350px;
        border-radius: 5px;
    }
    .slider__width {
        width: 100%;
    }
    .product__grid {
        box-sizing: border-box;
        margin: 0px;
        min-width: 0px;
        padding: 0;
    }
}

@media (min-width: 540px) and (max-width: 767px) {
    .product__grid {
        margin: 0px;
        min-width: 0px;
        padding: 0;
    }
}

@media (max-width: 539px) {
    .product__grid {
        box-sizing: border-box;
        margin: 0px;
        min-width: 0px;
        padding: 0;
    }
    .category__grid {
        grid-template-columns: 1fr 1fr;
        padding: 16px;
        min-width: 0px;
        display: grid;
        margin: 0;
    }
}

@media (max-width: 720px) {
    .slider__image {
        height: 175px;
    }
    .banner {
        height: auto;
        background-color: rgb(188, 222, 232);
        padding-top: 8px;
        padding-bottom: 0;
    }
    .slider__image {
        height: 175px;
    }
    .banner {
        height: auto;
        background-color: rgb(188, 222, 232);
        padding-top: 8px;
        padding-bottom: 0;
    }
    .slider__text {
        position: absolute;
        top: 5%;
        width: 100% !important;
        height: 100%;
        left: 2% !important;
    }
    .text__area {
        display: none;
    }
}

.color,
.color input {
    position: relative;
    overflow: hidden;
    width: 30px;
    height: 30px;
    border-radius: 50%;
}

.color {
    display: inline-block;
    margin: 3px;
}

.color input {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    z-index: 2;
    cursor: pointer;
}

.color i {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-image: url(../img/icon/check.png);
    background-size: 20px;
    background-repeat: no-repeat;
    background-position: center center;
    opacity: 0;
    transition: 0.15s opacity ease-in-out;
}

.color input:checked + i {
    opacity: 1;
}

.product-size {
    display: flex;
    align-items: center;
}

.form-check-input:checked {
    background-color: var(--main-color);
    border-color: var(--main-color);
}

.form-check-input:focus {
    border-color: var(--main-color);
    outline: 0;
    box-shadow: none;
}

/* ====================================delivery area =================== */

.location {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 15px 0;
    border-bottom: 1px solid #ddd;
    padding-bottom: 15px;
}

.area-list {
    display: flex;
    color: #3f3f3f;
}

.area-list p {
    font-size: 13px;
    line-height: 20px;
    padding-left: 10px;
    font-weight: 600;
    padding-right: 10px;
}

a.change-area {
    font-size: 13px;
    color: var(--main-color);
    text-transform: uppercase;
}

.title-area {
    font-weight: 800;
    color: var(--title-color);
}

img.delivery-icon {
    width: 22px;
}

.area-list p {
    color: var(--title-color);
}

p.left-content {
    font-weight: 800;
    font-size: 13px;
    color: var(--title-color);
}

.delivery {
    background: #f6f6f68c;
    padding: 20px;
    border-radius: 10px;
    height: 100%;
}

/* ===========social  icon ============ */

a.social-link {
    width: 35px;
    height: 35px;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #282828;
    margin: 5px;
    border-radius: 50%;
    color: #fff;
    box-shadow: 0px 2px 7px 1px #ddd;
    transition: 0.3s;
}

ul.social-ul {
    display: flex;
    align-items: center;
}

a.social-link:hover {
    background: var(--main-color);
}

/* ================================HOME-6 STYLE========================== */

.product-icon ul li {
    /* background: var(--main-color); */
    border-radius: 100%;
    margin: 7px 0;
    text-align: center;
    /* padding: 1px; */
}

.fl-sec {
    display: flex;
    padding-left: 19px;
}

.flash-head-text {
    color: var(--main-color);
}

.actule_price {
    display: flex;
}

.top-product-card .sale-price-6 {
    color: var(--main-color) !important;
    /* font-weight: 400; */
    line-height: 22px;
    font-size: 16px;
}

p.carent_price {
    font-size: 12px;
    padding-right: 6px;
}

img.cat6-img {
    height: 125px;
    padding: 17px;
}

.cl-content {
    text-align: center;
    color: #2b2b2b;
    line-height: 17px;
    padding-bottom: 18px;
}

.cl-content p {
    font-size: 13px;
}

.cl-content small {
    font-size: 11px;
}

.cl-sec {
    padding: 10px 0%;
}

.cl-main-sec:hover {
    box-shadow: 0 2px 4px 0 rgb(0 0 0 / 25%);
}

img.cl-cat-img {
    height: 100%;
}

.bold-text {
    font-weight: 600;
    font-size: 14px !important;
}

.box-hov:hover {
    box-shadow: none !important;
}

.top-sec:hover {
    box-shadow: 0 5px 10px 10px rgba(0,0,0,.03);
}

.tp-proce {
    justify-content: center;
    display: flex;
    align-items: center;
}

.hot__deal__time6 {
    position: absolute;
    bottom: 23%;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
}

.width-pb {
    width: 100%;
}

.clearfix {
    width: 100%;
    margin: 0;
}

.bg-featured {
    background: #5dacef;
    color: #ececec;
    background-image: url(../img/home6/wedding_engagement_41.png);
    background-size: cover;
}

.bg-featured h4 {
    margin-bottom: 38px;
    padding-left: 14px;
}

img.future-lg {
    border-radius: 5px;
    transition: 0.3s;
    width: 100%;
    height: 100%;
}

img.future-sm {
    border-radius: 5px;
    margin: 2px 0;
    transition: 0.3s;
    width: 100%;
}

img.future-lg:hover {
    opacity: 0.9;
}

img.future-sm:hover {
    opacity: 0.9;
}

.ft-content {
    background: #fff;
    padding-bottom: 6px;
    padding: 5px;
    border-radius: 5px;
    transition: 0.3s;
}

.ft-name {
    color: #000;
    font-weight: 600;
}

.ft-img {
    border-radius: 5px;
    transition: 0.3s;
    opacity: 0.9;
    width: 100%;
}

.ft-img:hover {
    opacity: 1;
}

.off-sec {
    color: var(--title-color);
    padding-left: 12px;
    font-size: 13px;
}

.offer-bg {
    padding: 10px 0;
}

.consumer-bg a {
    color: var(--title-color);
}

ul.flip-clock-container {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    padding-left: 20px;
}
ul.flip-clock-container.custom-clock {
    margin-top: -5px;
}

p.flash-head-text {
    padding-right: 20px;
}

@media (max-width: 1175px) {
    .tp-proce {
        display: block;
    }
}

@media (max-width: 1000px) {
    h4.section__title {
        font-size: 20px;
    }
    .mall__item {
        margin: 3px 0;
    }
}

@media (max-width: 768px) {
    p.flash-head-text {
        display: none;
    }
    .tp-proce {
        display: flex;
    }
    .ft-content.top-sec {
        margin: 3px 0;
    }
    .top-product-card .sale-price-6 {
        color: var(--main-color) !important;
        line-height: 22px;
        font-size: 12px;
    }
}

@media (max-width: 580px) {
    a, a:visited, a:active, a:link, a:focus {
        cursor: pointer;
        text-decoration: none;
        outline: none;
    }
    a.see__btn {
        padding: 0px 6px;
        font-size: 13px;
        transition: 0.3s;
    }

}

p.fl-sell {
    text-align: center;
    align-items: center;
}

h4.desital-head {
    font-weight: 700;
    font-size: 20px;
    color: #000;
    margin-bottom: 20px;
}

.off-sec h5 {
    font-size: 15px;
}

.classified-title {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 5px;
}

a.more-link {
    transition: 0.3s;
    color: var(--title-color);
    width: 20px;
    text-align: center;
}

a.more-link:hover {
    color: var(--main-color);
}

/* =================subscribe form=========== */

h4.newsletter-title {
    color: #fff;
    font-size: 20px;
    font-weight: 500;
    margin-bottom: 15px;
    margin-left: 5px;
}

.subscribe-form {
    display: flex;
    width: 100%;
}

input.form-control.newsletter {
    border-radius: 20px 0px 0px 20px;
    padding: 8px 20px;
    font-size: 15px;
}

button.submit-subscribe {
    border: none;
    border-radius: 0px 20px 20px 0;
    padding: 5px 20px;
    background: var(--main-color);
    color: #fff;
}

.social-area {
    /* text-align: right; */
    display: flex;
    /* justify-content: end; */
    align-items: center;
    height: 100%;
}

.social__link:hover {
    color: var(--main-color);
}

.copy-right {
    display: flex;
    justify-content: center;
    margin-bottom: 10px;
}

.payment-footer {
    text-align: center;
}

.cpy-link {
    margin-left: 10px;
    color: var(--main-color);
    transition: 0.3s;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -ms-transition: 0.3s;
    -o-transition: 0.3s;
}

.experience-des h4 {
    font-size: 20px;
    color: #3d3d3d;
}

.experience-des p {
    font-size: 14px;
    line-height: 20px;
}

a.footer-link {
    font-size: 14px;
    color: var(--text-color);
    transition: 0.3s;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -ms-transition: 0.3s;
    -o-transition: 0.3s;
}

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

h5.sm-title {
    font-size: 16px;
    color: #000;
    margin-top: 10px;
}

.link-wrapper {
    line-height: 20px;
    margin-top: 5px;
}

ul.sub__cat_Lhov.container {
    padding: 0;
}

.feature-nav ul {
    display: flex;
}

.menu {
    display: flex;
    align-items: center;
    /* padding: 10px 15px; */
}

a.feature-nav-link {
    margin: 0 22px;
    display: flex;
    align-items: center;
    color: var(--bs-gray);
    transition: 0.3s;
    font-size: 13px;
}

a.feature-nav-link:first-child {
    margin-left: 0;
}

img.feature-icon {
    width: 17px;
    margin-right: 5px;
}

a.feature-nav-link:hover {
    color: var(--main-color);
}

.feature-nav {
    width: 100%;
    display: flex;
    align-items: center;
}

ul.cat__menu__ul {
    width: 200px;
}

.nav-home {
    display: none;
}

.nav-home.active {
    display: block;
}

.main.fixed-nav {
    top: 0 !important;
    position: fixed;
    animation: fadeIn .5s linear;
}
.main.fixed-nav .top-header {
    display: none;
}

@keyframes fadeIn {
    0% {
        transform: translateY(-100%);
    }
    100% {
        transform: translateY(0);
    }
}

a.cat__dropdown__link-hov {
    padding: 5px 0;
}

.share-sub {
    background: #313131;
    padding: 40px 0;
}

.copy-right-area {
    background: #282828;
    padding: 20px;
}

.home_cat-menu-height-width-3::-webkit-scrollbar {
    width: 0;
}

/* =============category=========== */

.contant-inside {
    background: #fff;
    padding: 20px;
    border-radius: 15px;
}

img.cat-img {
    width: 65px;
}

a.cat-link {
    text-align: center;
    background: #cccccc33;
    padding: 10px;
    line-height: 20px;
    color: var(--text-color);
    font-weight: 700;
    border-radius: 5px;
    width: 100%;
}

h3.cat-title {
    margin-bottom: 10px;
    color: #2b2b2b;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 15px;
    align-items: center;
    display: flex;
}

p.cat-name {
    margin-top: 10px;
    transition: 0.3s;
}

a.cat-link:hover p {
    color: var(--main-color);
}

img.cat-icon {
    width: 20px;
    margin-right: 5px;
}

h3.cat-title span {
    margin-top: 5px;
}

ul.cat-list.row {
    display: grid;
    grid-template-columns: 12.5% 12.5% 12.5% 12.5% 12.5% 12.5% 12.5% 12.5%;
}

li.sub-cat-s {
    padding: 5px;
}

label.radio-inline {
    margin-right: 10px;
}

.form-head {
    font-size: 20px;
    font-weight: 600;
    color: #000;
    margin-top: 20px;
}

thead {
    /* background: #ff4747;
    color: #fff; */
}
.shipping-info .card-header img {
    max-width: 50px;
}
.form-control {
    width: 100%;
}

.title__blog h1 {
    font-weight: 800;
    color: #3c3c3c;
    font-size: 35px;
}

.card.info-card.text-center {
    border: 1px solid #f3f3f3;
    padding: 15px 0;
}

.title-more {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-right: 10px;
}

.form-check {
    margin: 0 8px;
}

@media screen and (max-width: 992px) {
    .nav-home.active {
        display: none;
    }
    .footer-grid {
        display: grid;
        grid-template-columns: 50% 50%;
    }
    .seo-footer-wrapper {
        display: none;
    }
    .copy-right-area {
        padding-bottom: 85px;
    }
    .copy-right {
        display: block;
    }
    .def__sec {
        margin-bottom: 20px;
    }
    button.submit-subscribe {
        padding: 5px 10px;
    }
    h4.newsletter-title {
        font-size: 15px;
    }
    .social h6 {
        margin-left: 0px;
        font-size: 15px;
    }
    .area-hide {
        display: none;
    }
}

/* =================header add =============== */

.add-alert img {
    width: 100%;
}

.add-alert {
    padding: 0;
    margin: 0;
}

button.btn-close:focus {
    outline: none;
    box-shadow: none;
}

/* =========subscribe popup========== */

/* =============popup model========== */

.popup-image img {
    width: 100%;
}

.model-form-section {
    padding: 50px 17px 50px 35px;
    height: 100%;
    display: flex;
    align-items: center;
}

h1.pop-up-title {
    font-size: 25px;
    padding-bottom: 8px;
    color: #000;
    font-weight: 600;
}

.modal-header {
    position: absolute;
    right: -10px;
    top: -7px;
    z-index: 2;
    background: var(--main-color);
    width: 20px;
    height: 20px;
    display: flex;
    justify-content: center;
    border-radius: 50%;
    align-items: center;
}

p.sm-des {
    padding-bottom: 25px;
}

.model-content {
    background: #f2f4f5;
    border-radius: 3px;
    overflow: hidden;
}

.track-list {
    border-bottom: 1px solid #ddd;
}

.btn-close.pp-close-btn {
    background: var(--main-color);
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    color: #fff;
}

@media screen and (max-width: 992px) {
    .slider__image {
        height: 280px;
    }
}

@media screen and (max-width: 768px) {
    .hot-area {
        margin-bottom: 20px;
    }
    .top-product-card .sale-price {
        line-height: 16px;
        font-size: 13px;
    }
    .footer-grid {
        display: grid;
        grid-template-columns: 50% 50%;
        text-align: left;
    }
    .slider__image {
        height: 250px;
    }
    .add-alert {
        display: none;
    }
    .slider__image {
        height: 220px;
    }
}

@media screen and (max-width: 500px) {
    .slider__image {
        height: 170px;
    }
}

@media screen and (max-width: 400px) {
    .card__contact {
        padding: 10px 5px;
        line-height: 20px;
    }
}

.modal {
    backdrop-filter: blur(5px);
}

.modal-header button {
    margin: 0;
    padding: 0;
}

.modal-header button {
    margin: 0;
    padding: 0;
}

.modal-header .btn-close {
    margin: 0;
}

.head-timer {
    display: flex;
    align-items: center;
    padding: 0!important;
}

.accordion-collapse {
    border: 0;
}

button.accordion-button.collapsed {
    border-radius: 0 !important;
}

.btn-block {
    display: flex;
    align-items: center;
}

span.input-group-btn {
    display: flex;
}

.left__side__bg {
    border-radius: 10px;
}

.left__side__bg ul.list-item li a i.fa {
    display: inline-block;
    width: 20px;
}

/* ====================offer page========== */

nav.offer-tab {
    display: flex;
    align-items: center;
}

.offer-tab-btn {
    border: none;
    margin: 0 3px;
    /* padding: 5px 25px; */
    background: #e5e5e5;
    font-size: 13px;
    border-radius: 5px;
    transition: 0.3s;
}

.offer-tab-btn:hover {
    background: var(--main-color);
    color: #fff;
}

.offer-tab-btn.active {
    background: var(--main-color);
    color: #fff;
}

.ending {
    display: flex;
    align-items: center;
    padding-left: 20px;
}

.ending p {
    color: #000;
    font-weight: 700;
}

.tab-inner h4 {
    font-size: 14px;
    font-weight: 800;
    color: #222;
    transition: 0.3s;
}

.tab-inner {
    line-height: 13px;
    text-align: center;
    color: #3a3a3a;
    padding: 5px 25px;
    transition: 0.3s;
}

.tab-inner:hover h4 {
    color: #fff;
}

.tab-inner:hover span {
    color: #fff;
}

button.active .tab-inner h4 {
    color: #fff;
}

button.active .tab-inner span {
    color: #fff;
    transition: 0.3s;
}

.tab-inner span {
    transition: 0.3s;
}

.onsale-timer {
    display: flex;
    align-items: center;
    height: 100%;
}

.offer-head {
    padding: 10px;
}

@media screen and (max-width: 1200px) {
    .onsale-timer {
        margin-bottom: 20px;
        justify-content: center;
    }
    .offer-tab {
        justify-content: center;
    }
}

@media screen and (max-width: 768px) {
    .offer-tab {
        display: grid;
        grid-template-columns: 25% 25% 25% 25%;
    }
    .offer-tab-btn {
        margin-bottom: 10px;
    }
}

@media screen and (max-width: 420px) {
    .offer-tab {
        display: grid;
        grid-template-columns: 33.33% 33.33% 33.33%;
    }
    .onsale-timer {
        display: block;
        text-align: center;
    }
    .ending {
        justify-content: center;
        margin-top: 10px;
    }
}

/* ===========empty div====== */

.empty-div {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    /* z-index: 9999; */
    display: none;
}

.empty-div.active {
    display: block;
}

.nav__contact {
    align-items: center;
}

.check-size {
    display: flex;
    cursor: pointer;
    font-weight: 500;
    position: relative;
    overflow: hidden;
    margin-bottom: 0.375em;
}

.check-size input {
    position: absolute;
    left: -9999px;
}

.check-size input:checked + span {
    border: 1px solid var(--main-color);
    background: var(--main-color);
    color: #fff;
}

.check-size input:checked + span:before {
    box-shadow: inset 0 0 0 0.4375em var(--main-color);
}

.check-size span {
    display: flex;
    align-items: center;
    padding: 0px 22px;
    border-radius: 99em;
    transition: 0.25s ease;
    border: 1px solid var(--main-color);
    margin: 5px;
    font-size: 14px;
}

.check-size span:hover {
    background-color: var(--main-color);
    color: #fff;
}

.check-box {
    display: flex;
    align-items: center;
}

.product-size p {
    color: var(--main-color);
    font-weight: 600;
    padding-right: 10px;
}

/* ===========================review========== */
.reviewer-img img {
    width: 100px;
    border-radius: 50%;
    height: 100px;
}

.review-info {
    display: flex;
}

.user-review {
    margin-left: 15px;
}

.user-review h4 {
    color: #000;
}

.review-img img {
    width: 50%;
}

.review__form {
    background: #f6f6f6;
    padding: 20px;
    border-radius: 10px;
}

label.form-label {
    color: #000;
}

.progress-bar {
    background: #e6b606;
}

.rating-rate h3 {
    font-weight: 700;
    margin-bottom: 35px;
    font-size: 20px;
}

.total-rate h2 {
    color: #000;
    font-weight: 700;
}

@media screen and (max-width: 500px) {
    .review-info {
        display: block;
    }
    .reviewer-img {
        margin-bottom: 10px;
    }
    .tab__btn {
        padding: 5px 13px;
    }
}

div#toal_price_div {
    display: flex;
    align-items: center;
}

h4#main_price {
    margin-left: 10px;
}

/* ==============compare============= */

.cp-product-img img {
    width: 200px;
}

tr.compares {
    text-align: center;
}

.cp-table thead tr th {
    text-align: center;
    line-height: 20px;
}

.compare-wrapper {
    padding: 10px 20px;
    background: #fff;
    border-radius: 10px;
}

.cl-product-price-title {
    position: absolute;
    bottom: 2px;
    right: 2px;
    background: #e71a67;
    padding: 0 20px;
    border-radius: 5px;
    color: #fff;
    font-weight: 700;
}

.classified-product-card {
    position: relative;
}

.cart-icon img {
    width: 40px;
}

.cart-icon {
    position: fixed;
    right: 0;
    top: 45%;
    background: #fff;
    padding: 10px;
    border-radius: 10px 0px 0px 10px;
    cursor: pointer;
}
.cart-icon .custom-count {
    top: -10px;
}

.count-div {
    position: absolute;
    top: -10px;
    display: block;
    justify-content: center;
    column-fill: balance;
    color: #ff4747;
    border-radius: 50%;
    font-size: 17px;
    font-weight: 800;
    left: 4px;
}
.cart-box-wrap {
    position: fixed;
    top: 0;
    right: -100%;
    width: 100%;
    height: 100%;
    transition: all .3s ease-in;
    z-index: 999999;
}
.cart-box-wrap.active {
    right: 0;
}
.cart-close {
    position: absolute;
    top: 20px;
    right: 20px;
    width: 30px;
    height: 30px;
    line-height: 30px;
    border: 0;
    outline: none;
    background: var(--main-color);
    border-radius: 5px;
    color: #fff;
    z-index: 9999;
    transition: .3s;
}
div#show__cart {
    width: 370px;
    position: fixed;
    right: -100%;
    bottom: 0;
    padding: 25px;
    background: #fff;
    box-shadow: -14px -2px 20px 1px #00000017;
    z-index: 999;
    height: 100vh;
    transition: 0.3s;
}

.cart-box-wrap.active div#show__cart {
    right: 0;
}
.cart-product-ca {
    height: 94%;
    overflow-y: auto;
}

div#show__cart card {
    height: 100%;
}

div#show__cart .card {
    height: 100%;
}

div#show__cart.active {
    right: 0;
}
.review__tab {
    padding-left: 30px;
    padding-right: 30px;
}

.card-null-div {
    background: #0000003d;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    height: 100vh;
    z-index: 991;
    transition: 0.3s;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -ms-transition: 0.3s;
    -o-transition: 0.3s;
    opacity: 0;
    visibility: hidden;
    backdrop-filter: blur(3px);
}
.card-null-div.active {
    opacity: 1;
    visibility: visible;
}

/*share component css*/
div#social-links {
    margin: 0 auto;
    max-width: 500px;
}
div#social-links ul li {
    display: inline-block;
}
div#social-links ul li a {
    padding: 10px;
    border: 1px solid #ccc;
    margin: 5px;
    font-size: 18px;
    color: #ff4747;
    border-radius: 50%;
    width: 32px;
    height: 32px;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: 0.3s;
}
#social-links ul li a:hover {
    background-color: #ff4747;
    color: #fff;
    border-color: #ff4747;
}

/* naeem css */
.ct__product .count__p,
.ct__product p.price {
    width: 100px;
    margin: 0 10px;
}

.cart-product-ca .list-group-flush {
    padding: 5px!important;
}

.panel-show-btn {
    border: none;
    background: none;
}
.panel-show-btn i {
    margin-top: 10px;
}
.dataTables_paginate a {
    margin: 5px;
}
.dataTables_length label {
    margin-bottom: 10px;
    text-transform: capitalize;
}
.logo img.logo__img {
    width: 180px;
}
.jumbotron h4 {
    text-transform: capitalize;
    margin-bottom: 10px;
}
.main__foot p,
.main__foot small {
    font-size: 14px;
}

.copyright-area {
    color: rgb(218, 218, 218);
    background-color: #282828;
    padding: 20px 0;
}
.copyright-area a {
    color: #ff4747;
}
.category__head {
    margin-top: 20px;
}
.category__head a {
    position: relative;
    top: -3px;
}
.slider {
    margin-top: 20px;
}
.delivery-option .title-area> p {
    font-size: 20px;
    font-weight: 700;
}
.card-quantity {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}
.card-quantity .btn-primary,
.card-quantity .btn-danger,
.card-quantity .btn-info {
    font-size: 12px;
}
.card-quantity .btn {
    padding: 5px 10px;
}

.custom-countdown {
    position: relative;
    left: -59px;
}

.cart-product-ca .card-body {
    padding: 10px 0!important;
}

.sub-menu-title h5 {
    font-size: 16px;
    text-transform: capitalize;
    padding-bottom: 5px;
}

.sp-wrap {
    width: 420px;
    max-height: 420px;
    padding: 30px;
}

.sp-large a img {
    position: relative;
    max-height: 350px;
    left: 50%;
    transform: translateX(-50%);
}

.blog-title {
    color: #222!important;
    transition: 0.3s;
    font-size: 20px!important;
}
.blog-title:hover {
    color: #ff4747!important;
}

.blog-meta {
    border-bottom: 1px solid #c7c1c1;
}

.blog-meta span {
    display: inline-block;
    font-size: 14px;
}
.blog-meta .comment_count {
    margin-left: 20px;
}

.blog__sidebar.blog__followrs div#social-links {
    margin: 0!important;
}

.content__details .blog__sidebar {
    padding: 0;
}

.shipping-info .card-header,
.shipping-info .card-body {
    padding: 0;
}

.shipping-info .card-body h3 {
    margin: 15px 0;
}

.shipping-info .info-card {
    padding: 30px!important;
}

li.ct__product__li .name h6 {
    font-size: 15px!important;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.side__baner img {
    width: 100%!important;
}

.sp-large {
    position: relative;
    top: 50%;
    transform: translateY(-50%);
}

.badge-custom .box {
    display: inline-block;
    color: #fff;
    font-size: 10px;
    line-height: 20px;
    position: relative;
    z-index: 2;
}
.badge-custom .box::before {
    content: "";
    position: absolute;
    top: -1px;
    left: 0;
    right: 0;
    height: calc(50% + 1px);
    background: var(--main-color);
    border: 1px solid var(--main-color);
    transform: skewX(25deg);
    margin-right: -5px;
    z-index: -1;
}
.badge-custom .box::after {
    content: "";
    position: absolute;
    bottom: -1px;
    left: 0;
    right: 0;
    height: calc(50% + 1px);
    background: var(--main-color);
    border: 1px solid var(--main-color);
    transform: skewX(-25deg);
    margin-right: -5px;
    z-index: -1;
}
.countdown_area {
    display: flex;
    margin-bottom: 0 !important;
}
.single_countdown {
    display: flex !important;
    align-items: center;
    gap: 5px;
    margin: 0 5px !important;
}
.head .countdown_number {
    width: 30px !important;
    height: 30px !important;
    line-height: 30px !important;
    border-radius: 5px !important;
    margin-bottom: 0 !important;
    font-size: 14px !important;
}

@media screen and (max-width: 1199px) and (min-width: 992px) {
    .product__grid.product-col-6 >* {
        width: calc(100% / 5 - 16px);
    }
}

@media screen and (max-width: 991px) and (min-width: 768px) {
    .container.my-4 {
        margin-top: 20px !important;
        margin-bottom: 20px !important;
    }

    div#show__cart {
        width: 320px;
        height: 100%;
    }
    .cart-product-ca .card-body {
        width: fit-content;
    }
    img.pt__img {
        width: 60px;
    }
    .cart-icon {
        padding: 7px;
        border: 1px solid var(--main-color);
        border-right: 0;
        border-radius: 5px 0 0 5px;
    }
    .cart-icon img {
        width: 20px;
    }
    span.count {
        width: 15px;
        height: 15px;
        line-height: 15px;
        font-size: 9px;
        right: 25%;
    }
    .top-header {
        padding: 0;
    }
    .main__menu {
        padding-top: 10px;
        padding-bottom: 10px;
        justify-content: space-between;
    }
    .main__body.pt-113 {
        padding-top: 55px;
    }
    .main__body.pt-161 {
        padding-top: 55px;
    }
    .logo img.logo__img {
        width: 110px;
    }

    .card__contact {
        padding: 15px 15px 10px;
    }
    .radial__img__5 img {
        width: 35px;
        height: 35px;
    }

    .slider__image {
        width: 100% !important;
        height: 250px;
    }

    .countdown_area {
        display: flex;
        margin-bottom: 10px;
    }
    .single_countdown {
        flex-direction: column;
    }
    .head .countdown_number {
        width: 25px !important;
        height: 25px !important;
        line-height: 25px !important;
        border-radius: 3px !important;
    }

    h4.section__title {
        font-size: 18px;
        line-height: 100%;
    }
    h4.section__title img {
        width: 20px;
    }

    .latest__sale {
        padding: 4px 15px 15px!important;
    }
    .card.top-product-card .card-body.flash__card {
        padding: 10px;
    }
    .slick-track {
        gap: 10px;
    }

    .hot-area {
        padding: 5px 8px 15px !important;
    }
    .head h5 {
        font-size: 18px;
    }

    .category__grid {
        padding: 15px;
        grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
    }
    .grid__item a p {
        font-size: 12px;
    }

    .product__grid {
        gap: 10px;
    }
    .product__grid.product-col-4 >*,
    .product__grid.product-col-5 >* {
        width: calc(100% / 3 - 6.7px);
    }
    .product__grid.product-col-6 >* {
        width: calc(100% / 4 - 7.5px);
    }

    li.latest__product .latest__img {
        width: 65px;
    }
    li.latest__product .latest__details {
        width: calc(100% - 75px);
    }

    .single__product {
        padding: 10px;
        border-radius: 5px;
    }
    .sp-wrap {
        width: calc(100% - 70px);
        height: auto;
        margin-bottom: 20px;
    }
    .single__product h1,
    .single__product h3 {
        font-size: 18px;
    }
    .review__tab {
        padding: 0;
    }

    /* .my-table {
        min-width: max-content;
        width: 100%;
    }
    .my-table .single-row {
        min-width: max-content;
    }
    .single-col {
        width: 100% !important;
        min-width: max-content;
    } */

    .card-header {
        padding: 15px 20px;
    }
    .card .card-body {
        padding: 15px 20px;
    }

    .contact__bg {
        padding: 15px 20px;
    }

    .title__blog h1 {
        font-size: 20px;
    }
    div#social-links ul li a {
        font-size: 16px !important;
        padding: 15px !important;
    }
    .blog__sidebar h4 {
        font-size: 18px;
    }

    .footer__sec {
        padding: 60px 0 40px;
    }

    .content__bg {
        padding: 20px;
    }
    .btn__custom {
        padding: 4px 15px;
    }

    .shipping-info .info-card {
        padding: 0 !important;
    }
    .shipping-info .info-card .card-body {
        padding: 15px 10px;
    }
}

@media screen and (max-width: 479px) and (min-width: 320px) {
    .footer-grid {
        grid-template-columns: 100%;
    }
}

@media screen and (max-width: 767px) and (min-width: 320px) {
    .container.my-4 {
        margin-top: 20px !important;
        margin-bottom: 20px !important;
    }

    div#show__cart {
        width: 320px;
        height: 100%;
    }
    .cart-product-ca .card-body {
        width: fit-content;
    }
    img.pt__img {
        width: 60px;
    }
    .cart-icon {
        padding: 7px;
        border: 1px solid var(--main-color);
        border-right: 0;
        border-radius: 5px 0 0 5px;
    }
    .cart-icon img {
        width: 20px;
    }
    span.count {
        width: 15px;
        height: 15px;
        line-height: 15px;
        font-size: 9px;
        right: 25%;
    }
    .top-header {
        padding: 0;
    }
    .main__menu {
        padding-top: 10px;
        padding-bottom: 10px;
        justify-content: space-between;
    }
    .main__body.pt-113 {
        padding-top: 55px;
    }
    .main__body.pt-161 {
        padding-top: 55px;
    }
    .logo img.logo__img {
        width: 110px;
    }
    .radial__img__5 img {
        width: 35px;
        height: 35px;
    }

    .slider__image {
        width: 100% !important;
        height: 150px;
    }

    .countdown_area {
        display: flex;
        margin-bottom: 10px;
    }
    .single_countdown {
        flex-direction: column;
    }
    .head .countdown_number {
        width: 25px !important;
        height: 25px !important;
        line-height: 25px !important;
        border-radius: 3px !important;
    }

    h4.section__title {
        font-size: 18px;
        line-height: 100%;
    }
    h4.section__title img {
        width: 20px;
    }

    .latest__sale {
        padding: 4px 15px 15px!important;
    }
    .card.top-product-card .card-body.flash__card {
        padding: 10px;
    }
    .slick-track {
        gap: 10px;
    }

    .hot-area {
        padding: 5px 8px 15px !important;
    }
    .head h5 {
        font-size: 18px;
    }

    .category__grid {
        padding: 15px;
    }
    .grid__item a p {
        font-size: 12px;
    }

    .product__grid {
        gap: 10px;
    }
    .product__grid.product-col-4 >*,
    .product__grid.product-col-5 >*,
    .product__grid.product-col-6 >* {
        width: calc(100% / 2 - 5px);
    }

    .single__product {
        padding: 10px;
        border-radius: 5px;
    }
    .sp-wrap {
        max-width: none;
        width: 100%;
        height: auto;
        margin-left: 0;
        margin-bottom: 75px;
    }
    .sp-thumbs {
        top: auto;
        left: 0;
        bottom: -75px;
        width: 100%;
        display: flex;
        justify-content: center;
        gap: 10px;
    }
    .single__product h1,
    .single__product h3 {
        font-size: 18px;
    }
    .review__tab {
        padding: 0;
    }

    /* .my-table {
        min-width: max-content;
        width: 100%;
    }
    .my-table .single-row {
        min-width: max-content;
    }
    .single-col {
        width: 100% !important;
        min-width: max-content;
    } */

    .card-header {
        padding: 15px 20px;
    }
    .card .card-body {
        padding: 15px 20px;
    }

    .contact__bg {
        padding: 15px 20px;
    }

    .title__blog h1 {
        font-size: 20px;
    }
    div#social-links ul li a {
        font-size: 16px !important;
        padding: 15px !important;
    }
    .blog__sidebar h4 {
        font-size: 18px;
    }

    .footer__sec {
        padding: 60px 0 40px;
    }

    .content__bg {
        padding: 20px;
    }
    .btn__custom {
        padding: 4px 15px;
    }

    .copyright-area {
        text-align: center;
    }
    .copyright-area .text-end {
        text-align: center !important;
    }
}

@media screen and (max-width:767px) and (min-width:576px) {
    .product__grid.product-col-4 >*,
    .product__grid.product-col-5 >*,
    .product__grid.product-col-6 >* {
        width: calc(100% / 3 - 7.5px);
    }
}

@media screen and (max-width:767px) and (min-width:480px) {
    .slider__image {
        height: 200px;
    }
}

@media screen and (max-width:991px) and (min-width:320px) {
    header {
        display: none;
    }
    .copyright-area {
        padding-bottom: 91px;
    }
}

.close-top-alert {
    position: absolute;
    top: 20px;
    right: 10px;
    font-size: 20px;
    border: 0;
    background: transparent;
}
.scroll__top i {
    font-size: 20px;
}

.align-items-center {
    -ms-flex-align: center!important;
    align-items: center!important;
}
.flex-grow-1 {
    -ms-flex-positive: 1!important;
    flex-grow: 1!important;
}
.d-flex {
    display: flex!important;
}
.bg-white {
    background-color: #fff!important;
}
.position-relative {
    position: relative!important;
}
.input-group>.form-control {
    position: relative;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    width: 1%;
    min-width: 0;
    margin-bottom: 0;
}
/* .form-control:not(textarea) {
    padding: 0.2rem 1rem;
    font-size: 0.875rem;
    height: calc(1.3125rem + 1.2rem + 2px);
    border: 1px solid #e2e5ec;
    color: #898b92;
} */
.input-group {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    width: 100%;
}
.border-lg{
    border: 1px solid #d5d5d5;
    border-radius: 3px;
}
.search-button{
    height:100%
}
.list-group {
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    padding-left: 0;
    margin-bottom: 0;
    border-radius: 0.25rem;
}
.list-group-raw .list-group-item {
    border: 0;
}
.bg-soft-secondary {
    background-color: var(--soft-secondary) !important;
}
.fs-10 {
    font-size: 0.625rem !important;
}
.text-muted {
    color: #6c757d!important;
}
.text-uppercase {
    text-transform: uppercase!important;
}
.text-reset{
    font-size: 14px;
}

.mx--30 {
margin-left: -30px;
margin-right: -30px;
}
.header-logo {
width: 180px;
}
.header-logo img {
max-width: 100%;
}
.header-section select {
background: var(--main-color);
color: #fff;
border: 0;
border-radius: 3px;
cursor: pointer;
padding: 0 5px;
}

.hero-section {
background: rgba(255, 71, 71, 0.05);
padding: 85px 0;
margin-bottom: 75px;
}
.hero-form-area form .input-group {
margin-bottom: 20px;
}
.def-btn {
padding: 0 30px;
background: var(--main-color);
color: #fff;
border: 0;
border-radius: 5px;
height: 42px;
transition: .3s
}
.def-btn:hover {
background: var(--bs-red)
}
.hero-form-area {
margin-bottom: -160px;
}
.hero-form-area form {
padding: 40px 30px;
box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1);
border-radius: 5px;
position: relative;
z-index: 22;
}

.why-sell-on-revel {
padding-top: 80px;
padding-bottom: 80px;
}
.single-feature-box .part-icon {
font-size: 40px;
color: #323232;
margin-bottom: 30px;
transition: .3s;
}
.single-feature-box .part-txt h3 {
color: #323232;
margin-bottom: 10px;
transition: .3s;
}
.single-feature-box:hover .part-icon,
.single-feature-box:hover .part-txt h3 {
color: var(--main-color);
}

.seller-process {
padding: 100px 0;
background: url(../../../../frontend/img/process-bg.jpg) center center no-repeat;
background-size: cover;
position: relative;
z-index: 2;
}
.seller-process::after {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0,0,0,0.7);
z-index: -1;
}
.single-step {
min-height: 235px !important;
padding: 0 30px;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
text-align: center;
position: relative;
z-index: 2;
}
.single-step::before {
content: "";
position: absolute;
top: 50%;
left: 50px;
transform: translateY(-50%);
width: 235px;
height: 235px;
background: url(../../../../frontend/img/process-vector.png) center right no-repeat;
background-size: contain;
z-index: -1;
}
.single-step .part-icon {
font-size: 40px;
color: #fff;
margin-bottom: 20px;
}
.single-step .part-txt h3 {
font-size: 20px;
font-weight: 700;
line-height: 100%;
color: #fff;
margin-bottom: 5px;
}
.single-step .part-txt p {
font-size: 16px;
line-height: 20px;
color: #fff;
}

.faq {
padding: 80px 0;
}
.accordion-button {
display: flex;
justify-content: space-between;
align-items: center;
}
.accordion-button::after {
display: none;
}

.download-mobile-app {
padding-bottom: 80px;
}
.download-mobile-app .bg {
background: url(../../../../frontend/img/app-download-bg.jpg) center center no-repeat;
background-size: cover;
position: relative;
overflow: hidden;
z-index: 2;
}
.download-mobile-app .bg::after {
content: "";
position: absolute;
top: 0;
left: -100px;
width: calc(60% + 100px);
height: 100%;
background: #fff;
transform: skew(-25deg);
z-index: -1;
}
.download-mobile-app .part-txt {
padding-top: 80px;
padding-left: 40px;
padding-bottom: 80px;
}
.download-mobile-app .part-txt h2 {
font-size: 35px;
line-height: 1.1;
font-weight: 700;
color: #323232;
margin-bottom: 15px;
}
.download-mobile-app .part-txt p {
color: #323232;
margin-bottom: 15px;
}

@media screen and (max-width:991px) and (min-width:320px) {
.title h2 {
    font-size: 25px !important;
}

.header-logo {
    width: 110px;
}

.hero-section {
    padding: 60px 0;
    margin-bottom: 0;
}
.hero-form-area {
    margin: 0;
}
.hero-form-area form {
    padding: 30px 20px;
}
.hero-form-area form h2 {
    font-size: 20px !important;
}
.hero-form-area form p {
    line-height: 1.4;
}
.hero-form-area form .input-group {
    margin-bottom: 15px;
}

.why-sell-on-revel {
    padding-top: 60px;
    padding-bottom: 60px;
}
.single-feature-box .part-txt h3 {
    font-size: 20px;
}

.seller-process {
    padding: 60px 0;
}
.seller-process .product__grid {
    justify-content: center;
}
.mx--30 {
    margin: 0;
}
.single-step {
    min-height: 140px !important;
    padding: 0;
}
.single-step::before {
    display: none;
}
.single-step .part-icon {
    font-size: 30px;
}
.single-step .part-txt h3 {
    font-size: 18px;
}
.single-step .part-txt p {
    font-size: 14px;
}

.faq {
    padding: 60px 0;
}

.download-mobile-app .bg::after {
    left: 0;
    width: 100%;
    transform: skew(0);
    border: 1px solid rgba(0, 0, 0, 0.1);
    opacity: 0.8;
}
.download-mobile-app .part-txt {
    text-align: center;
    padding-top: 60px;
    padding-left: 20px;
    padding-bottom: 60px;
    padding-right: 20px;
}
.download-mobile-app .part-txt h2 {
    font-size: 20px;
}
.download-mobile-app .part-txt p {
    font-size: 14px;
    line-height: 1.6;
}
}

@media screen and (max-width:991px) and (min-width:768px) {
.header-section .form-control {
    height: 30px;
}
.header-section .def-btn {
    height: 30px;
    line-height: 30px;
    padding: 0 20px;
}

.hero-section {
    padding: 60px 0;
    margin-bottom: 75px;
}
.hero-form-area {
    margin-bottom: -135px;
}

.download-mobile-app .part-txt {
    text-align: left;
}
.download-mobile-app .bg::after {
    left: -100px;
    width: calc(60% + 100px);
    border: 0;
    transform: skew(-25deg);
    opacity: 1;
}
}

@media screen and (max-width:1199px) and (min-width:992px) {
.single-step {
    padding: 0;
    min-height: 130px !important;
}
.single-step::before {
    display: none;
}

.download-mobile-app .bg::after {
    left: -110px;
}
}



/* ================== included internal CSS ================== */

.blog__sidebar div#social-links {
    max-width: 500px;
}
.blog__sidebar div#social-links ul li {
    display: inline-block;
    margin: 10px 7px 0 0;
}
.blog__sidebar div#social-links ul li a {
    padding: 20px;
    border: 1px solid #ccc;
    margin: 0;
    font-size: 18px;
    color: #555555;
    border-radius: 50%;
}


.faq__bg .accordion-button i {
    transform: rotate(180deg);
    transition: .3s;
}
.faq__bg .accordion-button.collapsed i{
    transform: rotate(0)
}
.custom-td {
    width: 110px;
}


.onclick_shipping {
    position: absolute;
    top: 27px;
    left: 5px;
}
.onclick_shipping:checked + label {
    border-color: #0000ff !important;
}
.downloadable-product .my-table {
    border-top: 1px solid #ddd;
}
.downloadable-product .my-table .single-row {
    border-bottom: 1px solid #ddd;
}
.downloadable-product .my-table .single-row .row-inner {
    display: flex;
}
.downloadable-product .my-table .single-row .single-col {
    width: calc(100% / 6);
    border-right: 1px solid #ddd;
    text-align: center;
}
.downloadable-product .my-table .single-row .single-col:first-child {
    border-left: 1px solid #ddd;
}
.downloadable-product .slide-panel {
    background: #f3f3f3;
    border: 1px solid #ddd;
    padding: 20px;
    display: none;
}


.classified-contact-card .icon {
    display: inline-block;
    text-align: center;
    width: 40px;
    height: 40px;
    line-height: 40px;
    background: #dadada;
    border-radius: 50%;
    margin-right: 5px;
}


.top-header .top-selector {
    border: 1px solid transparent;
    padding: 5px;
    border-radius: 5px;
}
.top-header .custom-currency {
    margin-left: 10px;
}


.top__sale .head.head__5 {
    padding: 20px 5px;
}
.top__sale .latest__sale {
    margin-bottom: 24px;
}
.top__sale .grid__item:hover {
    box-shadow: 0 5px 10px 10px rgba(0,0,0,.04);
}
.top__sale .owl-stage-outer {
    padding: 0;
}
.top__sale .head {
    padding: 20px 5px;
}
.top__sale .offer-bg {
    padding-top: 30px!important;
}
.top__sale .offer-bg .off-sec {
    padding: 0;
}



.dataTables_length {
    float: left !important;
    padding: 5px 0px;
}
.dataTables_length select {
    margin-right: 5px;
}
.dataTables_filter {
    float: right !important;
    padding: 5px 0px;
}

.dataTables_filter input {
    margin-left: 5px;
}
.owl-stage{
    display: flex;
    flex-wrap: wrap;
}

.countdown_text p {
    font-size: 14px;
    line-height: 25px;
}

.countdown_text p span {
    font-weight: 700;
    color: #c40316;
}

.product_timing {
   margin-top: 7.5px;
}

.single_countdown {
    display: inline-block;
    margin: 0 10px;
}

.single_countdown:last-child {
   margin-right: 0;
}

.countdown_number {
    width: 50px !important;
    height: 50px !important;
    line-height: 50px !important;
    font-size: 18px !important;
    font-weight: 700 !important;
}

.countdown_title {
    text-align: center;
    font-size: 11px;
    text-transform: uppercase;
    letter-spacing: 0;
    line-height: 18px;
}

.countdown_number {
    font-size: 15px;
    font-weight: 500;
    line-height: 40px;
    min-width: max-content;
    width: 40px;
    height: 40px;
    background: red;
    text-align: center;
    border-radius: 50%;
    padding: 0 5px;
    margin-bottom: 10px;
    color: white;
}

.section-titles h2 {
    font-size: 20px;
    padding: 5px 0px;
}
.head-timer {
    display: flex;
    gap: 10px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 0;
}

@media  only screen and (min-width: 1200px) and (max-width: 1600px) {
    .single_countdown {
        margin-right: 5px;
    }
}

@media  only screen and (min-width: 992px) and (max-width: 1199px) {
    .single_countdown {
        margin-right: 3px;
    }
}

@media  only screen and (min-width: 768px) and (max-width: 991px) {
    .single_countdown {
        margin-right: 3px;
    }
}

@media  only screen and (max-width: 767px) {
    .single_countdown {
        margin-right: 4px;
    }
}

@media  only screen and (min-width: 1200px) and (max-width: 1600px) {
    .countdown_number {
        line-height: 42px;
        width: 42px;
        height: 42px;
    }
}

@media  only screen and (min-width: 992px) and (max-width: 1199px) {
    .countdown_number {
        line-height: 46px;
        width: 46px;
        height: 46px;
    }
}

@media  only screen and (min-width: 768px) and (max-width: 991px) {
    .countdown_number {
        line-height: 46px;
        width: 46px;
        height: 46px;
    }
}

@media  only screen and (max-width: 767px) {
    .countdown_number {
        line-height: 47px;
        width: 47px;
        height: 47px;
    }
}



.swal2-container.swal2-backdrop-show, .swal2-container.swal2-noanimation {
    backdrop-filter: blur(2px);
}
.swal2-icon .swal2-icon-content {
    font-size: 1em !important;
}
.swal2-popup .swal2-styled {
    margin: 0 !important;
}
.swal2-popup .swal2-actions {
    gap: 20px;
}
.dataTables_processing{
    margin-left: 40%;
    font-style: oblique;
}



.insta-post {
    display: flex;
    flex-wrap: wrap;
    gap: 10px
}
.insta-post li {
    width: calc(100% / 3 - 6.7px);
}
.insta-post li a {
    padding: 0 !important;
    margin: 0 !important;
}
.insta-post li a:hover, .insta-post li a:focus {
    transform: translateY(-3px);
}
.shipping-info-row {
    background: rgba(0, 0, 0, 0.1);
    gap: 1px;
}
.shipping-info-row >* {
    flex: 1 0;
}



.sticker-container{
    min-height: 30px ;
}
.product-tag{
    width: 60px;
}



.keyword .search_product_img {
    width: 60px;
    height: 60px;
    margin-right: 15px;
}
.keyword .text-truncate {
    white-space: normal;
}
.keyword .list-group-raw .list-group-item {
    transition: .1s;
}
.keyword .list-group-raw .list-group-item:hover {
    background-color: #f5f5f5;
}

.keyword {
    overflow-y: scroll;
    max-height: 400px;
}




.seller-license p {
    margin: 0;
}
.seller-license .upload__inputfile {
    width: 0.1px;
    height: 0.1px;
    opacity: 0;
    overflow: hidden;
    position: absolute;
    z-index: -1;
}
.seller-license .upload__btn {
    display: block;
    font-weight: 600;
    color: #323232;
    text-align: center;
    padding: 5px;
    transition: all 0.3s ease;
    cursor: pointer;
    border: 2px solid;
    background-color: #ddd;
    border-color: #ddd;
    border-radius: 4px;
    line-height: 26px;
    font-size: 14px;
}
.seller-license .upload__btn:hover {
    background-color: unset;
    transition: all 0.3s ease;
}
.seller-license .upload__btn-box {
    margin-bottom: 10px;
}
.seller-license .upload__img-wrap {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-bottom: 10px;
}
.seller-license .upload__img-box {
    width: 70px;
    border-radius: 10px;
    overflow: hidden;
}
.seller-license .upload__img-close {
    width: 24px;
    height: 24px;
    border-radius: 50%;
    background-color: rgba(0, 0, 0, 0.5);
    position: absolute;
    top: 10px;
    right: 10px;
    text-align: center;
    line-height: 24px;
    z-index: 1;
    cursor: pointer;
}
.seller-license .upload__img-close:after {
    content: "✖";
    font-size: 14px;
    color: white;
}

.seller-license .img-bg {
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    position: relative;
    padding-bottom: 100%;
}