html {
    scroll-behavior: smooth;
}
body {
 font-family: 'Poppins';
	padding: 0px;font-size: 17px;
	color: #333333;overflow-x: hidden;
	font-weight: 400;
	margin: 0;
}

h1, h2, h3, h4, h5, h6 { font-family: 'Poppins';}
textarea, p, input, div, span, li, button { font-family: 'Poppins';}
ul {margin: 0;padding: 0;}
li {list-style: none;}
p {line-height: 30px;font-size: 17px;font-weight: 400;color: #333333;margin-bottom: 15px; font-family: 'Poppins';}
img { max-width: 100%;border: 0;}
.clear {clear: both;float: none;width: 100%;}
.clearfix::after {display: block;content: "";clear: both;}
a {text-decoration: none !important;transition: all 0.2s ease-in;color: #212121;  font-family: 'Poppins';}
a:hover {color: #000;}
a, span {display: inline-block;}
:focus { box-shadow: none !important;outline: none !important;}
.form-control { display: block;width: 100%;height: calc(1.5em + .75rem + 2px);padding: .375rem .75rem;font-size: 14px;font-weight: 400;line-height: 1.5;color: #495057;background-color: #fff;background-clip: padding-box;border: 1px solid #ced4da;border-radius: .0rem;transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;box-sizing: border-box;}


#header {padding: 0px;position: fixed;left: 0;top: 0;width: 100%;z-index: 10;}



@font-face {
    font-family: 'Poppins';
    src: url('Poppins-Light.woff2') format('woff2'),
        url('Poppins-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Poppins';
    src: url('Poppins-Bold.woff2') format('woff2'),
        url('Poppins-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Poppins';
    src: url('Poppins-Medium.woff2') format('woff2'),
        url('Poppins-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Poppins';
    src: url('Poppins-SemiBold.woff2') format('woff2'),
        url('Poppins-SemiBold.woff') format('woff');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Poppins';
    src: url('Poppins-Regular.woff2') format('woff2'),
        url('Poppins-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}



.top-cart-sec {
    margin: 0px 0 0 0;
    float: right;
}


.top-cart-sec ul li {
    float: left;
    font-weight: 400;
    padding: 0px 15px 0px 15px;
}




.cart-cou {
    position: absolute;
    top: 11px;
    right: -27px;
    width: 23px;
    height: 23px;
    background-color: #fff;
    line-height: 12px;
    font-size: 11px;
    text-align: center;
    color: #000;
    border-radius: 50%; border: solid 1px #d01414;
    display: flex;
    justify-content: center;
    align-items: center;
}




.top-social {margin: 0px 0;}
.top-social a {display: inline-block; margin: 0px 0px ;background-color:#fff;border-radius: 50%; width: 40px; height: 40px;text-align: center;color: #524271;font-size: 22px!important;}
.top-social a:hover {background-color:#e41f29; }
.top-social img { width: 20px;}
.top-social a:hover img {filter: invert(800%); position: relative}
.top-menu-main{ position: relative; padding: 10px 0; background-color:#fff;box-shadow: 0 0 10px #ddd;}
/*------------------common-css End-------------------*/
    
@media (min-width: 1366px){.container, .container-lg, .container-md, .container-sm, .container-xl {max-width: 1320px;}}
@media (min-width: 1440px){.container, .container-lg, .container-md, .container-sm, .container-xl {max-width: 1300px;}}
@media (min-width: 1600px){
.container, .container-lg, .container-md, .container-sm, .container-xl { max-width: 1300px;}}
/*--------------------------------------------------------------
# Desktop Navigation
--------------------------------------------------------------*/
@media (min-width: 1280px) {
.navbar { padding: 0;}
.navbar ul {margin: 0;padding: 0;display: flex;list-style: none;align-items: center;}
.navbar li {position: relative;}
.navbar>ul>li {white-space: nowrap;padding: 10px 0 10px 20px;}
.navbar a,
.navbar a:focus { display: flex;align-items: center;justify-content: space-between;padding: 0 3px;font-size: 17px;color:#1b1b1b;white-space: nowrap;transition: 0.3s;position: relative; }
.navbar a i,
.navbar a:focus i {font-size: 12px;line-height: 0;margin-left: 5px;}
.navbar>ul>li>a:before {content: "";position: absolute; width: 100%;height: 2px;bottom: -6px;left: 0; background-color:#02968a;visibility: hidden;width: 0px;
transition: all 0.3s ease-in-out 0s;}
.navbar a:hover:before,
.navbar li:hover>a:before,
.navbar .active:before { visibility: visible;width: 100%;}
.navbar a:hover,
.navbar .active,
.navbar .active:focus,
.navbar li:hover>a {color: #02968a;}
.navbar .dropdown ul {display: block;position: absolute;left: 28px;top: calc(100% + 30px); margin: 0;padding: 10px 0;z-index: 99;opacity: 0;visibility: hidden;background: #fff;box-shadow: 0px 0px 30px rgba(127, 137, 161, 0.25);transition: 0.3s;border-radius: 4px;}
.navbar .dropdown ul li {min-width: 200px;}
.navbar .dropdown ul a {padding: 10px 20px;font-size: 14px;text-transform: none;font-weight: 600;color: #111;}
.navbar .dropdown ul a i {font-size: 12px;}
.navbar .dropdown ul a:hover,
.navbar .dropdown ul .active:hover,
.navbar .dropdown ul li:hover>a {color:#002768;}
.navbar .dropdown:hover>ul {opacity: 1;top: 100%;visibility: visible;}
.navbar .dropdown .dropdown ul {top: 0;left: calc(100% - 30px);visibility: hidden;}
.navbar .dropdown .dropdown:hover>ul {opacity: 1;top: 0;left: 100%;visibility: visible;}
}

@media (min-width: 1280px) and (max-width: 1366px) {
.navbar .dropdown .dropdown ul {left: -90%;}
.navbar .dropdown .dropdown:hover>ul {left: -100%; }}
@media (min-width: 1280px) {.mobile-nav-show,.mobile-nav-hide {display: none;}
}

/*--------------------------------------------------------------
# Mobile Navigation
--------------------------------------------------------------*/
@media (max-width: 1279px) {
.navbar {position: fixed;top: 0;right: -100%;width: 100%;max-width: 400px;bottom: 0;transition: 0.3s;z-index: 9997;}
.navbar ul {position: absolute;inset: 0;padding: 50px 0 10px 0;margin: 0;background: rgba(24, 24, 40, 0.9);overflow-y: auto;transition: 0.3s;z-index: 9998;}
.navbar a,
.navbar a:focus {display: flex;align-items: center;justify-content: space-between;padding: 10px 20px;font-size: 16px;font-weight: 500; color: rgba(255, 255, 255, 0.9);white-space: nowrap;transition: 0.3s;}
.navbar a i,
.navbar a:focus i {font-size: 12px;line-height: 0; margin-left: 5px;}
.navbar a:hover,
.navbar .active,
.navbar .active:focus,
.navbar li:hover>a {color: #fff;}
.navbar .getstarted,
.navbar .getstarted:focus { padding: 8px 20px;border-radius: 4px;margin: 15px;color: #fff;}
.navbar .getstarted:hover,
.navbar .getstarted:focus:hover {color: #fff;background: rgba(0, 131, 116, 0.8);}
.navbar .dropdown ul,
.navbar .dropdown .dropdown ul { position: static;display: none;padding: 10px 0;margin: 10px 20px;transition: all 0.5s ease-in-out;background-color: #3d3d45;border: 1px solid #3d3d45;}
.navbar .dropdown>.dropdown-active,
.navbar .dropdown .dropdown>.dropdown-active { display: block;}
.mobile-nav-show {color: rgba(0, 0, 0, 0.8);font-size: 28px;cursor: pointer;line-height: 0;transition: 0.5s;z-index: 9999;margin-right: 10px;}
.mobile-nav-hide {color: #fff;font-size: 32px;cursor: pointer;line-height: 0;transition: 0.5s;position: fixed;right: 20px;top: 20px;z-index: 9999;}
.mobile-nav-active {overflow: hidden;}
.mobile-nav-active .navbar {right: 0;}
.mobile-nav-active .navbar:before {content: "";position: fixed;inset: 0; background: rgba(24, 24, 40, 0.8);z-index: 9996;}}
/*------------------common-css End-------------------*/     
.banner-sec{ position: relative}
.banner-info{ position:absolute; width: 100%; left: 0; bottom: 20%;}
.banner-box{  padding: 0px ; max-width: 700px; }
.banner-text{ font-size: 48px; color: #fff;  margin: 0 0 0px 0; font-weight: bold;}
.banner-text1{ font-size: 32px; color: #fff;  margin: 0 0 10px 0}

.start-bt{ background-color:#96dda5; padding: 11px 40px; color:#fff; font-size: 18px; border-radius: 5px; margin-right: 8px;}
.start-bt:hover{ background-color:#02968a; color:#fff; }

#bannerslider .owl-prev {
    position: absolute;
    top: 50%;
    right: 20px;
    display: none;
}
#bannerslider .owl-prev span {
    background-color: #fff;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    color: #000;
    font-size: 24px;
    text-align: center;
}
#bannerslider .owl-next span {
    background-color: #fff;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    color: #000;
    font-size: 24px;
    text-align: center;
}
#bannerslider .owl-next {
    position: absolute;
    display: none;
    top: 50%;
    left: 20px;
}
#bannerslider .owl-nav {
    display: none;
}
#bannerslider .owl-dot span {
    background-color: #96dda5;
    width: 14px;
    height: 14px;
    margin: 2px;
}
#bannerslider .owl-dot.active span {
    background-color: #02968a;
    width: 14px;
    height: 14px;
}
#bannerslider .owl-dots {
    display: flex;
    margin-top: -50px;
    z-index: 20;
    position: absolute;
    bottom: 10px;
    left: 40px;
}

.common-sec{ background-color:#fff; position: relative; padding: 70px 0}

.main-title{ font-size: 36px; margin: 0 0 20px 0; font-weight: 400; letter-spacing: 2px; color: #000; }
.main-sm-top{ font-size: 18px; margin: 0 0 0px 0; font-weight: 300; letter-spacing: 2px; color: #000; }

.five-categories ul{display: flex;  }
.five-categories ul li{width: 33.33%; list-style-type: none;  }
.five-categories-b{ padding: 0 10px; text-align: center; }
.five-cat-img{ width: 240px; height: 240px; border-radius: 50%; border: solid 1px #43a69d; transition: all 0.5s ease-in;}
.five-sm-title{ font-size: 18px; font-weight: 600; margin: 15px 0 7px 0; transition: all 0.5s ease-in; display: none;}
.five-sm-price{ font-size: 18px; font-weight: 600; margin: 0px 0 10px 0; color:#43a69d; }
.five-sm-price span{ color:#8c8989; }
.shop-now{ background-color:#96dda5; padding: 9px 30px; color:#fff; font-size: 16px; border-radius: 5px; }
.shop-now:hover{ background-color:#02968a; color:#fff!important; }
.five-cat-img:hover{ width: 240px; height: 240px; border-radius: 10%; 
border: solid 1px #43a69d;transition: all 0.5s ease-in; }
.five-sm-title a:hover{ color: #02968a;transition: all 0.5s ease-in; }

.middle-section-img{ position: relative;}
.middle-section-img img{ width: 100%; }

.middle-info{ position:absolute; width: 100%; left: 0; bottom: 25%;}
.main-title48{ font-size: 44px; margin: 0 0 20px 0; font-weight:bold; color: #000; }
.middle-text{ width: 600px; }
.main-title23{ font-size: 23px; margin: 0 0 20px 0; font-weight:600; color: #000; }

.shop-now-b{ background-color:#96dda5; padding: 9px 30px; color:#fff; font-size: 20px; border-radius: 5px; }
.shop-now-b:hover{ background-color:#02968a; color:#fff!important; }
.best-product-mt{ margin-bottom: 40px; }
.two-img-sec{ position: relative; }
.two-img-text{ position: absolute; left: 40px; top: inherit; width: 300px; bottom: 30px; }
.two-title23{ font-size: 22px; margin: 0 0 20px 0; font-weight:600; color: #000; }


.common-sec-1{ background-color:#fff; position: relative; padding: 70px 0 30px 0}

.blog-box{}
.blog-date{ font-size: 14px; margin: 15px 0 10px 0; }
.blog-title{ font-size: 18px; margin: 0px 0 0px 0; font-weight: 600; }
.blog-title a:hover{ color: #02968a;transition: all 0.5s ease-in; }


.testmonials-main{ max-width: 1200px;margin: auto; }
.testmonials-im{ width: 80px!important; height: 80px!important; 
    border: solid 1px #ccc; border-radius: 50%; margin: auto; }
.testmonials-box{border: solid 1px #ccc; padding: 20px;    min-height: 309px;}
.owner-test{ font-size: 20px; color: #02968a; font-weight: 600;}

.imggray{transition: all 0.5s ease-in; }
.imggray:hover {
  filter: gray; 
  -webkit-filter: grayscale(1); 
  filter: grayscale(1);transition: all 0.5s ease-in; 
}

#offerSlider .owl-prev {
    position: absolute;
    top: 50%;
    right: 20px;
    display: none;
}
#offerSlider .owl-prev span {
    background-color: #fff;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    color: #000;
    font-size: 24px;
    text-align: center;
}
#offerSlider .owl-next span {
    background-color: #fff;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    color: #000;
    font-size: 24px;
    text-align: center;
}
#offerSlider .owl-next {
    position: absolute;
    display: none;
    top: 50%;
    left: 20px;
}
#offerSlider .owl-nav {
    display: none;
}
#offerSlider .owl-dot span {
    background-color: #96dda5; border-radius: 50%;
    width: 12px;
    height: 12px;
    margin: 2px;
}
#offerSlider .owl-dot.active span {
    background-color: #02968a; border-radius: 50%;
    width: 12px;
    height: 12px;
}
#offerSlider .owl-dots {
    display: flex;
    z-index: 20;
    position: absolute;
    bottom: -40px;
    left: 0px;
    right: 0;
    margin: auto;
    width: 100%;
    align-items: center;
    justify-content: center;
}


.headre-h-uc{ height:66px; }

/**************  animation    ****************/

.footer-section {padding: 50px  0px  0 0; background-color:#e7f5e6;  }
.footer-section h6 {font-size: 25px;font-weight: 400;color: #000;margin: 0px 0 20px 0;letter-spacing: 2px; }
.social-icon-b{font-size: 22px;width: 24px;}
.footer-section p {font-size: 16px;font-weight:400;color: #000;}
.footer-section ul {color: #000;margin: 0px;padding: 0px;width: 100%;}
.footer-logo-sec{ border-bottom: solid 1px #0947c9; padding-bottom: 40px; margin-bottom: 40px;}
.footer-section ul li {color: #000;padding: 4px 0; padding-left: 0px; border-bottom: 0px solid #393d50; font-size: 16px; position: relative}
.footer-section ul li a{transition: all 0.5s ease-in;color: #000;}
.footer-section ul li a:hover {color: #02968a; padding-left: 10px;}
.address-f{color: #90a9b5; font-size: 15px;}
.address-f a{color: #00bcd2; }
.address-f a:hover{color: #02968a; }
.address-padd{ margin-bottom: 5px}
.address-icon{ margin-right: 5px}
.copy-right {border-top: solid 0px #0e1052;padding: 30px 0 10px 0;margin-top: 40px;color: #000; background-color:#e7f5e6;}
.copy-right a {color: #000;   font-weight: 400;}
.copy-right .text-r {text-align: right;}
.bottom-social {margin: 0px 0;}
.bottom-social a {display: inline-block; margin: 0px 0px ;background-color:#000;
border-radius: 50%; width: 40px; height: 40px;text-align: center;color: #524271;font-size: 22px!important;}
.bottom-social a:hover {background-color:#e41f29; padding-left: 0px!important }
.bottom-social img { width: 20px;}
.bottom-social a:hover img {filter: invert(800%); position: relative}

.bottom-social-img a{ margin: 10px 4px 0px 4px  }
.newsletter-bb{ display: flex; }
.signup-button{ background-color:#02968a; padding: 9px 40px; color:#fff; border: 0; font-size: 18px; border-radius: 5px; m}
.signup-button:hover{ background-color:#96dda5; color:#fff; }

.newsletter-bb .form-control { display: block;    width: 100%;
 height: 48px;padding: .375rem .75rem;font-size: 16px;font-weight: 400;
line-height: 1.5;color: #000;background-color: #d1e0d0;
background-clip: padding-box;border: 1px solid #d1e0d0;border-radius: 5px;
   
}

.newsletter-bb .form-control:focus {color: #000;background-color: #d1e0d0;border-color: #d1e0d0;
}




/**************  inner page    ****************/
.inner-banner{ position: relative}
.inner-banner-info {position: absolute;width: 100%;left: 0;bottom: 30%;}
.inner-banner-title {width: 100%;text-align: center;}
.inner-banner-title span {font-size: 30px;color: #fff; padding: 15px 40px;  background-color: rgba(2, 150, 138, 0.9); 
text-align: center; font-weight: 500;}
section.inner-banner img {width: 100%;}

.breadcrumb-sec{ padding: 15px 0; border-bottom: solid 1px #ddd; }
.breadcrumb{ margin: 0; font-size: 15px; }
.mobile-banner-w{ display: none; }
.destop-banner{  }

.shop-page-left{border: solid 1px #dfdfdf; padding: 15px;background-color:#02968a; }


.shop-page-left ul li{ border-bottom: solid 1px #4aafa7; font-size: 17px; padding: 6px 0 6px 8px; }
.shop-page-left ul li a{ color:#fff; display: block; }
.shop-page-left ul li:hover{ background-color:#96dda5; }


.shop-page-ltitle{font-size: 22px; font-weight: 600; margin: 0px 0 15px 0; letter-spacing: 1px;color: #fff; }
.shop-page-box{border: solid 1px #dfdfdf;     height: 100%;}
.shop-page-img a{ display:block; }
.shop-page-text{ padding: 15px 15px 20px 15px; }
.shop-page-title{ font-size: 18px; font-weight: 600; margin: 0px 0 10px 0; transition: all 0.5s ease-in;}
.shop-box-mb{ margin-bottom: 25px!important; }
.filtter-product{ width: 300px; text-align: right; float: right;}
.product-detail-title {font-size: 22px;margin: 0px 0 10px 0; font-weight: 500;}
.add-to-cart-b{ background-color:#6cb6ae;  padding: 10px 40px; border-radius:5px; color:#fff;
 font-size: 16px; border: 0}
.add-to-cart-b:hover{ background-color:#96dda5;   color:#fff; }

.add-to-cart-buy{ background-color:#96dda5;  padding: 10px 40px; border-radius:5px; color:#fff;
 font-size: 16px; border: 0; margin-left: 10px;}
.add-to-cart-buy:hover{ background-color:#6cb6ae;   color:#fff; }

.benefits-sec{ border-bottom: solid 1px #ddd; border-top: solid 1px #ddd; padding: 15px 0; margin: 15px 0}
.benefits-sec h2{ font-size: 22px; margin: 0px 0 15px 0; font-weight: 300;}
.benefits-sec  ul li{font-size:16px; padding: 4px 0 4px 0px; position: relative; }
.benefits-sec p{ font-size:15px ; font-weight: 300; margin-bottom: 0; line-height: 26px; }
.strar-color{color:#fdbc00;}

.be-icon{ padding: 0 8px 0 0}
.View-Size{ font-size: 12px;}

.btn-primary-add {font-size: 24px;color: #fff;
background-color: #96dda5;font-weight: 600;border-radius: 0;border-color: #96dda5; float: left;padding: 1px 14px;
}
.btn-primary-add:hover { color: #fff; background-color: #6cb6ae;border-color: #6cb6ae;}
.quantity-box {float: left; width: 130px !important;vertical-align: top;
text-align: center;height: 40px !important;
}
.explore-new{  text-align: center; }
.tab-review-sec{ padding: 0 0 0px 0; }
.tab-review-sec .tab-content{ padding: 25px; box-shadow: 0 0 20px #f0ecec; }
.tab-review-sec .tab-content h3{ font-size: 22px; margin: 0 0 15px 0; }
.tab-review-sec div#nav-tab {display: flex;align-items: center;justify-content: center;}

.tab-review-sec .nav-link.active {background-color: #6cb6ae;color: #fff;
border-radius: 5px!important; 
}
.tab-review-sec .nav-link{background-color: #96dda5;border-radius: 5px !important;
padding: 12px 40px ; color: #fff; font-size: 18px; margin: 0 2px;}

.related-products{ padding: 70px 0; }
#related-slid .owl-dots {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 20px;
}
#related-slid .owl-dots span {
    background-color: #96dda5;
    margin: 1px;
    width: 10px;
    height: 10px;
    border-radius: 50%;
}
#related-slid .owl-dot.active span {
    background-color: #6cb6ae;
    margin: 1px;
    width: 10px;
    height: 10px;
    border-radius: 50%;
}
#related-slid .owl-nav.disabled {
    width: 100%;
    display: none;
}

#related-slid .owl-nav {
    display: none;
}

.common-sec-detail {
    background-color: #fff;
    position: relative;
    padding: 40px 0 70px 0;
}
.woocommerce .woocommerce-result-count {
    margin: 0 10px 0em!important;
}


.get-a-free{ max-width: 1250px; margin:  auto; background-color:#fff; padding: 30px; box-shadow: 0 0 20px #ddd; position: relative; z-index: 1; border-radius: 5px;}
.contact-sec-p{ padding: 90px 0}
.write-a-mm{ background-color:#f9f9f9; padding: 25px; border-radius: 5px; } 
.write-a-mm-text{font-size: 26px; margin: 0 0 20px 0; font-weight: 400; }
.write-a-mm .form-control {display: block;width: 100%;height:52px;
padding: 0.375rem 0.75rem;font-size: 16px;font-weight: 400;
line-height: 1.5;color: #495057;background-color: #fff;background-clip: padding-box;border: 1px solid #ced4da;border-radius: 5px;}
.write-a-mm select{  height:52px;}
.write-a-mm textarea{ height: auto!important}
.contact-submit{ background-color:#96dda5; border: solid 0px #7baf43; padding: 11px 30px; 
    font-size: 18px; color:#fff; font-weight: 600; border-radius: 5px;}
.contact-submit:hover{ background-color:#02968a; ;  color:#fff; }
.address-bb{ border-bottom:solid 1px #ddd; padding: 15px 0; display: flex;}
.address-bb-icon{ width: 15%; font-size: 40px; color:#02968a; padding-left: 3%}
.address-bb-contant{ width: 75%; padding: 0 2%}
.address-text{font-size: 20px; font-weight:500; margin: 0px 0 5px 0;  color:#111; }
.map-section{ padding:0px; position: relative}
.map-section iframe{ width: 100%; height: 600px; padding: 0; margin: 0}


.testimonials-box{ background-color:#fff; padding: 30px; border-radius: 0px; box-shadow: 0 0 20px #ddd; height: 100%; transition: all 0.5s ease-in;}
.testimonials-box:hover{ box-shadow: 0 0 30px #b7d0ce; border-radius: 30px; background-color:#02968a;}
.teztmoni-own{ font-size: 20px; font-weight: 600; }
.teztmoni-own span{ color:#02968a; display: block; transition: all 0.5s ease-in;}
.teztmoni-bott{ margin-bottom: 40px; }
.testimonials-box:hover .teztmoni-own span{ color:#fff;transition: all 0.5s ease-in; }
.testimonials-box:hover p{ color:#fff;transition: all 0.5s ease-in; }
.testimonials-box:hover img{    filter: invert(800%); }

.about-us-box{ max-width:1000px; margin: auto; }
.about-back{ background-image: url("../images/about-back.jpg"); background-repeat: no-repeat; background-size: cover; padding: 70px 0}
.current-markets-bb-1 img { border-radius: 5px;transition: all 0.5s ease-in;}
.inner-main-title-w {font-size: 36px;font-weight: 400;color: #fff;margin: 0 0 15px 0; letter-spacing:2px;}
.about-back-text{padding-left: 20px} 
.about-back p{ color:#fff}
.inner-main-title-b {font-size: 36px;font-weight: 400;color: #000;margin: 0 0 20px 0;letter-spacing:2px;}



.blog-box{ background-color:#fff; box-shadow: 0 0 15px #ddd;}
.blog-text-sec{ padding: 15px;} 
.blog-title{ font-size:20px;  padding: 0; margin: 0px 0 10px 0; color:#000; }
.blog-title a{ color:#337CBA; }

.blog-box a{ display: block}
.date-blog{ font-size: 14px; padding-bottom: 10px; color:#337CBA; font-weight: 600}

.read-more{ background-color:#96dda5; padding: 9px 25px; color:#fff; font-size: 16px; border-radius: 5px; 
display: inline-block!important; }
.read-more:hover{ background-color:#02968a; color:#fff!important; }
.blog-mar-top{ margin-bottom: 40px;}


.blog-right{ background-color:#fff; padding: 0px 0 0 8px;  }
.blog-title{  font-size: 19px; margin: 20px 0 12px 0; font-weight: 600}
.blog-r-title{  font-size: 20px; margin: 0 0 12px 0; font-weight: 600; font-weight: 500; 
 position: relative; color:#000; }

.blog-rs-title{  font-size: 15px; margin: 0 0 0px 0}
.blog-right ul { margin-left:0px!important;  margin-bottom:25px; }
.blog-right ul li{ padding: 7px 0; border-bottom: solid 1px #ddd; font-size: 16px!important; 
    list-style:none!important; position: relative; }

.search-blog{ display: flex;}
.search-blog input{ height: 45px;}
.searchbutton{ background-color:#96dda5; padding: 9px 15px; color:#fff; font-size: 16px; border-radius: 5px; 
display: inline-block!important; border: 0; }
.searchbutton:hover{ background-color:#02968a; color:#fff!important; }
.search-blog .search-field {width: 68%;}


.blog-main-b{ margin-bottom: 25px;}
.blog-p h2{margin: 20px 0 10px 0 ; color:#111; font-size: 22px; font-weight: 600;}

.blog-p h3{margin: 20px 0 8px 0 ; color:#111; font-size: 20px; font-weight: 600;}


.comments-back{background-color:#eff1f1; padding: 20px; border-radius: 8px; margin: 40px 0}
.post-comment { color: #fff;background-color: #337CBA; border: solid 1px #337CBA; margin-left: 5px; border-radius:5px; padding: 10px 30px; font-size: 18px; text-transform: uppercase;}
.post-comment:hover {color: #fff;background-color: #111;border: solid 1px #111}
.comments-back .form-control {
    display: block;
    width: 100%;
    height: 44px;
    padding: 0.375rem 0.75rem;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: 0rem;
}
.form-group {margin-bottom: 1rem;}
.blog-comments {font-size: 24px;margin: 0px 0 10px 0;font-weight: 600; color:#337CBA;} 
.comments-back textarea { height: auto!important;}


.blog-home{ padding: 15px; }

.newsletter-bb p {
    display: flex;
}




button.wp-block-search__button.wp-element-button{ background-color:#96dda5; padding: 9px 15px; color:#fff; font-size: 16px; border-radius: 5px; 
display: inline-block!important; border: 0; }

button.wp-block-search__button.wp-element-button:hover{ background-color:#02968a; color:#fff!important; }
.wp-block-search__input { border-radius: 4px!important;}

.banner-box { background-color: rgba(2, 150, 138, 0.8);padding: 20px;border-radius: 5px;}
.banner-text {font-size: 36px;}
.banner-text1 {font-size: 28px;}
select.orderby {padding: 8px;border: solid 1px #ddd;}
.woocommerce .woocommerce-result-count {margin: 0 10px 0em!important;}
.align-items-baseline {align-items: center!important;width: 100%;justify-content: end!important;}
.woocommerce .woocommerce-ordering {margin: 0 0 0em!important;}
.d-flex.filter-sw.align-items-baseline.flider-r { padding-bottom: 10px;}

.woocommerce:where(body:not(.woocommerce-uses-block-theme)) div.product p.price, .woocommerce:where(body:not(.woocommerce-uses-block-theme)) div.product span.price {
    color: #43a69d!important;
    font-size: 1.25em;
}

.woocommerce-product-details__short-description {
    border-bottom: solid 1px #ddd;border-top: solid 1px #ddd;
    margin: 20px 0; padding-top: 15px;
}

body .qib-button-wrapper {
    display: inherit!important;
    float: inherit!important;
 
}

.qib-button-wrapper {margin: 3px 0 20px 0!important;}

button.single_add_to_cart_button.button.alt {
    padding: 14px 40px;
    background-color: #96dda5;
    color: #fff!important;
    font-weight: bold;
    border-radius: 5px; margin-right: 10px;
    font-size: 17px;
    transition: 0.5s ease-in-out;
}
button.single_add_to_cart_button.button.alt:hover {
background-color: #6cb6ae!important;
  
}

.wvg-gallery-thumbnail-image {
    width: 100px !important;
    height: 100px;
    margin-right: 4px !important;
}

.woocommerce-tabs.wc-tabs-wrapper .woocommerce-Tabs-panel{    padding: 25px!important;
    box-shadow: 0 0 20px #f0ecec!important;}

.woocommerce div.product .woocommerce-tabs ul.tabs { margin: 0 0 0em!important;}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active {
    z-index: 2;
    border-radius: .25rem !important;
    background-color:#6cb6ae!important; color: #fff!important;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li {
    border: 0px solid #fff;
    background-color: #96dda5!important; padding: 8px 40px!important;
    display: inline-block;
    position: relative;
    z-index: 0; color: #fff!important;
    border-radius: .25rem !important;
    margin: 0px 6px !important; 
    padding: 0 1em;
}

.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce #respond input#submit, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce a.button, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce button.button, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce input.button {
  color: #fff!important;
    background-color: #96dda5!important;}

.woocommerce div.product .woocommerce-tabs .panel {
margin: 0 0 0em!important;}
.related-products { padding: 70px 0 0  0;}
h2 {font-size: 30px;}


.top-cart-sec {position: relative;z-index: 7;}
.top-cart-sec .search-form { position: absolute;right: 0;    top: 0;    z-index: -1;}
.middle-text {
    width: 600px;
       background-color: rgba(2, 150, 138, 0.6);
    padding: 20px;border-radius: 5px;
}
.middle-text p {
    color: #fff;
}
.middle-text h2.main-title48 {
    color: #fff;
}


/*************************  cart ****************************/
.page-id-8 .woocommerce { margin-bottom: 0px; box-shadow: 0 0 20px #f0ecec!important; padding: 15px; border-radius: 8px;}
.woocommerce table.shop_table {background-color: #fff;}
.woocommerce #respond input#submit.alt:hover, .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover {background-color: #111!important;color: #fff;}
.woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt {background-color:#12a14a;color: #fff;-webkit-font-smoothing: antialiased;}
#coupon_code {width: 46%;}
.woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button {
font-size: 100%;color: #fff;background-color: #12a14a;}
.h2, h2 {margin: 0 0 20px 0!important;}


/*********************** Check out *******************/
.page-id-9 .woocommerce { margin-bottom: 0px; background-color:#fafafa; padding: 15px; border-radius: 8px;}
#order_review_heading {padding-top: 30px;font-size: 20px;}
.page-id-9  .woocommerce .col2-set .col-1, .woocommerce-page .col2-set .col-1 {
box-shadow: 0 0 5px #fff;padding: 10px;}
.page-id-9  .woocommerce .col2-set .col-2, .woocommerce-page .col2-set .col-2 {
box-shadow: 0 0 5px #fff;padding: 10px;}
.select2-container .select2-selection--single { height: 40px;margin: 0 0 -4px;}
.select2-container--default .select2-selection--single .select2-selection__rendered {line-height: 36px;}
.select2-container--default .select2-selection--single .select2-selection__arrow {height: 44px;}
.h3, h3 {font-size: 26px; margin: 0 0 20px 0}
span.password-input {width: 100%;}
.page-id-9 div#customer_details span {display: block;}
.page-id-9 div#customer_details input { height: 44px;}
label.woocommerce-form__label.woocommerce-form__label-for-checkbox.checkbox span {display: inline-block !important;}

.select2-container--default .select2-selection--single {height: 44px!important;}
.select2-container--default .select2-selection--single .select2-selection__rendered {line-height: 39px!important;}
.select2-container--default .select2-selection--single .select2-selection__arrow b {
 top: 72%!important;}

.serchformss {padding-bottom: 20px;}
h1.product_title.entry-title {font-size: 34px;margin-bottom: 15px;}


/*********************** admin page *******************/

.woocommerce-account .woocommerce-MyAccount-navigation {
 float: left; width: 30%;background-color: #6cb6ae;
padding: 15px;border-radius: 5px;margin-bottom: 30px; min-height:550px;}
.woocommerce-MyAccount-navigation ul li a{ color:#fff; display: block; font-size: 15px; padding-bottom: 10px;    
 border-bottom: solid 1px #81cbc3;margin-bottom: 10px;}
.woocommerce-MyAccount-navigation ul li a:hover{ color:#fff; }
.woocommerce-account .woocommerce-MyAccount-content {
box-shadow: 0 0 8px #ddd;padding: 20px; margin-bottom: 30px;}
.h3, h3 {font-size: 20px; font-weight: 400;}
.logged-in.admin-bar h2 { margin-bottom: 20px; text-align: left!important}
.logged-in.admin-bar .u-column1.col-1.woocommerce-Address {
box-shadow: 0 0 5px #ddd;padding: 10px; width: 49%;}
.logged-in.admin-bar .u-column2.col-2.woocommerce-Address {
box-shadow: 0 0 5px #ddd; width: 49%;padding: 10px;}
.woocommerce form .form-row input.input-text, .woocommerce form .form-row textarea {
 height: 44px!important;
}


/*********************** admin page *******************/


.text-right0rr{ text-align:right; }


@media all and (max-width: 1366px) {			
.banner-bottom-p p br {display: none;}
.gray-section p {font-size: 18px;line-height: 28px;}	
p {line-height: 30px;font-size: 16px;}	


}

@media all and (max-width: 1280px) {    
.five-cat-img {width: 210px;height: 210px;}
.headre-h-uc {height: 52px;}
.two-img-text {bottom: 13px;}

}
	





@media all and (max-width: 1152px) {
.top-cart-sec ul li {padding: 0px 9px 0px 9px;}
.main-title {font-size: 30px;}
.five-cat-img { width: 170px;height: 170px;}
.main-title48 { font-size: 32px; margin-bottom: 10px;}
.main-title23 { font-size: 18px;}
.middle-text { width: 525px;}
.two-title23 {font-size: 17px;}
.two-img-text {left: 40px;top:inherit;width: 200px; bottom: 12px;}
.address-bb-icon {font-size: 36px;padding-left: 0%;}
.related-products { padding: 40px 0 0  0;}

button.single_add_to_cart_button.button.alt { padding: 14px 27px;}


}


@media all and (max-width: 991px) {
.top-cart-sec ul li { padding: 0px 4px 0px 4px;}
.five-cat-img { width: 170px; height: 170px;}
.five-sm-title {font-size: 15px;}
.shop-now { padding: 9px 16px;font-size: 15px;}
.two-img-text {left: 27px;top: inherit;width: 200px;}
.blog-title {font-size: 14px;}
.testmonials-box.text-center p{font-size: 15px; line-height: 26px; margin-top: 20px;}
.owner-test { font-size: 18px;}
.banner-text {font-size: 36px;}
.banner-text1 {font-size: 25px;}
.footer-section h6 {font-size: 22px;}
h1.product_title.entry-title { font-size: 30px;}
h2 {font-size: 28px;}
.h3, h3 {font-size: 23px;margin: 0 0 20px 0;}
.shop-now { padding: 6px 16px;font-size: 14px;}


}

@media all and (max-width: 912px) {
.common-sec {padding: 40px 0;}
.common-sec-1 {padding: 40px 0 10px 0}
.main-title {font-size: 27px;}
.middle-text { width: 421px;}
.shop-page-title { font-size: 15px;}
.about-2{ margin-bottom: 25px; }
.about-1{ margin-bottom: 25px; }
.inner-main-title-b {font-size: 30px;}
.inner-main-title-w {font-size: 30px;}
.about-back-text {padding-left: 0;}
.about-back {padding: 40px 0;}


}

@media all and (max-width: 870px) {
.middle-info {bottom: 15%;}

body, html{ overflow-x: hidden; }
.address-bb-icon {width: 9%;}
.get-a-free {padding: 15px;}
.testmonials-box {padding: 7px;}
.woocommerce div.product .woocommerce-tabs ul.tabs li { padding: 4px 40px !important;}


/*********************** back *******************/
.woocommerce-account .woocommerce-MyAccount-navigation {
min-height: auto;
}

/*********************** back *******************/



}


@media all and (max-width: 767px) {
a.logo.d-flex.align-items-center img {width: 200px;}
.top-cart-sec {margin: 0px 0 0 0;float: right;position: absolute;right: 58px;top: 2px;}
.top-cart-sec img { width: 16px;}
.five-categories ul {flex-wrap: wrap;}
.five-categories ul li {width: 50%;}
.five-cat-img {width: 140px;height: 140px;}
.five-sm-title {font-size: 18px;    margin: 9px 0 7px 0}
.five-categories-b {padding: 0 0px 20px 0;text-align: center;}
.main-title {font-size: 26px; }

.middle-info { bottom: 0;position: relative;}
.middle-text { width: 100%;padding: 20px 0 0 0;        text-align: center;}
.main-title48 {font-size: 24px;margin-bottom: 10px;}

.shop-now-b {padding: 9px 30px;font-size: 16px;}
.main-title23 { font-size: 17px;font-weight: normal;}
.best-product-mt {margin-bottom: 16px;}
.two-img-text {left: 27px;top: inherit;width: 85%;
padding: 9px; bottom:4px;}

.blog-box.imggray { margin-bottom: 25px;}
.blog-title { font-size: 17px; }
.footer-section h6 {font-size: 22px;margin: 25px 0 4px 0;}
.footer-section {padding: 20px 0px 0 0;}
.bottom-social-img img {width: 26px;}
.copy-right { padding: 24px 0 10px 0;margin-top: 0;}
.mobile-banner-w{ display: block; }
.destop-banne{ display: none!important; }
.banner-text { font-size: 21px; }
.banner-text1 { font-size: 18px;}
.start-bt { padding: 9px 30px; font-size: 15px;margin-right: 0;}
.headre-h-uc {height: 48px;}
.shop-page-title {font-size: 16px;}

.write-a-mm-text {font-size: 24px; margin: 0 0 15px 0;}
.address-bb-icon {width: 15%;}
p {line-height: 28px;font-size: 16px;}
.address-bb-icon {font-size: 31px;padding-left: 0%;}
.write-a-mm {padding: 10px;}
.contact-submit {padding: 10px 30px;font-size: 16px;}
.write-a-mm .form-control { height: 45px; font-size: 15px;}
.testimonials-box { padding: 15px;}
.teztmoni-own {font-size: 18px;font-weight: 600;}
.inner-banner-title span { font-size: 22px;padding: 11px 30px;}
.inner-main-title-b {font-size: 24px;}
.inner-main-title-w {font-size: 24px;}
.col-md-6.position-relative.imggray.mt-5 {margin-top: 20px !important;}
.signup-button {padding: 9px 15px;}
.wpcf7-spinner { display: none!important;}
.inner-banner-info {position: relative;bottom: 0;background-color:#02968a}
.get-a-free p{ font-size:14px; }
.address-text {margin: 0px 0 0px 0;}
.write-a-mm p{margin: 0px 0 0px 0;}
.woocommerce div.product .woocommerce-tabs ul.tabs li {padding: 4px 20px !important;}
.woocommerce-tabs.wc-tabs-wrapper .woocommerce-Tabs-panel {padding: 15px !important;}
.middle-info{background-color:#02968a; padding:10px;}



/*********************** back *******************/

.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce #respond input#submit, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce a.button, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce button.button, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce input.button {
    padding: 13px 8px!important;
    font-size: 15px!important;}


h2 {font-size: 22px;}
body .qib-button-wrapper {display: flex !important;}




/*********************** back *******************/




}