@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;700&display=swap');
 
@font-face {
    font-family: 'glacial-indifference';
    src: url('fonts/GlacialIndifference-Regular.woff2') format('woff2'),
        url('fonts/GlacialIndifference-Regular.woff') format('woff'),
        url('fonts/GlacialIndifference-Regular.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'glacial-indifference';
    src: url('fonts/GlacialIndifference-Bold.woff2') format('woff2'),
        url('fonts/GlacialIndifference-Bold.woff') format('woff'),
        url('fonts/GlacialIndifference-Bold.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}


body{
  font-family: "glacial-indifference", glacial-indifference, "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 18px;
  font-weight: 400;
  color: #000;
  line-height: 1.65;
  }
a{color: #fb33db;text-decoration:none;outline: none;}

a,
.btn,
button{-webkit-transition: all .3s;-moz-transition: all .3s;-o-transition: all .3s;transition: all .3s; }
a:hover { color: #fb33db; text-decoration: none;}
.fancybox-button{min-width: auto;} 

h1, h2, h3, h4, h5, h6{font-family: "glacial-indifference", glacial-indifference, "Helvetica Neue", Helvetica, Arial, sans-serif;font-weight: 700;line-height: 1.2;margin-bottom: 20px;color: #000;}
.main-section a.link { word-break: break-all;}
a.link i {font-size: 11px;}
h1{font-size: 42px;   }
h2{font-size: 42px; }
h3{font-size: 34px;}
h4{font-size: 30px; }
h5{font-size: 20px;}
h6{font-size: 16px;}


.mrt-20{margin-top:20px;}
.mb-50 {margin-bottom: 50px;}
.fs-60{font-size:60px;}
.fs-42 {font-size:42px;}
.fs-34 {font-size:34px;}
.fs-30 {font-size:30px;}
.fs-25{font-size:25px;}
.fs-28{font-size: 28px;}
.fs-18{font-size:18px;}
.border {border: 1px solid rgb(48 63 80 / 4%) !important;}
.mb-33{margin-bottom: 33px;}
.mt-7{margin-top: 70px;}

img{max-width: 100%;}
button, .btn, input[type="submit"]{min-width: 141px;border: 2px solid #00fe65;padding: 14px 20px;line-height: 1.3;cursor: pointer;position: relative;font-family: "glacial-indifference", glacial-indifference, "Helvetica Neue", Helvetica, Arial, sans-serif;box-shadow: none !important;color: #fff;background: #00fe65;font-size: 14px;font-weight: 700;border-radius: 8px;}
[type=reset]:hover, [type=submit]:hover, button:hover, .btn:hover, html [type=button]:hover  {background: #fb33db;border-color: #fb33db;color: #fff;cursor: pointer;}
[type=reset]:focus, 
[type=submit]:focus,
button:focus, 
.btn:focus, 
html [type=button]:focus { outline: 0; box-shadow: 0 0 8px rgba(0, 0, 0, .33);}

.outline-btn { background: #fff;  color: #00fe65;}
.outline-btn:hover { background: #00fe65; color: #fff; border-color: #00fe65;}
.green-hover:hover { background: #fb33db;  color: #00fe65;   border-color: #fb33db;}



/*
.btn:not(:disabled):not(.disabled).active, .btn:not(:disabled):not(.disabled):active {background: #00fe65; color: #fff;}
*/
a.link {text-decoration: underline;}
input{ font-family: "glacial-indifference", glacial-indifference, "Helvetica Neue", Helvetica, Arial, sans-serif;  }
input[type="file"] { font-size: 14px;   -webkit-appearance: none;}
.field {display: inline-block;width: 100%;margin-bottom: 1rem;}
.form-control {outline: none !important;padding: 13px 15px;border-radius: 4px;
  border: 1px solid #C4C4C4;background: #fff;box-shadow:none !important;font-size: 14px;
  color: rgb(61 61 61 / 43%);
  font-family: "glacial-indifference", glacial-indifference, "Helvetica Neue", Helvetica, Arial, sans-serif;font-weight: 400;}
textarea.form-control {min-height: 85px;}
.form-control:focus {  background-color: transparent;  border-color: inherit;} 
select.form-control:not([size]):not([multiple]) { height: 49px; -webkit-appearance: none;   background-image: url(images/select-arrow.png);
    background-position: 95% center;    background-repeat: no-repeat; padding-right:40px;}
blockquote { padding: 25px 25px; border-left: 4px solid #00fe65;     background: rgba(16, 86, 120, 0.05);
   font-size: 17px;   font-weight: 300;   position: relative;  line-height: 28px; }
blockquote strong{font-weight:500;}
blockquote:before {content: "";  position: absolute;   top: 0;   right: 0;   border-style: solid;  border-width: 0 41px 41px 0;    border-color: #ddd #fff;   transition: all ease .5s;}
 
.form-group label {display: block;  margin-bottom: 10px;}
.text-dark { color: #00fe65!important;}
.before-none:before{display: none;}
.after-none:after{display: none;}


 /* nochange*/
 
.font-medium{ font-weight: 500;}
.underline {text-decoration: underline;}
 strong { font-weight: 700;}
.font-light{font-weight: 300;}
.font-semi-bold{font-weight: 600;}

 

 ::-webkit-input-placeholder { color:#c6c6c6 !important;}
::-moz-placeholder { color:#c6c6c6 !important;}
:-ms-input-placeholder { color:#c6c6c6 !important;}
:-moz-placeholder {color:#c6c6c6 !important;}
:placeholder { color:#c6c6c6 !important; }


.main-section{padding:40px 0px; background-size: cover !important; background-repeat: no-repeat !important; background-position: center center !important;position: relative;}
.main-section .container{position:relative;}
.main-section:before{content:""; position:absolute; left:0px; top:0px; width:100% !important; height:100% !important; background:transparent; }
.pr-50{padding-right:50px;}
.pl-50{padding-left:50px;}
button.close:before { display: none;}
button.close { min-width: auto;  color: #000 !important;  opacity: 1;  background: transparent !important;}
button.close.white-btn {color: #fff !important;}
 .br-5{border-radius: 5px;}
.br-10{border-radius: 10px;}
.box-shadow{box-shadow: 0px 4px 5px rgb(0 0 0 / 10%);}
.object-fit {overflow: hidden;}
.object-fit img {width: 100% !important;height: 100%;object-fit: cover;}
.zoom-hover img {-webkit-transition-timing-function: cubic-bezier(0.7,0,0.3,1);
    transition-timing-function: cubic-bezier(0.7,0,0.3,1);
    transition: all .5s;}
.zoom-hover:hover img {transform: scale(1.1);}
.sprit-icon { background-image: url(images/sprit.png); background-repeat: no-repeat;
  background-size: auto;  display: inline-block;}
.list-style {padding: 0px; list-style: none;}
.list-style li { display: inline-block;}

.tcolor{color:#fb33db;}
.bg-light{ background-color: #FEFAF7 !important;} 
.bg-dark { background-color: #00fe65!important; color: #fff;}
.bg-green {background-color: #fb33db;} 
.bg-orange {background-color: #fb33db; } 
.bg-orange-light {background-color: #FCE5D5; } 
.br-20 { border-radius: 20px; overflow: hidden;}
.bg-light-blue{background: #cce6e5;}
.icon-btn {color: #3D3D3D; min-width: auto; background: transparent !important; border: none; padding: 10px; font-size: 22px;}


/* header */
.header { box-shadow: 3px 3px 15px rgb(0 0 0 / 14%);}
.top-bar {font-size: 14px;padding: 0px 0px 8px;} 
.top-bar ul li a { color: #fff; padding: 0px 5px; display: inline-block; font-size: 16px; } 
.top-bar ul li a:hover {color: #fb33db;}
.top-bar ul { margin-left: 20px; }
.top-bar ul li a i { vertical-align: bottom;  margin-right: 4px;}
.header-info img { max-width: 156px; vertical-align: middle;}


.site-logo {padding: 25px 0px; display: inline-block;} 
.shop-menu {display: inline-block;padding-top: 10px;text-align: right;width: 100%;} 
.shop-menu ul.list-style > li { font-size: 22px; position: relative; margin-right: 20px; } 
.shop-menu ul.list-style > li:last-child { margin-right: 0px; }

.menu-bar {background: #FEFAF7;border-top: 1px solid rgb(48 63 80 / 4%);border-bottom: 1px solid rgb(48 63 80 / 4%);} 
.menu ul li { font-size: 16px; color: #3D3D3D; line-height: 19px; font-weight: 400; position: relative; } 
.menu ul li a { color: #3D3D3D; display: inline-block; padding: 5px 15px; } 
.menu ul.main-list li a { padding: 22px 25px; } 
.menu ul.main-list li:hover > a {color: #3D3D3D;}
.menu ul li.active { font-weight: 700;}

.menu ul.main-list > li ul{ position: absolute;  left: 0px;  padding: 0px; top: 100%;  width: 220px;
    z-index: 100;   background: #ffffff;  border-radius: 0px;  opacity: 0;  visibility: hidden;
    display: inline-block;   -ms-transform: translateY(20px);   transform: translateY(20px);  -webkit-transition: all .3s;
    -moz-transition: all .3s;  -o-transition: all .3s;   transition: all .3s;   pointer-events: none;}
.menu ul.main-list > li:hover > ul{  opacity: 1;    visibility: visible;transform: translateY(0px);-ms-transform: translateY(0px); pointer-events: all;}
.menu ul.main-list > li  > ul > li a {padding: 10px 10px;display: block;line-height: normal;position: relative;}
.menu ul.main-list > li  > ul > li{display:block;text-align: left;}
.menu ul.main-list > li > ul > li:hover > a {background: #fb33db;color: #fff;}
.menu-bar ul { margin: 0px;}
.menu ul.main-list > li.active > a,
.menu ul.main-list > li:hover > a {color: #fb33db;}


.shop-nav ul li { font-size: 16px; color: #3D3D3D; line-height: 19px; font-weight: 400; position: relative; } 
.shop-nav ul li a { color: #3D3D3D; display: inline-block; padding: 5px 15px; } 
.shop-nav ul.list-style li a { padding: 22px 20px; } 
.shop-nav ul.list-style li:hover > a {color: #3D3D3D;}
.shop-nav ul li.active { font-weight: 700;}

.shop-nav ul.list-style > li ul{
    position: absolute;
    left: 0px;
    padding: 0px;
    top: 100%;
    width: 600px;
    z-index: 100;
    background: #ffffff;
    border-radius: 0px;
    opacity: 0;
    visibility: hidden;
    display: inline-block;
    -ms-transform: translateY(20px);
    transform: translateY(20px);
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    pointer-events: none;
    transform: translateX(-50%) !important;
    }
.shop-nav ul.list-style > li:hover > ul{  opacity: 1;    visibility: visible;transform: translateY(0px);-ms-transform: translateY(0px); pointer-events: all;}
.shop-nav ul.list-style > li  > ul > li a {padding: 10px 10px;display: block;line-height: normal;position: relative;}
.shop-nav ul.list-style > li  > ul > li{display:block;float: left;width: 33.33%;}
.shop-nav ul.list-style > li > ul > li:hover > a { background: #fb33db;}
.shop-nav ul { margin: 0px;}
.shop-nav ul.list-style > li.active > a,
.shop-nav ul.list-style > li:hover > a {background: #fb33db;}


span.cartno { display: inline-block; position: absolute; font-size: 14px; background: #fb33db; 
  border: 2px solid #fb33db; border-radius: 25px; width: 30px; height: 30px; text-align: center; 
  line-height: 30px; color: #FFFFFF; top: -22px; right: -20px; } 
.shop-menu ul.list-style > li a { position: relative; } 
.shop-menu ul.list-style > li a i { position: relative; z-index: 1; } 

.shop-menu ul {width: 100%;}
.icon-btn.search-btn {padding: 0px 10px; vertical-align: top; line-height: 1; color: #fb33db;}

.shop-menu li:hover > ul{opacity: 1; visibility: visible; pointer-events: all; }
.shop-menu  ul.search-box { padding: 0px; width: 300px; position: absolute; right: 0px; top: 100%; z-index: 11; background: #fff;
padding: 10px; position: absolute; opacity: 0; visibility: hidden; pointer-events: none;} 
.shop-menu  ul.search-box .field { position: relative; } 
.shop-menu  ul.search-box .field button.icon-btn { position: absolute; top: 0px; right: 0px; line-height: 0; height: 100%; } 
.shop-menu  ul.search-box .field input.form-control { padding-right: 40px; }


/* Banner  */
.banner{height: 575px;}
.banner-txt .link span {background: #b3cfdd;}
.banner-shape {position: absolute;bottom: -26px;left: 0px;width: 100%;} 
.banner-txt .bnr-title {line-height: normal;letter-spacing: 0px;font-weight: 700;font-size: 50px;color: #fff;}
.banner-txt p { font-weight: 400; font-size: 22px;} 
.banner-txt .btn{margin-top: 20px;}
 

 .hero-slider .item{
  background-size: cover !important;
  background-repeat: no-repeat !important;
  background-position: center center !important;
  position: relative;
  } 
 .banner-txt {max-width: 600px;padding: 50px 0px;height: auto !important;margin: auto;text-align: center;position: relative;color: #fff;} 
 .owl-dots { position: absolute; bottom: 10px;}
.hero-slider, .hero-slider div { height: 100%;}
.hero-slider .container { display: flex; align-items: center;}

.banner-txt{overflow: hidden;}
.banner-txt .bnr-title, .banner-txt p, .banner-txt  .btn {
    -webkit-transform: translateY(80px);   -moz-transform: translateY(80px);
    -ms-transform: translateY(80px);  -o-transform: translateY(80px);  transform: translateY(80px);  opacity: 0;}


.hero-slider .active .banner-txt .bnr-title{opacity: 1; -webkit-transform: translate(0); -moz-transform: translate(0); 
  -ms-transform: translate(0); -o-transform: translate(0); transform: translate(0); -webkit-transition: all 700ms ease; 
  -moz-transition: all 700ms ease; -ms-transition: all 700ms ease; -o-transition: all 700ms ease; transition: all 1000ms ease; 
  -webkit-transition-delay: 1300ms; -moz-transition-delay: 1300ms; -ms-transition-delay: 1300ms; -o-transition-delay: 1300ms; 
  transition-delay: 1300ms;}
 
 .hero-slider .active .banner-txt p{opacity: 1; -webkit-transform: translate(0); -moz-transform: translate(0); 
  -ms-transform: translate(0); -o-transform: translate(0); transform: translate(0); -webkit-transition: all 700ms ease; 
  -moz-transition: all 700ms ease; -ms-transition: all 700ms ease; -o-transition: all 700ms ease; transition: all 1000ms ease; 
  -webkit-transition-delay: 1500ms; -moz-transition-delay: 1500ms; -ms-transition-delay: 1500ms; -o-transition-delay: 1500ms; 
  transition-delay: 1500ms;}

.hero-slider .active  .banner-txt .btn{ opacity: 1; -webkit-transform: translate(0); -moz-transform: translate(0); 
  -ms-transform: translate(0); -o-transform: translate(0); transform: translate(0); -webkit-transition: all 700ms ease; 
  -moz-transition: all 700ms ease; -ms-transition: all 700ms ease; -o-transition: all 700ms ease; transition: all 1000ms ease; 
  -webkit-transition-delay: 1700ms; -moz-transition-delay: 1500ms; -ms-transition-delay: 1700ms; -o-transition-delay: 1700ms; 
  transition-delay: 1700ms;}


.hero-slider .item:before { background: linear-gradient(356deg, black, transparent);   content: "";  width: 100%;  height: 100%;  left: 0px;  top: 0px; position: absolute;}
.cat-slider { position: relative; margin-top: 25px; } 
.cat-item a {background: #fb33db;    color: #00fe65;align-items: center;
 display: flex; width: 100%; padding: 10px 40px 10px 50px; border-radius: 10px; font-size: 17px; line-height: normal; min-height: 70px; font-weight: 600; } 
.cat-item a i { position: absolute; left: 20px; top: 15px; font-size: 20px; }
.cat-item a:hover { background: #00fe65; color: #fff;}
 

.overflow-hidden { overflow: hidden;}
.destination-section .main-title { padding-top: 45px;}

.destination-item { background: #fff; text-align: center; } 
.destination-txt { padding: 25px 0px; } 
.destination-txt h6 a { color: #333; } 
.destination-txt h6 a:hover { color: #eb9f65; }
.title-tagline{font-style: italic;}
.fs-18{font-size: 18px;}

.deal-adv { position: relative; } 
.overlay { position: absolute; left: 0px; top: 0px; bottom: 0px; right: 0px; background: transparent linear-gradient(180deg, rgb(17 17 17 / 0%) 0%, rgb(0 0 0 / 53%) 100%) 0% 0% no-repeat padding-box; } 
.overlay-box { height: 100%; width: 100%; display: flex; align-items: end; } 
.overlay-txt { position: relative; padding: 15px 40px 15px 125px; } 
.offer-value {position: absolute;left: -16px;bottom: -15px;width: 111px;height: 111px;border-radius: 100%;border: 3px solid #a9bb89;background: #fb33db;font-size: 30px;font-weight: 700;text-align: center;line-height: 1;padding: 20px;} 
.offer-value span { display: block; width: 100%; font-weight: 400; font-size: 20px; line-height: 1; } 
.overlay-txt h6 { font-weight: 700; margin-bottom: 0px; } 
.overlay-txt p { margin-bottom: 0px; } 
.overlay:hover { background: transparent linear-gradient(180deg, rgb(17 17 17 / 0%) 0%, rgb(0 0 0 / 72%) 100%) 0% 0% no-repeat padding-box;}
.deal-adv.object-fit {height: 275px; margin-bottom: 30px;}
.currents {background: #00fe65 !important;}

/* product */

.vam{vertical-align: middle;}
.mb-30{margin-bottom: 30px;}

.fs-20 { font-size: 20px; } 
.prd-item-txt { padding: 20px 10px; } 
.btn-area { display: flex; justify-content: center; width: 100%; position: relative; } 
.btn-area .icon-btn { background: rgb(204 204 204 / 25%) !important; border-radius: 8px; font-size: 17px; opacity: 0; } 
.btn-area button,
.btn-area .btn{ margin: 0px 5px; } 
.btn-area .wishlist-btn{ right: -20px; } 
.btn-area .detail-btn { left: -20px; } 
.prd-item:hover .btn-area .icon-btn { opacity: 1 !important; right: auto; left: auto; } 
.prd-item-txt .price { margin-bottom: 10px; font-weight: 600; } 
.prd-item-txt h3 { margin-bottom: 10px; } 
.prd-item-txt h3 a {color: #000;}
.prd-item { overflow: hidden; }
.wishlist-btn.active i.ri-heart-line:before { font-family: 'remixicon' !important; content: "\EE0E";}
.bg-site {background: #00fe65;}
.btn-secondary {background: #fff; color: #00fe65;}

.listing-box ul { list-style: none; padding: 0px; } 
.listing-box ul li { display: inline-block; width: 100%; margin-bottom: 10px; } 
.listing-box ul li a { display: inline-block; position: relative; width: 100%; padding: 10px 10px 10px 90px; box-shadow: 0px 15px 60px 0px rgb(216 216 216 / 40%); background: #fff; } 
.listing-img { width: 70px; height: 70px; position: absolute; left: 10px; top: 10px; } 
.listing-img img { width: 100%; height: 100%; object-fit: cover; }


.whyus-box { padding: 30px 30px 30px 100px; position: relative; box-shadow: 0px 3px 35px rgb(0 0 0 / 10%); background: #fff !important; 
  -webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; transition: all .3s; } 
.whyus-icon { font-size: 50px; position: absolute; left: 29px; } 
.whyus-box h6 { margin-bottom: 8px; } 
.tblue { color: #21a06a; } 
.tred { color: #e4573d; } 
.tgreen { color: #febd00; } 
.whyus-box:hover { transform: translateY(-10px); }


/* aside */
.prd-sort-filter {margin-bottom: 25px;font-size: 15px;color: #545454;}
.prd-sort-filter select {color: #545454; display: inline-block; width: auto;}
select{outline: none;} 
.aside-widget ul { list-style: none; padding: 0px; } 
.aside-widget {font-size: 13px;margin-bottom: 5px;background: rgb(229 229 229 / 27%);padding: 15px;} 
.aside-widget ul li { margin-bottom: 6px; font-size: 15px;} 
.aside-widget ul li a { display: inline-block; width: 100%; position: relative;  padding: 2px 20px 2px 0px; } 
.aside-widget ul li a:before {     font-family: remixicon!important;
    content: "\EA6E"; position: absolute; right: 0px;  top: 2px;}
.aside-widget h5 {    padding-bottom: 10px;    border-bottom: 1px solid #eee;   color: #00fe65;} 
.aside-widget label input[type="checkbox"] { display: inline-block; vertical-align: middle; 
  width: 16px; height: 16px; outline: none; border-radius:2px; border-color: #e5e5e5;margin-top: -4px;  margin-right: 5px;} 
.aside-widget ul li label { line-height: 16px; } 
.aside-widget label input[type="checkbox"] { -webkit-appearance: none; -moz-appearance: none;    -webkit-box-shadow: none}
.aside-widget label input[type="checkbox"]:hover {background-color: #3691ec !important;cursor: pointer;}
.aside-widget label input[type="checkbox"]:checked {background-color: #3691ec!important;cursor: pointer;}
.aside-widget ul li a {color: #292929;}
.aside-widget ul li a:hover {color: #3691ec;}
button#filter-btn-cls {min-width: auto; display: none;}
button#filter-btn { min-width: auto;  display: none;}

.aside-widget .listing-img.object-fit { width: 80px;  height: 80px; top: 5px; left: 5px;}
.aside-widget .listing-item {padding: 5px 5px 5px 90px; min-height: 95px; position: relative;}
.fs-15{font-size: 15px;}
.fs-14{font-size: 14px;}


.prd-bar { display: inline-block; width: 100%; } 
.prd-bar a { display: inline-block; width: 100%; position: relative; min-height: 70px; padding: 10px 10px 10px 80px; border-bottom: 1px solid #eee; } 
.prd-bar a .listing-img { left: 0px; top: 10px; } 
.prd-bar a:hover h6 { color: #fb33db; }

.prod-slider .owl-nav .owl-prev {left: 0px;}
.prod-slider .owl-nav .owl-next {right: 0px;}
.owl-nav svg { width: 30px; height: 22px;}
.owl-nav button svg { position: absolute; left: 50%;  top: 50%;  transform: translate(-50%, -50%);}
.prod-slider { text-align: center;   padding: 20px; border-radius: 10px;}
.prod-slider .item img { margin: auto;}
div#sync4 { padding: 10px 0px;}

.prod-slider .owl-nav { position: absolute; top: 50%; left: 50%; width: 100%; transform: translate(-50%, -50%); } 
.prod-slider .owl-nav button.owl-prev { float: left; margin-left: 0px; background: #00fe65; border: 0px !important; } 
.prod-slider .owl-nav button.owl-next { float: right; margin-right: 0px; background: #00fe65; border: 0px !important; } 
.owl-nav button svg path { stroke: #fff !important; }


.review-tab-action.border-bottom {position: relative;}
.review-tab-action.border-bottom button {position: absolute; right: 0px; top: 0px;}
.reviews-list .row.border-bottom:last-child {border-bottom: none !important;}
.reviews-list .row.border-bottom:last-child {border-bottom: none !important;}
.rating i {color: #ff9f35;}
.tab-txt .rating span {display: block; font-size: 13px; color: #999;}
.rating .c-name {font-weight: 500; font-size: 20px;}

.review-model .star-rating { display:flex; flex-direction: row-reverse;font-size:1.5em;  justify-content:space-around;  padding:0 .2em;  text-align:center;  width:5em;}
.review-model .star-rating input {display:none;}
.review-model .star-rating label {color:#ccc;  cursor:pointer;}
.review-model .star-rating :checked ~ label {color:#f90;}
.review-model .star-rating label:hover,
.review-model .star-rating label:hover ~ label { color:#fc0;}
.tab-txt table tr td {padding: 10px 15px;}
.tab-txt table tr td,
.tab-txt table tr th{ border: 1px solid #ebebeb;}
.tab-txt table {width: 100%;}



/* owl */
.owl-dots button:before, .owl-dots button:after, 
.owl-dots button span:before, .owl-dots button span:after { display: none;}
.owl-dots {height: auto !important;width: 100%;text-align: center;background: transparent !important;}
.owl-dots button {background-color: transparent;overflow: hidden;display: inline-block;min-width: auto !important;margin-right: 7px;width: 11px;height: 11px;border: 1px solid #00fe65 !important;border-radius:100%;}
.owl-dots button.owl-dot.active {background: #00fe65; }
.owl-dots button{box-shadow:none !important; outline:none !important;}
.owl-nav button { width: 50px; min-width: auto; height: 50px; position: relative; overflow: hidden;border: 1px solid #fff !important; color: #fff !important;pointer-events: all;}
.owl-nav button span {position: relative;z-index: 1;min-width: auto;}  
.owl-nav  .fa-angle-right:before {font-family: 'remixicon' !important; content: "\ea6e";}
.owl-nav .fa-angle-left:before {font-family: 'remixicon' !important; content: "\ea64";}
.owl-carousel .owl-item img {width: auto;}

.lni-chevron-right {  font-family: 'remixicon' !important;    font-style: normal;
    -webkit-font-smoothing: antialiased;    -moz-osx-font-smoothing: grayscale;}
.lni-chevron-right:before {  content: "\ea6e";}
.lni-chevron-down:before { content: "\ea4e";}
div#prd-tabs {  margin-top: 40px;}


/* footer  */
.footer{    background: #00fe65; padding-top: 60px;color: #fff;}
.footer-logo { max-width: 200px;}
.footer-widget ul { list-style: none; padding: 0px; margin: 0px; } 
.footer-widget ul li a { color: #fff; } 
.footer-widget ul li { font-weight: 500; margin-bottom: 10px; } 
.footer-widget ul li a:hover {color: #fb33db;} 
.widget-title {font-size: 20px;margin-top: 15px;margin-bottom: 20px;color: #fff;} 
.footer address { position: relative; padding-left: 24px; } 
.footer address span.material-icons {  position: absolute;  top: 5px;  left: 0px;
  font-size: 17px;  color: #fff;  } 
.footer address p a { color: #fff; } 
.copyright {margin-top: 25px;padding: 10px 0px;font-size: 13px;background: #fb33db;}
.copyright a {color: #fff;}
.footer a:hover { color: #fb33db;}

.back-to-top {    position: fixed;  bottom: 70px;  right: 30px; text-align: center; font-size: 16px; color: #000000; letter-spacing: .308px; z-index: 1111;
    display: inline-block !important;}
.back-to-top span { border-radius: 50%; border: 1px solid #fb33db;width: 42px;  height: 42px;  overflow: hidden;   display: inline-block;
 line-height: 42px;vertical-align: middle;  margin-left: 10px; letter-spacing: .308px; background:#fb33db; color:#fff;}
 .overview-section ul{margin-bottom: 0px;}
 a.whatsapp-link { display: inline-block;max-width: 155px;  position: fixed;  bottom: 20px; z-index: 11; left: 30px;} 




/* faq page */
.faq-page .card-header {padding: 0px;  background: transparent;}
.faq-page .card-header a {padding: 10px 45px 10px 0px;display: inline-block;width: 100%;position: relative;}
.faq-page .card-header a i { position: absolute;  right: 10px;}
.faq-page .card { border: 0px;}
.faq-page .card-header h5 {font-size: 20px;font-weight: 400;}
.faq-page .card-body { padding-left: 0px;}


.testimonials-cotnent { padding: 80px 40px 40px; position: relative; } 
.cimg.object-fit { z-index: 11; width: 104px; height: 104px; border-radius: 100%; position: absolute; top: 0px; left: 50%; 
  transform: translate(-50%, -50%); } 
.testimonials-slider .item { padding: 55px 20px 0px; }
.testimonials-slider .owl-nav {  width: 100%; top: 55%;}

.nav-link {background: #fb33db;color: #fff;} 
.nav-pills .nav-link { margin-right: 10px; } 
.nav-pills { margin-bottom: 20px; }
.nav-link:hover { background: #00fe65; color: #fff;}

button i, .btn i {font-size: 17px; vertical-align: sub;}
.prd-view.quantity ul { list-style: none; padding: 0px; } 
.prd-view.quantity ul li { position: relative; margin-bottom: 15px; } 
.prd-view.quantity ul li .form-control { min-width: auto; display: inline-block; width: auto; } 
.prd-view.quantity ul li span { display: inline-block; min-width: 100px; } 
.prd-view.quantity { margin-top: 13px; margin-bottom: 20px; }
button.icon-btn.del-btn { color: red;}

.ship-different-title h3 { font-size: 18px;  font-weight: 600;}
.ship-different-title input {  margin-right: 5px;}
.your-order { padding: 30px 40px 45px;  border: 3px solid #eaedff;} 
.your-order h3,
.checkbox-form h3 { border-bottom: 1px solid #eaedff;  font-size: 20px; margin: 0 0 20px;  padding-bottom: 10px;  width: 100%;}
.pr-40{padding-right: 40px;}
ul.payment-panel label {display: block;margin-bottom: 0px;color: #6f7172;font-weight: 500;} 
ul.payment-panel { list-style: none; padding: 0px; } 
ul.payment-panel span {padding-left: 25px;display: none;word-break: break-all;font-size: 13px;} 
ul.payment-panel li { margin-bottom: 10px; } 
ul.payment-panel li input[type="radio"]{margin-right: 10px;}




/* breadcrumb */
 
ul.breadcrumb{border-radius:0;margin:0;background:transparent;padding: 0px;display: inline-block;}
ul.breadcrumb a{ text-decoration:none;}
.breadcrumb li{text-transform:capitalize;transition:all .5s;display: inline-block;font-size: 16px;font-weight: 500;}
.breadcrumb li:nth-last-child(1):after{display:none;}
ol.breadcrumb {background: transparent;color: #fff;padding: 0px;margin-bottom: 0;  justify-content: left;}
.breadcrumb li a {color: #00fe65;}
.breadcrumb-item.active {color: #00fe65;}
.breadcrumb-item+.breadcrumb-item::before {color: #00fe65;font-family: remixicon!important;content: "\EA6E";vertical-align: bottom;}
.nav-pills .nav-link.active, .nav-pills .show>.nav-link {color: #fff;background-color: #00fe65;} 

/* about us */

  

.pagination { justify-content: center; } 
ul.pagination ul li { background: #ECECEC; } 
ul.pagination li a { background: #ECECEC; border: none; border-radius: 5px!important; 
  color: #00fe65; font-size: 15px; padding: 11px 16px; box-shadow: none !important; min-width: 40px; } 
ul.pagination li { margin-right: 14px; } 
ul.pagination li:last-child { margin-right: 0px; } 
ul.pagination li a:hover{ color: #fff; background: #00fe65; }
.page-item.active .page-link { z-index: 1; color: #fff;  background-color: #00fe65;  border-color: #00fe65;}
 
/* container */

.container-left {
    padding-left: calc(50% - 570px);
}

.test-img.object-fit { width: 100px; height: 100px; border-radius: 100%; float: left; margin-right: 10px; }

.test-img.object-fit { width: 100px;height: 100px;   border-radius: 100%;   float: left;margin-right: 10px;}
.test-content { display: block;   width: 100%;}
.test-header { display: inline-block;   width: 100%; margin-bottom: 10px;}
.bg-pink { background: #fb33db;}
.hover-white:hover{background: #fff; color: #fb33db; border-color:#fff;}
.copyright a:hover{color:#fff;}


@media (min-width: 576px){
.responsive-tab .card .card-header {display: none;}
.responsive-tab .card .collapse { display: block;}
.modal-dialog { max-width: 80%px;}

}
 
@media (min-width: 768px){ 
.col-lg-hide{ display: none;}
.modal-dialog { max-width: 650px;}
#cart-model .modal-dialog { max-width: 750px;}

}

@media (min-width: 767px){ 
.container { max-width: 100%;}
}


@media (min-width: 768px){
.container {max-width: 720px;}

}

@media (min-width: 992px){
.container {max-width: 960px;}
 


}


@media (min-width: 1200px){
.container {max-width: 1200px;}
.container-fluid {padding-left: 15px;  padding-right: 15px;}

}

 
@media (min-width:1680px){
 
}