@import url('https://fonts.googleapis.com/css2?family=Almarai:wght@300;400;700;800&display=swap');

/* ===================================================
  [  Table of contents  ]
======================================================
  1. Header Top Area
  2. Header Bottom Area
  3. Slider Area
  4. Policy area
  6. Home banner
  7. Tab Product
  8. static item
  9. Testimonial
  10. special products
  11. Blog style
  12. footer top
  13. Footer area
  14. home two
  19. 404
  20. single product page
  21. shop page
  22. shop page list view
  23. about page
  24. Cart & Wish List CSS
  25. Checkout CSS
  26. Contact page
  27. Frequently Questions Page CSS
  28. Forgot Password
  29. Login
  30. Register Account
  31. Portfolio Page
  32. blog page
  33. Service Page
======================================================
[ End table content ]
=================================================== */

/* ======================================================
    Header
====================================================== */
/* ----------------------------------------------
    1. Header Top Area
---------------------------------------------- */

.wrapper.home-two, html {width: 100%; overflow-x: hidden;}
body {direction:rtl; font-family: 'Almarai', sans-serif;width: 100%; overflow-x: hidden;}
p,h1,h2,h3,h4,h5,h6, a, label, td, th {font-family: 'Almarai', sans-serif;}
.owl-carousel {direction:ltr}

.header-top-area {
  background: #11182b;
  max-height: none;
  border: none;
  padding: 15px 0;
  line-height: 1;
}

.header-top-wrapper {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.top-bar-left {
  display: flex;
  gap: 30px;
}

.contact-link {
  display: flex;
  gap: 30px;
}

.contact-link .info_box {
  position: relative;
  line-height: 20px;
  text-shadow: none;
  font-size: 12px;
  vertical-align: top;
  font-weight: 400;
  color: #fff;
  text-transform: capitalize;
}

.contact-link .info_box.phone::before {
  content: "\f2a0";
}
.nice-select .option {text-align:right;}

.contact-link .info_box::before {
  font-family: "FontAwesome";
  font-size: 18px;
  color: #8bc73c;
  margin-left: 5px;
      transform: scaleX(-1);
    display: inline-block;
  vertical-align: -2px;

}

.contact-link .info_box span {
  color: #333;
  unicode-bidi: plaintext;
}

.contact-link .info_box.email::before {
  content: "\f0e0";
}

.top-bar-left .social_follow {
  padding: 0;
  margin: 0;
}

.social_follow {
  position: relative;
}

.social_follow ul {
  margin: 0;
  display: flex;
  gap: 5px;
}

.top-bar-left .social_follow li {
  padding: 0;
  margin: 0;
  line-height: 1;
}

.top-bar-left .social_follow li a {
  position: relative;
  display: inline-block;
  color: #666666;
  background: transparent;
  font-size: 18px;
  line-height: 20px;
  width: auto;
  height: auto;
  padding: 0;
  z-index: 1;
  border: 0;
  display: block;
  font-weight: normal;
  vertical-align: middle;
  -webkit-transition: all 300ms ease-in;
  -moz-transition: all 300ms ease-in;
  -ms-transition: all 300ms ease-in;
  -o-transition: all 300ms ease-in;
  transition: all 300ms ease-in;
}

.topbar-nav {
  line-height: 1.5;
  display: flex;
  justify-content: end;
  gap: 15px;
}

.topbar-nav .dropdown {
}

.topbar-nav .dropdown button {
  padding: 0;
  border: 0;
  background: none;
  display: block;
  color: #fff;
  text-decoration: none;
  font-size: 13px;
}

.topbar-nav .dropdown button i {
  margin: 0 3px;
}

.topbar-nav .dropdown button img {
  margin-left: 5px;
}

.topbar-nav .dropdown-menu {
  background: #ffffff;
  border: 1px solid #ededed;
  border-top: 2px solid #3b763c;
  padding: 10px;
  min-width: 125px;
  top: 10px !important;
  border-radius: 0;
}

.topbar-nav .dropdown-menu li {
}

.topbar-nav .dropdown-menu li a {
  text-decoration: none;
  font-size: 12px;
  line-height: 22px;
  color: #636363;
  display: block;
  padding: 0 5px;
  text-align:right;
}

.topbar-nav .dropdown-menu li a:hover {
  background: #3b763c;
  padding: 0 5px;
  color: #fff;
}

.topbar-nav .dropdown:last-child .dropdown-menu {
  right: right !important;
  left: 0 !important;
}

/* ----------------------------------------------
    2. Header Bottom Area
---------------------------------------------- */

.header-bottom-area {
  padding: 10px 0;
  z-index: 999;
}

.header-bottom-wrapper {
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: relative;
}

.main-menu nav > ul > li > a {
  color: #333;
  display: block;
  font-size: 16px;
  font-weight: 600;
  height: 58px;
  line-height: 58px;
  padding: 0 20px;
  text-transform: uppercase;
}

.megamenu {
  background: #ffffff;
  border: 1px solid #e5e5e3;
  box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.2);
  left: 100%;
  padding: 20px 35px;
  top: 0;
}

.menu-tile {
  border-bottom: 1px solid #ededed;
  color: #2c2c2c;
  display: block;
  font-size: 16px;
  font-weight: 500;
  line-height: 20px;
  margin-bottom: 10px;
  padding-bottom: 10px;
  text-transform: uppercase;
}

.single-megamenu ul li a {
  color: #666666;
  font-size: 14px;
  font-weight: 400;
  line-height: 30px;
  padding: 0;
  text-transform: capitalize;
}

.first-megamenu li.megamenu-img {
  flex-basis: 40%;
}

/*main-menu*/

.main-menu ul {
  margin-bottom: 0;
}

.main-menu ul li {
  display: inline-block;
  position: relative;
  list-style: none;
}
.main-menu ul li.current a {
  color: #3b763c;
}

.main-menu ul li:hover a {
  text-decoration: none;
}

.main-menu nav > ul > li:first-child > a {
  padding-left: 0;
}

.main-menu nav > ul > li:hover > a {
  color: #3b763c;
}

.main-menu nav > ul > li ul {
  position: absolute;
  padding: 10px 0;
  width: 255px;
  box-shadow: 0 2px 2px 2px rgba(0, 0, 0, 0.2);
  left: 0;
  z-index: 9;
  background-color: #fff;
  margin-left: 0;
  -webkit-transform: perspective(600px) rotateX(-90deg);
  -moz-transform: perspective(600px) rotateX(-90deg);
  -ms-transform: perspective(600px) rotateX(-90deg);
  -o-transform: perspective(600px) rotateX(-90deg);
  transform: perspective(600px) rotateX(-90deg);
  -webkit-transform-origin: 100% 0%;
  -moz-transform-origin: 100% 0%;
  -ms-transform-origin: 100% 0%;
  -o-transform-origin: 100% 0%;
  transform-origin: 100% 0%;
  -webkit-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}

.main-menu nav > ul > li:last-child ul {
  left: auto;
  right: 0;
}

.main-menu nav > ul > li ul li {
  display: block;
}

.main-menu nav > ul > li ul li a {
  padding: 7px 10px 7px 25px;
  display: block;
  font-size: 14px;
  font-weight: 400;
  color: #444444;
  text-transform: capitalize;
}

.main-menu nav > ul > li ul li a:hover {
  color: #3b763c;
}

/*megamenu-3-column*/
.main-menu nav > ul > li ul.megamenu-3-column {
  width: 600px;
  -webkit-transform: perspective(600px) rotateX(-90deg);
  -moz-transform: perspective(600px) rotateX(-90deg);
  -ms-transform: perspective(600px) rotateX(-90deg);
  -o-transform: perspective(600px) rotateX(-90deg);
  transform: perspective(600px) rotateX(-90deg);
  -webkit-transform-origin: 100% 0%;
  -moz-transform-origin: 100% 0%;
  -ms-transform-origin: 100% 0%;
  -o-transform-origin: 100% 0%;
  transform-origin: 100% 0%;
  -webkit-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}

.main-menu nav > ul > li ul.megamenu-3-column > li {
  width: 33%;
  float: left;
}

.main-menu nav > ul > li ul.megamenu-3-column > li > a {
  font-size: 16px;
  font-weight: 700;
  color: #292929;
  padding-bottom: 0;
}

.main-menu nav > ul > li ul.megamenu-3-column > li ul {
  width: auto;
  box-shadow: none;
  position: inherit;
}

.main-menu nav > ul > li ul {
  opacity: 0;
  visibility: hidden;
}

.main-menu nav > ul > li:hover ul {
  opacity: 1;
  visibility: visible;
  -webkit-transform: perspective(600px) rotateX(0deg);
  -moz-transform: perspective(600px) rotateX(0deg);
  -ms-transform: perspective(600px) rotateX(0deg);
  -o-transform: perspective(600px) rotateX(0deg);
  transform: perspective(600px) rotateX(0deg);
}

/* top search */

.header-bottom-action {
  display: flex;
  align-items: center;
  position: relative;
  gap: 30px;
}

.header-bottom-action > *:nth-child(2):before {
  position: absolute;
  content: "";
  background-color: #d3ceb4;
  width: 1px;
  height: 20px;
  top: 50%;
  transform: translateY(-50%);
  right: -16px;
}

.header-bottom-action .search-icon {
  display: inline-block;
  padding: 15px 0;
  cursor: pointer;
  color: #999999;
  border: 0;
  background: none;
  -webkit-transition: all 300ms ease-in;
  -moz-transition: all 300ms ease-in;
  -ms-transition: all 300ms ease-in;
  -o-transition: all 300ms ease-in;
  transition: all 300ms ease-in;
}

.header-bottom-action .search-icon i {
  font-size: 16px;
}

.search_top {
  min-width: 530px;
  padding: 0;
  border-radius: 0;
  padding: 10px;
  border: 0;
  right: auto !important;
  left: 0 !important;
  top: 100% !important;
  transform: translate(0px, 0px) !important;
  position: relative;
}

.search_top .text_input {
  padding: 5px 10px 5px 50px;
  height: 40px;
  line-height: 30px;
  font-size: 14px;
  color: #999999;
  background: #fff;
  border: 1px solid #e5e5e5;
  border-radius: none;
  box-shadow: none;
  overflow: hidden;
  width: 100%;
}

.search_top button {
  position: absolute;
  top: 10px;
  left: 10px;
  height: 40px;
  width: 40px;
  text-align: center;
  background: transparent;
  color: #999999;
  font-size: 14px;
  border: 0;
  text-align: center;
  border-radius: 0;
  font-weight: 400;
}

/* mini cart */
.header-bottom-action .cart-icon {
  display: block;
  position: relative;
  color: #999999;
  font-size: 14px;
  text-transform: capitalize;
  background: none;
  padding: 15px 0;
  border: 0;
}

.header-bottom-action .cart-icon i {
  color: #3b763c;
  font-size: 16px;
  margin-left: 5px;
}

.header-bottom-action .cart-icon .item_total {
  color: #464646;
}

.header-cart {
  margin: 0;
  padding: 0;
  background: white;
  width: 355px;
  border: 1px solid #e5e5e5;
  border-top: 2px solid #3b763c;
  border-radius: 0;
  left: 0 !important;
  top: 100% !important;
  right: auto !important;
  transform: translate(0, 0) !important;
}

.header-cart ul {
  max-height: 272px;
  overflow-y: auto;
  padding: 0 20px;
}

.header-cart ul li {
  display: flex;
  padding: 20px 0;
  border-bottom: 1px solid #e5e5e5;
  overflow: hidden;
}

.header-cart ul li .img_content {
  margin: 0 0px 0 20px;
  position: relative;
}

.header-cart ul li .img_content .product-quantity {
  position: absolute;
  top: 5px;
  right: 5px;
  min-width: 25px;
  line-height: 25px;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  border-radius: 100%;
  padding: 0;
  text-align: center;
  background: #3b763c;
  color: white;
  font-size: 14px;
  display: inline-block;
}

.header-cart ul li .right_block {
  position: relative;
  flex: 1;
  overflow: hidden;
  text-align:right;
}

.header-cart ul li .right_block .product-name {
  display: block;
  overflow: hidden;
  word-wrap: break-word;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: #333333;
  text-transform: capitalize;
  font-size: 13px;
  line-height: 20px;
}

.header-cart ul li .right_block .product-price {
  display: block;
  margin: 10px 0 0;
  color: #3b763c;
}

.header-cart ul li .right_block span {
  font-size: 13px;
}

.header-cart ul li .right_block .remove-from-cart {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  color: #3b763c;
  font-size: 16px;
}

.header-cart ul li .right_block .attributes_content {
  display: block;
  font-size: 16px;
  line-height: 20px;
  color: #777;
  margin: 5px 0 0;
}

.header-cart .price_content {
  overflow: hidden;
  padding: 20px;
  border-bottom: 1px solid #e5e5e5;
  margin-bottom: 20px;
}

.header-cart .price_content .price_inline {
  overflow: hidden;
  line-height: 25px;
}

.header-cart .price_content .price_inline .label {
  float: right;
  font-weight: 500;
  color: #333;
  font-size: 13px;
}

.header-cart .price_content .price_inline .value {
  float: left;
  font-weight: 600;
  color: #333;
  font-size: 13px;
}

.header-cart .checkout {
  margin-bottom: 20px;
  padding: 0 20px;
}

.header-cart .checkout a {
  display: block;
  background: #333333;
  font-weight: 600;
  color: white;
  box-shadow: none;
  display: block;
  padding: 10px 20px;
  font-size: 14px;
  text-transform: capitalize;
  border: none;
}

.header-cart .checkout a:hover {
  background: #3b763c;
}

.header-action-toggle {
}

.header-action-toggle .toggle {
  padding: 0 3px;
  border: 0;
  background: none;
}

.header-action-toggle .toggle span {
  width: 24px;
  height: 3px;
  margin: 5px 0;
  display: block;
  background-color: #464646;
}

/*hotline*/
.hotline {
  padding-top: 15px;
  border-left: 1px solid rgba(255, 255, 255, 0.2);
  padding-left: 20px;
  height: 65px;
}

.hotline-icon {
  float: left;
  padding-top: 3px;
  padding-right: 3px;
}

.hotline-icon i {
  color: #f82e56;
  font-size: 40px;
}

.hotline-number {
  overflow: hidden;
}

.hotline-number span {
  display: block;
  line-height: 1.4;
}

.mobile-menu-area {
  display: none;
}

.mobile-menu-area {
  margin: 0 10px;
}

.mobile-menu-area .mean-bar .mean-nav .menu-overflow {
  overflow-y: auto;
  height: 301px;
}

.mean-bar .mean-nav {
  background: #fff;
  border-radius: 3px;
  box-shadow: 0 3px 5px rgba(0, 0, 0, 0.6);
  float: left;
  height: auto;
  left: 0;
  max-width: 100%;
  overflow: hidden;
  position: absolute;
  top: 60px;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
  z-index: 99;
}

.mobile-menu-area::after {
  content: "MENU";
  position: absolute;
  top: 12px;
  left: 5px;
  color: #fff;
  font-size: 18px;
  display: block;
  z-index: 1;
}

.mean-container .mean-bar {
  background: #34baee;
  padding: 15px 10px;
  right: 10px;
}

.mean-container a.meanmenu-reveal {
  position: relative;
  top: 0;
  outline: none;
}

.mean-container a.meanmenu-reveal span {
  background: #fff;
  height: 3px;
  margin-top: 3px;
}

.mobile-menu-area {
  position: relative;
  z-index: 9999;
}

.mobile-menu-area .mean-container .mean-nav ul li a {
  outline: none;
}

.mobile-menu-area .mean-container .mean-nav ul li a {
  background: #f8f8f8 none repeat scroll 0 0;
  color: #666;
  display: block;
  float: left;
  font-size: 14px;
  margin: 0;
  padding: 1em 5%;
  text-align: left;
  text-decoration: none;
  text-transform: uppercase;
  font-weight: normal;
}

.mobile-menu-area .mean-container .mean-nav ul li a:hover {
  color: #3b763c;
}

.mobile-menu-area .mean-container .mean-nav ul li li a {
  border-top: 1px solid rgba(255, 255, 255, 0.25);
  opacity: 1;
  padding: 1em 7%;
  text-shadow: none !important;
  visibility: visible;
  font-weight: normal;
  text-transform: capitalize;
  color: #444;
  font-size: 14px;
}

.mobile-menu-area .mean-container .mean-nav ul li li li a {
  padding: 1em 11%;
}

/* ----------------------------------------------
    3. Slider Area
---------------------------------------------- */
.offcanvas-start {
  width: 300px;
}


.offcanvas-title {
  margin-top: 0;
}

.offcanvas-accordion {
  margin-top: 25px;
  border-bottom: 1px solid transparent;
}

.offcanvas-accordion .accordion-item {
  border: 0;
  border-radius: 0;
}

.offcanvas-accordion .accordion-item .accordion-button {
  color: #333333;
  font-size: 14px;
  font-weight: 500;
  padding: 4px 20px;
  line-height: 30px;
  text-transform: capitalize;
  border-top: 1px solid #eeeeee;
  border-radius: 0;
  text-decoration: none;
	background:unset
}

.offcanvas-accordion .accordion-button::after {
  width: 14px;
  height: 14px;
  background-size: 14px;
}
.offcanvas-accordion .accordion-button:focus {
  box-shadow: none;
}

.offcanvas-accordion .accordion-button i,
.offcanvas-accordion .accordion-button img {
  margin-left: 6px;
}
.accordion-button::after {margin-right:auto; margin-left:0;}
.offcanvas-accordion .offcanvas-meta {
  margin: 0;
}


.offcanvas-accordion .offcanvas-meta li a {
  display: block;
  color: #333333;
  font-size: 14px;
  font-weight: 500;
  padding: 5px 20px;
  padding-left: 35px;
  line-height: 30px;
  text-transform: capitalize;
  border-top: 1px solid #eeeeee;
  text-decoration: none;
}

.offcanvas-accordion .offcanvas-meta li:hover a {
  background: #3b763c;
  color: #fff;
}

.canvas-menu {
  padding-bottom: 30px;
  padding-top: 30px;
}

.canvas-menu ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

.canvas-menu > ul {
  border-bottom: 1px solid #eeeeee;
}

