/*your custom css goes here*/
/* .color-red{ */
:root {
     /* Fonts */
    --theme_font_1: 'Poppins';
    --theme_font_2: 'Poppins-Medium';
    --theme_font_3: 'Poppins-Regular';
    /* HEX Colors */
    --theme_hex_1: #83B735;
    --theme_hex_2: #64BF47;
    --theme_hex_3: #FF0054;
    --theme_hex_4: #C2C2C2;
    --theme_hex_5: #F1FFDC;
    --theme_hex_6: #FFF2C8;
    --theme_hex_7: #FAFAFA;
    --theme_hex_8: #E8E8E8;
    --theme_hex_9: #878787;

    --theme_hex_10: #006DCC;
    --theme_hex_11: #B8B8B8;
    --theme_hex_12: #FFC400;
    --theme_hex_13: #0ABC40;
    --theme_hex_14: #6A6A6A;
    --theme_hex_15: #0E0F0D;
    --theme_hex_16: #707070;
    --theme_hex_17: #a1a1a1;
    --theme_hex_18: #616161;
    --theme_hex_19: #ececec;
    --theme_hex_20: #5b5b5b;

    --theme-color-1: #83B735;
    --theme-color-2: #64bf47;

    /* RGBA Colors */
    --theme_rgba_1: rgba(0,0,0,0.5);


    /* Shadow */
    --theme_box_shadow_1: 0px 0px 10px 5px #dddddd;
}

/* fonts  */
@font-face {
    font-family: 'Poppins';
    src: url('../fonts/poppins/Poppins-Regular.woff'),
    url('../fonts/poppins/poppins-regular.ttf');
}

@font-face {
    font-family: 'Poppins-Medium';
    src: url('../fonts/poppins/Poppins-Medium.woff'),
    url('../fonts/poppins/poppins-medium.ttf');
}

@font-face {
    font-family: 'Poppins-Regular';
    src: url('../fonts/poppins/Poppins-Regular.woff'),
    url('../fonts/poppins/poppins-regular.ttf');
}

/********** common styles
***********************************/
html, body, div, span, h1, h2, h3, h4, h5, h6, p, a, ul, li, ol, dd, dl, dt{
    font-family: var(--theme_font_1);
    /* font-family: 'Noto Sans Sinhala', var(--theme_font_1); */
    /* font-family: 'Noto Sans Sinhala', sans-serif; */
}

.form-control:focus {
    border-color: black;
    box-shadow: none;
}

.carousel-inner img {
    width: 100%;
    height: 100%;
}

.header-sticky {
    z-index: 10;
}

.theme-border-1{
    border: solid 1px var(--theme_hex_3) !important;
}

.round-conner-5{
    border-radius: 5px;
}

.cust-tooltip{
    position: relative;
    background-color: var(--theme_hex_1);
    color: var(--white);
    line-height: 1;
    text-transform: uppercase;
    font-size: 10px;
    text-align: center;
    padding: 6px 6px;
    height: 22px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.cust-tooltip::before{
    content: "\f0d9";
    position: absolute;
    top: 5px;
    left: -3px;
    color: var(--theme_hex_1);
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
}

.custom-sp-btn {
    background-color: var(--theme_hex_1);
    border-radius: 5px;
    color: #fff;
}

.custom-sp-btn:hover {
    background-color: #568819;
    color: #fff;
}

#show-hide-limit.color-limit{
    height: 50px;
    overflow: hidden;
}

.height-limiter .aiz-checkbox-list{
    min-height: 50px;
}

.height-limiter.limit .aiz-checkbox-list{
    height: 50px;
    overflow: hidden;
}

.rating i.hover, .rating i.active, .text-rating {
    color: var(--theme_hex_12);
}

.section-title{
    display: flex;
    align-items: center;
    margin-bottom: 10px;
    /* border-bottom: solid 1px #dddddd; */
}
.section-title h3{
    color: var(--theme_hex_3);
    font-weight: 600;
    margin-bottom: 0;
    font-size: 18px;
    padding: 15px 0;
}
.section-title a{
    font-size: 13px;
    font-weight: 600;
    margin: 0 0 0 auto;
    text-decoration: underline;
}
.section-title a:hover{
    color: var(--theme_hex_3);
}

.title-main h3{
    font-weight: 600;
}

.title-main p{
    font-weight: 400;
    max-width: 50rem;
    display: flex;
    margin-inline: auto;
    text-align: center;
    justify-content: center;
}

.title-main-wt p{
    font-weight: 400;
    max-width: 50rem;
    color: white;
}

.slick-track {
    margin-left: 0;
}
.aiz-carousel .slick-arrow {
    width: 2rem;
    height: 2rem;
    font-size: 1.5rem;
    line-height: 2rem;
    border-radius: 50%;
}

.error{
    color: #ff0000;
}

.text-color-black{
    color: #544a4a;
}

/* Absolute Center Spinner */
.loading {
    position: fixed;
    z-index: 99999;
    height: 2em;
    width: 2em;
    overflow: show;
    margin: auto;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
  }

  /* Transparent Overlay */
  .loading:before {
    content: '';
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
      background: radial-gradient(rgba(20, 20, 20,.8), rgba(0, 0, 0, .8));

    background: -webkit-radial-gradient(rgba(20, 20, 20,.8), rgba(0, 0, 0,.8));
  }

  /* :not(:required) hides these rules from IE9 and below */
  .loading:not(:required) {
    /* hide "loading..." text */
    font: 0/0 a;
    color: transparent;
    text-shadow: none;
    background-color: transparent;
    border: 0;
  }

  .loading:not(:required):after {
    content: '';
    display: block;
    font-size: 10px;
    width: 1em;
    height: 1em;
    margin-top: -0.5em;
    -webkit-animation: spinner 150ms infinite linear;
    -moz-animation: spinner 150ms infinite linear;
    -ms-animation: spinner 150ms infinite linear;
    -o-animation: spinner 150ms infinite linear;
    animation: spinner 150ms infinite linear;
    border-radius: 0.5em;
    -webkit-box-shadow: rgba(255,255,255, 0.75) 1.5em 0 0 0, rgba(255,255,255, 0.75) 1.1em 1.1em 0 0, rgba(255,255,255, 0.75) 0 1.5em 0 0, rgba(255,255,255, 0.75) -1.1em 1.1em 0 0, rgba(255,255,255, 0.75) -1.5em 0 0 0, rgba(255,255,255, 0.75) -1.1em -1.1em 0 0, rgba(255,255,255, 0.75) 0 -1.5em 0 0, rgba(255,255,255, 0.75) 1.1em -1.1em 0 0;
  box-shadow: rgba(255,255,255, 0.75) 1.5em 0 0 0, rgba(255,255,255, 0.75) 1.1em 1.1em 0 0, rgba(255,255,255, 0.75) 0 1.5em 0 0, rgba(255,255,255, 0.75) -1.1em 1.1em 0 0, rgba(255,255,255, 0.75) -1.5em 0 0 0, rgba(255,255,255, 0.75) -1.1em -1.1em 0 0, rgba(255,255,255, 0.75) 0 -1.5em 0 0, rgba(255,255,255, 0.75) 1.1em -1.1em 0 0;
  }

  /* Animation */

  @-webkit-keyframes spinner {
    0% {
      -webkit-transform: rotate(0deg);
      -moz-transform: rotate(0deg);
      -ms-transform: rotate(0deg);
      -o-transform: rotate(0deg);
      transform: rotate(0deg);
    }
    100% {
      -webkit-transform: rotate(360deg);
      -moz-transform: rotate(360deg);
      -ms-transform: rotate(360deg);
      -o-transform: rotate(360deg);
      transform: rotate(360deg);
    }
  }
  @-moz-keyframes spinner {
    0% {
      -webkit-transform: rotate(0deg);
      -moz-transform: rotate(0deg);
      -ms-transform: rotate(0deg);
      -o-transform: rotate(0deg);
      transform: rotate(0deg);
    }
    100% {
      -webkit-transform: rotate(360deg);
      -moz-transform: rotate(360deg);
      -ms-transform: rotate(360deg);
      -o-transform: rotate(360deg);
      transform: rotate(360deg);
    }
  }
  @-o-keyframes spinner {
    0% {
      -webkit-transform: rotate(0deg);
      -moz-transform: rotate(0deg);
      -ms-transform: rotate(0deg);
      -o-transform: rotate(0deg);
      transform: rotate(0deg);
    }
    100% {
      -webkit-transform: rotate(360deg);
      -moz-transform: rotate(360deg);
      -ms-transform: rotate(360deg);
      -o-transform: rotate(360deg);
      transform: rotate(360deg);
    }
  }
  @keyframes spinner {
    0% {
      -webkit-transform: rotate(0deg);
      -moz-transform: rotate(0deg);
      -ms-transform: rotate(0deg);
      -o-transform: rotate(0deg);
      transform: rotate(0deg);
    }
    100% {
      -webkit-transform: rotate(360deg);
      -moz-transform: rotate(360deg);
      -ms-transform: rotate(360deg);
      -o-transform: rotate(360deg);
      transform: rotate(360deg);
    }
  }

