@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.6rem 'Inter', 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: "Playfair Display", serif;}
input[type="text"]::-webkit-placeholder , input[type="text"]::-moz-placeholder , input[type="password"]::-webkit-placeholder, input[type="password"]::-moz-placeholder, input[type="search"]::-webkit-placeholder, input[type="search"]::-moz-placeholder, input[type="email"]::-webkit-placeholder, input[type="email"]::-moz-placeholder, input[type="tel"]::-webkit-placeholder, input[type="tel"]::-moz-placeholder, textarea::-moz-placeholder, 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: "Playfair Display", serif; */
/* font-family: "Inter", sans-serif; */

:root{
    --black: #000;
    --brand: #BB0B0B;
    --heding: #14133b;
    --body_txt_color: #39383F;
    --white: #fff;
   }


@keyframes scroll {
    to {
      transform: translateX(calc(-100% - var(--gap)));
    }
}

@keyframes marquee {
    from { transform: translateX(0); }
    to { transform: translateX(-50%); }
}

@keyframes moveLeftRight{
    0% {
        transform: translateX(0);
      }
    100% {
        transform: translateX(5px);
    }
}

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


@keyframes outline {
      from {
        stroke-dasharray: 0, 345.576px;
      }
      to {
        stroke-dasharray: 345.576px, 345.576px;
      }
    }
    @keyframes circle {
      from {
        transform: scale(1);
      }
      to {
        transform: scale(0);
      }
    }
  @keyframes check {
      from {
        stroke-dasharray: 0, 75px;
      }
      to {
        stroke-dasharray: 75px, 75px;
      }
    }
  @keyframes check-group {
      from {
        transform: scale(1);
      }
      50% {
        transform: scale(1.09);
      }
      to {
        transform: scale(1);
      }
    }
    


em{font-style: normal;}
.as_btn{display: inline-block; padding: 0 3rem; height: 5rem; line-height: 5rem; text-transform: uppercase; color: var(--white); background: var(--brand); letter-spacing: .2rem; font-size: 1.4rem; font-weight: 600; position: relative; z-index: 1; margin-top: 2.5rem; border-radius: .5rem; overflow: hidden; text-align: center;}
.as_btn::after{position: absolute; content: ""; height: 100%; width: 10px; background: var(--heding); transition: all 0.4s; top: 0; left: 50%; z-index: -2; visibility: hidden; opacity: 0;}
.as_btn:hover::after{visibility: visible; opacity: 1; transition: all 0.4s; width: 100%; left: 0;}
.as_btn:hover{color: var(--white);}
.ptb{padding: 6rem 0;}
.inner_ptb{padding: 3rem 0 6rem 0;}
h5{font-size: 2rem; line-height: 2.8rem; text-transform: capitalize; color: var(--heding); font-weight: 600;}
.sub_txt{font-size: 1.4rem; line-height: 1.4rem; text-transform: uppercase; color: var(--brand); letter-spacing: .2rem; display: inline-block;}
.sub_txt i{animation: moveLeftRight 1s cubic-bezier(0.25, 1, 0.5, 1) infinite alternate; margin-right: .5rem;}
h1,h2{font-size: 4rem; line-height: 5rem; text-transform: capitalize; color: var(--heding); font-weight: 600;}
h1 em,h2 em{display: block;}
h4{font-size: 2.5rem; line-height: 3.5rem; text-transform: capitalize; color: var(--heding); font-weight: 600;}






/*top_button*/
.top_btn{background: var(--brand);  bottom: 1rem; color: var(--white); height: 4rem; opacity: 0; overflow: hidden; position: fixed; right: 1rem; width: 4rem; z-index: 9999;  text-align: center; display: inline-block; border-radius: .5rem; }
.top_btn i{font-size: 1.7rem; line-height: 4rem;}
.top_btn.show{opacity: 0.7;}
.top_btn:hover{bottom: .3rem; opacity: 1; color: var(--white);}



/*header*/
.header_sec{ width: 100%; }
.nav_top{border: none; min-height: auto; box-shadow: none; border-radius: 0px;}
.menu_sec .dropdown a{cursor: pointer; margin-right: 1rem;}
.menu_sec .dropdown-menu li a{ font-size: 1.4rem; display: block; padding: 1rem 1.5rem; border-bottom: .1rem dashed #ccc;}
.menu_sec li{ position: relative; text-transform: capitalize; font-weight: 600;}
.menu_sec li a, .menu_sec li a:not([href]):not([class]), a:not([href]):not([class]):hover{display: inline-block; padding: 1rem 3.5rem 1rem 0; color: var(--heding);}
.menu_sec li:last-child a{padding-right: 0;}
.nav_top .navbar-brand img{width: 20rem;}
.heder_top{background: #00203e;}
.top_mail_iocn{background-color: #CFEFDC24; margin-right: 7.55px; font-size: 1.5rem; width: 3rem; height: 3rem; display: flex; justify-content: center; align-items: center; border-radius: .6rem;  color: var(--white);}
.her_top_lt li a{display: flex; align-items: center; padding: .5rem 1rem .5rem 0; color: var(--white); font-size: 1.5rem;}  
.hedr_top_flex{align-items: center; justify-content: space-between; padding: 0 0 0 2rem;} 
.her_top_rt ul li{display: inline-block;}
.her_top_rt ul li a{color: var(--white); display: inline-block; padding: .5rem 1.2rem; position: relative;}
.her_top_rt ul li a::before{position: absolute; right: 0; width: .1rem; height: 50%; background: rgba(255, 255, 255, 0.2); content: ""; top: 1rem;}
.her_top_rt ul li:last-child a::before{display: none;}
.her_top_rt ul li a i{margin-right: .5rem;}
.drop-arw::after { position: absolute; right: 3rem; top: 1.2rem; border: none; font-family: "Font Awesome 6 Pro"; content: "\f107"; color: var(--black); font-size: 1.4rem;}
.heder_menu{padding: 1rem 0;}
.headr_top_rt_list{position: absolute; right: 0; top: .6rem;}
.headr_top_rt_list li{display: inline-block;}
.headr_top_rt_list li a{width: 4rem; height: 4rem; border: .1rem solid rgba(0,0,0,.1); display: flex; align-items: center; justify-content: center; margin: 0 1.5rem 0 0; color: #232323; border-radius: 100%;}
.headr_top_rt_list li:last-child a{margin-right: 0;}
.heder_menu .container{max-width: 100%; padding: 0 5rem;}

.header_sec.fixed{position: fixed; left: 0; top: 0; z-index: 9999; background: var(--white); box-shadow: 0 15px 15px rgba(0, 0, 0, 0.05);}
.header_sec.fixed .heder_top{display: none;}




.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; border-radius: .5rem; position: relative;}
.sreach_box.input_fld input[type="text"]{width: 70%; float: left; border-color: transparent; font-size: 2rem; padding: 0 1.5rem 0 0;}
.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: start; justify-content: center; flex-direction: column;}
.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==);}
.search_sec a{cursor: pointer;}


