@import url('https://pro.fontawesome.com/releases/v6.0.0-beta3/css/all.css');
html{font-size: 62.5%;}
body{ padding: 0px; margin: 0px; list-style: none; font: normal 1.6rem/2.4rem 'Roboto', sans-serif; color: var(--body_txt_color); }
p{padding: 0px; margin: 0px;}
a{padding: 0px; margin: 0px; outline: none;}
ul{ list-style: none; padding: 0px; margin: 0px;}
label{ list-style: none; padding: 0px; margin: 0px;}
ul li{ padding: 0px; margin: 0px;}
h1,.h1, h2,.h2, h3,.h3, h4,.h4, h5,.h5, h6,.h6{padding: 0px; margin: 0px; font-family: "Barlow Condensed", sans-serif;}
input[type="text"]::-webkit-placeholder { opacity: 1;  }
input[type="text"]::-moz-placeholder { opacity: 1;}
input[type="password"]::-webkit-placeholder { opacity: 1;}
input[type="password"]::-moz-placeholder { opacity: 1;}
input[type="search"]::-webkit-placeholder { opacity: 1;}
input[type="search"]::-moz-placeholder { opacity: 1;}
input[type="email"]::-webkit-placeholder { opacity: 1; }
input[type="email"]::-moz-placeholder { opacity: 1;}
input[type="tel"]::-webkit-placeholder { opacity: 1;}
input[type="tel"]::-moz-placeholder { opacity: 1;}
textarea::-moz-placeholder { opacity: 1;  }
textarea::-webkit-placeholder { opacity: 1;}
a:hover{ outline: none !important; text-decoration: none;}
a:active{ outline: none !important; text-decoration: none;}
a{ text-decoration: none !important;}
a:hover, a:focus{ text-decoration: inherit !important;}
a{-webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s; }
/* font-family: "Barlow Condensed", sans-serif; */
/* font-family: "Roboto", sans-serif; */

:root{
    --black: #222;
    --brand: #4cc419;
    --body_txt_color: #444444;
    --white: #fff;
    --red: #e60040;
    --yellow: #ffa53b;
    --ft_bg: #25332C;
    --bg_color: #F5F6F7;
   }

em{font-style: normal;}
.header_label {color: var(--white); font-size: 1rem; padding: .2rem .5rem .3rem .5rem; position: absolute; top: -1.8rem; left: 0; transform: translateX(100%); background: var(--red); text-transform: uppercase; font-weight: 400; border-radius: 0; line-height: 1.1; display: inline-block;}
.header_label::before { content: ""; position: absolute; bottom: -.4rem; left: 0; border-top: .4rem solid transparent; border-bottom: .4rem solid transparent; border-left: .4rem solid var(--red);}
.add_btn{display: inline-block; padding: .8rem 1.6rem; background: var(--brand); color: var(--white); width: 100%; text-align: center; text-transform: capitalize; margin-top: 1.5rem; border-radius: 2.5rem; font-weight: 600;}
.add_btn:hover{background: var(--black); color: var(--white);}

@keyframes line-animation{

    0%{
      width: 0;
      opacity: 1;
    }
  
    99%{
      width: 100%;
      opacity: 1;
    }
  
    100%{
      width: 100%;
      opacity: 0;
    }  
  }
  
@keyframes open-animation{
  
    0%{
      height: 0;
      top: 50%;
    }
  
    100%{
      height: 100vh;
      top: 0;
    }
  }

@keyframes fade{

    0%{
      opacity: 0;
    }
  
    100%{
      opacity: 1;
    }
  }
  



