/*========================================

            ALL COMMON PART STYLE

=========================================*/

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

:root {

  --h1size: 50px;

  --h2size: 36px;

  --h3size: 24px;

  --h4size: 20px;

  --h5size: 18px;

  --h6size: 16px;

  --bodysize: 16px;

  --h1height: 58px;

  --h2height: 44px;

  --h3height: 32px;

  --h4height: 28px;

  --h5height: 26px;

  --h6height: 26px;

  --bodyheight: 26px;

  --pfamily: 'Rubik', sans-serif;

  --red: #ff3838;

  --gray: #777777;

  --text: #555555;

  --blue: #1494a9;

  --white: #ffffff;

  --chalk: #f5f5f5;

  --green: #11b76b;

  --purple: #b12fad;

  --orange: #e86121;

  --yellow: #ffab10;

  --body: #f5f6f7;

  --border: #e8e8e8;

  --heading: #39404a;

  --primary: #119744;

  --sub-heading: #565765;

  --green-chalk: #ddffd5;

  --green-dark: #072f17;

  --gray-chalk: #cccccc;

  --intro-bg: #f8fffa;

  --facebook: #3b5998;

  --linkedin: #0e76a8;

  --twitter: #00acee;

  --google: #E60023;

  --instagram: #F77737;

  --primary-bshadow: 0px 15px 35px 0px rgba(0, 0, 0, 0.1);

  --primary-tshadow: 2px 3px 8px rgba(0, 0, 0, 0.1);

}



* {

  margin: 0px;

  padding: 0px;

  outline: 0px;

}



img {

  vertical-align: middle;

}



a {

  text-decoration: none;

  display: inline-block;

}



a:hover {

  text-decoration: none;

}



ul,

ol {

  padding: 0px;

  list-style: none;

}



h1,

h2,

h3,

h4,

h5,

h6,

p,

ol,

ul,

li,

span,

label {

  margin-bottom: 0px;

}



html,

body {

  scroll-behavior: smooth;

}



body {

  color: var(--text);
  background: #fff;

  font-size: var(--bodysize);

  font-family: var(--pfamily);

  line-height: var(--bodyheight);

  overflow-x: hidden;

}



h1,

h2,

h3,

h4,

h5,

h6 {

  font-weight:300;

  color: var(--heading);

}



h1 {

  font-size: var(--h1size);

  line-height: var(--h1height);

}



h2 {

  font-size: var(--h2size);

  line-height: var(--h2height);

  letter-spacing: -0.3px;

  text-transform: capitalize;

}



h3 {

  font-size: var(--h3size);

  line-height: var(--h3height);

}



h4 {

  font-size: var(--h4size);

  line-height: var(--h4height);

}



h5 {

  font-size: var(--h5size);

  line-height: var(--h5height);

}



h6 {

  font-size: var(--h6size);

  line-height: var(--h6height);

}



input::-webkit-input-placeholder,

textarea::-webkit-input-placeholder {

  font-size: 14px;

  color: var(--gray);

  text-transform: capitalize;

}



input:-ms-input-placeholder,

textarea:-ms-input-placeholder {

  font-size: 14px;

  color: var(--gray);

  text-transform: capitalize;

}



input::-ms-input-placeholder,

textarea::-ms-input-placeholder {

  font-size: 14px;

  color: var(--gray);

  text-transform: capitalize;

}



input::placeholder,

textarea::placeholder {

  font-size: 14px;

  color: var(--gray);

  text-transform: capitalize;

}



input,

button {

  border: none;

  outline: none;

  background: none;

}



button:focus {

  outline: none;

}



@media (max-width: 575px) {

  .col {

    padding: 0px 4px;

  }

}



@media (max-width: 991px) {

  .content-reverse {

    -webkit-box-orient: vertical;

    -webkit-box-direction: reverse;

        -ms-flex-direction: column-reverse;

            flex-direction: column-reverse;

  }

}



/*========================================

        ALL COMPONENTS PART STYLE

=========================================*/
.container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl{
    max-width: 1170px;
}
.section {

  margin-bottom: 85px;

}



.inner-section {

  margin-bottom: 40px;

}



.section-heading {

  text-align: left;

  margin-bottom: 30px;

}



.section-btn-50 {

  text-align: center;

  margin-top: 50px;

}



.section-btn-25 {

  text-align: center;

  margin-top: 25px;

}



@media (max-width: 767px) {

  .section {

    margin-bottom: 35px;

  }

  .inner-section {

    margin-bottom: 40px;

  }

  .section-heading {

    margin-bottom: 30px;

  }

  .section-heading h2 {

    font-size: 24px;

    line-height: 36px;
    font-weight: 300;

  }

}



@media (min-width: 768px) and (max-width: 1199px) {

  .section {

    margin-bottom: 75px;

  }

  .inner-section {

    margin-bottom: 80px;

  }

}



.alert {

  border: none;

  margin: 0px;

  padding: 0px 15px;

  border-radius: 0px;

}



.alert-info {

  text-align: center;

  margin-bottom: 30px;

  padding: 20px 20px;

  border-radius: 3px;

  background: var(--white);

  border-top: 3px solid var(--primary);

  -webkit-box-shadow: 0 2px 48px 0 rgba(0, 0, 0, 0.08);

          box-shadow: 0 2px 48px 0 rgba(0, 0, 0, 0.08);

}



.alert-info p {

  font-weight: 500;

  color: var(--primary);

  text-shadow: var(--primary-shadow);
  text-align: left;
  display: flex;
  align-items: center;
}



.alert-info p a {

  margin-left:auto;
  color: #111;
  text-decoration: underline;

}



.breadcrumb {

  -webkit-box-align: center;

      -ms-flex-align: center;

          align-items: center;

  -webkit-box-pack: center;

      -ms-flex-pack: center;

          justify-content: center;

  background: none;

  margin: 0px;

}



.breadcrumb .active {

  color: var(--gray-chalk);

}



.breadcrumb-item {

  font-size: 14px;

  padding: 0px !important;

  text-transform: capitalize;

}



.breadcrumb-item a {

  color: var(--chalk);

}



.breadcrumb-item a:hover {

  color: var(--primary);

  text-decoration: underline;

}



.breadcrumb-item + .breadcrumb-item::before {

  color: var(--white);

  padding: 0px 8px;

}



.backdrop {

  position: fixed;

  top: 0px;

  left: 0px;

  z-index: 4;

  width: 1000%;

  height: 100%;

  background: rgba(0, 0, 0, 0.5);

  display: none;

}



.backtop {

  position: fixed;

  right: 20px;

  bottom: 20px;

  z-index: 2;

  width: 48px;

  height: 48px;

  font-size: 15px;

  color: var(--white);

  line-height: 48px;

  text-align: center;

  display: none;

  border-radius: 50%;

  background: var(--primary);

  -webkit-box-shadow: 0px 0px 15px 3px rgba(71, 254, 126, 0.5);

          box-shadow: 0px 0px 15px 3px rgba(71, 254, 126, 0.5);

  -webkit-animation: mahmud 2s infinite;

          animation: mahmud 2s infinite;

  transition: all linear .3s;

  -webkit-transition: all linear .3s;

  -moz-transition: all linear .3s;

  -ms-transition: all linear .3s;

  -o-transition: all linear .3s;

}



.backtop:hover {

  color: var(--white);

}



@-webkit-keyframes mahmud {

  0% {

    margin-bottom: 0px;

  }

  50% {

    margin-bottom: 15px;

  }

}



@keyframes mahmud {

  0% {

    margin-bottom: 0px;

  }

  50% {

    margin-bottom: 15px;

  }

}



@media (max-width: 575px) {

  .backtop {

    width: 42px;

    height: 42px;

    line-height: 42px;

    font-size: 14px;

  }

}



@media (max-width: 991px) {

  .backtop {

    bottom: 55px;

  }

}



.btn {

  border: none;

  font-size: 15px;

  font-weight: 500;

  text-transform: uppercase;

  padding: 14px 32px;

  border-radius: 6px;

  border: 2px solid var(--primary);

}



.btn:focus {

  -webkit-box-shadow: none !important;

          box-shadow: none !important;

}



.btn i {

  margin-right: 5px;

}



.btn-inline {

  color: var(--white);

  background: var(--primary);

}



.btn-inline:hover {

  color: var(--primary);

  background: var(--white);

}



.btn-outline {

  color: var(--primary);

  background: var(--white);

}



.btn-outline:hover {

  color: var(--white);

  background: var(--primary);

}



.menu-badge {

  font-size: 10px;

  padding: 0px 5px;

  margin-left: 5px;

  line-height: 18px;

  border-radius: 3px;

  letter-spacing: 0.3px;

  display: inline-block;

  text-transform: uppercase;

  color: var(--white);

  background: var(--red);

  text-shadow: var(--primary-tshadow);

}



.dropdown-arrow {

  position: relative;

  padding-right: 18px !important;

}



.dropdown-arrow:hover::before {

  color: var(--primary);

}



.dropdown-arrow::before {

  position: absolute;

  content: "\ea99";

  top: 50%;

  right: 0px;

  font-size: 15px;

  line-height: 15px;

  color: var(--text);

  font-family: IcoFont;

  -webkit-transform: translateY(-50%);

          transform: translateY(-50%);

  transition: all linear .3s;

  -webkit-transition: all linear .3s;

  -moz-transition: all linear .3s;

  -ms-transition: all linear .3s;

  -o-transition: all linear .3s;

}



.dropdown-link {

  position: relative;

  transition: all linear .3s;

  -webkit-transition: all linear .3s;

  -moz-transition: all linear .3s;

  -ms-transition: all linear .3s;

  -o-transition: all linear .3s;

}



.dropdown-link:hover {

  color: var(--primary);

  background: var(--chalk);

}



.dropdown-link:hover::before {

  color: var(--primary);

}



.dropdown-link::before {

  position: absolute;

  top: 50%;

  right: 18px;

  content: "\f054";

  font-size: 10px;

  font-weight: 900;

  font-family: "Font Awesome 5 Free";

  -webkit-transform: translateY(-50%);

          transform: translateY(-50%);

  transition: all linear .3s;

  -webkit-transition: all linear .3s;

  -moz-transition: all linear .3s;

  -ms-transition: all linear .3s;

  -o-transition: all linear .3s;

}



.dropdown-link.active {

  color: var(--primary);

}



.dropdown-link.active::before {

  color: var(--primary);

  -webkit-transform: translateY(-50%) rotate(90deg);

          transform: translateY(-50%) rotate(90deg);

}



.dropdown-list {

  display: none;

  padding: 0px 20px;
  font-size: 14px;

  transition: all linear .3s;

  -webkit-transition: all linear .3s;

  -moz-transition: all linear .3s;

  -ms-transition: all linear .3s;

  -o-transition: all linear .3s;

}



.dropdown-list li a {

  width: 100%;

  font-size: 15px;

  line-height: 18px;

  border-radius: 8px;

  padding: 10px 15px 10px 35px;

  color: var(--text);

  background: var(--white);

  position: relative;

  white-space: nowrap;

  text-transform: capitalize;

  transition: all linear .3s;

  -webkit-transition: all linear .3s;

  -moz-transition: all linear .3s;

  -ms-transition: all linear .3s;

  -o-transition: all linear .3s;

}



.dropdown-list li a:hover {

  color: var(--primary);

  background: var(--chalk);

}



.dropdown-list li a::before {

  position: absolute;

  top: 50%;

  left: 15px;

  content: "\f068";

  font-size: 10px;

  font-weight: 900;

  font-family: "Font Awesome 5 Free";

  -webkit-transform: translateY(-50%);

          transform: translateY(-50%);

}



.dropdown:hover .dropdown-position-list {

  visibility: visible;

  opacity: 1;

  top: 50px;

}



.dropdown-position-list {

  position: absolute;

  top: 100px;

  left: 0px;

  z-index: 2;

  width: auto;

  height: auto;

  visibility: hidden;

  opacity: 0;

  padding: 14px;

  border-radius: 8px;

  background: var(--white);

  border: 1px solid var(--border);

  -webkit-box-shadow: 0px 15px 35px 0px rgba(0, 0, 0, 0.1);

          box-shadow: 0px 15px 35px 0px rgba(0, 0, 0, 0.1);

  transition: all linear .3s;

  -webkit-transition: all linear .3s;

  -moz-transition: all linear .3s;

  -ms-transition: all linear .3s;

  -o-transition: all linear .3s;

}



.dropdown-position-list::before {

  position: absolute;

  content: "";

  z-index: -1;

  top: -7px;

  left: 12px;

  width: 12px;

  height: 12px;

  border-radius: 3px;

  -webkit-transform: rotate(45deg);

          transform: rotate(45deg);

  background: var(--white);

  border-top: 1px solid var(--border);

  border-left: 1px solid var(--border);

}



.dropdown-position-list li a {

  width: 100%;

  font-size: 16px;

  line-height: 24px;

  border-radius: 8px;

  padding: 8px 15px;

  color: var(--text);

  background: var(--white);

  white-space: nowrap;

  text-transform: capitalize;

  transition: all linear .3s;

  -webkit-transition: all linear .3s;

  -moz-transition: all linear .3s;

  -ms-transition: all linear .3s;

  -o-transition: all linear .3s;

}



.dropdown-position-list li a:hover {

  color: var(--primary);

  background: var(--chalk);

}



.dropdown-megamenu {

  position: static;

}



.dropdown-megamenu:hover .megamenu {

  visibility: visible;

  opacity: 1;

  top: 210px;

}



.megamenu {

  position: absolute;

  top: 230px;

  left: 50%;

  z-index: 2;

  width: 1180px;

  border-radius: 8px;

  padding: 30px;

  background: var(--white);

  border: 1px solid var(--border);

  -webkit-box-shadow: 0px 15px 35px 0px rgba(0, 0, 0, 0.1);

          box-shadow: 0px 15px 35px 0px rgba(0, 0, 0, 0.1);

  -webkit-transform: translateX(-50%);

          transform: translateX(-50%);

  visibility: hidden;

  opacity: 0;

  transition: all linear .3s;

  -webkit-transition: all linear .3s;

  -moz-transition: all linear .3s;

  -ms-transition: all linear .3s;

  -o-transition: all linear .3s;

}



.megamenu-scroll {

  height: 380px;

  overflow-y: scroll;

}



.megamenu-wrap {

  margin-bottom: 30px;

}



.megamenu-title {

  padding-bottom: 18px;

  margin-bottom: 20px;

  position: relative;

  text-transform: capitalize;

  border-bottom: 1px solid var(--border);

}



.megamenu-title::before {

  position: absolute;

  content: "";

  bottom: -2px;

  left: 0px;

  width: 50px;

  height: 2px;

  background: var(--primary);

}



.megamenu-list {

  border-left: 0px solid var(--border);

}



.megamenu-list li a {

  width: 100%;

  border-radius: 5px;

  padding: 5px 0px 5px 10px;

  color: var(--text);

  white-space: nowrap;

  text-transform: capitalize;

  transition: all linear .3s;

  -webkit-transition: all linear .3s;

  -moz-transition: all linear .3s;

  -ms-transition: all linear .3s;

  -o-transition: all linear .3s;

}



.megamenu-list li a:hover {

  color: var(--primary);

  background: var(--chalk);

}



.megamenu-promo a img {

  width: 100%;

  border-radius: 3px;

}



@media (max-width: 1199px) {

  .megamenu {

    width: 100%;

  }

}



.form-title {

  text-align: center;

  margin-bottom: 20px;

}



.form-title h3 {

  text-transform: capitalize;

}



.form-group {

  margin-bottom: 25px;

}



.form-group small {

  color: var(--gray);

  letter-spacing: 0.3px;

  padding: 0px 0px 0px 20px;

}



.form-group textarea {

  height: 150px;

  padding: 12px 20px;

}



.form-label {

  font-weight: 500;

  margin: 0px 0px 7px 3px;

  white-space: nowrap;

  text-transform: capitalize;

}



.form-control {

  width: 100%;

  height: 45px;

  border-radius: 6px;

  padding: 0px 20px 2px;

  color: var(--text);

  background: var(--chalk);

  border: 1px solid var(--border);

}



.form-control:focus-within {

  background: var(--chalk);

  border-color: var(--primary);

  -webkit-box-shadow: none;

          box-shadow: none;

  outline: 0;

}



.form-control[type=file]::-webkit-file-upload-button,

.form-control[type=file]::file-selector-button {

  border: none;

  background: none;

  height: 45px;

  line-height: 45px;

  padding: 5px 15px 0px;

  color: var(--gray);

}



.form-control[type=file]::-webkit-file-upload-button:hover,

.form-control[type=file]::file-selector-button:hover {

  background-color: transparent;

}



.form-control[type=file]::-webkit-file-upload-button:focus,

.form-control[type=file]::file-selector-button:focus {

  border: none;

  outline: none;

}



.form-select {

  height: 45px;

  font-size: 15px;

  padding: 0px 16px;

  letter-spacing: 0.3px;

  background-size: 12px 10px;

  text-transform: capitalize;

  color: var(--text);

  cursor: pointer;

}



.form-select:focus-within {

  -webkit-box-shadow: none;

          box-shadow: none;

  border-color: var(--primary);

}



.form-check-input:focus {

  border-color: var(--primary);

  -webkit-box-shadow: none;

          box-shadow: none;

}



.form-check-input:checked {

  background-color: var(--primary);

  border-color: var(--primary);

}



.form-btn {

  width: 100%;

  height: 45px;

  font-size: 14px;

  font-weight: 400;

  line-height: 45px;

  border-radius: 6px;

  letter-spacing: 0.5px;

  text-align: center;

  text-transform: uppercase;

  color: var(--white);

  background: var(--primary);

}



.form-input-group {

  position: relative;

}



.form-input-group:focus-within i {

  color: var(--primary);

}



.form-input-group input {

  padding: 0px 20px 2px 45px;

}



.form-input-group textarea {

  padding: 12px 20px 12px 45px;

}



.form-input-group i {

  position: absolute;

  top: 0px;

  left: 0px;

  width: 45px;

  height: 45px;

  font-size: 18px;

  line-height: 45px;

  border-radius: 50%;

  text-align: center;

}



.form-btn-group {

  width: 100%;

  height: 45px;

  font-size: 14px;

  font-weight: 500;

  line-height: 45px;

  border-radius: 6px;

  letter-spacing: 0.5px;

  text-align: center;

  text-transform: uppercase;

  color: var(--white);

  background: var(--primary);

}



.form-btn-group i {

  font-size: 15px;

  margin-right: 5px;

  display: inline-block;

}



.nav-tabs {

  border: none;

  padding: 25px 25px;

  border-radius: 8px;

  margin-bottom: 25px;

  -webkit-box-align: center;

      -ms-flex-align: center;

          align-items: center;

  -webkit-box-pack: center;

      -ms-flex-pack: center;

          justify-content: center;

  background: var(--white);

}



.nav-tabs li {

  padding: 0px 30px;

  border-right: 1px solid var(--border);

}



.nav-tabs li:last-child {

  border: none;

}



.tab-link {

  font-size: 15px;

  font-weight: 500;

  text-transform: uppercase;

  color: var(--heading);

  transition: all linear .3s;

  -webkit-transition: all linear .3s;

  -moz-transition: all linear .3s;

  -ms-transition: all linear .3s;

  -o-transition: all linear .3s;

}



.tab-link:hover {

  color: var(--primary);

}



.tab-link i {

  font-size: 18px;

  margin-right: 3px;

}



.tab-link.active {

  color: var(--primary);

}



.tab-pane {

  display: none;

  padding: 0px;

}



.tab-pane.active {

  display: block;

}



@media (max-width: 575px) {

  .nav-tabs {

    -ms-flex-wrap: nowrap;

        flex-wrap: nowrap;

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

        -ms-flex-direction: column;

            flex-direction: column;

  }

  .nav-tabs li {

    padding: 5px;

    border: none;

  }

}



@media (min-width: 576px) and (max-width: 767px) {

  .nav-tabs {

    padding: 25px 10px;

  }

  .nav-tabs li {

    padding: 0px 20px;

  }

}



.pagination {

  -webkit-box-align: center;

      -ms-flex-align: center;

          align-items: center;

  -webkit-box-pack: center;

      -ms-flex-pack: center;

          justify-content: center;

}



.page-item {

  margin-left: 10px;

}



.page-item:first-child .page-link, .page-item:last-child .page-link {

  border-radius: 50%;

}



.page-item .active {

  color: var(--white);

  background: var(--primary);

}



.page-link {

  width: 40px;

  height: 40px;

  line-height: 40px;

  text-align: center;

  border-radius: 50%;

  font-weight: 400;

  border: none;

  padding: 0px;

  color: var(--text);

  background: var(--white);

}



.page-link:hover {

  color: var(--white);

  background: var(--primary);

}



.page-link:focus {

  -webkit-box-shadow: none;

          box-shadow: none;

}



@media (max-width: 991px) {

  .page-link {

    width: 35px;

    height: 35px;

    line-height: 35px;

  }

}



@media (max-width: 767px) {

  .page-item {

    margin: 0px 3px;

  }

}



.star-rating {

  direction: rtl;

  text-align: center;

  margin: 25px 0px;

}



.star-rating input {

  display: none;

}



.star-rating input:checked ~ label::after {

  opacity: 1;

}



.star-rating label {

  display: inline-block;

  position: relative;

  cursor: pointer;

  margin: 0px 8px;

}



.star-rating label:hover::after {

  opacity: 1;

}



.star-rating label:hover:hover ~ label::after {

  opacity: 1;

}



.star-rating label::before {

  content: "\ec7c";

  font-family: 'Icofont';

  font-weight: 900;

  font-size: 35px;

  display: block;

  color: #bbbbbb;

}



.star-rating label::after {

  content: "\ec7c";

  font-family: 'Icofont';

  font-weight: 900;

  font-size: 35px;

  position: absolute;

  display: block;

  top: 0px;

  left: 0px;

  color: var(--yellow);

  opacity: 0;

}



.slider-arrow:hover .dandik,

.slider-arrow:hover .bamdik {

  visibility: visible;

  opacity: 1;

}



.dandik,

.bamdik {

  position: absolute;

  top: 50%;

  -webkit-transform: translateY(-50%);

          transform: translateY(-50%);

  font-size: 20px;

  width: 45px;

  height: 45px;

  line-height: 45px;

  text-align: center;

  border-radius: 50%;

  color: var(--primary);

  background: var(--white);

  text-shadow: var(--primary-tshadow);

  -webkit-box-shadow: var(--primary-bshadow);

          box-shadow: var(--primary-bshadow);

  visibility: hidden;

  opacity: 0;

  cursor: pointer;

  z-index: 1;

  transition: all linear .3s;

  -webkit-transition: all linear .3s;

  -moz-transition: all linear .3s;

  -ms-transition: all linear .3s;

  -o-transition: all linear .3s;

}



.dandik:hover,

.bamdik:hover {

  color: var(--white);

  background: var(--primary);

}



.dandik {

  right: -10px;

}



.bamdik {

  left: -10px;

}



.slider-dots ul {

  position: absolute;

  bottom: 20px;

  left: 50%;

  -webkit-transform: translateX(-50%);

          transform: translateX(-50%);

}



.slider-dots ul li {

  width: 9px;

  height: 9px;

  margin: 0px 5px;

  border-radius: 30px;

  cursor: pointer;

  display: inline-block;

  background: var(--primary);

  -webkit-box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.15);

          box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.15);

  transition: all linear .3s;

  -webkit-transition: all linear .3s;

  -moz-transition: all linear .3s;

  -ms-transition: all linear .3s;

  -o-transition: all linear .3s;

}



.slider-dots ul li button {

  display: none;

}



.slider-dots ul li.slick-active {

  width: 25px;

  background: var(--primary);

  transition: all linear .3s;

  -webkit-transition: all linear .3s;

  -moz-transition: all linear .3s;

  -ms-transition: all linear .3s;

  -o-transition: all linear .3s;

}



@media (max-width: 575px) {

  .slider-dots ul {

    bottom: 10px;

  }

  .slider-dots ul li {

    margin: 0px 6px;

  }

}