/* product box */

/********** header styles
***********************************/
/* top nav bar */
.top-navbar {
    font-size: 14px;
    color: var(--theme_hex_20);
    line-height: 1;
    background-color: var(--theme_hex_19);
    padding: 10px 0;
    font-weight: 400;
}

.top-navbar__contactlinks a{
    gap: 20px;
}
.top-navbar__contactlinks a{
    font-size: 14px;
    color: var(--theme_hex_20);
    font-weight: 400;
    gap: 10px;
}

.top-navbar__topnav-right-links .location-line{
    display: flex;
    align-items: center;
}

.top-navbar__topnav-right-links .location-line i{
    font-size: 22px;
}
ul .top-navbar__links::after {
    content: ' | ';
}

ul .top-navbar__links:last-child::after {
    content: '';
}

.middle span{
    margin-right: 10px;
}

/* COMMON BUTTON  */
.btn-1{
    padding: 10px;
    background: var(--theme_hex_1);
    color: #fff;
    font-weight: 600;
    /* border-radius: 1rem; */
    border-radius: 5px;
    border: 1px solid var(--theme_hex_1);
    vertical-align: middle;
}

.btn-1:hover{
    background: #fff;
}

.btn-1:hover .btn-1-icon{
    fill: #000;
}

.top-navbar .theme-light{
    color: var(--theme_hex_1);
    text-transform: uppercase;
}

/* middle */
.header-middle-bar{
    background-color: #fff;
}

.header-middle-bar__logo-box a{
    z-index: 1;
}

/* .header-middle-bar__logo-box .header-logo{
    width: 15rem;
    height: auto;
} */

.header-middle-bar__left-links-box{
    align-items: center;
    font-weight: 600;
    font-size: 16px;
    z-index: 2;
}

.header-middle-bar__right-links-box{
    text-align: right;
    z-index: 2;
    align-self: center;
    display: flex;
    gap: 2rem;
    align-items: center;
}

.header-middle-bar__left-links-list a:hover,
.header-middle-bar__left-links-list a.active{
    box-shadow: 0 2px 0 var(--theme_hex_3);
}

.header-middle-bar__btn-sell{
    border: 0.1rem solid var(--theme_hex_1);
    font-weight: 600;
    padding: 5px 10px;
    display: inline-flex;
    align-items: center;
    gap: 5px;
    font-size: 16px;
}

.header-middle-bar__right-icon-link{
    vertical-align: middle;
    white-space: nowrap;
}

.header-middle-bar__cart, .header-middle-bar__wishlist, .header-middle-bar__user{
    position: relative;
}

.header-middle-bar__cart-count, .header-middle-bar__wishlist-count{
    position: absolute;
    top: -12px;
    left: 20px;
    min-width: 20px;
    height: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: var(--theme-color-1);
    color: #fff;
    border-radius: 100%;
}

.header-middle-bar__user-lable, .header-middle-bar__wishlist-lable, .header-middle-bar__cart-lable{
    font-size: 12px;
    vertical-align: bottom;
}

.header-middle-bar__price-lable{
    font-size: 12px;
    vertical-align: bottom;
    color: var(--theme-color-1);
    font-weight: 600;
}

/* search bar  */
.front-header-search{
    z-index: 3;
}

.front-header-search .input-group{
    width: auto;
}

.front-header-search .front-header-search__input-group{
    border: var(--theme-color-1) solid 1px;
    border-radius: 5px;
    padding: 3px;
    background-color: #fff;
}

.front-header-search .front-header-search__input-group .input-group-prepend{
    border-right: var(--theme-color-1) solid 1px;
    padding-right: 10px;
}

.front-header-search .front-header-search__input{
    border: 0;
    margin-left: 1px;
}

.front-header-search .form-control{
    height: unset;
    padding-block: 0;
}

.front-header-search .front-header-search__btn{
    color: var(--theme-color-1);
    font-size: 22px;
    padding: 0 10px;
}

.front-header-search.active{
    transform: translateY(0%);
    -webkit-transform: translateY(0%);
    opacity:1;
}

.header-middle-bar__user-lable, .header-middle-bar__wishlist-lable, .header-middle-bar__cart-lable{
    font-size: 12px;
    vertical-align: bottom;
}

.nav-bottom-bar{
    font-weight: 600;
    font-size: 14px;
    color: var(--theme_hex_2);
    background-color: #fff;
    position: relative;
    border-top: 1px solid rgba(0,0,0,.1);
    box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
    /* z-index: 2; */
    justify-content: space-between;
}

.nav-bottom-bar .slick-track {
    margin:auto;
}
/* .header_margin{
    width: unset !important;
} */

.nav-bottom-bar .mainlinks{
    padding: 10px 0;
    position: relative;
    /* border-right: 1px solid var(--theme_hex_16); */
}
.nav-bottom-bar .mainlinks .nav-items-link.show::after{
    content: '';
    width: 10px;
    height: 10px;
    background-color: #83b735;
    border-radius: 50%;
    position: absolute;
    top: 20%;
    left: 90%;
    animation: pulse-border 1.5s ease-out infinite;
}

@keyframes pulse-border  {
    0% {
        transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
        opacity: 1;
    }
    100% {
        transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
        opacity: 0;
    }

}

.nav-bottom-bar .slick-active:not(:last-of-type) .mainlinks::after {
    content: "";
    position: absolute;
    right: 0px;
    width: 1px;
    height: 40px;
    /* z-index: 5; */
    background: var(--theme_hex_16);
}

.nav-bottom-bar .nav-items-link{
    /* border-right: 1px solid var(--theme_hex_16); */
    text-align: center;
    white-space: nowrap;
}

.nav-bottom-bar .nav-bottom-bar-category-btn{
    background-color: var(--theme-color-1);
    margin-right: 1rem;
    color: #fff;
}

.nav-bottom-bar-category-dropdown .show.dropdown-menu{
    overflow-y: auto;
    max-height: calc(100vh - 8rem);
    border-radius: 0;
    background-color: var(--theme_hex_7);
}

.nav-bottom-bar__phone-box{
    align-items: center;
}

.nav-bottom-bar__phone-box__number{
    line-height: 1;
    font-weight: 600;
    font-size: 19px;
    text-align: left;
    color: var(--theme-color-1);
    margin-bottom: 0;
    /* letter-spacing: 2px; */
}

.nav-bottom-bar__phone-box__text{
    font-size: 11px;
    text-align: left;
    color: var(--theme_hex_17);
}

.nav-bottom-bar .mainlinks{
    padding: 10px 0;
    position: relative;
    text-align: center;
    /* border-right: 1px solid var(--theme_hex_16); */
}

.nav-bottom-bar .mainlinks:not(:last-child):after {
    content: "";
    position: absolute;
    right: 0px;
    width: 1px;
    height: 40px;
    /* z-index: 5; */
    background: var(--theme_hex_16);
}


/********** footer styles
***********************************/