.canvas-menu ul li {
  position: relative !important;
  display: block;
  line-height: 1;
}

.canvas-menu ul li a {
  display: block;
  color: #333333;
  font-size: 14px;
  font-weight: 500;
  padding: 5px 20px;
  padding-left: 50px;
  line-height: 30px;
  text-transform: capitalize;
  border-top: 1px solid #eeeeee;
  text-decoration: none;
}

.canvas-menu ul li .mobile-menu-expand {
  width: 16px;
  height: 16px;
  position: absolute;
  top: 13px;
  right: 21px;
  cursor: pointer;
}

.canvas-menu ul li .mobile-menu-expand::before {
  position: absolute;
  content: "";
  width: 13px;
  height: 1px;
  background-color: #242424;
  top: 7px;
  left: 1px;
}

.canvas-menu ul li .mobile-menu-expand::after {
  position: absolute;
  content: "";
  width: 1px;
  height: 13px;
  background-color: #242424;
  left: 7px;
  bottom: 2px;
  transition: all 0.1s linear;
}

.canvas-menu ul li.active-expand > .mobile-menu-expand::after {
  height: 0;
}

.canvas-menu ul li ul li a {
  padding-left: 11%;
}

.canvas-menu ul li ul li ul li a {
  padding-left: 16%;
}

.canvas-menu ul li ul li ul li ul li a {
  padding-left: 21%;
}

.canvas-menu ul li ul li ul li ul li ul li a {
  padding-left: 26%;
}

.offcanvas-body .social_follow {
  margin-top: 0;
}
.offcanvas-body .social_follow ul {
  justify-content: center;
}

.home-four .offcanvas-body .contact-link .info_box span,
.home-four .offcanvas-body .contact-link .info_box a,
.home-four .offcanvas-body .contact-link .info_box,
.home-four .offcanvas-body .contact-link .info_box::before,
.home-four .offcanvas-body .top-bar-left .social_follow li a,
.topbar-nav .dropdown button {
  color: #fff;
}