@media (min-width: 576px) and (max-width: 767px) {

  .slider-dots ul {

    bottom: 20px;

  }

  .slider-dots ul li {

    margin: 0px 6px;

  }

}



.product-add {

  width: 100%;

  font-size: 15px;

  padding: 6px 0px;

  border-radius: 6px;

  text-align: center;

  text-transform: capitalize;

  color: var(--heading);

  background: var(--border);

  text-shadow: var(-primary-tshadow);

  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;

  transition: all linear .3s;

  -webkit-transition: all linear .3s;

  -moz-transition: all linear .3s;

  -ms-transition: all linear .3s;

  -o-transition: all linear .3s;

}



.product-add i {

  font-size: 14px;

  margin-right: 5px;

}



.product-action {

  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;

  display: none;

}



.product-action button i {

  width: 35px;

  height: 35px;

  font-size: 14px;

  line-height: 35px;

  border-radius: 6px;

  text-align: center;

  display: inline-block;

  color: var(--text);

  background: var(--chalk);

  text-shadow: var(--primary-tshadow);

  transition: all linear .3s;

  -webkit-transition: all linear .3s;

  -moz-transition: all linear .3s;

  -ms-transition: all linear .3s;

  -o-transition: all linear .3s;

}



.product-action button i:hover {

  color: var(--white);

  background: var(--primary);

}



.product-action input {

  width: 100%;

  font-size: 15px;

  margin: 0px 5px;

  padding: 6px 0px;

  border-radius: 6px;

  text-align: center;

  color: var(--white);

  background: var(--primary);

  text-shadow: var(--primary-tshadow);

}



.table-list {

  width: 100%;

}



thead tr {

  background: var(--primary);

}



thead tr th {

  font-size: 17px;

  font-weight: 500;

  white-space: nowrap;

  text-align: center;

  text-transform: capitalize;

  padding: 12px 20px;

  color: var(--white);

  border-right: 1px solid var(--border);

}



thead tr th:first-child {

  border-radius: 6px 0px 0px 6px;

}



thead tr th:last-child {

  border-right: none;

  border-radius: 0px 6px 6px 0px;

}



tbody tr {

  border-bottom: 1px solid var(--border);

}



tbody tr td {

  padding: 12px 20px;

  text-align: center;

  border-right: 1px solid var(--border);

}



tbody tr td:last-child {

  border-right: none;

}



.table-name {

  white-space: nowrap;

  text-transform: capitalize;

}



.table-image img {

  width: auto;

  height: 100px;

}



.table-price h6 {

  white-space: nowrap;

}



.table-price h6 small {

  font-size: 13px;

  margin-left: 3px;

  color: var(--gray);

  font-family: sans-serif;

}



.table-desc p {

  width: 150px;

  font-size: 15px;

  text-align: left;

}



.table-desc p a {

  text-transform: capitalize;

}



.table-desc p a:hover {

  text-decoration: underline;

}



.table-vendor a {

  font-weight: 500;

  color: var(--heading);

  text-transform: capitalize;

  transition: all linear .3s;

  -webkit-transition: all linear .3s;

  -moz-transition: all linear .3s;

  -ms-transition: all linear .3s;

  -o-transition: all linear .3s;

}



.table-vendor a:hover {

  color: var(--primary);

}



.table-status h6 {

  text-transform: capitalize;

}



.table-status .stock-in {

  color: var(--purple);

}



.table-status .stock-out {

  color: var(--orange);

}



.table-shop {

  width: 180px;

}



.table-shop .product-add {

  color: var(--white);

  background: var(--primary);

}



.table-shop .action-plus i,

.table-shop .action-minus i {

  background: var(--white);

}



.table-action a i {

  width: 35px;

  height: 35px;

  font-size: 16px;

  line-height: 35px;

  text-align: center;

  display: inline-block;

  border-radius: 5px;

  margin: 3px;

  transition: all linear .3s;

  -webkit-transition: all linear .3s;

  -moz-transition: all linear .3s;

  -ms-transition: all linear .3s;

  -o-transition: all linear .3s;

}



.table-action .view i {

  color: var(--green);

  background: var(--white);

}



.table-action .view i:hover {

  color: var(--white);

  background: var(--green);

}



.table-action .wish i {

  color: var(--green);

  background: var(--white);

}



.table-action .wish.active i {

  color: var(--white);

  background: var(--green);

}



.table-action .trash i {

  color: var(--red);

  background: var(--white);

}



.table-action .trash i:hover {

  color: var(--white);

  background: var(--red);

}



@media (max-width: 1199px) {

  .table-scroll {

    overflow-x: scroll;

  }

}



.modal-dialog {

  max-width: -webkit-max-content;

  max-width: -moz-max-content;

  max-width: max-content;

}



.modal-content {

  border: none;

  background: none;

  border-radius: 0px;

}



.modal-close {

  position: absolute;

  top: -15px;

  right: -15px;

  z-index: 1;

  width: 35px;

  height: 35px;

  font-size: 18px;

  line-height: 35px;

  border-radius: 50%;

  text-align: center;

  display: inline-block;

  background: var(--white);

  -webkit-box-shadow: 0px 5px 12px 0px rgba(0, 0, 0, 0.2);

          box-shadow: 0px 5px 12px 0px rgba(0, 0, 0, 0.2);

  transition: all linear .3s;

  -webkit-transition: all linear .3s;

  -moz-transition: all linear .3s;

  -ms-transition: all linear .3s;

  -o-transition: all linear .3s;

}



.modal-close:hover {

  color: var(--white);

  background: var(--primary);

}



.modal-form {

  width: 400px;

  padding: 30px;

  border-radius: 8px;

  background: var(--white);

}



@media (max-width: 400px) {

  .modal-form,

  .modal-dialog {

    width: 100%;

    max-width: inherit;

  }

}



@media (max-width: 1100px) {

  .modal-dialog {

    margin: 80px auto 50px;

  }

  .modal-close {

    right: 50%;

    top: -45px;

    -webkit-transform: translateX(50%);

            transform: translateX(50%);

  }

}



.order-track {

  margin-bottom: 25px;

}



.order-track-list {

  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;

  padding: 25px 25px;

  border-radius: 8px;

  background: var(--chalk);

}



.order-track-item {

  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;

  -webkit-box-orient: vertical;

  -webkit-box-direction: normal;

      -ms-flex-direction: column;

          flex-direction: column;

  position: relative;

  text-align: center;

  width: 100%;

  z-index: 1;

}



.order-track-item::before {

  position: absolute;

  content: "";

  top: 20px;

  left: 0px;

  width: 100%;

  height: 5px;

  z-index: -1;

  background: var(--white);

}



.order-track-item:first-child::before {

  border-radius: 50px 0px 0px 50px;

}



.order-track-item:last-child::before {

  border-radius: 0px 50px 50px 0px;

}



.order-track-item i {

  width: 45px;

  height: 45px;

  font-size: 20px;

  line-height: 42px;

  border-radius: 50%;

  margin-bottom: 10px;

  text-align: center;

  display: inline-block;

  color: var(--primary);

  background: var(--white);

  border: 2px dotted var(--primary);

}



.order-track-item span {

  font-weight: 500;

  line-height: 20px;

  white-space: nowrap;

  color: var(--heading);

  text-transform: capitalize;

}



.order-track-item.active::before {

  background: var(--primary);

}



.order-track-item.active i {

  color: var(--white);

  background: var(--primary);

}



.order-track-item.active span {

  color: var(--primary);

}



@media (max-width: 575px) {

  .order-track {

    overflow-x: scroll;

  }

  .order-track-list {

    width: 575px;

  }

}



@media (min-width: 576px) and (max-width: 767px) {

  .order-track-item span {

    white-space: inherit;

  }

}



.nav-pills .nav-link {

  font-weight: 400;

  list-style: decimal;

}



.nav-pills .nav-link.active {

  color: var(--primary);

  background: transparent;

}



@media (max-width: 991px) {

  .nav {

    margin-bottom: 30px;

  }

}



.countdown {

  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;

}



.countdown-time {

  padding: 0px 30px;

  position: relative;

  color: var(--heading);

  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;

  -webkit-box-orient: vertical;

  -webkit-box-direction: normal;

      -ms-flex-direction: column;

          flex-direction: column;

}



.countdown-time::before {

  position: absolute;

  content: ":";

  top: 28%;

  right: -3px;

  font-size: 25px;

  -webkit-transform: translateY(-50%);

          transform: translateY(-50%);

  color: var(--heading);

}



.countdown-time:last-child::before {

  display: none;

}



.countdown-time span {

  display: block;

  font-size: 40px;

  font-weight: 700;

  line-height: 40px;

  color: var(--primary);

}



.countdown-time small {

  font-size: 18px;

  font-weight: 500;

  text-transform: capitalize;

}



@media (max-width: 575px) {

  .countdown-time {

    padding: 0px 12px;

  }

  .countdown-time:first-child {

    padding-left: 0px;

  }

  .countdown-time:last-child {

    padding-right: 0px;

  }

  .countdown-time span {

    font-size: 35px;

  }

  .countdown-time small {

    font-size: 16px;

  }

}



/*========================================

          ALL ELEMENTS PART STYLE

=========================================*/

.suggest-card {

  position: relative;

}



.suggest-card::before {

  position: absolute;

  content: "";

  top: 0px;

  left: 0px;

  width: 100%;

  height: 100%;

  border-radius: 8px;

  background: rgba(0, 0, 0, 0.4);

  transition: all linear .3s;

  -webkit-transition: all linear .3s;

  -moz-transition: all linear .3s;

  -ms-transition: all linear .3s;

  -o-transition: all linear .3s;

}



.suggest-card:hover::before {

  background: rgba(17, 151, 68, 0.9);

}



.suggest-card img {

  width: 100%;

  border-radius: 8px;

}



.suggest-card h5 {

  position: absolute;

  top: 50%;

  left: 50%;

  width: 100%;

  text-align: center;

  -webkit-transform: translate(-50%, -50%);

          transform: translate(-50%, -50%);

  color: var(--white);

  font-weight: 400;

  text-transform: capitalize;

  text-shadow: var(--primary-tshadow);

}



.suggest-card h5 span {

  display: block;

  font-size: 15px;

  font-weight: 300;

}



@media (max-width: 400px) {

  .suggest-card h5 {

    font-size: 16px;

    line-height: 24px;

  }

  .suggest-card h5 span {

    font: 14px;

  }

}



.product-card {

  width: 100%;

  overflow: hidden;

  position: relative;

  margin-bottom: 10px;

  padding: 0;

  border-radius: 20px;

  background: var(--white);

  border: 1px dashed rgba(0, 0, 0, 0.20);

  transition: all linear .3s;

  -webkit-transition: all linear .3s;

  -moz-transition: all linear .3s;

  -ms-transition: all linear .3s;

  -o-transition: all linear .3s;

}



.product-card:hover {

  border-color: var(--primary);

  -webkit-box-shadow: 0px 8px 15px 0px rgba(0, 0, 0, 0.1);

          box-shadow: 0px 8px 15px 0px rgba(0, 0, 0, 0.1);

}



.product-card:hover .product-widget {

  opacity: 1;

  bottom: 15px;

}



.product-card:hover .product-add {

  color: var(--white);

  background: var(--primary);

}



.product-media {

  position: relative;

}



.product-label {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-orient: vertical;

  -webkit-box-direction: normal;

      -ms-flex-direction: column;

          flex-direction: column;

  position: absolute;

  top: 0px;

  left: 0px;

}



.label-text {

  font-size: 14px;

  padding: 5px 8px;

  line-height: 13px;

  border-radius: 3px;

  margin-bottom: 5px;

  color: var(--white);

  text-align: center;

  text-transform: capitalize;

}



.label-text.off {

  background: var(--red);

}



.label-text.new {

  background: var(--green);

}



.label-text.sale {

  background: #F68735;

}



.label-text.feat {

  background: var(--purple);

}



.label-text.rate {

  background: var(--yellow);

}



.label-text.order {

  background: var(--blue);

}



.product-wish {

  position: absolute;

  top: 0px;

  right: 0px;

  font-size: 18px;

  color: var(--gray-chalk);

}



.product-wish.active {

  color: var(--primary);

}



.product-image img {

  width: 100%;

}



.product-widget {

  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;

  position: absolute;

  bottom: 0px;

  left: 0px;

  width: 100%;

  opacity: 0;

  transition: all linear .3s;

  -webkit-transition: all linear .3s;

  -moz-transition: all linear .3s;

  -ms-transition: all linear .3s;

  -o-transition: all linear .3s;

}



.product-widget a {

  width: 40px;

  height: 40px;

  font-size: 15px;

  margin: 0px 6px;

  line-height: 40px;

  text-align: center;

  border-radius: 8px;

  color: var(--white);

  background: var(--primary);

  text-shadow: var(-primary-tshadow);

  -webkit-box-shadow: 0px 7px 12px 0px rgba(0, 0, 0, 0.12);

          box-shadow: 0px 7px 12px 0px rgba(0, 0, 0, 0.12);

}



.product-content {

  padding: 20px;

  text-align: center;

  border: none;

}



.product-rating {

  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;

}



.product-rating i,

.product-rating a {

  font-size: 14px;

  margin: 0px 2px;

  color: var(--gray);

}



.product-rating a {

  white-space: nowrap;

  transition: all linear .3s;

  -webkit-transition: all linear .3s;

  -moz-transition: all linear .3s;

  -ms-transition: all linear .3s;

  -o-transition: all linear .3s;

}



.product-rating a:hover {

  color: var(--primary);

  text-decoration: underline;

}



.product-rating .active {

  color: var(--yellow);

}



.product-name {

  margin-bottom: 3px;

  text-transform: capitalize;

}



.product-name a {

  color: var(--sub-heading);

  transition: all linear .3s;

  -webkit-transition: all linear .3s;

  -moz-transition: all linear .3s;

  -ms-transition: all linear .3s;

  -o-transition: all linear .3s;

}



.product-name a:hover {

  text-decoration: underline;
  color: #007A48;


}



.product-price {

  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;

  -webkit-box-align: baseline;

      -ms-flex-align: baseline;

          align-items: baseline;

  margin-bottom: 10px;

}



.product-price del {

  color: var(--red);

  margin-right: 8px;

}



.product-price span {

  color: var(--primary);

  white-space: nowrap;

}



.product-price span small {

  font-weight: 400;

}



.product-disable {

  position: relative;

}



.product-disable:hover {

  border-color: var(--border);

  -webkit-box-shadow: none;

          box-shadow: none;

}



.product-disable:hover .product-add {

  color: var(--heading);

  background: var(--border);

}



.product-disable .product-widget {

  visibility: hidden;

}



.product-disable::before {

  position: absolute;

  content: "Out of Stock";

  top: 40%;

  left: 50%;

  z-index: 2;

  width: 100%;

  font-size: 15px;

  font-weight: 400;

  padding: 15px 0px;

  text-align: center;

  text-transform: uppercase;

  text-shadow: var(--primary-tshadow);

  -webkit-transform: translate(-50%, -50%);

          transform: translate(-50%, -50%);

  color: var(--white);

  background: rgba(224, 152, 22, 0.9);

}



.product-disable::after {

  position: absolute;

  content: "";

  top: 0px;

  left: 0px;

  z-index: 1;

  width: 100%;

  height: 100%;

  border-radius: 8px;

  background: rgba(255, 255, 255, 0.6);

}



@media (max-width: 575px) {

  .product-card {

    padding: 8px;

    margin-bottom: 8px;

  }

  .product-name {

    font-size: 15px;

    line-height: 22px;

  }

}



.feature-card {

  width: 100%;

  overflow: hidden;

  position: relative;

  margin-bottom: 25px;

  padding: 18px 18px;

  border-radius: 8px;

  background: var(--white);

  border: 1px solid var(--white);

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: start;

      -ms-flex-align: start;

          align-items: flex-start;

  -webkit-box-pack: start;

      -ms-flex-pack: start;

          justify-content: flex-start;

  transition: all linear .3s;

  -webkit-transition: all linear .3s;

  -moz-transition: all linear .3s;

  -ms-transition: all linear .3s;

  -o-transition: all linear .3s;

}



.feature-card:hover {

  border-color: var(--primary);

  -webkit-box-shadow: 0px 8px 15px 0px rgba(0, 0, 0, 0.1);

          box-shadow: 0px 8px 15px 0px rgba(0, 0, 0, 0.1);

}



.feature-card:hover .feature-widget {

  opacity: 1;

  bottom: 15px;

}



.feature-card:hover .feature-add {

  color: var(--white);

  background: var(--primary);

}



.feature-media {

  position: relative;

}



.feature-label {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-orient: vertical;

  -webkit-box-direction: normal;

      -ms-flex-direction: column;

          flex-direction: column;

  position: absolute;

  top: 0px;

  left: 0px;

}



.label-text {

  font-size: 12px;

  padding: 5px 8px;

  line-height: 13px;

  border-radius: 3px;

  margin-bottom: 5px;

  color: var(--white);

  text-align: center;

  text-transform: capitalize;

}



.label-text.off {

  background: var(--red);

}



.label-text.new {

  background: var(--green);

}



.label-text.sale {

  background: #F68735;

}



.label-text.feat {

  background: var(--purple);

}



.label-text.rate {

  background: var(--yellow);

}



.label-text.order {

  background: var(--blue);

}



.feature-wish {

  position: absolute;

  top: 0px;

  right: 0px;

  font-size: 18px;

  color: var(--gray-chalk);

}



.feature-wish.active {

  color: var(--primary);

}



.feature-image img {

  width: 220px;

}



.feature-widget {

  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;

  position: absolute;

  bottom: 0px;

  left: 0px;

  width: 100%;

  opacity: 0;

  transition: all linear .3s;

  -webkit-transition: all linear .3s;

  -moz-transition: all linear .3s;

  -ms-transition: all linear .3s;

  -o-transition: all linear .3s;

}



.feature-widget a {

  width: 40px;

  height: 40px;

  font-size: 15px;

  margin: 0px 6px;

  line-height: 40px;

  text-align: center;

  border-radius: 8px;

  color: var(--white);

  background: var(--primary);

  text-shadow: var(-primary-tshadow);

  -webkit-box-shadow: 0px 7px 12px 0px rgba(0, 0, 0, 0.12);

          box-shadow: 0px 7px 12px 0px rgba(0, 0, 0, 0.12);

}



.feature-content {

  width: 100%;

  padding-left: 25px;

  margin-left: 25px;

  border-left: 1px solid var(--border);

}



.feature-rating {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

      -ms-flex-align: center;

          align-items: center;

  -webkit-box-pack: start;

      -ms-flex-pack: start;

          justify-content: flex-start;

  margin-bottom: 3px;

}



.feature-rating i,

.feature-rating a {

  font-size: 14px;

  margin: 0px 2px;

  color: var(--gray);

}



.feature-rating a {

  white-space: nowrap;

  transition: all linear .3s;

  -webkit-transition: all linear .3s;

  -moz-transition: all linear .3s;

  -ms-transition: all linear .3s;

  -o-transition: all linear .3s;

}



.feature-rating a:hover {

  color: var(--primary);

  text-decoration: underline;

}



.feature-rating .active {

  color: var(--yellow);

}



.feature-name {

  margin-bottom: 3px;

  text-transform: capitalize;

}



.feature-name a {

  color: var(--sub-heading);

  transition: all linear .3s;

  -webkit-transition: all linear .3s;

  -moz-transition: all linear .3s;

  -ms-transition: all linear .3s;

  -o-transition: all linear .3s;

}



.feature-name a:hover {

  color: var(--primary);

}



.feature-price {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

      -ms-flex-align: center;

          align-items: center;

  -webkit-box-pack: start;

      -ms-flex-pack: start;

          justify-content: flex-start;

  -webkit-box-align: baseline;

      -ms-flex-align: baseline;

          align-items: baseline;

  margin-bottom: 10px;

}



.feature-price del {

  color: var(--red);

  margin-right: 8px;

}



.feature-price span {

  color: var(--primary);

  white-space: nowrap;

}



.feature-price span small {

  font-weight: 400;

}



.feature-desc {

  font-size: 15px;

  line-height: 25px;

  margin-bottom: 15px;

}



@media (max-width: 575px) {

  .feature-card {

    padding: 8px;

    margin-bottom: 15px;

  }

  .feature-image img {

    width: 100%;

  }

  .feature-name {

    font-size: 15px;

    line-height: 22px;

  }

}



@media (max-width: 450px) {

  .feature-card {

    -webkit-box-align: center;

        -ms-flex-align: center;

            align-items: center;

  }

  .feature-content {

    padding-left: 12px;

    margin-left: 12px;

  }

  .feature-desc {

    display: none;

  }

}



@media (min-width: 992px) and (max-width: 1199px) {

  .feature-image img {

    width: 190px;

  }

}



.product-standard {

  width: 100%;

  overflow: hidden;

  position: relative;

  margin-bottom: 25px;

  padding: 15px 15px;

  border-radius: 8px;

  background: var(--white);

  border: 1px solid var(--border);

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

      -ms-flex-align: center;

          align-items: center;

  -webkit-box-pack: start;

      -ms-flex-pack: start;

          justify-content: flex-start;

  transition: all linear .3s;

  -webkit-transition: all linear .3s;

  -moz-transition: all linear .3s;

  -ms-transition: all linear .3s;

  -o-transition: all linear .3s;

}



.product-standard:hover {

  border-color: var(--primary);

  -webkit-box-shadow: 0px 8px 15px 0px rgba(0, 0, 0, 0.1);

          box-shadow: 0px 8px 15px 0px rgba(0, 0, 0, 0.1);

}



.product-standard:hover .standard-widget {

  opacity: 1;

  bottom: 15px;

}



.product-standard:hover .standard-add {

  color: var(--white);

  background: var(--primary);

}



.standard-media {

  position: relative;

}



.standard-label-group {

  position: absolute;

  top: 15px;

  left: 15px;

  z-index: 1;

}



.standard-label {

  font-size: 14px;

  padding: 5px 8px;

  line-height: 13px;

  border-radius: 3px;

  text-transform: capitalize;

  color: var(--white);

}



.standard-label.off {

  background: var(--red);

}



.standard-label.new {

  background: var(--green);

}



.standard-label.sale {

  background: var(--orange);

}



.standard-label.feat {

  background: var(--purple);

}



.standard-label.rate {

  background: var(--yellow);

}



.standard-image img {

  width: 220px;

}



.standard-widget {

  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;

  position: absolute;

  bottom: 0px;

  left: 0px;

  width: 100%;

  opacity: 0;

  transition: all linear .3s;

  -webkit-transition: all linear .3s;

  -moz-transition: all linear .3s;

  -ms-transition: all linear .3s;

  -o-transition: all linear .3s;

}



.standard-widget a {

  width: 40px;

  height: 40px;

  font-size: 15px;

  margin: 0px 6px;

  line-height: 40px;

  text-align: center;

  border-radius: 8px;

  color: var(--white);

  background: var(--primary);

  text-shadow: var(-primary-tshadow);

  -webkit-box-shadow: 0px 7px 12px 0px rgba(0, 0, 0, 0.12);

          box-shadow: 0px 7px 12px 0px rgba(0, 0, 0, 0.12);

}



.standard-content {

  width: 100%;

  margin-left: 30px;

  padding-left: 30px;

  border-left: 1px solid var(--border);

}



.standard-name {

  margin-bottom: 5px;

  text-transform: capitalize;

}



.standard-name a {

  color: var(--sub-heading);

  transition: all linear .3s;

  -webkit-transition: all linear .3s;

  -moz-transition: all linear .3s;

  -ms-transition: all linear .3s;

  -o-transition: all linear .3s;

}



.standard-name a:hover {

  color: var(--primary);

}



.standard-price {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

      -ms-flex-align: center;

          align-items: center;

  -webkit-box-pack: start;

      -ms-flex-pack: start;

          justify-content: flex-start;

  -webkit-box-align: baseline;

      -ms-flex-align: baseline;

          align-items: baseline;

  margin-bottom: 5px;

}



.standard-price del {

  color: var(--red);

  margin-right: 12px;

}