/********** home page
***********************************/
    .home-slider-area{
        padding: 1.5rem 1rem;
        background-color: var(--theme_hex_5);
        border-radius: 1rem;
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        background-image: url("../../assets/img/slider-Pattern.png");
    }

    .custom-bg{
        background: none;
    }

    .home-slider-area .slider-category{
        position: absolute;
        width: 254px;
        min-height: 275px;
        margin-left: 15px;
        display: none;
        background-color: var(--theme_gray);
        top: 0;
        left: 43px;
        z-index: 9;
    }

    .home-slider-area .slider-category .aiz-category-menu>.list-unstyled{
        background-color: var(--theme_gray);
    }

    .home-slider-area .slider-category .list-unstyled .category-nav-element{
        border-bottom: solid 1px #e0dede;
    }

    .home-slider-area .slider-category .list-unstyled .category-nav-element:last-child{
        border-bottom: none;
    }

    .home-slider-area .slider-category .list-unstyled .category-nav-element a{
        font-size: 13px;
        color: var(--font-color) !important;
        font-weight: 600;
    }

    .home-slider-area .slider-category .list-unstyled .category-nav-element a .angle-right{
        float: right;
    }

    .home-slider-area .slider-slider{
        position: relative;
        width: 100%;
        margin-right: 0;
    }

    .home-slider-area .slider-slider .carousel-indicators{
        right: unset;
        margin-left: 50px;
    }

    .home-slider-area .slider-slider .carousel-indicators li {
        background: var(--theme-color-1);
        width: 12px;
        height: 12px;
        opacity: 1;
        border: none;
        border-radius: 6px;
    }

    .home-slider-area .slider-slider .carousel-indicators .active{
        width: 37px;
    }

    /* top sellers  */
    .top-sellers-section .aiz-carousel .slick-arrow i{
        color: #8E8E8E;
    }

    .top-sellers-section.listing .aiz-carousel .slick-arrow.slick-prev {
        left: 0;
        right: auto;
        top: 50%;
        bottom: 50%;
    }

    .top-sellers-section.listing .aiz-carousel .slick-arrow.slick-next {
        left: auto;
        right: 0;
        top: 50%;
        bottom: 50%;
    }

    /* seller card  */
    .selers-card {
        /* padding-inline: 1rem; */
        height: calc(100% - 1px);
        position: relative;
        padding: 0 16px;
    }
    .selers-card a:hover {
        color: var(--theme_hex_2);
    }

    .selers-card > div{
        padding: 20px;
        background-color: var(--theme_hex_6);
        border-radius: 1rem;
    }

    .selers-card .selers-card__image-box {
        display: flex;
        gap: 10px;
        margin-bottom: 10px;
        border-radius: 4px 6px 4px 4px;
        align-items: center;
    }

    .selers-card .selers-card__image-box .selers-card__producttotal {
        font-weight: 500;
        font-size: 14px;
        text-align: left;
        color: var(--theme_hex_18);
    }

    /* .selers-card .selers-card__image-box .selers-card__logo-division {
        width: 5rem;
        height: 5rem;
        object-fit: cover;
    }
     */
    .selers-card .selers-card__logo-division .selers-card__logo {
        /* width: 100%;
        height: 100%; */
        border-radius: 50%;

        width: 5rem;
        height: 5rem;
        object-fit: cover;
    }

    .selers-card .selers-card__content-box .selers-card__description {
        min-height: 3.1rem;
    }

    .selers-card .selers-card__content-box .selers-card__view-shop-btn {
        background-color: var(--theme_hex_1);
        border-radius: 1rem;
        margin-top: 10px;
        color: #fff;
        font-weight: 600;
    }

    /* .selers-card .selers-card__title-division{
        width: 75%;
    } */
    .selers-card .selers-card__title-division .selers-card__title{
        font-size: 1rem;
        min-height: 41px;
    }
    .selers-card .selers-card__title-division .selers-card__view-shop-btn {
        background-color: var(--theme_hex_1);
        border-radius: 1rem;
        margin-top: 10px;
        color: #fff;
        padding: 4px 9px;
    }

    /* catergory section  */
    .category-section .category-box {
        display: grid;
        grid-template-columns: repeat(8, 1fr);
        grid-template-rows: auto auto;
        /* gap: 10px; */
        border: solid 1px hsl(0deg 0% 84% / 50%);
        border-radius: 1rem;
        overflow: hidden;
    }

    .category-section .aiz-card-box {
        /* border: 1px solid #d5d5d5; */
        border-right: 1px solid #d5d5d5;
        border-top: 1px solid #d5d5d5;
        border-bottom: 1px solid #d5d5d5;
        padding: 7px;
    }

    /* seller section  */
    .sellers-section ul {
        list-style-type:none;
    }

    .sellers-section ul li a {
        padding-bottom: 0.3rem;
        display: block;
    }
    /********* flashdeal section  *******/
    .daily-deal-wrapt{
        position: relative;
    }

    .daily-deal-wrapt::after{
        content: "";
        position: absolute;
        z-index: 0;
        top: 0px;
        width: 100%;
        border: 1px solid #fff;
    }

    .daily-deal-wrapt::before{
        content: "";
        position: absolute;
        z-index: 1;
        bottom: 0px;
        width: 100%;
        border: 1px solid #fff;
    }

    .daily-deals-box {
        display: grid;
        grid-template-columns: 1fr 1fr 1fr 1fr;
        grid-template-rows: auto auto;
        box-shadow: inset 0 0 0px 2px #ffffff;
        z-index: 9;
    }

    .daily-deals-box::after{
        content: "";
        position: absolute;
        z-index: 0;
        margin-left: 0px;
        height: 100%;
        border: 1px solid #fff;
    }

    .daily-deals-box::before{
        content: "";
        position: absolute;
        z-index: 1;
        right: 0;
        height: 100%;
        border: 1px solid #ffffff;
    }

    .daily-deals-box .product_box_2:last-child {
        border-right: none;
    }

    .flash-deal-box {
        border: 2px solid var(--theme_hex_1);
        border-radius: 1rem;
        padding: 1rem 5px;
        height: 100%;
    }

    .flash-deal-box  .action {
        position: absolute;
        bottom: 0;
        left: auto;
        right: 0;
    }

    .flash-deal-box .aiz-carousel .slick-arrow i{
        color: var(--theme_hex_1);
    }
    .flash-deal-box .aiz-carousel .carousel-box .discount-area{
        position: absolute;
        top: 12px;
        left: 0;
    }
    .flash-deal-box .aiz-carousel .carousel-box .discount-area span{
        padding: 15px 10px;
        border-radius: 50%;
        font-size: 18px;
        color: #fff;
        font-weight: 500;
        background-color: var(--theme_hex_2);
        vertical-align: sub;
        font-family: var(--theme_hex_1);
    }

    .flash-sale__counter-box{
        display: flex;
        justify-content: center;
        margin-bottom: 1rem;
    }
    .flash-sale__counter-box .end-title{
        font-size: 20px;
        font-weight: 600;
        margin-right: 1rem;
        vertical-align: middle;
    }
    .flash-sale__counter-box a{
        font-size: 16px;
        text-decoration: underline;
        font-weight: 600;
        margin-left: 0.5rem;
        vertical-align: middle;
    }

    .product_box_1{
        background-color: var(--white);
        padding: 7px;
    }

    .product_box_1 .img{
        padding-bottom: 10px;
    }
    .product_box_1 .info h5{
        color: var(--black);
        font-size: 20px;
        font-weight: 600;
        margin-bottom: 5px;
    }
    .product_box_1 .info .price .discount{
        color: #103178;
        font-size: 20px;
        font-family: var(--theme-font-2);
    }

    .product_box_1 .info .price span{
        font-size: 14px;
        color: #999999;
    }
    .product_box_1 .info .category{
        color: #9F9F9F;
        margin: 0;
    }

    .product_box_1 .info .stock-label{
        font-family: var(--theme-font-2);
        font-size: 14px;
        color: #64bf47;
        font-weight: 500;
        text-transform: uppercase;
        margin: 5px 0 0 0;
    }

    .product_box_1 .info .shop-label{
        font-family: var(--theme-font-2);
        font-size: 13px;
        font-weight: 500;
        line-height: 1.5;
    }

    .product_box_1 .info .stock-label.out{
        color: #e90f0f;
    }

    .product_box_1 .action .aiz-plus-minus{
        border-radius: 6px;
        border: 2px solid var(--theme_hex_1);
        overflow: hidden;
        max-width: 110px;
    }

    .product_box_1 .action .aiz-plus-minus button.btn{
        background: #E5E5E5;
        border-radius: 0;
        font-size: 16px;
        width: auto;
        border: none;
    }

    .product_box_1 .action .btn-cart{
        padding: 6px 9px;
        border-radius: 50%;
        font-size: 30px;
        color: #fff;
        font-weight: 700;
        background-color: var(--theme_hex_1);
        vertical-align: sub;
        font-family: var(--theme_hex_1);
    }

    .product_box_1 .remove-btn {
        position: absolute;
        top: 20px;
        right: 10px;
    }

    .product_box_1 .remove-btn i{
        padding: 5px 7px 7px 5px;
    }


    .fullborder{
        border: solid 1px #D5D5D5;
    }

    /* product_box_2 */
    /* product card grid */

    /* subcatergory product box special styles */
    .title-bar {
        color: #fff;
        height: 42px;
        padding: 10px;
        font-size: 17px;
        text-align: center;
        background-image: linear-gradient(120deg, #64bf47 0%, #96e6a1 100%);
    }

    /* .custom-range-style {
        height: 12px;
    } */

    .product_box_2 .green-layer{
        background-color:  #008000 !important;
    }
    .product_box_2 .orange-layer{
        background-color:   #FFA500 !important;
    }
    .product_box_2 .red-layer{
        background-color:   #f95757 !important;
    }
    /* end special styles  */


    .product_box_2{
        position: relative;
        background-color: var(--white);
        padding: 7px;
        border: solid 1px #D5D5D5;
        z-index: 0;
        /* border-right: solid 1px #D5D5D5;
        border-bottom: solid 1px #D5D5D5; */
        /* border-top: solid 1px #D5D5D5; */
    }

    .fullborder{
        border: solid 1px #D5D5D5;
    }

    /* .boxborders{
        border-right: solid 1px #D5D5D5;
    }

    .boxborders:nth-child(4n+0) {
        border-right: none;
    }

    .boxborders:nth-of-type(1n+5) {
        border-top: solid 1px #D5D5D5;
    } */

    .product_box_2 .seller-area{
        padding: 5px 0;
    }
    .product_box_2 .seller-area span{
        border-radius: 10.5px;
        background: #64bf47;
        color: #fff;
        padding: 0.2rem 0.7rem;
        text-transform: uppercase;
        font-weight: 500;
    }
    .product_box_2 .pr-img{
        /* height: 250px; */
        object-position: center;
        width: 100%;
        object-fit: cover;
    }


    .product_box_2 .img{
        padding-bottom: 10px;
    }
    .product_box_2 .info h5{
        color: var(--black);
        font-size: 15px;
        font-weight: 600;
        margin-bottom: 5px;
    }
    .product_box_2 .info .price .discount{
        color: #103178;
        font-size: 20px;
        font-family: var(--theme-font-2);
    }

    .product_box_2 .info .price span{
        font-size: 14px;
        color: #999999;
    }
    .product_box_2 .info .category{
        color: #9F9F9F;
        font-size: 14px;
        margin: 0;
        text-align: left;
    }

    .product_box_2 .action{
        display: none;
        background-color: #eee;
    }

    .product_box_2 .action .aiz-plus-minus{
        border-radius: 6px;
        border: 2px solid var(--theme_hex_1);
        overflow: hidden;
        max-width: 100px;
    }

    .product_box_2 .action .aiz-plus-minus button.btn{
        background: #E5E5E5;
        border-radius: 0;
        font-size: 16px;
        width: auto;
        border: none;
    }

    .product_box_2 .action .btn-cart{
        padding: 5px 10px;
        border-radius: 50%;
        font-size: 22px;
        color: #fff;
        font-weight: 700;
        background-color: var(--theme_hex_1);
        vertical-align: sub;
        font-family: var(--theme_hex_1);
    }
    .product_box_2 .remove-btn {
        top: 20px;
        right: 10px;
    }

    .product_box_2 .remove-btn i{
        padding: 5px 7px 7px 5px;
    }

    .product_box_2:hover{
        box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.1);
        z-index: 9;
    }

    .product_box_2:hover .action{
        display: flex;
        position: absolute;
        bottom: 0;
        left: 0;
        justify-content: space-between;
        background-color: #ffffff;
        padding: 8px;
        width: calc(100% - 5px);
    }


    /* best sellings section  */
    .best-sellers-section .best_selling_category_wraper{
        border: 2px solid #D5D5D5;
        border-radius: 1rem 0 0 1rem;
        border-right: 0;
        height: 100%;
    }

    .best-sellers-section .list-group {
        border-radius: 1rem 0 0 0;
    }

    .best-sellers-section .list-group  .list-group-item.active{
        background-color: var(--theme_hex_2);
        border-color: #fff;
    }

    .best-sellers-section .nav-tabs .nav-link {
        border: 0;
        border-radius: 0;
        font-size: 17px;
        color: var(--theme_hex_1);
        font-weight: 500;
    }

    .best-sellers-section .nav-tabs .nav-link.active {
        color: var(--theme_hex_1);
    }

    .best-sellers-section .best_selling_row nav{
        border: 1px solid #D5D5D5;
        width: 100%;
        display: flex;
        border-radius: 0 1rem 0 0;
        border-width: 2px 2px 0 0;
    }

    /* best sellings section  */
    .home-best-selling-box{
        display: grid;
        grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
        grid-template-rows: auto auto;
        /* border: solid 1px #D5D5D5; */
        border-radius: 0 0 1rem 0;
    }


