/*  
    CSS INDEX
    =========================================
    01. header css here
    02. slider area css here
    03. blog css here
    04. testimonial css here
    05. other css here
    06. footer css here
    07. services css here
    08. about css here
    09. contact page css here

@import url("https://fonts.googleapis.com/css2?family=Merriweather:ital,wght@0,300;0,400;0,700;0,900;1,300;1,400;1,700;1,900&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap");
* {
  box-sizing: border-box;
}

/*----------------------------------------*/
/*  01. Theme default CSS
/*----------------------------------------*/
/*-- Google Font --*/
/*-- Common Style --*/
*, *::after, *::before {
  box-sizing: border-box;
}

html, body {
  height: 100%;
	margin:0%;
padding:0%
}

body {
  line-height: 24px;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  visibility: visible;
  font-family: "Poppins", sans-serif;
  color: #000000;
  letter-spacing: 0.02em;
}

h1, h2, h3, h4, h5, h6 {
  font-weight: 400;
  margin-top: 0;
  font-family: "Poppins", sans-serif;
}

h1 {
  font-size: 48px;
  line-height: 1;
  font-weight: 700;
}

h2 {
  font-size: 36px;
  line-height: 36px;
}

h3 {
  font-size: 30px;
  line-height: 30px;
}

h4 {
  font-size: 16px;
  line-height: 19px;
}

h5 {
  font-size: 14px;
  line-height: 18px;
}

h6 {
  font-size: 12px;
  line-height: 14px;
}

p:last-child {
  margin-bottom: 0;
}

a, button {
  color: inherit;
  line-height: inherit;
  text-decoration: none;
  cursor: pointer;
}

a, button, img, input, span {
  transition: all 0.3s ease 0s;
}

.btn:focus {
  box-shadow: none;
}

*:focus {
  outline: none !important;
}

a:focus {
  color: inherit;
  outline: none;
  text-decoration: none;
}

a:hover {
  text-decoration: none;
}

button, input[type="submit"] {
  cursor: pointer;
}

img {
  max-width: 100%;
  height: auto;
}

ul {
  list-style: outside none none;
  margin: 0;
  padding: 0;
}

figure {
  padding: 0;
  margin: 0;
}

/*-- 
    - Common Classes
-----------------------------------------*/
.fix {
  overflow: hidden;
}

.hidden {
  display: none;
}

.clear {
  clear: both;
}

.container {
  max-width: 1200px;
}

@media only screen and (max-width: 767px) {
  .container {
    max-width: 576px;
  }
}
@media only screen and (max-width: 479px) {
  .container {
    width: 100%;
  }
}
.capitalize {
  text-transform: capitalize;
}

.uppercase {
  text-transform: uppercase;
}

.no-gutters > .col, .no-gutters > [class*="col-"] {
  padding-right: 0;
  padding-left: 0;
  margin: 0;
}

/*--
  -  Fonts color
------------------------------*/
.text-black {
  color: #000000;
}

/*-- 
    - Background color
-----------------------------------------*/
.bg-white {
  background-color: #ffffff;
}

.bg-grey {
  background-color: #f8f8f8;
}

.bluewood-bg {
  background: #354b65;
}

/*-- 
    - Input Placeholder
-----------------------------------------*/
input:-moz-placeholder, textarea:-moz-placeholder {
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}

input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}

input::-moz-placeholder, textarea::-moz-placeholder {
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}

input:-ms-input-placeholder, textarea:-ms-input-placeholder {
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}

/*-- 
    Scroll Up 
-----------------------------------------*/
#scrollUp {
  background: #82ae46 !important;
  bottom: 85px;
  color: #ffffff;
  cursor: pointer;
  display: none;
  font-size: 20px;
  height: 45px;
  line-height: 39px;
  position: fixed;
  right: 12px;
  text-align: center;
  width: 45px;
  z-index: 9999;
  border-radius: 50%;
  border: 2px solid #fff;
  -webkit-transition: .3s;
  transition: .3s;
}
#scrollUp:hover i {
  animation-name: fadeInUp;
  animation-duration: 1s;
  animation-fill-mode: both;
  animation-iteration-count: infinite;
}

/*margin css here*/
.mb-150 {
  margin-bottom: 150px;
}

.mb-140 {
  margin-bottom: 140px;
}

.mb-135 {
  margin-bottom: 135px;
}

.mb-130 {
  margin-bottom: 130px;
}

.mb-123 {
  margin-bottom: 123px;
}

.mb-118 {
  margin-bottom: 118px;
}

.mb-102 {
  margin-bottom: 102px;
}

.mb-100 {
  margin-bottom: 100px;
}

.mb-109 {
  margin-bottom: 109px;
}

.mb-96 {
  margin-bottom: 96px;
}

.mb-80 {
  margin-bottom: 80px;
}

.mb-63 {
  margin-bottom: 63px;
}

.mb-60 {
  margin-bottom: 60px;
}

.mb-50 {
  margin-bottom: 50px;
}

.mb-30 {
  margin-bottom: 30px;
}

.mb-35 {
  margin-bottom: 35px;
}

.mr-30 {
  margin-right: 30px;
}

.mb-25 {
  margin-bottom: 25px;
}

/*padding css here*/
.pb-100 {
  padding-bottom: 100px;
}

/* 01. header css here */
.body_overlay {
  width: 100%;
  height: 100%;
  position: fixed;
  z-index: 999;
  opacity: 0;
  visibility: hidden;
  cursor: progress;
  background-color: rgba(0, 0, 0, 0.6);
  top: 0;
}
.body_overlay.active {
  opacity: 0.3;
  visibility: visible;
}

.off_canvars_overlay {
  width: 100%;
  height: 100%;
  position: fixed;
  z-index: 999;
  opacity: 0;
  visibility: hidden;
  cursor: crosshair;
  background: #000000;
  top: 0;
}
.off_canvars_overlay.active {
  opacity: 0.5;
  visibility: visible;
}

.offcanvas_menu {
  display: none;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .offcanvas_menu {
    display: block;
  }
}
@media only screen and (max-width: 767px) {
  .offcanvas_menu {
    display: block;
  }
}

.offcanvas_menu_wrapper {
  width: 290px;
  position: fixed;
  background: #fff;
  z-index: 999;
  top: 0;
  height: 100vh;
  transition: .5s;
  left: 0;
  margin-left: -300px;
  padding: 55px 15px 30px;
  overflow-y: auto;
}
.offcanvas_menu_wrapper.active {
  margin-left: 0;
}
.offcanvas_menu_wrapper .slinky-theme-default {
  background: inherit;
  min-height: 300px;
  overflow-y: auto;
}
.offcanvas_menu_wrapper .header_contact_info {
  display: block;
}
.offcanvas_menu_wrapper .header_social {
  display: flex !important;
}
.offcanvas_menu_wrapper .language_currency {
  display: block;
}

.offcanvas_main_menu > li.menu-item-has-children.menu-open > span.menu-expand {
  transform: rotate(180deg);
}
.offcanvas_main_menu > li ul li.menu-item-has-children.menu-open span.menu-expand {
  transform: rotate(180deg);
}

.offcanvas_main_menu li {
  position: relative;
}
.offcanvas_main_menu li:last-child {
  margin: 0;
}
.offcanvas_main_menu li span.menu-expand {
  position: absolute;
  right: 0;
  cursor: pointer;
}
.offcanvas_main_menu li span.menu-expand:hover {
  color: #0b8f89;
}
.offcanvas_main_menu li a {
  font-size: 14px;
  font-weight: 400;
  text-transform: capitalize;
  display: block;
  padding-bottom: 12px;
  margin-bottom: 12px;
  border-bottom: 1px solid #ededed;
}
.offcanvas_main_menu li a:hover {
  color: #0b8f89;
}
.offcanvas_main_menu li ul.sub-menu {
  padding-left: 20px;
}

.canvas_close {
  position: absolute;
  top: 15px;
  right: 25px;
}
.canvas_close a {
  font-size: 30px;
  transition: 0.7s;
  display: inline-block;
  transform: scale(1) rotate(0deg);
}
.canvas_close a:hover {
  color: #ffb83c;
  transform: scale(1.3) rotate(180deg);
}
.canvas_close a:hover {
  color: #0b8f89;
}

.canvas_open {
  display: none;
margin-left:-1%;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .canvas_open {
    display: block;
  }
}
@media only screen and (max-width: 767px) {
  .canvas_open {
    display: block;
margin-left:-5%;
  }
}
.canvas_open a {
  font-size: 38px;
  display: block;
  line-height: 16px;
}
.canvas_open a:hover {
  color: #0b8f89;
}

.sticky-header.sticky {
  position: fixed;
  z-index: 99;
  width: 100%;
  top: 0;
  background: rgba(255, 255, 255, 0.9);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.11);
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown;
  -webkit-animation-duration: 900ms;
  animation-duration: 900ms;
  -webkit-animation-timing-function: cubic-bezier(0.2, 1, 0.22, 1);
  animation-timing-function: cubic-bezier(0.2, 1, 0.22, 1);
  -webkit-animation-delay: 0s;
  animation-delay: 0s;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
  -webkit-animation-direction: normal;
  animation-direction: normal;
  -webkit-animation-fill-mode: none;
  animation-fill-mode: none;
  -webkit-animation-play-state: running;
  animation-play-state: running;
  border-bottom: 0;
  display: block;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .sticky-header.sticky {
    padding: 15px 0;
  }
}
@media only screen and (max-width: 767px) {
  .sticky-header.sticky {
    padding: 15px 0;
  }
}

/*header css heer*/
.header_transparent {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  z-index: 9;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .header_transparent {
    position: inherit;
  }
}
@media only screen and (max-width: 767px) {
  .header_transparent {
    position: inherit;
  }
}

