@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.5rem/2.4rem 'Roboto', sans-serif; color: var(--text_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;}
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; }


:root{
    --black: #262626;
    --white: #ffff;
    --brand: #FF0061;
    --yellow: #FAC213;
    --sky_blue: #EFF1F5;
    --text_color: #7A7A7A;
    --sky: #B3E2EF;
    --green: #678E61;
    --border: #EAEBED;
    --border: #E9E9E9;

}



em{font-style: normal;}
p{font-family: "Roboto"; letter-spacing: .1rem; line-height: 2.5rem;}
h1,h2{font-size: 3rem; text-transform: capitalize; font-weight: 700; letter-spacing: .1rem; line-height: 4rem; color: var(--black); font-family: 'EB Garamond';}
h3,h4{text-transform: capitalize; font-weight: 700; letter-spacing: .1rem; line-height: 3rem;}
.ptb{padding: 7rem 0;}
.inner_ptb{padding: 4rem 0 7rem;}
p{line-height: 2.5rem; text-transform: capitalize;}
.heding{text-transform: uppercase; border-style: dashed; border-width: .1rem 0 .1rem 0; border-color: var(--brand); padding: .5rem 0 .5rem 0; color: var(--brand); font-weight: 700; line-height: 3rem; font-size: 1.6rem; margin-bottom: .5rem; display: inline-block;}



.click_btn{position: relative; display: inline-block; background-color: var(--yellow); border: none; cursor: pointer; height: 5rem; line-height: 5rem; text-align: center; text-transform: capitalize; color: var(--white); letter-spacing: .1rem; font-weight: 600; margin-top: 3rem; border-radius: .5rem;}
.click_btn::before{right: 50%; bottom: 0; transition: width 0.2s 0.35s ease-out; width: 15%; height: 2px; background-color: var(--brand); z-index: 2; position: absolute; content: "";}
.click_btn:hover::before, .click_btn:hover::after{width: 50%; transition: width 0.2s ease-in;}
.click_btn::after{left: 50%; bottom: 0; transition: width 0.2s 0.35s ease-out; width: 15%; height: 2px; background-color: var(--brand); z-index: 2; position: absolute; content: "";}
.click_btn span{color: var(--brand) !important; background-color: rgb(245,245,245); position: relative; display: inline-block; font-size: 1.6rem !important; top: 0; left: 0; width: 100%; padding: 0 3rem; transition: 0.3s; padding-bottom: 0;}
.click_btn span:hover{color: rgb(54, 56, 55);}
.click_btn span::before{bottom: 0; left: 0; border-left: .2rem solid var(--brand); border-top: .2rem solid var(--brand); width: 0%; height: 0%; background: transparent; opacity: 0; z-index: 2; transition: width 0.2s ease-in, height 0.15s 0.2s linear, opacity 0s 0.35s; position: absolute; content: "";}
.click_btn span:hover::before{width: 50%; height: 96%; opacity: 1; transition: height 0.2s 0.2s ease-in, width 0.2s 0.4s linear, opacity 0s 0.2s;}
.click_btn span::after{bottom: 0; right: 0; border-right: .2rem solid var(--brand); border-top: .2rem solid var(--brand); width: 0%; height: 0%; background: transparent; opacity: 0; z-index: 2; transition: width 0.2s ease-in, height 0.15s 0.2s linear, opacity 0s 0.35s; position: absolute; content: "";}
.click_btn span:hover::after{width: 50%; height: 96%; opacity: 1; transition: height 0.2s 0.2s ease-in, width 0.2s 0.4s linear, opacity 0s 0.2s;}









/*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%; position: relative;}
.heder_top .d-flex{align-items: center; justify-content: space-between;}
.nav_top{border: none; min-height: auto; box-shadow: none; border-radius: 0px;}
.navbar-brand img{width: 22rem;}
.menu_sec li a{display: inline-block; padding-right: 2rem; color: var(--black);}
.menu_sec li:last-child a{padding-right: 0;}
.menu_sec li a:hover,.menu_sec li.active a{color: var(--brand);}
.menu_sec li{position: relative; text-transform: capitalize; font-size: 1.8rem; letter-spacing: .1rem; font-weight: 600;}
.hedder_rt_box li a{color: var(--black);}
.header_sec ul li{display: inline-block;}
.top_rt ul li{color: var(--black); border-right: .1rem solid rgba(255, 255, 255, 0.5); padding-right: 1rem; margin-right: 1rem;}
.top_rt ul li:last-child{border-right: none; padding-right: 0; margin-right: 0;}
.hedder_rt_box li i{font-size: 1.4rem; padding-right: .5rem;}
.hedder_rt_box li span{position: relative; display: inline; font-weight: 600; text-transform: capitalize;}
.hedder_rt_box{position: relative;}
.menu_sec{position: relative;}
.hedder_rt_box li:last-child{margin-right: 0;}
.heder_top ul li a:hover{color: var(--yellow);}
.icon_bar{position: absolute; right: 0; top: 0; display: flex;}
.icon_bar img{width: 5rem; -moz-transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; -moz-animation: blink normal 1.5s infinite ease-in-out; -webkit-animation: blink normal 1.5s infinite ease-in-out; -ms-animation: blink normal 1.5s infinite ease-in-out; animation: blink normal 1.5s infinite ease-in-out;}
.call_img{padding-right: 1.5rem;}
.icon_bar ul li a{color: var(--blue); font-size: 1.7rem;}
.icon_bar ul li b{width: 100%; display: inline-block; text-transform: capitalize; color: var(--yellow); font-size: 1.5rem;}
.icon_bar ul li a:hover{color: var(--brand);}
.top_lt{position: relative; z-index: 1;}
.top_lt p{color: var(--black); font-size: 1.5rem; text-transform: capitalize;} */
/* .heder_top::before{content: ""; position: absolute; top: 0; right: 65%; transform: skew(-37deg); width: 100%; background: var(--blue); height: 100%;} */
/* .heder_top{position: relative; padding: 1rem 0; text-align: center;}
.menu_sec{padding-right: 25rem;}
.header_menu{padding: 1.5rem 0; position: relative;}
.header_menu::before{clip-path: polygon(0 0, 100% 0, calc(100% - 96px) 100%, 0% 100%); content: ""; position: absolute; inset: 0; background-color: var(--bg_1); top: 0; right: 66%;}
.header_sec.fixed{position: fixed; left: 0; top: 0; z-index: 99; background: var(--white); box-shadow: 0 0 .7rem 0 #ccc;}
.header_sec.fixed .nav_top .navbar-brand {margin-top: 0;}
.header_sec.fixed .heder_top{display: none;}
.header_sec.fixed .header_menu::before{display: none;}    
.top_center p{color: var(--black);}   
.header_sec .container-fluid{padding: 0 5rem;} */


