@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;300;400;500;600;700;800;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Mulish:wght@200;300;400;500;600;700;800;900&display=swap');


.poppins{font-family: 'Poppins', sans-serif;}
 

::-moz-selection{background:#ffbf0b;color:#fff}
::selection{background:#ffbf0b;color:#fff}

body{ font-family: 'Mulish', sans-serif; font-size:14px;font-weight: 400;color: #000;line-height: 1.65;}
a{color: #ffbf0b;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: #ffbf0b; text-decoration: none;}
.fancybox-button{min-width: auto;} 

h1, h2, h3, h4, h5, h6{ font-family: 'Mulish', sans-serif; font-weight: 800; line-height: 1.2;  
margin-bottom: 20px; color: #002121;}
.main-section a.link { word-break: break-all;}
a.link i {font-size: 11px;}
h1{font-size: 35px; font-weight:700; letter-spacing:0px;}
h2{font-size: 35px;}
h3{font-size: 30px;font-weight: 700;}
h4{font-size: 35px; }
h5{font-size: 21px;}
h6{font-size: 16px;}
 
img{max-width: 100%;}

.mrt-20{margin-top:20px;}
.mb-50 {margin-bottom: 50px;}
.fs-60{font-size:60px;}
.fs-55{font-size: 40px;}
.fs-45 {font-size:45px;}
.fs-35 {font-size:35px;}
.fs-30 {font-size:30px;}
.fs-25{font-size:25px;}
.fs-18{font-size:18px;}

.btn span, button span { position: relative;z-index: 1;} 

button, .btn, input[type="submit"]{
  min-width: 165px;
  border: 1px solid #ffbf0b;
  padding: 12px 20px 14px;
  cursor: pointer;
  position: relative;
  font-family: 'Mulish', sans-serif;
  box-shadow: none !important;
  color: #fff;
  background: #ffbf0b;
  font-size: 14px;
  font-weight: 600;
  border-radius: 0px;
  line-height: 1.6;
  text-transform: uppercase;
  overflow: hidden;
  white-space: nowrap;
  }
 
[type=reset]:hover, [type=submit]:hover, 
button:hover, .btn:hover, html [type=button]:hover  {
  background: #fff;
  border-color: #ffbf0b;
  color: #002121;
  cursor: pointer;
  }
[type=reset]:focus, 
[type=submit]:focus,
button:focus, 
.btn:focus, 
html [type=button]:focus { outline: 0; box-shadow: none;}
.btn:before, 
button:before {  content: "";    position: absolute;  right: -15px;  top: 0;  width: 26px;  height: 100%;  background: #fff;   opacity: .2;    z-index: 0;
    transform: skewX(-22deg);    transition: all .5s ease;  -moz-transition: all .5s ease;
    -webkit-transition: all .5s ease;  -ms-transition: all .5s ease; -o-transition: all .5s ease;}
.btn:hover:before, button:hover:before { opacity: 1;right: 0;  width: 100%;  transform: skewX(0deg);  }
.outline-btn { background: transparent; color: #000000; border-color:#707070;}
.outline-btn:before { background: #ffbf0b;}
.outline-btn:hover,
.outline-btn.active { color: #fff; border-color: #ffbf0b;}

 

a.link {font-weight: 600;text-decoration: none;}
input{ font-family: 'Rajdhani', sans-serif; }
input[type="file"] { font-size: 14px;   -webkit-appearance: none;}
.field {margin-bottom: 15px;display: inline-block;width: 100%;}
.form-control {outline: none !important;padding: 14px 15px;border-radius: 4px;border: 1px solid #C4C4C4;background: #fff;
  box-shadow:none !important;font-size: 14px;font-weight: 400;color: #000;font-family: 'Mulish', sans-serif;}
textarea.form-control { min-height: 91px;}
.form-control:focus {background-color: #fff;border-color: #C4C4C4;} 
select.form-control:not([size]):not([multiple]) {
    height: 52px;
    -webkit-appearance: none;
    background-image: url(images/select-arrow.png);
    background-position: 95% center;
    background-repeat: no-repeat;
    }
blockquote { padding: 25px 25px; border-left: 4px solid #ffbf0b;     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;}
 
.bg-site {background: #002121;color: #fff;}
.form-group label {display: block;  margin-bottom: 10px;}


 /* 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;}
::placeholder {color: #000;  opacity: 1;  }
::-webkit-input-placeholder {color:#000; opacity:1;}
::-moz-placeholder { color:#000; opacity:1;}
:-ms-input-placeholder {color:#000; opacity:1;}
:-moz-placeholder {color:#000; opacity:1;}

.white-placeholder .form-control::placeholder {  color:#FFF; opacity: 1;  }
.white-placeholder .form-control::-webkit-input-placeholder { color:#FFF; opacity: 1;}
.white-placeholder .form-control::-moz-placeholder {color:#FFF; opacity:1;}
.white-placeholder .form-control:-ms-input-placeholder {color:#FFF; opacity: 1;}
.white-placeholder .form-control:-moz-placeholder {color:#FFF; opacity: 1;}


.main-section{padding:50px 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: 5px 5px 10px rgb(0 0 0 / 6%);}
.object-fit {overflow: hidden;}
.object-fit img { width: 100%; 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;}

 
 /* header */
.top-bar { position: relative; font-size: 14px; padding: 8px 0px; } 
.top-bar:before {content: "";position: absolute;background: #ffbf0b;width: 37%;height: 50px;
 top: 0px;clip-path: polygon(0 0, 90% 0, 100% 100%, 0 100%);} 
.top-bar-info a { color: rgb(255 255 255 / 70%); } 
.top-bar-info a i { color: #ffbf0b; margin-right: 6px; }
.topbar-tagline {color: #fff;}
.site-logo {padding: 25px 0px 20px;} 
.header-info ul li {position: relative;margin-right: 35px;vertical-align: middle;} 
.header-info ul li a { display: inline-block; padding-left: 60px; position: relative; text-align: left; } .fs-14 { font-size: 14px; } 
.header-info ul li a p { color: rgb(0 0 0 / 61%); line-height: 22px; margin: 0px; } 
.fs-22 { font-size: 22px; } 
.info-icon { display: inline-block; width: 45px; height: 45px; border-radius: 100%; 
  border: 1px dashed #ffbf0b; text-align: center; line-height: 45px; font-size: 18px; 
  position: absolute; left: 0px; color: #ffbf0b;} 
.header-info ul li:last-child { margin-right: 0px; }
.menu-bar { box-shadow: 0px 0px 10px rgb(0 0 0 / 8%); display: inline-block; width: 100%; } 
.menu ul.list-style {display: inline-block;margin: 0px;} 
.menu a.btn {float: right;padding: 20px 20px;min-width: 174px;} 
.menu a.btn i { vertical-align: middle;}
.menu .list-style li { font-size: 14px; font-weight: 600; position: relative; text-transform: uppercase; } 
.menu .list-style li a { color: #000; padding: 21px 10px; display: inline-block; position: relative;     font-weight: 800;} 
.menu .list-style > li { margin-right: 20px; } 
.menu .list-style > li:last-child { margin-right: 0px; } 
.menu .list-style > li:hover > a { color: #ffbf0b; } 
 
.menu .main-list li > ul {position: absolute;left: 0px;z-index: 11;width: 330px;padding: 0px;margin: 0px;background: #fff;height: 0px;opacity: 0;-webkit-transition: all .3s;-moz-transition: all .3s;-o-transition: all .3s;transition: all .3s;box-shadow: 0px 0px 10px rgb(0 0 0 / 8%);} 
.menu .main-list li > ul li {padding: 0px;width: 100%; height: 0px;
 font-weight: 400; font-size: 14px; overflow: hidden; -webkit-transition: all .3s;
 -moz-transition: all .3s; -o-transition: all .3s; transition: all .3s; float: left;} 
.menu .main-list li > ul li a { padding: 0px 10px; display: inline-block; width: 100%; } 
.menu .main-list > li:hover > ul { height: auto; opacity: 1; visibility: visible; } 
.menu .main-list > li:hover > ul > li { height: auto; -webkit-transition: all .3s; 
  -moz-transition: all .3s; -o-transition: all .3s; transition: all .3s; } 
.menu .main-list > li:hover > ul > li a { padding: 5px 10px; }
.menu .main-list > li > ul > li:hover > a {background-color: #ffbf0b; color: #fff;}
.menu .main-list span.dropdown { color: #ffbf0b; vertical-align: middle;}


  
  /* Banner  */

.hero-slider .item { padding: 106px 0px 200px; } 
.slider-txt { max-width: 500px; } 
.slider-heading {line-height: 1.4;letter-spacing: 0px;margin-bottom: 20px;} 
.slider-txt p { font-weight: 500; } 
.slider-txt .btn-section { margin-top: 20px; } 
.slider-txt .btn-section .btn { margin-right: 5px; } 
.slider-txt .btn-section .btn:last-child { margin-right: 0px; }
.bg-img{background-size: cover !important; background-repeat: no-repeat !important;background-position: center center !important;}
.hero-slider .owl-nav { width: 1170px; margin: auto; text-align: right; position: absolute; left: 50%; 
  transform: translateX(-50%); bottom: 102px;     z-index: 1; } 
.hero-slider .owl-dots { position: absolute; left: 50%;  width: 1140px;  text-align: left;  
  transform: translateX(-50%); bottom: 150px;}
.bg-site a {color: #fff;}



/* owl */
.owl-dots button:before, 
.owl-dots button:after, 
.owl-nav button:before, 
.owl-nav button:after { display: none;}

.owl-dots {height: auto !important;width: 100%;text-align: left;padding-top:20px;background: transparent !important;}
.owl-dots button {background: rgb(90 90 90 / 0%) !important;overflow: hidden;display: inline-block;min-width: auto !important;margin-right: 7px;width: 15px;height: 18px;border: none;border-radius: 0px;line-height: 4px !important;}
.owl-dots button.owl-dot.active {background: rgb(90 90 90 / 10%) !important;}
.owl-dots button{box-shadow:none !important; outline:none !important;}
.cat-slider .owl-nav {margin-top: 15px;}
.owl-nav button {width: 50px;min-width: auto;height: 50px;position: relative; 
  font-size: 25px !important;overflow: hidden;border: 0px !important;
  color: #000000 !important;pointer-events: all; 
    background: rgb(8 121 173 / 2%) !important;}
.owl-nav button span {position: absolute;z-index: 1;min-width: auto;font-size: 25px;top: 50%;left: 50%;transform: translate(-50%, -50%);display: flex;}  
.owl-nav button span i{font-size: 25px; line-height: 0px; margin: 0px; font-style: normal;}  
.owl-nav button:hover{background: #002121 !important; color: #fff !important;}

.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;}
.owl-nav button:first-child { margin-right: 10px; } 
.owl-dots button span {display: inline-block;width: 7px;height: 7px;background: rgb(233 54 54);} 
.owl-dots button.active span {background: rgb(233 54 54);}

.bg-light{background-color:#F1F1F1 !important;} 
.bg-dark {background-color: #000 !important; color: #fff;}

.left-shape{position: relative;}
.left-shape:before { background: #002121;  width: 50% !important;    clip-path: polygon(0 0, 100% 0, 71% 100%, 0 100%);}
.site-box { position: relative; background: #fff; padding: 40px 0px 40px 40px; box-shadow: 0px 0px 15px rgb(0 0 0 / 10%); }

.overbox-icon {width: 60px;height: 60px;font-size: 30px;border-radius: 5px;position: absolute;line-height: 60px;left: 25px;color: #fff;text-align: center;}  
.overview-box {position: relative;padding-left: 110px;} 
.overview-box h6 { margin-bottom: 2px; padding-top: 10px; } 
.overbox-icon:before {content: "";width: 60px;height: 60px;border-radius: 5px;background: #ffbf0b;position: absolute;left: 0px;
transform: rotate(45deg);}
.overbox-icon i {position: relative;}
.overview-box:hover .overbox-icon i{animation: zoomIn 1s;}

.heading { position: relative; padding-bottom: 14px; } 
.heading:before {content: "";width: 80px;height: 2px;background: #ffbf0b;position: absolute;bottom: 0px;} 
.main-title.text-center .heading:before { left: 50%; transform: translateX(-50%); } 
.cat-item {background: #fff;border-radius: 10px;text-align: center;overflow: hidden;border: 1px solid #f1f1f1;position: relative;} 
.cat-info h6 a { color: #000; } 
.cat-info h6 a:hover { color: #ffbf0b; } 
.cat-info { padding: 20px 0px; }



.product-item {padding: 20px 20px 30px;text-align: center;border: 0.5px solid rgb(129 129 129 / 23%);background: #fff;} 
.product-col {margin-bottom: 30px;}
.prd-cat span { display: inline-block; font-size: 11px; color: #fff; background: #ffbf0b; padding: 2px 5px; float: left; 
  font-weight: 600; margin-right: 6px; margin-bottom: 5px;} 
.prd-cat { display: inline-block; width: 100%; } 
.product-title a {color: #818181;} 
.product-title { color: #818181; font-size: 14px; font-weight: 400; line-height: 1.5; } 
.product-img {text-align: center;margin-bottom: 20px;}
.btn-2 { border: 0.5px solid rgb(129 129 129 / 23%);  padding: 8px 15px;  color: #818181;  font-size: 14px;}
.btn-2:hover {background: #ffbf0b; color: #fff;}
.product-img img {max-height: 220px;}
.price {margin-bottom: 20px; font-weight: 600;}


.testimonials-section:before { background-color: #002121;  width: 60% !important;   right: 0px;  left: auto; clip-path: polygon(100% 0, 100% 100%, 29% 100%, 0 0);
    background-image: url(images/global-map.png);   background-repeat: no-repeat !important;  
    background-position: center right !important;    background-size: contain;}

.testimonials-cotnent {padding-left: 120px;position: relative;} 
.cimg.object-fit {z-index: 11;width: 104px;height: 104px;border-radius: 100%;margin-bottom: 20px;position: absolute;left: 0px;top: 0px;} 
.testimonials-slider .item {padding: 0px;}
.testimonials-slider .owl-nav {  width: 105%; top: 55%;}

.bg-fixed {background-attachment: fixed;}
.tcolor{color:#002121 !important;}
.bg-light{background-color: #ededed !important;} 
.bg-dark {background-color: #002121 !important;} 
.rating span {
    vertical-align: middle;
}
.c-inof { font-weight: 700 !important;}
.listing-txt {padding: 10px 10px 10px 0px;}
.listing-txt .price { margin-bottom: 0px;}
.listing-txt h6 {margin-bottom: 10px;}


/* footer  */

.widget-title {color: #fff;font-weight: 600;position: relative;padding-bottom: 10px;} 
.widget-title:before {position: absolute;content: "";width: 35px;height: 2px;background: #ffbf0b;bottom: 0px;left: 0px;} 
.footer-widget ul:not(class) { line-height: normal; list-style: none; padding: 0px; margin: 0px; } 
.footer-widget ul:not(class) li {font-size: 14px;font-weight: 500;line-height: 30px;} 
.footer-widget ul:not(class) li a {color: #fff;} 
.footer-widget ul:not(class) li a:hover {color: #ffbf0b;} 
.fs-20 { font-size: 20px; } 
.footer-widget p a { color: #212121;  font-weight: 600; }
.footer {  padding-top: 50px; } 
.footer { font-size: 14px; font-weight: 500; } 
.footer-widget p a:hover { color: #3d6ab3; } 
.copyright { padding: 15px 0px; border-top: 1px solid rgb(0 0 0 / 20%); margin-top: 50px; }
.copyright p {color: #efebeb;}

address a {color: #000;}
address a:hover {color: #ffbf0b;}
address span { position: absolute; left: 0px;}
address { position: relative;  padding-left: 25px;}
.footer-logo {  margin-bottom: 20px;}
.footer-widget p a.link { color: #ffbf0b; text-decoration: underline;}
 

.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 #ffbf0b;width: 42px;  height: 42px;  overflow: hidden;   display: inline-block;
 line-height: 42px;vertical-align: middle;  margin-left: 10px; letter-spacing: .308px; background:#ffbf0b; color:#fff;}
 a.whatsapp-link { display: inline-block; max-width: 155px;  position: fixed; bottom: 20px;z-index: 11;left: 30px;}




/* 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; color: #fff;}
.breadcrumb li:nth-last-child(1):after{display:none;}
ol.breadcrumb {background: transparent;color: #fff;padding: 0px;margin-bottom: 0;justify-content: center;}
.breadcrumb li a {color: #fff;}
.breadcrumb-item.active {color: #fff;}
.breadcrumb-item+.breadcrumb-item::before {color: #fff;content: "\e90a";font-family: 'LineIcons' !important;     font-size: 11px;}
.breadcrumb li:after {padding: 0 7px; color: #fff; font-family: 'remixicon' !important;  content: "\ea6e"; vertical-align: middle;} 

/* about us */
.main-section.banner.inner-banner {height: auto;}
.inner-banner:before {background: linear-gradient(45deg, #000, transparent);}
.default-pg ul { padding: 0px; margin: 0px; list-style: none; } 
.default-pg ul li { position: relative; padding-left: 31px; margin-bottom: 10px; } 
.default-pg ul li:before { content: "\eb7b"; font-family: 'remixicon' !important; left: 0px; position: absolute; top: 0px;}
.cat-pg .cat-item {margin-bottom: 30px;}
.prd-cat.position-absolute {left: 10px;  top: 10px;  width: auto;  max-width: 90%;}
.row.search-result select {width: 235px;display: inline-block;margin: 0px 0px 10px;border: 1px solid #818181;color: #818181;}
.row.search-result p {color: #818181;}

.pagination { display: block; overflow: hidden; margin: 0; padding: 15px 20px; border-radius: 0; text-align: center; } 
.pagination .page-numbers {color: #fff;font-size: 11px;line-height: 30px;} 
.pagination .page-numbers:after { content: " / "; } 
.pagination .page-numbers:last-child(2):after { display: none; } 
.pagination .page-numbers.prev:after, .pagination .page-numbers.next:after { display: none; } 
.pagination .prev, 
.pagination .next {
  display: block;
  padding: 0 10px;
  border: 1px solid #fff;
  color: #fff;
  font-size: 10px;
  font-weight: 700;
  line-height: 30px;
  text-transform: uppercase;
  } 
.pagination .prev { float: left; } 
.pagination .next { float: right; }

.produt-detail-pg .product-item {background: #fff;}
.enquire-section { position: sticky;  top: 30px;  display: inline-block;  width: 100%;}
 
.clients-word img { width: 100px;  height: 100px;  border-radius: 100%; float: left; margin-right: 20px;}
.clients-word { border: 1px solid #afa8a8; padding: 20px;  border-radius: 10px; margin-bottom: 30px;}

.grid-item { background: #fff;   text-align: center;  border: 1px solid #ededed;}
.contact-page  address h6 { margin-bottom: 0px;  padding-top: 5px;}
.contact-page address span {width: 60px;  height: 60px;  display: inline-block;  border: 1px solid #ffbf0b;  border-radius: 100%;  text-align: center;  line-height: 60px; background: #fff;  font-size: 20px; color: #ffbf0b;}
.contact-page address { padding-left: 80px;  min-height: 60px;  margin-bottom: 14px;}



/* faq page */
 .card-header {padding: 0px;  background: transparent;}
.card-header a { padding: 10px 45px 10px 25px;  display: inline-block;  width: 100%;  position: relative;}
.card-header a i { position: absolute;  right: 10px;}
.card { border: 0px;}
.card-header h5 { font-size: 24px; font-weight: 500;}
.container-fluid { position: relative;}
.card-header button.btn.btn-link {width: 100%;text-align: left;text-decoration: none;background: transparent !important;color: #000;}
 

.listing-item {position: relative;padding-left: 140px;min-height: 90px;box-shadow: 0px 3px 35px rgb(0 0 0 / 10%);margin-bottom: 15px;} 
.listing-img.object-fit {position: absolute;left: 0px;top: 0px;width: 120px;height: 90px;} 
.listing-txt a { color: #000; }


.we-box{box-shadow: 0px 3px 35px rgb(0 0 0 / 10%); padding:15px 10px 15px 10px; }
.we-item { position: relative; padding: 0px 0px 0px 66px; } 
.we-item h6 { margin-bottom: 0px; font-size: 17px; } 
.we-item i { position: absolute; left: 15px; font-size: 30px; top: 50%; transform: translateY(-50%); }

.product-pg .product-item {padding: 0px;border: 1px solid #eee; margin-bottom: 30px;}
.enquiry-btn .btn-2 {display: inline-block;}
.product-pg .product-content{padding:10px 15px 15px; }
.product-title {font-size: 16px; font-weight: 600; color: #000;}
.product-title a {color: #000;}


.prd-filter { margin-bottom: 30px; } 
.sorting select { max-width: 200px; float: right; }

div#accordion { padding: 20px;     border: 1px solid #ebebeb;}
.card-header {padding: 0px;background: transparent;border: none;} 
.card-header button {
  background: transparent !important;
  border: none;
  text-align: left;
  padding: 10px 30px 10px 0px !important;
  width: 100%;
  text-decoration: none !important;
  box-shadow: none !important;
  color: #2c2c2c !important;
  font-size: 15px;
  font-weight: 700;
  text-transform: capitalize;
  } 
.card-header button:before{display: none;}  
.card { border-radius: 0px; margin-bottom: 0px; border: none; } 
.fillter-bar {padding-right: 0px;} 
.aside-widget ul { list-style: none; padding: 0px; margin-bottom: 0px; } 
.aside-widget { padding: 15px 0px; } 
.aside-widget ul li { margin-bottom: 5px; font-size: 14px; cursor: pointer;} 
.aside-widget ul li a { color: #000; } 
.aside-widget ul li a:hover { color: #ffbf0b; }
.card-header button:after {content: "-";position: absolute;right: 0px;top: 9px;}
.card-header button.collapsed:after {content: "+";}
.check-filter-box {margin-right: 6px;vertical-align: middle;visibility: hidden; position: absolute;
    top: 6px;}
.aside-widget   ul li { position: relative;}
.check-filter-box:checked + .fltr-point {color: #ff9e35;}
.check-filter-box:checked + .fltr-point:before,
.color-box:checked + .fltr-point:before{ font-weight: 900; content: "\f00c"; 
font-family: "Font Awesome 5 Free"; position: absolute; right: 0px;}
.fltr-point { position: relative; padding-right: 20px;}
.aside-widget .card-body ul li label {width: 100%;  margin-bottom: 0px;}
button.filter-cls { display: none;}
.filter-btn{display: none;min-width: auto;border-radius: 3px;}
.card-header button:hover { color: #ffbf0b !important;  background-color: #f8f8f8 !important;}
ul.subproductname {padding-left: 0px;}
.aside-widget form { padding: 25px 20px;  background: #ebebeb;  border-radius: 5px;}
.aside-widget form .form-control{background: #fff;}
.fillter-bar .card-body { padding: 0px 0px;}

/* tab */


.prd-action select.form-control { max-width: 300px; border-radius: 0px;}
.quantity .form-control{border-radius: 0px;}
.cart-plus-minus {display: inline-block; position: relative; margin-right: 15px;}
.cart-plus-minus .qtybutton {  position: absolute;  top: 8px;  left: 9px;  font-size: 20px;
     cursor: pointer;  line-height: 1;  width: 40px;  height: 40px;  font-size: 16px;
  text-align: center;  line-height: 40px !important;  font-weight: 500;  border-radius: 50%;
  transition: 0.3s;  background: #002121;  color: #fff;  }
 .cart-plus-minus .qtybutton:hover {background: #e4573d;color: #ffffff;}
.cart-plus-minus .inc {left: auto;right: 9px;}
.plus-minus {display: inline-block;}
.cart-plus-minus input {height: 55px;width: 165px;border: 0;text-align: center;
    -moz-appearance: none;  appearance: none;  background: rgb(78 151 253 / 12%);
    border-radius: 30px; font-weight: 500;  color: #434343;  font-size: 16px; outline: none !important;
    box-shadow: none !important;  }
.quantity { padding: 10px 0px;}
.fs-14{font-size: 14px;}
.prd-action .btn span { vertical-align: middle; top: -1px; position: relative;}
.responsive-tab .tab-pane.active .card-body {
    -webkit-animation-name: fadeInUp; animation-name: fadeInUp;    -webkit-animation-duration: 1s;  animation-duration: 1s;
    -webkit-animation-fill-mode: both; animation-fill-mode: both;    visibility: visible;   -webkit-animation-duration: 2s;
    -moz-animation-duration: 2s;    animation-duration: 2s;}
.nav-pills .nav-link.active, 
.nav-pills .show>.nav-link,
.nav-pills .nav-link:hover{color: #fff;background-color: #002121;border-color: #002121;}
.responsive-tab a.nav-link {margin-right: 10px;border-radius: 0px;min-width: 137px;padding: 17px 15px;cursor: pointer;position: relative;box-shadow: none !important;background: transparent;text-transform: uppercase;letter-spacing: 0px;color: #434343;background-color: #f8f8f8;font-family: Roboto,sans-serif;letter-spacing: 0;font-size: 18px;font-weight: 500;text-align: center;min-width: 300px;}
.prd-tabs.responsive-tab {margin-top: 40px;}  
.responsive-tab .cust-nav1 {position: relative;} 
.responsive-tab .tab-txt {border-top: none;padding-top: 20px;}
.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;}
.prd-tabs .card { border: 0px;}
.prd-tabs .card-body{padding: 15px 0px;}
.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;}
.field-sm {float: left; width: 50%; padding: 0px 10px;}
.field .field-sm:first-child {padding-left: 0px;}
.field .field-sm:last-child {padding-right: 0px;}


.nav-center .owl-nav {position: absolute;  top: 50%; left: 50%; width: 100%; transform: translate(-50%, -50%);}
.nav-center .owl-nav button.owl-prev {margin-left: -40px;  background: #002121 !important; color: #fff !important;}
.nav-center .owl-nav button.owl-next {margin-right: -40px;background: #002121 !important;color: #fff !important;float: right;position: relative;pointer-events: all;}


.lni-chevron-down:before,
.lni-chevron-right:before {font-family: 'remixicon' !important; content: "\ea4e"; font-style: normal;}
.lni-chevron-right:before {  content: "\ea6e";}
.container-left .row {margin-right: 0px;}

.overview-section {padding: 15px 0px;color: #fff;}
.point-icon{background-color:#ffbf0b;padding:15px;}
.point-icon span{color:#fff;position:relative;padding-left:30px;display:block;font-weight: 600;font-size: 17px;}
.point-icon span i{color:#fff;position:absolute;left:0;font-size: 24px;height: 100%;width: 100%;display: flex;align-items: center;}



@keyframes fadeInTop {
  from {
    opacity: 0;
    transform: translate3d(0, 20%, 0);
  }
  to {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}

/* container */

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

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

}
 
@media (min-width: 767px){ 
.container { max-width: 100%;}
.grid-item {width: 50%;}
.slider-txt{overflow: hidden;}
.hero-slider .slider-heading{
    -webkit-transform: translateY(-80px);    -moz-transform: translateY(-80px);
    -ms-transform: translateY(-80px);  -o-transform: translateY(-80px);transform: translateY(-80px);
    opacity: 0;}
 
.hero-slider .slider-pra{
    -webkit-transform: translateY(80px);    -moz-transform: translateY(80px);
    -ms-transform: translateY(80px);  -o-transform: translateY(80px);transform: translateY(80px);
    opacity: 0;}

.hero-slider .active .slider-heading,
  .hero-slider .active .slider-pra {  opacity: 1;  -webkit-transform: translate(0);  -moz-transform: translate(0);  -ms-transform: translate(0);
    -o-transform: translate(0);    transform: translate(0); }

.hero-slider .active .slider-heading{ -webkit-transition: all 500ms ease;
    -moz-transition: all 500ms ease;-ms-transition: all 500ms ease;
    -o-transition: all 500ms ease; transition: all 800ms ease;    -webkit-transition-delay: 800ms;
    -moz-transition-delay: 800ms; -ms-transition-delay: 800ms;    -o-transition-delay: 800ms;
    transition-delay: 800ms;}

.hero-slider .active .slider-pra{ -webkit-transition: all 600ms ease;
    -moz-transition: all 600ms ease;-ms-transition: all 600ms ease;
    -o-transition: all 600ms ease; transition: all 900ms ease;   
     -webkit-transition-delay: 900ms;    -moz-transition-delay: 900ms; -ms-transition-delay: 900ms;   
     -o-transition-delay: 900ms;    transition-delay: 900ms;}

}

.email-top{}
.email-top a{color:#fff; font-size:17px;}
.email-top i{    font-size: 17px;
    vertical-align: bottom;}
    
    
/**************serch bar start**********/
#custom-search-input {
        margin:0;
        margin-top: 10px;
        padding: 0;
    }
 
    #custom-search-input .search-query {
        padding-right: 3px;
        padding-right: 4px \9;
        padding-left: 3px;
        padding-left: 4px \9;
        /* IE7-8 doesn't have border-radius, so don't indent the padding */
 
        margin-bottom: 0;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px;
    }
 
    #custom-search-input button {
       border: 0;
    background: none;
    /* padding: 2px 5px; */
    /* margin-top: 2px; */
    position: relative;
    left: -28px;
    margin-bottom: 0;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    color: #ffffff;
    }
 
    .search-query:focus + button {
        z-index: 3;   
    }
    
    .searc-button{background:#000;width: 20%;}
    


@media (min-width: 768px){
.container {max-width: 720px;}
.grid-item {width: 33.333%;}
.modal-dialog { max-width: 650px;}


}

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

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

}

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