/* ----------------------------------------------
    3. Slider Area
---------------------------------------------- */
.nivo-caption {
  position: absolute;
  left: 0px;
  top: 32%;
  background: transparent;
  color: #fff;
  width: 100%;
  z-index: 8;
  padding: 5px 10px;
  opacity: 1;
  overflow: hidden;
  display: none;
  -moz-opacity: 0.8;
  filter: alpha(opacity=8);
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.nivo-directionNav .nivo-prevNav,
.nivo-directionNav .nivo-nextNav {
  font-size: 30px;
  background: #666;
  width: 40px;
  height: 40px;
  line-height: 37px;
  text-align: center;
  border-radius: 0%;
  margin: 0 30px;
}

.slider-inner:hover .nivo-directionNav .nivo-prevNav,
.slider-inner:hover .nivo-directionNav .nivo-nextNav {
  margin: 0;
}

.nivo-directionNav .nivo-prevNav:hover,
.nivo-directionNav .nivo-nextNav:hover {
  background: #3b763c;
}

.nivo-directionNav {
  opacity: 1;
  transition: 0.3s;
  padding: 0 30px;
}

.nivo-directionNav i {
  color: #fff;
}

.slider-inner:hover .nivo-directionNav {
  opacity: 1;
}

.slider-area {
  margin-bottom: 90px;
}

.slider-banner {
  margin-bottom: 35px;
}

.slider-single-banner a:hover img {
  transform: scale(1.05);
}

.slider-single-banner {
  overflow: hidden;
}

.single-slider-wrapper {
  height: 92vh;
  display: flex;
  align-items: center;
}

.slider-content.slider-content-1 p,
.slider-content.slider-content-2 p {
  font-size: 36px;
  color: #387037;
  font-weight: 400;
  margin-bottom: 20px;
  font-style: italic;
  -webkit-animation-duration: 0.9s;
  animation-duration: 0.9s;
  line-height: 1.4;
}

.slider-content.slider-content-1 h1,
.slider-content.slider-content-2 h1 {
  position: relative;
  font-size: 60px;
  color: #3b763c;
  font-weight: 700;
  -webkit-animation-duration: 0.9s;
  animation-duration: 0.9s;
  margin: 0;
}

.slider-content.slider-content-1 h2,
.slider-content.slider-content-2 h2 {
  position: relative;
  font-size: 90px;
  color: #3b763c;
  text-transform: uppercase;
  font-weight: 700;
  margin-bottom: 30px;
  -webkit-animation-duration: 0.9s;
  animation-duration: 0.9s;
  margin-top: 0;
  line-height: 90px;
}

.button-1 a {
  -webkit-transition: all 300ms ease-in;
  -moz-transition: all 300ms ease-in;
  -ms-transition: all 300ms ease-in;
  -o-transition: all 300ms ease-in;
  transition: all 300ms ease-in;
  position: relative;
  font-size: 20px;
  color: #666666;
  line-height: 40px;
  text-transform: uppercase;
  padding: 7px 60px;
  border-radius: 30px;
  background: transparent;
  display: inline-block;
  border: 2px solid #6e6e6e;
}

.button-1 a:hover {
  border-color: #3b763c;
  background: #3b763c;
  color: #fff;
  -webkit-transition: all 300ms ease-in;
  -moz-transition: all 300ms ease-in;
  -ms-transition: all 300ms ease-in;
  -o-transition: all 300ms ease-in;
  transition: all 300ms ease-in;
}

.slider-content-2 h3 {
  font-size: 32px;
  color: #fff;
  font-weight: 700;
  display: block;
  margin: 0;
  line-height: 1;
}

.slider-content-2 h3.h3one {
  margin-top: 20px;
}

.slider-content-2 h3.h3two {
  margin-bottom: 25px;
}

/*owl-dots*/
.slider-carousel-active.owl-carousel .owl-dots {
  bottom: 35px;
  position: absolute;
  width: 100%;
}

.slider-carousel-active.owl-carousel .owl-dots .owl-dot span {
  border: 2px solid #fff;
  background: transparent;
  height: 17px;
  width: 17px;
  outline: none;
}

.slider-carousel-active.owl-carousel .owl-dots .owl-dot.active span {
  background-color: #fff;
}

.slider-carousel-active.owl-carousel .owl-nav {
}

/*owl-nav*/
.slider-carousel-active.arrow-style-2 .owl-nav button {
  left: 0px;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid #eee;
  color: #fff;
  height: 40px;
  line-height: 40px;
  width: 40px;
  text-align: center;
}

.slider-carousel-active.arrow-style-2 .owl-nav button.owl-next {
  left: auto;
  right: 0px;
}

.slider-carousel-active.arrow-style-2 .owl-nav button:hover {
  background: #3b763c;
  border: 1px solid #3b763c;
}

/* Normal desktop :1024px. */
@media (min-width: 992px) {
  .slider-content-1 {
    margin-left: 75px;
  }

  .slider-content-2 {
    margin-left: 75px;
  }
}

/* Default Slider Animations */
.slider-content * {
  -webkit-animation-duration: 1.3s;
  animation-duration: 1.3s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

.slider-content * {
}

.slider-animated-1 p.hp1 {
  -webkit-animation-delay: 0.6s;
  animation-delay: 0.6s;
  -webkit-animation-name: fadeInLeft;
  animation-name: fadeInLeft;
}

.slider-animated-1 h1.hone {
  -webkit-animation-delay: 0.9s;
  animation-delay: 0.9s;
  -webkit-animation-name: zoomIn;
  animation-name: zoomIn;
}

.slider-animated-1 p.htwo {
  -webkit-animation-delay: 1.2s;
  animation-delay: 1.2s;
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown;
}

.slider-animated-1 a {
  -webkit-animation-delay: 1.5s;
  animation-delay: 1.5s;
  -webkit-animation-name: fadeInRight;
  animation-name: fadeInRight;
}

/* Slider Animations 2 */
.slider-animated-2 p.hp1 {
  -webkit-animation-delay: 0.6s;
  animation-delay: 0.6s;
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown;
}

.slider-animated-2 h1.hone {
  -webkit-animation-delay: 0.9s;
  animation-delay: 0.9s;
  -webkit-animation-name: zoomIn;
  animation-name: zoomIn;
}

.slider-animated-2 h2.htwo {
  -webkit-animation-delay: 1.2s;
  animation-delay: 1.2s;
  -webkit-animation-name: fadeInLeft;
  animation-name: fadeInLeft;
}

.slider-animated-2 a {
  -webkit-animation-delay: 1.5s;
  animation-delay: 1.5s;
  -webkit-animation-name: fadeInRight;
  animation-name: fadeInRight;
}

/* Slider Animations 3 */
.slider-animated-3 h2 {
  -webkit-animation-delay: 0.9s;
  animation-delay: 0.9s;
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown;
}

.slider-animated-3 a {
  -webkit-animation-delay: 1.1s;
  animation-delay: 1.1s;
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
}

/* Slider Animations 4 */
.slider-animated-4 h2 {
  -webkit-animation-delay: 0.9s;
  animation-delay: 0.9s;
  -webkit-animation-name: fadeInLeft;
  animation-name: fadeInLeft;
}

.slider-animated-4 a {
  -webkit-animation-delay: 1.1s;
  animation-delay: 1.1s;
  -webkit-animation-name: fadeInRight;
  animation-name: fadeInRight;
}

/* ----------------------------------------------
    4. Policy area
---------------------------------------------- */
.policy-area {
  margin: 45px 0;
  margin-bottom: 50px;
}

.policy-area-inner {
  background: #ffffff none repeat scroll 0 0;
  overflow: hidden;
  padding: 30px 0;
  margin-bottom: 30px;
}

.single-policy {
  display: flex;
  gap: 15px;
  align-items: center;
}

.single-policy .icon i {
  height: 70px;
  width: 70px;
  line-height: 68px;
  border: 1px solid #e5e5e5;
  border-radius: 100%;
  text-align: center;
  font-size: 28px;
  color: #3b763c;
  -webkit-transition: all 300ms ease-in;
  -moz-transition: all 300ms ease-in;
  -ms-transition: all 300ms ease-in;
  -o-transition: all 300ms ease-in;
  transition: all 300ms ease-in;
}

.single-policy .icon:hover i {
  border-color: #3b763c;
  background: #3b763c;
  color: white;
  -webkit-transition: all 300ms ease-in;
  -moz-transition: all 300ms ease-in;
  -ms-transition: all 300ms ease-in;
  -o-transition: all 300ms ease-in;
  transition: all 300ms ease-in;
}

.policy-area-inner .txt_cms {
  flex: 1;
}

.policy-area-inner .txt_cms h2 {
  font-size: 16px;
  color: #464646;
  line-height: 25px;
  margin: 0;
  text-transform: uppercase;
}

.policy-area-inner .txt_cms p {
  font-size: 14px;
  color: #999999;
  margin: 0;
  line-height: 25px;
}

/* ----------------------------------------------
    5. Hot categori on today
---------------------------------------------- */
.poslistcategories {
  margin-bottom: 90px;
}

.pos_title_categories {
  text-align: center;
  margin-bottom: 50px;
}

.pos_title_categories h2 {
  font-size: 50px;
  color: #3b763c;
  font-weight: 400;
  margin-bottom: 0;
}

.pos_title_cate h2 span {
  font-weight: 700;
  font-style: normal;
}

.pos_title_categories h2 span {
  font-weight: 700;
  font-style: normal;
}

.pos_title_categories p {
  color: #666666;
  font-size: 14px;
  line-height: 28px;
  margin: auto;
  margin-top: 10px;
  margin-bottom: 10px;
}

.pos_content.desc {
  position: relative;
  padding: 30px 20px;
  position: relative;
  border-right: 0;
  border: 2px solid #3b763c;
  border-right: 0;
  border-left: 0;
}

.poslistcategories .list-categories {
  position: relative;
  display: inline-block;
  width: 100%;
  text-align: center;
}

.poslistcategories .list-categories .thumb-category {
  overflow: hidden;
}

.pos_content .owl-item .thumb-category img {
  display: block;
}

.poslistcategories .list-categories .thumb-category img {
  border: 2px solid #3b763c;
}
.poslistcategories .list-categories .thumb-category img {
    border: 2px solid #8bc73c !important;
}

.poslistcategories .list-categories:hover .thumb-category img {
  opacity: 0.4;
  -webkit-transition: all 300ms ease-in;
  -moz-transition: all 300ms ease-in;
  -ms-transition: all 300ms ease-in;
  -o-transition: all 300ms ease-in;
  transition: all 300ms ease-in;
}

.poslistcategories .list-categories .desc-listcategoreis {
  padding: 10px 0;
}

.poslistcategories .list-categories .desc-listcategoreis .name_categories {
  font-size: 24px;
  line-height: 24px;
  font-weight: 700;
  margin-top:0;
  color: #3b763c;
  text-transform: capitalize;
  margin-bottom: 20px;
  -webkit-transition: all 300ms ease-in;
  -moz-transition: all 300ms ease-in;
  -ms-transition: all 300ms ease-in;
  -o-transition: all 300ms ease-in;
  transition: all 300ms ease-in;
}

.poslistcategories .list-categories .desc-listcategoreis .description-list {
  color: #666666;
  font-size: 14px;
  line-height: 21px;
  margin-bottom: 30px;
}

.poslistcategories .list-categories .desc-listcategoreis .listcate_shop_now a {
  position: relative;
  font-size: 16px;
  color: #666666;
  line-height: 30px;
  text-transform: uppercase;
  padding: 5px 30px;
  border-radius: 30px;
  background: transparent;
  display: inline-block;
  border: 2px solid #d6d6d6;
}

.poslistcategories
  .list-categories
  .desc-listcategoreis
  .listcate_shop_now
  a:hover {
  background: #3b763c;
  color: white;
  border-color: #3b763c;
}

.poslistcategories .owl-nav {
  top: -100px;
  position: absolute;
  right: 0;
}

.owl-carousel .owl-nav .owl-prev,
.owl-carousel .owl-nav .owl-next,
.owl-carousel .owl-dot {
  cursor: pointer;
  cursor: hand;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.owl-nav > button.owl-prev {
  border-radius: 15px 0px 0px 15px;
}

.owl-nav > button.owl-next {
  border-radius: 0 15px 15px 0;
  margin-left: -1px;
}
.owl-nav>button {
  display: inline-block;
  cursor: pointer;
  text-align: center;
  height: 33px;
  line-height: 1.2 !important;
  color: #666666;
  border: none;
  z-index: 1;
  vertical-align: top;
  font-size: 24px !important;
  border: 1px solid #e5e5e5 !important;
  padding: 0 5px;
  min-width: 60px;
  background: white !important;
  outline: none;
  opacity: 1;
  text-transform: capitalize;
  -webkit-transition: all 300ms ease-in;
  -moz-transition: all 300ms ease-in;
  -ms-transition: all 300ms ease-in;
  -o-transition: all 300ms ease-in;
  transition: all 300ms ease-in;
  -webkit-transition: all 300ms ease-in;
  -moz-transition: all 300ms ease-in;
  -ms-transition: all 300ms ease-in;
  -o-transition: all 300ms ease-in;
  transition: all 300ms ease-in;
}

.pos_content:hover .owl-nav > button {
  opacity: 1;
  -webkit-transition: all 300ms ease-in;
  -moz-transition: all 300ms ease-in;
  -ms-transition: all 300ms ease-in;
  -o-transition: all 300ms ease-in;
  transition: all 300ms ease-in;
}

.owl-nav > button:hover {
  -webkit-transition: all 300ms ease-in;
  -moz-transition: all 300ms ease-in;
  -ms-transition: all 300ms ease-in;
  -o-transition: all 300ms ease-in;
  transition: all 300ms ease-in;
  color: #464646;
  font-weight: 700;
}

.box-inner .thumb-category a {
  display: inline-block;
}

/* ----------------------------------------------
    6. Home banner 
---------------------------------------------- */
.home-banner {
  margin-bottom: 80px;
}

.banner-box {
  position: relative;
  overflow: hidden;
  margin-bottom: 30px;
}

.banner-box a::before {
  background: rgba(255, 255, 255, 0.2);
  bottom: 0;
  content: "";
  left: 50%;
  position: absolute;
  right: 51%;
  top: 0;
  opacity: 1;
}

.banner-box:hover a::before {
  left: 0;
  right: 0;
  opacity: 0;
  -webkit-transition: all 900ms ease-in;
  -moz-transition: all 900ms ease-in;
  -ms-transition: all 900ms ease-in;
  -o-transition: all 900ms ease-in;
  transition: all 900ms ease-in;
}

.banner-box a::after {
  background: rgba(255, 255, 255, 0.2);
  bottom: 50%;
  content: "";
  left: 0;
  position: absolute;
  right: 0;
  top: 50%;
  opacity: 1;
}

.banner-box:hover a::after {
  top: 0;
  bottom: 0;
  opacity: 0;
  -webkit-transition: all 900ms ease-in;
  -moz-transition: all 900ms ease-in;
  -ms-transition: all 900ms ease-in;
  -o-transition: all 900ms ease-in;
  transition: all 900ms ease-in;
}

.home-banner .row .col {
  padding: 0;
}

/* ----------------------------------------------
    7. Tab Product
---------------------------------------------- */
.product-tabs-container-slider {
  margin-bottom: 60px;
  margin-top: 80px;
}

.product-tabs-container-slider .col-sm-12 {
  padding: 0;
}

.item-product {
  padding: 0 5px;
}

.product-tabs-container-slider ul.tabs_slider {
  margin-bottom: 20px;
  position: relative;
  display: inline-block;
  width: 100%;
  text-align: center;
}

.product-tabs-container-slider ul.tabs_slider li {
  display: inline-block;
  position: relative;
  z-index: 2;
  background: white;
  margin: 0;
  padding: 0 30px 0 15px;
  line-height: 30px;
  cursor: pointer;
  color: #3b763c;
  text-transform: uppercase;
  -webkit-transition: all 300ms ease-in;
  -moz-transition: all 300ms ease-in;
  -ms-transition: all 300ms ease-in;
  -o-transition: all 300ms ease-in;
  transition: all 300ms ease-in;
  font-size: 20px;
  font-weight: 400;
  -webkit-transition: all 300ms ease-in;
  -moz-transition: all 300ms ease-in;
  -ms-transition: all 300ms ease-in;
  -o-transition: all 300ms ease-in;
  transition: all 300ms ease-in;
}

.product-tabs-container-slider ul.tabs_slider li a.active,
.product-tabs-container-slider ul.tabs_slider li a.active:hover {
  font-weight: 700;
  -webkit-transition: all 300ms ease-in;
  -moz-transition: all 300ms ease-in;
  -ms-transition: all 300ms ease-in;
  -o-transition: all 300ms ease-in;
  transition: all 300ms ease-in;
}

.js-product-miniature {
  position: relative;
  background: white;
  display: inline-block;
  width: 100%;
  text-align: center;
  -webkit-transition: all 300ms ease-in;
  -moz-transition: all 300ms ease-in;
  -ms-transition: all 300ms ease-in;
  -o-transition: all 300ms ease-in;
  transition: all 300ms ease-in;
  margin-bottom: 30px;
}

.js-product-miniature .img_block {
  overflow: hidden;
  position: relative;
}

.js-product-miniature .img_block::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
  opacity: 0;
  pointer-events: none;
  -webkit-transition: all 300ms ease-in;
  -moz-transition: all 300ms ease-in;
  -ms-transition: all 300ms ease-in;
  -o-transition: all 300ms ease-in;
  transition: all 300ms ease-in;
  background: -moz-linear-gradient(
    top,
    rgba(249, 249, 249, 0.4) 0%,
    rgba(70, 70, 70, 0.4) 100%
  );
  background: -webkit-linear-gradient(
    top,
    rgba(249, 249, 249, 0.4) 0%,
    rgba(70, 70, 70, 0.4) 100%
  );
  background: linear-gradient(
    to bottom,
    rgba(249, 249, 249, 0.4) 0%,
    rgba(70, 70, 70, 0.4) 100%
  );
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#66f9f9f9', endColorstr='#66464646', GradientType=0);
}

.product-miniature .product-thumbnail {
  display: block;
}

.pos_content .owl-item .js-product-miniature img {
  display: block;
}

.product-flag {
  margin: 0;
}

.product-flag .new,
.product-flag .on-sale,
.product-flag .pack {
  position: absolute;
  top: 0 !important;
  left: 0;
  right: auto;
  text-align: center;
  overflow: hidden;
  display: block;
  z-index: 2;
  padding: 0 5px;
  line-height: 30px;
  min-width: 60px;
  font-size: 12px;
  font-weight: 700;
  color: white;
  background: #333333;
  text-transform: uppercase;
}

.product-flag .new,
.product-flag .on-sale,
.product-flag .pack {
  text-align: center;
  line-height: 30px;
  font-size: 12px;
  font-weight: 700;
  color: white;
  text-transform: uppercase;
}

.js-product-miniature .img_block .quick-view {
  position: absolute;
  bottom: 45%;
  left: 0;
  right: 0;
  opacity: 0;
  text-align: center;
  z-index: 2;
  -webkit-transition: all 300ms ease-in;
  -moz-transition: all 300ms ease-in;
  -ms-transition: all 300ms ease-in;
  -o-transition: all 300ms ease-in;
  transition: all 300ms ease-in;
}

.js-product-miniature .img_block .quick-view a.quick_view {
  display: inline-block;
  background: rgba(168, 152, 66, 0.7);
  color: white;
  text-align: center;
  line-height: 40px;
  height: 40px;
  width: 40px;
  margin-bottom: -20px;
  font-size: 0;
  text-transform: capitalize;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  -ms-border-radius: 100%;
  -o-border-radius: 100%;
  border-radius: 100%;
}

.js-product-miniature .img_block .quick-view a.quick_view i {
  font-size: 18px;
  line-height: 40px;
}

.fa-search::before {
  content: "\f002";
}

.js-product-miniature .img_block .hook-reviews {
  display: block;
  line-height: 1;
  position: absolute;
  bottom: 10px;
  left: 0;
  right: 0;
  z-index: 2;
  text-align: center;
  opacity: 0;
  -webkit-transition: all 300ms ease-in;
  -moz-transition: all 300ms ease-in;
  -ms-transition: all 300ms ease-in;
  -o-transition: all 300ms ease-in;
  transition: all 300ms ease-in;
}

.js-product-miniature .img_block .hook-reviews .comments_note {
  direction: ltr !important;
  text-align: left;
  display: inline-block;
}

.js-product-miniature .img_block .hook-reviews .star_content {
  display: inline-block;
  vertical-align: bottom;
}

.hook-reviews i {
  color: #fff;
  font-size: 20px;
}

.product-price-and-shipping_top .discount-percentage {
  position: absolute;
  top: 0 !important;
  right: 0;
  left: auto;
  text-align: center;
  overflow: hidden;
  display: block;
  z-index: 2;
  padding: 0 5px;
  line-height: 30px;
  min-width: 60px;
  font-size: 12px;
  font-weight: 700;
  color: white;
  background: #333333;
  text-transform: uppercase;
}

.js-product-miniature .product_desc {
  padding: 15px 10px;
  background: white;
  overflow: hidden;
  background: white;
}

.js-product-miniature {
  text-align: center;
}

.js-product-miniature .product_desc .manufacturer a {
  color: #999999;
  font-size: 14px;
  margin-bottom: 10px;
  display: block;
}

.js-product-miniature .product_desc .manufacturer a::before {
  content: "\f02b";
  font-family: "FontAwesome";
  font-size: 14px;
  display: inline-block;
  margin-right: 5px;
}

.js-product-miniature .product_desc h1 {
  font-weight: 400;
  margin: 0;
  line-height: 1;
}

.js-product-miniature .product_desc .product_name {
  line-height: 28px;
  display: block;
  overflow: hidden;
  color: #464646;
  font-size: 15px;
  text-transform: uppercase;
  margin-bottom: 20px;
  word-wrap: break-word;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.js-product-miniature .product-price-and-shipping {
  line-height: 1;
  -webkit-transition: all 300ms ease-in;
  -moz-transition: all 300ms ease-in;
  -ms-transition: all 300ms ease-in;
  -o-transition: all 300ms ease-in;
  transition: all 300ms ease-in;
}

.js-product-miniature .product-price-and-shipping .regular-price {
  font-size: 16px;
  color: #999999;
  font-weight: 400;
  text-decoration: line-through;
  display: inline-block;
  margin-right: 5px;
}

.js-product-miniature .product-price-and-shipping .price {
  font-size: 16px;
  font-weight: 400;
  color: #333333;
}

.js-product-miniature .product-price-and-shipping .price.price-sale {
  color: #3b763c;
}

.js-product-miniature .product_desc div.cart {
  text-align: center;
  position: absolute;
  bottom: 20px;
  left: 0;
  right: 0;
  opacity: 0;
  -webkit-transition: all 300ms ease-in;
  -moz-transition: all 300ms ease-in;
  -ms-transition: all 300ms ease-in;
  -o-transition: all 300ms ease-in;
  transition: all 300ms ease-in;
}

.add-to-cart-or-refresh a {
  display: inline-block;
  border: 2px solid #d6d6d6;
  background: white;
  color: #666666;
  padding: 0 40px;
  line-height: 32px;
  height: 36px;
  font-size: 16px;
  text-transform: uppercase;
  cursor: pointer;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  -ms-border-radius: 30px;
  -o-border-radius: 30px;
  border-radius: 30px;
}

.js-product-miniature:hover .img_block::before {
  opacity: 1;
  -webkit-transition: all 300ms ease-in;
  -moz-transition: all 300ms ease-in;
  -ms-transition: all 300ms ease-in;
  -o-transition: all 300ms ease-in;
  transition: all 300ms ease-in;
}

.js-product-miniature:hover .quick-view {
  opacity: 1;
  bottom: 50%;
  -webkit-transition: all 300ms ease-in;
  -moz-transition: all 300ms ease-in;
  -ms-transition: all 300ms ease-in;
  -o-transition: all 300ms ease-in;
  transition: all 300ms ease-in;
}

.js-product-miniature:hover .hook-reviews {
  bottom: 20px;
  opacity: 1;
  -webkit-transition: all 300ms ease-in;
  -moz-transition: all 300ms ease-in;
  -ms-transition: all 300ms ease-in;
  -o-transition: all 300ms ease-in;
  transition: all 300ms ease-in;
}

.js-product-miniature:hover .product_desc .cart {
  bottom: 10px;
  opacity: 1;
  -webkit-transition: all 300ms ease-in;
  -moz-transition: all 300ms ease-in;
  -ms-transition: all 300ms ease-in;
  -o-transition: all 300ms ease-in;
  transition: all 300ms ease-in;
}

.js-product-miniature:hover .product_desc .product-price-and-shipping {
  opacity: 0;
  -moz-transform: translateY(-10px);
  -webkit-transform: translateY(-10px);
  -o-transform: translateY(-10px);
  -ms-transform: translateY(-10px);
  transform: translateY(-10px);
  -webkit-transition: all 300ms ease-in;
  -moz-transition: all 300ms ease-in;
  -ms-transition: all 300ms ease-in;
  -o-transition: all 300ms ease-in;
  transition: all 300ms ease-in;
}

.js-product-miniature .product_desc div.cart .product-add-to-cart a {
  display: inline-block;
  border: 2px solid #d6d6d6;
  background: white;
  color: #666666;
  padding: 0 40px;
  line-height: 32px;
  height: 36px;
  font-size: 14px;
  text-transform: uppercase;
  cursor: pointer;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  -ms-border-radius: 30px;
  -o-border-radius: 30px;
  border-radius: 30px;
}

.js-product-miniature .product_desc div.cart .product-add-to-cart a:hover {
  background: #3b763c;
  border-color: #3b763c;
  color: white;
  -webkit-transition: all 300ms ease-in;
  -moz-transition: all 300ms ease-in;
  -ms-transition: all 300ms ease-in;
  -o-transition: all 300ms ease-in;
  transition: all 300ms ease-in;
}

.owl-nav {
  position: absolute;
  top: -77px;
  left: 0;
}

/* ----------------------------------------------
    8. static item
---------------------------------------------- */
.item-static {
  position: relative;
  border: 5px solid #f1f1f1;
  margin-bottom: 120px;
}

.banner-box {
  position: relative;
  overflow: hidden;
  margin-bottom: 30px;
}

.banner-box a::before {
  background: rgba(255, 255, 255, 0.2);
  bottom: 0;
  content: "";
  left: 50%;
  position: absolute;
  right: 51%;
  top: 0;
  opacity: 1;
}

.banner-box img {
  width: 100%;
  -webkit-transition: all 1000ms ease-in;
  -moz-transition: all 1000ms ease-in;
  -ms-transition: all 1000ms ease-in;
  -o-transition: all 1000ms ease-in;
  transition: all 1000ms ease-in;
}

.banner-box a::after {
  background: rgba(255, 255, 255, 0.2);
  bottom: 50%;
  content: "";
  left: 0;
  position: absolute;
  right: 0;
  top: 50%;
  opacity: 1;
}

.item-static .content-static {
  padding: 10px 30px 50px 30px;
  text-align: center;
}

.item-static .content-static .sale-static {
  color: #3b763c;
  font-size: 14px;
  font-weight: 700;
  text-transform: uppercase;
  margin-bottom: 15px;
}

.item-static .content-static h2 {
  color: #464646;
  font-size: 24px;
  font-weight: 400;
  text-transform: uppercase;
  margin-bottom: 20px;
}

.item-static .content-static p {
  color: #666666;
  font-size: 14px;
  margin-bottom: 30px;
  line-height: 25px;
}

.item-static .content-static a {
  position: relative;
  font-size: 16px;
  color: #666666;
  line-height: 35px;
  text-transform: uppercase;
  padding: 0 45px;
  border-radius: 30px;
  background: transparent;
  display: inline-block;
  border: 2px solid #d6d6d6;
}

.item-static .content-static a:hover {
  border: 2px solid #3b763c;
  background: #3b763c;
  color: #fff;
}

/* ----------------------------------------------
    9. Testimonial
---------------------------------------------- */

.owl-dots {
  display: inline-block;
  width: 100%;
  text-align: center;
  margin-top: 30px;
}

.owl-dots .owl-dot {
  display: inline-block;
  margin: 0 4px;
}

.owl-dots .owl-dot span {
  display: inline-block;
  width: 10px;
  height: 10px;
  border-radius: 10px;
  background: #c9c8c8;
  -webkit-transition: all 300ms ease-in;
  -moz-transition: all 300ms ease-in;
  -ms-transition: all 300ms ease-in;
  -o-transition: all 300ms ease-in;
  transition: all 300ms ease-in;
}

/* ----------------------------------------------
    10. special products
---------------------------------------------- */
.pos-special-products {
  background: transparent !important;
  margin-top: -220px;
  width: 100%;
  padding-bottom: 80px;
  position: relative;
}

.pos-special-products .pos_content .product-miniature {
  padding: 0 90px;
  border-left: 1px solid #e5e5e5;
}

.pos-special-products .pos_content .product-miniature:first-child {
  border-left: 0px solid #e5e5e5;
}

.pos-special-products .special-products {
  padding: 60px 0 0 0;
  padding-top: 70px;
  background: white;
}

.pos-special-products .pos_title {
  padding: 0 90px;
  text-align: left;
}

.pos_title h2 {
  margin: 0;
  position: relative;
  z-index: 2;
  color: #3b763c;
  font-size: 20px;
  font-weight: 700;
  line-height: 30px;
  text-transform: uppercase;
  display: inline-block;
}

.pos-special-products .pos_title h2 {
  color: #333333;
}

.pos-special-products .pos_title h2::before {
  display: none;
}

.pos-special-products .js-product-miniature .product_name {
  line-height: 1.25;
  display: block;
  overflow: hidden;
  color: #3b763c;
  font-size: 40px;
  font-style: italic;
  text-transform: capitalize;
  margin-bottom: 25px;
  font-weight: 400;
  word-wrap: break-word;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.pos-special-products .js-product-miniature .product_desc .product-desc {
  margin-bottom: 25px;
  display: block;
}

.js-product-miniature .product_desc .product-desc p {
  font-size: 14px;
  color: #666666;
  line-height: 28px;
  padding: 15px 0;
  margin: 0;
}

.pos-special-products .js-product-miniature .product_desc .product-desc p {
  padding: 0;
}

.pos-special-products
  .js-product-miniature
  .product_desc
  .product-price-and-shipping
  .regular-price {
  font-size: 24px;
}

.js-product-miniature .product-price-and-shipping .regular-price {
  font-size: 16px;
  color: #999999;
  font-weight: 400;
  text-decoration: line-through;
  display: inline-block;
  margin-right: 5px;
}

.pos-special-products
  .js-product-miniature
  .product_desc
  .product-price-and-shipping
  .price {
  font-size: 54px;
  font-weight: 700;
}

.js-product-miniature .product-price-and-shipping .price.price-sale {
  color: #3b763c;
}

.pos-special-products .js-product-miniature .product_desc div.cart {
  bottom: 120px;
}

.js-product-miniature .product_desc div.cart .product-add-to-cart a {
  display: inline-block;
  border: 2px solid #d6d6d6;
  background: white;
  color: #666666;
  padding: 0 32px;
  line-height: 32px;
  height: 36px;
  font-size: 14px;
  text-transform: uppercase;
  cursor: pointer;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  -ms-border-radius: 30px;
  -o-border-radius: 30px;
  border-radius: 30px;
}

.pos-special-products
  .js-product-miniature
  .product_desc
  div.cart
  .product-add-to-cart
  a {
  padding: 0 50px;
  line-height: 46px;
  height: 50px;
  font-size: 20px;
}

.js-product-miniature {
  text-align: center;
}

.pos-special-products .pos_content .owl-nav {
  right: 90px;
  top: -75px;
}

.time_count_down {
  display: block;
}

.time_count_down .cdown {
  background-color: transparent;
  display: inline-block;
  min-height: 80px;
  min-width: 80px;
  text-align: center;
  position: relative;
  float: left;
  padding: 10px 0px;
  border: 1px solid #3b763c;
  margin-right: 5px;
  margin-bottom: 5px;
}

.time_count_down .cdown .time-count {
  font-size: 24px;
  color: #3b763c;
  margin: 15px 0 0;
  display: block;
  line-height: 24px;
}

.time_count_down .cdown p {
  font-size: 14px;
  margin: 0;
  font-weight: 700;
  color: #3b763c;
  display: inline-block;
  line-height: 20px;
}

.is-countdown {
  display: inline-block;
  width: 100%;
  position: relative;
  margin-top: 25px;
}

/* ----------------------------------------------
    12. footer top
---------------------------------------------- */
#footer {
  padding: 0;
  color: #fff;
  background: #10182d;
}

.footer-contact {
    display: inline-flex;
    justify-content: space-between;
    width: 100%;
}

#footer .footer-container {
  margin: 0;
  padding: 0;
  overflow: visible;
  box-shadow: none;
}
.otherlink li {
    margin-bottom: 10px;
}
.otherlink li {
    display: inline-flex;
}
.social_follow ul {
    margin: 0;
    display: flex;
    gap: 5px;
    justify-content: end;
}

.otherlink li a {
    color: #eee;
    padding: 0px 15px;
    border-right: 1px solid #8bc73c;
}

.otherlink li:first-child a {
    padding-right: 0px;
}
.otherlink li:first-child a {
    border-right: 0px solid #8bc73c;
}


.footer_block {
    margin-top: 40px;
}

.ft_newsletter {
  max-width: 50%;
  margin: auto;
}

.ft_newsletter {
  position: relative;
  text-align: center;
}

.ft_newsletter h2 {
  font-size: 28px;
  font-weight: 700;
  color: #3b763c;
  text-transform: uppercase;
  line-height: 25px;
  margin-bottom: 10px;
}

.home-two .ft_newsletter h2 {
  margin-top: 0;
}

#footer p {
  font-size: 13px;
  line-height: 28px;
}

.ft_newsletter .desc {
  font-size: 14px;
  color: #666666;
  margin: 0;
  line-height: 25px;
}

.ft_newsletter form {
  position: relative;
  overflow: hidden;
  margin-top: 30px;
  margin-bottom: 120px;
}

.home-two .ft_newsletter form {
  margin-bottom: 0px;
}

.ft_newsletter form .btn {
  position: absolute;
  top: 0;
  left: 0;
  padding: 0 35px;
  right: auto;
  display: block;
  line-height: 45px;
  text-transform: uppercase;
  font-size: 18px;
  font-weight: 500;
  color: white;
  background: #3b763c;
  border: 0;
  letter-spacing: 0.5px;
  -webkit-border-radius: 0px 30px 30px 0;
  -moz-border-radius: 0px 30px 30px 0;
  -ms-border-radius: 0px 30px 30px 0;
  -o-border-radius: 0px 30px 30px 0;
  border-radius: 30px 0px 0px 30px;
  box-shadow: none;
  -webkit-transition: all 300ms ease-in;
  -moz-transition: all 300ms ease-in;
  -ms-transition: all 300ms ease-in;
  -o-transition: all 300ms ease-in;
  transition: all 300ms ease-in;
}

.ft_newsletter form .input-wrapper input {
  height: 45px;
  background: transparent;
  border: 0;
  color: #666666;
  padding: 10px 10px 10px 120px;
  display: inline-block;
  width: 100%;
  font-size: 14px;
  border: 2px solid #d6d6d6;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  -ms-border-radius: 30px;
  -o-border-radius: 30px;
  border-radius: 30px;
}

/* ----------------------------------------------
    13. Footer area
---------------------------------------------- */
#footer .footer-container .footer-main {
  padding: 70px 0;
}