.header_sec{position: relative; width: 100%; z-index: 41;}
.header_sec::before{content: ""; position: absolute; top: 0; right: 30rem; background: var(--border); height: 100%; width: .1rem; /* transform: rotate(10deg); */}
.header_sec::after{content: ""; position: absolute; top: 0; left: 30rem; background: var(--border); height: 100%; width: .1rem; /* transform: rotate(-10deg); */}
.heder_top{border-bottom: .1rem solid var(--border); position: absolute; top: 0; left: 0; right: 0; padding: 1rem 2rem; margin: 0 30rem 0 30rem;}
.heder_top .d-flex{align-items: center; justify-content: space-between;}
.top_lt{position: relative; z-index: 3;}
.heder_top ul li:last-child{margin-right: 0;}
.heder_top ul li{display: inline-block; position: relative;}
.heder_top ul li{display: inline-block; position: relative;}
.heder_top ul li{color: var(--black);}
.heder_top ul li a{color: var(--text_color); font-weight: 700;}
.header_sec .sticky-wrapper{padding: 4rem 4rem 0; transition: 0.4s ease-in-out;}
.header_menu{position: relative; padding: 3rem 0;}
.navbar-brand img{width: 24rem;}
.img_flud{position: absolute; left: 0; top: -4rem;}
.appointment{position: absolute; right: 0; top: 0;}
.menu_sec{padding-right: 15rem;}
.menu_sec li{position: relative; text-transform: capitalize; font-size: 1.8rem; letter-spacing: .1rem;}
.menu_sec li a{display: inline-block; padding-right: 2rem; color: var(--black); font-weight: 600;}
.appointment{position: absolute; right: 2rem; top: -4rem; display: flex;}
.appointment img{width: 5rem; -moz-transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; -moz-animation: blink normal 1.5s infinite ease-in-out; -webkit-animation: blink normal 1.5s infinite ease-in-out; -ms-animation: blink normal 1.5s infinite ease-in-out; animation: blink normal 1.5s infinite ease-in-out;}
.appointment ul li a{color: var(--brand); font-size: 1.7rem;}
.appointment ul li b{width: 100%; display: inline-block; text-transform: capitalize; color: var(--yellow); font-size: 1.5rem;}
.appointment ul li a:hover{color: var(--brand);}
.hedder_rt_box li a{color: var(--yellow) !important;}
.hedder_rt_box li i{font-size: 1.7rem; padding-right: 1rem; padding-left: 1rem;}
.hedder_rt_box li span{position: relative; display: inline; font-weight: 600; text-transform: capitalize;}
.hedder_rt_box{position: relative;}
.hedder_rt_box li:last-child{margin-right: 0;}
.call_img{padding-right: 1rem;}
.hedder_rt_box li{border-right:  .1rem solid var(--border);}
.hedder_rt_box li:last-child i{padding-right: 0;}
.hedder_rt_box li:last-child{border-right: 0;}

.menu_sec li:last-child a{padding-right: 0;}
.menu_sec li a:hover,.menu_sec li.active a{color: var(--brand);}
.hedder_rt_box li:first-child i{padding-left: 0;}