/* CATEGORY SELECT BOX  */
    .category-select-box{
        /* display: none; */
        background-color: #f5f5f5;
        padding: 10px;
    }

    .category-select-box input[type="checkbox"][id^="myCheckbox"] {
        display: none;
    }

    .category-select-box label {
    border: 1px solid #fff;
    padding: 10px;
    display: block;
    position: relative;
    margin: 10px;
    cursor: pointer;
    }

    .category-select-box label:before {
    background-color: white;
    color: white;
    content: " ";
    display: block;
    border-radius: 50%;
    border: 1px solid grey;
    position: absolute;
    top: -5px;
    left: -5px;
    width: 25px;
    height: 25px;
    text-align: center;
    line-height: 28px;
    transition-duration: 0.4s;
    transform: scale(0);
    }

    .category-select-box label img {
    /* height: 100px;
    width: 100px; */
    transition-duration: 0.2s;
    transform-origin: 50% 50%;
    }

    .category-select-box input:checked + label {
    border-color: #ddd;
    }

    .category-select-box input:checked + label:before {
    content: "✓";
    background-color: grey;
    transform: scale(1);
    }

    .category-select-box input:checked + label img {
    transform: scale(0.9);
    /* box-shadow: 0 0 5px #333; */
    z-index: -1;
    }

/* whole seller profile page  */
.common-seller-header .banner-wrapper{
    border-radius: 13px;
    background: var(--theme_hex_2);
    padding: 0 10px;
}

.common-seller-header .profile-box{
    display: flex;
    width: 100%;
}

.common-seller-header .profile-box .img-wrapper{
    width: 30%;
    text-align: center;
}
.common-seller-header .profile-box .discription-wrapt{
    width: 70%;
    color: #ffffff;

}

.common-seller-header .profile-box .discription-wrapt .title-main p{
    text-align: left;
    color: #fff;
    font-size: 14px;
}

.common-seller-header .profile-box .discription-wrapt h1{
    font-size: 26px;
    font-weight: 600;
}

.common-seller-header .profile-box  .seller .seller-badge .verify {
    display: flex;
    color: var(--theme_hex_6);
    font-size: 13px;
    align-items: center;
}