#footer .footer-container .footer_block h3 {
  font-size: 18px;
  line-height: 24px;
  font-weight: 400;
  color: #fff;
  margin: 0 0 25px 0;
  cursor: pointer;
  text-transform: uppercase;
}

#footer .footer-container .footer-contact .add.address::before {
  content: "\f041";
}

#footer .footer-container .footer-contact .add.phone::before {
  content: "\f095";
}

#footer .footer-container .footer-contact .add.email::before {
  content: "\f0e0";
}

#footer .footer-container .footer-contact .add.time::before {
  content: "\f017";
}

#footer .footer-container .footer-contact .add::before {
  display: inline-block;
  color: #ccc;
  font-family: "FontAwesome";
  font-size: 18px;
  margin-left: 10px;
  vertical-align: -2px;
  min-width: 18px;
}

#footer .footer-container .footer-contact .add {
  position: relative;
  overflow: visible;
  margin-bottom: 0;
  color: #ddd;
  display: flex;
}

#footer p {
  font-size: 14px;
  line-height: 28px;
}

#footer .footer-container .footer-contact a {
  color: #ddd;
}

#footer .footer-container .footer-contact a:hover {
  color: #3b763c;
}

.social_follow {
  position: relative;
  margin-top: 20px;
}

.social_follow li {
  display: inline-block;
  line-height: 35px;
  background-image: none !important;
  padding: 0;
}

.social_follow li a {
    position: relative;
    display: flex;
    vertical-align: middle;
    color: #fff;
    background: transparent;
    font-size: 0;
    width: 42px;
    height: 42px;
    border-radius: 50%;
    border: 1px solid #fff;
    text-align: center;
    line-height: 42px;
    z-index: 1;
    justify-content: center;
    margin-right: 8px;
    -webkit-transition: all 300ms ease-in;
    -moz-transition: all 300ms ease-in;
    -ms-transition: all 300ms ease-in;
    -o-transition: all 300ms ease-in;
    transition: all 300ms ease-in;
}
.social_follow li.facebook a::before {
  content: "\f09a";
}

.social_follow li a::before {
  padding: 0 !important;
  font-size: 18px;
  display: inline-block;
  font-family: "FontAwesome";
  font-weight: normal;
  vertical-align: middle;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-transition: all 300ms ease-in;
  -moz-transition: all 300ms ease-in;
  -ms-transition: all 300ms ease-in;
  -o-transition: all 300ms ease-in;
  transition: all 300ms ease-in;
}

.social_follow li a:hover {
  background: #3b763c;
}

.social_follow li.twitter a::before {
  content: "\f099";
}

.social_follow li.youtube a::before {
  content: "\f167";
}

.social_follow li.googleplus a::before {
  content: "\f0d5";
}

.social_follow li.instagram a::before {
  content: "\f16d";
}

#footer .footer-container .footer_block .footer_list {
  margin-bottom: 15px;
  background: none;
}

#footer .footer-container .footer_block .footer_list li {
  display: block;
  margin: 0;
  line-height: 28px;
  border: 0;
  padding: 0;
  font-weight: 400;
}

#footer .footer-container .footer_block .footer_list li a {
  font-size: 14px;
  line-height: 28px;
  display: block;
  position: relative;
  padding: 0 0 0 15px;
  color: #666666;
  -webkit-transition: all 300ms ease-in;
  -moz-transition: all 300ms ease-in;
  -ms-transition: all 300ms ease-in;
  -o-transition: all 300ms ease-in;
  transition: all 300ms ease-in;
}

#footer .footer-container .footer_block .footer_list li a:hover {
  color: #3b763c;
}

#footer .footer-container .footer_block .footer_list li a::before {
  content: "";
  display: block;
  position: absolute;
  top: 11px;
  left: 0;
  width: 6px;
  height: 6px;
  background: #999999;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  -ms-border-radius: 100%;
  -o-border-radius: 100%;
  border-radius: 100%;
}

/* Footer Instagram */
.item-instagram .col-sm-4 {
  padding: 2px;
}

.item-instagram a {
  position: relative;
  display: block;
}

.item-instagram a:before {
  content: "";
  opacity: 0;
  visibility: hidden;
  z-index: 0;
  position: absolute;
  left: 0px;
  top: 0px;
  right: 0px;
  bottom: 0px;
  pointer-events: none;
  -webkit-transition: all 300ms ease-in;
  -moz-transition: all 300ms ease-in;
  -ms-transition: all 300ms ease-in;
  -o-transition: all 300ms ease-in;
  transition: all 300ms ease-in;
  background-color: rgba(0, 0, 0, 0.5);
}

.item-instagram a:hover:before {
  opacity: 1;
  visibility: visible;
  z-index: 1;
  -webkit-transition: all 300ms ease-in;
  -moz-transition: all 300ms ease-in;
  -ms-transition: all 300ms ease-in;
  -o-transition: all 300ms ease-in;
  transition: all 300ms ease-in;
}

.footer-copyright-area .copyright-inner {
  border-top: 1px solid #e5e5e5;
      direction: ltr;
  padding-top: 20px;
  padding-bottom: 20px;
}
.footer-copyright-area .copyright-inner p {
  color: #ddd;
}

.footer-copyright-area p {
  margin-bottom: 0;
}

/* ----------------------------------------------
    14. home two
---------------------------------------------- */
.product-tabs-container-slider .container-fluid {
  padding-left: 60px;
  padding-right: 60px;
}

.pos_tab {
  text-align: center;
}

.pos_tab .pos_title_cate h2 {
  font-size: 50px;
  font-weight: 400;
  text-transform: capitalize;
  color: #3b763c;
  font-style: italic;
  margin-top: 0;
}
.pos_tab .pos_title_cate h2 span {
  font-weight: 700;
  font-style: normal;
}

.pos_tab .pos_desc p {
  color: #666666;
  font-size: 14px;
  line-height: 28px;
  margin: auto;
  margin-top: 15px;
  margin-bottom: 30px;
}

/* cms info */
.cms_info {
  position: relative;
  overflow: hidden;
}

.cms_info:hover .info_content {
  -webkit-transition: all 1000ms ease-in;
  -moz-transition: all 1000ms ease-in;
  -ms-transition: all 1000ms ease-in;
  -o-transition: all 1000ms ease-in;
  transition: all 1000ms ease-in;
  -moz-transform: scale3d(0.95, 0.95, 0.95);
  -webkit-transform: scale3d(0.95, 0.95, 0.95);
  -o-transform: scale3d(0.95, 0.95, 0.95);
  -ms-transform: scale3d(0.95, 0.95, 0.95);
  transform: scale3d(0.95, 0.95, 0.95);
}

.cms_info .cms_container {
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  -moz-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

.cms_info .cms_container .info_content {
  max-width: 65%;
  text-align: center;
  line-height: 1.25;
  -webkit-transition: all 1000ms ease-in;
  -moz-transition: all 1000ms ease-in;
  -ms-transition: all 1000ms ease-in;
  -o-transition: all 1000ms ease-in;
  transition: all 1000ms ease-in;
}

.cms_info .cms_container .info_content .txt1 {
  font-size: 26px;
  color: #898989;
  font-style: italic;
  margin-bottom: 20px;
}

.cms_info .cms_container .info_content h2 {
  font-size: 90px;
  color: #b87b5f;
  font-weight: 700;
  text-transform: uppercase;
  margin-bottom: 10px;
}

.cms_info .cms_container .info_content .phone {
  font-size: 48px;
  color: #666666;
  margin-bottom: 30px;
}

.cms_info .cms_container .info_content .phone::before {
  font-family: "FontAwesome";
  content: "\f098";
  margin-right: 10px;
  color: #999999;
}

.cms_info .cms_container .info_content .txt2 {
  font-size: 20px;
  color: #909090;
  margin-bottom: 30px;
}

.cms_info .cms_container .info_content a {
  font-size: 28px;
  color: #3b763c;
  border-bottom: 1px solid #3b763c;
}

/* categori mini product area */
.categori-mini-product-area {
  margin-bottom: 90px;
}

.categori-mini-product-area .js-product-miniature {
  display: flex;
  gap: 30px;
}
.categori-mini-product-area .js-product-miniature .img_block {
  width: 140px;
}
.img_block .product-thumbnail {-webkit-overflow-scrolling: touch;overflow-y: scroll;}
.img_block .product-thumbnail {::-webkit-scrollbar display: none;}
 .img_block .product-thumbnail { -ms-overflow-style: none;  scrollbar-width: none;  /* Firefox */}

.categori-mini-product-area .js-product-miniature .product_desc {
  padding: 0;
  overflow: hidden;
  text-align: left;
  flex: 1;
}

.categori-mini-product-area .js-product-miniature .product_desc h1 a {
  line-height: 28px;
  display: block;
  overflow: hidden;
  color: #464646;
  font-size: 18px;
  text-transform: uppercase;
  margin-bottom: 15px;
  word-wrap: break-word;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.categori-mini-product-area
  .js-product-miniature
  .product_desc
  .product-price-and-shipping {
  opacity: 1 !important;
  transform: none !important;
}

.categori-mini-product-area
  .js-product-miniature
  .product-price-and-shipping
  .price {
  font-size: 20px;
  font-weight: 400;
  color: #333333;
}

.categori-mini-product-area .js-product-miniature .product_desc div.cart {
  opacity: 1;
  position: static;
  text-align: left;
  margin-top: 25px;
}

.categori-mini-product-area .pos_title {
  text-align: left;
}

.categori-mini-product-area .product_desc div.cart .product-add-to-cart a {
  display: inline-block;
  border: 2px solid #d6d6d6;
  background: white;
  color: #666666;
  padding: 0 30px;
  line-height: 32px;
  height: 36px;
  font-size: 16px;
  text-transform: uppercase;
  cursor: pointer;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  -ms-border-radius: 30px;
  -o-border-radius: 30px;
  border-radius: 30px;
}

.categori-mini-product-area .owl-nav {
  top: -30px;
}

.home-four .categori-mini-product-area .owl-nav {
  top: -55px;
}

/* home two special-products */
.home-two .pos-special-products .js-product-miniature .img_block {
  float: left;
  width: 40%;
  margin-right: 30px;
}

.home-two .pos-special-products .js-product-miniature .product_desc {
  position: relative;
  overflow: hidden;
  text-align: left;
}

.home-two
  .pos-special-products
  .js-product-miniature
  .product_desc
  .product-price-and-shipping {
  opacity: 1 !important;
  transform: none !important;
}

.home-two .pos-special-products .js-product-miniature .product_desc div.cart {
  opacity: 1;
  position: static;
  text-align: left;
  margin-top: 35px;
}

s .home-two .js-product-miniature .countdown {
  text-align: left;
}

.home-two .special-products .pos_title {
  margin-bottom: 50px;
}

.home-two .ft_newsletter {
  position: relative;
  text-align: center;
  /*  background: url(../images/bg/bg_newletter.webp) no-repeat center center fixed;*/
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  text-align: center;
  max-width: 100%;
  margin: auto;
}

.ft_newsletter .content-newsletter {
  max-width: 550px;
  margin: auto;
}

.home-two .ft_newsletter h2 {
  color: #fff;
}

.home-two .ft_newsletter .desc {
  color: #fff;
}

.home-two .home_blog_post_area .home_blog_post {
  padding: 110px 0 0 0;
  padding-top: 70px;
  background: #fff;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

.home-two .home_blog_post_area .pos_title h2 a {
  color: #333333;
}

.home-two .home_blog_post_area .pos_title h3 {
  color: #3b763c;
}

.home-two .home_blog_post_area .pos_title p {
  color: #666666;
}

.home-two .pos_title {
  margin-bottom: 0;
}

.home-two .ft_newsletter form .input-wrapper input[type="text"] {
  color: #fff !important;
}

.home-two
  .ft_newsletter
  form
  .input-wrapper
  input[type="text"]::-webkit-input-placeholder {
  color: #fff !important;
}

.home-two
  .ft_newsletter
  form
  .input-wrapper
  input[type="text"]:-moz-placeholder {
  /* Firefox 18- */
  color: #fff !important;
}

.home-two
  .ft_newsletter
  form
  .input-wrapper
  input[type="text"]::-moz-placeholder {
  /* Firefox 19+ */
  color: #fff !important;
}

.home-two
  .ft_newsletter
  form
  .input-wrapper
  input[type="text"]:-ms-input-placeholder {
  color: #fff !important;
}

.ft_newsletter form .btn:hover {
  opacity: 0.8;
  -webkit-transition: all 300ms ease-in;
  -moz-transition: all 300ms ease-in;
  -ms-transition: all 300ms ease-in;
  -o-transition: all 300ms ease-in;
  transition: all 300ms ease-in;
}

.home-two .home_blog_post_area {
  margin-bottom: 55px;
}

/* ----------------------------------------------
    20. single product page
---------------------------------------------- */
.single-product-page-area {
  padding: 45px;
  padding-bottom: 30px;
}

.single-product-description-area {
  margin-top: 70px;
}

.images-container {
  display: flex;
  gap: 10px;
}

.images-container .js-qv-mask {
}

.thumb-container .nav-tabs {
  border-bottom: 0px solid #dee2e6;
  flex-direction: column;
}

.thumb-container ul li {
  margin-bottom: 10px;
  width: 82px;
}

.pos_content .owl-item .thumb-container img {
  display: block;
}

.thumb-container img:first-child {
  margin: 0;
}

.thumb-container img {
  width: 100%;
  height: auto;
  cursor: pointer;
  margin: 0;
  border: 1px solid #e5e5e5;
  margin-top: -1px;
  position: relative;
  -webkit-transition: all 300ms ease-in;
  -moz-transition: all 300ms ease-in;
  -ms-transition: all 300ms ease-in;
  -o-transition: all 300ms ease-in;
  transition: all 300ms ease-in;
}

.thumb-container img:hover {
  border-color: #3b763c;
  z-index: 1;
  -webkit-transition: all 300ms ease-in;
  -moz-transition: all 300ms ease-in;
  -ms-transition: all 300ms ease-in;
  -o-transition: all 300ms ease-in;
  transition: all 300ms ease-in;
}

.product-cover {
  flex: 1;
  overflow: hidden;
  position: relative;
  display: block;
  border: 1px solid #e5e5e5;
}

.product-cover img {
  box-shadow: none;
  border: none;
}

.product-cover .layer {
  background: transparent;
  -webkit-transition: all 300ms ease-in;
  -moz-transition: all 300ms ease-in;
  -ms-transition: all 300ms ease-in;
  -o-transition: all 300ms ease-in;
  transition: all 300ms ease-in;
}

.product-cover .layer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  background: #fff;
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
  background: hsla(0, 0%, 100%, 0.7);
  text-align: center;
  cursor: pointer;
}

.product-cover .layer .zoom-in {
  color: #3b763c;
  font-size: 4.25rem;
}

.material-icons {
  font-family: Material Icons;
  font-weight: 400;
  font-style: normal;
  font-size: 24px;
  display: inline-block;
  vertical-align: middle;
  width: 1em;
  height: 1em;
  line-height: 1;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-feature-settings: "liga";
  font-feature-settings: "liga";
}

.h1.namne_details,
.product_name_h1 {
  font-size: 25px;
  line-height: 1;
  color: #3b763c;
  text-transform: capitalize;
  font-weight: 400;
  margin: 0 0 15px 0;
  padding-bottom: 20px;
  border-bottom: 1px solid #e5e5e5;
  font-style: italic;
}

.reference {
  font-size: 13px;
}

#product_comments_block_extra {
  padding: 0;
  font-weight: normal;
  line-height: 18px;
  margin: 10px 0 0 0;
}

#product_comments_block_extra .comments_note {
  margin-bottom: 5px;
  display: inline-block;
}

#product_comments_block_extra .comments_note span {
  float: left;
  color: #333333;
}

#product_comments_block_extra .star_content {
  margin-top: 1px;
}

.product-rattings {
  margin-bottom: 7px;
  color: #febd69;
}

#product_comments_block_extra .comments_advices {
  display: inline-block;
  vertical-align: top;
  margin: 0;
}

.comments_advices li {
  display: inline-block;
  line-height: 21px;
}

.comments_advices a.reviews {
  margin-right: 9px;
}

.comments_advices a {
  text-decoration: none;
  color: #999999 !important;
  position: relative;
  margin-right: 8px;
  line-height: 21px;
  padding: 0;
  font-size: 12px;
  margin-bottom: 10px;
  cursor: pointer;
  display: inline-block;
}

.comments_advices a.reviews::before {
  content: "\f0e5";
}

.comments_advices a.open-comment-form::before {
  content: "\f040";
}

.comments_advices a::before {
  display: inline-block;
  font-family: "FontAwesome";
  font-size: 15px;
  font-weight: normal;
  line-height: 1;
  margin-right: 6px;
}