.standard-price span {

  color: var(--primary);

  white-space: nowrap;

}



.standard-price span small {

  font-weight: 400;

}



.standard-rating {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

      -ms-flex-align: center;

          align-items: center;

  -webkit-box-pack: start;

      -ms-flex-pack: start;

          justify-content: flex-start;

  margin-bottom: 10px;

}



.standard-rating i,

.standard-rating a {

  font-size: 14px;

  margin-right: 3px;

  color: var(--gray);

}



.standard-rating a {

  white-space: nowrap;

  transition: all linear .3s;

  -webkit-transition: all linear .3s;

  -moz-transition: all linear .3s;

  -ms-transition: all linear .3s;

  -o-transition: all linear .3s;

}



.standard-rating a:hover {

  color: var(--primary);

  text-decoration: underline;

}



.standard-rating .active {

  color: var(--yellow);

}



.standard-desc {

  margin-bottom: 20px;

}



.standard-action-group {

  display: -ms-grid;

  display: grid;

  grid-gap: 15px;

  -ms-grid-columns: (minmax(180px, 1fr))[auto-fit];

      grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));

}



.standard-action-group .product-add,

.standard-action-group .action-input {

  padding: 10px 0px;

  letter-spacing: 0.5px;

  text-transform: uppercase;

  color: var(--white);

  background: var(--primary);

}



.standard-action-group .product-add {

  font-size: 14px;

  font-weight: 500;

}



.standard-wish {

  padding: 10px 0px;

  border-radius: 8px;

  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;

  transition: all linear .3s;

  -webkit-transition: all linear .3s;

  -moz-transition: all linear .3s;

  -ms-transition: all linear .3s;

  -o-transition: all linear .3s;

}



.standard-wish i {

  font-size: 16px;

  margin-right: 6px;

}



.standard-wish span {

  font-size: 14px;

  font-weight: 500;

  letter-spacing: 0.5px;

  text-transform: uppercase;

}



.standard-wish {

  color: var(--primary);

  background: var(--border);

}



.standard-wish.active {

  color: var(--white);

  background: var(--primary);

}



.standard-action {

  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;

  display: none;

}



.standard-action button i,

.standard-action a i {

  width: 35px;

  height: 35px;

  font-size: 15px;

  line-height: 35px;

  border-radius: 5px;

  text-align: center;

  display: inline-block;

  color: var(--text);

  background: var(--border);

  text-shadow: var(--primary-tshadow);

  transition: all linear .3s;

  -webkit-transition: all linear .3s;

  -moz-transition: all linear .3s;

  -ms-transition: all linear .3s;

  -o-transition: all linear .3s;

}



.standard-action button i:hover,

.standard-action a i:hover {

  color: var(--white);

  background: var(--primary);

}



.standard-action input {

  width: 100%;

  height: 45px;

  margin: 0px 8px;

  font-size: 15px;

  line-height: 14px;

  border-radius: 5px;

  letter-spacing: 0.3px;

  text-align: center;

  color: var(--white);

  background: var(--primary);

  text-shadow: var(--primary-tshadow);

}



@media (max-width: 575px) {

  .product-standard {

    padding: 10px 10px;

  }

  .standard-image img {

    width: 130px;

  }

  .standard-content {

    margin-left: 10px;

    padding-left: 10px;

  }

  .standard-name {

    font-size: 16px;

    margin-bottom: 3px;

  }

  .standard-price {

    font-size: 15px;

    margin-bottom: 3px;

  }

  .standard-rating {

    margin-bottom: 6px;

  }

  .standard-desc {

    display: none;

  }

  .standard-action-group {

    grid-gap: 10px;

    -ms-grid-columns: (minmax(140px, 1fr))[auto-fit];

        grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));

  }

  .product-add,

  .standard-wish {

    padding: 8px 0px;

  }

  .product-add i,

  .standard-wish i {

    display: none;

  }

  .standard-action input {

    height: 38px;

  }

}



@media (min-width: 576px) and (max-width: 767px) {

  .standard-image img {

    width: 150px;

  }

  .standard-content {

    margin-left: 10px;

    padding-left: 10px;

  }

  .standard-name {

    font-size: 18px;

  }

  .standard-price {

    font-size: 16px;

  }

  .standard-desc {

    display: none;

  }

  .standard-action-group {

    grid-gap: 10px;

    -ms-grid-columns: (minmax(140px, 1fr))[auto-fit];

        grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));

  }

  .product-add,

  .standard-wish {

    padding: 8px 0px;

  }

  .product-add i,

  .standard-wish i {

    display: none;

  }

  .standard-action input {

    height: 38px;

  }

}



.testimonial-card {

  padding: 50px 50px 0px;

  margin: 0px 15px 30px;

  text-align: center;

  border-radius: 8px;

  background: var(--primary);

}



.testimonial-card i {

  font-size: 45px;

  margin-bottom: 20px;

  color: var(--white);

  transition: all linear .3s;

  -webkit-transition: all linear .3s;

  -moz-transition: all linear .3s;

  -ms-transition: all linear .3s;

  -o-transition: all linear .3s;

}



.testimonial-card p {

  font-size: 22px;

  line-height: 32px;

  margin-bottom: 25px;

  font-style: italic;

  color: var(--white);

  transition: all linear .3s;

  -webkit-transition: all linear .3s;

  -moz-transition: all linear .3s;

  -ms-transition: all linear .3s;

  -o-transition: all linear .3s;

}



.testimonial-card h5 {

  color: var(--white);

  text-transform: capitalize;

  transition: all linear .3s;

  -webkit-transition: all linear .3s;

  -moz-transition: all linear .3s;

  -ms-transition: all linear .3s;

  -o-transition: all linear .3s;

}



.testimonial-card ul {

  font-size: 14px;

  color: var(--yellow);

  margin-bottom: 13px;

}



.testimonial-card img {

  width: 80px;

  height: 80px;

  border-radius: 50%;

  margin-bottom: -35px;

  display: inline-block;

  border: 5px solid var(--body);

}



@media (max-width: 575px) {

  .testimonial-card {

    margin: 0px 0px 30px;

    padding: 25px 25px 0px;

  }

  .testimonial-card p {

    font-size: 18px;

    line-height: 28px;

  }

}



.category-wrap:hover .category-overlay {

  -webkit-transform: scale(1);

          transform: scale(1);

}



.category-media {

  position: relative;

  margin-bottom: 15px;

}



.category-media img {

  width: 100%;

  height: auto;

  border-radius: 8px;

}



.category-overlay {

  position: absolute;

  top: 0px;

  left: 0px;

  width: 100%;

  height: 100%;

  border-radius: 8px;

  text-align: center;

  background: rgba(0, 0, 0, 0.4);

  -webkit-transform: scale(0);

          transform: scale(0);

  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;

  transition: all linear .3s;

  -webkit-transition: all linear .3s;

  -moz-transition: all linear .3s;

  -ms-transition: all linear .3s;

  -o-transition: all linear .3s;

}



.category-overlay a i {

  width: 50px;

  height: 50px;

  line-height: 50px;

  border-radius: 50%;

  text-align: center;

  color: var(--white);

  background: var(--primary);

  transition: all linear .3s;

  -webkit-transition: all linear .3s;

  -moz-transition: all linear .3s;

  -ms-transition: all linear .3s;

  -o-transition: all linear .3s;

}



.category-overlay a i:hover {

  color: var(--primary);

  background: var(--white);

}



.category-meta {

  padding: 0px 10px;

}



.category-meta h4 {

  text-transform: capitalize;

  margin-bottom: 3px;

}



@media (max-width: 575px) {

  .category-wrap {

    width: 150px;

  }

}



@media (max-width: 1199px) {

  .category-meta {

    padding: 0px 5px;

  }

  .category-meta h4 {

    font-size: 17px;

    margin-bottom: 0px;

  }

  .category-meta p {

    font-size: 15px;

  }

}



.brand-wrap {

  text-align: center;

  padding-top: 15px;

}



.brand-wrap:hover .brand-media::before {

  border-color: var(--primary);

  -webkit-animation-play-state: running;

          animation-play-state: running;

}



.brand-wrap:hover .brand-overlay {

  -webkit-transform: scale(1);

          transform: scale(1);

}



.brand-media {

  display: inline-block;

  position: relative;

  margin-bottom: 15px;

  z-index: 1;

}



.brand-media::before {

  position: absolute;

  content: "";

  top: 50%;

  left: 50%;

  z-index: -1;

  width: 175px;

  height: 175px;

  border-radius: 50%;

  background: var(--white);

  border: 2px dashed var(--border);

  -webkit-transform: translate(-50%, -50%);

          transform: translate(-50%, -50%);

  -webkit-animation: rotate360 1.2s linear infinite;

          animation: rotate360 1.2s linear infinite;

  -webkit-animation-play-state: paused;

          animation-play-state: paused;

}



.brand-media img {

  width: 150px;

  height: 150px;

  border-radius: 50%;

}



@-webkit-keyframes rotate360 {

  to {

    -webkit-transform: translate(-50%, -50%) rotate(360deg);

            transform: translate(-50%, -50%) rotate(360deg);

  }

}



@keyframes rotate360 {

  to {

    -webkit-transform: translate(-50%, -50%) rotate(360deg);

            transform: translate(-50%, -50%) rotate(360deg);

  }

}



.brand-overlay {

  position: absolute;

  top: 0px;

  left: 0px;

  width: 100%;

  height: 100%;

  border-radius: 50%;

  text-align: center;

  background: rgba(0, 0, 0, 0.4);

  -webkit-transform: scale(0);

          transform: scale(0);

  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;

  transition: all linear .3s;

  -webkit-transition: all linear .3s;

  -moz-transition: all linear .3s;

  -ms-transition: all linear .3s;

  -o-transition: all linear .3s;

}



.brand-overlay a i {

  width: 50px;

  height: 50px;

  line-height: 50px;

  border-radius: 50%;

  text-align: center;

  color: var(--white);

  background: var(--primary);

  transition: all linear .3s;

  -webkit-transition: all linear .3s;

  -moz-transition: all linear .3s;

  -ms-transition: all linear .3s;

  -o-transition: all linear .3s;

}



.brand-overlay a i:hover {

  color: var(--primary);

  background: var(--white);

}



.brand-meta h4 {

  text-transform: capitalize;

  margin-bottom: 6px;

}



.brand-meta ul {

  margin-bottom: 3px;

}



.brand-meta ul li {

  font-size: 13px;

  margin: 0px 1px;

  color: var(--gray);

  display: inline-block;

}



.brand-meta ul .active {

  color: var(--yellow);

}



.brand-meta ul .total {

  color: var(--heading);

}



@media (max-width: 575px) {

  .brand-wrap {

    width: 200px;

  }

}



.choose-card {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

}



.choose-card:hover i {

  color: var(--white);

  background: var(--primary);

}



.choose-icon i {

  width: 75px;

  height: 75px;

  font-size: 40px;

  line-height: 75px;

  border-radius: 50%;

  margin-right: 30px;

  text-align: center;

  display: inline-block;

  color: var(--primary);

  background: var(--white);

  text-shadow: var(--primary-tshadow);

  -webkit-box-shadow: var(--primary-bshadow);

          box-shadow: var(--primary-bshadow);

  transition: all linear .3s;

  -webkit-transition: all linear .3s;

  -moz-transition: all linear .3s;

  -ms-transition: all linear .3s;

  -o-transition: all linear .3s;

}



.choose-text h4 {

  margin-bottom: 10px;

  text-transform: capitalize;

  transition: all linear .3s;

  -webkit-transition: all linear .3s;

  -moz-transition: all linear .3s;

  -ms-transition: all linear .3s;

  -o-transition: all linear .3s;

}



.blog-card {

  margin-bottom: 30px;

}



.blog-card:hover .blog-img img {

  -webkit-transform: scale(1.05);

          transform: scale(1.05);

}



.blog-media {

  position: relative;

}



.blog-calender {

  position: absolute;

  top: 20px;

  right: 20px;

  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;

  -webkit-box-orient: vertical;

  -webkit-box-direction: normal;

      -ms-flex-direction: column;

          flex-direction: column;

  width: 55px;

  height: 55px;

  border-radius: 6px;

  color: var(--white);

  background: rgba(0, 0, 0, 0.6);

}



.blog-calender span {

  line-height: 20px;

}



.blog-date {

  font-size: 20px;

  font-weight: 500;

}



.blog-month {

  font-size: 14px;

  letter-spacing: 0.3px;

  text-transform: uppercase;

}



.blog-img {

  overflow: hidden;

  border-radius: 8px;

}



.blog-img img {

  width: 100%;

  border-radius: 8px;

  transition: all linear .3s;

  -webkit-transition: all linear .3s;

  -moz-transition: all linear .3s;

  -ms-transition: all linear .3s;

  -o-transition: all linear .3s;

}



.blog-content {

  padding: 15px 15px 0px;

}



.blog-meta {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

      -ms-flex-align: center;

          align-items: center;

  -webkit-box-pack: start;

      -ms-flex-pack: start;

          justify-content: flex-start;

  -ms-flex-wrap: wrap;

      flex-wrap: wrap;

  margin-bottom: 15px;

}



.blog-meta li {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

      -ms-flex-align: center;

          align-items: center;

  margin-right: 30px;

}



.blog-meta li:last-child {

  margin: 0px;

}



.blog-meta li i {

  color: var(--primary);

  margin-right: 8px;

  font-size: 14px;

}



.blog-meta li a,

.blog-meta li span {

  font-size: 15px;

  font-weight: 400;

  white-space: nowrap;

  text-transform: uppercase;

}



.blog-meta li a {

  color: var(--text);

  transition: all linear .3s;

  -webkit-transition: all linear .3s;

  -moz-transition: all linear .3s;

  -ms-transition: all linear .3s;

  -o-transition: all linear .3s;

}



.blog-meta li a:hover {

  color: var(--primary);

}



.blog-title {

  font-size: 22px;

  line-height: 30px;

  margin-bottom: 15px;

}



.blog-title a {

  color: var(--heading);

  transition: all linear .3s;

  -webkit-transition: all linear .3s;

  -moz-transition: all linear .3s;

  -ms-transition: all linear .3s;

  -o-transition: all linear .3s;

}



.blog-title a:hover {

  color: var(--primary);

}



.blog-desc {

  font-size: 17px;

  line-height: 28px;

  color: var(--gray);

  margin-bottom: 25px;

}



.blog-btn {

  font-size: 15px;

  font-weight: 500;

  color: var(--primary);

  text-transform: uppercase;

  transition: all linear .3s;

  -webkit-transition: all linear .3s;

  -moz-transition: all linear .3s;

  -ms-transition: all linear .3s;

  -o-transition: all linear .3s;

}



.blog-btn i {

  font-size: 17px;

  transition: all linear .3s;

  -webkit-transition: all linear .3s;

  -moz-transition: all linear .3s;

  -ms-transition: all linear .3s;

  -o-transition: all linear .3s;

}



.blog-btn:hover {

  color: var(--primary);

  text-decoration: underline;

}



.blog-btn:hover i {

  margin-left: 5px;

}



@media (max-width: 575px) {

  .blog-meta li {

    margin-right: 25px;

  }

  .blog-content {

    padding: 15px 8px 0px;

  }

}



@media (min-width: 992px) and (max-width: 1199px) {

  .blog-content {

    padding: 15px 12px 0px;

  }

}



.offer-card {

  margin-bottom: 30px;

}



.offer-card a {

  width: 100%;

}



.offer-card a img {

  width: 100%;

  border-radius: 8px;

}



.offer-div {

  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;

  -webkit-box-pack: justify;

      -ms-flex-pack: justify;

          justify-content: space-between;

  padding: 10px 15px;

  margin: 0px 15px;

  border-radius: 0px 0px 8px 8px;

  background: var(--white);

}



.offer-div h5 {

  font-size: 15px;

  font-weight: 400;

  text-transform: uppercase;

}



.offer-div button,

.offer-div span {

  font-size: 15px;

  font-weight: 500;

  color: var(--primary);

  text-transform: capitalize;

}



@media (min-width: 351px) and (max-width: 575px) {

  .offer-card {

    width: 320px;

    margin: 0px auto 30px;

  }

}



.account-card {

  margin-bottom: 30px;

  border-radius: 8px;

  padding: 0px 30px 30px;

  background: var(--white);

}



.account-title {

  padding: 18px 0px;

  margin-bottom: 25px;

  position: relative;

  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;

  -webkit-box-pack: justify;

      -ms-flex-pack: justify;

          justify-content: space-between;

  border-bottom: 1px solid var(--border);

}



.account-title::before {

  position: absolute;

  content: "";

  bottom: -2px;

  left: 0px;

  width: 50px;

  height: 2px;

  background: var(--primary);

}



.account-title h4 {

  text-transform: capitalize;

}



.account-title button,

.account-title a {

  border: none;

  font-size: 15px;

  font-weight: 500;

  border-radius: 6px;

  letter-spacing: 0.3px;

  padding: 5px 15px;

  white-space: nowrap;

  text-transform: capitalize;

  color: var(--primary);

  background: var(--green-chalk);

  text-shadow: var(--primary-tshadow);

  transition: all linear .3s;

  -webkit-transition: all linear .3s;

  -moz-transition: all linear .3s;

  -ms-transition: all linear .3s;

  -o-transition: all linear .3s;

}



.account-title button:hover,

.account-title a:hover {

  color: var(--white);

  background: var(--primary);

}



@media (max-width: 575px) {

  .account-card {

    padding: 0px 15px 15px;

  }

}



.profile-card {

  padding: 25px;

  border-radius: 8px;

  margin-bottom: 25px;

  background: var(--chalk);

  border: 1px solid var(--border);

  position: relative;

  cursor: pointer;

}



.profile-card:hover ul {

  visibility: visible;

  opacity: 1;

}



.profile-card h6 {

  color: var(--text);

  margin-bottom: 8px;

  text-transform: capitalize;

}



.profile-card p {

  text-transform: capitalize;

}



.profile-card ul {

  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;

  -webkit-box-orient: vertical;

  -webkit-box-direction: normal;

      -ms-flex-direction: column;

          flex-direction: column;

  position: absolute;

  top: 50%;

  right: 15px;

  opacity: 0;

  visibility: hidden;

  -webkit-transform: translateY(-50%);

          transform: translateY(-50%);

  transition: all linear .3s;

  -webkit-transition: all linear .3s;

  -moz-transition: all linear .3s;

  -ms-transition: all linear .3s;

  -o-transition: all linear .3s;

}



.profile-card ul li {

  margin: 5px 0px;

}



.profile-card ul li button {

  width: 30px;

  height: 32px;

  line-height: 32px;

  border-radius: 6px;

  text-align: center;

  display: inline-block;

  background: var(--white);

  text-shadow: var(--primary-tshadow);

  -webkit-box-shadow: var(--primary-bshadow);

          box-shadow: var(--primary-bshadow);

  transition: all linear .3s;

  -webkit-transition: all linear .3s;

  -moz-transition: all linear .3s;

  -ms-transition: all linear .3s;

  -o-transition: all linear .3s;

}



.profile-card ul .edit {

  color: var(--green);

}



.profile-card ul .edit:hover {

  color: var(--white);

  background: var(--green);

}



.profile-card ul .trash {

  color: var(--red);

}



.profile-card ul .trash:hover {

  color: var(--white);

  background: var(--red);

}



.profile-card.active {

  background: var(--green-chalk);

  border-color: var(--primary);

}



.payment-card {

  padding: 25px;

  border-radius: 6px;

  margin-bottom: 25px;

  background: var(--chalk);

  border: 1px solid var(--border);

  position: relative;

  cursor: pointer;

}



.payment-card:hover button {

  visibility: visible;

  opacity: 1;

}



.payment-card img {

  margin-bottom: 18px;

}



.payment-card h4 {

  font-size: 12px;

  line-height: 20px;

  margin-bottom: 5px;

  text-transform: capitalize;

}



.payment-card p {

  color: var(--heading);

  margin-bottom: 5px;

}



.payment-card p span {

  font-size: 20px;

  margin-right: 15px;

  letter-spacing: 2px;

}



.payment-card p sup {

  font-size: 13px;

  font-weight: 500;

  letter-spacing: 2px;

}



.payment-card h5 {

  font-size: 14px;

  line-height: 22px;

  text-transform: capitalize;

}



.payment-card button {

  position: absolute;

  top: 15px;

  right: 15px;

  opacity: 0;

  visibility: hidden;

  width: 30px;

  height: 32px;

  line-height: 32px;

  border-radius: 6px;

  text-align: center;

  display: inline-block;

  background: var(--white);

  text-shadow: var(--primary-tshadow);

  -webkit-box-shadow: var(--primary-bshadow);

          box-shadow: var(--primary-bshadow);

  transition: all linear .3s;

  -webkit-transition: all linear .3s;

  -moz-transition: all linear .3s;

  -ms-transition: all linear .3s;

  -o-transition: all linear .3s;

}



.payment-card .trash {

  color: var(--red);

}



.payment-card .trash:hover {

  color: var(--white);

  background: var(--red);

}



.payment-card.active {

  background: var(--green-chalk);

  border-color: var(--primary);

}



@media (max-width: 575px) {

  .payment-card p span {

    margin-right: 8px;

  }

}



.contact-card {

  text-align: center;

  border-radius: 8px;

  margin: 0px 2.5px 30px;

  padding: 60px 15px 55px;

  background: var(--white);

  transition: all linear .3s;

  -webkit-transition: all linear .3s;

  -moz-transition: all linear .3s;

  -ms-transition: all linear .3s;

  -o-transition: all linear .3s;

}



.contact-card:hover {

  background: var(--primary);

}



.contact-card:hover i {

  color: var(--primary);

  background: var(--white);

}



.contact-card:hover h4, .contact-card:hover p, .contact-card:hover a {

  color: var(--white);

}



.contact-card i {

  width: 50px;

  height: 50px;

  font-size: 22px;

  line-height: 50px;

  border-radius: 50%;

  margin-bottom: 15px;

  text-align: center;

  display: inline-block;

  color: var(--white);

  background: var(--primary);

  text-shadow: var(--primary-tshadow);

  -webkit-box-shadow: var(--primary-bshadow);

          box-shadow: var(--primary-bshadow);

  transition: all linear .3s;

  -webkit-transition: all linear .3s;

  -moz-transition: all linear .3s;

  -ms-transition: all linear .3s;

  -o-transition: all linear .3s;

}



.contact-card h4 {

  margin-bottom: 18px;

  text-transform: capitalize;

  transition: all linear .3s;

  -webkit-transition: all linear .3s;

  -moz-transition: all linear .3s;

  -ms-transition: all linear .3s;

  -o-transition: all linear .3s;

}



.contact-card p {

  width: 250px;

  font-size: 18px;

  line-height: 30px;

  margin: 0 auto;

  transition: all linear .3s;

  -webkit-transition: all linear .3s;

  -moz-transition: all linear .3s;

  -ms-transition: all linear .3s;

  -o-transition: all linear .3s;

}



.contact-card p a {

  font-size: 18px;

  line-height: 30px;

  display: block;

  color: var(--text);

  transition: all linear .3s;

  -webkit-transition: all linear .3s;

  -moz-transition: all linear .3s;

  -ms-transition: all linear .3s;

  -o-transition: all linear .3s;

}



.contact-card.active {

  background: var(--primary);

}



.contact-card.active i {

  color: var(--primary);

  background: var(--white);

}



.contact-card.active h4, .contact-card.active p, .contact-card.active a {

  color: var(--white);

}



.branch-card {

  margin: 0px 2.5px 30px;

  position: relative;

}



.branch-card:hover::before {

  background: rgba(17, 151, 68, 0.85);

}



.branch-card:hover .branch-overlay {

  top: 50%;

}



.branch-card:hover .branch-overlay p {

  opacity: 1;

}



.branch-card::before {

  position: absolute;

  content: "";

  top: 0px;

  left: 0px;

  width: 100%;

  height: 100%;

  border-radius: 8px;

  background: rgba(0, 0, 0, 0.45);

  transition: all linear .3s;

  -webkit-transition: all linear .3s;

  -moz-transition: all linear .3s;

  -ms-transition: all linear .3s;

  -o-transition: all linear .3s;

}



