@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 'Inter', sans-serif; color: var(--body_txt_color); background: var(--body_bg_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: 'Dosis', 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: 'Inter', sans-serif; */

/* font-family: "Oleo Script",cursive; */

/* font-family: 'Lobster Two', sans-serif; */

/*font-family: 'Dosis', sans-serif;*/



:root{

    --black: #000;

    --body_txt_color:#5d6374;

    --brand:#50a41c;

    --white: #fff;

    --orage: #fe9505;

    --body_bg_color:#eff5ee;

   }





@keyframes cspine{

    0% {

        transform: rotate(0);

      }

      100% {

        transform: rotate(359deg);

      }

}



@keyframes spin{

    100% {

        -webkit-transform: rotate(360deg);

        transform: rotate(360deg);

    }

}



.ptb{padding: 5rem 0;}

.inner_ptb{padding: 2rem 0 5rem;}

em{font-style: normal;}

h1,h2{font-size: 5rem; line-height: 6rem; font-weight: 700;  color: var(--black); text-transform: capitalize;}

h1 span ,h2 span{padding-bottom: 2rem; background: url(../images/text_bg1.png)no-repeat; display: block; background-position: bottom left;}

h1 em ,h2 em{color: var(--orage);}

.center_heading span{background-position: bottom center;}

h3{font-size: 3rem; line-height: 4rem; text-transform: capitalize; color: var(--black);}

h4{font-size: 2rem; line-height: 2.5rem; text-transform: capitalize; color: var(--black);}

/* .as_btn{display: inline-block; padding: 0 3rem; border-radius: 9999px; background: var(--orage); color: var(--white); font-weight: 700; box-shadow: .3rem .6rem 0 0 rgba(187, 187, 187, 0.43); transition: all ease-in-out 0.4s; position: relative; z-index: 1; vertical-align: middle; overflow: hidden; height: 5rem;}

.as_btn::before, .as_btn::after{transform-origin: right bottom; content: ""; position: absolute; top: .3rem; right: .3rem; bottom: .3rem; left: .3rem; background: var(--brand); transform: scale(0); z-index: -1; border-radius: inherit;}

.as_btn::before{transform-origin: left top;}

.as_btn:hover{color: var(--white);}

.as_btn:hover::after, .as_btn:hover::before{transform: scale(1); opacity: 1; visibility: visible;} */

.as_btn{background: var(--orage); color: var(--white); text-transform: capitalize; display: inline-block; padding: 0 3rem; border-radius: 5rem; height: 4.5rem; line-height: 4.5rem; position: relative; transition: all 0.5s ease-in-out; margin-top: 3rem; font-weight: 500; text-align: center;}

.as_btn::before{content: ""; position: absolute; left: -.5rem; top: -.5rem; right: -.5rem; bottom: -.5rem; border: .2rem solid var(--orage); transition: all 0.5s ease-in-out; border-radius: 5rem;}

.as_btn:hover{background: var(--brand); color: var(--white);}

.as_btn:hover:before{border-color: var(--brand);}

.as_btn i{padding-left: .2rem;}

/* .container{max-width: 100%; padding: 0 10rem;} */

/* .flid_sec{padding: 0 5rem;} */



/* top_button */

.top_btn {background: var(--brand); border-radius: 100%; bottom: 1rem; color: var(--white); height: 5rem; opacity: 0; overflow: hidden; position: fixed; right: 1rem; width: 5rem; z-index: 9999;  text-align: center; display: inline-block; -webkit-box-shadow: 0 .3rem .8rem rgba(33, 37, 41, 0.35); box-shadow: 0 .3rem .8rem rgba(33, 37, 41, 0.35);}

.top_btn i{font-size: 2rem; line-height: 5rem;}

.top_btn.show{opacity: 0.7;}

.top_btn:hover{ opacity: 1; color: var(--white);}







/*header*/

.header_sec{ width: 100%; position: fixed; left: 0; top: 0; z-index: 999;}

.nav_top{border: none; min-height: auto; box-shadow: none; border-radius: 0; position: relative;}

/* .drop-nav{ position: absolute; top: 10px; right: 0px;}

.nav_top .dropdown-menu li a{ font-size: 13px;} */

.nav_top .navbar-brand img{width: 24rem;}   

/* .nav_top .navbar-brand{position: absolute; left: 0; top: 0;} */

.header_top{padding: 1.5rem 0; position: relative; border-bottom: .1rem solid #e9e8e8;}   

/* .header_top::before{position: absolute; content: ""; width: 30rem;  height: 100%; background: var(--white); top: 0; left:0; -webkit-clip-path: polygon(0 0,95% 0,100% 100%,0 100%); clip-path: polygon(0 0,95% 0,100% 100%,0 100%);} */

.header_top .d-flex{align-items: center;}  

.header_top a{color: var(--body_txt_color);}

.header_top_lt ul li, .header_top_rt ul li{display: inline-block; position: relative;}

.header_top_lt ul li a, .header_top_rt ul li a{display: inline-block;  padding: 0 1.5rem; position: relative;}

.header_top_lt ul li a::before, .header_top_rt ul li a::before, .heder_info_rt ul li a::before{position: absolute; content: ""; width: .1rem; height: 2rem; background: #e5ddd9; right: 0; top: 50%; transform: translateY(-50%);}

.header_top_rt ul li:last-child a:before{display: none;}

/* .header_top_lt ul li:last-child a, .header_top_rt ul li:last-child a{padding-right: 0;} */

.header_top_lt ul li:first-child a{padding-left: 0;}

.header_top_lt ul li a em{padding-right: .5rem; display: inline-block;}

/* .header_top_lt ul li:last-child{display: none;} */

.header_top a:hover{color: var(--brand);}

.header_menu{padding: 1.5rem 0 ; border-bottom: .1rem solid #e9e8e8;}

.menu_sec{padding-right: 18rem;}

.menu_sec li{ position: relative; text-transform: uppercase; font-weight: 600;}

.menu_sec li a{ color: var(--black);  display: inline-block; padding-right: 2.5rem; position: relative;}

.menu_sec li:last-child a{padding-right: 0;}

.menu_sec li a:hover, .menu_sec li.active a{color: var(--brand);}

.heder_info{justify-content: space-between; align-items: center;}

.heder_info_rt ul li{display: inline-block; font-weight: 500; text-transform: capitalize;}

.heder_info_rt ul li a{position: relative; display: inline-block; padding: 0 1.5rem;}

.heder_info_rt ul li:last-child a::before{display: none;}

.heder_info_rt ul li:last-child a{padding-right: 0;}

.heder_info_rt ul li:first-child a{padding-left: 0;}

.header_rt{position: absolute; right: 0; top: .5rem;}

.heder_info_rt ul li a span{display: none;}

.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;}
.vegfirm_list li:last-child a{margin-right: 0;}

.card_flex{align-items: center;}

.vegfirm_list li a:hover{background: var(--brand); color: var(--white);}

/* .nav_top .navbar-collapse{width: 100%; border-top: .1rem solid #e9e8e8; padding: 2rem 0; }

.menu_sec{width: 100%; justify-content: center;} */

/* .search_box{width: 100%; position: relative; background-color: rgba(245,245,245,1.00); display: inline-block; max-width: 80rem; border-radius: 9999px; padding: 0 .5rem;}

.search_box .input_fld input[type="text"]{width: 80%; border-color: transparent;}

.search_btn{padding: 0; width: 4rem; height: 4rem; display: flex; align-items: center; justify-content: center;}

.search_btn::before{display: none;}

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



/* .search_sec{position: absolute; right: 0;} */

/* .search_sec i{font-size: 2.5; line-height: 35px; color: #000000;}

.search_sec{ right: 70px;} */



.srchopen {width: 100%; padding: 1rem 5rem; background: var(--white); position: absolute; top: 0; left: 0; display: none; z-index: 1; height: 100vh; z-index: 999;}

/* .srchopen::before{position: absolute; left: 0; top: 0; background: url(../images/search_bg_img2.png)no-repeat center center/cover; content: ""; opacity: .5; width: 100%; height: 100%;} */

/* .srchopen input[type="text"] { width: 100%;  border: .1rem solid #ccc; padding: 0 1rem; color: var(--black); height: 4rem;} */

.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;}

.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: 4rem; 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;} 

/* #open{display: flex; align-items: center; justify-content: center;} */

.srchopen .d-flex{align-items: center; justify-content: center; width: 100%; height: 100vh; position: relative;}

.srchopen .remove_btn{top: 3rem; z-index: 2;}

.search_sec a{cursor: pointer;}

.search_sec a:hover{color: var(--white) !important;}

.srchopen.fade:not(.show) { opacity: 1;}





.header_sec.fixed{background: var(--white); box-shadow: 0 0 .7rem 0 #ccc;}

.header_sec.fixed .header_offer_sec, .header_sec.fixed .header_top{display: none;}

.header_sec.fixed .header_menu {padding: 1.5rem 0;}



.header_label{color: var(--white); font-size: 1rem; padding: .2rem .5rem .3rem .5rem; position: absolute; top: -1.8rem; left: 0; transform: translateX(100%); background-color: var(--orage); 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(--orage);}

.mb_account{display: none;}









   

 /*banner*/  

.bannersec{ width: 100%;}

.banner_box{padding: 21rem 0 5rem 0;}



.categories_sec{position: relative;}

.categories_sec a.categories_heading{background: var(--brand); display: inline-block; height: 5rem; line-height: 5rem; font-weight: 600; text-transform: capitalize;  padding: 0 2.5rem; border-radius: .8rem .8rem 0 0; overflow: hidden; color: var(--white) !important; position: relative; width: 100%;}

.categories_sec .dropdown-menu{box-shadow: 0 .5rem 7.44px 0.56px rgba(185, 185, 185, 0.13); background: var(--white); border: none; border-bottom: .4rem solid var(--brand); z-index: 2; width: 100%; padding: 0;  max-height: 41.8rem;}

.drop-arw{position: absolute; right: 2rem; top: 1.4rem;}

.drop-arw::after{border: none; font-family: "Font Awesome 6 Pro"; content: "\f078"; color: var(--white);} 

.categories_sec li.dropdown-submenu{font-size: 1.4rem; line-height: 1.35rem; font-weight: 500;}

.categories_sec li.dropdown-submenu a{display: block; border-bottom: .1rem solid rgb(175 175 175 / 25%); padding: 1.84rem 2rem; color: var(--black);}

.categories_sec li.dropdown-submenu a:hover{background: #f6f6f6;}

.drop-arw.test::after{color: var(--black); content: "\f105";}

.drop-arw.test {top: 2.2rem;}

.banner_box_lt{border-radius: .5rem; overflow: hidden;}

.categories_sec .dropdown-menu .dropdown .dropdown-menu.submenu{display: flex; flex-wrap: wrap; align-items: center; margin: 0 -1rem;}

.categories_sec .dropdown-menu .dropdown .dropdown-menu.submenu li{padding: 0 1rem; width: 33.333%; font-size: 1.4rem;}

.categories_sec .dropdown-menu .dropdown .dropdown-menu.submenu li a{display: block; width: 100%; border: .1rem solid rgb(175 175 175 / 25%); margin-top: .8rem; border-radius: .5rem; padding: 1.2rem;}

.catago_txt{display: inline-block; padding-left: .8rem;}

.feature_sec{background: var(--white); border-radius: .6rem; box-shadow: 0 .5rem 7.44px 0.56px rgba(185, 185, 185, 0.13); margin-top: 3rem; padding: 0 3rem 3rem 3rem; position: relative;}

.feature_img{transition: all ease 0.4s; position: relative; width: 9rem; height: 9rem; border-radius: 50%; box-shadow: 0 0 3.2rem 1.4rem rgba(0, 0, 0, 0.05);  margin-right: 2rem; display: flex; align-items: center; justify-content: center;}

.feature_img::before{content: ""; position: absolute; left: .5rem; top: .5rem; right: .5rem; bottom: .5rem; border: .2rem dashed var(--brand); animation: cspine 35s linear infinite; border-radius: 50%; transition: all ease 0.4s;}

.feature_img img{width: 5rem;}

.feature_box {align-items: center; margin-top: 3rem;}

.banner_box_lt{padding: 6.4rem 3rem; position: relative; height: 46.5rem;}

/* .banner_box_lt::before{background: rgba(0, 0, 0, 0.5); position: absolute; left: 0; top: 0; width: 100%; height: 100%; content: "";} */

.banner_box_lt_lt{padding: 0 0 1rem 1rem;}

.banner_box_lt strong{position: relative; color: var(--white); text-transform: capitalize; font-size: 3rem; line-height: 4rem; font-family: 'Lobster Two', sans-serif;}

/* .banner_box_lt_rt img{height: 29rem; object-fit: cover; max-width: 100%;} */

.banner_box_lt_rt{text-align: right; width: 100%;}

.banner_box_lt_rt img{max-width: 100%; width: auto !important; float: right;}
.banner_box_lt .row{align-items: center;}

.banner_box_lt_lt p{color: #ddd;}

.slider_btn .owl-nav.disabled{display: none;}

.slider_btn .owl-dot{width: .9rem; height: .9rem; margin: 0 .5rem; border-radius: 3rem; cursor: pointer; display: inline-block; background: var(--brand); -webkit-box-shadow: 0 .2rem .8rem .0rem rgba(0, 0, 0, 0.15); box-shadow: 0 .2rem .8rem 0 rgba(0, 0, 0, 0.15); transition: all linear 0.3s; -webkit-transition: all linear 0.3s; -moz-transition: all linear 0.3s; -ms-transition: all linear 0.3s; -o-transition: all linear 0.3s;}

.slider_btn .owl-dots{display: flex !important; align-items: center; justify-content: center; margin-top: 2rem;}

.slider_btn .owl-dot.active{width: 2.5rem; background: var(--brand); transition: all linear 0.3s; -webkit-transition: all linear 0.3s; -moz-transition: all linear 0.3s; -ms-transition: all linear 0.3s; -o-transition: all linear 0.3s;}











/* call_sec */

.call_sec{margin-top: 2rem;}

.call_box{background-color: #DEECDB; padding: 3rem 1rem; justify-content: center; border-radius: 5.5rem; align-items: center;}

.call_mun{background: var(--white); border: .1rem dashed var(--brand); padding: 0 3rem; display: inline-block; height: 5rem; line-height: 4.8rem; color: var(--brand) !important; margin: 0 2.5rem; border-radius: 2.5rem; font-weight: 500;}

.call_sec .container-fluid{padding: 0 15rem;}





/* offer_sec */

.countdown_sec{position: relative;}

.countdown_sec::before {position: absolute;content: ""; top: 54%; left: 0; width: 100%; z-index: -1; -webkit-transform: translateY(-50%); transform: translateY(-50%); border-top: .2rem dashed var(--brand); -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%);}

.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 {margin-top: 2rem;} */

.countdown_sec .countdown .countdown_box {text-align: center; padding: 3rem 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: 4.4rem; right: -.3rem; font-size: 2.5rem; -webkit-transform: translateY(-50%); transform: translateY(-50%); color: var(--black);}



.ser_bottom{margin-top: 4rem; position: relative;}

.pluse_btn{width: 3.8rem; height: 3.8rem; border: .1rem solid var(--brand); border-radius: 100%; display: flex; align-items: center; justify-content: center; margin: 0 auto; position: relative; color: var(--brand) !important;}

.ser_bottom::before, .ser_bottom::after{position: absolute; content: ""; left: 50%; right: 0; top: 2rem; height: .1rem; width: 30%; margin: 0 4rem; background: var(--brand); transition: all .4s;}

.ser_bottom::before{left: auto; right: 50%;}

.more_sec{display: block; margin-top: 3rem;}

.more_btn{text-transform: capitalize; font-weight: 600; font-size: 1.8rem; color: var(--black); position: relative;}

.more_btn::before{position: absolute; left: 0; bottom: -.5rem;  height: .1rem; background: var(--brand); width: 0; transition: all 0.3s ease-in-out; content: "";}

.more_btn i{-webkit-transform: rotate(-40deg); -moz-transform: rotate(-40deg); transform: rotate(-40deg); margin-left: .5rem;}

.more_btn:hover{color: var(--brand);}

.more_btn:hover::before{width: 100%;}





/* 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;}







/* products_sec */

.product_box{padding: 2rem; border-radius: .5rem; overflow: hidden; margin-top: 4rem; background: var(--white);}

.product_box .Product_Categories_box{border-color: transparent; padding: 0;}

.product_price{display: flex; align-items: baseline; margin-top: 1.5rem;}

.product_price del{color: var(--body_txt_color) !important; opacity: 1 !important; }

.amount{font-weight: 500 !important; color: var(--body_txt_color) !important; position: relative;}

/* .amount::before{position: absolute; content: ''; top: 50%; transform: translateY(-50%);  left: 0; width: 100%; height: .7px; background-color: #bababa;} */

.Price_currency_symbol{font-size: 1.7rem; font-weight: 500;}

.product_price ins{text-decoration: none;}

.product_price ins .Price_amount{font-size: 2.5rem; font-weight: 600; color: var(--black) !important; padding-left: .5rem;}

.product_price_unit{font-size: 1.2rem; color: #9f9f9f; font-weight: 500; transform: translateY(-2px); margin-left: .2rem;}

.product_title{font-size: 1.5rem; line-height: 1.5rem; margin-top: .8rem; text-transform: capitalize; font-weight: 500;}

.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";}

.cart_btn{padding: 0; width: 4rem; height: 4rem; display: flex; align-items: center; justify-content: center; margin-top: 0;}

/* .rat_cart{align-items: center; justify-content: space-between; margin-top: 2rem;} */

.product_name a{border-bottom: .1rem solid #eee; color: var(--black); display: block; padding: .8rem 0 1.5rem 0;}

.product_box:hover .product_name a{color: var(--brand);}

.tit_rat{align-items: center; justify-content: space-between;}

.avail_number{margin-top: 1.5rem; text-transform: capitalize;}

.pr_mun{ border-bottom: .1rem solid #eee; padding-bottom: 1rem;}

.prodyct_img img{max-width: 45%; width: auto !important; margin: 0 auto;}

.prodyct_txt{padding-top: 1.5rem;}

.prodyct_img{position: relative;}

.stock_txt{text-transform: capitalize; color: var(--white); font-weight: 600; background: var(--brand); display: inline-block; padding: .5rem 1rem; font-size: 1.3rem; border-radius: .5rem;  position: absolute;  left: 50%; top: 60%; -moz-transform: translate(-50%, -50%);  -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); z-index: 1;}

.hover_icon { 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%);}

.hover_icon 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(--orage);}

.product_box:hover .hover_icon {  opacity: 1; left: 1rem; }

.new_txt, .off_txt{display: inline-block; background: var(--brand); margin: 0; font-size: 1.2rem; line-height: 1; left: unset; border-radius: 0 1.5rem 0 2rem; color: var(--white); padding: 1rem 2rem; min-width: 6rem; min-height: 2rem;  margin-left: auto; text-align: center; position: absolute; top: 0; right: 0; text-transform: uppercase; font-weight: 500;}

.off_txt{background: var(--orage);}







.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 'Inter', sans-serif; color: #464646; height: 4rem; width: 100%; border-radius: 0;  text-align: center; border: none; padding-left: 2rem; background: transparent;}



.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;}



.other_slider_btn .owl-nav.disabled{font-size: 0;}

.other_slider_btn .owl-prev, .other_slider_btn .owl-next{width: 4rem; height: 4rem; display: flex; align-items: center; justify-content: center; background: var(--brand); position: absolute; right: 0; top:-7.2rem; border-radius: .2rem;}

.other_slider_btn .owl-prev{margin-right: 5rem;}

.other_slider_btn .owl-prev::before, .other_slider_btn .owl-next::before{font-family: "Font Awesome 6 Pro"; content: "\f053"; color: var(--white); font-size: 1.5rem;}

.other_slider_btn .owl-next::before{content: "\f054";}











/* organic_sec */

.organic_sec {background-attachment: fixed !important;}

.join_call_btn{color: var(--brand) !important; font-weight: 600; margin-left: 3rem; display: flex; align-items: center;}

.join_call_btn em {width: 5rem; height: 5rem; background: var(--white); border-radius: 100%; display: flex; margin-right: 2rem; position: relative; color: var(--red); font-size: 2rem; align-items: center; justify-content: center;}

.join_call_btn em::before {position: absolute; left: -.7rem; top: -.7rem; bottom: -.7rem; right: -.7rem; border: .1rem dashed var(--brand); content: ''; border-radius: 100%; animation: spin 9s infinite linear; -webkit-animation: spin 9s infinite linear; -moz-animation: spin 9s infinite linear;}

.join_call_btn em i {line-height: 3.5rem;}

.join_call_btn span{font-size: 3.5rem; font-weight: 500;}

.dis_mail{align-items: center; justify-content: center; margin-top: 2rem;}

.dis_mail p{font-size: 1.8rem;}



/* baby_care */

.ababy_info, .winter_info{background: var(--white); padding: 0 2rem 3rem 2rem; border-radius: .5rem; margin-top: 4rem;}

.baby_product_box{border: .1rem solid #ececec; border-radius: 1.5rem; overflow: hidden; transition: .2s; -moz-transition: .2s; -webkit-transition: .2s; -o-transition: .2s;}

/* .pr_var_btn{align-items: center; justify-content: space-between; margin-top: 2rem;} */

/* .baby_cart{height: 4rem; line-height: 4rem; margin-top: 1.5rem; font-size: 1.5rem;} */

.ababy_info .owl-item{padding: 0 1rem;}



/* feed_back_sec */

.feed_back_sec{background-attachment: fixed !important;}

.feed_back_box{background: var(--white); padding: 2.5rem; border-radius: 1rem; box-shadow: 0 0 2rem #0000001a; position: relative; z-index: 1; margin-top: 4rem;}

.feed_back_box::before{content: ""; position: absolute; left: 0; top: 0; bottom: 0; right: 0; width: auto; height: auto; background: inherit; margin: -1.5rem 1.5rem; z-index: -1; border-radius: 1rem;}

.quit_img{position: absolute; left: 2rem; top: 2rem;}

.quit_img img{width: auto !important; max-width: 100%;}

.feed_back_content{border-bottom: .1rem solid #eee; padding-bottom: 1.5rem;}

.person_img img{width: 5rem !important; height: 5rem; border-radius: 100%; margin-right: 2rem; object-fit: cover;}

.person_info{margin-top: 2rem; align-items: center;}

.person_name span{display: block; font-size: 1.5rem;}

.person_name strong{ font-family: 'Lobster Two', sans-serif; font-size: 2rem; color: var(--black);}

.blog_content{height: 9rem; overflow-y: auto;}

.blog_content .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color: var(--brand);}



/* winter_paroducts */

.winter_peoduvr_list{display: flex; align-items: center; flex-wrap: wrap; margin: 0 -1.5rem;}

.winter_peoduvr_list li.winter_peoduvr_iream{width: 33.333%; padding: 0 1.5rem;}

.winter_peoduvr_list li.winter_peoduvr_iream .winter_box{border: .1rem solid #ececec; border-radius: 1.5rem; padding: 2rem; margin-top: 3rem;}

.winter_pro_img img{width: 9rem !important; height: 9rem; object-fit: cover; margin-right: 1.5rem;}

.winter_pro_txt h4 a{color: var(--black);}

.winter_pro_txt h4 a:hover{color: var(--brand);}

.winter_price{margin-top: .8rem;}

.winter_pro_img{position: relative;}

.winter_stock_txt{color: var(--orage); display: block; padding-bottom: .2rem; text-transform: capitalize; font-weight: 500;}

.winter_stock_in_txt{color: var(--brand);}

.winter_care .other_slider_btn .owl-prev, .winter_care .other_slider_btn .owl-next, .baby_care .other_slider_btn .owl-prev, .baby_care .other_slider_btn .owl-next{top: -10.2rem;}



/* 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: .5rem; color: var(--black);}

.popular_list ul li a:hover{background: var(--brand); color: var(--white); border-color: transparent;}





/* footer_sec */

.ft_top{padding: 5rem 0 4rem 0; border-bottom: .1rem solid rgba(255,255,255,.1);}

.enqury_fld {  display: inline-block;  width: 100%; position: relative;  background: var(--white);  padding: 1.5rem;  border-radius: .5rem;}

.icon_arear {position: absolute; left: 2rem; top: 3.3rem;}

.enqury_fld input[type="email"] { background: transparent; padding: 0 1.5rem 0 4.5rem; width: 70%; float: left; border-color: transparent;}

.enqury_fld button {float: right; width: 20%; padding: 0;border: none;}

.ft_top_rt{margin-left: 2rem;}

.ft_mid{padding-top: 3rem;}

.ft_txt{padding: 0 0 3rem 0;}

.logo_img img{width: 20rem;}

.ft_con_list li{position: relative; padding-left: 3rem; margin-top: 2rem;}

.ft_con_list li .ft_con_icon{position: absolute; left: 0; top: .4rem; color: var(--brand); }

.ft_con_list li, .footer_sec p, .footer_sec a{color: #ddd;}

.footer_sec a:hover{color: var(--brand);}

.footer_icon{margin-top: 3rem;}

.footer_icon li{display: inline-block; margin-right: .5rem;}

.footer_icon li a{border-radius: 100%; width: 4rem; height: 4rem; border: .1rem solid var(--white); display: flex; align-items: center; justify-content: center; color: var(--white);}

.footer_icon li a:hover{color: var(--white); background: var(--brand); border-color: transparent;}

.footer_icon li:last-child{margin-right: 0;}

.ft_heading{position: relative; color: var(--white); text-transform: capitalize; font-size: 2.5rem; font-family: 'Lobster Two', sans-serif; line-height: 3.2rem; display: block; padding-bottom: 1.5rem; margin-bottom: 2.2rem;}

.ft_heading::before, .ft_heading::after{content: ""; position: absolute; left: 1.3rem; bottom: 0;  width: 4rem; height: .3rem; background: var(--orage);}

.ft_heading::after{width: .8rem; left: 0; background: var(--orage);}

.categories_list{width: 100%; display: inline-block;}

.categories_list li{width: 100%; position: relative; float: left; padding-left: 2rem; margin-top: 1.5rem; text-transform: capitalize;}

.categories_list li::before{position: absolute; content: "//"; left: 0; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); -webkit-transition: inherit; -o-transition: inherit; transition: inherit; color: var(--orage);}

.categories_list li a:hover{color: var(--orage);}

.account_list li{width: 100%; float: none;}

.ft_mid .cullnm:nth-child(2) .ft_txt{padding-left: 4rem;}

.ft_bottom{border-top: .1rem solid rgba(255,255,255,.1); padding: 1.5rem 0;}

.ft_bottom .d-flex{align-items: center; justify-content: space-between;}

.ft_botton_rt a{border-bottom: .1rem solid var(--white); color: var(--white);}

.ft_botton_rt a:hover{border-bottom-color: var(--brand);}

.ft_botton_lt, .ft_botton_rt{color: #ddd;}

.cin_txt{margin-top: 1rem; color: #ddd;}

.ft_cn_tx{text-transform: uppercase; color: var(--brand); margin-right: .2rem;}

.cin_txt{padding-left: 0 !important;}

.categories_list li:first-child, .ft_con_list li:first-child{margin-top: 0;}







/* 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: inline-block !important;}

.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;}

.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: 2rem 0 0 0; margin-top: 2rem;}

/* .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(--orage); font-size: 1.8rem;}

.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: 2rem;  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;}

.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: 2rem; border-radius: 1rem; overflow: hidden;}

.Product_Categories_box .ft_heading{color: var(--black);}



.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;}



/* register_page */

.contact_rt {border: .1rem dashed var(--brand); padding: 3rem; border-radius: .5rem;  overflow: hidden;}

.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); }



/* 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;}

.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;}





/* 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(--body_bg_color);  content: ""; height: 100%;}

.card_list ul:before {right: 0; width: 10%; z-index: 5;}

.card_list ul:after{left: 0; width: 10%;}

.card_list ul li{text-align: center; position: relative; width: 25%; 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; border: .5rem solid var(--white); 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 li.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-flex; 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: 6rem; border-radius: .5rem; height: 4rem; object-fit: cover;}

.table_area tr{vertical-align: middle;}

/* .quantity_box{width: 100%; display: inline-block; border: .2rem solid #b6b5b5; overflow: hidden;}

.quantity_box .quantity{width: 11.5rem; position: relative; margin: auto;}

.quantity_box .quantity-nav {font: 400 15px/40px 'Public Sans', sans-serif;}

.quantity_box .quantity-button {background: #ffffff; color: #464646;  width: 3.3rem; height: 4rem; position: absolute; top: 0px; text-align: center; cursor: pointer; font-size: 0;}

.quantity_box .quantity-up {left: -1.2rem; border-right: .1rem solid #b6b5b5;}

.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: -1.2rem; border-left: .1rem solid #b6b5b5;}

.quantity_box .quantity-down::before{content: "\f068";}

.quantity input[type="number"]{outline: none; font: 400 15px/65px 'Public Sans', sans-serif; color: #464646; height: 4rem; width: 100%; border-radius: 0;  text-align: center; border: none; padding-left: 2rem;} */

.cart_box{background: var(--white);  padding: 3rem; margin: 5rem 0 0 2rem; border-radius: .5rem;}

/* .cart_box h6{font-size: 35px; line-height: 45px; font-weight: 600; padding: 36px 30px 0 30px; text-transform: uppercase;} */

/* .cart_box ul:before , .cart_box ul:after , .cart_box ul li:before , .cart_box ul li:after{display: none;} */

/* .cart_box ul li{float: inherit; width: 100%; text-align: left; padding: 1.5rem 0; border-bottom: .2rem solid #d9d8d8; color: #464646;}

.cart_box ul li:last-child{border-bottom: none;padding-bottom: 0;} */

.cart_box ul li p{padding-bottom: 0;}

/* .cart_box .text-center .redbtn{height: 65px; line-height: 65px; background: #dd0313;}

.cart_box .text-center .redbtn:hover{background: #00007c;} */

/* .cart_box .text-center p a{font-weight: 600; color: #000000; padding-top: 8px; display: inline-block; border-bottom: 1px solid #dd0313;}

.cart_box .text-center p{text-align: center;}

.cart_box .text-center p a:hover{color: #00007c;} */

.cart_box ul li b{font-size: 2.2rem; line-height: 3.2rem; font-weight: 400;}

.continue_btn{display: inline-block; padding: 2rem; text-transform: capitalize; font-size: 2rem; color: var(--body_txt_color);}

.con_btn:hover{background: var(--green); color: var(--white) !important;}

.cuponbtn a:last-child{background: var(--brand); border-color: var(--brand); color: var(--white); margin-left: 1rem;}

.cuponbtn a:last-child::before {border-color: var(--brand);}

/* .cuponbtn a:last-child:hover{background: var(--brand); color: var(--white);} */

.table_area .table th{font-size: 2rem; text-transform: capitalize; font-family: 'Lobster Two', sans-serif;}

/* .table  .quantity_box .quantity {max-width: 15rem; margin: 0 auto;} */

.table_area .table td {min-width: 7rem;}



.cart_heading{border-bottom: .1rem dotted var(--black); padding-bottom: 1rem;}

.catr_heading{color: var(--brand); margin-top: 2.5rem; font-weight: 800;}

.cart_table{background-color: #f8f8f8; padding: 2rem; border-radius: .5rem;}

.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: 1.5rem; font-size: 1.6rem; font-weight: 600;}





/* 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;}





/* order_tracking_page */

/* .order_tracking_box{background: var(--white); padding: 2rem; border-radius: .5rem; overflow: hidden;  height: 100%; display: flex; align-items: self-start; justify-content: center; flex-direction: column;}

.order_tracking_lt{border-radius: .5rem; overflow: hidden;}

.order_tracking_txt img{width: 14rem;}

.order_tracking_img img{width: 3rem;}

.order_tracking_txt span{display: block; padding-bottom: .2rem;}

.progtrckr{margin: 1.5rem 0 0; 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;}

.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;}

.progtrckr li h5{margin-top: 2rem; text-align: center; width: 100%; display: flex;justify-content: center; font-weight: 500;}

.progtrckr li span{display: block; padding-top: .4rem; font-size: 1.5rem;}

.order_trcking_table .table_area .table th{background: #e7e7e7;} */



/* contact_page */

.inner_content_rt{border: .1rem dashed var(--brand); padding: 3rem; margin-left: 2rem;}

.inner_content_list li{margin-top: 1.5rem; border-bottom: .1rem dotted var(--black); padding-bottom: 1.5rem;}

.icon_flex b{display: block; color: var(--black); text-transform: capitalize;}

.icon_flex i{ color: var(--brand);  padding: .5rem 1rem 0 0;}

.inner_content_rt ul li, .inner_content_rt ul li a{color: var(--body_txt_color);}

.inner_content_list li:last-child{padding-bottom: 0; border-bottom-color: transparent;}

.inner_content_rt .ft_heading{color: var(--black);}

.inner_content_rt ul li a:hover{color: var(--orage);}



/* about_page */

.nest_lt{border-radius: .5rem; overflow: hidden;}

.nest_rt{margin-left: 2rem;}

.ab_photo_box{border: .1rem dashed var(--brand); padding: 1.5rem; margin-top: 3rem; border-radius: .5rem;}

.ab_photo_box img{width: auto !important; max-width: 100%;}

/* .ab_photos .owl-nav.disabled{display: flex; align-items: center; justify-content: flex-start; margin-top: 2rem;} */

.ab_photos .other_slider_btn .owl-prev, .ab_photos .other_slider_btn .owl-next {right: -1.7rem; top: 56%; -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%);  -o-transform: translateY(-50%);  transform: translateY(-50%);}

.ab_photos .other_slider_btn .owl-prev {margin-right: 0; right: inherit; left: -1.7rem;}

.provite_top_img img{width: 5rem;}

.provite_box{padding: 2rem; border-radius: .5rem;  overflow: hidden;  margin-top: 4rem;  background: var(--white);}

.provite_top_img{margin-right: 2rem;}

.provite_box_top{align-items: center; border-bottom: .1rem solid #eee; padding-bottom: 1.5rem;}

.pertner_rt{border-radius: 30% 70% 70% 30%/30% 30% 70% 70%; overflow: hidden; margin-left: 2rem;}

.partner_lt_box{background: var(--white); padding: 1.5rem; margin-top: 3rem; border-radius: .5rem;}

.partner_img{background-color: rgba(221, 236, 215, .3); width: 6rem; height: 6rem; display: flex; align-items: center; justify-content: center; border-radius: 100%;}

.partner_img img{width: 3rem;}

.partner_txt strong{color: var(--black); font-size: 3rem; display: block;}

.partner_txt{margin-left: 2rem;}

.partner_txt span{font-family: 'Lobster Two', sans-serif; font-size: 1.8rem; display: block;}

.work_prosese{position: relative;}

.proses_box{margin-top: 3rem; position: relative;}

.proses_img img{width: 8rem;}

/* .work_prosese .comll:first-child .proses_box::before{position: absolute; right: 0; top: 0; background: url(../images/line-svg1.png)no-repeat right center; width: 100%; height: 30rem; content: ""; background-size: 100%;} */

.work_prosese .d-flex{align-items: center; justify-content: space-between;}

.proses_line_img img{width: 20rem;}

.work_prosese{padding: 3rem 0 1rem 0;}



/* blog_page */

.blog_box{border: .1rem dashed var(--brand); padding: 1.5rem; margin-top: 3rem;}

.blog_img {border-radius: .5rem; overflow: hidden;}

.blog_txt{padding-top: 1.5rem;}

.blog_txt h4 a{color: var(--black);}

.blog_txt h4 a:hover{color: var(--orage);}

.blog_txt_top{border-bottom: .2rem dotted #d4d4d4; padding-bottom: 1rem; margin-bottom: 1rem; font-size: 1.4rem;}

.blog_txt_top i{padding-right: .5rem; color: var(--orage);}

.box{background: var(--white); padding: 1.5rem; border-radius: .5rem; margin-top: 3rem;}

.blog_lt{margin-right: 2rem;}

.blog_box .more_btn{display: flex; padding-top: 2rem; align-items: center; justify-content: space-between;}

.trading_img img{width: 7rem; height: 7rem; object-fit: cover; border-radius: .5rem; margin-right: 1.5rem;}

.box li{margin-top: 1.5rem; position: relative; padding-bottom: 2rem;}

.box li::before{content: ""; position: absolute; bottom: 0; right: 0; border-bottom: .1rem dashed rgba(74,85,104,0.3); width: calc(100% - 80px - calc(12px + (23 - 12) * ((100vw - 320px) / (1920 - 320))));}

.box li:last-child{padding-bottom: 0;}

.box li:last-child::before{display: none;}

.box .ft_heading{color: var(--black); padding-bottom: 1rem;}

.trading_txt span em{text-transform: uppercase;}

.trading_txt .trading_txt_pric_quty{align-items: center; justify-content: space-between; font-size: 1.5rem;}

.trading_txt .trading_txt_pric_quty strong{color: var(--orage);}

.trading_txt{width: 100%;}

.trading_txt h4 a{color: var(--black);}

.trading_txt h4 a:hover{color: var(--orage);}

.product_offer_box{padding: 1.5rem 1rem 2rem 1rem; text-align: center; margin-top: 3rem; border: .2rem dashed var(--brand); border-radius: .5rem;}

.product_offe_img img{width: 25rem; display: block; margin: 0 auto 1rem auto;}

.product_offer_sub_title{color: var(--orage); font-size: 1.5rem;}

.only_txt{display: block; margin-top: 1rem;}

.product_offer_box .as_btn {margin-top: 2rem;}



/* blog_details */

.blog_dtls_img{display: block; border-radius: .5rem; overflow: hidden;}

.Popular_blogs_box .trading_txt .trading_txt_pric_quty {font-size: 1.4rem; color: var(--brand);}

.bl_sub_heading{font-size: 4rem; line-height: 5rem; padding-top: 2rem;}

.txt_list li{margin-top: 1.5rem !important; color: var(--black);}

.Popular_blogs_box ul li h4{font-size: 1.8rem; line-height: 2.2rem;}

.box.Popular_blogs_box li {margin-top: 2rem;}

.blog_dtls_rt{margin-left: 1rem;}

.other_ft_heading{color: var(--black);}

.other_ft_icons li a{border: .1rem solid var(--brand); color: var(--brand);}

.ot_box li{margin: 0 .5rem 0 0; padding: 0;}

.tag_box ul li a{margin: .5rem .5rem 0 0; padding: .8rem 1rem; border: .1rem dashed var(--brand); border-radius: .5rem; color: var(--black); display: inline-block;}

.tag_box ul li::before{display: none;}

.tag_box ul li{padding: 0; margin: 0; display: inline-block; font-size: 1.4rem; text-transform: capitalize;}



/* faq_page */

.faq_box{background: var(--white); padding: 2rem; border-radius: .5rem; margin: 3rem 1rem 0 0;}

.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;}



/* 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(--orage); 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: 2rem;}

/* .cart_box1:nth-child(even){border-top-color: transparent;} */

.cart_box1:first-child{border-top-color: #d4d4d4;}



/* 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;}




/*account_page*/
.user_account_info {border: 0.1rem solid #ececec;border-radius: 0.5rem;}
.user_account_row { margin: 0;}
.user_account_row .collum {padding: 0;}
.account_user_img img { border-radius: 100%; -o-object-fit: cover; object-fit: cover; max-width: 100%; width: 9rem; height: 9rem; border: 1rem solid var(--white); box-shadow: 0 0 2rem 0 rgb(0 0 0 / 5%);}
.tab_list {margin-top: 2.5rem;}
.tab_list li {text-transform: capitalize; font-weight: 600;}
.tab_list li a {width: 100%; display: block; padding: 1.5rem 2rem; color: var(--brand); border-top: 0.1rem solid #ececec;}
.tab_content {border-left: 0.1rem solid #ececec; padding: 3rem 4rem;}
.cuponbtn button:last-child{background: transparent; border: .1rem solid var(--orage); color: var(--orage);}
/*.cuponbtn a:before:last-child, .cuponbtn button:before:last-child{background: var(--orage);}*/
.cuponbtn button:hover:last-child{border-color: var(--brand); color: var(--white); background: var(--brand)}
.wish_table .tabel_pump li img {width: 5rem;}
.wish_table .table_area .table td {min-width: 10rem;}
.wish_table .table_area .table td:first-child {min-width: 24rem;}
.tab_list li a:hover {background: var(--brand); color: var(--white);}


/*------------------------------------------------------1-1-24-------------------------------------------*/
.user_account.ptb{padding: 22rem 0 5rem;}
.user_profiile h4{padding-top: 2rem;}
.wish_heading{width: 100%; height: 100%; display: flex; align-items: center; justify-content: center;}
.listing_flex{justify-content: space-between; align-items: flex-start !important; padding: 0 1rem;}
.ades_fom{position: absolute; left: 0; top: 6.6rem; z-index: 5; background: var(--white); padding: 3rem; border-radius: .5rem;}
.back_button{position: absolute; right: 2rem; top: 2rem; color: var(--black); cursor: pointer; font-size: 1.8rem;}

.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;}
.catagory_info.show {display: block;}

.radion_sec{margin-bottom: 2rem;}

.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: 51%; 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%); content: "";}
/*    .gender_sec span{color: var(--black); text-transform: capitalize; font-weight: 500; font-size: 2rem;}*/

.add_txt{position: absolute; right: 1rem; top:1rem;  text-transform: capitalize; font-weight: 600; font-size: 1.4rem;} 
.add_txt a{color: var(--brand); display: inline-block; background: rgba(255,86,141,0.2); padding: .5rem 1rem; border-radius: 2rem;}
.add_new_txt {cursor: pointer;}
.shipping_sec ul li b{color: var(--brand); text-transform: capitalize; font-size: 2rem; font-weight: 500;}
.shipping_sec ul li{font-size: 1.4rem; color: var(--black); margin-top: 1rem;}
.shipping_sec ul li i{color: var(--brand); padding-right: .5rem;}
.shipping_sec .ft_heading{color: var(--black);}
.new_add_sec {display: block; text-align: right;}


/*---------------------------------------------2-1-24-------------------------------------------------------*/
.modal_product_img img{width: 100%;}
.modal_box .modal-dialog {max-width: 80rem;}
.modal_box .modal-body {padding: 0 3rem 3rem 3rem;}
.modal_box .modal-header {border-bottom-color: transparent;}
.modal_product_txt{padding-left: 2rem;}
.modal_para_txt{border-top: .1rem dashed #ddd; padding: 1.5rem 0; border-bottom: .1rem dashed #ddd; margin-top: 1rem; margin-top: 2rem;}
.modal_box .btn-close:focus {box-shadow: none;}
.modal_box .modal-header .btn-close {padding: 2rem; margin: 0 0 0 auto;}
.card_flex{position: relative;}
.hover_icon li:first-child a{cursor: pointer; color: var(--white) !important;}
.itemCount{background: var(--orage); color: var(--white); border-radius: 100%; position: absolute;  top: -1rem; left: -1rem; width: 2.5rem; height: 2.5rem; display: flex; align-items: center; justify-content: center;}
.tabel_pump_img{display: inline-block; border: .1rem solid var(--brand); padding: .5rem; border-radius: .5rem;}
.table_area .table td:first-child{min-width: 35rem;}
.tabel_pump h4{font-size: 1.6rem; line-height: 2.4rem;}
.table_price_txt{font-size: 2rem; font-weight: 600;}
.delet_box{width: 3rem; height: 3rem; color: var(--orage); border: .1rem solid #ccc; display: flex; align-items: center; justify-content: center; border-radius: 100%;}
.cuponbtn.d-flex{justify-content: space-between; align-items: center;}
.button_sec.d-flex{align-items: center; justify-content: space-between; border-top: .1rem solid #dee2e6; padding: 2rem;}
.order_summery_lt {border: .1rem solid #dee2e6; border-radius: .5rem; margin-top: 5rem;}
.otdery_heading {border-bottom: .1rem solid #dee2e6; padding: 1rem 2rem;}
.shop_btn{background: var(--brand);}
.shop_btn:before{ border: .2rem solid var(--brand);}
.shop_btn:hover{background: var(--orage);}
.shop_btn:hover:before{border-color: var(--orage);}
.benify_list_txt li { position: relative; margin-top: .5rem; color: var(--black); font-size: 1.5rem;}
.benify_list_txt li::before {font-family: "Font Awesome 6 Pro"; content: "\f058"; color: var(--brand); font-size: 1.2rem;}
.account_list {padding: 1rem 2rem; width: 100%;}
.account_list .d-flex{justify-content: space-between; align-items: center;}
.pr_list li{color: var(--black); margin-top: 1rem;}
.pr_list li i {color: var(--orage); padding-right: .5rem;}
.pr_list b{font-weight: 500; text-transform: capitalize;}




/*------------------------------------------------------------------------13-6-24---------------------------------------------------------*/
.sort_selet_box{margin-right: 2rem;}
.log_sing_btn li{width: auto; display: inline-block; margin-right: 1.5rem;}
.log_sing_btn li:last-child{margin-right: 0;}

.book_btns li .as_btn {padding: 0 1.5rem;  height: 3rem; line-height: 3rem; font-size: 1.2rem;}
.book_btns li{margin:1rem 1.5rem 0 0;}
.book_btns{width: 100%; text-align: center;}



@media (min-width: 992px) and (max-width: 9000px) 

{

.categories_sec .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; display: block; opacity: 1; visibility: hidden;  margin:0; 

    padding: 0; border-radius: 0; left: inherit; right: inherit; padding: .5rem .8rem .8rem; opacity: 1; visibility: visible;}



/* .categories_sec .dropdown:hover .dropdown-menu { } */



.categories_sec .dropdown-menu .dropdown .dropdown-menu.submenu {visibility: hidden;border-bottom-color: transparent !important; opacity: 0; filter: alpha(opacity=0);  -webkit-transform: translate(0,60px); -moz-transform: translate(0,60px); -o-transform: translate(0,60px);  -ms-transform: translate(0,60px);transform: translate(0,60px); left: 100%; top: 0; width: 66rem; min-height: 100%; border-radius: .5rem;}

.categories_sec .dropdown-menu .dropdown:hover .dropdown-menu.submenu{ visibility: visible; opacity: 1;  filter: alpha(opacity=100); -webkit-transform: translate(0px,0px); -moz-transform: translate(0px,0px); -o-transform: translate(0px,0px); -ms-transform: translate(0px,0px); transform: translate(0px,0px);}



}



/* responsive */

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

    .container{max-width: 100%; padding: 0 4.5rem;}

    

}

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

    .menu_sec {padding-right: 14rem;}
    .menu_sec li a {padding-right: 1.5rem;}
    .menu_sec li {font-size: 1.5rem;}
}


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

    .inner_banner .banner_box_lt h1 {font-size: 6rem; line-height: 7rem;}

    /*.banner_box_lt strong {font-size: 6rem; line-height: 7rem;}*/



    

    

}



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

    .heder_info_rt ul li, .header_top_lt ul li, .header_top_rt ul li{font-size: 1.5rem;} 

    .menu_sec li {text-transform: capitalize;}

    .menu_sec li a{padding-right: 1.5rem;}

    .nav_top .navbar-brand img {width: 20rem;}

    /*.header_rt {top: 1rem;}*/

    .heder_info_rt ul li a, .header_top_lt ul li a, .header_top_rt ul li a {padding: 0 1rem;}

    .header_top_lt ul li a em {padding-right: .2rem;}

    /*.banner_box_lt strong {font-size: 5rem; line-height: 6rem;}*/

    .container { max-width: 100%; padding: 0 1.5rem;}

    .feature_txt h3{font-size: 2.5rem; line-height: 3.5rem;}

    .call_sec .container-fluid {padding: 0 2rem;}

    .winter_peoduvr_list li.winter_peoduvr_iream {width: 50%;}

    .ft_mid .cullnm:nth-child(2) .ft_txt {padding-left: 1.5rem;}

    .enqury_fld button {width: 35%;}

    .enqury_fld input[type="email"] {width: 63%;}



    /* product_derails_page */

    .inner_banner .banner_box {padding: 20rem 0 3rem 0;}



    /* chekout_page */

    .cart_box {margin: 3rem 0 0 0;}



    /* contact_page */

    .inner_content_rt{margin: 3rem 0 0 0;}



    /* about_page */

    .nest_lt{display: none;}

    .nest_rt {margin-left: 0;}

    .ab_photos .other_slider_btn .owl-prev {left: -.7rem;}

    .ab_photos .other_slider_btn .owl-next {right: -.7rem;}

    .proses_txt h3{font-size: 2.5rem; line-height: 3rem;}

    .provite_top_txt h3{font-size: 2.5rem; line-height: 3rem;}

    .provite_top_img {margin-right: 1.5rem;}



    /* blog_dtls_page */

    .Popular_blogs_box ul li h4 {font-size: 1.5rem; line-height: 2rem;}


    /*------------------------------------------1-1-24--------------------------------*/
    .listing_flex {padding: 0; flex-direction: column-reverse;}
    .new_add_sec .as_btn{margin-bottom: 2rem;}

}



@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;}

    .header_top_lt ul li span{display: none;}

    .header_rt{right: 5rem; top: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(--orage);}

    .nav_top .navbar-collapse.show {left: 0;}

    .menu_sec {padding-right: 0;}

    .menu_sec li a {padding: 1.5rem; border-bottom: .1rem solid #e5ddd9; display: block; width: 100%;}

    .header_label {display: none;}

    .banner_box_lt{height: auto;}

    .banner_box_lt {padding: 4.4rem 3rem;}

    .feature_box {flex-direction: column;}

    .feature_img {margin: 0 0 1rem 0;}

    .banner_box_rt{display: none;}

    /* .drop_down_main_menu{position: relative; display: block;}

    .categories_sec .dropdown-menu .dropdown .dropdown-menu.submenu{display: none;} */

    .stock_txt { font-size: 1.5rem; width: 100%;}

    .product_name{font-size: 1.8rem; line-height: 2.2rem;}

    .Product_Categories_box.mt-sm-4.mt-4{margin-top: 1rem !important;}

    .check_sec input[type="radio"] + label {margin: .5rem 0 0 0;}

    /* .quantity_box .quantity {width: 13.5rem;} */

    .cart_btn {width: 3.5rem; height: 3.5rem;}

    .product_box {margin-top: 3rem;}

    .call_sec {margin-top: 0;}

    .call_sec .container-fluid {padding: 0 1.5rem;}

    h1, h2 {font-size: 4.5rem; line-height: 5.5rem;}

    .call_box {flex-direction: column; padding: 2rem 1rem;  border-radius: 14.5rem;}

    .call_mun { margin: 1.5rem 0;}

    .winter_pro_img img {width: 7rem !important; height: 7rem;}

    .winter_peoduvr_list li.winter_peoduvr_iream .winter_box{padding: 1.5rem; margin-top: 2rem;}

    .winter_peoduvr_list {margin: 0 -1rem;}

    .winter_peoduvr_list li.winter_peoduvr_iream{padding: 0 1rem;}

    .ababy_info, .winter_info {margin-top: 3rem;}

    .winter_care .other_slider_btn .owl-prev, .winter_care .other_slider_btn .owl-next, .baby_care .other_slider_btn .owl-prev, .baby_care .other_slider_btn .owl-next {top: -9.5rem;}

    .ft_top_rt {margin: 2rem 0 0 0;}

    .ft_mid .cullnm:nth-child(2) .ft_txt{padding-left: 0;}

    .ft_mid .cullnm:nth-child(4) .ft_txt{padding-left: 2rem;}

    .footer_icon {margin-top: 2rem;}



    /* product_derails_page */

    .inner_banner .banner_box_lt h1 {font-size: 4rem; line-height: 5rem;}

    .product_dltsrt.ps-3{padding: 2rem 0 0 0 !important;}



    /* about_page */

    /* .proses_line_img{display: none;} */

    .proses_line_img img {width: 12rem;}

    .proses_txt h3 {font-size: 2rem; line-height: 2.5rem;}

    .proses_img img {width: 7rem;}

    .provite_box {margin-top: 3rem;}

    .pertner_rt {margin: 3rem 0 0 0;}



    /* blog_page */

    .blog_sec .main_row{flex-direction: column-reverse;}

    .blog_lt {margin-right: 0;}



    /* blog_dtls_page */

    .blog_dtls_rt {margin: 3rem 0 0 0;}



    /* faq_page */

    .faq_box {margin: 3rem 0 0 0;}

    /*wish_list_page*/
    .wish_table .table_area .table td {min-width: 14rem;}


}



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

 .banner_box_lt_rt{margin-top: 3rem; display: none;}

 .header_offer_sec p{font-size: 1.4rem;}   

 .remove_btn {right: 2rem;} 

 /*.banner_box_lt strong {font-size: 4rem; line-height: 5rem;}*/

 /* .banner_box_lt_rt img {max-width: 70%; margin: 0 auto;} */

 .banner_box_lt {padding: 3.4rem 2rem;}

 .ptb {padding: 3.5rem 0;}

 .inner_ptb { padding: .5rem 0 3.5rem; }

 h1, h2 {font-size: 4rem; line-height: 5rem;}

 .product_box {margin-top: 2rem;}

 .dis_mail{flex-direction: column;}

 .join_call_btn{margin: 3rem 0 0 0;}

 .join_call_btn span {font-size: 3rem;}

 .ababy_info, .winter_info {margin-top: 2rem;}

 .winter_care .other_slider_btn .owl-prev, .winter_care .other_slider_btn .owl-next, .baby_care .other_slider_btn .owl-prev, .baby_care .other_slider_btn .owl-next {top: -8rem;}

 .winter_peoduvr_list li.winter_peoduvr_iream .winter_box {flex-direction: column;}  

 .winter_pro_img img {margin: 0 0 1rem 0;}

 .ft_heading {font-size: 2rem; line-height: 3rem; margin-bottom: 1.5rem;}

 .ft_mid .cullnm:nth-child(4) .ft_txt {padding-left: 0rem;}

 .categories_list li, .ft_con_list li{font-size: 1.5rem;}

 .ft_bottom .d-flex{flex-direction: column; justify-content: center;}

 .ft_botton_lt{display: block; padding-bottom: .5rem;}



/* product_derails_page */

 .inner_banner .banner_box_lt h1 { font-size: 3.5rem; line-height: 4.5rem;}

 .inner_banner .banner_box_lt {padding: 3rem;}



 /* checkout_page */

 .table_area .table td:first-child{min-width: 35rem;}

 .table_area .table td {min-width: 14rem;}



 /* about_us */

 .provite_box {margin-top: 2rem;}

 .proses_line_img img {width: 8rem;}

 .proses_txt h3 {font-size: 1.8rem; line-height: 2.2rem;}

 .work_prosese {padding: 1rem 0 0rem 0;}

 .proses_img img {width: 6rem;}



 /* blog_dtls_page */

 .bl_sub_heading {font-size: 3rem; line-height: 4rem;}

 .blog_dtls_lt h3{font-size: 2.5rem; line-height: 3.2rem;}



 /* faq_page */

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


 /*wish_list_page*/
 .tab_list {display: flex; align-items: center; justify-content: center; flex-wrap: wrap; margin: 0 -1.5rem;}
 .tab_list li {font-size: 1.5rem; width: 50%; padding: 0 1.5rem;}
 .tab_list li a{border: .1rem solid #ececec; border-radius: .5rem; margin-top: 1rem;}
 .user_accout_lt {padding: 1.5rem 1.5rem 0 1.5rem;}
 .tab_list li a:hover{background: var(--brand); color: var(--white); border-color: transparent;}

/*-------------------------------------------------1-1-24-----------------------------*/

    .user_profiile h4 {padding: 0 0 1rem 0;}
    .user_account.ptb {padding: 22rem 0 4rem;}

/*--------------------------------------------------------------------2-1-24------------------------------------------------------------------*/
 .modal_product_txt {padding: 2rem 0 0 0;}

/*------------------------------------------------------------------9-1-24----------------------------------------------------*/
    .card_list ul .actv::after {top: 3.1rem;}
    .card_list ul li a span {font-size: 1.5rem;}
    .card_list ul li::before {top: 3.1rem;}
    .card_list ul li.actv::after {top: 3.1rem;}
    .card_list ul li a i {width: 6.6rem; height: 6.6rem;}
    .table_area {margin: 3rem 0 0;}
    
    /*---------------------------------------------------------13-6-24----------------------------------------------------*/
    .fitter_box span{display: none;}
    .fitter_box {  padding: 0;  width: 4rem;  height: 4rem;  display: flex;  align-items: center;  justify-content: center; }
    .account_list .d-flex{flex-direction: column; align-items: flex-start;}
    .log_sing_btn .as_btn{ height: 3.5rem; line-height: 3.5rem; margin: 1.5rem 0 1.5rem 0 !important;}
    .book_btns .as_btn{margin: 0 !important;}

}





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

    .heder_info_rt ul{display: none;}

    /* .heder_info_rt ul li a{padding: 0;}

    .heder_info_rt ul li a::before{display: none;} */

    .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;}

    .header_top {padding: 1rem 0;}

    /* .header_top_lt ul li:last-child{display: inline-block;} */

    .heder_info_lt{width: 100%;}

    /* .heder_info_lt .d-flex{justify-content: center; width: 100%;} */

    .header_offer_sec{text-align: left;}

    .header_offer_sec p { font-size: 1.2rem; line-height: 1.8rem;}

    .header_rt {right: 3.8rem; top: .1rem;}

    .vegfirm_list li a { width: 3rem; height: 3rem; margin-right: .5rem; font-size: 1.3rem;}

    .card_flex span{display: none;}

    .nav_top .navbar-brand img { width: 13rem;}

   /* .header_rt {top: .6rem;}*/

    .banner_box {padding: 19rem 0 3rem 0;}

    /*.banner_box_lt strong {font-size: 3rem; line-height: 4rem;}*/

    .banner_box_lt {padding: 2rem;}

    .banner_box_lt .as_btn { height: 4rem; line-height: 4rem;}

    .banner_box_lt_lt {padding: 0 0 .5rem .5rem;}

    .feature_box {flex-direction: row;}

    .feature_sec {margin-top: 2rem; padding: 0 2rem 2rem 2rem;}

    .feature_img {width: 7rem; height: 7rem; margin: 0 1.5rem 0 0;}

    .feature_txt h3 { font-size: 2rem; line-height: 3rem;}

    .feature_img img {width: 4rem;}

    .feature_box {margin-top: 2rem;}

    .other_slider_btn .owl-prev, .other_slider_btn .owl-next{position: inherit; right: inherit; top: inherit;}

    .other_slider_btn .owl-nav.disabled{display: flex; align-items: center; justify-content: center; margin-top: 3rem;}

    .other_slider_btn .owl-prev {margin-right: 1rem;}

    h1, h2 {font-size: 3.2rem; line-height: 4.2rem;}

    .ptb {padding: 3rem 0;}

    .inner_ptb { padding: 1rem 0 3rem;}

    h1 span ,h2 span{background-size: 100%;}

    .call_box {border-radius: 1rem; padding: 2rem 1.5rem; text-align: center;}

    .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;}

    .organic_sec  h2{font-size: 2.5rem; line-height: 3.5rem;}

    .join_call_btn span {font-size: 2.5rem;}

    .join_call_btn em { width: 4rem; height: 4rem;}

    .winter_peoduvr_list li.winter_peoduvr_iream {width: 100%;}

    .ft_top {padding: 3rem 0 4rem 0;}

    .enqury_fld input[type="email"] {width: 100%; border: .1rem solid #ced4da;}

    .enqury_fld button {width: 100%; margin-top: 1.5rem !important;}

    .icon_arear {left: 3rem;}

    .footer_sec p{font-size: 1.5rem; line-height: 2.3rem;}

    /* .ft_heading { margin-bottom: 1.5rem;} */

    .categories_list li, .ft_con_list li {margin-top: 1rem;}

    .srchopen {padding: 1rem 2rem;}

    .sreach_box {padding: 1rem 1rem 1rem 0rem;}

    .sreach_box.input_fld input[type="text"] {font-size: 1.5rem;}

    .sreach_box.input_fld button { width: 9%; font-size: 1.8rem;}



    /* product_derails_page */

    .inner_banner .banner_box {padding: 19rem 0 3rem 0;}

    .inner_banner .banner_box_lt { padding: 2rem;}

    .inner_banner .banner_box_lt h1 {font-size: 2.5rem; line-height: 3.5rem;}



    /* product_listing_page */

    /* .listing_top, .ft_flex_box {flex-direction: column; align-items: flex-start !important; width: 100%;} */

    /* .fitter_box {width: 100%; margin: 0 0 2rem 0; text-align: center; padding: 1rem;} */

    /* .sort_selet { width: 17rem; position: absolute; right: 0; top: 6.4rem;}

    .sort_selet .input_fld .form-select {height: 4rem;} */

    .view{display: none !important;}

    /* .view .as_btn {width: 3.5rem; height: 3.5rem;} */

    .product_listing_lt_content {top: 5rem;}

    

    

    /* check_out_page */

    .card_list ul li a i { width: 5rem; height: 5rem; font-size: 2rem; border: .3rem solid var(--white);}

    .card_list ul li::before, .card_list ul .actv::after {top: 2.2rem;}
     .card_list ul li.actv::after {top: 2.2rem;}
    .card_list ul li a span {font-size: .9rem; line-height: 1.2rem;}

    .table_area {margin: 1rem 0 0;}

    .cuponbtn a:last-child {margin: 2.5rem 0 0 0;}

    .cuponbtn a{width: 100%;}

    .cart_box_list .d-flex {margin-top: 1rem;font-size: 1.4rem;}



    /* login_page */

    .log_box{flex-direction: column; align-items: flex-start !important;}

    .log_txt{margin: 1.5rem 0 0 0 !important;}

    .contact_rt {padding: 2rem;}



    /* contact_page */

    .inner_content_rt {padding: 2rem;}

    .inner_content_lt h3{font-size: 2.5rem; line-height: 3rem;}



    /* order_page */

    .orr_list li {margin-top: 1rem; font-size: 1.4rem;}

    .hd_flex { align-items: flex-start; justify-content: space-between; padding: 2rem 3rem;}



    /* about_page */

    .work_prosese .d-flex {flex-direction: column;}

    .ab_photo_box {margin-top: 2rem;}

    .ab_photos .other_slider_btn .owl-prev, .ab_photos .other_slider_btn .owl-next{transform: inherit;}

    .ab_photos .other_slider_btn .owl-nav.disabled {margin-top: 2rem;}

    .ab_photos .other_slider_btn .owl-prev {margin-right: 1rem;}

    .proses_box {margin-top: 2rem;}

    .pertner_lt h3{font-size: 2.5rem; line-height: 3rem;}

    .partner_lt_box .d-flex{flex-direction: column;}

    .partner_img {width: 5rem; height: 5rem;}

    .partner_txt{margin: 1.2rem 0 0 0;}



    /* blog_page */

    .blog_box {margin-top: 2rem;}

    .trading_img img { width: 5rem; height: 5rem;}



    /* blog_dtls_page */

    .bl_sub_heading {font-size: 2.2rem; line-height: 3rem;}

    .blog_dtls_lt h3{font-size: 2.2rem; line-height: 3rem;}

    .txt_list li {margin-top: .8rem !important; font-size: 1.4rem;}

    .Popular_blogs_box .trading_img img {width: 7rem; height: 7rem;}

    .blog_dtls_rt .box{margin-top: 2rem;}



    /* faq_page */

    .faq_box h4{font-size: 1.5rem; line-height: 2rem;}

    .faq_box .accordion-button {padding: 1rem;}

    .faq_box .accordion-button::after, .faq_box .accordion-button:not(.collapsed)::after {font-size: 1.5rem;}



    /* cart_page */

    .cart_box1 {flex-direction: column-reverse;}

    .cart_box1 .as_btn{width: 100%;}

    .exet_flex .as_btn{padding: 0 2rem; font-size: 1.4rem;}

    /*------------------29-12-23---------------------------*/
		.header_menu {padding: 1rem 0;}
		.nav_top .navbar-toggler {padding: .5rem; margin-right: -.5rem;}

    /*wish_list_page*/
    .wish_table .tabel_pump li{font-size: 1.6rem;}
    .tab_list li i {display: none;}
    .tab_list {margin: 0 -.2rem;}
    .tab_list li {width: 50%; padding: 0 .2rem;font-size: 1.2rem;}
    .tab_list li a {padding: .5rem;}
    .user_account  .as_btn {padding: 0 2rem; height: 3.5rem; line-height: 3.5rem; font-size: 1.4rem;}
    .user_account h3 {font-size: 2.5rem; line-height: 3.5rem;}

    /*-------------------------------------1-1-24-----------------------------------*/
    .user_account.ptb {padding: 19rem 0 4rem;}
    .ades_fom {padding: 2rem; top: 5.6rem;}
    .back_button {top: 1rem; padding: .5rem;}


    /*-----------------------------------------------------------------2-1-24--------------------------------------------------------*/
    .modal_box .Product_Categories_box{padding: 1rem;}
    .modal_box .modal-body {padding: 0 2rem 2rem 2rem;}
    .itemCount {width: 2rem; height: 2rem; font-size: 1.4rem;}

    /*----------------------------------------------------------9-1-24-----------------------------------------------------------------*/
    .table_area .table > :not(caption) > * > * {padding: 1rem 1.5rem;}
    .cuponbtn.d-flex, .account_list .d-flex, .button_sec.d-flex {flex-direction: column; align-items: flex-start;}
    .pr_list{margin-bottom: 1rem;}
    
    .button_sec .as_btn, .button_sec span {width: 100%;}
    .order_summery_lt {margin-top: 3rem;}
    
    /*-------------------------------------------------------13-6-24---------------------------------------------------------*/
    .listing_top { justify-content: center;}
    .fitter_box {margin-right: 1rem;}
    .sort_selet { width: 13rem;}
    .sort_selet .input_fld .form-select {height: 4rem; font-size:1.4rem; background: url(../images/select_arrow.png)no-repeat right 1rem center var(--white); background-size: 1.2rem;}
  
    .rt_flex_box .as_btn {padding: 0 2rem; height: 3.5rem; line-height: 3.5rem; font-size: 1.2rem;}
    
    .banner_box_lt strong {font-size: 2rem; line-height: 3rem;}

}



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

  

  



}