.common-seller-header .profile-box .img-wrapper img {
    height: 150px;
    margin-bottom: 5px;
    border-radius: 50%;

}

.common-seller-header .profile-contactbox .contact li a{
    color: #ffffff;
    font-size: 14px;
    line-height: 30px;
}

.border-wrapt{
    background: transparent;
    border-left: 1px solid #fff;
    padding: 10px 0;
}

.common-seller-header .profile-contactbox .social li a{
    border-radius: 0;
    border: solid 1px #ffffff;
    color: #ffffff;
}
.common-seller-header .profile-contactbox .social li a i{
    color: #ffffff;
}

.common-seller-header .shop-detail-body .last-update{
    text-align: left;
    padding: 10px 0;
    color: #000;
}

.common-seller-header .shop-detail-body .search-bar__input-group {
    border: var(--theme-color-1) solid 1px;
    border-radius: 5px;
    padding: 3px;
    background-color: #fff;
}

/* .common-seller-header .shop-detail-body {
    color: var(--theme-color-1);
    font-size: 22px;
    padding: 0 10px;
} */

.common-seller-header .shop-detail-body .search-bar__input{
    border: 0;
    margin-left: 1px;
    width: 70%;
}

.common-seller-header .shop-detail-body .search-bar__btn {
    color: var(--theme-color-1);
    font-size: 22px;
    padding: 0 10px;
}
.common-seller-header .shop-detail-body .search-bar{
    display: flex;
    align-items: center;
    gap: 10px;
    width: 100%;
}

.common-seller-header .shop-detail-body .search-bar .bootstrap-select {
    border-radius: 5px;
    background: #e4ffbb;
    /* border: none; */
    /* height: 45px; */
    width: 30%;
    padding: 5px;
}

.common-seller-header .bootstrap-select.form-control-sm .dropdown-toggle {
    border: none;
}
.common-seller-header .shop-detail-body .inquiry-form {
    background: #fff;
    border: 1px solid var(--theme-color-2);
    border-radius: 10px;
}

.common-seller-header .shop-detail-body .inquiry-form  .inquiry-title{
    border-radius: 10px 10px 0px 0px;
    background: var(--theme-color-2);
    padding: 10px;
}

.common-seller-header .shop-detail-body .inquiry-form  .inquiry-title p{
    font-weight: 500;
    font-size: 14px;
    color: #fff;
    margin-bottom: 0;
}

.common-seller-header .shop-detail-body .inquiry-form  .form-control{
    border-radius: 5px;
    background: #fff;
    border: 1px solid #d5d5d5;
}

.custom-p p{
    text-align: left;
}

/********** responsive style  *********/
/* mobile xs */
/* **************************** */
/* min width */

@media(min-width:425px)
{

}

/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px)
{
    .container, .container-sm {
        max-width: 755px;
    }
}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px)
{
    .container, .container-md, .container-sm {
        max-width: 975px;
    }


}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px)
{
    .container, .container-lg, .container-md, .container-sm {
        max-width: 1100px;
    }
    .nav-bottom-bar .sidenav-close{
        display: none;
    }

}

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px)
{
    .container, .container-lg, .container-md, .container-sm, .container-xl {
        max-width: 1920px !important;
    }
}

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 2000px)
{

}

/* **************************** */
/* max width */
/* XX small devices (portrait phones, less than 420px) */
@media (max-width: 420px)
{
    .header-middle-bar__right-links-box {
        gap: 0.5rem;
    }

    .front-header-search .front-header-search__input-group .input-group-prepend {
        display: contents;
    }

    .front-header-search .front-header-search__select {
        padding: 5px;
    }

    .front-header-search .front-header-search__input{
        padding: 5px;
        border-top: var(--theme-color-1) solid 1px;
    }

    .front-header-search .front-header-search__btn {
        border-top: var(--theme-color-1) solid 1px;
        border-radius: 0;
    }
    .before-footer-section .before-footer-box {
        font: 1.5rem;
    }

    .before-footer-section .subscribe .email {
        padding: 10px;
    }

    .before-footer-section .subscribe .btn {
        padding: 10px 12px;
    }
}
@media(max-width:450px)
{
    .product_box_2 .action .aiz-plus-minus{
        max-width: 75px;
    }
    .product_box_2 .action .aiz-plus-minus button.btn{
        padding: 2px
    }
    .product_box_2 .action .btn-cart {
        padding: 5px 7px;
        font-size: 20px;
    }
}

/* Extra small devices (portrait phones, less than 576px) */
@media (max-width: 575.98px)
{
    /* category box  */
    .category-section .category-box {
        grid-template-columns: repeat(2, 1fr)!important;
    }

    .category-section .aiz-card-box {
        border-right: 1px solid #ede6e685;
        border-top: 1px solid #ede6e685;
        border-bottom: 1px solid #ede6e685;
    }

    .daily-deals-box {
        grid-template-columns: 1fr 1fr;
        grid-template-rows: auto auto auto;
    }

    .daily-deals-box :nth-child(2) {
        /* border-radius: 0 1rem 0 0; */
        border-radius: 0 ;
    }

    .daily-deals-box :nth-child(3) , .daily-deals-box :nth-child(4) {
        border-radius: 0;
    }

    .daily-deals-box :nth-child(5) {
        /* border-radius: 0 0 0 1rem; */
        border-radius: 0;
    }

    .home-best-selling-box {
        grid-template-columns: 1fr 1fr !important;
        grid-template-rows: repeat(3, auto) !important;
    }

    .home-best-selling-box .aiz-card-box:nth-child(4) {
        border-radius: 0;
    }

    .home-best-selling-box .aiz-card-box:nth-child(5) {
        border-radius: 0 0 0 1rem;
    }
}

/* Small devices (landscape phones, less than 768px) */
@media (max-width: 767.98px)
{
    .home-best-selling-box {
        grid-template-columns: 1fr 1fr;
        grid-template-rows: auto auto auto auto;
        border-radius: 0 0 1rem 1rem;
    }

    .best-sellers-section .best_selling_row nav {
        border-radius: 1rem 1rem 0 0;
        border-width: 2px 2px 0 2px;
    }

    .home-best-selling-box .aiz-card-box:nth-child(4) {
        border-radius: 0 0 0 1rem;
    }

}

/* Medium devices (tablets, less than 992px) */
@media (max-width: 991px)
{
    /* sidenav */
    .nav-bottom-bar.sidenav {
        height: 100%;
        width: 0;
        position: fixed;
        z-index: 9999;
        top: 0;
        right: 0;
        background-color: var(--theme_hex_7);
        overflow-x: hidden;
        transition: 0.5s;
        padding-top: 60px;
    }

    .nav-bottom-bar .nav-bottom-bar-category-ul .list-inline-item{
        display: block;
        margin-right: 0;
        margin-block: 0.5rem;
    }
    .nav-bottom-bar.sidenav a {
        text-decoration: none;
        transition: 0.3s;
    }

    .nav-bottom-bar.sidenav .closebtn {
        position: absolute;
        top: -5px;
        right: 25px;
        font-size: 36px;
        margin-left: 50px;
    }

    .nav-bottom-bar.sidenav  .mainlinks {
        padding: 0;
        border-bottom: 1px solid var(--theme_hex_16);
    }

    .nav-bottom-bar-category-ul{
        margin-bottom: 20px !important;
    }

    .nav-bottom-bar.sidenav .nav-items-link {
        border-right: none;
        text-align: left;
    }

    /* end sidenav */
    /* .nav-bottom-bar .mainlinks:after {
        width: 0 !important;
        height: 0 !important;
    } */

    /* top sellers  */
    .selers-card .selers-card__image-box {
        flex-direction: column;
    }
    .selers-card .selers-card__title-division .selers-card__view-shop-btn {
        position: absolute;
        bottom: 0;
        left: 16px;
        border-radius: 0 0 1rem 1rem;
        width: calc(100% - 32px );
    }

    .selers-card .selers-card__title-division {
        width: 100%;
    }

    /* catergory box  */
    .category-section .category-box {
        grid-template-columns: repeat(3, 1fr);
    }
}