.as_btn{display: inline-block; padding: 0 3rem; height: 4.5rem; line-height: 4.8rem; text-transform: uppercase; color: var(--white); background: var(--brand); border-radius: 2.5rem; margin-top: 2.5rem; font-weight: 600; letter-spacing: .2rem; font-size: 1.4rem;}
.as_btn:hover{background: var(--black); color: var(--white);}
.ptb{padding: 5rem 0;}
.inner_ptb{padding: 2rem 0 5rem 0;}
h1,h2{font-size: 3rem; line-height: 3.5rem; text-transform: capitalize; color: var(--black); font-weight: 600;}
h1 span,h2 span{color: var(--red);}
h4{font-size: 2.5rem; line-height: 3rem; text-transform: capitalize; color: var(--black); font-weight: 600;}
h5{font-size: 1.8rem; line-height: 2.2rem; text-transform: capitalize; color: var(--black); font-weight: 600;}
.rating li{display: inline-block; margin: .8rem .2rem 0 0;}
.rating li::before{display: none;}
.rating li:last-child{margin-right: 0;}
.bold_icon::before, .liner_icon::before {font: normal 1.4rem/1 FontAwesome; content: "\f006"; color: #FFC107;}
.bold_icon::before{content: "\f005";}



/*header*/
.header_sec{ width: 100%;  background: var(--white); position: fixed; left: 0; top: 0;z-index: 9999;}
.nav_top{border: none; min-height: auto; box-shadow: none; border-radius: 0px;}
.drop-nav{ position: absolute; top: 10px; right: 0px;}
.nav_top .dropdown-menu li a{ font-size: 13px;}
.nav_top .navbar-brand{position: absolute; left: 50%; top: -8.4rem; -ms-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);}
.nav_top .navbar-brand img{width: 26rem;}
.top_flex, .mid_flex{align-items: center; justify-content: space-between;}
.heder_top{background: var(--brand); padding: .5rem 0; color: var(--white); font-size: 1.4rem;}
.header_top_rt a{color: var(--white); padding-left: .5rem; display: inline-block;}
.heder_mid{border-bottom: .1rem solid #e3e4e6; padding: 2rem 0;}
.mid_flex ul li{display: inline-block; font-weight: 500;}
.mid_lt li{text-transform: capitalize;}
.mid_flex ul li a{color: var(--body_txt_color); display: inline-block; padding: 0 1rem; border-right: .1rem solid #e3e4e6;}
.mid_flex ul li:last-child a{padding-right: 0; border-right-color: transparent;}
.mid_flex ul li:first-child a{padding-left: 0;}
.top_mail a i{color: var(--brand); padding-right: .5rem;}
.heder_menu{padding: 2.5rem 0 1rem 0; border-bottom: .1rem solid #e3e4e6;}
.menu_sec li{ position: relative; text-transform: capitalize; font-weight: 500;}
.menu_sec li a{color: var(--black); display: inline-block; padding-right: 2rem;}  
.menu_sec li:last-child a{padding-right: 0;}   
.vegfirm_list li{display: inline-block;}
.vegfirm_list li a{background: #e9e8e8; width: 4rem; height: 4rem; display: flex; align-items: center; justify-content: center; border-radius: 100%; color: var(--black); margin-right: 1rem;}
.card_flex{align-items: center;}
.vegfirm_list li a:hover{background: var(--brand); color: var(--white);}
.heder_rt_list{position: absolute; right: 0; top: -1.7rem;}

.srchopen {width: 100%; height: 100vh; display: none;  position: fixed;  top: 0; right: 0; z-index: 9999;}
#popup_article:target {display: flex;}
.header_offer_sec{background: var(--brand); color: var(--white); padding: .8rem 0; text-align: center; position: relative; font-size: 1.5rem;}
.remove_btn{position: absolute; right: 5rem; top: 50%; font-size: 2rem; -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); cursor: pointer;}
.sreach_box{border: .1rem solid var(--black); display: inline-block; width: 100%; padding: 1rem 1rem 1rem 3rem; border-radius: .5rem; position: relative;}
.sreach_box.input_fld input[type="text"]{width: 70%; float: left; border-color: transparent; font-size: 2rem;}
.sreach_box.input_fld button{width: 3%; height: 5rem; float: right; background: transparent; border: none; font-size: 2rem; color: var(--black); font-weight: 300; display: flex; align-items: center; justify-content: center; padding: 0;} 
.srchopen .srchopen_info{height: 100%; padding: 5% 15%;  box-sizing: border-box;  position: relative;  margin: auto;  overflow: auto;  -webkit-animation: fade .5s ease-out 1.3s both; animation: fade .5s ease-out 1.3s both; width: 100%; display: flex; align-items: center; justify-content: center;}
.srchopen::before {  content: "";  box-sizing: border-box;  width: 100%;  background-color: var(--white);  position: fixed;  left: 0; top: 50%; will-change: height, top; -webkit-animation: open-animation .6s cubic-bezier(0.83, 0.04, 0, 1.16) .65s both; animation: open-animation .6s cubic-bezier(0.83, 0.04, 0, 1.16) .65s both;}
.srchopen::after { content: ""; width: 0;height: 2px; background-color: #f0f0f0; will-change: width, opacity; -webkit-animation: line-animation .6s cubic-bezier(0.83, 0.04, 0, 1.16) both;animation: line-animation .6s cubic-bezier(0.83, 0.04, 0, 1.16) both; position: absolute; top: 50%;  left: 0; margin-top: -.1rem;}
.popup__close { width: 3.2rem; height: 3.2rem; text-indent: -9999px; position: fixed; top: 2rem; right: 2rem; background-repeat: no-repeat; background-position: center center; background-size: contain;  background-image: url(data:image/svg+xml;base64,PHN2ZyBmaWxsPSIjMDAwMDAwIiBoZWlnaHQ9IjI0IiB2aWV3Qm94PSIwIDAgMjQgMjQiIHdpZHRoPSIyNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4gICAgPHBhdGggZD0iTTE5IDYuNDFMMTcuNTkgNSAxMiAxMC41OSA2LjQxIDUgNSA2LjQxIDEwLjU5IDEyIDUgMTcuNTkgNi40MSAxOSAxMiAxMy40MSAxNy41OSAxOSAxOSAxNy41OSAxMy40MSAxMnoiLz4gICAgPHBhdGggZD0iTTAgMGgyNHYyNEgweiIgZmlsbD0ibm9uZSIvPjwvc3ZnPg==);}
/* .srchopen .remove_btn{top: 3rem; z-index: 2;} */
.search_sec a{cursor: pointer;}
.search_sec a:hover{color: var(--white) !important;}
.header_sec.fixed { box-shadow: 0 0 .7rem 0 #ccc;}
.header_sec.fixed .heder_mid, .header_sec.fixed .heder_top{display: none;}
.mb_account{display: none;}
.card_flex span{background: var(--red); position: absolute; right: -.2rem; top: 0; color: var(--white); font-size: 1rem; width: 2rem; height: 2rem; border-radius: 100%; display: flex; align-items: center; justify-content: center;}

   
 /*banner*/  
.bannersec{ width: 100%; margin-top: 19rem;}
/* .bannersec .container{max-width: 100%; padding: 0 2rem;} */
/* .banner_lt{background: #ecffec; padding: .5rem;}
.banner_lt_rt img{max-width: 100%;} */
.banner_lt_lt strong{font-family: "Barlow Condensed", sans-serif; font-size: 5rem; line-height: 6rem; text-transform: capitalize; color: var(--black);}
/* .banner_info{padding: 0 5rem; border-radius: .5rem;} */
.banner_lt_lt{padding: 8rem 0; margin-right: 2rem;}
.banner_lt_rt{text-align: right;}
.banner_lt_rt img{width: 90%; max-width: 100%;}
/* .banner_lt_rt img{max-width: 80%; height: 100%; object-fit: cover;} */
.banner_list li{display: inline-block;}
.number_flex{align-items: end;}
.number_txt{font-size: 4.8rem; font-weight: 600; color: var(--black); margin-top: 2.5rem; display: inline-block; line-height: 5.8rem;}
.number_flex sub{font-weight: 500; text-transform: uppercase;}

.bannersec .carousel-control-next, .bannersec .carousel-control-prev{bottom: inherit; top: 50%; left: 3rem; width: 5rem; height: 5rem; border-radius: 100%; background: var(--brand); opacity: 1;}
.bannersec .carousel-control-next{left: inherit; right: 3rem;}
.bannersec .carousel-control-prev-icon,  .bannersec .carousel-control-next-icon{background: transparent; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center;}
.bannersec .carousel-control-prev-icon::before,  .bannersec .carousel-control-next-icon::before{font-family: "Font Awesome 6 Pro"; content: "\f104"; font-size: 2rem; color: var(--white);}
.bannersec .carousel-control-next-icon::before{content: "\f105";}



/* form */
.input_fld input[type="text"], .input_fld input[type="email"], .input_fld input[type="tel"], .input_fld input[type="password"], .input_fld textarea{width: 100%; border: .1rem solid #ced4da; height: 5rem; padding: 0 1.5rem; box-shadow: none; outline: none; -webkit-appearance: none; color: var(--black); font-size: 1.5rem; border-radius: 1rem; background: transparent;}
.input_fld input[type="text"]::placeholder, .input_fld input[type="email"]::placeholder, .input_fld input[type="tel"]::placeholder, .input_fld input[type="password"]::placeholder,  .input_fld textarea::placeholder{color: #999; opacity: 1;}
.input_fld .form-control:focus{ border-color: var(--brand); outline: 0; box-shadow: none; }
/* .input_fld .form-select{background:  var(--white)  url(../images/caret-down.png)no-repeat right 1.5rem center; background-size: 1rem; padding: 0 1rem; height: 4rem;} */
.input_fld button{border: none;}
/* .search_box .input_fld button a{color: #555 !important;} */
.input_fld .form-select:focus{border-color: var(--brand); box-shadow: none;} 
.input_fld{margin-bottom: 2rem;}
.input_fld textarea{height: 12rem; resize: none; padding: 1.5rem;}


/* categories_sec */
.categories_box{border: .1rem solid #E2E2E2; border-radius: .6rem; padding: 2rem 0;}
.categories_heading{border-bottom: .1rem solid #E2E2E2; padding: 0 0 2rem 2rem;}
.caregory_box{border-radius: .6rem; border: .1rem solid #E2E2E2;transition: 0.3s; padding: 10px; background: #F3F4F6; margin-top: 3rem;}
.caregory_img{width: 100%; border: .1rem solid #E2E2E2; border-radius: .4rem; display: flex; align-items: center; justify-content: center; background: var(--white); overflow: hidden;}
.caregory_img img{width: 100% !important;}
.caregory_area{padding: 0 3rem; position: relative;}
.caregory_txt a{color: var(--black); font-family: "Barlow Condensed", sans-serif; text-transform: capitalize; display: block; padding-top: .8rem; font-size: 1.8rem; font-weight: 600; text-align: center;}
.caregory_area .owl-nav{display: flex; align-items: center; justify-content: center; font-size: 0;}
.caregory_area .owl-prev, .caregory_area .owl-next{width: 3rem; height: 3rem; display: flex; align-items: center; justify-content: center; border: .1rem solid var(--brand); border-radius: .2rem; position: absolute; right: 0; top: -5rem;}
.caregory_area .owl-prev::before, .caregory_area .owl-next::before{font-family: "Font Awesome 6 Pro"; content: "\f104"; font-size: 1.5rem; color: var(--brand);}
.caregory_area .owl-next::before{content: "\f105";}
.caregory_area .owl-prev{right: 4rem;}

/* top_offer */
.top_offer_lt{background: #f5efea; position: relative; padding: 3rem; position: relative;}
.discoun_box{background: var(--red); color: var(--white); clip-path: polygon(0% 17.391%, 0% 17.391%, 0.037% 14.57%, 0.146% 11.894%, 0.319% 9.399%, 0.551% 7.12%, 0.837% 5.094%, 1.17% 3.356%, 1.544% 1.941%, 1.954% 0.887%, 2.394% 0.228%, 2.857% 0%, 90.884% 0%, 90.884% 0%, 91.089% 0.045%, 91.292% 0.179%, 91.493% 0.4%, 91.689% 0.706%, 91.882% 1.097%, 92.07% 1.569%, 92.251% 2.122%, 92.427% 2.754%, 92.595% 3.463%, 92.755% 4.248%, 98.937% 36.857%, 98.937% 36.857%, 99.292% 39.091%, 99.568% 41.588%, 99.765% 44.282%, 99.883% 47.108%, 99.923% 50%, 99.883% 52.892%, 99.765% 55.718%, 99.568% 58.412%, 99.292% 60.909%, 98.937% 63.143%, 92.755% 95.752%, 92.755% 95.752%, 92.595% 96.537%, 92.427% 97.246%, 92.251% 97.878%, 92.07% 98.431%, 91.882% 98.903%, 91.689% 99.294%, 91.493% 99.6%, 91.292% 99.821%, 91.089% 99.955%, 90.884% 100%, 2.857% 100%, 2.857% 100%, 2.394% 99.772%, 1.954% 99.113%, 1.544% 98.059%, 1.17% 96.644%, 0.837% 94.906%, 0.551% 92.88%, 0.319% 90.601%, 0.146% 88.106%, 0.037% 85.43%, 0% 82.609%, 0% 17.391%); padding: .6rem 1.5rem .4rem 1.5rem; text-transform: uppercase; font-size: 1.4rem; font-weight: 600; margin-bottom: 1rem; display: inline-block; line-height: 1.4rem;}
.top_offer_lt_img{position: absolute; right: 0; top: 0;}
.top_offer_lt_img img{width: 23rem;}
.top_offer_lt_txt{max-width: 30rem; display: block;}


/* trading_product */
.trading_product{background: var(--bg_color);}
.product_box{background: var(--white); padding: 1rem; border-radius: .5rem; margin-top: 3rem; transition: 0.2s; -moz-transition: 0.2s; -webkit-transition: 0.2s; -o-transition: 0.2s; position: relative;}
.product_info{border: .1rem solid #E2E2E2; padding: 2rem; border-radius: .5rem; transition: 0.2s; -moz-transition: 0.2s; -webkit-transition: 0.2s; -o-transition: 0.2s;}
.product_img{text-align: center; position: relative;}
.product_img img{width: 100% !important; -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out; margin: auto;}
.product_box:hover .product_img img{-webkit-transform: scale(1.1); transform: scale(1.1);}
.product_txt h4{font-size: 2rem; line-height: 2.5rem; margin-top: .5rem;}
.product_txt h4 a{color: var(--black);}
.stock_flex{justify-content: space-between; align-items: center; border-top: .1rem dashed #ccc; border-bottom: .1rem dashed #ccc; padding: .5rem 0; margin-top: 1.5rem;}
.pxck_txt{color: var(--body_txt_color); font-size: 1.4rem;}
.stock_txt{color: var(--brand); text-transform: capitalize; color: var(--brand); font-weight: 600;}
.price_txt{display: flex; align-items: end; gap: .8rem; margin-top: 1rem;}
.main_price_txt{font-weight: 700; color: var(--red); font-size: 2rem;}
.previous_price_txt{margin-bottom: 0; font-size: 1.4rem; font-weight: 500; color: #74787C; position: relative; line-height: 1.4rem;}
.previous_price_txt::after{position: absolute; overflow: auto; left: -5%; top: 50%; content: ""; height: .1rem; width: 110%; background: #74787C;}
.product_txt{padding-top: 1.5rem;}
.product_box:hover {box-shadow: .5rem 1rem 1.5rem rgba(0, 0, 0, 0.05);}
.product_box:hover .product_info{border-color: var(--brand);}
.share_icons{position: absolute; display: -webkit-inline-box;  display: -ms-inline-flexbox; display: inline-flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; top: 5rem; left: -5rem; transition: all .4s ease-in-out 0s; opacity: 0; -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%);}
.share_icons ul li a{width: 4rem; height: 4rem; border-radius: 100%; display: flex; align-items: center; justify-content: center; color: var(--white); margin-top: 1rem; background: var(--brand);}
.product_box:hover .share_icons{ opacity: 1; left: 1rem;}
.share_icons ul{text-align: center; width: 100%;}
.all_btn{position: absolute; right: 0; top: 0;}
.all_btn .as_btn{margin-top: 0;}
.sale_txt{background: var(--red); display: inline-block; padding: .375rem .75rem; text-transform: uppercase; color: var(--white); position: absolute; left: 2.5rem; top: 2.4rem; font-size: 1.2rem; border-radius: 2.5rem; z-index: 1;}
.out_stock{color: var(--red);}




/* other_product_sec */
.other_products_box{border: .1rem solid #E2E2E2; border-radius: .5rem; margin-top: 3rem;}
.title_area{border-bottom: .1rem solid #E2E2E2; padding: 1rem 0 1rem 1rem;}
.othr_prd_img img{width: 6rem; margin-right: 2.5rem;}
.other_products_box ul li.d-flex{padding: 1.5rem; align-items: center; border-bottom: .1rem solid #E2E2E2;}
.other_products_box ul li.d-flex:last-child{border-bottom-color: transparent;}
.othr_prd_txt h5 a{color: var(--black);}


/* deal_sec */
/* .deal_box{background: rgba(247, 247, 247, 1); position: relative;}
.deal_box::before{position: absolute; background: url(../images/hurry_shape.png)no-repeat center center/cover; width: 100%; height: 100%; content: ""; left: 0; top: 0;}
.deal_box_lt, .deal_box_rt{position: relative;}
.deal_box_lt{padding: 6.1rem 8rem;}
.countdown_sec{position: relative;}
.countdown_sec::after { position: absolute; content: ""; top: 0; left: 50%; width: 50rem; height: 6.5rem; z-index: -1; background: var(--body_bg_color); -webkit-transform: translateX(-50%); transform: translateX(-50%);}

.countdown_sec .countdown .countdown_box {text-align: center; padding: 2rem 3rem 0; position: relative;}
.countdown_sec .countdown .countdown_box strong {font-weight: 700; font-size: 4rem; margin-bottom: .5rem; display: block; color: var(--brand);}
.countdown_sec .countdown .countdown_box span {color: var(--black); font-weight: 600; font-size: 1.8rem;}
.timer_tittle{font-size: 3rem; line-height: 3.5rem; margin-bottom: 0;}
.countdown_sec .countdown li{display: inline-block;}
.countdown_sec .countdown li:first-child .countdown_box{padding-left: 0;}
.countdown_sec .countdown li:last-child .countdown_box{padding-right: 0;}
.countdown_sec .countdown li:last-child .countdown_box::before{display: none;}
.countdown_sec .countdown .countdown_box::before{position: absolute; content: ":"; top: 3.4rem; right: -.3rem; font-size: 2.5rem; -webkit-transform: translateY(-50%); transform: translateY(-50%); color: var(--black);}
.deal_box_rt{padding-top: 1rem;}
.deal_box_rt img{max-width: 70% !important; width: auto !important;}
.deal_images .owl-dots{display: none;}

.deal_images .owl-nav{position: relative; display: flex !important; margin-top: 3rem; align-items: center; justify-content: space-between; margin: 0 1rem 1rem 0;}
.deal_images .owl-nav::before{content: "";position: absolute; top: 41%; left: 50%; height: .1rem; width: 70%; transform: translate(-50%, -50%); background: var(--brand);}
.deal_images .owl-prev, .deal_images .owl-next{text-transform: uppercase; font-weight: 600; color: var(--black); width: 4rem; height: 3rem; background: rgba(247, 247, 247, 1);}
.hupp_txt{display: block; color: var(--red); font-weight: 600;}
.deal_box_lt h2{padding-top: 1.5rem;} */


/* feature_sec */
.feature_sec{background: var(--brand); padding: 0 0 3rem 0;}
.feature_box{margin-top: 3rem; display: flex; align-items: center; justify-content: center;}
.feature_icon{background: var(--white); width: 5rem; height: 5rem; margin-right: 1.5rem; border-radius: 100%; display: flex; align-items: center; justify-content: center;}
.feature_txt strong{font-family: "Barlow Condensed", sans-serif; text-transform: capitalize; color: var(--white); font-size: 2.2rem; line-height: 2.2rem;}
.feature_icon img{width: 3rem;}

/* feed_back_sec */
.feed_back_box{padding: 6.5rem 1.5rem 2rem 1.5rem; position: relative; background: #f7f7f8; border: .1rem solid #e9e9e9; border-radius: .5rem; margin-top: 7rem;}
.feed_back_box::before{width: 5rem !important; height: 5rem; content: ""; background-image: url("../images/left_quote.png"); background-size: 100%; background-position: center; background-repeat: no-repeat; position: absolute; top: 20px; left: 30px; opacity: 0.5;}
.feed_back_box::after{width: 5rem !important; height: 5rem; content: ""; background-image: url("../images/left_quote.png"); background-size: 100%; background-position: center; background-repeat: no-repeat; position: absolute; -webkit-transform: rotate(180deg); transform: rotate(180deg);  bottom: 2rem; right: 3rem; opacity: 0.5;}
.feed_back_img{ width: 100%; position: absolute; top: -5.8rem; left: 0; right: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center;}
.feed_back_img img{width: 12rem !important; height: 12rem; border-radius: 10rem; border: 1.3rem solid var(--white);}
.feed_back_txt{max-width: 31rem; margin: 1rem auto 0 auto; display: block; text-align: center;}
.feed_back_txt strong{text-transform: capitalize; font-size: 2rem; display: block; padding-bottom: .8rem; color: var(--black); font-family: "Barlow Condensed", sans-serif;}
.feed_back_sec .owl-nav{display: flex; align-items: center; justify-content: center; font-size: 0; margin-top: 2rem;}
.feed_back_sec .owl-prev::before, .feed_back_sec .owl-next::before{font-family: "Font Awesome 6 Pro"; content: "\f060"; color: var(--black); font-size: 1.8rem;}
.feed_back_sec .owl-next::before{content: "\f061";}
.feed_back_sec .owl-prev{border-right: .1rem solid #ccc; padding-right: 1.5rem; margin-right: 1.5rem;}
.feed_back_sec .owl-prev, .feed_back_sec .owl-next{height: 2.5rem;}

/* featured_products */
.featured_products{background: var(--bg_color);}


/* Popular Categories */
.popular_list ul{margin-top: 3rem;}
.popular_list ul li{display: inline-block; font-size: 1.4rem; text-transform: capitalize; font-weight: 500; margin-bottom: 2rem;}
.popular_list ul li a{margin-right: .5rem; padding: .8rem 1rem; border: .1rem dashed var(--brand); border-radius: 2.5rem; color: var(--black);}
.popular_list ul li a:hover{background: var(--brand); color: var(--white); border-color: transparent;}
.popular_categories_sec{padding-bottom: 2rem;}



/* footer_sec */
.footer_sec{background: var(--ft_bg);}
.ft_top{padding-top: 4rem; border-bottom: .1rem dashed #ccc;}
.ft_news_box{width: 100%; display: inline-block; background: var(--white); border-radius: 5.5rem; padding: 1.5rem; margin-bottom: 0;}
.ft_news_box.input_fld input[type="email"]{width: 70%; float: left; height: 4.5rem; border-color: transparent;}
.ft_news_box button{width: 30%; float: right;}
.ft_top_lt, .ft_top_rt{padding-bottom: 3rem;}
.ft_heading{color: var(--white); text-transform: capitalize; font-size: 2rem; line-height: 2.5rem; font-family: "Barlow Condensed", sans-serif; display: block; padding-bottom: 1.5rem; }
.ft_mid{padding-bottom: 3rem; border-bottom: .1rem dashed #ccc;}
.ft_txt{padding-top: 3rem;}
.ft_btm .d-flex{align-items: center; justify-content: space-between;}
.ft_btm{background: #1C2923; padding: 1.5rem 0; color: var(--white);}
.ft_botton_rt a{color: var(--white); border-bottom: .1rem solid var(--white);}
.ft_top_info{padding-bottom: 3rem;}
.ft_ph_flex{align-items: center;}
.ft_ph_icon{height: 5rem; width: 5rem; border-radius: 50%; border: .1rem solid #E2E2E2; display: flex; align-items: center; justify-content: center; background: var(--white); margin-right: 1.5rem;}
.ft_ph_icon img{width: 3rem;}
.ft_ph_txt em{display: block; color: #C5CBC8; padding-bottom: .2rem;}
.ft_ph_txt a{color: var(--red); font-size: 2.4rem; font-weight: 600;}
.ft_txt_list li{text-transform: capitalize;}
.ft_txt_list li a{color: #C5CBC8; display: inline-block; padding-top: 1rem;}
.ft_txt_list li:first-child a{padding-top: 0;}
.ft_txt_list li a:hover{color: var(--red);}
.ft_con_list li{position: relative; margin-top: 1.5rem; padding-left: 2.5rem;}
.ft_con_list li:first-child{margin-top: 0;}
.ft_con_icon{position: absolute; left: 0; top: .5rem; color: var(--brand);}
.ft_con_list li a, .ft_con_list li, .ft_txt p{color: #C5CBC8;}
.ft_con_list li a:hover{color: var(--brand);}
.ft_ph_flex {margin-top: 1.5rem;}
.ft_mid_rt li{display: inline-block;}
.ft_mid_rt li a{width: 4rem; height: 4rem; display: flex; align-items: center; justify-content: center; margin: 1.5rem 1rem 0 0; background-color: #E2E3E4; color: var(--brand); border-radius: 100%;}
.ft_mid_rt li:last-child a{margin-right: 0;}
.ft_mid_rt li a:hover{background: var(--brand); color: var(--white);}
.ft_mid .cumml:nth-child(2) .ft_txt{padding-left: 3rem;}


/* contact_page */
.inner_banner .banner_info {padding: 4rem 3rem;}
.inner_banner .banner_info h1 {font-size: 5rem; line-height: 6rem;}
.inner_con_rt_box{background: var(--bg_color); padding: 2.5rem; border-radius: 2rem;}
.info_list li{margin-top: 2.5rem; position: relative; padding-left: 4.2rem;}
.inner_con_icon{width: 3rem; height: 3rem; border-radius: 100%; display: flex; align-items: center; justify-content: center; background: var(--brand); color: var(--white); position: absolute; left: 0; top: -.2rem; font-size: 1.5rem;}
.info_list li a, .info_list li{color: var(--black);}
/* .con_offer{background: var(--black); display: block; padding: 2rem; margin-top: 2rem;} */
.inner_top_offer{margin-top: 2rem; border-radius: 2rem;}
.inner_con_lt{margin-right: 2rem; box-shadow: 0px 8px 15px rgba(0, 0, 0, 0.05); background: var(--white); padding: 1rem; border-radius: .5rem;}
.con_frm_box{border: .1rem dashed var(--brand); padding: 2rem; border-radius: .5rem;}
.map_sec iframe{width: 100%; height: 25rem;}


/* login_page */
.log_icon{background: var(--white); width: 5rem; height: 5rem; color: var(--black); border-radius: .5rem; display: flex; align-items: center; justify-content: center; font-size: 1.8rem; box-shadow: 0 0 1rem rgba(199, 199, 197, 0.6);}
.forget_txt{color: var(--black); text-transform: capitalize; font-weight: 600;}
.forget_txt:hover{color: var(--brand);}
/* .or_txt{display: block; padding-top: 2rem; text-align: center; font-weight: 600; font-size: 1.8rem; text-transform: capitalize;} */
.f_button a{background: #43609c; display: inline-block; width: 100%; text-align: center; color: var(--white); height: 5rem; line-height: 5rem; margin-top: 2rem; border-radius: .5rem; font-size: 2rem;}
.f_button a i{padding-right: .5rem;}
.g_button a{background: var(--white); box-shadow: 0 0 1rem rgba(199, 199, 197, 0.6); color: var(--black);}
/* .reg_btn{background: var(--green);} */
/* .reg_btn:hover{border-color: var(--green); color: var(--green);} */
.or_sec {float: left; overflow: hidden; position: relative; width: 100%;text-align: center; margin-top: 3rem;}
.or_sec span { display: inline-block; font-size: 1.4rem; color: var(--body_txt_color); position: relative; font-weight: 500;}
.or_sec span::before, .or_sec span::after { background: #d4d4d4; content: ""; height: .1rem; left: 100%; margin-left: .8rem; position: absolute; top: 1.2rem; width: 999em;}
.or_sec span::after {left: auto; right: 100%; margin-left: 0; margin-right: .8rem;}
.log_contact_rt { border: .1rem dashed var(--brand); padding: 3rem;  border-radius: .5rem;  overflow: hidden;}


/* product_dertails */
.innerbanner .banner_box{background: #f8f8f8; padding: 2rem 0;}
.banner_txt.d-flex{align-items: center; justify-content: space-between; flex-direction: row-reverse;}
.inner_banner_heading{font-size: 2rem; line-height: 2.5rem;}
.banner_txt .breadcrumb-item + .breadcrumb-item::before {padding: 0 1rem; color: #6c757d;content: var(--bs-breadcrumb-divider, "/");}
.banner_txt .breadcrumb-item a{color: var(--green);}
/* .product_slider{ width: 100%; position: relative;} */
.product_slider { position: -webkit-sticky; position: sticky; top: 6.4rem; bottom: 0; z-index: 2; -webkit-align-self: flex-start; -ms-flex-item-align: start; align-self: flex-start;}
/* .product_slider .stock_txt{transform: inherit; left: 2rem; top: 2rem;} */
/* .product_slider .product_price del{color: var(--body_txt_color) !important;}
.product_slider .amount{color: var(--body_txt_color) !important;} */
#sync1.owl-theme {position: relative;}
#sync1.owl-theme .owl-next, #sync1.owl-theme .owl-prev { width: 2.2rem; height: 4rem; margin-top: -2rem; position: absolute; top: 50%;  }
#sync1  .owl-prev { left: 1rem; }
#sync1  .owl-next { right: 1rem;}
.product_slider #sync1 .owl-prev{ display: none !important;}
.product_slider #sync1 .owl-next{ display: none !important;}
.product_slider .owl-dots{ display: none !important;}
.product_slider #sync2 .owl-item.active.current img{ opacity: 0.8;}
.product_slider #sync2 .owl-prev{ display: none !important;}
.product_slider #sync2 .owl-next{ display: none !important;}
.product_slider img{display: block !important; width: auto !important; max-width: 100%; text-align: center; margin: auto;}
.product_slider #sync2 img{width: 100% !important; border-radius: .5rem;}
.product_slider #sync2{ margin-top: 2rem; }
.product_slider #sync2 .owl-item{ border: .1rem solid #d4d4d4; padding: .5rem; border-radius: .5rem;}
.product_slider #sync1{ border: .1rem solid #d4d4d4; border-radius: 1rem; overflow: hidden; padding: .5rem;}
.addination_txt{padding-top: 3rem;}
.addination_txt b{font-size: 2rem; color: var(--black); text-transform: capitalize;}
.dtlsoffer_sec i{font-size: 1.5rem; padding-right: .1rem; vertical-align: middle;}
/* .dtlsoffer_sec del{padding-left: .4rem;} */
.dtlsoffer{background: var(--brand); color: var(--white);  height: 3rem; padding: 0 2rem; border-radius: .4rem; display: flex; align-items: center; justify-content: center; font-size: 1.6rem; font-weight: 500; margin-left: 2rem;}
.prodtls_txt{border-top: .1rem solid #d4d4d4; padding: 1.5rem 0 0 0; margin-top: 1.5rem;}
/* .product_dltsrt .price {width: auto;} */
.bttn_group ul li{display: inline-block; margin-right: 1rem;}
.bttn_group ul li:last-child{margin-right: 0;}
.bttn_group ul li:last-child a.as_btn{background: transparent; color: var(--brand); border-color: var(--brand);}
.bttn_group ul li:last-child a.as_btn:hover{background: var(--brand); color: var(--white);}
.decly_txt  span{color: var(--black); font-size: 1.5rem;}
.decly_txt  span b{color: var(--red); font-size: 1.8rem; vertical-align: middle; padding-right: .5rem;}
.pro_dtls_table th{background: var(--brand); color: var(--white);}
.table_area.pro_dtls_table .table > :not(caption) > * > * {padding: 1.5rem;}
.table_area.pro_dtls_table .table th {font-size: 1.8rem;}

.inner_banner .banner_box_lt {padding: 4rem 3rem; height: auto !important;}
.inner_banner .banner_box_lt h1 {font-size: 5rem; line-height: 6rem; color: var(--white);}
.inner_banner .banner_box {padding: 21rem 0 3rem 0;}
.pro_dtls_table.table_area .table td{min-width: 12rem;}

/* produvcts_listing */
.listing_top{justify-content: space-between;}
.fitter_box{border: .1rem solid #d4d4d4; padding: 1.5rem; border-radius: .5rem; overflow: hidden; cursor: pointer; margin-right: 3rem;}
.input_fld .form-select {background: url(../images/select_arrow.png)no-repeat right 1.5rem center var(--white);background-size: 1.2rem; height: 5rem; padding: 0 1.5rem 0 2.5rem; color: #999; border: .1rem solid #d4d4d4; height: 5rem;  font-size: 1.5rem;  border-radius: 3rem;  padding: 0 1.5rem;  cursor: pointer; width: 100%;}
.sort_selet{max-width: 100%; width: 20rem; float: right;}
.view .as_btn{width: 4rem; height: 4rem; display: flex; align-items: center; justify-content: center; padding: 0; position: relative;}
.view .as_btn:last-child{margin-left: 1.5rem;}
.view .as_btn i{padding: 0}
.Product_Categories_box input[type="checkbox"] {display: none;}
.Product_Categories_box input[type="checkbox"] + label {background: url(../images/uncheck_img.png) no-repeat left center; cursor: pointer; display: block; vertical-align: middle; color: var(--black); padding-left: 3.5rem; margin-top: 1.1rem;}
.Product_Categories_box input[type="checkbox"]:checked + label {background: url(../images/check_img.png) no-repeat left center; outline:none;}
.product_listing_lt{position: relative; display: inline-block; width: 100%;}
.product_listing_lt_content{position: absolute; background-color: var(--white); z-index: 99; width: 100%; padding: 0 2rem 2rem;  box-shadow: 0 0 .7rem 0 #ccc; border-radius: 1rem; margin-top: 1.5rem; top: 6rem; display: none;}
.pro_info{position: relative; display: inline-block; width: 100%;}
.Product_Categories_box {border: .1rem solid #ececec; padding: 0 2rem 2rem 2rem; border-radius: 1rem; overflow: hidden;}
.Product_Categories_box .check_sec input[type="radio"] + label{margin-top: 2rem;}
.Product_Categories_box .ft_heading{color: var(--black); border-bottom: .1rem dashed var(--brand);}

.pegination_sec ul li{display: inline-block; margin-top: 3rem;}
.page_number{color: var(--brand); height: 4rem; width: 4rem; line-height: 3.2rem; font-size: 1.4rem; border-width: .1rem; border-style: solid; margin: 0 .3rem; text-align: center; display: inline-block; border-color: #cccccc; display: flex; align-items: center; justify-content: center; border-radius: .5rem; font-weight: 700; background: var(--white);}
.pegination_sec ul li .current, .page_number:hover{background: var(--brand); color: var(--white); border-color: transparent;}
.grid_btn .as_btn::before{content: ""; position: absolute; left: -.5rem; top: -.5rem; right: -.5rem; bottom: -.5rem; border: .2rem solid var(--brand); transition: all 0.5s ease-in-out; border-radius: 5rem;}

.out_stock_txt{color: var(--red);}
.check_sec input[type=radio] {display:none; margin:1rem;}
.check_sec input[type=radio] + label {display:inline-block;margin:-.2rem; padding: .2rem 1rem; cursor: pointer; margin-right: .5rem; border: .2rem solid transparent; font-size: 1.4rem; border-radius: .5rem; font-weight: 500; background-color: rgba(221, 236, 215, .3); color: var(--brand);}
.check_sec input[type=radio]:checked + label {box-shadow: 0 0 0 0.1rem #cccccc;}
.check_sec{margin-top: 2rem;}

.quantity_box{display: inline-block; background: #f8f8f8; overflow: hidden; border-radius: .5rem; padding: .5rem;}
.quantity_box .quantity{position: relative; margin: auto; }
.quantity_box .quantity-nav {font: normal 1.6rem/2.4rem 'Inter', sans-serif;}
.quantity_box .quantity-button {background: var(--white); color: var(--brand); width: 4rem; height: 4rem; position: absolute; top: 0; text-align: center; cursor: pointer; font-size: 0; display: flex; align-items: center; justify-content: center;}
.quantity_box .quantity-up {left: 0;}
.quantity_box .quantity-up::before, .quantity_box .quantity-down::before{content: "\2b"; font-family: "Font Awesome 6 Pro"; font-size: 1.5rem;}
.quantity_box .quantity-down {right: 0;}
.quantity_box .quantity-down::before{content: "\f068";}
.quantity input[type="number"]{outline: none; font: normal 1.6rem/2.4rem 'Roboto', sans-serif; color: #464646; height: 4rem; width: 100%; border-radius: 0;  text-align: center; border: none; padding-left: 2rem; background: transparent;}

/* product_dtls_page */
.similar_product{position: relative;}
.similar_product .owl-dots{display: none;}
.similar_product .owl-nav{display: flex; align-items: center; justify-content: center; font-size: 0; position: absolute; right: 0; top: -2.9rem;} 
.similar_product .owl-prev, .similar_product .owl-next {height: 2.5rem;}
.similar_product .owl-prev::before, .similar_product .owl-next::before { font-family: "Font Awesome 6 Pro"; content: "\f060"; color: var(--black); font-size: 1.8rem;}
.similar_product .owl-next::before {content: "\f061";}
.similar_product .owl-prev {border-right: .1rem solid #ccc; padding-right: 1.5rem; margin-right: 1.5rem;}


/* faq_page */
.faq_box{background: var(--white); border-radius: .5rem; margin: 0 0 0 1.5rem;}
.faq_box .accordion-body {padding: 1rem 1.25rem 2rem 1.25rem;}
.faq_box .accordion-button:not(.collapsed) { color: inherit; background-color: transparent; box-shadow: none;}
.faq_box .accordion-button::after, .faq_box .accordion-button:not(.collapsed)::after{width: auto; height: auto; background-image: none; content: "\f068"; color: var(--orage); font-family: "Font Awesome 6 Pro"; font-size: 1.8rem;}
.faq_box .accordion-button:focus {border-color: transparent; box-shadow: none;}
.faq_box .accordion-button::after{content: "\2b";}
.faq_box .accordion-button:not(.collapsed){padding: 1rem 1.25rem;}
.faq_box .accordion-button{padding: 1.8rem 1.25rem;}
.faq_box h4{padding-right: 2rem; font-size: 2rem; line-height: 2.5rem;}
.faq_lt .product_box{margin-top: 1.5rem;}
.faq_lt .countdown_sec .countdown .countdown_box strong {font-size: 2.5rem;}
.faq_lt .countdown_sec .countdown .countdown_box {padding: 1rem 1.5rem 0;}
.faq_lt{border: .1rem dashed var(--brand); padding: 2rem; border-radius: .5rem;}
.faq_lt .countdown_sec .countdown .countdown_box::before {top: 2.4rem;}
.faq_lt .countdown_sec .countdown .countdown_box span {font-size: 1.6rem;}
.fixe_rt { position: -webkit-sticky; position: sticky; top: 6.4rem; bottom: 0; z-index: 2; -webkit-align-self: flex-start; -ms-flex-item-align: start; align-self: flex-start; width: 100%;}


/* about_page */
.ab_para{max-width: 84rem; margin: auto;}
.inner_ab_lt, .inner_ab_rt{border-radius: .5rem; overflow: hidden; margin-top: 3rem;}
.inner_ab_lt img, .inner_ab_rt img{height: 100%; object-fit: cover;}
.ab_context_box{margin-top: 7rem;}

/* count_sec */
.count_box em{display: block;}
.count_box em img{width: 5rem; margin: 0 1rem 0 0;}
.choose_rt{position: relative;}
.count_box strong{color: var(--black); font-size: 3.5rem;}
.count_box sup{color: var(--brand); font-size: 2.5rem; text-align: right; top: -1.5rem; font-weight: 600;}
.count_box span{display: block; padding-top: .5rem; color: var(--black); font-weight: 600; text-transform: uppercase; letter-spacing: .2rem;}
.count_box{margin-top: 3rem;}
.count_box .top_flex{align-items: center; justify-content: center; padding: 0 0 .5rem 0 ;}
.count_boxes{background: var(--white); -webkit-box-shadow: 0 4px 40px rgba(67, 37, 43, .16); box-shadow: 0 4px 40px rgba(67, 37, 43, .16); margin-top: 3rem; padding: 0 3rem 2.5rem 3rem; border-radius: 6.5rem;}

.inner_banner {margin-top: 18rem;}
.awar_box{background: var(--black); padding: 2rem; display: flex; align-items: center; justify-content: center; max-width: 40rem;}
.awar_icon img{width: 8rem; margin-right: 1.55rem;}
.awar_txt{color: var(--white);}
.awar_sec{padding-top: 30rem;}
.progtrckr{margin: 1.5rem -1rem 0 -1rem; padding: 0; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start;}
.progtrckr_done{border-top: .4rem solid var(--brand); width: 100% !important; display: inline-block; text-align: center; margin: 1rem 0; position: relative; padding: 0 1rem;}
.progtrckr_done::before{font-family: "Font Awesome 6 Pro"; font-weight: 900; display: flex; align-items: center; justify-content: center; width: 3rem; height: 3rem; padding-top: .2rem; content: "\f00c";  color: var(--white); background: var(--brand); line-height: 3.5rem; border: none; border-radius: 3.5rem; font-size: 1.6rem;}
.progtrckr_todo{color: #4a5568; border-top: .4rem solid #959595; width: 100% !important; display: inline-block; text-align: center; margin: 1rem 0; position: relative;}
.progtrckr_todo::before{font-family: "Font Awesome 6 Pro"; display: flex; align-items: center; justify-content: center; width: 3rem; height: 3rem; padding-top: .2rem; content: ""; background: #959595; border-radius: 3.5rem; line-height: 3.5rem; color: var(--white);}
.progtrckr li::before{position: relative; top: -.2rem; float: left; left: 50% !important; line-height: 1; -webkit-transform: translate(-50%, -50%) !important; transform: translate(-50%, -50%) !important; z-index: 1;}
.progtrckr li h5{margin-top: 2rem; text-align: center; width: 100%; display: flex;justify-content: center; font-weight: 600;}
.progtrckr li span{display: block; font-size: 1.6rem; color: var(--black); position: absolute; top: -5.1rem; left: 50%; -ms-transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
}
.progtrckr_done::after{content: " "; width: 4rem; height: 4rem; border-radius: 50%;  margin: 0 auto; transition: all 0.3s; background-color: rgba(13, 164, 135, .5); left: 50% !important;
	-webkit-transform: translate(-50%, -50%) !important; transform: translate(-50%, -50%) !important; position:absolute; top:-.2rem; -webkit-animation: 5s blink ease infinite;
  -moz-animation: 5s blink ease infinite;
  -ms-animation: 5s blink ease infinite;
  -o-animation: 5s blink ease infinite;
  animation: 5s blink ease infinite;}
  @keyframes blink{
    from, to {
      opacity: 0;
    }
    50% {
      opacity: 1;
    }
  }
  
  @-moz-keyframes blink {
    from, to {
      opacity: 0;
    }
    50% {
      opacity: 1;
    }
  }
  
  @-webkit-keyframes blink{
    from, to {
      opacity: 0;
    }
    50% {
      opacity: 1;
    }
  }
  
  @-ms-keyframes blink{
    from, to {
      opacity: 0;
    }
    50% {
      opacity: 1;
    }
  }
  
  @-o-keyframes blink{
    from, to {
      opacity: 0;
    }
    50% {
      opacity: 1;
    }
  }
  
.progtrckr_sec{margin-top: 6rem;}
.progtrckr_done p{padding-top: 2rem;}



/* cart_page */
.cart_box1{padding: 3rem; justify-content: space-between; border: .1rem solid #d4d4d4; border-top-color: transparent;}
.cart_list li{display: inline-block; margin: 1.2rem 3rem 0 0;}
.cart_list li b{color: var(--red); text-transform: capitalize; font-weight: 500;}
.cart_list li span{font-size: 1.4rem;}
/* .cart_box1 .winter_pro_img img {width: 15rem !important; height: 15rem;} */
.cart_box1 .as_btn {padding: 0 2rem; height: 3.5rem; line-height: 3.5rem; font-size: 1.4rem; margin-top: 1.5rem;}
/* .cart_box1:nth-child(even){border-top-color: transparent;} */
.cart_box1:first-child{border-top-color: #d4d4d4;}
.winter_pro_img img {width: 9rem !important; height: 9rem; object-fit: cover; margin-right: 0;}
.winter_pro_txt h4 a{color: var(--black);}

/* order_page */
.order_banner .d-flex{flex-direction: column; justify-content: center; width: 100%;}
.hd_flex{align-items: center; justify-content: space-between;}
.hd_flex, .exet_flex{padding: 2rem 3rem;}
.hd_flex .as_btn{margin-top: 2rem;}
.orderr_top{border-bottom: .1rem solid #ececec;}
.orderr_footer{border-top: .1rem solid #ececec;}
.orr_list{padding: 2rem 3rem;}
.orr_list li{display: flex; align-items: center; justify-content: space-between; margin-top: 1.5rem;}
.orr_list li:first-child{margin-top: 0;}
.pr_txt{color: var(--black);}
.pr_txt em{font-size: 1.4rem; vertical-align: middle;}
.orderr_box{border-radius: .5rem; background: var(--white);}
.orderr_footer span i{font-size: 1.4rem; vertical-align: middle;}
.orderr_footer span{color: var(--brand); font-size: 2rem; font-weight: 500;}
.orderr_top span{color: var(--green);}
.ft_hd_txt span{font-size: 1.6rem; color: var(--body_txt_color); display: block;}
.tack_txt a{color: var(--brand);}
.orred_pra_txt{padding: 2rem 3rem;}
.order_img img{max-width: 100%;}
.inner_order .tabel_pump{display: flex; align-items: center;}

/* emty_cart_page */
.enty_cart_img img{max-width: 100%; margin: 0 auto;}
.emty_card_sec .d-flex{align-items: center; justify-content: center; flex-direction: column;}


/* order_page */
.order_banner_img{max-width: 100%;}
.table_area .table th{font-size: 2rem; text-transform: capitalize; font-family: "Barlow Condensed", sans-serif;}
.table_area .table td {min-width: 11rem;}

/* check_out_page */
.card_list ul{width: 100%; display: inline-block; position: relative;}
.card_list ul:before ,  .cart_inner ul:after{position: absolute; top: 0; background: var(--white);  content: ""; height: 100%;}
.card_list ul:before {right: 0; width: 14%; z-index: 5;}
.card_list ul:after{left: 0; width: 10%;}
.card_list ul li{text-align: center; position: relative; width: 24%; float: left;}
.card_list ul li a{color: var(--white); position: relative; display: flex; align-items: center; justify-content: center; flex-direction: column; z-index: 9;}
.card_list ul li a span{color: var(--black); padding-top: 1rem; display: block; text-transform: capitalize; font-weight: 500; font-size: 1.8rem;}
.card_list ul li  a i{background: var(--brand); border-radius: 100%; width: 8.6rem; height: 8.6rem;  text-align: center; display: flex; position: relative; font-style: normal; align-items: center; justify-content: center; font-size: 3rem;}
.card_list ul li:before{position: absolute; right: 0; top: 4.1rem; width: 100%; height: .7rem; background: #969595;  content: ""; }
.card_list ul li:last-child{margin-right: 0;}
.card_list ul .actv:after{position: absolute; right: 0; top: 4.1rem; background: var(--brand); width: 100%; height: .7rem; content: ""; border-radius: 5rem;}
.table_area{margin: 5rem 0 0;}
.table_area .table > :not(caption) > * > * {padding: 2rem 1.5rem;}
.tabel_pump li{display: inline-block; margin-right: 1rem; font-size: 1.8rem;}
.tabel_pump li a{color: var(--black);}
.tabel_pump li a:hover{color: var(--brand);}
.tabel_pump li:last-child{margin-right: 0;}
.tabel_pump li img{width: 6.5rem;}
.table_area tr{vertical-align: middle;}

.cart_box{padding: 3rem; margin: 5rem 0 0 2rem; border-radius: .5rem; border: .1rem dashed var(--brand);}
.cart_box ul li p{padding-bottom: 0;}
.cart_box ul li b{font-size: 2.2rem; line-height: 3.2rem; font-weight: 400;}

.cart_box_list .d-flex{align-items: center; justify-content: space-between; margin-top: 1.5rem;}
.cart_price_txt i{font-size: 1.4rem;}
.cart_price_txt{color: var(--green);}
.amount_txt{align-items: center; justify-content: space-between; margin-top: 1.5rem; border-bottom: .1rem dotted var(--black); border-top: .1rem dotted var(--black); padding: 1.2rem 0;}
.sace_txt {display: block; color: var(--brand); text-transform: capitalize;  margin-top: .2rem; font-size: 1.6rem; font-weight: 600;}
.cuponbtn a:last-child{background: var(--black);}
.cuponbtn a:last-child:hover{background: var(--brand);}



/*--------------------------------------------------------------31-8-24-------------------------------------------------------------*/
.banner_rt_main{display: flex; display: -webkit-flex; align-items: center; -webkit-align-items: center;}
/*.banner_rt_main_txt {margin: 0px auto; width: 480px; height: 480px; position: relative;}*/
/*.big_circle{height: 100%; width: 100%; position: relative; border: .3rem solid var(--brand); border-radius: 50%; display: flex; display: -webkit-flex; align-items: center; -webkit-align-items: center; justify-content: center; -webkit-justify-content: center; animation: Rotate 20s linear infinite; -webkit-animation: Rotate 20s linear infinite;}*/
/*.icon_block{width: 6.4rem; height: 6.4rem; position: absolute; border-radius: 50%; display: flex; display: -webkit-flex; align-items: center; -webkit-align-items: center; justify-content: center; -webkit-justify-content: center; background-image: linear-gradient(180deg, var(--brand) 0%, var(--ft_bg) 100%); -webkit-background-image: linear-gradient(180deg, var(--brand) 0%, var(--ft_bg) 100%); box-shadow: 0 .2rem .4rem 0 var(--brand); -webkit-box-shadow: 0 .2rem .4rem 0 var(--brand);}*/
/*.icon_block img {margin: 0px auto; width: 86%; animation: Rotate-reverse 20s linear infinite; -webkit-animation: Rotate-reverse 20s linear infinite;}*/
/*.icon_block:first-child {top: 0; left: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%);}*/
/*.icon_block:nth-child(2) {top: 50%; right: 0; transform: translate(50%, -50%); -webkit-transform: translate(50%, -50%);}*/
/*.icon_block:nth-child(3) {bottom: 0; left: 50%; transform: translate(-50%, 50%); -webkit-transform: translate(-50%, 50%);}*/
/*.icon_block:nth-child(4) {top: 50%; left: 0; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%);}*/
/* circle content */
/*.circle {animation: circle-rotate 20s linear infinite; -webkit-animation: circle-rotate 20s linear infinite; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) rotate(45deg); -webkit-transform: translate(-50%, -50%) rotate(45deg); width: 75%; height: 75%; border: .3rem solid var(--brand); border-radius: 50%;}*/
/*.circle .icon_block img {animation: img-rotate 20s linear infinite; -webkit-animation: img-rotate 20s linear infinite;}*/
/* center logo */
/*.center_logo { position: absolute; top: 50%;  left: 50%;  transform: translate(-50%, -50%);  -webkit-transform: translate(-50%, -50%);}*/
/*.center_logo img {max-width: 100%; height: 100%; object-fit: cover;}*/

/* keyframe animation */

/*@keyframes Rotate {*/
/*  from {*/
/*    transform: rotate(0deg);*/
/*  }*/
/*  to {*/
/*    transform: rotate(360deg);*/
/*  }*/
/*}*/

/*@-webkit-keyframes Rotate {*/
/*  from {*/
/*    -webkit-transform: rotate(0deg);*/
/*  }*/
/*  to {*/
/*    -webkit-transform: rotate(360deg);*/
/*  }*/
/*}*/

/*@keyframes Rotate-reverse {*/
/*  from {*/
/*    transform: rotate(360deg);*/
/*  }*/
/*  to {*/
/*    transform: rotate(0deg);*/
/*  }*/
/*}*/

/*@-webkit-keyframes Rotate-reverse {*/
/*  from {*/
/*    -webkit-transform: rotate(360deg);*/
/*  }*/
/*  to {*/
/*    -webkit-transform: rotate(0deg);*/
/*  }*/
/*}*/

/*@keyframes circle-rotate {*/
/*  from {*/
/*    transform: translate(-50%, -50%) rotate(45deg);*/
/*  }*/
/*  to {*/
/*    transform: translate(-50%, -50%) rotate(405deg);*/
/*  }*/
/*}*/

/*@-webkit-keyframes circle-rotate {*/
/*  from {*/
/*    -webkit-transform: translate(-50%, -50%) rotate(45deg);*/
/*  }*/
/*  to {*/
/*    -webkit-transform: translate(-50%, -50%) rotate(405deg);*/
/*  }*/
/*}*/

/*@keyframes img-rotate {*/
/*  from {*/
/*    transform: rotate(-45deg);*/
/*  }*/
/*  to {*/
/*    transform: rotate(-405deg);*/
/*  }*/
/*}*/

/*@-webkit-keyframes img-rotate {*/
/*  from {*/
/*    -webkit-transform: rotate(-45deg);*/
/*  }*/
/*  to {*/
/*    -webkit-transform: rotate(-405deg);*/
/*  }*/
/*}*/
.banner_info{overflow: hidden;}

/* error_page */
.error_page_info strong{font-size: 24rem; font-weight: 600; line-height: 25rem; color: var(--black); position: relative; z-index: 1; margin-bottom: 1.5rem; text-shadow: .7rem .5rem 0 rgba(0, 0, 0, 0.2); letter-spacing: .1rem; width: 100%; display: inline-block;}
.error_page_info{display: flex; align-items: center; justify-content: center; flex-direction: column;  width: 100%;  height: 100%;}


/*----------------------------------------------------------------23-9-24--------------------------------------------------------------------*/
.cuponbtn a{margin-right:1rem;}
.cuponbtn a:last-child{margin-right:0;}
.delet_box{color: var(--white) !important; font-size: 1.4rem; background: var(--red); text-transform: uppercase; font-weight: 400; width: 2.5rem; height: 2.5rem; display: flex; align-items: center; justify-content: center; border-radius: 100%;}
.order_summery_lt{border: .1rem solid #dee2e6; border-radius: .5rem; margin-top: 5rem;}
.otdery_heading {position: relative;  padding: 1rem 2rem;}
.account_list {padding: 1rem 2rem; width: 100%; border-top: .1rem solid #dee2e6;}
.account_list .d-flex {justify-content: space-between; align-items: center;}
.pr_list li {color: var(--black); margin-top: 1.5rem; text-transform: capitalize;}
.pr_list li:first-child {margin-top: 0;}
.pr_list li i {color: var(--brand); padding-right: .5rem;}
.button_sec {align-items: center; justify-content: space-between; border-top: .1rem solid #dee2e6; padding: 1.5rem 2rem;}
.button_sec span:first-child .as_btn{background: transparent; color: var(--black); border: .1rem solid #ccc; line-height: 4.4rem;}
.button_sec span:first-child .as_btn:hover{background: var(--black); color: var(--white); border-color: transparent;}
.benify_list_txt li {position: relative; margin-top: 1rem; color: var(--black); font-size: 1.5rem; text-transform: capitalize; padding-left: 2rem;}
.benify_list_txt li::before {font-family: "Font Awesome 6 Pro"; content: "\f058"; color: var(--brand); font-size: 1.2rem; position: absolute; left: 0; top: 0;}
.catagory_info {display: none; -webkit-transition: all 0.5s ease; transition: all 0.5s ease;  -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}
.ades_fom { position: absolute; left: 0; top: 6.6rem; z-index: 5; background: var(--white); padding: 3rem;}
.back_button { position: absolute; right: 2rem; top: 2rem; color: var(--black); cursor: pointer; font-size: 1.8rem;}
.catagory_info.show { display: block;}
.shipping_sec .ft_heading{color: var(--black); padding-bottom: 0; font-weight: 600;}
.new_add_sec .as_btn {margin-top: 1.5rem;}

.radio-button-container {color: rgba(0,0,0,0.75); position: relative; padding-left: 3.1rem; line-height: 2.5rem; margin: 1.5rem 2rem 1.2rem 0; cursor: pointer; font-size: 1.8rem; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none;  user-select: none;}

    /* Hide the browser's default radio button */
    .radio-button-container input { position: absolute; opacity: 0; cursor: pointer;}

    /* Create a custom radio button */
    .checkmark { position: absolute; top: .3rem; left: 0; height: 2rem; width: 2rem; background: rgba(0,0,0,0); border-radius: 50%; border: .2rem solid rgba(0,0,0,0.25); transition: all 0.3s;}

    /* On mouse-over, add a grey background color */
    .radio-button-container:hover input ~ .checkmark {border-color: rgba(0,0,0,0.5);}

    /* When the radio button is checked */
    .radio-button-container input:checked ~ .checkmark { background: rgba(0,0,0,0); border-color: var(--brand);}


    /* Create the indicator (the dot/circle - hidden when not checked) */
    .checkmark:after {content: ""; position: absolute; display: none;}

    /* Show the indicator (dot/circle) when checked */
    .radio-button-container input:checked ~ .checkmark:after { display: block;}

    /* Style the indicator (dot/circle) */
    .radio-button-container .checkmark:after { top: 53%; left: 50%; width: 1rem; height: 1rem; border-radius: 50%; background: var(--brand); -moz-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%);}
    .gender_sec span{color: var(--black); text-transform: capitalize; font-weight: 500; font-size: 2rem;}

.log_sing_btn li{display: inline-block;}
.log_sing_btn li:last-child .as_btn {background: transparent; color: var(--black);  border: .1rem solid #ccc; line-height: 4.4rem;}

.user_account_info{box-shadow: 0px 8px 15px rgba(0, 0, 0, 0.05); background: var(--white); border-radius: .5rem; padding:2rem;}
.tab_content{margin-left: 2rem; padding: 0 2rem; height: 100%; display: flex; align-items: center; justify-content: center; flex-direction: column; border: .1rem solid #ccc; border-radius: .5rem;}
.tab_list li a{display: block; padding: 0 0 2rem 5.5rem; color: var(--black); position: relative; margin-top: 2rem; text-transform: capitalize; border-bottom: .1rem solid #ccc;}
.tab_list li:last-child a{border-bottom:none;}
.tab_list li a i{background: var(--brand); width: 3rem; height: 3rem; display: flex; align-items: center; justify-content: center; color: var(--white); position: absolute; left: 1.5rem; top: -.2rem; border-radius: 100%; font-size: 1.2rem;}
.user_accout_lt{border: .1rem solid #ccc; padding: 1.5rem 0 0 0; border-radius: .5rem; height: 100%; display: flex; flex-direction: column; justify-content: center;}



/*---------------------------------------------------------------------------------------------------25-9-24--------------------------------------------------------------------------------------------*/
.shipping_sec ul li b{color: color: var(--black); text-transform: capitalize; font-size: 2rem; font-weight: 500;}
.shipping_sec ul li{font-size: 1.4rem; color: var(--black); margin-top: 1rem; position: relative; padding-left:2.2rem;}
.shipping_sec ul li:first-child{padding-left:0;}
.shipping_sec ul li i{color: var(--brand); padding-right: .5rem; position: absolute; left: 0; top: .5rem;}
.add_top_flex{justify-content: space-between; padding: 1rem; align-items: center; width: 100%;}
.add_top_flex .as_btn{margin-top:0;}
.button_sec  input[type="submit"]{border: none;}
.add_new_txt {cursor:pointer;}
.ord_btn_list{border-top:none;}
.table_area .table td:first-child { min-width: 36rem;}
.cart_table .quantity_box .quantity-button {width: 2rem; height: 4rem;}
.pay_btn_sec{border-top:none;}
.thankyoupage p a{color: var(--brand);}
.thankyou_info{padding: 20rem 0 4rem 0;}
.thankyoupage img{max-width: 100%; margin-bottom:1rem;}
.profile_account_list{border-top:none;}
.wish_heading h3{font-size: 3rem; color: var(--black); font-weight: 600; text-transform: capitalize; text-align: center;}
.account_user_img  img{width: 4rem; margin-right: 1.5rem;}
.user_profiile {align-items: center; padding: 0 1.5rem;}

/*--------------------------------------------------------------------------------30-9-24------------------------------------------------------------------------------------------------------*/

/* client_sec */
.marquee { width: 100%; margin:auto; --duration: 60s; display: flex; overflow: hidden; user-select: none; gap: 4rem; background-size: 250% auto !important; }
.marquee__group { flex-shrink: 0; display: flex; align-items: center; justify-content: space-around; gap: 6rem; min-width: 100%; animation: scroll var(--duration) linear infinite;}
.marquee__group img {max-width: clamp(21rem, 1rem + 28vmin, 20rem); object-fit: cover; border-radius: 1rem; max-height: 8rem; margin: auto;}
.marquee--reverse .marquee__group {animation-direction: reverse;animation-delay: calc(var(--duration) / -2);}
.clients_box{text-align: center;}
.clients_sec{padding: 3rem 0;}

@keyframes scroll {
  0% {
    transform: translateX(0);
  }

  100% {
    transform: translateX(calc(-100%));
  }
}




/*-----------------------------------------------------------7-10-24----------------------------------------------------------------------*/
.check_container {width: 10.25rem; height: 11.5rem; display: flex; flex-flow: column; align-items: center; justify-content: center; margin: auto;}
.check_container .check_background {width: 100%; height: calc(100% - 1.25rem); background: linear-gradient(to bottom right, #5de593, #41d67c); box-shadow: 0px 0px 0px 65px rgba(255, 255, 255, 0.25) inset, 0px 0px 0px 65px rgba(255, 255, 255, 0.25) inset; transform: scale(0.84); border-radius: 50%; animation: animateContainer 0.75s ease-out forwards 0.75s; display: flex; align-items: center; justify-content: center; opacity: 0;}
.check_container .check_background svg { width: 65%; transform: translateY(0.25rem); stroke-dasharray: 80; stroke-dashoffset: 80; animation: animateCheck 0.35s forwards 1.25s ease-out;}
.check_container .check_background svg { stroke-dasharray: 80; stroke-dashoffset: 80;}
.check_container .check_shadow {bottom: calc(-15% - 5px); left: 0; border-radius: 50%; background: radial-gradient(closest-side, #49da83, transparent); animation: animateShadow 0.75s ease-out forwards 0.75s;}

@keyframes animateContainer {
	0% {
		opacity: 0;
		transform: scale(0);
		box-shadow: 0px 0px 0px 65px rgba(255, 255, 255, 0.25) inset,
			0px 0px 0px 65px rgba(255, 255, 255, 0.25) inset;
	}
	25% {
		opacity: 1;
		transform: scale(0.9);
		box-shadow: 0px 0px 0px 65px rgba(255, 255, 255, 0.25) inset,
			0px 0px 0px 65px rgba(255, 255, 255, 0.25) inset;
	}
	43.75% {
		transform: scale(1.15);
		box-shadow: 0px 0px 0px 43.334px rgba(255, 255, 255, 0.25) inset,
			0px 0px 0px 65px rgba(255, 255, 255, 0.25) inset;
	}
	62.5% {
		transform: scale(1);
		box-shadow: 0px 0px 0px 0px rgba(255, 255, 255, 0.25) inset,
			0px 0px 0px 21.667px rgba(255, 255, 255, 0.25) inset;
	}
	81.25% {
		box-shadow: 0px 0px 0px 0px rgba(255, 255, 255, 0.25) inset,
			0px 0px 0px 0px rgba(255, 255, 255, 0.25) inset;
	}
	100% {
		opacity: 1;
		box-shadow: 0px 0px 0px 0px rgba(255, 255, 255, 0.25) inset,
			0px 0px 0px 0px rgba(255, 255, 255, 0.25) inset;
	}
}

@keyframes animateCheck {
	from {
		stroke-dashoffset: 80;
	}
	to {
		stroke-dashoffset: 0;
	}
}

@keyframes animateShadow {
	0% {
		opacity: 0;
		width: 100%;
		height: 15%;
	}
	25% {
		opacity: 0.25;
	}
	43.75% {
		width: 40%;
		height: 7%;
		opacity: 0.35;
	}
	100% {
		width: 85%;
		height: 15%;
		opacity: 0.25;
	}
}






@media (min-width: 992px) and (max-width: 9000px) 
{
.nav_top .dropdown .dropdown-menu { -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s;
    -o-transition: all 0.3s;transition: all 0.3s; max-height: 0; display: block; opacity: 0; visibility: hidden;  margin:0; border: none; border-bottom: .2rem solid #ccc; 
    background:#fff !important; width: 10.50rem; padding: 0; border-radius: 0; left: 0; right: inherit; padding: .5rem .8rem .8rem; box-shadow: inherit; }

.nav_top .dropdown:hover .dropdown-menu { max-height: 30rem;opacity: 1; visibility: visible; }

}

/* responsive */
@media only screen and (max-width: 1499px) {
  /*.banner_lt_rt img {max-width: 100%;}*/
  .ft_news_box button {width: 34%;}
  .ft_news_box.input_fld input[type="email"] {width: 60%;}
  .bannersec .carousel-control-prev {left: inherit; right: 3rem;}
  .bannersec .carousel-control-next{margin-top: 6rem;}
  
}
@media only screen and (max-width: 1299px) {
  .banner_lt_lt strong {font-size: 4rem; line-height: 5rem;}
}

@media only screen and (max-width: 1199px){
  .banner_lt_lt strong {font-size: 3rem; line-height: 4rem;}  
  .banner_lt_lt {padding: 8rem 0;}
  .top_offer_lt_img img {width: 15rem;}
  .top_offer_lt_img {top: inherit; bottom: 0;}
  .product_txt h4 {font-size: 1.8rem; line-height: 2.2rem;}
  .ft_news_box button {width: 20%;}
  .ft_top_lt{text-align: center;}
  .ft_mid .cumml:nth-child(2) .ft_txt {padding-left: 0;}

  /* faq_page */
  .faq_lt .countdown_sec .countdown .countdown_box {padding: 1rem;}
  .faq_lt .countdown_sec .countdown .countdown_box strong {font-size: 2.2rem; line-height: 2.2rem;}
  .faq_lt .countdown_sec .countdown .countdown_box span {font-size: 1.4rem; line-height: 1.4rem;}

  /* check_out_page */
  .cart_box {margin: 3rem 0 0 0;}
}

@media only screen and (max-width: 991px){
    
    .nav_top .navbar-toggler {color: transparent; border: none; padding: 1rem; -webkit-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; margin-right: -1rem;}
    .nav_top .navbar-toggler .icon-bar {display: block; width: 3rem; height: .4rem; border-radius: .3rem; background-color: var(--black); opacity: 1; -webkit-transform: matrix(1, 0, 0, 1, 0, 0); transform: matrix(1, 0, 0, 1, 0, 0); -webkit-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out;}
    .nav_top .navbar-toggler .icon-bar + .icon-bar {margin-top: .4rem;}
    .nav_top .navbar-toggler.showtoggle .icon-bar:nth-child(2){opacity: 0;  width: 0px;}
    .nav_top .navbar-toggler.showtoggle .icon-bar:nth-child(3) {-webkit-transform: matrix(1, 1, 0, 1, 0, 0); transform: matrix(1, 1, 0, 1, 0, 0); width: 25px; margin-top: -11px;}
    .nav_top .navbar-toggler.showtoggle .icon-bar:nth-child(1) {-webkit-transform: matrix(1, -1, 0, 1, 0, 0); transform: matrix(1, -1, 0, 1, 0, 0); width: 25px;}
    .nav_top .navbar-brand {position: inherit; left: inherit; top: inherit; transform: inherit;}
    .heder_rt_list {right: 5rem; top: .5rem;}
    .heder_menu {padding: 1rem 0;}
    .nav_top .navbar-collapse {position: fixed; top: 0; left: -30.10rem; background: var(--white); z-index: 999999; width: 22rem; padding: 2.5rem 1rem; height: 100% !important; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; overflow-y: auto; min-height: 100vh; align-items: baseline; justify-content: start !important; border-right: .5rem solid var(--red);}
    .nav_top .navbar-collapse.show {left: 0;}
    .menu_sec li a {padding: 1.5rem; border-bottom: .1rem dashed #ccc; display: block; width: 100%;}
    .header_label {top: 0;}
    .menu_sec li{font-size: 1.5rem;}
    .banner_lt_rt{text-align: center; padding-bottom:2rem;}
    /*.banner_lt_rt img{width: 30%;}*/
    .banner_lt_lt {padding: 5rem 0 3rem 0; margin-right: 0;}
    .number_txt, .banner_list .as_btn {margin-top: 1.5rem;}
    .top_offer_lt_txt h4{font-size: 2.2rem; line-height: 2.8rem;}
    .top_offer_lt_img img {width: 13rem;}
    h1, h2 {font-size: 2.5rem; line-height: 3rem;}
    .deal_box_lt {padding: 0 0 1.5rem 0;}
    .deal_box{padding: 3rem; text-align: center;}
    .deal_images .owl-nav {margin: 0;}
    .ft_news_box button {width: 27%;}
    /*.banner_info {padding: 0 3rem;}*/
    .deal_box_rt img {margin: auto;}
    .ft_heading {font-size: 1.8rem; line-height: 2.2rem;}
    /* .bannersec {margin-top: 19.5rem;} */

    .share_icons{opacity: 1; left: -1rem !important;}
    .share_icons ul li a {width: 3rem; height: 3rem; font-size: 1.5rem;}
    .product_box{box-shadow: .5rem 1rem 1.5rem rgba(0, 0, 0, 0.05);}

    /* contact_page */
    .inner_con_lt {margin: 0 0 2rem 0;}

    /* product_dtls_page */
    .product_dltsrt.ps-3{padding: 2rem 0 0 0;}
    .Product_Categories_box {margin-top: 1.5rem;}

    /* faq_page */
    .faq_sec .row{flex-direction: column-reverse;}
    .faq_box {margin: 0 0 2rem 0;}

    /* inner_banner */
    .inner_banner {margin-top: 19rem;}

    /* about_page */
    .ab_context_lt h2{margin-bottom: 1.5rem;}

    /*------------------------------------------------------------31-8-24---------------------------------------------*/
    /*.banner_lt_lt { text-align: center;}*/
    .banner_rt_main_txt {width: 39rem; height: 39rem;}
    
     /*-------------------------------------------------------------------------30-9-24---------------------------------------------------------*/
    .bannersec .carousel-control-next, .bannersec .carousel-control-prev {right: 2rem; width: 4rem; height: 4rem;}
    
}

@media only screen and (max-width: 767px){
    
    .container{max-width: 100%; padding: 0 1.5rem;}
    .top_mail span{display: none;}
    .top_mail a i {color: var(--body_txt_color); padding-right: 0;}
    .top_flex{flex-direction: column;}
    .banner_lt_lt {padding: 3rem 0 1.5rem 0;}
    .number_txt {font-size: 3.5rem; line-height: 4.5rem;}
    .caregory_area {padding: 0 2rem;}
    .caregory_box {margin-top: 2rem;}
    .top_offer_rt{margin-top: 3rem;}
    .ptb{padding: 4rem 0;}
    .inner_ptb{padding: 1rem 0 4rem 0;}
    .ft_news_box button {width: 35%;}
    .ft_btm .d-flex{flex-direction: column;}
    .ft_botton_lt, .ft_botton_rt{display: block; text-align: center;}
    .ft_botton_lt{padding-bottom: .5rem;}
    .sreach_box {padding: 1rem 1rem 1rem 0rem;}
    /* .bannersec {margin-top: 21.5rem;} */
    

    /* contact_page */
    .inner_banner .banner_info h1 { font-size: 4rem; line-height: 5rem;}
    .inner_banner .banner_info {padding: 3rem;}


    /* product_dtls_page */
    .quantity_box {width: 100%;}

    /* inner_banner */
    /* .inner_banner {margin-top: 24.5rem;} */

    /* about_page */
    .progtrckr{display: inline; margin: 3rem 0; overflow: hidden; }
        .progtrckr_done, .progtrckr_todo {position: relative; text-align: left; margin: 0 0 0 1rem; align-items: self-start; padding-bottom: 2rem; border-top: unset; border-left: .4rem solid var(--brand);}
        .progtrckr li::before {position: relative; top: 1rem;float: left; left: -1.2rem !important;line-height: 1;-webkit-transform: translate(-50%, -50%) !important;transform: translate(-50%, -50%) !important; }
        .progtrckr li h5 {display: block; text-align: left; margin-top: 0;}
        .progtrckr_todo::before{position: absolute; top: 1rem; left: -1.7rem; line-height: 1; -webkit-transform: translateY(-50%); transform: translateY(-50%);}
        .progtrckr_todo{border-left-color: #959595;}
        .progtrckr li:first-child{margin-top: 1rem;}
	.progtrckr span, .progtrckr p{padding-left: 3rem;}
	.progtrckr_done::after {left: -2.2rem !important; top: -1rem; transform: inherit !important;}
  .progtrckr li span {position: inherit; top: inherit; left: inherit; transform: inherit; }
  .progtrckr_done p {padding-top: .5rem;}
  .progtrckr_sec {margin-top: 3rem;}
  .count_boxes {border-radius: 2.5rem;}
  .count_box .top_flex {flex-direction: row;}

  /* order_page */
  /*.table_area .table td:first-child { min-width: 25rem; }*/
  .chaeck_out_table .table td:nth-child(3){min-width: 20rem;}

  /*---------------------------------------------------------------------31-8-24----------------------------------------------------------*/
  .header_top_lt{display: none;}
  
  /*-----------------------------------------------------------------23-9-24------------------------------------------------------------*/
  .tab_content {margin: 2rem 0 0 0; padding: 1.5rem;}
  .user_accout_lt, .tab_content {height: auto;}
  .tab_list{display: inline-block; width: 100%; margin: 0 -.5rem;}
  .tab_list li{width: 50%; float: left; padding: 0 .5rem;}
  .tab_list li:last-child{width: 100%;}
  .tab_list li a{border: .1rem solid #e3e4e6; padding: 1.5rem 0 1.5rem 5.5rem; margin-top: 1.5rem;}
  .tab_list li:last-child a {border-bottom: .1rem solid #e3e4e6;;}
  .tab_list li a i {left: 1.5rem; top: 1.1rem;}
  .user_accout_lt{padding: 2rem;}
  
  /*-------------------------------------------------------------------------30-9-24---------------------------------------------------------*/
  .banner_lt_rt img {width: 50%;}
  .bannersec .carousel-control-next {margin-top: 5rem;}
    
    
}


@media only screen and (max-width: 575px){
  .mb_account {display: flex; width: 4rem; height: 4rem; background: #e9e8e8; align-items: center; justify-content: center; border-radius: 100%;}
  .mb_account img{width: 3.5rem;}
  .inner_ptb{padding: 2rem 0 4rem 0;}
  .ft_news_box.input_fld input[type="email"] {width: 100%;}
  .ft_news_box button {width: auto; margin-top: 1.5rem;}
  .ft_news_box {border-radius: 1.5rem;}
  .all_btn { position: inherit; right: inherit; top: inherit; text-align: center; margin-top: 2rem;}
  .product_box {margin-top: 2rem;}
  .feed_back_box {margin-top: 6rem;}
  .feature_box {flex-direction: column;}
  .feature_txt{text-align: center; margin-top: 1rem;}
  .feature_txt strong { font-size: 1.8rem; line-height: 2rem;}
  .feature_icon {margin-right: 0;}
  .deal_images .owl-nav::before {width: 50%;}
  .countdown_sec::before, .countdown_sec::after, .countdown_sec .countdown .countdown_box::before{display: none;}
  .countdown ul{display: flex; flex-wrap: wrap; margin: 0 -.5rem;}
  .countdown ul li{width: 50%; padding: 0 .5rem;}
  .countdown_sec .countdown .countdown_box{border: .1rem dashed var(--brand); padding: 1.5rem; border-radius: 1.5rem; margin-top: 1.5rem;}
  .countdown_sec .countdown .countdown_box strong {font-size: 3.5rem;}
  .countdown_sec {margin-top: 1rem;}
  .deal_box {padding: 2rem;}
  /* .header_top_lt{display: block; text-align: center;} */
  .mid_lt ul{display: none;}
  .mid_flex {flex-direction: row-reverse;}
  .heder_mid {padding: 1rem 0;}
  .vegfirm_list li a {width: 3rem; height: 3rem; margin-right: .5rem; font-size: 1.3rem;}
  .vegfirm_list li:last-child a{margin-right: 0;}
  .heder_rt_list {right: 3.8rem;}
  .nav_top .navbar-brand img {width: 19rem;}
  .nav_top .navbar-toggler .icon-bar {width: 2.5rem;}
  .nav_top .navbar-toggler {padding: .5rem; margin-right: -.5rem;}
  /*.banner_info {padding: 0 1.5rem;}*/
  .banner_list li {display: block;}
  .caregory_box {padding: .5rem;}
  .caregory_txt a {font-size: 1.6rem;}
  .categories_heading {padding: 0 0 2rem 1rem;}
  h1, h2 {font-size: 2.2rem; line-height: 2.8rem;}
  .top_offer_lt {padding: 2rem;}
  .top_offer_rt, .other_products_box{margin-top: 2rem;}
  .top_offer_lt_img img { width: 10rem;}
  .banner_lt_lt strong {font-size: 2.5rem; line-height: 3rem;}
  .srchopen .srchopen_info {padding: 5% 5%;}
  .bannersec {margin-top: 17rem;}

  /* contact_page */
  .inner_banner .banner_info h1 { font-size: 2.6rem; line-height: 3rem;}
  .inner_banner .banner_info {padding: 2rem;}
  .map_sec iframe {height: 20rem;}

  /* log_in_page */
  .log_box{flex-direction: column; align-items: start !important;}
  .log_contact_rt {padding: 2rem;}
  .ms-4.log_txt{margin: 1.5rem 0 0 0 !important;}
  .al_txt .forget_txt{display: block;}

  /* product_dtls_page */
  .addination_txt {padding-top: 2rem;}

  /* faq_page */
  .faq_box h4 {font-size: 1.8rem; line-height: 2.2rem;}

  /* inner_banner */
  /* .inner_banner {margin-top: 23rem;} */

  /* about_page */
  .ab_context_box { margin-top: 5rem;}
  .count_box .top_flex {flex-direction: column;}
  .count_box em img {margin: 0 0 1.5rem 0;}
  .count_boxes {padding: 0 2rem 2rem 2rem;}
  .count_box{margin-top: 2rem;}
  .count_box span { text-transform: capitalize; font-size: 1.4rem;}
  .count_box sup {font-size: 2rem; right: -4rem;}
  .awar_box { align-items: start; justify-content: start; flex-direction: column;}
  .awar_icon img {margin: 0 0 1rem 0;}

  /* order_page */
  .hd_flex, .exet_flex { padding: 2rem;}
  .exet_flex .as_btn{padding: 0 2rem;}

  /* check_out_page */
  .cuponbtn a{display: block; text-align: center;}
  .cuponbtn a:last-child{margin-top: 1.5rem;}
  .card_list ul li a i { width: 5rem; height: 5rem; font-size: 2rem;}
  .card_list ul li::before, .card_list ul .actv::after {top: 2.2rem;}
  .card_list ul li a span {font-size: 1.2rem;}
  .table_area.chaeck_out_table {margin: 1rem 0 0;}

  /*----------------------------------------------------------------31-8-24-----------------------------------------*/
  .heder_rt_list {top: .4rem;}
  .heder_menu {padding: 1rem 0;}

  /*------------------------------------------------------------31-8-24---------------------------------------------*/
  .banner_rt_main_txt {width: 20rem; height: 20rem;}
  .icon_block {width: 3.4rem; height: 3.4rem;}
  .fitter_box span{display: none;}
  .view .as_btn {width: 3rem; height: 3rem;}
  .fitter_box {padding: 1rem; margin-right: 1.8rem;}
  .sort_selet {width: 14rem;}

  /* error_page */
  .error_page_info strong {font-size: 16rem; line-height: 16rem;}
  
  /*------------------------------------------------------------------------------------------23-9-24-----------------------------------------------------------------------------------*/
  .table_area {margin: 1rem 0 0;}
  .cuponbtn.d-flex{flex-direction: column;}
  .cuponbtn a {margin-right: 0;}
  .account_list .d-flex {align-items: start; flex-direction: column;}
  .benify_list_txt{margin-top:1rem;}
  .button_sec {flex-direction: column;}
  .button_sec span:first-child .as_btn {margin-bottom:1.5rem;}
  
  /*-----------------------------------------------------------------23-9-24------------------------------------------------------------*/
  .tab_list li a i{position: inherit; left: inherit; top: inherit; margin-bottom: .5rem;}
  .tab_list li a {padding: 1rem; font-size: 1.4rem;}
  
  /*-------------------------------------------------------------------------------------------------25-4-24-------------------------------------------------------------------------------------------------------------------*/
    .order_summery_lt {margin-top: 3rem;}
    .add_top_flex {flex-direction: column;}
    .add_top_flex .as_btn {margin-top: 1.5rem;}
    .thankyou_info {padding: 18rem 0 2rem 0;}
    .thankyoupage img {max-width: 92%;}
    .card_flex span {right: -1rem; top: -1rem;}
    .ades_fom{padding: 2rem;}
    .user_account_info, .user_accout_lt{padding: 1.5rem;}
    
   
    
}

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

}