.header_sec.fixed{position: fixed; left: 0; top: 0; z-index: 99; background: var(--white); box-shadow: 0 0 .7rem 0 #ccc;}
.header_sec.fixed .nav_top .navbar-brand {margin-top: 0;}
.header_sec.fixed .heder_top{display: none;}
.header_sec.fixed .header_menu::before{display: none;}
.header_sec.fixed .sticky-wrapper{padding: 3rem 4rem 0;}
.header_sec.fixed .header_menu{padding: 3rem 0;}







   
/*banner*/  
.bannersec{width: 100%;}
.banner_img img{max-width: 100%; height: 55rem; object-fit: cover;}
.banner_txt em{width: 100%; display: inline-block; font-size: 3rem; line-height: 3rem; font-weight: 700; font-family: 'EB Garamond'; text-transform: capitalize; color: var(--yellow); letter-spacing: .1rem; padding-bottom: 1rem;}
.banner_txt strong{width: 100%; display: inline-block; font-size: 4rem; line-height: 5rem; font-weight: 600; font-family: 'EB Garamond'; text-transform: capitalize; color: var(--white); letter-spacing: .1rem;}
.banner_txt p{color: var(--white);}
.banner_box .row{align-items: center;}
.banner_box{position: relative; border-radius: 1rem; padding: 15rem 0;}
.banner_box::before{background: rgba(0, 0, 0, 0.1) none repeat scroll 0 0; content: " "; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 0; border-radius: 1rem;}
.banner_txt{padding: 0 0 0 4rem;}
.banner_rt_txt span{width: 100%; display: inline-block; text-transform: capitalize; color: var(--brand); font-size: 2rem; font-weight: 700; padding-bottom: 1rem;}
.banner_rt_txt strong{width: 100%; display: inline-block; text-transform: capitalize; color: var(--green); font-size: 2rem; font-weight: 700;}
.banner_rt_fst .row{align-items: center;}
.banner_rt_txt{padding: 0 0 0 4rem; overflow: hidden; transition: all 1s cubic-bezier(0,0,.1,1); transition-delay: 0s; transition-delay: .1s;}
.banner_rt_fst{position: relative; transition: all 0.3s ease-out 0s; -webkit-transition: all 0.3s ease-out 0s; padding: 6rem 4rem; border-radius: 1rem; box-shadow: 0 .5rem 1rem 0 rgba(91,91,91,.1);}
.banner_rt_fst::before{position: absolute; top: 2rem; bottom: 2rem; left: 2rem; right: 2rem; content: ""; transform: scaleX(0); -webkit-transform: scaleX(1); transition: all 0.3s ease-out 0s; -webkit-transition: all 0.3s ease-out 0s; z-index: 1; border: .1rem solid rgba(255,255,255,.8); border-radius: .4rem;}
.banner_rt_fst::after{position: absolute; top: 2rem; bottom: 2rem; left: 2rem; right: 2rem; content: ""; transform: scaleY(0); -webkit-transform: scaleY(1); transition: all 0.3s ease-out 0s; -webkit-transition: all 0.3s ease-out 0s; z-index: 1; border: .1rem solid rgba(255,255,255,.8); border-radius: .4rem;}
.banner_rt_snd{margin-top: 4rem;}
/* .main_banner{padding: 0 1.5rem;} */
.banner_rt_box{padding: 0 1rem;}
.banner_rt_fst:hover .banner_rt_txt{transform: scale(1.1); -webkit-transform: scale(1.1);}

.bannersec .carousel-indicators [data-bs-target]{border: .2rem solid var(--brand); border-radius: 100%; background: transparent;  width: 1.5rem; height: 1.5rem;}  
.bannersec .carousel-indicators .active{background: var(--brand);}
.banner_rt_box{overflow: hidden;}


.banner_rt_fst:hover::before{transform: scale(1); -webkit-transform: scale(1); border: none;}
.banner_rt_fst:hover::after{transform: scale(1); -webkit-transform: scale(1); border: none;}




  




/* shipping_sec */
.shipping_info{padding: 2rem 4rem; border: .1rem dashed var(--brand); border-radius: 1rem;}
.shipping_box{position: relative;}
.shipping_box::after{position: absolute; content: ""; right: 1.5rem; top: -2rem; width: .1rem; height: 8rem; border-right: .1rem dashed var(--brand);}
.shipping_info .collum:last-child .shipping_box::after{display: none;}
.shipping_img img{width: 4rem;}
.shipping_box h4{color: var(--black);}








/* products_sales */
.products_sales_box{background-color: rgb(238, 235, 228); padding: 2.5rem 1rem; border-radius: 1rem; margin-right: 2rem; text-align: center;}
.products_sales_box em{width: 100%; display: inline-block; font-size: 2rem; font-weight: 700; text-transform: capitalize; color: var(--brand); padding-bottom: 1rem;}
.products_sales_box h2{padding-bottom: 2rem;}
.products_item{padding: 1rem 1rem; border: .1rem solid rgba(1, 15, 28, 0.1); border-radius: 1rem; display: flex; align-items: center; transition: all 0.3s 0s ease-out; margin-top: 2rem; height: 12rem;}
.star_icon li{color: var(--yellow); display: inline-block;}
.products_item_img{background: rgb(243, 243, 243); border-radius: .5rem;}
.products_item_img img{width: 9rem; padding: .5rem; height: 9rem; object-fit: cover;}
.products_item_txt{padding-left: 2rem;}
.products_item_txt h5 a{color: var(--green);}
.products_item_txt h5{font-size: 2rem; text-transform: capitalize; padding-bottom: .5rem;}
.products_item_txt h4{color: var(--black); padding-top: .5rem;}






/* product_sec */
.product_txt h5 a{color: var(--black);}
.product_txt h5 a:hover{color: var(--brand);}
.product_box{position: relative; margin-top: 4rem;}
.price del{padding-right: .8rem; color: var(--text_color);}
.product_img{position: relative;}
.icon_sec{position: absolute; top: 2rem; right: 0; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s; opacity: 0; z-index: 5;}
.icon_sec ul li a{background: var(--white); display: inline-block; width: 3.5rem; height: 3.5rem; color: var(--yellow); text-align: center; margin-bottom: 0.2rem; border-radius: .5rem;}
.icon_sec ul li a:hover{color: var(--brand);}
.icon_sec ul li a i{font-size: 1.6rem; line-height: 4rem;}
.product_box:hover .icon_sec{opacity: 1; right: 1rem; top: 1rem;}
.hover_prosuct{position: absolute; left: 0; top: 0; opacity: 0; width: 100%; height: auto; transition: all .4s ease;}
.product_box:hover .hover_prosuct {opacity: 1;}
.sale{position: absolute; left: 0; top: 0; background: var(--yellow); display: inline-block; padding: 0.5rem 1rem; color: var(--white); letter-spacing: .1rem; text-transform: capitalize; border-radius: .5rem 0 .5rem 0;}
.product_img .rating{position: absolute; bottom: 1.5rem; top: auto; left: 2rem; right: 0; color: var(--yellow); transition: all 0.4s ease 0s; -webkit-transition: all 0.4s ease 0s; -moz-transition: all 0.4s ease 0s; -ms-transition: all 0.4s ease 0s; -o-transition: all 0.4s ease 0s;}
.product_txt{padding: 2rem 2rem; border: 0.1rem solid var(--border); box-shadow: 0 1rem 1rem 0 rgb(0 0 0 / 5%); border-radius: 0 0 1rem 1rem;}
.product_txt span{display: inline-block; width: 100%; color: var(--yellow); font-size: 2rem; font-weight: 700;}
.price{color: var(--brand)!important; display: inline-block; width: 100%; font-size: 1.7rem !important;}
.product_txt h5{font-size: 1.8rem; color: var(--black); text-transform: capitalize; padding: 1rem 0;}
.product_img img{border-radius: 1rem 1rem 0 0; height: 30rem; object-fit: cover;}
.product_box:hover .rating{opacity: 0;}

.product_box .click_btn{display: inline-block; position: relative; z-index: 1; height: 4rem; background: transparent; color: var(--brand); line-height: 4rem; transition: all 0.4s; padding: 0 2.5rem;}
.product_box .click_btn::before{content: ""; position: absolute; z-index: -1; top: 0; left: 0; transition: 0.5s; height: 100%; width: 20%; background: var(--brand) !important; opacity: 0.1; border-radius: .5rem; transition: none; transform-origin: left; transform: none; transition: all 0.4s;}
.product_box .click_btn:hover::before{width: 100%;}
.product_box .click_btn:hover{color: var(--brand);}
.product_box .click_btn::after{display: none;}







/* purchase_sec */
.purchase_info{display: flex; align-items: center; justify-content: space-between; background-color: #FFF5F5; padding: 1rem 2rem; border: .1rem dashed var(--brand); border-radius: .6rem;}
.purchase_snd_info{display: flex; background: #FAC2131C; padding: 1rem 2rem; border: .1rem dashed var(--yellow); align-items: center; justify-content: space-between; border-radius: .6rem;}
.purchase_sec .click_btn{margin-top: 0;}
.purchase_snd_info .click_btn{margin-top: 0;}
.purchase_snd_info h3{color: var(--black);}
.purchase_info h3{color: var(--black);}
.purchase_info h3 span{color: var(--green);}





/* extraordinary_sec */
.extraordinary_fstimg img{border-radius: .5rem .5rem .5rem 20rem; max-width: 100%;}
.extraordinary_sndimg img{border-radius: .5rem 20rem .5rem .5rem; max-width: 100%;}
.extraordinary_sec .row{align-items: center;}






/* offer_sec */
.offer_sec{position: relative; background-attachment: fixed !important;}
.offer_sec::before{background: rgba(0, 0, 0, 0.5) none repeat scroll 0 0; content: " "; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 0;}
.offer_box{background: var(--white); padding: 5rem 7rem; text-align: center; position: relative; border-radius: 1rem;}
.offer_txt{border: .2rem solid var(--brand); padding: 2rem 0; border-radius: .6rem;}
.offer_txt h3{color: var(--black);}
.offer_txt h3 span{width: 100%; display: inline-block; color: var(--yellow); font-size: 3rem; margin-top: 1rem;}
.offer_txt h2{margin-top: 1rem; text-transform: uppercase; display: inline-block; width: 41rem; overflow: hidden; background: #fff; color: #262626; margin-left: -1rem;}







/*categories_sec*/
.categories_sec .owl-carousel .owl-item img{display: inline-block; border-radius: .7rem;}
.categories_sec .owl-nav, .instagram .owl-nav{display: none;}
.categories_box{padding: .5rem; margin-top: 3rem;}
.categories_txt h4{color: var(--black); padding-bottom: .5rem;}
.categories_img img{width: 100%; height: 30rem; object-fit: cover;}
.categories_txt{padding-top: 2rem;}
.categories_txt span{text-transform: uppercase; color: var(--green); font-weight: 600; position: relative;}
.categories_txt span::before{transform-origin: right; transform: scaleX(1) translateZ(0); transition: transform 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) 0.3s; content: ''; position: absolute; left: 0; bottom: -.5rem; width: 100%; border-bottom: .2rem solid #e5e5e5 !important; height: 100%;}
.categories_box:hover .categories_txt span::before{transform: scaleX(0) translateZ(0); transition: transform 0.5s cubic-bezier(0.165, 0.84, 0.44, 1); border-bottom: .2rem solid var(--brand) !important;}
.categories_txt span::after{transform-origin: left; transform: scaleX(0) translateZ(0); transition: transform 0.5s cubic-bezier(0.165, 0.84, 0.44, 1); content: ''; position: absolute; left: 0; bottom: -.5rem; width: 100%; height: 100%; border-bottom: .2rem solid #e5e5e5 !important;}
.product-category:hover .category-title span::after{transform: scaleX(1) translateZ(0); transition: transform 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) 0.3s; border-bottom: .2rem solid var(--brand) !important;}









/*counter_sec*/
.counter_sec{position: relative;}
.counter_txt span{display: inline-block; color: var(--brand); font-size: 4rem; font-weight: 600;}
.counter_txt h5{color: var(--green); padding-top: 2rem; font-size: 1.7rem; text-transform: capitalize;}
.counter_datils{position: relative;}
.counter_box{text-align: center; border-radius: 1rem; z-index: 2; position: relative; padding: 3rem 2rem; margin-top: 1.5rem;}
.counter_datils{background-color: #f6f6f6; border-radius: 1rem; box-shadow: 0 1rem 1rem 0 rgb(0 0 0 / 5%); margin-bottom: -4rem; position: relative; z-index: 1;}











/*footer_sec*/
.footer_top{position: relative; padding: 4rem 0;}
.footer_top .collum:nth-child(2) .footer_txt{padding-left: 5rem;}
.footer_sec p{color: var(--black);}
.footer_bootom{padding: 1rem 0; position: relative; background: var(--green);}
.footer_bootom .d-flex{justify-content: space-between; padding-top: 1rem; position: relative;}
.footer_sec ul li a{color: var(--black);}
.footer_sec ul li a:hover{color: var(--brand);}
.footer_bootom a{color: var(--white);}
.footer_bootom p{color: var(--white);}
.footer_bootom p a:hover{color: var(--brand);}
.footer_txt{position: relative;}
.footer_txt strong{width: 100%; display: inline-block; font-size: 2rem; color: var(--brand); text-transform: uppercase; margin-bottom: 2.5rem;}
.gol li{position: relative; width: 100%; padding-left: 2rem; margin-bottom: 1rem; font-size: 1.6rem; text-transform: capitalize;}
.gol li::before{content: "\f101"; font-family: "Font Awesome 6 Pro"; position: absolute; left: 0; top: 0; color: var(--brand); font-size: 1.7rem;}
.footer_txt{padding-top: 6rem;}
.footer_icon li a{border-radius: 100%; border: .1rem solid var(--brand); background: var(--brand); width: 3rem; height: 3rem; text-align: center; display: flex; align-items: center; justify-content: center; color: var(--white) !important;}
.footer_icon{margin-top: 2rem;}
.footer_icon li{display: inline-block;}
.footer_icon li a i:hover{color: var(--white); background: var(--blue); border: .1rem solid var(--blue);}
.footer_sec ul li{color: var(--black);}
.footer_sec{position: relative;}
.footer_txt .input_type input[type="email"] {height: 6rem;}
.input_type input[type="text"], .input_type input[type="tel"], .input_type input[type="password"], .input_type input[type="date"], .input_type input[type="time"], .input_type input[type="email"], .input_type select, .input_type textarea{width: 100%; height: 5rem; border: 0.1rem solid rgba(118, 118, 120, 0.3); border-radius: 1rem; box-shadow: none; outline: none; padding: 0 1.5rem; color: var(--text_color); font-size: 1.5rem;}
.input_type input[type="text"]:focus, .input_type input[type="tel"]:focus, .input_type input[type="email"]:focus, .input_type select:focus, .input_type textarea:focus{border: .1rem solid var(--brand);}
.input_type{margin-top: 1rem; position: relative;}
.email_box{position: relative;}
.email_box .click_btn{margin-top: 0; position: absolute; top: 0; right: 0; padding: 2rem 2rem; height: 6rem; line-height: 6rem;}
.help_jeicon li{display: inline-block; position: relative; padding-right: 1rem;}
.help_jeicon li::before{content: ""; position: absolute; top: .8rem; right: .2rem; bottom: 0; width: .1rem; height: 1rem; background-color: rgb(0, 0, 0, 0.5);}
.help_jeicon li:last-child::before{display: none;}
.help_jeicon li:last-child{padding-right: 0;}
.help_jeicon{margin-top: 2rem;}















/* inner_banner */
.breadcrumb_sec .breadcrumb-item{text-transform: uppercase; font-weight: 700; margin-top: 1rem; font-size: 1.5rem;}
.breadcrumb_sec .breadcrumb-item a{color: var(--black);}
.breadcrumb_sec .breadcrumb-item.active{color: var(--brand);}
.breadcrumb_sec .breadcrumb-item + .breadcrumb-item{padding: 0;}
.breadcrumb_sec .breadcrumb-item + .breadcrumb-item::before {padding: 0 .8rem; color: var(--black); content: var(--bs-breadcrumb-divider, "-");}

.inner_banner .banner_txt{position: relative;}
.inner_banner .banner_box{padding: 5rem 0; height: auto;}
.breadcrumb_sec{position: absolute; right: 2rem; top: 0;}
.inner_banner .banner_txt h1{color: var(--green);}







/* contact_page */
.contact_form .input_type{margin-top: 2rem; position: relative;}
.contact_form_icon{position: absolute; top: 0; right: 2rem; margin: 1.5rem 0 1.5rem}
.contact_form_icon i{color: var(--brand);}
.map_sec{padding-left: 2rem;}
.map_sec iframe{width: 100%; height: 40rem; border-radius: 1rem;}
.contact_form h3{color: var(--blue);}

.need_help_box{background-color: var(--brand); display: flex; position: relative; border-radius: .7rem;}
.need_help_box::before{content: ""; height: 100%; width: 17rem; background: rgba(0,188,213,0.3); position: absolute; bottom: 0; right: 65%; transform: rotate(360deg); clip-path: polygon(17% 0,29% 0,100% 100%,69% 100%); z-index: 5;}
.need_help_box::after{content: ""; height: 100%; width: 20rem; background: rgba(0,188,213,0.5); position: absolute; bottom: 0; z-index: 5; left: 30rem; transform: rotate(360deg); clip-path: polygon(17% 0,29% 0,100% 100%,69% 100%);}
.need_help_img{clip-path: polygon(0 0,80% 0,100% 100%,0% 102%);}
.need_help_img img{border-radius: .7rem 0 0 .7rem;}

.need_help_txt{padding: 5rem 0 0 7rem;}
.need_help_ad ul li{color: var(--white);}
.need_help_ad ul li a{color: var(--white);}
.need_help_ad ul li span{width: 100%; display: inline-block; text-transform: capitalize; font-size: 2rem;}
.need_help_ad i{color: var(--white); font-size: 3rem; padding-right: 1rem;}
.need_help_txt h3{color: var(--white); padding-bottom: 2rem;}


.contact_form .input_type .click_btn{margin-top: 3rem;}
.input_type button{border: none;}
.input_type input[type="text"], .input_type input[type="tel"], .input_type input[type="password"], .input_type input[type="date"], .input_type input[type="time"], .input_type input[type="email"], .input_type select, .input_type textarea{width: 100%; height: 5rem; border: 0.1rem solid rgba(118, 118, 120, 0.3); border-radius: 1rem; box-shadow: none; outline: none; padding: 0 1.5rem; color: var(--text_color); font-size: 1.5rem;} 
.input_type input[type="text"]:placeholder, .input_type input[type="tel"]:placeholder, .input_type input[type="email"]:placeholder, .input_type textarea:placeholder{color: grey; opacity: 1;}
.input_type input[type="text"]:focus, .input_type input[type="tel"]:focus, .input_type input[type="email"]:focus, .input_type select:focus, .input_type textarea:focus{border: .1rem solid var(--brand);}
.input_type textarea{height: 100px; resize: none; padding: 1.5rem;}
.input_type .form-select:focus{box-shadow: none;}









/* product_page */
.product_sec .pegination_sec ul li{display: inline-block; margin-top: 2rem;}
.page_number:hover, .pegination_sec ul li .current{background: var(--brand); color: var(--white); border-color: transparent;}
.page_number{color: var(--black); padding: 3px; background: transparent; min-height: 4rem; min-width: 4rem; line-height: 3.2rem; font-size: 1.4rem; border-width: 0.1rem; border-style: solid; margin: 0 0.3rem; text-align: center; display: inline-block; border-color: #cccccc; display: flex; align-items: center; justify-content: center; overflow: hidden; border-radius: .5rem;}
.pegination_sec{margin-top: 2rem;}





#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_details_img #sync1 .owl-prev{ display: none !important;}
.product_details_img #sync1 .owl-next{ display: none !important;}
.product_details_img .owl-dots{ display: none !important;}
.product_details_img #sync2 .owl-item.active.current img{ opacity: 0.8;}
.product_details_img #sync2 .owl-prev{ display: none !important;}
.product_details_img #sync2 .owl-next{ display: none !important;}
.product_details_img img{display: inline-block !important;}
.product_details_img #sync2 img{width: 100% !important; border-radius: .5rem;}
.product_details_img #sync2{ margin-top: 2rem; }
.product_details_img #sync2 .owl-item{ border: .1rem solid #d4d4d4; padding: .5rem; border-radius: .5rem;}
.product_details_img #sync1{ border: .1rem solid #d4d4d4; border-radius: 1rem; overflow: hidden;}

.product_price{width: 100%; display: inline-block; margin-top: 2rem; font-size: 1.8rem; color: var(--black);}
.product_off{background: var(--brand); padding: .5rem 1rem; color: var(--white); border-radius: .5rem; margin-left: 1.5rem;}
.product_details_box h3{color: var(--green); font-size: 2.5rem;}
.product_price del{padding-right: 1.5rem;}
.product_details_box{padding-left: 1.5rem;}

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

.selet_quan label{text-transform: capitalize; color: var(--black); font-weight: 600; display: block; margin-bottom: 1rem; font-size: 2rem;}
.selet_quan .quantity_box .quantity{width: 100%;}
.selet_quan .quantity_box .quantity-up {left: 0;}
.selet_quan .quantity_box .quantity-down { right: 0;}
.selet_quan  .quantity_box { border: .1rem solid #b6b5b5; overflow: hidden; border-radius: .5rem;}
.minmimun_qutany{margin-top: 2.5rem;}
.selet_arear .Product_dtls_Categories_box.Product_Categories_box label{font-size: 1.4rem;}
.table_area th{background: var(--brand); color: var(--white); padding: 1rem;}
.product_details_img{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;}


.elet_arear ul li{display: inline-block; color: var(--black); padding: 0 1rem; border-right: .2rem solid var(--border);}
.elet_arear ul li:last-child{border-right: none;}
.delivery_box{border: 0.1rem solid var(--border); padding: 1.5rem; border-radius: 0.5rem; margin-top: 2rem;}
.delivery_box li i{padding-right: 1rem;}







.selet_quan .quantity_box .quantity-up{left: 0;}
.quantity_box .quantity-up{left: -1.2rem; border-right: .1rem solid #b6b5b5;}
.quantity_box .quantity-nav{font: 400 15px/40px 'Public Sans', sans-serif;}
.description_sec{margin-top: 3rem;}
.description_sec h3{font-size: 3rem; color: var(--black);}













/* about_page */
.weare_sec .row{align-items: center;}
.weare_img img{max-width: 100%; border-radius: 1rem;}
.creat_sec{border-top: .1rem solid rgba(118, 118, 120, 0.2); margin-top: 3rem;}
.choose_box{padding: 5rem 3rem; text-align: center; background: #f8f8f8; margin-top: 3rem; border-radius: 1rem;}
.choose_box i{font-size: 4rem; color: var(--brand); padding-bottom: 2rem;}
.choose_box span{width: 100%; display: inline-block; color: var(--green); text-transform: capitalize; font-size: 2rem; font-weight: 700; padding-bottom: 1rem;}

.value_img img{padding-left: 3rem;}
.value_img{position: relative; margin-bottom: 2rem;}
.value_img::after{content: ''; position: absolute; z-index: -1; border-radius: 100%; transition: 0.4s; background-color: rgba(255, 0, 97, 0.1); top: -3rem; left: 0; width: 5rem; height: 5rem;}
.value_box:hover .value_img::after{top: -3rem; left: 0; width: 7rem; height: 7rem;}
.value_box{margin-top: 5rem;}
.value_box span{width: 100%; display: inline-block; font-size: 2rem; color: var(--black); text-transform: capitalize; font-weight: 600;}
.valuesec_img img{max-width: 100%; border-radius: 1rem;}
.valuesec_img{padding-left: 1.5rem;}































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

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

}

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

    .banner_box{padding: 11rem 0;}
    .banner_rt_txt{padding: 0 0 0 2rem;}
    .offer_txt h2{width: 35rem;}
    .products_sales_box{margin-right: 1rem;}
    .products_item{margin-top: 1.5rem;}
    .products_item_txt{padding-left: 1.5rem;}
    .products_item_img img{width: 8rem; height: 8rem;}
    .products_item_txt h5{font-size: 1.8rem;}
    .banner_txt span{font-size: 2.8rem;}
    .banner_rt_snd{margin-top: 3rem;}
    .banner_rt_box{padding: 0 .6rem;}
    .banner_txt strong{font-size: 3.5rem;}
    .banner_txt{padding: 0 0 0 2rem;}
    .banner_rt_fst{padding: 5rem 4rem;}
    .banner_rt_fst{padding: 4.9rem 4rem;}
    .banner_txt em{font-size: 2.9rem;}
    .navbar-brand img{width: 22rem;}
    .heder_top{margin: 0;}
    .header_sec::before{display: none;}
    .header_sec::after{display: none;}
    .appointment{top: -1.5rem;}
    .img_flud{top: -3rem;}
    .header_menu{padding: 4rem 0;}
    .header_sec.fixed .sticky-wrapper{padding: 0rem 1rem 0;}
    .menu_sec{padding-right: 8rem;}

    








}

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

    .banner_txt span{font-size: 2.6rem;}
    .banner_txt strong{font-size: 3rem; line-height: 4rem;}
    .banner_rt_fst{padding: 4.5rem 1.5rem;}
    .shipping_img img{width: 3rem;}
    .shipping_box::after{height: 7rem;}
    .shipping_info{padding: 2rem 2rem;}
    .purchase_snd_info{flex-direction: column; justify-content: center; text-align: center;}
    .purchase_snd_info .click_btn{margin-top: 1.5rem;}
    .offer_txt h2{width: 33rem; font-size: 2.5rem;}    
    .offer_box{padding: 3rem 4rem;}
    .products_sales_box{padding: 4.3rem 1rem;}
    /* .offer_txt h2{width: 67rem;} */
    /* .products_sales_box{padding: 9rem 1rem; margin-bottom: 2rem;} */
    .products_item_img img{width: 7rem; height: 7rem;}
    .products_item_txt h5{font-size: 1.7rem;}
    .footer_txt{padding-top: 4rem;}
    .counter_datils{margin-bottom: 4rem;}
    .appointment img{width: 3.5rem;}
    .banner_txt em{font-size: 2.3rem;}
    .appointment{right: 0rem;}
    .menu_sec{padding-right: .5rem;}
    .navbar-brand img{width: 20rem;}
    .menu_sec li{font-size: 1.7rem;}
    
    



    
   
}

@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(--brand); opacity: 1; -webkit-transform: matrix(1, 0, 0, 1, 0, 0); transform: matrix(1, 0, 0, 1, 0, 0); -webkit-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out;}
    .nav_top .navbar-toggler .icon-bar + .icon-bar {margin-top: .4rem;}
    .nav_top .navbar-toggler.showtoggle .icon-bar:nth-child(2){opacity: 0;  width: 0px;}
    .nav_top .navbar-toggler.showtoggle .icon-bar:nth-child(3) {-webkit-transform: matrix(1, 1, 0, 1, 0, 0); transform: matrix(1, 1, 0, 1, 0, 0); width: 25px; margin-top: -11px;}
    .nav_top .navbar-toggler.showtoggle .icon-bar:nth-child(1) {-webkit-transform: matrix(1, -1, 0, 1, 0, 0); transform: matrix(1, -1, 0, 1, 0, 0); width: 25px;}
    
    

    .nav_top .navbar-collapse.show{left: 0;}   
    .nav_top .navbar-collapse{position: fixed; top: 0; left: -30.10rem; background: #fff; 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);}
   
    .icon_bar{right: 5rem;}
    .menu_sec li a{padding-right: 0;}
    .menu_sec{padding-right: 0;}
    .menu_sec li{border-bottom: .1rem dashed var(--brand); padding: 1rem;}
    .shipping_box .d-flex{flex-direction: column;}
    .shipping_info{padding: 1rem 1rem;}
    .shipping_box::after{height: 8rem; top: -1rem; right: 0;}
    .extraordinary_txt{padding-bottom: 2.5rem;}
    .banner_rt_fst{margin-top: 2rem;}
    .top_center p{display: none;}
    .offer_txt h2{width: 65rem;}
    .products_sales_box{padding: 4rem 1rem;}
    .ptb{padding: 6rem 0;}
    .appointment{right: 5rem; top: 0;}
    .footer_top .collum:nth-child(2) .footer_txt{padding-left: 0rem;}
    .img_flud{top: -1rem;}
    .counter_txt span{font-size: 3rem;}
    .counter_txt h5{font-size: 1.6rem;}
    .counter_box{padding: 3rem 1rem;}
    .counter_box{margin-top: 1rem;}
    .products_sales_box{margin-right: 0;}
    .products_sales_box{padding: 3rem 1rem;}








}

@media only screen and (max-width: 767px){
    
    .container{max-width: 100%; padding: 0 1.5rem;}

    .banner_box{padding: 9rem 0;}
    .shipping_box::after{display: none;}
    .offer_txt h2{width: 50rem;}
    .product_txt{padding: 2rem 1.5rem;}
    .ptb{padding: 5rem 0;}
    .appointment ul li b{display: none;}
    .appointment ul li a{display: none;}
    .product_img img{height: 25rem;}
    h1, h2{font-size: 2.8rem;}

    
    
}


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

    .banner_txt span{font-size: 2.3rem;}
    .banner_txt strong{font-size: 2.9rem;}
    .banner_box{padding: 6rem 0;}
    .icon_bar{display: none;}
    .top_lt{display: none;}
    .heder_top .d-flex{flex-direction: column; text-align: center;}
    .banner_rt_fst{padding: 3rem 1rem;}
    .banner_rt_txt span{font-size: 1.8rem;}
    .offer_txt h2{width: 24rem; font-size: 2rem;}
    .offer_txt h3 span{font-size: 2.5rem; margin-top: .5rem;}
    h1, h2{font-size: 2rem; line-height: 3rem;}    
    .counter_txt span{font-size: 3rem;}
    .footer_top .collum:nth-child(2) .footer_txt{padding-left: 0;}
    .footer_txt{padding-top: 3rem;}
    .counter_box{padding: 2.5rem 2rem;}
    .purchase_snd_info{padding: 1rem 1rem;}
    .header_sec .sticky-wrapper{padding: 2rem 1rem 0;}
    .navbar-brand img{width: 18rem;}
    .appointment{right: 4rem;}
    .banner_txt{padding: 0 0 0 1.5rem;}
    .banner_txt em{font-size: 1.9rem; font-weight: 600;}
    .banner_txt strong{font-size: 2.6rem;}
    .offer_box{padding: 2.5rem 2rem;}
    .header_sec.fixed .header_menu{padding: 2rem 0;}
    .counter_txt span{font-size: 2.5rem;}


        

    

    
}

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

}