/* news blog section  */
.home-articles-section .home-blogs-wraper {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-template-rows: auto auto auto;
    gap: 10px;
    overflow: hidden;
}

.home-articles-section .home-blogs-wraper  .main-blog-box{
    grid-row: 1 / span 3;
    height: 100%;
    border-radius: 1rem;
}

.main-blog-box {
    position: relative;
}

.main-blog-box::after {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(rgba(0, 0, 0, 0) 0%, #000 100%)
}

.main-blog-box .main-blog-box__img{
    object-fit: cover;
    height: 30rem;
    width: 100%;
    transition: transform 0.3s ease;
}

.main-blog-box  .main-blog-box__content{
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 10px;
    color: #fff;
    z-index: 2;
}

.blog-list-box {
    height: calc(100% - 1px);
}

.blog-list-box > a{
    display: flex;
}

.blog-list-box .blog-list-box__img {
    width: 45%;
    object-fit: cover;
    object-position: center;
    border-radius: 10px;
    transition: transform 0.3s ease;

}
.blog-list-box .blog-list-box__img:hover {
    transform: scale(1.05);
    /* box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); */
    border-radius: 10px;
    }


.blog-list-box .blog-list-box__content-wraper {
    padding: 0.5rem;
}

.blog-list-box .blog-list-box__title {
    font-weight: 700;
}

.blog-list-box .blog-list-box__title h5 {
    font-weight: 700;
    font-size: 18px;
}

.blog-list-box .blog-list-box__date {
    font-size: 14px;
    color: var(--theme_hex_1);
    margin: 0.5rem 0 0 0;
    font-weight: 500;
}


/* FOOTER SECTION  */
.before-footer-section{
    margin-block: 3rem;
    position: relative;
}

.before-footer-section .before-footer-box{
    padding: 4.5rem;
    background-color: var(--theme_hex_5);
    border-radius: 1rem;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    background-image: url("../img/footer-bg.png");
}

.before-footer-section .subscribe{
    width: 70%;
    z-index: 1;
    position: relative;
}
.before-footer-section .subscribe-note h4{
    font-size: 2rem;
    font-weight: 600;
    max-width: 25rem;
    text-shadow: -1px 1px 1px #544a4a;
    margin-bottom: 2rem;
}

.before-footer-section .subscribe form {
    background: white;
    border-radius: 2rem;
    display: flex;
    max-width: 35rem;
}
.before-footer-section .subscribe .email{
    padding: 15px;
    border: none;
    width: 100%;
    border-radius: 2rem;
}
.before-footer-section .subscribe .btn{
    background: var(--theme_hex_2);
    color: #fff;
    padding: 15px 35px;
    margin-left: auto;
    font-weight: 600;
    border: none;
    border-radius: 2rem;
}
.before-footer-section .subscribe .btn:hover{
    color: #e0e0e0;
}
.before-footer-section .img-box{
    z-index: 0;
}
.before-footer-section .img-box img{
    position: absolute;
    max-height: calc(100% + 3rem);
    right: 5rem;
    bottom: 0;
}

/* footer */
.footer{
    background-color: var(--theme_hex_15);
}
.footer .footer-top-box{
    background-color: var(--white);
    padding: 30px 0;
    border-bottom: solid 1px #E0E0E0;
}
.footer .footer-top .subcr-news{
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    align-items: center;
}
.footer .footer-top .subscribe-note{
    margin-bottom: 5px;
}
.footer .footer-top .subscribe-note h4{
    color: var(--white);
    font-size: 17px;
    font-weight: 600;
    letter-spacing: 0.02rem;
}
.footer .footer-top .subscribe-note h6{
    font-size: 11px;
    color: var(--white);
    margin-bottom: 0;
}
.footer .footer-top .subscribe{
    margin-left: auto;
    margin-right: 0;
}
.footer .footer-top .subscribe .email{
    width: 655px;
    height: 38px;
    background-color: var(--white);
    border-right: 0;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}
.footer .footer-top .subscribe button{
    height: 38px;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    line-height: 0;
    background-color: var(--theme_hex_1);
    border-color: var(--theme_hex_1);
    color: var(--white);
    text-transform: uppercase;
    font-weight: 400;
}

.footer .footer-bottom-box .footer-bottom .social h6{
    color: var(--white);
    font-size: 14px;
}
.footer .footer-bottom-box .footer-bottom .social ul{
    display: flex;
    list-style: none;
    padding-left: 0;
    margin-bottom: 0;
}
.footer .footer-bottom-box .footer-bottom .social ul li{
    padding: 0 10px 0 0;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 0;
    color: var(--white);
}
.footer .footer-bottom-box .footer-bottom .social ul li a{
    color: var(--black);
    font-size: 24px;
}
.footer .footer-bottom-box .footer-bottom .social ul li a i {
    padding: 2px;
    background-color: var(--theme_hex_1);
}

.footer .footer-bottom-box{
    padding:50px 0 15px 0;
}

.footer .footer-bottom-box .footer-bottom .footer-logo img{
    width: 12rem;
    height: auto;
}
.footer .footer-bottom-box .footer-bottom .footer-logo p{
    color: #fff;
    font-size: 11px;
}

.footer .footer-bottom-box .footer-bottom .footer-logo .description{
    color: #fff;
    font-size: 14px;
}
.footer .footer-bottom-box .footer-bottom h4{
    color: #fff;
    font-size: 16px;
    font-weight: 600;
}
.footer .footer-bottom-box .footer-bottom ul{
    padding-left: 0;
    list-style: none;
}
.footer .footer-bottom-box .footer-bottom ul.colunm2{
    column-count: 2;
}
.footer .footer-bottom-box .footer-bottom ul li.inline{
    display: flex;
}
.footer .footer-bottom-box .footer-bottom ul li span{
    color: var(--theme1);
    /* font-size: 14px;
    padding: 4px 0;
    display: block;
    margin-right: 5px; */
}
.footer .footer-bottom-box .footer-bottom ul li a{
    color: #fff;
    font-size: 14px;
    padding: 2px 0;
    display: block;
}

.footer .footer-bottom-box .footer-bottom .call-nav{
    margin-left: 0;
}
.footer .footer-bottom-box .footer-bottom .call-nav .call-out{
    display: flex;
    align-items: center;
}
.footer .footer-bottom-box .footer-bottom .call-nav .call-out i{
    font-size: 2.6em;
    margin-right: 0.2em;
    color: var(--white);
}
.footer .footer-bottom-box .footer-bottom .call-nav .call-out .call-text{
    line-height: 1;
}
.footer .footer-bottom-box .footer-bottom .call-nav .call-out .call-text h6{
    font-size: 10px;
    margin-bottom: 5px;
    color: var(--white);
}
.footer .footer-bottom-box .footer-bottom .call-nav .call-out .call-text a{
    color: var(--white);
    font-size: 20px;
    letter-spacing: 2px;
    font-weight: 600;
}

.footer .footer-bottom-bar .footer-bar{
    padding: 20px 0;
}
.footer .footer-bottom-bar .footer-bar .pop-barnds h4{
    color: var(--white);
    font-size: 16px;
    font-weight: 600;
}
.footer .footer-bottom-bar .footer-bar .pop-barnds ul{
    padding-left: 0;
    list-style: none;
    display: flex;
    margin-bottom: 0;
}
.footer .footer-bottom-bar .footer-bar .pop-barnds ul li a{
    color: #fff;
    font-size: 14px;
    padding: 2px 0;
}
.footer .footer-bottom-bar .footer-bar .pop-barnds ul li:last-child a span{
    display: none;
}

.footer-copyright{
    background-color: var(--theme_hex_15);
}
.footer-copyright .copyrights-bar{
    padding: 10px 0;
}
.footer-copyright .copyrights-bar .copyright{
    color: #fff;
    margin-left: 0;
    margin-right: auto;
}

.footer-copyright .copyrights-bar .copyright p{
    margin: 0;
}


.footer-copyright .copyrights-bar .copyright a{
    color: #fff;
}

.footer-copyright .copyrights-bar .payment{
    margin-right: 0;
    margin-left: auto;
}


/* WIZZARD  */
.wrapper-section{
    background: #f9f6f1;
}
.wrapper-section p{
margin-bottom: 15px;
}
.wrapper-section h1, h2, h3, h4, h5, h6, ul {
    margin: 0; }

.wrapper-section ul {
    padding: 0;
    /* margin: 38px 0; */
    list-style: none;
}

.wrapper-section a {
    text-decoration: none;
}

.wrapper-section textarea {
    resize: none;
}

.wrapper-section .wrapper {
    background: #f9f6f1;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* .inner {
    background: #fff;
    box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.2);
} */