.comments_advices a {
  color: #999999 !important;
  line-height: 21px;
  font-size: 12px;
  cursor: pointer;
}

.no-print .hook-reviews i {
  color: #3b763c;
  font-size: 20px;
}

.no-print .hook-reviews {
  float: left;
  margin-right: 15px;
}

.comments_advices a:hover {
  color: #3b763c !important;
}

.product-prices {
  margin: 0;
}

.product-prices div {
  margin-bottom: 0.625rem;
}

.product-discount .regular-price {
  font-weight: 400;
  font-size: 20px;
  line-height: 27px;
  color: #999;
}

.has-discount.product-price,
.has-discount p {
  font-weight: 700;
  font-size: 28px;
  line-height: 30px;
  display: inline-block;
  color: #3b763c;
}

.product-prices .current-price span:first-child {
  font-weight: 700;
  font-size: 28px;
  line-height: 27px;
  color: #3b763c;
}

.has-discount .discount {
  font-weight: 700;
  font-size: 12px;
  line-height: 21px;
  color: white;
  padding: 2px 5px 0;
  background: #d4232b;
  vertical-align: 5px;
  float: left;
}

.product-information {
  color: #333;
  font-size: 14px;
  font-weight: normal;
}

.product-variants > .product-variants-item {
  margin: 0 0 1.25rem 0;
}

.product-information .control-label {
  text-transform: uppercase;
}

.product-actions .control-label {
  margin-bottom: 0.375rem;
  display: block;
  width: 100%;
}

.product-desc ul {
  list-style: disc;
  padding-left: 15px;
  margin-bottom: 0;
}
.product-desc {text-align: right;}

select.form-control:not([size]):not([multiple]) {
  height: calc(2.5rem - 2px);
}

.product-variants > .product-variants-item select {
  box-shadow: none;
}

.product-variants > .product-variants-item select {
  background-color: #fff;
  width: auto;
  padding-right: 1.875rem;
  box-shadow: 2px 2px 4px 0 rgba(0, 0, 0, 0.2);
}

.form-control {
  background: white;
  color: #666666;
  border: 1px solid #ccc;
  height: 45px;
  padding-right: 10px !important;
  font-size: 14px;
}

.product-variants > .product-variants-item ul li {
  margin-right: 0.625rem;
  display: inline-block;
}

.input-color {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 1.25rem;
  width: 1.25rem;
}

.input-color:checked + span {
  border: 2px solid #232323;
}

.product-information span {
  font-size: 14px !important;
  font-family: "PT Serif", serif !important;
}

.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}

.box-quantity input {
  background: #fff;
  border: 1px solid #ededed;
  float: right;
  height: 45px;
  width: 65px;
  line-height: 43px;
  margin-left: 15px;
  padding: 0 15px;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  margin-right: 0;
}

.box-quantity a {
  position: relative;
  padding: 0 30px;
  color: white;
  line-height: 46px;
  height: 46px;
  font-size: 16px;
  font-weight: 400;
  text-transform: uppercase;
  border: 0;
  background: #3b763c;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  -ms-border-radius: 30px;
  -o-border-radius: 30px;
  border-radius: 30px;
  box-shadow: none;
}

.single-product-page-area .social-sharing {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-top: 30px;
}

.single-product-page-area .social-sharing ul {
  margin-bottom: 0;
}

.single-product-page-area .social-sharing li {
  box-shadow: none;
  height: auto;
  width: auto;
  border-radius: 0;
  display: inline-block;
  background-color: transparent;
  line-height: 1;
}

.single-product-page-area .social-sharing li a {
  display: inline-block;
  line-height: 29px;
  text-align: center;
  border: 1px solid #e5e5e5;
  color: #333333;
  margin-right: 10px;
  white-space: normal;
  text-indent: 0;
  overflow: hidden;
  font-size: 13px;
}

.single-product-page-area .social-sharing li a::before {
  font-family: "FontAwesome";
  font-size: 14px;
  display: inline-block;
  background: transparent;
}

.single-product-page-area .social-sharing li.facebook a::before {
  content: "\f09a";
}

.single-product-page-area .social-sharing li.twitter a::before {
  content: "\f099";
}

.single-product-page-area .social-sharing li.googleplus a::before {
  content: "\f0d5";
}

.single-product-page-area .social-sharing li.pinterest a::before {
  content: "\f0d2";
}

.single-product-page-area .product-discount {
  display: inline-block;
}

.color,
.custom-checkbox input[type="checkbox"] + span.color {
  width: 1.25rem;
  height: 1.25rem;
  display: inline-block;
  margin: 0.3125rem;
  box-shadow: 2px 2px 4px 0 rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(0, 0, 0, 0.05);
  cursor: pointer;
  background-size: contain;
}

.color.color-two {
  background: #434a54;
}

.product-information .social-sharing span {
  text-transform: uppercase;
  margin-right: 15px;
}

.social-sharing li.facebook:hover a {
  background: #435f9f;
  border-color: #435f9f;
}

.social-sharing li.twitter:hover a {
  background: #00aaf0;
  border-color: #00aaf0;
}

.social-sharing li.googleplus:hover a {
  background: #e04b34;
  border-color: #e04b34;
}

.social-sharing li.pinterest:hover a {
  background: #ce1f21;
  border-color: #ce1f21;
}

.social-sharing li:hover a {
  color: white;
}

.img-thumbnail {
  margin-bottom: 20px;
}

#ProductDetails .label {
  font-size: 1rem;
  color: #232323;
  font-weight: 700;
}

#product_comments_block_tab {
  margin: 0 0 20px 0;
}

#product_comments_block_tab div.comment .comment_author span {
  font-weight: 600;
  text-transform: capitalize;
  font-size: 14px;
  color: #6c6c6c;
}

#product_comments_block_tab div.comment .comment_author .star_content {
  display: inline-block;
  vertical-align: middle;
  margin: 0 0 0 5px;
}

#product_comments_block_tab .comment_author_infos {
  clear: both;
  padding-top: 9px;
}

#product_comments_block_tab .comment_author_infos strong {
  display: block;
  color: #333333;
  margin-bottom: 10px;
}

#product_comments_block_tab .comment_author_infos em {
  color: #adadad;
}

#product_comments_block_tab div.comment .comment_details {
  overflow: hidden;
  margin-top: 20px;
}

#product_comments_block_tab div.comment .comment_details h4 {
  font-weight: 600;
  text-transform: capitalize;
  font-size: 14px;
  color: #6c6c6c;
}

#product_comments_block_tab div.comment .comment_details p {
  color: #adadad;
  font-size: 12px;
}

#product_comments_block_tab a {
  text-decoration: none;
  font-weight: 400;
  color: white;
}

.btn-secondary {
  color: white;
  background-color: #333333;
  border-color: transparent;
  box-shadow: none;
}

.btn-secondary:hover {
  color: white;
  background-color: #3b763c;
  border-color: transparent;
}

#product_comments_block_tab .hook-reviews i {
  color: #3b763c;
  font-size: 20px;
}

.single-product-related-post {
  margin-bottom: 0;
}

.modal-dialog {
  max-width: 1070px;
  margin: 1.75rem auto;
}

.modal-close-btn {
  padding: 15px;
  text-align: right;
  background: #3b763c;
}
.modal-close-btn button {
  color: #fff !important;
  background: transparent;
  padding: 0;
  border: 0;
}

/* ----------------------------------------------
    21. shop page
---------------------------------------------- */
.shop-page-wraper {
  padding-bottom: 35px;
  padding-top: 42px;
}

.product-toolbar .topbar-title {
  margin: 0;
  border-bottom: 1px solid #eee;
  margin-bottom: 18px;
  padding-bottom: 10px;
}

.product-toolbar .product-view-mode {
  float: left;
}

.product-toolbar .woocommerce-ordering {
  float: right;
  margin: 0;
  margin-right: 0px;
  width: 100%;
  position: relative;
  display: inline-flex;
  margin-bottom: 4px;
  justify-content: space-between;
}

.product-toolbar .woocommerce-result-count {
  float: left;
  font-weight: 600;
  height: 40px;
  line-height: 40px;
  margin-bottom: 0;
  margin-left: 70px;
  text-align: left;
}

.shop-page-product-area {
  display: block;
  clear: both;
  padding-top: 30px;
  border-top: 1px solid #eee;
  margin-top: 80px;
}

.shop-categori-title h3 {
  font-size: 18px;
  line-height: 30px;
  font-weight: 700;
  color: white;
  padding: 10px 20px;
  position: relative;
  display: block;
  background: #3b763c;
  margin: 0;
}

.shop-categori-title h3::before {
  font-family: "FontAwesome";
  font-size: 16px;
  margin-left: 10px;
  display: inline-block;
  content: "\f0c9";
  font-weight: 400;
}

.sidebar-product-categori .widget-title h3 {
  display: block;
  clear: both;
  color: #333333;
  font-weight: 700;
  font-size: 18px;
  margin-bottom: 10px;
  line-height: 30px;
}

.product-toolbar .woocommerce-result-count {
  float: left;
  font-weight: 600;
  height: 40px;
  line-height: 40px;
  margin-bottom: 0;
  margin-right: 70px;
  text-align: right;
}

.product-view-mode ul li a.active {
  color: #3b763c;
}

/* price rang */
#price-range {
  background: #e1e1e1 none repeat scroll 0 0;
  border: medium none;
  border-radius: 50px;
  float: left;
  height: 10px;
  margin-top: 14px;
  width: 100%;
}

#price-range-mobile {
  background: #e1e1e1 none repeat scroll 0 0;
  border: medium none;
  border-radius: 50px;
  float: left;
  height: 10px;
  margin-top: 14px;
  width: 100%;
}

.widget-content #price-range-mobile {
  margin: 0 12px !important;
  width: 90%;
}

#price-range-mobile .ui-slider-range {
  background-color: #3b763c;
  border-radius: 0;
}

#price-range-mobile .ui-slider-handle {
  background-color: #3b763c;
  border: 6px solid #fff;
  border-radius: 50%;
  cursor: pointer;
  height: 21px;
  top: -6px;
  transition: none 0s ease 0s;
  width: 21px;
  box-shadow: 0px 0px 6.65px 0.35px rgba(0, 0, 0, 0.15);
}



.widget-content #price-range {
  margin: 0 12px !important;
  width: 90%;
}

#price-range .ui-slider-range {
  background-color: #3b763c;
  border-radius: 0;
}

#price-range .ui-slider-handle {
  background-color: #3b763c;
  border: 6px solid #fff;
  border-radius: 50%;
  cursor: pointer;
  height: 21px;
  top: -6px;
  transition: none 0s ease 0s;
  width: 21px;
  box-shadow: 0px 0px 6.65px 0.35px rgba(0, 0, 0, 0.15);
}

.price-values {
  float: left;
  margin-top: 29px;
  width: 100%;
}

.price_text_btn {
  display: inline-block;
  margin-top: 8px;
  overflow: hidden;
}

.price-values span {
  color: #6f6f6f;
  display: block;
  float: right;
  font-size: 14px;
  line-height: 23px;
  margin-left: 6px;
}

.price-values input {
  background: transparent none repeat scroll 0 0;
  border: medium none;
  color: #434343;
  display: block;
  float: left;
  font-size: 15px;
  height: 23px;
  margin-left: 3px;
  margin-top: 0px;
  padding: 0;
  width: 105px;
  margin-bottom: 0;
}

.price-values .button {
  float: left;
}

.price-values .button {
  background: #3b763c none repeat scroll 0 0;
  border: medium none;
  border-radius: 0;
  color: #fff;
  font-size: 15px;
  font-weight: normal;
  height: 35px;
  letter-spacing: 0;
  line-height: 35px;
  margin-top: 2px;
  padding: 0 15px;
  text-transform: capitalize;
  transition: 0.3s;
}

.price-values .button:hover {
  background: #333;
  color: #fff;
}

.shop-categori-page.categori-mini-product-area
  .js-product-miniature
  .img_block {
  float: left;
  width: 76px;
  margin-right: 15px;
}

.shop-categori-page .owl-nav {
  position: absolute;
  top: -40px;
  left: 15px;
}

.facet h3 {
  margin-bottom: 5px;
  font-size: 18px;
  color: #333;
}

.sidebar-product-categori .widget-content {
  float: left;
  margin: 0 0 35px;
  width: 100%;
  background: #fff;
  padding: 0px 5px;
}

.sidebar-product-categori .widget-content ul {
  margin-bottom: 0;
}

.sidebar-product-categori .widget-content ul li {
  border-bottom: 1px solid #ededed;
  list-style-type: none;
  margin: 0;
  padding-left: 20px;
  position: relative;
}

.sidebar-product-categori .widget-content ul li:last-child {
  border-bottom: 0px solid #ededed;
}

.sidebar-product-categori .widget-content ul li a {
  display: inline-block;
  padding: 10px 0;
  color: #666;
}

.cat-item i {
  display: block;
  left: 0;
  position: absolute;
  top: 12px;
  font-size: 18px;
  color: #3b763c;
}
.cat-item a {
  display: inline-flex;
  width: 100%;
}

.product_list_widget > li {
  display: block;
  margin-bottom: 42px;
  overflow: hidden;
}

.product_list_widget .product-image {
  float: left;
  width: 30%;
}

.product_list_widget .product-image a {
  display: block;
}

.product_list_widget .product-info {
  float: left;
  padding-left: 20px;
  width: 70%;
}

.widget-content ul.product_list_widget {
  padding: 0;
  margin: 0;
}

.widget-content ul.product_list_widget li.widget-mini-product {
  padding: 0;
  margin-bottom: 20px;
  border: none;
}

.widget-content ul.product_list_widget li.widget-mini-product:last-child {
  padding: 0;
  margin-bottom: 0px;
}

.product_list_widget li.widget-mini-product .product-info a {
  color: #333;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.2;
  margin: 0;
  text-transform: none;
  padding: 0;
}

.product-info span.product-title {
  transition: all 0.2s ease 0s;
}

.product_list_widget .star-rating {
  margin-bottom: 4px;
  margin-top: 6px;
  overflow: hidden;
}

.rating-box {
  line-height: 16px;
}

.rating-box span i {
  color: #febd69;
}

.product_list_widget .product-info .woocommerce-Price-amount {
  color: #3b763c;
  display: block;
  font-size: 14px;
  font-weight: bold;
  margin-top: 6px;
  overflow: hidden;
}

.sidebar-single-banner {
  margin-bottom: 30px;
}

.sidebar-single-banner a {
  overflow: hidden;
  display: inline-block;
  position: relative;
}

.sidebar-single-banner a:hover img {
  transform: scale(1.05);
}

.product-tags {
}

.product-tags a {
  text-decoration: none;
  border: 1px solid #ccc;
  padding: 5px 10px;
  display: inline-block;
  margin-bottom: 10px;
  border-radius: 5px;
}

.product-tags a:hover {
}

/* shop page content */
.shop-banner {
  margin-bottom: 50px;
}

.product-toolbar {
  color: #333;
  margin-bottom: 10px;
  position: relative;
}

.product-toolbar .topbar-title h1 {
  color: #333;
  font-size: 24px;
  font-weight: bold;
  height: 40px;
  line-height: 40px;
  margin: 0;
  text-transform: uppercase;
}

.product-view-mode {
}

.product-view-mode ul.nav-tabs {
  border-bottom: 0px solid #dee2e6;
}

.product-view-mode ul li {
}

.product-view-mode ul li:last-child a {
  margin-right: 0;
}

.product-view-mode ul li a {
  border: none;
  color: #333;
  float: left;
  height: 40px;
  line-height: 40px;
  margin-right: 20px;
  outline: none;
}

.product-view-mode ul li a i {
  font-size: 38px;
}

.product-toolbar .woocommerce-ordering .orderby-wrapper label {
  font-size: 1em;
  font-weight: 600;
  margin-right: 10px;
  line-height: 40px;
}

.product-toolbar .woocommerce-ordering .orderby-wrapper .nice-select {
  display: inline-block;
  font-size: 1em;
  padding: 0;
  vertical-align: top;
  float: right;
  background: #fff;
  border: 1px solid #ededed;
  border-radius: 0;
  box-shadow: none;
  color: inherit;
  height: 40px;
  line-height: 38px;
  min-width: 180px;
  padding: 0 15px;
  text-align: left;
}

.shop-page-product-area .single-product-area {
  margin-bottom: 30px;
}

/* ----------------------------------------------
    22. shop page list view
---------------------------------------------- */
.shop-page-product-area #list .js-product-miniature .img_block {
  float: left;
  width: 40%;
  margin-right: 30px;
}

.shop-page-product-area #list .js-product-miniature .product_desc {
  position: relative;
  overflow: hidden;
  text-align: left;
}

.shop-page-product-area
  #list
  .js-product-miniature
  .product_desc
  .product-price-and-shipping {
  opacity: 1 !important;
  transform: none !important;
}

.shop-page-product-area #list .js-product-miniature .product_desc div.cart {
  opacity: 1;
  position: static;
  text-align: left;
  margin-top: 35px;
}

s .shop-page-product-area #list .js-product-miniature .countdown {
  text-align: left;
}

.shop-page-product-area #list .pos_title {
  margin-bottom: 50px;
}

.shop-page-product-area
  #list
  .js-product-miniature
  .product_desc
  .product_name {
  margin-bottom: 0;
}

.shop-page-product-area #list .js-product-miniature .product_desc {
  padding-top: 90px;
}

.shop-content nav.woocommerce-pagination {
  text-align: center;
}

nav.woocommerce-pagination {
  padding: 30px 0;
  width: 100%;
  border-bottom: 1px solid #e5e5e5;
}

nav.woocommerce-pagination ul.page-numbers {
  border: none;
  margin: 0;
  text-align: right;
  width: 100%;
}

nav.woocommerce-pagination ul.page-numbers li {
  border: none;
  display: inline-block !important;
  float: none;
  margin-right: 5px;
  vertical-align: middle;
}

nav.woocommerce-pagination ul.page-numbers li span.current,
nav.woocommerce-pagination ul.page-numbers li a:hover {
  background: #3b763c;
  color: #fff;
}