/* marquee_sce */
.marquee_sec{padding: 1rem 0; background-size: 250% auto; border-top: .1rem solid #ccc; border-bottom: .1rem solid #ccc;}
.marquee_sec .container{max-width: 100%;}
.marquee { position: relative; width: 100vw; max-width: 100%; overflow: hidden;}
.track { white-space: nowrap; will-change: transform; animation: marquee 32s linear infinite; width: 100%; display: flex; align-items: center; justify-content: space-between;}
.content{margin: 0 1rem; color: var(--heding); font-size: 2.5rem; line-height: 2.5rem; font-family: "Playfair Display", serif; font-weight: 700; position: relative; padding-left: 6rem; text-transform: capitalize;}
.content::before{position: absolute; right: -6rem; bottom: .7rem; width: 1.2rem; height: 1.2rem; border-radius: 50%; content: ""; background-color: var(--brand); -webkit-text-fill-color: var(--brand);}
.content::after{position: absolute; right: -4.4rem; top: -.5rem; content: "|"; color: var(--brand); -webkit-text-fill-color: var(--brand); transform: rotate(27deg);}
.track li.content:nth-child(2n) {-webkit-text-fill-color: transparent; -webkit-text-stroke-width: .1rem; -webkit-text-stroke-color: var(--heding); }
.track li{display: inline-block;}



   
 /*banner*/  
.bannersec{ width: 100%;}
.bannersec .carousel-control-prev, .bannersec .carousel-control-next{width: 4.5rem; height: 4.5rem; border-radius: 100%; background: #f5f5f5; display: flex; align-items: center; justify-content: center; bottom: inherit; top: 50%; opacity: 1; right: 5rem;}
.bannersec .carousel-control-prev-icon, .bannersec .carousel-control-next-icon{background: transparent; width: auto; height: auto;}
.bannersec .carousel-control-prev-icon::before, .bannersec .carousel-control-next-icon::before{font-family: "Font Awesome 6 Pro"; content: "\f060"; color: var(--black); font-size: 1.5rem; font-weight: 600;}
.bannersec .carousel-control-next-icon::before{content: "\f061";}
.bannersec .carousel-control-prev{left: 5rem; right: inherit; }




/* feature_sec */
.feture_img img{width: 6rem;}
.feture_box{display: flex; gap: 2rem;}
.feature_sec{border-bottom: .1rem solid #eee;}
.feature_sec .container{max-width: 100%; padding: 0 15rem;}
.feature_sec .cumll{border-right: .1rem solid #eee; padding: 3rem;}
.feature_sec .cumll:last-child{border-right-color: transparent;}


/* about_page */
.ab_lt{position: relative; margin-top: 3rem;}
.am_1st_img{display: block; border: .1rem solid #D0D0D0; padding: 1rem;}
/* .am_1st_img img{height: 100%; object-fit: cover;} */
/* .am_2nd_img{position: absolute; left: 0; bottom: -6rem;} */
.since {font-size: 8rem; font-weight: 700; line-height: 6.1rem; display: block; text-transform: uppercase; margin: 3.5rem 0 1.5rem 0; color: transparent; -webkit-text-stroke-width: 2px; -webkit-text-stroke-color: var(--black); text-transform: capitalize;}
.ab_rt{margin: 3rem 0 0 4rem;}
.ab_call_icon{background: var(--heding); width: 4rem; height: 4rem; display: flex; align-items: center; justify-content: center; position: absolute; left: 0; top: 6px; color: var(--white);}
.ab_call_box{position: relative; padding-left: 6rem; margin-top: 1.8rem; display: inline-block;}
.ab_call_txt a{color: var(--black); font-size: 1.8rem; line-height: 1.8rem; display: block;}
.ab_btm_con_btn_list{display: inline-flex; align-items: center; gap: 6rem;}

/* sline_txt */
.count_sec{background: url(../images/bg_img_2.jpg); padding: 0 0 3rem 0;}

.count_sec .counter_box{width: 100%;  text-align: center; margin-top: 3rem;}
.count_sec .counter_box strong{color: var(--white); font-weight: 800; font-size: 7rem; line-height: 5rem;}
.count_sec .counter_box span{text-transform: uppercase; font-size: 2rem; display: block; line-height: 3.5rem; font-weight: 500; letter-spacing: .1rem; text-align: center; width: 100%; color: var(--white); letter-spacing: .2rem;}
.count_sec .counter_box{margin-top: 4rem; position: relative;}
.count_sec .counter_box sup{color: var(--white); top: -2.5rem; font-size: 2.5rem;}


/* categories_sec */
.categories_box{border: .1rem solid #eaeaea; transition: all 0.4s ease; margin-top: 3rem; padding: 1.5rem; border-radius: .5rem; text-align: center;}
.categories_box:hover{background: var(--white); box-shadow: 0 5px 40px rgb(0 0 0 / 7%); -moz-transform: translateY(-5px); -o-transform: translateY(-5px); -ms-transform: translateY(-5px); -webkit-transform: translateY(-5px); transform: translateY(-5px);}
.categories_box a img{width: 5rem !important; margin: 0 auto .5rem auto;}
.dtls_btn{width: 4rem; height: 4rem; border-radius: 100%; display: flex; align-items: center; justify-content: center; color: var(--black); background: #fff2f3;}
.dtls_btn:hover{background: var(--brand); color: var(--white);}
/* .categories_list{display: flex; width: 100%; margin: 0 -1rem; flex-wrap: wrap; justify-content: center;}
.categories_list li{display: inline-block; width: 14%; float: left; padding: 0 1rem;} */
/* .categories_slidr{-webkit-mask-image: linear-gradient(90deg, transparent, #000 20%, #000 80%, transparent);
    mask-image: linear-gradient(90deg, transparent, #000 20%, #000 80%, transparent);} */
.categories_slidr .owl-item{padding: 0 1.5rem 1.5rem 1.5rem;}
/* .categories_slidr{max-width: 80rem; margin: 0 auto;} */

.categories_slidr .owl-nav{display: flex !important; align-items: center; justify-content: space-between; font-size: 0; padding: 3rem 0 0 0;   position: relative;}
.categories_slidr .owl-prev, .categories_slidr .owl-next{width: 4.8rem; border: .1rem solid #5E626F; height: 4.8rem; border-radius: 100%; display: flex; align-items: center; justify-content: center;}
.categories_slidr .owl-prev::before, .categories_slidr .owl-next::before{font-family: "Font Awesome 6 Pro"; content: "\f060"; color: var(--black_2); font-size: 1.5rem;}
.categories_slidr .owl-next::before{content: "\f061";}
.categories_slidr .owl-prev:hover, .categories_slidr .owl-next:hover{background: var(--brand); border-color: transparent; color: var(--white);}
.categories_slidr .owl-nav::before { content: ""; position: absolute; top: 68%; left: 50%; height: .1rem; width: 59%; transform: translate(-50%, -50%); background: var(--brand);}
.categories_txt h4 a{color: var(--black);}
.btm_dot_line{position: relative; display: inline-block; margin: .5rem 0 0 3rem;;}
.btm_dot_line::before{position: absolute; content: ""; width: 3rem; height: .2rem; background: #44577a; left: -30px; top: .1rem;}
.btm_dot_line::after{position: absolute; content: ""; width: 3rem; height: .2rem;  background: #44577a; right: -31px; top: .1rem;}
.dit_btm{width: 0.5rem; height: 0.5rem; display: inline-block; transform: rotate(45deg); background: var(--brand); position: relative;}




/* frst_call_sec */
/* .frst_call_sec{padding: 3rem 0;} */
/* .frst_call_sec .container{max-width: 100%; padding: 0 3rem;} */
/* .frst_call_rt{margin-left: 3rem;}
.frst_call_info{padding: 30px; border: .1rem dashed #E53E3E; border-radius: 6px;} */



/* top_seller */
.serll_box{border: .1rem solid #e6e8ed; padding: 1.5rem; border-radius: .5rem; margin-top: 3rem; transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);}
.serll_box:hover{box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22);}
.serll_txt{padding-top: 1.5rem;}
.new_price{color: var(--brand); font-size: 2rem; font-weight: 600; display: inline-block; margin: 0 .5rem 0 0;}
.old_price{color: var(--body_txt_color); font-size: 1.4rem; display: inline-block;}
.serll_txt h5 a{color: var(--black);}
.serll_img{position: relative; overflow: hidden;}
.serll_img img{-webkit-transition: opacity .5s ease,transform 2s cubic-bezier(0,0,.44,1.18); transition: opacity .5s ease,transform 2s cubic-bezier(0,0,.44,1.18);}
.serll_box:hover .serll_img img{-webkit-transform: scale(1.06); transform: scale(1.06);} 
.on_sale_item{background: var(--brand); display: inline-block; padding: 0 6px; font-size: 12px; font-weight: 600; text-align: center; line-height: 20px; letter-spacing: 1px; text-transform: capitalize; color: var(--white); position: absolute; left: 1rem; top: 1rem; z-index: 1;}

.qty-input { color: #000; background: var(--white); display: flex; align-items: center; overflow: hidden; justify-content: center;}
.qty-input .product-qty, .qty-input .qty-count { background: transparent; color: inherit; font-weight: bold; font-size: inherit; border: none; display: inline-block; min-width: 0; height: 2.5rem; line-height: 1;}
.qty-input .product-qty:focus, .qty-input .qty-count:focus { outline: none;}
.qty-input .product-qty { width: 50px; min-width: 0; display: inline-block; text-align: center; appearance: textfield;}
.qty-input .product-qty::-webkit-outer-spin-button, .qty-input .product-qty::-webkit-inner-spin-button {appearance: none; margin: 0;}
.qty-input .qty-count { padding: 0; cursor: pointer; width: 2.5rem; font-size: 1.25em; text-indent: -100px; overflow: hidden; position: relative; height: 3rem;}
.qty-input .qty-count:before, .qty-input .qty-count:after {  content: "";  height: 2px;  width: 10px;  position: absolute;  display: block;  background: var(--black);  top: 0;  bottom: 0; left: 0; right: 0;  margin: auto;}
.qty-input .qty-count--minus { border-right: .1rem solid #e2e2e2;}
.qty-input .qty-count--add { border-left: .1rem solid #e2e2e2;}
.qty-input .qty-count--add:after { transform: rotate(90deg);}
.qty-input .qty-count:disabled { color: #ccc; background: #f2f2f2; cursor: not-allowed; border-color: transparent;}
.qty-input .qty-count:disabled:before, .qty-input .qty-count:disabled:after { background: #ccc;}
.qty-input { border-radius: .4rem; box-shadow: 0 1em 2em -0.9em rgba(0, 0, 0, 0.7); border: .1rem solid #e2e2e2;}
.serll_txt_mid {align-items: center; justify-content: space-between; border-top: .1rem dashed #ccc; border-bottom: .1rem dashed #ccc; margin-top: 2rem; padding: 1.5rem 0;}

.top_seller .owl-item{padding: 0 1rem 4.5rem 1rem;}
/* .top_seller .container, .best_serler .container{max-width: 100%; padding: 0 10rem;} */
.linr_heading{border-bottom: .1rem solid rgb(238 238 238); padding-bottom: .5rem;}
.top_seller.slider_btn .owl-nav.disabled, .categories_sec.slider_btn .owl-nav.disabled{justify-content: center; margin: 0; position: absolute; right: 0; top: -4.1rem;}



/* shop_call_sec */
.shop_call_sec{background: rgba(229, 62, 62, 0.05); padding: 2rem 0; position: relative; margin-top: 2rem;}
.sale_box_icon img{width: 5rem;}
.sale_box{display: flex; gap: 2rem;}
.shop_call_lt{display: flex; align-items: center; gap: 3rem;}
.ofr_txt h4{font-size: 5rem; color: var(--brand);}
.ofr_txt em{font-size: 1.8rem; text-transform: uppercase; display: inline-block; margin-top: 1rem; font-weight: 600;}
.shop_call_rt_flex{align-items: center; gap: 7rem; justify-content: end;}
.shop_call_rt_flex_lt p em{color: var(--brand);}
.yub_icon{position: absolute; left: 52%; top: -1.1rem; -moz-transform: translateX(-50%); -webkit-transform: translateX(-50%); transform: translateX(-50%); text-align: center;}
.yub_icon img{max-width: 17%; transform: rotate(155deg); -webkit-transform: rotate(155deg);  -moz-transform: rotate(155deg); margin: 0 auto;}


/* best_serler */
.best_serler_info{padding: 0 3rem 3rem 3rem; border-radius: .6rem; background: #F5F6F7; margin-top: 4rem;}
.best_serler_box{background: var(--white); padding: 1.5rem; border-radius: .5rem; display: flex; align-items: center; position: relative; margin-top: 3rem;}
.best_serler_icon a{border: .1rem solid #EAEAEA; height: 13rem; width: 20rem; display: flex; align-items: center; justify-content: center; padding: 1rem;}
.best_serler_icon img{height: 100%; width: 100%; transition: 0.3s; transform: scale(1.01); object-fit: cover;}
.best_serler_txt{display: block; padding-left: 2rem; width: 100%;}
.cart_rt_box a{width: 4rem; height: 4rem; background: var(--brand); color: var(--white); display: flex; align-items: center; justify-content: center; border-radius: 100%;}
.best_serler_txt h5 a{color: var(--heding);}
.ve_all_btn{text-transform: capitalize; font-weight: 500; font-size: 16px; line-height: 28px; color: var(--black) !important; display: inline-flex; align-items: center; gap: 10px; padding: 8px 0; position: absolute; right: 0; top: 1.3rem;}
.ve_all_btn::before{content: "";  width: 50px; height: 2px; position: absolute; left: 0; background-color: var(--black); bottom: 0; -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s;  -ms-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s;}
.ve_all_btn:hover::before{width: 100%; left: auto;}
.ve_all_btn i{transform: translateY(3px) rotate(-45deg); -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -ms-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s;}
.ve_all_btn:hover i{transform: translateY(3px) rotate(0deg);}



/* blog_sec */
.blog_box{margin-top: 6rem; border: .1rem solid #eaeaea; border-radius: .5rem; overflow: hidden;}
.blog_img{position: relative; overflow: hidden;}
.blog_img::after{content: ""; position: absolute; top: 0px; width: 100%; height: 0px; opacity: 1; z-index: 9; pointer-events: none; background: rgba(255, 255, 255, 0.3);}
.blog_img img{transition: 0.4s;}
.blog_box:hover .blog_img img{transform: scale(1.1);}
.blog_box:hover .blog_img::after{height: 100%;  opacity: 0; transition: 0.4s linear;}
.blog_txt_top{background: var(--brand); padding: .5rem 1.5rem;}
.blog_txt_top ul li{color: var(--white); display: inline-block; margin-right: 1.5rem; position: relative; padding-left: 1.5rem;}
.blog_txt_top ul li::before{position: absolute; left: 0; top: 1.1rem; background: var(--white); width: .4rem; height: .4rem; border-radius: 100%; content: "";}
.blog_btm{padding: 1.5rem;}
.blog_btm h4 a{color: var(--black);}
.reading_btn{font-weight: 700; text-transform: uppercase; font-size: 1.4rem; position: relative; color: var(--brand); letter-spacing: .1rem; margin-top: 1rem; display: inline-block;}
.reading_btn::after{margin: 0 1.5rem; content: "\f061"; font-family: "Font Awesome 6 Pro"; transition: all .3s ease-in-out 0s; -webkit-transition: .3s ease-in-out; -moz-transition: .3s ease-in-out; -ms-transition: .3s ease-in-out; -o-transition: .3s ease-in-out;}
.reading_btn:hover::after{padding-left: 1rem; transition: all .3s ease-in-out 0s;-webkit-transition: .3s ease-in-out; -moz-transition: .3s ease-in-out; -ms-transition: .3s ease-in-out; -o-transition: .3s ease-in-out;}
.reading_btn:hover{color: var(--orange);}



/* feed_back_sec */
.feed_back_rt{background-color: var(--white);  padding: 3rem; position: relative;  box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.05);  border-radius: 10px;  text-align: center;}
.fed_back_box{text-align: center;}
.qutin_icon{background: var(--brand); width: 5rem; height: 5rem; border-radius: 100%; display: flex; align-items: center; justify-content: center; color: var(--white); position: relative; margin: 0 auto;}
.qutin_icon::after, .qutin_icon::before{content: ""; position: absolute; top: 50%; width: 6.3rem; height: .1rem; background-color: rgba(25, 53, 45, 0.2);}
.qutin_icon::before{right: -9rem;}
.qutin_icon::after{left: -9rem;}
.person_info{text-align: center; margin-top: 3rem;}
.per_name{text-transform: capitalize; font-size: 2rem; line-height: 2.5rem; color: var(--black); font-family: "Playfair Display", serif;}
.desi_txt{font-size: 1.4rem; line-height: 1.4rem; text-transform: uppercase; display: block;}
.per_img img{width: 9rem !important; height: 9rem !important; border-radius: 100%; margin: 1.5rem auto 0 auto;}
.slider_btn .owl-nav.disabled{display: flex; align-items: center; justify-content: space-between; font-size: 0; margin-top: -4rem; gap: 1rem;}
.slider_btn .owl-prev, .slider_btn .owl-next{width: 4rem; height: 4rem; border: .1rem solid #ddd; display: flex; align-items: center; justify-content: center; position: relative; z-index: 1;}
.slider_btn .owl-prev::before, .slider_btn .owl-next::before{font-family: "Font Awesome 6 Pro"; content: "\f060"; color: var(--black); font-size: 1.5rem;}
.slider_btn .owl-next::before{content: "\f061";}
.feed_back_lt{margin-right: 4rem;}
.cal_img img{width: 5rem; margin: 0 1.5rem 0 0;}
.fed_btm_flex{display: flex; align-items: center; justify-content: space-between;}
.cal_box{ margin-top: 2.5rem;}
.cal_box em{display: block;}
.cal_box a{color: var(--brand); font-weight: 600; font-size: 1.8rem;}



/* news_leter_sec */
.news_leter_sec{position: relative; padding: 3rem 0;}
.news_leter_sec::before{background-image: linear-gradient(180deg, #43232300 0%, #432323 16%); position: absolute; left: 0; top: 0; width: 100%; height: 100%; content: ""; opacity: 0.7;}
.news_leter_info{border: .1rem solid #FFFFFF26; padding: 3rem; position: relative; z-index: 1;}
.ft_news_box .input_fld {border-bottom: .4rem solid rgba(255, 255, 255, 0.2); display: inline-block; width: 100%; margin-top: 1rem; padding-bottom: 1rem;}
.ft_news_box .input_fld input[type="email"]{border: none; width: 70%; float: left; height: 4rem;}
.ft_news_box .as_btn{width: 4rem; color: var(--white); border: none; float: right; height: 4rem; font-size: 2rem; padding: 0; line-height: 4rem; margin-top: 0;}
.ft_news_box .as_btn::before{display: none;}
.ft_news_box .as_btn:hover{color: var(--orange) !important;}


/* 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;} */
/* .search_box .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;}
.input_fld .form-select{background: url(../images/select_arrow.png)no-repeat right 1.2rem center var(--white); background-size: 1.5rem; height: 5rem; padding: 0 1.5rem 0 2.5rem; color: #999; border: .1rem solid #ced4da; height: 3.5rem; font-size: 1.5rem;  border-radius: 1rem; padding: 0 1.5rem; cursor: pointer; width: 100%;}
.input_fld .form-select.form-control:focus{border-color: var(--brand); outline: 0; box-shadow: none; } 
.input_fld button.as_btn{border: none;}


/* footer_sec */
.ft_heding{font-size: 2.2rem; line-height: 2.8rem; text-transform: capitalize; color: var(--white); position: relative; display: inline-block; font-family: "Playfair Display", serif; margin-bottom: 1.5rem;}
.ft_heding::after{background: linear-gradient(270deg, rgba(236, 40, 28, 0) 0%, #EC281C 42.5%); content: ""; height: 2px; width: 100%; position: absolute; bottom: -10px; left: 0;}
.ft_sec{padding: 5rem 0 0 0; position: relative;}
.ft_txt{padding-bottom: 3rem; position: relative; z-index: 1;}
.ft_logo img{width: 25rem;}
.link_list li a{position: relative; display: inline-block; margin: 1rem 0 0 0; color: #a7a8b4; position: relative; padding-left: 2.5rem; text-transform: capitalize;}
.link_list li a::before{position: absolute; content: "\f424"; left: 0px; top: .3rem; font-family: "Font Awesome 6 Pro"; font-weight: 900; font-size: 1.4rem;}
.link_list li a:hover{color: var(--brand);}
.ft_txt p{color: #a7a8b4; padding-top: 1.5rem;}
.ft_top .culmm:nth-child(2) .ft_txt{padding-left: 7rem;}
.ft_con_list li{position: relative; margin-top: 1.8rem; padding-left: 2.8rem; color: #a7a8b4;}
.ft_con_list li a{color: #a7a8b4;}
.ft_con_list li a:hover{color: var(--brand);}
.ft_con_list li i{position: absolute; left: 0; top: .6rem; color: var(--brand);}
.ft_con_list li:first-child{margin-top: 1.5rem;}
.ft_txt iframe{width: 100%; height: 24rem;}
.ft_social_list li{display: inline-block;}
.ft_social_list li a{background: #303743; height: 4.2rem; width: 4.2rem; display: flex; color: var(--white); text-align: center; border-radius: 50%; font-size: 1.6rem; align-items: center; justify-content: center; margin: 1rem .8rem 0 0;}
.ft_social_list li a:hover{background: var(--brand); color: var(--white);}
.ft_btm{padding: 1.5rem 0; border-top: .1rem solid #1F242D; position: relative;}
.ft_btm .d-flex{align-items: center; justify-content: space-between;}
.ft_btm .ft_btm_lt, .ft_btm_rt .ft_botton_rt{color: #a7a8b4;}
.ft_botton_rt a { color: var(--brand) !important; border-bottom: .1rem solid var(--brands) !important;}
.rt_img{position: absolute; right: 0; bottom: 4rem; max-width: 15%; display: block;}
.rt_img img{max-width: 100%;}
.top_lt_img{position: absolute; top: 0; left: 0;}





/* blog_page */
.inner_bannert img{height: 40rem; object-fit: cover;}
.inner_bannert .banner_box{padding: 6rem 0 2rem 0;}
.admin_list_box{background: var(--heding); display: block; padding: .5rem 1rem .5rem 12rem;}
.admin_list_box ul li{display: inline-block; margin-right: 1.5rem; color: var(--white); text-transform: capitalize;}
.admin_list_box ul li:last-child{margin-right: 0;}
.admin_list_box ul li i{padding-right: .2rem;}
.blog_dtls_date{background: var(--brand); display: flex; width: 6rem; height: 6rem; align-items: center; justify-content: center; color: var(--white); flex-direction: column; font-size: 1.8rem; line-height: 2rem; margin: -7rem 0 0 2rem; position: relative;}
.blog_dtls_date em{display: block;}
.blog_dtls_txt{padding-top: 3rem;}
.blog_dtls_haeding{background: #F5F6F7; padding: 1rem 2rem; margin-top: 2rem; border-left: .2rem solid var(--brand);}
.blog_dtls_img_lt{display: block; margin-top: 1.5rem;}
.rect_box{background: #EDF4F2; border: .1rem solid #DDE6E3; padding: 2.55rem;}
.oyjt_blog_dtls_heding{position: relative; border-bottom: .1rem solid #EAEAEA; padding-bottom: 1rem;}
.oyjt_blog_dtls_heding::before{content: ""; position: absolute; width: 6rem; height: .4rem; background: var(--brand); left: 0; bottom: 0; clip-path: polygon(0 0, 90% 0%, 100% 100%, 0% 100%);}
.othr_blog_dtls_date_txt{color: #74787C;}
.othr_blog_dils_rt_txt h4{font-size: 1.8rem;  line-height: 1.333333em; text-transform: capitalize;}
.othr_blog_dils_rt_txt h4 a{color: var(--black);}
.ith_blo_rt_list{position: relative;}
.ith_blo_rt_list li{margin-top: 2rem;}
.othr_blog_dils_rt_img img{width: 8.5rem; height: 8.5rem; object-fit: cover; margin: 0 1.5rem 0 0;}
.frm_box_oth_blog{margin-top: 3rem; border: 1px solid #d3d5d6; padding: 2rem;}
.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%;}

.blog_dtls_call_box{margin-top: 3rem; background: var(--brand); padding: 1.5rem; text-align: center;}
.blog_dtls_call_box a {color: var(--white); font-size: 2.5rem; display: inline-block; padding: 1rem 0 0 0;}
.blog_dtls_lt{margin-right: 2rem;}



/* contact_page */
.inner_con_box{position: relative; margin-top: 3rem; display: block;}
.inner_con_icon{box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.06); background: var(--white); width: 5rem; height: 5rem; display: flex; align-items: center; justify-content: center; position: absolute; left: 0; top: 0; border-radius: 100%; color: var(--black);}
.inner_con_list{display: inline-block; width: 100%;}
.inner_con_list li{width: 50%; float: left;}
.inner_con_txt{display: inline-block; padding-left: 6rem;}
.inner_con_txt em{display: block; text-transform: capitalize; font-size: 1.4rem; line-height: 1.4rem;}
.inner_con_list li a, .inner_con_list li p{color: var(--black);}
.inner_con_flow_box{background: #F5F5F5; padding: 2rem; border-radius: 1rem;}
.inner_con_flow_box{margin-top: 3rem;}
.con_frm_box{box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.1); padding: 2rem; border-radius: 1rem; background: var(--white);}
.frm_label_txt{display: block; color: var(--black); text-transform: capitalize; padding-bottom: .5rem;}
.inner_con_rt{margin-left: 4rem;}
.inner_con_btm_rt{padding: 5rem;}
.inner_con_btm_lt , .inner_con_btm_lt img{height: 100%; object-fit: cover;}
.map_sec iframe{width: 100%; height: 30rem;}



/*---------------------feed_back_page------------------------------------*/
.iner_feed_back_sec .iner_fed_bck_box{background: var(--white); padding: 1.5rem; margin-top: 3rem; box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.1);}
.iner_feed_back_sec .iner_fed_bck_box .fed_back_box{border: .1rem solid var(--brand); padding: 1.5rem;}
.iner_feed_back_sec .iner_fed_bck_box .fed_back_box .person_info{display: flex; align-items: center; justify-content: center; gap: 1.5rem; margin-top: 0;}




/* faq_sec */
.faq_heading{font-size: 1.8rem; text-transform: capitalize; color: var(--black); line-height: 2.8rem;  margin-right: 5rem;}
.faq_number{font-size: 2rem; color: var(--brand); font-weight: 700; line-height: 1; margin-right: 2rem;}
.faq_content .accordion-button:not(.collapsed){background: transparent;}
.faq_content .accordion-button {padding: 2rem 1.25rem;}
.faq_content .accordion-button:focus { box-shadow: inset 0 -1px 0 rgba(0,0,0,.125);}
.faq_content .accordion-button:not(.collapsed)::after {content: "\f068"; background-image: none; }
.faq_content .accordion-button::after{color: var(--brand); width: auto; height: auto; font-size: 1.8rem; background-image: none; font-family: "Font Awesome 6 Pro"; content: "\2b";}
.faq_content .accordion-body { padding: 2rem 1.5rem;}
.lt_faq{margin-right: 5rem;}
.faq_content .accordion-item , .faq_content .accordion-button{background-color: transparent;}




/* product_dertails */
#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;}
.product_dltsrt h4{font-size: 2.2rem; line-height: 2.8rem; margin: 0 0 1rem 0;}
.product_dltsrt{margin-left: 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;}
.minmimun_qutany{margin-top: 2.5rem;} */
/* .mini_txt{display: block; margin-bottom: 1rem; text-transform: capitalize; color: #606060; font-size: 1.4rem; letter-spacing: .2rem;} */
/* .prct_dtls_txt_info{border-top: .1rem dashed #ccc; border-bottom: .1rem dashed #ccc; padding: 1rem 0; margin-top: 2rem;} */
/* .minmi_cart_flex{align-items: center; gap: 7rem; border-top: .1rem dashed #ccc; margin-top: 3rem;}
.minmi_cart_flex .stroe_list {margin-top: 2rem;}
.product_dltsrt .check_sec input[type="radio"] + label {width: 3.5rem; height: 3.5rem;}
.produvt_dtls_flex_btm{align-items: center; justify-content: space-between;}
.produvt_dtls_flex_btm .Product_Categories_box input[type="checkbox"] + label {display: inline-block; padding: 0 1.5rem 0 3.5rem;}
.produvt_dtls_flex_btm .Product_Categories_box{border: none; padding: 0;}
.decly_txt i{color: var(--brand);} */
.pay_ment_list_photo li{display: inline-block; margin: .5rem 1rem 0 0;}
.pay_ment_list_photo li:last-child{margin-right: 0;}
.pay_ment_list_photo li img{width: 4rem;}
.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_dltsrt .as_btn::before {display: none;}
.product_dltsrt .as_btn:hover{background: var(--black_2); color: var(--white);}
/* .tab_list.nav-tabs {border-bottom: none;}
.tab_list .nav-link{border: .1rem solid #7D8088; padding: .8rem 1.2rem; border-radius: .4rem; color: var(--hedaing); font-weight: 600; margin-right: 1.2rem;}
.tab_list .nav-item:last-child .nav-link{margin-right: 0;}
.tab_list .nav-link.active, .tab_list .nav-link:hover{background: var(--brand); color: var(--white); border-color: transparent;}
.tab_contet_box{background: var(--white); padding: 1.6rem; box-shadow: 0px 4px 30px rgba(22, 46, 65, 0.1); margin-top: 1.5rem;}
.tab_contet_box .table > :not(caption) > * > * {padding: 1rem .5rem; border: none; min-width: 18rem;}
.table_sec{border: none;}
.produvt_dtls_and_review_sec .slider_btn .owl-nav {top: -.6rem;}
.pdt_dtls_btn li{display: inline-block; margin: 0 1.5rem 0 0;}
.pdt_dtls_btn li:last-child{margin-right: 0;}
.review_sec .owl-item{padding: 0 1rem;}
.feed_back_sec.review_sec .owl-nav {position: inherit; right: inherit; top: inherit; margin-top: 2rem; justify-content: end;}
.product_dltsrt .rating li {margin: 0 .2rem 0 0 !important;} */
.price_txt {color: var(--brand); font-size: 2.4rem; font-weight: 600; margin: 1.5rem 0 1rem 0; display: block;}
.price_txt del{color: var(--body_txt_color); font-size: 1.4rem;}
.offer_txt { color: green; display: inline-block; font-size: 1.7rem; padding-left: 1rem;}
.rating_dtls_flex { align-items: start; gap: 1rem; margin-top: 1.5rem; flex-direction: column;}
.main_rating_box { background: #FFC107; display: inline-block; color: var(--white); padding: .4rem .4rem .4rem .6rem; border-radius: .3rem; font-weight: 500; font-size: 1.2rem; vertical-align: middle; margin-top: .8rem; line-height: 1.2rem;}
h6 { font-size: 1.7rem; text-transform: capitalize; color: var(--black_2); font-weight: 800; line-height: 2.5rem;}
.prt_dtls_txt{margin-top: 1.5rem;}
.prd_dtsl_list_line li{margin-top: 1rem; position: relative; padding-left: 1.5rem;}
.prd_dtsl_list_line li::before{position: absolute; left: 0; top: .8rem; background: var(--brand); width: .8rem; height: .8rem; border-radius: 100%; content: "";}
.prdt_stlct_sec{margin-top: 3rem;}
.prdt_stlct_sec h4{border-bottom: .1rem dashed #ccc; padding-bottom: 1rem;}
.she_btn{width: 4rem; height: 4rem; background: var(--white); color: var(--black); display: flex; align-items: center; justify-content: center; position: absolute; right: 1.3rem; top: 1.3rem; z-index: 3;}



.ratomg_box{border: .1rem solid #E7E9EB; padding: 1rem 2rem; margin: 3rem -.1rem 0 -.1rem;}
.ratomg_box h4{margin-bottom: .5rem;}
.person_name{font-size: 1.2rem; color: #878787; margin: .8rem 0 0 0; display: block; text-transform: uppercase; font-weight: 600;}
.rating_sec .owl-dots {display: flex; align-items: center; justify-content: center; margin-top: 3rem;}
.rating_sec .owl-dots .owl-dot { background: #C7D0DF; width: 1.8rem; height: 1.8rem; -webkit-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; cursor: pointer; border: .2rem solid transparent; position: relative; margin: 0 .5rem;}
.rating_sec .owl-dots .owl-dot::before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: .1rem solid var(--white); transition: all 0.5s ease;}
.rating_sec .owl-dots .owl-dot.active { background: var(--brand);}




.btn_sec{position: fixed; right: 0; top: 60%; z-index: 99; display: none;}
.rt_fixed_list{background: var(--brand); border-radius: .5rem 0 0 .5rem;}
.rt_fixed_list li a{width: 3.5rem; height: 3.5rem; display: flex; align-items: center; justify-content: center; color: var(--white); border-bottom: .1rem solid rgba(255, 255, 255, 0.2);}


/* about_page */
.innr_ab_mid, .inr_ab_rt{margin-right: 3rem;}
.ab_fratr_list_box{background: #f3f3f3;}
.ab_fratr_list_box h5{color: var(--white); background: var(--brand); padding: 1rem 0; text-align: center;}
.ab_fratr_list{padding: 1.5rem; display: inline-block; width: 100%;}
.ab_fratr_list li{width: 33.333%; float: left; position: relative;  padding-left: 1.5rem;}
.ab_fratr_list li:first-child{margin-top: 0;}
.ab_fratr_list li strong{color: var(--black); display: block; position: relative;}
.ab_fratr_list li::before{position: absolute; left: 0; top: .8rem; width: .8rem; height: .8rem; background: var(--brand); content: ""; opacity: .5;}
.inrt_ab_box{border: .1rem solid #D0D0D0; background: var(--white); padding: 1.5rem; margin-top: 3rem;}
.innr_ab_lt, .innr_ab_lt img{height: 100%; object-fit: cover;}

/* step_sec */
.step_number{display: block; font-size: 11rem; line-height: 8rem; font-weight: 700; color: transparent; -webkit-text-stroke-width: .2rem; -webkit-text-stroke-color: var(--brand);
  text-transform: capitalize; margin-bottom: 2rem;}
.step_box{margin-top: 5rem;}
.step_sub_txt{position: relative; display: block; font-size: 1.4rem; line-height: 2.6rem; text-transform: uppercase; margin-bottom: 1.1rem;}

.vison_amison_box{background: #F8F7F0; box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.5); border-radius: .5rem; padding: 2rem;}
.vison_amison_icon img{width: 5rem; margin: 0 1.5rem 0 0;}

.ab_call_sec{position: relative; background-attachment: fixed !important; text-align: center;}
.ab_call_sec::before{position: absolute; content: ''; background: #121212; width: 100%; height: 100%;  left: 0px; top: 0px; opacity: 0.5;}
.ab_call_sec::after{position: absolute; content: ''; background: linear-gradient(262.53deg, rgba(243, 95, 36, 0.5) 6.39%, rgba(0, 0, 0, 0.5) 54.51%); width: 100%; height: 100%; left: 0px; top: 0px;}
.ab_call_info{position: relative; z-index: 1;}

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





/*-----------------------------------------------------------------------------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: 20%; z-index: 5;}
.card_list ul:after{left: 0; width: 20%;}
.card_list ul li{text-align: center; position: relative; width: 33.333%; 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: 600; 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 .actv:after{position: absolute; right: 0; top: 4.1rem; background: var(--brand); width: 50%; 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;}
.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: 5rem;}
.table_area tr{vertical-align: middle;}
.inner_cart_box {background: var(--white); padding: 3rem; margin: 5rem 0 0 2rem; border-radius: .5rem; box-shadow: 0 .4rem 3rem rgba(22, 46, 65, 0.1);}

.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;}
.tabel_pump{position: relative;}
.cuponbtn .as_btn{margin-right: 1.5rem;}
.cuponbtn .as_btn:last-child{margin-right: 0;}
.log_btm_p.ptb{ padding-bottom: 5rem;}
.pdt_dtls_btn {display: flex; align-items: center; gap: 1.5rem;}

.pdt_dtls_btn.cuponbtn li:last-child .as_btn {background: transparent; color: var(--black); border: .1rem solid #ccc;}
.pdt_dtls_btn.cuponbtn li:last-child .as_btn:hover{color: var(--white);}
.table_area .table td { min-width: 10rem;}



/*---------------------------------------------------------------------cart_page----------------------------------------------------------------------------*/
.delivery_location_box{background: var(--white); padding: 1.6rem; border-radius: .8rem; box-shadow: 0px 4px 30px rgba(22, 46, 65, 0.1);}
/* .delivery_flex.d-flex{margin-top: 1.6rem; position: relative;}
.delivery_lt_icon{margin-right: 1rem;} */
.cooper_box{margin-top: 2rem; display: flex; align-items: center; justify-content: space-between;}
/* .cooper_box .as_btn{border-color: #444955;}
.cooper_box .as_btn:hover{border-color: var(--brand);} */
.card_flex_price{margin-top: 2.4rem;}
.card_product_box{background: var(--white); margin-top: 3rem; box-shadow: 0px 4px 30px rgba(22, 46, 65, 0.1); border-radius: .8rem;}
.quantity_box{display: inline-block; 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: 0; }
.quantity_box .quantity-down {right: 0; }
.quantity_box .quantity-up, .quantity_box .quantity-down{top: .7rem;} 
.quantity_box .quantity-up, .quantity_box .quantity-down{border: .1rem solid #444955; width: 2.4rem; height: 2.4rem; display: flex; align-items: center; justify-content: center; border-radius: .5rem;} 
.quantity_box .quantity-up::before, .quantity_box .quantity-down::before{content: "\2b"; font-family: "Font Awesome 6 Pro"; font-size: 1.4rem; color: #434955;}
.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; background: transparent;}
.card_prdt_list li{display: inline-flex; margin: 2rem 2.4rem 0 0;}
.card_prdt_list li:last-child{margin-right: 0;}
.card_prdt_list li a{color: var(--black); background: #f5f5f5; display: inline-block; padding: .5rem 1rem; font-weight: 600; letter-spacing: .1rem; border-radius: .2rem; text-align: center;}
.card_prdt_list li a:hover{background: var(--brand); color: var(--white);}
.order_box{background: var(--white); box-shadow: 0 .4rem 3rem rgba(22, 46, 65, 0.1); padding: 1.6rem; border-radius: .8rem;}
.summy_list li{margin-top: .9rem; display: flex; align-items: center; justify-content: space-between;}
.total_flex{align-items: center; justify-content: space-between; display: flex; margin-top: 2.4rem; border-top: .1rem solid var(--black); padding-top: .8rem;}
.summary_price{font-size: 2rem; line-height: 3.1rem;}
.order_box h5{font-weight: 400;font-size: 1.8rem; line-height: 2.8rem; margin-top: 2rem; font-weight: 600;}
.order_box .nes_box{border-radius: 0 3rem 3rem 0; display: inline-block; width: 100%; background: #f5f5f5; overflow: hidden; margin-top: 1.5rem;}
.order_box .nes_box.input_fld input[type="text"] { padding: 0 1.5rem 0;  background: transparent; border-radius: 3rem 0 0 3rem; width: 65%; border: none; float: left;}
.order_box .nes_box.input_fld .as_btn{width: 34%; float: right; margin-top: 0; border-radius: 0 2.5rem 2.5rem 0;}
.card_product_box_lt, .card_product_box_lt img { height: 19rem; object-fit: cover;}
.card_product_box_list {border-bottom: .1rem dashed #ccc; padding: 1.5rem;}
.card_top_lt{margin-right: 2rem;}
.card_product_box_list:last-child {border-bottom-color: transparent;}
.card_product_box_rt{margin-left: 2rem;}


/*------------------------------------------------empyt_cart_page------------------------------------------------------------*/
.cart_pdt_dtls_btn li{display: inline-block; margin: 0 1.5rem 0 0;}
.cart_pdt_dtls_btn li:last-child{margin-right: 0;}
.other_btn {background: transparent ; border: .1rem solid #ccc;color: var(--black_2);}


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

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


/* 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: #403b35; display: block;}
.tack_txt a{color: var(--brand);}
.orred_pra_txt{padding: 2rem 3rem;}
.order_img img{max-width: 100%; margin-bottom: 1rem;}
.inner_order .tabel_pump{display: flex; align-items: center;}
.oder_baneer .banner_box {padding: 12.2rem 0 0 0;}
.order_table.table_area .table > :not(caption) > * > * {text-align: center;}
.fixed_sec {  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;}

/* order_summery */
.order_summery_lt{border: .1rem solid #dee2e6; border-radius: .5rem;}
.otdery_heading {position: relative; border-bottom: .1rem solid #dee2e6; padding: 1rem 2rem 1.5rem 1rem;}
.account_list {padding: 1.5rem 2rem;}
.account_list .d-flex {justify-content: space-between; align-items: center;}
.pr_list li {color: var(--black); margin-top: 1.5rem;}
.pr_list li:first-child {margin-top: 0;}
.pr_list li i { color: var(--brand); padding-right: .5rem;}
.benify_list_txt li {position: relative; margin-top: 1.5rem; color: var(--black); font-size: 1.5rem; padding-left: 1.5rem;}
.benify_list_txt li::before {content: ""; background: var(--brand); width: .8rem; height: .8rem; border-radius: 100%; position: absolute; left: 0; top: .9rem;}
.benify_list_txt li:first-child{margin-top: 0;}
.button_sec {align-items: center; justify-content: space-between; border-top: .1rem solid #dee2e6; padding: 1.5rem 2rem;}
.order_summery_lt, .order_summery_rt{margin-top: 3rem;}


/* order_summery2 */
.radio-button-container {color: rgba(0,0,0,0.75); position: relative; padding-left: 3.1rem; line-height: 2.5rem; margin: 0 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;}
.radio-button-container input { position: absolute; opacity: 0; cursor: pointer;}
.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;}
.radio-button-container:hover input ~ .checkmark {border-color: rgba(0,0,0,0.5);}
.radio-button-container input:checked ~ .checkmark { background: rgba(0,0,0,0); border-color: var(--brand);}
.checkmark:after {content: ""; position: absolute; display: none;}
.radio-button-container input:checked ~ .checkmark:after { display: block;}
.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;}

.shipping_sec ul li b{color: var(--brand); text-transform: capitalize; font-size: 2rem; font-weight: 600;}
.shipping_sec ul li{color: var(--black); margin-top: 1rem; position: relative; padding-left: 2.5rem;}
.shipping_sec ul li i{color: var(--brand); position: absolute; left: 0; top: .6rem;}
.shipping_sec ul li:first-child{padding-left: 0;}
.add_new_txt{background: var(--white); color: var(--black) !important; text-transform: capitalize; display: inline-block; padding: 1rem 2rem; border-radius: .5rem; font-size: 1.4rem; font-weight: 600; cursor: pointer; letter-spacing: .1rem; box-shadow: 0 0 1rem rgba(199, 199, 197, 0.6);}
.new_add_sec{display: block; text-align: right;}
.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;}
.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;}

/* order_summery3 */
.or_product_img img {width: 7rem; height: 7rem; object-fit: cover; margin-right: 1.5rem;}
.d-flex.cr_q_txt{margin: 0 0 .5rem 0;}
.or_product_boxes li { margin-top: 2rem;}
.or_product_boxes li:first-child{margin-top: 0;}


/* order_summery4 */
.green_txt { color: var(--brand); display: block; border-top: .1rem dotted #6c757d; padding: 1rem .8rem; margin-top: 1rem; font-weight: 600; text-align: center; }
.log_sing_btn{display: flex;}
.log_sing_btn li{ margin-right: 2rem; align-items: center;}
.log_sing_btn li .as_btn {height: 4rem; line-height: 4rem;}
.log_sing_btn li:last-child{margin-right: 0;}


/* 404_page */
.error_page_info h1{font-size: 24rem; font-weight: 800; 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; width: 100%; flex-direction: column; text-align: center; padding: 0 0 6rem 0;}



/*---------------------------------------------------------------------thank you_page-------------------------------------------------------------------------------------*/
.thank-page-template{background-color: #f2f2f2;}
.thank-you-wrapper{position: relative; }
.thank-you-wrapper{text-align: center;}
.thank-you-page-content{position: relative; float:left; width: 100%; margin: 3rem 0;}
.thank-you-page-logo{float: left; width: 100%;}
.thank-you-page-content h1{position: relative; width: 100%; margin-bottom: 2rem; padding-top: 2rem; font-size: 9rem; line-height: 10rem;}
#check-group { animation: 0.32s ease-in-out 1.03s check-group; transform-origin: center;}
#check-group #check { animation: 0.34s cubic-bezier(0.65, 0, 1, 1) 0.8s forwards check; stroke-dasharray: 0, 75px; stroke-linecap: round; stroke-linejoin: round;}
#check-group #outline { animation: 0.38s ease-in outline; transform: rotate(0deg); transform-origin: center;}
#check-group #white-circle { animation: 0.35s ease-in 0.35s forwards circle; transform: none; transform-origin: center;}



/*---------------------------------------------------------------------------------account_page-------------------------------------------------------------------------*/
.add_box_new{text-align: center; padding: 1.5rem 2rem; width: 100%;}
.contunu_btn:hover{background: var(--black);}
.user_accout_lt{border-right: .1rem solid #ccc; padding: 2rem 0 0 0; height: 100%;}
.tab_list li{text-transform: capitalize; font-weight: 600;}
.tab_list li i{font-size: 1.4rem; vertical-align: middle; padding-right: .5rem;}
.tab_list li a{width: 100%; display: block; padding: 1.5rem 2rem; color: var(--black); border-top: .1rem solid #ececec;}
.tab_list li a:hover{background: var(--brand); color: var(--white);}
.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 rgba(0, 0, 0, 0.05);}
.user_account_info{border: .1rem solid #ccc; border-radius: .5rem;}
.user_account_row{margin: 0;}
.collum{padding: 0;}
.tab_list{margin-top: 2.5rem; text-align: left;}
.user_profiile {flex-direction: column;}
.tab_pane h4{border-bottom: .1rem solid #ccc; padding: 0 0 2rem 0;}
.av_frm_box{padding: 0 2rem 2rem 2rem;}
.wish_heading{width: 100%; height: 68%; display: flex; align-items: center; justify-content: center;}
.password_txt{padding: 0 2rem; color: var(--brand);}
.user_account_info {margin-top: 3rem;}
.tab_content{padding: 2.5rem;}

.shipping_sec h5{margin: .5rem 0 1.5rem 0;}
.my_add_flex{justify-content: space-between;}

.table_area  th{text-transform: capitalize;}
.whish_sec_box .as_btn{height: 4rem; line-height: 4rem; padding: 0 2rem; margin-top: 0;}

.whish_sec_box .table_area {margin: 3rem 0 0;}







/*---------------------------------------------------------------------------------------------------------------------5-4-25------------------------------------------------------------------------------------------------------*/
    .blog_txt_sec{padding: 3rem 0; background: rgba(229, 62, 62, 0.05);}
    .top_seller.ptb {padding: 6rem 0 1.5rem 0;}
    
    
    
/*-------------------------------------------------------------------------------------------12-24-25-----------------------------------------------------------------*/
        /* Base */
.btn-floating:hover img { margin-bottom: -3px}

.btn-floating {position: fixed; left: 25px; overflow: hidden; width: 50px;  height: 50px;  border-radius: 100px;  border: 0;  z-index: 9999; color: white; transition: .2s; -webkit-animation: float 6s ease-in-out infinite;
  animation: float 6s ease-in-out infinite;}

.btn-floating:hover { width: auto;  padding: 0 20px;  cursor: pointer;}

.btn-floating span {  font-size: 16px;  margin-left: 5px;  transition: .2s;  line-height: 0px;  display: none;}

.btn-floating:hover span {  display: inline-block;}

/* Phone */
.btn-floating.phone {  bottom: 85px;  background: linear-gradient(90deg, rgba(237,28,36,1) 0%, rgba(237,82,28,1) 100%);}

.btn-floating.phone:hover { background-color: #c03421;}

/* WhatsApp */
.btn-floating.whatsapp { background-color: #34af23; bottom: 25px; }

.btn-floating.whatsapp:hover { background-color: #1f7a12}


@keyframes float {
	0% {
		box-shadow: 0 5px 15px 0px rgba(0,0,0,0.6);
		transform: translatey(0px);
	}
	50% {
		box-shadow: 0 25px 15px 0px rgba(0,0,0,0.2);
		transform: translatey(-20px);
	}
	100% {
		box-shadow: 0 5px 15px 0px rgba(0,0,0,0.6);
		transform: translatey(0px);
	}
}








































@media (min-width: 1200px) 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 var(--brand); 
        background:#fff !important; width: 25rem; padding: 0; border-radius: .5rem; left: 0; right: inherit; padding: .5rem .8rem .8rem; box-shadow: inherit; }
    
    .nav_top .dropdown:hover .dropdown-menu { max-height: 25rem !important; overflow-y: auto; opacity: 1; visibility: visible; }

}

/* responsive */
@media only screen and (max-width: 1499px){
    .yub_icon {top: 1.4rem;}
}

@media only screen and (max-width: 1399px){
    .menu_sec{margin-right: 19rem;}
    /*.yub_icon {left: 44%; top: -.9rem;}*/
    .fed_btm_flex {align-items: start; flex-direction: column;}
    .sale_box_txt h2 {font-size: 3rem; line-height: 4rem;}
    .categories_sec .serll_txt h5{font-size: 1.8rem; line-height: 2.2rem;}
}

@media only screen and (max-width: 1299px){
  .feature_sec .container {padding: 0 0rem;}
  .ft_top .culmm:nth-child(2) .ft_txt {padding-left: 4rem;}
  .since { font-size: 7rem; line-height: 5.1rem; margin: 2.5rem 0 1.5rem 0;}

  /*--------------------------------------------------------------------------------product_page------------------------------------------------------------*/
  .inrr_prdt_list .serll_txt h5{font-size: 1.8rem; line-height: 2.3rem;}
  
}

@media only screen and (max-width: 1199px){
  .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;}
  .headr_top_rt_list {right: 4.6rem;}
  .nav_top .navbar-collapse.show{left: 0;}
  .nav_top .navbar-collapse{position: fixed; top: 0; left: -30.10rem; background: var(--white); z-index: 999999; width: 20.80rem; 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; border-right: .5rem solid var(--brand);}
  .menu_sec {margin-right: 0;}
  .menu_sec li a{display: block; padding: 1.5rem; width: 100%; border-bottom: .1rem dashed #ccc;}
  .drop-arw::after{padding: .5rem; right: 0;}
  /* .am_1st_img { margin-left: 5rem;} */
  .ab_rt{margin: 3rem 0 0 0;}
  .d-flex.shop_call_rt_flex{margin-top: 1rem;}
  .shop_call_lt,  .d-flex.shop_call_rt_flex{justify-content: center;}
  .yub_icon{left: 19px; top: -.9rem; transform: inherit; text-align: left;}
  .best_serler_box {flex-direction: column; align-items: start;}
  .best_serler_txt {padding-left: 0;}
  .best_serler_icon {margin-bottom: 1.5rem;}
  .best_serler_icon a{width: 100%; height: auto;}

  /*-----------------------------------------------------------------------------check_out_page----------------------------------------------------------------------------------*/
  .inner_cart_box {margin: 5rem 0 0 0;}


  /*---------------------------------------------------------------------cart_page----------------------------------------------------------------------------*/ 
  .card_top_lt {margin: 0 0 2rem 0;}
   

   /* order_page */
   .fixed_sec {position: inherit; top: inherit; bottom: inherit;}
 
   /* check_out_page */
   .cart_box {margin: 3rem 0 0 0;}
   .inner_cart_box {margin: 3rem 0 0 0;}
   .count_sec .counter_box span {font-size: 1.8rem;}
}

@media only screen and (max-width: 991px){
    
  .feture_box {flex-direction: column; gap: 1rem;}
  
  .count_sec .counter_box strong {font-size: 6rem; line-height: 4rem;}
  h1, h2 {font-size: 3rem; line-height: 4rem;}
  .count_sec {margin-top: 0;}
  .am_1st_img, .am_1st_img img{height: auto;}
  .ve_all_btn { top: 0;}
  .feed_back_lt {margin: 0 0 3rem 0; }
  .ft_top .culmm:nth-child(2) .ft_txt {padding-left: 0;}
  .ptb{padding: 5rem 0;}
  .inner_ptb{padding: 2rem 0 5rem 0;}
  .heder_menu .container {padding: 0 3rem;}


  /*-----------------------------------------------------------------------------------about_page---------------------------------------------------------------*/
  .vison_amison_box{margin-top: 3rem;}
  .innr_ab_lt, .innr_ab_lt img {height: auto;}
  .innr_ab_lt{margin-top: 2rem;}
  .innr_ab_mid, .inr_ab_rt {margin-right: 0;}

  /*-------------------------------------------------------------------------------contact_page-------------------------------------------------------------*/
  .inner_con_rt {margin: 3rem 0 0 0;}
  .inner_con_btm_rt {padding: 3rem;}


  /*-----------------------------------------------------------------------blog_dtls_page--------------------------------------------------------------------*/
  .blog_dtls_lt {margin: 0 0 2rem 0;}

  /*-------------------------------------------------------------------product_dtls_page-----------------------------------------------------------*/
  .product_dltsrt {margin: 2rem 0 0 0;}

  /* cart_page */
  .card_prdt_list li {margin: 2rem 2rem 0 0;}


  /*---------------------------------------------------------------------------------account_page-------------------------------------------------------------------------*/
  .my_add_flex{flex-direction: column;}
  .my_add_flex .new_add_sec{margin-top: 3rem;}
  
  /*---------------------------------------------------------------------------------3-4-25-----------------------------------------------------------------------------*/
    .feture_txt h5 {font-size: 1.8rem; line-height: 2.8rem;}
    
/*------------------------------------------------------------------------------------------------------------------------------5-4-25------------------------------------------------------------------------------------------*/
    .top_seller.ptb {padding:5rem 0 .5rem 0;}
    .blog_box {margin-top: 5rem;}



  
    
}

@media only screen and (max-width: 767px){
    
    .container, .heder_menu .container{max-width: 100%; padding: 0 1.5rem;}
    .bannersec .carousel-control-prev {left: inherit; right: 6rem;}
    .bannersec .carousel-control-next{right: 1rem;}
    .bannersec .carousel-control-prev, .bannersec .carousel-control-next {top: inherit; bottom: 1rem;}
    .feature_sec .cumll {border-bottom: .1rem solid #eee; padding: 3rem;}
    /*.yub_icon img {max-width: 63%;}*/
    .ptb{padding: 4rem 0;}
    .inner_ptb{padding: 1rem 0 4rem 0;}
    .inner_bannert .banner_box {padding: 3rem 0 1rem 0;}

  /*-----------------------------------------------------------------------------check_out_page----------------------------------------------------------------------------------*/
    .table_area .table td:first-child {min-width: 28rem;}
    .table_area .table td {min-width: 11rem;}

  /*---------------------------------------------------------------------cart_page----------------------------------------------------------------------------*/ 
  .cooper_box {flex-direction: column; align-items: start;}
  .cooper_box .cooper_box_lt{margin-bottom: 1rem;}
  .cooper_box .as_btn{width: 100%;}
  .card_prdt_list li {margin: 2rem 0.4rem 0 0; font-size: 1.4rem;}


  /* cart_page */
  .cooper_box {align-items: start; justify-content: space-between; flex-direction: column;}
  .cooper_box .as_btn.mt-0{margin-top: 1.5rem !important; width: 100%;}
  
  .card_product_box_rt h4{font-size: 2rem; line-height: 2.5rem;}
  .card_prdt_list li:first-child{display: block; margin-top: 1.5rem;}
  .card_prdt_list li {margin: 1rem 1.5rem 0 0;}
  .card_product_box_lt, .card_product_box_lt img {height: 27rem;}

  /* check_out_page */
  /* .table_area .table td {min-width: 10rem;} */
  .table_area .table td:nth-child(3) {min-width: 14rem;}
  .table_area .table td:first-child {min-width: 26rem;}
  .table_area {margin: 2rem 0 0;}

  /* oder_summery_2 */
  .oder_summery_2.account_list .d-flex{flex-direction: column;}
  .oder_summery_2 .new_add_sec{margin-top: 2.5rem;}


  /*---------------------------------------------------------------------------------account_page-------------------------------------------------------------------------*/
  .user_account .tab_list{display: inline-block; width: 100%; }
  .user_account .tab_list li{padding: 0 1rem;}
  .user_account .tab_list li a{width: 50%; float: left; border: .1rem solid #ececec;}
  .user_account .tab_list li:last-child a{width: 100%; border-top: .1rem solid #ececec; border-bottom: .1rem solid #ececec; text-align: center;}
  .wish_heading {height: auto;}
  
  /*---------------------------------------------------------------------------------3-4-25-----------------------------------------------------------------------------*/
    .feture_txt{margin: -7rem 0 0 8rem;}
    .yub_icon { left: 1.9rem; top: inherit; bottom: 1.1rem;}
    .shop_call_sec {margin-top: 0;}
    .yub_icon img { max-width: 14%;}
    
    
/*------------------------------------------------------------------------------------------------------------------------------5-4-25------------------------------------------------------------------------------------------*/
    .top_seller.ptb {padding: 4rem 0 0 0;}
    .blog_box {margin-top: 4rem;}
    .top_seller .owl-item {padding:0 1rem 4rem 1rem;}
    
    

    
}


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

  .her_top_rt ul li {font-size: 1.4rem;} 
  .top_mail_iocn {margin-right: 0;} 
  .heder_top{padding: .2rem 0;}
  .nav_top .navbar-brand img {width: 16rem;}
  .top_mail_txt{display: none;}
  .headr_top_rt_list{display: none;}
  .feature_sec .cumll {padding: 2rem;}
  .am_2nd_img {max-width: 70%;}
  h1, h2 {font-size: 2.5rem; line-height: 3.5rem;}
  .ab_btm_con_btn_list {gap: 0; flex-direction: column;}
  .ab_btm_con_btn_list li{display: block; width: 100%;}
  .ab_btm_con_btn_list .as_btn{width: 100%;}
  .since {font-size: 5rem; line-height: 1.1rem;}
  .count_sec .counter_box strong {font-size: 4rem; line-height: 3rem;}
  .top_seller.slider_btn .owl-nav.disabled, .categories_sec.slider_btn .owl-nav.disabled {position: inherit; right: inherit; top: inherit;}
  .categories_sec.slider_btn .owl-nav.disabled{margin-top: 2rem;}
  .top_seller .owl-item {padding: 0 1rem 2.5rem 1rem;}
  .d-flex.shop_call_rt_flex, .shop_call_lt{flex-direction: column; gap: 1rem;}
  .shop_call_lt{gap: 0; text-align: center;}
  /*.yub_icon img {max-width: 35%;}*/
  .yub_icon {left: 15px; top: -2.9rem;}
  .ve_all_btn{position: relative; right: inherit; top: inherit; margin-top: 1.5rem; }
  .al_btn{display: block; width: 100%; text-align: center;}
  .best_serler_info {padding: 0 2rem 2rem 2rem;}
  .blog_btm h4{font-size: 2.2rem; line-height: 3.2rem;}
  .news_leter_info{padding: 2rem;}
  .inner_ptb{padding: 2rem 0 4rem 0;}
  .ft_btm .d-flex{flex-direction: column;}
  .since{margin-top: 2.5rem;}
  .btn_sec{display: block;}
  .srchopen .srchopen_info {padding: 5% 5%;}
  .sreach_box.input_fld button {width: 13%;}


  /*-------------------------------------------------------------------------about_page--------------------------------------------------*/
  .ab_fratr_list li {width: 100%; margin-top: 1rem;}
  .step_number { font-size: 9rem; line-height: 7rem; margin-bottom: 1rem;}


  /*--------------------------------------------------------------------------contact_page----------------------------------------------------*/
  .inner_con_list li { width: 100%;}
  .inner_con_btm_rt {padding: 2rem;}
  .map_sec iframe {height: 20rem;}


  /*-------------------------------------------------------------------------------feed_bcak_page-----------------------------------------------------*/
  .iner_feed_back_sec .iner_fed_bck_box .fed_back_box .person_info {margin-top: 0; flex-direction: column; margin-top: 1.5rem;}

  /*-----------------------------------------------------------------------blog_dtls_page--------------------------------------------------------------------*/
  .blog_dtls_haeding h4{font-size: 2.2rem; line-height: 3.2rem;}
  .rect_box{padding: 2rem;}
  .blog_dtls_date {margin: -7rem 0 0 1rem;}
  .admin_list_box { padding: .5rem 1rem .5rem 8rem;}
  .admin_list_box ul li{font-size: 1.5rem; line-height: 1.5rem;}


  /*-----------------------------------------------------------------------------check_out_page----------------------------------------------------------------------------------*/
  .table_area { margin: 2rem 0 0;}
  /* check_out_page */
  .card_list ul li a i {width: 5.6rem; height: 5.6rem; font-size: 2rem;}
  .card_list ul li a span {font-size: 1.1rem;}
  .card_list ul li::before, .card_list ul .actv::after {top: 2.6rem;}
  .table_area {margin: 1rem 0 0;}
  /* .tabel_pump li img { width: 5rem; top: -.6rem; }
  .tabel_pump li {padding-left: 2.3rem;} */
  .table_area .table td:first-child {min-width: 27rem;}
  .cuponbtn .as_btn {padding: 0 1rem; margin-top: 1.5rem;}
  .cart_box {padding: 2rem;}
  .tabel_pump li h6{font-size: 1.5rem;}
  .tabel_pump li { margin-right: .5rem;}
  .pdt_dtls_btn {gap: 0; flex-direction: column;}
  .pdt_dtls_btn .as_btn{width: 100%;}
  .pdt_dtls_btn li{margin: 0; display: block; width: 100%;}
  .pdt_dtls_btn li:last-child .as_btn{margin-top: 1.5rem;}
  .inner_cart_box {margin: 2rem 0 0 0;}


  /*------------------------------------------------empyt_cart_page------------------------------------------------------------*/
  .cart_pdt_dtls_btn li{display: block; margin: 0;}
  .cart_pdt_dtls_btn li:last-child .as_btn{margin-top: 1.5rem;}

  /*---------------------------------------------------------------------cart_page----------------------------------------------------------------------------*/ 
  .card_product_box_rt{margin: 1rem 0 0 0;}
  .card_prdt_list li:last-child{display: block;}
  .card_prdt_list li:last-child a{width: 100%;}
  .order_box .nes_box.input_fld .as_btn{width: 100%; margin-top: 1.5rem; border-radius: 2.5rem;}
  .order_box .nes_box.input_fld input[type="text"] {border-radius: 2.5rem; width: 100%; border: .1rem solid #ced4da; float: none;}
  .order_box .nes_box {padding: 1rem; border-radius: .5rem;}


  /*-------------------------------------------------------------------loging_page--------------------------------------------------------------*/
  .log_box{flex-direction: column; align-items: start !important;}
  .ms-4.log_txt{margin: 1rem 0 0 0 !important;}
  .contact_rt{padding: 2rem;}

  /*--------------------------------------------------------------------order_summery-------------------------------------------------------*/
  .account_list .d-flex{flex-direction: column; align-items: start;}
  .pr_list{margin-bottom: 2rem;}
  .button_sec{flex-direction: column;}
  .button_sec  span, .button_sec span .as_btn, .button_sec span .view_btn{width: 100%; display: block; text-align: center;}
  .button_sec .as_btn.other_btn.mt-0{margin-top: 1.5rem !important;}
  .button_sec span .view_btn{margin-top: 1rem;}
  .card_list ul li a span {padding-top: .4rem;}
  .ades_fom {padding: 2.5rem 2rem 2rem 2rem;}
  .back_button {top: 1rem;}
  .button_sec  .as_btn{padding: 0 2rem;}
  .order_summery_lt{margin-top: 2rem;}

  /*------------------------------------------------------------------------order_summery3------------------------------------------------*/
  .d-flex.align-items-center.or_product_box{align-items: start !important;}
  .or_product_img img {margin: 0 0 1.5rem 0;}
  .or_product_box .or_product_img , .or_product_box .or_product_img img{width: 100%; height: auto;}
  .hd_flex, .exet_flex {padding: 2rem;}
  .ms-3.or_product_txt{margin-left: 0 !important;}


  /*----------------------------------------------------------------order_summery4-----------------------------------------------------------*/
  .log_sing_btn{margin-bottom: 1rem;}

  /*----------------------------------------------------------------------error_page----------------------------------------------------*/
  .error_page_info h1 {font-size: 16rem; line-height: 16rem;}


  /*---------------------------------------------------------------------thank you_page-------------------------------------------------------------------------------------*/
  .thank-you-page-content h4{font-size: 2rem; line-height: 3rem;}


  /*---------------------------------------------------------------------------------account_page-------------------------------------------------------------------------*/
  .tab_list li i {padding: 0 0 .5rem 0; display: block;}
  .user_account .tab_list li a{padding: 1.5rem 1rem; text-align: center;}
  .tab_pane h4 {padding: 0 0 1rem 0;}
  .wish_heading h2{font-size: 2rem; line-height: 3rem;}
  
  /*---------------------------------------------------------------------------------3-4-25-----------------------------------------------------------------------------*/
     .feature_sec .cumll {padding: 2rem 1.5rem;}
     .feture_img img {width: 5.5rem;}
     .feture_txt {margin: -7rem 0 0 7rem;}
     .count_sec .counter_box span {font-size: 1.6rem;}
     .bannersec .carousel-control-prev {right: 5rem;}
     .bannersec .carousel-control-prev, .bannersec .carousel-control-next {width: 3.5rem; height: 3.5rem;}
     .top_seller.ptb.pb-0{padding-bottom: 4rem !important;}
     .sale_box {gap: 1rem;}
     .sale_box_icon img {width: 3rem;}
     .yub_icon img {max-width: 21%;}
     
/*------------------------------------------------------------------------------------------------------------------------------5-4-25------------------------------------------------------------------------------------------*/
    .top_seller.ptb {padding: 4rem 0;}
    .blog_txt_sec{margin-bottom: 1rem;}


  .best_serler_info, .best_serler_box, .blog_box, .serll_box, .step_box, .vison_amison_box, .iner_feed_back_sec .iner_fed_bck_box, .ab_rt, .ab_lt{margin-top: 2rem;}
    
}

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

}