/* wizzard steps  */
.wizard {
    width: 920px;
    position: relative; }

.wizard > .steps {
    position: absolute;
    top: 15px;
    z-index: 9;
    left: 50%;
    transform: translate(-50%);
}

/* .wizard > .steps .current-info, .wizard > .steps .number {
    display: none; } */

.wizard > .steps .current-info {
    display: none; }

.wizard > .steps .number {
    margin-left: 17px;
    line-height: 2.4;
    font-weight: 700;
    font-size: 16px;
}

.wizard > .steps ul {
    display: flex;
    justify-content: center;
}

.wizard > .steps li a {
    display: inline-block;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: #e9e0cf;
    margin-right: 78px;
    position: relative;
}
.wizard > .steps li a:before {
    content: "";
    width: 58px;
    height: 2px;
    background: #e9e0cf;
    position: absolute;
    right: 41px;
    top: 20px;
}

.wizard > .steps li.current a:before {
    background: #83b735;
}

.wizard > .steps li a:after {
    content: "";
    width: 0;
    height: 2px;
    background: #83b735;
    position: absolute;
    left: -68px;
    top: 20px;
    transition: all 0.6s ease;
}
.wizard > .steps li.current a {
    background: #83b735;
}

.wizard > .steps li.done a {
    background: #83b735;
    opacity: 0.7;
}

.wizard > .steps li a:hover {
    color: #000000;
}

.wizard > .steps li.done a:after {
    width: 58px;
}

.wizard > .steps li:last-child a {
    margin-right: 0; }
.wizard > .steps li:first-child a:before {
    display: none; }
.wizard > .steps li:first-child a:after {
    display: none; }
/* ad to last child dissable  */
.wizard > .steps li:last-child a{
    pointer-events: none;
}
.wizard > .content {
    position: relative;
    /* height: 521px; */
    background: #fff;
    box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.2);
}
/* end steps  */

.submit-btn {
    border: none;
    display: inline-flex;
    align-items: center;
    background: #6d7f52;
    color: #fff;
    cursor: pointer;
    position: relative;
    padding: 20px 34px;
}

.form-content {
    /* width: 60%; */
    padding: 60px 51px;
}

.form-header {
    text-align: center;
}

.main-title a{
    font-weight: 600;
}

.wizard > h3 {
    font-size: 22px;
    /* color: var(--theme_hex_2); */
    color:#453e79;
    text-transform: uppercase;
    letter-spacing: 7px;
    padding: 5px 15px;
    display: inline-block;
    border: 1px solid #dad8e4;
    margin-bottom: 75px;
    font-weight: 500;
}

p {
    font-size: 15px;
    color: #6d7f52;
    text-align: center;
    margin-bottom: 26px;
}

.form-row {
    display: flex;
    margin-bottom: 18px;
    justify-content: center;
}
/* .form-row .form-holder {
    width: 50%;
    margin-right: 30px;
} */

.form-row .form-holder:last-child {
    margin-right: 0;
}
.form-row .form-holder.w-100 {
    width: 100%;
    margin-right: 0;
}


/* not use later delete  */
/* .form-row .select {
    width: 50%;
    margin-right: 30px;
}
.form-row .select .form-holder {
width: 100%;
margin-right: 0;
}

.select {
    position: relative;
}
    .select .select-control {
      height: 37px;
      border-bottom: 2px solid #e6e6e6;
      width: 100%;
      color: #999;
      display: flex;
      align-items: center;
      cursor: pointer; }
    .select .dropdown {
      display: none;
      position: absolute;
      top: 100%;
      width: 100%;
      background: #fff;
      z-index: 9;
      border: 1px solid #81acee; }
      .select .dropdown li {
        padding: 5px 10px; }
        .select .dropdown li:hover {
          background: #81acee;
          color: #fff; }

  .form-holder {
    position: relative; }
    .form-holder i {
      position: absolute;
      bottom: 7px;
      right: 0;
      font-size: 17px; }

  .form-control {
    height: 37px;
    border: none;
    border-bottom: 2px solid #e6e6e6;
    width: 100%;
    color: #666; }
    .form-control:focus {
      border-color: #e9e0cf; }
    .form-control::-webkit-input-placeholder {
      color: #999; }
    .form-control::-moz-placeholder {
      color: #999; }
    .form-control:-ms-input-placeholder {
      color: #999; }
    .form-control:-moz-placeholder {
      color: #999; }

  select.form-control {
    -moz-appearance: none;
    -webkit-appearance: none;
    cursor: pointer;
    color: #999; }
    select.form-control option[value=""][disabled] {
      display: none; }

  textarea.form-control {
    padding: 8px 0;
    /* background: url("../images/textarea-bg.png") no-repeat right bottom 3px; } */
  /* } */
/* end not use later delete  */

.actions {
    position: absolute;
    bottom: 10px;
    right: 51px;
}

.actions ul {
    display: flex;
}

.actions li a {
    border: none;
    display: inline-flex;
    align-items: center;
    background: #e9e0cf;
    color: #666;
    cursor: pointer;
    position: relative;
    padding: 20px 34px;
}

.actions li a:before {
    position: absolute;
    top: 14px;
    right: 10px;
    font-weight: 600;
    content: '\2192';
    font-size: 20px;
    /* color: #666; */
}

.actions li a:hover {
    background: #cfc7b8;
}

.actions li:first-child a {
    padding-left: 48px;
}

.actions li:first-child a:before {
    position: absolute;
    top: 14px;
    right: 106px;
    font-weight: 600;
    font-size: 18px;
    content: '\2190';
}

.actions li:nth-child(2) a,
.actions li:last-child a {
    margin-left: 20px;
}

.actions li:last-child a {
    width: 124px;
    background: #568819;
    color: #fff;
}

.actions li:last-child a:hover {
    background: #568819;
}

.actions li:last-child a:before {
    content: '\2713';
    position: absolute;
    top: 13px;
    right: 28px;
}

.actions li[aria-disabled="true"] a {
    opacity: 0;
    transition: all 1s;
}

.actions li[aria-disabled="false"] ~ li a {
    background: #568819;
    color: #fff;
}

.actions li[aria-disabled="false"] ~ li a:hover {
    background: #568819;
}

.checkbox-tick label {
    cursor: pointer;
    display: inline-block;
    padding-left: 23px;
    position: relative;
    font-size: 15px;
}
.checkbox-tick label.sellertype {
    margin-right: 26px;
}
.checkbox-tick input {
    position: absolute;
    opacity: 0;
    cursor: pointer; }

.checkbox-tick input:checked ~ .checkmark {
    background: #999;
}
.checkbox-tick input:checked ~ .checkmark:after {
    display: block;
}
.checkbox-tick .checkmark {
    position: absolute;
    top: 1px;
    left: 0;
    height: 20px;
    width: 20px;
    border: 1px solid #999;
    border-radius: 50%;
    color: #fff;
    font-size: 14px; }

.checkbox-tick .checkmark:after {
    top: -1px;
    left: 4px;
    position: absolute;
    display: none;
    content: '\2713'; }

.checkbox-circle {
    position: relative;
    padding-left: 23px;
    margin-top: 41px;
    width: 63%;
}
.checkbox-circle.mt-24 {
margin-top: 24px;
}

.checkbox-circle label {
cursor: pointer;
color: #999;
font-size: 13px;
line-height: 1.9;
transform: translateY(-5px);
}