nav.woocommerce-pagination ul.page-numbers li a,
nav.woocommerce-pagination ul.page-numbers li span {
  background: #fff;
  color: #333;
  font-size: 15px;
  font-weight: normal;
  height: 42px;
  line-height: 42px;
  min-width: 0;
  padding: 0 8px;
  text-align: center;
  width: 42px;
  display: block;
  text-decoration: none;
  outline: none;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
}

/* ----------------------------------------------
    23. about page
---------------------------------------------- */
.about__us_page_area .banner_h2_Right_text {
  max-width: 100%;
  padding: 0px 15px;
}

.about__us_page_area .wpb_wrapper > h3 {
  font-size: 30px;
  font-weight: bolder;
  margin-bottom: 20px;
  text-align: center;
  margin-top: 0;
}

.about__us_page_area .wpb_wrapper p > a {
  background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
  border: 1px solid #434343;
  color: #6f6f6f;
  display: inline-block;
  font-size: 18px;
  font-weight: 600;
  height: 40px;
  line-height: 36px;
  margin-top: 10px;
  padding: 0 31px;
  text-align: center;
}

.skrill_here {
  padding: 10px 0px 40px 0;
}

.about-page-area {
  background: #fff;
  margin-top: 80px;
}
.aboutTxt {
  font-size: 15px;
  text-align: justify;
}
.about__us_page_area {
  padding-bottom: 70px;
}

.about__us_page_area .container-fluid .col-md-6.col-xs-12 {
  padding: 0;
}

.about__us_page_area .wpb_wrapper > p {
  color: #6f6f6f;
  font-size: 15px;
  text-align: justify;
}

.about__us_page_area .wpb_wrapper p > a:hover {
  background: #3b763c none repeat scroll 0 0;
  border-color: #3b763c;
  color: #fff;
}

.funfact:before {
  content: "";
  height: 100%;
  left: 0;
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  position: absolute;
  top: 0;
  -webkit-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
  width: 100%;
  z-index: 2;
}

.about__us_page_area .container-fluid .col-md-12.col-lg-6.col-xs-12 {
  padding: 0;
}

.funfact {
  color: #fff;
  display: flex;
  gap: 20px;
  align-items: center;
  padding: 93px 30px;
  position: relative;
  text-align: center;
}

.funfacts div[class^="col-"]:nth-child(n) .funfact {
  background: #f3f3f3 none repeat scroll 0 0;
}

.funfacts div[class^="col-"]:nth-child(2n) .funfact {
  background: #e8e8e8 none repeat scroll 0 0;
}

.fun__fact_img {
  vertical-align: middle;
}

.fun_fact_info {
  text-align: left;
  vertical-align: middle;
  flex: 1;
}

.funfact h1 {
  color: #434343;
  font-size: 30px;
  font-weight: 700;
  letter-spacing: 0;
  margin: 0;
}

.funfact h5 {
  color: #434343;
  font-size: 12px;
  font-weight: 600 !important;
  letter-spacing: 1px;
  margin-bottom: 0;
  text-transform: uppercase;
}

.funfact:hover:before {
  opacity: 0.9;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
}

.funfact:hover:after {
  -webkit-transform: scale(1);
  transform: scale(1);
}

.abou_skrill__area .container-fluid .row div[class^="col-md-"] {
  padding: 0;
}

.abou_skrill__area .banner_h2__left_image.lft_to_right > img {
  position: relative;
  right: 0;
  width: 100%;
}

.pg-advisor__progress {
  width: 65%;
}

.abou_skrill__area .progress {
  background: #f7f7f7 none repeat scroll 0 0;
  border-radius: 3px;
  height: 16px;
  margin-bottom: 8px;
  margin-top: 25px;
  overflow: visible;
}

.abou_skrill__area {
  margin-top: 27px;
  overflow: hidden;
}

.abou_skrill__area {
  margin-top: 0;
  overflow: hidden;
}

.abou_skrill__area .progress span {
  color: #d0d0d0;
  font-size: 16px;
  font-weight: 400;
  position: absolute;
  right: 0;
  top: -35px;
  -webkit-transform: translate(50%, 0px);
  transform: translate(50%, 0px);
  -webkit-transition: all 0.4s ease 1s;
  transition: all 0.4s ease 1s;
}

.abou_skrill__area .progress-bar {
  background: #7b7b7b none repeat scroll 0 0;
  border-radius: 3px;
  margin-left: 2px;
  position: relative;
}

.pos-special-products .pos_content .owl-carousel .owl-item.firstActiveItem {
  border: none;
}

.width80 {
  width: 80%;
}

.width90 {
  width: 90%;
}

.width70 {
  width: 70%;
}

.width95 {
  width: 95%;
}

.progress .p_g_title > p {
  color: #fff;
  padding-left: 60px;
  text-align: left;
  text-transform: uppercase;
}

.skrill_here .p_g_title {
  height: 100%;
  left: 0;
  position: absolute;
  text-align: left;
  top: -4px;
  width: 100%;
}

.abou_skrill__area .progress span {
  background: #3e3e3e none repeat scroll 0 0;
  border: 3px solid #a0a0a0;
  border-radius: 50%;
  color: #fff;
  font-size: 11px;
  font-weight: 700;
  height: 40px;
  left: -22px;
  line-height: 33px;
  padding-top: 0;
  position: absolute;
  text-align: center;
  top: -13px;
  width: 40px;
}

.bar__span.wow.slideInLeft {
  background: #000 none repeat scroll 0 0;
  content: "";
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  z-index: 999999;
}

.progress {
  background: #ebebeb none repeat scroll 0 0;
  border-radius: 30px;
  box-shadow: none;
  height: 24px;
  overflow: visible;
}

.progress-bar {
  background: #8d98aa none repeat scroll 0 0;
  border-radius: 30px;
  box-shadow: none;
  position: relative;
  overflow: visible;
}

.progress-bar .text-top {
  background: #363f4d none repeat scroll 0 0;
  border-radius: 50%;
  font-size: 12px;
  height: 42px;
  left: 0;
  line-height: 42px;
  position: absolute;
  text-transform: uppercase;
  top: -9px;
  width: 42px;
}

.skill-bar-item {
  padding-bottom: 6px;
  position: relative;
}

.skill-bar-item > span {
  color: #ffffff;
  font-size: 12px;
  font-weight: 600;
  line-height: 16px;
  margin-left: 50px;
  position: absolute;
  text-align: center;
  text-transform: uppercase;
  z-index: 2;
}

.skill-bar {
  overflow: hidden;
  padding-top: 9px;
}

#funfact-area {
  margin-top: 120px;
}

.abou_skrill__area {
  margin-top: 120px;
}

/* ----------------------------------------------
    24. Cart & Wish List CSS
---------------------------------------------- */
.cart-page-area .section-title h2,
.coupon-area .section-title h2 {
  text-transform: capitalize;
  color: #555;
  font-weight: 500;
}

.cart-page-area form {
  margin-bottom: 0;
  padding: 0;
}

.cart-page-area {
  margin: 120px 0;
  margin-bottom: 37px;
}

.shipping_method input {
  background: #eceff8 none repeat scroll 0 0;
  border: 2px solid #eceff8;
  -webkit-box-shadow: none;
  box-shadow: none;
  color: #626262;
  font-size: 14px;
  height: 45px;
  padding-left: 10px;
  width: inherit;
}

.cart-title-area {
  padding-top: 30px;
}

.car-header-title {
}

.car-header-title h2 {
  font-size: 20px;
  margin: 0;
  text-transform: uppercase;
}

.table-content table {
  background: #fff none repeat scroll 0 0;
  border-color: #e5e5e5;
  border-radius: 0;
  border-style: solid;
  border-width: 1px 0 0 1px;
  text-align: center;
  width: 100%;
}

.table-content table th {
  border-top: medium none;
  font-weight: normal;
  padding: 20px 10px;
  text-align: center;
  text-transform: capitalize;
  vertical-align: middle;
  white-space: nowrap;
  font-weight: 500;
}

.table-content table th,
.table-content table td {
  border-bottom: 1px solid #e5e5e5;
  border-right: 1px solid #e5e5e5;
}

.table-content table td {
  border-top: medium none;
  padding: 20px 10px;
  vertical-align: middle;
  font-size: 13px;
}

.table-content table td input {
  background: #e5e5e5 none repeat scroll 0 0;
  border: medium none;
  border-radius: 3px;
  color: #6f6f6f;
  font-size: 15px;
  font-weight: normal;
  height: 40px;
  padding: 0 5px 0 10px;
  width: 60px;
}

.table-content table td.product-subtotal {
  font-size: 14px;
  font-weight: 500;
}

.table-content table td.product-name a,
.product-stock-status span {
  font-size: 14px;
  font-weight: 500;
  margin-left: 10px;
  color: #6f6f6f;
  text-transform: capitalize;
}

.product-stock-status span {
  font-weight: normal;
  color: #3b763c;
}

.table-content table td.product-thumbnail {
  width: 40px;
}

.table-content table td.product-remove i {
  color: #d40000;
  display: inline-block;
  font-size: 20px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  width: 40px;
}

.table-content table .product-price .amount {
  font-size: 15px;
  font-weight: 500;
}

.table-content table td.product-remove i:hover {
  color: #3b763c;
}

.table-content table td.product-name a:hover,
.buttons-cart a:hover {
  color: #3b763c;
}

.product-thumbnail img {
  width: 100%;
}

.buttons-cart {
  margin-bottom: 30px;
}

.wc-proceed-to-checkout {
  clear: both;
  display: block;
  margin-top: 25px;
}

.buttons-cart input:hover,
.coupon input[type="submit"]:hover,
.buttons-cart a:hover {
  background: #3b763c none repeat scroll 0 0;
  color: #fff;
}

.cart_totals {
  float: left;
  width: 100%;
}
.cart_totals .input-group input {
  height: 45px;
}
.cart_totals .input-group .input-group-text {
  border-radius: 0;
  background-color: #3b763c;
  color: #fff;
  height: 45px;
}

.cart_totals h2 {
  border-bottom: 2px solid #222;
  display: inline-block;
  font-size: 30px;
  margin: 0 0 35px;
  text-transform: uppercase;
  font-weight: 500;
}

.cart_totals table {
  border: medium none;
  margin: 0;
  text-align: left;
}

.cart_totals table th {
  border: medium none;
  font-size: 14px;
  font-weight: bold;
  padding: 0 0px 12px 20px;
  text-align: right;
  text-transform: uppercase;
  vertical-align: top;
}

.cart_totals table td {
  border: medium none;
  padding: 0 0 12px;
  vertical-align: top;
  text-align:left !important;
}

.cart_totals table td .amount {
  font-size: 16px;
  font-weight: bold;
  margin-left: 5px;
  text-align: right;
  text-transform: uppercase;
}

.cart_totals table td ul#shipping_method {
  list-style: outside none none;
  margin: 0;
  padding: 0;
}

.cart_totals table td ul#shipping_method li {
  float: left;
  margin: 0 0 10px;
  padding: 0;
  text-indent: 0;
  width: 100%;
}

.cart_totals table td ul#shipping_method li input {
  margin: 0;
  position: relative;
  top: 2px;
}

a.shipping-calculator-button {
  font-weight: bold;
  color: #6f6f6f;
}

a.shipping-calculator-button:hover {
  color: #83cbdc;
}

.cart_totals table tr.order-total th,
.cart_totals table tr.order-total .amount {
  font-size: 16px;
  text-transform: uppercase;
  white-space: nowrap;
  font-weight: 600;
}
.text-right {
  text-align: right !important;
}
.text-left {
  text-align: left !important;
}
.text-center {
  text-align: center !important;
}
.cart_totals table tr.order-total th {
  font-weight: 700;
}

.wc-proceed-to-checkout a {
  background: #3b763c;
  color: #fff;
  display: inline-block;
  font-size: 14px;
  font-weight: 700;
  height: 50px;
  line-height: 50px;
  padding: 0 30px;
  text-transform: none;
  display: block;
}

.wc-proceed-to-checkout a:hover {
  background: #363f4d;
}

.amount del {
  font-size: 13px;
  margin-left: 5px;
  font-weight: 600;
}

.cart-page-area .product-remove {
  width: 20px;
}

.cart-page-area table td.product-thumbnail {
  width: 100px;
}
.cart-page-area table td,
.cart-page-area table th {
  border: 0;
}
.cart-page-area table {
  border-width: 1px 0 1px 0;
}

.cart-page-area .product-add-to-cart a {
  background: #3b763c none repeat scroll 0 0;
  color: #ffffff;
  display: block;
  font-size: 14px;
  font-weight: 700;
  padding: 10px 56px;
  text-transform: uppercase;
  width: 260px;
  margin: 0 auto;
}

.cart-page-area .product-add-to-cart a:hover {
  background: #1a1a1a;
}

.cart-page-area td.product-add-to-cart {
  width: 240px;
}

.shop-categori-page .owl-nav {
  display: none;
}

/* ----------------------------------------------
    25. Checkout CSS
---------------------------------------------- */
.checkout-page-area {
  margin: 70px 0;
  margin-bottom: 0;
}

.coupon-area .coupon-info input {
  background: transparent;
  border: 1px solid #e5e5e5;
}

.coupon-area .coupon-info .checkout-coupon .code:focus {
  border: 1px solid #3b763c;
}

.coupon-accordion {
  padding: 0;
}

.checkout-area form {
  padding: 0;
  padding-top: 0;
  margin-bottom: 60px;
}

.coupon-accordion h3 {
  background-color: #f6f6f6;
  border-top: 3px solid #3b763c;
  color: #515151;
  font-size: 14px;
  font-weight: 400;
  list-style: outside none none;
  margin: 0 0 2em;
  padding: 1em 2em 1em 3.5em;
  position: relative;
  width: auto;
  text-transform: capitalize;
}

.coupon-accordion h3::before {
  color: #777;
  content: "\f0f6";
  display: inline-block;
  font-family: "FontAwesome";
  left: 16px;
  position: absolute;
  top: 16px;
}

.coupon-accordion span {
  cursor: pointer;
  color: #6f6f6f;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.coupon-accordion span:hover,
p.lost-password a:hover {
  color: #3b763c;
}

.coupon-content {
  border: 1px solid #e5e5e5;
  display: none;
  margin-bottom: 20px;
  padding: 20px;
}

.coupon-info {
}

.coupon-info p.coupon-text {
  margin-bottom: 15px;
}

.coupon-info p {
  margin-bottom: 0;
}

.coupon-info p.form-row-first {
}

.coupon-info p.form-row-first label,
.coupon-info p.form-row-last label {
  display: block;
  color: inherit;
}

.coupon-info p.form-row-first label span.required,
.coupon-info p.form-row-last label span.required {
  color: red;
  font-weight: 700;
}

.coupon-info p.form-row-first input,
.coupon-info p.form-row-last input {
  border: 1px solid #ccc;
  height: 34px;
  margin: 0 0 14px;
  max-width: 100%;
  padding: 0 0 0 10px;
  width: 370px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}

input[type="text"],
input[type="email"],
input[type="submit"] {
  margin-bottom: 0;
}

.coupon-info p.form-row input[type="submit"]:hover,
p.checkout-coupon input[type="submit"]:hover {
  background: #3b763c none repeat scroll 0 0;
}

.coupon-info p.form-row input[type="checkbox"] {
  height: inherit;
  position: relative;
  top: 2px;
  width: inherit;
}

.form-row > label {
  margin-top: 7px;
}

p.lost-password {
  margin-top: 15px;
}

p.lost-password a {
  color: #111;
  font-size: 14px;
}

p.checkout-coupon input[type="text"] {
  height: 38px;
  padding-left: 10px;
  width: 170px;
}

p.checkout-coupon input[type="submit"] {
  background: #3b763c none repeat scroll 0 0;
  border: medium none;
  border-radius: 0;
  color: #fff;
  height: 36px;
  margin-left: 6px;
  padding: 5px 10px;
  -webkit-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  width: inherit;
}
.checkout-coupon input:focus {
  border-color: 1px solid #3b763c;
}

.coupon-checkout-content {
  margin-bottom: 30px;
  display: none;
}

.checkbox-form h3 {
  border-bottom: 1px solid #ebebeb;
  width: 100%;
  padding-bottom: 10px;
  margin-bottom: 20px;
  font-weight: 500;
}

.ship-different-title h3 label {
  display: inline-block;
  margin-right: 20px;
  font-size: 22px;
  font-weight: 500;
  color: #222;
}

.country-select label,
.country-select label,
.checkout-form-list label {
  color: #333;
  margin: 0 0 5px;
  display: block;
  font-weight: 600;
}

.country-select label span.required,
.checkout-form-list label span.required {
  color: #3b763c;
}

.country-select select {
  border: 1px solid #ddd;
  padding-left: 10px;
  width: 100%;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: #fff;
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075);
}

.checkout-form-list label {
  color: #333;
}

.checkout-form-list input[type="text"],
.checkout-form-list input[type="password"],
.checkout-form-list input[type="email"],
.checkout-form-list textarea {
  background: #fff none repeat scroll 0 0;
  border: 1px solid #ebebeb;
  border-radius: 0;
  width: 100%;
  padding: 0 10px 0 10px;
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075);
}

.checkout-form-list input[type="checkbox"] {
  display: inline-block;
  height: inherit;
  margin-right: 10px;
  position: relative;
  top: 0;
  width: inherit;
}

.create-acc label {
  color: #333;
  display: inline-block;
}

.create-accounts {
  display: none;
}

.ship-different-title h3 label {
  display: inline-block;
  margin-right: 20px;
}

.order-notes textarea {
  height: 90px;
  padding: 15px;
  width: 100%;
  background: #fff;
}

.ship-different-title input {
  margin-top: 0;
  vertical-align: middle;
}

#ship-box-info {
  display: none;
}

.your-order {
  background: #f2f2f240 none repeat scroll 0 0;
  padding: 30px 40px 45px;
}

.your-order h3 {
  border-bottom: 1px solid #ebebeb;
  font-size: 30px;
  margin: 0 0 20px;
  padding-bottom: 10px;
  text-transform: uppercase;
  width: 100%;
  color: #3b763c;
  font-weight: 500;
}

.your-order-table table {
  background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
  border: medium none;
  width: 100%;
}

.your-order-table table th,
.your-order-table table td {
  border-bottom: 1px solid #d8d8d8;
  border-right: medium none;
  font-size: 14px;
  padding: 12px 0;
  text-align: right;
}