.header_top {
  background: #0b8f89;
  padding: 5px 55px 5px 45px;
}
@media only screen and (min-width: 1200px) and (max-width: 1600px) {
  .header_top {
    padding: 5px 0;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .header_top {
    padding: 8px 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .header_top {
    padding: 10px 0;
  }
}
@media only screen and (max-width: 767px) {
  .header_top {
    padding: 10px 0;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .header_top_inner {
    flex-direction: column;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .header_top_inner {
    flex-direction: column;
  }
}
@media only screen and (max-width: 767px) {
  .header_top_inner {
    flex-direction: column;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .header_contact_info {
    margin-bottom: 7px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .header_contact_info {
    margin-bottom: 7px;
    display: none;
  }
}
@media only screen and (max-width: 767px) {
  .header_contact_info {
    margin-bottom: 7px;
    display: none;
  }
}
@media only screen and (max-width: 575px) {
  .header_contact_info {
    text-align: center;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .header_contact_info ul {
    flex-direction: column;
    text-align: center;
  }
}
@media only screen and (max-width: 767px) {
  .header_contact_info ul {
    flex-direction: column;
    text-align: center;
  }
}
.header_contact_info ul li {
  margin-right: 30px;
}
@media only screen and (min-width: 1200px) and (max-width: 1600px) {
  .header_contact_info ul li {
    margin-right: 13px;
  }
}
@media only screen and (max-width: 575px) {
  .header_contact_info ul li {
    margin-right: 0;
    line-height: 27px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .header_contact_info ul li {
    color: #000000 !important;
    margin-right: 0;
    margin-bottom: 8px;
  }
}
@media only screen and (max-width: 767px) {
  .header_contact_info ul li {
    color: #000000 !important;
    margin-right: 0;
    margin-bottom: 8px;
  }
}
.header_contact_info ul li i {
  margin-right: 8px;
}
@media only screen and (min-width: 1200px) and (max-width: 1600px) {
  .header_contact_info ul li i {
    argin-right: 5px;
  }
}
.header_contact_info ul li:last-child {
  margin-right: 0;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .header_contact_info ul li:last-child {
    margin-bottom: 0;
  }
}
@media only screen and (max-width: 767px) {
  .header_contact_info ul li:last-child {
    margin-bottom: 0;
  }
}
.header_contact_info ul li a {
  color: #ffffff;
}
.header_contact_info ul li a:hover {
  opacity: 0.7;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .header_contact_info ul li a {
    color: #000000;
  }
}
@media only screen and (max-width: 767px) {
  .header_contact_info ul li a {
    color: #000000;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .free_shipping_text {
    margin-bottom: 7px;
  }
}
@media only screen and (max-width: 575px) {
  .free_shipping_text {
    text-align: center;
  }
}
.free_shipping_text p {
  font-size: 16px;
  line-height: 24px;
  font-weight: 600;
}
@media only screen and (min-width: 1200px) and (max-width: 1600px) {
  .free_shipping_text p {
    font-size: 14px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .free_shipping_text p {
    font-size: 15px;
    line-height: 22px;
  }
}
@media only screen and (max-width: 767px) {
  .free_shipping_text p {
    font-size: 14px;
    line-height: 22px;
  }
}
@media only screen and (max-width: 575px) {
  .free_shipping_text p {
    font-size: 13px;
    line-height: 22px;
  }
}
.free_shipping_text p a {
  font-size: 12px;
  font-weight: 400;
  text-transform: uppercase;
  margin-left: 11px;
  border-bottom: 1px solid #fff;
  color: #fff;
}
@media only screen and (min-width: 1200px) and (max-width: 1600px) {
  .free_shipping_text p a {
    margin-right: 11px;
  }
}

@media only screen and (max-width: 575px) {
  .header_logo img {
    max-width: 100px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .header_social {
    display: none !important;
    justify-content: center;
    margin: 10px 0;
  }
}
@media only screen and (max-width: 767px) {
  .header_social {
    display: none !important;
    justify-content: center;
    margin: 10px 0;
  }
}
.header_social span {
  font-size: 14px;
  line-height: 24px;
  color: #fff;
  margin-right: 24px;
}
@media only screen and (min-width: 1200px) and (max-width: 1600px) {
  .header_social span {
    margin-right: 11px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .header_social span {
    color: #000000;
    font-size: 13px;
  }
}
@media only screen and (max-width: 767px) {
  .header_social span {
    color: #000000;
    margin-right: 16px;
  }
}
.header_social ul li {
  margin-right: 20px;
}
.header_social ul li:last-child {
  margin-right: 0;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .header_social ul li {
    margin-right: 15px;
  }
}
@media only screen and (max-width: 767px) {
  .header_social ul li {
    margin-right: 15px;
  }
}
.header_social ul li a {
  font-size: 15px;
  color: #fff;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .header_social ul li a {
    color: #000000;
  }
}
@media only screen and (max-width: 767px) {
  .header_social ul li a {
    color: #000000;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1600px) {
  .header_social ul li {
    margin-right: 14px;
  }
}

@media only screen and (max-width: 575px) {
  .header_top_sidebar {
    flex-direction: column;
  }
}

.language_currency {
  margin-left: 28px;
}
@media only screen and (min-width: 1200px) and (max-width: 1600px) {
  .language_currency {
    margin-left: 12px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .language_currency {
    text-align: center;
    margin-left: 0;
    display: none;
    margin-bottom: 20px;
  }
}
@media only screen and (max-width: 767px) {
  .language_currency {
    text-align: center;
    margin-left: 0;
    margin-bottom: -10px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .language_currency > ul {
    justify-content: center;
  }
}
@media only screen and (max-width: 767px) {
  .language_currency > ul {
    justify-content: center;
  }
}
.language_currency > ul > li {
  position: relative;
  margin-right: 7px;
}
.language_currency > ul > li:last-child {
  margin-right: 0;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .language_currency > ul > li {
    margin-right: 7px;
  }
}
@media only screen and (max-width: 767px) {
  .language_currency > ul > li {
    margin-right: 7px;
  }
}
.language_currency > ul > li:hover ul.dropdown_currency, .language_currency > ul > li:hover ul.dropdown_language {
  visibility: visible;
  max-height: 200px;
}
.language_currency > ul > li:hover > a {
  background: #4c5847;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .language_currency > ul > li:hover > a {
    color: #fff;
  }
}
@media only screen and (max-width: 767px) {
  .language_currency > ul > li:hover > a {
    color: #fff;
  }
}
.language_currency > ul > li > a {
  text-transform: uppercase;
  line-height: 23px;
  font-size: 14px;
  display: inline-block;
  font-weight: 400;
  color: #fff;
  padding: 3px 15px;
  border-radius: 3px;
}
@media only screen and (min-width: 1200px) and (max-width: 1600px) {
  .language_currency > ul > li > a {
    padding: 3px 10px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .language_currency > ul > li > a {
    line-height: 22px;
    color: #000000;
    font-size: 13px;
  }
}
@media only screen and (max-width: 767px) {
  .language_currency > ul > li > a {
    line-height: 22px;
    color: #000000;
    font-size: 13px;
  }
}
.language_currency > ul > li > a i {
  margin-left: 3px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .language_currency > ul > li > a i {
    margin-left: 0px;
  }
}
@media only screen and (max-width: 767px) {
  .language_currency > ul > li > a i {
    margin-left: 0px;
  }
}
.language_currency > ul > li > a img {
  margin-right: 4px;
}

.language_currency > ul > li:hover a:not([href]):not([tabindex]) {
  color: #0b8f89;
}

.dropdown_currency, .dropdown_language {
  position: absolute;
  background: #fff;
  border: 1px solid #ededed;
  padding: 10px 20px;
  text-align: left;
  top: 117%;
  right: 0;
  transition: all .5s ease-out;
  overflow: hidden;
  z-index: 9999;
  border-radius: 3px;
  visibility: hidden;
  max-height: 0;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .dropdown_currency, .dropdown_language {
    left: auto;
    right: 0;
  }
}
@media only screen and (max-width: 767px) {
  .dropdown_currency, .dropdown_language {
    left: auto;
    right: 0;
  }
}
.dropdown_currency li a, .dropdown_language li a {
  text-transform: capitalize;
  display: block;
  font-size: 13px;
  white-space: nowrap;
  line-height: 28px;
  color: #000000;
}
.dropdown_currency li a:hover, .dropdown_language li a:hover {
  color: #0b8f89;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .dropdown_language {
    left: -10px;
  }
}
@media only screen and (max-width: 767px) {
  .dropdown_language {
    left: -10px;
  }
}

.main_header {
  padding: 35px 55px 35px 45px;
  background-color: #fff;
}

.main_header hr{
  margin: 2px 0px !important;
}
@media only screen and (min-width: 1200px) and (max-width: 1600px) {
  .main_header {
    padding: 15px 0;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .main_header {
    padding: 15px 0px 0px 0px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .main_header {
    padding: 0px 0;
  }
  .menu-bottom {
    padding-top:05px;
}
}
@media only screen and (max-width: 767px) {
  .main_header {
    padding: 5px 0;
  }
}

.main_menu{
margin:0px auto;
}

.main_menu nav > ul > li {
  margin-right: 49px;
  position: relative;
}
.main_menu nav > ul > li:last-child {
  margin-right: 0;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .main_menu nav > ul > li {
    margin-right: 33px;
  }
}
.main_menu nav > ul > li:hover ul.sub_menu {
  visibility: visible;
  opacity: 1;
  top: 42px;
  border-top: 3px solid #0b8f89;
}
.main_menu nav > ul > li > a {
  font-size: 14px;
  line-height: 24px;
  display: inline-block;
  text-transform: uppercase;
  color: #000000;
  font-weight: 500;
}
.main_menu nav > ul > li > a.active {
  font-weight: 700;
  color: #0b8f89;
}
.main_menu nav > ul > li ul.sub_menu {
  position: absolute;
  min-width: 190px;
  padding: 18px 20px;
  background: #ffffff;
  box-shadow: 0 3px 11px 0 rgba(0, 0, 0, 0.1);
  left: 0;
  right: auto;
  visibility: hidden;
  opacity: 0;
  overflow: hidden;
  transition: .3s;
  z-index: 99;
  top: 47px;
  text-align: left;
}
.main_menu nav > ul > li ul.sub_menu li a {
  font-size: 13px;
  font-weight: 400;
  display: block;
  line-height: 32px;
  text-transform: capitalize;
}
.main_menu nav > ul > li ul.sub_menu li a:hover {
  color: #0b8f89;
}

.header_account > ul > li {
  margin-right: 29px;
  position: relative;
}
.header_account > ul > li:last-child {
  margin-right: 0;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .header_account > ul > li {
    margin-right: 25px;
  }

}
@media only screen and (min-width: 992px) and (max-width: 1399px) {
  .header_account > ul > li {
    margin-right: 25px;
  }
.main_menu nav > ul > li > a {
  font-size: 10px;
  line-height: 24px;
  display: inline-block;
  text-transform: uppercase;
  color: #000000;
  font-weight: 500;
}


}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .header_account > ul > li {
    margin-right: 18px;
  }
}
@media only screen and (max-width: 767px) {
  .header_account > ul > li {
    margin-right: 20px;
  }
}
@media only screen and (max-width: 575px) {
  .header_account > ul > li {
    margin-right: 14px;
  }
}
.header_account > ul > li > a {
  font-size: 24px;
  display: inline-block;
}
.header_account > ul > li > a:hover {
  color: #0b8f89;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .header_account > ul > li > a {
    font-size: 22px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .header_account > ul > li > a {
    font-size: 19px;
  }
}
@media only screen and (max-width: 767px) {
  .header_account > ul > li > a {
    font-size: 20px;
  }
}
@media only screen and (max-width: 575px) {
  .header_account > ul > li > a {
    font-size: 17px;
  }
}
.header_account > ul > li span.item_count {
  font-size: 12px;
  font-weight: 500;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background: #000000;
  color: #fff;
  display: inline-block;
  text-align: center;
  line-height: 18px;
  position: absolute;
  top: -7px;
  right: -12px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .header_account > ul > li span.item_count {
    font-size: 10px;
    width: 17px;
    height: 17px;
    line-height: 17px;
  }
}
@media only screen and (max-width: 767px) {
  .header_account > ul > li span.item_count {
    font-size: 10px;
    width: 17px;
    height: 17px;
    line-height: 17px;
  }
}
.header_account > ul > li.account_link:hover ul.dropdown_account_link {
  visibility: visible;
  <!--max-height: 200px;!-->
}

.dropdown_account_link {
  position: absolute;
  background: #fff;
  border: 1px solid #ededed;
  padding: 10px 20px;
  text-align: left;
  top: 117%;
  right: -45px;
  -webkit-transition: all .5s ease-out;
  transition: all .5s ease-out;
  overflow: hidden;
  z-index: 9999;
  border-radius: 3px;
  visibility: hidden;
  <!--max-height: 0;!-->
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .dropdown_account_link {
    left: auto;
    right: 0;
  }
}
@media only screen and (max-width: 767px) {
  .dropdown_account_link {
    left: auto;
    right: 0;
  }
}
.dropdown_account_link li a {
  text-transform: capitalize;
  display: block;
  font-size: 13px;
  white-space: nowrap;
  line-height: 28px;
  color: #000000;
}
.dropdown_account_link li a:hover {
  color: #0b8f89;
}

.menu-bottom{
  padding-top: 5px;
}

/*mini cart css here*/
.mini_cart {
  position: fixed;
  width: 407px;
  height: 100%;
  padding: 20px 20px 33px;
  background: #fff;
  z-index: 999;
  right: 0;
  top: 0;
  transition: .5s;
  transform: translateX(100%);
  overflow-y: auto;
  box-shadow: 0 0 15px rgba(5, 0, 0, 0.1);
}
.mini_cart.active {
  transform: translateX(0);
}

.goodness .top-bar {
  display: flex;
  -webkit-box-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  align-items: center;
}

.top-bar .text-container {
  width: 70%;
}

.text-container .title {
  font-size: 16px;
  font-weight: 600;
  letter-spacing: 0.28px;
}

.text-container .offer {
  font-size: 12px;
  font-weight: 600;
  color:gray;
}

.title .goodness-word {
  color: rgb(0, 174, 239);
}

.title .insider{
  color: rgb(130, 195, 65);

}

.top-bar .add-button {
    width: 25%;
    background-color: rgb(0, 174, 239);
    color: rgb(255, 255, 255);
    text-transform: uppercase;
    height: max-content;
    padding: 5px 10px;
    text-align: center;
    font-size: 12px;
    border-radius: 2px;
    margin: auto 0px;
    cursor: pointer;

}

.goodness .bottom-bar {
  display: flex;
  -webkit-box-pack: justify;
  justify-content: space-between;
  margin-top: 10px;
  -webkit-box-align: center;
  align-items: center;
}

.bottom-bar .goodness-image {
  border: 1px solid rgb(219, 219, 219);
  border-radius: 4px;
  max-width: 100px;
}

.bottom-bar .goodness-content {
  padding-left: 0.75rem;
  display: flex;
  flex: 1 1 0%;
  align-self: stretch;
  flex-direction: column;
  align-items: flex-start;
}

.goodness-content .text-description {
  font-size: 14px;
  font-weight: 600;
  margin-top: -3px;
  text-transform: capitalize;
  color: rgb(0, 0, 0);
  margin-bottom: 8px;
}

.price-container {
  display: flex;
  -webkit-box-pack: justify;
  justify-content: space-between;
  width: 100%;
  gap: 5px;
}

.price-dropdown-wrapper .price {
  color: black;
  font-size: 15px;
}

.price-container .slashed{
  text-decoration: line-through;
  color: grey;
}

.price-container .discount{
  background-color: rgb(223, 239, 206);
    color: rgb(89, 163, 14);
    font-size: 0.9rem;
    font-weight: bold;
    padding: 2px 3px;
}

.opp{
  border: 1px solid rgb(0, 174, 239);
  border-radius: 8px;
  padding: 0px 5px;
 
}

.opp .item-input {
  width: 50px !important;
  border: 1px solid transparent;
}

.opp button{
  border: transparent;
  background-color: transparent;
}

.order-offer{
 
    font-size: 1.1rem;
    font-weight: 600;
    cursor: pointer;
    display: flex;
    -webkit-box-pack: justify;
    justify-content: space-between;
    /* box-shadow: 5px 5px 15px #cac9c9; */
}

.cart-heading{
  font-weight: bold;
  color: black;
}

.order-offer .text{
  margin-left: 4px; margin-top: 10px; margin-bottom: 10px; color: rgb(0, 0, 0);
}

@media only screen and (max-width: 575px) {
  .mini_cart {
    width: 300px;
  }
}

.cart_close {
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: 1px solid #ededed;
  padding-bottom: 10px;
}

.cart_text h3 {
  font-size: 18px;
  text-transform: capitalize;
  font-weight: 600;
  margin-bottom: 0;
}

.mini_cart_close > a {
  font-size: 25px;
}
.mini_cart_close > a:hover {
  color: #0b8f89;
}

.cart_img {
  width: 75px;
  margin-right: 10px;
  border: 1px solid transparent;
}
.cart_img:hover {
  border-color: #0b8f89;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .cart_img {
    width: 70px;
  }
}
@media only screen and (max-width: 767px) {
  .cart_img {
    width: 70px;
  }
}

.cart_info {
  width: 63%;
}
.cart_info a {
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  display: block;
  margin-bottom: 6px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .cart_info a {
    font-size: 13px;
  }
}
@media only screen and (max-width: 767px) {
  .cart_info a {
    font-size: 13px;
  }
}
.cart_info a:hover {
  color: #0b8f89;
}
.cart_info p {
  font-size: 12px;
}
.cart_info p span {
  font-weight: 600;
}

.cart_remove a {
  font-size: 15px;
  display: block;
  line-height: 20px;
  text-align: center;
}
.cart_remove a:hover {
  color: #0b8f89;
}

.cart_item {
  overflow: hidden;
  padding: 20px 0;
  border-bottom: 1px solid #ededed;
  display: flex;
  justify-content: space-between;
}

.mini_cart_table {
  padding: 23px 0;
}

.cart_total {
  display: flex;
  justify-content: space-between;
}
.cart_total span {
  font-size: 14px;
  font-weight: 400;
}
.cart_total span.price {
  font-weight: 700;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .cart_total span {
    font-size: 13px;
  }
}
@media only screen and (max-width: 767px) {
  .cart_total span {
    font-size: 13px;
  }
}

.cart_button:first-child {
  margin-bottom: 15px;
}
.cart_button a {
  text-transform: uppercase;
  border-radius: 3px;
  font-size: 12px;
  font-weight: 500;
  background: #eef0f1;
  display: block;
  text-align: center;
  line-height: 20px;
  margin-bottom: 0;
  padding: 13px 0px 11px;
  border: 1px solid #ededed;
}
.cart_button a:hover {
  background: #0b8f89;
  border-color: #0b8f89;
  color: #fff;
}

/*mini cart css end*/
.page_search_box {
  position: fixed;
  width: 100%;
  height: 0;
  background: #ffffff;
  z-index: 999;
  left: 0;
  top: 0;
  transition: .3s;
  display: flex;
  align-items: center;
  opacity: 0;
  visibility: hidden;
}
.page_search_box.active {
  height: 100%;
  opacity: 1;
  visibility: visible;
}
.page_search_box form {
  width: 70%;
  margin: 0 auto;
  position: relative;
}
@media only screen and (max-width: 767px) {
  .page_search_box form {
    width: 90%;
  }
}
.page_search_box form input::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color: #000000;
}
.page_search_box form input::-moz-placeholder {
  /* Firefox 19+ */
  color: #000000;
}
.page_search_box form input:-ms-input-placeholder {
  /* IE 10+ */
  color: #000000;
}
.page_search_box form input:-moz-placeholder {
  /* Firefox 18- */
  color: #000000;
}
.page_search_box form input {
  width: 100%;
  background: none;
  height: 50px;
  font-size: 24px;
  color: #000000;
  font-weight: 400;
}
@media only screen and (max-width: 767px) {
  .page_search_box form input {
    width: 90%;
    font-size: 16px;
  }
}
.page_search_box form button {
  position: absolute;
  bottom: 11px;
  right: 0;
  border: 0;
  padding: 0;
  background: none;
  font-size: 20px;
}
.page_search_box form button:hover {
  color: #0b8f89;
}
@media only screen and (max-width: 767px) {
  .page_search_box form button {
    font-size: 18px;
  }
}
.page_search_box form p {
  font-size: 16px;
  line-height: 20px;
  margin-bottom: 20px;
}

.search_close {
  position: absolute;
  top: 50px;
  right: 100px;
}
@media only screen and (max-width: 767px) {
  .search_close {
    top: 22px;
    right: 30px;
  }
}
.search_close i {
  font-size: 20px;
  cursor: pointer;
  transform: scale(1) rotate(0deg);
  display: inline-block;
  transition: .5s;
}
.search_close i:hover {
  color: #0b8f89;
  transform: scale(1.3) rotate(180deg);
}

/* 02. slider area css here */
.slider_section {
  padding-top: 130px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .slider_section {
    padding-top: 180px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .slider_section {
    padding-top: 212px;
  }
}
@media only screen and (max-width: 767px) {
  .slider_section {
    padding-top: 0;
  }
}

.single_slider {
  background-repeat: no-repeat;
  background-attachment: scroll;
  background-position: center center;
  background-size: cover;
  position: relative;
  min-height: 460px;
  width: 100%;
}
@media only screen and (min-width: 1200px) and (max-width: 1600px) {
  .single_slider {
    min-height: 400px;
    width: 100%;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .single_slider {
    min-height: 300px;
    width: 100%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .single_slider {
    min-height: 185px;
    width: 100%;
  }
}
@media only screen and (max-width: 600px) {
  .single_slider {
    min-height: 181px;;
    width: 100%;
  }
}
@media only screen and (max-width: 575px) {
  .single_slider {
    width: 100%;
    min-height: 97px;
  }
}

@media only screen and (min-width: 1200px) and (max-width: 1300px) {
  .slider_text {
    padding-left: 55px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .slider_text {
    padding-left: 48px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .slider_text {
    padding-left: 48px;
  }
}
@media only screen and (max-width: 767px) {
  .slider_text {
    padding-left: 34px;
  }
}
@media only screen and (max-width: 575px) {
  .slider_text {
    padding-left: 15px;
    padding-right: 15px;
    text-align: center;
  }
}
.slider_text span {
  font-size: 16px;
  line-height: 18px;
  font-weight: 600;
  display: inline-block;
  text-transform: uppercase;
  margin-bottom: 26px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .slider_text span {
    margin-bottom: 20px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .slider_text span {
    font-size: 15px;
    line-height: 18px;
    margin-bottom: 14px;
  }
}
@media only screen and (max-width: 767px) {
  .slider_text span {
    font-size: 14px;
    line-height: 14px;
    margin-bottom: 12px;
  }
}
@media only screen and (max-width: 575px) {
  .slider_text span {
    font-size: 13px;
  }
}
.slider_text h1 {
  font-size: 60px;
  line-height: 72px;
  text-transform: uppercase;
  font-weight: 400;
  margin-bottom: 30px;
}
@media only screen and (min-width: 1200px) and (max-width: 1300px) {
  .slider_text h1 {
    font-size: 56px;
    line-height: 68px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .slider_text h1 {
    font-size: 48px;
    line-height: 58px;
    margin-bottom: 20px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .slider_text h1 {
    font-size: 30px;
    line-height: 41px;
    margin-bottom: 16px;
  }
}
@media only screen and (max-width: 767px) {
  .slider_text h1 {
    font-size: 23px;
    line-height: 32px;
    margin-bottom: 12px;
    padding-right: 200px;
  }
}
@media only screen and (max-width: 575px) {
  .slider_text h1 {
    padding-right: 0;
    font-size: 19px;
    line-height: 29px;
    margin-bottom: 8px;
  }
}
.slider_text p {
  font-size: 16px;
  line-height: 26px;
  color: #666666;
  margin-bottom: 0;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .slider_text p {
    font-size: 15px;
    line-height: 25px;
  }
}
@media only screen and (max-width: 767px) {
  .slider_text p {
    font-size: 15px;
    line-height: 23px;
  }
}
@media only screen and (max-width: 575px) {
  .slider_text p {
    font-size: 14px;
    line-height: 21px;
  }
}
.slider_text a.btn-primary {
  margin-top: 53px;
  font-size: 18px;
  line-height: 56px;
  height: 56px;
  padding: 0 32px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .slider_text a.btn-primary {
    margin-top: 35px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .slider_text a.btn-primary {
    margin-top: 29px;
    font-size: 16px;
    line-height: 50px;
    height: 50px;
    padding: 0 22px;
  }
}
@media only screen and (max-width: 767px) {
  .slider_text a.btn-primary {
    margin-top: 28px;
    font-size: 15px;
    line-height: 46px;
    height: 46px;
    padding: 0 22px;
  }
}
@media only screen and (max-width: 575px) {
  .slider_text a.btn-primary {
    margin-top: 21px;
    font-size: 14px;
    line-height: 42px;
    height: 42px;
    padding: 0 17px;
  }
}
.slider_text a.btn-primary:hover {
  color: #000000;
}
.slider_text a.btn-primary::before {
  background: #fff;
}

.slick-current .slider_text h1, .slick-current .slider_text span, .slick-current .slider_text a, .slick-current .slider_text p {
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
  -webkit-animation-delay: 0.3s;
  animation-delay: 0.3s;
}

.slick-current .slider_text h1 {
  -webkit-animation-delay: 0.5s;
  animation-delay: 0.5s;
}

.slick-current .slider_text p {
  -webkit-animation-delay: 0.7s;
  animation-delay: 0.7s;
}

.slick-current .slider_text a {
  -webkit-animation-delay: 0.9s;
  animation-delay: 0.9s;
}

.slider_area:hover > button {
  opacity: 1;
  visibility: visible;
}
.slider_area > button {
  position: absolute;
  top: 50%;
  transform: translatey(-50%);
  left: 70px;
  z-index: 9;
  width: 50px;
  height: 52px;
  line-height: 57px;
  text-align: center;
  font-size: 24px;
  background: #fff;
  color: #000000;
  border: 0;
  padding: 0;
  opacity: 0;
  visibility: hidden;
}
.slider_area > button:hover {
  background: #82ae46 !important;
  color: #fff;
}
@media only screen and (min-width: 1200px) and (max-width: 1600px) {
  .slider_area > button {
    left: 20px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1300px) {
  .slider_area > button {
    width: 45px;
    height: 48px;
    line-height: 48px;
    font-size: 22px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .slider_area > button {
    left: 20px;
    width: 42px;
    height: 44px;
    line-height: 46px;
    font-size: 20px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .slider_area > button {
    left: 20px;
    width: 35px;
    height: 37px;
    line-height: 39px;
    font-size: 16px;
  }
}
@media only screen and (max-width: 767px) {
  .slider_area > button {
    left: 15px;
    width: 32px;
    height: 34px;
    line-height: 35px;
    font-size: 15px;
  }
}
@media only screen and (max-width: 575px) {
  .slider_area > button {
    left: 6px;
    width: 26px;
    height: 28px;
    line-height: 31px;
    font-size: 14px;
  }
}
.slider_area > button.next_arrow {
  right: 70px;
  left: auto;
}
@media only screen and (min-width: 1200px) and (max-width: 1600px) {
  .slider_area > button.next_arrow {
    right: 20px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .slider_area > button.next_arrow {
    right: 20px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .slider_area > button.next_arrow {
    right: 20px;
  }
}
@media only screen and (max-width: 767px) {
  .slider_area > button.next_arrow {
    right: 15px;
  }
}
@media only screen and (max-width: 575px) {
  .slider_area > button.next_arrow {
    right: 6px;
  }
}
.slider_area .slick-dots {
  display: flex;
  position: absolute;
  bottom: 0px;
  left: 50%;
  transform: translatex(-50%);
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .slider_area .slick-dots {
    bottom: 20px;
  }
}
@media only screen and (max-width: 767px) {
  .slider_area .slick-dots {
    bottom: 15px;
  }
}
.slider_area .slick-dots li {
  margin-right: 15px;
}
.slider_area .slick-dots li:last-child {
  margin-right: 0;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .slider_area .slick-dots li {
    margin-right: 10px;
  }
}
@media only screen and (max-width: 575px) {
  .slider_area .slick-dots li {
    margin-right: 8px;
  }
}
.slider_area .slick-dots li.slick-active button {
  background: #000000;
}
.slider_area .slick-dots li button {
  width: 12px;
  height: 12px;
  border-radius: 50%;
  border: 0;
  padding: 0;
  background: #b8b8b8;
  text-indent: -99999px;
}

/* 06. footer css here */
.footer_widgets {
  padding: 133px 0 78px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .footer_widgets {
    padding: 79px 0 74px;
  }
}
@media only screen and (max-width: 767px) {
  .footer_widgets {
    padding: 58px 0 56px;
  }
}
@media only screen and (max-width: 575px) {
  .footer_widgets {
    padding: 58px 0 24px;
  }
}

@media only screen and (max-width: 575px) {
  .footer_widget_list {
    margin-bottom: 30px;
    text-align: center;
  }
}

.footer_contact_list {
  margin-bottom: 25px;
}
.footer_contact_list:last-child {
  margin-bottom: 0;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .footer_contact_list {
    margin-bottom: 18px;
  }
}
@media only screen and (max-width: 767px) {
  .footer_contact_list {
    margin-bottom: 16px;
  }
}
.footer_contact_list span {
  font-size: 13px;
  line-height: 30px;
  color: #999999;
  display: block;
  font-weight: 400;
}
@media only screen and (max-width: 767px) {
  .footer_contact_list span {
    line-height: 24px;
  }
}
.footer_contact_list p {
  font-size: 18px;
  line-height: 30px;
  color: #000000;
  font-weight: 400;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .footer_contact_list p {
    font-size: 16px;
    line-height: 25px;
  }
}
@media only screen and (max-width: 767px) {
  .footer_contact_list p {
    font-size: 14px;
    line-height: 22px;
  }
}
.footer_contact_list a {
  font-size: 18px;
  line-height: 30px;
  color: #000000;
  display: inline-block;
  font-weight: 400;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .footer_contact_list a {
    font-size: 16px;
    line-height: 26px;
  }
}
@media only screen and (max-width: 767px) {
  .footer_contact_list a {
    font-size: 14px;
    line-height: 22px;
  }
}

.footer_logo {
  margin-bottom: 42px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .footer_logo {
    margin-bottom: 25px;
  }
}
@media only screen and (max-width: 767px) {
  .footer_logo {
    margin-bottom: 23px;
  }
}

@media only screen and (max-width: 575px) {
  .footer_menu ul {
    justify-content: center !important;
  }
}
.footer_menu ul li {
  margin-right: 48px;
}
.footer_menu ul li:last-child {
  margin-right: 0;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .footer_menu ul li {
    margin-right: 28px;
  }
}
@media only screen and (max-width: 767px) {
  .footer_menu ul li {
    margin-right: 18px;
  }
}
@media only screen and (max-width: 575px) {
  .footer_menu ul li {
    margin-right: 14px;
  }
}
.footer_menu ul li a {
  font-size: 16px;
  line-height: 24px;
  color: #000000;
  text-transform: uppercase;
  font-weight: 400;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .footer_menu ul li a {
    font-size: 15px;
  }
}
@media only screen and (max-width: 767px) {
  .footer_menu ul li a {
    font-size: 13px;
  }
}

.footer_social {
  padding: 37px 0 90px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .footer_social {
    padding: 28px 0 50px;
  }
}
@media only screen and (max-width: 767px) {
  .footer_social {
    padding: 25px 0 30px;
  }
}
@media only screen and (max-width: 575px) {
  .footer_social {
    padding: 17px 0 21px;
  }
}
@media only screen and (max-width: 575px) {
  .footer_social ul {
    justify-content: center !important;
  }
}
.footer_social ul li {
  margin-right: 10px;
}
.footer_social ul li:last-child {
  margin-right: 0;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .footer_social ul li {
    margin-right: 10px;
  }
}
.footer_social ul li a {
  width: 42px;
  height: 42px;
  line-height: 40px;
  display: inline-block;
  color: #999999;
  border: 1px solid #999999;
  border-radius: 50%;
  text-align: center;
  font-size: 18px;
}
.footer_social ul li a:hover {
  background: #000000;
  border-color: #000000;
  color: #fff;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .footer_social ul li a {
    width: 38px;
    height: 38px;
    line-height: 38px;
  }
}
@media only screen and (max-width: 767px) {
  .footer_social ul li a {
    width: 35px;
    height: 35px;
    line-height: 35px;
    font-size: 16px;
  }
}
@media only screen and (max-width: 575px) {
  .footer_social ul li a {
    width: 32px;
    height: 32px;
    line-height: 32px;
  }
}

@media only screen and (max-width: 575px) {
  .copyright_right {
    text-align: center;
  }
}
.copyright_right p {
  font-size: 14px;
  line-height: 30px;
  color: #999999;
  text-transform: capitalize;
  font-weight: 400;
}
.copyright_right p i {
  color: #f53400;
  font-size: 18px;
  vertical-align: middle;
}
@media only screen and (max-width: 767px) {
  .copyright_right p {
    font-size: 13px;
    line-height: 22px;
  }
}
.copyright_right p span {
  color: #0b8f89;
  font-weight: 600;
}
.copyright_right p a {
  color: #000000;
}
.copyright_right p a:hover {
  color: #0b8f89;
}

/* 05. other css here */
.btn-primary {
  color: #272727;
  font-size: 16px;
  line-height: 45px;
  height: 45px;
  padding: 0 20px;
  background: #0b8f89;
  border-radius: 0;
  position: relative;
  z-index: 9;
  color: #ffffff;
  border: 0;
  font-weight: 600;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .btn-primary {
    font-size: 14px;
    line-height: 40px;
    height: 40px;
    padding: 0 16px;
  }
}
@media only screen and (max-width: 568px) {
  .btn-primary {
    font-size: 10px;
    line-height: 37px;
    height: 37px;
    padding: 0 14px;
  }
}
.btn-primary::before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  transform: scaleY(0);
  transform-origin: 50%;
  transition-duration: 0.3s;
}
.btn-primary:focus {
  background: #0b8f89;
  border: inherit;
}
.btn-primary:hover {
  background: inherit;
  border: inherit;
}
.btn-primary:hover::before {
  transform: scaleY(1);
}

@media only screen and (max-width: 575px) {
  .section_title {
    text-align: center;
  }
}
.section_title h2 {
  font-size: 24px;
  line-height: 26px;
  text-transform: uppercase;
  font-weight: 700;
  color: #0b8f89;
  display: inline-block;
  margin-bottom: 0;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .section_title h2 {
    font-size: 20px;
    line-height: 22px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .section_title h2 {
    font-size: 18px;
    line-height: 22px;
  }
}
@media only screen and (max-width: 767px) {
  .section_title h2 {
    font-size: 16px;
    line-height: 18px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .section_title.mb-60 {
    margin-bottom: 40px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .section_title.mb-60 {
    margin-bottom: 30px;
  }
}
@media only screen and (max-width: 767px) {
  .section_title.mb-60 {
    margin-bottom: 30px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .section_title.mb-130 {
    margin-bottom: 60px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .section_title.mb-130 {
    margin-bottom: 40px;
  }
}
@media only screen and (max-width: 767px) {
  .section_title.mb-130 {
    margin-bottom: 30px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .section_title.mb-50 {
    margin-bottom: 30px;
  }
}
@media only screen and (max-width: 767px) {
  .section_title.mb-50 {
    margin-bottom: 30px;
  }
}

/*shipping css here*/
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .shipping_section.mb-102 {
    margin-bottom: 75px;
  }
}
@media only screen and (max-width: 767px) {
  .shipping_section.mb-102 {
    margin-bottom: 56px;
  }
}

.shipping_inner {
  padding-bottom: 10px;
  border-bottom: 1px solid #d8d8d8;
}
@media only screen and (max-width: 767px) {
  .shipping_inner {
    flex-wrap: wrap;
    padding-bottom: 36px;
  }
}

@media only screen and (max-width: 767px) {
  .single_shipping {
    width: 50%;
    margin-bottom: 23px;
  }
}
@media only screen and (max-width: 575px) {
  .single_shipping {
    width: 100%;
    justify-content: center;
  }
}

.shipping_text h3 {
  margin-bottom: 9px;
  color: #222222;
  font-size: 18px;
  font-weight: 600;
  line-height: 20px;
}
.shipping_text h3 a:hover {
  color: #ffb83c;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .shipping_text h3 {
    margin-bottom: 7px;
    font-size: 14px;
    line-height: 18px;
  }
}
@media only screen and (max-width: 767px) {
  .shipping_text h3 {
    margin-bottom: 7px;
    font-size: 15px;
    line-height: 18px;
  }
}
.shipping_text p {
  font-size: 14px;
  line-height: 16px;
  color: #999999;
  font-weight: 400;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .shipping_text p {
    font-size: 13px;
  }
}

.shipping_icon {
  margin-right: 22px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .shipping_icon {
    margin-right: 12px;
  }
}
@media only screen and (max-width: 767px) {
  .shipping_icon {
    margin-right: 15px;
  }
}
.shipping_icon i {
  font-size: 24px;
  color: #0b8f89;
}

/*instagram css heer*/
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .instagram_section.mb-135 {
    margin-bottom: 75px;
  }
}
@media only screen and (max-width: 767px) {
  .instagram_section.mb-135 {
    margin-bottom: 58px;
  }
}

.instagram_gallery {
  display: flex;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .instagram_gallery {
    flex-wrap: wrap;
  }
}
@media only screen and (max-width: 767px) {
  .instagram_gallery {
    flex-wrap: wrap;
  }
}
.instagram_gallery a.instagram-image {
  display: block;
  overflow: hidden;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .instagram_gallery a.instagram-image {
    width: 25%;
  }
}
@media only screen and (max-width: 767px) {
  .instagram_gallery a.instagram-image {
    width: 25%;
  }
}
@media only screen and (max-width: 575px) {
  .instagram_gallery a.instagram-image {
    width: 33.33%;
  }
}
.instagram_gallery a.instagram-image:hover img {
  transform: scale(1.05);
}
.instagram_gallery a.instagram-image img {
  transition: .3s;
}

/*newsletter css here*/
@media only screen and (max-width: 767px) {
  .newsletter_inner {
    flex-direction: column;
  }
}

.newsletter_subscribe form {
  position: relative;
  width: 670px;
  border-bottom: 1px solid #999999;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .newsletter_subscribe form {
    width: 450px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .newsletter_subscribe form {
    width: 340px;
  }
}
@media only screen and (max-width: 767px) {
  .newsletter_subscribe form {
    width: 450px;
  }
}
@media only screen and (max-width: 575px) {
  .newsletter_subscribe form {
    width: 100%;
  }
}
.newsletter_subscribe form input::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color: #999999;
}
.newsletter_subscribe form input::-moz-placeholder {
  /* Firefox 19+ */
  color: #999999;
}
.newsletter_subscribe form input:-ms-input-placeholder {
  /* IE 10+ */
  color: #999999;
}
.newsletter_subscribe form input:-moz-placeholder {
  /* Firefox 18- */
  color: #999999;
}
.newsletter_subscribe form input {
  width: 100%;
  font-size: 14px;
  line-height: 24px;
  color: #999999;
  font-weight: 400;
  height: 52px;
  padding: 0 110px 0 37px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .newsletter_subscribe form input {
    padding: 0 105px 0 29px;
  }
}
@media only screen and (max-width: 767px) {
  .newsletter_subscribe form input {
    font-size: 14px;
    line-height: 24px;
    height: 45px;
    padding: 0 95px 0 30px;
  }
}
@media only screen and (max-width: 575px) {
  .newsletter_subscribe form input {
    font-size: 13px;
    padding: 0 83px 0 25px;
  }
}
.newsletter_subscribe form i {
  position: absolute;
  left: 0;
  top: 49%;
  transform: translatey(-50%);
  font-size: 18px;
}
@media only screen and (max-width: 767px) {
  .newsletter_subscribe form i {
    font-size: 16px;
  }
}
.newsletter_subscribe form button {
  position: absolute;
  right: 0;
  top: 50%;
  transform: translatey(-50%);
  font-size: 16px;
  line-height: 18px;
  font-weight: 600;
  text-transform: uppercase;
  background: inherit;
}
.newsletter_subscribe form button:hover {
  color: #0b8f89;
}
@media only screen and (max-width: 767px) {
  .newsletter_subscribe form button {
    font-size: 14px;
  }
}
@media only screen and (max-width: 575px) {
  .newsletter_subscribe form button {
    font-size: 13px;
  }
}
.newsletter_subscribe .mailchimp-error {
  text-align: center;
  color: green;
  padding-top: 10px;
}
.newsletter_subscribe .mailchimp-success.active {
  text-align: center;
  max-width: 400px;
  margin: 0 auto;
  padding-top: 10px;
  color: green;
}

@media only screen and (max-width: 767px) {
  .newsletter_text {
    text-align: center;
    margin-bottom: 23px;
  }
}
.newsletter_text h3 {
  font-size: 30px;
  line-height: 28px;
  color: #000000;
  text-transform: uppercase;
  margin-bottom: 14px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .newsletter_text h3 {
    font-size: 25px;
    line-height: 25px;
    margin-bottom: 13px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .newsletter_text h3 {
    font-size: 22px;
    line-height: 22px;
    margin-bottom: 12px;
  }
}
@media only screen and (max-width: 767px) {
  .newsletter_text h3 {
    font-size: 20px;
    line-height: 20px;
    margin-bottom: 14px;
  }
}
.newsletter_text p {
  font-size: 16px;
  line-height: 18px;
  color: #666666;
  font-weight: 400;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .newsletter_text p {
    font-size: 15px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .newsletter_text p {
    font-size: 14px;
    line-height: 16px;
  }
}
@media only screen and (max-width: 767px) {
  .newsletter_text p {
    font-size: 15px;
    line-height: 17px;
  }
}

.newsletter_padding {
  padding-top: 137px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .newsletter_padding {
    padding-top: 76px;
  }
}
@media only screen and (max-width: 767px) {
  .newsletter_padding {
    padding-top: 59px;
  }
}

/*Banner Css Here*/
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .banner_section.mb-109 {
    margin-bottom: 75px;
  }
}
@media only screen and (max-width: 767px) {
  .banner_section.mb-109 {
    margin-bottom: 55px;
  }
}
@media only screen and (max-width: 575px) {
  .banner_section.mb-109 {
    margin-bottom: 35px;
  }
}

@media only screen and (max-width: 767px) {
  .single_banner.mr-30 {
    margin-right: 20px;
  }
}
@media only screen and (max-width: 575px) {
  .single_banner.mr-30 {
    margin-right: 0;
    margin-bottom: 20px;
  }
}
@media only screen and (max-width: 575px) {
  .single_banner img {
    width: 100%;
  }
}

@media only screen and (max-width: 575px) {
  .banner_container.d-flex {
    flex-direction: column;
  }
}

.banner_text {
  top: 66px;
  text-align: center;
  right: 68px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .banner_text {
    top: 45px;
    right: 30px;
    text-align: center;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .banner_text {
    top: 25px;
    right: 22px;
    text-align: center;
  }
}
@media only screen and (max-width: 767px) {
  .banner_text {
    top: 20px;
    text-align: center;
    right: 20px;
  }
}
.banner_text h3 {
  font-size: 36px;
  text-transform: uppercase;
  line-height: 48px;
  font-weight: 400;
  margin-bottom: 17px;
}
.banner_text h3 span {
  font-weight: 600;
  color: #ff2f2f;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .banner_text h3 {
    font-size: 28px;
    line-height: 36px;
    margin-bottom: 13px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .banner_text h3 {
    font-size: 20px;
    line-height: 28px;
    margin-bottom: 12px;
  }
}
@media only screen and (max-width: 767px) {
  .banner_text h3 {
    font-size: 18px;
    line-height: 24px;
    margin-bottom: 11px;
  }
}
.banner_text p {
  font-size: 20px;
  color: #666666;
  margin-bottom: 0;
  font-weight: 400;
}
@media only screen and (max-width: 767px) {
  .banner_text p {
    font-size: 14px;
    line-height: 19px;
  }
}
.banner_text a.btn-primary {
  margin-top: 198px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .banner_text a.btn-primary {
    margin-top: 135px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .banner_text a.btn-primary {
    margin-top: 40px;
  }
}
@media only screen and (max-width: 767px) {
  .banner_text a.btn-primary {
    margin-top: 30px;
  }
}
.banner_text a.btn-primary:hover {
  color: #000000;
}
.banner_text a.btn-primary::before {
  background: #fff;
}

.banner_style2 {
  padding: 0 55px;
}
@media only screen and (min-width: 1200px) and (max-width: 1600px) {
  .banner_style2 {
    padding: 0;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .banner_style2 {
    padding: 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .banner_style2 {
    padding: 0;
  }
}
@media only screen and (max-width: 767px) {
  .banner_style2 {
    padding: 0;
  }
}
@media only screen and (max-width: 575px) {
  .banner_style2 .single_banner {
    margin-bottom: 20px;
  }
}
@media only screen and (max-width: 767px) {
  .banner_style2 .single_banner img {
    height: 270px;
    object-fit: cover;
  }
}
.banner_style2 .banner_text {
  bottom: 76px;
  top: auto;
}
@media only screen and (min-width: 1200px) and (max-width: 1600px) {
  .banner_style2 .banner_text {
    bottom: 84px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .banner_style2 .banner_text {
    bottom:68px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .banner_style2 .banner_text {
    bottom: 20px;
  }
}
@media only screen and (max-width: 767px) {
  .banner_style2 .banner_text {
    bottom: 68px;
  }
}
.banner_style2 .banner_text h3 {
  font-size: 48px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .banner_style2 .banner_text h3 {
    font-size: 32px;
    margin-bottom: 9px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .banner_style2 .banner_text h3 {
    font-size: 25px;
    margin-bottom: 5px;
  }
}
@media only screen and (max-width: 767px) {
  .banner_style2 .banner_text h3 {
    font-size: 18px;
    margin-bottom: 5px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .banner_style2 .banner_text p {
    font-size: 13px;
  }
}
.banner_style2 .banner_text a.btn-primary {
  margin-top: 47px;
  text-transform: uppercase;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .banner_style2 .banner_text a.btn-primary {
    margin-top: 25px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .banner_style2 .banner_text a.btn-primary {
    margin-top: 9px;
  }
}
@media only screen and (max-width: 767px) {
  .banner_style2 .banner_text a.btn-primary {
    margin-top: 10px;
  }
}

.banner_tag {
  position: absolute;
  top: 60px;
  left: 70px;
}
@media only screen and (min-width: 1200px) and (max-width: 1600px) {
  .banner_tag {
    top: 40px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .banner_tag {
    top: 25px;
    left: 30px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .banner_tag {
    top: 18px;
    left: 23px;
  }
}
@media only screen and (max-width: 767px) {
  .banner_tag {
    top: 25px;
    left: 15px;
  }
}
.banner_tag span {
  font-size: 14px;
  line-height: 24px;
  color: #999999;
  text-transform: uppercase;
  display: inline-block;
}
@media only screen and (max-width: 767px) {
  .banner_tag span {
    font-size: 13px;
    line-height: 20px;
  }
}
.single_banner-about img{
  width:100%;
  height: 500px;
}


.ved-banner{
height:auto;
width:100%
}

.title h4{
  font-weight: bold;
  font-size: 1.5rem;
  color:#0b8f89;
  text-transform: capitalize;
  margin-bottom: 10px;
  margin-top: 20px;
}

.disciption p{
  text-align: justify;
}
/* 03. product section css here */
.tab-content > .tab-pane.active {
  display: block;
  height: auto;
  opacity: 1;
  overflow: visible;
}

.tab-content > .tab-pane {
  display: block;
  height: 0;
  opacity: 0;
  overflow: hidden;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .product_section.mb-96 {
    margin-bottom: 63px;
  }
}
@media only screen and (max-width: 767px) {
  .product_section.mb-96 {
    margin-bottom: 38px;
  }
}
@media only screen and (max-width: 575px) {
  .product_section.mb-96 {
    margin-bottom: 28px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .product_section.mb-80 {
    margin-bottom: 61px;
  }
}
@media only screen and (max-width: 767px) {
  .product_section.mb-80 {
    margin-bottom: 42px;
  }
}

@media only screen and (max-width: 767px) {
  .product_tab_btn.d-flex {
    justify-content: space-between;
    margin-top: 12px;
  }
}
@media only screen and (max-width: 575px) {
  .product_tab_btn.d-flex {
    flex-direction: column;
    text-align: center;
  }
}
@media only screen and (max-width: 575px) {
  .product_tab_btn ul {
    justify-content: center;
  }
}
.product_tab_btn ul li {
  margin-right: 40px;
}
.product_tab_btn ul li:last-child {
  margin-right: 0;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .product_tab_btn ul li {
    margin-right: 33px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .product_tab_btn ul li {
    margin-right: 20px;
  }
}
@media only screen and (max-width: 767px) {
  .product_tab_btn ul li {
    margin-right: 22px;
  }
}
.product_tab_btn ul li a {
  font-size: 16px;
  line-height: 18px;
  color: #999999;
  display: inline-block;
}
.product_tab_btn ul li a:hover {
  color: #0b8f89;
}
.product_tab_btn ul li a.active {
  color: #0b8f89;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .product_tab_btn ul li a {
    font-size: 15px;
  }
}
@media only screen and (max-width: 767px) {
  .product_tab_btn ul li a {
    font-size: 14px;
  }
}

.all_product {
  margin-left: 68px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .all_product {
    margin-left: 50px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .all_product {
    margin-left: 25px;
  }
}
@media only screen and (max-width: 575px) {
  .all_product {
    margin-left: 0;
    margin-top: 10px;
  }
}
.all_product a {
  font-size: 16px;
  line-height: 18px;
  display: inline-block;
  text-transform: uppercase;
}
.all_product a:hover {
  color: #0b8f89;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .all_product a {
    font-size: 15px;
  }
}
@media only screen and (max-width: 767px) {
  .all_product a {
    font-size: 14px;
    line-height: 16px;
  }
}
.add-button{}
.single_product figure{
  border: 1px solid #189F99;
  border-radius: 25px;
  padding: 10px;
}

.product_content .btn-primary{
  border-radius: 25px;
font-size:14px;
}

.product_content a.btn-primary:hover{
  border-radius: 25px;
  border: 1px solid #189F99 !important;
  color:#0b8f89;
}

.product_content .btn-primary::before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  color: #0b8f89;
  background: #000000;
  transform: scaleY(0);
  transform-origin: 50%;
  transition-duration: 0.3s;
}

.single_product:hover .product_content {
  /* transform: translateY(-60px); */
}
@media only screen and (max-width: 575px) {
  .single_product:hover .product_content {
    transform: translateY(-25px);
  }

.product_content .btn-primary{
  border-radius: 25px;
font-size:10px;
}

}
.single_product:hover .product_content h4 a {
  color: #999999;
}
.single_product:hover .product_content p {
  color: #999999;

}
.single_product:hover .add_to_cart {
  opacity: 1;
}

.single_product:hover .product_thumb img {
  opacity: 1;
  transform: scale(1.08, 1.08);
}
.single_product:hover .product_action ul li {
  padding-bottom: 10px;
}
@media only screen and (max-width: 575px) {
  .single_product:hover .product_action ul li {
    padding-bottom: 6px;
  }
}
.single_product:hover .product_action ul li.quick_view {
  opacity: 1;
  visibility: visible;
}
.single_product:hover .product_action ul li.compare {
  opacity: 1;
  visibility: visible;
}

.product_content {
  background: #ffffff;
  transition: ease all 0.4s;
  position: relative;
  padding: 18px 0 0;
}


@media only screen and (max-width: 575px) {
  .product_content {
    padding: 8px 0 0;
  }

}
.product_content h4.product_name {
  font-weight: 700;
  line-height: 22px;
  display: inline-block;
  font-size: 14px;
  margin-bottom: 5px;
}
@media only screen and (max-width: 575px) {
  .product_content h4.product_name {
    line-height: 15px;
    font-size: 8px;
    margin-bottom: 5px;
  }
.product_content p {
  color: #999999;
font-size:7px !important;
}
}



.cart_btn {
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  transition: ease all 0.4s;
  opacity: 0;
  transform: translateY(0);
}

.cart_btn a.btn-primary {
  margin-top: 0;
  font-size: 14px;
  padding: 0 28px;
}
@media only screen and (max-width: 767px) {
  .cart_btn a.btn-primary {
    padding: 0 14px;
    font-size: 13px;
  }
}


.add_to_cart {
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  transition: ease all 0.4s;
  opacity: 0;
  transform: translateY(0);
}
.add_to_cart a.btn-primary {
  margin-top: 0;
  font-size: 14px;
  padding: 0 28px;
}
@media only screen and (max-width: 767px) {
  .add_to_cart a.btn-primary {
    padding: 0 14px;
    font-size: 13px;
  }
}

.product_ratting ul li {
  margin-right: 1px;
  line-height: 20px;
}
.product_ratting ul li:last-child {
  margin-right: 0;
}
.product_ratting ul li a {
  color: #ff9806;
}
.product_ratting ul li span {
  font-size: 12px;
  color: #999999;
  font-weight: 600;
  margin-left: 3px;
}

.price_box {
  padding-bottom: 15px;
}
@media only screen and (max-width: 575px) {
  .price_box {
    padding-bottom: 8px;
  }
.product_ratting ul li span {
  font-size: 9px;
  color: #999999;
  font-weight: 600;
  margin-left: 3px;
}
}
.price_box span {
  font-size: 18px;
  line-height: 20px;
}
@media only screen and (max-width: 575px) {
  .price_box span {
    font-size: 10px;
    line-height: 18px;
  }
.price_box span.old_price {
  font-size: 10px !important;
  color: #999999;
  text-decoration: line-through;
}
}
.price_box span.current_price {
  color: #ff2f2f;
}
.price_box span.old_price {
  font-size: 14px;
  color: #999999;
  text-decoration: line-through;
}

.product_thumb {
  position: relative;
  overflow: hidden;
}
.product_thumb img {
  transition: opacity 0.7s ease, transform 2s cubic-bezier(0, 0, 0.44, 1.18);
  transform: scale(1, 1);
  width: 100%;
	height:240px;
}

.product_container.row {
  margin-right: -25px;
  margin-left: -25px;
}
@media only screen and (min-width: 1200px) and (max-width: 1600px) {
  .product_container.row {
    margin-right: -15px;
    margin-left: -15px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .product_container.row {
    margin-right: -15px;
    margin-left: -15px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .product_container.row {
    margin-right: -15px;
    margin-left: -15px;
  }
}
@media only screen and (max-width: 767px) {
  .product_container.row {
    margin-right: -15px;
    margin-left: -15px;
  }
}

.product_slick .col {
  padding-right: 15px;
  padding-left: 15px;
}
@media only screen and (min-width: 1200px) and (max-width: 1600px) {
  .product_slick .col {
    padding-right: 10px;
    padding-left: 10px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .product_slick .col {
    padding-right: 10px;
    padding-left: 10px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .product_slick .col {
    padding-right: 10px;
    padding-left: 10px;
  }
}
@media only screen and (max-width: 767px) {
  .product_slick .col {
    padding-right: 8px;
    padding-left: 8px;
  }
}
@media only screen and (max-width: 575px) {
  .product_slick .col {
    padding-right: 4px;
    padding-left: 4px;
    padding-bottom: 17px;
  }
.product_thumb img {
  transition: opacity 0.7s ease, transform 2s cubic-bezier(0, 0, 0.44, 1.18);
  transform: scale(1, 1);
  width: 100%;
	height:150px !important;
}

}
.product_slick .col-lg-3 {
  padding-right: 15px;
  padding-left: 15px;
}
@media only screen and (min-width: 1200px) and (max-width: 1600px) {
  .product_slick .col-lg-3 {
    padding-right: 10px;
    padding-left: 10px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .product_slick .col-lg-3 {
    padding-right: 10px;
    padding-left: 10px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .product_slick .col-lg-3 {
    padding-right: 10px;
    padding-left: 10px;
  }
}
@media only screen and (max-width: 767px) {
  .product_slick .col-lg-3 {
    padding-right: 8px;
    padding-left: 8px;
  }
}
@media only screen and (max-width: 575px) {
  .product_slick .col-lg-3 {
    padding-right: 4px;
    padding-left: 4px;
    padding-bottom: 17px;
  }
}
.product_slick:hover > button {
  left: -60px;
  opacity: 1;
  visibility: visible;
}
@media only screen and (min-width: 1200px) and (max-width: 1300px) {
  .product_slick:hover > button {
    left: 0;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .product_slick:hover > button {
    left: 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .product_slick:hover > button {
    left: 0;
  }
}
@media only screen and (max-width: 767px) {
  .product_slick:hover > button {
    left: 0;
  }
}
.product_slick:hover > button.next_arrow {
  right: -60px;
}
@media only screen and (min-width: 1200px) and (max-width: 1300px) {
  .product_slick:hover > button.next_arrow {
    right: 0;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .product_slick:hover > button.next_arrow {
    right: 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .product_slick:hover > button.next_arrow {
    right: 0;
  }
}
@media only screen and (max-width: 767px) {
  .product_slick:hover > button.next_arrow {
    right: 0;
  }
}
.product_slick > button {
  position: absolute;
  top: 50%;
  transform: translatey(-50%);
  padding: 0;
  border: 0;
  left: -30px;
  background: inherit;
  font-size: 36px;
  z-index: 9;
  opacity: 0;
  visibility: hidden;
}
@media only screen and (min-width: 1200px) and (max-width: 1300px) {
  .product_slick > button {
    left: 0;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .product_slick > button {
    left: 0;
    font-size: 28px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .product_slick > button {
    left: 0;
    font-size: 28px;
  }
}
@media only screen and (max-width: 767px) {
  .product_slick > button {
    left: 0;
    font-size: 22px;
  }
}
.product_slick > button:hover {
  color: #cccccc;
}
.product_slick > button.next_arrow {
  right: -30px;
  left: auto;
}
@media only screen and (min-width: 1200px) and (max-width: 1300px) {
  .product_slick > button.next_arrow {
    right: 0;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .product_slick > button.next_arrow {
    right: 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .product_slick > button.next_arrow {
    right: 0;
  }
}
@media only screen and (max-width: 767px) {
  .product_slick > button.next_arrow {
    right: 0;
  }
}

@media only screen and (max-width: 767px) {
  .product_header {
    flex-direction: column;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .product_header.mb-60 {
    margin-bottom: 40px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .product_header.mb-60 {
    margin-bottom: 30px;
  }
}
@media only screen and (max-width: 767px) {
  .product_header.mb-60 {
    margin-bottom: 30px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .product_header.mb-50 {
    margin-bottom: 30px;
  }
}
@media only screen and (max-width: 767px) {
  .product_header.mb-50 {
    margin-bottom: 30px;
  }
}

 .or-header-search-innerbox {
  height: 40px;
  /* width: 100%; */
  /* max-width: 548px; */
 display: block;
  border: 1px solid #e5e5e5;
}
.or-header-search-innerbox input {
   width: 502px; 
  border: none;
  height: 100%;
  border-radius: 30px;
  padding-left: 14px;
  padding-right: 14px;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-right: 2px solid #e5e5e5;
}

@media  only screen and (max-width: 810px) {
.or-header-search-innerbox input{
 width: auto !important; 
  border: none;
  height: 100%;
  border-radius: 30px;
  padding-left: 14px;
  padding-right: 14px;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-right: 2px solid #e5e5e5;
}


}
.or-header-search-innerbox select {
  width: 160px;
  border: none;
  color: #4c4c4c;
  padding-left: 18px;
  -webkit-appearance: none;
  border-right: 2px solid #e5e5e5;
}
 .or-header-search-innerbox button {
  border: none;
  background-color:#0b8f89;
  color:#fff;
  padding: 0px 15px;
  
}

.mbl-display{
  display: none !important;
}
.mbl-search-innerbox {
  height: 40px;
  /* width: 100%; */
  /* max-width: 548px; */
  border: 1px solid #e5e5e5;
}
.mbl-search-innerbox input {
  width: 100%;
  border: none;
  height: 100%;
  border-radius: 30px;
  padding-left: 14px;
  padding-right: 14px;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-right: 2px solid #e5e5e5;
  margin: 0px auto;
}
.mbl-search-innerbox select {
  width: 160px;
  border: none;
  color: #4c4c4c;
  padding-left: 18px;
  -webkit-appearance: none;
  border-right: 2px solid #e5e5e5;
}
 .mbl-search-innerbox button {
  border: none;
  background-color:#0b8f89;
  color:#fff;
  padding: 0px 15px;
  
}

.gif img{
  max-width: 100%;
  height: 60px;
}

.product_action {
  position: absolute;
  top: 17px;
  right: 15px;
}
@media only screen and (max-width: 575px) {
  .product_action {
    top: 12px;
    right: 6px;
  }

  .or-header-search-innerbox{
    display: none !important;
  }

  .mbl-display{
    display: block !important;
  }

  .gif img{
    max-width: 100%;
    height: 40px;
  }
}
.product_action ul li {
  padding-bottom: 15px;
  transition: .4s;
}
@media only screen and (max-width: 575px) {
  .product_action ul li {
    padding-bottom: 10px;
  }
}
.product_action ul li:last-child {
  padding-bottom: 0;
}
.product_action ul li.quick_view {
  opacity: 0;
  visibility: hidden;
}
.product_action ul li.compare {
  opacity: 0;
  visibility: hidden;
}
.product_action ul li a {
  font-size: 16px;
  width: 40px;
  height: 40px;
  text-align: center;
  line-height: 42px;
  background: #fff;
  border-radius: 50%;
  display: inline-block;
}
.product_action ul li a:hover {
  background: #0b8f89;
  color: #ffffff;
}
@media only screen and (max-width: 575px) {
  .product_action ul li a {
    font-size: 14px;
    width: 32px;
    height: 32px;
    line-height: 34px;
  }
}

.product_label {
  position: absolute;
  top: 18px;
  left: 18px;
}
@media only screen and (max-width: 575px) {
  .product_label {
    top: 10px;
    left: 8px;
  }
}
.product_label span {
  height: 25px;
  line-height: 25px;
  text-align: center;
  display: inline-block;
  font-weight: 600;
  color: #ffffff;
  background: #ff2f2f;
  padding: 0px 10px;
}
@media only screen and (max-width: 575px) {
  .product_label span {
    width: auto;
    height: 22px;
    line-height: 22px;
    font-size: 11px;
  }
}



/*other css*/


.info-btn{
  background-color: #00afef ; 
   padding:10px 20px; 
   color:white;
   margin-top:20px;
}
.tab-product{
  /*border: 1px solid #00afef !important;*/
  margin: 0px 8px;
  color: #161616;
  font-family: "Lora", serif;
  background-color: #f4f4f4;
font-size:14px
padding:0px 5px;
}


@media only screen and (max-width: 590px) {
.tab-product {
  /*border: 1px solid #00afef !important;*/
  margin: 0px 8px;
  color: #161616;
  font-family: "Lora", serif;
  background-color: #f4f4f4;
font-size:9px;
padding:0px 5px;
}

.or-shop-review-tab-btn .nav-tabs .nav-link {
    font-size:10px !important;
    font-weight: 700;
    border-radius: 0;
    padding: 8px 9px !important;
}


}




@media only screen and (max-width: 800px) {
.tab-product{
  /*border: 1px solid #00afef !important;*/
  margin: 0px 8px;
  color: #161616;
  font-family: "Lora", serif;
  background-color: #f4f4f4;
font-size:10px;
padding:0px 5px;
}




}
.shop-details-btn {
  margin-top: 20px;
}
.shop-details-btn a {
  color: #fff;
  font-weight: 700;
  border-radius: 8px;
  margin-right: 10px;
  display: inline-block;
  padding: 12px 30px 15px;
  background-color: #76a713;
}
.shop-details-btn a:hover {
  background-color: #ff7800;
}

.shop-details-product-code {
  margin-top: 25px;
}
.shop-details-product-code li {
  color: #000066;
  margin-bottom: 5px;
}
.shop-details-product-code li span {
  font-weight: 600;
  color: #76a713;
  margin-right: 5px;
  font-family: "Lora", serif;
}

.how-to-use-content{
  padding: 10px;
}

.who-can-use-content{
  padding: 10px;
}

.content-list{
  list-style-type: disc;
  
}
.why-we-content{
  padding: 10px;
}

.why-we-content p
{
  color:gray;
}
.content-list li{
  color:gray;
  font-weight: 400;
}


.product-description-sec{
  flex-basis: 75%;
 
  display: block;
  margin: 20px auto;
}

.product-description-sec h3{
  color: rgb(29, 29, 29);
  font-weight: 600;
  font-size: 20px;
}

.results{
  padding: 10px 0px;
}

.result-card{
  margin: 0 auto;
}
.result-card-img{
  
  border-radius: 10px;
}
.result-card-content{
  margin: 10px 0px;
  text-align: center;
}

.result-card-content h3{
  color:rgb(14, 129, 26);
  font-weight: bold;
  
}

.result-card-content p{
  color: gray;
}
.rating-block{
	background-color:#FAFAFA;
	border:1px solid #EFEFEF;
	padding:15px 15px 20px 15px;
	border-radius:3px;
}
.bold{
	font-weight:700;
}
.padding-bottom-7{
	padding-bottom:7px;
}

.review-block{
	background-color:#FAFAFA;
	border:1px solid #EFEFEF;
	padding:15px;
	border-radius:3px;
	margin-bottom:15px;
}
.review-block-name{
	font-size:12px;
	margin:10px 0;
}
.review-block-date{
	font-size:12px;
}
.review-block-rate{
	font-size:13px;
	margin-bottom:15px;
}
.review-block-title{
	font-size:15px;
	font-weight:700;
	margin-bottom:10px;
}
.review-block-description{
	font-size:13px;
}

.rating-top{
  display: flex;
  justify-content: space-between;
}
.rate-us{
    border: 2px solid rgb(0, 174, 239);
    border-radius: 4px;
    color: rgb(0, 174, 239);
    padding: 4px 10px;
    font-size: 16px;
    font-weight: 600;
    line-height: 28px;
    cursor: pointer;
}
.or-shop-details-tab-section {
  padding-bottom: 100px;
}

.or-shop-review-tab-btn .nav-tabs {
  border-bottom: none;
}
.or-shop-review-tab-btn .nav-tabs .nav-link {
  border: none;
}
.or-shop-review-tab-btn li {
  margin: 0px 2px;
  color: #161616;
  font-family: "Lora", serif;
  background-color: #f4f4f4;
}
.or-shop-review-tab-btn .nav-tabs .nav-link {
  font-size: 18px;
  font-weight: 700;
  border-radius: 0;
  padding: 8px 30px;
}
.or-shop-review-tab-btn .nav-tabs .nav-link.active {
  color: rgb(0, 174, 239);
  border-color: rgb(0, 174, 239);
  background-color: rgb(232, 248, 254);
}

.or-shop-details-review-tab-content {
  margin: 0 auto;
  max-width: 1065px;
}
.or-shop-details-review-tab-content .or-shop-review-tab-btn {
  margin-bottom: 35px;
}

@ media (max-width:600px){
.or-shop-details-review-tab-content .or-shop-review-tab-btn {
    margin-bottom: 20px;
}
}
.or-shop-details-review-tab-content .shop-details-description-text {
  line-height: 1.875;
}

.product-description-text table {
  margin-top: 40px;
}

.product-description-text th,
.product-description-text td {
  padding: 10px;
  border: 1px solid #e1e1e1;
}

.product-description-text tr {
  width: 100%;
}

.product-description-text .desc-title {
  width: 240px;
}

.product-description-text .desc-value {
  width: 77%;
}

.review-comment-area .buyer-review-inner {
  margin: 0 auto;
  max-width: 800px;
  margin-bottom: 40px;
  padding-bottom: 30px;
  border-bottom: 1px solid #e5e5e5;
}
.review-comment-area .buyer-review-pic {
  width: 80px;
  height: 80px;
  overflow: hidden;
  margin-right: 20px;
  border-radius: 100%;
}
.review-comment-area .buyer-review-text {
  overflow: hidden;
}
.review-comment-area .buyer-review-text h4 {
  color: #1a2428;
  font-size: 16px;
  font-weight: 700;
  padding-bottom: 10px;
  text-transform: uppercase;
}
.review-comment-area .buyer-review-text span {
  display: block;
}
.review-comment-area .buyer-review-text .buyer-review-rate {
  margin-top: 5px;
}
.review-comment-area .buyer-review-text .buyer-review-rate a {
  font-size: 14px;
  color: #76a713;
}
.review-comment-area .buyer-review-text .buyer-review-date {
  font-weight: 500;
  color: #69696999;
  font-weight: 700;
  padding-left: 30px;
  font-size: 14px;
  font-family: "Lora", serif;
  text-transform: uppercase;
}
.review-comment-area .buyer-review-text .buyer-review-date:before {
  top: 3px;
  left: 10px;
  width: 2px;
  content: "";
  height: 15px;
  position: absolute;
  background-color: #69696999;
}
.review-comment-area .buyer-review-comment-box {
  max-width: 800px;
  margin: 0 auto;
}
.review-comment-area .buyer-review-comment-box .customer-rate-option {
  margin: 4px 0px 20px;
}
.review-comment-area .buyer-review-comment-box .customer-rate-option li {
  width: 16px;
}
.review-comment-area .buyer-review-comment-box .customer-rate-option .customer-rate {
  display: none;
}
.review-comment-area .buyer-review-comment-box .customer-rate-option .rate-value {
  position: relative;
}
.review-comment-area .buyer-review-comment-box .customer-rate-option .rate-value:before {
  left: 0;
  top: -10px;
  content: "";
  cursor: pointer;
  position: absolute;
  font-weight: 900;
  font-family: "Font Awesome 5 Pro";
}
.review-comment-area .buyer-review-comment-box .customer-rate-option .customer-rate:checked ~ .rate-value:before {
  content: "";
  color: #76a713;
}
.review-comment-area .buyer-review-comment-box h4 {
  font-size: 18px;
  padding-right: 40px;
}
.review-comment-area .buyer-review-comment-box textarea,
.review-comment-area .buyer-review-comment-box input {
  width: 100%;
  height: 60px;
  margin-bottom: 20px;
  padding-left: 40px;
  border: 1px solid #e5e5e5;
}
.review-comment-area .buyer-review-comment-box textarea {
  height: 200px;
  padding-top: 30px;
  margin-bottom: 15px;
}
.review-comment-area .buyer-review-comment-box button {
  color: #fff;
  border: none;
  font-weight: 500;
  padding: 15px 50px;
  font-family: "Lora", serif;
  text-transform: uppercase;
  font-weight: 700;
  background-color: #76a713;
}

.or-main-cart-section {
  padding: 100px 0px 150px;
}
.or-main-cart-section .top-sticky {
  top: 100px;
  position: sticky;
}

.or-cart-content-table table {
  width: 770px;
}
.or-cart-content-table table th {
  font-size: 15px;
  font-weight: 700;
  color: #333;
  padding: 10px;
  border-top: none;
  border-left: none;
  border-right: none;
  border-bottom: 3px solid #76a713;
}
.or-cart-content-table table td {
  text-align: left;
  border-left: none;
  border-right: none;
  border-top: none;
  padding: 20px 15px;
  vertical-align: middle;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.or-cart-content-table table td .remove {
  font-size: 18px;
  width: 26px;
  height: 26px;
  color: #fff;
  line-height: 23px;
  text-align: center;
  display: inline-block;
  background-color: #76a713;
  border-radius: 100%;
  position: relative;
}
.or-cart-content-table table .product-thumbnail {
  text-align: center !important;
  min-width: 120px;
  max-width: 120px;
  width: 130px;
}
.or-cart-content-table table .product-name a {
  color: #152136;
  font-size: 16px;
  font-weight: 600;
}
.or-cart-content-table table .product-subtotal {
  color: #152136;
  font-size: 16px;
  font-weight: 600;
}

.or-cart-total-warpper {
 /* margin-left: 30px;*/
}
.or-cart-total-warpper h3 {
  color: #fff;
  font-size: 22px;
  padding: 9px 20px;
  font-weight: 600;
  background-color: #76a713;
}
.or-cart-total-warpper table {
  width: 100%;
}
.or-cart-total-warpper table tr {
  border-bottom: 1px solid #eeeeee;
}
.or-cart-total-warpper .v-title {
  font-size: 18px;
  font-weight: 700;
  padding: 12px 0px;
  font-family: "Lora", serif;
text-align:start;
}
.or-cart-total-warpper .v-price {
  font-size: 18px;
  font-weight: 700;
  color: #ff7800;
text-align:start;
}
.or-cart-total-warpper a {
  color: #fff;
  height: 60px;
  width: 100%;
  margin: 0 auto;
  font-weight: 700;
  background-color: #76a713;
}

.or-cart-copun {
  margin-top: 30px;
}

.or-cart-copun-code input {
  width: 100%;
  height: 50px;
  max-width: 500px;
  padding-left: 20px;
  border: 1px solid #c7c7c7;
}
.or-cart-copun-code input::-webkit-input-placeholder {
  font-size: 18px;
  font-weight: 600;
}
.or-cart-copun-code input::-moz-placeholder {
  font-size: 18px;
  font-weight: 600;
}
.or-cart-copun-code input:-ms-input-placeholder {
  font-size: 18px;
  font-weight: 600;
}
.or-cart-copun-code input::-ms-input-placeholder {
  font-size: 18px;
  font-weight: 600;
}
.or-cart-copun-code input::placeholder {
  font-size: 18px;
  font-weight: 600;
}
.or-cart-copun-code button {
  color: #fff;
  height: 50px;
  width: 150px;
  border: none;
  font-weight: 600;
  margin-left: 20px;
  background-color: #76a713;
  -webkit-transition: 500ms all ease;
  transition: 500ms all ease;
}
.or-cart-copun-code button:hover {
  background-color: #ff7800;
}

.or-checkout-section {
  padding: 38px 0px 150px;
}

.or-chekcout-coupon {
  font-weight: 500;
  padding: 15px 20px;
  color: #1a2428;
  background-color: #f7f6f7;
  border-top: 3px solid #76a713;
}
.or-chekcout-coupon i {
  color: #76a713;
  margin-right: 10px;
}
.or-chekcout-coupon a {
  margin-left: 5px;
  color: #76a713;
}

.or-checkout-form {
  margin-top: 30px;
}
.or-checkout-form h2 {
  color: #191919;
  font-size: 24px;
  font-weight: 700;
  padding-bottom: 25px;
}
.or-checkout-form form label {
  width: 100%;
  color: #383838;
  margin-bottom: 10px;
}
.or-checkout-form form input, .or-checkout-form form select, .or-checkout-form form textarea {
  width: 100%;
  height: 50px;
  margin-bottom: 15px;
  padding-left: 20px;
  background-color: #fff;
  border: 1px solid #ececec;
}
.or-checkout-form form textarea {
  height: 120px;
  padding-top: 15px;
}

.or-checkout-form table {
  border: 1px solid #ececec;
}
.or-checkout-form table th {
  font-weight: 700;
  padding: 10px 15px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.or-checkout-form table td {
  color: #383838;
  font-weight: 500;
  padding: 20px 15px;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
}
.or-checkout-form table .product-total {
  font-size: 14px;
  color: #76a713;
  font-weight: 700;
}

.or-checkout-pay-item-wrapper {
  margin-top: 30px;
}
.or-checkout-pay-item-wrapper p a {
  color: #76a713;
}

.or-checkout-pay-item {
  margin-bottom: 5px;
}
.or-checkout-pay-item span {
  color: #1a2428;
  font-weight: 600;
  margin-left: 5px;
}

.ingradient-items{
	text-align:center;

}

.ingradient-items img{
height:100px;
width:100px;
}

.or-btn-2 button{
background: #0b8f89 ;
padding:10px 20px;
border:none;
}

@media screen and (max-width:450px){
.or-shop-review-tab-btn .nav-tabs .nav-link {
    font-size: 9px;
    font-weight: 700;
    border-radius: 0;
    padding: 4px 3px;
}

.or-cart-copun-code button {
  color: #fff;
  height: 50px;
  width: 100%;
  border: none;
  font-weight: 600;
  margin-left: 0px;
margin-top:5px;
  background-color: #76a713;
  -webkit-transition: 500ms all ease;
  transition: 500ms all ease;
}
}
@media screen and (max-width: 991px) {
	.or-shop-review-tab-btn .nav-tabs .nav-link {
    font-size: 14px;
    font-weight: 700;
    border-radius: 0;
    padding: 4px 14px;
}
  .ingradient-items{
    display: flex;
    flex-flow: row wrap;
    -webkit-box-align: center;
    align-items: center;
    margin-top: 6px;
    flex-wrap: wrap;
    gap: 10px;
    flex-direction: row;
    align-content: space-around;
    justify-content: center;
    padding: 10px;
  }
  .ingradients {
    display: flex;
    flex-flow: row wrap;
    -webkit-box-align: center;
    align-items: center;
    margin-top: 6px;
    gap: 5px;
    flex-wrap: wrap;
    padding: 0px 10px;
}

.or-s-btn-2, .or-btn-2 a {
  z-index: 1;
  color: #fff;
  height: 40px;
  width: 130px;
  font-weight: 600;
  overflow: hidden;
  position: relative;
  border-radius: 5px;
  background-color: #ff7800;
}
.or-s-btn-2:before, .or-btn-2 a:before {
  width: 50px;
  height: 50px;
  content: "";
  top: -13px;
  left: -28px;
  z-index: -1;
  position: absolute;
  border-radius: 50px;
  background-color: rgba(255, 255, 255, 0.32);
  -webkit-transition: 0.3s cubic-bezier(0.24, 0.74, 0.58, 1);
  transition: 0.3s cubic-bezier(0.24, 0.74, 0.58, 1);
}
.or-s-btn-2:hover:before, .or-btn-2 a:hover:before {
  -webkit-transform: scale(10);
          transform: scale(10);
  background-color: rgba(255, 255, 255, 0.08);
}

.or-s-btn-2 {
  display: inline-block;
  text-align: center;
  line-height: 55px;
  height: 55px;
  width: 170px;
}

}



/*---------------------------------------------------- */
/*Why Cho0ose area*/
/*----------------------------------------------------*/
.or-why-choose-section {
  padding: 140px 0px 75px;
}

.or-why-choose-feature {
  z-index: 1;
  padding-left: 30px;
}
.or-why-choose-feature:before {
  left: 0;
  width: 0;
  height: 0;
  top: -30px;
  z-index: -1;
  content: "";
  position: absolute;
  border-top: 460px solid #f3f5e7;
  border-right: 460px solid transparent;
}

.or-why-choose-feature-innerbox {
  margin-bottom: 30px;
  background-color: #fff;
  padding: 18px 20px 30px;
  -webkit-transition: 500ms all ease;
  transition: 500ms all ease;
  -webkit-box-shadow: 0px 0px 29px 0px rgba(12, 12, 12, 0.05);
          box-shadow: 0px 0px 29px 0px rgba(12, 12, 12, 0.05);
}
.or-why-choose-feature-innerbox .or-why-choose-feature-icon {
  z-index: 1;
  width: 80px;
  height: 80px;
  margin: 0 auto;
  margin-bottom: 8px;
  border-radius: 100%;
  background-color: #fbebe7;
  -webkit-transition: 500ms all ease;
  transition: 500ms all ease;
}
.or-why-choose-feature-innerbox .or-why-choose-feature-icon i {
  color: #fff;
  font-size: 25px;
  -webkit-transition: 500ms all ease;
  transition: 500ms all ease;
}
.or-why-choose-feature-innerbox .or-why-choose-feature-icon:before {
  top: 50%;
  left: 0;
  right: 0;
  content: "";
  z-index: -1;
  width: 50px;
  height: 50px;
  margin: 0 auto;
  position: absolute;
  border-radius: 100%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  -webkit-transition: 500ms all ease;
  transition: 500ms all ease;
  background-color: #ff7800;
}
.or-why-choose-feature-innerbox .or-why-choose-feature-text h3 {
  color: #1a2428;
  font-size: 22px;
  font-weight: 700;
  padding-bottom: 10px;
  -webkit-transition: 500ms all ease;
  transition: 500ms all ease;
}
.or-why-choose-feature-innerbox .or-why-choose-feature-text p {
  font-size: 15px;
  -webkit-transition: 500ms all ease;
  transition: 500ms all ease;
}
.or-why-choose-feature-innerbox:hover {
  background-color: #ff7800;
  -webkit-box-shadow: 0 26px 27px rgba(255, 120, 0, 0.29);
          box-shadow: 0 26px 27px rgba(255, 120, 0, 0.29);
}
.or-why-choose-feature-innerbox:hover .or-why-choose-feature-icon {
  background-color: #ff9333;
}
.or-why-choose-feature-innerbox:hover .or-why-choose-feature-icon i {
  color: #ff7800;
}
.or-why-choose-feature-innerbox:hover .or-why-choose-feature-icon:before {
  background-color: #fff;
}
.or-why-choose-feature-innerbox:hover .or-why-choose-feature-text h3, .or-why-choose-feature-innerbox:hover .or-why-choose-feature-text p {
  color: #fff;
}

.or-why-choose-text-wrapper {
  padding: 35px 0px 0px 60px;
}
.or-why-choose-text-wrapper .or-section-title h2 {
  padding-bottom: 20px;
}
.or-why-choose-text-wrapper .or-section-title p {
  padding-bottom: 30px;
}

.or-why-choose-section-2 {
  padding: 95px 0px;
}
.or-why-choose-section-2 .or-why-choose-img-2 {
  padding-top: 70px;
}

.or-why-choose-feature-2 {
  padding-top: 40px;
}

.or-why-choose-feature-item-2 {
  margin-bottom: 25px;
}
.or-why-choose-feature-item-2 .or-why-choose-feature-icon {
  width: 70px;
  height: 70px;
  margin-right: 30px;
  border-radius: 8px;
  background-color: #f2f2f2;
}
.or-why-choose-feature-item-2 .or-why-choose-feature-icon i {
  color: #ff7800;
  font-size: 38px;
  line-height: 0.75;
}
.or-why-choose-feature-item-2 .or-why-choose-feature-text {
  width: 380px;
}
.or-why-choose-feature-item-2 .or-why-choose-feature-text h3 {
  color: #000031;
  font-size: 18px;
  margin-bottom: 0;
  font-weight: 700;
  padding-bottom: 12px;
}
.or-why-choose-feature-item-2:nth-child(even) .or-why-choose-feature-icon i {
  color: #76a713;
}

.or-breadcrumbs-section .background_overlay {
  background-color: rgba(0, 0, 0, 0.7);
}
.or-breadcrumbs-section .or-breadcrumbs-content {
  z-index: 1;
  position: relative;
  padding: 115px 0px 105px;
}
.or-breadcrumbs-section .or-breadcrumbs-content .page-title {
  padding-bottom: 10px;
}
.or-breadcrumbs-section .or-breadcrumbs-content .page-title h1 {
  color: #fff;
  font-size: 45px;
  font-weight: 700;
}
.or-breadcrumbs-section .or-breadcrumbs-content .or-breadcrumbs-items li {
  color: #fff;
  padding: 0px 25px;
  position: relative;
}
.or-breadcrumbs-section .or-breadcrumbs-content .or-breadcrumbs-items li:before {
  top: 3px;
  right: -7px;
  font-size: 14px;
  content: "";
  font-weight: 900;
  position: absolute;
  color: #76a713;
  font-family: "Font Awesome 5 Pro";
}
.or-breadcrumbs-section .or-breadcrumbs-content .or-breadcrumbs-items li:last-child:before {
  display: none;
}


.about-title-new {
border: 2px solid #0b8f89 ;
    border-radius: 20px;
    width: 50%;
    
    border-color: #189F99;
    padding-top: 1%;
    padding: 10px;
}

/*---------------------------------------------------- */
/*Contact area*/
/*----------------------------------------------------*/
.or-contact-info-section {
  padding: 100px 0px;
}

.or-contact-innerbox-layout1 .item--inner {
  padding: 44px 15px 40px;
  text-align: center;
  position: relative;
  z-index: 1;
}

.or-contact-innerbox-layout1 .item--inner:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  margin: auto;
  background-image: url(../img/bg-fancybox1.png);
  background-color: #82ae46 !important;
  z-index: -1;
  border-radius: 50px 0 50px 0;
  -webkit-transition: 0.3s cubic-bezier(0.24, 0.74, 0.58, 1);
  transition: 0.3s cubic-bezier(0.24, 0.74, 0.58, 1);
}

.or-contact-innerbox-layout1 .item--icon {
  display: inline-block;
  width: 70px;
  height: 70px;
  font-size: 40px;
  color: #0b8f89;
  background-color: #fff;
  border-radius: 70px;
  line-height: 70px;
  position: relative;
  margin-bottom: 10px;
}

.or-contact-innerbox-layout1 .item--title {
  color: #fff;
  font-size: 20px;
  font-weight: 700;
  margin-bottom: 5px;
}

.or-contact-innerbox-layout1 .item--description {
  font-size: 18px;
  line-height: 1.33333;
  color: #fff;
}

.or-contact-innerbox-layout1 .item--inner:after {
  content: "";
  position: absolute;
  top: 19px;
  right: 19px;
  bottom: 19px;
  left: 19px;
  -webkit-transition: 0.3s cubic-bezier(0.24, 0.74, 0.58, 1);
  transition: 0.3s cubic-bezier(0.24, 0.74, 0.58, 1);
  opacity: 0;
  border-radius: 50px 0 50px 0;
  border: 4px dotted #76a713;
}

.or-contact-innerbox-layout1 .item--inner:hover:before {
  top: 19px;
  right: 19px;
  bottom: 19px;
  left: 19px;
  border-radius: 40px 0 40px 0;
}

.or-contact-innerbox-layout1 .item--inner:hover:after {
  opacity: 1;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

.or-contact-form-section {
  padding-bottom: 100px;
}

.or-contact-form-content {
  margin: 0 auto;
  max-width: 770px;
  padding-top: 30px;
}
.or-contact-form-content .or-contact-input {
  margin-bottom: 20px;
}
.or-contact-form-content .or-contact-input label {
  color: #191919;
  display: block;
  font-weight: 500;
  margin-bottom: 8px;
}
.or-contact-form-content .or-contact-input input, .or-contact-form-content .or-contact-input textarea {
  width: 100%;
  height: 52px;
  border: none;
  padding-left: 20px;
  background-color: #efefef;
}
.or-contact-form-content .or-contact-input textarea {
  height: 155px;
  padding-top: 20px;
}
.or-contact-form-content .or-contact-btn button {
  padding: 0;
  color: #fff;
  border: none;
  height: 60px;
  width: 225px;
  font-weight: 700;
  border-radius: 30px;
  background-color: #0b8f89;
  -webkit-transition: 300ms all ease;
  transition: 300ms all ease;
}
.or-contact-form-content .or-contact-btn button:hover {
  background-color: #76a713;
}

.mail-send-wrapper {
  padding-top: 150px;
}
.mail-send-wrapper h3 {
  padding-top: 20px;
}


.or-about-feature-wrapper {
  padding-top: 25px;
}

.or-about-feature-innebox {
  width: 50%;
}
.or-about-feature-innebox .or-about-feature-icon {
  margin-right: 10px;
  width: 50px;
}
.or-about-feature-innebox .or-about-feature-text {
  width: 195px;
}
.or-about-feature-innebox .or-about-feature-text h3 {
  color: #1a2428;
  font-size: 18px;
  font-weight: 700;
  padding-bottom: 10px;
}


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

.or-contact-innerbox-layout1 .item--inner {
    padding: 17px 10px;
    text-align: center;
    position: relative;
    z-index: 1;
    margin: 5px;
}

.or-contact-innerbox-layout1 .item--title {
    color: #fff;
    font-size: 15px;
    font-weight: 700;
    margin-bottom: 5px;
}
.or-contact-info-section {
    padding: 50px 0px;
}

.or-contact-form-wrapper .or-section-title h2{
    font-size: 16px;
    line-height: 24px;
    font-weight: bold;
}

		.or-why-choose-feature:before {
    left: 0;
    width: 0;
    height: 0;
    top: -30px;
    z-index: -1;
    content: "";
    position: absolute;
    border-top: 460px solid #f3f5e7;
    border-right: 460px solid transparent;
display:none;
}

.about-title-new {
border: 2px solid #0b8f89;
    border-radius: 20px;
    width: auto;
    
    border-color: #189F99;
    padding-top: 1%;
    padding: 10px;
}
.or-why-choose-text-wrapper {
    padding: 21px 0px 0px 0px;
}

.case-animate-time{
 font-size: 16px;
    line-height: 24px;
    font-weight: bold;
}


}


@media screen and (max-width:800px){
.or-contact-innerbox-layout1 .item--title {
    color: #fff;
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 5px;
}
}