.branch-card img {

  width: 100%;

  border-radius: 8px;

}



.branch-overlay {

  position: absolute;

  top: 60%;

  left: 0px;

  width: 100%;

  padding: 0px 15px;

  text-align: center;

  -webkit-transform: translateY(-50%);

          transform: translateY(-50%);

  transition: all linear .3s;

  -webkit-transition: all linear .3s;

  -moz-transition: all linear .3s;

  -ms-transition: all linear .3s;

  -o-transition: all linear .3s;

}



.branch-overlay h3 {

  color: var(--white);

  letter-spacing: 0.3px;

  margin-bottom: 8px;

  text-transform: capitalize;

  text-shadow: var(--primary-tshadow);

}



.branch-overlay p {

  width: 200px;

  margin: 0 auto;

  letter-spacing: 0.3px;

  color: var(--white);

  opacity: 0;

  text-transform: capitalize;

  text-shadow: var(--primary-tshadow);

  transition: all linear .3s;

  -webkit-transition: all linear .3s;

  -moz-transition: all linear .3s;

  -ms-transition: all linear .3s;

  -o-transition: all linear .3s;

}



.team-media {

  overflow: hidden;

  position: relative;

  border-radius: 8px;

}



.team-media:hover img {

  -webkit-transform: scale(1.05);

          transform: scale(1.05);

}



.team-media:hover .team-overlay {

  top: 0px;

  opacity: 1;

}



.team-media:hover .team-overlay a {

  padding-top: 0px;

}



.team-media img {

  width: 100%;

  border-radius: 8px;

  transition: all linear .3s;

  -webkit-transition: all linear .3s;

  -moz-transition: all linear .3s;

  -ms-transition: all linear .3s;

  -o-transition: all linear .3s;

}



.team-overlay {

  position: absolute;

  top: 0px;

  left: 0px;

  width: 100%;

  height: 100%;

  border-radius: 8px;

  opacity: 0;

  background: rgba(0, 0, 0, 0.3);

  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;

  transition: all linear .3s;

  -webkit-transition: all linear .3s;

  -moz-transition: all linear .3s;

  -ms-transition: all linear .3s;

  -o-transition: all linear .3s;

}



.team-overlay a {

  width: 36px;

  height: 36px;

  font-size: 15px;

  line-height: 36px;

  margin: 0px 5px;

  padding-top: 30px;

  text-align: center;

  border-radius: 50%;

  color: var(--text);

  background: var(--white);

  transition: all linear .3s;

  -webkit-transition: all linear .3s;

  -moz-transition: all linear .3s;

  -ms-transition: all linear .3s;

  -o-transition: all linear .3s;

}



.team-meta {

  text-align: center;

}



.team-meta h5 {

  text-transform: capitalize;

}



.team-meta h5 a {

  color: var(--heading);

  transition: all linear .3s;

  -webkit-transition: all linear .3s;

  -moz-transition: all linear .3s;

  -ms-transition: all linear .3s;

  -o-transition: all linear .3s;

}



.team-meta h5 a:hover {

  color: var(--primary);

}



.team-meta p {

  font-size: 15px;

  text-transform: capitalize;

}



@media (max-width: 575px) {

  .team-card {

    width: 290px;

    margin: 0px auto 50px;

  }

}



/*========================================

         ALL LAYOUTS PART STYLE

=========================================*/

.header-top {

  padding:2px 0px;

  background:#e59d59;

}



.header-top-welcome p {

  font-size: 14px;

  color: var(--white);

  letter-spacing: 0.3px;

}



.header-top-select {

  margin-top: 3px;

  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;

}



.header-select {

  width: 100%;

  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;

  border-right: 1px solid var(--green);

}



.header-select:last-child {

  border: none;

}



.header-select i {

  font-size: 16px;

  margin-right: 8px;

  color: var(--white);

}



.header-select .nice-select {

  line-height: 20px;

}



.header-select .nice-select::after {

  border-right-color: var(--white);

  border-bottom-color: var(--white);

}



.header-select .nice-select .current {

  color: var(--white);

}



.header-top-list {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

      -ms-flex-align: center;

          align-items: center;

  -webkit-box-pack: end;

      -ms-flex-pack: end;

          justify-content: flex-end;

}



.header-top-list li {

  margin-left: 35px;

}



.header-top-list li a {

  font-size: 14px;

  color: var(--white);

  letter-spacing: 0.3px;

  white-space: nowrap;

  text-transform: capitalize;

  transition: all linear .3s;

  -webkit-transition: all linear .3s;

  -moz-transition: all linear .3s;

  -ms-transition: all linear .3s;

  -o-transition: all linear .3s;

}



.header-top-list li a:hover {

  color: var(--green-chalk);

}



@media (max-width: 767px) {

  .header-top-welcome,

  .header-top-list {

    display: none;

  }

  .header-top-select {

    width: 270px;

    margin: 0px auto;

  }

}



@media (min-width: 768px) and (max-width: 991px) {

  .header-top-welcome {

    text-align: center;

    margin-bottom: 10px;

  }

}



.header-part {

  background: var(--white);

  transition: all linear .3s;

  -webkit-transition: all linear .3s;

  -moz-transition: all linear .3s;

  -ms-transition: all linear .3s;

  -o-transition: all linear .3s;
  border-bottom: 1px solid #E9E9E9;

}



.header-part.active {

  position: -webkit-sticky;

  position: sticky;

  top: 0px;

  left: 0px;

  width: 100%;

  z-index: 99;

  background: var(--white);

  -webkit-box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.15);

          box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.15);

  transition: all linear .3s;

  -webkit-transition: all linear .3s;

  -moz-transition: all linear .3s;

  -ms-transition: all linear .3s;

  -o-transition: all linear .3s;

}



.header-part.active .header-content {

  padding: 10px 0px;

}



.header-part.active .header-widget:hover i {

  background: var(--primary);

}



.header-part.active .header-widget sup {

  border-color: var(--white);

}



.header-part.active .header-form {

  background: var(--white);

  border-color: var(--primary);

}



.header-content {

  padding: 10px 0px;

  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;

  transition: all linear .3s;

  -webkit-transition: all linear .3s;

  -moz-transition: all linear .3s;

  -ms-transition: all linear .3s;

  -o-transition: all linear .3s;

}



.header-logo {

  margin-right: 50px;

}



.header-logo img {

  width: auto;

  height: 85px;

  transition: all linear .3s;

  -webkit-transition: all linear .3s;

  -moz-transition: all linear .3s;

  -ms-transition: all linear .3s;

  -o-transition: all linear .3s;

}



.header-widget-group {

  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;

}



/*.header-widget-group .header-widget {

  margin-left: 20px;

}



.header-widget-group .header-widget:first-child {

  margin-left: 0px;

}
*/


.header-widget {

  position: relative;

  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;

}



.header-widget:hover i {

  color: var(--white);

  background: var(--primary);

  text-shadow: var(--primary-tshadow);

}



.header-widget:hover span {

  color: var(--primary);

}



.header-widget img {

  width: 40px;

  height: 40px;

  border-radius: 50%;

}



.header-widget i {

  width: 40px;

  height: 40px;

  font-size: 14px;

  line-height: 40px;

  text-align: center;

  display: inline-block;

  border-radius: 50%;

  color: var(--text);

  background: var(--chalk);

  transition: all linear .3s;

  -webkit-transition: all linear .3s;

  -moz-transition: all linear .3s;

  -ms-transition: all linear .3s;

  -o-transition: all linear .3s;

}



.header-widget span {

  font-size: 15px;

  font-weight: 400;

  margin-left: 8px;

  letter-spacing: 0.3px;

  white-space: nowrap;

  text-align: left;

  text-transform: capitalize;

  color: var(--heading);

  transition: all linear .3s;

  -webkit-transition: all linear .3s;

  -moz-transition: all linear .3s;

  -ms-transition: all linear .3s;

  -o-transition: all linear .3s;

}



.header-widget span small {

  font-size: 16px;

  font-weight: 600;

  line-height: 20px;

  font-family: sans-serif;

  display: block;

}



.header-widget sup {

  position: absolute;

  top: -12px;

  left: 20px;

  width: 24px;

  height: 24px;

  font-size: 12px;

  line-height: 20px;

  border-radius: 50%;

  text-align: center;

  color: var(--white);

  background: var(--primary);

  border: 2px solid var(--white);

  text-shadow: var(--primary-tshadow);

}



.header-cart span {

  font-size: 12px;

  margin-left: 15px;

  line-height: 20px;

  text-transform: uppercase;

}



.header-form {
  max-width: 330px;
  width: 100%;

  margin: 0 20px 0 auto;

  border-radius: 0;

  background: transparent;

  border: none;

  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;

  transition: all linear .3s;

  -webkit-transition: all linear .3s;

  -moz-transition: all linear .3s;

  -ms-transition: all linear .3s;

  -o-transition: all linear .3s;

}



.header-form:focus-within {

  background: var(--white);

  border-color: var(--primary);

}



.header-form input {

  width: 100%;

  height: 45px;

  font-size: 15px;

  padding-left: 15px;

}



.header-form button i {

  width: 45px;

  height: 45px;

  font-size: 15px;

  line-height: 38px;

  text-align: center;

  border-radius: 8px;

  color: var(--text);

  display: inline-block;

  transition: all linear .3s;

  -webkit-transition: all linear .3s;

  -moz-transition: all linear .3s;

  -ms-transition: all linear .3s;

  -o-transition: all linear .3s;

}



.header-form button i:hover {

  color: var(--primary);

}



.header-media-group {

  display: none;

  -webkit-box-align: center;

      -ms-flex-align: center;

          align-items: center;

  -webkit-box-pack: justify;

      -ms-flex-pack: justify;

          justify-content: space-between;

}



.header-media-group a img {

  width: auto;

  height: 45px;

}



.header-user img,

.header-src img {

  width: 40px;

  height: 40px;

  border-radius: 50%;

}



.header-user i,

.header-src i {

  width: 40px;

  height: 40px;

  font-size: 15px;

  line-height: 40px;

  text-align: center;

  display: inline-block;

  border-radius: 50%;

  color: var(--text);

  background: var(--chalk);

  transition: all linear .3s;

  -webkit-transition: all linear .3s;

  -moz-transition: all linear .3s;

  -ms-transition: all linear .3s;

  -o-transition: all linear .3s;

}



.header-user i:hover,

.header-src i:hover {

  color: var(--white);

  background: var(--primary);

}



@media (max-width: 991px) {

  .header-content {

    padding: 10px 0px;

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

        -ms-flex-direction: column;

            flex-direction: column;

  }

  .header-media-group {

    width: 100%;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

  }

  .header-widget-group,

  .header-widget,

  .header-logo {

    display: none;

  }

  .header-form {

    display: none;

    margin: 10px 0px 0px;

  }

  .header-form.active {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

  }

}



@media (min-width: 992px) and (max-width: 1199px) {

  .header-widget span {

    display: none;

  }

}



.navbar-part {

  background: var(--white);


}



.navbar-content {

  border-top: 1px solid var(--border);

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

      -ms-flex-align: center;

          align-items: center;

  -webkit-box-pack: justify;

      -ms-flex-pack: justify;

          justify-content: space-between;

}



.navbar-list {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

      -ms-flex-align: center;

          align-items: center;

  -webkit-box-pack: start;

      -ms-flex-pack: start;

          justify-content: flex-start;

}



.navbar-item {

  margin-right: 35px;

}



.navbar-item:last-child {

  margin-right: 0px;

}



.navbar-link {

  padding: 11px 0px;
  font-weight: 400;
  font-size: 16px;
  color: var(--text);

  text-transform: capitalize;

  transition: all linear .3s;

  -webkit-transition: all linear .3s;

  -moz-transition: all linear .3s;

  -ms-transition: all linear .3s;

  -o-transition: all linear .3s;

}



.navbar-link:hover {

  color: var(--primary);

}



.navbar-focus-list {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

      -ms-flex-align: center;

          align-items: center;

  -webkit-box-pack: end;

      -ms-flex-pack: end;

          justify-content: flex-end;

}



.navbar-focus-list li {

  margin-left: 30px;

}



.navbar-focus-list li:first-child {

  margin-left: 0px;

}



.navbar-focus-list li a {

  font-weight: 500;

  color: var(--text);

  text-transform: capitalize;

  transition: all linear .3s;

  -webkit-transition: all linear .3s;

  -moz-transition: all linear .3s;

  -ms-transition: all linear .3s;

  -o-transition: all linear .3s;

}



.navbar-focus-list li a:hover {

  color: var(--primary);

}



.navbar-focus-list li a i {

  font-size: 18px;

  margin-right: 5px;

}



.navbar-info-group {

  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;

}



.navbar-info {

  margin-right: 30px;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

      -ms-flex-align: center;

          align-items: center;

  -webkit-box-pack: start;

      -ms-flex-pack: start;

          justify-content: flex-start;

}



.navbar-info:last-child {

  margin-right: 0px;

}



.navbar-info i {

  font-size: 30px;

  margin-right: 15px;

  color: var(--primary);

}



.navbar-info p small {

  font-size: 14px;

  line-height: 16px;

  display: block;

  text-align: left;

  text-transform: capitalize;

}



.navbar-info p span {

  font-size: 15px;

  font-weight: 500;

}



@media (max-width: 991px) {

  .navbar-part {

    display: none;

  }

}



@media (min-width: 992px) and (max-width: 1199px) {

  .navbar-list li {

    margin-right: 18px;

  }

  .navbar-link {

    font-size: 15px;

  }

  .navbar-info {

    margin-right: 15px;

  }

  .navbar-info p span {

    font-size: 14px;

  }

  .navbar-info i {

    margin-right: 10px;

  }

}



.nav-sidebar {

  position: fixed;

  top: 0px;

  left: -320px;

  width: 280px;

  height: 100vh;

  padding: 0px;

  z-index: 5;

  background: var(--white);

  -webkit-box-shadow: 15px 0px 25px 0px rgba(0, 0, 0, 0.15);

          box-shadow: 15px 0px 25px 0px rgba(0, 0, 0, 0.15);

  transition: all linear .3s;

  -webkit-transition: all linear .3s;

  -moz-transition: all linear .3s;

  -ms-transition: all linear .3s;

  -o-transition: all linear .3s;

}



.nav-sidebar.active {

  left: 0px;

}



.nav-header {

  padding: 15px 0px;

  position: relative;

  text-align: center;

  border-bottom: 1px solid var(--border);

}



.nav-header a img {

  width: auto;

  height: 40px;

}



.nav-close {

  position: absolute;

  top: 50%;

  right: -18px;

  -webkit-transform: translateY(-50%);

          transform: translateY(-50%);

}



.nav-close i {

  width: 35px;

  height: 35px;

  font-size: 18px;

  line-height: 35px;

  border-radius: 50%;

  text-align: center;

  display: inline-block;

  color: var(--text);

  background: var(--white);

  text-shadow: var(--primary-tshadow);

  transition: all linear .3s;

  -webkit-transition: all linear .3s;

  -moz-transition: all linear .3s;

  -ms-transition: all linear .3s;

  -o-transition: all linear .3s;

}



.nav-close i:hover {

  color: var(--white);

  background: var(--primary);

}



.nav-content {

  padding: 0px 18px;

  overflow-y: scroll;

  max-height: calc(100vh - 100px);

}



.nav-btn {

  width: 100%;

  padding: 50px 0px;

  margin-bottom: 20px;

  text-align: center;

  background: var(--chalk);

}



.nav-btn .btn {

  font-size: 14px;

  padding: 12px 28px;

  letter-spacing: 0.3px;

}



.nav-btn .btn i {

  font-size: 14px;

}



.nav-profile {

  width: 100%;

  text-align: center;

  padding: 18px 0px 0px;

}



.nav-user {

  margin-bottom: 10px;

  border-radius: 50%;

  border: 2px solid var(--primary);

}



.nav-user img {

  width: 85px;

  height: 85px;

  border-radius: 50%;

  border: 2px solid var(--white);

}



.nav-name {

  margin-bottom: 18px;

  text-transform: capitalize;

}



.nav-name a {

  color: var(--heading);

  transition: all linear .3s;

  -webkit-transition: all linear .3s;

  -moz-transition: all linear .3s;

  -ms-transition: all linear .3s;

  -o-transition: all linear .3s;

}



.nav-name a:hover {

  color: var(--primary);

}



.nav-select-group {

  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;

  padding-bottom: 18px;

  border-bottom: 1px solid var(--border);

}



.nav-select {

  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;

  margin-right: 18px;

  padding-right: 18px;

  line-height: 20px;

  border-right: 1px solid var(--gray-chalk);

}



.nav-select:last-child {

  padding: 0px;

  margin: 0px;

  border: none;

}



.nav-select i {

  margin-right: 5px;

}



.nav-list {

  width: 100%;

}



.nav-list li {

  width: 100%;

}



.nav-link {

  width: 100%;

  font-weight: 400;

  padding: 12px 15px;

  border-radius: 8px;

  color: var(--text);

  text-transform: capitalize;
  font-size: 18px;
  color: #212121;
  transition: all linear .3s;

  -webkit-transition: all linear .3s;

  -moz-transition: all linear .3s;

  -ms-transition: all linear .3s;

  -o-transition: all linear .3s;

}



.nav-link:hover {

  color: var(--primary);
  color: #00441c;

  background: var(--chalk);

}



.nav-link::before {

  right: 15px;

}



.nav-link i {

  font-size: 20px;

  margin-right: 12px;

}



.nav-link.active {

  color: var(--primary);

  background: var(--green-chalk);

}



.nav-info-group {

  padding: 20px 0px;

  margin-top: 15px;

  margin-bottom: 25px;

  border-top: 1px solid var(--border);

  border-bottom: 1px solid var(--border);

}



.nav-info {

  margin-bottom: 20px;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

      -ms-flex-align: center;

          align-items: center;

  -webkit-box-pack: start;

      -ms-flex-pack: start;

          justify-content: flex-start;

}



.nav-info:last-child {

  margin-bottom: 0px;

}



.nav-info i {

  font-size: 30px;

  margin-right: 15px;

  color: var(--primary);

}



.nav-info p small {

  font-size: 14px;

  line-height: 18px;

  display: block;

  text-align: left;

  text-transform: capitalize;

}



.nav-info p span {

  font-size: 16px;

  font-weight: 500;

}



.nav-footer {

  text-align: center;

}



.nav-footer p {

  font-size: 14px;

  color: var(--gray);

}



.nav-footer p a {

  color: var(--primary);

}



.cart-sidebar {

  position: fixed;

  top: 0px;

  right: -450px;

  width: 400px;

  height: 100vh;

  z-index: 99;

  background: var(--white);

  -webkit-box-shadow: -15px 0px 25px 0px rgba(0, 0, 0, 0.15);

          box-shadow: -15px 0px 25px 0px rgba(0, 0, 0, 0.15);

  transition: all linear .3s;

  -webkit-transition: all linear .3s;

  -moz-transition: all linear .3s;

  -ms-transition: all linear .3s;

  -o-transition: all linear .3s;

}



.cart-sidebar.active {

  right: 0px;

}



.cart-header {

  padding: 18px 25px;

  text-align: center;

  position: relative;

  border-bottom: 1px solid var(--border);

}



.cart-total {

  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;

}



.cart-total i {

  font-size: 20px;

  margin-right: 8px;

  color: var(--primary);

}



.cart-total span {

  font-weight: 500;

  color: var(--primary);

  text-transform: capitalize;

}



.cart-close {

  position: absolute;

  top: 50%;

  left: -18px;

  -webkit-transform: translateY(-50%);

          transform: translateY(-50%);

}



.cart-close i {

  width: 35px;

  height: 35px;

  font-size: 18px;

  line-height: 35px;

  border-radius: 50%;

  text-align: center;

  display: inline-block;

  color: var(--text);

  background: var(--white);

  text-shadow: var(--primary-tshadow);

  transition: all linear .3s;

  -webkit-transition: all linear .3s;

  -moz-transition: all linear .3s;

  -ms-transition: all linear .3s;

  -o-transition: all linear .3s;

}



.cart-close i:hover {

  color: var(--white);

  background: var(--primary);

}



.cart-list {

  height: 100%;

  padding: 0px 15px;

  max-height: calc(100vh - 210px);

  overflow-y: scroll;

}



.cart-item {

  padding: 15px 0px;

  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;

  -webkit-box-align: start;

      -ms-flex-align: start;

          align-items: flex-start;

  border-bottom: 1px solid var(--border);

}



.cart-item:hover .cart-media button {

  -webkit-transform: scale(1);

          transform: scale(1);

}



.cart-item:last-child {

  border-bottom: none;

}



.cart-media {

  position: relative;

  margin-right: 25px;

}



.cart-media a img {

  width: 100px;

  border-radius: 8px;

}



.cart-media button {

  position: absolute;

  top: 0px;

  left: 0px;

  width: 100%;

  height: 100%;

  border-radius: 8px;

  background: rgba(0, 0, 0, 0.2);

  -webkit-transform: scale(0);

          transform: scale(0);

  transition: all linear .3s;

  -webkit-transition: all linear .3s;

  -moz-transition: all linear .3s;

  -ms-transition: all linear .3s;

  -o-transition: all linear .3s;

}



.cart-media button i {

  width: 32px;

  height: 32px;

  font-size: 18px;

  line-height: 32px;

  text-align: center;

  border-radius: 5px;

  display: inline-block;

  color: var(--red);

  background: rgba(255, 255, 255, 0.9);

  transition: all linear .3s;

  -webkit-transition: all linear .3s;

  -moz-transition: all linear .3s;

  -ms-transition: all linear .3s;

  -o-transition: all linear .3s;

}



.cart-media button i:hover {

  color: var(--white);

  background: var(--red);

}



.cart-info-group {

  width: 100%;

}



.cart-info {

  margin-bottom: 13px;

}



.cart-info h6 {

  font-weight: 400;

  text-transform: capitalize;

}



.cart-info h6 a {

  color: var(--heading);

}



.cart-info p {

  font-size: 14px;

}



.cart-action-group {

  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;

  -webkit-box-pack: justify;

      -ms-flex-pack: justify;

          justify-content: space-between;

}



.cart-action-group .product-action {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

}



.cart-action-group .product-action button i {

  width: 30px;

  height: 30px;

  font-size: 12px;

  line-height: 30px;

  border-radius: 5px;

}



.cart-action-group .product-action input {

  width: 45px;

  height: 30px;

  font-size: 14px;

  border-radius: 5px;

  color: var(--primary);

  background: var(--chalk);

}



.cart-action-group h6 {

  font-weight: 500;

  color: var(--primary);

}



.cart-footer {

  padding: 20px 15px 0px;

  text-align: center;

  -webkit-box-shadow: 0px -3px 7px 0px rgba(0, 0, 0, 0.08);

          box-shadow: 0px -3px 7px 0px rgba(0, 0, 0, 0.08);

}



.coupon-btn {

  font-weight: 500;

  margin-bottom: 20px;

  color: var(--primary);

  text-shadow: var(--primary-tshadow);

}



.coupon-btn:hover {

  text-decoration: underline;

}



.coupon-form {

  padding: 3px;

  border-radius: 8px;

  margin-bottom: 18px;

  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;

  border: 1px solid var(--border);

  -webkit-box-shadow: 0px 7px 13px 0px rgba(0, 0, 0, 0.1);

          box-shadow: 0px 7px 13px 0px rgba(0, 0, 0, 0.1);

  transition: all linear .3s;

  -webkit-transition: all linear .3s;

  -moz-transition: all linear .3s;

  -ms-transition: all linear .3s;

  -o-transition: all linear .3s;

  display: none;

}



.coupon-form:focus-within {

  border-color: var(--primary);

}



.coupon-form input {

  width: 100%;

  height: 38px;

  padding: 0px 15px;

}



.coupon-form button span {

  width: 100px;

  height: 38px;

  font-size: 14px;

  line-height: 38px;

  border-radius: 8px;

  display: block;

  text-align: center;

  text-transform: uppercase;

  color: var(--white);

  background: var(--primary);

}