.your-order-table table tfoot th.text-left {text-align: right !important;}

.your-order-table table th {
  border-top: medium none;
  font-family: Montserrat, Arial, Helvetica, sans-serif;
  font-weight: normal;
  text-align: left;
  text-transform: uppercase;
  vertical-align: middle;
  white-space: nowrap;
}

.product-name.text-left {text-align: right !important;}

.your-order-table table .shipping ul li input {
  position: relative;
  top: 2px;
}

.your-order-table table .shipping th {
  vertical-align: top;
}

.your-order-table table .order-total th {
  border-bottom: medium none;
  font-size: 15px;
}

.your-order-table table .order-total td {
  border-bottom: medium none;
}

.your-order-table table tr.cart_item:hover {
  background: #f9f9f9;
}

.your-order-table table tr.order-total td span {
  color: #3b763c;
  font-size: 20px;
}

.your-order-table table {
}

.payment-method {
  margin-top: 40px;
}

.payment-accordion {
}

.payment-accordion h3 {
  border-bottom: 0 none;
  margin-bottom: 10px;
  padding-bottom: 0;
}

.payment-accordion h3 a {
  color: #6f6f6f;
  font-size: 14px;
  padding-left: 25px;
  position: relative;
  text-transform: capitalize;
  text-decoration: none;
}

.payment-accordion h3 a:before,
.payment-accordion h3.open a:after {
  content: "";
  display: inline-block;
  font-family: fontawesome;
  font-size: 20px;
  left: 0;
  position: absolute;
  top: -2px;
}

.payment-accordion h3.open a:after {
  content: "\f056";
}

.payment-content {
}

.payment-content p {
  font-size: 13px;
}

.payment-accordion img {
  height: 60px;
  margin-left: 15px;
}

.order-button-payment input {
  background: #3b763c;
  border: medium none;
  color: #fff;
  font-size: 17px;
  font-weight: 600;
  height: 50px;
  margin: 20px 0 0;
  padding: 0;
  text-transform: uppercase;
  -webkit-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  width: 100%;
}

.order-button-payment input:hover {
  background: #444;
}

.sub-heading {
  padding-bottom: 40px;
  color: #555;
  font-weight: 500;
  font-size: 25px;
}

/* ----------------------------------------------
    26. Contact page
---------------------------------------------- */

.contact-page-map .container {
  margin-left: auto;
  margin-right: auto;
  padding-left: 0;
  padding-right: 0;
  width: 100%;
}

.contact-address-area {
  background-color: #fff;
  padding: 10px 30px !important;
  border: 2px solid #3b763c;
}

.contact-form-inner {
  padding: 10px 0px !important;
}

.contact-form-area .container .col-md-6.col-xs-12 {
  padding: 0;
}

.contact-form-area {
  padding-bottom: 38px;
  background-color: #f9fff9;
}

.contact-address-area h2,
.contact-form-inner h2 {
  color: #3b763c;
  font-size: 30px;
  font-weight: 900;
  letter-spacing: 0;
  line-height: 1.35;
  margin-bottom: 35px;
  text-transform: uppercase;
}

.styles___1 .footer-nav ul a:hover {
  color: #3b763c;
}

.contact-address-area p {
  margin-bottom: 35px;
}

.contact-address-area ul {
  margin-bottom: 25px;
  padding: 0;
}

.contact-address-area ul li {
  border-top: 1px solid #e4e4e4;
  color: #000;
  list-style: outside none none;
  padding: 10px 0;
}

.contact-address-area ul li i {
  height: 40px;
  line-height: 40px;
  text-align: center;
  width: 40px;
}

.contact-address-area h3 {
  color: #434343 !important;
  font-weight: 700;
  letter-spacing: 0;
  line-height: 1.35;
  margin: 0 0 15px;
}

.contact-form-inner .col input {
  background: #f2f2f2 none repeat scroll 0 0;
  border: medium none;
  border-radius: 0;
  font-size: 14px;
  height: 46px;
  margin-bottom: 20px;
  padding-left: 15px;
  width: 100%;
}

.contact-form-inner .col input:focus {
  outline: medium none;
}

:focus {
  outline: medium none;
}

.contact-form-inner .col textarea {
  background: #f2f2f2 none repeat scroll 0 0;
  border: medium none;
  font-size: 14px;
  border-radius: 0;
  height: 135px;
  padding-left: 15px;
  width: 100%;
}

.contact-submit {
  margin-top: 10px;
}

/* ----------------------------------------------
    28. Forgot Password
---------------------------------------------- */
.forget-page-area {
  background: #fff;
  padding: 0;
  margin-bottom: 70px;
}

.password-forgot legend {
  border-bottom: 1px solid #ededed;
  font-size: 16px;
  margin-bottom: 20px;
  padding: 7px 0;
  font-weight: 500;
}

.password-forgot label {
  font-size: 15px;
}

.password-forgot input {
  font-size: 14px;
}

.require {
  color: #cc0000;
  font-weight: 600;
  margin-right: 5px;
}

.password-forgot .form-group {
  margin-bottom: 0;
}

.forget-page-area fieldset {
  border: 0px solid #c0c0c0;
  margin: 0;
  padding: 0;
}

/* ----------------------------------------------
    29. Login
---------------------------------------------- */
.custom-title {
  color: #333333;
  font-size: 25px;
  font-weight: 600;
  text-transform: capitalize;
}

.well {
  background-color: #fff;
  border: 1px solid #ededed;
  border-radius: 4px;
 padding: 20px 20px 50px 20px;
}

.login-area {
  background: #fff;
  padding: 0;
  margin-bottom: 0px;
}

.log-in p strong {
  color: #444444;
  font-weight: 500;
}

a:hover {
  text-decoration: none;
}

.return-customer-btn:hover {
  background: #3b763c;
  color: #fff;
  text-decoration: none;
}

.customer-btn:hover {
  background: #1b81c5;
  color: #fff;
}

.return-customer label {
  font-weight: 500;
  color: #444;
  font-size: 14px;
}

.return-customer input {
  font-size: 14px;
}

.lost-password a {
  color: #555;
  font-weight: 500;
  font-size: 13px;
}

.lost-password a:hover {
  color: #1b81c5;
}

/* ----------------------------------------------
    30. Register Account
---------------------------------------------- */
.register-page-area {
  background: #fff;
}

.form-register label {
  font-size: 14px;
  text-align: right;
}

.register-page-area fieldset {
  border: 0px solid #c0c0c0;
  margin: 0;
  padding: 0;
}

.form-register .form-group {
  margin-bottom: 20px;
}

.form-register .form-group input[type="password"] {
  font-size: 14px;
  height: 45px;
  padding: 10px;
}

.form-register .form-group input[type="radio"] {
  box-sizing: border-box;
  height: 20px;
  width: 20px;
  vertical-align: middle;
  margin: 10px;
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="number"]:focus,
input[type="tel"]:focus,
input[type="range"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="week"]:focus,
input[type="time"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="color"]:focus,
textarea:focus {
  border-color: #3b763c;
  box-shadow: none;
  outline: none;
}

label.radio-inline {
  margin-right: 15px;
}

.form-register legend {
  border-bottom: 1px solid #ededed;
  font-size: 16px;
  font-weight: 600;
  margin-bottom: 20px;
  padding: 7px 0;
}

.agree {
  color: #3b763c;
  font-size: 13px;
}

/* ----------------------------------------------
    31. Portfolio Page
---------------------------------------------- */
.co-isotop-item-1 img {
  width: 100%;
}

.co-isotop-filter-1 button:after {
  border-color: #fff #fff transparent transparent;
  border-style: solid;
  border-width: 5px;
  content: "";
  display: block;
  position: absolute;
  right: 2px;
  top: 2px;
}

.co-isotop-filter-1 button:hover,
.co-isotop-filter-1 button.active {
  background: #71a9d0 none repeat scroll 0 0;
  color: #fff;
}

.co-isotop-filter-1 button {
  background: #666 none repeat scroll 0 0;
  border: medium none;
  color: #fff;
  cursor: pointer;
  display: inline-block;
  font-size: 13px;
  font-weight: 400;
  line-height: 45px;
  margin-bottom: 5px;
  margin-right: -1px;
  padding: 0 30px;
  position: relative;
  -webkit-transition: all 0.4s ease-out 0s;
  transition: all 0.4s ease-out 0s;
  z-index: 2;
}

.co-isotop-filter-1 button:hover,
.co-isotop-filter-1 button.active {
  background: #3b763c none repeat scroll 0 0;
  color: #fff;
}

.co-isotop-filter-1.isotop-filter {
  margin-bottom: 83px;
}

.co-section-title-2 h1 {
  color: #434343;
  font-weight: 700;
  margin-bottom: 50px;
  text-transform: uppercase;
}

.portfolio___single .portfolio__icon {
  left: 50%;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%) translateX(-50%);
  transform: translateY(-50%) translateX(-50%);
}

.portfolio___single .content:before {
  background: rgba(113, 169, 208, 0.68) none repeat scroll 0 0;
  content: "";
  height: 100%;
  left: 0;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  position: absolute;
  top: 0;
  -webkit-transform: scale(0);
  transform: scale(0);
  -webkit-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  width: 100%;
}

.portfolio___single:hover .content:before {
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  -webkit-transform: scale(1);
  transform: scale(1);
}

.portfolio___single .content {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}

.portfolio___single {
  position: relative;
}

.portfolio___single div.title {
  bottom: 55px;
  color: #fff;
  font-size: 19px;
  left: -85px;
  opacity: 0;
  padding: 6px 18px;
  position: absolute;
  -webkit-transition: all 0.4s ease 0s;
  transition: all 0.4s ease 0s;
  background: rgba(0, 0, 0, 0.15);
  padding: 0 15px;
}

.portfolio___single:hover div.title {
  left: 80px;
  opacity: 1;
  padding: 6px 18px;
  bottom: 20px;
}

.portfolio__icon > a {
  background: rgba(0, 0, 0, 0.15) none repeat scroll 0 0 !important;
  color: #fff;
  display: inline-block;
  height: 50px;
  line-height: 52px;
  margin: 0 7px;
  text-align: center;
  -webkit-transform: scale(0);
  transform: scale(0);
  -webkit-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  width: 50px;
  border-radius: 100%;
}

.portfolio___single:hover .portfolio__icon > a {
  -webkit-transform: scale(1);
  transform: scale(1);
}

.portfolio__icon > a:hover {
  background: rgba(0, 0, 0, 0.4) !important;
}

.co-isotop-item-1.isotop-item {
  margin-bottom: 30px;
}

.co-portfolio-section-1 {
  padding-bottom: 5px;
  padding-top: 45px;
}

/* ----------------------------------------------
    32. blog page
---------------------------------------------- */
.blog-page-area {
  margin: 120px 0;
  margin-bottom: 0;
}

.blog-page article {
  background: #fff;
  border: 1px solid #ededed;
  margin: 0 0 60px;
  padding: 45px 30px;
  width: 100%;
}

.single-blog article {
  background: #fff;
  border: 1px solid #ededed;
  margin: 0 0 100px;
  padding: 0px 0px;
  width: 100%;
}

.blog-page .blog-entry-header {
  background: none;
  border: none;
  float: none;
  margin: 0 0 30px;
  position: relative;
  text-align: center;
}

.blog-page .post-category {
  color: #3b763c;
  display: block;
  font-size: 13px;
  font-weight: normal;
  margin-bottom: 10px;
  text-transform: uppercase;
}

.blog-page .post-category:before {
  content: "\f07b";
  display: inline-block;
  font-family: FontAwesome;
  margin-right: 5px;
}

.blog-page .post-category a {
  color: #3b763c;
  text-decoration: underline;
}

.blog-page .post-category a:hover {
  color: #333;
}

.blog-page h1 {
  color: #3b763c;
  font-size: 27px;
  margin-bottom: 10px;
  font-weight: 700;
  text-transform: uppercase;
}

.blog-page h1 a {
  color: #292929;
}

.blog-page h1 a:hover {
  color: #3b763c;
}

.blog-page h1 a:before {
  content: "\f005";
  display: inline-block;
  font-family: FontAwesome;
  font-size: 8px;
  margin-right: 5px;
  vertical-align: top;
}

.post-meta a {
  color: #333;
  display: inline-block;
  font-size: 0.93em;
  vertical-align: middle;
  padding: 0 10px;
}

.post-meta a i {
  margin-right: 5px;
  color: #333;
}

.post-meta a.post-author {
  border-right: 1px solid #8c8c8c;
}

.post-thumbnail {
  margin: 30px 0;
  position: relative;
  text-align: center;
}

.post-thumbnail a img {
  width: 100%;
}

.postinfo-wrapper a.readmore.button {
  background: #3b763c;
  border: 0;
  color: #fff;
  font-size: 14px;
  height: 40px;
  line-height: 40px;
  margin-top: 0px;
  display: inline-block;
  padding: 0 20px;
}

.postinfo-wrapper a.readmore.button:hover {
  background: #333;
}

.social-sharing {
  margin: 15px 0;
  margin-bottom: 0;
}

.social-sharing h3 {
  background: none;
  color: #323232;
  font-size: 12px;
  line-height: 26px;
  margin: 0 20px;
  margin-bottom: 15px;
  text-transform: uppercase;
  width: auto;
}

.social-sharie {
  display: inline-block;
}

.social-sharing ul {
  float: left;
  margin: 0px 0 20px;
  padding: 0;
  margin-bottom: 0;
}

.social-sharing ul li {
  float: left;
  list-style: none;
  position: relative;
}

.social-sharing ul li a {
  background: #f7f7f7;
  border-radius: 0;
  color: #353535;
  display: inline-block;
  font-size: 12px;
  height: 30px;
  line-height: 30px;
  margin-right: 10px;
  text-align: center;
  width: 30px;
}

.social-sharing ul li a:hover {
  color: #3b763c;
}

/*New CSS*/
.header-logo img {
  width: 170px;
}
.flip-box {
  background-color: transparent;
  perspective: 1000px;
  height: 400px;
}
.arabic-phone {unicode-bidi:plaintext;direction: ltr;
    flex-direction: row-reverse;}

.flip-box-inner {
  position: relative;
  width: 100%;
  height: 100%;
  text-align: center;
  transition: transform 0.8s;
  transform-style: preserve-3d;
}

.flip-box:hover .flip-box-inner {
  transform: rotateX(180deg);
}