.list-view-qty .btn{
    padding: 0.15rem 0.20rem !important;
}

.list-view-qty input{
    height: 30px;
    border-radius: 0;
    font-size: 10px !important;
    padding: 0;
}

/* Side nav cart */
#mySidepanel.sidepanel  {
    width: 0;
    position: fixed;
    z-index: 9999;
    height: 100%;
    top: 0px;
    right: 0;
    background-color: #ffffff;
    overflow-x: hidden;
    transition: 0.5s;
    /* padding-top: 10px; */
    box-shadow: 0px 0px 20px #bfbfbfd2;
}
#mySidepanel.sidepanel a {
    /* padding: 8px 8px 8px 32px; */
    text-decoration: none;
    font-size: 25px;
    color: #ffffff;
    display: block;
    transition: 0.3s;
}
#mySidepanel.sidepanel a:hover {
    color: #f70000;
}
#mySidepanel.sidepanel .r-cart-header {
    justify-content: space-between;
    align-items: center;
    background-color: #83b735;
}
#mySidepanel.sidepanel .closebtn {
    position: relative;
    top: 0;
    right: 25px;
    font-size: 36px;
    text-align: end;
}
#mySidepanel.sidepanel .r-cart-body .r-cart-footer {
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
    padding: 5px;
}

.r-cart-menu{
    position: relative;
    background-color: #eee;
    display: flex;
    align-items: center;
}
.r-cart-menu:hover{
    cursor: pointer;
}
.r-cart-menu a{
    padding: 5px 15px;
}
#r-cart-counter{
    position: absolute;
    bottom: 0px;
    right: -5px;
    background-color: #83b735;
    border-radius: 50%;
    padding: 0.01rem 0.4rem;
    font-size: 11px;
}
#checkouteModal{
    z-index: 9999 !important;
}
.custom-btn{
    padding: 2px 10px;
    font-size: 12px;
}

#list-bulk-products .list-group-item .custom-control-input:checked~.custom-control-label::before{
    border-color: #64bf47;
    background-color: #64bf47;
}

/* Simple loader style */
#stepLoader{
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: rgba(0, 0, 0, 0.8);
    z-index: 99999999;
    display: none; /* Initially hidden */
}
.loader {
    border: 4px solid #f3f3f3;
    border-radius: 50%;
    border-top: 4px solid #3498db;
    width: 40px;
    height: 40px;
    animation: spin 2s linear infinite;
    /* display: none; Initially hidden */
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 9999999;
}
@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

/* .checkbox-circle label a {
    color: #6d7f52; }
    .checkbox-circle label a:hover {
    color: #89b843; }
.checkbox-circle input {
position: absolute;
opacity: 0;
cursor: pointer; }
.checkbox-circle input:checked ~ .checkmark:after {
display: block; }
.checkbox-circle .checkmark {
position: absolute;
top: 6px;
left: 0;
height: 13px;
width: 13px;
border-radius: 50%;
border: 1px solid #999; }
.checkbox-circle .checkmark:after {
        content: "";
        top: 2px;
        left: 2px;
        width: 7px;
        height: 7px;
        border-radius: 50%;
        background: #999;
        position: absolute;
        display: none; } */

@media (max-width: 991px) {
    .wizard {
    max-width: 768px; }

    /* .image-holder img {
    height: 521px;
    object-fit: cover; } */
    }
@media (max-width: 767px) {
    .inner {
    display: block;
    box-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -ms-box-shadow: none;
    -o-box-shadow: none; }

    /* .image-holder {
    width: 100%; }
    .image-holder img {
        width: 100%; } */

    .form-content {
    width: 100%;
    padding: 50px 20px 30px; }

    .form-row {
    display: block; }
    .form-row .form-holder, .form-row .select {
        width: 100%;
        margin-right: 0;
        margin-bottom: 18px; }

    .wrapper {
    height: 1201px;
    background: none; }

    .checkbox-circle {
    width: 100%; }

    .wizard {
    height: 100%; }
    .wizard > .steps {
        /* right: 50%; */
        top: 135px;
        /* transform: translateX(50%); */
    }

    .actions {
    right: 50%;
    transform: translateX(50%);
    bottom: 3%; } }

#profileModal p {
    color: var(--black);
}
#profileModal .profileModalTitle {
    font-size: 1rem;
    font-size: 1.5rem;
    text-align: center;
    margin-bottom: 2rem;
}

#profileModal .type-box {
    display: flex;
    gap: 0.5rem;
    justify-content: center;
    margin-bottom: 2rem;
    height: 100%;
    flex-wrap: wrap;
}

#profileModal .profile-type {
    /* background-color: var(--theme_hex_1); */
    color: #000000;
    border-radius: 10px; /* Add rounded corners for a modern touch */
    padding: 20px; /* Add padding to increase whitespace */
    font-weight: 600; /* Make text bolder */
    font-size: 1rem; /* Standardize font size for consistency */
    text-align: center; /* Center the text */
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1); /* Add a subtle shadow for depth */
    transition: background-color 0.3s ease, transform 0.3s ease; /* Smooth transition on hover */
    align-items: center;
    width: 20%;
    height:  calc(100);

}

#profileModal .profile-type i {
    color: var(--theme_hex_1);
    font-size: 1.5rem; /* Increase icon size */
    margin-bottom: 8px; /* Add space between the icon and the text */
}

#profileModal .profile-type p {
    margin: 0;
    font-size: 0.9rem; /* Adjust text size for readability */
}

#profileModal .profile-type:hover {
    transform: translateY(-5px); /* Slight lift effect on hover */
    /* background-color: var(--theme_hex_13); */
}

#profileModal .profile-type.active i ,
#profileModal .profile-type.active p{
    color: var(--white);
    transition: all ease-in-out 0.3s;
}
#profileModal .profile-type.active {
    background-color: var(--theme_hex_1);
}

#profileModal .profile-btns .btn-type-login {
    background-color: var(--theme_hex_1);
    color: #ffffff;
}

#profileModal .profile-btns .btn-type-login:hover {
    background-color: var(--theme_hex_13);
}

#profileModal .profile-btns {
    display: flex;
    gap: 1rem;
    justify-content: center;
}
#FarmerListing .profile-btns .btn-type-login {
    background-color: var(--theme_hex_1);
    color: #ffffff;
}

#FarmerListing .profile-btns .btn-type-login:hover {
    background-color: var(--theme_hex_13);
}

#FarmerListing .profile-btns {
    display: flex;
    gap: 1rem;
    justify-content: center;
}

.seller-hover .link:hover{
    color: #008000 !important;
}

/************** RESPONSIVE *************** */
@media screen and(max-width:1200px)
{

}

@media (max-width: 1199.98px)
{
    .container, .container-lg, .container-md, .container-sm {
        max-width: unset !important;
    }
}

@media(max-width:991px)
{
    .border-wrapt {
        border-left: none;
        border-top: 1px solid #fff;
        text-align: center;
    }
    #profileModal .profile-type {
        width: 40%;
    }
}


@media (max-width:768px)
{
    #profileModal .profile-type {
        width: 100%;
    }
    #profileModal .profile-btns {
        display: block;
        text-align: center;
    }
    #FarmerListing .profile-btns {
        display: block;
        text-align: center;
    }
}

@media (max-width:576px)
{
    .home-articles-section .home-blogs-wraper {
        grid-template-columns: 1fr;
        grid-template-rows: repeat(7, auto);
    }
    .home-articles-section .home-blogs-wraper .main-blog-box {
        grid-row: unset;
        grid-column: unset;
    }

    .common-seller-header .profile-box {
        display: block;
    }
    .common-seller-header .profile-box .discription-wrapt {
        width: 100%;
    }

    .common-seller-header .shop-detail-body .search-bar {
        display: block;
    }
}

@media (max-width:500px)
{
    .before-footer-section .before-footer-box {
        padding: 2rem;
    }
}

@media (max-width:425px)
{
    .before-footer-section .subscribe {
        width: 100%;
    }
}