.cart-checkout-btn {

  padding: 10px 0px;

  border-radius: 50px;

  background: var(--primary);

  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;
          flex-flow: column;

  transition: all linear .3s;

  -webkit-transition: all linear .3s;

  -moz-transition: all linear .3s;

  -ms-transition: all linear .3s;

  -o-transition: all linear .3s;

}



.cart-checkout-btn:hover {

  background: var(--heading);

}



.checkout-label {

  width: 100%;

  height: 30px;

  font-size: 15px;

  line-height: 30px;

  letter-spacing: 0.3px;

  text-align: center;

  text-transform: capitalize;

  color: var(--white);

}



.checkout-price {

  padding: 0px 25px;

  letter-spacing: 0.3px;

  color: var(--white);

  border: none;

}



@media (max-width: 450px) {

  .cart-sidebar {

    right: 0px;

    width: 100%;

    height: 100vh;

    -webkit-transform: scale(0);

            transform: scale(0);

    margin: 80px 0px 0px;

    border-radius: 15px 15px 0px 0px;

    transition: all linear .3s;

    -webkit-transition: all linear .3s;

    -moz-transition: all linear .3s;

    -ms-transition: all linear .3s;

    -o-transition: all linear .3s;

  }

  .cart-sidebar.active {

    -webkit-transform: scale(1);

            transform: scale(1);

    -webkit-transform-origin: top;

            transform-origin: top;

  }

  .cart-close {

    left: 50%;

    top: -45px;

    bottom: inherit;

    -webkit-transform: translateX(-50%);

            transform: translateX(-50%);

    border-radius: 50px 50px 0px 0px;

    -webkit-box-shadow: 0px -8px 10px 0px rgba(0, 0, 0, 0.15);

            box-shadow: 0px -8px 10px 0px rgba(0, 0, 0, 0.15);

  }

  .cart-list {

    max-height: calc(100vh - 290px);

  }

  .cart-media a img {

    width: 80px;

  }

}



.category-sidebar {

  position: fixed;

  top: 0px;

  left: -320px;

  width: 280px;

  height: 100vh;

  z-index: 5;

  background: var(--white);

  -webkit-box-shadow: 15px 0px 25px 0px rgba(0, 0, 0, 0.15);

          box-shadow: 15px 0px 25px 0px rgba(0, 0, 0, 0.15);

  transition: all linear .3s;

  -webkit-transition: all linear .3s;

  -moz-transition: all linear .3s;

  -ms-transition: all linear .3s;

  -o-transition: all linear .3s;

}



.category-sidebar.active {

  left: 0px;

}



.category-header {

  padding: 15px 18px;

  position: relative;

  border-bottom: 1px solid var(--border);

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

      -ms-flex-align: center;

          align-items: center;

  -webkit-box-pack: start;

      -ms-flex-pack: start;

          justify-content: flex-start;

}



.category-title {

  color: var(--primary);

  text-transform: capitalize;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

      -ms-flex-align: center;

          align-items: center;

  -webkit-box-pack: start;

      -ms-flex-pack: start;

          justify-content: flex-start;

}



.category-title i {

  margin-right: 8px;

}



.category-close {

  position: absolute;

  top: 50%;

  right: -18px;

  -webkit-transform: translateY(-50%);

          transform: translateY(-50%);

}



.category-close i {

  width: 35px;

  height: 35px;

  font-size: 18px;

  line-height: 35px;

  border-radius: 50%;

  text-align: center;

  display: inline-block;

  color: var(--text);

  background: var(--white);

  text-shadow: var(--primary-tshadow);

  transition: all linear .3s;

  -webkit-transition: all linear .3s;

  -moz-transition: all linear .3s;

  -ms-transition: all linear .3s;

  -o-transition: all linear .3s;

}



.category-close i:hover {

  color: var(--white);

  background: var(--primary);

}



.category-list {

  width: 100%;

  padding: 0px 15px;

  overflow-y: scroll;

  height: calc(100vh - 130px);

}



.category-item {

  width: 100%;

  border-bottom: 1px solid var(--border);

}



.category-link {

  font-size: 16px;

  font-weight: 400;

  padding: 12px 15px;

  color: var(--text);

  text-transform: capitalize;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

      -ms-flex-align: center;

          align-items: center;

  -webkit-box-pack: start;

      -ms-flex-pack: start;

          justify-content: flex-start;

  transition: all linear .3s;

  -webkit-transition: all linear .3s;

  -moz-transition: all linear .3s;

  -ms-transition: all linear .3s;

  -o-transition: all linear .3s;

}



.category-link i {

  font-size: 25px;

  margin-right: 15px;

  display: inline-block;

}



.category-footer {

  text-align: center;

  margin-top: 20px;

}



.category-footer p {

  font-size: 14px;

  color: var(--gray);

}



.category-footer p a {

  color: var(--primary);

}



.mobile-menu {

  position: fixed;

  bottom: 0px;

  left: 0px;

  width: 100%;

  z-index: 99;

  background: var(--white);

  border-radius: 30px 30px 0px 0px;

  -webkit-box-shadow: 0px -5px 15px 0px rgba(0, 0, 0, 0.1);

          box-shadow: 0px -5px 15px 0px rgba(0, 0, 0, 0.1);

  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;

  -webkit-box-pack: justify;

      -ms-flex-pack: justify;

          justify-content: space-between;

  display: none;

}



.mobile-menu a,

.mobile-menu button {

  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;

  -webkit-box-orient: vertical;

  -webkit-box-direction: normal;

      -ms-flex-direction: column;

          flex-direction: column;

  width: 100px;

  padding: 10px 0px;

  border-radius: 8px;

  position: relative;

}



.mobile-menu a:hover,

.mobile-menu button:hover {

  background: var(--chalk);

}



.mobile-menu a:hover i,

.mobile-menu button:hover i {

  color: var(--primary);

}



.mobile-menu a:hover span,

.mobile-menu button:hover span {

  color: var(--primary);

}



.mobile-menu a i,

.mobile-menu button i {

  font-size: 24px;

  margin-bottom: 8px;
  padding-top: 8px;

  color: var(--text);


}



.mobile-menu a span,

.mobile-menu button span {

  font-size: 14px;

  line-height: 12px;

  color: var(--text);

  text-transform: uppercase;

}



.mobile-menu a sup,

.mobile-menu button sup {

  position: absolute;

  top: 5px;

  left: 75%;

  width: 24px;

  height: 24px;

  font-size: 12px;

  line-height: 20px;

  border-radius: 50%;

  text-align: center;

  -webkit-transform: translateX(-50%);

          transform: translateX(-50%);

  color: var(--white);

  background: var(--primary);

  border: 2px solid var(--green-chalk);

  text-shadow: var(--primary-tshadow);

}



.mobile-menu a .fas fa-shopping-basket,

.mobile-menu button .fas fa-shopping-basket {

  font-size: 18px;

}



@media (max-width: 991px) {

  .mobile-menu {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

  }

}



.product-view {

  max-width: 1000px;

  border-radius: 8px;

  background: var(--white);

}



.view-gallery {

  margin: 30px;

  position: relative;

}



.view-label-group {

  position: absolute;

  top: 0px;

  left: 0px;

  z-index: 1;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-orient: vertical;

  -webkit-box-direction: normal;

      -ms-flex-direction: column;

          flex-direction: column;

}



.view-label {

  font-size: 15px;

  padding: 6px 10px;

  margin-bottom: 6px;

  line-height: 13px;

  border-radius: 3px;

  text-align: center;

  text-transform: capitalize;

  color: var(--white);

}



.view-label:last-child {

  margin-bottom: 0px;

}



.view-label.off {

  background: var(--red);

}



.view-label.new {

  background: var(--green);

}



.view-label.sale {

  background: var(--orange);

}



.view-label.feat {

  background: var(--purple);

}



.view-label.rate {

  background: var(--yellow);

}



.view-details {

  margin: 30px;

}



.view-name {

  font-size: 26px;

  line-height: 34px;

  margin-bottom: 5px;

  text-transform: capitalize;

}



.view-name a {

  color: var(--heading);

}



.view-name a:hover {

  color: var(--primary);

}



.view-meta {

  margin-bottom: 12px;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

      -ms-flex-align: center;

          align-items: center;

  -webkit-box-pack: start;

      -ms-flex-pack: start;

          justify-content: flex-start;

}



.view-meta p {

  font-size: 13px;

  margin-right: 20px;

  text-transform: uppercase;

  color: var(--placeholder);

}



.view-meta span,

.view-meta a {

  margin-left: 5px;

  color: var(--placeholder);

}



.view-meta a:hover {

  text-decoration: underline;

  color: var(--primary);

}



.view-rating {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

      -ms-flex-align: center;

          align-items: center;

  -webkit-box-pack: start;

      -ms-flex-pack: start;

          justify-content: flex-start;

  margin-bottom: 15px;

}



.view-rating i,

.view-rating a {

  font-size: 15px;

  margin-right: 3px;

  color: var(--gray);

}



.view-rating a {

  margin-left: 8px;

  white-space: nowrap;

  text-transform: capitalize;

  transition: all linear .3s;

  -webkit-transition: all linear .3s;

  -moz-transition: all linear .3s;

  -ms-transition: all linear .3s;

  -o-transition: all linear .3s;

}



.view-rating a:hover {

  color: var(--primary);

  text-decoration: underline;

}



.view-rating .active {

  color: var(--yellow);

}



.view-price {

  margin-bottom: 20px;

}



.view-price del {

  color: var(--red);

  margin-right: 25px;

}



.view-price span {

  color: var(--primary);

}



.view-price span small {

  font-size: 14px;

  font-weight: 400;

  text-transform: capitalize;

}



.view-desc {

  margin-bottom: 25px;

}



.view-list-group {

  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;

  -webkit-box-pack: start;

      -ms-flex-pack: start;

          justify-content: flex-start;

  margin-bottom: 25px;

}



.view-list-group:last-child {

  margin-bottom: 0px;

}



.view-list-title {

  font-weight: 500;

  margin-right: 15px;

  color: var(--heading);

  text-transform: capitalize;

}



.view-tag-list {

  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;

}



.view-tag-list li {

  margin-right: 8px;

}



.view-tag-list li a {

  font-size: 14px;

  line-height: 12px;

  padding: 8px 10px;

  border-radius: 5px;

  letter-spacing: 0.3px;

  text-transform: capitalize;

  color: var(--text);

  background: var(--chalk);

  transition: all linear .3s;

  -webkit-transition: all linear .3s;

  -moz-transition: all linear .3s;

  -ms-transition: all linear .3s;

  -o-transition: all linear .3s;

}



.view-tag-list li a:hover {

  color: var(--white);

  background: var(--primary);

}



.view-share-list {

  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;

}



.view-share-list li {

  margin-right: 8px;

}



.view-share-list li a {

  width: 35px;

  height: 35px;

  font-size: 16px;

  line-height: 35px;

  border-radius: 50%;

  text-align: center;

  color: var(--text);

  background: var(--chalk);

  transition: all linear .3s;

  -webkit-transition: all linear .3s;

  -moz-transition: all linear .3s;

  -ms-transition: all linear .3s;

  -o-transition: all linear .3s;

}



.view-share-list li a:hover {

  color: var(--white);

  background: var(--primary);

}



.view-add-group {

  margin: 45px 0px 15px;

}



.view-add-group .product-add,

.view-add-group .action-input {

  height: 46px;

  line-height: 46px;

  letter-spacing: 0.3px;

  text-transform: uppercase;

  color: var(--white);

  background: var(--primary);

}



.view-action-group {

  display: -ms-grid;

  display: grid;

  grid-gap: 15px;

  -ms-grid-columns: (minmax(200px, 1fr))[auto-fit];

      grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));

  position: relative;

}



.view-action-group a {

  padding: 10px 0px;

  border-radius: 8px;

  color: var(--text);

  background: var(--border);

  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;

  transition: all linear .3s;

  -webkit-transition: all linear .3s;

  -moz-transition: all linear .3s;

  -ms-transition: all linear .3s;

  -o-transition: all linear .3s;

}



.view-action-group a i {

  font-size: 16px;

  margin-right: 8px;

}



.view-action-group a span {

  font-size: 14px;

  font-weight: 500;

  letter-spacing: 0.5px;

  text-transform: uppercase;

}



.view-wish.active {

  color: var(--white);

  background: var(--primary);

}



.preview-slider {

  margin-bottom: 20px;

}



.preview-slider li img {

  width: 100%;

  border-radius: 8px;

}



.thumb-slider li {

  margin: 0px 10px;

  cursor: pointer;

}



.thumb-slider li img {

  width: 100%;

  border-radius: 8px;

  border: 1px solid var(--border);

}



.thumb-slider .slick-center img {

  border: 1px solid var(--primary);

}



@media (max-width: 500px) {

  .view-gallery,

  .view-details {

    margin: 25px;

  }

  .view-list-group {

    -webkit-box-align: start;

        -ms-flex-align: start;

            align-items: flex-start;

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

        -ms-flex-direction: column;

            flex-direction: column;

  }

  .view-list-title {

    margin: 0px 0px 10px;

  }

}



@media (max-width: 767px) {

  .product-view {

    max-width: 480px;

  }

}