.flip-box-front,
.flip-box-back {
  position: absolute;
  width: 100%;
  height: 100%;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
.flip-box-back {
  bottom: 80px;
}
.flip-box-front h2 {
  position: absolute;
  left: 0;
  bottom: 0px;
  line-height: 1.1;
  text-align: left;
  color: #3b763c;
}
.flip-box-back .T-name {
  position: absolute;
  left: 0;
  top: -110px;
}
.flip-box-back .T-name h2 {
  margin-bottom: 10px;
  line-height: 1.1;
  text-align: left;
  color: #3b763c;
}
/*.flip-box-front {
  background-color: #bbb;
  color: black;
}*/
.flip-box-inner img {
  width: 82%;
  box-shadow: 5px 5px 21px #ddd;
}
.flip-box-back {
  transform: rotateX(180deg);
}
.flip-box-back a {
  padding: 10px 21px;
  border-radius: 30px;
  background: #3b763c;
  color: #fff;
  float: left;
  font-size: 16px;
  font-weight: 600;
}
.Dr-appointment h1 {
  margin-top: 0;
  font-size: 40px;
}
.Dr-appointment img {
  border-radius: 53px 0 0 53px;
}
.Dr-appointment h1 span {
  color: #3b763c;
}
.prescription-point li {
  margin-bottom: 20px;
  font-size: 21px;
  font-style: italic;
}
.prescription-point li span {
  background: #3b763c;
  width: 27px;
  height: 27px;
  border-radius: 25px;
  color: #fff;
  text-align: center;
  display: inline-block;
  margin-right: 20px;
  font-size: 18px;
  font-style: normal;
}
.prescription-point ul {
  list-style: none;
}
.prescription-point {
  margin-top: 70px;
}
.bookBtn {
  background: #3b763c;
  padding: 15px 25px;
  border-radius: 25px;
  color: #fff;
  font-weight: 600;
  font-size: 16px;
  letter-spacing: 1px;
}
.btnRegular {
  background: #3b763c;
  padding: 12px 25px;
  border-radius: 25px;
  color: #fff;
  font-weight: 600;
  font-size: 15px;
  letter-spacing: 1px;
  text-align: center;
  text-transform: uppercase;
  -webkit-transition: all 300ms ease-in 0s;
  transition: all 300ms ease-in 0s;
  cursor: pointer;
}
.btnRegular:hover {
  color: #fff;
}
.btnRegular:focus {
  background: #3b763c;
}
.Dr-tagline p {
  color: #555;
  font-size: 18px;
}
.appointmentSection {
  margin-bottom: 70px;
  margin-top: 70px;
}
.prescription-point button {
  margin-left: 40px;
}
.videoSection video {
  width: 100%;
}
.videoSection {
  position: relative;
}
.plceORder {
  padding: 15px 25px;
  width: 100%;
  display: block;
}
.playicon {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.playicon a {
  background: #fff;
  color: #000;
  width: 72px;
  height: 72px;
  border-radius: 50%;
  display: block;
  justify-content: center;
  display: flex;
  align-items: center;
  padding-left: 5px;
}
.playicon a i {
  font-size: 27px;
}
.header-cart .product-image {
  width: 72px;
}
.fixed-header {
  position: fixed;
  top: 0;
  left: 0;
  background: #ffffff;
  width: 100%;
  transition: top 2s ease-in-out;
  box-shadow: 0px 1px 10px #dfdfdf;
}
.fixed-header img {
  width: 115px;
}
.otherlink li a {
  color: #ddd;
}
.otherlink li a i {
  margin-left: 10px;
  transition: 1s;transform: rotate(180deg);
}
.otherlink li a:hover i {
  margin-right: 0;
}
.otherlink li {
  margin-bottom: 10px;
}
.offcanvas-header {
  justify-content: right;
}

.top_breadcrumb {
  background-color: #3b763c;
}
.top_breadcrumb ul li {
  display: inline-flex;
}
.breadcrumb a {
  color: #fff;
}
.breadcrumb ul li a:after {
  content: "-";
  padding: 0 10px;
}
.breadcrumb ul li:last-child a:after {
  content: "";
}
.breadcrumb ul {
  margin-bottom: 0;
  padding: 20px 0;
}
.breadcrumb {
  margin-bottom: 0;
}
.login-page-area,
.register-page-area {
  padding: 120px 0;
}
.float-left {
  float: left;
}
.float-right {
  float: right;
}
.buttons.newsletter-input {
  margin-top: 10px;
}
.language li img {
  max-width: 18px;
}
.language li a:hover span {
  color: #fff;
}
.box-quantity a i {
  margin-left: 5px;
}

.size_ ul li {

  display: inline-block;
}
.size_ ul li a {
  border: 1px solid #aaa;
  padding: 12px 20px;
  display: inline-block;
  margin: 2px;
  text-align: center;
  font-weight: 800;
}
.size_ ul li.active a {
  border: 2px solid #3b763c;
  padding: 11px 19px;
}
.AboutHeading h1 {
  font-size: 40px;
  font-weight: 100;
  color: #3b763c;
  font-style: italic;
  text-transform: uppercase;
}

.aboutpage-btm-sec .about-us-box {
  padding: 25px 18px;
  border: 1px solid #ddd;
  position: relative;
}
.about-us-section .about-us-box img {
  position: absolute;
  top: 15px;
  left: 15px;
}
.about-us-section .section-title {
  margin: 0 auto 50px;
}
.aboutpage-btm-sec .section-title {
  max-width: 900px;
}
.aboutpage-btm-sec .about-us-box p {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.contact-form-area {
  padding: 80px 0;
}
.contact-form-inner .form-group label {
  color: #000;
  margin-bottom: 5px;
}
.contact-form-inner .form-group input {
  background-color: #fff;
}
.contact-form-inner .form-group label span {
  color: red;
}
.contact-submit button {
  padding: 16px 25px;
}
.socialFollow {
  display: inline-flex;
  margin-bottom: 33px;
}
.socialFollow span a {
  width: 40px;
  height: 40px;
  background-color: #3b763c;
  color: #fff;
  border-radius: 50%;
  display: block;
  text-align: center;
  line-height: 40px;
  font-size: 18px;
  margin-left: 5px;
}
.your-order-table tfoot td,
.your-order-table tfoot th {
  border: 0;
}
.radioStyle {
  position: relative;
}
.radioStyle label:before {
  content: "";
  -webkit-appearance: none;
  background-color: transparent;
  border: 2px solid #3b763c;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05),
    inset 0px -15px 10px -12px rgba(0, 0, 0, 0.05);
  padding: 12px;
  display: inline-block;
  position: relative;
  vertical-align: middle;
  cursor: pointer;
  margin-left: 5px;
  border-radius: 50%;
  margin-right: 0;
}
.paymentMethod label {
  font-weight: 500;
}
.radioStyle label {
  cursor: pointer;
}
.radioStyle input {
  padding: 0;
  height: initial;
  width: initial;
  margin-bottom: 0;
  display: none;
  cursor: pointer;
}
.radioStyle input:checked + label:after {
  content: "";
  display: block;
  position: absolute;
  z-index: 99999;
  top: 7px;
  right: 7px;
  width: 14px;
  height: 14px;
  border: solid #3b763c;
  border-width: 2px;
  transform: rotate(45deg);
  border-radius: 50%;
  background: #3b763c;
}
.checkboxStyle {
  position: relative;
}
.checkboxStyle li label:before {
  content: "";
  -webkit-appearance: none;
  background-color: transparent;
  border: 2px solid #3b763c;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05),
    inset 0px -15px 10px -12px rgba(0, 0, 0, 0.05);
  padding: 8px;
  display: inline-block;
  position: relative;
  vertical-align: middle;
  cursor: pointer;
  margin-left: 5px;
  margin-bottom: 4px;
  margin-right: 0;
}
.checkboxStyle input:checked + label:after {
  content: "";
  display: block;
  position: absolute;
  z-index: 99999;
  top: 5px;
  right: 5px;
  width: 10px;
  height: 10px;
  border: solid #3b763c;
  border-width: 2px 2px 2px 2px;
  background: #3b763c;
}
.checkboxStyle li label {
  position: relative;
  cursor: pointer;
}

.checkboxStyle li input {
  padding: 0;
  height: initial;
  width: initial;
  margin-bottom: 0;
  display: none;
  cursor: pointer;
}
.paymentMethod {
  margin-bottom: 10px;
}
.service_page {
  padding: 80px 0;
  background: #3b763c26;
}
.ServiceContent {
  margin-top: 35px;
}
.ServiceContent p {
  font-size: 18px;
  line-height: 1.8;
}
.ServiceContent span {
  font-weight: bold;
  color: #3b763c;
  text-transform: uppercase;
}
.ServiceContent h1 {
  font-weight: 100;
  color: #111;
  margin-top: 0;
  font-size: 42px;
  margin-bottom: 24px;
  text-transform: uppercase;
}
.ServiceContainer {
  border: 2px solid #3b763c;
  padding: 30px 20px;
  margin-bottom: 30px;
}
.Service_img img {
  padding: 0 35px 0px;
}

.myaccount_page {
  padding: 80px 0;
}
.myac_box a {
  border: 1px solid #ddd;
  padding: 20px 12px;
  display: block;
  text-align: center;
  margin-bottom: 30px;
}

.myac_box a i {
  margin-left: 10px;
  font-size: 21px;
}

.myac_box a label {
  font-size: 16px;
  font-weight: 600;
}
.myaccountData {
  border-top: 2px solid #333;
}
.btnRegular.save {
  padding: 12px 53px;
}
.box-details {
  background-color: #fff;
  position: relative;
  border: 1px solid #eee;
  box-shadow: 1px 1px 10px #eee;
  margin-bottom: 30px;
}
.Order-details a {
  padding: 8px 15px;
  background: #3b763c;
  border-radius: 6px;
  color: #fff;
}
.Order-details {
  position: absolute;
  left: 5px;
  bottom: 10px;
  transform: translate(5px, -10px);
}
.order-short h3 {
  margin: 0;
  background-color: #3b763c;
  color: #fff;
  padding: 10px;
}
.order-short ul {
  padding: 12px 20px;
}
/* ORDER DETAILS */
.order-title {
  background-color: #f2f2f2;
  height: 48px;
  padding: 0 16px;
  border-radius: 8px;
}
.order-title .title {
  line-height: 48px;
  color: #000;
}

.order-product-item .product-thumb img {
  width: 72px;
  margin-left: 10px;
}
.order-id-content .order-price {
  font-weight: 500;
  font-size: 27px;
  line-height: 30px;
  color: #000;
  position: absolute;
  top: 0;
  left: 0;
}
.order-id-content {
  position: relative;
}
.single-order-details
  .order-details-content
  .single-details-item
  .details-content
  p,
.single-order-details
  .order-details-content
  .single-details-item
  .details-content
  h6 {
  margin: 0;
}
.single-order-details
  .order-details-content
  .single-details-item
  .details-title
  h6 {
  margin: 0;
}
.single-order-details
  .order-details-content
  .single-details-item
  .details-title {
  width: 40%;
  margin-top: 8px;
}
.order-product .payable-total {
  border-top: 1px solid #f2f2f2;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  font-weight: 600;
  justify-content: space-between;
}
.order-product
  .order-product-table
  .order-product-item
  .product-content
  .title
  a {
  font-size: 16px;
  font-weight: 400;
  line-height: 22px;
  color: #000;
  transition: all 0.3s linear;
}
.order-product
  .order-product-table
  .order-product-item
  .product-content
  .title {
  margin: 0;
}
.order-product .order-product-table .product-price {
  text-align: right;
  font-weight: 500;
  font-size: 16px;
  line-height: 22px;
  color: #000;
}
.order-product .order-product-total .sub-total {
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  justify-content: space-between;
}
.single-order-details
  .order-details-content
  .single-details-item
  .details-content {
  width: 60%;
  margin-top: 8px;
}
.order-id-wrapper {
  padding: 50px 0;
}
.shop-filter {
  display: none;
}
.justify-content-left {
  justify-content: left !important;
}
.filterheader {
  justify-content: space-between !important;
  width: 100%;
}
.filterheader button {
  float: right;
}
#quickview-wrapper .modal-close-btn button {
  font-size: 27px;
  opacity: 1;
}
.specialComment {
  display: inline-flex;
}
.Scomment {
  margin-right: 0px;
  margin-left: 24px;
}
.Scomment.radioStyle label:before {
  padding: 9px;
}
.Scomment.radioStyle input:checked + label:after {
  top: 5px;
  right: 4px;
}
.scommnetbox {
  margin-top: 20px;
}
.scommnetbox textarea {
  height: 80px;
}
.product-desc li {direction: rtl !important;}


.scommnetbox textarea:focus {
  box-shadow: none;
  border: 1px solid #3b763c;
}
.testimonials_container {
  margin-bottom: 60px;
}

/* Main css end */

@media (max-width: 1100px) {
  .js-product-miniature .product_desc .product_name {
    font-size: 14px;
    margin-bottom: 14px;
  }
  .prescription-point {
    margin-top: 35px;
  }
  .prescription-point li {
    font-size: 16px;
  }
}

@media (max-width: 991px) {
  .poslistcategories .owl-nav {
    top: -90px;
    position: absolute;
    right: 0;
  }
  .productTabContent1 .owl-nav {
    bottom: 0;
    left: 50%;
    top: unset;
    text-align: center;
    transform: translate(-50%, 0px);
  }
  .shop-filter {
    display: block;
    float: left;
  }
  .shop-filter a {
    color: #000;
    padding: 6px 21px;
    font-size: 18px;
    border: 1px solid #ccc;
    display: block;
  }
  .testimonials_container {
    margin-top: 30px;
  }
  .prescription-point li {
    margin-bottom: 12px;
  }
  .prescription-point {
    margin-top: 0px;
  }
  .ft_newsletter form .btn {
    padding: 0 20px;
    font-size: 16px;
  }
  .ft_newsletter h2 {
    font-size: 18px;
    font-weight: 500;
  }
  .slider-content.slider-content-1 p,
  .slider-content.slider-content-2 p {
    font-size: 20px;
  }
  .slider-content.slider-content-1 p,
  .slider-content.slider-content-2 p {
    font-size: 20px;
  }
  .slider-content.slider-content-1 h1,
  .slider-content.slider-content-2 h1 {
    font-size: 30px;
  }
  .pos_title_categories h2 {
    font-size: 36px;
  }
  .pos_tab .pos_title_cate h2 {
    font-size: 36px;
  }
  .js-product-miniature .product-price-and-shipping .price,
  .js-product-miniature .product-price-and-shipping .regular-price {
    font-size: 16px;
  }
  .AboutHeading h1 {
    font-size: 32px;
  }


 .accordion-item.mobile_lang .accordion-button::after {display: none;}
}

@media (max-width: 767px) {
  .header-cart ul li .img_content {
    margin-right: 10px;
  }
  .shop-filter a {
    color: #000;
    padding: 6px 16px;
    font-size: 16px;
    border: 1px solid #ccc;
    display: block;
}

  .search_top {
    min-width: 280px;
    left: -110px !important;
  }
	    .footer-contact {
        display: inline-block;
    }
	
	#footer .footer-container .footer-contact .add {margin-bottom:10px;}
	.social_follow ul {    justify-content: start;}
	
	

  .offcanvas-start {width: 90% !important;}
  .ServiceContent h1 {
    font-size: 30px;
  }
  .checkboxStyle label a {
    display: block;
  }
  .ServiceContainer {
    padding: 30px 10px;
    margin: 15px 0;
  }
  .service_page {
    padding: 53px 0;
  }
  .ServiceContent {
    margin-top: 20px;
  }
  .myaccountData {
    margin-top: 20px;
  }
  .Order-details {
    position: unset;
    padding: 20px;
  }
  .myac_box a {
    margin-bottom: 10px;
  }
  .login-page-area,
  .register-page-area {
    padding: 20px 0 50px 0;
  }
  .header-logo img {
    width: 80px;
  }
  .policy-area-inner {
    display: none;
  }
  .product-tabs-container-slider .container-fluid {
    padding-left: 10px;
    padding-right: 10px;
  }
  .pos_title_categories {
    margin-bottom: 53px;
  }
  .poslistcategories .owl-nav {
    top: -20px;
    position: absolute;
    left: 50%;
    text-align: center;
    transform: translate(-50%, -20px);
  }
  .Dr-appointment img {
    margin-top: 30px;
  }
  .item-product {
    padding: 0;
  }
  .js-product-miniature .product-price-and-shipping .price,
  .js-product-miniature .product-price-and-shipping .regular-price {
    font-size: 14px;
  }

  .nivo-directionNav .nivo-prevNav,
  .nivo-directionNav .nivo-nextNav {
    font-size: 21px;
    background: #666;
    width: 35px;
    height: 35px;
    line-height: 34px;
    text-align: center;
    border-radius: 0%;
    margin: 0 10px;
  }
  .playicon a {
    width: 53px;
    height: 53px;
  }

  .playicon a i {
    font-size: 21px;
  }

  /*
  .testimonials_container {
    background: url(../images/video-bg.jpg) no-repeat left center fixed;
    margin-bottom: 60px;
  }
  */

  .AboutHeading h1 {
    font-size: 27px;
  }
  .aboutpage-btm-sec .about-us-box {
    margin-bottom: 15px;
  }
  .contact-address-area h2,
  .contact-form-inner h2 {
    margin-top: 0;
  }
  .socialFollow {
    margin-bottom: 0;
  }
}

@media (max-width: 355px) {
  .slider-content {
    margin-top: 12px !important;
  }
}



/*Riyas-CSS-Changes*/
.price-values .button
{
  margin-top: -32px;
}

.poslistcategories .list-categories .thumb-category img 
{
  border: none; 
}

.active
{
  color: #386f11 !important;
}

.success_message
{
  background-color: #3b763c;
  margin-bottom: 26px;
  padding: 10px;
  border-radius: 2px;
  font-weight: 600;
  color: #fff;
  letter-spacing: 0.2px;
}

.each_error_front
{
  color: #ff0000;
  font-size: 14px;
}

.failed_message
{
  background-color: #ff00006b;
  margin-bottom: 26px;
  padding: 10px;
  border-radius: 2px;
  color: #fff;
  font-weight: 600;
  letter-spacing: 0.2px;
  margin-left: 1%;
  margin-right: 1%;
}

#firstLoadModal {
  overflow: visible;
}

#firstLoadModal .custom-modal {
  max-width: 400px;
  width: 96%;
  position: relative;
}

#firstLoadModal .modal-body {
  padding: 0;
}

#firstLoadModal .modal-body img {
  width: 100%;
  height: auto;
  object-fit: cover;
}

#firstLoadModal .modal-content {
  border-radius: 10px;
  overflow: hidden;
}

#firstLoadModal .modal-right {
  padding: 30px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  text-align: center;
}

#firstLoadModal .modal-right h4 {
  font-size: 27px;
  font-weight: bold;
  margin-bottom: 10px;
}

#firstLoadModal .modal-right p {
  font-size: 16px;
  margin-bottom: 20px;
}

#firstLoadModal .modal-right button {
  background-color: #28a745;
  color: white;
  font-size: 16px;
  padding: 10px 20px;
  border: none;
  border-radius: 5px;
  cursor: pointer;
}

/* Subheading Styling */
#firstLoadModal .modal-content h4 {
  font-size: 1.5rem;
  color: #264653;
  margin-bottom: 1rem;
  margin-top: 0.5rem;
  text-align: center;
}

/* Paragraph Text Styling */
#firstLoadModal .modal-content p {
  font-size: 1rem;
  color: #6b705c;
  line-height: 1.6;
  margin-bottom: 0.5rem;
  text-align: center;
}

/* Offer Highlight Styling */
#firstLoadModal .modal-content p span {
  color: #8bc73c;
  font-weight: bold;
  font-size: 1.2rem;
}

/* Coupon Code Box */
#firstLoadModal .coupon-code {
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #11182b44;
  border: 2px dashed #11182b;
  border-radius: 10px;
  padding: 1rem;
  font-size: 1.5rem;
  font-weight: bold;
  color: #11182b;
  margin-bottom: 0.5rem;
  cursor: pointer;
  user-select: none;
}

/* Call-to-Action Button */
#firstLoadModal .modal-content .btn-primary {
  background-color: #11182b;
  border-color: #11182b;
  font-size: 1rem;
  padding: 0.8rem 2rem;
  border-radius: 50px;
  font-weight: bold;
  transition: all 0.3s ease;
}

#firstLoadModal .modal-content .btn-primary:hover {
  background-color: #21867a;
  border-color: #21867a;
  transform: scale(1.05);
}

#firstLoadModal .modal-header {
  padding: 0;
}

#firstLoadModal .btn-close {
  background-color: #ffffff;
  border-color: #21867a;
  position: absolute;
  top: 8px;
  right: 8px;
  z-index: 9;
}

.whatsapp-icon {
  position: fixed;
  bottom: 30px;
  left: 25px;
  background-color: #14b24e;
  width: 70px;
  height: 70px;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
  z-index: 1000;
}

.whatsapp-icon a {
  text-decoration: none;
}

.whatsapp-icon a i {
  color: white;
  font-size: 32px;
  text-decoration: none;
}

.whatsapp-icon:hover {
  box-shadow: 0 6px 8px rgba(0, 0, 0, 0.2);
  transform: scale(1.1);
  transition: all 0.3s ease;
}

.CartICon {
  position: relative;
}

.CartICon .badge {
  border-radius: 30px;
  height: 18px;
  width: 18px;
  line-height: 18px;
  background: #fff;
  color: #8fc63e;
  font-size: 12px;
  text-align: center;
  position: absolute;
  border: 1px solid #8fc63e;
  right: 20px;
  top: 20px;
  padding: 0;
}

.CartICon a {
  width: 80px;
  height: 80px;
  border-radius: 100%;
  font-size: 26px;
  background: #8fc63e;
  color: #fff;
  text-align: center;
  bottom: 20px;
  position: fixed;
  right: 20px;
  bottom: 60px;
  line-height: 80px;
}