.countdown-part {

  padding: 80px 0px;

  background: -webkit-gradient(linear, right top, left top, from(#c3ffda), to(#a1f3c0));

  background: linear-gradient(to left, #c3ffda, #a1f3c0);

}



.countdown-content {

  text-align: center;

}



.countdown-content h3 {

  font-size: 40px;

  font-weight: 700;

  line-height: 48px;

  text-transform: uppercase;

  margin-bottom: 12px;

}



.countdown-content p {

  margin-bottom: 38px;

}



.countdown-clock {

  margin-bottom: 45px;

}



.countdown-img {

  position: relative;

}



.countdown-img img {

  width: 100%;

}



.countdown-off {

  width: 120px;

  height: 120px;

  border-radius: 50%;

  padding: 35px 30px 30px;

  background: var(--red);

  position: absolute;

  top: 0px;

  left: 0px;

}



.countdown-off span {

  display: block;

  text-transform: uppercase;

  font-size: 30px;

  font-weight: 500;

  letter-spacing: 0.5px;

  color: var(--white);

}



@media (max-width: 767px) {

  .countdown-part {

    padding: 60px 0px;

  }

  .countdown-img {

    margin-top: 30px;

  }

}

.news-form {

  width: 100%;

  padding: 6px;

  border-radius:50px;

  background: var(--white);

  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;

}



.news-form input {

  width: 100%;

  height: 50px;

  padding: 0px 20px;

  line-height: 50px;

}



.news-form button span {

  width: 180px;

  font-size: 14px;

  font-weight: 500;

  padding: 12px 0px;

  border-radius: 50px;

  text-align: center;

  display: inline-block;

  text-transform: uppercase;

  color: var(--white);

  background: var(--primary);

}



.news-form button span i {

  margin-right: 5px;

}



@media (max-width: 575px) {

  .news-form {

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

        -ms-flex-direction: column;

            flex-direction: column;

  }

}



@media (max-width: 767px) {

  .news-text {

    margin-bottom: 30px;

  }

}



@media (max-width: 991px) {

  .news-part {

    padding: 50px 30px 60px;

  }

  .news-part .container-fluid {

    padding: 0px;

  }

}



.intro-part {

  padding: 30px 0px;

  background: var(--intro-bg);

}



.intro-wrap {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: start;

      -ms-flex-align: start;

          align-items: flex-start;

  -webkit-box-pack: start;

      -ms-flex-pack: start;

          justify-content: flex-start;

}



.intro-wrap:hover .intro-icon i {

  color: var(--white);

  background: var(--primary);

}



.intro-icon {

  margin-right: 20px;

}



.intro-icon i {

  width: 50px;

  height: 50px;

  font-size: 18px;

  line-height: 43px;

  border-radius: 50%;

  text-align: center;

  display: inline-block;

  color: var(--primary);

  background: var(--white);

  border: 3px double var(--primary);

  -webkit-box-shadow: var(--primary-bshadow);

          box-shadow: var(--primary-bshadow);

  transition: all linear .3s;

  -webkit-transition: all linear .3s;

  -moz-transition: all linear .3s;

  -ms-transition: all linear .3s;

  -o-transition: all linear .3s;

}



.intro-content h5 {

  font-size: 17px;

  margin-bottom: 8px;

  text-transform: capitalize;

}



.intro-content p {

  font-size: 15px;

  line-height: 22px;

}



@media (max-width: 767px) {

  .intro-part {

    padding: 60px 0px 30px;

  }

  .intro-wrap {

    margin-bottom: 30px;

  }

}



@media (min-width: 768px) and (max-width: 991px) {

  .intro-part {

    padding: 80px 0px 50px;

  }

  .intro-wrap {

    margin-bottom: 30px;

  }

}



/*=====================================

            FOOTER PART STYLE

======================================*/

.footer-part {

  padding-top: 24px;

}



.footer-widget {

  display: -ms-grid;

  display: grid;

  -ms-grid-columns: 100%;

      grid-template-columns: 100%;

}



.footer-logo {

  margin-bottom: 25px;

}



.footer-logo img {

  width: 180px;

}



.footer-desc {

  margin-bottom: 20px;

}



.footer-social li {

  display: inline-block;

  margin-right: 7px;

}



.footer-social li:last-child {

  margin-right: 0px;

}



.footer-social li a {

  width: 40px;

  height: 40px;

  font-size: 16px;

  line-height: 40px;

  border-radius: 50%;

  text-align: center;

  color: var(--primary);

  background: var(--white);

  text-shadow: var(--primary-tshadow);

  -webkit-box-shadow: var(--primary-bshadow);

          box-shadow: var(--primary-bshadow);

  transition: all linear .3s;

  -webkit-transition: all linear .3s;

  -moz-transition: all linear .3s;

  -ms-transition: all linear .3s;

  -o-transition: all linear .3s;

}



.footer-social li a:hover {

  color: var(--white);

  background: var(--primary);

}



.footer-title {

  margin-bottom: 25px;

  letter-spacing: -0.3px;

  text-transform: capitalize;

}



.footer-widget.contact {

  margin-left: 20px;

}



.footer-contact li {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

      -ms-flex-align: center;

          align-items: center;

  margin-bottom: 18px;

}



.footer-contact li:last-child {

  margin-bottom: 0px;

}



.footer-contact li i {

  font-size: 20px;

  margin-right: 15px;

  color: var(--primary);
  vertical-align: top;

}



.footer-contact li p span {

  display: block;

}



.footer-links {

  display: -ms-grid;

  display: grid;

  grid-gap: 50px;

  -ms-grid-columns: 1fr 1fr;

      grid-template-columns: 1fr 1fr;

}



.footer-links ul li {

  margin-bottom: 15px;

}



.footer-links ul li:last-child {

  margin-bottom: 0px;

}



.footer-links ul li a {

  color: var(--text);

  text-transform: capitalize;

  transition: all linear .3s;

  -webkit-transition: all linear .3s;

  -moz-transition: all linear .3s;

  -ms-transition: all linear .3s;

  -o-transition: all linear .3s;

}



.footer-links ul li a:hover {

  color: var(--primary);

  text-decoration: underline;

}



.footer-app {

  display: -ms-grid;

  display: grid;

  grid-gap: 10px;

  -ms-grid-columns: 1fr 1fr;

      grid-template-columns: 1fr 1fr;

}



.footer-app a img {

  width: 100%;

}



.footer-bottom {

  margin-top: 75px;

  padding: 20px 35px 15px;

  border-radius: 8px 8px 0px 0px;

  background: var(--primary);

  border-top: 1px solid var(--border);

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

      -ms-flex-align: center;

          align-items: center;

  -webkit-box-pack: justify;

      -ms-flex-pack: justify;

          justify-content: space-between;

}



.footer-copytext {

  font-size: 15px;

  color: var(--white);

}



.footer-copytext a {

  color: var(--green-chalk);

}



.footer-copytext a:hover {

  text-decoration: underline;

}



.footer-card a {

  margin-left: 10px;

}



.footer-card a img {

  width: 50px;

  border-radius: 3px;

}



@media (max-width: 768px) {

  .footer-part .container-fluid {

    padding: 0px 25px;

  }

  .footer-widget.contact {

    margin-left: 0px;

  }

}



@media (max-width: 1199px) {

  .footer-part {

    padding-top: 30px;

  }

  .footer-widget {

    margin-bottom: 20px;

  }

  .footer-bottom {

    margin-top: 10px;

  }

}



@media (max-width: 767px) {

  .footer-bottom {

    padding: 25px 15px 75px;

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

        -ms-flex-direction: column;

            flex-direction: column;

    text-align: center;

  }

  .footer-copytext {

    margin-bottom: 10px;

  }

  .footer-card a {

    margin: 0px 3px;

  }

}



@media (min-width: 768px) and (max-width: 991px) {

  .footer-bottom {

    padding: 25px 30px 75px;

  }

}



.blog-widget {

  margin-bottom: 30px;

  margin-left: 5px;

  border-radius: 8px;

  padding: 18px 25px 25px;

  background: var(--white);

}



.blog-widget:last-child {

  margin-bottom: 0px;

}



.blog-widget-title {

  padding-bottom: 16px;

  margin-bottom: 20px;

  position: relative;

  text-transform: capitalize;

  border-bottom: 1px solid var(--border);

}



.blog-widget-title::before {

  position: absolute;

  content: "";

  bottom: -2px;

  left: 0px;

  width: 50px;

  height: 2px;

  background: var(--primary);

}



.blog-widget-form {

  position: relative;

}



.blog-widget-form input {

  width: 100%;

  height: 45px;

  padding: 0px 15px 0px 60px;

  border-radius: 8px;

  background: var(--chalk);

  border: 1px solid var(--border);

  transition: all linear .3s;

  -webkit-transition: all linear .3s;

  -moz-transition: all linear .3s;

  -ms-transition: all linear .3s;

  -o-transition: all linear .3s;

}



.blog-widget-form input:focus-within {

  border-color: var(--primary);

}



.blog-widget-form button {

  position: absolute;

  top: 0px;

  left: 0px;

  width: 45px;

  height: 45px;

  line-height: 45px;

  text-align: center;

  color: var(--white);

  background: var(--primary);

  border-radius: 8px 0px 0px 8px;

}



.blog-widget-feed li {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  margin-bottom: 25px;

  padding-bottom: 25px;

  border-bottom: 1px solid var(--border);

}



.blog-widget-feed li:last-child {

  margin: 0px;

  padding: 0px;

  border: none;

}



.blog-widget-media img {

  width: 100px;

  border-radius: 8px;

  margin-right: 20px;

  transition: all linear .3s;

  -webkit-transition: all linear .3s;

  -moz-transition: all linear .3s;

  -ms-transition: all linear .3s;

  -o-transition: all linear .3s;

}



.blog-widget-text {

  font-size: 17px;

  line-height: 24px;

}



.blog-widget-text a {

  color: var(--heading);

  transition: all linear .3s;

  -webkit-transition: all linear .3s;

  -moz-transition: all linear .3s;

  -ms-transition: all linear .3s;

  -o-transition: all linear .3s;

}



.blog-widget-text a:hover {

  color: var(--primary);

}



.blog-widget-text span {

  display: block;

  margin-top: 8px;

  font-size: 13px;

  font-weight: 400;

  text-transform: uppercase;

}



.blog-widget-category li {

  margin-bottom: 15px;

  padding-bottom: 15px;

  border-bottom: 1px solid var(--border);

}



.blog-widget-category li:last-child {

  margin: 0px;

  padding: 0px;

  border: none;

}



.blog-widget-category li:hover a {

  color: var(--primary);

}



.blog-widget-category li:hover a span {

  background: var(--primary);

}



.blog-widget-category li a {

  width: 100%;

  font-size: 17px;

  color: var(--text);

  text-transform: capitalize;

  transition: all linear .3s;

  -webkit-transition: all linear .3s;

  -moz-transition: all linear .3s;

  -ms-transition: all linear .3s;

  -o-transition: all linear .3s;

}



.blog-widget-category li a span {

  font-size: 14px;

  float: right;

  width: 30px;

  height: 30px;

  line-height: 32px;

  text-align: center;

  border-radius: 50%;

  color: var(--white);

  background: var(--heading);

  transition: all linear .3s;

  -webkit-transition: all linear .3s;

  -moz-transition: all linear .3s;

  -ms-transition: all linear .3s;

  -o-transition: all linear .3s;

}



.blog-widget-tag li {

  display: inline-block;

  margin: 0px 8px 12px 0px;

}



.blog-widget-tag li a {

  font-size: 14px;

  padding: 5px 12px;

  border-radius: 3px;

  color: var(--text);

  background: var(--chalk);

  text-transform: capitalize;

  transition: all linear .3s;

  -webkit-transition: all linear .3s;

  -moz-transition: all linear .3s;

  -ms-transition: all linear .3s;

  -o-transition: all linear .3s;

}



.blog-widget-tag li a:hover {

  color: var(--white);

  background: var(--primary);

}



.blog-widget-social li {

  display: inline-block;

  margin-right: 10px;

}



.blog-widget-social li a {

  width: 45px;

  height: 45px;

  font-size: 18px;

  line-height: 45px;

  text-align: center;

  border-radius: 3px;

  color: var(--white);

  background: var(--heading);

  transition: all linear .3s;

  -webkit-transition: all linear .3s;

  -moz-transition: all linear .3s;

  -ms-transition: all linear .3s;

  -o-transition: all linear .3s;

}



.blog-widget-social li a:hover {

  background: var(--primary);

}



@media (max-width: 575px) {

  .blog-widget-social li {

    margin-right: 5px;

  }

  .blog-widget-social li a {

    width: 40px;

    height: 40px;

    font-size: 16px;

    line-height: 40px;

  }

}



@media (min-width: 992px) and (max-width: 1199px) {

  .blog-widget-media img {

    width: 95px;

  }

  .blog-widget-social li {

    margin-right: 5px;

  }

  .blog-widget-social li a {

    width: 40px;

    height: 40px;

    font-size: 16px;

    line-height: 40px;

  }

}



@media (max-width: 991px) {

  .blog-widget {

    margin-left: 0px;

  }

}



.shop-filter {

  padding: 20px 30px;

  border-radius: 8px;

  margin-bottom: 25px;

  background: var(--white);

  border: 1px solid var(--border);

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

      -ms-flex-align: center;

          align-items: center;

  -webkit-box-pack: justify;

      -ms-flex-pack: justify;

          justify-content: space-between;

}



.shop-filter .nice-select {

  border-radius: 6px;

  background: var(--chalk);

  padding: 8px 35px 8px 20px;

  border: 1px solid var(--border);

}



.shop-filter .nice-select::after {

  right: 20px;

}



.shop-filter .nice-select .current {

  font-size: 15px;

}



.shop-filter .nice-select .list {

  top: 45px;

  -webkit-box-align: start;

      -ms-flex-align: start;

          align-items: flex-start;

  -webkit-box-orient: vertical;

  -webkit-box-direction: normal;

      -ms-flex-direction: column;

          flex-direction: column;

}



.shop-filter ul {

  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;

}



.shop-filter ul li {

  margin: 0px 5px;

}



.shop-filter ul li a {

  width: 40px;

  height: 40px;

  font-size: 16px;

  line-height: 40px;

  border-radius: 50%;

  text-align: center;

  color: var(--text);

  background: var(--chalk);

}



.shop-filter ul li .active {

  color: var(--white);

  background: var(--primary);

}



.shop-filter p {

  font-size: 15px;

  text-transform: capitalize;

}



@media (max-width: 767px) {

  .shop-filter {

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

        -ms-flex-direction: column;

            flex-direction: column;

  }

  .shop-filter .nice-select {

    margin-bottom: 15px;

  }

  .shop-filter ul {

    margin-bottom: 15px;

  }

}



.shop-widget-promo {

  margin-bottom: 25px;

  border-radius: 8px;

  text-align: center;

  overflow: hidden;

}



.shop-widget-promo img {

  width: 100%;

  border-radius: 8px;

  transition: all linear .3s;

  -webkit-transition: all linear .3s;

  -moz-transition: all linear .3s;

  -ms-transition: all linear .3s;

  -o-transition: all linear .3s;

}



.shop-widget-promo img:hover {

  -webkit-transform: scale(1.05);

          transform: scale(1.05);

}



.shop-widget {

  padding: 20px 20px;

  border-radius: 8px;

  margin-bottom: 25px;

  background: var(--white);

  border: 1px solid var(--white);

}



.shop-widget:last-child {

  margin-bottom: 0px;

}



.shop-widget-title {

  padding-bottom: 12px;

  text-transform: uppercase;

  border-bottom: 1px solid var(--border);

}



.shop-widget-btn {

  width: 100%;

  font-size: 15px;

  padding: 8px 0px;

  border-radius: 8px;

  color: var(--heading);

  background: var(--border);

  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;

  transition: all linear .3s;

  -webkit-transition: all linear .3s;

  -moz-transition: all linear .3s;

  -ms-transition: all linear .3s;

  -o-transition: all linear .3s;

}



.shop-widget-btn:hover {

  color: var(--white);

  background: var(--primary);

}



.shop-widget-btn i {

  margin-right: 8px;

  margin-top: -1px;

}



.shop-widget-btn span {

  text-transform: capitalize;

}



.shop-widget-group {

  display: -ms-grid;

  display: grid;

  grid-gap: 10px;

  -ms-grid-columns: (1fr)[2];

      grid-template-columns: repeat(2, 1fr);

  -ms-grid-rows: auto;

      grid-template-rows: auto;

  margin: 15px 0px;

}



.shop-widget-group input {

  width: 100%;

  height: 45px;

  border-radius: 5px;

  background: var(--chalk);

  text-align: center;

}



.shop-widget-list {

  margin: 18px 0px 20px;

}



.shop-widget-list li {

  margin-bottom: 12px;

  color: var(--gray);

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

      -ms-flex-align: center;

          align-items: center;

  -webkit-box-pack: justify;

      -ms-flex-pack: justify;

          justify-content: space-between;

  transition: all linear .3s;

  -webkit-transition: all linear .3s;

  -moz-transition: all linear .3s;

  -ms-transition: all linear .3s;

  -o-transition: all linear .3s;

}



.shop-widget-list li:hover {

  color: var(--primary);

}



.shop-widget-list li:last-child {

  margin-bottom: 0px;

}



.shop-widget-content {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

      -ms-flex-align: center;

          align-items: center;

  -webkit-box-pack: start;

      -ms-flex-pack: start;

          justify-content: flex-start;

}



.shop-widget-content input {

  width: 15px;

  height: 15px;

  margin-right: 12px;

  cursor: pointer;

}



.shop-widget-content label {

  cursor: pointer;

  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;

  text-transform: capitalize;

}



.shop-widget-content label i {

  font-size: 15px;

  margin-left: 8px;

  color: var(--gray);

}



.shop-widget-content label i:first-child {

  margin-left: 0px;

}



.shop-widget-content label i.active {

  color: var(--yellow);

}



.shop-widget-number {

  font-size: 15px;

}



.shop-widget-search {

  width: 100%;

  height: 40px;

  padding: 0px 15px;

  border-radius: 5px;

  background: var(--chalk);

  border: 1px solid var(--border);

  transition: all linear .3s;

  -webkit-transition: all linear .3s;

  -moz-transition: all linear .3s;

  -ms-transition: all linear .3s;

  -o-transition: all linear .3s;

}



.shop-widget-search:focus-within {

  border-color: var(--primary);

}



.shop-widget-scroll {

  height: 279px;

  overflow-y: scroll;

  padding-right: 10px;

}



.single-banner {
  background-size: cover !important;
  padding: 10px 0px 10px;
  text-align: center;
  position: relative;
  z-index: 1;
  border-top: 1px solid rgba(0, 0, 0,0.05);
  border-bottom: 1px solid rgba(0, 0, 0,0.05);
  margin-bottom: 24px;
}


.banner-title-row{
    display: flex;
    align-items: center;
}

.single-banner h2 {

  font-size: 38px;

  margin-bottom: 15px;

  color: var(--white);

  text-transform: uppercase;

}



@media (max-width: 767px) {

  .single-banner {

    padding: 20px 0px 15px;

  }

  .single-banner h2 {

    font-size: 32px;

    margin-bottom: 12px;

  }

  .breadcrumb .active,.breadcrumb-item{font-size: 14px !important;}
}



.top-filter {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

      -ms-flex-align: center;

          align-items: center;

  -webkit-box-pack: justify;

      -ms-flex-pack: justify;

          justify-content: space-between;

  margin-bottom: 25px;

}



.filter-short {

  width: 225px;

  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;

}



.filter-show {

  width: 125px;

  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;

}



.filter-label {

  font-size: 14px;

  font-weight: 500;

  margin-right: 8px;

  white-space: nowrap;

  text-transform: uppercase;

}



.filter-select {

  height: 40px;

  background-color: transparent;

}



.filter-select:focus-within {

  border-color: #ced4da;

}



.filter-action {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

      -ms-flex-align: center;

          align-items: center;

  -webkit-box-pack: end;

      -ms-flex-pack: end;

          justify-content: flex-end;

}



.filter-action a i {

  width: 40px;

  height: 40px;

  font-size: 16px;

  line-height: 40px;

  border-radius: 50%;

  text-align: center;

  color: var(--text);

  background: transparent;

}



.filter-action a i:hover {

  color: var(--primary);

}



.filter-action .active i {

  color: var(--white);

  background: var(--primary);

}



.filter-action .active i:hover {

  color: var(--white);

}



@media (max-width: 575px) {

  .filter-label,

  .filter-action {

    display: none;

  }

  .filter-show {

    width: 80px;

  }

  .filter-short {

    width: 130px;

  }

}



.bottom-paginate {

  padding-top: 25px;

  border-top: 1px solid var(--border);

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

      -ms-flex-align: center;

          align-items: center;

  -webkit-box-pack: justify;

      -ms-flex-pack: justify;

          justify-content: space-between;

}



.page-info {

  font-weight: 400;

  color: var(--text);

}



@media (max-width: 575px) {

  .bottom-paginate {

    margin-bottom: 30px;

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

        -ms-flex-direction: column;

            flex-direction: column;

  }

  .page-info {

    margin-bottom: 15px;

  }

}



@media (min-width: 576px) and (max-width: 991px) {

  .bottom-paginate {

    margin-bottom: 30px;

  }

}


/* ***** Home Page Css ***** */
.dropdown-megamenu:hover .megamenu{
    top: 190px !important;
}
.megamenu.dropdown-position-list::before{
    display: none;
}
.header-widget.login-btn{
    padding: 6px 24px;
    background: #fff;
    border: 1px solid #F68735;
    border-radius: 30px;
    color: #F68735 !important;
    font-size: 15px;
    font-weight: normal;
    transition: .4s lienar;
    -webkit-transition: .4s lienar;
}
.header-widget.login-btn span{color: #F68735 !important;}
.header-widget.login-btn:hover{
    background: #F68735;
    color: #fff;
}
.header-widget.login-btn:hover img{
    -webkit-filter: brightness(0) invert(1);
    filter: brightness(0) invert(1);
}
.header-widget.login-btn:hover span{
    color: #fff !important;
}
.login-btn img{
    margin-right: 5px;
    min-width: 14px;
    width: auto;
    height: auto;
    border-radius: 0;
}
.header-widget.header-cart,a.header-widget.btn-wish{padding: 0;}
.header-widget.cartheadrow{padding: 0 20px;}
.header-cart {margin: 0 0 0 20px;}
.header-widget.header-cart sup{
  width: 24px;
  height: 24px;
  background: #238A58;
  border-radius: 50%;
  line-height: 20px;
  border: 2px solid #fff;
  color: #fff;
  font-size: 11px;
  font-weight: 500;
  display: block;
  position: absolute;
  top: -10px;
  right: -3px;
  left: auto;
}

.header-top .row{
  display: flex;
  align-items: center;
  justify-content: center;
}
.header-top-welcome .register-top{
  padding: 3px 15px;
  background: #fff;
  border-radius: 30px;
  font-size: 12px;
  line-height: 20px;
  font-weight: normal;
  margin: 0;
  color: #F68735;
  width: auto;
  max-width: fit-content;
  transition: .4s linear;
  -webkit-transition: .4s linear;
}
.header-top-welcome .register-top span{font-size: 12px;}
.header-top-welcome .register-top:hover{
  background: #F68735;
  color: #fff;
}
.header-top-welcome .register-top:hover span{
  color: #fff !important;
}
.header-form{
  position: relative;
}
.header-form input{
  border-radius: 30px;
  border: 1px solid #E4E4E4;
  box-shadow: none;
  padding: 6px 35px 6px 15px;
  font-size: 14px;
  font-weight: normal;
  color: #111;
  height: auto;
}
.header-form button{
  position: absolute;
  top: 1px;
  right: 0px;
  background: transparent;
  border: none;
}
.header-widget.spceial-widget{
  padding: 6px 25px;
  background: #fff;
  border: 1px solid #E4E4E4;
  border-radius: 30px;
  font-size: 16px;
  font-weight: normal;
  color: #238A58;
  display: block;
  transition: .4s linear;
  -webkit-transition: .4s linear;
}
.header-widget.spceial-widget:hover{
  background: #238A58;
  color: #fff !important;
  border-color: #238A58;
}
.header-widget.spceial-widget:hover span{
  color: #fff !important;
}
.header-widget.btn-wish i,
.header-widget.header-cart i{
  border: 1px solid #E4E4E4;
  color: #464646;
  background: transparent;
}
.header-widget.btn-wish i:hover, .header-widget.header-cart i:hover{
    background: #F68735;
    color: #fff;
    border-color: #F68735 ;
}

.banner-part{
    width: 100%;
    /*height: 700px;*/
    background:none;
}
.banner-part img{
  width: 100%;
}
.category-wrp{
  margin: 0 0;
  padding: 24px 0 0px;
}
.category-wrp h3{
  font-size: 24px;
  font-weight: normal;
  color: #F68735;
  line-height: 28px;
  margin: 0 0 20px;
  position: relative;
}
.category-wrp h3:after{
  position: absolute;
  content: '';
  width: 7px;
  height: 100%;
  background: url('../images/title-shp.png') 0 0 no-repeat;
  background-size: 100% 100%;
  right: 0;
  top: 0;
}
.category-wrp .suggest-category{
  border: 1px dashed #B5B5B5;
  border-radius: 50px;
  padding: 10px 20px;
  display: flex;
  align-items: center;
  margin: 0 0 20px;
}
.category-wrp .suggest-category .cat-icbox{
  min-width: 32px;
  margin-right: 15px;
}
.category-wrp .suggest-category .cat-nambx h5{
  margin: 0;
  font-size: 16px;
  font-weight:500;
  color: #464646;
  line-height: 22px;
}
.category-wrp .suggest-category .cat-nambx p{
  font-size: 11px;
  font-weight: normal;
  color: #464646;
  margin: 0;
  line-height: 11px;
}
.category-wrp .suggest-category.suggest-active .cat-nambx h5,
.category-wrp .suggest-category.suggest-active .cat-nambx p{
  color: #fff !important;
}

.cart-pro-titlebox h2{
  font-size: 36px;
  font-weight: normal;
  color: #309D5D;
  line-height: 42px;
  margin: 0 0 15px;
}
.cart-pro-titlebox p{
  font-size: 16px;
  font-weight: normal;
  color: #000;
  line-height: 26px;
  margin: 0 0 30px;
}
.btn-main{
  padding: 12px 40px;
  background: #F2994A;
  border-radius: 30px;
  display: table;
  font-size: 16px;
  font-weight: bold;
  color: #fff;
  border: none;
  transition: .4s linear;
  -webkit-transition: .4s linear;
}
.btn-main:hover{
  background: #309D5D;
  color: #fff;
}

.product-label{
  position: absolute;
  top: 15px;
  left: 15px;
}
.pro-crtact{
    position: absolute;
    top: 15px;
    right: 15px;
    display: flex;
    align-items: center;
    max-width: 70px;
    width: 100%;
}
.product-label label{
    margin: 0;
    background: #F68735;
    border-radius: 30px;
    width: 54px;
    height: 24px;
    line-height: 24px;
    text-align: center;
    padding: 0;
}
.pro-crtact a{
  margin-right: 5px;
}
.pro-crtact a:last-child{
  margin: 0;
}
.btn-adcrt i,
.product-wish i{
    width: 30px;
    height: 30px;
    line-height: 30px;
    border-radius: 50%;
    background: #F3F3F3;
    color: #474747;
    font-size: 15px;
    text-align: center;
    transition: .4s linear;
    -webkit-transition: .4s linear;
}
.btn-adcrt i:hover,
.product-wish i:hover{
  background: #119744;
  color: #fff;
}
h6.product-name{
    font-size: 18px;
    font-weight: normal;
    color: #101010;
    margin: 0 0 10px;
    text-align: left;
    line-height: 26px;
}

.product-price span{
    font-size: 24px;
    font-weight: normal;
    color: #F68735;
}
.product-price del{
    color: #A9A9A9;
    font-size: 24px;
    font-weight: normal;
    margin: 0 0 0 5px;
}
.product-rating{
    display: flex;
    align-items: center;
    margin: 0 0 16px;
}
.product-rating span{
    margin: 0 0 0 8px;
    padding: 0 0 0 8px;
    font-size: 14px;
    font-weight: normal;
    color: #777777;
    position: relative;
}
.product-rating span:before{
    position: absolute;
    content: '';
    width: 1px;
    height: 60%;
    background: #000;
    opacity: 0.20;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
}
.product-content .btn-buy {
    display: block;
    width: 100%;
    text-align: center;
    padding: 10px 15px;
    background: #309D5D;
    border-radius: 30px;
    font-size: 16px;
    font-weight: 500;
    color: #fff;
    transition: .4s linear;
    -webkit-transition: .4s linear;
}
.product-content .btn-buy:hover{
    background: #228249;
    color: #fff;
}
.promo-img img{
    width: 100%;
}

.why-bharat-wrp{
    margin: 0 0 50px;
}
.why-bharat-wrp h2{
    font-size: 36px;
    font-weight: normal;
    color: #F2994A;
    text-align: center;
    margin: 0 auto 35px;
}
.why-block{
    margin: 0 auto ;
}
.why-block .spec-image{
    margin: 0 auto 15px;
    height: auto;
    display: table;
}
.why-block h3{
    font-size: 24px;
    font-weight: 500;
    color: #007A48;
    text-align: center;
    margin: 0 auto 15px;
}
.why-block p{
    font-size: 16px;
    font-weight: 500;
    color: #646464;
    line-height: 24px;
    text-align: center;
    margin: 0;
}

.testimonial-part{
    padding: 40px 0;
    margin: 0;
}
.testimonial-blocks{
    padding: 25px;
}
.testimonial-blocks .product-media label{
    padding: 0px 10px;
    border: 1px solid #E2E0E0;
    border-radius: 30px;
    margin: 0 0 10px;
    display: table;
    font-size: 13px;
    font-weight: normal;
    color: #000;
}
.testimonial-blocks .product-media label i{
    margin-right: 5px;
    color: #00A3FF;
}
.testimonial-imgbox{
    position: relative;
}
.testimonial-imgbox img{
    width: 100%;
    height: 150px;
    object-fit: cover;
}
.btn-play{
    width: 30px;
    height: 30px;
    background: rgba(0, 0, 0, 0.50);
    color: #fff;
    line-height: 30px;
    text-align: center;
    font-size: 13px;
    border-radius: 50%;
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    margin: 0 auto;
    display: table;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transition: .4s linear;
    -webkit-transition: .4s linear;
}
.btn-play:hover{
    background: #000;
    color: #fff;
}
.testimonial-blocks .product-content{
    padding: 10px 0 0;
}
.testimonial-blocks .product-content h3{
    font-size: 18px;
    font-weight: normal;
    color: #F68735;
    text-align: left;
    line-height: 26px;
    margin: 0 0 5px;
}
.testimonial-blocks .product-content h6{
    font-size: 13px;
    font-weight: normal;
    color: #A8A8A8;
    text-align: left;
    line-height: 13px;
    margin: 0 0 10px;
}
.testimonial-blocks .product-content .product-rating{
    margin: 0 0 10px;
}
.testimonial-blocks .product-content h5{
    font-size: 14px;
    font-weight: bold;
    text-align: left;
    color: #000;
    line-height: 22px;
    margin: 0 0 5px;
}
.testimonial-blocks .product-content p{
    font-size: 14px;
    font-weight: normal;
    color: #231F20;
    line-height: 22px;
    text-align: left;
    margin: 0;
}


.news-part{
    padding: 200px 0 150px;
    position: relative;
    background: url('../images/subscribe-back.png') 0 0 no-repeat;
    background-size: 100% 100%;
}
.news-part .container{
    max-width: 760px;
    position: relative;
    z-index: 5;
}
.news-text h2{
    font-size: 30px;
    font-weight:200;
    color: #547C0E;
    line-height: 32px;
    text-align: center;
    margin: 0 auto 5px;
}
.news-text p{
    font-size: 18px;
    font-weight: normal;
    color: #000;
    line-height: 26px;
    margin: 0 0 15px;
    text-align: center;
}
img.sub-img1{
    position: absolute;
    bottom: 0;
    left: 0;
}
img.sub-img2{
    position: absolute;
    bottom: 90px;
    right: 0;
}

.top-seling-wrp .cart-pro-titlebox h2{
    color: #A25C9F;
}
.top-seling-wrp .product-label label.label-text{
    background: #A25C9F !important;
}

.top-cold-wrp .cart-pro-titlebox h2{
    color: #B6994F;
}
.top-cold-wrp .product-label label.label-text{
    background: #B6994F !important;
}

.testimonial-part .cart-pro-titlebox h2{
    color: #F2994A;
}

.process-wrp{
    padding: 40px 0 0;
}
.process-img{
    min-height: 175px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.process-img img{
    margin: 0 auto 20px;
    display: table;
    width: 140px;
}
.process-block h4{
    text-align: center;
    margin: 0 auto;
    font-size: 24px;
    font-weight: 500;
    color: #373737;
    line-height: 32px;
}
.home-classic-slider{margin: 0;}
.why-bharat-wrp,.top-cold-wrp,.top-seling-wrp,.newitem-part {padding: 24px 0;margin: 0;}
/* ***** End Home Page Css ***** */

/* ***** Product Page ***** */
.product-listing-wrp .product-card{
    margin: 0 0 30px;
}
.filter-sidebar h2{
    display: flex;
    align-items: center;
    font-size: 20px;
    font-weight: normal;
    color: #373737;
    margin: 0 0 15px;
}
.filter-sidebar h2 img{
    margin: 0 10px 0 0;
    min-width: 16px;
}
.filter-sidebar .accordion .accordion-item{
    margin: 0 0 25px;
    background-color: transparent;
    border: none;
}
.filter-sidebar .accordion .accordion-item:last-child{
    margin: 0;
}
.filter-sidebar .accordion .accordion-item .accordion-button {
    font-size: 16px;
    color:#464646;
    padding: 10px 35px 15px 0;
    font-weight: 500;
    line-height: 24px;
    background-color: transparent;
    position: relative;
    border-bottom: 1px solid rgba(0, 0, 0, 0.10);
}
.filter-sidebar .accordion .accordion-item .accordion-button:not(.collapsed) {
    background-color: transparent;
    box-shadow: none;
}
.filter-sidebar .accordion .accordion-item .accordion-button:focus {
    box-shadow: none;
}
.filter-sidebar .accordion .accordion-item .accordion-button::after {
    display: none;
}
.filter-sidebar .accordion .accordion-item .accordion-button:before {
    position: absolute;
    content: "\f077";
    font-family: "Font Awesome 5 Pro";
    right: 0;
    top: 50%;
    font-size: 15px;
    color: #464646;
    height: 30px;
    width: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
    -webkit-transition: all 0.3s linear;
    transition: all 0.3s linear;
}
.filter-sidebar .accordion .accordion-item .accordion-button.collapsed:before {
    content: "\f078";
}
.filter-sidebar .accordion .accordion-body {
    padding:20px 0 0;
}
.topics-tags{
    display: flex;
    flex-wrap: wrap;
}
.topics-tags a{
    padding: 5px 10px;
    border: 1px dashed rgba(0, 0, 0, 0.20);
    border-radius: 30px;
    font-size: 14px;
    line-height: 18px;
    font-weight: normal;
    color: #424242;
    margin: 0 12px 12px 0;
    transition: .4s linear;
    -webkit-transition: .4s linear;
}
.topics-tags a:hover{
    background: #309D5D;
    color: #fff;
    border-color: #309D5D;
}

.size-block .shop-widget-list{
    margin: 0;
}
.shop-widget-content {
    position: relative;
}
.shop-widget-content input {
    position: absolute;
    opacity: 0;
}
.shop-widget-content input + label {
    position: relative;
    cursor: pointer;
    padding: 0;
    margin: 0;
    font-size: 16px;
    font-weight: normal;
    color: #373737;
}
.shop-widget-content input + label:before {
    content: "";
    margin-right: 10px;
    display: inline-block;
    vertical-align: text-top;
    width: 20px;
    height: 20px;
    background: #fff;
    border-radius: 2px;
    border: 1px solid #D9D9D9;
}
.shop-widget-content input:checked + label:after {
    content:"\f00c";
    font-family: "Font Awesome 5 Pro";
    position: absolute;
    left: 0;
    top: 2px;
    background: #309D5D;
    border: 1px solid #309D5D;
    color: #fff;
    width: 20px;
    height: 20px;
    line-height: 18px;
    font-size: 12px;
    text-align: center;
}

.price-block .shop-widget{
    padding: 0;
}
.price-block .shop-widget .shop-widget-group {
    margin: 0;
}
.price-block .shop-widget .shop-widget-group input{
    background: #fff;
    border: 1px solid rgba(48, 157, 93, 0.5);
    border-radius: 30px;
    font-size: 16px;
    font-weight:600;
    color: #000;
}
.price-block .shop-widget .shop-widget-group input::placeholder{
    color: #000;
}

.raitingbx ul.shop-widget-list{
    margin: 0;
}
.raitingbx .shop-widget-content label i{
    color: #D9D9D9;
}
.raitingbx .shop-widget-content label i.active{
    color: #FFAB10;
}
.serach-tags-list{
    margin: 0 0 25px;
}
.serach-tags-list ul{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}
.serach-tags-list ul li{
    margin-right: 10px;
    padding: 5px 25px 5px 10px;
    background: #F2FBF5;
    border-radius: 30px;
    border: 1px solid #309D5D;
    font-size: 12px;
    font-weight: 500;
    color: #535A56;
    line-height: 18px;
    position: relative;
}
a.btn-remove{
    font-size: 12px;
    color: #646464;
    position: absolute;
    top: 5px;
    right: 5px;
}
a.clearbtn{
    font-size: 12px;
    font-weight: normal;
    color: #000;
    opacity: 0.50;
}
a.clearbtn i{
    margin: 0 0 0px;
}
.filter-short{
    width: auto;
    margin: 0 0 25px;
}
.filter-short .filter-label{
    text-transform: capitalize;
}
.filter-short .form-control{
    padding: 8px 15px;
    border-radius: 30px;
    border: 1px solid rgba(0, 0, 0, 0.20);
    font-size: 12px;
    font-weight: normal;
    color: #373737;
    width: 100%;
    height: auto;
    -webkit-appearance: none;
    background-image: url('../images/down-ic.svg');
    background-repeat: no-repeat;
    background-size: 15px;
    background-position: center right 15px;
}

.breadcrumb-item a{
    color: #6176AA;
}
.breadcrumb .active{
    color: #373737;
    font-size: 18px;
    font-weight: 600;
}
.breadcrumb-item + .breadcrumb-item::before{
    color: #646464;
    content: "\f105";
    font-family: "Font Awesome 5 Pro";
}
/* ***** End Product Page ***** */

/* ***** Product Details Page ***** */
.product-details-wrp{
    margin-bottom: 0;
}
.details-gallery{
    display: flex;
    flex-wrap: wrap;
    flex-flow: row-reverse;
    margin: 0 -10px;
}
.details-thumb {
    width: 20%;
    padding: 0 5px;
}
.details-preview{
    width: 80%;
    padding: 0 5px;
}
.details-thumb li{
    padding: 5px 0;
}
.details-preview li img {
    width: 100%;
    height: 540px;
    border-radius: 10px;
    object-fit: contain;
    object-position: center;
    border: 1px solid rgba(0, 0, 0, 0.10);
}
.details-content{
    padding: 0 0 0 35px;
}
.details-content h3.details-name{
    font-size: 36px;
    font-weight: normal;
    color: #373737;
    line-height: 36px;
    margin: 0 0 5px;
}
.cat-raitbx{
    display: flex;
    align-items: center;
    margin: 0 0 15px;
}
.cat-raitbx h6{
    margin: 0 15px 0 0;
    font-size: 16px;
    font-weight: normal;
    color: #646464;
}
.cat-raitbx h6 span{
    color: #007A48;
}
.cat-raitbx h6 b{
    font-weight: normal;
    color: #F68735;
}
.cat-raitbx .product-rating{margin: 0;}
.cat-raitbx .product-rating i{font-size: 16px;}
.product-short-dt{
    margin: 0 0 30px;
}
.product-short-dt p{
    font-size: 16px;
    font-weight: normal;
    color: #000;
    line-height: 26px;
    margin: 0;
}
.product-short-dt p a{
    color: #F68735;
    text-decoration: underline;
}
.product-short-dt p a:hover{
    color: #777;
}
.select-packsize{
    margin: 0 0 20px;
}
.select-packsize h6{
    font-size: 16px;
    font-weight: normal;
    color: #373737;
    margin: 0 0 10px;
}
.select-packsize h6 span{
    color: #309D5D;
    font-weight: 500;
}
.select-packsize ul{
    display: flex;
    flex-wrap: wrap;
    margin: 0 -8px;
}
.select-packsize ul li{
    width: 33.33%;
    padding: 0 8px;
}
.select-packsize ul li a{
    padding: 10px 15px;
    border-radius: 8px;
    border: 1px dotted #D0D0D0;
    display: block;
}
.select-packsize ul li a h4{
    text-align: center;
    font-size: 14px;
    font-weight: normal;
    line-height: 16px;
    color: #3E403F;
    margin: 0 auto;
}
.select-packsize ul li a h5{
    font-size: 18px;
    font-weight: normal;
    color: #F68735;
    margin: 0;
    line-height: 22px;
    text-align: center;
}
.select-packsize ul li a h5 span{
    color: #A0A0A0;
    text-decoration: line-through;
    margin: 0 0 0 5px;
}
.select-packsize ul li.active a{
    background: #FCFFF7;
    border: 1px solid #309D5D;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.10);
}
.price-inbox{
    margin: 0 0 20px;
}
.price-inbox h3{
    font-size: 34px;
    font-weight: normal;
    color: #373737;
    margin: 0;
    display: flex;
    align-items: center;
    gap: 15px;
}
.price-inbox h3 b{
    color: #F68735;
    font-weight: 400;
}
.price-inbox h3 del{
    color: #A0A0A0;
    text-decoration: line-through;
    font-weight: normal;
}
.price-inbox h3 span{
    font-weight: 500;
    color: #309D5D;
    display: flex;
    align-items: center;
}
.price-inbox h3 span small{
    font-size: 18px;
    font-weight: 400;
    color: #309D5D;
    margin: 0 0 0 5px;
}
.price-inbox p{
    margin: 0;
    font-size: 14px;
    font-weight: normal;
    color: #373737;
}
.quantity-row{
    margin: 0 0 15px;
}
.quantity-row h6{
    display: block;
    color: #373737;
    font-size: 16px;
    margin: 0 0 5px;
}
.quantity-imrw{
    display: flex;
    align-items: center;
}
.qty-input {
  color: #000;
  background: #fff;
  display: flex;
  align-items: center;
  overflow: hidden;
  border: 1px solid #BBBBBB;
  border-radius: 30px;
  width: fit-content;
}
.qty-input .product-qty,
.qty-input .qty-count {
  background: transparent;
  color: inherit;
  font-weight: bold;
  font-size: inherit;
  border: none;
  display: inline-block;
  min-width: 0;
  height: 2.5rem;
  line-height: 1;
}
.qty-input .product-qty:focus,
.qty-input .qty-count:focus {
  outline: none;
}
.qty-input .product-qty {
  width:80px;
  text-align: center;
  min-width: 0;
  display: inline-block;
  text-align: center;
  -webkit-appearance: textfield;
     -moz-appearance: textfield;
          appearance: textfield;
}
.qty-input .product-qty::-webkit-outer-spin-button, .qty-input .product-qty::-webkit-inner-spin-button {
  -webkit-appearance: none;
          appearance: none;
  margin: 0;
}
.qty-input .qty-count {
  padding: 0;
  cursor: pointer;
  width: 2.5rem;
  font-size: 1.25em;
  text-indent: -100px;
  overflow: hidden;
  position: relative;
}
.qty-input .qty-count:before, .qty-input .qty-count:after {
  content: "";
  height: 2px;
  width: 10px;
  position: absolute;
  display: block;
  background: #000;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
}
.qty-input .qty-count--minus {
  border-right: 1px solid #e2e2e2;
}
.qty-input .qty-count--add {
  border-left: 1px solid #e2e2e2;
}
.qty-input .qty-count--add:after {
  transform: rotate(90deg);
}
.qty-input .qty-count:disabled {
  color: #ccc;
  background: #f2f2f2;
  cursor: not-allowed;
  border-color: transparent;
}
.qty-input .qty-count:disabled:before, .qty-input .qty-count:disabled:after {
  background: #ccc;
}
.quantity-imrw h4{
    font-size: 16px;
    font-weight: normal;
    color: #373737;
    margin: 0 0 0 auto;
    border-radius: 30px;
    padding: 8px 15px;
    line-height: 22px;
    background: #FFFCE4;
}
.details-add-group .product-add.btn-buy{
    padding: 20px 15px;
    background: #309D5D;
    border-radius: 50px;
    font-size: 20px;
    font-weight: 500;
    color: #fff;
    text-transform: uppercase;
    text-align: center;
}
.details-add-group .product-add.btn-buy:hover{
    background: #228249;
    color: #fff;
}
.details-action-group .details-wish.wish.btn-cart{
    padding: 20px 15px;
    background: #F6F6F6;
    border: 1px solid #DAD9D8;
    text-transform: uppercase;
    border-radius: 50px;
    font-size: 20px;
    font-weight: 500;
    color: #787776;
    text-align: center;
}
.details-action-group .details-wish.wish.btn-cart:hover{
    background: #DAD9D8;
    color: #787776;
}
.post-code-rw{
    padding: 15px 0 0;
}
.post-code-rw h6{
    font-size: 18px;
    font-weight: normal;
    color: #373737;
    margin: 0 0 10px;
    display: block;
}
.pincode-rw{
    display: flex;
    flex-wrap: wrap;
}
.pincode-rw .form-group{
    margin: 0;
    position: relative;
    width: 50%;
}
.pincode-rw .form-group .form-control{
    padding: 10px 85px 10px 20px;
    background: #fff;
    border-radius: 30px;
    border: 1px solid #BBBBBB;
    height: auto;
    box-shadow: none;
    font-size: 16px;
    font-weight: 500;
    color: #000;
}
.pincode-rw .form-group .form-control::placeholder{
    color: #000;
}
.pincode-rw .form-group button{
    padding: 5px 15px;
    background: #F3F3F3;
    font-size: 14px;
    font-weight: bold;
    border-radius: 30px;
    color: #309D5D;
    border: none;
    position: absolute;
    top: 5px;
    right: 5px;
    transition: .4s linear;
    -webkit-transition: .4s linear;
}
.pincode-rw .form-group button:hover{
    background: #309D5D;
    color: #fff;
}
.delbox{
    width: 50%;
    padding: 0 0 0 25px;
    display: flex;
    align-items: center;
}
.delbox img{
    margin-right: 15px;
    min-width: 28px;
}
.delbox p{
    margin: 0;
    font-size: 16px;
    font-weight: normal;
    color: #464646;
    line-height: 18px;
}
.product-more-wrp{
    padding: 0;
    margin: 0;
}
.product-more-wrp .nav-tabs{
    margin: 0 0 35px;
    border: none;
    border-bottom: 1px solid #DEDDDC;
    justify-content: flex-start;
    padding: 0;
    border-radius: 0;
}
.product-more-wrp .nav-tabs li{
    margin: 0 40px 0 0;
    border: none;
    padding: 0;
}
.product-more-wrp .nav-tabs li:last-child{margin: 0;}
.product-more-wrp .nav-tabs li a{
    padding: 20px 0;
    display: block;
    position: relative;
    font-size: 18px;
    font-weight: 500;
    color: #686868;
    border: none;
    border-radius: 0;
}
.product-more-wrp .nav-tabs li a:after{
    position: absolute;
    content: '';
    width: 0%;
    height: 3px;
    background: #309D5D;
    bottom: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
    transition: .4s linear;
    -webkit-transition: .4s linear;
}
.product-more-wrp .nav-tabs li a.tab-link.active{
    color: #309D5D;
}
.product-more-wrp .nav-tabs li a.tab-link.active:after{
    width: 100%;
}
.product-more-wrp .product-details-frame{
    padding: 0;
}
.product-more-wrp .product-details-frame .tab-descrip p{
    margin: 0 0 20px;
    font-size: 20px;
    font-weight: normal;
    color: #231F20;
    line-height: 30px;
}
.related-wrp .product-card{
    margin: 0 0 30px;
}
.product-more-wrp .product-details-frame .star-rating{
    text-align: left;
    margin: 0 0 25px;
}
/* ***** End Product Details Page ***** */

/* ***** Chackout Page ***** */
.check-out{
/*  padding: 54px 0;*/
}
.check-out .container{
  max-width: 1230px;
}
.left-side{
  width: 100%;
  padding-right: 45px;
}
.left-side .headding h3{
  font-family: 'Rubik';
  font-style: normal;
  font-weight: 400;
  font-size: 20px;
  line-height: 48px;
  letter-spacing: -0.05em;
  color: #F68735;
}
.left-side .headding{
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: 1px solid #E3E0E0;
}
.left-side .headding a{
  font-family: 'Rubik';
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 115%;
  text-align: center;
  letter-spacing: -0.05em;
  color: #309D5D;
  padding: 10px 20px;
  width: 119px;
  height: 36px;
  background: #E4F8EC;
  border-radius: 55px;
}
.left-side .headding a:hover{
  background: #238A58;
  color: #fff;
}
.address-boxs{
  display: flex;
  align-items: top;
  justify-content: space-between;
  padding-top: 0px;
}
.address-boxs .boxs{
  width: 280px;
  height: auto;
  background: #F9F9F9;
  border: 1px dashed rgba(0, 0, 0, 0.2);
  border-radius: 10px;
  padding: 20px 22px;
  margin-top: 10px;
  margin-bottom: 10px;
}
.address-boxs .boxs:first-child{
  margin-right: 10px;
}
.address-boxs .boxs:last-child{
  margin-left: 10px;
}
.address-boxs .boxs h3{
  font-family: 'Rubik';
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 0px;
  letter-spacing: -0.05em;
  color: #3f3f3f;
  margin-bottom: 17px;
  text-transform: capitalize;
}
.address-boxs .boxs p{
  font-family: 'Rubik';
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: -0.05em;
  color: #2b2a2a;
}
.address-boxs .boxs.active{
  background: #FCFFF7;
  border: 1px solid #309D5D;
}
.address-boxs .boxs.active h3{
  color: #309D5D;
}
.address-boxs .boxs.active p{
  color: #464646;
}
.check-boxs .check-on{
  margin-bottom: 4px;
}
.check-boxs .check-on:last-child{
  margin-bottom: 0;
}
.check-boxs .check-on input{
  width: 16px;
  height: 16px;
  border: 1px solid #D9D9D9;
  border-radius: 2px;
  margin-right: 12px;
  position: relative;
  top: 2px;
}
.check-boxs .check-on label{
  font-family: 'Rubik';
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 19px;
  color: rgba(0, 0, 0, 0.7);
}
.textarea{
  display: flex;
  flex-direction: column;
}
.textarea label{
  font-family: 'Rubik';
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 17px;
  color: #474747;
  margin: 20px 0 10px;
}
.textarea label img{
  width: 18px;
  height: 18px;
  margin-right: 10px;
}
.textarea textarea{
  width: 100%;
  height: 82px;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 10px;
  padding: 15px 20px;
  font-family: 'Rubik';
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 22px;
}
.textarea textarea:placeholder{
  font-family: 'Rubik';
  font-style: normal;
  font-weight: 400;
  font-size: 10px;
  line-height: 12px;
  color: #BBBBBB;
}
.payment{
  max-width: 496px;
}
.payment .hedding h2{
  font-family: 'Rubik';
  font-style: normal;
  font-weight: 500;
  font-size: 24px;
  line-height: 28px;
  color: #474747;
  margin: 24px 0 20px;
}
.payment .nav-tabs{
  padding: 0;
  margin: 0;
  justify-content: flex-start;
}
.payment .nav-tabs .nav-link{
    background: #F9F9F9;
    border: 1.275px dashed rgba(0, 0, 0, 0.2);
    border-radius: 72.675px;
    width: 112px;
    height: 112px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    font-family: 'Rubik';
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  letter-spacing: -0.05em;
  color: #474747;
  padding: 0;
  margin-right: 16px;
}
.payment .nav-tabs li:last-child .nav-link{
  margin-right: 0;
}
.payment .nav-tabs .nav-link.active{
  background: #FCFFF7;
  border: 1.275px solid #309D5D;
  box-shadow: 0px 3.825px 12.75px rgba(0, 0, 0, 0.15);
  color: #000000;
}
.payment .nav-tabs .nav-link i{
  margin: 0;
}
.payment .nav-tabs li{
  padding: 0;
  border: none;
}

.tab-content>.tab-pane .hedding{
  display: flex;
  align-items: center;
  justify-content: space-between;
/*  margin-bottom: 9px;*/
}
.tab-content>.tab-pane .hedding h2{
  font-family: 'Rubik';
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 19px;
  color: #474747;
}
.pseudo-search{
  position: relative;
}
.pseudo-search input {
  width: 100%;
  height: 48px;
  border: 1px solid #309D5D;
  border-radius: 39px;
  padding-left: 20px;
}
.pseudo-search input:placeholder{
  font-family: 'Rubik';
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 17px;
  color: rgba(0, 0, 0, 0.5);
}
.pseudo-search input:focus {
   outline: none;
}
.pseudo-search select {
   border: none;
}
.pseudo-search button{
  padding: 6px 14px;
  position: absolute;
  top: 10px;
  right: 14px;
  width: 72px;
  height: 29px;
  background: #F3F3F3;
  border-radius: 50px;
  font-family: 'Rubik';
  font-style: normal;
  font-weight: 700;
  font-size: 14px;
  line-height: 17px;
  color: #309D5D;
}
.pseudo-search button:hover{
  color: #fff;
  background: #309D5D;
}
.order-btn a{
  width: 100%;
  height: 64px;
  background: #309D5D;
  border-radius: 35px;
  font-family: 'Rubik';
  font-style: normal;
  font-weight: 500;
  font-size: 20px;
  line-height: 24px;
  letter-spacing: -0.05em;
  color: #FFFFFF;
  text-align: center;
  line-height: 64px;
  margin-top: 26px;
  transition: all 500ms;
}
.order-btn a:hover{
      background: #228249;
    color: #fff;
}
.order-logo{
  text-align: center;
}
.order-logo h2{
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: 'Rubik';
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 17px;
  letter-spacing: -0.05em;
  color: #309D5D;
  margin: 19px 0 11px;
}
.order-logo h2 img{
  margin-right: 10px;
}
.card-input{
  width: 100%;
}
.card-input input{
  width: 100%;
  height: 48px;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 39px;
  padding-left: 20px;
  margin-bottom: 12px;
}
.card-input input:placeholder{
  font-family: 'Rubik';
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 17px;
  color: rgba(0, 0, 0, 0.5);
}
.card-input .group-input{
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.card-input .group-input input{
  width: 152px;
}

.select-dropdown,
.select-dropdown * {
  margin: 0;
  padding: 0;
  position: relative;
  box-sizing: border-box;
}
.select-dropdown {
  position: relative;
}
.select-dropdown select {
    -webkit-appearance: none;
    -moz-appearance: none;
  appearance: none;
  width: 100%;
  height: 48px;
  background: #FFFFFF;
  border: 1px solid #309D5D;
  box-shadow: inset 0px 4px 10px rgba(0, 0, 0, 0.15);
  border-radius: 39px;
  font-family: 'Rubik';
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 17px;
  color: rgba(0, 0, 0, 0.5);
  padding-left: 20px;
}
.select-dropdown select:active, .select-dropdown select:focus {
  outline: none;
  box-shadow: none;
}
.select-dropdown:after {
  content: "";
    position: absolute;
    top: 62%;
    right: 15px;
    width: 0;
    height: 0;
    margin-top: -2px;
    border-top: 5px solid #474747;
    border-right: 5px solid transparent;
    border-left: 5px solid transparent;
}
.select-dropdown:before {
  content: "";
    position: absolute;
    top: 40%;
    right: 15px;
    width: 0;
    height: 0;
    margin-top: -2px;
    border-top: 5px solid #474747;
    border-right: 5px solid transparent;
    border-left: 5px solid transparent;
    z-index: 1;
    transform: rotate(180deg);
}
.app-list{
  display: flex;
  align-items: center;
}
.app-list .item{
  text-align: center;
  margin-right: 12px;
}
.app-list .item .item-img{
  width: 68px;
  height: 68px;
  background: #FFFFFF;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 40px;
  overflow: hidden;
}
.app-list .item h4{
  font-family: 'Rubik';
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 17px;
  color: #464646;
  margin-top: 4px;
}
.right-side{
  width: 100%;
  padding-left: 45px;
}
.right-side .hedding{
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 20px;
}

.right-side .hedding h2{
  font-family: 'Rubik';
  font-style: normal;
  font-weight: 500;
  font-size: 24px;
  line-height: 28px;
  color: #474747;
}
.right-side .hedding h2 span{
  font-size: 16px;
  line-height: 19px;
  color: rgba(35, 31, 32, 0.7);
}
.right-side .hedding h3{
  font-family: 'Rubik';
  font-style: normal;
  font-weight: 400;
  font-size: 24px;
  line-height: 28px;
  color: #474747;
}
.right-side .hedding h3 span{
  font-weight: 500;
}
.p-btn .quantity-imrw{
    display: flex;
    align-items: center;
}
.p-btn .qty-input {
  color: #474747;
  background: #fff;
  display: flex;
  align-items: center;
  overflow: hidden;
  border: 1px solid rgba(48, 157, 93, 0.5);
  border-radius: 30px;
  width: fit-content;
}
.p-btn .qty-input .product-qty,
.p-btn .qty-input .qty-count {
  background: transparent;
  color: inherit;
  font-weight: bold;
  font-size: inherit;
  border: none;
  display: inline-block;
  min-width: 0;
  height: 39px;
  line-height: 1;
}
.p-btn .qty-input .product-qty:focus,
.p-btn .qty-input .qty-count:focus {
  outline: none;
}
.p-btn .qty-input .product-qty {
  width:80px;
  text-align: center;
  min-width: 0;
  display: inline-block;
  text-align: center;
  -webkit-appearance: textfield;
     -moz-appearance: textfield;
          appearance: textfield;
}
.p-btn .qty-input .product-qty::-webkit-outer-spin-button, .qty-input .product-qty::-webkit-inner-spin-button {
  -webkit-appearance: none;
          appearance: none;
  margin: 0;
}
.p-btn .qty-input .qty-count {
  padding: 0;
  cursor: pointer;
  text-indent: -100px;
  overflow: hidden;
  position: relative;
  width: 38px;
  height: 39px;
  font-size: 16px;
}
.p-btn .qty-input .qty-count:before, .qty-input .qty-count:after {
  content: "";
  height: 2px;
  width: 10px;
  position: absolute;
  display: block;
  background: #474747;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
}
.p-btn .qty-input .qty-count--minus {
  border-right: 1px solid rgba(48, 157, 93, 0.5);
  background: #F4F9F6;
}
.p-btn .qty-input .qty-count--add {
  border-left: 1px solid rgba(48, 157, 93, 0.5);
  background: #F4F9F6;
}
.p-btn .qty-input .qty-count--add:after {
  transform: rotate(90deg);
}
.p-btn .qty-input .qty-count:disabled {
  color: #ccc;
  background: #f2f2f2;
  cursor: not-allowed;
  border-color: transparent;
}
.p-btn .qty-input .qty-count:disabled:before, .qty-input .qty-count:disabled:after {
  background: #ccc;
}
.p-boxs{
  display: flex;
  align-items: center;
  padding: 16px 20px;
  height: 150.46px;
  background: #FFFFFF;
  border: 1px dashed rgba(0, 0, 0, 0.2);
  border-radius: 22px;
  margin-bottom: 15px;
}
.p-data h2{
  font-family: 'Rubik';
  font-style: normal;
  font-weight: 500;
  font-size: 20px;
  line-height: 24px;
  color: #474747;
  margin-bottom: 12px;
}
.p-data h3{
  font-family: 'Rubik';
  font-style: normal;
  font-weight: 700;
  font-size: 24px;
  line-height: 18px;
  color: #F68735;
}
.p-data h3 span{
  font-family: 'Rubik';
  font-style: normal;
  font-weight: 300;
  font-size: 17px;
  line-height: 18px;
  text-decoration-line: line-through;
  color: #A3A3A3;
  margin-left: 5px;
}
.p-data{
  margin-left: 20px;
}

.coupon .hedding{
  margin-top: 25px;
}

.coupon-input{
  position: relative;
}
.coupon-input input{
  width: 100%;
  height: 48px;
  border: 1px solid #309D5D;
  border-radius: 49px;
  padding-left: 56px;
  padding-right: 88px;
  position: relative;
}
.coupon-input input:placeholder{
  font-family: 'Rubik';
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 17px;
  color: #474747;
}
.coupon-input button{
  font-family: 'Rubik';
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 19px;
  color: rgba(0, 0, 0, 0.4);
  position: absolute;
  top: 15px;
  right: 27px;
}
.coupon-input img{
  position: absolute;
  top: 13px;
  left: 20px;
}
.viewmore-box{
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 90px;
  background: #FFFFFF;
  border: 1px dashed rgba(0, 0, 0, 0.2);
  border-radius: 45px;
  padding: 21px 32px;
  margin-top: 16px;
}

.viewmore-box .viewmore-data h2{
  font-family: 'Rubik';
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 19px;
  color: #474747;
}
.viewmore-box .viewmore-data h2 img{
  margin-left: 8px;
}
.viewmore-box .viewmore-data p{
  font-family: 'Rubik';
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 19px;
  color: #474747;
  margin-top: 9px;
}
.viewmore-box .viewmore-btn a{
  font-family: 'Rubik';
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 19px;
  color: #E86122;
}
.viewmore-box .viewmore-btn a:hover{
  color: #309D5D;
}
.viewmore-link{
  text-align: center;
  position: relative;
  margin-top: 10px;
}
.viewmore-link a{
  font-family: 'Rubik';
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 17px;
  color: rgba(0, 0, 0, 0.5);
}
.viewmore-link a:hover{
  text-decoration-line: underline;
  color: rgba(0, 0, 0, 0.7);
}
.viewmore-link a i{
  font-size: 18px;
    top: 3px;
    position: relative;
    left: 5px;
}

.viewmore-box{
  position: relative;
}
.viewmore-box:before{
  content: '';
  position: absolute;
  left: 0;
  bottom: -47px;
  width: 100%;
  height: 138px;
  background: #F4F9F6;
  border-radius: 45px;
  z-index: -1;
}
.viewmore .card-body{
  background: #FFFFFF;
  border: 1px dashed rgba(0, 0, 0, 0.2);
  border-radius: 18px;
  padding: 18px 33px 36px 32px;
  margin-top: 30px;
}
.viewmore .card-body .viewmore-data h2{
  font-family: 'Rubik';
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 19px;
  color: #474747;
}
.viewmore .card-body .viewmore-data h2 img{
  margin-left: 8px;
}
.viewmore .card-body .viewmore-data p{
  font-family: 'Rubik';
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 19px;
  color: #474747;
  margin-top: 9px;
}
.viewmore .card-body .viewmore-btn a{
  font-family: 'Rubik';
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 19px;
  color: #E86122;
}
.viewmore .card-body .viewmore-btn a:hover{
  color: #309D5D;
}
.viewmore .card-body .line{
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 33px;
}
.viewmore .card-body .line:last-child{
  margin-bottom: 0;
}
.close-btn-coupon{
  width: 100%;
  position: relative;
  text-align: center;
  margin-top: 5px;
}
.close-btn-coupon a{
  font-size: 18px;
  color: #464646;
  transform: rotate(-90deg);
}
.viewmore .card-body:before{
  content: '';
  position: absolute;
  left: 0;
  bottom: -40px;
  width: 100%;
  height: 338px;
  background: #F4F9F6;
  border-radius: 12px;
  z-index: -1;
}
.summary-inner{
  margin-top: 30px;
  position: relative;
}
.summary-inner ul{
  background: #F4F9F6;
  border: 1px dashed rgba(48, 157, 93, 0.5);
  border-radius: 22px;
  padding: 26px 20px;
}
.summary-inner ul li{
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.summary-inner ul li{
  font-family: 'Rubik';
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 19px;
  color: #474747;
  padding: 10px 0;
}
.summary-inner ul li span.active{
  color: #309D5D;
}

.summary-inner ul li:last-child{
    font-weight: 700;
    font-size: 20px;
    line-height: 24px;
    border-top: 1px solid rgba(48, 157, 93, 0.5);
    margin-top: 8px;
    padding-top: 15px;
}
/* ***** End Chackout Page ***** */

/* ***** Modal ***** */
.comman-modal .modal-content{
  width: 364px;
  height: auto;
  background: #FFFFFF;
  border-radius: 22px;
  padding-bottom: 40px;
}
.comman-modal .modal-header{
  border: none;
  padding: 24px 24px 0px;
}
.comman-modal .modal-body{
  padding: 0 40px;
  text-align: center;
}
.comman-modal .modal-body h2{
  font-family: 'Rubik';
  font-style: normal;
  font-weight: 500;
  font-size: 24px;
  line-height: 28px;
  color: #464646;
  margin-bottom: 12px;
}
.comman-modal .modal-body h3{
  font-family: 'Rubik';
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 22px;
  text-align: center;
  color: #464646;
  width: 78%;
  margin: 0 auto;
  margin-bottom: 20px;
}
.comman-modal .modal-body h3 span{
  color: #E86122;
}
.comman-modal .form-group .form-control{
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 38px;
  font-family: 'Rubik';
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 34px;
  color: rgba(0, 0, 0, 0.8);
  padding: 7px 20px;
  margin-bottom: 12px;
  background: transparent;
}
.comman-modal .form-group .form-control::placeholder{
  font-family: 'Rubik';
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 34px;
  color: rgba(0, 0, 0, 0.2);
}
.comman-modal .form-group .btn{
  background: #309D5D;
  border-radius: 45px;
  font-family: 'Rubik';
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 18px;
  text-align: center;
  color: #FFFFFF;
  padding: 15px 0;
  margin-top: 28px;
  margin-bottom: 12px;
  width: 100%;
  border: 1px solid #309D5D;
  text-transform: capitalize;
}
.comman-modal .form-group .btn:hover{
  background: transparent;
  color: #309D5D;
}
.comman-modal .modal-body p{
  font-family: 'Rubik';
  font-style: normal;
  font-weight: 100;
  font-size: 18px;
  line-height: 20px;
  color: #464646;
}
.comman-modal .modal-body p a{
  color: #E86122;
}
.comman-modal .modal-body p a:hover{
  color: #309D5D;
}
.comman-modal .form-group{
  margin: 0;
}

.comman-modal .form-group label{
  font-family: 'Rubik';
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 34px;
  color: rgba(0, 0, 0, 0.5);
  border-top-left-radius: 38px;
  border-bottom-left-radius: 38px;
  border: 1px solid rgba(0, 0, 0, 0.2);
  margin-bottom: 12px;
  padding: 4px 20px;
  border-right: none;
}
.comman-modal .btn-close{
  color: rgba(0, 0, 0, 0.3);
  font-size: 13px;
}
.otp-modal .otp{
  width: 48px;
  height: 60px;
  background: #f2f2f2;
  border-bottom: 1px dashed rgba(0, 0, 0, 0.2);
  text-align: center;
  font-family: 'Rubik';
  font-style: normal;
  font-weight: 400;
  font-size: 24px;
  line-height: 34px;
  color: rgba(0, 0, 0, 0.8);
  margin-bottom: 12px;
}
.otp-modal .back{
  color: rgba(0, 0, 0, 0.3);
  font-weight: 400;
  font-size: 17px;
}
/* ***** End Modal ***** */

.category-wrp h3.mobile-ttile{
  display: none;
}


/* **** Responsive CSS **** */
@media(min-width:1201px) and (max-width:1400px){
  /* **** Checkout Page **** */
    .left-side{
      padding-right: 15px;
    }
    .right-side{
      padding-left: 15px;
    }
    /* **** End Checkout Page **** */
}

@media(min-width:1025px) and (max-width:1200px){
    /* **** Home Page **** */
    .cart-pro-titlebox h2{font-size: 24px;line-height: 34px;}
    .cart-pro-titlebox .btn-main{font-size: 14px;}
    .cart-pro-titlebox p{font-size: 14px;line-height: 24px;}
    .why-block{margin: 0 auto 30px;}
    .why-block h3{font-size: 18px;line-height: 26px;}
    .why-block p{font-size: 14px;line-height: 22px;}
    .process-wrp{padding: 25px 0 0;}
    .process-img img{width: 100px;}
    .process-img{min-height: 130px;}
    .process-block h4{font-size: 16px;line-height: 24px;}
    .process-block{margin: 0 0 30px;}
    .news-part{padding: 150px 0 100px;}
    img.sub-img1{width: 300px;}
    img.sub-img2{width: 250px;}
    .process-wrp .col-md-3{width: 25%;}
    /* **** End Home Page **** */

    /* **** Checkout Page **** */
    .left-side{
      padding-right: 0px;
    }
    .right-side{
      padding-left: 0px;
    }
    .address-boxs .boxs{
      height: auto;
    }
    .payment .nav-tabs .nav-link{
      width: 95px;
      height: 95px;
      margin-right: 8px;
      font-size: 12px;
    }
    .payment .nav-tabs .nav-link img{
      width: 30px;
    }
    .payment{
      max-width: 100%;
    }
    /* **** End Checkout Page **** */

    /* **** Product Detail Page **** */
    .select-packsize ul li{
      width: 50%;
      margin-top: 10px;
    }
    .price-inbox h3{
      font-size: 22px;
    }
    .quantity-imrw h4{
      font-size: 14px;
    }
    .details-add-group .product-add.btn-buy,
    .details-action-group .details-wish.wish.btn-cart{
      font-size: 20px;
      padding: 24px;
    }
    .pincode-rw{
      flex-direction: column;
    }
    .delbox{
      padding: 15px 0 0 0;
      width: 100%;
    }
    .pincode-rw .form-group{
      width: 100%;
    }
    /* **** End Product Detail Page **** */
}

@media(min-width:992px) and (max-width:1024px){
    /* **** Home Page **** */
    .category-wrp .col-md-3{width: 33.33%;}
    .why-bharat-wrp, .top-cold-wrp, .top-seling-wrp, .newitem-part{padding: 24px 0;}
    .testimonial-part .col-md-9,.top-cold-wrp .col-md-9,.newitem-part .col-md-9,.process-wrp .col-md-9,.top-seling-wrp .col-md-9,
    .testimonial-part .col-md-3,.top-cold-wrp .col-md-3,.top-seling-wrp .col-md-3,.newitem-part .col-md-3,.process-wrp .col-md-3{width: 100%;}
    .cart-pro-titlebox{margin: 0 0 30px;text-align: center;}
    .cart-pro-titlebox h2{font-size: 28px;line-height: 14px;}
    .cart-pro-titlebox .btn-main{display: table;margin: 0 auto;font-size: 15px;}
    .cart-pro-titlebox p{font-size: 15px;line-height: 24px;}
    .why-bharat-wrp h2{font-size: 24px;line-height: 30px;}
    .why-block{margin: 0 auto 30px;}
    .why-block h3{font-size: 16px;line-height: 24px;}
    .why-block p{font-size: 14px;line-height: 22px;}
    .process-wrp{padding: 25px 0 0;}
    .process-img img{width: 100px;}
    .process-img{min-height: 130px;}
    .process-block h4{font-size: 16px;line-height: 24px;}
    .process-block{margin: 0 0 30px;}
    .news-part{padding: 150px 0;}
    .news-text h2{font-size: 24px;}
    .news-text p{font-size: 15px;line-height: 22px;}
    img.sub-img1{width: 300px;}
    img.sub-img2{width: 250px;}
    .process-wrp .col-md-3{width: 25%;}
    /* **** End Home Page **** */

     /* **** Checkout Page **** */
     .left-side{
      padding-right: 0px;
    }
    .right-side{
      padding-left: 0px;
    }
    .address-boxs .boxs{
      height: auto;
    }
    .payment .nav-tabs .nav-link{
      width: 95px;
      height: 95px;
      margin-right: 8px;
      font-size: 12px;
    }
    .payment .nav-tabs .nav-link img{
      width: 30px;
    }
    .payment{
      max-width: 100%;
    }
      /* **** End Checkout Page **** */

      /* **** Product Detail Page **** */
    .select-packsize ul li{
      width: 50%;
      margin-top: 10px;
    }
    .price-inbox h3{
      font-size: 22px;
    }
    .quantity-imrw h4{
      font-size: 14px;
    }
    .details-add-group .product-add.btn-buy,
    .details-action-group .details-wish.wish.btn-cart{
      font-size: 17px;
      padding: 15px;
    }
    .pincode-rw{
      flex-direction: column;
    }
    .delbox{
      padding: 15px 0 0 0;
      width: 100%;
    }
    .pincode-rw .form-group{
      width: 100%;
    }
    /* **** End Product Detail Page **** */
}

@media(min-width:768px) and (max-width:991px){
    /* **** Home Page **** */
    .category-wrp .col-md-3{width: 33.33%;}
    .why-bharat-wrp, .top-cold-wrp, .top-seling-wrp, .newitem-part{padding: 35px 0;}
    .testimonial-part .col-md-9,.top-cold-wrp .col-md-9,.newitem-part .col-md-9,.process-wrp .col-md-9,.top-seling-wrp .col-md-9,
    .testimonial-part .col-md-3,.top-cold-wrp .col-md-3,.top-seling-wrp .col-md-3,.newitem-part .col-md-3,.process-wrp .col-md-3{width: 100%;}
    .cart-pro-titlebox{margin: 0 0 30px;text-align: center;}
    .cart-pro-titlebox h2{font-size: 28px;line-height: 38px;}
    .cart-pro-titlebox .btn-main{display: table;margin: 0 auto;font-size: 15px;}
    .cart-pro-titlebox p{font-size: 15px;line-height: 24px;}
    .why-bharat-wrp h2{font-size: 24px;line-height: 30px;}
    .why-block{margin: 0 auto 30px;}
    .why-block h3{font-size: 16px;line-height: 24px;}
    .why-block p{font-size: 14px;line-height: 22px;}
    .process-wrp{padding: 25px 0 0;}
    .process-img img{width: 100px;}
    .process-img{min-height: 130px;}
    .process-block h4{font-size: 16px;line-height: 24px;}
    .process-block{margin: 0 0 30px;}
    .news-part{padding: 150px 0;}
    .news-text h2{font-size: 24px;}
    .news-text p{font-size: 15px;line-height: 22px;}
    img.sub-img1{width: 300px;}
    img.sub-img2{width: 250px;}
    .process-wrp .col-md-3{width: 25%;}
    /* **** End Home Page **** */

      /* **** Checkout Page **** */
      /* **** Checkout Page **** */
     .left-side{
      padding-right: 0px;
    }
    .right-side{
      padding-left: 0px;
      margin-top: 50px;
    }
    .address-boxs .boxs{
      height: auto;
      width: 100%;
    }
    .payment .nav-tabs .nav-link{
      width: 95px;
      height: 95px;
      margin-right: 8px;
      font-size: 12px;
    }
    .payment .nav-tabs .nav-link img{
      width: 30px;
    }
    .payment{
      max-width: 100%;
    }
    .p-btn{
      margin-left: auto;
    }
    .order-btn a{
      height: 45px;
      font-size: 16px;
      line-height: 45px;
    }
/* **** End Checkout Page **** */
/* **** Product Detail Page **** */
    .select-packsize ul li{
      width: 50%;
      margin-top: 10px;
    }
    .price-inbox h3{
      font-size: 22px;
    }
    .quantity-imrw h4{
      font-size: 14px;
    }
    .details-add-group .product-add.btn-buy,
    .details-action-group .details-wish.wish.btn-cart{
      font-size: 17px;
      padding: 15px;
    }
    .pincode-rw{
      flex-direction: column;
    }
    .delbox{
      padding: 15px 0 0 0;
      width: 100%;
    }
    .pincode-rw .form-group{
      width: 100%;
    }
    .details-gallery{
      flex-flow: row;
    }
    .details-content{
      padding: 20px 0 0;
    }
    .details-preview{
      width: 100%;
    }
    /* **** End Product Detail Page **** */
}

@media(max-width:767px){
    /* **** Home Page **** */
    .why-bharat-wrp, .top-cold-wrp, .top-seling-wrp, .newitem-part{padding: 25px 0;}
    .cart-pro-titlebox{margin: 0 0 30px;text-align: center;}
    .cart-pro-titlebox h2{font-size: 24px;line-height: 36px;}
    .cart-pro-titlebox .btn-main{display: table;margin: 0 auto;font-size: 14px;padding:10px 30px;}
    .cart-pro-titlebox p{font-size: 14px;line-height: 22px;}
    .why-bharat-wrp h2{font-size: 24px;line-height: 30px;}
    .why-block{margin: 0 auto 30px;}
    .why-block h3{font-size: 17px;line-height: 22px;}
    .why-block p{font-size: 12px;line-height: 18px;}
    .process-wrp{padding: 25px 0 0;}
    .process-img img{width: 100px;}
    .process-img{min-height: 130px;}
    .process-block h4{font-size: 16px;line-height: 24px;}
    .process-block{margin: 0 0 30px;}
    .news-part{padding: 100px 0;}
    .news-text h2{font-size: 24px;}
    .news-text p{font-size: 15px;line-height: 22px;}
    .news-form{border-radius: 10px;}
    img.sub-img1{width: 200px;}
    img.sub-img2{width: 150px;}
    .process-wrp .col-md-3{width: 50%;}
    /* **** End Home Page **** */

      /* **** Checkout Page **** */
      .left-side{
      padding-right: 0px;
    }
    .right-side{
      padding-left: 0px;
      margin-top: 10px;
    }
    .address-boxs .boxs{
      height: auto;
      width: 100%;
    }
    .payment .nav-tabs .nav-link{
      width: 95px;
      height: 95px;
      margin-right: 8px;
      font-size: 12px;
    }
    .payment .nav-tabs .nav-link img{
      width: 30px;
    }
    .payment{
      max-width: 100%;
    }
    .p-btn{
      margin-left: 0;
      margin-top: 10px;
    }
    .order-btn a{
      height: 45px;
      font-size: 16px;
      line-height: 45px;
    }
    .payment .nav-tabs li{
      width: 100%;
      margin-bottom: 10px;
    }
    .payment .nav-tabs li:last-child{
      margin-bottom: 0;
    }
    .payment .nav-tabs .nav-link{
      width: 100%;
      height: auto;
      padding: 10px 0;
    }
    .p-boxs{
      flex-direction: column;
      height: auto;
      align-items: baseline;
    }
    .right-side .hedding{
      flex-direction: column;
    }
    .textarea textarea{
      height: auto;
    }
    .address-boxs{
      flex-direction: column;
    }
    .address-boxs .boxs:last-child{
      margin-left: 0;
      margin-top: 0px;
    }
    .address-boxs .boxs:first-child{
      margin-right: 0;
    }
    .check-boxs .check-on input{
      width: 13px;
      height: 13px;
      margin-right: 0;
    }
    .check-boxs .check-on label{
      font-size: 12px;
    }
    /* **** End Checkout Page **** */
    /* **** Product Detail Page **** */
    .select-packsize ul li{
      width: 33.3%;
      margin-top: 10px;
    }
    .price-inbox h3{
      font-size: 22px;
    }
    .quantity-imrw h4{
      font-size: 14px;
    }
    .details-add-group .product-add.btn-buy,
    .details-action-group .details-wish.wish.btn-cart{
      font-size: 17px;
      padding: 24px;
    }
    .pincode-rw{
      flex-direction: column;
    }
    .delbox{
      padding: 15px 0 0 0;
      width: 100%;
    }
    .pincode-rw .form-group{
      width: 100%;
    }
    .details-gallery{
      flex-flow: row;
    }
    .details-content{
      padding: 20px 0 0;
    }
    .product-more-wrp .nav-tabs li{
      margin: 0;
    }
    .cat-raitbx{
      flex-direction: column;
      align-items: flex-start;
    }
    .details-preview{
      width: 100%;
    }
    /* **** End Product Detail Page **** */

    .title-md{display: none !important;}
    .category-wrp h3.mobile-ttile{
        display: block;
        font-size: 20px;
        font-weight:normal;
        color: #F68735;
        line-height: 26px;
        margin: 0 0 10px;
        position: relative;
    }
    .scroll-box h3{display: none;}
    .category-wrp .suggest-category{margin: 0;}
    .scroll-box{display: flex;white-space: nowrap;overflow: auto;flex-wrap: inherit;align-items: flex-start;}
    .scroll-box .col-md-3{max-width: 250px;padding:0 5px;}
    .category-wrp .suggest-category .cat-nambx h5{font-size:14px;}
    .category-wrp .suggest-category .cat-nambx p{font-size:11px;}
    .scroll-box::-webkit-scrollbar {
        display: none;
    }
    .scroll-box {
        -ms-overflow-style: none;  /* IE and Edge */
        scrollbar-width: none;  /* Firefox */
    }
    .why-bharat-wrp .col-md-3{width: 50%;}
    .testimonial-part{padding: 0 0 40px;}


    .product-content .btn-buy{padding: 10px 25px;border-radius: 6px;}
    .details-content{padding:20px 0 0 !important;}
    .details-content h3.details-name{font-size: 24px;}
    .product-short-dt p{font-size: 16px;line-height: 24px;}
    .quantity-imrw{flex-flow: column;align-items: flex-start;}
    .quantity-imrw h4{margin: 15px 0 0;}
    .product-more-wrp .nav-tabs{display: flex;flex-wrap: wrap;flex-flow: inherit;}
    .product-more-wrp .nav-tabs li{width: 33.33%;}
    .product-more-wrp .nav-tabs li a{padding: 10px 0;font-size: 14px;text-align: center;}
    .product-more-wrp .product-details-frame .tab-descrip p{font-size: 14px;line-height: 22px;}
    .cat-product .cart-pro-titlebox {
      display: flex;
      align-items: center;
      margin: 0 0 15px;
  }
  .cat-product .cart-pro-titlebox h2 {
      margin: 0;
      font-size: 20px;
  }
  .cat-product .cart-pro-titlebox .btn-main {
      display: table;
      margin: 0 0 0 auto;
      font-size: 14px;
      padding: 7px 25px;
  }
  .category-wrp{
    padding: 10px 0 0;

}
}

/* **** End Responsive CSS **** */