/* @import url("https://fonts.googleapis.com/css2?family=Cairo:wght@200..1000&family=Montserrat:ital,wght@0,100..900;
 1,100..900&family=Playfair+Display:ital,wght@0,400..900;
 1,400..900&display=swap");
 @font-face {
	 font-family: "Work Sans";
	 font-style: normal;
	 font-weight: 100;
	 font-display: swap;
	 src: local("Work Sans Thin"), local("WorkSans-Thin"), url(https://fonts.gstatic.com/s/worksans/v5/QGYqz_wNahGAdqQ43Rh3H5Dlv_1w4A.woff2) format("woff2");
	 unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
 @font-face {
	 font-family: "Work Sans";
	 font-style: normal;
	 font-weight: 100;
	 font-display: swap;
	 src: local("Work Sans Thin"), local("WorkSans-Thin"), url(https://fonts.gstatic.com/s/worksans/v5/QGYqz_wNahGAdqQ43Rh3H5Drv_0.woff2) format("woff2");
	 unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
 @font-face {
	 font-family: "Work Sans";
	 font-style: normal;
	 font-weight: 200;
	 font-display: swap;
	 src: local("Work Sans ExtraLight"), local("WorkSans-ExtraLight"), url(https://fonts.gstatic.com/s/worksans/v5/QGYpz_wNahGAdqQ43Rh3s4H8lthN2fk.woff2) format("woff2");
	 unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
 @font-face {
	 font-family: "Work Sans";
	 font-style: normal;
	 font-weight: 200;
	 font-display: swap;
	 src: local("Work Sans ExtraLight"), local("WorkSans-ExtraLight"), url(https://fonts.gstatic.com/s/worksans/v5/QGYpz_wNahGAdqQ43Rh3s4H8mNhN.woff2) format("woff2");
	 unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
 @font-face {
	 font-family: "Work Sans";
	 font-style: normal;
	 font-weight: 300;
	 font-display: swap;
	 src: local("Work Sans Light"), local("WorkSans-Light"), url(https://fonts.gstatic.com/s/worksans/v5/QGYpz_wNahGAdqQ43Rh314L8lthN2fk.woff2) format("woff2");
	 unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
 @font-face {
	 font-family: "Work Sans";
	 font-style: normal;
	 font-weight: 300;
	 font-display: swap;
	 src: local("Work Sans Light"), local("WorkSans-Light"), url(https://fonts.gstatic.com/s/worksans/v5/QGYpz_wNahGAdqQ43Rh314L8mNhN.woff2) format("woff2");
	 unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
 @font-face {
	 font-family: "Work Sans";
	 font-style: normal;
	 font-weight: 400;
	 font-display: swap;
	 src: local("Work Sans"), local("WorkSans-Regular"), url(https://fonts.gstatic.com/s/worksans/v5/QGYsz_wNahGAdqQ43Rh_cqDpp_k.woff2) format("woff2");
	 unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
 @font-face {
	 font-family: "Work Sans";
	 font-style: normal;
	 font-weight: 400;
	 font-display: swap;
	 src: local("Work Sans"), local("WorkSans-Regular"), url(https://fonts.gstatic.com/s/worksans/v5/QGYsz_wNahGAdqQ43Rh_fKDp.woff2) format("woff2");
	 unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
 @font-face {
	 font-family: "Work Sans";
	 font-style: normal;
	 font-weight: 500;
	 font-display: swap;
	 src: local("Work Sans Medium"), local("WorkSans-Medium"), url(https://fonts.gstatic.com/s/worksans/v5/QGYpz_wNahGAdqQ43Rh3j4P8lthN2fk.woff2) format("woff2");
	 unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
 @font-face {
	 font-family: "Work Sans";
	 font-style: normal;
	 font-weight: 500;
	 font-display: swap;
	 src: local("Work Sans Medium"), local("WorkSans-Medium"), url(https://fonts.gstatic.com/s/worksans/v5/QGYpz_wNahGAdqQ43Rh3j4P8mNhN.woff2) format("woff2");
	 unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
 @font-face {
	 font-family: "Work Sans";
	 font-style: normal;
	 font-weight: 600;
	 font-display: swap;
	 src: local("Work Sans SemiBold"), local("WorkSans-SemiBold"), url(https://fonts.gstatic.com/s/worksans/v5/QGYpz_wNahGAdqQ43Rh3o4T8lthN2fk.woff2) format("woff2");
	 unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
 @font-face {
	 font-family: "Work Sans";
	 font-style: normal;
	 font-weight: 600;
	 font-display: swap;
	 src: local("Work Sans SemiBold"), local("WorkSans-SemiBold"), url(https://fonts.gstatic.com/s/worksans/v5/QGYpz_wNahGAdqQ43Rh3o4T8mNhN.woff2) format("woff2");
	 unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
 @font-face {
	 font-family: "Work Sans";
	 font-style: normal;
	 font-weight: 700;
	 font-display: swap;
	 src: local("Work Sans Bold"), local("WorkSans-Bold"), url(https://fonts.gstatic.com/s/worksans/v5/QGYpz_wNahGAdqQ43Rh3x4X8lthN2fk.woff2) format("woff2");
	 unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
 @font-face {
	 font-family: "Work Sans";
	 font-style: normal;
	 font-weight: 700;
	 font-display: swap;
	 src: local("Work Sans Bold"), local("WorkSans-Bold"), url(https://fonts.gstatic.com/s/worksans/v5/QGYpz_wNahGAdqQ43Rh3x4X8mNhN.woff2) format("woff2");
	 unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
 @font-face {
	 font-family: "Work Sans";
	 font-style: normal;
	 font-weight: 700;
	 font-display: swap;
	 src: local("Work Sans ExtraBold"), local("WorkSans-ExtraBold"), url(https://fonts.gstatic.com/s/worksans/v5/QGYpz_wNahGAdqQ43Rh324b8lthN2fk.woff2) format("woff2");
	 unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
 @font-face {
	 font-family: "Work Sans";
	 font-style: normal;
	 font-weight: 700;
	 font-display: swap;
	 src: local("Work Sans ExtraBold"), local("WorkSans-ExtraBold"), url(https://fonts.gstatic.com/s/worksans/v5/QGYpz_wNahGAdqQ43Rh324b8mNhN.woff2) format("woff2");
	 unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
 @font-face {
	 font-family: "Work Sans";
	 font-style: normal;
	 font-weight: 700;
	 font-display: swap;
	 src: local("Work Sans Black"), local("WorkSans-Black"), url(https://fonts.gstatic.com/s/worksans/v5/QGYpz_wNahGAdqQ43Rh3_4f8lthN2fk.woff2) format("woff2");
	 unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
 @font-face {
	 font-family: "Work Sans";
	 font-style: normal;
	 font-weight: 700;
	 font-display: swap;
	 src: local("Work Sans Black"), local("WorkSans-Black"), url(https://fonts.gstatic.com/s/worksans/v5/QGYpz_wNahGAdqQ43Rh3_4f8mNhN.woff2) format("woff2");
	 unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
 */
:root {
  /* --primary-red:var(--primary-red);
	 */
  --primary-red: #062654;
  --primary-black: #444444;
  --primary-green: #87be00;
}

body {
  font-family: "Montserrat", sans-serif;
  font-size: 0.8vw;
  line-height: 24px;
  font-weight: 400;
  color: #404040;
  overflow-x: hidden;
  -ms-word-wrap: break-word;
  word-wrap: break-word;
}

.nomp-sides {
  padding-left: 0px !important;
  padding-right: 0px !important;
  margin-left: 0px !important;
  margin-right: 0px !important;
}

*:hover {
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}

::-webkit-scrollbar {
  width: 5px;
  height: 10px;
}

::-webkit-scrollbar-track {
  background: #f1f1f1;
  border-radius: 40px;
}

::-webkit-scrollbar-thumb {
  background: var(--primary-red);
  opacity: 0.8;
  border-radius: 40px;
}

::-webkit-scrollbar-thumb:hover {
  background: var(--primary-red);
  opacity: 1;
}

label {
  font-weight: 400;
  color: #333333;
}

label .required {
  color: #ff2727;
  border-bottom: none;
  text-decoration: none;
}

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

figure {
  max-width: 100%;
}

input:focus {
  outline: none;
}

a:hover,
a:focus,
a:visited,
a:active,
button:hover,
button:focus,
button:visited,
button:active {
  text-decoration: none;
  outline: none;
}

table {
  border: 1px solid #e6e6e6;
  border-collapse: collapse;
  border-spacing: 0;
  table-layout: auto;
  width: 100%;
  margin-bottom: 20px;
}

th,
td {
  border: 1px solid #e6e6e6;
  padding: 10px 5px;
  font-weight: normal;
  text-align: center;
}

textarea {
  display: block;
}

input[type="text"],
input[type="email"],
textarea,
input[type="password"],
input[type="tel"],
select,
input[type="search"] {
  border: 1px solid #e6e6e6;
  border-radius: 0;
  padding: 7px 20px;
  max-width: 100%;
  outline: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

input[type="text"]::-ms-input-placeholder,
input[type="email"]::-ms-input-placeholder,
input[type="password"]::-ms-input-placeholder,
input[type="tel"]::-ms-input-placeholder,
input[type="search"]::-ms-input-placeholder {
  color: #888888;
}

input[type="text"]:-ms-input-placeholder,
input[type="email"]:-ms-input-placeholder,
input[type="password"]:-ms-input-placeholder,
input[type="tel"]:-ms-input-placeholder,
input[type="search"]:-ms-input-placeholder {
  color: #888888;
}

input[type="text"]::placeholder,
input[type="email"]::placeholder,
input[type="password"]::placeholder,
input[type="tel"]::placeholder,
input[type="search"]::placeholder {
  color: #888888;
}

select {
  background: transparent;
  border: none;
  color: #ffffff;
}

select option {
  color: #333333;
}

.nice-select {
  background-color: transparent;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  border: none;
  padding: 0 14px;
  font-size: 14px;
  line-height: 1;
  min-height: auto;
  height: auto;
}

.nice-select:after {
  content: "\f0d7";
  font-family: "FontAwesome", sans-serif;
  font-size: 12px;
  color: #ffffff;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  border: none;
  height: auto;
  width: auto;
  right: 1px;
  margin-top: -6px;
  line-height: 1;
  padding: 0;
  -webkit-transform-origin: center;
  -ms-transform-origin: center;
  transform-origin: center;
  -webkit-transform: rotate(0);
  -ms-transform: rotate(0);
  transform: rotate(0);
  -webkit-transition: none;
  -moz-transition: none;
  -o-transition: none;
  transition: none;
}

.nice-select.open:after {
  -webkit-transform: rotate(-180deg);
  -ms-transform: rotate(-180deg);
  transform: rotate(-180deg);
}

.nice-select .current {
  color: #000000;
  display: inline-block;
  padding: 14px 0;
}

.nice-select .list {
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.2);
  box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.2);
  border: 1px solid #e4e4e4;
  padding: 3px 23px 10px 15px;
  margin-top: 0;
  z-index: 50;
}

.nice-select .option {
  font-size: 14px;
  line-height: 1;
  color: #888888;
  height: auto;
  min-height: auto;
  margin: 16px 0;
  padding: 0;
}

.nice-select .option:hover,
.nice-select .option.focus,
.nice-select .option.selected.focus {
  background-color: transparent;
  font-weight: 400;
}

@font-face {
  font-family: "biolife";
  src: url("../fonts/biolifebbd0.eot?t4lhqt");
  src:
    url("../fonts/biolifebbd0.eot?t4lhqt#iefix") format("embedded-opentype"),
    url("../fonts/biolifebbd0.ttf?t4lhqt") format("truetype"),
    url("../fonts/biolifebbd0.woff?t4lhqt") format("woff"),
    url("../fonts/biolifebbd0.svg?t4lhqt#biolife") format("svg");
  font-weight: normal;
  font-style: normal;
}

.biolife-icon {
  font-family: "biolife", sans-serif !important;
  /* speak: none; */
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-arrow-right:before {
  content: "\e900";
}

.icon-arteries-about:before {
  content: "\e901";
}

.icon-capacity-about:before {
  content: "\e902";
}

.icon-cart:before {
  content: "\e903";
}

.icon-cart-mini:before {
  content: "\e904";
}

.icon-close-menu:before {
  content: "\e905";
}

.icon-comment:before {
  content: "\e906";
}

.icon-clock:before {
  content: "\e907";
}

.icon-location:before {
  content: "\e908";
}

.icon-letter:before {
  content: "\e909";
}

.icon-phone:before {
  content: "\e90a";
}

.icon-fresh-drink:before {
  content: "\e90b";
}

.icon-green-safety:before {
  content: "\e90c";
}

.icon-grid:before {
  content: "\e90d";
}

.icon-healthy-about:before {
  content: "\e90e";
}

.icon-heart-bold:before {
  content: "\e90f";
}

.icon-left-arrow:before {
  content: "\e910";
}

.icon-like:before {
  content: "\e911";
}

.icon-list:before {
  content: "\e912";
}

.icon-login:before {
  content: "\e913";
}

.icon-location2:before {
  content: "\e914";
}

.icon-fruits:before {
  content: "\e915";
}

.icon-broccoli-1:before {
  content: "\e916";
}

.icon-beef:before {
  content: "\e917";
}

.icon-fish:before {
  content: "\e918";
}

.icon-fast-food:before {
  content: "\e919";
}

.icon-honey:before {
  content: "\e91a";
}

.icon-grape:before {
  content: "\e91b";
}

.icon-onions:before {
  content: "\e91c";
}

.icon-avocado:before {
  content: "\e91d";
}

.icon-contain:before {
  content: "\e91e";
}

.icon-fresh-juice:before {
  content: "\e91f";
}

.icon-newsletter:before {
  content: "\e920";
}

.icon-organic:before {
  content: "\e921";
}

.icon-beer:before {
  content: "\e922";
}

.icon-car:before {
  content: "\e923";
}

.icon-schedule:before {
  content: "\e924";
}

.icon-conversation:before {
  content: "\e925";
}

.icon-heart-1:before {
  content: "\e926";
}

.icon-title:before {
  content: "\e927";
}

.icon-head-phone:before {
  content: "\e928";
}

.icon-report:before {
  content: "\e929";
}

.icon-search:before {
  content: "\e92a";
}

.icon-suporter:before {
  content: "\e92b";
}

.icon-grape2:before {
  content: "\e92c";
}

.icon-broccoli:before {
  content: "\e92d";
}

.icon-lemon:before {
  content: "\e92e";
}

.icon-orange:before {
  content: "\e92f";
}

.icon-blueberry:before {
  content: "\e930";
}

@-webkit-keyframes move-around-reverse {
  0% {
    -webkit-transform: translate(0, -10px);
  }

  25% {
    -webkit-transform: translate(-10px, 0);
  }

  50% {
    -webkit-transform: translate(0, 10px);
  }

  75% {
    -webkit-transform: translate(10px, 0);
  }

  100% {
    -webkit-transform: translate(0, -10px);
  }
}

@keyframes move-around-reverse {
  0% {
    transform: translate(0, -10px);
  }

  25% {
    transform: translate(-10px, 0);
  }

  50% {
    transform: translate(0, 10px);
  }

  75% {
    transform: translate(10px, 0);
  }

  100% {
    transform: translate(0, -10px);
  }
}

@-webkit-keyframes move-around {
  0% {
    -webkit-transform: translate(0, -10px);
  }

  25% {
    -webkit-transform: translate(10px, 0);
  }

  50% {
    -webkit-transform: translate(0, 10px);
  }

  75% {
    -webkit-transform: translate(-10px, 0);
  }

  100% {
    -webkit-transform: translate(0, -10px);
  }
}

@keyframes move-around {
  0% {
    transform: translate(0, -10px);
  }

  25% {
    transform: translate(10px, 0);
  }

  50% {
    transform: translate(0, 10px);
  }

  75% {
    transform: translate(-10px, 0);
  }

  100% {
    transform: translate(0, -10px);
  }
}

@-webkit-keyframes movebounce {
  0% {
    -webkit-transform: translateY(0);
  }

  50% {
    -webkit-transform: translateY(20px);
  }

  100% {
    -webkit-transform: translateY(0);
  }
}

@keyframes movebounce {
  0% {
    transform: translateY(0);
  }

  50% {
    transform: translateY(20px);
  }

  100% {
    transform: translateY(0);
  }
}

@-webkit-keyframes movebounce-x {
  0% {
    -webkit-transform: translateX(0);
  }

  50% {
    -webkit-transform: translateX(20px);
  }

  100% {
    -webkit-transform: translateX(0);
  }
}

@keyframes movebounce-x {
  0% {
    transform: translateX(0);
  }

  50% {
    transform: translateX(20px);
  }

  100% {
    transform: translateX(0);
  }
}

@-webkit-keyframes preload_waiting {
  75% {
    -webkit-transform: scale(0);
  }
}

@keyframes preload_waiting {
  75% {
    transform: scale(0);
  }
}

body {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
}

.btn-scroll-top {
  color: #333333;
  border-radius: 50%;
  cursor: pointer;
  font-size: 50px;
  display: block;
  text-align: center;
  line-height: 50px;
  position: fixed;
  bottom: 60px;
  right: 60px;
  height: 50px;
  width: 50px;
  z-index: 999;
  opacity: 0;
  filter: alpha(opacity=0);
  visibility: hidden;
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  -ms-transform: scale(0);
  -o-transform: scale(0);
  transform: scale(0);
}

.btn-scroll-top i {
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);
  display: block;
}

@media only screen and (max-width: 767.98px) {
  .btn-scroll-top {
    line-height: 40px;
    height: 40px;
    width: 40px;
    font-size: 40px;
    bottom: 80px;
    right: 30px;
  }
}

.btn-scroll-top.showUp {
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
  opacity: 1;
  filter: alpha(opacity=100);
  visibility: visible;
}

.biolife-clone-wrap {
  position: fixed;
  top: 0;
  left: -340px;
  width: 320px;
  height: 100vh;
  background-color: #fff;
  -webkit-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  z-index: 100000;
  -webkit-box-shadow: 3px 5px 14px -3px rgba(0, 0, 0, 0.11);
  -moz-box-shadow: 3px 5px 14px -3px rgba(0, 0, 0, 0.11);
  box-shadow: 3px 5px 14px -3px rgba(0, 0, 0, 0.11);
  overflow-x: hidden;
}

.biolife-clone-wrap .megamenu-item li {
  line-height: 50px;
}

.biolife-clone-wrap .megamenu-item .widget {
  padding: 0 0 30px 0;
}

.biolife-clone-wrap .megamenu-item li.menu-item>a {
  display: inline-block;
  line-height: 50px;
}

.biolife-clone-wrap .megamenu-item li .icon {
  right: -4px;
  top: -9px;
  float: right;
  position: relative;
}

.biolife-clone-wrap .megamenu-item .menu-title {
  font-size: 14px;
  font-weight: 400;
}

.biolife-clone-wrap .megamenu-item .menu-title,
.biolife-clone-wrap .megamenu-item .wrap-media {
  margin-bottom: 0;
  padding-left: 20px;
}

.biolife-panel ul {
  padding: 0;
  margin: 0;
}

.biolife-panel>ul>li {
  list-style: none;
  position: relative;
  padding: 0 20px;
  border-bottom: 1px dashed #dddddd;
}

.biolife-mobile-panels .biolife-prev-panel,
.biolife-panels-actions-wrap .biolife-prev-panel {
  right: inherit;
  left: 0;
  border: none;
  border-right: 1px solid #dddddd;
}

.biolife-mobile-panels .biolife-prev-panel:before,
.biolife-panels-actions-wrap .biolife-prev-panel:before {
  content: "\f104";
  font-family: "FontAwesome", sans-serif;
}

.biolife-mobile-panels .biolife-current-panel-title,
.biolife-panels-actions-wrap .biolife-current-panel-title {
  display: block;
  text-align: center;
  line-height: 50px;
  padding: 0 50px;
  font-weight: 600;
  color: #333333;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}

.biolife-clone-wrap .biolife-panels {
  background: inherit;
  border-color: inherit;
  position: absolute;
  margin-top: 50px;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 0;
  box-sizing: border-box;
}

.biolife-next-panel {
  width: 50px;
  height: 50px;
  text-align: center;
  line-height: 50px;
  position: absolute;
  top: 0;
  right: 0;
  z-index: 10;
}

.biolife-next-panel:before {
  content: "\f105";
  font-family: "FontAwesome", sans-serif;
}

.biolife-panel>ul>li>a {
  display: inline-block;
  line-height: 50px;
  text-transform: capitalize;
  color: #333333;
}

.biolife-panel>ul>li>a>i {
  display: none;
}

.biolife-panel>ul>li>a>.icon {
  right: -4px;
  top: -9px;
  float: right;
  position: relative;
}

.biolife-clone-wrap .biolife-panel {
  border-color: #ffffff;
  bottom: 0;
  box-sizing: border-box;
  display: block;
  left: 0;
  margin: 0;
  overflow-x: hidden;
  overflow-y: auto;
  position: absolute;
  right: 0;
  top: 0;
  transform: translateX(100%);
  transition: all 0.2s ease 0s;
  z-index: 0;
}

.biolife-clone-wrap .biolife-main-panel,
.biolife-clone-wrap .biolife-panel.biolife-panel-opened {
  transform: translateX(0);
  z-index: 10;
}

.biolife-clone-wrap .biolife-sub-opened {
  z-index: 1;
  opacity: 0;
  filter: alpha(opacity=0);
  visibility: hidden;
}

.biolife-mobile-panels,
.biolife-panels-actions-wrap {
  border-bottom: 1px solid #dddddd;
  height: 50px;
  position: relative;
}

.biolife-mobile-panels .biolife-close-btn,
.biolife-mobile-panels .biolife-prev-panel,
.biolife-panels-actions-wrap .biolife-close-btn,
.biolife-panels-actions-wrap .biolife-prev-panel {
  width: 50px;
  height: 50px;
  position: absolute;
  top: 0;
  right: 0;
  z-index: 10;
  text-align: center;
  line-height: 50px;
  font-size: 20px;
  color: #333333;
}

.biolife-mobile-panels .biolife-close-btn,
.biolife-panels-actions-wrap .biolife-close-btn {
  border-left: 1px solid #dddddd;
}

.biolife-panel .mega-content {
  padding: 25px 0;
  display: inline-block;
  width: 100%;
}

.hero-background {
  height: 194px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.hero-section {
  display: block;
  text-align: center;
  position: relative;
  font-size: 0;
  line-height: 1;
  margin-top: 20px;
}

.hero-section .page-title {
  display: inline-block;
  position: absolute;
  top: 29%;
  left: 0;
  right: 0;
  font-size: 40px;
  color: #ffffff;
  font-weight: 700;
  line-height: 50px;
  margin: 0;
}

.biolife-nav {
  display: block;
  margin-top: 37px;
  margin-bottom: 38px;
}

.biolife-nav ul {
  padding: 0;
  display: block;
  margin: 0;
  font-size: 0;
  line-height: 0;
}

.biolife-nav ul li {
  list-style: none;
  display: inline-block;
}

.biolife-nav ul li+li::before {
  content: "/";
  font-family: inherit;
  color: #666666;
  font-size: 15px;
  line-height: 1;
  display: inline-block;
  margin-left: 13px;
  margin-right: 14px;
}

.biolife-nav ul li span,
.biolife-nav ul li a {
  color: #666666;
  font-size: 15px;
  line-height: 1;
  display: inline-block;
}

.biolife-nav ul li:last-child::before,
.biolife-nav ul li:last-child span {
  color: #222222;
  font-weight: 600;
}

.biolife-carousel {
  padding: 0;
  margin: 0;
}

.biolife-carousel>li {
  list-style: none;
}

.biolife-carousel>li:not(:first-child) {
  display: none;
}

.slick-initialized .slick-slide {
  outline: none;
}

.biolife-carousel .row-item {
  font-size: 0;
  line-height: 0;
}

.biolife-carousel.row-space-29px .row-item+.row-item {
  margin-top: 29px;
}

.slick-initialized .slick-arrow:not(.slick-disabled):hover {
  cursor: pointer;
}

.slick-initialized .slick-arrow:not(.slick-disabled) {
  opacity: 0.8;
  filter: alpha(opacity=80);
}

@media (min-width: 769px) {
  .container {
    padding: 0;
  }
}

.header-top .top-bar {
  max-width: 50%;
  float: left;
}

.header-top .right {
  float: right;
  text-align: right;
}

.header-top .top-bar .social-list,
.header-top .top-bar .horizontal-menu {
  padding: 0;
  margin: 0;
  display: inline-block;
  float: left;
}

.header-top .top-bar .social-list>li,
.header-top .top-bar .horizontal-menu>li {
  list-style: none;
  display: inline-block;
}

.header-top .top-bar .horizontal-menu a {
  color: #ffffff;
  font-size: 14px;
}

.header-top .top-bar .horizontal-menu a:hover {
  color: #dddddd;
}

.header-top .left a>i {
  font-size: 15px;
  margin-right: 6px;
}

.header-top .left .horizontal-menu>li {
  padding: 9px 19px;
  border-left: 1px solid rgba(255, 255, 255, 0.33);
}

.header-top .left .horizontal-menu>li:first-child {
  padding-left: 0;
  border-left: 0;
}

.header-top .right .horizontal-menu {
  font-size: 0;
}

.header-top .right .horizontal-menu>li {
  vertical-align: middle;
  padding: 0 15px;
  border-right: 1px solid rgba(255, 255, 255, 0.33);
  font-size: 0.8vw;
  line-height: 24px;
  font-weight: 400;
}

.header-top .right .horizontal-menu>li:first-child {
  border-left: 1px solid rgba(255, 255, 255, 0.33);
}

.header-top .right .horizontal-menu>li>a {
  display: inline-block;
  line-height: 32px;
}

.header-top .right .nice-select {
  padding-left: 0;
  display: inline-block;
  float: initial;
}

.header-top .right .nice-select .list {
  margin-left: -14px;
}

.header-top .top-bar .social-list {
  font-size: 0;
  display: inline-block;
  float: left;
  margin-right: 7px;
}

.header-top .top-bar .social-list li {
  font-size: 15px;
  line-height: 42px;
  margin: 0 13px;
}

.header-top .top-bar .social-list li a {
  font-size: 15px;
  line-height: 1;
  display: inline-block;
  color: #ffffff;
}

.header-top .top-bar .social-list li a:hover {
  color: #dddddd;
}

.login-link .biolife-icon {
  font-size: 21px;
  display: inline-block;
  vertical-align: middle;
  margin-right: 8px;
  margin-top: -5px;
}

.header-area .header-middle {
  padding: 5px;
}

.header-area .primary-menu {
  margin-top: 0px;
  line-height: 55px;
}

.header-area .primary-menu>ul {
  padding: 0;
  margin: 0;
  font-size: 0;
  position: relative;
}

.header-area .primary-menu>ul>li {
  display: inline-block;
  padding-bottom: 5px;
}

.header-area .primary-menu>ul>li+li {
  margin-left: 31px;
}

.header-area .primary-menu>ul li.has-child {
  position: relative;
}

.header-area .primary-menu>ul>li.has-child>a::after {
  content: "\f0d7";
  font-family: "FontAwesome", sans-serif;
  font-size: 14px;
  color: #222222;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  margin-left: 4px;
}

.header-area .primary-menu>ul>li>a {
  color: #222222;
  font-size: 17px;
  font-weight: 600;
  display: inline-block;
}

.header-area .primary-menu>ul>li.has-child>a::after,
.header-area .primary-menu>ul>li.has-megamenu>a::after {
  content: "\f0d7";
  font-family: "FontAwesome", sans-serif;
  font-size: 14px;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  margin-left: 4px;
}

.header-area .primary-menu ul li {
  display: inline-block;
}

.vertical-category-block .wrap-menu .wrap-megamenu,
.vertical-category-block .wrap-menu ul.sub-menu,
.header-area .primary-menu ul.sub-menu,
.header-area .primary-menu ul .wrap-megamenu {
  background-color: #ffffff;
  position: absolute;
  top: 100%;
  left: 0;
  -webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.2);
  box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.2);
  -webkit-transform: translateY(20px);
  -moz-transform: translateY(20px);
  -ms-transform: translateY(20px);
  -o-transform: translateY(20px);
  transform: translateY(20px);
  visibility: hidden;
  opacity: 0;
  filter: alpha(opacity=0);
  border: none;
  border-radius: 0;
  -webkit-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  transition: all 300ms ease;
  z-index: 100;
}

.vertical-category-block .wrap-menu li:hover .wrap-megamenu,
.vertical-category-block .wrap-menu li:hover>ul.sub-menu,
.header-area .primary-menu li:hover>ul.sub-menu,
.header-area .primary-menu ul li:hover .wrap-megamenu {
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0);
  visibility: visible;
  opacity: 1;
  filter: alpha(opacity=100);
}

.header-area .primary-menu ul.sub-menu {
  width: 225px;
  padding: 10px 0;
  left: 100%;
  top: 0;
}

.header-area .primary-menu>ul>li>ul.sub-menu {
  top: 100%;
  left: 0;
}

.header-area .primary-menu>ul>li li.has-child::after {
  content: "\f105";
  font-family: "FontAwesome", sans-serif;
  font-size: 17px;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  position: absolute;
  top: 8px;
  right: 9px;
}

.header-area .primary-menu>ul>li.has-child .sub-menu li {
  display: block;
  font-size: 14px;
  line-height: 1;
  margin: 0;
  padding: 10px 20px;
}

.header-area .primary-menu>ul>li.has-child .sub-menu a {
  color: #222222;
  display: inline-block;
}

.header-area .header-bottom {
  padding-bottom: 10px;
}

body.open-mobile-search .header-area.layout-02 {
  z-index: 150;
}

.header-area.layout-02 .header-top {
  background-color: #ffffff;
}

.header-area.layout-02 .header-top .nice-select .current,
.header-area.layout-02 .header-top .nice-select:after,
.header-area.layout-02 .header-top .top-bar .social-list li a,
.header-area.layout-02 .header-top .top-bar .horizontal-menu a {
  color: #333333;
}

.header-area.layout-02 .header-top .left .horizontal-menu>li,
.header-area.layout-02 .header-top .right .social-list {
  position: relative;
}

.header-area.layout-02 .header-top .right .horizontal-menu>li {
  min-width: auto;
  position: relative;
  border: none !important;
}

.header-area.layout-02 .header-top .right .horizontal-menu>li.item-link {
  padding: 0;
}

.header-area.layout-02 .header-top .left .horizontal-menu>li:not(:last-child)::after,
.header-area.layout-02 .header-top .right .social-list::after,
.header-area.layout-02 .header-top .right .horizontal-menu>li::after {
  content: "";
  display: block;
  position: absolute;
  top: 12px;
  right: -1px;
  z-index: 2;
  height: 18px;
  width: 1px;
  background-color: #e5e5e5;
}

.header-area.layout-02 .header-top .right .dsktp-open-searchbox {
  font-size: 20px;
  padding: 0 20px;
}

.header-area.layout-02 {
  position: relative;
  z-index: 15;
}

.header-area.layout-02 .header-middle:not(.pre-sticky) {
  background-color: rgba(255, 255, 255, 0.1);
  padding: 24px 0;
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  z-index: 1;
}

.header-area.layout-02 .header-middle.pre-sticky {
  background-color: #ffb71a;
  visibility: hidden;
  -webkit-transition: none;
  -moz-transition: none;
  -o-transition: none;
  transition: none;
}

.header-area.layout-02 .header-middle.is-sticky {
  visibility: visible;
  -webkit-transition: all 1200ms ease;
  -moz-transition: all 1200ms ease;
  -o-transition: all 1200ms ease;
  transition: all 1200ms ease;
}

.header-area.layout-02 .primary-menu>ul>li>a {
  font-size: 15px;
  text-transform: uppercase;
  color: #ffffff;
  position: relative;
}

#biolife-main-panel a.menu-name {
  position: relative;
}

#biolife-main-panel .menu-name .sup-item,
.header-area.layout-02 .primary-menu>ul>li>a .sup-item {
  display: inline-block;
  position: absolute;
  font-size: 0;
  line-height: 0;
  bottom: 100%;
  right: 0;
  margin-bottom: 7px;
}

#biolife-main-panel .menu-name .sup-item {
  right: auto;
  bottom: auto;
  top: 0;
  left: calc(100% - 10px);
  margin-bottom: 0;
}

#biolife-main-panel .menu-name .sup-item>span,
.header-area.layout-02 .primary-menu>ul>li>a span {
  display: inline-block;
  font-size: 12px;
  text-transform: uppercase;
  font-weight: 600;
  background-color: #43c172;
  border-color: #43c172;
  border-radius: 3px;
  min-width: 40px;
  text-align: center;
  padding: 0 3px;
  line-height: 18px;
  color: #ffffff;
  position: relative;
  margin: 0;
}

#biolife-main-panel .menu-name .sup-item>span.sale,
.header-area.layout-02 .primary-menu>ul>li>a span.sale {
  background-color: #ffc356;
  border-color: #ffc356;
}

#biolife-main-panel .menu-name .sup-item>span.feature,
.header-area.layout-02 .primary-menu>ul>li>a span.feature {
  background-color: #0059ff;
  border-color: #0059ff;
}

#biolife-main-panel .menu-name span::before,
.header-area.layout-02 .primary-menu>ul>li>a span::before {
  display: block;
  content: "";
  border: 7px solid transparent;
  border-top-color: inherit;
  border-bottom: none;
  position: absolute;
  bottom: -6px;
  right: 50%;
  margin-right: -8px;
}

.header-area.layout-02 .biolife-sticky-object.pre-sticky .primary-menu>ul>li>a .sup-item {
  display: none;
}

#biolife-main-panel .menu-name span::before {
  bottom: -5px;
  right: 100%;
  margin-right: -19px;
}

.header-area .biolife-cart-info .login-item .login-link {
  font-size: 14px;
  line-height: 1;
  color: #ffffff;
  font-weight: 600;
  text-transform: uppercase;
}

.header-area.layout-02 .primary-menu>ul>li.has-child>a::after {
  color: inherit;
}

.header-area.layout-02 .biolife-cart-info .minicart-block .cart-inner {
  border-top-color: #05a503;
}

.header-area.layout-02 .biolife-cart-info .minicart-block .btn-control .view-cart:not(:hover) {
  background-color: #05a503;
}

.header-area.layout-02 .mobile-search .open-searchbox .biolife-icon,
.header-area.layout-02 .biolife-cart-info .minicart-contain a>.sub-total,
.header-area.layout-02 .biolife-cart-info .minicart-contain a>.title,
.header-area.layout-02 .biolife-cart-info .icon-qty-combine .biolife-icon {
  color: #ffffff;
}

.biolife-cart-info {
  font-size: 0;
  text-align: right;
  margin-top: 0;
  line-height: 96px;
}

.biolife-cart-info>div {
  display: inline-block;
}

.biolife-cart-info>div+div {
  margin-left: 29px;
}

.biolife-cart-info>div>.link-to {
  display: inline-block;
  line-height: 0;
}

.biolife-cart-info .icon-qty-combine {
  display: inline-block;
  position: relative;
  font-size: 0;
  line-height: 1;
  margin-right: 7px;
}

.biolife-cart-info .icon-qty-combine .qty {
  font-size: 0.8vw;
  font-weight: 600;
  line-height: 1;
  display: inline-block;
  margin: 0;
  min-width: 19px;
  padding: 1px 5px 2px;
  color: #ffffff;
  border-radius: 50%;
  position: absolute;
  right: -8px;
  top: 7px;
  z-index: 2;
}

.biolife-cart-info .icon-qty-combine .biolife-icon {
  font-size: 20px;
  color: #333333;
}

.biolife-cart-info .minicart-contain a>.title {
  font-size: 14px;
  line-height: 16px;
  display: inline;
  color: #555555;
  font-weight: 600;
  margin-left: 6px;
}

.biolife-cart-info .minicart-contain a>.sub-total {
  font-size: 15px;
  line-height: 16px;
  display: inline;
  color: #222222;
  font-weight: 700;
}

.biolife-cart-info .minicart-block {
  position: relative;
}

.biolife-cart-info .minicart-block .cart-content {
  position: absolute;
  display: inline-block;
  line-height: 0;
  width: 370px;
  top: 100%;
  right: 0;
  -webkit-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  transition: all 300ms ease;
  -webkit-transform: translateY(20px);
  -moz-transform: translateY(20px);
  -ms-transform: translateY(20px);
  -o-transform: translateY(20px);
  transform: translateY(20px);
  visibility: hidden;
  opacity: 0;
  filter: alpha(opacity=0);
  z-index: 50;
}

.biolife-cart-info .minicart-block:hover .cart-content {
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0);
  visibility: visible;
  opacity: 1;
  filter: alpha(opacity=100);
}

.biolife-cart-info .minicart-block .cart-inner {
  border-top: 3px solid #cccccc;
  background-color: #ffffff;
  display: inline-block;
  padding: 16px 10px 30px 20px;
  -webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.2);
  box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.2);
  border-radius: 0;
  line-height: 0;
  width: 370px;
  margin-top: 9px;
}

.biolife-cart-info .minicart-block ul.products {
  padding: 0;
  margin: 0;
  text-align: left;
  border-bottom: 1px dashed #e6e6e6;
  max-height: 371px;
  overflow-y: auto;
}

.biolife-cart-info .minicart-block ul.products li {
  padding-right: 10px;
}

.biolife-cart-info .minicart-block ul.products li+li .minicart-item {
  border-top: 1px dashed #e6e6e6;
  padding-top: 19px;
}

.biolife-cart-info .minicart-block ul.products li+li .minicart-item .action {
  top: 23px;
}

.biolife-cart-info .minicart-block ul.products li:last-child .minicart-item {
  padding-bottom: 30px;
}

.biolife-cart-info .minicart-block .minicart-item {
  display: inline-block;
  padding-bottom: 20px;
  position: relative;
  width: 100%;
}

.biolife-cart-info .minicart-item .thumb {
  display: inline-block;
  width: 60px;
  float: left;
}

.biolife-cart-info .minicart-item .left-info {
  display: inline-block;
  width: calc(100% - 90px);
  padding-left: 9px;
  padding-right: 40px;
}

.minicart-item .left-info .product-title {
  font-size: 17px;
  line-height: 1;
  display: block;
  margin-top: 8px;
  font-weight: 600;
}

.minicart-item .left-info .product-name {
  color: #333333;
  display: inline-block;
}

.price-contain,
.sumary-product .product-attribute .price,
.contain-product .advance-info .price,
.minicart-item .left-info .price {
  display: block;
  font-size: 0;
  line-height: 1;
  margin-top: 6px;
}

.minicart-item .left-info .price {
  width: 60%;
  float: left;
}

.price-contain .price-amount,
.sumary-product .product-attribute .price .price-amount,
.contain-product .advance-info .price .price-amount,
.minicart-item .left-info .price .price-amount {
  line-height: 24px;
  color: #aaaaaa;
  font-size: 14px;
  display: inline-block;
  font-weight: 600;
  text-decoration: none;
}

.price-contain ins .price-amount,
.sumary-product .product-attribute .price ins .price-amount,
.contain-product .advance-info .price ins .price-amount,
.minicart-item .left-info .price ins .price-amount {
  font-size: 18px;
  color: #111111;
  font-weight: 700;
}

.price-contain ins,
.sumary-product .product-attribute .price ins,
.sumary-product .product-attribute .price del,
.contain-product .advance-info .price ins,
.contain-product .advance-info .price del,
.minicart-item .left-info .price ins,
.minicart-item .left-info .price del {
  display: inline-block;
  text-decoration: none;
}

.price-contain del {
  position: relative;
  margin-left: 6px;
  display: inline-block;
}

.sumary-product .product-attribute .price del,
.contain-product .advance-info .price del,
.minicart-item .left-info .price del {
  position: relative;
  margin-left: 6px;
}

.price-contain del::after,
.sumary-product .product-attribute .price del::after,
.contain-product .advance-info .price del::after,
.minicart-item .left-info .price del::after {
  content: "";
  height: 1px;
  background-color: #aaaaaa;
  position: absolute;
  top: 50%;
  left: -1px;
  right: -1px;
  display: block;
  z-index: 1;
}

.pr-detail-layout .info .price ins .price-amount,
.sumary-product .product-attribute .price ins .price-amount {
  font-size: 22px;
}

.contain-product.style-widget .product-thumb {
  width: 82px;
  display: inline-block;
  float: left;
}

.contain-product.style-widget .info {
  width: calc(100% - 82px);
  display: inline-block;
  text-align: left;
  padding-left: 10px;
}

.contain-product.style-widget .info .price,
.contain-product.style-widget .info .product-title,
.contain-product.style-widget .info .categories {
  text-align: left;
}

.contain-product.style-widget .info .categories {
  margin-top: 3px;
}

.contain-product.style-widget .info .price {
  margin-bottom: 0;
}

.contain-product.layout-default {
  padding-bottom: 2px;
}

.contain-product.layout-default .info .price {
  margin-bottom: 11px;
}

.contain-product__deal-layout .slide-down-box .message,
.contain-product.layout-default .slide-down-box .message {
  font-size: 14px;
  color: #666666;
  display: block;
  line-height: 17px;
  margin: 0 0 19px;
  text-align: center;
  padding: 0 15px;
}

.pr-detail-layout .info .buttons,
.contain-product__deal-layout .slide-down-box .buttons,
.contain-product.layout-default .slide-down-box .buttons {
  padding: 0 11px;
  display: table;
  width: 100%;
}

.pr-detail-layout .info .buttons .btn,
.contain-product__deal-layout .slide-down-box .buttons .btn,
.contain-product.layout-default .slide-down-box .buttons .btn {
  display: table-cell;
  text-align: center;
  vertical-align: middle;
}

.pr-detail-layout .info .buttons .btn:not(.add-to-cart-btn),
.contain-product__deal-layout .slide-down-box .buttons .btn:not(.add-to-cart-btn),
.contain-product.layout-default .slide-down-box .buttons .btn:not(.add-to-cart-btn) {
  width: 32px;
  font-size: 0.8vw;
  color: #666666;
}

.pr-detail-layout .info .buttons .add-to-cart-btn,
.contain-product__deal-layout .slide-down-box .buttons .add-to-cart-btn,
.contain-product.layout-default .slide-down-box .buttons .add-to-cart-btn {
  font-size: 14px;
  color: #ffffff;
  background-color: #888888;
  font-weight: 700;
  text-transform: uppercase;
  border: none;
  border-radius: 9999px;
  line-height: 1;
  padding: 15px 10px 16px;
}

.pr-detail-layout .info .buttons .add-to-cart-btn:hover,
.contain-product__deal-layout .slide-down-box .buttons .add-to-cart-btn:hover,
.contain-product.layout-default .slide-down-box .buttons .add-to-cart-btn:hover {
  background-color: var(--primary-black);
}

.contain-product.layout-02 {
  display: inline-block;
  width: 100%;
}

.advance-product-box_countdown {
  border: 2px solid #e6e6e6;
}

.advance-product-box_countdown .contain-product .product-thumb {
  padding-left: 8px;
  padding-right: 8px;
}

.advance-product-box_countdown .contain-product .info {
  padding-bottom: 26px;
}

.advance-product-box_countdown .biolife-countdown {
  margin: 13px 0 0;
}

.advance-product-box_countdown .biolife-countdown>span {
  padding: 5px 5px 7px;
  min-width: 47px;
}

.advance-product-box_countdown .biolife-countdown .text {
  font-size: 12px;
  margin-top: 1px;
}

.shipping-info {
  display: block;
  font-size: 0;
  line-height: 0;
}

.shipping-info p {
  font-size: 14px;
  line-height: 1;
  text-align: center;
  margin: 0;
  color: #7faf51;
  font-weight: 600;
  padding-top: 7px;
}

.shipping-info p.for-today {
  color: #666666;
  padding-top: 1px;
  margin-bottom: 26px;
}

.minicart-item .left-info .qty {
  display: block;
  font-size: 0;
  line-height: 0;
  margin-top: 3px;
  width: 40%;
  display: inline-flex !important;
  overflow: hidden;
}

.minicart-item .left-info .qty .input-qty,
.minicart-item .left-info .qty>label {
  display: inline-block;
  font-size: 14px;
  line-height: 24px;
  color: #333333;
  font-weight: 600;
  margin: 0;
}

.minicart-item .left-info .qty .input-qty {
  border: none;
  padding: 0;
  margin-left: 4px;
  width: 100px;
  background-color: #f5f5f5;
}

.minicart-item .left-info .qty .input-qty:disabled {
  background-color: #ffffff;
}

.minicart-item .action {
  display: inline-block;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 1;
}

.minicart-item .action a {
  font-size: 0.8vw;
  line-height: 24px;
  color: #999999;
  display: inline-block;
}

.minicart-item .action a+a {
  margin-left: 12px;
}

.minicart-item.editing .action a.edit,
.minicart-item .action a:hover {
  color: #f44242;
}

.minicart-item.editing .action a.edit i::before {
  content: "\f00c";
}

.minicart-block .cart-inner .minicart-empty {
  font-size: 14px;
  line-height: 1;
  display: block;
  text-align: center;
  color: #888888;
  margin-top: 34px;
  margin-bottom: 22px;
}

.biolife-cart-info .minicart-block .btn-control {
  display: inline-block;
  margin: 0;
  width: 100%;
  font-size: 0;
  line-height: 0;
}

.biolife-cart-info .minicart-block .btn-control .btn {
  display: inline-block;
  width: calc(50% - 8px);
  padding: 16px 10px 17px;
  float: left;
  font-size: 14px;
  color: #666666;
  line-height: 1;
  font-weight: 700;
  text-transform: uppercase;
  background-color: #eeeeee;
  border: none;
  border-radius: 99999999px;
  margin-top: 20px;
}

.biolife-cart-info .minicart-block .btn-control .view-cart {
  margin-right: 16px;
  color: #ffffff;
}

.biolife-cart-info .minicart-block .btn-control .btn:hover {
  background-color: #333333 !important;
  color: #ffffff !important;
}

.minicart-block.layout-02 .icon-contain {
  display: inline-block;
  font-size: 0;
  line-height: 0;
}

.minicart-block.layout-02 .icon-contain .span-index {
  border: 2px solid #e6e6e6;
  padding-left: 20px;
  border-right: 0;
  display: inline-block;
  border-top-left-radius: 9999px;
  border-bottom-left-radius: 9999px;
}

.minicart-block.layout-02 .icon-contain .biolife-icon {
  font-size: 21px;
  line-height: 41px;
  display: inline-block;
  vertical-align: middle;
}

.minicart-block.layout-02 .icon-contain .sub-total {
  font-size: 14px;
  color: #555555;
  display: inline-block;
  line-height: 1;
  margin: 0;
  font-weight: 600;
  vertical-align: middle;
  padding-left: 9px;
  padding-right: 14px;
}

.minicart-block.layout-02 .icon-contain .btn-to-cart {
  font-size: 15px;
  line-height: 1;
  color: #ffffff;
  display: inline-block;
  margin: 0;
  font-weight: 600;
  text-align: center;
  text-transform: uppercase;
  min-width: 61px;
  padding: 15px 10px;
  vertical-align: middle;
  border-top-right-radius: 9999px;
  border-bottom-right-radius: 9999px;
}

.biolife-brand .menu-title,
.biolife-products-block .menu-title,
.block-posts .menu-title,
.wrap-custom-menu .menu-title {
  display: block;
  font-size: 14px !important;
  font-weight: 600;
  text-align: left;
  margin: 0 0 14px 0;
  line-height: 16px !important;
}

.wrap-custom-menu ul.menu {
  display: block;
  margin: 0;
  padding: 0;
  line-height: 0;
  font-size: 0;
}

.wrap-custom-menu ul.menu>li {
  display: block;
  list-style: none;
  font-size: 12px;
  line-height: 18px;
  text-align: left;
  border-bottom: 1px solid #f1f1f1;
}

.wrap-custom-menu ul.menu>li+li {
  margin-top: 10px;
}

.wrap-custom-menu ul.menu>li a {
  color: #555555;
}

.wrap-custom-menu ul.menu>li sup {
  font-size: 12px;
}

.block-posts .menu-title {
  margin-bottom: 17px;
}

.block-posts ul.posts {
  font-size: 0;
  line-height: 0;
  display: block;
  padding: 0 0 1px 0;
  margin: 0;
}

.block-posts ul.posts li {
  display: inline-block;
  clear: both;
  padding-bottom: 20px;
  width: 100%;
}

.block-posts ul.posts li+li {
  padding-top: 20px;
  border-top: 1px solid #e6e6e6;
}

.block-posts ul.posts li:last-child {
  padding-bottom: 0;
}

.block-posts .block-post-item .thumb {
  display: inline-block;
  width: 100px;
  border: 0;
  float: left;
}

.block-posts .block-post-item .left-info {
  display: inline-block;
  width: calc(100% - 100px);
  padding-left: 10px;
}

.block-posts .block-post-item .post-name {
  font-size: 0.8vw;
  line-height: 19px;
  font-weight: 600;
  display: block;
  margin: 0;
  padding: 1px 0 0;
  text-align: left;
}

.block-posts .block-post-item .post-name a {
  color: #333333;
  display: inline-block;
}

.block-posts .block-post-item .p-date,
.block-posts .block-post-item .p-comment {
  font-size: 13px;
  color: #666666;
  display: inline-block;
  margin: 7px 0 0;
  padding: 0;
  line-height: 19px;
}

.block-posts .block-post-item .p-comment {
  margin-left: 19px;
}

.vertical-category-block {
  display: block;
  position: relative;
}

.vertical-category-block .block-title {
  display: block;
  padding: 13px 30px 13px 17px;
  border-top-right-radius: 11px;
  border-top-left-radius: 11px;
  position: relative;
}

.vertical-category-block .menu-icon {
  display: inline-block;
  font-size: 0;
  line-height: 0;
  padding-top: 5px;
  vertical-align: top;
}

.vertical-category-block .menu-icon span {
  background-color: #ffffff;
  width: 17px;
  height: 2px;
  border: 0;
  display: inline-block;
  float: left;
  clear: left;
  margin: 0 3px 3px 9px;
}

.vertical-category-block .menu-icon span::before {
  content: "";
  display: inline-block;
  width: 3px;
  height: 2px;
  margin-left: -6px;
  background-color: #ffffff;
}

.vertical-category-block .block-title .menu-title {
  font-size: 0.8vw;
  line-height: 18px;
  color: #ffffff;
  font-weight: 700;
  display: inline-block;
  padding-left: 14px;
}

.vertical-category-block .block-title .angle {
  position: absolute;
  top: 17px;
  right: 20px;
  font-size: 18px;
  color: #ffffff;
  line-height: 18px;
  display: inline-block;
  max-width: 18px;
  -webkit-transition: all 320ms ease;
  -moz-transition: all 320ms ease;
  -o-transition: all 320ms ease;
  transition: all 320ms ease;
}

.vertical-category-block .black-color .menu-icon span::before,
.vertical-category-block .black-color .menu-icon span {
  background-color: #333333;
}

.vertical-category-block .black-color .angle,
.vertical-category-block .black-color .menu-title {
  color: #333333;
}

.vertical-category-block>.wrap-menu {
  display: inline-block;
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  background-color: #ffffff;
  border-bottom-left-radius: 11px;
  border-bottom-right-radius: 11px;
  -webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.2);
  box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.2);
  z-index: 30;
}

.vertical-category-block>.wrap-menu>.menu {
  padding: 9px 0 18px;
  font-size: 0;
  line-height: 0;
  position: relative;
}

.vertical-category-block>.wrap-menu>.menu>li {
  font-size: 14px;
  line-height: 45px;
  display: block;
  padding: 0 20px;
}

.vertical-category-block>.wrap-menu>.menu>li>a {
  color: #333333;
  display: inline-block;
  width: 100%;
}

.vertical-category-block>.wrap-menu>.menu li.has-megamenu>a,
.vertical-category-block>.wrap-menu .menu li.has-child>a {
  position: relative;
  padding-right: 5px;
}

.vertical-category-block .wrap-menu .menu li.has-child {
  position: relative;
}

.vertical-category-block .wrap-menu .menu li.has-megamenu>a:after,
.vertical-category-block .wrap-menu .menu li.has-child>a:after {
  font-family: "FontAwesome", sans-serif;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  content: "\f105";
  display: inline-block;
  font-size: 14px;
  line-height: 45px;
  position: absolute;
  top: 0;
  right: 0;
  color: #333333;
}

.vertical-category-block>.wrap-menu>.menu>li+li>a {
  border-top: 1px dashed #d2d2d2;
}

.vertical-category-block>.wrap-menu>.menu>li>a .biolife-icon {
  font-size: 26px;
  width: 40px;
  text-align: left;
  display: inline-block;
  float: left;
  line-height: 45px;
}

.vertical-category-block .wrap-menu ul.sub-menu {
  display: inline-block;
  width: 250px;
  padding: 0;
  left: 100%;
  top: 0;
}

.vertical-category-block .wrap-menu ul.sub-menu li {
  list-style: none;
  display: block;
  font-size: 14px;
  margin: 0;
  padding: 0 20px;
}

.vertical-category-block .wrap-menu ul.sub-menu li a {
  display: block;
  line-height: inherit;
  color: #333333;
}

.vertical-category-block .wrap-menu ul.sub-menu li+li>a {
  border-top: 1px dashed #d2d2d2;
}

.vertical-category-block .wrap-menu .wrap-megamenu {
  top: 0;
  left: 100%;
  padding: 22px 30px 0;
}

.vertical-category-block:not(.always) .block-title {
  cursor: pointer;
}

.vertical-category-block:not(.always) .wrap-menu {
  visibility: hidden;
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transform: scaleY(0);
  -moz-transform: scaleY(0);
  -ms-transform: scaleY(0);
  -o-transform: scaleY(0);
  transform: scaleY(0);
  -webkit-transition: all 320ms ease;
  -moz-transition: all 320ms ease;
  -o-transition: all 320ms ease;
  transition: all 320ms ease;
}

.vertical-category-block:not(.always).open-menu .wrap-menu {
  -webkit-transform: scaleY(1);
  -moz-transform: scaleY(1);
  -ms-transform: scaleY(1);
  -o-transform: scaleY(1);
  transform: scaleY(1);
  visibility: visible;
  opacity: 1;
  filter: alpha(opacity=100);
}

.vertical-category-block:not(.open-menu) .block-title .angle {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
}

.biolife-vertical-menu.height-auto .vertical-category-block>.wrap-menu {
  position: static;
  width: 100%;
}

.biolife-products-block .products-list {
  padding: 0;
  margin: 0;
}

.biolife-products-block .products-list .product-item {
  list-style: none;
}

.biolife-carousel.nav-center-02 .slick-arrow,
.biolife-carousel.nav-center-bold .slick-arrow,
.biolife-carousel.nav-center .slick-arrow {
  position: absolute;
  display: block;
  top: 50%;
  margin-top: -17px;
  color: rgba(102, 102, 102, 0.2);
  z-index: 10;
  margin-bottom: 0;
  font-size: 33px;
  cursor: pointer;
  -webkit-transition: all 350ms ease;
  -moz-transition: all 350ms ease;
  -o-transition: all 350ms ease;
  transition: all 350ms ease;
  visibility: hidden;
  opacity: 0;
  filter: alpha(opacity=0);
}

.biolife-carousel.nav-center-bold .slick-arrow {
  font-size: 44px;
}

.products-list.biolife-carousel.nav-center-02 .slick-arrow {
  -webkit-transition: opacity 1.2s ease;
  -moz-transition: opacity 1.2s ease;
  -o-transition: opacity 1.2s ease;
  transition: opacity 1.2s ease;
}

.biolife-carousel.nav-center-bold .slick-arrow.prev,
.biolife-carousel.nav-center .slick-arrow.prev {
  left: -40px;
  -webkit-transform: translateX(20px);
  -moz-transform: translateX(20px);
  -ms-transform: translateX(20px);
  -o-transform: translateX(20px);
  transform: translateX(20px);
}

.biolife-carousel.nav-center-bold .slick-arrow.next,
.biolife-carousel.nav-center .slick-arrow.next {
  right: -40px;
  -webkit-transform: translateX(-20px);
  -moz-transform: translateX(-20px);
  -ms-transform: translateX(-20px);
  -o-transform: translateX(-20px);
  transform: translateX(-20px);
}

.biolife-carousel.nav-center-bold .slick-arrow.prev {
  left: -44px;
}

.biolife-carousel.nav-center-bold .slick-arrow.next {
  right: -44px;
}

.biolife-carousel.nav-center-02 .slick-arrow {
  font-size: 30px;
}

.biolife-carousel.nav-center-02 .slick-arrow.prev {
  left: -9px;
  padding-right: 14px;
  -webkit-transform: translateX(10px);
  -moz-transform: translateX(10px);
  -ms-transform: translateX(10px);
  -o-transform: translateX(10px);
  transform: translateX(10px);
}

.biolife-carousel.nav-center-02 .slick-arrow.next {
  right: -9px;
  padding-left: 14px;
  -webkit-transform: translateX(-10px);
  -moz-transform: translateX(-10px);
  -ms-transform: translateX(-10px);
  -o-transform: translateX(-10px);
  transform: translateX(-10px);
}

.biolife-carousel.nav-center-02 .slick-arrow::before {
  content: "\f104";
  font-family: "FontAwesome", sans-serif;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
}

.biolife-carousel.nav-center-02 .slick-arrow.next::before {
  content: "\f105";
}

.biolife-carousel.nav-center-02:hover .slick-arrow.prev,
.biolife-carousel.nav-center-02:hover .slick-arrow.next,
.biolife-carousel.nav-center-bold:hover .slick-arrow.prev,
.biolife-carousel.nav-center-bold:hover .slick-arrow.next,
.biolife-carousel.nav-center:hover .slick-arrow.prev,
.biolife-carousel.nav-center:hover .slick-arrow.next {
  -webkit-transform: translateX(0);
  -moz-transform: translateX(0);
  -ms-transform: translateX(0);
  -o-transform: translateX(0);
  transform: translateX(0);
  visibility: visible;
  opacity: 1;
  filter: alpha(opacity=100);
}

.biolife-carousel.nav-center-02 .slick-arrow:hover {
  color: var(--primary-black);
}

.contain-product .product-thumb {
  display: block;
  font-size: 0;
  line-height: 0;
  position: relative;
}

.contain-product .product-thumb .lookup {
  display: inline-block;
  font-size: 22px;
  line-height: 0;
  color: #666666;
  position: absolute;
  z-index: 2;
  bottom: 5px;
  right: 15px;
  padding: 5px;
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  -ms-transform: scale(0);
  -o-transform: scale(0);
  transform: scale(0);
}

.contain-product:hover .product-thumb .lookup {
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
  -webkit-transition: transform 330ms ease 100ms;
  -moz-transition: transform 330ms ease 100ms;
  -o-transition: transform 330ms ease 100ms;
  transition: transform 330ms ease 100ms;
}

.contain-product .product-thumb .labels {
  display: inline-block;
  position: absolute;
  top: 20px;
  left: 20px;
}

.contain-product .product-thumb .labels>span {
  display: inline-block;
  float: left;
  clear: left;
  min-width: 54px;
  border-radius: 3px;
  text-align: center;
  font-size: 14px;
  color: #ffffff;
  margin-bottom: 5px;
  background-color: #fa3535;
  line-height: 22px;
  padding: 0 5px;
  font-weight: 700;
}

.contain-product .product-thumb .labels .new-label {
  background-color: #32de04;
}

.contain-product .product-thumb .labels .feature-label {
  background-color: #036dc7;
}

.products-list.biolife-carousel.slick-initialized .contain-product .product-thumb img,
.products-list:not(.biolife-carousel) .contain-product .product-thumb img {
  width: 100%;
}

.contain-product .info .categories {
  display: block;
  font-size: 15px;
  color: #888888;
  text-align: center;
  font-weight: 400;
  line-height: 1;
  margin-top: 13px;
}

.contain-product .info .product-title {
  display: block;
  font-size: 17px;
  font-weight: 600;
  margin: 7px 0 0;
  text-align: center;
}

.contain-product .info .product-title a {
  color: #222222;
  display: inline-block;
}

.contain-product .advance-info .price {
  text-align: left;
  margin: 10px 0 20px;
}

.pr-detail-layout {
  display: inline-block;
  width: 100%;
  position: relative;
  padding-bottom: 40px;
}

.pr-detail-layout .product-thumb,
.pr-detail-layout .info,
.pr-detail-layout .advance-info {
  display: inline-block;
  vertical-align: top;
}

.pr-detail-layout .product-thumb {
  width: 210px;
  float: left;
}

.pr-detail-layout .info {
  width: calc((100% - 210px) - 22%);
  padding-left: 20px;
  padding-right: 10px;
  float: left;
}

.pr-detail-layout .advance-info {
  width: 22%;
  border-left: 1px solid #e6e6e6;
  padding-left: 20px;
  margin-top: 31px;
  padding-top: 3px;
  padding-bottom: 15px;
  min-height: 167px;
}

.pr-detail-layout .info .categories {
  text-align: left;
  margin-top: 14px;
  max-width: 356px;
  display: block !important;
}

.pr-detail-layout .info .product-title {
  text-align: left;
  max-width: 356px;
}

.pr-detail-layout .info .price {
  text-align: left;
  margin: 23px 0 0;
  max-width: 356px;
}

.pr-detail-layout .info .buttons {
  padding: 0;
  display: block;
  margin-top: 20px;
  margin-bottom: 15px;
  max-width: 356px;
}

.pr-detail-layout .info .buttons .btn:not(.add-to-cart-btn) {
  width: 32px;
  font-size: 0.8vw;
  color: #666666;
}

.pr-detail-layout .info .buttons .wishlist-btn {
  position: absolute;
  top: 5px;
  left: 5px;
  display: block;
  padding: 4px 0;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.8);
}

.pr-detail-layout .info .buttons .add-to-cart-btn {
  padding: 14px;
  display: inline-block;
  min-width: 159px;
}

.pr-detail-layout .info .buttons .compare-btn {
  padding: 5px 5px 4px;
  display: inline-block;
  position: relative;
  margin-left: 10px;
}

.pr-detail-layout .info .buttons .compare-btn::before {
  content: "";
  display: block;
  width: 1px;
  height: 25px;
  background-color: #aaaaaa;
  position: absolute;
  left: -4px;
  top: 4px;
}

.pr-detail-layout .info .list {
  padding: 0;
  display: block;
  margin-top: 15px;
}

.pr-detail-layout .info .list li {
  font-size: 14px;
  line-height: 24px;
  color: #666666;
  padding-left: 13px;
  position: relative;
}

.pr-detail-layout .info .list li::before {
  content: "";
  width: 5px;
  height: 5px;
  display: block;
  border-radius: 50%;
  background-color: #333333;
  position: absolute;
  left: 0;
  top: 6px;
}

.pr-detail-layout .advance-info .excerpt {
  display: block;
  font-size: 14px;
  line-height: 20px;
  color: #666666;
  margin: 0;
  max-width: 356px;
}

.pr-detail-layout .advance-info .shipping-info {
  margin-top: 18px;
  padding-left: 0px;
}

.pr-detail-layout .advance-info .shipping-info p {
  text-align: left;
  margin: 0;
  padding: 0;
}

.pr-detail-layout .advance-info p.for-today {
  margin-top: 1px;
}

.biolife-products-block .menu-title {
  margin-bottom: 24px;
}

.biolife-brand ul.brands {
  display: block;
  padding: 0;
  font-size: 0;
  line-height: 0;
  border-top: 1px solid #e6e6e6;
}

.biolife-brand ul.brands li {
  list-style: none;
  display: inline-block;
  width: 25%;
  float: left;
  text-align: center;
}

.biolife-brand.vertical ul.brands {
  border: none;
  padding-bottom: 14px;
  display: inline-block;
}

.biolife-brand.vertical ul.brands li {
  display: block;
  width: auto;
  clear: left;
  text-align: left;
  margin: 17px 0;
}

.biolife-banner.layout-01 {
  display: block;
  width: 176px;
  text-align: center;
  font-size: 0;
  line-height: 1;
  border: 1px solid transparent;
  position: relative;
}

.biolife-banner.layout-01::before {
  content: "";
  display: block;
  border-top: 1px solid #000000;
  border-left: 1px solid #000000;
  border-bottom: 1px solid #000000;
  position: absolute;
  top: -1px;
  left: -1px;
  bottom: -1px;
  width: 19px;
  background: transparent;
}

.biolife-banner.layout-01::after {
  content: "";
  display: block;
  border-top: 1px solid #000000;
  border-right: 1px solid #000000;
  border-bottom: 1px solid #000000;
  position: absolute;
  top: -1px;
  right: -1px;
  bottom: -1px;
  width: 19px;
  background: transparent;
}

.biolife-banner.layout-01 .top-title {
  font-size: 26px;
  font-weight: 700;
  color: #333333;
  margin: 0;
  line-height: 1;
  display: inline-block;
  position: relative;
  top: -15px;
  padding: 0 7px;
}

.biolife-banner.layout-01 .content {
  display: block;
  font-size: 14px;
  line-height: 20px;
  color: #666666;
  text-align: center;
  margin: -7px 0 0;
  padding: 0 20px;
}

.biolife-banner.layout-01 .bottomm-title {
  font-size: 20px;
  color: #333333;
  font-family: "Playfair Display", sans-serif;
  font-weight: 700;
  font-style: italic;
  line-height: 1;
  position: relative;
  bottom: -9px;
  padding: 0 7px;
}

.header-search-bar.layout-01 {
  display: inline-block;
  position: relative;
  float: left;
  overflow: hidden;
}

.header-search-bar.layout-01 .input-text {
  font-size: 14px;
  color: #222222;
  border: 1px solid #fff;
  width: 100%;
  display: inline-block;
  /* border-radius: 99999px;
	 */
  padding: 10px 240px 10px 20px;
}

@media screen and (-ms-high-contrast: active),
(-ms-high-contrast: none) {
  .header-search-bar.layout-01 .input-text {
    line-height: 1;
    padding: 9px 240px 9px 20px;
  }
}

.header-search-bar.layout-01 .btn-submit {
  background: transparent;
  border: none;
  outline: none;
  box-shadow: none;
  border-left: 1px solid #e6e6e6;
  color: #333333;
  line-height: 0;
  font-size: 20px;
  display: inline-block;
  padding: 9px;
  width: 89px;
  text-align: center;
  position: absolute;
  top: 5px;
  right: 0;
  border-top-right-radius: 9999px;
  border-bottom-right-radius: 9999px;
}

.header-search-bar.layout-01 .input-text::-ms-input-placeholder,
.header-search-bar.layout-01 .input-text:-ms-input-placeholder,
.header-search-bar.layout-01 .input-text::placeholder {
  color: #888888;
}

.header-search-bar.layout-01 select {
  display: none;
}

.header-search-bar.layout-01 .nice-select {
  position: absolute;
  top: 17px;
  right: 118px;
  padding-left: 0;
}

.header-search-bar.layout-01 .nice-select:after,
.header-search-bar.layout-01 .nice-select .current {
  color: #888888;
}

.header-search-bar.layout-01 .nice-select .current {
  width: 103px;
  text-align: right;
}

.header-search-bar.layout-01.no-product-cat .btn-submit {
  width: auto;
  padding: 12px 24px 12px 16px;
  top: 2px;
  right: 0;
  border-left: none;
}

.header-search-bar.layout-01.no-product-cat .input-text {
  padding-right: 60px;
}

.header-area .live-info {
  display: inline-block;
  /* max-width: calc(100% - 500px);
	 */
  float: right;
}

.header-area .live-info .telephone {
  font-size: 20px;
  line-height: 20px;
  color: #333333;
  display: block;
  margin: 0;
  padding-left: 6px;
}

.header-area .live-info .telephone i {
  font-size: 26px;
  position: relative;
  bottom: -5px;
  right: 6px;
}

.header-area .live-info .working-time {
  font-size: 14px;
  line-height: 20px;
  color: #666666;
  display: block;
  margin: 1px 0 0;
  padding-left: 28px;
}

.padding-top-2px {
  padding-top: 2px;
}

.header-area.layout-05 .header-top .top-bar .social-list li a,
.header-area.layout-05 .header-top .nice-select .current,
.header-area.layout-05 .header-top .nice-select:after,
.header-area.layout-05 .header-top .top-bar .horizontal-menu a {
  color: #333333;
}

.header-area.layout-05 .header-top {
  border-bottom: 1px solid #e3e3e3;
}

.header-area.layout-05 .header-top .horizontal-menu>li+li {
  border-left: 1px solid #e3e3e3;
}

.header-area.layout-05 .header-top .top-bar .social-list {
  border-right: 1px solid #e3e3e3;
}

.header-area.layout-05 .header-middle {
  box-shadow: 5px 5px 5px rgba(204, 204, 204, 0.2);
  -webkit-box-shadow: 5px 5px 5px rgba(204, 204, 204, 0.2);
}

.newsletter-block.layout-01 {
  margin-top: 40px;
}

.newsletter-block .title {
  font-size: 20px;
  line-height: 20px;
  color: #333333;
  font-weight: 700;
  display: block;
  margin: 0 0 17px;
}

.newsletter-block .form-content {
  font-size: 0;
  line-height: 0;
  display: block;
  position: relative;
}

.newsletter-block .form-content .input-text {
  font-size: 14px;
  line-height: 1;
  color: #333333;
  display: inline-block;
  width: 100%;
  border: 1px solid #e6e6e6;
  -webkit-border-radius: 9999px;
  -moz-border-radius: 9999px;
  border-radius: 9999px;
  padding: 9px 125px 9px 18px;
  height: 46px;
}

.newsletter-block .form-content .bnt-submit {
  font-size: 14px;
  line-height: 20px;
  display: inline-block;
  background-color: #333333;
  color: #ffffff;
  border: none;
  position: absolute;
  top: 0;
  right: 0;
  font-weight: 700;
  text-align: center;
  text-transform: uppercase;
  min-width: 123px;
  padding: 13px;
  border-top-right-radius: 9999px;
  border-bottom-right-radius: 9999px;
}

.newsletter-block .form-content .bnt-submit:hover {
  background-color: var(--primary-black);
}

.newsletter-block .form-content .input-text::-webkit-input-placeholder {
  line-height: 24px;
}

.newsletter-block .form-content .input-text::-moz-placeholder {
  line-height: 24px;
}

.newsletter-block .form-content .input-text:-ms-input-placeholder {
  line-height: 24px;
}

.newsletter-block .form-content .input-text:-moz-placeholder {
  line-height: 24px;
}

/* @media hack removed */

.newsletter-block.layout-03 {
  display: block;
  font-size: 0;
  line-height: 0;
  background-image: url("../images/home-02/bgrd-newsletter.jpg");
  height: 315px;
  padding-top: 86px;
  background-repeat: no-repeat;
  background-position: center;
}

.newsletter-block.layout-03 .form-content {
  display: block;
  text-align: center;
  color: #ffffff;
}

.newsletter-block.layout-03 .form-content .newslt-title {
  font-size: 35px;
  line-height: 1;
  display: block;
  font-weight: 700;
  margin: 0;
}

.newsletter-block.layout-03 .form-content .sub-title {
  font-size: 0.8vw;
  line-height: 20px;
  display: block;
  margin: 4px 0 0;
  font-weight: 400;
}

.newsletter-block.layout-03 .form-content b {
  font-size: 20px;
  font-weight: 700;
}

.newsletter-block.layout-03 .form-content .input-text {
  max-width: 508px;
  font-size: 14px;
  line-height: 1;
  color: var(--primary-black);
  padding: 10px 130px 10px 21px;
  background-color: #ffffff;
  border: none;
  height: 46px;
}

.newsletter-block.layout-03 .form-content .input-text::-webkit-input-placeholder {
  color: #666666;
  line-height: 26px;
}

.newsletter-block.layout-03 .form-content .input-text::-moz-placeholder {
  color: #666666;
  line-height: 26px;
}

.newsletter-block.layout-03 .form-content .input-text:-ms-input-placeholder {
  color: #666666;
  line-height: 26px;
}

.newsletter-block.layout-03 .form-content .input-text:-moz-placeholder {
  color: #666666;
  line-height: 26px;
}

.newsletter-block .form-content .bnt-submit .form-content .bnt-submit {
  min-width: 130px;
}

.newsletter-block.layout-03 .form-content form {
  display: inline-block;
  position: relative;
  max-width: 508px;
  width: 100%;
  margin-top: 23px;
}

.newsletter-block.layout-03 .form-content .bnt-submit {
  border-radius: 999px;
}

.newsletter-block.layout-04 {
  font-size: 0;
  line-height: 0;
  padding-left: 94px;
}

.newsletter-block.layout-04 .form-content,
.newsletter-block.layout-04 .wrap-title {
  display: inline-block;
}

.newsletter-block.layout-04 .wrap-title {
  margin-right: 40px;
}

.newsletter-block.layout-04 .wrap-title .biolife-icon {
  font-size: 65px;
  line-height: 1;
  display: inline-block;
  color: #c8c8c8;
  vertical-align: middle;
}

.newsletter-block.layout-04 .wrap-title .texts {
  display: inline-block;
  vertical-align: middle;
  padding-left: 17px;
}

.newsletter-block.layout-04 .wrap-title .newslt-title {
  font-size: 20px;
  line-height: 20px;
  color: #333333;
  font-weight: 700;
  display: block;
  margin: 0;
}

.newsletter-block.layout-04 .wrap-title .sub-title {
  display: block;
  margin: 10px 0 0;
  font-size: 15px;
  color: #666666;
  line-height: 1;
}

.newsletter-block.layout-04 .form-content {
  max-width: 550px;
  width: 100%;
}

.newsletter-block_popup-layout {
  background-image: url("../images/bg-newsletter.jpg");
  display: block;
  overflow: hidden;
  background-repeat: no-repeat;
  background-position: top left;
  padding: 63px 59px 73px;
}

.newsletter-block_popup-layout .inner-content {
  display: block;
  text-align: center;
  max-width: 360px;
}

.newsletter-block_popup-layout .wrap-title .sup-title {
  display: block;
  margin: 0;
  font-size: 20px;
  line-height: 1;
  font-weight: 600;
  color: #222222;
  text-transform: uppercase;
}

.newsletter-block_popup-layout .wrap-title .newslt-title {
  display: block;
  margin: 0;
  line-height: 1;
  font-size: 80px;
  color: #222222;
  font-weight: 700;
  text-transform: uppercase;
  margin-top: -2px;
}

.newsletter-block_popup-layout .wrap-title .newslt-title sup {
  font-size: 60%;
}

.newsletter-block_popup-layout .form-content {
  margin-top: 22px;
}

.newsletter-block_popup-layout .form-content .input-text {
  font-size: 14px;
  text-align: center;
  color: #333333;
  background-color: #ffffff;
  border: 0;
  line-height: 1;
  padding: 10px 10px 11px;
  height: 46px;
}

.newsletter-block_popup-layout .form-content .input-text::-webkit-input-placeholder {
  color: #999999;
  line-height: 26px;
}

.newsletter-block_popup-layout .form-content .input-text:-ms-input-placeholder {
  color: #999999;
  line-height: 26px;
}

.newsletter-block_popup-layout .form-content .input-text::placeholder {
  color: #999999;
  line-height: 26px;
}

.newsletter-block_popup-layout .form-content .bnt-submit {
  position: static;
  width: 100%;
  border-radius: 9999px;
  padding: 16px;
  margin-top: 11px;
}

.newsletter-block_popup-layout .form-content .dismiss-newsletter {
  display: inline-block;
  font-size: 14px;
  margin: 0;
  color: #666666;
  text-shadow: none;
  font-weight: 400;
  opacity: 1;
  filter: alpha(opacity=100);
  float: none;
  margin-top: 17px;
  position: relative;
}

.newsletter-block_popup-layout .form-content .dismiss-newsletter::before {
  content: "";
  display: block;
  position: absolute;
  bottom: -3px;
  left: 0;
  right: 0;
  height: 2px;
  border-top: 1px solid #afaeae;
  background-color: #cdcccc;
  z-index: 1;
}

.newsletter-block_popup-layout .form-content .dismiss-newsletter:hover::before {
  background-color: transparent !important;
}

.product-category .products-list {
  padding: 0;
  display: block;
  margin: 0;
}

.product-category .products-list li {
  display: block;
  list-style: none;
}

.wrap-custom-menu.vertical-menu-2 ul li {
  font-size: 14px;
  line-height: 33px;
}

.wrap-custom-menu.vertical-menu-2.bigger ul li {
  font-size: 15px;
  line-height: 35px;
}

.wrap-custom-menu.vertical-menu-2 ul li+li {
  margin-top: 1px;
}

.wrap-custom-menu.vertical-menu-2 ul li a {
  color: #666666;
}

.wrap-custom-menu.horizontal-menu-v2 ul.menu {
  display: block;
  font-size: 0;
  line-height: 0;
  text-align: center;
}

.wrap-custom-menu.horizontal-menu-v2 ul.menu>li {
  margin: 0;
  display: inline-block;
  font-size: 15px;
  line-height: 1;
  padding: 0 15px;
}

.wrap-custom-menu.horizontal-menu-v2 ul.menu>li+li {
  border-left: 1px solid #e6e6e6;
}

.wrap-custom-menu.horizontal-menu-v2 ul.menu>li a {
  color: #666666;
  display: inline-block;
}

.biolife-social {
  margin-top: 25px;
}

.biolife-social ul {
  padding: 0;
  margin: 0;
  font-size: 0;
  line-height: 0;
  text-align: left;
}

.biolife-social ul li {
  list-style: none;
  display: inline-block;
}

.biolife-social ul li+li {
  margin-left: 30px;
}

.biolife-social ul li a {
  font-size: 18px;
  color: #666666;
}

.biolife-social.circle-hover {
  margin-top: 24px;
}

.biolife-social.circle-hover ul li a {
  color: #555555;
  display: block;
  padding: 0 5px;
  line-height: 34px;
  min-width: 34px;
  text-align: center;
  border-radius: 50%;
  background-color: transparent;
}

.biolife-social.circle-hover ul li a:hover {
  color: #ffffff;
}

.biolife-social.circle-hover ul li+li {
  margin-left: 10px;
}

.biolife-social.add-title {
  margin-top: 8px;
}

.biolife-social.add-title .fr-title {
  display: inline-block;
  vertical-align: middle;
  font-size: 14px;
  line-height: 20px;
  color: #333333;
  margin-right: 22px;
}

.biolife-social.add-title .fr-title+.socials {
  display: inline-block;
  vertical-align: middle;
}

.biolife-social.add-title ul li a {
  color: #aaaaaa;
}

.biolife-social.add-title ul li+li {
  margin-left: 21px;
}

.contact-info-block.footer-layout ul {
  padding-top: 3px;
}

.contact-info-block.footer-layout ul {
  padding: 0;
  display: block;
}

.contact-info-block.footer-layout ul li {
  display: block;
  list-style: none;
}

.contact-info-block.footer-layout ul li+li {
  margin-top: 10px;
}

.contact-info-block.footer-layout li p.info-item {
  display: block;
  margin: 0;
}

.contact-info-block.footer-layout li .biolife-icon {
  font-size: 22px;
  color: #525252;
  display: inline-block;
  float: left;
  width: 36px;
  text-align: left;
}

.contact-info-block.footer-layout li .icon-letter {
  font-size: 12px;
  color: #6a6a6a;
  line-height: 20px;
  padding-top: 2px;
}

.contact-info-block.footer-layout li .desc {
  font-size: 13px;
  line-height: 20px;
  color: #666666;
  display: inline-block;
  font-weight: 400;
  width: calc(100% - 36px);
}

.contact-info-block.simple-info {
  margin-top: 24px;
}

.contact-info-block.simple-info .title {
  font-size: 18px;
  display: block;
  margin: 0;
  color: #222222;
  line-height: 1;
  font-weight: 600;
}

.contact-info-block.simple-info .info-item {
  display: table;
  width: 100%;
  margin-top: 17px;
  max-width: 300px;
}

.contact-info-block.simple-info .info-item .biolife-icon,
.contact-info-block.simple-info .info-item .desc {
  display: table-cell;
  vertical-align: top;
  font-size: 15px;
  line-height: 20px;
  color: #666666;
  padding-left: 16px;
  margin: 0;
}

.contact-info-block.simple-info .info-item .icon {
  display: inline-block;
  width: 33px;
  padding: 0;
  margin: 4px 0 0;
  font-size: 0;
  line-height: 0;
}

.footer-item .section-title {
  font-size: 24px;
  line-height: 1;
  color: #222222;
  font-weight: 700;
  display: block;
  margin: 0 0 24px;
}

.footer-phone-info {
  margin-top: 20px;
}

.footer-phone-info .biolife-icon {
  color: #666666;
  font-size: 40px;
  line-height: 1;
  display: inline-block;
  float: left;
  width: 40px;
  padding-top: 9px;
}

.footer-phone-info .r-info {
  font-size: 18px;
  line-height: 24px;
  color: #222222;
  display: inline-block;
  width: calc(100% - 40px);
  font-weight: 600;
  margin: 0;
  padding-left: 20px;
}

.footer-phone-info .r-info span {
  display: block;
}

.footer-phone-info.mode-03,
.footer-phone-info.mode-02 {
  margin-top: 31px;
}

.footer-phone-info.mode-02 .r-info .number {
  font-size: 17px;
  color: #666666;
}

.footer-phone-info.mode-03 .biolife-icon,
.footer-phone-info.mode-02 .biolife-icon {
  padding-top: 6px;
}

.footer-phone-info.mode-03 .r-info .number {
  color: #222222;
}

.border-top-type-1 {
  border-top: 1px solid #e6e6e6;
}

.copy-right-text {
  margin-top: 37px;
}

.copy-right-text a {
  font-weight: 500;
  color: var(--primary-red);
}

.copy-right-text:hover a {
  color: #555555;
}

.copy-right-text p {
  margin: 0;
  font-size: 15px;
  line-height: 20px;
  color: #222222;
  font-weight: 400;
}

.copy-right-text p b {
  font-weight: 600;
}

.footer.layout-02 .copy-right-text {
  margin-top: 22px;
}

.footer.layout-02 .copy-right-text p {
  color: #ffffff;
}

.copy-right-text.center-align {
  margin-top: 33px;
  margin-bottom: 31px;
}

.copy-right-text.center-align>p {
  text-align: center;
}

.payment-methods ul {
  padding: 0;
  display: block;
  text-align: right;
  margin: 0;
}

.payment-methods ul li {
  list-style: none;
  display: inline-block;
  padding: 26px 0 29px;
}

.payment-methods ul li+li {
  margin-left: 19px;
}

.payment-methods.layout-02 .title {
  font-size: 18px;
  color: #222222;
  font-weight: 600;
  display: block;
  line-height: 1;
  margin: 0 0 15px;
}

.payment-methods.layout-02 .payments {
  text-align: left;
  font-size: 0;
  line-height: 0;
}

.payment-methods.layout-02 .payments li {
  padding: 0;
  margin-bottom: 20px;
}

.payment-methods.layout-02 .payments li+li {
  margin-left: 0;
}

.payment-methods.layout-02 .payments li:not(:last-child) {
  margin-right: 20px;
}

.footer.layout-02 .payment-methods ul li {
  padding-top: 15px;
  padding-bottom: 14px;
}

.footer.layout-01 .copy-rights-contain {
  background-color: #ffffff;
}

.footer.layout-01 .payment-methods ul li {
  padding: 29px 0;
}

.footer.layout-01 .copy-right-text {
  margin-top: 39px;
}

.separator {
  display: block;
  border: none;
  height: 1px;
  background-color: #e6e6e6;
}

.footer-content {
  padding-top: 50px;
}

.footer.layout-02 .footer-content {
  padding-top: 80px;
}

.header-area .primary-menu ul .wrap-megamenu {
  padding: 20px;
}

.header-area .primary-menu .mega-content {
  margin-left: -15px;
  margin-right: -15px;
}

.header-area.layout-01 {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  background-image: url("../images/home-01/bg_header-01.png");
  background-repeat: no-repeat;
  background-position: center center;
  -webkit-transition: all 350ms ease;
  -moz-transition: all 350ms ease;
  -ms-transition: all 350ms ease;
  -o-transition: all 350ms ease;
  transition: all 350ms ease;
}

.header-area.layout-01 .nice-select:after,
.header-area.layout-01 .nice-select .current,
.header-area.layout-01 .header-top .top-bar .social-list li a,
.header-area.layout-01 .header-top .top-bar .horizontal-menu a {
  color: #333333;
}

.header-area.layout-01 .header-top .right .horizontal-menu>li:first-child {
  border: none;
}

.header-area.layout-01 .left .horizontal-menu>li {
  padding: 0;
}

.header-area.layout-01 .top-bar.left>ul+ul {
  margin-left: 34px;
}

.header-area.layout-01 .header-top .right .horizontal-menu>li {
  min-width: auto;
  padding-left: 0;
  padding-right: 34px;
  border: none;
}

.header-area.layout-01 .header-top .right .horizontal-menu>li:last-child {
  padding-right: 0;
  border: none;
}

.header-area.layout-01 .top-bar.left .horizontal-menu li {
  line-height: 42px;
}

.header-area.layout-01 .header-top {
  margin-top: 36px;
}

.header-area.layout-01 .header-bottom:not(.pre-sticky) {
  padding-bottom: 42px;
}

.header-top .top-bar .social-list.circle-layout {
  margin: 0;
  line-height: 0;
  font-size: 0;
  float: none;
}

.header-top .top-bar .social-list.circle-layout li {
  line-height: 0;
  font-size: 0;
  margin: 0;
}

.header-top .top-bar .social-list.circle-layout li+li {
  margin-left: 11px;
}

.header-top .top-bar .social-list.circle-layout a>i {
  margin: 0;
}

.header-area.layout-01 .top-bar .social-list.circle-layout a {
  color: #aaaaaa;
}

.header-top .top-bar .social-list.circle-layout a {
  background-color: #dddddd;
  padding: 0 5px;
  min-width: 27px;
  display: inline-block;
  line-height: 27px;
  text-align: center;
  color: #aaaaaa;
  border-radius: 50%;
}

.header-top .top-bar .social-list.circle-layout a:hover {
  color: #ffffff !important;
}

body:not(.open-overlay) .header-area.layout-01 {
  z-index: 20;
}

.background-mega-01 {
  background: url("../images/megamenu/vegetable-mega-bg.png");
}

.background-mega-02 {
  background: url("../images/megamenu/megamenu-bg-02.jpg");
}

.max-width-270 {
  max-width: 270px;
}

.mobile-footer {
  display: none;
  background-color: #ededed;
  padding: 5px 0 0;
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 100;
}

.mobile-footer .mobile-footer-inner {
  display: table;
  width: 100%;
  margin: 0;
}

.mobile-footer .mobile-footer-inner>div {
  display: table-cell;
  text-align: center;
}

.mobile-footer .mobile-block>a {
  display: block;
  color: #333333;
  padding: 5px;
  font-size: 0;
  line-height: 0;
}

.mobile-footer .mobile-block>a .text {
  font-size: 13px;
  line-height: 1;
  display: block;
  font-weight: 600;
}

.mobile-footer .mobile-block>a>.fa {
  display: block;
  font-size: 15px;
  margin-bottom: 2px;
}

.mobile-search-content,
.mobile-search .open-searchbox {
  display: none;
}

.mobile-search {
  font-size: 0;
  line-height: 0;
}

.mobile-search .open-searchbox .biolife-icon {
  font-size: 21px;
  color: #333333;
}

.mobile-search .mobile-search-content {
  display: none;
  position: fixed;
  width: 700px;
  top: 40%;
  left: 50%;
  margin-left: -350px;
  z-index: 120;
  border-top: 2px solid #666666;
  -webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.2);
  box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.2);
  background-color: #ffffff;
  padding: 40px;
  text-align: left;
}

.mobile-search .mobile-search-content .form-search {
  position: relative;
}

.mobile-search .mobile-search-content .input-text {
  display: inline-block;
  width: calc(100% - 160px);
  font-size: 14px;
  line-height: 1;
  padding: 8px 15px;
  border-radius: 2px;
  border-color: #e6e6e6;
  color: var(--primary-black);
  height: 44px;
}

.mobile-search .mobile-search-content .input-text::-webkit-input-placeholder {
  line-height: 25px;
}

.mobile-search .mobile-search-content .input-text:-ms-input-placeholder {
  line-height: 25px;
}

.mobile-search .mobile-search-content .input-text::placeholder {
  line-height: 25px;
}

.mobile-search .mobile-search-content .nice-select .current {
  width: 100%;
  color: #666666;
}

.mobile-search .mobile-search-content .nice-select {
  display: inline-block;
  float: left;
  border: 1px solid #e6e6e6;
  border-radius: 2px;
  width: 160px;
  clear: none;
  margin-left: 0;
  border-right: none;
}

.mobile-search .mobile-search-content .btn-submit {
  font-size: 0.8vw;
  color: #ffffff;
  background: #555555;
  border: none;
  position: absolute;
  top: 0;
  right: 0;
  border-radius: 2px;
  padding: 12px 17px 12px;
  line-height: 20px;
  display: inline-block;
  text-transform: uppercase;
  font-weight: 600;
}

#overlay {
  display: block;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 100;
  background-color: rgba(0, 0, 0, 0.5);
  visibility: hidden;
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transition: all 250ms ease;
  -moz-transition: all 250ms ease;
  -o-transition: all 250ms ease;
  transition: all 250ms ease;
}

body.open-overlay #overlay {
  visibility: visible;
  opacity: 1;
  filter: alpha(opacity=100);
}

.recently-products-cat ul {
  padding: 0;
}

.recently-products-cat ul li {
  list-style: none;
}

.sidebar .widget {
  display: block;
  clear: both;
  border-bottom: 1px solid #e6e6e6;
  margin-bottom: 37px;
}

.sidebar .widget:last-child {
  border-bottom: none;
}

.sidebar .widget .wgt-title {
  color: #222222;
  font-size: 17px;
  font-weight: 600;
  text-align: left;
  display: block;
  margin: 0;
  position: relative;
}

.sidebar .widget .wgt-title::after {
  content: "\f0d8";
  font-family: "FontAwesome", sans-serif;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  font-size: 15px;
  position: absolute;
  top: 2px;
  right: 0;
  display: none;
}

.sidebar .widget .wgt-content {
  display: block;
}

.sidebar .wgt-content .color-list,
.sidebar .wgt-content .check-list,
.sidebar .wgt-content .cat-list {
  padding: 0;
  display: block;
  font-size: 0;
  line-height: 0;
  margin: 15px 0 22px;
}

.sidebar .wgt-content .color-list li,
.sidebar .wgt-content .color-list li,
.sidebar .wgt-content .check-list li,
.sidebar .wgt-content .cat-list li {
  list-style: none;
  display: block;
  font-size: 14px;
  line-height: 34px;
  padding: 0;
  color: var(--primary-black);
}

.sidebar .wgt-content .check-list.bold li {
  font-size: 15px;
  font-weight: 600;
}

.sidebar .wgt-content .check-list li a,
.sidebar .wgt-content .cat-list li a {
  color: inherit;
}

.sidebar .wgt-content .check-list li a {
  padding-left: 30px;
  position: relative;
  display: inline-block;
}

.sidebar .wgt-content .check-list li a::before {
  content: "";
  width: 15px;
  height: 15px;
  display: block;
  border: 2px solid #eeeeee;
  border-radius: 2px;
  position: absolute;
  top: 10px;
  left: 0;
}

.sidebar .wgt-content .check-list li a::after {
  content: "\f00c";
  font-family: "FontAwesome", sans-serif;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  display: block;
  font-size: 12px;
  position: absolute;
  top: 12px;
  left: 2px;
  color: #eeeeee;
  line-height: 1;
  visibility: hidden;
  opacity: 0;
  filter: alpha(opacity=0);
}

.sidebar .wgt-content .check-list li.selected a::after,
.sidebar .wgt-content .check-list li a:hover::after {
  visibility: visible;
  opacity: 1;
  filter: alpha(opacity=100);
}

.sidebar .wgt-content .color-list {
  margin-top: 20px;
  margin-bottom: 24px;
}

.sidebar .wgt-content .color-list li {
  display: inline-block;
  margin-right: 18px;
  margin-bottom: 2px;
}

.sidebar .wgt-content .color-list li a {
  display: inline-block;
  color: inherit;
  line-height: 27px;
  position: relative;
  padding-left: 37px;
}

.sidebar .wgt-content .color-list li a .symbol {
  display: inline-block;
  width: 27px;
  height: 27px;
  border-radius: 50%;
  background-color: #ffffff;
  position: absolute;
  top: 0;
  left: 0;
}

.sidebar .wgt-content .color-list li a .hex-code {
  border: 2px solid #e6e6e6;
}

.product-atts .atts-item .img-color,
.sidebar .wgt-content .color-list li a .img-color {
  background: url("../images/color_bg1.jpg");
  background-size: cover;
}

.sumary-product .product-attribute .product-atts .atts-item ul.color-list span.color-02,
.sidebar .wgt-content .color-list li a .color-02 {
  background-color: #ffbc53;
}

.sumary-product .product-attribute .product-atts .atts-item ul.color-list span.color-01,
.sidebar .wgt-content .color-list li a .color-01 {
  background-color: #ef2727;
}

.sumary-product .product-attribute .product-atts .atts-item ul.color-list span.color-03 {
  background-color: #ffffff;
}

.sidebar .price-filter .frm-contain {
  display: inline-block;
  font-size: 0;
  line-height: 0;
  margin-top: 31px;
  padding-bottom: 1px;
}

.sidebar .price-filter .frm-contain .f-item {
  display: inline-block;
  margin: 0 4px 0 0;
  font-size: 0.8vw;
  color: #222222;
  float: left;
}

.sidebar .price-filter .frm-contain .f-item:last-child {
  margin-left: 0;
  margin-right: 9px;
}

.sidebar .price-filter .frm-contain .f-item label {
  margin: 0;
}

.sidebar .price-filter .frm-contain .f-item .input-number {
  border: 2px solid #e6e6e6;
  border-radius: 9999px;
  width: 59px;
  height: 33px;
  text-align: center;
}

.sidebar .price-filter .frm-contain .f-item .btn-submit {
  font-size: 15px;
  color: #ffffff;
  font-weight: 700;
  text-transform: uppercase;
  border: none;
  outline: none;
  line-height: 1;
  padding: 9px 5px;
  min-width: 59px;
  text-align: center;
  border-radius: 9999px;
}

.sidebar .price-filter .frm-contain .f-item .btn-submit:hover {
  background-color: #000000;
}

.sidebar .wgt-content .products {
  padding: 0;
  display: inline-block;
  width: 100%;
  margin: 26px 0 30px;
}

.sidebar .wgt-content .products li {
  list-style: none;
  display: block;
  clear: both;
  overflow: hidden;
}

.sidebar .wgt-content .products li+li {
  margin-top: 15px;
}

.sidebar .wgt-content .tag-cloud {
  padding: 0;
  display: block;
  margin: 27px 0 20px;
  font-size: 0;
  line-height: 0;
}

.sidebar .wgt-content .tag-cloud li {
  list-style: none;
  display: inline-block;
}

.sidebar .wgt-content .tag-cloud li a {
  display: inline-block;
  color: #888888;
  font-size: 14px;
  line-height: 1;
  border: 2px solid #f0f0f0;
  border-radius: 9999px;
  text-align: center;
  padding: 5px 12px;
  margin-right: 8px;
  margin-bottom: 10px;
}

.sidebar .wgt-content .tag-cloud li a:hover {
  color: #111111;
}

#sidebar .biolife-mobile-panels {
  display: none;
}

.blog-sidebar .widget .wgt-title::after {
  content: none;
}

.search-widget input[type="text"] {
  font-size: 13px;
  line-height: 1;
  border: 2px solid #e6e6e6;
  border-radius: 9999px;
  padding: 10px 40px 11px 20px;
  width: 100%;
  height: 49px;
}

.search-widget input[type="text"]::-webkit-input-placeholder {
  font-weight: 700;
  text-transform: uppercase;
  line-height: 25px;
}

.search-widget input[type="text"]:-ms-input-placeholder {
  font-weight: 700;
  text-transform: uppercase;
  line-height: 25px;
}

.search-widget input[type="text"]::placeholder {
  font-weight: 700;
  text-transform: uppercase;
  line-height: 25px;
}

.search-widget form {
  display: inline-block;
  width: 100%;
  position: relative;
  font-size: 0;
  line-height: 0;
  border-radius: 9999px;
  overflow: hidden;
}

.search-widget button[type="submit"] {
  border: none;
  font-size: 21px;
  padding: 14px 17px 14px 2px;
  position: absolute;
  top: 0;
  right: 0;
  background-color: transparent;
}

.search-widget .wgt-content {
  font-size: 0;
  line-height: 0;
  padding-bottom: 40px;
}

.posts-widget .wgt-content {
  line-height: 0;
  font-size: 0;
  margin-top: 27px;
  padding-bottom: 30px;
}

.comment-widget .wgt-content ul,
.twitter-widget .wgt-content ul,
.posts-widget .wgt-content ul {
  padding: 0;
  margin: 0;
}

.comment-widget .wgt-content ul li,
.twitter-widget .wgt-content ul li,
.posts-widget .wgt-content ul li {
  list-style: none;
}

.posts-widget .wgt-content ul li+li {
  margin-top: 25px;
}

.twitter-widget .wgt-content ul {
  margin: 38px 0 28px;
}

.twitter-widget .wgt-content ul li+li {
  margin-top: 23px;
}

.comment-widget .wgt-content ul li+li {
  margin-top: 26px;
}

.comment-widget .wgt-content {
  margin-top: 25px;
}

.wgt-twitter-item,
.wgt-post-item {
  display: table;
  width: 100%;
  padding: 0;
  margin: 0;
  font-size: 0;
  line-height: 1;
}

.wgt-twitter-item .author,
.wgt-twitter-item .detail,
.wgt-post-item .detail,
.wgt-post-item .thumb {
  display: table-cell;
  vertical-align: top;
}

.wgt-post-item .thumb {
  width: 80px;
}

.wgt-twitter-item .detail,
.wgt-post-item .detail {
  padding-left: 10px;
}

.wgt-post-item .detail .post-name {
  font-size: 0.8vw;
  line-height: 19px;
  font-weight: 600;
  color: #222222;
  display: block;
  margin: -3px 0 0;
}

.wgt-post-item .detail .post-name a {
  color: inherit;
  font-weight: 700;
}

.wgt-post-item .detail .post-archive {
  display: block;
  font-size: 13px;
  color: #888888;
  margin: 10px 0 0;
  line-height: 13px;
}

.wgt-post-item .detail .post-archive .comment {
  margin-left: 17px;
}

.wgt-twitter-item .author {
  width: 38px;
}

.wgt-twitter-item .detail .account-info {
  display: block;
  margin: 0;
  font-size: 0;
}

.wgt-twitter-item .detail .account-info .ath-name,
.wgt-twitter-item .detail .account-info .ath-taglink {
  display: inline-block;
  font-size: 15px;
  line-height: 15px;
  color: #cccccc;
  font-weight: 600;
}

.wgt-twitter-item .detail .account-info .ath-name {
  color: #222222;
  margin-right: 7px;
}

.wgt-twitter-item .detail .tweet-content {
  font-size: 15px;
  line-height: 24px;
  color: #666666;
  margin: 7px 0 0;
}

.wgt-twitter-item .detail .tweet-content a:hover {
  color: #333333;
}

.wgt-twitter-item .detail .tweet-count {
  margin-top: 2px;
}

.wgt-twitter-item .detail .tweet-count .btn {
  display: inline-block;
  font-size: 13px;
  line-height: 24px;
  color: #666666;
  padding: 0;
  margin-right: 37px;
}

.wgt-twitter-item .detail .tweet-count .btn i {
  margin-right: 6px;
}

.wgt-twitter-item .detail .viewall {
  display: block;
  margin: 21px 0 5px;
  font-size: 0;
  line-height: 0;
}

.wgt-twitter-item .detail .viewall a {
  display: inline-block;
  font-size: 14px;
  line-height: 1;
  color: #cccccc;
  position: relative;
  font-weight: 700;
  text-transform: uppercase;
}

.wgt-twitter-item .detail .viewall a::before {
  content: "";
  display: block;
  height: 2px;
  background-color: #cccccc;
  bottom: -3px;
  left: 0;
  position: absolute;
  right: -1px;
}

.cmt-item {
  display: block;
  font-size: 0;
  line-height: 0;
  color: #666666;
  margin: 0;
}

.cmt-item a {
  display: inline-block;
  font-size: 15px;
  line-height: 16px;
  color: inherit;
  font-weight: 400;
}

.cmt-item .link-post {
  color: #333333;
  font-weight: 600;
  margin-left: 4px;
}

.cmt-item a .biolife-icon {
  margin-right: 7px;
}

.top-functions-area+div {
  clear: both;
}

.top-functions-area {
  display: block;
  width: 100%;
  border-bottom: 2px solid #e6e6e6;
  padding-bottom: 13px;
  margin-bottom: 30px;
}

.top-functions-area .flt-item,
.top-functions-area .wrap-selectors {
  display: inline-block;
}

.top-functions-area .flt-item.to-right {
  float: right;
}

.top-functions-area .flt-item .icon-for-mobile {
  display: none;
  font-size: 0;
  line-height: 0;
  vertical-align: bottom;
  padding: 7px 13px;
  background-color: #f0f0f0;
}

.top-functions-area .flt-item .btn-for-mobile {
  display: none;
  width: 100%;
  margin: 0;
  padding-top: 20px;
}

.top-functions-area .flt-item .btn-for-mobile button {
  font-size: 0.8vw;
  color: #ffffff;
  background: #555555;
  border: none;
  padding: 12px 17px 12px;
  line-height: 20px;
  display: inline-block;
  text-transform: uppercase;
  font-weight: 600;
  width: 100%;
}

.top-functions-area .flt-item .icon-for-mobile span {
  width: 3px;
  height: 3px;
  display: inline-block;
  float: left;
  clear: both;
  margin: 1px 0;
  background-color: #888888;
}

.top-functions-area .flt-item .title-for-mobile {
  display: none;
  width: 100%;
  font-size: 17px;
  color: #333333;
  font-weight: 700;
  text-align: center;
}

.top-functions-area .flt-item .flt-title {
  display: inline-block;
  font-size: 15px;
  color: #333333;
  float: left;
  margin-right: 10px;
  margin-top: 3px;
  font-weight: 600;
}

.top-functions-area .flt-item .nice-select {
  display: inline-block;
  border: 2px solid #e6e6e6;
  border-radius: 9999px;
  background-color: #ffffff;
  padding: 0 30px 0 20px;
}

.top-functions-area .flt-item .nice-select:after {
  color: #9b9b9b;
  right: 15px;
  margin-top: -7px;
}

.top-functions-area .flt-item .nice-select .current {
  font-weight: 600;
  font-size: 15px;
  color: #222222;
  padding: 5px 0 9px;
}

.top-functions-area .flt-item .selector-item {
  display: inline-block;
  float: left;
}

.top-functions-area .flt-item .selector-item+.selector-item {
  margin-left: 9px;
}

.top-functions-area .viewmode-selector {
  display: inline-block;
  font-size: 0;
  line-height: 0;
}

.top-functions-area .viewmode-selector .viewmode {
  color: #888888;
  font-size: 20px;
  display: inline-block;
  float: left;
  margin-left: 24px;
  margin-top: 5px;
}

.top-functions-area .viewmode-selector a.detail-mode {
  font-size: 17px;
  margin-top: 7px;
  margin-left: 12px;
}

.biolife-panigations-block {
  display: block;
  clear: both;
  border-top: 1px solid #e6e6e6;
  padding-top: 39px;
  margin-top: 20px;
  margin-bottom: 80px;
}

.biolife-panigations-block ul {
  padding: 0;
  margin: 0;
  text-align: center;
  font-size: 0;
  line-height: 0;
}

.biolife-panigations-block ul li {
  list-style: none;
  display: inline-block;
  vertical-align: middle;
}

.biolife-panigations-block ul li+li {
  margin-left: 5px;
}

.biolife-panigations-block ul li a,
.biolife-panigations-block ul li span {
  font-size: 14px;
  line-height: 31px;
  color: #666666;
  min-width: 41px;
  border: 1px solid #e6e6e6;
  display: inline-block;
  border-radius: 9999px;
}

.biolife-panigations-block ul li a.next,
.biolife-panigations-block ul li a.prev {
  border-width: 2px;
  font-size: 18px;
  line-height: 29px;
  width: 55px;
}

.biolife-panigations-block ul li a.next {
  margin-left: 20px;
}

.biolife-panigations-block ul li a.prev {
  margin-right: 15px;
}

.biolife-panigations-block ul li a:hover,
.biolife-panigations-block ul li .current-page {
  color: #ffffff;
}

.biolife-panigations-block ul li .sep {
  border-color: transparent;
  width: auto;
  min-width: auto;
  padding-right: 12px;
  margin-left: -3px;
}

.biolife-panigations-block.version-2 {
  margin: 0;
  border: none;
  padding-top: 49px;
  padding-bottom: 7px;
}

.biolife-panigations-block.version-2 ul {
  text-align: left;
  display: inline-block;
}

.biolife-panigations-block.version-2 ul li {
  text-align: center;
}

.biolife-panigations-block.version-2 .result-count {
  display: inline-block;
  float: right;
  font-size: 0;
}

.biolife-panigations-block.version-2 .result-count .txt-count {
  font-size: 14px;
  line-height: 34px;
  color: #333333;
  display: inline-block;
  margin: 0 41px 0 0;
}

.biolife-panigations-block.version-2 .result-count .txt-count b {
  font-size: 15px;
  font-weight: 700;
}

.biolife-panigations-block.version-2 .result-count a {
  font-size: 15px;
  line-height: 34px;
  color: #333333;
  display: inline-block;
  font-weight: 600;
}

.biolife-panigations-block.version-2 .result-count a i {
  margin-left: 6px;
  display: inline-block;
}

.background-footer-03 {
  background-color: #f1f1f1;
}

.mobile-block-global {
  display: none;
  position: fixed;
  top: 0;
  left: -340px;
  bottom: 0;
  width: 290px;
  background-color: #ffffff;
  z-index: 999;
  -webkit-box-shadow: 3px 5px 14px -3px rgba(0, 0, 0, 0.11);
  -moz-box-shadow: 3px 5px 14px -3px rgba(0, 0, 0, 0.11);
  box-shadow: 3px 5px 14px -3px rgba(0, 0, 0, 0.11);
  -webkit-transition: all 320ms ease;
  -moz-transition: all 320ms ease;
  -o-transition: all 320ms ease;
  transition: all 320ms ease;
}

.mobile-block-global .block-global-contain {
  display: block;
  height: calc(100% - 50px);
  overflow-y: auto;
  padding: 0 15px;
}

.mobile-block-global .glb-item {
  display: block;
  padding-top: 17px;
}

.mobile-block-global .glb-item+.glb-item {
  border-top: 1px solid #e6e6e6;
}

.mobile-block-global .glb-item .title {
  display: block;
  font-size: 0.8vw;
  font-weight: 600;
  color: #333333;
  margin-bottom: 10px;
}

.mobile-block-global .glb-item ul {
  padding: 0;
  margin: 0 0 20px;
  display: block;
}

.mobile-block-global .glb-item ul:not(.inline) li {
  list-style: none;
  display: block;
  padding: 5px 0;
}

.mobile-block-global .glb-item ul.inline {
  display: inline-block;
  width: 100%;
  font-size: 0;
  line-height: 0;
  margin-top: 11px;
}

.mobile-block-global .glb-item ul.inline li {
  list-style: none;
  display: inline-block;
  float: left;
}

.mobile-block-global .glb-item ul.inline li:not(:last-child) {
  margin-right: 10px;
}

.mobile-block-global .glb-item ul li a {
  color: #888888;
  display: inline-block;
}

.sumary-product .media {
  display: inline-block;
  float: left;
  width: 38.462%;
}

.sumary-product .media ul {
  padding: 0;
  margin: 0;
}

.sumary-product .media ul li {
  list-style: none;
}

.sumary-product .media .slider-nav {
  margin-top: 10px;
  max-width: 390px;
}

.sumary-product .media .slider-nav li img {
  display: inline-block;
  width: 90px;
  border: 1px solid #f0f0f0;
  -webkit-transition: all 350ms ease;
  -moz-transition: all 350ms ease;
  -o-transition: all 350ms ease;
  transition: all 350ms ease;
}

.sumary-product .media .slider-nav li.slick-current img {
  border-width: 2px;
}

.sumary-product .product-attribute {
  display: inline-block;
  float: left;
  width: calc(100% - 38.462% - 270px);
  padding-left: 20px;
  padding-top: 13px;
}

.sumary-product .product-attribute .title {
  font-size: 20px;
  line-height: 24px;
  color: #222222;
  font-weight: 600;
  display: block;
  margin: 0;
}

.sumary-product .product-attribute .rating {
  display: block;
  line-height: 0;
  margin-top: 10px;
}

.sumary-product .product-attribute .category,
.sumary-product .product-attribute .qa-text,
.sumary-product .product-attribute .review-count {
  display: inline-block;
  font-size: 14px;
  color: #555555;
  line-height: 24px;
  vertical-align: top;
  margin-left: 1px;
}

.sumary-product .product-attribute .qa-text {
  font-size: 15px;
  color: #666666;
  margin-left: 17px;
}

.sumary-product .product-attribute .category {
  font-size: 15px;
  color: #222222;
  font-weight: 400;
  margin-left: 17px;
}

.sumary-product .product-attribute .sku {
  font-size: 15px;
  color: #666666;
  display: inline-block;
  margin: 13px 0 0;
  line-height: 1;
}

.sumary-product .product-attribute .excerpt {
  display: block;
  color: #666666;
  font-size: 14px;
  line-height: 20px;
  margin: 15px 0 0;
  max-width: 352px;
}

.sumary-product .product-attribute .price {
  margin-top: 23px;
}

.sumary-product .product-attribute .product-atts {
  display: inline-block;
  border-top: 1px solid #e6e6e6;
  margin-top: 23px;
}

.sumary-product .shipping-info {
  margin-top: 10px;
  padding-bottom: 5px;
}

.sumary-product .shipping-info p {
  text-align: left;
  text-transform: uppercase;
  margin: 0;
  padding: 0;
}

.sumary-product .shipping-info p.for-today {
  color: #666666;
  margin-top: 2px;
}

.sumary-product .action-form {
  display: inline-block;
  width: 270px;
  background-color: #f3f3f3;
  padding: 11px 20px 34px;
}

.sumary-product .action-form .title {
  font-size: 15px;
  color: #222222;
  font-weight: 600;
  display: block;
  margin-bottom: 3px;
}

/* .quantity-box .qty-input, */
.sumary-product .action-form .qty-input {
  display: inline-block;
  font-size: 0;
  line-height: 0;
  position: relative;
}

/* .quantity-box .qty-input input, */
.sumary-product .action-form .qty-input input {
  border: none;
  background-color: #ffffff;
  font-size: 0.8vw;
  width: 119px;
  padding: 7px 33px 6px 10px;
  color: #000000;
  text-align: center;
  border-radius: 9999px;
  height: 43px;
}

/* .quantity-box .qty-input .qty-btn, */
.sumary-product .action-form .qty-input .qty-btn {
  display: inline-block;
  color: #888888;
  font-size: 0.8vw;
  line-height: 1;
  position: absolute;
  right: 16px;
  top: 4px;
  width: 16px;
  text-align: center;
}

/* .quantity-box .qty-input .qty-btn.btn-down, */
.sumary-product .action-form .qty-input .qty-btn.btn-down {
  top: 23px;
}

.sumary-product .action-form .total-price-contain {
  display: block;
  margin-top: 14px;
}

.sumary-product .action-form .total-price-contain .title {
  text-transform: uppercase;
  color: var(--primary-black);
}

.sumary-product .action-form .total-price-contain .price {
  font-size: 26px;
  color: #222222;
  text-transform: uppercase;
  display: block;
  margin: 11px 0 0;
  font-weight: 700;
}

.sumary-product .action-form .buttons {
  display: block;
  text-align: center;
  border-top: 2px solid #e6e6e6;
  margin-top: 17px;
  padding-top: 20px;
}

.sumary-product .action-form .buttons .add-to-cart-btn {
  font-size: 15px;
  line-height: 24px;
  color: #ffffff;
  font-weight: 700;
  text-transform: uppercase;
  display: block;
  border-radius: 999px;
  border: none;
  padding: 12px 10px 11px;
}

.sumary-product .action-form .buttons .add-to-cart-btn:hover {
  background-color: var(--primary-black);
}

.sumary-product .action-form .buttons .pull-row {
  display: block;
  text-align: center;
  font-size: 0;
  line-height: 0;
  margin-top: 9px;
  margin-bottom: 0;
}

.sumary-product .action-form .buttons .pull-row .btn {
  display: inline-block;
  font-size: 13px;
  text-align: center;
  color: #666666;
  line-height: 24px;
  position: relative;
  padding: 0 0 0 18px;
  border-radius: 0;
}

.sumary-product .action-form .buttons .pull-row .btn+.btn {
  margin-left: 55px;
}

.sumary-product .action-form .buttons .pull-row .btn:first-letter {
  text-transform: uppercase;
}

.sumary-product .action-form .buttons .pull-row .btn::before {
  content: "";
  background-color: #666666;
  width: 10px;
  height: 2px;
  display: inline-block;
  position: absolute;
  top: 50%;
  left: 0;
  margin-top: -1px;
}

.sumary-product .action-form .buttons .pull-row .btn::after {
  content: "";
  background-color: #666666;
  width: 2px;
  height: 10px;
  display: inline-block;
  position: absolute;
  top: 50%;
  left: 4px;
  margin-top: -5px;
}

.sumary-product .action-form .social-media,
.sumary-product .action-form .location-shipping-to {
  display: inline-block;
  width: 100%;
}

.sumary-product .action-form .location-shipping-to {
  margin-top: 20px;
}

.sumary-product .action-form .location-shipping-to .nice-select {
  width: 100%;
  background-color: #ffffff;
  padding-left: 20px;
  padding-right: 32px;
  border-radius: 9999px;
}

.sumary-product .action-form .location-shipping-to .nice-select .current {
  font-size: 13px;
  color: #888888;
  padding: 15px 0;
}

.sumary-product .action-form .location-shipping-to .nice-select:after {
  color: #888888;
  right: 19px;
}

.sumary-product .action-form .acepted-payment-methods ul,
.sumary-product .action-form .social-media ul {
  padding: 0;
  margin: 0;
  font-size: 0;
  line-height: 0;
}

.sumary-product .action-form .social-media {
  margin-top: 13px;
}

.sumary-product .action-form .social-media ul li {
  list-style: none;
  display: inline-block;
  font-size: 20px;
  line-height: 14px;
  color: #aaaaaa;
  padding: 6px;
}

.sumary-product .action-form .social-media ul li:not(:last-child) {
  margin-right: 16px;
}

.sumary-product .action-form .social-media ul li a {
  color: inherit;
}

.sumary-product .action-form .acepted-payment-methods {
  border-top: 1px solid #e6e6e6;
  padding-top: 15px;
  margin-top: 10px;
}

.sumary-product .action-form .acepted-payment-methods ul li {
  font-size: 0;
  line-height: 0;
  list-style: none;
  display: inline-block;
  width: 38px;
}

.sumary-product .action-form .acepted-payment-methods ul li:not(:last-child) {
  margin-right: 14px;
}

.single-layout.product-related-box,
.single-layout.product-tabs {
  display: block;
  clear: both;
}

.single-layout.product-tabs {
  margin-top: 191px;
}

.product-tabs.single-layout .tab-head .tabs {
  display: block;
  padding: 9px 0;
  margin: 0;
  font-size: 0;
  line-height: 0;
  border-bottom: 2px solid #e6e6e6;
}

.product-tabs.single-layout .tab-head .tabs li {
  display: inline-block;
  list-style: none;
}

.product-tabs.single-layout .tab-head .tabs li:not(:last-child) {
  margin-right: 43px;
}

.product-tabs.single-layout .tab-head .tabs li a {
  color: #bbbbbb;
  font-size: 0.8vw;
  font-weight: 700;
  line-height: 1;
  text-transform: uppercase;
  -webkit-transition: all 350ms ease;
  -moz-transition: all 350ms ease;
  -o-transition: all 350ms ease;
  transition: all 350ms ease;
  position: relative;
}

.product-tabs.single-layout .tab-head .tabs li a::before {
  content: "";
  position: absolute;
  height: 3px;
  width: 0;
  display: block;
  bottom: -4px;
  left: 0;
  -webkit-transition: all 550ms ease;
  -moz-transition: all 550ms ease;
  -o-transition: all 550ms ease;
  transition: all 550ms ease;
}

.product-tabs.single-layout .tab-head .tabs li a:hover {
  color: #222222;
}

.product-tabs.single-layout .tab-head .tabs li.active a {
  font-weight: 700;
  color: #222222;
}

.product-tabs.single-layout .tab-head .tabs li.active a::before {
  width: 127px;
}

.product-tabs.single-layout .tab-content {
  position: relative;
  display: inline-block;
  width: 100%;
}

.product-tabs.single-layout .tab-content .tab-contain {
  display: inline-block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  visibility: hidden;
  opacity: 0;
  filter: alpha(opacity=0);
  border-color: #ffffff;
  padding-top: 28px;
  border-bottom: 1px solid #e6e6e6;
  padding-bottom: 52px;
}

.product-tabs.single-layout .tab-content .tab-contain.review-tab {
  padding-top: 33px;
}

.product-tabs.single-layout .tab-content .tab-contain.active {
  visibility: visible;
  opacity: 1;
  filter: alpha(opacity=100);
  position: static;
}

.product-tabs .tab-content p {
  font-size: 15px;
  line-height: 24px;
  color: #666666;
}

.product-tabs .tab-content .desc-expand {
  display: block;
  margin-top: 26px;
}

.product-tabs .tab-content .desc-expand .title {
  font-size: 15px;
  line-height: 24px;
  color: #333333;
  margin: 0;
  font-weight: 600;
}

.product-tabs .tab-content .desc-expand ul {
  padding: 0;
  margin: 16px 0 0;
  font-size: 0;
  line-height: 0;
  display: block;
}

.product-tabs .tab-content .desc-expand ul li {
  list-style: none;
  display: block;
  font-size: 14px;
  line-height: 24px;
  color: #666666;
  padding-left: 13px;
  position: relative;
}

.product-tabs .tab-content .desc-expand ul li::before {
  content: "\f111";
  font-family: "FontAwesome", sans-serif;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  font-size: 7px;
  line-height: 1;
  color: #666666;
  position: absolute;
  top: 9px;
  left: 0;
}

.product-tabs .addtional-info-tab table p {
  margin: 0;
}

.product-tabs .review-form-wrapper {
  display: inline-block;
  width: 100%;
  padding-top: 17px;
}

.product-tabs .review-form-wrapper .title {
  font-size: 14px;
  color: #222222;
  font-weight: 700;
  line-height: 1;
  text-transform: uppercase;
}

.accodition-tab>ul {
  padding: 0;
}

.accodition-tab>ul>li {
  list-style: none;
  display: block;
  padding-left: 20px;
  margin-bottom: 10px;
}

.accodition-tab>ul>li>.content {
  padding: 10px 10px 15px;
  display: none;
}

.accodition-tab>ul>li>.title {
  color: #333;
  font-weight: 600;
  font-size: 0.8vw;
  position: relative;
  cursor: help;
}

.accodition-tab>ul>li>.title::before {
  content: "";
  width: 10px;
  height: 2px;
  background-color: var(--primary-black);
  position: absolute;
  display: inline-block;
  top: 14px;
  left: -15px;
}

.accodition-tab>ul>li>.title::after {
  content: "";
  height: 10px;
  width: 2px;
  background-color: var(--primary-black);
  position: absolute;
  display: inline-block;
  top: 10px;
  left: -11px;
}

.accodition-tab>ul>li.active>.title::after {
  content: none;
}

.comment-form-rating {
  display: block;
  margin: 7px 0 10px;
}

.comment-form-rating label {
  font-size: 14px;
  line-height: 30px;
  color: #222222;
  display: inline-block;
  margin: 0;
}

.comment-form-rating .stars span,
.comment-form-rating .stars {
  display: inline-block;
  margin: 0;
  font-size: 0;
  line-height: 0;
}

.comment-form-rating .stars {
  margin-left: 5px;
}

.comment-form-rating .stars span a {
  font-size: 15px;
  line-height: 1;
  color: #666666;
  display: inline-block;
  padding: 1px;
  -webkit-transition: color 350ms ease;
  -moz-transition: color 350ms ease;
  -o-transition: color 350ms ease;
  transition: color 350ms ease;
}

.comment-form-rating .stars span.rated a {
  color: #ffbc53;
}

.comment-form-rating .stars span a.selected~a {
  color: #666666;
}

.comment-form-rating .stars span:hover a {
  color: #ffbc53 !important;
}

.comment-form-rating .stars span a:hover~a {
  color: #666666 !important;
}

.review-form-wrapper .form-row {
  display: inline-block;
  float: left;
  width: 100%;
  margin-bottom: 20px;
}

.review-form-wrapper .wide-half {
  width: calc(50% - 15px);
}

.review-form-wrapper .wide-half:nth-last-child(odd) {
  margin-left: 30px;
}

.review-form-wrapper .form-row textarea,
.review-form-wrapper .form-row input {
  font-size: 14px;
  display: inline-block;
  width: 100%;
  border: 1px solid #e6e6e6;
  color: var(--primary-black);
  padding: 9px 14px 8px;
  line-height: 1;
  background-color: #ffffff;
}

.review-form-wrapper .form-row input {
  height: 45px;
}

.review-form-wrapper .form-row textarea {
  height: 140px;
}

.review-form-wrapper .form-row button[type="submit"] {
  font-size: 14px;
  color: #ffffff;
  text-transform: uppercase;
  font-weight: 700;
  border: none;
  outline: none;
  border-radius: 9999px;
  min-width: 162px;
  text-align: center;
  padding: 10px 20px;
}

.review-form-wrapper .form-row button[type="submit"]:hover {
  background-color: var(--primary-black);
}

.review-tab #comments {
  display: block;
  clear: both;
  border-top: 2px solid #f1f1f1;
  margin-top: 39px;
}

.review-tab #comments .commentlist {
  padding: 0;
}

.review-tab #comments .commentlist>li {
  list-style: none;
  display: block;
  border-bottom: 1px solid #f1f1f1;
  padding-top: 20px;
  padding-bottom: 26px;
}

.review-tab #comments .comment-content .comment-in {
  display: block;
  margin: 1px 0 0;
}

.review-tab #comments .comment-content .comment-in .post-name {
  font-size: 18px;
  line-height: 30px;
  color: #222222;
  font-weight: 600;
  display: inline-block;
}

.review-tab #comments .comment-content .comment-in .post-date {
  font-size: 15px;
  line-height: 30px;
  color: #666666;
  display: inline-block;
  float: right;
}

.review-tab #comments .comment-content .author {
  font-size: 0.8vw;
  line-height: 1;
  color: #666666;
  margin: 2px 0 25px;
}

.review-tab #comments .comment-content .author b {
  color: #333333;
  font-weight: 600;
}

.review-tab #comments .comment-content .comment-text {
  font-size: 15px;
  color: #666666;
  line-height: 18px;
}

.review-tab #comments .comment-review-form .title {
  font-size: 15px;
  line-height: 30px;
  color: #333333;
  font-weight: 600;
  display: block;
  margin: 0;
}

.review-tab #comments .comment-review-form .actions {
  padding: 0;
  font-size: 0;
  line-height: 0;
  margin-top: 17px;
}

.review-tab #comments .comment-review-form .actions li {
  list-style: none;
  display: block;
}

.review-tab #comments .comment-review-form .actions li a {
  font-size: 14px;
  line-height: 30px;
  display: inline-block;
  color: #666666;
}

.review-tab #comments .comment-review-form .actions li a i {
  margin-right: 7px;
}

.rating-info {
  max-width: 370px;
}

.product-tabs .rating-info .index {
  display: block;
  font-size: 14px;
  color: #666666;
  margin-bottom: 4px;
}

.rating-info .index .rating {
  color: #222222;
  font-size: 40px;
  font-weight: 600;
  line-height: 1;
  display: inline-block;
  margin-right: 6px;
}

.rating-info .see-all {
  font-size: 15px;
  color: #666666;
  display: block;
  margin: 0;
}

.rating-info .options {
  padding: 0;
  font-size: 0;
  line-height: 0;
  margin: 13px 0 0;
}

.rating-info .options li {
  list-style: none;
  display: block;
  font-size: 14px;
  line-height: 30px;
  color: #333333;
}

.rating-info .options li .detail-for {
  display: table;
  width: 100%;
}

.rating-info .options li .detail-for .option-name,
.rating-info .options li .detail-for .progres,
.rating-info .options li .detail-for .number {
  display: table-cell;
  vertical-align: middle;
}

.rating-info .options li .detail-for .option-name {
  width: 49px;
  padding-left: 2px;
  text-align: left;
}

.rating-info .options li .detail-for .number {
  width: 39px;
  text-align: center;
}

.rating-info .options .detail-for .line-100percent {
  display: inline-block;
  width: 100%;
  font-size: 0;
  line-height: 0;
  border-radius: 9999px;
  background-color: #f5f5f5;
  overflow: hidden;
}

.rating-info .options .detail-for .line-100percent .percent {
  height: 9px;
  display: inline-block;
  background-color: #ffdd5a;
  border-radius: 9999px;
}

.rating-info .rating .star-rating>span::before,
.rating-info .rating .star-rating::before {
  font-size: 20px;
  letter-spacing: 4px;
}

/* .single-layout.product-related-box {
	 margin-top: 60px;
	 margin-bottom: 50px;
}
 */
.product-related-box ul {
  padding: 0;
  margin: 0;
  clear: both;
}

.product-related-box .biolife-title-box {
  margin-bottom: 31px;
}

.biolife-title-box {
  text-align: center;
}

.biolife-title-box .biolife-icon {
  display: inline-block;
  margin: 0;
  font-size: 35px;
}

.biolife-title-box .subtitle {
  display: block;
  margin: 6px 0 0;
  font-size: 15px;
  color: #666666;
  line-height: 1;
  font-family: "Playfair Display", serif;
  font-style: italic;
}

.biolife-title-box .main-title {
  font-size: 30px;
  font-weight: 700;
  color: #222222;
  display: block;
  margin: 12px 0 0;
  line-height: 1;
}

.biolife-title-box.style-02 .subtitle {
  font-family: "Cairo", sans-serif;
  font-size: 14px;
  font-weight: 600;
  text-transform: uppercase;
  display: block;
  margin: 0;
  line-height: 1;
  font-style: normal;
}

.biolife-title-box.style-02 .main-title {
  font-weight: 700;
  line-height: 1;
  display: block;
  margin: 4px 0 0;
  font-size: 40px;
  color: #222222;
}

.biolife-title-box.style-02 .desc {
  font-size: 15px;
  color: #666666;
  font-family: "Playfair Display", sans-serif;
  font-style: italic;
  display: inline-block;
  line-height: 18px;
  margin: 12px 0 0;
  max-width: 415px;
}

.biolife-title-box.link-all {
  text-align: left;
}

.biolife-title-box.link-all .main-title {
  font-size: 40px;
  color: #222222;
  display: inline-block;
  line-height: 1;
  margin: 0;
}

.biolife-title-box.link-all .blog-link {
  display: inline-block;
  float: right;
  font-size: 14px;
  color: #666666;
  line-height: 1;
  margin: 17px 0 0;
  text-transform: uppercase;
  font-weight: 700;
  position: relative;
}

.biolife-title-box.link-all .blog-link::after {
  content: "";
  display: block;
  position: absolute;
  z-index: 2;
  left: 0;
  right: 0;
  bottom: -3px;
  height: 2px;
  border-top: 1px solid #dfdfdf;
  border-bottom: 1px solid #bcbcbc;
}

.biolife-title-box.slim-item .subtitle {
  margin: 0;
}

.biolife-title-box.slim-item .main-title {
  margin-top: 6px;
}

.biolife-title-box_in-countdown {
  text-align: left;
  padding: 13px 18px 6px;
}

.biolife-title-box_in-countdown .title {
  display: block;
  margin: 0;
  font-size: 20px;
  color: #000000;
  font-weight: 700;
  line-height: 1;
}

.rating .star-rating {
  display: inline-block;
  margin: 0;
  overflow: hidden;
  line-height: 24px;
  position: relative;
}

.rating .star-rating>span::before,
.rating .star-rating::before {
  display: inline-block;
  float: left;
  font-family: FontAwesome, sans-serif;
  content: "\f006\f006\f006\f006\f006";
  font-size: 15px;
  color: #666666;
  letter-spacing: 3px;
}

.rating .star-rating>span {
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
  white-space: nowrap;
  bottom: 0;
}

.rating .star-rating>span::before {
  color: #ffbc53;
}

.background-top-banner-for-shopping {
  background: url(../images/top_banner_shopping_cart.png);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
}

.top-banner {
  color: #ffffff;
  text-align: center;
  margin-top: -9px;
  padding-top: 57px;
  padding-bottom: 35px;
  margin-bottom: 34px;
}

.top-banner .title {
  font-size: 18px;
  color: #ffffff;
  font-weight: 700;
  display: block;
  margin: 0;
}

.top-banner .subtitle {
  font-size: 15px;
  display: block;
  margin: 7px 0 0;
}

.top-banner ul {
  padding: 0;
  display: inline-block;
  margin: 12px 0 0;
}

.top-banner ul li {
  list-style: none;
  display: block;
  text-align: left;
  font-size: 15px;
  line-height: 30px;
  font-weight: 400;
  padding: 0 61px;
}

.top-banner ul li:last-child {
  border-top: 1px solid rgba(255, 255, 255, 0.55);
}

.top-banner ul li .cost {
  float: right;
  font-weight: 600;
  margin-left: 35px;
}

.top-banner .btns {
  margin: 29px 0 0;
  display: block;
  font-size: 0;
  line-height: 0;
}

.top-banner .btns .btn {
  background-color: #ffffff;
  color: var(--primary-black);
  display: inline-block;
  font-size: 14px;
  font-weight: 700;
  text-align: center;
  border: none;
  border-radius: 9999px;
  text-transform: uppercase;
  padding: 9px 23px;
}

.top-banner .btns .btn+.btn {
  margin-left: 10px;
}

.top-banner .btns .btn:hover {
  color: #ffffff;
  background-color: #666666;
  -webkit-transition: background-color 150ms ease;
  -moz-transition: background-color 150ms ease;
  -o-transition: background-color 150ms ease;
  transition: background-color 150ms ease;
}

.shopping-cart-container .box-title {
  font-size: 20px;
  line-height: 30px;
  font-weight: 700;
  color: #222222;
  margin: 0 0 12px;
}

.shopping-cart-container table {
  text-align: center;
  border: none;
  margin: 0;
}

.shopping-cart-container table tr {
  border-top: 1px solid #e6e6e6;
}

.shopping-cart-container table td {
  border: none;
  padding: 20px 0 30px 0;
}

.shopping-cart-container table th {
  font-size: 14px;
  color: #222222;
  text-align: center;
  font-weight: 700;
  text-transform: uppercase;
  border: 2px solid #e6e6e6;
  padding: 13px 10px 12px;
}

.shopping-cart-container table th.product-image {
  width: 70px;
}

.shopping-cart-container table th.product-name {
  width: 346px;
}

.shopping-cart-container table td.product-thumbnail {
  text-align: left;
  position: relative;
  font-size: 0;
  line-height: 0;
}

.shopping-cart-container table td.product-thumbnail .prd-thumb {
  display: inline-block;
}

.shopping-cart-container table td.product-thumbnail .prd-name {
  font-size: 14px !important;
  font-weight: 600;
  color: #222222;
  display: inline-block;
  padding-left: 10px;
  line-height: 1;
  vertical-align: middle;
}

.shopping-cart-container table td.product-thumbnail .action {
  display: inline-block;
  background-color: rgba(255, 255, 255, 0.7);
  position: absolute;
  bottom: 30px;
  left: 113px;
  padding-left: 5px;
  z-index: 5;
}

.shopping-cart-container table td.product-thumbnail .action a {
  font-size: 0.8vw;
  display: inline-block;
  color: var(--primary-black);
  line-height: 16px;
  padding: 0 5px;
}

.shopping-cart-container table td.product-thumbnail .action a:hover {
  color: var(--primary-red);
}

.shopping-cart-container table td.wrap-btn-control {
  padding: 29px 0 0;
  font-size: 0;
  line-height: 0;
  text-align: right;
}

.shopping-cart-container table td.wrap-btn-control .btn {
  display: inline-block;
  background-color: #eeeeee;
  border: none;
  border-radius: 9999px;
  color: #ffffff;
  font-size: 14px;
  font-weight: 700;
  line-height: 1;
  text-transform: uppercase;
  padding: 16px 10px 15px;
  min-width: 154px;
  text-align: center;
}

.shopping-cart-container table td.wrap-btn-control a.back-to-shop {
  float: left;
  min-width: 184px;
}

.shopping-cart-container table td.wrap-btn-control .btn-clear {
  margin-left: 20px;
  color: #888888 !important;
  background-color: #e2e2e2 !important;
}

.shopping-cart-container table td.wrap-btn-control .btn:not(:disabled):hover {
  background-color: var(--primary-black) !important;
  color: #ffffff !important;
}

.shopping-cart-container table td.wrap-btn-control button:disabled {
  color: #888888 !important;
  background-color: #e2e2e2 !important;
  opacity: 1;
  filter: alpha(opacity=100);
}

.shpcart-subtotal-block {
  background-color: #fafafa;
  padding: 19px 15px 52px;
  margin-top: 13px;
}

.order-summary .subtotal-line,
.shpcart-subtotal-block .btn-checkout,
.shpcart-subtotal-block .tax-fee,
.shpcart-subtotal-block .subtotal-line {
  display: inline-block;
  font-size: 0;
  line-height: 0;
  width: 100%;
}

.shpcart-subtotal-block .subtotal-line+.subtotal-line {
  margin-top: 20px;
}

.order-summary .subtotal-line .stt-name,
.shpcart-subtotal-block .subtotal-line .stt-name {
  display: inline-block;
  font-size: 14px;
  line-height: 30px;
  color: #222222;
  font-weight: 700;
  text-transform: uppercase;
}

.order-summary .subtotal-line .stt-name .sub,
.shpcart-subtotal-block .subtotal-line .stt-name .sub {
  font-size: 15px;
  color: #666666;
  text-transform: initial;
  font-weight: 400;
}

.order-summary .subtotal-line .stt-price,
.shpcart-subtotal-block .subtotal-line .stt-price {
  font-size: 18px;
  line-height: 30px;
  color: #111111;
  font-weight: 700;
  display: inline-block;
  float: right;
}

.shpcart-subtotal-block .tax-fee {
  border-bottom: 1px solid #e6e6e6;
  margin-top: 29px;
  padding-bottom: 33px;
}

.shpcart-subtotal-block .tax-fee p {
  display: block;
  font-size: 14px;
  line-height: 24px;
  color: #222222;
  margin: 0;
}

.shpcart-subtotal-block .tax-fee .title {
  text-transform: uppercase;
}

.shpcart-subtotal-block .btn-checkout {
  margin-top: 40px;
}

.shpcart-subtotal-block .btn-checkout .btn {
  border: none;
  display: block;
  font-size: 14px;
  text-transform: uppercase;
  color: #ffffff;
  text-align: center;
  clear: both;
  border-radius: 9999px;
  background-color: #ababab;
  padding: 13px 15px 12px;
  font-weight: 700;
}

.shpcart-subtotal-block .btn-checkout .btn:hover {
  background-color: var(--primary-black) !important;
}

.shpcart-subtotal-block .biolife-progress-bar {
  margin-top: 39px;
}

.biolife-progress-bar table,
.biolife-progress-bar table tr,
.biolife-progress-bar table td {
  border: none;
  padding: 0;
}

.biolife-progress-bar table td.mid-position {
  width: 100%;
  padding-left: 5px;
  padding-right: 7px;
}

.biolife-progress-bar .progress {
  margin: 0;
  background-color: #dadada;
  border-radius: 9999999px;
  height: auto;
  overflow: hidden;
}

.biolife-progress-bar .progress .progress-bar {
  height: 9px;
  line-height: 0;
  font-size: 0;
  box-shadow: none;
  border-top-right-radius: 9999999px;
  border-bottom-right-radius: 9999999px;
  position: relative;
}

.biolife-progress-bar .progress .progress-bar::before {
  content: "";
  display: block;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: inherit;
  border-radius: 9999999px;
  z-index: 5;
  position: absolute;
}

.biolife-progress-bar .progress .progress-bar::after {
  content: "";
  display: block;
  top: 0;
  width: 100%;
  height: 100%;
  right: -2px;
  background-color: #ffffff;
  border-radius: 9999999px;
  z-index: 2;
  position: absolute;
}

.biolife-progress-bar .index {
  font-size: 14px;
  line-height: 24px;
  color: #222222;
  font-weight: 700;
}

.shpcart-subtotal-block .pickup-info {
  display: block;
  font-size: 14px;
  line-height: 24px;
  color: #666666;
  margin: 22px 0 0;
}

.shpcart-subtotal-block .pickup-info b {
  font-weight: 400;
  color: #222222;
}

.checkout-progress-wrap {
  max-width: 600px;
}

.checkout-progress-wrap .steps {
  padding: 0;
  display: block;
}

.checkout-progress-wrap .steps li {
  list-style: none;
  display: block;
  padding: 10px 0;
}

.checkout-progress-wrap .steps li+li {
  border-top: 2px solid #e6e6e6;
  margin-top: 2px;
}

.checkout-progress-wrap .checkout-act {
  display: block;
}

.checkout-progress-wrap .checkout-act .title-box {
  display: inline-block;
  font-size: 24px;
  line-height: 30px;
  font-weight: 600;
  margin: 0;
  color: #222222;
}

.checkout-progress-wrap .checkout-act.active .title-box .number {
  color: #ffffff;
}

.checkout-progress-wrap .checkout-act .title-box .number {
  display: inline-block;
  border: 0;
  background-color: #dddddd;
  color: #333333;
  font-size: 18px;
  line-height: inherit;
  border-radius: 50%;
  vertical-align: middle;
  min-width: 41px;
  padding: 6px 10px 5px;
  text-align: center;
  margin-right: 29px;
}

.checkout-progress-wrap .checkout-act .box-content {
  display: block;
  padding-left: 70px;
}

.checkout-progress-wrap .checkout-act .box-content .txt-desc {
  font-size: 15px;
  line-height: 30px;
  color: #222222;
  margin-top: 5px;
  margin-bottom: 21px;
}

.checkout-progress-wrap .checkout-act .box-content .txt-desc a {
  font-weight: 600;
  color: #222222;
}

.login-on-checkout .form-row {
  display: block;
  margin: 0 0 7px;
}

.login-on-checkout .form-row label {
  font-size: 15px;
  line-height: 30px;
  color: #222222;
  font-weight: 600;
  display: block;
  margin: 0 0 5px;
}

.login-on-checkout .form-row input[type="email"] {}

.login-on-checkout .form-row button {
  display: inline-block;
  border: none;
  border-radius: 9999px;
  color: #ffffff;
  text-transform: uppercase;
  background-color: #aaaaaa;
  font-weight: 700;
  padding: 12px 10px;
  min-width: 180px;
  text-align: center;
}

.login-on-checkout .form-row button:hover {
  background-color: var(--primary-black);
}

.login-on-checkout .form-row input[type="checkbox"] {
  display: none;
}

.login-on-checkout .form-row input[type="checkbox"]+label {
  font-size: 14px;
  color: #666666;
  font-weight: 400;
  display: inline-block;
  position: relative;
  padding-left: 25px;
  line-height: 18px;
  cursor: pointer;
  margin-top: 8px;
}

.login-on-checkout .form-row input[type="checkbox"]+label::before {
  content: "";
  display: inline-block;
  position: absolute;
  width: 15px;
  height: 15px;
  border: 2px solid #eeeeee;
  border-radius: 2px;
  top: 2px;
  left: 0;
}

.login-on-checkout .form-row input[type="checkbox"]+label::after {
  content: "\f00c";
  font-family: "FontAwesome", sans-serif;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  font-size: 12px;
  color: var(--primary-red);
  position: absolute;
  top: 4px;
  left: 2px;
  visibility: hidden;
  opacity: 0;
  filter: alpha(opacity=0);
  line-height: 1;
}

.login-on-checkout .form-row input[type="checkbox"]:checked+label::after {
  visibility: visible;
  opacity: 1;
  filter: alpha(opacity=100);
}

.login-on-checkout .msg {
  font-size: 14px;
  color: #333333;
  display: block;
  line-height: 1;
  padding: 0;
  margin: 21px 0 0;
}

.login-on-checkout .msg a:hover {
  color: #000000;
}

.order-summary {
  background-color: #fafafa;
  padding: 20px;
}

.order-summary .title-block {
  display: inline-block;
  line-height: 0;
  font-size: 0;
  width: 100%;
  border-bottom: 1px solid #e6e6e6;
  padding-bottom: 21px;
}

.order-summary .title-block .title {
  display: inline-block;
  margin: 0;
  font-size: 18px;
  color: #222222;
  font-weight: 600;
  text-align: left;
  line-height: 30px;
}

.order-summary .title-block a {
  display: inline-block;
  float: right;
  font-size: 14px;
  color: #666666;
  font-weight: 400;
  line-height: 30px;
}

.order-summary ul {
  padding: 0;
  display: block;
  margin: 0;
}

.order-summary ul li {
  list-style: none;
  display: block;
  margin: 0;
}

.order-summary .cart-list-box .number {
  font-size: 15px;
  line-height: 30px;
  color: #222222;
  display: block;
  margin-top: 21px;
  margin-bottom: 10px;
}

.order-summary .cart-list {
  border-bottom: 1px solid #e6e6e6;
  padding-bottom: 30px;
  margin-bottom: 23px;
}

.order-summary .cart-list>li+li {
  margin-top: 20px;
}

.order-summary .cart-list .cart-item {
  display: table;
  width: 100%;
}

.order-summary .cart-list .cart-item .info,
.order-summary .cart-list .cart-item .price,
.order-summary .cart-list .cart-item .product-thumb {
  display: table-cell;
  text-align: left;
}

.order-summary .cart-list .cart-item .product-thumb {
  width: 113px;
  font-size: 0;
  line-height: 0;
}

.order-summary .cart-list .cart-item .info {
  font-size: 0;
  line-height: 0;
  vertical-align: top;
  padding-top: 21px;
  padding-left: 11px;
}

.order-summary .cart-list .cart-item .info * {
  display: block;
  font-size: 13px !important;
  color: #222222;
  margin: 0;
  line-height: 20px;
  font-weight: 600;
}

.order-summary .cart-list .cart-item .price {
  text-align: right;
}

.order-summary .subtotal .link-forward {
  font-size: 14px;
  line-height: 30px;
  display: inline-block;
  margin-top: 9px;
  margin-bottom: 20px;
}

.order-summary .subtotal .subtotal-line a.link-forward:hover {
  color: var(--primary-black);
}

.order-summary .subtotal li:last-child {
  border-top: 1px solid #e6e6e6;
  padding-top: 22px;
  padding-bottom: 9px;
}

/* .quantity-box.type1 .qty-input input {
	 font-size: 18px;
	 color: #888888;
	 text-align: left;
	 background-color: #f3f3f3;
	 line-height: 1;
	 width: 106px;
	 padding: 9px 33px 8px 22px;
	 height: 38px;
}
 .quantity-box.type1 .qty-input .qty-btn {
	 right: 17px;
	 top: 2px;
}
 .quantity-box.type1 .qty-input .qty-btn.btn-down {
	 top: 19px;
}
 */
.contact-info-container .box-title {
  font-size: 30px;
  font-weight: 700;
  color: #222222;
  display: block;
  margin: 0;
}

.contact-info-container .frst-desc {
  font-size: 15px;
  color: #666666;
  display: block;
  line-height: 18px;
  margin: 48px 0 0;
  max-width: 480px;
}

.contact-info-container .addr-info {
  padding: 0 0 8px;
  display: block;
  margin: 54px 0 0;
  font-size: 0;
  line-height: 0;
}

.contact-info-container .addr-info li {
  list-style: none;
  display: inline-block;
  width: 100%;
}

.contact-info-container .addr-info li+li {
  margin-top: 6px;
}

.contact-info-container .addr-info .if-item .tie {
  display: inline-block;
  font-size: 15px;
  line-height: 20px;
  color: #222222;
  float: left;
  margin-right: 3px;
  min-width: 170px;
}

.contact-info-container .addr-info .if-item .dsc {
  display: flex;
  font-size: 15px;
  line-height: 20px;
  color: #222222;
}

.contact-form-container {
  margin-bottom: 80px;
}

.contact-form-container .form-row {
  display: block;
  margin: 0 0 20px;
  font-size: 0;
  line-height: 0;
}

.contact-form-container .form-row textarea,
.contact-form-container .form-row input {
  font-size: 14px;
  line-height: 1;
  color: #333333;
  display: inline-block;
  width: 100%;
  padding: 8px 15px 9px;
}

.contact-form-container .form-row input {
  height: 45px;
}

.contact-form-container .form-row input::-webkit-input-placeholder {
  line-height: 25px;
}

.contact-form-container .form-row input:-ms-input-placeholder {
  line-height: 25px;
}

.contact-form-container .form-row input::placeholder {
  line-height: 25px;
}

.contact-form-container .form-row textarea {
  height: 145px;
}

.contact-form-container .form-row .btn-submit {
  min-width: 162px;
  text-align: center;
  border: none;
  font-size: 14px;
  font-weight: 700;
  color: #ffffff;
  border-radius: 999px;
  text-transform: uppercase;
  padding: 12px 10px;
  margin-top: 10px;
}

.contact-form-container .form-row .btn-submit:hover {
  background-color: var(--primary-black);
}

#map-block {
  width: 100%;
  line-height: 0;
}

.signin-container {
  margin-top: 77px;
}

.signin-container .form-row {
  margin-bottom: 13px;
}

.signin-container .form-row label {
  display: block;
  font-size: 14px;
  color: #333333;
  margin: 0 0 3px;
}

.signin-container .form-row input {
  padding: 10px 10px 9px;
  color: var(--primary-black);
  width: 100%;
}

.signin-container .form-row .btn-submit {
  min-width: 132px;
  margin-top: 7px;
}

.signin-container .form-row .link-to-help {
  display: inline-block;
  font-size: 0.8vw;
  font-weight: 600;
  margin-left: 16px;
  vertical-align: middle;
}

.signin-container .form-row .link-to-help:hover {
  color: var(--primary-black);
}

.btn.btn-thin {
  font-size: 14px;
  color: #333333;
  text-transform: uppercase;
  border-radius: 9999px;
  text-align: center;
  font-weight: 700;
  padding: 10px;
  border: 2px solid #ffffff;
}

.btn.btn-thin:hover {
  color: #ffffff;
}

.btn.btn-bold {
  font-size: 14px;
  color: #ffffff;
  text-transform: uppercase;
  border: none;
  border-radius: 9999px;
  text-align: center;
  font-weight: 700;
  padding: 12px;
}

.btn.btn-bold:hover {
  background-color: var(--primary-black);
}

.register-in-container {
  margin-top: 73px;
  margin-bottom: 80px;
}

.register-in-container .intro {
  border: 2px solid #e6e6e6;
  padding: 20px;
}

.register-in-container .box-title {
  font-size: 30px;
  margin: 4px 0 0;
  display: block;
  color: #222222;
  font-weight: 600;
  line-height: 1;
}

.register-in-container .sub-title {
  font-size: 15px;
  color: #222222;
  line-height: 1;
  display: block;
  margin: 10px 0 0;
}

.register-in-container .intro .lis {
  padding: 0;
  font-size: 0;
  line-height: 0;
  display: block;
  margin: 37px 0 0;
}

.register-in-container .intro .lis li {
  font-size: 15px;
  line-height: 30px;
  color: var(--primary-black);
  display: block;
  list-style: none;
  position: relative;
  padding-left: 16px;
}

.register-in-container .intro .lis li::before {
  content: "";
  display: block;
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background-color: #666666;
  top: 12px;
  left: 0;
  position: absolute;
}

.register-in-container .intro .btn-bold {
  min-width: 182px;
  margin-top: 20px;
  margin-bottom: 23px;
}

.welcome-us-block,
.testimonial-block,
.why-choose-us-block {
  display: block;
  clear: both;
}

.welcome-us-block {
  padding: 0 0 50px 0;
}

.why-choose-us-block .box-title,
.testimonial-block .box-title,
.welcome-us-block .title {
  font-size: 40px;
  line-height: 1;
  font-weight: 700;
  color: #222222;
  display: block;
  text-align: center;
  margin: 15px 0 0;
}

.welcome-us-block .text-head {
  font-size: 20px;
  line-height: 1;
  font-weight: 700;
  color: #666666;
  display: inline-block;
  width: 100%;
  text-align: left;
  text-decoration: underline;
  margin: 60px 0 0;
}

.welcome-us-block .text-info {
  float: left;
  clear: both;
  text-align: left;
  font-size: 15px;
  line-height: 24px;
  color: #555555;
  display: inline-block;
  padding-left: 30px;
  margin: 20px 0 0 0;
  border-left: 2px solid #ccc;
}

.welcome-us-block .text-info-list {
  float: left;
  clear: both;
  text-align: left;
  font-size: 15px;
  line-height: 24px;
  color: #555555;
  display: inline-block;
  padding-left: 50px;
  margin: 20px 0 0 0;
  border-left: 2px solid #ccc;
}

.welcome-us-block .text-info-table {
  float: left;
  clear: both;
  font-size: 15px;
  color: #555555;
  margin: 20px 0 0 0;
}

.welcome-us-block .text-info-table tbody td {
  padding: 5px;
  font-size: 14px;
  text-align: left;
  color: #666;
}

.welcome-us-block .text-info-table tbody td.text-center {
  text-align: center;
  vertical-align: middle;
}

.welcome-us-block .text-info-table tbody td.states {
  text-transform: uppercase;
  text-align: left;
  vertical-align: middle;
}

.welcome-us-block .text-info-table thead th {
  padding: 5px;
  font-size: 14px;
  line-height: 30px;
  text-align: center;
  background-color: #666;
  color: #fff;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

.welcome-us-block .qt-text {
  font-style: italic;
  font-size: 15px;
  line-height: 24px;
  color: var(--primary-black);
  display: inline-block;
  float: left;
  clear: both;
  text-align: left;
  padding-left: 30px;
  margin: 20px 0 0 0;
  border-left: 2px solid var(--primary-red);
}

.why-choose-us-block {
  background-color: #fafafa;
  font-size: 0;
  line-height: 0;
}

.why-choose-us-block .box-title {
  margin: 49px 0 0;
}

.why-choose-us-block .subtitle {
  font-family: "Playfair Display", serif;
  font-style: italic;
  color: #666666;
  font-size: 15px;
  line-height: 1;
  display: block;
  text-align: center;
  margin: 9px 0 0;
  font-weight: 400;
}

.why-choose-us-block .showcase {
  display: inline-block;
  width: 100%;
  margin-top: 15px;
  padding-bottom: 19px;
  position: relative;
}

.why-choose-us-block .sc-list {
  padding: 0;
  margin: 0;
  font-size: 0;
  line-height: 0;
}

.sc-left-position,
.sc-right-position {
  display: inline-block;
  max-width: 270px;
  float: left;
  padding-top: 68px;
}

.sc-center-position {
  width: calc(100% - 540px);
  display: inline-block;
  float: left;
  text-align: center;
}

.sc-right-position {
  direction: rtl;
}

.why-choose-us-block .sc-list li {
  list-style: none;
  display: block;
}

.why-choose-us-block .sc-list li+li {
  margin-top: 42px;
}

.why-choose-us-block .sc-element {
  color: #95cb34;
}

.why-choose-us-block .sc-element.color-02 {
  color: #ff4f63;
}

.why-choose-us-block .sc-element.color-03 {
  color: #3b7f17;
}

.why-choose-us-block .sc-element.color-04 {
  color: #cec316;
}

.why-choose-us-block .sc-element.color-05 {
  color: #ffbc53;
}

.why-choose-us-block .sc-element.color-06 {
  color: #51142e;
}

.why-choose-us-block .sc-element .biolife-icon {
  display: inline-block;
  width: 60px;
  font-size: 46px;
  line-height: 1;
  padding: 0;
  margin: 9px 0 0;
  vertical-align: top;
}

.why-choose-us-block .sc-element .icon-healthy-about {
  font-size: 37px;
}

.why-choose-us-block .sc-element .txt-content {
  display: inline-block;
  width: calc(100% - 60px);
  padding: 0;
  margin: 0;
}

.why-choose-us-block .sc-element .txt-content .number {
  font-size: 50px;
  line-height: 1;
  font-weight: 700;
  display: block;
  margin: 0;
}

.why-choose-us-block .sc-element .txt-content .title {
  font-size: 18px;
  font-weight: 400;
  line-height: 1;
  display: block;
  margin: 7px 0 0;
  font-family: "Playfair Display", serif;
  font-style: italic;
}

.why-choose-us-block .sc-element .txt-content .desc {
  display: block;
  font-size: 14px;
  color: #666666;
  line-height: 17px;
  margin: 12px 0 0;
}

.testimonial-block {
  text-align: center;
}

.testimonial-block .box-title {
  margin: 68px 0 84px;
  position: relative;
  display: inline-block;
}

.testimonial-block .box-title::after,
.testimonial-block .box-title::before {
  display: inline-block;
  font-family: FontAwesome, sans-serif;
  content: "\f006\f006\f006";
  font-size: 20px;
  color: #fcc01e;
  letter-spacing: 5px;
  position: absolute;
  top: 18px;
  left: -80px;
  z-index: 2;
  font-weight: 100;
}

.testimonial-block .box-title::after {
  left: auto;
  right: -82px;
}

.testimonial-block ul {
  padding: 0;
}

.testimonial-block .testimonial-list {
  padding: 0 0 80px;
  display: block;
}

.testimonial-block .testimonial-list li {
  list-style: none;
  display: inline-block;
  font-size: 0;
  line-height: 0;
  text-align: center;
}

.testimonial-block .testml-elem {
  font-size: 15px;
  line-height: 24px;
  color: var(--primary-black);
}

.testimonial-block .testml-elem .avata img {
  display: inline-block;
}

.testimonial-block .testml-elem .desc {
  display: block;
  margin: 55px 0 0;
  position: relative;
}

.testimonial-block .testml-elem .desc::before {
  content: url("../images/about-us/double-quotes.png");
  width: 20px;
  height: 16px;
  font-size: 0;
  line-height: 0;
  display: block;
  position: absolute;
  top: -40px;
  left: 50%;
  margin-left: -10px;
}

.testimonial-block .testml-elem .name {
  display: block;
  font-weight: 700;
  margin: 23px 0 0;
}

.testimonial-block .testml-elem .title {
  text-transform: uppercase;
  display: block;
  margin: 2px 0 0;
  font-weight: 600;
}

.testimonial-block .testml-elem .rating {
  line-height: 0;
  margin-top: 8px;
}

.testimonial-block:not(.tsm-no-margin-type) .biolife-carousel>.slick-list {
  margin-bottom: 52px;
}

.testml-elem-2 {
  font-size: 0;
  line-height: 1;
  display: block;
  margin: 46px 0 0;
  text-align: center;
  padding: 0 30px 50px;
  border-radius: 3px;
  min-height: 310px;
}

.testml-elem-2 .avata {
  display: inline-block;
  border: 4px solid #e6e6e6;
  border-radius: 50%;
  overflow: hidden;
  margin-top: -46px;
}

.testml-elem-2 .name {
  display: block;
  margin: 12px 0 0;
  font-size: 0.8vw;
  color: #333333;
}

.testml-elem-2 .title {
  font-size: 14px;
  color: #666666;
  display: block;
  margin: 6px 0 0;
}

.testml-elem-2 .comment {
  display: block;
  margin: 48px 0 0;
  font-size: 14px;
  line-height: 20px;
  color: #222222;
  font-style: italic;
}

.biolife-carousel .slick-dots {
  padding: 0;
  display: block;
  font-size: 0;
  line-height: 0;
  text-align: center;
}

.biolife-carousel .slick-dots li {
  display: inline-block;
  margin: 0 2px;
}

.biolife-carousel .slick-dots li button {
  display: inline-block;
  border: none;
  background-color: #d7d7d7;
  width: 13px;
  height: 9px;
  border-radius: 99px;
  -webkit-transition: all 350ms ease;
  -moz-transition: all 350ms ease;
  -o-transition: all 350ms ease;
  transition: all 350ms ease;
}

.biolife-carousel .slick-dots li.slick-active button {
  width: 33px;
}

.single-post-contain {
  display: block;
  clear: both;
}

.single-post-contain .post-head {
  border-bottom: 1px solid #e6e6e6;
  padding-bottom: 13px;
  margin-bottom: 14px;
}

.single-post-contain .post-head .thumbnail {
  padding: 0;
  margin: 0;
  border: none;
  border-radius: 0;
  font-size: 0;
  line-height: 0;
}

.single-post-contain .post-head .post-name {
  display: block;
  margin: 30px 0 0;
  font-size: 34px;
  color: #222222;
  line-height: 1;
  font-weight: 700;
}

.post-item .post-content .post-archive,
.single-post-contain .post-head .post-archive {
  display: block;
  margin: 9px 0 0;
  font-size: 14px;
  line-height: 24px;
  color: #666666;
  font-weight: 400;
}

.post-item .post-content .post-archive .post-cat,
.single-post-contain .post-head .post-archive .post-cat {
  font-weight: 600;
  color: #222222;
}

.post-item .post-content .post-archive .author,
.single-post-contain .post-head .post-archive .author {
  margin-left: 6px;
}

.single-post-contain .post-content {
  display: block;
  font-size: 0;
  line-height: 0;
  padding-bottom: 44px;
}

.single-post-contain .post-content * {
  font-size: 15px;
  line-height: 24px;
  color: #666666;
  margin-bottom: 24px;
}

.single-post-contain .post-content blockquote {
  padding: 0;
  border-left: 0;
  display: inline-block;
  position: relative;
  margin: 0 0 30px;
}

.single-post-contain .post-content blockquote::before {
  content: url(../images/blogpost/double-quote.png);
  display: block;
  opacity: 0.1;
  filter: alpha(opacity=10);
  font-size: 0;
  line-height: 0;
  margin-top: -1px;
  margin-bottom: 6px;
}

.single-post-contain .post-content blockquote p {
  font-weight: 600;
  font-size: 17px;
  line-height: 26px;
  color: #333333;
}

.single-post-contain .post-content blockquote address {
  display: block;
  margin: 31px 0 0;
  font-size: 13px;
  line-height: 1;
}

.single-post-contain .post-content blockquote address a {
  font-size: 0.8vw;
  color: #222222;
  font-weight: 600;
  line-height: 1;
  display: inline-block;
  margin: 0;
}

.single-post-contain .post-content blockquote address span {
  display: block;
  margin: -1px 0 0;
}

.single-post-contain .post-foot .post-tags {
  font-size: 0;
  line-height: 0;
}

.single-post-contain .post-foot .post-tags .tag-title {
  font-size: 0.8vw;
  color: #666666;
  display: inline-block;
  line-height: 24px;
  margin-right: 26px;
}

.single-post-contain .post-foot .post-tags .tags {
  padding: 0;
  margin: 0;
  display: inline-block;
}

.single-post-contain .post-foot .post-tags .tags li {
  display: inline-block;
  list-style: none;
  margin-right: 10px;
}

.single-post-contain .post-foot .post-tags .tags li a {
  display: inline-block;
  color: #888888;
  border: 2px solid #f1f1f1;
  border-radius: 9999px;
  padding: 0 9px;
  font-size: 14px;
  line-height: 24px;
}

.single-post-contain .post-foot .post-tags .tags li a:hover {
  color: #111111;
}

.single-post-contain .post-foot .auth-info {
  display: inline-block;
  width: 100%;
  border-top: 2px solid #e6e6e6;
  border-bottom: 2px solid #e6e6e6;
  padding: 18px 0;
  margin-top: 30px;
}

.single-post-contain .post-foot .auth-info .ath {
  display: inline-block;
  float: left;
  font-size: 15px;
  line-height: 30px;
}

.single-post-contain .post-foot .auth-info .avata {
  color: #333333;
  font-weight: 700;
  margin: 0 32px 0 0;
  display: inline-block;
  padding: 1px 0;
  height: 33px;
}

.single-post-contain .post-foot .auth-info .avata img {
  margin-right: 6px;
}

.single-post-contain .post-foot .auth-info .count-item {
  display: inline-block;
  color: #aaaaaa;
  margin-left: 15px;
}

.single-post-contain .post-foot .auth-info .count-item i {
  margin-right: 4px;
}

.single-post-contain .post-foot .socials-connection {
  display: inline-block;
  float: right;
  font-size: 0;
  line-height: 1;
}

.single-post-contain .post-foot .socials-connection .title {
  font-size: 18px;
  color: #666666;
  display: inline-block;
  padding: 8px 0 7px;
  vertical-align: top;
}

.single-post-contain .post-foot .socials-connection .social-list {
  display: inline-block;
  margin: 0 0 0 15px;
  padding: 0;
}

.single-post-contain .post-foot .socials-connection .social-list li {
  list-style: none;
  display: inline-block;
}

.single-post-contain .post-foot .socials-connection .social-list li:not(:last-child) {
  margin-right: 10px;
}

.single-post-contain .post-foot .socials-connection .social-list li a {
  font-size: 18px;
  color: #666666;
  border: 2px solid #e6e6e6;
  border-radius: 50%;
  background-color: #ffffff;
  line-height: 1;
  display: inline-block;
  width: 33px;
  text-align: center;
  padding: 7px 5px 4px;
}

.single-post-contain .post-foot .socials-connection .social-list li a:hover {
  color: #ffffff;
}

.post-comments {
  clear: both;
  display: block;
}

.post-comments .cmt-title {
  font-size: 23px;
  line-height: 1;
  font-weight: 700;
  color: #222222;
  margin: 48px 0 0;
}

.post-comments .cmt-title sup {
  font-size: 60%;
  color: #aaaaaa;
  font-weight: 600;
}

.post-comments .comment-form {
  margin-top: 46px;
}

.post-comments .comment-form .form-row {
  margin: 0;
  display: block;
  position: relative;
  font-size: 0;
  line-height: 0;
}

.post-comments .comment-form .form-row+.form-row:not(.last-btns) {
  margin-top: 20px;
}

.post-comments .comment-form .form-row input,
.post-comments .comment-form .form-row textarea {
  display: inline-block;
  width: 100%;
  border: 2px solid #e6e6e6;
  font-size: 14px;
  padding: 11px 13px;
  line-height: 24px;
}

.post-comments .comment-form .form-row textarea {
  padding: 39px 13px 11px 84px;
  height: 188px;
}

.post-comments .comment-form .form-row .current-author {
  font-size: 0;
  line-height: 0;
  display: inline-block;
  position: absolute;
  top: 32px;
  left: 31px;
  z-index: 2;
}

.post-comments .form-row.last-btns {
  direction: rtl;
  border-bottom: 2px solid #e6e6e6;
  border-left: 2px solid #e6e6e6;
  border-right: 2px solid #e6e6e6;
  padding: 17px 19px 18px;
}

.post-comments .form-row.last-btns .btn {
  display: inline-block;
  border: none;
  font-size: 18px;
  line-height: 24px;
  color: #888888;
  outline: none;
  box-shadow: none;
}

.post-comments .form-row.last-btns .btn-sumit {
  font-size: 14px;
  color: #ffffff;
  border-radius: 9999px;
  font-weight: 700;
  min-width: 180px;
  text-align: center;
  padding: 10px;
  text-transform: uppercase;
}

.post-comments .form-row.last-btns .btn-sumit:hover {
  background-color: var(--primary-black);
}

.post-comments .comment-list {
  display: block;
  clear: both;
  margin-top: 50px;
}

.post-comments .comment-list ol {
  padding: 0;
  margin: 0;
}

.post-comments .comment-list ol li {
  display: block;
  list-style: none;
}

.post-comments .wrap-post-comment .author-contact {
  font-size: 15px;
  font-weight: 700;
  color: #333333;
  line-height: 30px;
}

.post-comments .wrap-post-comment .author-contact img {
  margin-right: 6px;
  display: inline-block;
  float: left;
}

.post-comments .wrap-post-comment .cmt-time {
  display: inline-block;
  font-size: 14px;
  line-height: 30px;
  color: #aaaaaa;
  margin-left: 23px;
}

.post-comments .wrap-post-comment .cmt-content {
  margin-top: 12px;
}

.post-comments .wrap-post-comment .cmt-content p {
  font-size: 15px;
  line-height: 24px;
  color: #666666;
  display: block;
  margin: 0;
}

.post-comments .wrap-post-comment .cmt-fooot {
  display: block;
  font-size: 0;
  line-height: 0;
  margin: 16px 0 0;
}

.post-comments .wrap-post-comment .cmt-fooot .btn {
  display: inline-block;
  color: #aaaaaa;
  padding: 0;
  border-radius: 0;
  border: none;
  font-size: 14px;
  line-height: 30px;
  margin-right: 19px;
}

.post-comments .wrap-post-comment .cmt-fooot .btn i {
  font-size: 18px;
  margin-right: 9px;
}

.post-comments .wrap-post-comment .cmt-inner {
  margin-top: 40px;
  padding-bottom: 22px;
}

.post-comments.lever-0>li>.wrap-post-comment>.cmt-inner {
  border-bottom: 2px solid #e6e6e6;
}

.post-comments .comment-list ol.lever-1 {
  padding-left: 59px;
}

.post-comments .comment-list .biolife-panigations-block {
  margin-top: 31px;
}

.blog-page.page-contain {
  padding-top: 40px;
}

.blog-page .post-item .post-content .post-name a {
  font-weight: 700;
}

.hero-section .biolife-nav ul li:last-child::before,
.hero-section .biolife-nav ul li:last-child span,
.hero-section .biolife-nav ul li span,
.hero-section .biolife-nav ul li a {
  color: #ffffff;
}

.hero-section .biolife-nav {
  margin: 0;
  display: inline-block;
  position: absolute;
  top: calc(29% + 54px);
  left: 50%;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
  z-index: 5;
}

.main-content>.row {
  font-size: 0;
  line-height: 0;
}

.main-content .main-post-list {
  display: inline-block;
  width: 100%;
  margin: -10px 0 0 0;
  padding: 0;
}

.main-content>.posts-list {
  padding: 0;
  margin: 0 0 60px 0;
}

.main-content .main-post-list li {
  list-style: none;
  display: block;
  margin-bottom: 40px;
  margin-top: 10px;
}

.main-content>.posts-list li {
  list-style: none;
  display: block;
}

.main-content>.posts-list li+li {
  margin-top: 50px;
}

.posts-list .post-item .thumbnail {
  padding: 0;
  margin: 0;
  border: none;
  border-radius: 0;
  font-size: 0;
  line-height: 0;
}

.post-item .post-content .post-name {
  font-size: 23px;
  font-weight: 600;
  color: #333333;
  display: block;
  margin: 0;
  line-height: 1;
}

.post-item .post-content .post-name a {
  display: inline-block;
  color: inherit;
}

.post-item .post-content .post-archive {
  border-bottom: 1px solid #e6e6e6;
  padding-bottom: 13px;
}

.post-item .post-content .excerpt {
  font-size: 15px;
  line-height: 24px;
  color: #666666;
  margin: 14px 0 0;
}

.post-item .post-content .group-buttons {
  display: inline-block;
  width: 100%;
  font-size: 0;
  line-height: 0;
  margin-top: 19px;
}

.post-item .group-buttons .btn {
  display: inline-block;
  outline: none;
  box-shadow: none;
}

.post-item .group-buttons .btn.readmore {
  font-size: 14px;
  line-height: 24px;
  color: #333333;
  font-weight: 700;
  display: inline-block;
  background-color: #ffffff;
  border: 2px solid #e6e6e6;
  border-radius: 9999px;
  text-transform: uppercase;
  padding: 8px 10px;
  min-width: 155px;
  margin-right: 9px;
}

.post-item .group-buttons .btn.readmore:hover {
  color: #ffffff;
}

.style-bottom-info.layout-03 .post-meta .count-number,
.post-item .group-buttons .count-number {
  font-size: 17px;
  padding: 0 0 0 11px;
  color: #666666;
  position: relative;
  line-height: 1;
  margin-right: 23px;
  border-radius: 0;
}

.style-bottom-info.layout-03 .post-meta .count-number .number,
.post-item .group-buttons .count-number .number {
  font-size: 10px;
  line-height: 1;
  color: #ffffff;
  font-weight: 600;
  background-color: #888888;
  min-width: 19px;
  text-align: center;
  padding: 5px 3px 4px;
  display: inline-block;
  border-radius: 50%;
  position: absolute;
  top: -7px;
  right: -15px;
  z-index: 2;
}

.post-item .group-buttons .commented .number {
  right: -7px;
}

.style-bottom-info.layout-03 .post-meta .count-number+.count-number,
.post-item .group-buttons .count-number+.count-number {
  border-left: 1px solid #e6e6e6 !important;
}

.post-item.style-left-info {
  display: table;
  width: 100%;
}

.post-item.style-left-info .thumbnail,
.post-item.style-left-info .post-content {
  display: table-cell;
  vertical-align: middle;
}

.post-item.style-left-info .thumbnail {
  width: 370px;
}

.post-item.style-left-info .post-content {
  padding-left: 30px;
}

.post-item.style-left-info .post-content>* {
  max-width: 329px;
  text-align: center;
}

.post-item.style-left-info .post-content .post-name {
  font-size: 23px;
  color: #000000;
}

.post-item.style-bottom-info {
  text-align: center;
}

.post-item.style-bottom-info .post-content {
  padding-left: 20px;
  padding-right: 20px;
}

.post-item.style-wide .post-content .post-name {
  margin-top: 16px;
  font-weight: 700;
  font-size: 26px;
}

.post-item.style-bottom-info .post-content .post-name {
  margin-top: 16px;
}

.main-slide {
  margin: 0;
  padding: 0;
  font-size: 0;
  line-height: 0;
  display: block;
  position: relative;
  overflow: hidden;
  clear: both;
}

.main-slide ul {
  padding: 0;
  margin: 0;
}

.main-slide li {
  list-style: none;
}

.main-slide .slick-arrow {
  font-size: 44px;
  color: var(--primary-red);
  position: absolute;
  top: 50%;
  margin-top: -22px;
  left: 60px;
  z-index: 5;
}

.main-slide .slick-arrow.next {
  left: auto;
  right: 60px;
}

.main-slide.nav-change .slick-arrow {
  -webkit-transition: all 450ms ease;
  -moz-transition: all 450ms ease;
  -ms-transition: all 450ms ease;
  -o-transition: all 450ms ease;
  transition: all 450ms ease;
  -webkit-transform: translateX(30px);
  -moz-transform: translateX(30px);
  -ms-transform: translateX(30px);
  -o-transform: translateX(30px);
  transform: translateX(30px);
  opacity: 0;
  filter: alpha(opacity=0);
  visibility: hidden;
}

.main-slide.nav-change.type02 .slick-arrow {
  color: #d7d7d7;
  left: 10px;
}

.main-slide.nav-change.type02 .slick-arrow.next {
  right: 10px;
  left: auto;
}

.main-slide.nav-change.type02 .slick-arrow:hover {
  color: #ffffff;
}

.main-slide.nav-change .slick-arrow.next {
  -webkit-transform: translateX(-30px);
  -moz-transform: translateX(-30px);
  -ms-transform: translateX(-30px);
  -o-transform: translateX(-30px);
  transform: translateX(-30px);
}

.main-slide.nav-change:hover .slick-arrow {
  -webkit-transform: translateX(0);
  -moz-transform: translateX(0);
  -ms-transform: translateX(0);
  -o-transform: translateX(0);
  transform: translateX(0);
  opacity: 1;
  filter: alpha(opacity=100);
  visibility: visible;
}

.slider-opt04__layout01,
.slider-opt03__layout02,
.slider-opt03__layout01 {
  margin: 0;
  padding: 0;
  font-size: 0;
  line-height: 0;
  display: block;
  position: relative;
  overflow: hidden;
}

.slider-opt03__layout01 .media {
  z-index: 10;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  height: 660px;
}

.slider-opt03__layout01 .media .child-elememt {
  display: inline-block;
  position: absolute;
  top: 4%;
  left: 8%;
  z-index: 5;
  margin-top: 10px;
  margin-left: -2px;
  -webkit-transition: transform 1s ease 0.5s;
  -moz-transition: transform 1s ease 0.5s;
  -o-transition: transform 1s ease 0.5s;
  transition: transform 1s ease 0.5s;
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  -ms-transform: scale(0);
  -o-transform: scale(0);
  transform: scale(0);
}

.slider-opt03__layout01 .text-content {
  min-width: 540px;
  display: inline-block;
  position: absolute;
  top: 20%;
  right: 10%;
  margin: 0 5px 0 0;
  z-index: 20;
  -webkit-transition: transform 0.7s ease 0.7s;
  -moz-transition: transform 0.7s ease 0.7s;
  -o-transition: transform 0.7s ease 0.7s;
  transition: transform 0.7s ease 0.7s;
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  -ms-transform: scale(0);
  -o-transform: scale(0);
  transform: scale(0);
  background-color: rgba(255, 255, 255, 0.8);
  color: rgb(255, 255, 255);
  border-color: rgb(102, 102, 102);
  padding: 20px 50px 40px;
  border-radius: 10px;
  box-shadow: 0 0 10px 0px rgba(51, 51, 51, 0.1);
}

.slick-slide.slick-active .slider-opt03__layout01 .text-content,
.slick-slide.slick-active .slider-opt03__layout01 .media .child-elememt {
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
}

.slider-opt03__layout01 .text-content .first-line {
  font-family: "Playfair Display", sans-serif;
  font-size: 30px;
  line-height: 1;
  color: var(--primary-red);
  display: block;
  margin: 0;
}

.slider-opt03__layout01 .text-content .second-line {
  font-size: 50px;
  line-height: 60px;
  color: #333333;
  font-weight: 700;
  display: block;
  margin: 0;
  max-width: 100%;
}

.slider-opt03__layout01 .text-content .third-line {
  font-size: 22px;
  line-height: 1;
  color: #000000;
  display: block;
  margin: 13px 0 0;
}

.slider-opt03__layout01 .buttons {
  font-size: 0;
  display: block;
  line-height: 0;
  margin: 36px 0 0;
}

.slider-opt03__layout01 .buttons .btn {
  font-size: 14px;
  border-radius: 9999px;
  display: inline-block;
  line-height: 1;
  min-width: 147px;
  text-align: center;
  padding: 17px 10px 16px;
  outline: none;
  box-shadow: none;
}

.slider-opt03__layout01 .buttons .btn+.btn {
  margin-left: 19px;
}

.slider-opt03__layout01 .buttons .btn-thin {
  padding: 15px 10px 14px;
  min-width: 177px;
}

.slider-opt03__layout01 .buttons .btn:hover {
  background-color: var(--primary-black) !important;
  border-color: var(--primary-black) !important;
  color: #ffffff !important;
}

.slider-opt03__layout01.mode-02 .media {
  background-image: url("../images/home-02/main-slide-01.jpg");
  height: 955px;
}

.slider-opt03__layout01.mode-02.slide-bgr-02 .media {
  background-image: url("../images/home-02/main-slide-02.jpg");
}

.slider-opt03__layout01.mode-02.slide-bgr-03 .media {
  background-image: url("../images/home-02/main-slide-03.jpg");
}

.slider-opt03__layout01.mode-02 .buttons .btn-thin {
  color: #ffffff;
}

.slider-opt03__layout01.mode-03 .media {
  height: 1072px;
}

.slider-opt03__layout01.slide-bgr-mode03-01 .media {
  background-image: url("../images/home-01/main-slide-01.jpg");
}

.slider-opt03__layout01.slide-bgr-mode03-02 .media {
  background-image: url("../images/home-01/main-slide-02.jpg");
}

.slider-opt03__layout01.slide-bgr-mode03-03 .media {
  background-image: url("../images/home-01/main-slide-03.jpg");
}

.slider-opt03__layout02 .media {
  z-index: 10;
  background-image: url("../images/home-03/green-slide-01.jpg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  height: 560px;
}

.slider-opt03__layout02 .media.background-geen-02 {
  background-image: url("../images/home-03/green-slide-02.jpg");
}

.slider-opt03__layout02 .text-content {
  display: inline-block;
  max-width: 400px;
  position: absolute;
  top: 127px;
  left: 35%;
  z-index: 2;
  margin-top: -4px;
  margin-left: 3px;
}

.slider-opt04__layout01 .text-content .first-line,
.slider-opt03__layout02 .text-content .first-line {
  font-size: 30px;
  line-height: 1;
  color: #666666;
  display: block;
  margin: 0;
  font-family: "Playfair Display", sans-serif;
}

.slider-opt04__layout01 .text-content .second-line,
.slider-opt03__layout02 .text-content .second-line {
  font-size: 60px;
  font-weight: 700;
  color: #222222;
  display: block;
  margin: 1px 0 0;
  line-height: 60px;
}

.slider-opt04__layout01 .text-content .third-line,
.slider-opt03__layout02 .text-content .third-line {
  font-size: 18px;
  color: var(--primary-black);
  display: block;
  margin: 14px 0 0;
  line-height: 1;
}

.slider-opt04__layout01 .buttons,
.slider-opt03__layout02 .buttons {
  margin: 37px 0 0;
}

.slider-opt04__layout01 .buttons .btn,
.slider-opt03__layout02 .buttons .btn {
  padding: 14px 10px 13px;
  min-width: 147px;
}

.slider-opt04__layout01 .buttons .btn-thin,
.slider-opt03__layout02 .buttons .btn-thin {
  border: 2px solid #e6e6e6;
  min-width: 177px;
  padding: 12px 10px 11px;
  margin-left: 19px;
}

.slider-opt04__layout01 .buttons .btn-thin:hover,
.slider-opt03__layout02 .buttons .btn-thin:hover {
  background-color: var(--primary-black);
  border-color: var(--primary-black);
  color: #ffffff;
}

.none-box-shadow .vertical-category-block>.wrap-menu {
  box-shadow: none;
  border-left: 1px solid #e6e6e6;
  border-right: 1px solid #e6e6e6;
  border-bottom: 1px solid #e6e6e6;
}

.slider-opt04__layout01 .media {
  z-index: 10;
  background-image: url("../images/home-04/main_slide.jpg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  height: 578px;
}

.slider-opt04__layout01 .text-content {
  display: inline-block;
  max-width: 400px;
  position: absolute;
  top: 132px;
  left: 70px;
  z-index: 2;
}

.slider-opt04__layout01 .buttons .btn-thin,
.slider-opt04__layout01 .text-content .first-line,
.slider-opt04__layout01 .text-content .second-line,
.slider-opt04__layout01 .text-content .third-line {
  color: #ffffff;
}

li.slick-current .slider-opt04__layout01 .buttons .btn,
li.slick-current .slider-opt04__layout01 .text-content .first-line,
li.slick-current .slider-opt04__layout01 .text-content .second-line,
li.slick-current .slider-opt04__layout01 .text-content .third-line {
  animation-duration: 1.6s;
  -webkit-animation-duration: 1.6s;
  animation-fill-mode: both;
  -webkit-animation-fill-mode: both;
  animation-name: bounceInRight;
  -webkit-animation-name: bounceInRight;
  -webkit-animation-delay: 0s;
  animation-delay: 0s;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
}

li.slick-current .slider-opt04__layout01 .text-content .second-line {
  animation-name: bounceInLeft;
  -webkit-animation-name: bounceInLeft;
}

li.slick-current .slider-opt04__layout01 .text-content .third-line {
  animation-name: bounceIn;
  -webkit-animation-name: bounceIn;
  -webkit-animation-delay: 0.6s;
  animation-delay: 0.6s;
}

li.slick-current .slider-opt04__layout01 .buttons .btn {
  animation-name: zoomIn;
  -webkit-animation-name: zoomIn;
  -webkit-animation-delay: 0.2s;
  animation-delay: 0.2s;
}

.slider-opt04__layout01 .buttons .btn.btn-bold:not(:hover) {
  background-color: var(--primary-green);
}

.slider-opt04__layout01.light-version .buttons .btn-thin:not(:hover) {
  color: #333333;
}

.slider-opt04__layout01.first-slide .media {
  background-image: url("../images/home-04/light-main_slide_01.jpg");
}

.slider-opt04__layout01.second-slide .media {
  background-image: url("../images/home-04/light-main_slide_02.jpg");
}

.slider-opt04__layout01.third-slide .media {
  background-image: url("../images/home-04/light-main_slide_03.jpg");
}

.slider-opt04__layout01.light-version .text-content .first-line {
  color: #666666;
}

.slider-opt04__layout01.light-version .text-content .second-line {
  color: #222222;
}

.slider-opt04__layout01.light-version .text-content .third-line {
  color: var(--primary-black);
}

.slider-opt05 {
  position: relative;
  display: block;
  overflow: hidden;
  font-size: 0;
  line-height: 1;
  background: url("../images/home-05/main-slide.jpg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  height: 474px;
}

.slider-opt05 .text-content {
  display: inline-block;
  max-width: 350px;
  padding-top: 94px;
  padding-left: 39px;
  position: relative;
  z-index: 10;
}

.slider-opt05 .text-content .first-line {
  display: block;
  margin: 0;
  font-size: 26px;
  color: #666666;
  font-family: "Playfair Display", sans-serif;
}

.slider-opt05 .text-content .second-line {
  display: block;
  margin: 5px 0 0;
  font-size: 50px;
  line-height: 60px;
  color: #222222;
  font-weight: 700;
}

.slider-opt05 .text-content .third-line {
  display: block;
  margin: 10px 0 0;
  font-size: 18px;
  color: var(--primary-black);
  margin-left: 8px;
}

.slider-opt05 .text-content .buttons {
  margin: 37px 0 0;
}

.slider-opt05 .text-content .btn.btn-bold {
  min-width: 147px;
}

.slider-opt05 .text-content .btn.btn-bold:not(:hover) {
  background-color: var(--primary-green);
}

.slider-opt05 .media {
  display: inline-block;
  position: absolute;
  z-index: 5;
  top: 51px;
  right: 0;
}

.slick-active .slider-opt05 .text-content .btn,
.slick-active .slider-opt05 .text-content .third-line,
.slick-active .slider-opt05 .text-content .second-line,
.slick-active .slider-opt05 .text-content .first-line {
  animation-duration: 1.2s;
  -webkit-animation-duration: 1.2s;
  animation-fill-mode: both;
  -webkit-animation-fill-mode: both;
  animation-name: fadeInRight;
  -webkit-animation-name: fadeInRight;
  animation-delay: 0s;
  -webkit-animation-delay: 0s;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
}

.slick-active .slider-opt05 .text-content .second-line {
  animation-duration: 1.4s;
  -webkit-animation-duration: 1.4s;
}

.slick-active .slider-opt05 .text-content .third-line {
  animation-duration: 1.6s;
  -webkit-animation-duration: 1.6s;
}

.slick-active .slider-opt05 .text-content .btn {
  animation-duration: 1.6s;
  -webkit-animation-duration: 1.6s;
  animation-delay: 0.2s;
  -webkit-animation-delay: 0.2s;
}

.slick-active .slide_animation .buttons,
.slick-active .slide_animation .third-line,
.slick-active .slide_animation .first-line,
.slick-active .slide_animation .second-line {
  animation-duration: 1.2s;
  -webkit-animation-duration: 1.2s;
  animation-fill-mode: both;
  -webkit-animation-fill-mode: both;
  animation-name: zoomIn;
  -webkit-animation-name: zoomIn;
  animation-delay: 0.2s;
  -webkit-animation-delay: 0.2s;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
}

.slick-active .slide_animation.type_02 .second-line {
  animation-duration: 1s;
  -webkit-animation-duration: 1s;
  animation-delay: 0.2s;
  -webkit-animation-delay: 0.2s;
}

.slick-active .slide_animation.type_02 .third-line {
  animation-duration: 1.2s;
  -webkit-animation-duration: 1.2s;
  animation-delay: 0.6s;
  -webkit-animation-delay: 0.6s;
}

.slick-active .slide_animation.type_02 .buttons {
  animation-duration: 1.2s;
  -webkit-animation-duration: 1.2s;
  -webkit-animation-delay: 0.4s;
  animation-delay: 0.4s;
}

.biolife-banner__special {
  display: inline-block;
  width: 100%;
  clear: both;
  font-size: 0;
  line-height: 0;
  padding-top: 0px;
}

.biolife-banner__special .media {
  display: inline-block;
  width: 57.265%;
  padding-left: 25px;
}

.biolife-banner__special .text-content {
  display: inline-block;
  vertical-align: top;
  width: 42.735%;
  line-height: 1;
  text-align: center;
  padding-top: 41px;
}

.biolife-banner__special .text-content .first-line {
  font-size: 50px;
  font-weight: 700;
  color: #000000;
  display: block;
  margin: 0;
}

.biolife-banner__special .text-content .second-line {
  font-size: 35px;
  line-height: 1;
  color: #666666;
  display: block;
  font-weight: 600;
  margin: 17px 0 0;
}

.biolife-banner__special .text-content .third-line {
  font-size: 35px;
  color: #666666;
  display: block;
  font-weight: 600;
  line-height: 1;
  margin: 1px 0 0;
}

.biolife-banner__special .text-content .third-line i {
  font-weight: 700;
  color: #222222;
  font-family: "Playfair Display", sans-serif;
  font-size: 40px;
}

.biolife-banner__special .product-detail {
  display: block;
  margin-top: 65px;
}

.biolife-banner__special .product-detail .product-name {
  display: block;
  margin: 0;
  font-size: 17px;
  line-height: 24px;
  color: #222222;
  font-weight: 600;
}

.biolife-banner__special .product-detail .price-contain ins .price-amount {
  font-size: 30px;
  line-height: 24px;
}

.biolife-banner__special .product-detail .price-contain .price-amount {
  font-size: 20px;
}

.biolife-banner__special .product-detail .buttons {
  display: block;
  margin-top: 27px;
}

.biolife-banner__special .product-detail .add-to-cart-btn {
  font-size: 14px;
  color: #ffffff;
  text-transform: uppercase;
  font-weight: 700;
  border-radius: 9999px;
  border: none;
  padding: 17px 10px 16px;
  line-height: 1;
  min-width: 197px;
  outline: none;
  box-shadow: none;
}

.biolife-banner__special .product-detail .add-to-cart-btn:hover {
  background-color: var(--primary-black);
}

.biolife-banner__special-02 {
  text-align: right;
  position: relative;
  overflow: hidden;
  clear: both;
}

.biolife-banner__special-02 .banner-contain {
  font-size: 0;
  line-height: 0;
  display: inline-block;
  text-align: left;
  width: 100%;
  position: relative;
}

.biolife-banner__special-02 .banner-contain .thumb {
  display: inline-block;
}

.biolife-banner__special-02 .text-content {
  display: inline-block;
  text-align: center;
  position: absolute;
  right: 0;
  top: 14%;
  margin-top: -1px;
}

.biolife-banner__special-02 .text-content .text01 {
  font-size: 70px;
  line-height: 1;
  display: block;
  margin: 0;
  color: #da840f;
  font-family: "Playfair Display", sans-serif;
  opacity: 0.11;
  filter: alpha(opacity=11);
  margin-bottom: -31px;
}

.biolife-banner__special-02 .text-content .text02 {
  font-size: 50px;
  display: block;
  margin: 0;
  color: #000000;
  line-height: 1;
}

.biolife-banner__special-02 .text-content .text04,
.biolife-banner__special-02 .text-content .text03 {
  font-size: 35px;
  line-height: 1;
  color: #666666;
  display: block;
  margin: 0;
  font-weight: 600;
}

.biolife-banner__special-02 .text-content .text03 {
  margin: 17px 0 -1px;
}

.biolife-banner__special-02 .text-content .text04 i {
  font-family: "Playfair Display", sans-serif;
  font-weight: 700;
  color: #222222;
  font-size: 40px;
}

.biolife-banner__special-02 .product-detail {
  margin-top: 50px;
}

.biolife-banner__special-02 .product-detail .price-contain {
  margin-top: 8px;
}

.biolife-banner__special-02 .product-detail .price-contain .price-amount {
  font-size: 30px;
}

.biolife-banner__special-02 .product-detail .product-name {
  font-size: 17px;
  color: #222222;
  font-weight: 600;
  display: block;
  line-height: 1;
  margin: 0;
}

.biolife-banner__special-02 .product-detail .measure {
  display: block;
  line-height: 1;
  font-size: 15px;
  color: var(--primary-black);
  margin: 10px 0 0;
  font-weight: 600;
}

.biolife-banner__special-02 .product-detail .buttons {
  display: block;
  text-align: center;
  margin-top: 25px;
}

.biolife-banner__special-02 .product-detail .add-to-cart-btn {
  font-size: 14px;
  font-weight: 700;
  text-align: center;
  display: inline-block;
  text-transform: uppercase;
  color: #ffffff;
  border-radius: 9999px;
  min-width: 197px;
  padding: 13px 10px 12px;
}

.biolife-banner__special-02 .product-detail .add-to-cart-btn:hover {
  background-color: var(--primary-black);
}

.biolife-banner__special-03 .banner-contain {
  display: block;
  position: relative;
  font-size: 0;
  line-height: 0;
  clear: both;
  background-image: url(../images/home-01/bn-special-03-sample.jpg);
  background-position: center center;
  background-size: 100%;
  background-repeat: no-repeat;
  padding-bottom: 47px;
}

.biolife-carousel.dots_ring_style_2,
.biolife-carousel.dots_ring_style {
  position: relative;
}

.biolife-carousel.dots_ring_style .slick-dots {
  position: absolute;
  bottom: 41px;
  right: 214px;
}

.biolife-carousel.dots_ring_style_2 .slick-dots li button,
.biolife-carousel.dots_ring_style .slick-dots li button {
  padding: 0;
  width: 11px;
  height: 11px;
  display: inline-block;
  border: 0 solid #999999;
  background-color: #bbbbbb;
  border-radius: 50%;
  -webkit-transition: none;
  -moz-transition: none;
  -o-transition: none;
  transition: none;
}

.biolife-carousel.dots_ring_style .slick-dots li.slick-active button {
  height: 13px;
  width: 13px;
  border-width: 2px;
  background-color: transparent;
}

.biolife-carousel.dots_ring_style_2 .slick-dots {
  position: absolute;
  bottom: 28px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
  font-size: 0;
  line-height: 0;
}

.biolife-carousel.dots_ring_style_2 .slick-dots li {
  margin: 0;
}

.biolife-carousel.dots_ring_style_2 .slick-dots li+li {
  margin-left: 9px;
}

.biolife-carousel.dots_ring_style_2 .slick-dots li button {
  width: 10px;
  height: 10px;
  background-color: #666666;
  border: none;
}

.biolife-carousel.dots_ring_style_2 .slick-dots li.slick-active button {
  background-color: transparent;
  border: 2px solid #ffffff;
  width: 12px;
  height: 12px;
}

.biolife-service__type01 {
  display: block;
  font-size: 0;
  line-height: 0;
  position: relative;
  overflow: hidden;
  padding-top: 14px;
}

.biolife-service__type01 .txt-show-01 {
  font-size: 144px;
  color: #eeeeee;
  font-weight: 700;
  display: block;
  opacity: 0.55;
  filter: alpha(opacity=55);
  text-align: center;
  line-height: 168px;
  text-transform: capitalize;
}

.biolife-service__type01 .txt-show-02 {
  font-size: 100px;
  line-height: 1;
  font-family: "Playfair Display", sans-serif;
  display: block;
  text-align: center;
  position: absolute;
  top: 19px;
  left: 0;
  right: 0;
  z-index: 2;
}

.biolife-service__type01 .services-list {
  margin-top: -9px;
  position: relative;
  z-index: 1;
}

.services-list {
  padding: 0;
  line-height: 0;
  font-size: 0;
  margin: 0;
  display: inline-block;
  width: 100%;
  border: 2px solid #e6e6e6;
  border-radius: 3px;
  padding-top: 19px;
  padding-bottom: 18px;
}

.services-list li {
  list-style: none;
  display: inline-block;
  width: 33.333333%;
  padding-top: 10px;
  padding-bottom: 22px;
}

.services-list li+li {
  border-left: 1px solid #e6e6e6;
}

.service-inner {
  display: inline-block;
  width: 100%;
  text-align: center;
}

.service-inner .number {
  font-size: 0.8vw;
  line-height: 1;
  background-color: #cccccc;
  display: inline-block;
  width: 31px;
  text-align: center;
  color: #ffffff;
  margin: 0;
  padding: 7px 5px 8px;
  border-radius: 50%;
  vertical-align: top;
}

.service-inner .biolife-icon {
  font-size: 35px;
  display: inline-block;
  padding-top: 1px;
  margin-left: 38px;
}

.service-inner .srv-name {
  display: inline-block;
  font-size: 0.8vw;
  color: #222222;
  text-align: center;
  margin: 9px 0 0;
  width: 100%;
  line-height: 1;
  text-transform: uppercase;
  font-weight: 700;
}

.service-inner:not(.style-02) .srv-name {
  margin-top: 15px;
}

.service-inner.color-reverse .biolife-icon {
  color: #888888;
}

.biolife-service__type02 {
  border: 2px solid #e6e6e6;
  border-radius: 3px;
  overflow: hidden;
  padding: 0;
}

.biolife-service__type02 .services-list {
  border: none;
  padding: 0 18px;
}

.biolife-service__type02 .services-list li+li {
  border-left: none;
  border-top: 1px solid #e6e6e6;
}

.biolife-service__type02 .services-list li {
  width: 100%;
  padding: 0 0 0 11px;
}

.biolife-service__type02 .foot-area {
  display: table;
  width: 100%;
  padding-left: 30px;
  padding-top: 18px;
  padding-bottom: 16px;
}

.biolife-service__type02 .foot-area .txt,
.biolife-service__type02 .foot-area .biolife-icon {
  display: table-cell;
  vertical-align: middle;
  text-align: left;
}

.biolife-service__type02 .foot-area .biolife-icon {
  color: #222222;
  line-height: 1;
  font-size: 32px;
  width: 39px;
}

.biolife-service__type02 .foot-area .txt p {
  font-size: 14px;
  line-height: 17px;
  color: #222222;
  display: block;
  margin: 0;
  font-weight: 400;
}

.service-inner.style-02 .biolife-icon {
  font-size: 36px;
}

.service-inner.style-02 {
  text-align: left;
  padding: 20px 0;
}

.service-inner.style-02 .biolife-icon {
  color: #888888;
}

.service-inner.style-02 .number {
  color: #222222;
  font-weight: 600;
}

.service-inner.style-02 .srv-name {
  text-transform: uppercase;
  text-align: left;
  margin-top: 12px;
}

.biolife-tab .tab-head .tabs {
  padding: 0;
  margin: 0 0 23px 0;
  display: block;
  text-align: center;
}

.biolife-tab .tab-head .tabs .tab-element {
  display: inline-block;
  list-style: none;
}

.biolife-tab .tab-head .tabs .tab-element+.tab-element {
  margin-left: 45px;
}

.biolife-tab .tab-content {
  display: block;
  margin: 0;
  position: relative;
}

.biolife-tab .tab-content .tab-contain {
  display: inline-block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  opacity: 0;
  filter: alpha(opacity=0);
  visibility: hidden;
  z-index: 2;
}

.biolife-tab .tab-content>.active {
  display: block;
  position: static;
  opacity: 1;
  filter: alpha(opacity=100);
  visibility: visible;
  z-index: 5;
  -webkit-transition: all 1500ms ease;
  -moz-transition: all 1500ms ease;
  -o-transition: all 1500ms ease;
  transition: all 1500ms ease;
}

.tab-head__icon-top-layout a {
  display: inline-block;
  text-align: center;
  font-size: 0.8vw;
  color: #888888;
  font-weight: 400;
  position: relative;
  padding-bottom: 4px;
  padding-left: 5px;
  padding-right: 5px;
}

.tab-head__icon-top-layout:not(.background-tab-include) a::after {
  content: "";
  height: 2px;
  display: block;
  width: 100%;
  position: absolute;
  z-index: 2;
  bottom: 0;
  left: 0;
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  -ms-transform: scale(0);
  -o-transform: scale(0);
  transform: scale(0);
  -webkit-transition: all 350ms ease;
  -moz-transition: all 350ms ease;
  -o-transition: all 350ms ease;
  transition: all 350ms ease;
}

.tab-head__icon-top-layout .active a::after {
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
}

.tab-head__icon-top-layout .biolife-icon {
  font-size: 44px;
  display: block;
  margin-bottom: 13px;
  text-align: center;
}

.tab-head__sample-layout .tabs {
  font-size: 0;
  margin-bottom: 8px !important;
}

.biolife-tab .tab-head__sample-layout .tabs .tab-element+.tab-element {
  margin-left: 0;
}

.biolife-tab .tab-head__default .tabs {
  font-size: 0;
  line-height: 0;
  margin: 0;
}

.tab-head__default {
  margin-top: 33px;
  margin-bottom: 24px;
}

.tab-head__default .tab-element .tab-link {
  display: inline-block;
  font-size: 0.8vw;
  color: #666666;
  font-weight: 700;
  text-transform: uppercase;
  line-height: 1;
  position: relative;
  padding-left: 4px;
  padding-right: 4px;
  margin-bottom: 4px;
  -webkit-transition: color 750ms ease;
  -moz-transition: color 750ms ease;
  -ms-transition: color 750ms ease;
  -o-transition: color 750ms ease;
  transition: color 750ms ease;
}

.tab-head__default .tab-element .tab-link::before {
  content: "";
  display: block;
  height: 2px;
  background-color: #666666;
  position: absolute;
  bottom: -2px;
  left: 0;
  right: 0;
  z-index: 1;
  -webkit-transition: transform 500ms ease;
  -moz-transition: transform 500ms ease;
  -ms-transition: transform 500ms ease;
  -o-transition: transform 500ms ease;
  transition: transform 500ms ease;
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  -ms-transform: scale(0);
  -o-transform: scale(0);
  transform: scale(0);
}

.tab-head__default .tab-element .tab-link:hover::before,
.tab-head__default .tab-element.active .tab-link::before {
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
}

.tab-head__sample-layout .tab-element .tab-link {
  font-size: 0.8vw;
  text-transform: uppercase;
  font-weight: 700;
  color: #969696;
  display: block;
  line-height: 1;
  background: transparent;
  min-width: 140px;
  text-align: center;
  background-position: top left;
  background-repeat: no-repeat;
  background-size: cover;
  padding-top: 10px;
  padding-bottom: 10px;
}

.my-account .tab-head__sample-layout ul.tabs {
  border-bottom: 1px solid #f1f1f1;
}

.tab-head__sample-layout .tab-element .tab-link:hover,
.tab-head__sample-layout .active .tab-link {
  background: url("../images/bg_tab-v4.png");
  color: #ffffff;
}

.my-account .tab-head__sample-layout .active .tab-link {
  color: #ffffff !important;
  background: var(--primary-red) !important;
}

.my-account .tab-head__sample-layout .tab-element .tab-link:hover {
  color: #272727;
  background: #f1f1f1;
}

.tab-head__sample-layout.type-02 .tab-element .tab-link:hover,
.tab-head__sample-layout.type-02 .active .tab-link {
  background: url("../images/bg_tab-v1.png");
}

.biolife-banner__promotion {
  display: block;
  position: relative;
  overflow: hidden;
  font-size: 0;
  line-height: 0;
}

.biolife-banner__promotion .text-content {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  line-height: 1;
  display: inline-block;
  padding-top: 217px;
}

.biolife-banner__promotion .text-content .text-wrap {
  padding-left: 70px;
}

.biolife-banner__promotion .text-content .first-line {
  font-size: 30px;
  line-height: 35px;
  font-family: "Playfair Display", sans-serif;
  color: #ffffff;
  display: block;
  margin: 0;
  max-width: 370px;
}

.biolife-banner__promotion .text-content .second-line {
  display: block;
  margin: 6px 0 0;
  font-size: 60px;
  line-height: 55px;
  color: #ffffff;
  font-weight: 700;
  max-width: 370px;
}

.biolife-banner__promotion .text-content .third-line {
  font-size: 0.8vw;
  line-height: 24px;
  display: block;
  margin: 22px 0 0;
  color: #ffffff;
  max-width: 370px;
}

.biolife-banner__promotion .product-detail {
  display: block;
  margin-top: 32px;
  max-width: 370px;
}

.biolife-banner__promotion .product-detail .txt-price {
  font-size: 40px;
  line-height: 1;
  font-weight: 700;
  color: #ffffff;
  display: inline-block;
  margin: 0 30px 0 0;
}

.biolife-banner__promotion .product-detail .txt-price span {
  font-size: 20px;
  font-weight: 400;
  margin-right: 3px;
}

.biolife-banner__promotion3 .product-detail .add-to-cart-btn,
.biolife-banner__promotion .product-detail .add-to-cart-btn {
  display: inline-block;
  font-size: 14px;
  color: #ffffff;
  font-weight: 700;
  text-transform: uppercase;
  text-align: center;
  border: none;
  border-radius: 999px;
  vertical-align: top;
  background: var(--primary-green);
  min-width: 168px;
  padding: 13px;
}

.biolife-banner__promotion3 .product-detail .add-to-cart-btn:hover,
.biolife-banner__promotion .product-detail .add-to-cart-btn:hover {
  background-color: var(--primary-black);
}

.biolife-banner__promotion {
  display: inline-block;
  width: 100%;
  height: 710px;
  background-image: url("../images/home-03/bg_banner_pomotion_org.png");
  background-repeat: no-repeat;
  background-size: auto;
  background-position: center top;
  position: relative;
  top: -70px;
}

.biolife-banner__promotion .media .img-moving {
  display: inline-block;
  position: absolute;
  z-index: 5;
  top: 0;
  left: 0;
}

.biolife-banner__promotion .media .position-1 {
  top: 137px;
  right: 10%;
  left: auto;
  margin-left: -21px;
}

.biolife-banner__promotion .media .position-2 {
  left: auto;
  right: -21px;
  top: auto;
  bottom: 135px;
}

.biolife-banner__promotion .media .position-3 {
  top: auto;
  bottom: 0;
  left: 42px;
}

.biolife-banner__promotion .media .position-4 {
  top: 93px;
  left: -9px;
}

.biolife-banner__promotion4 .position-2 img,
.biolife-banner__promotion .media .position-1 img {
  -webkit-animation: bounceIn 9s linear infinite;
  animation: bounceIn 9s linear infinite;
}

.biolife-banner__promotion .media .position-2 img {
  -webkit-animation: movebounce 3.9s linear 0.4s infinite;
  animation: movebounce 3.9s linear 0.4s infinite;
}

.biolife-banner__promotion .media .position-3 img {
  -webkit-animation: movebounce-x 3.9s linear 0.2s infinite;
  animation: movebounce-x 3.9s linear 0.2s infinite;
}

.biolife-banner__promotion .media .position-4 img {
  -webkit-animation: movebounce 3.9s linear infinite;
  animation: movebounce 3.9s linear infinite;
}

.biolife-banner__promotion2 {
  display: block;
  background-color: #ffffff;
  position: relative;
  font-size: 0;
  line-height: 0;
  border-bottom: 1px solid #e6e6e6;
}

.biolife-banner__promotion2 .container {
  position: relative;
}

.biolife-banner__promotion2 .media {
  display: inline-block;
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 2;
  width: 670px;
  height: 535px;
  background-image: url(../images/home-03/slomotion_02_bg.png);
  background-position: center center;
  background-repeat: no-repeat;
}

.biolife-banner__promotion2 .text-content {
  display: inline-block;
  line-height: 1;
  float: right;
  max-width: 500px;
  margin-top: 117px;
  margin-bottom: 102px;
}

.biolife-banner__promotion2 .text-content .second-line,
.biolife-banner__promotion2 .text-content .first-line {
  display: block;
  margin: 0;
  font-size: 35px;
  line-height: 1;
  color: #333333;
  font-weight: 600;
}

.biolife-banner__promotion2 .text-content .second-line {
  margin-top: -1px;
}

.biolife-banner__promotion2 .text-content .second-line i {
  font-family: "Playfair Display", sans-serif;
  font-size: 40px;
  font-weight: 700;
}

.biolife-banner__promotion2 .text-content .third-line {
  font-size: 15px;
  line-height: 24px;
  color: #666666;
  display: block;
  margin: 9px 0 0;
}

.biolife-banner__promotion2 .text-content .buttons {
  margin: 28px 0 0;
}

.biolife-banner__promotion2 .text-content .btn {
  min-width: 147px;
  padding: 14px 14px 13px;
}

.biolife-banner__promotion2 .text-content .btn-thin {
  min-width: 177px;
  border-color: #ededed;
  padding: 12px 12px 11px;
  margin-left: 19px;
  vertical-align: top;
}

.biolife-banner__promotion2.advance .text-content .second-line i {
  font-weight: 600;
  font-style: normal;
  font-family: "Cairo", sans-serif;
  text-transform: uppercase;
}

.biolife-banner__promotion3 {
  display: block;
  clear: both;
  height: 451px;
  background: url("../images/home-03/promotion_bg_green-version.jpg");
  border-bottom: 1px solid #e6e6e6;
  background-position: center center;
  background-size: cover;
  position: relative;
}

.biolife-banner__promotion3 .media .position-1 {
  position: absolute;
  left: 41%;
  top: 17px;
  z-index: 5;
  display: inline-block;
}

.biolife-banner__promotion3 .text-content {
  padding-top: 92px;
}

.biolife-banner__promotion3 .text-content .first-line {
  font-size: 30px;
  line-height: 1;
  display: block;
  margin: 0;
  max-width: 300px;
}

.biolife-banner__promotion3 .text-content .second-line {
  display: block;
  margin: 6px 0 0;
  font-size: 40px;
  line-height: 1;
  color: #222222;
  font-weight: 600;
  max-width: 300px;
  text-transform: uppercase;
}

.biolife-banner__promotion3 .text-content .third-line {
  display: block;
  margin: 18px 0 0;
  color: #666666;
  font-size: 15px;
  line-height: 24px;
  max-width: 400px;
}

.biolife-banner__promotion3 .product-detail {
  display: block;
  font-size: 0;
  line-height: 0;
  margin-top: 30px;
}

.biolife-banner__promotion3 .product-detail .txt-price {
  display: inline-block;
  line-height: 1;
  margin: 0 29px 0 0;
  font-size: 30px;
  color: #222222;
  font-weight: 700;
  vertical-align: middle;
}

.biolife-banner__promotion3 .product-detail .txt-price span {
  color: #888888;
  font-size: 14px;
  font-weight: 400;
  margin-right: 3px;
}

.biolife-banner__promotion3 .product-detail .add-to-cart-btn {
  display: inline-block;
  vertical-align: middle;
}

.biolife-banner__promotion4 {
  display: block;
  clear: both;
  background: url("../images/home-04/banner-promotion01.jpg");
  background-position: center center;
  background-size: cover;
  height: 650px;
  font-size: 0;
  line-height: 0;
}

.biolife-banner__promotion4 .banner-contain {
  display: block;
  position: relative;
}

.biolife-banner__promotion4 .img-moving {
  display: inline-block;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
}

.biolife-banner__promotion4 .position-1 {
  left: 37%;
  top: 68px;
}

.biolife-banner__promotion4 .position-2 {
  left: 64%;
  top: 17px;
  z-index: 5;
  margin-left: 3px;
}

.biolife-banner__promotion4 .text-content {
  display: inline-block;
  text-align: center;
  max-width: 430px;
  position: absolute;
  top: 189px;
  left: 0;
  z-index: 10;
}

.biolife-banner__promotion4 .text-content .first-line {
  font-size: 50px;
  line-height: 50px;
  color: #222222;
  font-weight: 600;
  display: block;
  margin: 0;
}

.biolife-banner__promotion4 .biolife-countdown {
  margin-top: 23px;
}

.biolife-banner__promotion4:not(.v2) .biolife-countdown>span {
  border: none;
}

.biolife-banner__promotion4 .biolife-countdown>span {
  padding: 10px 5px 12px;
}

.biolife-banner__promotion4 .buttons {
  margin: 0;
}

.biolife-banner__promotion4 .buttons .btn.btn-bold {
  padding: 13px;
  min-width: 188px;
  margin-top: 35px;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

.biolife-banner__promotion4 .buttons .btn.green-btn:not(:hover) {
  background-color: var(--primary-green);
}

.biolife-banner__promotion4.v2 {
  height: 450px;
  background: #fafafa;
}

.biolife-banner__promotion4.v2 .sub-line {
  font-size: 24px;
  color: #f79822;
  line-height: 1;
  display: block;
  margin: 0;
}

.biolife-banner__promotion4.v2 .text-content .first-line {
  margin-top: 9px;
}

.biolife-banner__promotion4.v2 .position-1 {
  left: auto;
  right: -58px;
  top: 0;
  overflow: hidden;
}

.biolife-banner__promotion4.v2 .position-2 {
  left: auto;
  right: 0;
  top: 35px;
}

.biolife-banner__promotion6,
.biolife-banner__promotion5 {
  display: block;
  clear: both;
  font-size: 0;
  line-height: 0;
}

.biolife-banner__promotion6 .banner-contain,
.biolife-banner__promotion5 .banner-contain {
  position: relative;
  display: block;
}

.biolife-banner__promotion5 .banner-contain .media {
  display: block;
  height: 630px;
  background-image: url("../images/home-02/banner-promotion-5.jpg");
  background-size: cover;
  background-repeat: no-repeat;
}

.biolife-banner__promotion6 .media .img-moving,
.biolife-banner__promotion5 .media .img-moving {
  position: absolute;
  top: -70px;
  right: 4%;
  margin-right: -7px;
  z-index: 1;
}

.biolife-banner__promotion5 .media .img-moving img {
  -webkit-animation: move-around-reverse 9s linear 0.2s infinite;
  animation: move-around-reverse 9s linear 0.2s infinite;
}

.biolife-banner__promotion5 .media .position-2 {
  top: 43px;
  right: 50%;
  margin-right: 1px;
  z-index: 2;
}

.biolife-banner__promotion5 .media .position-2 img {
  -webkit-animation: move-around 8.5s linear infinite;
  animation: move-around 8.5s linear infinite;
}

.biolife-banner__promotion5 .text-content {
  display: inline-block;
  position: absolute;
  right: 64%;
  text-align: center;
  max-width: 310px;
  top: 155px;
  margin-right: 6px;
  z-index: 15;
}

.biolife-banner__promotion5 .text-content .text1 {
  font-size: 30px;
  font-family: "Playfair Display", sans-serif;
  color: #ffffff;
  display: block;
  margin: 0;
  line-height: 1;
}

.biolife-banner__promotion5 .text-content .text2 {
  display: block;
  font-size: 60px;
  line-height: 55px;
  margin: 26px 0 0;
  color: #ffffff;
}

.biolife-banner__promotion5 .text-content .buttons .btn {
  min-width: 177px;
  margin-top: 24px;
  padding: 14px 10px 13px;
}

.biolife-banner__promotion6 .banner-contain .media {
  display: block;
  height: 769px;
  background-image: url("../images/home-01/bn-promotion-6.png");
  background-size: cover;
  background-repeat: no-repeat;
}

.biolife-banner__promotion6 .banner-contain .text-content {
  position: absolute;
  top: 30%;
  left: 20%;
  display: inline-block;
  max-width: 400px;
  text-align: center;
  margin-top: -5px;
  margin-left: 13px;
  z-index: 10;
}

.biolife-banner__promotion6 .text-content .text1 {
  color: #ffffff;
  font-size: 30px;
  display: block;
  margin: 0;
  line-height: 1;
  font-family: "Playfair Display", sans-serif;
  font-weight: 400;
}

.biolife-banner__promotion6 .text-content .text2 {
  font-size: 60px;
  color: #ffffff;
  font-weight: 700;
  display: block;
  margin: 27px 0 0;
  line-height: 55px;
  text-transform: uppercase;
}

.biolife-banner__promotion6 .text-content .buttons {
  display: block;
  margin: 39px 0 0;
}

.biolife-banner__promotion6 .text-content .btn-thin {
  color: #ffffff;
  min-width: 148px;
  padding: 11px 10px 10px;
  font-size: 15px;
}

.biolife-banner__promotion6 .media .img-moving.position-1 {
  right: 20%;
  top: auto;
  bottom: -15px;
  margin-right: -12px;
}

.biolife-banner__promotion6 .media .img-moving.position-1 img {
  -webkit-animation: move-around-reverse 9s linear 0.2s infinite;
  animation: move-around-reverse 9s linear 0.2s infinite;
}

.biolife-banner__promotion6 .media .img-moving.position-2 {
  right: 18%;
  bottom: 40px;
  top: auto;
  margin-right: -13px;
}

.biolife-banner__promotion6 .media .img-moving.position-2 img {
  -webkit-animation: move-around 8.5s linear infinite;
  animation: move-around 8.5s linear infinite;
}

.biolife-title-box__bold-style {
  display: block;
  margin: 0 0 38px;
  text-align: left;
  font-size: 0;
  line-height: 0;
  padding-right: 75px;
}

.biolife-title-box__bold-style-02 .title,
.biolife-title-box__bold-style .title {
  font-size: 30px;
  line-height: 1;
  display: inline-block;
  color: #000000;
  font-weight: 700;
  margin: 0;
}

.biolife-title-box__bold-style-02 {
  display: block;
  margin: 0 0 27px;
  text-align: left;
  font-size: 0;
  line-height: 0;
}

.biolife-title-box__bold-style-02 .title {
  font-size: 22px;
}

.biolife-title-box__under-line {
  display: inline-block;
  width: 100%;
  text-align: left;
  border-bottom: 2px solid #e6e6e6;
  line-height: 0;
  font-size: 0;
  padding-bottom: 16px;
  margin-bottom: 20px;
}

.biolife-title-box__under-line .title {
  font-size: 24px;
  line-height: 1;
  display: inline-block;
  margin: 0;
  color: #222222;
  font-weight: 700;
}

.biolife-title-box__bgrd-bold {
  display: block;
  text-align: left;
  margin-top: 73px;
  margin-bottom: 18px;
}

.biolife-title-box__bgrd-bold .title {
  display: inline-block;
  margin: 0;
  font-size: 40px;
  color: #ffffff;
  line-height: 1;
  background-image: url(../images/home-01/bg_bold-title.png);
  background-repeat: no-repeat;
  background-size: cover;
  min-width: 314px;
  padding: 14px 35px 25px 43px;
  font-weight: 700;
  background-position: center;
}

.biolife-countdown {
  display: block;
  font-size: 0;
  line-height: 0;
  margin: 10px 0 0;
  text-align: center;
}

.biolife-countdown>span {
  display: inline-block;
  border: 1px solid #e6e6e6;
  border-radius: 3px;
  background-color: #ffffff;
  text-align: center;
  min-width: 57px;
  font-size: 0;
  line-height: 0;
  padding: 9px 5px 11px;
}

.biolife-countdown>span+span {
  margin-left: 9px;
}

.biolife-countdown .number {
  display: block;
  font-size: 20px;
  line-height: 1;
  font-weight: 700;
  color: #222222;
}

.biolife-countdown .text {
  font-size: 13px;
  line-height: 1;
  color: #666666;
  font-weight: 400;
  display: block;
  text-transform: uppercase;
  margin-top: 2px;
}

.contain-product__deal-layout {
  border: 2px solid #ff810f;
  padding: 17px 18px 29px;
  background-color: #fafafa;
}

.contain-product.contain-product__deal-layout .product-thumb .labels {
  left: 0;
  top: 0;
}

.contain-product.contain-product__deal-layout .product-thumb {
  padding: 0;
}

.contain-product__deal-layout .info .categories {
  margin-top: 19px;
}

.contain-product__deal-layout .info .price {
  margin-bottom: 11px;
}

.contain-product__deal-layout .slide-down-box .message {
  padding: 0 25px;
}

.contain-product__deal-layout .slide-down-box .buttons .add-to-cart-btn {
  padding: 16px 10px 17px;
}

.biolife-carousel.nav-center-03 .slick-arrow,
.biolife-carousel.nav-top-right .slick-arrow {
  font-size: 33px;
  display: inline-block;
  position: absolute;
  top: -64px;
  right: 0;
  z-index: 3;
  color: rgba(102, 102, 102, 0.2);
}

.biolife-carousel.nav-center-03 .slick-arrow:hover,
.biolife-carousel.nav-top-right .slick-arrow:hover {
  color: #7faf51;
}

.biolife-carousel.nav-top-right .slick-arrow.prev {
  right: 41px;
}

.biolife-carousel.nav-center-03 .slick-arrow {
  top: 50%;
  margin-top: -17px;
  right: 0;
  left: auto;
  -webkit-transform: translateX(-20px);
  -moz-transform: translateX(-20px);
  -ms-transform: translateX(-20px);
  -o-transform: translateX(-20px);
  transform: translateX(-20px);
  opacity: 0;
  filter: alpha(opacity=0);
  visibility: hidden;
  -webkit-transition: all 350ms ease;
  -moz-transition: all 350ms ease;
  -o-transition: all 350ms ease;
  transition: all 350ms ease;
}

.biolife-carousel.nav-center-03 .slick-arrow.prev {
  right: auto;
  left: 0;
  -webkit-transform: translateX(20px);
  -moz-transform: translateX(20px);
  -ms-transform: translateX(20px);
  -o-transform: translateX(20px);
  transform: translateX(20px);
}

.biolife-carousel.nav-center-03:hover .slick-arrow.prev,
.biolife-carousel.nav-center-03:hover .slick-arrow {
  opacity: 1;
  filter: alpha(opacity=100);
  visibility: visible;
  -webkit-transform: translateX(0);
  -moz-transform: translateX(0);
  -ms-transform: translateX(0);
  -o-transform: translateX(0);
  transform: translateX(0);
}

.biolife-carousel.nav-top-right-02 {
  position: relative;
}

.biolife-carousel.nav-top-right-02 .slick-arrow {
  display: block;
  position: absolute;
  font-size: 0;
  line-height: 0;
  top: -45px;
  right: 0;
  cursor: pointer;
}

.biolife-carousel.nav-top-right-02 .slick-arrow::before {
  font-family: "FontAwesome", sans-serif;
  content: "\f105";
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  font-size: 20px;
  color: #666666;
  line-height: 1;
}

.biolife-carousel.nav-top-right-02 .slick-arrow:hover::before {
  color: #aea705;
}

.biolife-carousel.nav-top-right-02 .slick-arrow.prev {
  right: 21px;
}

.biolife-carousel.nav-top-right-02 .slick-arrow.prev::before {
  content: "\f104";
}

.contain-product__right-info-layout.contain-product .product-thumb {
  padding: 0;
}

.contain-product__right-info-layout {
  padding: 9px 10px 10px;
  display: table;
  table-layout: fixed;
  width: 100%;
  border: 1px solid #e6e6e6;
}

.contain-product__right-info-layout .info,
.contain-product__right-info-layout .product-thumb {
  display: table-cell;
  vertical-align: top;
}

.contain-product__right-info-layout .product-thumb {
  width: 170px;
}

.contain-product__right-info-layout .info {
  padding-left: 10px;
  padding-top: 4px;
}

.contain-product__right-info-layout .info .price,
.contain-product__right-info-layout .info .product-title,
.contain-product__right-info-layout .info .categories {
  text-align: left;
}

.contain-product__right-info-layout .info .price {
  margin-bottom: 3px;
}

.contain-product__right-info-layout .info .rating {
  font-size: 14px;
}

.contain-product__right-info-layout .info .rating .star-rating {
  vertical-align: middle;
}

.contain-product__right-info-layout2 {
  display: table;
  width: 100%;
}

.contain-product__right-info-layout2 .product-thumb,
.contain-product__right-info-layout2 .info {
  display: table-cell;
  vertical-align: top;
}

.contain-product__right-info-layout2 .product-thumb {
  width: 100px;
  padding: 0 !important;
}

.contain-product__right-info-layout2 .info {
  padding-left: 10px;
  text-align: left;
}

.contain-product__right-info-layout2 .info .product-title {
  text-align: left;
}

.contain-product__right-info-layout2 .info .price {
  text-align: left;
  margin-bottom: 3px;
}

.contain-product__right-info-layout2 .info .star-rating {
  vertical-align: middle;
}

.contain-product__right-info-layout2 .info .review-count {
  font-size: 14px;
  line-height: 24px;
  display: inline-block;
  vertical-align: middle;
}

.contain-product__right-info-layout2.wgt-style .rating .star-rating>span::before,
.contain-product__right-info-layout2.wgt-style .rating .star-rating::before {
  font-size: 14px;
}

.contain-product__right-info-layout2.cate .info .cat-info {
  display: block;
  font-size: 0;
  line-height: 0;
  margin-top: 7px;
}

.contain-product__right-info-layout2.cate .cat-info .cat-item {
  font-size: 15px;
  color: #888888;
  line-height: 1;
  text-transform: capitalize;
  display: inline-block;
  margin: 0 10px 0 0;
}

.contain-product__right-info-layout3 {
  display: table;
  margin: 0;
  width: 100%;
  padding: 10px 18px 18px 10px;
  position: relative;
  background-color: #ffffff;
}

.contain-product__right-info-layout3 .info,
.contain-product__right-info-layout3 .product-thumb {
  display: table-cell;
  vertical-align: top;
}

.contain-product__right-info-layout3 .product-thumb {
  width: 130px !important;
  padding: 0 !important;
}

.contain-product__right-info-layout3 .info {
  padding-left: 10px;
  padding-top: 6px;
}

.contain-product__right-info-layout3 .info .product-title {
  margin: 0;
  font-size: 18px;
  color: #222222;
  line-height: 1;
  font-weight: 600;
  display: inline-block;
  max-width: calc(100% - 150px);
  padding-top: 2px;
}

.contain-product__right-info-layout3 .info .product-title a {
  color: inherit;
  line-height: inherit;
  font-size: inherit;
  display: inline-block;
}

.contain-product__right-info-layout3 .info .price {
  display: inline-block;
  max-width: 150px;
  text-align: right;
  float: right;
  margin: 0;
}

.contain-product__right-info-layout3 .info .price ins .price-amount {
  font-size: 26px;
}

.contain-product__right-info-layout3 .info .price del {
  margin-left: 13px;
}

.contain-product__right-info-layout3 .info .price del .price-amount {
  font-size: 0.8vw;
}

.contain-product__right-info-layout3 .info .rating {
  display: block;
  margin: 0;
  text-align: left;
}

.contain-product__right-info-layout3 .info .rating {
  margin-top: 7px;
  margin-bottom: 9px;
}

.contain-product__right-info-layout3 .info .rating .review-count {
  display: inline-block;
  font-size: 14px;
  color: #666666;
  line-height: 24px;
  vertical-align: top;
}

.contain-product__right-info-layout3 .info .desc {
  display: block;
  margin: 0;
  color: #666666;
  font-size: 14px;
  line-height: 20px;
  border-top: 1px dashed #666666;
  padding-top: 10px;
}

.contain-product__right-info-layout3 .info .buttons {
  display: block;
  margin: 0;
  font-size: 0;
  line-height: 0;
  padding: 0 0 20px 150px;
  background-color: #ffffff;
}

.contain-product__right-info-layout3 .buttons .btn {
  display: inline-block;
  font-size: 15px;
  line-height: 1px;
  color: #888888;
  text-align: center;
  vertical-align: middle;
  padding: 12px 7px;
  border-radius: 0;
  box-shadow: none;
  outline: none;
}

.contain-product__right-info-layout3 .buttons .btn:hover {
  color: var(--primary-black);
}

.contain-product__right-info-layout3 .buttons .add-to-cart-btn {
  font-size: 14px;
  line-height: 1;
  color: #ffffff;
  text-transform: uppercase;
  border-radius: 9999px;
  font-weight: 700;
  min-width: 168px;
  padding: 16px 15px 15px;
  margin-right: 11px;
}

.contain-product__right-info-layout3 .buttons .add-to-cart-btn:hover {
  color: #ffffff;
  background-color: var(--primary-black);
}

.biolife-banner__style-15,
.biolife-banner__style-01 {
  display: block;
  height: 207px;
  background-image: url(../images/home-03/biolife-banner__style-01.jpg);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  overflow: hidden;
  margin-top: 30px;
}

.biolife-banner__style-01.opt2 {
  background-image: url(../images/home-03/biolife-banner__style-01_opt2.jpg);
  background-position: center right;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  overflow: hidden;
  margin-top: 30px;
}

.biolife-banner__style-15 .bn-link,
.biolife-banner__style-01 .bn-link {
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 3;
}

.biolife-banner__style-15 .text-content,
.biolife-banner__style-01 .text-content {
  display: inline-block;
  position: absolute;
  top: 39px;
  right: 0;
  z-index: 5;
  font-size: 0;
  line-height: 1;
  width: 268px;
}

.biolife-banner__style-15 .text-content .first-line,
.biolife-banner__style-01 .text-content .first-line {
  display: block;
  margin: 0;
  font-size: 15px;
  line-height: 1;
  color: #666666;
  text-transform: uppercase;
}

.biolife-banner__style-15 .text-content .third-line,
.biolife-banner__style-15 .text-content .second-line,
.biolife-banner__style-01 .text-content .third-line,
.biolife-banner__style-01 .text-content .second-line {
  font-size: 30px;
  color: #222222;
  text-transform: uppercase;
  font-weight: 700;
  display: block;
  margin: 7px 0 0;
}

.biolife-banner__style-15 .text-content .third-line,
.biolife-banner__style-01 .text-content .third-line {
  font-family: "Playfair Display", sans-serif;
  text-transform: unset;
  margin-top: -2px;
}

.biolife-banner__style-15 .text-content .fourth-line,
.biolife-banner__style-01 .text-content .fourth-line {
  font-size: 14px;
  color: #666666;
  line-height: 1;
  display: block;
  text-transform: uppercase;
  margin: 14px 0 0;
}

.biolife-banner__style-15 {
  background: url("../images/home-05/bn_style-15.jpg");
  height: 200px;
  background-size: cover;
}

.biolife-banner__style-15 .text-content {
  right: 33px;
}

.biolife-stretch-the-right-background {
  position: relative;
  height: 450px;
}

.biolife-stretch-the-right-background>* {
  position: relative;
  z-index: 5;
}

.biolife-stretch-the-right-background>.bg_underground {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
  background-repeat: no-repeat;
  background-size: cover;
}

.biolife-brd-container {
  text-align: center;
}

.biolife-brd-container img {
  display: inline-block;
}

.style-bottom-info.layout-02 .thumbnail {
  border: none;
  padding: 0;
  margin: 0;
  font-size: 0;
  line-height: 0;
  border-radius: 0;
  position: relative;
}

.style-bottom-info.layout-02 .thumbnail .post-date {
  display: inline-block;
  position: absolute;
  left: 10px;
  top: 9px;
  background-color: #ededed;
  border-radius: 50%;
  min-width: 53px;
  padding: 8px 5px 9px;
  opacity: 1;
  filter: alpha(opacity=100);
  visibility: visible;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

.style-bottom-info.layout-02 .thumbnail .post-date span {
  display: block;
  font-size: 14px;
  color: #ffffff;
  line-height: 18px;
  text-align: center;
  text-transform: uppercase;
  font-weight: 700;
}

.style-bottom-info.layout-02 .post-content .post-name {
  font-weight: 700;
  color: #222222;
  font-size: 22px;
}

.style-bottom-info.layout-02 .post-meta {
  display: block;
  font-size: 0;
  line-height: 0;
  margin: 16px 0 0;
  text-align: center;
}

.style-bottom-info.layout-02 .post-meta__item {
  display: inline-block;
  line-height: 24px;
  font-size: 15px;
}

.style-bottom-info.layout-02 .post-meta__item.author {
  color: #222222;
  font-weight: 600;
  margin-right: 36px;
}

.style-bottom-info.layout-02 .post-meta__item.btn {
  font-size: 14px;
  line-height: 24px;
  color: #666666;
  padding: 0;
  vertical-align: inherit;
  margin-right: 8px;
}

.style-bottom-info.layout-02 .post-meta__item.author img {
  display: inline-block;
  font-size: 0;
  line-height: 0;
  margin-right: 8px;
}

.style-bottom-info.layout-02 .post-meta__item>.btn {
  font-size: 14px;
  color: #666666;
  padding: 0;
  font-weight: 600;
}

.style-bottom-info.layout-02 .post-meta__item .biolife-icon {
  font-size: 0.8vw;
  margin-left: 6px;
  vertical-align: middle;
}

.style-bottom-info.layout-02 .post-meta__item-social-box {
  font-size: 17px;
  color: #666666;
  position: relative;
}

.style-bottom-info.layout-02 .post-meta__item-social-box .tbn {
  display: inline-block;
}

.style-bottom-info.layout-02 .post-meta__item-social-box ul {
  padding: 0;
  margin: 0;
}

.style-bottom-info.layout-02 .post-meta__item-social-box li {
  list-style: none;
  display: inline-block;
  color: #666666;
  line-height: 1;
}

.style-bottom-info.layout-02 .post-meta__item-social-box li+li {
  margin-left: 5px;
}

.style-bottom-info.layout-02 .post-meta__item-social-box li a {
  color: inherit;
  display: inline-block;
}

.style-bottom-info.layout-02 .post-meta__item-social-box .inner-content {
  display: inline-block;
  position: absolute;
  bottom: 100%;
  left: 50%;
  width: 124px;
  margin-left: -62px;
  background-color: #f0f0f0;
  padding: 5px;
  z-index: 5;
  -webkit-transform: scaleY(0);
  -moz-transform: scaleY(0);
  -ms-transform: scaleY(0);
  -o-transform: scaleY(0);
  transform: scaleY(0);
  -webkit-transition: all 350ms ease;
  -moz-transition: all 350ms ease;
  -o-transition: all 350ms ease;
  transition: all 350ms ease;
  opacity: 0;
  filter: alpha(opacity=0);
  visibility: hidden;
}

.style-bottom-info.layout-02 .post-meta__item-social-box:hover .inner-content {
  -webkit-transform: scaleY(1);
  -moz-transform: scaleY(1);
  -ms-transform: scaleY(1);
  -o-transform: scaleY(1);
  transform: scaleY(1);
  opacity: 1;
  filter: alpha(opacity=100);
  visibility: visible;
}

.style-bottom-info.layout-02 .post-content .excerpt {
  margin-top: 8px;
}

.style-bottom-info.layout-02 .post-content {
  padding-left: 3px;
  padding-right: 3px;
}

.style-bottom-info.layout-02 .group-buttons .btn.readmore {
  background-color: transparent;
  padding: 0;
  border-radius: 0;
  border: none;
}

.style-bottom-info.layout-02 .group-buttons .btn.readmore:hover {
  color: var(--primary-black);
  background-color: transparent;
}

.style-bottom-info.layout-02 .post-content .group-buttons {
  margin-top: 16px;
  margin-bottom: 20px;
}

.style-bottom-info.layout-02.align-left .post-content .post-name {
  margin-top: 13px;
  font-size: 17px;
  line-height: 24px;
}

.style-bottom-info.layout-02.align-left .post-meta {
  text-align: right;
  margin-top: 21px;
}

.style-bottom-info.layout-02.align-left .post-meta__item.author {
  float: left;
}

.style-bottom-info.layout-02.align-left .post-meta__item-social-box .inner-content {
  left: auto;
  right: 1px;
  margin: 0;
}

.style-bottom-info.layout-02.align-left {
  text-align: left;
  padding-bottom: 20px;
}

.style-bottom-info.layout-03 .thumbnail {
  padding: 0;
  display: block;
  margin: 0;
  font-size: 0;
  line-height: 0;
  position: relative;
  overflow: hidden;
  border: none;
  border-radius: 0;
}

.style-bottom-info.layout-03 .thumbnail .post-date {
  display: inline-block;
  position: absolute;
  top: 10px;
  left: 10px;
  min-width: 64px;
  background-color: var(--primary-black);
  border-radius: 50%;
  padding: 13px 5px 12px;
}

.style-bottom-info.layout-03 .thumbnail .post-date span {
  display: block;
  margin: 0;
  color: #f3f3f3;
  font-size: 20px;
  font-weight: 700;
  text-transform: uppercase;
  text-align: center;
  line-height: 1;
}

.style-bottom-info.layout-03 .thumbnail .post-date .month {
  font-size: 13px;
  font-weight: 600;
  margin-top: 6px;
}

.style-bottom-info.layout-03 .post-content {
  background-color: #ffffff;
  display: inline-block;
  width: 100%;
  padding-left: 18px;
  padding-right: 18px;
  padding-bottom: 38px;
}

.style-bottom-info.layout-03 .post-content .post-name {
  margin-top: 17px;
  font-size: 20px;
  line-height: 24px;
  font-weight: 700;
}

.style-bottom-info.layout-03 .post-content .post-meta {
  display: inline-block;
  width: 100%;
  margin-top: 9px;
  border-bottom: 1px solid #e6e6e6;
  padding-bottom: 13px;
}

.style-bottom-info.layout-03 .post-meta .count-number:hover {
  color: #333333;
}

.style-bottom-info.layout-03 .post-meta .count-number:hover .number {
  background-color: #333333 !important;
}

.style-bottom-info.layout-03 .post-meta__item {
  display: inline-block;
  font-size: 14px;
  line-height: 1;
  color: #666666;
  margin: 0;
}

.style-bottom-info.layout-03 .post-meta__item a {
  color: #222222;
}

.style-bottom-info.layout-03 .post-meta .count-number {
  font-size: 15px;
}

.style-bottom-info.layout-03 .post-content .excerpt {
  font-size: 14px;
  margin: 23px 0 0;
}

.style-bottom-info.layout-03 .post-content .group-buttons {
  margin-top: 20px;
}

.style-bottom-info.layout-03 .group-buttons .btn.readmore {
  border: none;
  display: inline-block;
  padding: 0;
  margin: 0;
  border-radius: 0;
  background-color: transparent;
}

.style-bottom-info.layout-03 .group-buttons .btn.readmore:hover {
  border: none;
  background: transparent;
  color: #333333;
}

.biolife-vertical-menu .vertical-category-block>.wrap-menu>.menu {
  padding: 8px 0 15px;
  margin: 0;
}

.biolife-banner__style-14,
.biolife-banner__style-13,
.biolife-banner__style-10,
.biolife-banner__style-09,
.biolife-banner__style-08,
.biolife-banner__style-04,
.biolife-banner__style-03,
.biolife-banner__style-02 {
  display: block;
  font-size: 0;
  line-height: 0;
  overflow: hidden;
  position: relative;
  height: 250px;
  background-color: #c4a8d5;
  background-position: top left;
  background-size: initial;
}

.biolife-banner__style-14 .media,
.biolife-banner__style-13 .media,
.biolife-banner__style-10 .media,
.biolife-banner__style-09 .media,
.biolife-banner__style-08 .media,
.biolife-banner__style-04 .media,
.biolife-banner__style-03 .media,
.biolife-banner__style-02 .media {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 5;
  display: inline-block;
  -webkit-transition: transform 350ms ease;
  -moz-transition: transform 350ms ease;
  -ms-transition: transform 350ms ease;
  -o-transition: transform 350ms ease;
  transition: transform 350ms ease;
}

.biolife-banner__style-14:hover .media,
.biolife-banner__style-13:hover .media,
.biolife-banner__style-10:hover .media,
.biolife-banner__style-09:hover .media,
.biolife-banner__style-08:hover .media,
.biolife-banner__style-04:hover .media,
.biolife-banner__style-03:hover .media,
.biolife-banner__style-02:hover .media {
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -o-transform: scale(1.1);
  transform: scale(1.1);
}

.biolife-banner__style-14::before,
.biolife-banner__style-13::before,
.biolife-banner__style-04::before,
.biolife-banner__style-03::before,
.biolife-banner__style-02::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.2);
  z-index: 2;
  opacity: 0;
  filter: alpha(opacity=0);
  visibility: hidden;
  -webkit-transition: all 350ms ease;
  -moz-transition: all 350ms ease;
  -ms-transition: all 350ms ease;
  -o-transition: all 350ms ease;
  transition: all 350ms ease;
}

.biolife-banner__style-14:hover::before,
.biolife-banner__style-13:hover::before,
.biolife-banner__style-04:hover::before,
.biolife-banner__style-03:hover::before,
.biolife-banner__style-02:hover::before {
  opacity: 1;
  filter: alpha(opacity=100);
  visibility: visible;
}

.biolife-banner__style-14 .text-content,
.biolife-banner__style-13 .text-content,
.biolife-banner__style-10 .text-content,
.biolife-banner__style-09 .text-content,
.biolife-banner__style-08 .text-content,
.biolife-banner__style-04 .text-content,
.biolife-banner__style-03 .text-content,
.biolife-banner__style-02 .text-content {
  position: absolute;
  right: 0;
  top: 0;
  z-index: 8;
  display: inline-block;
  text-align: center;
}

.biolife-banner__style-02 .media {
  top: 13px;
  left: -8px;
}

.biolife-banner__style-13 .text-content,
.biolife-banner__style-08 .text-content,
.biolife-banner__style-02 .text-content {
  width: 187px;
  top: 58px;
}

.biolife-banner__style-13 .text1,
.biolife-banner__style-08 .text1,
.biolife-banner__style-02 .text1 {
  color: #eeeeee;
  font-family: "Playfair Display", sans-serif;
  font-size: 20px;
  line-height: 1;
  display: block;
  margin: 0;
}

.biolife-banner__style-13 .text2,
.biolife-banner__style-08 .text2,
.biolife-banner__style-02 .text2 {
  font-size: 30px;
  line-height: 30px;
  display: block;
  margin: 12px 0 0;
  color: #ffffff;
  text-transform: uppercase;
  font-weight: 700;
}

.biolife-banner__style-13 .text-content {
  right: 20px;
}

.biolife-banner__style-13 .media {
  top: 16px;
  left: 20px;
}

.biolife-banner__style-14,
.biolife-banner__style-03 {
  background-color: #f6919c;
}

.biolife-banner__style-03 .media {
  top: 25px;
  left: -9px;
}

.biolife-banner__style-14 .text-content,
.biolife-banner__style-09 .text-content,
.biolife-banner__style-03 .text-content {
  top: 93px;
  width: 190px;
}

.biolife-banner__style-14 .text3,
.biolife-banner__style-14 .text1,
.biolife-banner__style-09 .text3,
.biolife-banner__style-09 .text1,
.biolife-banner__style-03 .text3,
.biolife-banner__style-03 .text1 {
  font-size: 21px;
  color: #ffffff;
  text-transform: uppercase;
  display: block;
  margin: 0;
  font-weight: 600;
  text-align: center;
  line-height: 1;
  letter-spacing: 1px;
}

.biolife-banner__style-14 .text2,
.biolife-banner__style-09 .text2,
.biolife-banner__style-03 .text2 {
  font-size: 30px;
  line-height: 1;
  font-weight: 700;
  text-transform: uppercase;
  color: #ffffff;
  display: block;
  margin: 10px 0 0;
}

.biolife-banner__style-14 .text3,
.biolife-banner__style-09 .text3,
.biolife-banner__style-03 .text3 {
  margin-top: 7px;
}

.biolife-banner__style-14 .media {
  top: 25px;
  left: 4px;
}

.biolife-banner__style-04 {
  background-color: #f6f1de;
}

.biolife-banner__style-10 .media,
.biolife-banner__style-04 .media {
  top: 22px;
  left: 28px;
}

.biolife-banner__style-10 .text-content,
.biolife-banner__style-04 .text-content {
  width: 207px;
  top: 70px;
}

.biolife-banner__style-10 .text1,
.biolife-banner__style-04 .text1 {
  display: block;
  margin: 0;
  font-size: 28px;
  line-height: 30px;
  color: #000000;
  font-weight: 700;
  text-transform: uppercase;
}

.biolife-banner__style-10 .text2,
.biolife-banner__style-04 .text2 {
  font-size: 18px;
  line-height: 30px;
  color: #000000;
  display: block;
  margin: 2px 0 0;
  text-transform: uppercase;
  font-weight: 600;
}

.biolife-banner__style-10 .text2 span,
.biolife-banner__style-04 .text2 span {
  font-weight: 700;
}

.biolife-banner__style-08,
.biolife-banner__style-09,
.biolife-banner__style-10 {
  background-color: #f0f8eb;
  height: 185px;
}

.biolife-banner__style-10 .media,
.biolife-banner__style-09 .media,
.biolife-banner__style-08 .media {
  top: 0;
  left: 0;
}

.biolife-banner__style-10 .text-content,
.biolife-banner__style-09 .text-content,
.biolife-banner__style-08 .text-content {
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}

.biolife-banner__style-08 .text1,
.biolife-banner__style-09 .text1,
.biolife-banner__style-09 .text3 {
  color: #666666;
}

.biolife-banner__style-08 .text2,
.biolife-banner__style-09 .text2 {
  color: #222222;
}

.biolife-banner__style-10 .text2 span {
  color: #508d00;
}

.biolife-banner__style-05,
.biolife-banner__style-06,
.biolife-banner__style-07 {
  display: block;
  font-size: 0;
  line-height: 0;
}

.biolife-banner__style-05 .banner-contain,
.biolife-banner__style-06 .banner-contain,
.biolife-banner__style-07 .banner-contain {
  position: relative;
  height: 230px;
  background-color: #f0f8eb;
  display: block;
}

.biolife-banner__style-06 .banner-contain {
  background-color: #f6f1de;
}

.biolife-banner__style-07 .banner-contain {
  background-color: #edf5fd;
}

.biolife-banner__style-05 .media,
.biolife-banner__style-06 .media,
.biolife-banner__style-07 .media {
  font-size: 0;
  display: inline-block;
  padding: 0;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
}

.biolife-banner__style-05 .btn-shopnow,
.biolife-banner__style-06 .btn-shopnow,
.biolife-banner__style-07 .btn-shopnow {
  display: inline-block;
  font-size: 14px;
  line-height: 1;
  color: #ffffff;
  min-width: 125px;
  text-align: center;
  border-radius: 999px;
  border: none;
  font-weight: 700;
  text-transform: uppercase;
  padding: 12px 10px 11px;
  margin: 12px 0 0;
}

.biolife-banner__style-05 .btn-shopnow:hover,
.biolife-banner__style-06 .btn-shopnow:hover,
.biolife-banner__style-07 .btn-shopnow:hover {
  background-color: var(--primary-black);
}

.biolife-banner__style-05 .text-content,
.biolife-banner__style-06 .text-content,
.biolife-banner__style-07 .text-content {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 2;
  text-align: left;
}

.biolife-banner__style-05 .text-content {
  max-width: 156px;
  padding-top: 50px;
}

.biolife-banner__style-05 .text-content .text1 {
  font-size: 20px;
  line-height: 24px;
  color: #222222;
  font-weight: 700;
  text-align: left;
  display: block;
  margin: 0;
  text-transform: uppercase;
}

.biolife-banner__style-07 .text-content .text-pr,
.biolife-banner__style-06 .text-content .text-pr,
.biolife-banner__style-05 .text-content .text-pr {
  display: block;
  margin: 6px 0 0;
  font-size: 24px;
  line-height: 24px;
  color: #222222;
  font-weight: 700;
}

.biolife-banner__style-07 .text-content .text-pr span,
.biolife-banner__style-06 .text-content .text-pr span,
.biolife-banner__style-05 .text-content .text-pr span {
  font-size: 14px;
  color: #666666;
  display: inline-block;
  font-weight: 400;
  margin-right: 4px;
}

.biolife-banner__style-05.layout-02 .text1 {
  font-size: 0.8vw;
  line-height: 22px;
}

.biolife-banner__style-05.layout-02 .text-content {
  max-width: 129px;
}

.biolife-banner__style-06.layout-02 .btn-shopnow,
.biolife-banner__style-05.layout-02 .btn-shopnow {
  color: #222222;
  min-width: 118px;
}

.biolife-banner__style-06.layout-02 .btn-shopnow:hover,
.biolife-banner__style-05.layout-02 .btn-shopnow:hover {
  color: #ffffff;
}

.biolife-banner__style-06 .text-content {
  width: 154px;
  padding-top: 45px;
}

.biolife-banner__style-06 .text-content .text2,
.biolife-banner__style-06 .text-content .text1 {
  display: block;
  margin: 0;
  font-size: 14px;
  line-height: 24px;
  color: #000000;
  font-weight: 700;
  text-transform: uppercase;
}

.biolife-banner__style-06 .text-content .text2 {
  font-size: 24px;
  margin-top: -3px;
  margin-bottom: 7px;
}

.biolife-banner__style-06.layout-02 .text-content {
  width: 124px;
}

.biolife-banner__style-07 .text-content {
  width: 154px;
  padding-top: 49px;
}

.biolife-banner__style-07 .text-content .text1 {
  font-size: 26px;
  line-height: 24px;
  color: #000000;
  text-transform: uppercase;
  font-weight: 700;
  display: block;
  margin: 0;
  letter-spacing: 3px;
}

.biolife-banner__style-07 .text-content .text2 {
  font-size: 0.8vw;
  line-height: 24px;
  color: #666666;
  text-transform: uppercase;
  font-weight: 400;
  display: block;
  margin: 0;
}

.biolife-cat-box-item {
  display: block;
  font-size: 0;
  line-height: 0;
  overflow: hidden;
  text-align: center;
}

.biolife-cat-box-item .cat-thumb img {
  width: 100%;
  display: block;
}

.biolife-cat-box-item .cat-info {
  display: inline-block;
  border: 2px solid #e6e6e6;
  position: relative;
  margin-bottom: 10px;
  margin-top: -13px;
  background-color: #ffffff;
}

.biolife-cat-box-item .cat-name {
  font-size: 20px;
  line-height: 1;
  color: #222222;
  text-transform: uppercase;
  font-weight: 700;
  min-width: 164px;
  margin: 0;
  padding: 11px 10px 19px;
}

.biolife-cat-box-item .cat-number {
  font-size: 14px;
  color: #666666;
  font-family: "Playfair Display", sans-serif;
  font-style: italic;
  background-color: #ffffff;
  display: inline-block;
  min-width: 90px;
  line-height: 1;
  position: absolute;
  left: 50%;
  bottom: -6px;
  margin-left: -45px;
}

.products-list__vertical-layout {
  padding: 0;
  margin: 0;
  display: block;
  font-size: 0;
  line-height: 0;
}

.products-list__vertical-layout li {
  list-style: none;
  display: block;
  padding-bottom: 14px;
}

.products-list__vertical-layout li+li {
  padding-top: 15px;
  border-top: 1px solid #e6e6e6;
}

.products-list.vertical-layout-02 {
  display: block;
  clear: both;
  padding: 0;
  margin: 0;
  font-size: 0;
  line-height: 0;
  max-width: 600px;
  background-color: #ffffff;
}

.products-list.vertical-layout-02 li {
  display: block;
  list-style: none;
}

.products-category-box {
  position: relative;
  display: block;
  padding: 43px 100px 31px 40px;
}

.products-category-box .title {
  font-size: 30px;
  color: #222222;
  font-weight: 700;
  display: block;
  margin: 0 0 14px;
}

.grid-twice-item {
  display: block;
  clear: both;
  font-size: 0;
  line-height: 0;
  margin: 0;
  padding: 0;
}

.grid-twice-item>li {
  list-style: none;
  display: inline-block;
  width: calc(50% - 8px);
  float: left;
  margin-left: 16px;
}

.grid-twice-item>li:nth-child(odd) {
  clear: left;
  margin-left: 0;
}

.wrap-category {
  display: block;
  clear: both;
}

.biolife-banner__style-12 .banner-contain,
.biolife-banner__style-11 .banner-contain {
  display: table;
  width: 100%;
}

.biolife-banner__style-12 .banner-contain .media,
.biolife-banner__style-12 .banner-contain .text-content,
.biolife-banner__style-11 .banner-contain .media,
.biolife-banner__style-11 .banner-contain .text-content {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
}

.biolife-banner__style-11 .banner-contain .text-content,
.biolife-banner__style-12 .banner-contain .text-content {
  position: relative;
  background-color: #ff4f63;
  border-color: #ff4f63;
}

.biolife-banner__style-11 .banner-contain .text-content::before,
.biolife-banner__style-12 .banner-contain .text-content::before {
  display: block;
  position: absolute;
  left: -15px;
  top: 50%;
  margin-top: -16px;
  border-right: 16px solid #ff4f63;
  border-color: inherit;
  border-top: 16px solid transparent;
  border-bottom: 16px solid transparent;
  border-left: 0;
  content: "";
}

.biolife-banner__style-11 .banner-contain .text-content {
  background-color: #ffbc53;
  border-color: #ffbc53;
}

.biolife-banner__style-12 .banner-contain .media,
.biolife-banner__style-11 .banner-contain .media {
  width: 296px;
  padding-right: 15px;
}

.biolife-banner__style-12 .banner-contain .media .bn-link,
.biolife-banner__style-11 .banner-contain .media .bn-link {
  display: block;
  overflow: hidden;
}

.biolife-banner__style-11 .text3,
.biolife-banner__style-11 .text1 {
  font-size: 26px;
  font-weight: 600;
  color: #eeeeee;
  display: block;
  margin: 0;
  line-height: 1;
  text-transform: uppercase;
}

.biolife-banner__style-11 .text2 {
  font-size: 35px;
  display: block;
  line-height: 1;
  margin: 4px 0 3px;
  text-transform: uppercase;
  color: #ffffff;
  font-weight: 700;
}

.biolife-banner__style-11 .text4 {
  color: #ffffff;
  font-size: 37px;
  text-transform: uppercase;
  display: block;
  margin: 17px 0 0;
  line-height: 1;
  font-weight: 700;
}

.biolife-banner__style-11 .text4 span {
  font-size: 50px;
}

.biolife-banner__style-12 .btn,
.biolife-banner__style-11 .btn {
  min-width: 148px;
  font-size: 15px;
  font-weight: 700;
  color: #ffffff;
  text-transform: uppercase;
  text-align: center;
  outline: none;
  margin-top: 24px;
}

.biolife-banner__style-11 .btn.btn-bold:not(:hover),
.biolife-banner__style-12 .btn.btn-bold:not(:hover) {
  background-color: #7faf51;
}

.biolife-banner__style-11 .btn.btn-bold,
.biolife-banner__style-12 .btn.btn-bold {
  margin-top: 26px;
}

.biolife-banner__style-12 .btn:hover,
.biolife-banner__style-11 .btn:hover {
  background-color: var(--primary-black) !important;
  border-color: var(--primary-black) !important;
}

.biolife-banner__style-12 .text1 {
  font-size: 20px;
  color: #ffffff;
  display: block;
  margin: 0;
  line-height: 1;
  font-family: "Playfair Display", sans-serif;
}

.biolife-banner__style-12 .text2 {
  font-size: 30px;
  color: #ffffff;
  display: block;
  margin: 11px 0 0;
  line-height: 30px;
  text-transform: uppercase;
  font-weight: 700;
  padding: 0 40px;
}

#sidebar.mobile-version .sidebar-contain>div {
  clear: both;
}

#sidebar.mobile-version .sidebar-contain {
  max-width: 100%;
}

.instagram-block {
  display: block;
  position: relative;
  margin-top: 35px;
}

.instagram-block ul {
  padding: 0;
  display: block;
  margin: -6px;
  font-size: 0;
  line-height: 0;
}

.instagram-block ul li {
  list-style: none;
  display: inline-block;
  width: 33.333333%;
  padding: 6px;
}

.instagram-block ul li a,
.instagram-block ul li img {
  display: block;
  width: 100%;
}

.instagram-block .txt-infront {
  display: inline-block;
  position: absolute;
  top: 50%;
  left: 50%;
  background-color: rgba(255, 255, 255, 0.88);
  text-align: center;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  min-width: 149px;
  padding-top: 24px;
  padding-bottom: 29px;
  -webkit-transition: all 700ms ease;
  -moz-transition: all 700ms ease;
  -ms-transition: all 700ms ease;
  -o-transition: all 700ms ease;
  transition: all 700ms ease;
  opacity: 1;
  filter: alpha(opacity=100);
  visibility: visible;
}

.instagram-block .txt-infront .title {
  font-size: 18px;
  line-height: 1;
  color: #222222;
  text-transform: uppercase;
  display: block;
  margin: 0;
  text-align: center;
  font-weight: 600;
}

.instagram-block .txt-infront .ac-name {
  display: block;
  margin: 3px 0 0;
  font-size: 14px;
  line-height: 1;
  color: #888888;
  text-align: center;
  text-transform: uppercase;
  font-weight: 600;
}

.instagram-block:hover .txt-infront {
  opacity: 0;
  filter: alpha(opacity=0);
  visibility: hidden;
}

.footer-midle-pst {
  display: block;
  clear: both;
  border-top: 1px solid #e6e6e6;
  padding-top: 38px;
  margin-top: 50px;
  padding-bottom: 35px;
}

.footer-midle-pst .announce-text {
  display: block;
  margin: 15px 0 0;
  font-size: 14px;
  line-height: 20px;
  color: #666666;
  text-align: center;
}

.footer.layout-01 .footer-midle-pst {
  padding-top: 26px;
  padding-bottom: 26px;
  margin-top: 31px;
}

.biolife-gird-banners {
  display: block;
  font-size: 0;
  line-height: 0;
  clear: both;
}

.biolife-gird-banners .grid-panel {
  display: table;
  width: 100%;
}

.biolife-gird-banners .grid-panel .grid-panel-item {
  display: table-cell;
  vertical-align: top;
}

.biolife-gird-banners .grid-panel-item.left-content {
  width: 33.59375%;
}

.biolife-gird-banners .grid-panel-item.right-content {
  width: 24.7395833333%;
}

.biolife-gird-banners .grid-panel .list-media {
  padding: 0;
  display: block;
  margin: 0;
}

.biolife-gird-banners .grid-panel .list-media li {
  list-style: none;
  display: inline-block;
  width: 50%;
}

.biolife-banner__grid {
  display: inline-block;
  width: 100%;
  position: relative;
}

.biolife-banner__grid .banner-contain {
  position: absolute;
  z-index: 1;
  bottom: 40px;
  display: block;
  left: 0;
  right: 0;
  text-align: center;
}

.biolife-banner__grid .banner-contain .cat-name {
  font-size: 26px;
  font-weight: 600;
  line-height: 1;
  color: #222222;
  letter-spacing: 1px;
  display: inline-block;
  margin: 0;
  position: relative;
  -webkit-transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  transition: all 500ms ease;
}

.biolife-banner__grid:not(.type-02) .banner-contain .cat-name::before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  bottom: -4px;
  height: 1px;
  background-color: #f7f7f7;
  -webkit-transition: transform 500ms ease;
  -moz-transition: transform 500ms ease;
  -ms-transition: transform 500ms ease;
  -o-transition: transform 500ms ease;
  transition: transform 500ms ease;
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  -ms-transform: scale(0);
  -o-transform: scale(0);
  transform: scale(0);
}

.biolife-banner__grid:not(.type-02):hover .banner-contain .cat-name::before {
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
}

.biolife-banner__grid .media-contain {
  display: inline-block;
  height: 375px;
  width: 100%;
  background-image: url("../images/home-02/banner-grid-02.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center top;
}

.biolife-banner__grid .media-contain.media-01 {
  background-image: url("../images/home-02/banner-grid-01.jpg");
  height: 750px;
}

.biolife-banner__grid .media-contain.media-03 {
  background-image: url("../images/home-02/banner-grid-03.jpg");
}

.biolife-banner__grid .media-contain.media-04 {
  background-image: url("../images/home-02/banner-grid-04.jpg");
}

.biolife-banner__grid .media-contain.media-05 {
  background-image: url("../images/home-02/banner-grid-05.jpg");
}

.biolife-banner__grid .media-contain.media-06 {
  background-image: url("../images/home-02/banner-grid-06.jpg");
  height: 750px;
  background-position: center center;
}

.biolife-banner__grid.type-02 .banner-contain {
  bottom: 8px;
}

.biolife-banner__grid.type-02 .banner-contain .cat-name {
  width: 100%;
  color: #ffffff;
  max-width: 314px;
  padding: 21px 15px 32px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url(../images/home-01/bn_grid_01.png);
}

.biolife-banner__grid.type-02.bn-elm-02 .banner-contain .cat-name {
  background-image: url(../images/home-01/bn_grid_02.png);
}

.biolife-banner__grid.type-02.bn-elm-03 .banner-contain .cat-name {
  background-image: url(../images/home-01/bn_grid_03.png);
}

.biolife-banner__grid.type-02.bn-elm-04 .banner-contain .cat-name {
  background-image: url(../images/home-01/bn_grid_04.png);
}

.biolife-banner__grid.type-02.bn-elm-05 .banner-contain .cat-name {
  background-image: url(../images/home-01/bn_grid_05.png);
}

.biolife-banner__grid.type-02.bn-elm-06 .banner-contain .cat-name {
  background-image: url(../images/home-01/bn_grid_06.png);
}

.biolife-banner__detail-product .text-content {
  padding-top: 26.9%;
}

.biolife-banner__detail-product .head-info h3 {
  display: block;
  margin: 0;
  font-size: 35px;
  line-height: 1;
  color: #222222;
  font-weight: 600;
}

.biolife-banner__detail-product .head-info .text2 {
  margin-top: -1px;
}

.biolife-banner__detail-product .head-info h3 i {
  font-size: 40px;
  font-family: "Playfair Display", sans-serif;
  font-weight: 700;
}

.biolife-banner__detail-product .midle-info {
  padding-top: 21px;
}

.biolife-banner__detail-product .midle-info .pr-desc {
  font-size: 15px;
  line-height: 24px;
  color: #666666;
  display: block;
  margin: 0;
  max-width: 400px;
}

.biolife-banner__detail-product .midle-info .pr-atts {
  display: block;
  padding: 0;
  font-size: 0;
  line-height: 0;
  max-width: 372px;
  margin: 30px 0 0;
}

.biolife-banner__detail-product .midle-info .pr-atts li {
  display: inline-block;
  list-style: none;
  width: calc(50% - 15px);
  margin-bottom: 24px;
}

.biolife-banner__detail-product .midle-info .pr-atts li:nth-child(odd) {
  margin-right: 30px;
  clear: both;
}

.biolife-banner__detail-product .bottom-info {
  margin-top: 14px;
  font-size: 0;
}

.biolife-banner__detail-product .bottom-info .btn {
  min-width: 197px;
  padding: 14px 10px 13px;
  margin-right: 15px;
}

.biolife-banner__detail-product .bottom-info .btn-thin {
  min-width: 157px;
  border: 2px solid #e6e6e6;
  padding: 12px 10px 11px;
  margin-right: 0;
}

.biolife-banner__detail-product .bottom-info .btn-thin:hover {
  background-color: var(--primary-black);
  border-color: var(--primary-black);
}

.bn-atts-item {
  display: inline-block;
  width: 100%;
  font-size: 0;
  line-height: 0;
  max-width: 158px;
}

.bn-atts-item .title {
  display: block;
  font-size: 0.8vw;
  line-height: 1;
  color: #333333;
  margin: 0 0 8px;
  font-weight: 400;
  border-bottom: 1px dashed rgba(102, 102, 102, 0.5);
  text-transform: capitalize;
  padding-bottom: 7px;
}

.bn-atts-item .content {
  font-size: 14px;
  color: #666666;
  line-height: 1;
  display: block;
  margin: 0;
}

.biolife-twitter-wrap {
  margin-top: 2px;
}

.biolife-twitter-wrap .tweet-list {
  padding: 0;
  font-size: 0;
  line-height: 0;
  margin: 0;
}

.biolife-twitter-wrap .tweet-list li {
  list-style: none;
  display: block;
}

.biolife-twitter-wrap .slick-slide .row-item+.row-item,
.biolife-twitter-wrap .tweet-list li+li {
  border-top: 1px solid #e6e6e6;
}

.biolife-twitter-wrap .slick-slide .row-item+.row-item .biolife-tweet-item,
.biolife-twitter-wrap .tweet-list li+li .biolife-tweet-item {
  padding-top: 29px;
}

.biolife-tweet-item {
  display: block;
  padding-right: 15px;
  padding-bottom: 17px;
}

.biolife-tweet-item .tw-head {
  display: table;
  width: 100%;
}

.biolife-tweet-item .tw-head .acc-info,
.biolife-tweet-item .tw-head .icon {
  display: table-cell;
  vertical-align: middle;
  padding: 0;
  margin: 0;
  border: none;
}

.biolife-tweet-item .tw-head .icon {
  width: 44px;
  padding-top: 1px;
}

.biolife-tweet-item .tw-head .icon i {
  font-size: 20px;
  color: #ffffff;
  line-height: 1;
  background-color: #aaaaaa;
  padding: 12px 10px;
  width: 44px;
  text-align: center;
  border-radius: 50%;
}

.biolife-tweet-item .tw-head .acc-info p {
  margin: 0;
  font-size: 18px;
  color: #222222;
  display: block;
  line-height: 20px;
}

.biolife-tweet-item .tw-head .acc-info p.tag {
  font-size: 0.8vw;
  color: #666666;
}

.biolife-tweet-item .tw-head .acc-info {
  padding-left: 10px;
}

.biolife-tweet-item .tw-content .message {
  color: #666666;
  font-size: 14px;
  line-height: 20px;
  display: block;
  margin: 10px 0 0;
}

.biolife-tweet-item .tw-content .message .link-bold {
  display: block;
  font-size: 0.8vw;
}

.biolife-tweet-item .tw-content .message .link-bold:hover {
  color: var(--primary-black);
}

.biolife-tweet-item .tw-content .time {
  display: block;
  margin: 0;
  font-size: 15px;
  line-height: 24px;
  color: var(--primary-black);
}

.biolife-instagram-block .wrap-title {
  display: block;
  text-align: center;
  margin-bottom: 35px;
}

.biolife-instagram-block .wrap-title .subtitle {
  display: block;
  margin: 0;
  font-size: 15px;
  color: #666666;
  font-family: "Playfair Display", sans-serif;
  line-height: 1;
}

.biolife-instagram-block .wrap-title .title {
  display: block;
  margin: 6px 0 0;
  font-size: 40px;
  line-height: 1;
  font-weight: 700;
  color: #222222;
}

.instagram-ltl-item {
  display: inline-block;
  font-size: 0;
  line-height: 0;
  overflow: hidden;
  position: relative;
}

.instagram-ltl-item .link-to {
  display: inline-block;
}

.instagram-ltl-item .link-to .show-on-hover {
  display: inline-block;
  font-size: 28px;
  line-height: 50px;
  color: #fafafa;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-top: -25px;
  margin-left: -25px;
  -webkit-transform: scale(3);
  -moz-transform: scale(3);
  -ms-transform: scale(3);
  -o-transform: scale(3);
  transform: scale(3);
  z-index: 2;
  width: 50px;
  background-color: rgba(255, 255, 255, 0.2);
  vertical-align: middle;
  text-align: center;
  border-radius: 50%;
  opacity: 0;
  filter: alpha(opacity=0);
  visibility: hidden;
  -webkit-transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  transition: all 500ms ease;
}

.instagram-ltl-item:hover .link-to .show-on-hover {
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
  opacity: 1;
  filter: alpha(opacity=100);
  visibility: visible;
}

.instagram-ltl-item .link-to::after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 1;
  opacity: 0;
  filter: alpha(opacity=0);
  visibility: hidden;
  -webkit-transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  transition: all 500ms ease;
}

.instagram-ltl-item:hover .link-to::after {
  opacity: 1;
  filter: alpha(opacity=100);
  visibility: visible;
}

.instagram-inline-wrap {
  font-size: 0;
  line-height: 0;
}

.biolife-popup .modal-content {
  -webkit-box-shadow: none;
  box-shadow: none;
  border-radius: 0;
  border: 0;
}

.biolife-popup .modal-body {
  padding: 0;
}

.mobile-search-content .form-search>.btn-close,
.biolife-popup .modal-body>.close {
  position: absolute;
  top: 10px;
  right: 10px;
  display: inline-block;
  line-height: 0;
  font-size: 17px;
  color: #666666;
  z-index: 2;
  opacity: 1;
  filter: alpha(opacity=100);
}

.mobile-search-content .form-search>.btn-close {
  top: -38px;
  right: -37px;
  font-size: 14px;
  padding: 6px;
}

.biolife-popup .modal-body>.close:hover {
  color: #d00023;
  opacity: 1;
  filter: alpha(opacity=100);
}

.biolife-quickview-block {
  display: inline-block;
  position: fixed;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  margin-top: 30px;
  visibility: hidden;
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transition: all 450ms ease;
  -moz-transition: all 450ms ease;
  -ms-transition: all 450ms ease;
  -o-transition: all 450ms ease;
  transition: all 450ms ease;
  z-index: 1000;
  font-size: 0;
  line-height: 0;
}

body.open-quickview-block .biolife-quickview-block {
  visibility: visible;
  opacity: 1;
  filter: alpha(opacity=100);
  margin-top: 0;
}

.biolife-quickview-block .quickview-container {
  display: inline-block;
  font-size: 0;
  line-height: 0;
  width: 830px;
  background-color: #ffffff;
  margin: 0;
  padding: 0;
  position: relative;
}

.biolife-quickview-block .quickview-container .btn-close-quickview {
  position: absolute;
  top: 10px;
  right: 10px;
  display: inline-block;
  line-height: 0;
  font-size: 17px;
  color: #666666;
  z-index: 2;
  opacity: 1;
  filter: alpha(opacity=100);
}

.quickview-container .biolife-quickview-inner {
  display: table;
  width: 100%;
  padding: 10px 30px 20px 10px;
  table-layout: fixed;
}

.biolife-quickview-inner .media,
.biolife-quickview-inner .product-attribute {
  display: table-cell;
  vertical-align: top;
}

.biolife-quickview-inner .product-attribute {
  padding-left: 20px;
}

.biolife-quickview-inner .media {
  width: 45.6790123457%;
}

.biolife-quickview-inner .product-attribute .title {
  font-size: 20px;
  display: block;
  margin: 19px 0 6px;
  color: #222222;
  font-weight: 600;
}

.biolife-quickview-inner .product-attribute .title a {
  color: inherit;
  display: inline-block;
}

.biolife-quickview-inner .product-attribute .rating .star-rating>span::before,
.biolife-quickview-inner .product-attribute .rating .star-rating::before {
  font-size: 14px;
}

.biolife-quickview-inner .price-contain {
  margin-top: 10px;
}

.biolife-quickview-inner .price-contain .price-amount {
  font-size: 0.8vw;
}

.biolife-quickview-inner .price-contain ins .price-amount {
  font-size: 24px;
}

.biolife-quickview-inner .product-attribute .excerpt {
  font-size: 15px;
  line-height: 24px;
  color: #666666;
  display: block;
  margin: 18px 0 0;
}

.biolife-quickview-inner .from-cart {
  margin-top: 33px;
  display: block;
  clear: both;
}

.biolife-quickview-inner .from-cart .buttons,
.biolife-quickview-inner .from-cart .qty-input {
  display: inline-block;
  font-size: 0;
  line-height: 0;
  vertical-align: top;
}

.biolife-quickview-inner .qty-input input {
  display: inline-block;
  width: 44px;
  text-align: center;
  border-top: 2px solid #e6e6e6;
  border-bottom: 2px solid #e6e6e6;
  border-left: 0;
  border-right: 0;
  background-color: #ffffff;
  color: #222222;
  font-size: 18px;
  font-weight: 600;
  padding: 5px;
  line-height: 1;
  height: 41px;
}

.biolife-quickview-inner .qty-input .qty-btn {
  display: inline-block;
  text-align: center;
  background-color: #ffffff;
  border: 2px solid #e6e6e6;
  position: relative;
  width: 27px;
  height: 41px;
  vertical-align: top;
  border-top-right-radius: 999px;
  border-bottom-right-radius: 999px;
}

.biolife-quickview-inner .qty-input .btn-down {
  float: left;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-top-left-radius: 999px;
  border-bottom-left-radius: 999px;
}

.biolife-quickview-inner .qty-input .qty-btn::after,
.biolife-quickview-inner .qty-input .qty-btn::before {
  content: "";
  display: block;
  background-color: #7f7f7f;
  position: absolute;
  top: 50%;
  left: 8px;
  width: 10px;
  height: 2px;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}

.biolife-quickview-inner .qty-input .btn-up::before {
  left: 6px;
}

.biolife-quickview-inner .qty-input .btn-up::after {
  height: 10px;
  width: 2px;
  left: 10px;
}

.biolife-quickview-inner .qty-input .qty-btn:hover::after,
.biolife-quickview-inner .qty-input .qty-btn:hover::before {
  background-color: #000000;
}

.biolife-quickview-inner .buttons .add-to-cart-btn {
  padding: 11px 15px 10px;
  min-width: 218px;
  margin-left: 20px;
}

.biolife-quickview-inner .product-meta .product-atts {
  display: block;
  padding: 20px 0 23px;
  margin: 0 0 17px;
  border-bottom: 1px solid #e6e6e6;
}

.biolife-quickview-inner .product-atts .product-atts-item {
  display: block;
  font-size: 14px;
  line-height: 24px;
  color: #222222;
}

.biolife-quickview-inner .product-atts-item .meta-title {
  display: inline-block;
  font-weight: 400;
}

.biolife-quickview-inner .product-atts-item .meta-list {
  display: inline-block;
  margin: 0;
  padding: 0;
}

.biolife-quickview-inner .product-atts-item .meta-list li {
  list-style: none;
  display: inline-block;
}

.biolife-quickview-inner .product-atts-item .meta-list li:not(:last-child) a::after {
  content: ",";
}

.biolife-quickview-inner .product-atts-item .meta-list li a {
  color: #666666;
}

.biolife-quickview-inner .product-meta .sku {
  font-size: 14px;
  color: #333333;
  display: block;
  margin: 0;
  line-height: 1;
}

.biolife-quickview-block .quickview-nav img {
  display: inline-block;
  border-width: 0;
}

.biolife-quickview-block .quickview-nav li.slick-current img {
  border: 2px solid #ededed;
}

.biolife-quickview-inner .media .quickview-nav {
  width: 230px;
  margin-left: 10px;
  margin-top: 10px;
  position: relative;
}

.biolife-quickview-inner .quickview-nav .slick-arrow {
  font-size: 0;
  line-height: 0;
  display: inline-block;
  padding: 0;
  margin: 0;
  position: absolute;
  left: -10px;
  top: 50%;
  margin-top: -8px;
}

.biolife-quickview-inner .quickview-nav .slick-arrow.next {
  left: auto;
  right: -11px;
}

.biolife-quickview-inner .quickview-nav .slick-arrow::before {
  content: "\f104";
  font-family: "FontAwesome", sans-serif;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  font-size: 18px;
  line-height: 14px;
  color: #666666;
  width: 11px;
  text-align: left;
}

.biolife-quickview-inner .quickview-nav .slick-arrow.next::before {
  text-align: right;
  content: "\f105";
}

.contain-product.layout-default .slide-down-box .buttons .add-to-cart-btn i {
  display: none;
}

.background-fafafa {
  background-color: #fafafa;
}

.z-index-20 {
  z-index: 20;
  position: relative;
}

.biolife-wrap-map {
  width: 100%;
  display: block;
  clear: both;
}

.biolife-wrap-map iframe {
  width: 100%;
}

.banner-promotion-01 {
  line-height: 0;
  font-size: 0;
  display: inline-block;
  width: 100%;
}

.top-banner-menu {
  text-align: center;
  margin: 8px 0 30px;
}

.mobile-menu-toggle {
  line-height: 0;
  display: none !important;
}

.mobile-menu-toggle span {
  display: inline-block;
  width: 30px;
  height: 2px;
  background-color: #333333;
  float: left;
  clear: left;
}

.header-area.layout-02 .mobile-menu-toggle span {
  background-color: #ffffff;
}

.mobile-menu-toggle span+span {
  margin-top: 5px;
}

.mobile-menu-toggle>a {
  display: inline-block;
}

.header-area.layout-01 .mobile-menu-toggle>a {
  padding: 15px 0;
}

.minicart-block.layout-02 .span-index .qty {
  display: none;
}

.page-404 {
  background-image: url(../images/404-bg.jpg);
  background-position: center center;
  margin-top: 15px;
}

.content-404 {
  max-width: 570px;
  padding: 100px 0 130px;
  display: block;
  text-align: center;
}

.content-404 .heading {
  font-size: 90px;
  font-weight: 700;
  margin-bottom: 13px;
  color: var(--primary-red);
}

.content-404 .title {
  font-size: 36px;
  font-weight: 700;
  margin-bottom: 20px;
  color: #222222;
}

.content-404 p {
  color: #666;
  margin-bottom: 45px;
  font-size: 0.8vw;
}

.content-404 .button {
  display: inline-block;
  font-size: 15px;
  color: #fff;
  font-weight: 700;
  padding: 10px 25px;
  border: none;
  -webkit-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  border-radius: 30px;
}

.content-404 .button:before {
  font-family: "FontAwesome";
  content: "\f104";
  display: inline-block;
  width: 0;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  opacity: 0;
  text-align: left;
}

.sumary-product .product-attribute .price+div:not(.product-atts):not(.no-border-top) {
  border-top: 1px solid #e6e6e6;
  margin-top: 20px;
  padding-top: 20px;
}

.sumary-product .product-attribute .price ins+ins::before {
  content: "-";
  display: inline-block;
  font-size: 22px;
  font-weight: 700;
  color: #111111;
  padding-left: 5px;
  padding-right: 5px;
}

.grouped-product-list {
  margin-top: 30px;
  margin-bottom: 30px;
}

.grouped-product-list-item__label a:not(:hover) {
  color: #333333;
}

.grouped-product-list-item__label a {
  font-size: 15px;
  font-weight: 600;
  line-height: 18px;
  display: inline-block;
}

.quantity-box.type2 .qty-input input {
  width: 85px;
  font-size: 0.8vw;
  background-color: #fafafa;
  border: 1px solid #f0f0f0;
  font-weight: 600;
}

.sumary-product .product-attribute .grouped-product-list-item__price .price {
  margin-top: 0;
}

.sumary-product .product-attribute .grouped-product-list-item__price .price ins .price-amount {
  font-size: 17px;
  font-weight: 700;
  color: #333333;
}

.sumary-product .product-attribute .grouped-product-list-item__price .price del {
  display: block;
  margin: 0;
}

.sumary-product .product-attribute .grouped-product-list-item__price .price del .price-amount {
  font-size: 0.8vw;
}

.sumary-product .action-form .buttons.external-btn {
  border-top: 0;
  padding-top: 0;
}

.sumary-product .biolife-countdown {
  text-align: left;
  margin-bottom: 25px;
  border-bottom: 1px solid #e6e6e6;
  padding-bottom: 25px;
  padding-top: 25px;
}

@media (max-width: 1699px) {

  .biolife-banner__promotion6 .media .img-moving.position-2,
  .biolife-banner__promotion5 .media .position-2 {
    display: none;
  }

  .biolife-banner__promotion6 .banner-contain .text-content {
    padding: 15px;
    margin-left: 0;
    background-color: rgba(0, 0, 0, 0.2);
  }
}

@media (max-width: 1199px) {
  .biolife-banner__special .text-content .first-line {
    font-size: 36px;
  }

  .biolife-banner__special .text-content .second-line {
    font-size: 32px;
    margin-bottom: 15px;
  }

  .biolife-banner__special .text-content .third-line i,
  .biolife-banner__special .text-content .third-line {
    font-size: 32px;
  }

  .biolife-banner__special .product-detail .price-contain ins .price-amount {
    font-size: 22px;
  }

  .header-area.layout-03 .live-info {
    display: none;
  }

  .biolife-gird-banners .grid-panel-item.left-content,
  .biolife-gird-banners .grid-panel-item.right-content {
    width: 25%;
  }

  .contain-product__right-info-layout3 {
    padding: 0;
  }

  .contain-product__right-info-layout3 .info .buttons {
    padding: 0;
    padding-top: 20px;
  }

  .products-list.vertical-layout-02 {
    max-width: 100%;
  }

  .biolife-banner__special-03 .banner-contain {
    background: none;
  }

  .biolife-banner__special-02 .banner-contain {
    display: table;
  }

  .biolife-banner__special-02 .banner-contain .thumb,
  .biolife-banner__special-02 .banner-contain .text-content {
    display: table-cell;
    vertical-align: middle;
  }

  .biolife-banner__special-02 .text-content {
    position: static;
    width: 355px;
    margin: 0;
  }

  .biolife-banner__special-02 .text-content .text01 {
    font-size: 45px;
    margin-bottom: 5px;
    color: #888888;
    opacity: 1;
    filter: alpha(opacity=100);
  }

  .biolife-banner__special-02 .text-content .text02 {
    font-size: 35px;
  }

  .biolife-banner__special-02 .text-content .text04,
  .biolife-banner__special-02 .text-content .text03 {
    font-size: 28px;
  }

  .biolife-banner__special-02 .text-content .text04 i {
    font-size: 32px;
  }

  .biolife-banner__special-02 .product-detail {
    margin-top: 30px;
  }

  .header-area.layout-01 .header-top {
    margin-top: 18px;
  }

  .newsletter-block.layout-04 .wrap-title .texts {
    text-align: left;
  }

  .newsletter-block.layout-04 {
    padding-left: 0;
    text-align: center;
    padding-bottom: 15px;
  }

  .newsletter-block.layout-04 .wrap-title {
    margin-right: 0;
    width: 100%;
    text-align: center;
    margin-bottom: 15px;
  }

  .header-area.layout-02 .biolife-cart-info .minicart-contain a>.sub-total,
  .header-area.layout-02 .biolife-cart-info .minicart-contain a>.title {
    display: none;
  }

  .header-area .biolife-cart-info .login-item {
    vertical-align: top;
  }

  .header-area .biolife-cart-info .login-item .login-link {
    font-size: 0;
  }

  .products-category-box {
    padding: 0;
    height: auto;
  }

  .products-category-box .title {
    margin-bottom: 40px;
  }

  .biolife-stretch-the-right-background>.bg_underground {
    display: none;
  }

  .header-top .top-bar .social-list {
    display: none;
  }

  .biolife-title-box__bold-style.mobile-tiny .title {
    font-size: 22px;
  }

  .biolife-title-box.link-all .main-title {
    font-size: 26px;
  }

  .biolife-title-box.link-all .blog-link {
    display: none;
  }

  .biolife-banner__style-04 .text-content,
  .biolife-banner__style-03 .text-content,
  .biolife-banner__style-02 .text-content {
    width: calc(100% - 30px);
    top: 50%;
    left: 0;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    display: inline-block;
    margin-left: 15px;
    background-color: rgba(255, 255, 255, 0.8);
    padding: 20px 10px;
    min-height: 162px;
    vertical-align: middle;
  }

  .biolife-banner__style-02 .text1,
  .biolife-banner__style-02 .text2,
  .biolife-banner__style-03 .text1,
  .biolife-banner__style-03 .text2,
  .biolife-banner__style-03 .text3 {
    color: #000000;
  }

  .biolife-banner__promotion2 .text-content .btn-thin {
    border-color: #d6d6d6;
  }

  .biolife-banner__promotion2 .text-content {
    z-index: 15;
    position: relative;
    padding: 20px 15px;
    background-color: rgba(255, 255, 255, 0.6);
    box-shadow: 0 0 7px 0 rgba(130, 130, 130, 0.2);
    border-radius: 2px;
  }

  .biolife-banner__promotion3 .media,
  .biolife-banner__promotion .media {
    display: none;
  }

  .biolife-service__type01 .txt-show-01 {
    font-size: 100px;
    line-height: 220px;
  }

  .biolife-service__type01 .txt-show-02 {
    font-size: 50px;
    top: 30px;
  }

  .biolife-carousel.dots_ring_style .slick-dots {
    bottom: 0;
    right: 50%;
    -webkit-transform: translateX(50%);
    -moz-transform: translateX(50%);
    -ms-transform: translateX(50%);
    -o-transform: translateX(50%);
    transform: translateX(50%);
  }

  .post-item.style-bottom-info .post-content {
    padding-left: 0;
    padding-right: 0;
  }

  .welcome-us-block {
    text-align: center;
    height: auto;
    padding-bottom: 150px;
  }

  .welcome-us-block .text-wraper {
    display: inline-block;
    max-width: 503px;
    margin: 90px 0 0;
    padding: 10px;
    background-color: rgba(250, 250, 250, 0.8);
    float: none;
  }

  .welcome-us-block .text-info {
    margin-top: 0;
  }

  .welcome-us-block .qt-text,
  .welcome-us-block .text-info {
    width: 100%;
  }

  .login-on-checkout .form-row button {
    margin-top: 10px;
    margin-bottom: 25px;
  }

  .shpcart-subtotal-block {
    margin-top: 70px;
    border: 1px solid #e6e6e6;
  }

  .single-layout.product-tabs {
    margin-top: 80px;
  }

  .sumary-product .product-attribute {
    padding-right: 20px;
  }

  .mobile-block-global {
    display: block;
  }

  body.global-panel-opened .mobile-block-global {
    left: 0;
  }

  .top-functions-area .flt-item.group-on-mobile .wrap-selectors {
    position: fixed;
    top: 50%;
    left: 50%;
    width: 450px;
    margin-left: -225px;
    margin-top: -162px;
    background-color: #ffffff;
    z-index: 999;
    padding: 30px;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
    -webkit-transition: all 320ms ease;
    -moz-transition: all 320ms ease;
    -o-transition: all 320ms ease;
    transition: all 320ms ease;
    visibility: hidden;
    border-top: 3px solid #f7f7f7;
  }

  .top-functions-area .flt-item.group-on-mobile .selector-item {
    width: 100%;
    margin: 15px 0;
    border-bottom: 1px solid #e6e6e6;
  }

  .top-functions-area .flt-item.group-on-mobile .selector-item::before {
    content: attr(data-title);
    display: inline-block;
    font-size: 15px;
    float: left;
  }

  .top-functions-area .flt-item.group-on-mobile .nice-select {
    border-radius: 0;
    border: none;
    padding: 0 20px 0 10px;
    clear: none;
  }

  .top-functions-area .flt-item.group-on-mobile .nice-select:after {
    right: 10px;
  }

  body.top-refine-opened .top-functions-area .flt-item.group-on-mobile .wrap-selectors {
    visibility: visible;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }

  .top-functions-area .flt-item.group-on-mobile .flt-title {
    display: none;
  }

  .top-functions-area .flt-item .btn-for-mobile,
  .top-functions-area .flt-item .title-for-mobile,
  .top-functions-area .flt-item .icon-for-mobile {
    display: inline-block;
  }
}

@media (max-width: 991px) {
  .page-404 {
    background: #f4f4f4;
    margin-top: 0;
  }

  .content-404 {
    margin: 0 auto;
  }

  .biolife-cat-box-item {
    border: 1px solid #e6e6e6;
  }

  .biolife-cat-box-item .cat-info {
    border: none;
    margin: 20px 0 20px;
    background-color: transparent;
  }

  .biolife-cat-box-item .cat-name {
    padding: 0;
    margin-bottom: 10px;
    font-size: 18px;
    min-width: initial;
  }

  .biolife-cat-box-item .cat-number {
    position: static;
    display: block;
    text-align: center;
    margin: 0;
  }

  .biolife-banner__style-14 .text-content,
  .biolife-banner__style-13 .text-content {
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 15px;
    right: 15px;
    width: auto;
    background: rgba(255, 255, 255, 0.8);
    padding: 30px 5px;
  }

  .biolife-banner__style-13 .text1,
  .biolife-banner__style-14 .text1 {
    color: #000000;
  }

  .biolife-banner__style-14 .text2,
  .biolife-banner__style-14 .text3,
  .biolife-banner__style-13 .text2 {
    color: #333333;
  }

  .biolife-cart-info .icon-qty-combine .biolife-icon,
  .mobile-search .open-searchbox .biolife-icon {
    font-size: 24px;
  }

  .mobile-menu-toggle {
    display: inline-block !important;
  }

  .minicart-block.layout-02 .icon-contain .biolife-icon {
    color: #333333 !important;
    font-size: 24px;
  }

  .minicart-block.layout-02 .icon-contain .span-index {
    padding: 2px;
    border: none;
    position: relative;
  }

  .minicart-block.layout-02 .span-index .qty {
    font-size: 0.8vw;
    font-weight: 600;
    line-height: 1;
    display: inline-block;
    margin: 0;
    min-width: 19px;
    padding: 1px 5px 2px;
    color: #ffffff;
    border-radius: 50%;
    position: absolute;
    right: -8px;
    bottom: 7px;
  }

  .minicart-block.layout-02 .icon-contain .btn-to-cart,
  .minicart-block.layout-02 .icon-contain .sub-total {
    display: none;
  }

  .biolife-banner__special-02 .banner-contain {
    display: block;
  }

  .biolife-banner__special-02 .banner-contain .thumb,
  .biolife-banner__special-02 .banner-contain .text-content {
    display: block;
  }

  .biolife-banner__special-02 .text-content {
    width: 100%;
    border: 1px solid #eeeeee;
    padding: 15px 15px 40px;
  }

  .mega-content .biolife-brand ul.brands {
    margin-left: -10px;
    margin-right: -10px;
  }

  .mega-content .biolife-brand ul.brands li {
    width: 50%;
    padding: 10px;
  }

  .mega-content .biolife-brand.vertical ul.brands {
    width: 100%;
    padding: 0;
  }

  .mega-content .biolife-brand.vertical ul.brands li {
    margin: 0;
    clear: none;
    float: left;
  }

  .mega-content .biolife-brand.vertical ul.brands li:nth-child(2n + 1) {
    clear: left;
  }

  .biolife-banner__grid:hover .banner-contain .cat-name {
    color: #222222;
  }

  .biolife-banner__grid:not(.type-02) .banner-contain .cat-name::before {
    content: none;
  }

  .biolife-title-box_in-countdown {
    padding: 16px 18px 17px;
  }

  .biolife-quickview-block,
  .contain-product .product-thumb .lookup {
    display: none;
  }

  .header-area.layout-01 .header-bottom:not(.pre-sticky) {
    padding-top: 30px;
    padding-bottom: 45px;
  }

  .header-area.layout-01 {
    background-position: center bottom;
  }

  .header-area.layout-01 .header-bottom .logo-for-mobile {
    display: inline-block;
    float: left;
    margin-top: 5px;
  }

  .header-area.layout-01 .header-bottom .biolife-cart-info {
    display: inline-block;
    margin-top: 0;
    float: right;
  }

  .footer.layout-01 .payment-methods ul,
  .footer.layout-01 .copy-right-text {
    text-align: center;
  }

  .biolife-banner__promotion5 .banner-contain {
    overflow: hidden;
  }

  .biolife-banner__promotion5 .text-content {
    margin: 0;
    padding: 40px 15px;
    right: 0;
    left: 0;
    width: 100%;
    max-width: 100%;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
  }

  .biolife-banner__promotion5 .media .img-moving {
    width: 900px;
    top: 0;
    right: 0;
    margin-right: 0;
  }

  .biolife-banner__detail-product .midle-info .pr-desc,
  .biolife-banner__detail-product .midle-info .pr-atts {
    max-width: 100%;
  }

  .biolife-banner__detail-product .midle-info {
    display: inline-block;
  }

  .biolife-banner__detail-product .text-content {
    text-align: center;
    padding: 30px 15px;
    border: 1px dashed #e6e6e6;
    background: #fcfcfc;
  }

  .biolife-gird-banners .grid-panel,
  .biolife-gird-banners .grid-panel .grid-panel-item,
  .biolife-gird-banners .grid-panel-item.left-content,
  .biolife-gird-banners .grid-panel-item.right-content {
    display: block;
    width: 100%;
  }

  .biolife-banner__grid:not(.type-02) .banner-contain .cat-name {
    min-width: 150px;
    padding: 20px 30px;
    background-color: rgba(255, 255, 255, 0.8);
  }

  .biolife-banner__grid .banner-contain .cat-name::before {
    content: none;
  }

  .wrap-custom-menu.horizontal-menu-v2 ul.menu>li {
    margin-bottom: 15px;
  }

  .footer-midle-pst .announce-text {
    margin-top: 20px;
  }

  .header-area .biolife-cart-info .login-item {
    display: none;
  }

  .top-banner-menu {
    padding: 0;
    margin-top: 0;
  }

  .top-banner-menu img {
    width: 100%;
  }

  .grid-twice-item>li {
    width: 100%;
    margin-left: 0;
  }

  .grid-twice-item>li+li {
    margin-top: 50px;
  }

  .biolife-banner__promotion4.v2 .position-1 {
    right: 0;
  }

  .wrap-megamenu {
    background: none;
  }

  .mobile-inline.biolife-brand ul li {
    width: 100%;
  }

  .mega-content .row {
    margin: 0;
  }

  .biolife-banner__special .media {
    width: 60%;
    padding: 0;
  }

  .biolife-banner__special .text-content {
    width: 40%;
    padding-top: 20px;
  }

  .biolife-banner__special .text-content .first-line {
    font-size: 28px;
  }

  .biolife-banner__special .text-content .second-line {
    margin-bottom: 14px;
  }

  .biolife-banner__special .text-content .third-line,
  .biolife-banner__special .text-content .second-line {
    color: #333333;
    font-size: 25px;
  }

  .biolife-banner__special .text-content .third-line i {
    font-size: 25px;
  }

  .biolife-banner__special .product-detail {
    margin-top: 35px;
  }

  .why-choose-us-block .showcase {
    padding-bottom: 85px;
    overflow: hidden;
  }

  .showcase .sc-left-position,
  .showcase .sc-right-position {
    max-width: 50%;
    position: relative;
    z-index: 2;
  }

  .showcase .sc-center-position {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    opacity: 0.2;
    filter: alpha(opacity=20);
  }

  .sumary-product .action-form .buttons {
    border-top: 0;
    padding-top: 0;
  }

  .sumary-product .action-form .buttons .pull-row {
    display: none;
  }

  .sumary-product .action-form .total-price-contain {
    margin-top: 25px;
    margin-bottom: 25px;
  }

  .sumary-product .action-form .qty-input input,
  .sumary-product .action-form .qty-input {
    width: 100%;
  }

  .review-tab #comments .comment-content .comment-text {
    line-height: inherit;
  }

  .biolife-panigations-block.version-2 {
    padding-top: 20px;
  }

  .product-tabs.single-layout .tab-head .tabs {
    border-bottom: none;
  }

  .product-tabs.single-layout .tab-content .tab-contain {
    border: 1px solid #e6e6e6;
    padding: 10px 10px 20px;
  }

  .product-tabs.single-layout .tab-content .tab-contain .container {
    width: 100%;
    padding: 0;
  }

  .product-tabs.single-layout .tab-head .tabs li.active a::before {
    width: 100%;
  }

  .product-tabs.single-layout .tab-head .tabs li a::before {
    height: 2px;
  }

  .product-tabs.single-layout .tab-head .tabs li a {
    width: 100%;
    display: inline-block;
    padding: 8px 0;
  }

  .product-tabs.single-layout .tab-head .tabs li:not(:last-child) {
    margin-right: 0;
    border-bottom: none;
  }

  .product-tabs.single-layout .tab-head .tabs li {
    width: 100%;
    text-align: center;
    border: 1px solid #e6e6e6;
    padding: 3px 0;
  }

  .sumary-product .product-attribute {
    width: 50%;
    padding-right: 0;
  }

  .sumary-product .media {
    width: 50%;
  }

  .sumary-product .action-form {
    width: 100%;
    margin-top: 33px;
    padding-top: 30px;
  }

  .sidebar .wgt-content .products li {
    display: inline-block;
    width: 100%;
  }

  .contain-product .info .product-title,
  .contain-product.layout-default .info .price ins .price-amount {
    font-size: 0.8vw;
  }

  .contain-product.layout-default .info .product-title {
    font-size: 15px;
    margin-top: 15px;
  }

  .contain-product.layout-default .info .product-title a {
    color: var(--primary-black);
  }

  .contain-product.layout-default {
    position: relative;
    padding-bottom: 30px;
  }

  .contain-product.layout-default .slide-down-box .buttons .wishlist-btn {
    position: absolute;
    top: 5px;
    left: 5px;
    display: block;
    padding: 4px 0;
    color: #999999;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.8);
  }

  .contain-product.layout-default .slide-down-box .buttons .btn {
    display: block;
  }

  .contain-product.layout-default .slide-down-box .buttons .add-to-cart-btn {
    padding: 10px 5px;
    color: var(--primary-black);
    font-weight: 700;
    font-size: 15px;
    text-transform: capitalize;
    -webkit-box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.2);
    box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.2);
    background-color: #fafafa !important;
    width: calc(100% - 4px);
    margin-left: 2px;
  }

  .contain-product.layout-default .slide-down-box .buttons .add-to-cart-btn:hover {
    background-color: #fafafa;
  }

  .contain-product.layout-default .slide-down-box .buttons {
    padding: 0;
    display: block;
  }

  .contain-product.layout-default .slide-down-box .buttons .compare-btn,
  .contain-product .info .categories,
  .contain-product.layout-default .slide-down-box .message,
  .contain-product.layout-default .shipping-info {
    display: none;
  }

  #sidebar .biolife-mobile-panels {
    display: block;
  }

  #sidebar {
    position: fixed;
    top: 0;
    left: -320px;
    width: 300px;
    height: 100vh;
    background-color: #ffffff;
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    z-index: 100000;
    -webkit-box-shadow: 3px 5px 14px -3px rgba(0, 0, 0, 0.11);
    -moz-box-shadow: 3px 5px 14px -3px rgba(0, 0, 0, 0.11);
    box-shadow: 3px 5px 14px -3px rgba(0, 0, 0, 0.11);
    overflow: hidden;
    padding: 0;
  }

  #sidebar .sidebar-contain {
    display: inline-block;
    padding: 30px 15px 0;
    height: calc(100% - 50px);
    overflow-y: auto;
  }

  body.open-mobile-filter #sidebar,
  body.open-mobile-menu .biolife-clone-wrap {
    left: 0;
  }

  .mobile-search .open-searchbox {
    display: block;
  }

  .mobile-search-content {
    display: block;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
    -webkit-transition: all 350ms ease;
    -moz-transition: all 350ms ease;
    -o-transition: all 350ms ease;
    transition: all 350ms ease;
  }

  .mobile-search .mobile-search-content {
    display: block;
  }

  body.open-mobile-search .mobile-search-content {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }

  body.open-mobile-search .mobile-search-content .nice-select .list {
    max-height: 200px;
    overflow-y: scroll;
    margin: 0;
    border-radius: 0;
  }

  .biolife-cart-info .minicart-contain a>.sub-total,
  .biolife-cart-info .minicart-contain a>.title {
    display: none;
  }

  .mobile-footer {
    display: block;
  }

  body {
    margin-bottom: 44px;
  }

  .header-top .top-bar {
    max-width: 100%;
  }

  .header-area.layout-02 .header-top .right .horizontal-menu>li.item-link,
  .header-top .right .horizontal-menu>.currency,
  .header-top .right .horizontal-menu>.lang,
  .header-top .top-bar .social-list {
    display: none;
  }

  .header-area.layout-01 .mobile-search .open-searchbox .biolife-icon {
    color: #333333;
    font-size: 24px;
  }

  .header-area.layout-01 .mobile-search .open-searchbox {
    line-height: 1;
    text-align: center;
    padding: 10px 0 10px 10px;
    vertical-align: top;
    background: transparent !important;
  }

  .header-area.layout-01 .biolife-cart-info>div {
    vertical-align: top;
  }
}

@media (max-width: 767px) {
  .grid-twice-item>li+li {
    margin-top: 80px;
  }

  .biolife-banner__special {
    padding-top: 80px;
  }

  .main-content>.posts-list li {
    margin-bottom: 0;
  }

  .main-content>.posts-list li+li {
    margin-top: 10px;
  }

  .hero-section {
    margin-top: 0;
  }

  .main-content .main-post-list {
    margin-top: 30px;
  }

  .main-content .main-post-list li:not(:last-child) {
    margin-bottom: 70px;
  }

  .post-item.style-bottom-info .post-content .post-name a {
    font-size: 20px;
    line-height: 24px;
  }

  .blog-page .posts-list:not(.biolife-carousel) .post-item.style-bottom-info .thumbnail img {
    width: 100%;
  }

  .biolife-banner__special .banner-contain {
    border: 1px solid #eeeeee;
    text-align: center;
    padding: 15px 5px 30px;
  }

  .biolife-banner__special .text-content,
  .biolife-banner__special .media {
    width: 100%;
  }

  .biolife-banner__special .media img {
    display: inline-block;
  }

  .biolife-banner__special .product-detail {
    margin-top: 0;
    text-align: center;
  }

  .biolife-banner__special .product-detail .buttons {
    margin-top: 20px;
  }

  .biolife-banner__special .product-detail .add-to-cart-btn {
    font-weight: 700;
    min-width: auto;
    padding: 12px 25px;
    font-size: 14px;
    text-transform: capitalize;
  }

  .biolife-banner__special .text-content .first-line,
  .biolife-banner__special .text-content .second-line,
  .biolife-banner__special .text-content .third-line {
    display: none;
  }

  .biolife-banner__special .product-detail .price-contain .price-amount,
  .biolife-banner__special .product-detail .price-contain ins .price-amount {
    font-size: 0.8vw;
  }

  .slider-opt05 .media {
    bottom: 50px;
    top: auto;
  }

  .biolife-banner__style-01 .text-content .fourth-line,
  .biolife-banner__style-01 .text-content .first-line {
    color: #333333;
    font-weight: 600;
  }

  .biolife-banner__style-15 .text-content,
  .biolife-banner__style-01 .text-content {
    right: 10px;
    left: 10px;
    padding: 20px 10px;
    background-color: rgba(255, 255, 255, 0.8);
    text-align: center;
    top: 10px;
    bottom: 10px;
    width: auto;
  }

  .header-area.layout-02 .biolife-logo,
  .header-area.layout-03 .biolife-logo,
  .header-area.layout-04 .biolife-logo,
  .header-area.layout-05 .biolife-logo {
    display: block;
    margin-top: 5px;
  }

  .header-area .header-middle {
    padding: 15px 0 !important;
  }

  .slider-opt04__layout01 .text-content .third-line {
    line-height: 24px;
  }

  .wrap-custom-menu.horizontal-menu-v2 ul.menu>li+li {
    border-left: none;
  }

  .style-bottom-info.layout-02 .post-meta__item-social-box .inner-content {
    left: auto;
    right: 0;
    margin-left: 0;
    margin-right: -10px;
  }

  .mobile-search-content .form-search>.btn-close {
    top: -17px;
    right: -12px;
  }

  .main-slide .biolife-carousel.nav-none-on-mobile .slick-arrow.prev,
  .main-slide .biolife-carousel.nav-none-on-mobile .slick-arrow.next {
    display: none !important;
  }

  .sumary-product .action-form .total-price-contain {
    margin-top: 35px;
    margin-bottom: 35px;
  }

  .sumary-product .action-form .location-shipping-to,
  .sumary-product .action-form .social-media {
    margin-top: 35px;
  }

  .sumary-product .action-form .title {
    text-transform: uppercase;
    font-weight: 700;
  }

  .order-summary .title-block .title {
    font-size: 23px;
    font-weight: 700;
  }

  .checkout-progress-wrap .checkout-act .title-box {
    font-size: 19px;
  }

  .contact-info-container .addr-info {
    margin-top: 35px;
  }

  .contact-info-container .frst-desc {
    line-height: 25px;
    font-size: 0.8vw;
  }

  .register-in-container .box-title,
  .contact-info-container .box-title {
    font-size: 25px;
  }

  .post-item.style-wide .post-content .post-name {
    font-size: 22px;
    line-height: 24px;
  }

  .post-item .group-buttons .btn.readmore {
    padding: 6px 10px;
    min-width: 134px;
  }

  .search-widget input[type="text"] {
    border-width: 1px;
  }

  .single-post-contain .post-content blockquote p {
    font-size: 15px;
  }

  .single-post-contain .post-head .post-archive {
    font-size: 0.8vw;
    margin-top: 13px;
  }

  .post-comments .wrap-post-comment .cmt-inner {
    margin-top: 20px;
  }

  .post-comments.lever-0>li:first-child>.wrap-post-comment>.cmt-inner {
    margin-top: 5px;
  }

  .post-comments .comment-form .form-row textarea {
    padding: 55px 10px 10px 15px;
    height: 220px;
  }

  .post-comments .comment-form .form-row .current-author {
    top: 10px;
    left: 10px;
  }

  .single-post-contain .post-foot .auth-info .avata {
    margin-right: 5px;
  }

  .single-post-contain .post-content blockquote {
    padding: 10px;
  }

  .single-post-contain .post-head .post-name {
    font-weight: 700;
    font-size: 23px;
    line-height: 24px;
  }

  .contain-product__deal-layout .info .price {
    margin-top: 12px;
  }

  .contain-product__deal-layout .slide-down-box .buttons .btn:not(.add-to-cart-btn) {
    display: none;
  }

  .contain-product .info .product-title {
    margin-top: 13px;
  }

  .biolife-countdown .number {
    font-size: 17px;
  }

  .contain-product__deal-layout {
    padding: 10px 10px 30px;
    text-align: center;
  }

  .contain-product__deal-layout img {
    display: inline-block;
  }

  .biolife-banner__style-01 .text-content .third-line,
  .biolife-banner__style-01 .text-content .second-line {
    font-size: 30px;
    line-height: 40px;
  }

  .tab-head__icon-top-layout:not(.background-tab-include) a::after {
    content: none;
  }

  .instagram-ltl-item,
  .instagram-ltl-item .link-to img,
  .instagram-ltl-item .link-to {
    width: 100%;
  }

  .contain-product__right-info-layout3 {
    display: block;
  }

  .contain-product__right-info-layout3 .buttons .add-to-cart-btn {
    width: 100%;
    border-radius: 0;
    padding: 13px;
    min-width: auto;
  }

  .contain-product__right-info-layout3 .buttons .btn:not(.add-to-cart-btn) {
    display: none;
  }

  .products-list.vertical-layout-02 li {
    padding: 0 0 20px;
  }

  .biolife-banner__grid.type-02 .banner-contain .cat-name {
    max-width: 250px;
  }

  .biolife-banner__grid .media-contain.media-06,
  .biolife-banner__grid .media-contain.media-01,
  .biolife-banner__grid .media-contain {
    height: 300px;
  }

  .biolife-banner__grid .banner-contain .cat-name {
    font-size: 22px;
  }

  .sumary-product .action-form .total-price-contain .price {
    font-size: 21px;
  }

  .sumary-product .product-attribute .title {
    font-weight: 700;
  }

  .hero-section .page-title {
    font-size: 28px;
  }

  .biolife-banner__style-12 .text2 {
    padding: 0;
    font-size: 22px;
  }

  .biolife-carousel.row-space-29px .row-item+.row-item {
    margin-top: 20px;
  }

  .slider-opt05 .text-content .second-line {
    font-size: 32px;
    line-height: 43px;
  }

  .advance-product-box_countdown {
    border: none;
  }

  .advance-product-box_countdown .contain-product .info .product-title {
    margin-top: 20px;
  }

  .biolife-title-box_in-countdown {
    padding: 0;
  }

  .biolife-title-box_in-countdown .title {
    font-size: 24px;
    margin-bottom: 30px;
  }

  .advance-product-box_countdown .biolife-carousel {
    border: 1px solid #e6e6e6;
    padding-top: 10px;
  }

  .biolife-title-box.style-02 .desc,
  .biolife-title-box.style-02 .subtitle,
  .biolife-title-box.slim-item .subtitle {
    display: none;
  }

  .contain-product.scale-effect {
    padding-bottom: 20px;
  }

  .contain-product.layout-default .slide-down-box .buttons .wishlist-btn {
    display: none;
  }

  .contain-product.layout-default .slide-down-box .buttons {
    text-align: center;
  }

  .tab-head__sample-layout.type-02 .tab-element .tab-link:hover,
  .tab-head__sample-layout.type-02 .active .tab-link {
    background: #fafafa;
  }

  .biolife-banner__special-03 .banner-contain {
    padding-bottom: 0;
  }

  .biolife-title-box__bgrd-bold {
    margin-top: 70px;
    margin-bottom: 40px;
    text-align: center;
  }

  .biolife-title-box__bgrd-bold .title {
    font-size: 24px;
    width: auto;
    display: inline-block;
    text-align: center;
    padding: 10px 30px 17px;
    background-size: 100%;
    min-width: 210px;
  }

  .contain-product__right-info-layout3 .product-thumb img {
    display: block;
    width: 100%;
  }

  .contain-product__right-info-layout3 .product-thumb {
    width: 100% !important;
  }

  .contain-product__right-info-layout3 .info .price ins .price-amount {
    font-size: 18px;
  }

  .contain-product__right-info-layout3 .info .rating .star-rating {
    margin-top: 0;
  }

  .contain-product__right-info-layout3 .info .rating {
    display: none;
  }

  .contain-product__right-info-layout3 .info .price {
    display: block;
    text-align: left;
    float: none;
    max-width: 100%;
  }

  .contain-product__right-info-layout3 .info .product-title {
    display: block;
    max-width: initial;
    text-align: left;
    margin-top: 15px;
    margin-bottom: 10px;
    font-size: 15px;
  }

  .contain-product__right-info-layout3 .info {
    padding: 0;
  }

  .contain-product__right-info-layout3 .info .desc {
    display: none;
  }

  .contain-product__right-info-layout3 .info,
  .contain-product__right-info-layout3 .product-thumb {
    display: block;
  }

  .biolife-banner__promotion6 .media .img-moving.position-1 {
    position: static;
  }

  .biolife-banner__promotion6 .banner-contain .media {
    height: auto;
    padding-top: 10px;
  }

  .biolife-banner__promotion6 .text-content .text2 {
    font-size: 28px;
    line-height: 38px;
  }

  .biolife-banner__promotion6 .banner-contain .text-content {
    top: 50%;
    left: 50%;
    right: auto;
    max-width: 290px;
    margin-left: -145px;
    padding: 25px 10px 35px;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
  }

  .biolife-banner__special-02 .text-content .text04 i,
  .biolife-banner__special-02 .text-content .text04,
  .biolife-banner__special-02 .text-content .text03 {
    font-size: 22px;
  }

  .biolife-banner__special-02 .product-detail .price-contain .price-amount,
  .biolife-banner__special-02 .text-content .text02 {
    font-size: 24px;
  }

  .biolife-banner__special-02 .text-content .text01 {
    font-size: 32px;
    margin-bottom: 5px;
    color: #888;
    opacity: 1;
    filter: alpha(opacity=100);
  }

  .biolife-banner__special-02 .text-content .text03 {
    margin: 17px 0 10px;
    color: var(--primary-black);
  }

  .biolife-banner__special-02 .text-content .text04 {
    color: var(--primary-black);
  }

  .biolife-newsletter-popup-contain .modal-dialog {
    width: 290px;
    margin: 100px auto;
  }

  .newsletter-block_popup-layout {
    padding: 40px 15px 40px;
  }

  .newsletter-block_popup-layout .wrap-title .newslt-title {
    font-size: 32px;
    margin-top: 12px;
  }

  .newsletter-block_popup-layout .form-content .input-text {
    padding: 8px;
  }

  .newsletter-block_popup-layout .form-content .bnt-submit {
    padding: 11px;
    margin-top: 25px;
  }

  .newsletter-block_popup-layout .form-content .dismiss-newsletter {
    margin-top: 35px;
  }

  .header-area.layout-01 {
    position: static;
  }

  .header-area.layout-01 .header-bottom:not(.pre-sticky) {
    padding: 15px 0;
  }

  .minicart-block.layout-02 .icon-contain .btn-to-cart {
    padding: 12px 10px;
  }

  .minicart-block.layout-02 .icon-contain .biolife-icon {
    line-height: 35px;
  }

  .newsletter-block.layout-04 .wrap-title .biolife-icon {
    display: none;
  }

  .newsletter-block.layout-04 .wrap-title .texts {
    padding: 0;
    text-align: center;
  }

  .newsletter-block.layout-04 .wrap-title .sub-title {
    margin: 15px 0 0;
  }

  .newsletter-block.layout-04 .wrap-title {
    margin-bottom: 30px;
    margin-top: 15px;
  }

  .biolife-brand-block .link-brand-item {
    display: block;
    text-align: center;
  }

  .biolife-brand-block .link-brand-item img {
    display: inline-block;
  }

  .newsletter-block.layout-03 {
    padding-top: 90px;
    background-position: center left;
  }

  .newsletter-block.layout-03 .form-content .newslt-title {
    font-size: 22px;
  }

  .newsletter-block.layout-03 .form-content .sub-title {
    margin: 20px 0 0;
  }

  .biolife-title-box__under-line {
    margin-bottom: 30px;
    border-bottom: 0;
    padding-bottom: 10px;
  }

  .biolife-banner__detail-product .head-info .text2 {
    margin-top: 5px;
  }

  .biolife-banner__detail-product .head-info h3 i {
    font-size: 26px;
  }

  .biolife-banner__detail-product .head-info h3 {
    font-size: 22px;
  }

  .hidden-icon-on-mobile.biolife-title-box .biolife-icon {
    display: none;
  }

  .footer.layout-02 .footer-content {
    padding-top: 50px;
  }

  .products-list__vertical-layout li:last-child {
    padding-bottom: 0;
  }

  .products-category-box .title {
    font-size: 24px;
    margin-bottom: 35px;
  }

  .products-category-box {
    padding: 0;
  }

  .biolife-stretch-the-right-background>.bg_underground {
    display: none;
  }

  .payment-methods.layout-02 .payments li {
    margin-bottom: 10px;
  }

  .payment-methods.layout-02 .payments li:not(:last-child) {
    margin-right: 10px;
  }

  .biolife-social.bigger-on-mobile ul li+li {
    margin-left: 40px;
  }

  .biolife-social.bigger-on-mobile ul li a {
    font-size: 22px;
  }

  .newsletter-block.layout-02 {
    padding-top: 10px;
  }

  .biolife-banner__promotion4.v2 .container {
    position: initial;
  }

  .biolife-banner__promotion4.v2 .position-2 {
    margin: 0;
    max-width: 107px;
  }

  .biolife-banner__promotion4.v2 .position-1 {
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
  }

  .biolife-title-box.link-all .main-title {
    font-size: 22px;
  }

  .post-item.style-bottom-info.layout-02 .thumbnail a>img {
    width: 100%;
  }

  .biolife-banner__promotion4 .position-1 {
    left: 0;
  }

  .biolife-banner__promotion4 .text-content .first-line {
    font-size: 35px;
    line-height: 35px;
  }

  .biolife-banner__promotion4 .position-2 img {
    -webkit-animation: unset;
    animation: unset;
  }

  .biolife-banner__promotion4 .banner-contain {
    position: initial;
  }

  .biolife-banner__promotion4 {
    position: relative;
    overflow: hidden;
  }

  .biolife-banner__promotion4 .text-content {
    padding: 23px 0;
    top: 50%;
    left: 0;
    right: 0;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    max-width: none;
  }

  .biolife-banner__promotion4.v2 .text-content {
    background: none;
  }

  .biolife-banner__promotion4.v2::before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 7;
  }

  .biolife-title-box.style-02 .main-title {
    font-size: 24px;
  }

  .slider-opt03__layout02 .text-content {
    margin: 0 0 0 -200px;
    left: 50%;
    padding: 15px 15px 25px;
  }

  .contain-product__right-info-layout .info .rating .review-count {
    display: none;
  }

  .contain-product__right-info-layout .product-thumb {
    width: 40%;
  }

  .contain-product__deal-layout .biolife-countdown>span {
    min-width: 50px;
    padding: 6px;
  }

  .contain-product__deal-layout .biolife-countdown .text {
    font-size: 11px;
    font-weight: 700;
  }

  .biolife-title-box__bold-style.mobile-tiny .title,
  .biolife-title-box__bold-style .title {
    font-size: 24px;
  }

  .biolife-title-box__bold-style {
    margin-top: 80px;
    padding-right: 0;
  }

  .biolife-banner__promotion2 .text-content {
    position: absolute;
    top: 50%;
    left: 15px;
    margin-top: -150px;
  }

  .biolife-banner__promotion2 .media {
    position: static;
    width: 100%;
    margin-top: -91px;
  }

  .biolife-tab .tab-content {
    clear: both;
  }

  .biolife-tab .tab-head:not(.tab-head__default) .tabs {
    display: inline-block;
    margin: 26px 0 30px !important;
    width: 100%;
  }

  .tab-head__icon-top-layout a::after {
    content: none;
  }

  .tab-head__icon-top-layout a {
    font-size: 0.8vw;
    vertical-align: middle;
    background-color: #f6f6f6;
    display: inline-block;
    width: 100%;
    text-align: left;
    padding: 7px 5px;
  }

  .tab-head__icon-top-layout .biolife-icon.icon-blueberry {
    margin-left: 7px;
  }

  .tab-head__icon-top-layout .biolife-icon {
    display: inline-block;
    font-size: 28px;
    margin: 0 10px 0 0;
    vertical-align: middle;
  }

  .biolife-tab .tab-head:not(.tab-head__default):not(.tab-head__sample-layout) .tab-element.active .tab-link {
    background-color: #888;
    color: #f6f6f6;
  }

  .biolife-tab .tab-head:not(.tab-head__default):not(.tab-head__sample-layout) .tabs .tab-element {
    width: 50%;
    text-align: left;
    float: left;
    padding: 0 1px;
    margin-bottom: 1px;
  }

  .biolife-tab .tab-head:not(.tab-head__default):not(.tab-head__sample-layout) .tabs .tab-element+.tab-element {
    margin-left: 0;
  }

  .biolife-tab .tab-head__sample-layout .tabs .tab-element {
    width: 100%;
    border-left: 3px solid #fafafa;
    background: #fafafa;
    margin-bottom: 1px;
  }

  .tab-head__sample-layout .tabs .tab-element.active {
    border-left-color: var(--primary-black);
  }

  .tab-head__sample-layout .tab-element .tab-link {
    color: #aaaaaa;
    padding: 11px;
    background: #fafafa;
    font-size: 15px;
  }

  .tab-head__sample-layout .tab-element .tab-link:hover,
  .tab-head__sample-layout .active .tab-link {
    color: var(--primary-black);
    background: #efefef;
  }

  .services-list {
    border: none;
  }

  .services-list li {
    width: 100%;
    border: 1px solid #e6e6e6;
    margin-bottom: 30px;
    padding-top: 30px;
    padding-bottom: 40px;
  }

  .biolife-service__type02 .services-list li {
    border: none;
    padding: 0;
    margin: 0;
  }

  .slider-opt03__layout01 .text-content {
    right: 50%;
    margin: 0 -270px 0 0;
    min-width: 540px;
  }

  .slider-opt03__layout01.mode-02 .text-content {
    margin-top: 10px;
  }

  .slider-opt03__layout01.mode-03 .media,
  .slider-opt03__layout01.mode-02 .media,
  .slider-opt03__layout01 .media {
    height: 480px;
  }

  .slider-opt03__layout01 .media .child-elememt {
    top: 0;
    right: 0;
    left: 0;
    text-align: center;
    margin: 0;
  }

  .slider-opt03__layout01 .media .child-elememt>* {
    height: 440px;
    display: inline-block;
    margin-top: 40px;
  }

  .slider-opt03__layout01 .media .child-elememt img {
    width: initial;
    height: 100%;
    max-width: initial;
  }

  .slick-slide.slick-active .slider-opt03__layout01 .media .child-elememt,
  .slick-slide .slider-opt03__layout01 .media .child-elememt {
    left: 50%;
    right: auto;
    -webkit-transform: scale(1) translateX(-50%);
    -moz-transform: scale(1) translateX(-50%);
    -ms-transform: scale(1) translateX(-50%);
    -o-transform: scale(1) translateX(-50%);
    transform: scale(1) translateX(-50%);
  }

  .post-item.style-left-info .thumbnail img,
  .post-item.style-left-info .thumbnail {
    width: 100%;
  }

  .post-item.style-left-info .thumbnail,
  .post-item.style-left-info .post-content,
  .post-item.style-left-info {
    display: block;
    text-align: center;
    padding-left: 0;
  }

  .post-item.style-left-info .post-content>* {
    max-width: 100%;
  }

  .post-item .post-content .post-archive {
    font-size: 0.8vw;
  }

  .post-item.style-left-info .post-content {
    padding-top: 15px;
  }

  .post-item.style-left-info .post-content .post-name {
    font-size: 22px;
    line-height: 24px;
  }

  .contact-info-block.footer-layout ul li {
    margin-bottom: 15px;
  }

  .post-comments .wrap-post-comment .cmt-fooot .btn {
    color: #888888;
  }

  .post-comments .wrap-post-comment .cmt-content p {
    color: var(--primary-black);
  }

  .post-comments .comment-list ol.lever-1 {
    padding-left: 25px;
  }

  .post-comments .comment-list ol {
    background: #fcfcfc;
    padding: 10px;
  }

  .post-comments .form-row.last-btns .btn-sumit {
    width: 100%;
    margin-bottom: 20px;
    margin-top: 15px;
  }

  .post-comments .cmt-title {
    font-size: 25px;
  }

  .single-post-contain .post-head {
    margin-bottom: 30px;
  }

  .single-post-contain .post-foot .post-tags .tags li {
    margin-bottom: 10px;
  }

  .single-post-contain .post-foot .post-tags .tag-title {
    display: none;
  }

  .testimonial-block .testml-elem .desc {
    text-align: justify;
  }

  .testimonial-block .testimonial-list {
    padding: 0 0 55px;
  }

  .testimonial-block .box-title {
    margin: 50px 0 40px;
  }

  .why-choose-us-block .showcase {
    padding-bottom: 50px;
  }

  .welcome-us-block {
    height: auto;
    background: none;
    padding-bottom: 20px;
  }

  .why-choose-us-block .subtitle {
    margin: 29px 0 0;
  }

  .welcome-us-block .text-wraper {
    margin: 43px 0 0;
    padding: 0 0 40px;
    background: none;
    width: 100%;
    max-width: 100%;
    text-align: center;
  }

  .welcome-us-block .qt-text,
  .welcome-us-block .text-info {
    float: none;
  }

  .testimonial-block .box-title::after,
  .testimonial-block .box-title::before {
    display: none;
  }

  .why-choose-us-block .box-title,
  .testimonial-block .box-title,
  .welcome-us-block .title {
    font-size: 28px;
  }

  .showcase .sc-center-position {
    display: none;
  }

  .showcase .sc-right-position {
    padding-top: 42px;
    direction: ltr;
  }

  .sc-left-position,
  .sc-right-position {
    padding-top: 30px;
  }

  .showcase .sc-left-position,
  .showcase .sc-right-position {
    max-width: 100%;
    text-align: center;
    width: 100%;
  }

  .why-choose-us-block .sc-element .txt-content {
    width: 100%;
  }

  .why-choose-us-block .sc-element .txt-content .number {
    font-size: 37px;
  }

  .why-choose-us-block .sc-element .txt-content .desc {
    font-size: 15px;
    line-height: 24px;
  }

  .register-in-container {
    margin-top: 50px;
  }

  .signin-container .form-row.wrap-btn {
    text-align: center;
  }

  .signin-container .form-row .link-to-help {
    float: none;
    margin: 24px 0 0;
  }

  .signin-container .form-row .btn-submit {
    width: 100%;
    margin-top: 20px;
  }

  .signin-container {
    margin-top: 20px;
  }

  .top-banner ul {
    width: 100%;
  }

  .top-banner ul li {
    padding: 0 15px;
  }

  .top-banner {
    padding: 57px 10px 35px;
  }

  .shopping-cart-container th {
    display: none;
  }

  .shopping-cart-container table.cart-form tbody,
  .shopping-cart-container table.cart-form tr,
  .shopping-cart-container table.cart-form td,
  .shopping-cart-container table.cart-form {
    display: block;
    padding: 0;
  }

  .shopping-cart-container table.cart-form tr {
    margin-bottom: 30px;
    border: 1px solid #e6e6e6;
  }

  .shopping-cart-container table.cart-form td {
    padding: 15px 5px;
  }

  .shopping-cart-container table.cart-form td+td {
    border-top: 1px solid #e6e6e6;
  }

  .shopping-cart-container table.cart-form td.product-thumbnail {
    text-align: center;
    padding-top: 26px;
  }

  .shopping-cart-container table.cart-form td.product-thumbnail .prd-name {
    padding: 0;
    width: 100%;
    margin-top: 16px;
  }

  .shopping-cart-container table.cart-form td.product-thumbnail .action {
    padding: 5px;
    top: 0;
    right: 0;
    left: auto;
    bottom: auto;
  }

  .shopping-cart-container table.cart-form td.product-thumbnail .action a {
    padding: 3px 5px;
    margin-left: 10px;
  }

  .shopping-cart-container table.cart-form tr.wrap-buttons {
    border: none;
  }

  .shopping-cart-container table.cart-form td.wrap-btn-control {
    padding: 0;
  }

  .shopping-cart-container table.cart-form td.wrap-btn-control button.btn {
    width: calc(50% - 5px);
    min-width: auto;
    float: left;
  }

  .shopping-cart-container table.cart-form td.wrap-btn-control .btn-clear {
    margin-left: 10px;
  }

  .shopping-cart-container table.cart-form td.wrap-btn-control a.back-to-shop {
    width: 100%;
    margin-bottom: 20px;
  }

  .single-layout.product-tabs {
    margin-top: 45px;
  }

  .review-tab #comments .comment-content .comment-in .post-date {
    display: none;
  }

  .review-tab #comments .comment-review-form {
    margin-top: 25px;
  }

  .review-tab #comments .comment-review-form .actions {
    display: table;
    width: 100%;
    margin-top: 0;
  }

  .review-tab #comments .comment-review-form .actions li {
    display: table-cell;
    width: 33.33333%;
  }

  .product-tabs.single-layout .tab-content .row {
    margin: 0;
  }

  .product-tabs.single-layout .tab-content .col-xs-12 {
    padding: 0;
  }

  .product-category .products-list {
    padding-left: 7px;
    padding-right: 7px;
  }

  .product-category .products-list .product-item {
    padding: 0 7px;
  }

  .footer-phone-info .r-info {
    font-size: 0.8vw;
    padding-left: 15px;
  }

  .newsletter-block .title {
    font-size: 17px;
  }

  .payment-methods.layout-02 .title {
    font-size: 19px;
    font-weight: 700;
    margin: 0 0 30px;
  }

  .footer-item .section-title {
    font-size: 19px;
  }

  .biolife-cart-info .minicart-block .cart-content {
    width: auto;
    right: -52px;
  }

  .biolife-cart-info .minicart-block .cart-inner {
    width: 290px;
    padding-left: 10px;
  }

  .biolife-cart-info .minicart-item .thumb {
    width: 80px;
  }

  .biolife-cart-info .minicart-item .left-info {
    width: calc(100% - 80px);
    padding-right: 12px;
  }

  .biolife-cart-info .minicart-block ul.products li:first-child .minicart-item .action {
    margin-top: -32px;
  }

  .minicart-item .action {
    top: 50%;
  }

  .minicart-item .action a {
    float: left;
    clear: left;
    width: 12px;
    font-size: 14px;
    text-align: center;
  }

  .minicart-item .action a+a {
    margin-left: 0;
    margin-top: 16px;
  }

  .biolife-cart-info .minicart-block .btn-control .btn {
    width: calc(50% - 5px);
    padding: 12px;
    font-size: 12px;
    border-radius: 0;
  }

  .biolife-cart-info .minicart-block .btn-control .view-cart {
    margin-right: 10px;
  }

  .minicart-item .left-info .product-title {
    font-size: 15px;
    font-weight: 600;
  }

  .payment-methods ul,
  .copy-right-text {
    text-align: center;
  }

  .payment-methods ul li+li {
    margin-left: 5px;
  }

  .biolife-cart-info>div+div {
    margin-left: 22px;
  }

  .mobile-search .mobile-search-content {
    padding: 20px 15px;
    margin-left: -145px;
    width: 290px;
    margin-top: -101px;
    top: 50%;
  }

  .mobile-search .mobile-search-content .nice-select {
    width: 100%;
    border-top: none;
    border-left: 0;
    border-right: 0;
  }

  .mobile-search .mobile-search-content .input-text {
    width: 100%;
    margin-bottom: 15px;
    border-top: none;
    border-left: 0;
    border-right: 0;
  }

  .mobile-search .mobile-search-content .btn-submit {
    margin-top: 15px;
    width: 100%;
    position: static;
  }
}

@media (max-width: 600px) {
  .content-404 {
    margin: 0 auto;
    padding: 50px 15px 80px;
  }

  .content-404 .heading {
    font-size: 60px;
  }

  .content-404 .title {
    font-size: 28px;
  }

  .content-404 p {
    margin-bottom: 35px;
    font-size: 15px;
  }

  .slider-opt05 .text-content .first-line {
    color: #333333;
  }

  .slider-opt05 .text-content .third-line {
    color: #000000;
    font-weight: 600;
  }

  .slider-opt03__layout01 .text-content {
    right: 10px;
    left: 10px;
    margin: 0;
    text-align: center;
    padding: 20px 10px;
    min-width: auto;
  }

  .slider-opt03__layout01.mode-02 .text-content {
    margin-top: 45px;
  }

  .slider-opt03__layout01 .text-content .first-line {
    text-align: center;
    font-size: 28px;
  }

  .slider-opt03__layout01 .text-content .second-line {
    text-align: center;
    display: inline-block;
    font-size: 40px;
    line-height: 40px;
    max-width: 280px;
    margin-top: 10px;
  }

  .slider-opt03__layout01 .text-content .third-line {
    font-size: 18px;
    line-height: 24px;
  }

  .slider-opt03__layout01 .buttons .btn {
    padding: 14px 10px;
    min-width: 120px;
  }

  .slider-opt03__layout01 .buttons .btn+.btn {
    padding: 12px 10px;
    min-width: 120px;
    margin-left: 15px;
  }

  .single-post-contain .post-head .post-archive .author {
    display: block;
    margin-left: 0;
  }

  .biolife-banner__style-15 .text-content .second-line {
    font-size: 28px;
  }

  .biolife-banner__style-15 .text-content .third-line {
    font-size: 28px;
    margin-top: 8px;
  }

  .biolife-banner__style-15 .text-content .fourth-line,
  .biolife-banner__style-15 .text-content .first-line {
    color: var(--primary-black);
    font-weight: 600;
    font-size: 0.8vw;
  }

  .biolife-banner__promotion5 .banner-contain .media {
    height: 400px;
  }

  .biolife-banner__promotion5 .text-content .text1 {
    font-size: 25px;
  }

  .biolife-banner__promotion5 .text-content .text2 {
    font-size: 30px;
    line-height: 36px;
    margin: 10px 0 0;
  }

  .biolife-banner__style-11 .text4 span {
    font-size: 32px;
  }

  .biolife-banner__style-11 .text4 {
    font-size: 23px;
  }

  .biolife-banner__style-11 .text3,
  .biolife-banner__style-11 .text1 {
    font-size: 17px;
  }

  .biolife-banner__style-11 .text2 {
    font-size: 26px;
  }

  .biolife-banner__style-11 .banner-contain .text-content::before,
  .biolife-banner__style-12 .banner-contain .text-content::before {
    top: -18px;
    margin: 0;
    left: 50%;
    margin-left: -16px;
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
  }

  .biolife-banner__style-12 .banner-contain,
  .biolife-banner__style-11 .banner-contain {
    display: inline-block;
  }

  .biolife-banner__style-12 .banner-contain .media,
  .biolife-banner__style-12 .banner-contain .text-content,
  .biolife-banner__style-11 .banner-contain .media,
  .biolife-banner__style-11 .banner-contain .text-content {
    display: block;
    width: 100%;
  }

  .biolife-banner__style-12 .banner-contain .text-content,
  .biolife-banner__style-11 .banner-contain .text-content {
    padding: 20px 15px 30px;
    margin-top: 10px;
  }

  .biolife-banner__style-12 .banner-contain .media,
  .biolife-banner__style-11 .banner-contain .media {
    padding-right: 0;
  }

  .biolife-banner__style-12 .banner-contain .media img,
  .biolife-banner__style-11 .banner-contain .media img {
    display: inline-block;
    width: 100%;
  }

  .slider-opt03__layout02 .media {
    height: 400px;
  }

  .main-slide.nav-change2 .slick-arrow,
  .main-slide.nav-change .slick-arrow {
    display: none !important;
  }

  .slider-opt03__layout02 .text-content {
    width: 290px;
    margin-left: -145px;
    top: 51px;
  }

  .slider-opt03__layout02.type_02 .text-content {
    margin-left: 0;
    top: 70px;
  }

  .slider-opt03__layout02 .buttons .btn {
    padding: 9px 15px;
    min-width: 100px;
  }

  .slider-opt03__layout02 .buttons .btn-thin {
    padding: 7px 15px;
  }

  .slider-opt03__layout02 .text-content .third-line {
    margin: 22px 0 0;
    line-height: 24px;
    color: #000000;
  }

  .slider-opt03__layout02 .text-content .second-line {
    line-height: 1;
    margin-top: 15px;
    font-size: 32px;
  }

  .biolife-banner__promotion3 .text-content .second-line {
    font-size: 28px;
    max-width: 100%;
  }

  .biolife-banner__promotion3 .product-detail .txt-price {
    font-size: 23px;
  }

  .biolife-banner__promotion3 .product-detail .add-to-cart-btn {
    padding: 9px 10px;
    min-width: 135px;
  }

  .biolife-banner__promotion3 .text-content {
    padding-left: 15px;
    padding-right: 15px;
    padding-bottom: 30px;
    text-align: center;
  }

  .biolife-banner__promotion3 .text-wrap {
    background-color: rgba(255, 255, 255, 0.8);
    box-shadow: 0 0 7px 0 rgba(130, 130, 130, 0.2);
    border-radius: 2px;
    margin: 0;
    padding: 15px;
    display: inline-block;
    text-align: left;
  }

  .style-bottom-info.layout-02 .post-content .post-name {
    font-size: 20px;
    line-height: 24px;
  }

  .biolife-banner__promotion2 {
    overflow: hidden;
    margin-top: 75px;
  }

  .biolife-banner__promotion2 .banner-contain {
    text-align: center;
  }

  .biolife-banner__promotion2 .media {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    height: auto;
    padding: 20px 15px 30px;
    background-position: center top;
    margin-top: 0;
    border-top: 1px solid #eeeeee;
  }

  .biolife-banner__promotion2 .text-content {
    margin: 70px 0;
    position: relative;
    left: 0;
    top: 0;
    right: 0;
    float: initial;
    text-align: left;
  }

  .biolife-banner__promotion2 .text-content .btn-thin {
    padding: 8px 15px !important;
    margin-left: 5px;
  }

  .biolife-banner__promotion2 .text-content .btn {
    padding: 10px 22px;
    font-size: 13px;
    min-width: auto;
  }

  .biolife-banner__promotion2 .text-content .second-line,
  .biolife-banner__promotion2 .text-content .first-line {
    font-size: 22px;
    line-height: 27px;
  }

  .biolife-banner__promotion2 .text-content .second-line i {
    font-size: 22px;
  }

  .biolife-banner__promotion2.advance .text-content .second-line i {
    font-family: "Playfair Display", sans-serif;
    font-weight: 700;
    font-style: italic;
    text-transform: unset;
  }

  .biolife-banner__promotion3 {
    border-bottom: none;
  }

  .biolife-banner__promotion .product-detail .add-to-cart-btn {
    padding: 10px 30px;
    min-width: auto;
    margin-top: 35px;
  }

  .biolife-banner__promotion {
    height: auto;
    background-size: auto;
    background-position: center bottom;
  }

  .biolife-banner__promotion .text-content {
    position: static;
    padding: 50px 15px;
  }

  .biolife-banner__promotion .text-content .first-line {
    font-size: 25px;
  }

  .biolife-banner__promotion .text-content .second-line {
    font-size: 25px;
    line-height: 1;
  }

  .biolife-banner__promotion .product-detail .txt-price {
    font-size: 23px;
    margin: 0;
    display: block;
  }

  .biolife-banner__promotion .text-content .text-wrap {
    padding-left: 15px;
  }

  .biolife-service__type01 .txt-show-01 {
    font-size: 50px;
    line-height: 100px;
    opacity: 1;
    filter: alpha(opacity=100);
  }

  .biolife-service__type01 .txt-show-02 {
    font-size: 30px;
  }

  .biolife-carousel.dots_ring_style .slick-dots {
    display: none !important;
  }

  .single-post-contain .post-foot .auth-info {
    padding: 25px 0 0;
    border-bottom: 0;
  }

  .single-post-contain .post-foot .socials-connection {
    width: 100%;
    margin-top: 25px;
  }

  .single-post-contain .post-foot .socials-connection .social-list {
    width: 100%;
    margin: 0;
  }

  .single-post-contain .post-foot .socials-connection .title {
    display: none;
  }

  .order-summary .cart-list .cart-item .info,
  .order-summary .cart-list .cart-item .price,
  .order-summary .cart-list .cart-item .product-thumb {
    display: inline-block;
  }

  .order-summary .cart-list .cart-item .info,
  .order-summary .cart-list .cart-item .price {
    width: calc(100% - 113px);
    display: inline-block;
    float: right;
    padding-top: 5px;
    padding-left: 10px;
    text-align: left;
  }

  .order-summary .cart-list .cart-item .product-thumb {
    float: left;
  }

  .order-summary .cart-list .cart-item .info * {
    font-size: 15px;
    font-weight: 600;
  }

  .checkout-progress-wrap .checkout-act .box-content {
    padding-left: 15px;
    padding-top: 15px;
  }

  .top-banner ul li .cost {
    margin-left: 15px;
  }

  .top-banner .btns .btn {
    width: 100%;
  }

  .top-banner .btns .btn+.btn {
    margin-left: 0;
    margin-top: 15px;
  }

  .biolife-instagram-block .wrap-title .title,
  .biolife-title-box .main-title {
    font-size: 24px;
  }

  .product-tabs .review-form-wrapper {
    padding-top: 40px;
  }

  .accodition-tab>ul>li>.content {
    padding: 10px 0 15px;
  }

  .product-tabs .tab-content p,
  .accodition-tab>ul>li>.title {
    font-size: 14px;
  }

  .review-form-wrapper .form-row button[type="submit"],
  .review-form-wrapper .wide-half {
    width: 100%;
  }

  .review-form-wrapper .wide-half:nth-last-child(odd) {
    margin-left: 0;
  }

  .biolife-panigations-block.version-2 {
    text-align: center;
  }

  .biolife-panigations-block.version-2 ul li a.next {
    margin-left: 0;
  }

  .biolife-panigations-block.version-2 .result-count {
    width: 100%;
    margin-top: 15px;
  }

  .sumary-product .product-attribute .rating {
    margin-top: 0;
    padding-top: 8px;
  }

  .rating .star-rating {
    margin-top: 10px;
  }

  .sumary-product .product-attribute .review-count {
    margin-right: 17px;
    margin-top: 10px;
  }

  .sumary-product .product-attribute .qa-text,
  .sumary-product .product-attribute .category {
    margin-left: 0;
    margin-right: 17px;
    margin-top: 10px;
  }

  .sumary-product .product-attribute .product-atts .atts-item,
  .sumary-product .product-attribute .title,
  .sumary-product .product-attribute .excerpt {
    max-width: 100%;
  }

  .sumary-product .product-attribute {
    width: 100%;
    padding-left: 0;
    margin-top: 30px;
  }

  .sumary-product .product-attribute .product-atts,
  .sumary-product .media {
    width: 100%;
  }

  .sumary-product .action-form {
    width: 100%;
    margin-top: 33px;
  }

  .contain-product__right-info-layout2 .info .star-rating {
    margin-top: 0;
  }

  .product-category .products-list .product-item:not(:last-child) .pr-detail-layout {
    border-bottom: 1px solid #666;
    margin-bottom: 40px;
  }

  .pr-detail-layout .info .buttons .btn:not(.add-to-cart-btn) {
    display: none;
  }

  .pr-detail-layout .product-thumb {
    width: 100%;
  }

  .pr-detail-layout .info {
    width: 100%;
    padding: 0;
  }

  .pr-detail-layout .info .categories {
    margin-top: 24px;
    width: 100%;
    font-size: 0.8vw;
    color: #7faf51;
    font-weight: 700;
  }

  .pr-detail-layout .info .product-title {
    font-size: 20px;
    line-height: 24px;
    width: 100%;
    margin: 13px 0 0;
  }

  .pr-detail-layout .info .excerpt {
    margin: 20px 0 0;
    width: 100%;
  }

  .pr-detail-layout .info .buttons {
    margin-bottom: 23px;
  }

  .pr-detail-layout .info .buttons .add-to-cart-btn {
    min-width: 100%;
    padding: 13px;
  }

  .pr-detail-layout .advance-info {
    width: 100%;
    margin: 0;
    border: 1px dashed #aaa;
    padding: 13px;
    background: #f9f9f9;
  }

  .top-functions-area .flt-item.group-on-mobile .wrap-selectors {
    width: 290px;
    margin-left: -145px;
    padding: 15px;
  }

  .top-functions-area {
    display: inline-block;
    margin-top: 35px;
    background-color: #fafafa;
    border: 1px solid #efefef;
    padding: 9px 8px 1px;
    padding-bottom: 15px;
    padding-top: 24px;
  }

  .top-functions-area .viewmode-selector .viewmode {
    margin-left: 5px;
  }

  .top-functions-area .flt-item .flt-title {
    display: none;
  }

  .top-functions-area .flt-item.to-right .nice-select.orderby {
    border-radius: 0;
    border: 1px solid #e6e6e6;
    padding-left: 10px;
  }

  .top-functions-area .flt-item.to-right .nice-select.orderby .current {
    padding: 5px 0 7px;
    width: 118px;
  }
}

@media (max-width: 479px) {

  .biolife-banner__style-08 .text1,
  .biolife-banner__style-09 .text1,
  .biolife-banner__style-09 .text3 {
    color: #000000;
  }

  .payment-methods.layout-02 .payments {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }

  .payment-methods.layout-02 .payments li:not(:last-child) {
    margin-right: 0;
  }

  .post-item .post-content .post-archive .author {
    margin-left: 0;
    display: block;
  }

  .add-border-on-mobile {
    border: 1px solid #e6e6e6;
  }

  .biolife-tab .tab-head.tab-head__default .tabs .tab-element.active {
    background-color: #f0f0f0;
  }

  .biolife-tab .tab-head.tab-head__default .tabs .tab-element {
    width: 100%;
    margin: 0;
    background-color: #fafafa;
  }

  .biolife-tab .tab-head.tab-head__default .tabs .tab-element+.tab-element {
    margin: 0;
    margin-top: 1px;
  }

  .tab-head__default .tab-element .tab-link {
    padding: 12px;
    width: 100%;
    margin: 0;
  }

  .tab-head__default .tab-element .tab-link::before {
    display: none;
  }

  .biolife-banner__detail-product .bottom-info .btn {
    min-width: 100%;
    padding: 12px 10px;
    margin-right: 0;
    margin-bottom: 20px;
  }

  .biolife-banner__detail-product .bottom-info .btn-thin {
    min-width: 100%;
    padding: 10px 10px;
    margin-right: 0;
    margin-bottom: 0;
  }

  .bn-atts-item {
    max-width: 100%;
    text-align: left;
  }

  .biolife-banner__detail-product .midle-info .pr-atts li:nth-child(odd) {
    margin-right: 0;
  }

  .biolife-banner__detail-product .midle-info .pr-atts li {
    width: 100%;
  }

  .biolife-banner__promotion4 {
    height: 400px;
  }

  .slider-opt04__layout01 .buttons,
  .slider-opt03__layout02 .buttons {
    margin-top: 20px;
  }

  .slider-opt04__layout01 .buttons .btn,
  .slider-opt03__layout02 .buttons .btn {
    padding: 10px 20px;
    min-width: auto;
  }

  .slider-opt04__layout01 .buttons .btn-thin,
  .slider-opt03__layout02 .buttons .btn-thin {
    padding: 8px 20px;
    margin-left: 5px;
  }

  .slider-opt04__layout01 .buttons .btn-thin:not(:hover),
  .slider-opt03__layout02 .buttons .btn-thin:not(:hover) {
    background-color: #ffffff !important;
    color: var(--primary-black) !important;
    border-color: #ffffff !important;
  }

  .slider-opt04__layout01 .text-content .first-line,
  .slider-opt03__layout02 .text-content .first-line {
    font-size: 22px;
  }

  .slider-opt04__layout01.light-version .text-content .third-line,
  .slider-opt04__layout01.light-version .text-content .first-line {
    color: #000000;
    font-weight: 600;
  }

  .slider-opt04__layout01 .text-content .second-line,
  .slider-opt03__layout02 .text-content .second-line {
    font-size: 30px;
    line-height: 1;
    margin-top: 14px;
  }

  .slider-opt03__layout02 .text-content {
    left: 15px;
    top: 100px;
    padding-right: 5px;
  }

  .slider-opt04__layout01 .text-content {
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    top: 50%;
    left: 50%;
    right: auto;
    margin: 0;
    padding: 15px 10px;
    background-color: transparent;
    width: calc(100% - 10px);
    -webkit-transition: background-color 1.2s ease;
    -moz-transition: background-color 1.2s ease;
    -ms-transition: background-color 1.2s ease;
    -o-transition: background-color 1.2s ease;
    transition: background-color 1.2s ease;
  }

  .slick-active .slider-opt04__layout01.light-version .text-content {
    background-color: rgba(255, 255, 255, 0.8);
  }

  .slider-opt04__layout01 .buttons .btn {
    font-size: 13px;
  }

  .slider-opt04__layout01 .buttons .btn-thin {
    -webkit-box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.2);
    box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.2);
    margin-left: 10px;
  }

  .slider-opt04__layout01 .media {
    height: 400px;
  }

  .biolife-banner__style-02 .text-content,
  .biolife-banner__style-03 .text-content,
  .biolife-banner__style-04 .text-content {
    min-height: auto;
  }

  .biolife-banner__style-14 .text2,
  .biolife-banner__style-09 .text2,
  .biolife-banner__style-03 .text2,
  .biolife-banner__style-13 .text2,
  .biolife-banner__style-08 .text2,
  .biolife-banner__style-02 .text2 {
    font-size: 25px;
  }

  .main-slide .slick-arrow {
    display: none !important;
  }
}

@media (max-width: 399px) {
  .biolife-gird-banners .grid-panel .list-media .media-contain {
    height: 200px;
  }

  .biolife-gird-banners .grid-panel .list-media .cat-name {
    font-size: 18px;
    padding: 10px 10px 18px;
  }

  .biolife-gird-banners .grid-panel .list-media .biolife-banner__grid:not(.type-02) .banner-contain .cat-name {
    padding: 20px 15px;
    min-width: auto;
    width: 100%;
  }

  .biolife-gird-banners .grid-panel .list-media .biolife-banner__grid:not(.type-02) .banner-contain {
    bottom: 0;
  }
}

@media (max-width: 380px) {

  .biolife-banner__style-05 .banner-contain,
  .biolife-banner__style-06 .banner-contain,
  .biolife-banner__style-07 .banner-contain {
    overflow: hidden;
  }

  .biolife-banner__style-05 .media,
  .biolife-banner__style-06 .media,
  .biolife-banner__style-07 .media {
    left: -50px;
  }
}

.xs-margin-top-0 {
  margin-top: 0;
}

.xs-margin-top-10px {
  margin-top: 10px;
}

.xs-margin-top-19px {
  margin-top: 19px;
}

.xs-margin-top-20px {
  margin-top: 20px;
}

.xs-margin-top-25px {
  margin-top: 25px;
}

.xs-margin-top-30px {
  margin-top: 30px;
}

.xs-margin-top-30px-im {
  margin-top: 30px !important;
}

.xs-margin-top-33px {
  margin-top: 33px;
}

.xs-margin-top-34px {
  margin-top: 34px;
}

.xs-margin-top-36px {
  margin-top: 36px;
}

.xs-margin-top-40px {
  margin-top: 40px;
}

.xs-margin-top-45px {
  margin-top: 45px;
}

.xs-margin-top-50px-im {
  margin-top: 50px !important;
}

.xs-margin-top-50px {
  margin-top: 50px;
}

.xs-margin-top-60px {
  margin-top: 60px;
}

.xs-margin-top-65px {
  margin-top: 65px;
}

.xs-margin-top-80px {
  margin-top: 80px;
}

.xs-margin-top-80px-im {
  margin-top: 80px !important;
}

.xs-margin-top-90px {
  margin-top: 90px;
}

.xs-margin-top-100 {
  margin-top: 100px;
}

.xs-margin-bottom-15px {
  margin-bottom: 15px;
}

.xs-margin-bottom-16px {
  margin-bottom: 16px;
}

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

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

.xs-margin-bottom-36px {
  margin-bottom: 36px;
}

.xs-margin-bottom-33px {
  margin-bottom: 33px;
}

.xs-margin-bottom-40-im {
  margin-bottom: 40px !important;
}

.xs-margin-bottom-46px {
  margin-bottom: 46px;
}

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

.xs-margin-bottom-66px {
  margin-bottom: 66px;
}

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

.xs-margin-bottom-50px-im {
  margin-bottom: 50px !important;
}

.xs-margin-bottom-60px-im {
  margin-bottom: 60px !important;
}

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

.xs-padding-top-10px {
  padding-top: 10px;
}

.xs-padding-top-30px {
  padding-top: 30px;
}

.xs-padding-bottom-50px {
  padding-bottom: 50px;
}

.width-100percent {
  width: 100%;
}

.width-90percent {
  width: 90%;
}

.width-80percent {
  width: 80%;
}

.width-40percent {
  width: 40%;
}

.width-30percent {
  width: 30%;
}

.width-20percent {
  width: 20%;
}

.width-10percent {
  width: 10%;
}

.min-height-346px {
  min-height: 346px;
}

@media (min-width: 768px) {
  .sm-margin-top_-1px {
    margin-top: -1px;
  }

  .sm-margin-top-0 {
    margin-top: 0;
  }

  .sm-margin-top-0-im {
    margin-top: 0 !important;
  }

  .sm-margin-top-11px {
    margin-top: 11px;
  }

  .sm-margin-top-19px {
    margin-top: 19px;
  }

  .sm-margin-top-23px {
    margin-top: 23px;
  }

  .sm-margin-top-25px {
    margin-top: 25px;
  }

  .sm-margin-top-27px {
    margin-top: 27px;
  }

  .sm-margin-top-30px {
    margin-top: 30px;
  }

  .sm-margin-top-30px-im {
    margin-top: 30px !important;
  }

  .sm-margin-top-32px {
    margin-top: 32px;
  }

  .sm-margin-top-33px {
    margin-top: 33px;
  }

  .sm-margin-top-34px {
    margin-top: 34px;
  }

  .sm-margin-top-37px {
    margin-top: 37px;
  }

  .sm-margin-top-39px {
    margin-top: 39px;
  }

  .sm-margin-top-40px {
    margin-top: 40px;
  }

  .sm-margin-top-44px {
    margin-top: 44px;
  }

  .sm-margin-top-45px {
    margin-top: 45px;
  }

  .sm-margin-top-49px {
    margin-top: 49px;
  }

  .sm-margin-top-50px {
    margin-top: 50px;
  }

  .sm-margin-top-53px {
    margin-top: 53px;
  }

  .sm-margin-top-54px {
    margin-top: 54px;
  }

  .sm-margin-top-55px {
    margin-top: 55px;
  }

  .sm-margin-top-59px {
    margin-top: 59px;
  }

  .sm-margin-top-60px {
    margin-top: 60px;
  }

  .sm-margin-top-61px {
    margin-top: 61px;
  }

  .sm-margin-top-62px {
    margin: 62px 0 0;
  }

  .sm-margin-top-63px {
    margin: 63px 0 0;
  }

  .sm-margin-top-64px {
    margin-top: 64px;
  }

  .sm-margin-top-70px {
    margin-top: 70px;
  }

  .sm-margin-top-71px {
    margin-top: 71px;
  }

  .sm-margin-top-74px {
    margin-top: 74px;
  }

  .sm-margin-top-76px {
    margin-top: 76px;
  }

  .sm-margin-top-80px {
    margin-top: 80px;
  }

  .sm-margin-top-84px {
    margin-top: 84px;
  }

  .sm-margin-top-93px {
    margin-top: 93px;
  }

  .sm-margin-top-96px {
    margin-top: 96px;
  }

  .sm-margin-top-100px {
    margin-top: 100px;
  }

  .sm-margin-top-112px {
    margin-top: 112px;
  }

  .sm-margin-top-193px {
    margin-top: 93px;
  }

  .sm-margin-top_58px {
    margin-top: -58px;
  }

  .sm-margin-bottom-0 {
    margin-bottom: 0;
  }

  .sm-margin-bottom-0-im {
    margin-bottom: 0 !important;
  }

  .sm-margin-bottom-24px {
    margin-bottom: 24px;
  }

  .sm-margin-bottom-26px {
    margin-bottom: 26px;
  }

  .sm-margin-bottom-35-im {
    margin-bottom: 35px !important;
  }

  .sm-margin-bottom-36px {
    margin-bottom: 36px;
  }

  .sm-margin-bottom-57px {
    margin-bottom: 57px;
  }

  .sm-margin-bottom-57-im {
    margin-bottom: 57px !important;
  }

  .sm-margin-bottom-70px {
    margin-bottom: 70px;
  }

  .sm-margin-bottom-73px {
    margin-bottom: 73px;
  }

  .sm-margin-bottom-76px {
    margin-bottom: 76px;
  }

  .sm-margin-bottom-77px {
    margin-bottom: 77px;
  }

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

  .sm-margin-bottom-89px {
    margin-bottom: 89px;
  }

  .sm-margin-bottom-120px {
    margin-bottom: 120px;
  }

  .sm-padding-top-14px {
    padding-top: 14px;
  }

  .sm-padding-top-48px {
    padding-top: 48px;
  }

  .sm-padding-top-54px {
    padding-bottom: 54px;
  }

  .sm-padding-top-64px {
    padding-top: 66px;
  }

  .sm-padding-top-75px {
    padding-top: 75px;
  }

  .sm-padding-top-72px {
    padding-bottom: 72px;
  }

  .sm-padding-bottom-80px {
    padding-bottom: 80px;
  }

  .sm-padding-bottom-39px {
    padding-bottom: 39px;
  }

  .tab-head__sample-layout.bg-tab-v5 .tab-element .tab-link:hover,
  .tab-head__sample-layout.bg-tab-v5 .active .tab-link {
    background: url("../images/bg_tab-v5.png");
    color: #222222;
  }

  .header-area.layout-05 .header-middle {
    margin-bottom: 32px;
  }

  .slider-opt03__layout01.mode-03 .text-content {
    top: 51%;
    right: 19%;
    margin: 0 14px 0 0;
  }

  .tab-head__icon-top-layout.background-tab-include a {
    line-height: 0;
  }

  .tab-head__icon-top-layout.background-tab-include a>span:not(.biolife-icon) {
    display: block;
    font-size: 24px;
    text-transform: capitalize;
    color: #888888;
    line-height: 1;
    font-weight: 600;
  }

  .tab-head__icon-top-layout.background-tab-include .active a>span:not(.biolife-icon) {
    color: #dd6b0c;
  }

  .tab-head__icon-top-layout.background-tab-include .biolife-icon {
    background-image: url(../images/home-01/tab-bg-01.png);
    display: inline-block;
    width: 106px;
    text-align: center;
    padding: 30px;
    color: #ffffff;
    opacity: 0.5;
    filter: alpha(opacity=50);
    margin-bottom: 3px;
  }

  .tab-head__icon-top-layout.background-tab-include .elm-02 .biolife-icon {
    background-image: url(../images/home-01/tab-bg-02.png);
  }

  .tab-head__icon-top-layout.background-tab-include .elm-03 .biolife-icon {
    background-image: url(../images/home-01/tab-bg-03.png);
  }

  .tab-head__icon-top-layout.background-tab-include .elm-04 .biolife-icon {
    background-image: url(../images/home-01/tab-bg-04.png);
  }

  .tab-head__icon-top-layout.background-tab-include .active .biolife-icon {
    opacity: 1;
    filter: alpha(opacity=100);
  }

  .header-area.layout-01 .header-middle {
    padding: 20px 0 28px;
  }

  .header-area.layout-01 .header-middle .biolife-logo {
    margin-top: 7px;
    display: block;
  }

  .header-area.layout-01 .header-middle .header-search-bar {
    padding-top: 1px;
  }

  .slider-opt03__layout01.mode-02 .text-content {
    top: 39%;
    right: 19%;
    margin: 0 12px 0 0;
  }

  .tab-head__icon-top-layout.type-02 a {
    font-size: 0.8vw;
    text-transform: uppercase;
    font-weight: 700;
    padding-bottom: 6px;
  }

  .biolife-banner__promotion4.v2 .text-content {
    margin-left: 7px;
    top: 76px;
  }

  .footer.layout-02 .footer-item .section-title {
    font-size: 22px;
  }
}

@media (min-width: 992px) {
  .md-full-width {
    width: 100%;
  }

  .md-max-width-270px {
    max-width: 270px;
  }

  .md-width-970 {
    width: 970px;
  }

  .md-width-750 {
    width: 750px;
  }

  .md-width-640 {
    width: 640px;
  }

  .md-margin-top_10px {
    margin-top: -10px !important;
  }

  .md-margin-top-0 {
    margin-top: 0;
  }

  .md-margin-top-6px {
    margin-top: 6px;
  }

  .md-margin-top-5px {
    margin-top: 5px;
  }

  .md-margin-top-9 {
    margin-top: 9px;
  }

  .md-margin-top-50px {
    margin-top: 50px;
  }

  .md-margin-top-61px {
    margin-top: 61px;
  }

  .md-margin-top-74px {
    margin-top: 74px;
  }

  .md-margin-bottom-0 {
    margin-bottom: 0;
  }

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

  .md-margin-bottom-35-im {
    margin-bottom: 35px !important;
  }

  .md-margin-bottom-39 {
    margin-bottom: 39px;
  }

  .md-margin-bottom-46 {
    margin-bottom: 46px;
  }

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

  .md-margin-bottom-83 {
    margin-bottom: 83px;
  }

  .md-padding-top-55 {
    padding-top: 55px;
  }

  .md-padding-left-23 {
    padding-left: 23px;
  }

  .md-padding-left-25 {
    padding-left: 25px;
  }

  .md-padding-left-50 {
    padding-left: 50px;
  }

  .md-padding-left-57 {
    padding-left: 57px;
  }

  .sumary-product.single-layout {
    min-height: 430px;
  }

  .biolife-brd-container:not(.transparent-effect) figure {
    display: inline-block;
    font-size: 0;
    line-height: 0;
    overflow: hidden;
  }

  .biolife-brd-container:not(.transparent-effect) figure>img {
    -webkit-transition: transform 0.3s ease;
    -moz-transition: transform 0.3s ease;
    -ms-transition: transform 0.3s ease;
    -o-transition: transform 0.3s ease;
    transition: transform 0.3s ease;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }

  .biolife-brd-container:not(.transparent-effect):hover figure>img {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
  }

  .post-item.effect-04 .thumbnail,
  .post-item.effect-03 .thumbnail,
  .post-item.effect-02 .thumbnail,
  .post-item.effect-01 .thumbnail {
    position: relative;
    overflow: hidden;
  }

  .post-item.effect-04 .thumbnail>a,
  .post-item.effect-02 .thumbnail>a,
  .post-item.effect-01 .thumbnail>a {
    display: block;
  }

  .post-item.effect-04 .thumbnail>a::before,
  .post-item.effect-01 .thumbnail>a::before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: transparent;
    border: 1px solid #e6e6e6;
    z-index: 5;
    visibility: hidden;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
  }

  .post-item.effect-04 .thumbnail>a::after,
  .post-item.effect-01 .thumbnail>a::after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.3);
    opacity: 0;
    filter: alpha(opacity=0);
    visibility: hidden;
    z-index: 2;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
  }

  .post-item.effect-04 .thumbnail:hover .post-date,
  .post-item.effect-01 .thumbnail:hover .post-date {
    opacity: 0;
    filter: alpha(opacity=0);
    visibility: hidden;
  }

  .post-item.effect-04 .thumbnail:hover>a::before,
  .post-item.effect-01 .thumbnail:hover>a::before {
    top: 20px;
    left: 20px;
    right: 20px;
    bottom: 20px;
    visibility: visible;
  }

  .post-item.effect-04 .thumbnail:hover>a::after,
  .post-item.effect-01 .thumbnail:hover>a::after {
    visibility: visible;
    opacity: 1;
    filter: alpha(opacity=100);
  }

  .post-item.effect-02 .thumbnail img {
    display: inline-block;
    -webkit-transition: all 0.5s cubic-bezier(0.34, 1.61, 0.7, 1);
    transition: all 0.5s cubic-bezier(0.34, 1.61, 0.7, 1);
  }

  .post-item.effect-02 .thumbnail:hover img {
    -webkit-transform: scale(1.1) rotate(5deg);
    transform: scale(1.1) rotate(5deg);
  }

  .post-item.effect-03 .thumbnail>a:before,
  .post-item.effect-02 .thumbnail>a:before {
    content: "";
    position: absolute;
    display: block;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.2);
    z-index: 4;
    -webkit-transition: all 0.5s cubic-bezier(0.34, 1.61, 0.7, 1);
    transition: all 0.5s cubic-bezier(0.34, 1.61, 0.7, 1);
    opacity: 0;
    filter: alpha(opacity=0);
    visibility: hidden;
  }

  .post-item.effect-03 .thumbnail:hover>a:before,
  .post-item.effect-02 .thumbnail:hover>a:before {
    opacity: 1;
    filter: alpha(opacity=100);
    visibility: visible;
  }

  .post-item.effect-04 .thumbnail img,
  .post-item.effect-03 .thumbnail img {
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
  }

  .post-item.effect-04 .thumbnail:hover img,
  .post-item.effect-03 .thumbnail:hover img {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }

  .product-category.grid-style .products-list li {
    padding-left: 5px;
    padding-right: 5px;
  }

  .biolife-banner__grid.type-02 .media-contain::before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 0;
    background-image: linear-gradient(to top, #dd6b0c, transparent);
    z-index: 1;
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transition: all 950ms ease;
    -moz-transition: all 950ms ease;
    -ms-transition: all 950ms ease;
    -o-transition: all 950ms ease;
    transition: all 950ms ease;
  }

  .biolife-banner__grid.type-02.bn-elm-02 .media-contain::before {
    background-image: linear-gradient(to top, #05a503, transparent);
  }

  .biolife-banner__grid.type-02.bn-elm-03 .media-contain::before {
    background-image: linear-gradient(to top, #5d6a96, transparent);
  }

  .biolife-banner__grid.type-02.bn-elm-04 .media-contain::before {
    background-image: linear-gradient(to top, #f81c56, transparent);
  }

  .biolife-banner__grid.type-02.bn-elm-05 .media-contain::before {
    background-image: linear-gradient(to top, #433a55, transparent);
  }

  .biolife-banner__grid.type-02.bn-elm-06 .media-contain::before {
    background-image: linear-gradient(to top, #fd2046, transparent);
  }

  .biolife-banner__grid.type-02:hover .media-contain::before {
    opacity: 0.5;
    filter: alpha(opacity=50);
    height: 110px;
  }

  .header-area.layout-01 .biolife-sticky-object:not(.pre-sticky) .biolife-cart-info {
    margin-top: 6px;
  }

  .header-area.layout-01 .biolife-sticky-object .primary-menu>ul {
    position: initial;
  }

  .header-area.layout-01 .biolife-sticky-object .primary-menu {
    margin-top: 16px;
    position: relative;
    margin-left: -30px;
    padding-left: 30px;
  }

  .header-area:not(.layout-01):not(.layout-02) .primary-menu>ul .wrap-megamenu {
    margin-left: 0px;
  }

  .header-area.layout-01 .biolife-cart-info .minicart-block {
    margin-left: 0;
  }

  .biolife-popup .modal-dialog {
    min-width: 770px;
    margin-top: 200px;
  }

  .biolife-title-box__bold-center .subtitle {
    margin: 0;
  }

  .biolife-title-box__bold-center .main-title {
    font-size: 40px;
    margin-top: 6px;
  }

  .biolife-title-box__icon-at-top-style .main-title {
    font-size: 40px;
    margin-top: 4px;
  }

  .header-area.layout-02 .mobile-search-content {
    display: block;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
    -webkit-transition: all 350ms ease;
    -moz-transition: all 350ms ease;
    -o-transition: all 350ms ease;
    transition: all 350ms ease;
  }

  .header-area.layout-02 .mobile-search .mobile-search-content {
    display: block;
  }

  body.open-mobile-search .header-area.layout-02 .mobile-search-content {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }

  #sidebar.mobile-version {
    position: fixed;
    top: 0;
    left: -320px;
    width: 300px;
    height: 100vh;
    overflow: hidden;
  }

  .scale-effect.contain-product .product-thumb {
    overflow: hidden;
  }

  .scale-effect.contain-product .product-thumb .link-to-product>img {
    display: inline-block;
    -webkit-transition: transform 350ms ease;
    -moz-transition: transform 350ms ease;
    -ms-transition: transform 350ms ease;
    -o-transition: transform 350ms ease;
    transition: transform 350ms ease;
  }

  .scale-effect.contain-product:hover .product-thumb .link-to-product>img {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
  }

  .biolife-banner__style-12 .banner-contain .media .bn-link img,
  .biolife-banner__style-11 .banner-contain .media .bn-link img {
    display: inline-block;
    -webkit-transition: transform 0.8s ease;
    -moz-transition: transform 0.8s ease;
    -ms-transition: transform 0.8s ease;
    -o-transition: transform 0.8s ease;
    transition: transform 0.8s ease;
  }

  .biolife-banner__style-12:hover .banner-contain .media .bn-link img,
  .biolife-banner__style-11:hover .banner-contain .media .bn-link img {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
  }

  .slider-opt04__layout01.light-version .text-content {
    left: 38px;
  }

  .slider-opt04__layout01.light-version .text-content .third-line {
    margin-left: 8px;
  }

  .biolife-banner__promotion4 .position-1 img,
  .biolife-cat-box-item .cat-thumb img {
    display: inline-block;
    -webkit-transition: all 350ms ease;
    -moz-transition: all 350ms ease;
    -ms-transition: all 350ms ease;
    -o-transition: all 350ms ease;
    transition: all 350ms ease;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }

  .biolife-banner__promotion4 .position-1:hover img,
  .biolife-cat-box-item:hover .cat-thumb img {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
  }

  .contain-product:not(.pr-detail-layout):not(.contain-product__right-info-layout):not(.contain-product__deal-layout):not(.none-overlay):not(.style-widget) .product-thumb {
    padding: 10px 10px 0 10px;
  }

  .advance-product-box_countdown .contain-product .product-thumb {
    padding: 11px 8px 0 !important;
  }

  .page-contain {
    position: relative;
  }

  .page-contain:not(.category-page) {
    z-index: 10;
  }

  .page-contain #sidebar:not(.blog-sidebar) {
    margin-top: -6px;
  }

  .page-contain.right-sidebar.category-page #main-content,
  .page-contain.left-sidebar.category-page #main-content {
    margin-top: -10px;
  }

  .page-contain.left-sidebar #main-content {
    float: right;
  }

  .biolife-carousel.products-list:not(.default-product-style) {
    margin: -5px -15px;
  }

  .biolife-carousel.products-list:not(.default-product-style) .slick-list {
    padding: 5px;
  }

  .biolife-carousel.products-list.vertical-layout-02 {
    margin: -15px;
  }

  .biolife-carousel.products-list.vertical-layout-02 .slick-list {
    padding: 15px;
  }

  .biolife-carousel.products-list:not(.default-product-style):hover {
    /* margin-bottom: -150px;
		 */
  }

  .biolife-carousel.products-list:not(.default-product-style):hover .slick-list {
    /* padding-bottom: 150px;
		 */
  }

  .contain-product.layout-02:hover,
  .contain-product.layout-default:hover {
    -webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.2);
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.2);
  }

  .header-search-bar.layout-01 .input-text {
    max-width: 100%;
  }

  .biolife-sticky-object.pre-sticky {
    position: fixed;
    left: 0;
    right: 0;
    top: -110%;
    -webkit-transition: all 1200ms ease;
    -moz-transition: all 1200ms ease;
    -o-transition: all 1200ms ease;
    transition: all 1200ms ease;
    background-color: #ffffff;
    z-index: 50;
    -webkit-box-shadow: 0 0 9px 0 rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 0 9px 0 rgba(0, 0, 0, 0.2);
    box-shadow: 0 0 9px 0 rgba(0, 0, 0, 0.2);
    padding: 10px 0;
  }

  .biolife-sticky-object.pre-sticky.is-sticky {
    top: 0;
  }

  .header-area.layout-01 .biolife-sticky-object.pre-sticky .primary-menu {
    margin-top: 15px;
  }

  .contain-product.layout-default .info {
    position: relative;
  }

  .contain-product.layout-default .slide-down-box {
    -webkit-transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    transition: all 500ms ease;
    -webkit-box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.2);
    box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.2);
    position: absolute;
    -webkit-transform: translateY(-20px);
    -moz-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    -o-transform: translateY(-20px);
    transform: translateY(-20px);
    top: 100%;
    left: 0;
    right: 0;
    visibility: hidden;
    opacity: 0;
    filter: alpha(opacity=0);
    z-index: 10;
    background-color: #ffffff;
    padding-top: 11px;
    padding-bottom: 30px;
  }

  .contain-product.layout-default:hover .slide-down-box {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
    filter: alpha(opacity=100);
    visibility: visible;
  }

  .biolife-nav.nav-86px {
    margin-top: 38px;
    margin-bottom: 33px;
  }
}

@media (min-width: 1200px) {
  .lg-width-1170 {
    width: 1170px;
  }

  .lg-width-900 {
    width: 900px;
  }

  .lg-width-800 {
    width: 800px;
  }

  .lg-margin-top-0 {
    margin-top: 0;
  }

  .lg-margin-top-14px {
    margin-top: 14px;
  }

  .lg-margin-top-23px {
    margin-top: 23px;
  }

  .lg-margin-bottom-0 {
    margin-bottom: 0;
  }

  .lg-margin-bottom-26px-im {
    margin-bottom: 26px !important;
  }

  .lg-margin-top-30px {
    margin-top: 30px;
  }

  .lg-margin-bottom-72 {
    margin-bottom: 72px;
  }

  .lg-padding-left-23 {
    padding-left: 23px;
  }

  .lg-padding-left-25 {
    padding-left: 25px;
  }

  .lg-padding-left-50 {
    padding-left: 50px;
  }

  .md-boder-left-30 {
    position: relative;
  }

  .md-boder-left-30::before {
    content: "";
    width: 2px;
    display: block;
    position: absolute;
    top: 0;
    left: -31px;
    bottom: 0;
    background-color: #e6e6e6;
  }

  .col-lg-2>.contain-product.layout-default .slide-down-box .buttons {
    padding: 0;
  }

  .col-lg-2>.contain-product.layout-default .slide-down-box .buttons .add-to-cart-btn {
    padding: 10px;
  }

  .col-lg-12>.pr-detail-layout .info .categories,
  .col-lg-12>.pr-detail-layout .info .product-title,
  .col-lg-12>.pr-detail-layout .info .excerpt,
  .col-lg-12>.pr-detail-layout .info .price,
  .col-lg-12>.pr-detail-layout .info .buttons {
    max-width: 100%;
  }

  .sumary-product .biolife-countdown>span+span {
    margin-left: 20px;
  }

  .sumary-product .product-attribute .price+div:not(.product-atts) {
    max-width: 368px;
  }

  .sumary-product .product-attribute .price+div.grouped-product-list {
    width: calc(100% - 30px);
    max-width: inherit;
  }

  .content-404 .button:hover:before {
    width: 16px;
    opacity: 1;
  }

  .biolife-banner__style-15 .bn-link::before,
  .biolife-banner__style-01 .bn-link::before {
    content: "";
    background-color: rgba(0, 0, 0, 0.2);
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    display: block;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
    visibility: hidden;
    opacity: 0;
    filter: alpha(opacity=0);
  }

  .biolife-banner__style-15:hover .bn-link::before,
  .biolife-banner__style-01:hover .bn-link::before {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    visibility: visible;
    opacity: 1;
    filter: alpha(opacity=100);
  }

  .biolife-banner__style-15 .text-content .fourth-line,
  .biolife-banner__style-15 .text-content .third-line,
  .biolife-banner__style-15 .text-content .second-line,
  .biolife-banner__style-15 .text-content .first-line,
  .biolife-banner__style-01 .text-content .fourth-line,
  .biolife-banner__style-01 .text-content .third-line,
  .biolife-banner__style-01 .text-content .second-line,
  .biolife-banner__style-01 .text-content .first-line {
    -webkit-transition: all 0.3s ease 0.1s;
    -moz-transition: all 0.3s ease 0.1s;
    -ms-transition: all 0.3s ease 0.1s;
    -o-transition: all 0.3s ease 0.1s;
    transition: all 0.3s ease 0.1s;
  }

  .biolife-banner__style-15:hover .text-content .fourth-line,
  .biolife-banner__style-15:hover .text-content .third-line,
  .biolife-banner__style-15:hover .text-content .second-line,
  .biolife-banner__style-15:hover .text-content .first-line,
  .biolife-banner__style-01:hover .text-content .fourth-line,
  .biolife-banner__style-01:hover .text-content .third-line,
  .biolife-banner__style-01:hover .text-content .second-line,
  .biolife-banner__style-01:hover .text-content .first-line {
    color: #ffffff !important;
  }

  .contain-product__deal-layout .slide-down-box .buttons .btn:not(.add-to-cart-btn) {
    padding: 6px 14px;
  }

  .biolife-service__type01 .services-list li {
    text-align: center;
    padding-bottom: 11px;
  }

  .biolife-service__type01 .services-list li:hover .biolife-icon {
    animation-duration: 2.5s;
    -webkit-animation-duration: 2.5s;
    animation-delay: 0.1s;
    -webkit-animation-delay: 0.1s;
    animation-iteration-count: infinite;
    -webkit-animation-iteration-count: infinite;
    animation-name: bounce;
    -webkit-animation-name: bounce;
  }

  .service-inner:not(.style-02) {
    width: auto;
    text-align: left;
  }

  .service-inner:not(.style-02) .srv-name {
    width: auto;
    display: block;
  }

  .header-area.layout-03 .header-search-bar.layout-01 .input-text {
    /* max-width: 500px;
		 */
  }

  .slider-opt03__layout01.mode-03.black-color .text-content .first-line {
    color: #666666;
  }

  .slider-opt03__layout01.mode-03.black-color .text-content .second-line {
    color: #222222;
  }

  .slider-opt03__layout01.mode-03.black-color .text-content .third-line {
    color: var(--primary-black);
  }

  .transparent-effect img {
    -webkit-transition: opacity 350ms ease;
    -moz-transition: opacity 350ms ease;
    -ms-transition: opacity 350ms ease;
    -o-transition: opacity 350ms ease;
    transition: opacity 350ms ease;
  }

  .transparent-effect:not(:hover) img {
    opacity: 0.5;
    filter: alpha(opacity=50);
  }

  .biolife-banner__promotion2.advance .media {
    left: -37px;
  }

  .contain-product__right-info-layout3 {
    -webkit-transition: box-shadow 500ms ease;
    -moz-transition: box-shadow 500ms ease;
    -o-transition: box-shadow 500ms ease;
    transition: box-shadow 500ms ease;
    margin-left: -10px;
  }

  .contain-product__right-info-layout3 .info .buttons {
    -webkit-transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    transition: all 500ms ease;
    -webkit-box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.2);
    box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.2);
    position: absolute;
    -webkit-transform: translateY(-20px);
    -moz-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    -o-transform: translateY(-20px);
    transform: translateY(-20px);
    top: 100%;
    left: 0;
    right: 0;
    visibility: hidden;
    opacity: 0;
    filter: alpha(opacity=0);
    z-index: 10;
  }

  .contain-product__right-info-layout3:hover {
    -webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.2);
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.2);
  }

  .contain-product__right-info-layout3:hover .info .buttons {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
    filter: alpha(opacity=100);
    visibility: visible;
  }

  .footer-midle-pst.v2 {
    margin-top: 59px;
  }
}

@media (min-width: 768px) and (max-width: 1199px) {
  .tab-head__icon-top-layout .biolife-icon {
    font-size: 35px;
  }

  .tab-head__icon-top-layout a {
    font-size: 20px;
  }

  .contain-product__right-info-layout3 .buttons .add-to-cart-btn {
    min-width: auto;
    padding: 11px 23px;
  }

  .contain-product__right-info-layout3 .info {
    padding-left: 20px;
  }

  .contain-product__right-info-layout3 .product-thumb {
    width: 200px !important;
  }

  .products-list.vertical-layout-02 li {
    margin-top: 30px;
  }
}

@media (min-width: 992px) and (max-width: 1199px) {
  .biolife-banner__grid .media-contain {
    height: 256px;
  }

  .biolife-banner__grid .media-contain.media-01,
  .biolife-banner__grid .media-contain.media-06 {
    height: 512px;
  }

  .md-possition-relative {
    position: relative;
  }

  .md-possition-initial {
    position: static;
  }

  .header-area.layout-01 .biolife-sticky-object .primary-menu {
    position: static;
  }

  .shpcart-subtotal-block .btn-checkout .btn {
    max-width: 175px;
  }

  .contain-product__right-info-layout .product-thumb {
    width: 40%;
  }

  .post-item.style-left-info .thumbnail {
    width: 320px;
  }

  .header-area.layout-01 .primary-menu>ul>li+li {
    margin-left: 25px;
  }

  .slider-opt05 {
    height: 508px;
  }

  .biolife-banner__style-12 .banner-contain .media,
  .biolife-banner__style-11 .banner-contain .media {
    width: 200px;
  }

  .biolife-banner__style-11 .text4 span,
  .biolife-banner__style-11 .text4,
  .biolife-banner__style-11 .text2 {
    font-size: 27px;
  }

  .minicart-block.layout-02 .icon-contain .sub-total,
  .minicart-block.layout-02 .icon-contain .btn-to-cart {
    display: none;
  }

  .minicart-block.layout-02 .icon-contain .span-index {
    border-right: 2px solid #e6e6e6;
    border-radius: 50%;
    padding: 0 10px;
    width: 45px;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .sumary-product .biolife-countdown>span+span {
    margin-left: 20px;
  }

  .sumary-product .product-attribute {
    padding-top: 0;
  }

  .biolife-banner__style-01 .text-content {
    padding: 15px;
    background-color: rgba(255, 255, 255, 0.8);
    margin-top: -15px;
    margin-right: 15px;
  }

  .biolife-banner__style-15 .text-content {
    right: 15px;
  }

  .slider-opt03__layout02 .text-content {
    left: 20%;
  }

  .contain-product__right-info-layout .product-thumb {
    width: 40%;
  }

  .top-functions-area {
    margin-top: 30px;
    padding-bottom: 20px;
  }

  .advance-product-box_countdown .biolife-countdown>span+span {
    margin-left: 4px;
  }
}

@media (min-width: 480px) and (max-width: 767px) {
  .slider-opt04__layout01.light-version .text-content {
    background-color: transparent;
    padding: 20px 10px;
    left: 30px;
    right: auto;
  }

  .slick-slide.slick-active .slider-opt04__layout01.light-version .text-content {
    background-color: rgba(255, 255, 255, 0.8);
    -webkit-transition: background-color 1.2s ease;
    -moz-transition: background-color 1.2s ease;
    -ms-transition: background-color 1.2s ease;
    -o-transition: background-color 1.2s ease;
    transition: background-color 1.2s ease;
  }
}

@media (max-width: 1199px) {
  .products-list.biolife-carousel.nav-none-after-1k2 .slick-arrow.biolife-icon {
    display: none !important;
  }
}

@media (max-width: 1100px) {

  .biolife-carousel.nav-none-on-mobile.nav-center-bold .slick-arrow.prev,
  .biolife-carousel.nav-none-on-mobile.nav-center-bold .slick-arrow.next,
  .biolife-carousel.nav-none-on-mobile.nav-center .slick-arrow.prev,
  .biolife-carousel.nav-none-on-mobile.nav-center .slick-arrow.next,
  .biolife-carousel.nav-none-on-mobile.nav-top-right .slick-arrow.prev,
  .biolife-carousel.nav-none-on-mobile.nav-top-right .slick-arrow.next,
  .biolife-carousel.nav-none-on-mobile.nav-center-02 .slick-arrow.prev,
  .biolife-carousel.nav-none-on-mobile.nav-center-02 .slick-arrow.next,
  .biolife-carousel.nav-none-on-mobile.nav-center-03 .slick-arrow.prev,
  .biolife-carousel.nav-none-on-mobile.nav-center-03 .slick-arrow.next {
    display: none !important;
  }
}

.header-area .biolife-logo {
  position: absolute;
  left: 23%;
  top: 15px;
}

.header-area .biolife-logo img {
  width: 165px;
}

footer .logo.footer-logo img {
  width: 180px;
}

.header-area .is-sticky .biolife-logo {
  top: 2px;
}

.header-area .is-sticky .biolife-logo img {
  width: 75px;
}

.header-area .is-sticky .primary-menu {
  line-height: 55px;
}

.header-area .is-sticky .biolife-cart-info {
  line-height: 65px;
}

.text-white {
  color: #fff !important;
}

.product-tab .tab-element .tab-link .biolife-icon .defimg {
  display: inline-block;
}

.product-tab .tab-element .tab-link .biolife-icon .hovimg {
  display: none;
}

.product-tab .tab-element .tab-link:hover .biolife-icon .defimg,
.product-tab .tab-element.active .tab-link:hover .biolife-icon .defimg,
.product-tab .tab-element.active .tab-link .biolife-icon .defimg {
  display: none;
}

.product-tab .tab-element .tab-link:hover .biolife-icon .hovimg,
.product-tab .tab-element.active .tab-link:hover .biolife-icon .hovimg,
.product-tab .tab-element.active .tab-link .biolife-icon .hovimg {
  display: inline-block;
}

.product-tab .tab-element .tab-link:hover .biolife-icon .defimg {
  display: none;
}

.product-tab .tab-element .tab-link:hover .biolife-icon .hovimg {
  display: inline-block;
}

h4.title span.belongs {
  display: block;
  width: 74%;
  font-size: 0.8vw;
  line-height: normal;
  font-weight: 600;
  text-align: right;
  color: var(--primary-red);
  position: relative;
  top: -5px;
  right: -20px;
  font-family: "Playfair Display", sans-serif;
}

label {
  font-weight: 400;
  color: #333333;
}

label .required {
  color: #ff2727;
  border-bottom: none;
  text-decoration: none;
}

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

figure {
  max-width: 100%;
}

input:focus {
  outline: none;
}

a:hover,
a:focus,
a:visited,
a:active,
button:hover,
button:focus,
button:visited,
button:active {
  text-decoration: none;
  outline: none;
}

table {
  border: 1px solid #e6e6e6;
  border-collapse: collapse;
  border-spacing: 0;
  table-layout: auto;
  width: 100%;
  margin-bottom: 20px;
}

th,
td {
  border: 1px solid #e6e6e6;
  padding: 10px 5px;
  font-weight: normal;
  text-align: center;
}

textarea {
  display: block;
}

input[type="text"],
input[type="email"],
textarea,
input[type="password"],
input[type="tel"],
select,
input[type="search"] {
  /* border: 1px solid #e6e6e6;
	 */
  border-radius: 0;
  /* padding: 7px 20px;
	 */
  padding: 7px 7px;
  max-width: 100%;
  outline: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

input[type="text"]::-ms-input-placeholder,
input[type="email"]::-ms-input-placeholder,
input[type="password"]::-ms-input-placeholder,
input[type="tel"]::-ms-input-placeholder,
input[type="search"]::-ms-input-placeholder {
  color: #888888;
}

input[type="text"]:-ms-input-placeholder,
input[type="email"]:-ms-input-placeholder,
input[type="password"]:-ms-input-placeholder,
input[type="tel"]:-ms-input-placeholder,
input[type="search"]:-ms-input-placeholder {
  color: #888888;
}

input[type="text"]::placeholder,
input[type="email"]::placeholder,
input[type="password"]::placeholder,
input[type="tel"]::placeholder,
input[type="search"]::placeholder {
  color: #888888;
}

select {
  background: transparent;
  border: none;
  color: #ffffff;
}

select option {
  color: #333333;
}

.nice-select {
  background-color: transparent;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  border: none;
  padding: 0 14px;
  font-size: 14px;
  line-height: 1;
  min-height: auto;
  height: auto;
}

.nice-select:after {
  content: "\f0d7";
  font-family: "FontAwesome", sans-serif;
  font-size: 12px;
  color: #ffffff;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  border: none;
  height: auto;
  width: auto;
  right: 1px;
  margin-top: -6px;
  line-height: 1;
  padding: 0;
  -webkit-transform-origin: center;
  -ms-transform-origin: center;
  transform-origin: center;
  -webkit-transform: rotate(0);
  -ms-transform: rotate(0);
  transform: rotate(0);
  -webkit-transition: none;
  -moz-transition: none;
  -o-transition: none;
  transition: none;
}

.nice-select.open:after {
  -webkit-transform: rotate(-180deg);
  -ms-transform: rotate(-180deg);
  transform: rotate(-180deg);
}

.nice-select .current {
  color: #ffffff;
  display: inline-block;
  padding: 14px 0;
}

.nice-select .list {
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.2);
  box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.2);
  border: 1px solid #e4e4e4;
  padding: 3px 23px 10px 15px;
  margin-top: 0;
  z-index: 50;
}

.nice-select .option {
  font-size: 14px;
  line-height: 1;
  color: #888888;
  height: auto;
  min-height: auto;
  margin: 16px 0;
  padding: 0;
}

.nice-select .option:hover,
.nice-select .option.focus,
.nice-select .option.selected.focus {
  background-color: transparent;
  font-weight: 400;
}

@font-face {
  font-family: "biolife";
  src: url("../fonts/biolifebbd0.eot?t4lhqt");
  src:
    url("../fonts/biolifebbd0.eot?t4lhqt#iefix") format("embedded-opentype"),
    url("../fonts/biolifebbd0.ttf?t4lhqt") format("truetype"),
    url("../fonts/biolifebbd0.woff?t4lhqt") format("woff"),
    url("../fonts/biolifebbd0.svg?t4lhqt#biolife") format("svg");
  font-weight: normal;
  font-style: normal;
}

.biolife-icon {
  font-family: "biolife", sans-serif !important;
  /* speak: none; */
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-arrow-right:before {
  content: "\e900";
}

.icon-arteries-about:before {
  content: "\e901";
}

.icon-capacity-about:before {
  content: "\e902";
}

.icon-cart:before {
  content: "\e903";
}

.icon-cart-mini:before {
  content: "\e904";
}

.icon-close-menu:before {
  content: "\e905";
}

.icon-comment:before {
  content: "\e906";
}

.icon-clock:before {
  content: "\e907";
}

.icon-location:before {
  content: "\e908";
}

.icon-letter:before {
  content: "\e909";
}

.icon-phone:before {
  content: "\e90a";
}

.icon-fresh-drink:before {
  content: "\e90b";
}

.icon-green-safety:before {
  content: "\e90c";
}

.icon-grid:before {
  content: "\e90d";
}

.icon-healthy-about:before {
  content: "\e90e";
}

.icon-heart-bold:before {
  content: "\e90f";
}

.icon-left-arrow:before {
  content: "\e910";
}

.icon-like:before {
  content: "\e911";
}

.icon-list:before {
  content: "\e912";
}

.icon-login:before {
  content: "\e913";
}

.icon-location2:before {
  content: "\e914";
}

.icon-fruits:before {
  content: "\e915";
}

.icon-broccoli-1:before {
  content: "\e916";
}

.icon-beef:before {
  content: "\e917";
}

.icon-fish:before {
  content: "\e918";
}

.icon-fast-food:before {
  content: "\e919";
}

.icon-honey:before {
  content: "\e91a";
}

.icon-grape:before {
  content: "\e91b";
}

.icon-onions:before {
  content: "\e91c";
}

.icon-avocado:before {
  content: "\e91d";
}

.icon-contain:before {
  content: "\e91e";
}

.icon-fresh-juice:before {
  content: "\e91f";
}

.icon-newsletter:before {
  content: "\e920";
}

.icon-organic:before {
  content: "\e921";
}

.icon-beer:before {
  content: "\e922";
}

.icon-car:before {
  content: "\e923";
}

.icon-schedule:before {
  content: "\e924";
}

.icon-conversation:before {
  content: "\e925";
}

.icon-heart-1:before {
  content: "\e926";
}

.icon-title:before {
  content: "\e927";
}

.icon-head-phone:before {
  content: "\e928";
}

.icon-report:before {
  content: "\e929";
}

.icon-search:before {
  content: "\e92a";
}

.icon-suporter:before {
  content: "\e92b";
}

.icon-grape2:before {
  content: "\e92c";
}

.icon-broccoli:before {
  content: "\e92d";
}

.icon-lemon:before {
  content: "\e92e";
}

.icon-orange:before {
  content: "\e92f";
}

.icon-blueberry:before {
  content: "\e930";
}

@-webkit-keyframes move-around-reverse {
  0% {
    -webkit-transform: translate(0, -10px);
  }

  25% {
    -webkit-transform: translate(-10px, 0);
  }

  50% {
    -webkit-transform: translate(0, 10px);
  }

  75% {
    -webkit-transform: translate(10px, 0);
  }

  100% {
    -webkit-transform: translate(0, -10px);
  }
}

@keyframes move-around-reverse {
  0% {
    transform: translate(0, -10px);
  }

  25% {
    transform: translate(-10px, 0);
  }

  50% {
    transform: translate(0, 10px);
  }

  75% {
    transform: translate(10px, 0);
  }

  100% {
    transform: translate(0, -10px);
  }
}

@-webkit-keyframes move-around {
  0% {
    -webkit-transform: translate(0, -10px);
  }

  25% {
    -webkit-transform: translate(10px, 0);
  }

  50% {
    -webkit-transform: translate(0, 10px);
  }

  75% {
    -webkit-transform: translate(-10px, 0);
  }

  100% {
    -webkit-transform: translate(0, -10px);
  }
}

@keyframes move-around {
  0% {
    transform: translate(0, -10px);
  }

  25% {
    transform: translate(10px, 0);
  }

  50% {
    transform: translate(0, 10px);
  }

  75% {
    transform: translate(-10px, 0);
  }

  100% {
    transform: translate(0, -10px);
  }
}

@-webkit-keyframes movebounce {
  0% {
    -webkit-transform: translateY(0);
  }

  50% {
    -webkit-transform: translateY(20px);
  }

  100% {
    -webkit-transform: translateY(0);
  }
}

@keyframes movebounce {
  0% {
    transform: translateY(0);
  }

  50% {
    transform: translateY(20px);
  }

  100% {
    transform: translateY(0);
  }
}

@-webkit-keyframes movebounce-x {
  0% {
    -webkit-transform: translateX(0);
  }

  50% {
    -webkit-transform: translateX(20px);
  }

  100% {
    -webkit-transform: translateX(0);
  }
}

@keyframes movebounce-x {
  0% {
    transform: translateX(0);
  }

  50% {
    transform: translateX(20px);
  }

  100% {
    transform: translateX(0);
  }
}

@-webkit-keyframes preload_waiting {
  75% {
    -webkit-transform: scale(0);
  }
}

@keyframes preload_waiting {
  75% {
    transform: scale(0);
  }
}

body {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
}

#biof-loading {
  background-color: #f2f1ef;
  height: 100%;
  width: 100%;
  position: fixed;
  z-index: 9999999;
  margin-top: 0;
  top: 0;
}

#biof-loading .biof-loading-center {
  width: 100%;
  height: 100%;
  position: relative;
}

#biof-loading .biof-loading-center-absolute {
  position: absolute;
  left: 50%;
  top: 50%;
  height: fit-content;
  width: fit-content;
  margin-left: 0;
  margin-top: 0;
  transform: translate(-50%, -50%);
}

.biof-loading-center-absolute .dot {
  width: 20px;
  height: 20px;
  background-color: #05a503;
  float: left;
  margin: 0 10px;
  -moz-border-radius: 50% 50% 50% 50%;
  -webkit-border-radius: 50% 50% 50% 50%;
  border-radius: 50% 50% 50% 50%;
}

.biof-loading-center-absolute .dot-one {
  -webkit-animation: preload_waiting 1.5s infinite;
  animation: preload_waiting 1.5s infinite;
}

.biof-loading-center-absolute .dot-two {
  -webkit-animation: preload_waiting 1.5s infinite;
  animation: preload_waiting 1.5s infinite;
  -webkit-animation-delay: 0.25s;
  animation-delay: 0.25s;
}

.biof-loading-center-absolute .dot-three {
  -webkit-animation: preload_waiting 1.5s infinite;
  animation: preload_waiting 1.5s infinite;
  -webkit-animation-delay: 0.5s;
  animation-delay: 0.5s;
}

.btn-scroll-top {
  color: #333333;
  border-radius: 50%;
  cursor: pointer;
  font-size: 50px;
  display: block;
  text-align: center;
  line-height: 50px;
  position: fixed;
  bottom: 60px;
  right: 60px;
  height: 50px;
  width: 50px;
  z-index: 999;
  opacity: 0;
  filter: alpha(opacity=0);
  visibility: hidden;
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  -ms-transform: scale(0);
  -o-transform: scale(0);
  transform: scale(0);
}

.btn-scroll-top i {
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);
  display: block;
}

@media only screen and (max-width: 767.98px) {
  .btn-scroll-top {
    line-height: 40px;
    height: 40px;
    width: 40px;
    font-size: 40px;
    bottom: 80px;
    right: 30px;
  }
}

.btn-scroll-top.showUp {
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
  opacity: 1;
  filter: alpha(opacity=100);
  visibility: visible;
}

.biolife-clone-wrap {
  position: fixed;
  top: 0;
  left: -340px;
  width: 320px;
  height: 100vh;
  background-color: #fff;
  -webkit-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  z-index: 100000;
  -webkit-box-shadow: 3px 5px 14px -3px rgba(0, 0, 0, 0.11);
  -moz-box-shadow: 3px 5px 14px -3px rgba(0, 0, 0, 0.11);
  box-shadow: 3px 5px 14px -3px rgba(0, 0, 0, 0.11);
  overflow-x: hidden;
}

.biolife-clone-wrap .megamenu-item li {
  line-height: 50px;
}

.biolife-clone-wrap .megamenu-item .widget {
  padding: 0 0 30px 0;
}

.biolife-clone-wrap .megamenu-item li.menu-item>a {
  display: inline-block;
  line-height: 50px;
}

.biolife-clone-wrap .megamenu-item li .icon {
  right: -4px;
  top: -9px;
  float: right;
  position: relative;
}

.biolife-clone-wrap .megamenu-item .menu-title {
  font-size: 14px;
  font-weight: 400;
}

.biolife-clone-wrap .megamenu-item .menu-title,
.biolife-clone-wrap .megamenu-item .wrap-media {
  margin-bottom: 0;
  padding-left: 20px;
}

.biolife-panel ul {
  padding: 0;
  margin: 0;
}

.biolife-panel>ul>li {
  list-style: none;
  position: relative;
  padding: 0 20px;
  border-bottom: 1px dashed #dddddd;
}

.biolife-mobile-panels .biolife-prev-panel,
.biolife-panels-actions-wrap .biolife-prev-panel {
  right: inherit;
  left: 0;
  border: none;
  border-right: 1px solid #dddddd;
}

.biolife-mobile-panels .biolife-prev-panel:before,
.biolife-panels-actions-wrap .biolife-prev-panel:before {
  content: "\f104";
  font-family: "FontAwesome", sans-serif;
}

.biolife-mobile-panels .biolife-current-panel-title,
.biolife-panels-actions-wrap .biolife-current-panel-title {
  display: block;
  text-align: center;
  line-height: 50px;
  padding: 0 50px;
  font-weight: 600;
  color: #333333;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}

.biolife-clone-wrap .biolife-panels {
  background: inherit;
  border-color: inherit;
  position: absolute;
  margin-top: 50px;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 0;
  box-sizing: border-box;
}

.biolife-next-panel {
  width: 50px;
  height: 50px;
  text-align: center;
  line-height: 50px;
  position: absolute;
  top: 0;
  right: 0;
  z-index: 10;
}

.biolife-next-panel:before {
  content: "\f105";
  font-family: "FontAwesome", sans-serif;
}

.biolife-panel>ul>li>a {
  display: inline-block;
  line-height: 50px;
  text-transform: capitalize;
  color: #333333;
}

.biolife-panel>ul>li>a>i {
  display: none;
}

.biolife-panel>ul>li>a>.icon {
  right: -4px;
  top: -9px;
  float: right;
  position: relative;
}

.biolife-clone-wrap .biolife-panel {
  border-color: #ffffff;
  bottom: 0;
  box-sizing: border-box;
  display: block;
  left: 0;
  margin: 0;
  overflow-x: hidden;
  overflow-y: auto;
  position: absolute;
  right: 0;
  top: 0;
  transform: translateX(100%);
  transition: all 0.2s ease 0s;
  z-index: 0;
}

.biolife-clone-wrap .biolife-main-panel,
.biolife-clone-wrap .biolife-panel.biolife-panel-opened {
  transform: translateX(0);
  z-index: 10;
}

.biolife-clone-wrap .biolife-sub-opened {
  z-index: 1;
  opacity: 0;
  filter: alpha(opacity=0);
  visibility: hidden;
}

.biolife-mobile-panels,
.biolife-panels-actions-wrap {
  border-bottom: 1px solid #dddddd;
  height: 50px;
  position: relative;
}

.biolife-mobile-panels .biolife-close-btn,
.biolife-mobile-panels .biolife-prev-panel,
.biolife-panels-actions-wrap .biolife-close-btn,
.biolife-panels-actions-wrap .biolife-prev-panel {
  width: 50px;
  height: 50px;
  position: absolute;
  top: 0;
  right: 0;
  z-index: 10;
  text-align: center;
  line-height: 50px;
  font-size: 20px;
  color: #333333;
}

.biolife-mobile-panels .biolife-close-btn,
.biolife-panels-actions-wrap .biolife-close-btn {
  border-left: 1px solid #dddddd;
}

.biolife-panel .mega-content {
  padding: 25px 0;
  display: inline-block;
  width: 100%;
}

.hero-background {
  background-image: url("../images/about01.png");
  height: 194px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.hero-section {
  display: block;
  text-align: center;
  position: relative;
  font-size: 0;
  line-height: 1;
  margin-top: 0px;
  padding: 80px 0;
  height: auto;
}

.hero-section .page-title {
  display: inline-block;
  position: relative;
  top: auto;
  left: auto;
  right: auto;
  font-size: 40px;
  color: #ffffff;
  font-weight: 700;
  line-height: 50px;
  margin: 0;
}

.biolife-nav {
  display: block;
  margin-top: 37px;
  margin-bottom: 38px;
}

.biolife-nav ul {
  padding: 0;
  display: block;
  margin: 0;
  font-size: 0;
  line-height: 0;
}

.biolife-nav ul li {
  list-style: none;
  display: inline-block;
}

.biolife-nav ul li+li::before {
  content: "/";
  font-family: inherit;
  color: #666666;
  font-size: 15px;
  line-height: 1;
  display: inline-block;
  margin-left: 13px;
  margin-right: 14px;
}

.biolife-nav ul li span,
.biolife-nav ul li a {
  color: #666666;
  font-size: 15px;
  line-height: 1;
  display: inline-block;
}

.biolife-nav ul li:last-child::before,
.biolife-nav ul li:last-child span {
  color: #222222;
  font-weight: 600;
}

.biolife-carousel {
  padding: 0;
  margin: 0;
}

.biolife-carousel>li {
  list-style: none;
}

.biolife-carousel>li:not(:first-child) {
  display: none;
}

.slick-initialized .slick-slide {
  outline: none;
}

.biolife-carousel .row-item {
  font-size: 0;
  line-height: 0;
}

.biolife-carousel.row-space-29px .row-item+.row-item {
  margin-top: 29px;
}

.slick-initialized .slick-arrow:not(.slick-disabled):hover {
  cursor: pointer;
}

.slick-initialized .slick-arrow:not(.slick-disabled) {
  opacity: 0.8;
  filter: alpha(opacity=80);
}

@media (min-width: 769px) {
  .container {
    padding: 0;
  }
}

.header-top .top-bar {
  max-width: 50%;
  float: left;
}

.header-top .right {
  float: right;
  text-align: right;
  display: flex;
  max-width: 70%;
}

.top-bar .biolife-cart-info .icon-qty-combine .qty {
  background-color: #ed2f59;
}

.header-top .top-bar .social-list,
.header-top .top-bar .horizontal-menu {
  padding: 0;
  margin: 0;
  display: inline-block;
  float: left;
}

.header-top .top-bar .social-list>li,
.header-top .top-bar .horizontal-menu>li {
  list-style: none;
  display: inline-block;
}

.header-top .top-bar .horizontal-menu a {
  color: #ffffff;
  font-size: 14px;
}

.header-top .top-bar .horizontal-menu a:hover {
  color: #dddddd;
}

.header-top .left a>i {
  font-size: 15px;
  margin-right: 6px;
}

.header-top .left .horizontal-menu>li {
  padding: 15px 20px;
  border-left: 1px solid rgba(255, 255, 255, 0.33);
}

.header-top .left .horizontal-menu>li:first-child {
  padding-left: 0;
  border-left: 0;
}

.header-top .right .horizontal-menu {
  font-size: 0;
}

.header-top .right .horizontal-menu>li {
  vertical-align: middle;
  padding: 12px 20px;
  border-right: 1px solid rgba(255, 255, 255, 0.33);
}

.header-top .right .horizontal-menu>li:first-child {
  border-left: 1px solid rgba(255, 255, 255, 0.33);
}

.header-top .right .horizontal-menu>li>a {
  display: inline-block;
  line-height: 32px;
  text-wrap: nowrap;
}

.header-top .right .nice-select {
  padding-left: 0;
  display: inline-block;
  float: initial;
}

.header-top .right .nice-select .list {
  margin-left: -14px;
}

.header-top .top-bar .social-list {
  font-size: 0;
  display: inline-block;
  float: left;
  margin-right: 7px;
}

.header-top .top-bar .social-list li {
  font-size: 15px;
  line-height: 42px;
  margin: 0 13px;
}

.header-top .top-bar .social-list li a {
  font-size: 15px;
  line-height: 1;
  display: inline-block;
  color: #ffffff;
}

.header-top .top-bar .social-list li a:hover {
  color: #dddddd;
}

.login-link .biolife-icon {
  font-size: 21px;
  display: inline-block;
  vertical-align: middle;
  margin-right: 8px;
  margin-top: -5px;
}

.header-area .header-middle {
  padding: 5px;
}

.header-area .primary-menu {
  margin-top: 0px;
  line-height: 45px;
}

.header-area .primary-menu>ul {
  padding: 0;
  margin: 0;
  font-size: 0;
  position: relative;
  /* text-align: center;
	 */
}

.header-area .primary-menu>ul>li {
  display: inline-block;
  padding-bottom: 0;
  max-width: fit-content;
  /* text-wrap: nowrap;
	 */
  padding-top: 0;
  line-height: normal;
  vertical-align: middle;
}

.header-area .primary-menu>ul>li+li {
  margin-left: 31px;
}

.header-area .primary-menu>ul li.has-child {
  position: relative;
}

.header-area .primary-menu>ul>li.has-child>a::after {
  content: "\f0d7";
  font-family: "FontAwesome", sans-serif;
  font-size: 14px;
  color: #222222;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  margin-left: 4px;
}

.header-area .primary-menu>ul>li>a {
  color: #222222;
  font-size: 0.8vw;
  font-weight: 400;
  display: inline-block;
  line-height: normal;
  text-transform: capitalize !important;
}

.header-area .primary-menu>ul>li.has-child>a::after,
.header-area .primary-menu>ul>li.has-megamenu>a::after {
  content: "\f0d7";
  font-family: "FontAwesome", sans-serif;
  font-size: 14px;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  display: none;
  margin-left: 4px;
}

.vertical-category-block .wrap-menu .wrap-megamenu,
.vertical-category-block .wrap-menu ul.sub-menu,
.header-area .primary-menu ul.sub-menu,
.header-area .primary-menu ul .wrap-megamenu {
  background-color: #ffffff;
  position: absolute;
  top: 80%;
  left: 0;
  -webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.2);
  box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.2);
  -webkit-transform: translateY(20px);
  -moz-transform: translateY(20px);
  -ms-transform: translateY(20px);
  -o-transform: translateY(20px);
  transform: translateY(20px);
  visibility: hidden;
  opacity: 0;
  filter: alpha(opacity=0);
  border: none;
  border-radius: 0;
  -webkit-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  transition: all 300ms ease;
  z-index: 100;
}

.vertical-category-block .wrap-menu li:hover .wrap-megamenu,
.vertical-category-block .wrap-menu li:hover>ul.sub-menu,
.header-area .primary-menu li:hover>ul.sub-menu,
.header-area .primary-menu ul li:hover .wrap-megamenu {
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0);
  visibility: visible;
  opacity: 1;
  filter: alpha(opacity=100);
}

.header-area .primary-menu ul.sub-menu {
  width: 225px;
  padding: 10px 0;
  left: 100%;
  top: 0;
}

.header-area .primary-menu>ul>li>ul.sub-menu {
  top: 100%;
  left: 0;
}

.header-area .primary-menu>ul>li li.has-child::after {
  content: "\f105";
  font-family: "FontAwesome", sans-serif;
  font-size: 17px;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  position: absolute;
  top: 8px;
  right: 9px;
}

.header-area .primary-menu>ul>li.has-child .sub-menu li {
  display: block;
  font-size: 14px;
  line-height: 1;
  margin: 0;
  padding: 10px 20px;
}

.header-area .primary-menu>ul>li.has-child .sub-menu a {
  color: #222222;
  display: inline-block;
}

.header-area .header-bottom {
  padding-bottom: 10px;
}

body.open-mobile-search .header-area.layout-02 {
  z-index: 150;
}

.header-area.layout-02 .header-top {
  background-color: #ffffff;
}

.header-area.layout-02 .header-top .nice-select .current,
.header-area.layout-02 .header-top .nice-select:after,
.header-area.layout-02 .header-top .top-bar .social-list li a,
.header-area.layout-02 .header-top .top-bar .horizontal-menu a {
  color: #333333;
}

.header-area.layout-02 .header-top .left .horizontal-menu>li,
.header-area.layout-02 .header-top .right .social-list {
  position: relative;
}

.header-area.layout-02 .header-top .right .horizontal-menu>li {
  min-width: auto;
  position: relative;
  border: none !important;
}

.header-area.layout-02 .header-top .right .horizontal-menu>li.item-link {
  padding: 0;
}

.header-area.layout-02 .header-top .left .horizontal-menu>li:not(:last-child)::after,
.header-area.layout-02 .header-top .right .social-list::after,
.header-area.layout-02 .header-top .right .horizontal-menu>li::after {
  content: "";
  display: block;
  position: absolute;
  top: 12px;
  right: -1px;
  z-index: 2;
  height: 18px;
  width: 1px;
  background-color: #e5e5e5;
}

.header-area.layout-02 .header-top .right .dsktp-open-searchbox {
  font-size: 20px;
  padding: 0 20px;
}

.header-area.layout-02 {
  position: relative;
  z-index: 15;
}

.header-area.layout-02 .header-middle:not(.pre-sticky) {
  background-color: rgba(255, 255, 255, 0.1);
  padding: 24px 0;
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  z-index: 1;
}

.header-area.layout-02 .header-middle.pre-sticky {
  background-color: #ffb71a;
  visibility: hidden;
  -webkit-transition: none;
  -moz-transition: none;
  -o-transition: none;
  transition: none;
}

.header-area.layout-02 .header-middle.is-sticky {
  visibility: visible;
  -webkit-transition: all 1200ms ease;
  -moz-transition: all 1200ms ease;
  -o-transition: all 1200ms ease;
  transition: all 1200ms ease;
}

.header-area.layout-02 .primary-menu>ul>li>a {
  font-size: 15px;
  text-transform: uppercase;
  color: #ffffff;
  position: relative;
}

#biolife-main-panel a.menu-name {
  position: relative;
}

#biolife-main-panel .menu-name .sup-item,
.header-area.layout-02 .primary-menu>ul>li>a .sup-item {
  display: inline-block;
  position: absolute;
  font-size: 0;
  line-height: 0;
  bottom: 100%;
  right: 0;
  margin-bottom: 7px;
}

#biolife-main-panel .menu-name .sup-item {
  right: auto;
  bottom: auto;
  top: 0;
  left: calc(100% - 10px);
  margin-bottom: 0;
}

#biolife-main-panel .menu-name .sup-item>span,
.header-area.layout-02 .primary-menu>ul>li>a span {
  display: inline-block;
  font-size: 12px;
  text-transform: uppercase;
  font-weight: 600;
  background-color: #43c172;
  border-color: #43c172;
  border-radius: 3px;
  min-width: 40px;
  text-align: center;
  padding: 0 3px;
  line-height: 18px;
  color: #ffffff;
  position: relative;
  margin: 0;
}

#biolife-main-panel .menu-name .sup-item>span.sale,
.header-area.layout-02 .primary-menu>ul>li>a span.sale {
  background-color: #ffc356;
  border-color: #ffc356;
}

#biolife-main-panel .menu-name .sup-item>span.feature,
.header-area.layout-02 .primary-menu>ul>li>a span.feature {
  background-color: #0059ff;
  border-color: #0059ff;
}

#biolife-main-panel .menu-name span::before,
.header-area.layout-02 .primary-menu>ul>li>a span::before {
  display: block;
  content: "";
  border: 7px solid transparent;
  border-top-color: inherit;
  border-bottom: none;
  position: absolute;
  bottom: -6px;
  right: 50%;
  margin-right: -8px;
}

.header-area.layout-02 .biolife-sticky-object.pre-sticky .primary-menu>ul>li>a .sup-item {
  display: none;
}

#biolife-main-panel .menu-name span::before {
  bottom: -5px;
  right: 100%;
  margin-right: -19px;
}

.header-area .biolife-cart-info .login-item .login-link {
  font-size: 14px;
  line-height: 1;
  color: #ffffff;
  font-weight: 600;
  text-transform: uppercase;
}

.header-area.layout-02 .primary-menu>ul>li.has-child>a::after {
  color: inherit;
}

.header-area.layout-02 .biolife-cart-info .minicart-block .cart-inner {
  border-top-color: #05a503;
}

.header-area.layout-02 .biolife-cart-info .minicart-block .btn-control .view-cart:not(:hover) {
  background-color: #05a503;
}

.header-area.layout-02 .mobile-search .open-searchbox .biolife-icon,
.header-area.layout-02 .biolife-cart-info .minicart-contain a>.sub-total,
.header-area.layout-02 .biolife-cart-info .minicart-contain a>.title,
.header-area.layout-02 .biolife-cart-info .icon-qty-combine .biolife-icon {
  color: #ffffff;
}

.biolife-cart-info {
  font-size: 0;
  text-align: center;
  /* margin-top: 7px !important;
	 */
  line-height: 20px;
}

.biolife-cart-info>div {
  display: inline-block;
}

.biolife-cart-info>div+div {
  margin-left: 0px;
}

.biolife-cart-info>div>.link-to {
  display: inline-block;
  line-height: 0;
}

.biolife-cart-info .icon-qty-combine {
  display: inline-block;
  position: relative;
  font-size: 0;
  line-height: 1;
  margin-right: 7px;
}

.biolife-cart-info .icon-qty-combine .qty {
  font-size: 0.8vw;
  font-weight: 600;
  line-height: 1;
  display: inline-block;
  margin: 0;
  min-width: 19px;
  padding: 1px 5px 2px;
  color: #ffffff;
  border-radius: 50%;
  position: absolute;
  right: -8px;
  top: 7px;
  z-index: 2;
}

.biolife-cart-info .icon-qty-combine .biolife-icon {
  font-size: 20px;
  color: #333333;
}

.biolife-cart-info .minicart-contain a>.title {
  font-size: 14px;
  line-height: 16px;
  display: inline;
  color: #555555;
  font-weight: 600;
  margin-left: 6px;
}

.biolife-cart-info .minicart-contain a>.sub-total {
  font-size: 15px;
  line-height: 16px;
  display: inline;
  color: #222222;
  font-weight: 700;
}

.biolife-cart-info .minicart-block {
  position: relative;
  padding: 15px 15px;
  text-wrap: nowrap;
}

.top-bar.right .biolife-cart-info .icon-qty-combine .biolife-icon {
  color: #fff;
  transition: all 0.2s ease-in-out;
}

.top-bar.right .biolife-cart-info .minicart-contain a>.title {
  color: #fff;
  transition: all 0.2s ease-in-out;
}

.top-bar .biolife-cart-info .minicart-contain a>.sub-total {
  color: #fff;
  transition: all 0.2s ease-in-out;
}

.top-bar.right .biolife-cart-info:hover .minicart-contain a>.title,
.top-bar .biolife-cart-info:hover .minicart-contain a>.sub-total,
.top-bar.right .biolife-cart-info:hover .icon-qty-combine .biolife-icon {
  color: rgba(255, 255, 255, 0.6);
}

.biolife-cart-info .minicart-block .cart-content {
  position: absolute;
  display: inline-block;
  line-height: 0;
  width: 370px;
  top: 100%;
  right: 0;
  -webkit-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  transition: all 300ms ease;
  -webkit-transform: translateY(20px);
  -moz-transform: translateY(20px);
  -ms-transform: translateY(20px);
  -o-transform: translateY(20px);
  transform: translateY(20px);
  visibility: hidden;
  opacity: 0;
  filter: alpha(opacity=0);
  z-index: 50;
}

.biolife-cart-info .minicart-block:hover .cart-content {
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0);
  visibility: visible;
  opacity: 1;
  filter: alpha(opacity=100);
}

.biolife-cart-info .minicart-block .cart-inner {
  border-top: 3px solid #cccccc;
  background-color: #ffffff;
  display: inline-block;
  padding: 16px 10px 30px 20px;
  -webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.2);
  box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.2);
  border-radius: 0;
  line-height: 0;
  width: 370px;
  margin-top: 9px;
}

.biolife-cart-info .minicart-block ul.products {
  padding: 0;
  margin: 0;
  text-align: left;
  border-bottom: 1px dashed #e6e6e6;
  max-height: 371px;
  overflow-y: auto;
}

.biolife-cart-info .minicart-block ul.products li {
  padding-right: 10px;
}

.biolife-cart-info .minicart-block ul.products li+li .minicart-item {
  border-top: 1px dashed #e6e6e6;
  padding-top: 19px;
}

.biolife-cart-info .minicart-block ul.products li+li .minicart-item .action {
  top: 23px;
}

.biolife-cart-info .minicart-block ul.products li:last-child .minicart-item {
  padding-bottom: 30px;
}

.biolife-cart-info .minicart-block .minicart-item {
  display: inline-block;
  padding-bottom: 20px;
  position: relative;
  width: 100%;
}

.biolife-cart-info .minicart-item .thumb {
  display: inline-block;
  width: 60px;
  float: left;
}

.biolife-cart-info .minicart-item .left-info {
  display: inline-block;
  width: calc(100% - 60px);
  padding-left: 9px;
  padding-right: 0;
}

.minicart-item .left-info .product-title {
  font-size: 17px;
  line-height: 1;
  display: block;
  margin-top: 0px;
  font-weight: 600;
}

.minicart-item .left-info .product-name {
  color: var(--primary-red);
  display: inline-block;
  font-size: 13px;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
  word-break: break-word;
  text-decoration: none !important;
}

.price-contain,
.sumary-product .product-attribute .price,
.contain-product .info .price,
.minicart-item .left-info .price {
  display: block;
  font-size: 0;
  line-height: 1;
  margin-top: 6px;
}

.price-contain .price-amount,
.sumary-product .product-attribute .price .price-amount,
.contain-product .info .price .price-amount,
.minicart-item .left-info .price .price-amount {
  line-height: 24px;
  color: #aaaaaa;
  font-size: 14px;
  display: inline-block;
  font-weight: 600;
  text-decoration: none;
}

.price-contain ins .price-amount,
.sumary-product .product-attribute .price ins .price-amount,
.contain-product .info .price ins .price-amount,
.minicart-item .left-info .price ins .price-amount {
  font-size: 18px;
  color: #111111;
  font-weight: 700;
}

.price-contain ins,
.sumary-product .product-attribute .price ins,
.sumary-product .product-attribute .price del,
.contain-product .info .price ins,
.contain-product .info .price del,
.minicart-item .left-info .price ins,
.minicart-item .left-info .price del {
  display: inline-block;
  text-decoration: none;
}

.price-contain del {
  position: relative;
  margin-left: 6px;
  display: inline-block;
}

.sumary-product .product-attribute .price del,
.contain-product .info .price del,
.minicart-item .left-info .price del {
  position: relative;
  margin-left: 6px;
}

.price-contain del::after,
.sumary-product .product-attribute .price del::after,
.contain-product .info .price del::after,
.minicart-item .left-info .price del::after {
  content: "";
  height: 1px;
  background-color: #aaaaaa;
  position: absolute;
  top: 50%;
  left: -1px;
  right: -1px;
  display: block;
  z-index: 1;
}

.pr-detail-layout .info .price ins .price-amount,
.sumary-product .product-attribute .price ins .price-amount {
  font-size: 22px;
}

.contain-product.style-widget .product-thumb {
  width: 82px;
  display: inline-block;
  float: left;
}

.contain-product.style-widget .info {
  width: calc(100% - 82px);
  display: inline-block;
  text-align: left;
  padding-left: 10px;
}

.contain-product.style-widget .info .price,
.contain-product.style-widget .info .product-title,
.contain-product.style-widget .info .categories {
  text-align: left;
}

.contain-product.style-widget .info .categories {
  margin-top: 3px;
}

.contain-product.style-widget .info .price {
  margin-bottom: 0;
}

.contain-product.layout-default {
  padding-bottom: 2px;
}

.contain-product.layout-default .info .price {
  margin-bottom: 11px;
}

.contain-product__deal-layout .slide-down-box .message,
.contain-product.layout-default .slide-down-box .message {
  font-size: 14px;
  color: #666666;
  display: block;
  line-height: 17px;
  margin: 0 0 19px;
  text-align: center;
  padding: 0 15px;
}

.pr-detail-layout .info .buttons,
.contain-product__deal-layout .slide-down-box .buttons,
.contain-product.layout-default .slide-down-box .buttons {
  padding: 0 11px;
  display: table;
  width: 100%;
}

.pr-detail-layout .info .buttons .btn,
.contain-product__deal-layout .slide-down-box .buttons .btn,
.contain-product.layout-default .slide-down-box .buttons .btn {
  display: table-cell;
  text-align: center;
  vertical-align: middle;
}

.pr-detail-layout .info .buttons .btn:not(.add-to-cart-btn),
.contain-product__deal-layout .slide-down-box .buttons .btn:not(.add-to-cart-btn),
.contain-product.layout-default .slide-down-box .buttons .btn:not(.add-to-cart-btn) {
  width: 32px;
  font-size: 0.8vw;
  color: #666666;
}

.pr-detail-layout .info .buttons .add-to-cart-btn,
.contain-product__deal-layout .slide-down-box .buttons .add-to-cart-btn,
.contain-product.layout-default .slide-down-box .buttons .add-to-cart-btn {
  font-size: 14px;
  color: #ffffff;
  background-color: #888888;
  font-weight: 700;
  text-transform: uppercase;
  border: none;
  border-radius: 9999px;
  line-height: 1;
  padding: 15px 10px 16px;
}

.pr-detail-layout .info .buttons .add-to-cart-btn:hover,
.contain-product__deal-layout .slide-down-box .buttons .add-to-cart-btn:hover,
.contain-product.layout-default .slide-down-box .buttons .add-to-cart-btn:hover {
  background-color: var(--primary-black);
}

.contain-product.layout-02 {
  display: inline-block;
  width: 100%;
}

.advance-product-box_countdown {
  border: 2px solid #e6e6e6;
}

.advance-product-box_countdown .contain-product .product-thumb {
  padding-left: 8px;
  padding-right: 8px;
}

.advance-product-box_countdown .contain-product .info {
  padding-bottom: 26px;
}

.advance-product-box_countdown .biolife-countdown {
  margin: 13px 0 0;
}

.advance-product-box_countdown .biolife-countdown>span {
  padding: 5px 5px 7px;
  min-width: 47px;
}

.advance-product-box_countdown .biolife-countdown .text {
  font-size: 12px;
  margin-top: 1px;
}

.shipping-info {
  display: block;
  font-size: 0;
  line-height: 0;
}

.shipping-info p {
  font-size: 14px;
  line-height: 1;
  text-align: center;
  margin: 0;
  color: #7faf51;
  font-weight: 600;
  padding-top: 7px;
}

.shipping-info p.for-today {
  color: #666666;
  padding-top: 1px;
  margin-bottom: 26px;
}

.minicart-item .left-info .qty {
  display: block;
  font-size: 0;
  line-height: 0;
  margin-top: 3px;
}

.minicart-item .left-info .qty .input-qty,
.minicart-item .left-info .qty>label {
  display: inline-block;
  font-size: 14px;
  line-height: 24px;
  color: #333333;
  font-weight: 600;
  margin: 0;
}

.minicart-item .left-info .qty .input-qty {
  border: none;
  padding: 0;
  margin-left: 4px;
  width: 100px;
  background-color: #f5f5f5;
}

.minicart-item .left-info .qty .input-qty:disabled {
  background-color: #ffffff;
}

.minicart-item .action {
  display: inline-block;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 1;
}

.minicart-item .action a {
  font-size: 0.8vw;
  line-height: 24px;
  color: #999999;
  display: inline-block;
}

.minicart-item .action a+a {
  margin-left: 12px;
}

.minicart-item.editing .action a.edit,
.minicart-item .action a:hover {
  color: #f44242;
}

.minicart-item.editing .action a.edit i::before {
  content: "\f00c";
}

.minicart-block .cart-inner .minicart-empty {
  font-size: 14px;
  line-height: 1;
  display: block;
  text-align: center;
  color: #888888;
  margin-top: 34px;
  margin-bottom: 22px;
}

.biolife-cart-info .minicart-block .btn-control {
  display: inline-block;
  margin: 0;
  width: 100%;
  font-size: 0;
  line-height: 0;
}

.biolife-cart-info .minicart-block .btn-control .btn {
  display: inline-block;
  width: calc(50% - 8px);
  padding: 16px 10px 17px;
  float: left;
  font-size: 14px;
  color: #666666;
  line-height: 1;
  font-weight: 700;
  text-transform: uppercase;
  background-color: #eeeeee;
  border: none;
  border-radius: 99999999px;
  margin-top: 20px;
}

.biolife-cart-info .minicart-block .btn-control .view-cart {
  margin-right: 16px;
  color: #ffffff;
}

.biolife-cart-info .minicart-block .btn-control .btn:hover {
  background-color: #333333 !important;
  color: #ffffff !important;
}

.minicart-block.layout-02 .icon-contain {
  display: inline-block;
  font-size: 0;
  line-height: 0;
}

.minicart-block.layout-02 .icon-contain .span-index {
  border: 2px solid #e6e6e6;
  padding-left: 20px;
  border-right: 0;
  display: inline-block;
  border-top-left-radius: 9999px;
  border-bottom-left-radius: 9999px;
}

.minicart-block.layout-02 .icon-contain .biolife-icon {
  font-size: 21px;
  line-height: 41px;
  display: inline-block;
  vertical-align: middle;
}

.minicart-block.layout-02 .icon-contain .sub-total {
  font-size: 14px;
  color: #555555;
  display: inline-block;
  line-height: 1;
  margin: 0;
  font-weight: 600;
  vertical-align: middle;
  padding-left: 9px;
  padding-right: 14px;
}

.minicart-block.layout-02 .icon-contain .btn-to-cart {
  font-size: 15px;
  line-height: 1;
  color: #ffffff;
  display: inline-block;
  margin: 0;
  font-weight: 600;
  text-align: center;
  text-transform: uppercase;
  min-width: 61px;
  padding: 15px 10px;
  vertical-align: middle;
  border-top-right-radius: 9999px;
  border-bottom-right-radius: 9999px;
}

.biolife-brand .menu-title,
.biolife-products-block .menu-title,
.block-posts .menu-title,
.wrap-custom-menu .menu-title {
  display: block;
  font-size: 14px;
  font-weight: 600;
  text-align: left;
  margin: 0 0 13px 0;
  line-height: 24px;
}

.wrap-custom-menu ul.menu {
  display: block;
  margin: 0;
  padding: 0;
  line-height: 0;
  font-size: 0;
}

.wrap-custom-menu ul.menu>li {
  display: block;
  list-style: none;
  font-size: 13px;
  line-height: 18px;
  text-align: left;
  border-bottom: 1px solid #f1f1f1;
}

.wrap-custom-menu ul.menu>li+li {
  margin-top: 10px;
}

.wrap-custom-menu ul.menu>li a {
  color: #555555;
}

.wrap-custom-menu ul.menu>li sup {
  font-size: 12px;
}

.block-posts .menu-title {
  margin-bottom: 17px;
}

.block-posts ul.posts {
  font-size: 0;
  line-height: 0;
  display: block;
  padding: 0 0 1px 0;
  margin: 0;
}

.block-posts ul.posts li {
  display: inline-block;
  clear: both;
  padding-bottom: 20px;
  width: 100%;
}

.block-posts ul.posts li+li {
  padding-top: 20px;
  border-top: 1px solid #e6e6e6;
}

.block-posts ul.posts li:last-child {
  padding-bottom: 0;
}

.block-posts .block-post-item .thumb {
  display: inline-block;
  width: 100px;
  border: 0;
  float: left;
}

.block-posts .block-post-item .left-info {
  display: inline-block;
  width: calc(100% - 100px);
  padding-left: 10px;
}

.block-posts .block-post-item .post-name {
  font-size: 0.8vw;
  line-height: 19px;
  font-weight: 600;
  display: block;
  margin: 0;
  padding: 1px 0 0;
  text-align: left;
}

.block-posts .block-post-item .post-name a {
  color: #333333;
  display: inline-block;
}

.block-posts .block-post-item .p-date,
.block-posts .block-post-item .p-comment {
  font-size: 13px;
  color: #666666;
  display: inline-block;
  margin: 7px 0 0;
  padding: 0;
  line-height: 19px;
}

.block-posts .block-post-item .p-comment {
  margin-left: 19px;
}

.vertical-category-block {
  display: block;
  position: relative;
}

.vertical-category-block .block-title {
  display: block;
  padding: 13px 30px 13px 17px;
  border-top-right-radius: 11px;
  border-top-left-radius: 11px;
  position: relative;
}

.vertical-category-block .menu-icon {
  display: inline-block;
  font-size: 0;
  line-height: 0;
  padding-top: 5px;
  vertical-align: top;
}

.vertical-category-block .menu-icon span {
  background-color: #ffffff;
  width: 17px;
  height: 2px;
  border: 0;
  display: inline-block;
  float: left;
  clear: left;
  margin: 0 3px 3px 9px;
}

.vertical-category-block .menu-icon span::before {
  content: "";
  display: inline-block;
  width: 3px;
  height: 2px;
  margin-left: -6px;
  background-color: #ffffff;
}

.vertical-category-block .block-title .menu-title {
  font-size: 0.8vw;
  line-height: 18px;
  color: #ffffff;
  font-weight: 700;
  display: inline-block;
  padding-left: 14px;
}

.vertical-category-block .block-title .angle {
  position: absolute;
  top: 17px;
  right: 20px;
  font-size: 18px;
  color: #ffffff;
  line-height: 18px;
  display: inline-block;
  max-width: 18px;
  -webkit-transition: all 320ms ease;
  -moz-transition: all 320ms ease;
  -o-transition: all 320ms ease;
  transition: all 320ms ease;
}

.vertical-category-block .black-color .menu-icon span::before,
.vertical-category-block .black-color .menu-icon span {
  background-color: #333333;
}

.vertical-category-block .black-color .angle,
.vertical-category-block .black-color .menu-title {
  color: #333333;
}

.vertical-category-block>.wrap-menu {
  display: inline-block;
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  background-color: #ffffff;
  border-bottom-left-radius: 11px;
  border-bottom-right-radius: 11px;
  -webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.2);
  box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.2);
  z-index: 30;
}

.vertical-category-block>.wrap-menu>.menu {
  padding: 9px 0 18px;
  font-size: 0;
  line-height: 0;
  position: relative;
}

.vertical-category-block>.wrap-menu>.menu>li {
  font-size: 14px;
  line-height: 45px;
  display: block;
  padding: 0 20px;
}

.vertical-category-block>.wrap-menu>.menu>li>a {
  color: #333333;
  display: inline-block;
  width: 100%;
}

.vertical-category-block>.wrap-menu>.menu li.has-megamenu>a,
.vertical-category-block>.wrap-menu .menu li.has-child>a {
  position: relative;
  padding-right: 5px;
}

.vertical-category-block .wrap-menu .menu li.has-child {
  position: relative;
}

.vertical-category-block .wrap-menu .menu li.has-megamenu>a:after,
.vertical-category-block .wrap-menu .menu li.has-child>a:after {
  font-family: "FontAwesome", sans-serif;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  content: "\f105";
  display: inline-block;
  font-size: 14px;
  line-height: 45px;
  position: absolute;
  top: 0;
  right: 0;
  color: #333333;
}

.vertical-category-block>.wrap-menu>.menu>li+li>a {
  border-top: 1px dashed #d2d2d2;
}

.vertical-category-block>.wrap-menu>.menu>li>a .biolife-icon {
  font-size: 26px;
  width: 40px;
  text-align: left;
  display: inline-block;
  float: left;
  line-height: 45px;
}

.vertical-category-block .wrap-menu ul.sub-menu {
  display: inline-block;
  width: 250px;
  padding: 0;
  left: 100%;
  top: 0;
}

.vertical-category-block .wrap-menu ul.sub-menu li {
  list-style: none;
  display: block;
  font-size: 14px;
  margin: 0;
  padding: 0 20px;
}

.vertical-category-block .wrap-menu ul.sub-menu li a {
  display: block;
  line-height: inherit;
  color: #333333;
}

.vertical-category-block .wrap-menu ul.sub-menu li+li>a {
  border-top: 1px dashed #d2d2d2;
}

.vertical-category-block .wrap-menu .wrap-megamenu {
  top: 0;
  left: 100%;
  padding: 22px 30px 0;
}

.vertical-category-block:not(.always) .block-title {
  cursor: pointer;
}

.vertical-category-block:not(.always) .wrap-menu {
  visibility: hidden;
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transform: scaleY(0);
  -moz-transform: scaleY(0);
  -ms-transform: scaleY(0);
  -o-transform: scaleY(0);
  transform: scaleY(0);
  -webkit-transition: all 320ms ease;
  -moz-transition: all 320ms ease;
  -o-transition: all 320ms ease;
  transition: all 320ms ease;
}

.vertical-category-block:not(.always).open-menu .wrap-menu {
  -webkit-transform: scaleY(1);
  -moz-transform: scaleY(1);
  -ms-transform: scaleY(1);
  -o-transform: scaleY(1);
  transform: scaleY(1);
  visibility: visible;
  opacity: 1;
  filter: alpha(opacity=100);
}

.vertical-category-block:not(.open-menu) .block-title .angle {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
}

.biolife-vertical-menu.height-auto .vertical-category-block>.wrap-menu {
  position: static;
  width: 100%;
}

.biolife-products-block .products-list {
  padding: 0;
  margin: 0;
}

.biolife-products-block .products-list .product-item {
  list-style: none;
}

.biolife-carousel.nav-center-02 .slick-arrow,
.biolife-carousel.nav-center-bold .slick-arrow,
.biolife-carousel.nav-center .slick-arrow {
  position: absolute;
  display: block;
  top: 50%;
  margin-top: -17px;
  color: rgba(102, 102, 102, 0.2);
  z-index: 10;
  margin-bottom: 0;
  font-size: 33px;
  cursor: pointer;
  -webkit-transition: all 350ms ease;
  -moz-transition: all 350ms ease;
  -o-transition: all 350ms ease;
  transition: all 350ms ease;
  visibility: hidden;
  opacity: 0;
  filter: alpha(opacity=0);
}

.biolife-carousel.nav-center-bold .slick-arrow {
  font-size: 44px;
}

.products-list.biolife-carousel.nav-center-02 .slick-arrow {
  -webkit-transition: opacity 1.2s ease;
  -moz-transition: opacity 1.2s ease;
  -o-transition: opacity 1.2s ease;
  transition: opacity 1.2s ease;
}

.biolife-carousel.nav-center-bold .slick-arrow.prev,
.biolife-carousel.nav-center .slick-arrow.prev {
  left: -40px;
  -webkit-transform: translateX(20px);
  -moz-transform: translateX(20px);
  -ms-transform: translateX(20px);
  -o-transform: translateX(20px);
  transform: translateX(20px);
}

.biolife-carousel.nav-center-bold .slick-arrow.next,
.biolife-carousel.nav-center .slick-arrow.next {
  right: -40px;
  -webkit-transform: translateX(-20px);
  -moz-transform: translateX(-20px);
  -ms-transform: translateX(-20px);
  -o-transform: translateX(-20px);
  transform: translateX(-20px);
}

.biolife-carousel.nav-center-bold .slick-arrow.prev {
  left: -44px;
}

.biolife-carousel.nav-center-bold .slick-arrow.next {
  right: -44px;
}

.biolife-carousel.nav-center-02 .slick-arrow {
  font-size: 30px;
}

.biolife-carousel.nav-center-02 .slick-arrow.prev {
  left: -9px;
  padding-right: 14px;
  -webkit-transform: translateX(10px);
  -moz-transform: translateX(10px);
  -ms-transform: translateX(10px);
  -o-transform: translateX(10px);
  transform: translateX(10px);
}

.biolife-carousel.nav-center-02 .slick-arrow.next {
  right: -9px;
  padding-left: 14px;
  -webkit-transform: translateX(-10px);
  -moz-transform: translateX(-10px);
  -ms-transform: translateX(-10px);
  -o-transform: translateX(-10px);
  transform: translateX(-10px);
}

.biolife-carousel.nav-center-02 .slick-arrow::before {
  content: "\f104";
  font-family: "FontAwesome", sans-serif;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
}

.biolife-carousel.nav-center-02 .slick-arrow.next::before {
  content: "\f105";
}

.biolife-carousel.nav-center-02:hover .slick-arrow.prev,
.biolife-carousel.nav-center-02:hover .slick-arrow.next,
.biolife-carousel.nav-center-bold:hover .slick-arrow.prev,
.biolife-carousel.nav-center-bold:hover .slick-arrow.next,
.biolife-carousel.nav-center:hover .slick-arrow.prev,
.biolife-carousel.nav-center:hover .slick-arrow.next {
  -webkit-transform: translateX(0);
  -moz-transform: translateX(0);
  -ms-transform: translateX(0);
  -o-transform: translateX(0);
  transform: translateX(0);
  visibility: visible;
  opacity: 1;
  filter: alpha(opacity=100);
}

.biolife-carousel.nav-center-02 .slick-arrow:hover {
  color: var(--primary-black);
}

.contain-product .product-thumb {
  display: block;
  font-size: 0;
  line-height: 0;
  position: relative;
}

.contain-product .product-thumb .lookup {
  display: inline-block;
  font-size: 22px;
  line-height: 0;
  color: #666666;
  position: absolute;
  z-index: 2;
  bottom: 5px;
  right: 15px;
  padding: 5px;
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  -ms-transform: scale(0);
  -o-transform: scale(0);
  transform: scale(0);
}

.contain-product:hover .product-thumb .lookup {
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
  -webkit-transition: transform 330ms ease 100ms;
  -moz-transition: transform 330ms ease 100ms;
  -o-transition: transform 330ms ease 100ms;
  transition: transform 330ms ease 100ms;
}

.contain-product .product-thumb .labels {
  display: inline-block;
  position: absolute;
  top: 20px;
  left: 20px;
}

.contain-product .product-thumb .labels>span {
  display: inline-block;
  float: left;
  clear: left;
  min-width: 54px;
  border-radius: 3px;
  text-align: center;
  font-size: 14px;
  color: #ffffff;
  margin-bottom: 5px;
  background-color: #fa3535;
  line-height: 22px;
  padding: 0 5px;
  font-weight: 700;
}

.contain-product .product-thumb .labels .new-label {
  background-color: #32de04;
}

.contain-product .product-thumb .labels .feature-label {
  background-color: #036dc7;
}

.products-list.biolife-carousel.slick-initialized .contain-product .product-thumb img,
.products-list:not(.biolife-carousel) .contain-product .product-thumb img {
  width: 100%;
}

.contain-product .info .categories {
  display: block;
  font-size: 15px;
  color: #888888;
  text-align: center;
  font-weight: 400;
  line-height: 1;
  margin-top: 13px;
}

.contain-product .info .product-title {
  display: block;
  font-size: 17px;
  font-weight: 600;
  margin: 7px 0 0;
  text-align: center;
}

.contain-product .info .product-title a {
  color: var(--primary-red);
  display: inline-block;
  font-size: 14px;
}

.contain-product .info .price {
  text-align: center;
  margin-bottom: 12px;
}

.pr-detail-layout {
  display: inline-block;
  width: 100%;
  position: relative;
  padding-bottom: 40px;
}

.pr-detail-layout .product-thumb,
.pr-detail-layout .info,
.pr-detail-layout .advance-info {
  display: inline-block;
  vertical-align: top;
}

.pr-detail-layout .product-thumb {
  width: 210px;
  float: left;
}

.pr-detail-layout .info {
  width: calc((100% - 210px) - 22%);
  padding-left: 20px;
  padding-right: 10px;
  float: left;
}

.pr-detail-layout .advance-info {
  width: 22%;
  border-left: 1px solid #e6e6e6;
  padding-left: 20px;
  margin-top: 31px;
  padding-top: 3px;
  padding-bottom: 15px;
  min-height: 167px;
}

.pr-detail-layout .info .categories {
  text-align: left;
  margin-top: 14px;
  max-width: 356px;
  display: block !important;
}

.pr-detail-layout .info .product-title {
  text-align: left;
  max-width: 356px;
}

.pr-detail-layout .info .price {
  text-align: left;
  margin: 23px 0 0;
  max-width: 356px;
}

.pr-detail-layout .info .buttons {
  padding: 0;
  display: block;
  margin-top: 20px;
  margin-bottom: 15px;
  max-width: 356px;
}

.pr-detail-layout .info .buttons .btn:not(.add-to-cart-btn) {
  width: 32px;
  font-size: 0.8vw;
  color: #666666;
}

.pr-detail-layout .info .buttons .wishlist-btn {
  position: absolute;
  top: 5px;
  left: 5px;
  display: block;
  padding: 4px 0;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.8);
}

.pr-detail-layout .info .buttons .add-to-cart-btn {
  padding: 14px;
  display: inline-block;
  min-width: 159px;
}

.pr-detail-layout .info .buttons .compare-btn {
  padding: 5px 5px 4px;
  display: inline-block;
  position: relative;
  margin-left: 10px;
}

.pr-detail-layout .info .buttons .compare-btn::before {
  content: "";
  display: block;
  width: 1px;
  height: 25px;
  background-color: #aaaaaa;
  position: absolute;
  left: -4px;
  top: 4px;
}

.pr-detail-layout .info .list {
  padding: 0;
  display: block;
  margin-top: 15px;
}

.pr-detail-layout .info .list li {
  font-size: 12px;
  line-height: 17px;
  color: #666666;
  padding-left: 13px;
  position: relative;
}

.pr-detail-layout .info .list li::before {}

.pr-detail-layout .advance-info .excerpt {
  display: block;
  font-size: 14px;
  line-height: 20px;
  color: #666666;
  margin: 0;
  max-width: 356px;
}

.pr-detail-layout .advance-info .shipping-info {
  margin-top: 18px;
  padding-left: 13px;
}

.pr-detail-layout .advance-info .shipping-info p {
  text-align: left;
  margin: 0;
  padding: 0;
}

.pr-detail-layout .advance-info p.for-today {
  margin-top: 1px;
}

.biolife-products-block .menu-title {
  margin-bottom: 24px;
}

.biolife-brand ul.brands {
  display: block;
  padding: 0;
  font-size: 0;
  line-height: 0;
  border-top: 1px solid #e6e6e6;
}

.biolife-brand ul.brands li {
  list-style: none;
  display: inline-block;
  width: 25%;
  float: left;
  text-align: center;
}

.biolife-brand.vertical ul.brands {
  border: none;
  padding-bottom: 14px;
  display: inline-block;
}

.biolife-brand.vertical ul.brands li {
  display: block;
  width: auto;
  clear: left;
  text-align: left;
  margin: 17px 0;
}

.biolife-banner.layout-01 {
  display: block;
  width: 176px;
  text-align: center;
  font-size: 0;
  line-height: 1;
  border: 1px solid transparent;
  position: relative;
}

.biolife-banner.layout-01::before {
  content: "";
  display: block;
  border-top: 1px solid #000000;
  border-left: 1px solid #000000;
  border-bottom: 1px solid #000000;
  position: absolute;
  top: -1px;
  left: -1px;
  bottom: -1px;
  width: 19px;
  background: transparent;
}

.biolife-banner.layout-01::after {
  content: "";
  display: block;
  border-top: 1px solid #000000;
  border-right: 1px solid #000000;
  border-bottom: 1px solid #000000;
  position: absolute;
  top: -1px;
  right: -1px;
  bottom: -1px;
  width: 19px;
  background: transparent;
}

.biolife-banner.layout-01 .top-title {
  font-size: 26px;
  font-weight: 700;
  color: #333333;
  margin: 0;
  line-height: 1;
  display: inline-block;
  position: relative;
  top: -15px;
  padding: 0 7px;
}

.biolife-banner.layout-01 .content {
  display: block;
  font-size: 14px;
  line-height: 20px;
  color: #666666;
  text-align: center;
  margin: -7px 0 0;
  padding: 0 20px;
}

.biolife-banner.layout-01 .bottomm-title {
  font-size: 20px;
  color: #333333;
  font-family: "Playfair Display", sans-serif;
  font-weight: 700;
  font-style: italic;
  line-height: 1;
  position: relative;
  bottom: -9px;
  padding: 0 7px;
}

.header-search-bar.layout-01 {
  display: inline-block;
  position: relative;
  float: left;
  /* border: 2px solid #dddddd;
	 */
  border-radius: 99999px;
}

.header-search-bar.layout-01 .input-text {
  font-size: 14px;
  color: #222222;
  width: 300px;
  max-width: 600px !important;
  display: inline-block;
  padding: 6px 20px;
}

@media screen and (-ms-high-contrast: active),
(-ms-high-contrast: none) {
  .header-search-bar.layout-01 .input-text {
    line-height: 1;
    padding: 9px 20px 9px 20px;
  }
}

.header-search-bar.layout-01 .btn-submit {
  background: transparent;
  border: none;
  outline: none;
  box-shadow: none;
  border-left: 1px solid #e6e6e6;
  color: #333333;
  line-height: 0;
  font-size: 20px;
  display: inline-block;
  padding: 4px;
  width: 60px;
  text-align: center;
  position: absolute;
  top: 50%;
  right: 0;
  border-top-right-radius: 9999px;
  border-bottom-right-radius: 9999px;
  transform: translateY(-50%);
}

.header-search-bar.layout-01 .input-text::-ms-input-placeholder,
.header-search-bar.layout-01 .input-text:-ms-input-placeholder,
.header-search-bar.layout-01 .input-text::placeholder {
  color: #888888;
}

.header-search-bar.layout-01 select {
  display: none;
}

.header-search-bar.layout-01 .nice-select {
  position: absolute;
  top: 17px;
  right: 118px;
  padding-left: 0;
}

.header-search-bar.layout-01 .nice-select:after,
.header-search-bar.layout-01 .nice-select .current {
  color: #888888;
}

.header-search-bar.layout-01 .nice-select .current {
  width: 103px;
  text-align: right;
}

.header-search-bar.layout-01.no-product-cat .btn-submit {
  width: auto;
  padding: 12px 24px 12px 16px;
  top: 2px;
  right: 0;
  border-left: none;
}

.header-search-bar.layout-01.no-product-cat .input-text {
  padding-right: 60px;
}

.header-area .live-info {
  display: inline-block;
  /* max-width: calc(100% - 500px);
	 */
  float: right;
}

.header-area .live-info .telephone {
  font-size: 20px;
  line-height: 20px;
  color: #333333;
  display: block;
  margin: 0;
  padding-left: 6px;
}

.header-area .live-info .telephone i {
  font-size: 26px;
  position: relative;
  bottom: -5px;
  right: 6px;
}

.header-area .live-info .working-time {
  font-size: 13px;
  line-height: 20px;
  color: #666666;
  display: block;
  margin: 1px 0 0;
  padding-left: 28px;
}

.padding-top-2px {
  padding-top: 2px;
}

.header-area.layout-05 .header-top .top-bar .social-list li a,
.header-area.layout-05 .header-top .nice-select .current,
.header-area.layout-05 .header-top .nice-select:after,
.header-area.layout-05 .header-top .top-bar .horizontal-menu a {
  color: #333333;
}

.header-area.layout-05 .header-top {
  border-bottom: 1px solid #e3e3e3;
}

.header-area.layout-05 .header-top .horizontal-menu>li+li {
  border-left: 1px solid #e3e3e3;
}

.header-area.layout-05 .header-top .top-bar .social-list {
  border-right: 1px solid #e3e3e3;
}

.header-area.layout-05 .header-middle {
  box-shadow: 5px 5px 5px rgba(204, 204, 204, 0.2);
  -webkit-box-shadow: 5px 5px 5px rgba(204, 204, 204, 0.2);
}

.newsletter-block.layout-01 {
  margin-top: 40px;
}

.newsletter-block .title {
  font-size: 20px;
  line-height: 20px;
  color: #333333;
  font-weight: 700;
  display: block;
  margin: 0 0 17px;
}

.newsletter-block .form-content {
  font-size: 0;
  line-height: 0;
  display: block;
  position: relative;
}

.newsletter-block .form-content .input-text {
  font-size: 14px;
  line-height: 1;
  color: #333333;
  display: inline-block;
  width: 100%;
  border: 1px solid #e6e6e6;
  -webkit-border-radius: 9999px;
  -moz-border-radius: 9999px;
  border-radius: 9999px;
  padding: 9px 125px 9px 18px;
  height: 46px;
}

.newsletter-block .form-content .bnt-submit {
  font-size: 14px;
  line-height: 20px;
  display: inline-block;
  background-color: #333333;
  color: #ffffff;
  border: none;
  position: absolute;
  top: 0;
  right: 0;
  font-weight: 700;
  text-align: center;
  text-transform: uppercase;
  min-width: 123px;
  padding: 13px;
  border-top-right-radius: 9999px;
  border-bottom-right-radius: 9999px;
}

.newsletter-block .form-content .bnt-submit:hover {
  background-color: var(--primary-black);
}

.newsletter-block .form-content .input-text::-webkit-input-placeholder {
  line-height: 24px;
}

.newsletter-block .form-content .input-text::-moz-placeholder {
  line-height: 24px;
}

.newsletter-block .form-content .input-text:-ms-input-placeholder {
  line-height: 24px;
}

.newsletter-block .form-content .input-text:-moz-placeholder {
  line-height: 24px;
}

/* @media hack removed */

.newsletter-block.layout-03 {
  display: block;
  font-size: 0;
  line-height: 0;
  background-image: url("../images/home-02/bgrd-newsletter.jpg");
  height: 315px;
  padding-top: 86px;
  background-repeat: no-repeat;
  background-position: center;
}

.newsletter-block.layout-03 .form-content {
  display: block;
  text-align: center;
  color: #ffffff;
}

.newsletter-block.layout-03 .form-content .newslt-title {
  font-size: 35px;
  line-height: 1;
  display: block;
  font-weight: 700;
  margin: 0;
}

.newsletter-block.layout-03 .form-content .sub-title {
  font-size: 0.8vw;
  line-height: 20px;
  display: block;
  margin: 4px 0 0;
  font-weight: 400;
}

.newsletter-block.layout-03 .form-content b {
  font-size: 20px;
  font-weight: 700;
}

.newsletter-block.layout-03 .form-content .input-text {
  max-width: 508px;
  font-size: 14px;
  line-height: 1;
  color: var(--primary-black);
  padding: 10px 130px 10px 21px;
  background-color: #ffffff;
  border: none;
  height: 46px;
}

.newsletter-block.layout-03 .form-content .input-text::-webkit-input-placeholder {
  color: #666666;
  line-height: 26px;
}

.newsletter-block.layout-03 .form-content .input-text::-moz-placeholder {
  color: #666666;
  line-height: 26px;
}

.newsletter-block.layout-03 .form-content .input-text:-ms-input-placeholder {
  color: #666666;
  line-height: 26px;
}

.newsletter-block.layout-03 .form-content .input-text:-moz-placeholder {
  color: #666666;
  line-height: 26px;
}

.newsletter-block .form-content .bnt-submit .form-content .bnt-submit {
  min-width: 130px;
}

.newsletter-block.layout-03 .form-content form {
  display: inline-block;
  position: relative;
  max-width: 508px;
  width: 100%;
  margin-top: 23px;
}

.newsletter-block.layout-03 .form-content .bnt-submit {
  border-radius: 999px;
}

.newsletter-block.layout-04 {
  font-size: 0;
  line-height: 0;
  padding-left: 94px;
}

.newsletter-block.layout-04 .form-content,
.newsletter-block.layout-04 .wrap-title {
  display: inline-block;
}

.newsletter-block.layout-04 .wrap-title {
  margin-right: 40px;
}

.newsletter-block.layout-04 .wrap-title .biolife-icon {
  font-size: 65px;
  line-height: 1;
  display: inline-block;
  color: #c8c8c8;
  vertical-align: middle;
}

.newsletter-block.layout-04 .wrap-title .texts {
  display: inline-block;
  vertical-align: middle;
  padding-left: 17px;
}

.newsletter-block.layout-04 .wrap-title .newslt-title {
  font-size: 20px;
  line-height: 20px;
  color: #333333;
  font-weight: 700;
  display: block;
  margin: 0;
}

.newsletter-block.layout-04 .wrap-title .sub-title {
  display: block;
  margin: 10px 0 0;
  font-size: 15px;
  color: #666666;
  line-height: 1;
}

.newsletter-block.layout-04 .form-content {
  max-width: 550px;
  width: 100%;
}

.newsletter-block_popup-layout {
  background-image: url("../images/bg-newsletter.jpg");
  display: block;
  overflow: hidden;
  background-repeat: no-repeat;
  background-position: top left;
  padding: 63px 59px 73px;
}

.newsletter-block_popup-layout .inner-content {
  display: block;
  text-align: center;
  max-width: 360px;
}

.newsletter-block_popup-layout .wrap-title .sup-title {
  display: block;
  margin: 0;
  font-size: 20px;
  line-height: 1;
  font-weight: 600;
  color: #222222;
  text-transform: uppercase;
}

.newsletter-block_popup-layout .wrap-title .newslt-title {
  display: block;
  margin: 0;
  line-height: 1;
  font-size: 80px;
  color: #222222;
  font-weight: 700;
  text-transform: uppercase;
  margin-top: -2px;
}

.newsletter-block_popup-layout .wrap-title .newslt-title sup {
  font-size: 60%;
}

.newsletter-block_popup-layout .form-content {
  margin-top: 22px;
}

.newsletter-block_popup-layout .form-content .input-text {
  font-size: 14px;
  text-align: center;
  color: #333333;
  background-color: #ffffff;
  border: 0;
  line-height: 1;
  padding: 10px 10px 11px;
  height: 46px;
}

.newsletter-block_popup-layout .form-content .input-text::-webkit-input-placeholder {
  color: #999999;
  line-height: 26px;
}

.newsletter-block_popup-layout .form-content .input-text:-ms-input-placeholder {
  color: #999999;
  line-height: 26px;
}

.newsletter-block_popup-layout .form-content .input-text::placeholder {
  color: #999999;
  line-height: 26px;
}

.newsletter-block_popup-layout .form-content .bnt-submit {
  position: static;
  width: 100%;
  border-radius: 9999px;
  padding: 16px;
  margin-top: 11px;
}

.newsletter-block_popup-layout .form-content .dismiss-newsletter {
  display: inline-block;
  font-size: 14px;
  margin: 0;
  color: #666666;
  text-shadow: none;
  font-weight: 400;
  opacity: 1;
  filter: alpha(opacity=100);
  float: none;
  margin-top: 17px;
  position: relative;
}

.newsletter-block_popup-layout .form-content .dismiss-newsletter::before {
  content: "";
  display: block;
  position: absolute;
  bottom: -3px;
  left: 0;
  right: 0;
  height: 2px;
  border-top: 1px solid #afaeae;
  background-color: #cdcccc;
  z-index: 1;
}

.newsletter-block_popup-layout .form-content .dismiss-newsletter:hover::before {
  background-color: transparent !important;
}

.product-category .products-list {
  padding: 0;
  display: block;
  margin: 0;
}

.product-category .products-list li {
  display: block;
  list-style: none;
}

.wrap-custom-menu.vertical-menu-2 ul li {
  font-size: 14px;
  line-height: 33px;
}

.wrap-custom-menu.vertical-menu-2.bigger ul li {
  font-size: 15px;
  line-height: 35px;
}

.wrap-custom-menu.vertical-menu-2 ul li+li {
  margin-top: 1px;
}

.wrap-custom-menu.vertical-menu-2 ul li a {
  color: #666666;
}

.wrap-custom-menu.horizontal-menu-v2 ul.menu {
  display: block;
  font-size: 0;
  line-height: 0;
  text-align: center;
}

.wrap-custom-menu.horizontal-menu-v2 ul.menu>li {
  margin: 0;
  display: inline-block;
  font-size: 15px;
  line-height: 1;
  padding: 0 15px;
}

.wrap-custom-menu.horizontal-menu-v2 ul.menu>li+li {
  border-left: 1px solid #e6e6e6;
}

.wrap-custom-menu.horizontal-menu-v2 ul.menu>li a {
  color: #666666;
  display: inline-block;
}

.biolife-social {
  margin-top: 25px;
}

.biolife-social ul {
  padding: 0;
  margin: 0;
  font-size: 0;
  line-height: 0;
  text-align: left;
}

.biolife-social ul li {
  list-style: none;
  display: inline-block;
}

.biolife-social ul li+li {
  margin-left: 30px;
}

.biolife-social ul li a {
  font-size: 18px;
  color: #666666;
}

.biolife-social.circle-hover {
  margin-top: 24px;
}

.biolife-social.circle-hover ul li a {
  color: #555555;
  display: block;
  padding: 0 5px;
  line-height: 34px;
  min-width: 34px;
  text-align: center;
  border-radius: 50%;
  background-color: transparent;
}

.biolife-social.circle-hover ul li a:hover {
  color: #ffffff;
}

.biolife-social.circle-hover ul li+li {
  margin-left: 10px;
}

.biolife-social.add-title {
  margin-top: 8px;
}

.biolife-social.add-title .fr-title {
  display: inline-block;
  vertical-align: middle;
  font-size: 14px;
  line-height: 20px;
  color: #333333;
  margin-right: 22px;
}

.biolife-social.add-title .fr-title+.socials {
  display: inline-block;
  vertical-align: middle;
}

.biolife-social.add-title ul li a {
  color: #aaaaaa;
}

.biolife-social.add-title ul li+li {
  margin-left: 21px;
}

.contact-info-block.footer-layout ul {
  padding-top: 3px;
}

.contact-info-block.footer-layout ul {
  padding: 0;
  display: block;
}

.contact-info-block.footer-layout ul li {
  display: block;
  list-style: none;
}

.contact-info-block.footer-layout ul li+li {
  margin-top: 10px;
}

.contact-info-block.footer-layout li p.info-item {
  display: block;
  margin: 0;
}

.contact-info-block.footer-layout li .biolife-icon {
  font-size: 22px;
  color: #525252;
  display: inline-block;
  float: left;
  width: 36px;
  text-align: left;
}

.contact-info-block.footer-layout li .icon-letter {
  font-size: 12px;
  color: #6a6a6a;
  line-height: 20px;
  padding-top: 2px;
}

.contact-info-block.footer-layout li .desc {
  font-size: 13px;
  line-height: 20px;
  color: #666666;
  display: inline-block;
  font-weight: 400;
  width: calc(100% - 36px);
}

.contact-info-block.simple-info {
  margin-top: 24px;
}

.contact-info-block.simple-info .title {
  font-size: 18px;
  display: block;
  margin: 0;
  color: #222222;
  line-height: 1;
  font-weight: 600;
}

.contact-info-block.simple-info .info-item {
  display: table;
  width: 100%;
  margin-top: 17px;
  max-width: 300px;
}

.contact-info-block.simple-info .info-item .biolife-icon,
.contact-info-block.simple-info .info-item .desc {
  display: table-cell;
  vertical-align: top;
  font-size: 15px;
  line-height: 20px;
  color: #666666;
  padding-left: 16px;
  margin: 0;
}

.contact-info-block.simple-info .info-item .icon {
  display: inline-block;
  width: 33px;
  padding: 0;
  margin: 4px 0 0;
  font-size: 0;
  line-height: 0;
}

.footer-item .section-title {
  font-size: 24px;
  line-height: 1;
  color: #222222;
  font-weight: 700;
  display: block;
  margin: 0 0 24px;
}

.footer-phone-info {
  margin-top: 20px;
}

.footer-phone-info .biolife-icon {
  color: #666666;
  font-size: 40px;
  line-height: 1;
  display: inline-block;
  float: left;
  width: 40px;
  padding-top: 9px;
}

.footer-phone-info .r-info {
  font-size: 18px;
  line-height: 24px;
  color: #222222;
  display: inline-block;
  width: calc(100% - 40px);
  font-weight: 600;
  margin: 0;
  padding-left: 20px;
}

.footer-phone-info .r-info span {
  display: block;
}

.footer-phone-info.mode-03,
.footer-phone-info.mode-02 {
  margin-top: 31px;
}

.footer-phone-info.mode-02 .r-info .number {
  font-size: 17px;
  color: #666666;
}

.footer-phone-info.mode-03 .biolife-icon,
.footer-phone-info.mode-02 .biolife-icon {
  padding-top: 6px;
}

.footer-phone-info.mode-03 .r-info .number {
  color: #222222;
}

.border-top-type-1 {
  border-top: 1px solid #e6e6e6;
}

.copy-right-text {
  margin-top: 37px;
}

.copy-right-text p {
  margin: 0;
  font-size: 15px;
  line-height: 20px;
  color: #222222;
  font-weight: 400;
}

.copy-right-text p b {
  font-weight: 600;
}

.footer.layout-02 .copy-right-text {
  margin-top: 22px;
}

.footer.layout-02 .copy-right-text p {
  color: #ffffff;
}

.copy-right-text.center-align {
  margin-top: 33px;
  margin-bottom: 31px;
}

.copy-right-text.center-align>p {
  text-align: center;
}

.payment-methods ul {
  padding: 0;
  display: block;
  text-align: right;
  margin: 0;
}

.payment-methods ul li {
  list-style: none;
  display: inline-block;
  padding: 26px 0 29px;
}

.payment-methods ul li+li {
  margin-left: 19px;
}

.payment-methods.layout-02 .title {
  font-size: 18px;
  color: #222222;
  font-weight: 600;
  display: block;
  line-height: 1;
  margin: 0 0 15px;
}

.payment-methods.layout-02 .payments {
  text-align: left;
  font-size: 0;
  line-height: 0;
}

.payment-methods.layout-02 .payments li {
  padding: 0;
  margin-bottom: 20px;
}

.payment-methods.layout-02 .payments li+li {
  margin-left: 0;
}

.payment-methods.layout-02 .payments li:not(:last-child) {
  margin-right: 20px;
}

.footer.layout-02 .payment-methods ul li {
  padding-top: 15px;
  padding-bottom: 14px;
}

.footer.layout-01 .copy-rights-contain {
  background-color: #ffffff;
}

.footer.layout-01 .payment-methods ul li {
  padding: 29px 0;
}

.footer.layout-01 .copy-right-text {
  margin-top: 39px;
}

.separator {
  display: block;
  border: none;
  height: 1px;
  background-color: #e6e6e6;
}

.footer-content {
  padding-top: 50px;
}

.footer.layout-02 .footer-content {
  padding-top: 80px;
}

.header-area .primary-menu ul .wrap-megamenu {
  padding: 30px;
  background-size: cover;
  background-position: bottom right;
  background-repeat: no-repeat;
  overflow: auto;
  border-top: 5px solid var(--primary-red);
  left: 80px !important;
  height: auto;
  overflow-y: auto;
  max-height: calc(100vh - 80px);
  max-width: 1140px;
  width: 100%;
  background-color: #fff;
  text-align: left;
  transition: all 0.5s;
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.05);
  margin-top: 0;
}

.header-area .primary-menu ul .wrap-megamenu .wrap-custom-menu.vertical-menu h4.menu-title {
  margin-bottom: 10px;
  display: block;
  font-weight: 600;
  padding: 0 0 10px;
}

.header-area .primary-menu ul .wrap-megamenu .wrap-custom-menu.vertical-menu ul.menu {
  padding-left: 0;
}

.header-area .primary-menu ul .wrap-megamenu .wrap-custom-menu ul.menu li:last-child {
  border-bottom: 0px solid transparent;
}

.header-area .primary-menu ul .wrap-megamenu .wrap-custom-menu.vertical-menu {
  margin-bottom: 20px;
}

.header-area .primary-menu ul .wrap-megamenu .wrap-custom-menu.vertical-menu ul.menu li {
  line-height: normal;
  font-size: 14px;
  font-weight: 400;
  margin: 0 0 8px;
  /* border-bottom: 0;
	 */
}

.header-area .primary-menu ul .wrap-megamenu .wrap-custom-menu.vertical-menu ul.menu li a {
  display: block;
  font-size: 12px;
  padding: 5px 0;
  line-height: 20px;
  text-transform: capitalize;
  position: relative;
  transition: all 0.15s linear;
  -webkit-transition: all 0.15s linear;
  -moz-transition: all 0.15s linear;
  -o-transition: all 0.15s linear;
  font-weight: 500;
}

.header-area .primary-menu .mega-content {
  margin-left: -15px;
  margin-right: -15px;
}

.header-area.layout-01 {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  background-image: url("../images/home-01/bg_header-01.png");
  background-repeat: no-repeat;
  background-position: center center;
  -webkit-transition: all 350ms ease;
  -moz-transition: all 350ms ease;
  -ms-transition: all 350ms ease;
  -o-transition: all 350ms ease;
  transition: all 350ms ease;
}

.header-area.layout-01 .nice-select:after,
.header-area.layout-01 .nice-select .current,
.header-area.layout-01 .header-top .top-bar .social-list li a,
.header-area.layout-01 .header-top .top-bar .horizontal-menu a {
  color: #333333;
}

.header-area.layout-01 .header-top .right .horizontal-menu>li:first-child {
  border: none;
}

.header-area.layout-01 .left .horizontal-menu>li {
  padding: 0;
}

.header-area.layout-01 .top-bar.left>ul+ul {
  margin-left: 34px;
}

.header-area.layout-01 .header-top .right .horizontal-menu>li {
  min-width: auto;
  padding-left: 0;
  padding-right: 34px;
  border: none;
}

.header-area.layout-01 .header-top .right .horizontal-menu>li:last-child {
  padding-right: 0;
  border: none;
}

.header-area.layout-01 .top-bar.left .horizontal-menu li {
  line-height: 42px;
}

.header-area.layout-01 .header-top {
  margin-top: 36px;
}

.header-area.layout-01 .header-bottom:not(.pre-sticky) {
  padding-bottom: 42px;
}

.header-top .top-bar .social-list.circle-layout {
  margin: 0;
  line-height: 0;
  font-size: 0;
  float: none;
}

.header-top .top-bar .social-list.circle-layout li {
  line-height: 0;
  font-size: 0;
  margin: 0;
}

.header-top .top-bar .social-list.circle-layout li+li {
  margin-left: 11px;
}

.header-top .top-bar .social-list.circle-layout a>i {
  margin: 0;
}

.header-area.layout-01 .top-bar .social-list.circle-layout a {
  color: #aaaaaa;
}

.header-top .top-bar .social-list.circle-layout a {
  background-color: #dddddd;
  padding: 0 5px;
  min-width: 27px;
  display: inline-block;
  line-height: 27px;
  text-align: center;
  color: #aaaaaa;
  border-radius: 50%;
}

.header-top .top-bar .social-list.circle-layout a:hover {
  color: #ffffff !important;
}

body:not(.open-overlay) .header-area.layout-01 {
  z-index: 20;
}

.background-mega-01 {
  background: url("../images/megamenu/vegetable-mega-bg.png");
}

.background-mega-02 {
  background: url("../images/megamenu/megamenu-bg-02.jpg");
}

.max-width-270 {
  max-width: 270px;
}

.mobile-footer {
  display: none;
  background-color: #ededed;
  padding: 5px 0 0;
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 100;
}

.mobile-footer .mobile-footer-inner {
  display: table;
  width: 100%;
  margin: 0;
}

.mobile-footer .mobile-footer-inner>div {
  display: table-cell;
  text-align: center;
}

.mobile-footer .mobile-block>a {
  display: block;
  color: #333333;
  padding: 5px;
  font-size: 0;
  line-height: 0;
}

.mobile-footer .mobile-block>a .text {
  font-size: 13px;
  line-height: 1;
  display: block;
  font-weight: 600;
}

.mobile-footer .mobile-block>a>.fa {
  display: block;
  font-size: 15px;
  margin-bottom: 2px;
}

.mobile-search-content,
.mobile-search .open-searchbox {
  display: none;
}

.mobile-search {
  font-size: 0;
  line-height: 0;
}

.mobile-search .open-searchbox .biolife-icon {
  font-size: 21px;
  color: #333333;
}

.mobile-search .mobile-search-content {
  display: none;
  position: fixed;
  width: 700px;
  top: 40%;
  left: 50%;
  margin-left: -350px;
  z-index: 120;
  border-top: 2px solid #666666;
  -webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.2);
  box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.2);
  background-color: #ffffff;
  padding: 40px;
  text-align: left;
}

.mobile-search .mobile-search-content .form-search {
  position: relative;
}

.mobile-search .mobile-search-content .input-text {
  display: inline-block;
  width: calc(100% - 160px);
  font-size: 14px;
  line-height: 1;
  padding: 8px 15px;
  border-radius: 2px;
  border-color: #e6e6e6;
  color: var(--primary-black);
  height: 44px;
}

.mobile-search .mobile-search-content .input-text::-webkit-input-placeholder {
  line-height: 25px;
}

.mobile-search .mobile-search-content .input-text:-ms-input-placeholder {
  line-height: 25px;
}

.mobile-search .mobile-search-content .input-text::placeholder {
  line-height: 25px;
}

.mobile-search .mobile-search-content .nice-select .current {
  width: 100%;
  color: #666666;
}

.mobile-search .mobile-search-content .nice-select {
  display: inline-block;
  float: left;
  border: 1px solid #e6e6e6;
  border-radius: 2px;
  width: 160px;
  clear: none;
  margin-left: 0;
  border-right: none;
}

.mobile-search .mobile-search-content .btn-submit {
  font-size: 0.8vw;
  color: #ffffff;
  background: #555555;
  border: none;
  position: absolute;
  top: 0;
  right: 0;
  border-radius: 2px;
  padding: 12px 17px 12px;
  line-height: 20px;
  display: inline-block;
  text-transform: uppercase;
  font-weight: 600;
}

#overlay {
  display: block;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 100;
  background-color: rgba(0, 0, 0, 0.5);
  visibility: hidden;
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transition: all 250ms ease;
  -moz-transition: all 250ms ease;
  -o-transition: all 250ms ease;
  transition: all 250ms ease;
}

body.open-overlay #overlay {
  visibility: visible;
  opacity: 1;
  filter: alpha(opacity=100);
}

.recently-products-cat ul {
  padding: 0;
}

.recently-products-cat ul li {
  list-style: none;
}

.sidebar .widget {
  display: block;
  clear: both;
  border-bottom: 1px solid #d1d1d1;
  margin-bottom: 0;
  width: 100%;
}

.sidebar .widget:last-child {
  border-bottom: none;
}

.sidebar .widget .wgt-title {
  color: #222222;
  font-size: 0.8vw;
  font-weight: 700;
  text-align: left;
  display: block;
  margin: 0;
  position: relative;
  text-transform: uppercase;
}

.sidebar .widget .wgt-title::after {
  content: "\f0d8";
  font-family: "FontAwesome", sans-serif;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  font-size: 15px;
  position: absolute;
  top: 2px;
  right: 0;
  display: none;
}

.sidebar .widget .wgt-content {
  display: block;
  padding-bottom: 15px;
}

.sidebar .wgt-content .color-list,
.sidebar .wgt-content .check-list,
.sidebar .wgt-content .cat-list {
  padding: 0;
  display: block;
  font-size: 0;
  line-height: 0;
  margin: 15px 0 22px;
}

.sidebar .wgt-content .color-list li,
.sidebar .wgt-content .color-list li,
.sidebar .wgt-content .check-list li,
.sidebar .wgt-content .cat-list li {
  list-style: none;
  display: flex;
  gap: 8px;
  align-items: center;
  font-size: 12px;
  line-height: 34px;
  padding: 0;
  color: var(--primary-black);
}

.sidebar .wgt-content .color-list li input,
.sidebar .wgt-content .color-list li input,
.sidebar .wgt-content .check-list li input,
.sidebar .wgt-content .cat-list li input {
  margin-top: 0;
}

.sidebar .wgt-content .check-list.bold li {
  font-size: 15px;
  font-weight: 600;
}

.sidebar .wgt-content .check-list li a,
.sidebar .wgt-content .cat-list li a {
  color: inherit;
}

.sidebar .wgt-content .check-list li a {
  padding-left: 30px;
  position: relative;
  display: inline-block;
}

.sidebar .wgt-content .check-list li a::before {
  content: "";
  width: 15px;
  height: 15px;
  display: block;
  border: 2px solid #eeeeee;
  border-radius: 2px;
  position: absolute;
  top: 10px;
  left: 0;
}

.sidebar .wgt-content .check-list li a::after {
  content: "\f00c";
  font-family: "FontAwesome", sans-serif;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  display: block;
  font-size: 12px;
  position: absolute;
  top: 12px;
  left: 2px;
  color: #eeeeee;
  line-height: 1;
  visibility: hidden;
  opacity: 0;
  filter: alpha(opacity=0);
}

.sidebar .wgt-content .check-list li.selected a::after,
.sidebar .wgt-content .check-list li a:hover::after {
  visibility: visible;
  opacity: 1;
  filter: alpha(opacity=100);
}

.sidebar .wgt-content .color-list {
  margin-top: 20px;
  margin-bottom: 24px;
}

.sidebar .wgt-content .color-list li {
  display: inline-block;
  margin-right: 18px;
  margin-bottom: 2px;
}

.sidebar .wgt-content .color-list li a {
  display: inline-block;
  color: inherit;
  line-height: 27px;
  position: relative;
  padding-left: 37px;
}

.sidebar .wgt-content .color-list li a .symbol {
  display: inline-block;
  width: 27px;
  height: 27px;
  border-radius: 50%;
  background-color: #ffffff;
  position: absolute;
  top: 0;
  left: 0;
}

.sidebar .wgt-content .color-list li a .hex-code {
  border: 2px solid #e6e6e6;
}

.product-atts .atts-item .img-color,
.sidebar .wgt-content .color-list li a .img-color {
  background: url("../images/color_bg1.jpg");
  background-size: cover;
}

.sumary-product .product-attribute .product-atts .atts-item ul.color-list span.color-02,
.sidebar .wgt-content .color-list li a .color-02 {
  background-color: #ffbc53;
}

.sumary-product .product-attribute .product-atts .atts-item ul.color-list span.color-01,
.sidebar .wgt-content .color-list li a .color-01 {
  background-color: #ef2727;
}

.sumary-product .product-attribute .product-atts .atts-item ul.color-list span.color-03 {
  background-color: #ffffff;
}

.sidebar .price-filter .frm-contain {
  display: inline-block;
  font-size: 0;
  line-height: 0;
  margin-top: 31px;
  padding-bottom: 1px;
}

.sidebar .price-filter .frm-contain .f-item {
  display: inline-block;
  margin: 0 4px 0 0;
  font-size: 0.8vw;
  color: #222222;
  float: left;
}

.sidebar .price-filter .frm-contain .f-item:last-child {
  margin-left: 0;
  margin-right: 9px;
}

.sidebar .price-filter .frm-contain .f-item label {
  margin: 0;
}

.sidebar .price-filter .frm-contain .f-item .input-number {
  border: 2px solid #e6e6e6;
  border-radius: 5px;
  width: 80px;
  height: 33px;
  text-align: center;
}

.sidebar .price-filter .frm-contain .f-item .btn-submit {
  font-size: 15px;
  color: #ffffff;
  font-weight: 700;
  text-transform: uppercase;
  border: none;
  outline: none;
  line-height: 1;
  padding: 9px 5px;
  min-width: 59px;
  text-align: center;
  border-radius: 9999px;
}

.sidebar .price-filter .frm-contain .f-item .btn-submit:hover {
  background-color: #000000;
}

.sidebar .wgt-content .products {
  padding: 0;
  display: inline-block;
  width: 100%;
  margin: 26px 0 30px;
}

.sidebar .wgt-content .products li {
  list-style: none;
  display: block;
  clear: both;
  overflow: hidden;
}

.sidebar .wgt-content .products li+li {
  margin-top: 15px;
}

.sidebar .wgt-content .tag-cloud {
  padding: 0;
  display: block;
  margin: 27px 0 20px;
  font-size: 0;
  line-height: 0;
}

.sidebar .wgt-content .tag-cloud li {
  list-style: none;
  display: inline-block;
}

.sidebar .wgt-content .tag-cloud li a {
  display: inline-block;
  color: #888888;
  font-size: 14px;
  line-height: 1;
  border: 2px solid #f0f0f0;
  border-radius: 9999px;
  text-align: center;
  padding: 5px 12px;
  margin-right: 8px;
  margin-bottom: 10px;
}

.sidebar .wgt-content .tag-cloud li a:hover {
  color: #111111;
}

#sidebar .biolife-mobile-panels {
  display: none;
}

.blog-sidebar .widget .wgt-title::after {
  content: none;
}

.search-widget input[type="text"] {
  font-size: 13px;
  line-height: 1;
  border: 2px solid #e6e6e6;
  border-radius: 9999px;
  padding: 10px 40px 11px 20px;
  width: 100%;
  height: 49px;
}

.search-widget input[type="text"]::-webkit-input-placeholder {
  font-weight: 700;
  text-transform: uppercase;
  line-height: 25px;
}

.search-widget input[type="text"]:-ms-input-placeholder {
  font-weight: 700;
  text-transform: uppercase;
  line-height: 25px;
}

.search-widget input[type="text"]::placeholder {
  font-weight: 700;
  text-transform: uppercase;
  line-height: 25px;
}

.search-widget form {
  display: inline-block;
  width: 100%;
  position: relative;
  font-size: 0;
  line-height: 0;
  border-radius: 9999px;
  overflow: hidden;
}

.search-widget button[type="submit"] {
  border: none;
  font-size: 21px;
  padding: 14px 17px 14px 2px;
  position: absolute;
  top: 0;
  right: 0;
  background-color: transparent;
}

.search-widget .wgt-content {
  font-size: 0;
  line-height: 0;
  padding-bottom: 40px;
}

.posts-widget .wgt-content {
  line-height: 0;
  font-size: 0;
  margin-top: 27px;
  padding-bottom: 30px;
}

.comment-widget .wgt-content ul,
.twitter-widget .wgt-content ul,
.posts-widget .wgt-content ul {
  padding: 0;
  margin: 0;
}

.comment-widget .wgt-content ul li,
.twitter-widget .wgt-content ul li,
.posts-widget .wgt-content ul li {
  list-style: none;
}

.posts-widget .wgt-content ul li+li {
  margin-top: 25px;
}

.twitter-widget .wgt-content ul {
  margin: 38px 0 28px;
}

.twitter-widget .wgt-content ul li+li {
  margin-top: 23px;
}

.comment-widget .wgt-content ul li+li {
  margin-top: 26px;
}

.comment-widget .wgt-content {
  margin-top: 25px;
}

.wgt-twitter-item,
.wgt-post-item {
  display: table;
  width: 100%;
  padding: 0;
  margin: 0;
  font-size: 0;
  line-height: 1;
}

.wgt-twitter-item .author,
.wgt-twitter-item .detail,
.wgt-post-item .detail,
.wgt-post-item .thumb {
  display: table-cell;
  vertical-align: top;
}

.wgt-post-item .thumb {
  width: 80px;
}

.wgt-twitter-item .detail,
.wgt-post-item .detail {
  padding-left: 10px;
}

.wgt-post-item .detail .post-name {
  font-size: 0.8vw;
  line-height: 19px;
  font-weight: 600;
  color: #222222;
  display: block;
  margin: -3px 0 0;
}

.wgt-post-item .detail .post-name a {
  color: inherit;
  font-weight: 700;
}

.wgt-post-item .detail .post-archive {
  display: block;
  font-size: 13px;
  color: #888888;
  margin: 10px 0 0;
  line-height: 13px;
}

.wgt-post-item .detail .post-archive .comment {
  margin-left: 17px;
}

.wgt-twitter-item .author {
  width: 38px;
}

.wgt-twitter-item .detail .account-info {
  display: block;
  margin: 0;
  font-size: 0;
}

.wgt-twitter-item .detail .account-info .ath-name,
.wgt-twitter-item .detail .account-info .ath-taglink {
  display: inline-block;
  font-size: 15px;
  line-height: 15px;
  color: #cccccc;
  font-weight: 600;
}

.wgt-twitter-item .detail .account-info .ath-name {
  color: #222222;
  margin-right: 7px;
}

.wgt-twitter-item .detail .tweet-content {
  font-size: 15px;
  line-height: 24px;
  color: #666666;
  margin: 7px 0 0;
}

.wgt-twitter-item .detail .tweet-content a:hover {
  color: #333333;
}

.wgt-twitter-item .detail .tweet-count {
  margin-top: 2px;
}

.wgt-twitter-item .detail .tweet-count .btn {
  display: inline-block;
  font-size: 13px;
  line-height: 24px;
  color: #666666;
  padding: 0;
  margin-right: 37px;
}

.wgt-twitter-item .detail .tweet-count .btn i {
  margin-right: 6px;
}

.wgt-twitter-item .detail .viewall {
  display: block;
  margin: 21px 0 5px;
  font-size: 0;
  line-height: 0;
}

.wgt-twitter-item .detail .viewall a {
  display: inline-block;
  font-size: 14px;
  line-height: 1;
  color: #cccccc;
  position: relative;
  font-weight: 700;
  text-transform: uppercase;
}

.wgt-twitter-item .detail .viewall a::before {
  content: "";
  display: block;
  height: 2px;
  background-color: #cccccc;
  bottom: -3px;
  left: 0;
  position: absolute;
  right: -1px;
}

.cmt-item {
  display: block;
  font-size: 0;
  line-height: 0;
  color: #666666;
  margin: 0;
}

.cmt-item a {
  display: inline-block;
  font-size: 15px;
  line-height: 16px;
  color: inherit;
  font-weight: 400;
}

.cmt-item .link-post {
  color: #333333;
  font-weight: 600;
  margin-left: 4px;
}

.cmt-item a .biolife-icon {
  margin-right: 7px;
}

.top-functions-area+div {
  clear: both;
}

.top-functions-area {
  display: block;
  width: 100%;
  border-bottom: 2px solid #e6e6e6;
  padding-bottom: 13px;
  margin-bottom: 30px;
}

.top-functions-area .flt-item,
.top-functions-area .wrap-selectors {
  display: inline-block;
}

.top-functions-area .flt-item.to-right {
  float: right;
}

.top-functions-area .flt-item .icon-for-mobile {
  display: none;
  font-size: 0;
  line-height: 0;
  vertical-align: bottom;
  padding: 7px 13px;
  background-color: #f0f0f0;
}

.top-functions-area .flt-item .btn-for-mobile {
  display: none;
  width: 100%;
  margin: 0;
  padding-top: 20px;
}

.top-functions-area .flt-item .btn-for-mobile button {
  font-size: 0.8vw;
  color: #ffffff;
  background: #555555;
  border: none;
  padding: 12px 17px 12px;
  line-height: 20px;
  display: inline-block;
  text-transform: uppercase;
  font-weight: 600;
  width: 100%;
}

.top-functions-area .flt-item .icon-for-mobile span {
  width: 3px;
  height: 3px;
  display: inline-block;
  float: left;
  clear: both;
  margin: 1px 0;
  background-color: #888888;
}

.top-functions-area .flt-item .title-for-mobile {
  display: none;
  width: 100%;
  font-size: 17px;
  color: #333333;
  font-weight: 700;
  text-align: center;
}

.top-functions-area .flt-item .flt-title {
  display: inline-block;
  font-size: 15px;
  color: #333333;
  float: left;
  margin-right: 10px;
  margin-top: 3px;
  font-weight: 600;
}

.top-functions-area .flt-item .nice-select {
  display: inline-block;
  border: 2px solid #e6e6e6;
  border-radius: 9999px;
  background-color: #ffffff;
  padding: 0 30px 0 20px;
}

.top-functions-area .flt-item .nice-select:after {
  color: #9b9b9b;
  right: 15px;
  margin-top: -7px;
}

.top-functions-area .flt-item .nice-select .current {
  font-weight: 600;
  font-size: 15px;
  color: #222222;
  padding: 5px 0 9px;
}

.top-functions-area .flt-item .selector-item {
  display: inline-block;
  float: left;
}

.top-functions-area .flt-item .selector-item+.selector-item {
  margin-left: 9px;
}

.top-functions-area .viewmode-selector {
  display: inline-block;
  font-size: 0;
  line-height: 0;
}

.top-functions-area .viewmode-selector .viewmode {
  color: #888888;
  font-size: 20px;
  display: inline-block;
  float: left;
  margin-left: 24px;
  margin-top: 5px;
}

.top-functions-area .viewmode-selector a.detail-mode {
  font-size: 17px;
  margin-top: 7px;
  margin-left: 12px;
}

.biolife-panigations-block {
  display: block;
  clear: both;
  border-top: 1px solid #e6e6e6;
  padding-top: 39px;
  margin-top: 20px;
  margin-bottom: 80px;
}

.biolife-panigations-block ul {
  padding: 0;
  margin: 0;
  text-align: center;
  font-size: 0;
  line-height: 0;
}

.biolife-panigations-block ul li {
  list-style: none;
  display: inline-block;
  vertical-align: middle;
}

.biolife-panigations-block ul li+li {
  margin-left: 5px;
}

.biolife-panigations-block ul li a,
.biolife-panigations-block ul li span {
  font-size: 14px;
  line-height: 31px;
  color: #666666;
  min-width: 41px;
  border: 1px solid #e6e6e6;
  display: inline-block;
  border-radius: 9999px;
}

.biolife-panigations-block ul li a.next,
.biolife-panigations-block ul li a.prev {
  border-width: 2px;
  font-size: 18px;
  line-height: 29px;
  width: 55px;
}

.biolife-panigations-block ul li a.next {
  margin-left: 20px;
}

.biolife-panigations-block ul li a.prev {
  margin-right: 15px;
}

.biolife-panigations-block ul li a:hover,
.biolife-panigations-block ul li .current-page {
  color: #ffffff;
}

.biolife-panigations-block ul li .sep {
  border-color: transparent;
  width: auto;
  min-width: auto;
  padding-right: 12px;
  margin-left: -3px;
}

.biolife-panigations-block.version-2 {
  margin: 0;
  border: none;
  padding-top: 49px;
  padding-bottom: 7px;
}

.biolife-panigations-block.version-2 ul {
  text-align: left;
  display: inline-block;
}

.biolife-panigations-block.version-2 ul li {
  text-align: center;
}

.biolife-panigations-block.version-2 .result-count {
  display: inline-block;
  float: right;
  font-size: 0;
}

.biolife-panigations-block.version-2 .result-count .txt-count {
  font-size: 14px;
  line-height: 34px;
  color: #333333;
  display: inline-block;
  margin: 0;
}

.biolife-panigations-block.version-2 .result-count .txt-count b {
  font-size: 15px;
  font-weight: 700;
}

.biolife-panigations-block.version-2 .result-count a {
  font-size: 15px;
  line-height: 34px;
  color: #333333;
  display: inline-block;
  font-weight: 600;
}

.biolife-panigations-block.version-2 .result-count a i {
  margin-left: 6px;
  display: inline-block;
}

.background-footer-03 {
  background-color: #f1f1f1;
}

.mobile-block-global {
  display: none;
  position: fixed;
  top: 0;
  left: -340px;
  bottom: 0;
  width: 290px;
  background-color: #ffffff;
  z-index: 999;
  -webkit-box-shadow: 3px 5px 14px -3px rgba(0, 0, 0, 0.11);
  -moz-box-shadow: 3px 5px 14px -3px rgba(0, 0, 0, 0.11);
  box-shadow: 3px 5px 14px -3px rgba(0, 0, 0, 0.11);
  -webkit-transition: all 320ms ease;
  -moz-transition: all 320ms ease;
  -o-transition: all 320ms ease;
  transition: all 320ms ease;
}

.mobile-block-global .block-global-contain {
  display: block;
  height: calc(100% - 50px);
  overflow-y: auto;
  padding: 0 15px;
}

.mobile-block-global .glb-item {
  display: block;
  padding-top: 17px;
}

.mobile-block-global .glb-item+.glb-item {
  border-top: 1px solid #e6e6e6;
}

.mobile-block-global .glb-item .title {
  display: block;
  font-size: 0.8vw;
  font-weight: 600;
  color: #333333;
  margin-bottom: 10px;
}

.mobile-block-global .glb-item ul {
  padding: 0;
  margin: 0 0 20px;
  display: block;
}

.mobile-block-global .glb-item ul:not(.inline) li {
  list-style: none;
  display: block;
  padding: 5px 0;
}

.mobile-block-global .glb-item ul.inline {
  display: inline-block;
  width: 100%;
  font-size: 0;
  line-height: 0;
  margin-top: 11px;
}

.mobile-block-global .glb-item ul.inline li {
  list-style: none;
  display: inline-block;
  float: left;
}

.mobile-block-global .glb-item ul.inline li:not(:last-child) {
  margin-right: 10px;
}

.mobile-block-global .glb-item ul li a {
  color: #888888;
  display: inline-block;
}

.single-product .main-content .sumary-product .media {
  display: block;
  float: none;
  width: auto;
  position: sticky;
  top: 114px;
}

.single-product .main-content .sumary-product .product-attribute {
  display: inline-block;
  float: none;
  width: 100%;
  padding-left: 20px;
  padding-top: 13px;
}

.sumary-product .media {
  display: inline-block;
  float: left;
  width: 38.462%;
}

.sumary-product .media ul {
  padding: 0;
  margin: 0;
}

.sumary-product .media ul li {
  list-style: none;
}

.sumary-product .media .slider-nav {
  margin-top: 10px;
  max-width: 390px;
}

.sumary-product .media .slider-nav li img {
  display: inline-block;
  width: 90px;
  border: 1px solid #f0f0f0;
  -webkit-transition: all 350ms ease;
  -moz-transition: all 350ms ease;
  -o-transition: all 350ms ease;
  transition: all 350ms ease;
}

.sumary-product .media .slider-nav li.slick-current img {
  border-width: 2px;
}

.sumary-product .product-attribute {
  display: inline-block;
  float: left;
  width: calc(100% - 38.462%);
  padding-left: 20px;
  padding-top: 13px;
}

.sumary-product .product-attribute .title {}

.sumary-product .product-attribute .rating {
  display: block;
  line-height: 0;
  margin-top: 10px;
}

.sumary-product .product-attribute .category,
.sumary-product .product-attribute .qa-text,
.sumary-product .product-attribute .review-count {
  display: inline-block;
  font-size: 14px;
  color: #555555;
  line-height: 24px;
  vertical-align: top;
  margin-left: 1px;
}

.sumary-product .product-attribute .qa-text {
  font-size: 15px;
  color: #666666;
  margin-left: 17px;
}

.sumary-product .product-attribute .category {
  font-size: 15px;
  color: #222222;
  font-weight: 400;
  margin-left: 17px;
}

.sumary-product .product-attribute .sku {
  font-size: 14px;
  color: #000000;
  display: inline-block;
  margin: 0 0 0 0px;
  line-height: 24px;
  vertical-align: top;
  font-weight: 500;
}

.sumary-product .product-attribute .excerpt {
  display: block;
  color: #666666;
  font-size: 14px;
  line-height: 20px;
  margin: 15px 0 0;
}

.sumary-product .product-attribute .price {
  margin: 25px 0 0;
}

.sumary-product .product-attribute .price ins {
  display: flex;
}

.sumary-product .product-attribute .price ins span.price-amount {
  font-size: 20px;
  margin-right: 5px;
  font-weight: 600;
  line-height: 35px;
}

.sumary-product .product-attribute .price ins span.price-amount.minus {
  font-size: 17px;
  color: #aaa;
  font-weight: 500;
  text-decoration: line-through;
}

.sumary-product .product-attribute .price ins span.price-amount.discount {
  font-size: 15px;
  color: var(--primary-red);
  float: right;
  margin-right: 0px;
  margin-left: 15px;
}

.sumary-product .product-attribute .quantity-box {
  display: flex;
}

.sumary-product .product-attribute .quantity-box span.title {
  line-height: 35px;
  margin-right: 25px;
}

.sumary-product .product-attribute .product-atts {
  width: 100%;
  display: inline-block;
  border-top: 1px solid #e6e6e6;
  margin-top: 5px;
}

.sumary-product .product-attribute .product-atts .atts-item {
  display: table;
  width: 100%;
  border-bottom: 1px solid #e6e6e6;
  margin-top: 15px;
  padding-bottom: 12px;
}

.sumary-product .product-attribute .product-atts .atts-item .title {
  display: table-cell;
  font-size: 18px;
  color: #333333;
  font-weight: 600;
}

.sumary-product .product-attribute .product-atts .atts-item ul {
  padding: 0 0 0 10px;
  margin: 0;
  font-size: 0;
  line-height: 0;
  display: table-cell;
}

.sumary-product .product-attribute .product-atts .atts-item ul.color-list a {
  display: inline-block;
  color: inherit;
  position: relative;
  padding-left: 37px;
}

.sumary-product .product-attribute .product-atts .atts-item ul.color-list .hex-code {
  border: 2px solid #e6e6e6;
}

.sumary-product .product-attribute .product-atts .atts-item ul.color-list .symbol {
  display: inline-block;
  width: 27px;
  height: 27px;
  border-radius: 50%;
  position: absolute;
  top: 3px;
  left: 0;
  background-color: #ededed;
}

.sumary-product .product-attribute .product-atts .atts-item ul li {
  list-style: none;
  display: inline-block;
  font-size: 13px;
  line-height: 34px;
  color: var(--primary-black);
  margin-right: 18px;
  margin-bottom: 2px;
}

.sumary-product .product-attribute .product-atts .atts-item ul .inline-list li {
  padding: 0 5px;
}

.sumary-product .product-attribute .product-atts .atts-item ul li a {
  color: inherit;
}

.sumary-product .shipping-info {
  margin-top: 10px;
  padding-bottom: 5px;
}

.sumary-product .shipping-info p {
  text-align: left;
  text-transform: uppercase;
  margin: 0;
  padding: 0;
}

.sumary-product .shipping-info p.for-today {
  color: #666666;
  margin-top: 2px;
}

.sumary-product .product-attribute .title {
  font-size: 17px;
  color: #222222;
  font-weight: 700;
  display: block;
  margin-bottom: 3px;
}

.quantity-box .qty-input,
.sumary-product .product-attribute .qty-input {
  display: inline-block;
  font-size: 0;
  line-height: 0;
  position: relative;
}

.quantity-box .qty-input input,
.sumary-product .product-attribute .qty-input input {
  border: 2px solid #dedede;
  background-color: #ffffff;
  font-size: 0.8vw;
  width: 100px;
  padding: 3px 29px 2px 10px;
  color: #000000;
  text-align: center;
  border-radius: 9999px;
  height: 35px;
}

/* .quantity-box .qty-input .qty-btn, */
.sumary-product .product-attribute .qty-input .qty-btn {
  display: inline-block;
  color: #888888;
  font-size: 0.8vw;
  line-height: 1;
  position: absolute;
  right: 16px;
  top: 2px;
  width: 16px;
  text-align: center;
}

/* .quantity-box .qty-input .qty-btn.btn-down, */
.sumary-product .product-attribute .qty-input .qty-btn.btn-down {
  top: 17px;
}

.sumary-product .product-attribute .total-price-contain {
  display: block;
  margin-top: 14px;
}

.sumary-product .product-attribute .total-price-contain .title {
  text-transform: uppercase;
  color: var(--primary-black);
}

.sumary-product .product-attribute .total-price-contain .price {
  font-size: 26px;
  color: #222222;
  text-transform: uppercase;
  display: block;
  margin: 11px 0 0;
  font-weight: 700;
}

.sumary-product .media .buttons {
  display: flex;
  text-align: center;
  border-top: 2px solid #e6e6e6;
  margin-top: 17px;
  padding-top: 20px;
}

.sumary-product .media .buttons .add-to-cart-btn {
  font-size: 15px;
  line-height: 24px;
  color: #fff;
  font-weight: 700;
  text-transform: uppercase;
  display: block;
  border-radius: 999px;
  background-color: var(--primary-red);
  border: 2px solid var(--primary-red);
  min-width: 180px;
  max-width: 200px;
  padding: 8px 10px;
  margin-right: 10px;
}

.sumary-product .media .buttons .add-to-cart-btn:hover {
  background-color: transparent;
  border: 2px solid var(--primary-red);
  color: var(--primary-red);
}

.sumary-product .media .buttons .pull-row {
  display: block;
  text-align: center;
  font-size: 0;
  line-height: 0;
  margin-top: 0;
  margin-bottom: 0;
  width: calc(100% - 180px);
}

.sumary-product .media .buttons .pull-row .btn {
  display: inline-block;
  font-size: 13px;
  text-align: center;
  color: #666666;
  text-transform: uppercase;
  line-height: 24px;
  position: relative;
  padding: 8px 10px;
  border: 2px solid #ccc;
  border-radius: 100px;
  width: 48%;
  font-weight: 600;
  float: left;
}

.sumary-product .media .buttons .pull-row .btn:hover {
  color: var(--primary-red);
  border: 2px solid var(--primary-red);
}

.sumary-product .media .buttons .pull-row .btn i {
  margin-right: 5px;
}

.sumary-product .media .buttons .pull-row .btn span {}

.sumary-product .media .buttons .pull-row .btn+.btn {
  margin-left: 10px;
}

.sumary-product .media .buttons .pull-row .btn:first-letter {
  text-transform: uppercase;
}

.sumary-product .product-attribute .social-media {
  width: auto !important;
  float: right;
  margin-top: 0 !important;
}

.sumary-product .product-attribute .social-media,
.sumary-product .product-attribute .location-shipping-to {
  display: inline-block;
  width: 100%;
}

.sumary-product .product-attribute .location-shipping-to {
  margin-top: 20px;
}

.sumary-product .product-attribute .location-shipping-to .nice-select {
  width: 100%;
  background-color: #ffffff;
  padding-left: 20px;
  padding-right: 32px;
  border-radius: 9999px;
}

.sumary-product .product-attribute .location-shipping-to .nice-select .current {
  font-size: 13px;
  color: #888888;
  padding: 15px 0;
}

.sumary-product .product-attribute .location-shipping-to .nice-select:after {
  color: #888888;
  right: 19px;
}

.sumary-product .product-attribute .acepted-payment-methods ul,
.sumary-product .product-attribute .social-media ul {
  padding: 0;
  margin: 0;
  font-size: 0;
  line-height: 0;
}

.sumary-product .product-attribute .social-media {
  margin-top: 13px;
}

.sumary-product .product-attribute .social-media ul li {
  list-style: none;
  display: inline-block;
  font-size: 0.8vw;
  line-height: 14px;
  color: #aaaaaa;
  padding: 4px;
}

.sumary-product .product-attribute .social-media ul li:not(:last-child) {
  margin-right: 6px;
}

.sumary-product .product-attribute .social-media ul li a {
  color: inherit;
}

.sumary-product .product-attribute .social-media ul li a:hover {
  color: #333;
  -webkit-transition: all 0.2s ease-in-out !important;
  -moz-transition: all 0.2s ease-in-out !important;
  -ms-transition: all 0.2s ease-in-out !important;
  -o-transition: all 0.2s ease-in-out !important;
  transition: all 0.2s ease-in-out !important;
}

.sumary-product .product-attribute .acepted-payment-methods {
  margin-top: 10px;
}

.sumary-product .product-attribute .acepted-payment-methods ul li {
  font-size: 0;
  line-height: 0;
  list-style: none;
  display: inline-block;
  width: 38px;
}

.sumary-product .product-attribute .acepted-payment-methods ul li:not(:last-child) {
  margin-right: 14px;
}

.single-layout.product-related-box,
.single-layout.product-tabs {
  display: block;
  clear: both;
}

.single-layout.product-tabs {
  margin-top: 25px;
}

.product-tabs.single-layout .tab-head .tabs {
  display: block;
  padding: 9px 0;
  margin: 0;
  font-size: 0;
  line-height: 0;
  border-bottom: 2px solid #e6e6e6;
}

.product-tabs.single-layout .tab-head .tabs li {
  display: inline-block;
  list-style: none;
}

.product-tabs.single-layout .tab-head .tabs li:not(:last-child) {
  margin-right: 43px;
}

.product-tabs.single-layout .tab-head .tabs li a {
  color: #bbbbbb;
  font-size: 0.8vw;
  font-weight: 700;
  line-height: 1;
  text-transform: uppercase;
  -webkit-transition: all 350ms ease;
  -moz-transition: all 350ms ease;
  -o-transition: all 350ms ease;
  transition: all 350ms ease;
  position: relative;
}

.product-tabs.single-layout .tab-head .tabs li a::before {
  content: "";
  position: absolute;
  height: 3px;
  width: 0;
  display: block;
  bottom: -4px;
  left: 0;
  -webkit-transition: all 550ms ease;
  -moz-transition: all 550ms ease;
  -o-transition: all 550ms ease;
  transition: all 550ms ease;
}

.product-tabs.single-layout .tab-head .tabs li a:hover {
  color: #222222;
}

.product-tabs.single-layout .tab-head .tabs li.active a {
  font-weight: 700;
  color: #222222;
}

.product-tabs.single-layout .tab-head .tabs li.active a::before {
  width: 127px;
}

.product-tabs.single-layout .tab-content {
  position: relative;
  display: inline-block;
  width: 100%;
}

.product-tabs.single-layout .tab-content .tab-contain {
  display: inline-block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  visibility: hidden;
  opacity: 0;
  filter: alpha(opacity=0);
  border-color: #ffffff;
  padding-top: 28px;
  border-bottom: 1px solid #e6e6e6;
  padding-bottom: 52px;
}

.product-tabs.single-layout .tab-content .tab-contain.review-tab {
  padding-top: 33px;
}

.product-tabs.single-layout .tab-content .tab-contain.active {
  visibility: visible;
  opacity: 1;
  filter: alpha(opacity=100);
  position: static;
}

.product-tabs .tab-content p {
  font-size: 15px;
  line-height: 24px;
  color: #666666;
}

.product-tabs .tab-content .desc-expand {
  display: block;
  margin-top: 26px;
}

.product-tabs .tab-content .desc-expand .title {
  font-size: 15px;
  line-height: 24px;
  color: #333333;
  margin: 0;
  font-weight: 600;
}

.product-tabs .tab-content .desc-expand ul {
  padding: 0;
  margin: 16px 0 0;
  font-size: 0;
  line-height: 0;
  display: block;
}

.product-tabs .tab-content .desc-expand ul li {
  list-style: none;
  display: block;
  font-size: 14px;
  line-height: 24px;
  color: #666666;
  padding-left: 13px;
  position: relative;
}

.product-tabs .tab-content .desc-expand ul li::before {
  content: "\f111";
  font-family: "FontAwesome", sans-serif;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  font-size: 7px;
  line-height: 1;
  color: #666666;
  position: absolute;
  top: 9px;
  left: 0;
}

.product-tabs .addtional-info-tab table p {
  margin: 0;
}

.product-tabs .review-form-wrapper {
  display: inline-block;
  width: 100%;
  padding-top: 17px;
}

.product-tabs .review-form-wrapper .title {
  font-size: 14px;
  color: #222222;
  font-weight: 700;
  line-height: 1;
  text-transform: uppercase;
}

.accodition-tab>ul {
  padding: 0;
}

.accodition-tab>ul>li {
  list-style: none;
  display: block;
  padding-left: 20px;
  margin-bottom: 10px;
}

.accodition-tab>ul>li>.content {
  padding: 10px 10px 15px;
  display: none;
}

.accodition-tab>ul>li>.title {
  color: #333;
  font-weight: 600;
  font-size: 0.8vw;
  position: relative;
  cursor: help;
}

.accodition-tab>ul>li>.title::before {
  content: "";
  width: 10px;
  height: 2px;
  background-color: var(--primary-black);
  position: absolute;
  display: inline-block;
  top: 14px;
  left: -15px;
}

.accodition-tab>ul>li>.title::after {
  content: "";
  height: 10px;
  width: 2px;
  background-color: var(--primary-black);
  position: absolute;
  display: inline-block;
  top: 10px;
  left: -11px;
}

.accodition-tab>ul>li.active>.title::after {
  content: none;
}

.comment-form-rating {
  display: block;
  margin: 7px 0 10px;
}

.comment-form-rating label {
  font-size: 14px;
  line-height: 30px;
  color: #222222;
  display: inline-block;
  margin: 0;
}

.comment-form-rating .stars span,
.comment-form-rating .stars {
  display: inline-block;
  margin: 0;
  font-size: 0;
  line-height: 0;
}

.comment-form-rating .stars {
  margin-left: 5px;
}

.comment-form-rating .stars span a {
  font-size: 15px;
  line-height: 1;
  color: #666666;
  display: inline-block;
  padding: 1px;
  -webkit-transition: color 350ms ease;
  -moz-transition: color 350ms ease;
  -o-transition: color 350ms ease;
  transition: color 350ms ease;
}

.comment-form-rating .stars span.rated a {
  color: #ffbc53;
}

.comment-form-rating .stars span a.selected~a {
  color: #666666;
}

.comment-form-rating .stars span:hover a {
  color: #ffbc53 !important;
}

.comment-form-rating .stars span a:hover~a {
  color: #666666 !important;
}

.review-form-wrapper .form-row {
  display: inline-block;
  float: left;
  width: 100%;
  margin-bottom: 20px;
}

.review-form-wrapper .wide-half {
  width: calc(50% - 15px);
}

.review-form-wrapper .wide-half:nth-last-child(odd) {
  margin-left: 30px;
}

.review-form-wrapper .form-row textarea,
.review-form-wrapper .form-row input {
  font-size: 14px;
  display: inline-block;
  width: 100%;
  border: 1px solid #e6e6e6;
  color: var(--primary-black);
  padding: 9px 14px 8px;
  line-height: 1;
  background-color: #ffffff;
}

.review-form-wrapper .form-row input {
  height: 45px;
}

.review-form-wrapper .form-row textarea {
  height: 140px;
}

.review-form-wrapper .form-row button[type="submit"] {
  font-size: 14px;
  color: #ffffff;
  text-transform: uppercase;
  font-weight: 700;
  border: none;
  outline: none;
  border-radius: 9999px;
  min-width: 162px;
  text-align: center;
  padding: 10px 20px;
}

.review-form-wrapper .form-row button[type="submit"]:hover {
  background-color: var(--primary-black);
}

.review-tab #comments {
  display: block;
  clear: both;
  border-top: 2px solid #f1f1f1;
  margin-top: 39px;
}

.review-tab #comments .commentlist {
  padding: 0;
}

.review-tab #comments .commentlist>li {
  list-style: none;
  display: block;
  border-bottom: 1px solid #f1f1f1;
  padding-top: 20px;
  padding-bottom: 26px;
}

.review-tab #comments .comment-content .comment-in {
  display: block;
  margin: 1px 0 0;
}

.review-tab #comments .comment-content .comment-in .post-name {
  font-size: 18px;
  line-height: 30px;
  color: #222222;
  font-weight: 600;
  display: inline-block;
}

.review-tab #comments .comment-content .comment-in .post-date {
  font-size: 15px;
  line-height: 30px;
  color: #666666;
  display: inline-block;
  float: right;
}

.review-tab #comments .comment-content .author {
  font-size: 0.8vw;
  line-height: 1;
  color: #666666;
  margin: 2px 0 25px;
}

.review-tab #comments .comment-content .author b {
  color: #333333;
  font-weight: 600;
}

.review-tab #comments .comment-content .comment-text {
  font-size: 15px;
  color: #666666;
  line-height: 18px;
}

.review-tab #comments .comment-review-form .title {
  font-size: 15px;
  line-height: 30px;
  color: #333333;
  font-weight: 600;
  display: block;
  margin: 0;
}

.review-tab #comments .comment-review-form .actions {
  padding: 0;
  font-size: 0;
  line-height: 0;
  margin-top: 17px;
}

.review-tab #comments .comment-review-form .actions li {
  list-style: none;
  display: block;
}

.review-tab #comments .comment-review-form .actions li a {
  font-size: 14px;
  line-height: 30px;
  display: inline-block;
  color: #666666;
}

.review-tab #comments .comment-review-form .actions li a i {
  margin-right: 7px;
}

.rating-info {
  max-width: 370px;
}

.product-tabs .rating-info .index {
  display: block;
  font-size: 14px;
  color: #666666;
  margin-bottom: 4px;
}

.rating-info .index .rating {
  color: #222222;
  font-size: 40px;
  font-weight: 600;
  line-height: 1;
  display: inline-block;
  margin-right: 6px;
}

.rating-info .see-all {
  font-size: 15px;
  color: #666666;
  display: block;
  margin: 0;
}

.rating-info .options {
  padding: 0;
  font-size: 0;
  line-height: 0;
  margin: 13px 0 0;
}

.rating-info .options li {
  list-style: none;
  display: block;
  font-size: 14px;
  line-height: 30px;
  color: #333333;
}

.rating-info .options li .detail-for {
  display: table;
  width: 100%;
}

.rating-info .options li .detail-for .option-name,
.rating-info .options li .detail-for .progres,
.rating-info .options li .detail-for .number {
  display: table-cell;
  vertical-align: middle;
}

.rating-info .options li .detail-for .option-name {
  width: 49px;
  padding-left: 2px;
  text-align: left;
}

.rating-info .options li .detail-for .number {
  width: 39px;
  text-align: center;
}

.rating-info .options .detail-for .line-100percent {
  display: inline-block;
  width: 100%;
  font-size: 0;
  line-height: 0;
  border-radius: 9999px;
  background-color: #f5f5f5;
  overflow: hidden;
}

.rating-info .options .detail-for .line-100percent .percent {
  height: 9px;
  display: inline-block;
  background-color: #ffbc53;
  border-radius: 9999px;
}

.rating-info .rating .star-rating>span::before,
.rating-info .rating .star-rating::before {
  font-size: 20px;
  letter-spacing: 4px;
}

.single-layout.product-related-box {
  margin-top: 60px;
  margin-bottom: 50px;
}

.product-related-box ul {
  padding: 0;
  margin: 0;
  clear: both;
}

.product-related-box .biolife-title-box {
  margin-bottom: 31px;
}

.biolife-title-box {
  text-align: center;
}

.biolife-title-box .biolife-icon {
  display: inline-block;
  margin: 0;
  font-size: 35px;
}

.biolife-title-box .subtitle {
  display: block;
  margin: 6px 0 0;
  font-size: 15px;
  color: #666666;
  line-height: 1;
  font-family: "Playfair Display", serif;
  font-style: italic;
}

.biolife-title-box .main-title {
  font-size: 30px;
  font-weight: 700;
  color: #222222;
  display: block;
  margin: 12px 0 0;
  line-height: 1;
}

.biolife-title-box.style-02 .subtitle {
  font-family: "Cairo", sans-serif;
  font-size: 14px;
  font-weight: 600;
  text-transform: uppercase;
  display: block;
  margin: 0;
  line-height: 1;
  font-style: normal;
}

.biolife-title-box.style-02 .main-title {
  font-weight: 700;
  line-height: 1;
  display: block;
  margin: 4px 0 0;
  font-size: 40px;
  color: #222222;
}

.biolife-title-box.style-02 .desc {
  font-size: 15px;
  color: #666666;
  font-family: "Playfair Display", sans-serif;
  font-style: italic;
  display: inline-block;
  line-height: 18px;
  margin: 12px 0 0;
  max-width: 415px;
}

.biolife-title-box.link-all {
  text-align: left;
}

.biolife-title-box.link-all .main-title {
  font-size: 40px;
  color: #222222;
  display: inline-block;
  line-height: 1;
  margin: 0;
}

.biolife-title-box.link-all .blog-link {
  display: inline-block;
  float: right;
  font-size: 14px;
  color: #666666;
  line-height: 1;
  margin: 17px 0 0;
  text-transform: uppercase;
  font-weight: 700;
  position: relative;
}

.biolife-title-box.link-all .blog-link::after {
  content: "";
  display: block;
  position: absolute;
  z-index: 2;
  left: 0;
  right: 0;
  bottom: -3px;
  height: 2px;
  border-top: 1px solid #dfdfdf;
  border-bottom: 1px solid #bcbcbc;
}

.biolife-title-box.slim-item .subtitle {
  margin: 0;
}

.biolife-title-box.slim-item .main-title {
  margin-top: 6px;
}

.biolife-title-box_in-countdown {
  text-align: left;
  padding: 13px 18px 6px;
}

.biolife-title-box_in-countdown .title {
  display: block;
  margin: 0;
  font-size: 20px;
  color: #000000;
  font-weight: 700;
  line-height: 1;
}

.rating .star-rating {
  display: inline-block;
  margin: 0;
  overflow: hidden;
  line-height: 24px;
  position: relative;
}

.rating .star-rating>span::before,
.rating .star-rating::before {
  display: inline-block;
  float: left;
  font-family: FontAwesome, sans-serif;
  content: "\f006\f006\f006\f006\f006";
  font-size: 15px;
  color: #666666;
  letter-spacing: 3px;
}

.rating .star-rating>span {
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
  white-space: nowrap;
  bottom: 0;
}

.rating .star-rating>span::before {
  color: #ffbc53;
}

.background-top-banner-for-shopping {
  background: url(../images/top_banner_shopping_cart.png);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
}

.top-banner {
  color: #ffffff;
  text-align: center;
  margin-top: -9px;
  padding-top: 57px;
  padding-bottom: 35px;
  margin-bottom: 34px;
}

.top-banner .title {
  font-size: 18px;
  color: #ffffff;
  font-weight: 700;
  display: block;
  margin: 0;
}

.top-banner .subtitle {
  font-size: 15px;
  display: block;
  margin: 7px 0 0;
}

.top-banner ul {
  padding: 0;
  display: inline-block;
  margin: 12px 0 0;
}

.top-banner ul li {
  list-style: none;
  display: block;
  text-align: left;
  font-size: 15px;
  line-height: 30px;
  font-weight: 400;
  padding: 0 61px;
}

.top-banner ul li:last-child {
  border-top: 1px solid rgba(255, 255, 255, 0.55);
}

.top-banner ul li .cost {
  float: right;
  font-weight: 600;
  margin-left: 35px;
}

.top-banner .btns {
  margin: 29px 0 0;
  display: block;
  font-size: 0;
  line-height: 0;
}

.top-banner .btns .btn {
  background-color: #ffffff;
  color: var(--primary-black);
  display: inline-block;
  font-size: 14px;
  font-weight: 700;
  text-align: center;
  border: none;
  border-radius: 9999px;
  text-transform: uppercase;
  padding: 9px 23px;
}

.top-banner .btns .btn+.btn {
  margin-left: 10px;
}

.top-banner .btns .btn:hover {
  color: #ffffff;
  background-color: #666666;
  -webkit-transition: background-color 150ms ease;
  -moz-transition: background-color 150ms ease;
  -o-transition: background-color 150ms ease;
  transition: background-color 150ms ease;
}

.shopping-cart-container .box-title {
  font-size: 20px;
  line-height: 30px;
  font-weight: 700;
  color: #222222;
  margin: 0 0 12px;
}

.shopping-cart-container table {
  text-align: center;
  border: none;
  margin: 0;
}

.shopping-cart-container table tr {
  border-top: 1px solid #e6e6e6;
}

.shopping-cart-container table td {
  border: none;
  padding: 10px 0;
}

.shopping-cart-container table td.product-action .action a {
  font-size: 18px;
  padding: 0px;
  width: 30px;
  height: 30px;
  background-color: #ed2f59;
  display: grid;
  justify-content: center;
  align-items: center;
  line-height: 0;
  border-radius: 35px;
}

.shopping-cart-container table td.product-action .action a:hover {
  background-color: var(--primary-black);
}

.shopping-cart-container table td.product-action .action a i {
  color: #fff;
}

.shopping-cart-container table th {
  font-size: 14px;
  color: #222222;
  text-align: center;
  font-weight: 700;
  text-transform: uppercase;
  border: 2px solid #e6e6e6;
  padding: 13px 10px 12px;
}

.shopping-cart-container table th.product-name {
  width: 346px;
}

.shopping-cart-container table td.product-thumbnail {
  text-align: left;
  position: relative;
  font-size: 0;
  line-height: 0;
}

.shopping-cart-container table td.product-thumbnail .prd-thumb {
  display: inline-block;
}

.shopping-cart-container table td.product-thumbnail .prd-name {
  font-size: 17px;
  font-weight: 600;
  color: #222222;
  display: inline-block;
  padding-left: 10px;
  line-height: 1;
  vertical-align: middle;
}

.shopping-cart-container table td.product-thumbnail .action {
  display: inline-block;
  background-color: rgba(255, 255, 255, 0.7);
  position: absolute;
  bottom: 30px;
  left: 113px;
  padding-left: 5px;
  z-index: 5;
}

.shopping-cart-container table td.product-thumbnail .action a {
  font-size: 0.8vw;
  display: inline-block;
  color: var(--primary-black);
  line-height: 16px;
  padding: 0 5px;
}

.shopping-cart-container table td.product-thumbnail .action a:hover {
  color: var(--primary-red);
}

.shopping-cart-container table td.product-action .action a:hover i {
  color: #fff;
}

.shopping-cart-container table td.wrap-btn-control {
  padding: 29px 0 0;
  font-size: 0;
  line-height: 0;
  text-align: right;
  display: flex;
  justify-content: space-between;
  gap: 45px;
}

.shopping-cart-container table td.wrap-btn-control .btn {
  display: inline-block;
  background-color: #eeeeee;
  border: none;
  border-radius: 9999px;
  color: #ffffff;
  font-size: 14px;
  font-weight: 700;
  line-height: 1;
  text-transform: uppercase;
  padding: 16px 10px 15px;
  min-width: 154px;
  text-align: center;
}

.shopping-cart-container table td.wrap-btn-control a.back-to-shop {
  float: left;
  min-width: 184px;
}

.shopping-cart-container table td.wrap-btn-control .btn-clear {
  margin-left: 20px;
  color: #888888 !important;
  background-color: #e2e2e2 !important;
}

.shopping-cart-container table td.wrap-btn-control .btn:not(:disabled):hover {
  background-color: var(--primary-black) !important;
  color: #ffffff !important;
}

.shopping-cart-container table td.wrap-btn-control button:disabled {
  color: #888888 !important;
  background-color: #e2e2e2 !important;
  opacity: 1;
  filter: alpha(opacity=100);
}

.shpcart-subtotal-block {
  background-color: #f3f3f3;
  padding: 19px 15px 22px;
  margin: 10px 0;
  min-height: 100%;
  border-radius: 10px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.order-summary .subtotal-line,
.shpcart-subtotal-block .btn-checkout,
.shpcart-subtotal-block .tax-fee,
.shpcart-subtotal-block .subtotal-line {
  display: inline-block;
  font-size: 0;
  line-height: 0;
  width: 100%;
}

.shpcart-subtotal-block .subtotal-line+.subtotal-line {
  margin-top: 20px;
}

.order-summary .subtotal-line .stt-name,
.shpcart-subtotal-block .subtotal-line .stt-name {
  display: inline-block;
  font-size: 14px;
  line-height: 30px;
  color: #222222;
  font-weight: 700;
  text-transform: uppercase;
}

.order-summary .subtotal-line .stt-name .sub,
.shpcart-subtotal-block .subtotal-line .stt-name .sub {
  font-size: 15px;
  color: #666666;
  text-transform: initial;
  font-weight: 400;
}

.order-summary .subtotal-line .stt-price,
.shpcart-subtotal-block .subtotal-line .stt-price {
  font-size: 18px;
  line-height: 30px;
  color: #111111;
  font-weight: 700;
  display: inline-block;
  float: right;
}

.shpcart-subtotal-block .tax-fee {
  border-bottom: 1px solid #e6e6e6;
  margin-top: 29px;
  padding-bottom: 33px;
}

.shpcart-subtotal-block .tax-fee p {
  display: block;
  font-size: 14px;
  line-height: 24px;
  color: #222222;
  margin: 0;
}

.shpcart-subtotal-block .tax-fee .title {
  text-transform: uppercase;
}

.shpcart-subtotal-block .btn-checkout {
  margin-top: 40px;
}

.shpcart-subtotal-block .btn-checkout .btn {
  border: none;
  display: block;
  font-size: 14px;
  text-transform: uppercase;
  color: #ffffff;
  text-align: center;
  clear: both;
  border-radius: 9999px;
  background-color: #ababab;
  padding: 13px 15px 12px;
  font-weight: 700;
}

.shpcart-subtotal-block .btn-checkout .btn:hover {
  background-color: var(--primary-black) !important;
}

.shpcart-subtotal-block .biolife-progress-bar {
  margin-top: 39px;
}

.biolife-progress-bar table,
.biolife-progress-bar table tr,
.biolife-progress-bar table td {
  border: none;
  padding: 0;
}

.biolife-progress-bar table td.mid-position {
  width: 100%;
  padding-left: 5px;
  padding-right: 7px;
}

.biolife-progress-bar .progress {
  margin: 0;
  background-color: #dadada;
  border-radius: 9999999px;
  height: auto;
  overflow: hidden;
}

.biolife-progress-bar .progress .progress-bar {
  height: 9px;
  line-height: 0;
  font-size: 0;
  box-shadow: none;
  border-top-right-radius: 9999999px;
  border-bottom-right-radius: 9999999px;
  position: relative;
}

.biolife-progress-bar .progress .progress-bar::before {
  content: "";
  display: block;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: inherit;
  border-radius: 9999999px;
  z-index: 5;
  position: absolute;
}

.biolife-progress-bar .progress .progress-bar::after {
  content: "";
  display: block;
  top: 0;
  width: 100%;
  height: 100%;
  right: -2px;
  background-color: #ffffff;
  border-radius: 9999999px;
  z-index: 2;
  position: absolute;
}

.biolife-progress-bar .index {
  font-size: 14px;
  line-height: 24px;
  color: #222222;
  font-weight: 700;
}

.shpcart-subtotal-block .pickup-info {
  display: block;
  font-size: 14px;
  line-height: 24px;
  color: #666666;
  margin: 22px 0 0;
}

.shpcart-subtotal-block .pickup-info b {
  font-weight: 400;
  color: #222222;
}

.checkout-progress-wrap {
  max-width: 600px;
}

.checkout-progress-wrap .steps {
  padding: 0;
  display: block;
}

.checkout-progress-wrap .steps li {
  list-style: none;
  display: block;
  padding: 10px 0;
}

.checkout-progress-wrap .steps li+li {
  border-top: 2px solid #e6e6e6;
  margin-top: 2px;
}

.checkout-progress-wrap .checkout-act {
  display: block;
}

.checkout-progress-wrap .checkout-act.active .tcpp a {
  color: var(--primary-red);
}

.checkout-progress-wrap .checkout-act.active .tcpp a:hover {
  color: #000;
}

.checkout-progress-wrap .checkout-act.active button {
  width: 100%;
  margin-top: 15px;
}

.checkout-progress-wrap .checkout-act .title-box {
  display: inline-block;
  font-size: 24px;
  line-height: 30px;
  font-weight: 600;
  margin: 0;
  color: #222222;
}

.checkout-progress-wrap .checkout-act.active .title-box .number {
  color: #ffffff;
}

.checkout-progress-wrap .checkout-act .title-box .number {
  display: inline-block;
  border: 0;
  background-color: #dddddd;
  color: #333333;
  font-size: 18px;
  line-height: inherit;
  border-radius: 50%;
  vertical-align: middle;
  min-width: 41px;
  padding: 6px 10px 5px;
  text-align: center;
  margin-right: 29px;
}

.checkout-progress-wrap .checkout-act .box-content {
  display: inline-block;
  padding-left: 70px;
}

.checkout-progress-wrap .checkout-act .box-content .txt-desc {
  font-size: 15px;
  line-height: 30px;
  color: #222222;
  margin-top: 5px;
  margin-bottom: 21px;
}

.checkout-progress-wrap .checkout-act .box-content .txt-desc a {
  font-weight: 600;
  color: #222222;
}

.login-on-checkout .form-row {
  display: block;
  margin: 0 0 12px;
}

.login-on-checkout .form-row label {
  font-size: 15px;
  line-height: 30px;
  color: #222222;
  font-weight: 600;
  display: block;
  margin: 0 0 5px;
}

.login-on-checkout .form-row input[type="email"],
.login-on-checkout .form-row input[type="text"],
.login-on-checkout .form-row select,
.login-on-checkout .form-row textarea {
  font-size: 13px;
  color: #222222;
  line-height: 30px;
  width: 100%;
  display: inline-block;
  padding: 2px 15px;
  margin-right: 0;
  margin-bottom: 15px;
  min-width: 230px;
}

.login-on-checkout .form-row button {
  display: inline-block;
  border: none;
  border-radius: 9999px;
  color: #ffffff;
  text-transform: uppercase;
  background-color: #aaaaaa;
  font-weight: 700;
  padding: 12px 10px;
  min-width: 180px;
  text-align: center;
}

.login-on-checkout .form-row button:hover {
  background-color: var(--primary-black);
}

.login-on-checkout .form-row input[type="checkbox"] {
  display: none;
}

.login-on-checkout .form-row input[type="checkbox"]+label::before {
  content: "";
  display: inline-block;
  position: absolute;
  width: 15px;
  height: 15px;
  border: 2px solid #eeeeee;
  border-radius: 2px;
  top: 2px;
  left: 0;
}

.login-on-checkout .form-row input[type="checkbox"]+label::after {
  content: "\f00c";
  font-family: "FontAwesome", sans-serif;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  font-size: 12px;
  color: var(--primary-red);
  position: absolute;
  top: 4px;
  left: 2px;
  visibility: hidden;
  opacity: 0;
  filter: alpha(opacity=0);
  line-height: 1;
}

.login-on-checkout .form-row input[type="checkbox"]:checked+label::after {
  visibility: visible;
  opacity: 1;
  filter: alpha(opacity=100);
}

.login-on-checkout .msg {
  font-size: 14px;
  color: #333333;
  display: block;
  line-height: 1;
  padding: 0;
  margin: 21px 0 0;
}

.login-on-checkout .msg a:hover {
  color: #000000;
}

.order-summary {
  background-color: #f3f3f3;
  padding: 20px;
}

.order-summary .title-block {
  display: inline-block;
  line-height: 0;
  font-size: 0;
  width: 100%;
  border-bottom: 1px solid #e6e6e6;
  padding-bottom: 21px;
}

.order-summary .title-block .title {
  display: inline-block;
  margin: 0;
  font-size: 18px;
  color: #222222;
  font-weight: 600;
  text-align: left;
  line-height: 30px;
}

.order-summary .title-block a {
  display: inline-block;
  float: right;
  font-size: 14px;
  color: var(--primary-red);
  font-weight: 400;
  line-height: 30px;
}

.order-summary ul {
  padding: 0;
  display: block;
  margin: 0;
}

.order-summary ul li {
  list-style: none;
  display: block;
  margin: 0;
}

.order-summary .cart-list-box .number {
  font-size: 15px;
  line-height: 30px;
  color: #222222;
  display: block;
  margin-top: 21px;
  margin-bottom: 10px;
}

.order-summary .cart-list {
  border-bottom: 1px solid #e6e6e6;
  padding-bottom: 30px;
  margin-bottom: 23px;
  max-height: 400px;
  overflow: auto;
}

.order-summary .cart-list>li+li {
  margin-top: 20px;
}

.order-summary .cart-list .cart-item {
  display: table;
  width: 100%;
}

.order-summary .cart-list .cart-item .info,
.order-summary .cart-list .cart-item .price,
.order-summary .cart-list .cart-item .product-thumb {
  display: table-cell;
  text-align: left;
}

.order-summary .cart-list .cart-item .product-thumb {
  width: 70px;
  font-size: 0;
  line-height: 0;
}

.order-summary .cart-list .cart-item .info {
  font-size: 0;
  line-height: 0;
  vertical-align: top;
  padding-top: 5px;
  padding-left: 11px;
  display: inline-flex;
}

.order-summary .cart-list .cart-item .info span {
  margin-right: 5px;
}

.order-summary .cart-list .cart-item .info * {
  display: block;
  font-size: 17px;
  color: #222222;
  margin: 0;
  line-height: 20px;
  font-weight: 600;
}

.order-summary .cart-list .cart-item .price {
  text-align: right;
}

.order-summary .subtotal .link-forward {
  font-size: 14px;
  line-height: 30px;
  display: inline-block;
  margin-top: 9px;
  margin-bottom: 20px;
}

.order-summary .subtotal .subtotal-line a.link-forward:hover {
  color: var(--primary-black);
}

.order-summary .subtotal li:last-child {
  border-top: 1px solid #e6e6e6;
  padding-top: 22px;
  padding-bottom: 9px;
}

/* .quantity-box.type1 .qty-input input {
	 font-size: 18px;
	 color: #888888;
	 text-align: left;
	 background-color: #f3f3f3;
	 line-height: 1;
	 width: 106px;
	 padding: 9px 33px 8px 22px;
	 height: 38px;
}
 .quantity-box.type1 .qty-input .qty-btn {
	 right: 17px;
	 top: 2px;
}
 .quantity-box.type1 .qty-input .qty-btn.btn-down {
	 top: 19px;
}
 */
.contact-info-container .box-title {
  font-size: 30px;
  font-weight: 700;
  color: #222222;
  display: block;
  margin: 0;
}

.contact-info-container .frst-desc {
  font-size: 15px;
  color: #666666;
  display: block;
  line-height: 18px;
  margin: 48px 0 0;
  max-width: 480px;
}

.contact-info-container .addr-info {
  padding: 0 0 8px;
  display: block;
  margin: 54px 0 0;
  font-size: 0;
  line-height: 0;
}

.contact-info-container .addr-info li {
  list-style: none;
  display: inline-block;
  width: 100%;
}

.contact-info-container .addr-info li+li {
  margin-top: 6px;
}

.contact-info-container .addr-info .if-item .tie {
  display: inline-block;
  font-size: 15px;
  line-height: 20px;
  color: #222222;
  float: left;
  margin-right: 3px;
}

.contact-info-container .addr-info .if-item .dsc {
  display: flex;
  font-size: 15px;
  line-height: 20px;
  color: #222222;
}

.contact-form-container {
  margin-bottom: 80px;
}

.contact-form-container .form-row {
  display: block;
  margin: 0 0 20px;
  font-size: 0;
  line-height: 0;
}

.contact-form-container .form-row textarea,
.contact-form-container .form-row input {
  font-size: 14px;
  line-height: 1;
  color: #333333;
  display: inline-block;
  width: 100%;
  padding: 8px 15px 9px;
}

.contact-form-container .form-row input {
  height: 45px;
}

.contact-form-container .form-row input::-webkit-input-placeholder {
  line-height: 25px;
}

.contact-form-container .form-row input:-ms-input-placeholder {
  line-height: 25px;
}

.contact-form-container .form-row input::placeholder {
  line-height: 25px;
}

.contact-form-container .form-row textarea {
  height: 145px;
}

.contact-form-container .form-row .btn-submit {
  min-width: 162px;
  text-align: center;
  border: none;
  font-size: 14px;
  font-weight: 700;
  color: #ffffff;
  border-radius: 999px;
  text-transform: uppercase;
  padding: 12px 10px;
  margin-top: 10px;
}

.contact-form-container .form-row .btn-submit:hover {
  background-color: var(--primary-black);
}

#map-block {
  width: 100%;
  line-height: 0;
}

.signin-container {
  margin-top: 77px;
}

.signin-container .form-row {
  margin-bottom: 13px;
}

.signin-container .form-row label {
  display: block;
  color: #333333;
  margin: 0 0 3px;
  margin-bottom: 5px;
  font-weight: 500;
  font-size: 0.8vw;
}

.signin-container .form-row input {
  padding: 10px 10px 9px !important;
  color: #000 !important;
  width: 100% !important;
  margin: 0 !important;
  font-family: inherit !important;
  display: block !important;
  width: 100% !important;
  line-height: 1.6 !important;
  appearance: none !important;
  background: #ffffff !important;
  height: 50px !important;
  border: 1px solid var(--primary-red) !important;
  padding: 10px 20px !important;
  font-size: 15px !important;
  font-weight: 400 !important;
  transition: all 0.3s ease-in-out !important;
  border-radius: 10px !important;
}

.signin-container .form-row .btn-submit {
  min-width: 132px;
  margin-top: 7px;
}

.signin-container .form-row .link-to-help {
  display: inline-block;
  font-size: 0.8vw;
  font-weight: 600;
  margin-left: 16px;
  vertical-align: middle;
}

.signin-container .form-row .link-to-help:hover {
  color: var(--primary-black);
}

.btn.btn-thin {
  font-size: 14px;
  color: #333333;
  text-transform: uppercase;
  border-radius: 9999px;
  text-align: center;
  font-weight: 700;
  padding: 10px;
  border: 2px solid #ffffff;
}

.btn.btn-thin:hover {
  color: #ffffff;
}

.btn.btn-bold {
  font-size: 14px;
  color: #ffffff;
  text-transform: uppercase;
  border: none;
  border-radius: 9999px;
  text-align: center;
  font-weight: 700;
  padding: 12px 22px;
}

.btn.btn-bold:hover {
  background-color: var(--primary-black);
}

.register-in-container {
  margin-bottom: 0;
  position: sticky;
  top: 30px;
  margin-top: 0;
}

.register-in-container .intro {
  border: 2px solid #e6e6e6;
  padding: 20px;
}

.register-in-container .box-title {
  font-size: 30px;
  margin: 4px 0 0;
  display: block;
  color: #222222;
  font-weight: 600;
  line-height: 1;
}

.register-in-container .sub-title {
  font-size: 15px;
  color: #222222;
  line-height: 1;
  display: block;
  margin: 10px 0 0;
}

.register-in-container .intro .lis {
  padding: 0;
  font-size: 0;
  line-height: 0;
  display: block;
  margin: 37px 0 0;
}

.register-in-container .intro .lis li {
  font-size: 15px;
  line-height: 30px;
  color: var(--primary-black);
  display: block;
  list-style: none;
  position: relative;
  padding-left: 16px;
}

.register-in-container .intro .lis li::before {
  content: "";
  display: block;
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background-color: #666666;
  top: 12px;
  left: 0;
  position: absolute;
}

.register-in-container .intro .btn-bold {
  min-width: 182px;
  margin-top: 20px;
  margin-bottom: 23px;
}

.welcome-us-block,
.testimonial-block,
.why-choose-us-block {
  display: block;
  clear: both;
}

.welcome-us-block {}

.why-choose-us-block .box-title,
.testimonial-block .box-title,
.welcome-us-block .title {
  font-size: 40px;
  line-height: 1;
  font-weight: 700;
  color: #222222;
  display: block;
  text-align: center;
  margin: 15px 0 0;
}

.welcome-us-block .text-info {}

.welcome-us-block .qt-text {}

.why-choose-us-block {
  background-color: #fafafa;
  font-size: 0;
  line-height: 0;
}

.why-choose-us-block .box-title {
  margin: 49px 0 0;
}

.why-choose-us-block .subtitle {
  font-family: "Playfair Display", serif;
  font-style: italic;
  color: #666666;
  font-size: 15px;
  line-height: 1;
  display: block;
  text-align: center;
  margin: 9px 0 0;
  font-weight: 400;
}

.why-choose-us-block .showcase {
  display: inline-block;
  width: 100%;
  margin-top: 15px;
  padding-bottom: 19px;
  position: relative;
}

.why-choose-us-block .sc-list {
  padding: 0;
  margin: 0;
  font-size: 0;
  line-height: 0;
}

.sc-left-position,
.sc-right-position {
  display: inline-block;
  max-width: 270px;
  float: left;
  padding-top: 68px;
}

.sc-center-position {
  width: calc(100% - 540px);
  display: inline-block;
  float: left;
  text-align: center;
}

.sc-right-position {
  direction: rtl;
}

.why-choose-us-block .sc-list li {
  list-style: none;
  display: block;
}

.why-choose-us-block .sc-list li+li {
  margin-top: 42px;
}

.why-choose-us-block .sc-element {
  color: #95cb34;
}

.why-choose-us-block .sc-element.color-02 {
  color: #ff4f63;
}

.why-choose-us-block .sc-element.color-03 {
  color: #3b7f17;
}

.why-choose-us-block .sc-element.color-04 {
  color: #cec316;
}

.why-choose-us-block .sc-element.color-05 {
  color: #ffbc53;
}

.why-choose-us-block .sc-element.color-06 {
  color: #51142e;
}

.why-choose-us-block .sc-element .biolife-icon {
  display: inline-block;
  width: 60px;
  font-size: 46px;
  line-height: 1;
  padding: 0;
  margin: 9px 0 0;
  vertical-align: top;
}

.why-choose-us-block .sc-element .icon-healthy-about {
  font-size: 37px;
}

.why-choose-us-block .sc-element .txt-content {
  display: inline-block;
  width: calc(100% - 60px);
  padding: 0;
  margin: 0;
}

.why-choose-us-block .sc-element .txt-content .number {
  font-size: 50px;
  line-height: 1;
  font-weight: 700;
  display: block;
  margin: 0;
}

.why-choose-us-block .sc-element .txt-content .title {
  font-size: 18px;
  font-weight: 400;
  line-height: 1;
  display: block;
  margin: 7px 0 0;
  font-family: "Playfair Display", serif;
  font-style: italic;
}

.why-choose-us-block .sc-element .txt-content .desc {
  display: block;
  font-size: 14px;
  color: #666666;
  line-height: 17px;
  margin: 12px 0 0;
}

.testimonial-block {
  text-align: center;
}

.testimonial-block .box-title {
  margin: 68px 0 84px;
  position: relative;
  display: inline-block;
}

.testimonial-block .box-title::after,
.testimonial-block .box-title::before {
  display: inline-block;
  font-family: FontAwesome, sans-serif;
  content: "\f006\f006\f006";
  font-size: 20px;
  color: #fcc01e;
  letter-spacing: 5px;
  position: absolute;
  top: 18px;
  left: -80px;
  z-index: 2;
  font-weight: 100;
}

.testimonial-block .box-title::after {
  left: auto;
  right: -82px;
}

.testimonial-block ul {
  padding: 0;
}

.testimonial-block .testimonial-list {
  padding: 0 0 80px;
  display: block;
}

.testimonial-block .testimonial-list li {
  list-style: none;
  display: inline-block;
  font-size: 0;
  line-height: 0;
  text-align: center;
}

.testimonial-block .testml-elem {
  font-size: 15px;
  line-height: 24px;
  color: var(--primary-black);
}

.testimonial-block .testml-elem .avata img {
  display: inline-block;
}

.testimonial-block .testml-elem .desc {
  display: block;
  margin: 55px 0 0;
  position: relative;
}

.testimonial-block .testml-elem .desc::before {
  content: url("../images/about-us/double-quotes.png");
  width: 20px;
  height: 16px;
  font-size: 0;
  line-height: 0;
  display: block;
  position: absolute;
  top: -40px;
  left: 50%;
  margin-left: -10px;
}

.testimonial-block .testml-elem .name {
  display: block;
  font-weight: 700;
  margin: 23px 0 0;
}

.testimonial-block .testml-elem .title {
  text-transform: uppercase;
  display: block;
  margin: 2px 0 0;
  font-weight: 600;
}

.testimonial-block .testml-elem .rating {
  line-height: 0;
  margin-top: 8px;
}

.testimonial-block:not(.tsm-no-margin-type) .biolife-carousel>.slick-list {
  margin-bottom: 52px;
}

.testml-elem-2 {
  font-size: 0;
  line-height: 1;
  display: block;
  margin: 46px 0 0;
  text-align: center;
  padding: 0 30px 50px;
  border-radius: 3px;
  min-height: 310px;
}

.testml-elem-2 .avata {
  display: inline-block;
  border: 4px solid #e6e6e6;
  border-radius: 50%;
  overflow: hidden;
  margin-top: -46px;
}

.testml-elem-2 .name {
  display: block;
  margin: 12px 0 0;
  font-size: 0.8vw;
  color: #333333;
}

.testml-elem-2 .title {
  font-size: 14px;
  color: #666666;
  display: block;
  margin: 6px 0 0;
}

.testml-elem-2 .comment {
  display: block;
  margin: 48px 0 0;
  font-size: 14px;
  line-height: 20px;
  color: #222222;
  font-style: italic;
}

.biolife-carousel .slick-dots {
  padding: 0;
  display: block;
  font-size: 0;
  line-height: 0;
  text-align: center;
}

.biolife-carousel .slick-dots li {
  display: inline-block;
  margin: 0 2px;
}

.biolife-carousel .slick-dots li button {
  display: inline-block;
  border: none;
  background-color: #d7d7d7;
  width: 13px;
  height: 9px;
  border-radius: 99px;
  -webkit-transition: all 350ms ease;
  -moz-transition: all 350ms ease;
  -o-transition: all 350ms ease;
  transition: all 350ms ease;
}

.biolife-carousel .slick-dots li.slick-active button {
  width: 33px;
}

.single-post-contain {
  display: block;
  clear: both;
}

.single-post-contain .post-head {
  border-bottom: 1px solid #e6e6e6;
  padding-bottom: 13px;
  margin-bottom: 14px;
}

.single-post-contain .post-head .thumbnail {
  padding: 0;
  margin: 0;
  border: none;
  border-radius: 0;
  font-size: 0;
  line-height: 0;
}

.single-post-contain .post-head .post-name {
  display: block;
  margin: 30px 0 0;
  font-size: 34px;
  color: #222222;
  line-height: 1;
  font-weight: 700;
}

.post-item .post-content .post-archive,
.single-post-contain .post-head .post-archive {
  display: block;
  margin: 9px 0 0;
  font-size: 14px;
  line-height: 24px;
  color: #666666;
  font-weight: 400;
}

.post-item .post-content .post-archive .post-cat,
.single-post-contain .post-head .post-archive .post-cat {
  font-weight: 600;
  color: #222222;
}

.post-item .post-content .post-archive .author,
.single-post-contain .post-head .post-archive .author {
  margin-left: 6px;
}

.single-post-contain .post-content {
  display: block;
  font-size: 0;
  line-height: 0;
  padding-bottom: 44px;
}

.single-post-contain .post-content * {
  font-size: 15px;
  line-height: 24px;
  color: #666666;
  margin-bottom: 24px;
}

.single-post-contain .post-content blockquote {
  padding: 0;
  border-left: 0;
  display: inline-block;
  position: relative;
  margin: 0 0 30px;
}

.single-post-contain .post-content blockquote::before {
  content: url(../images/blogpost/double-quote.png);
  display: block;
  opacity: 0.1;
  filter: alpha(opacity=10);
  font-size: 0;
  line-height: 0;
  margin-top: -1px;
  margin-bottom: 6px;
}

.single-post-contain .post-content blockquote p {
  font-weight: 600;
  font-size: 17px;
  line-height: 26px;
  color: #333333;
}

.single-post-contain .post-content blockquote address {
  display: block;
  margin: 31px 0 0;
  font-size: 13px;
  line-height: 1;
}

.single-post-contain .post-content blockquote address a {
  font-size: 0.8vw;
  color: #222222;
  font-weight: 600;
  line-height: 1;
  display: inline-block;
  margin: 0;
}

.single-post-contain .post-content blockquote address span {
  display: block;
  margin: -1px 0 0;
}

.single-post-contain .post-foot .post-tags {
  font-size: 0;
  line-height: 0;
}

.single-post-contain .post-foot .post-tags .tag-title {
  font-size: 0.8vw;
  color: #666666;
  display: inline-block;
  line-height: 24px;
  margin-right: 26px;
}

.single-post-contain .post-foot .post-tags .tags {
  padding: 0;
  margin: 0;
  display: inline-block;
}

.single-post-contain .post-foot .post-tags .tags li {
  display: inline-block;
  list-style: none;
  margin-right: 10px;
}

.single-post-contain .post-foot .post-tags .tags li a {
  display: inline-block;
  color: #888888;
  border: 2px solid #f1f1f1;
  border-radius: 9999px;
  padding: 0 9px;
  font-size: 14px;
  line-height: 24px;
}

.single-post-contain .post-foot .post-tags .tags li a:hover {
  color: #111111;
}

.single-post-contain .post-foot .auth-info {
  display: inline-block;
  width: 100%;
  border-top: 2px solid #e6e6e6;
  border-bottom: 2px solid #e6e6e6;
  padding: 18px 0;
  margin-top: 30px;
}

.single-post-contain .post-foot .auth-info .ath {
  display: inline-block;
  float: left;
  font-size: 15px;
  line-height: 30px;
}

.single-post-contain .post-foot .auth-info .avata {
  color: #333333;
  font-weight: 700;
  margin: 0 32px 0 0;
  display: inline-block;
  padding: 1px 0;
  height: 33px;
}

.single-post-contain .post-foot .auth-info .avata img {
  margin-right: 6px;
}

.single-post-contain .post-foot .auth-info .count-item {
  display: inline-block;
  color: #aaaaaa;
  margin-left: 15px;
}

.single-post-contain .post-foot .auth-info .count-item i {
  margin-right: 4px;
}

.single-post-contain .post-foot .socials-connection {
  display: inline-block;
  float: right;
  font-size: 0;
  line-height: 1;
}

.single-post-contain .post-foot .socials-connection .title {
  font-size: 18px;
  color: #666666;
  display: inline-block;
  padding: 8px 0 7px;
  vertical-align: top;
}

.single-post-contain .post-foot .socials-connection .social-list {
  display: inline-block;
  margin: 0 0 0 15px;
  padding: 0;
}

.single-post-contain .post-foot .socials-connection .social-list li {
  list-style: none;
  display: inline-block;
}

.single-post-contain .post-foot .socials-connection .social-list li:not(:last-child) {
  margin-right: 10px;
}

.single-post-contain .post-foot .socials-connection .social-list li a {
  font-size: 18px;
  color: #666666;
  border: 2px solid #e6e6e6;
  border-radius: 50%;
  background-color: #ffffff;
  line-height: 1;
  display: inline-block;
  width: 33px;
  text-align: center;
  padding: 7px 5px 4px;
}

.single-post-contain .post-foot .socials-connection .social-list li a:hover {
  color: #ffffff;
}

.post-comments {
  clear: both;
  display: block;
}

.post-comments .cmt-title {
  font-size: 23px;
  line-height: 1;
  font-weight: 700;
  color: #222222;
  margin: 48px 0 0;
}

.post-comments .cmt-title sup {
  font-size: 60%;
  color: #aaaaaa;
  font-weight: 600;
}

.post-comments .comment-form {
  margin-top: 46px;
}

.post-comments .comment-form .form-row {
  margin: 0;
  display: block;
  position: relative;
  font-size: 0;
  line-height: 0;
}

.post-comments .comment-form .form-row+.form-row:not(.last-btns) {
  margin-top: 20px;
}

.post-comments .comment-form .form-row input,
.post-comments .comment-form .form-row textarea {
  display: inline-block;
  width: 100%;
  border: 2px solid #e6e6e6;
  font-size: 14px;
  padding: 11px 13px;
  line-height: 24px;
}

.post-comments .comment-form .form-row textarea {
  padding: 39px 13px 11px 84px;
  height: 188px;
}

.post-comments .comment-form .form-row .current-author {
  font-size: 0;
  line-height: 0;
  display: inline-block;
  position: absolute;
  top: 32px;
  left: 31px;
  z-index: 2;
}

.post-comments .form-row.last-btns {
  direction: rtl;
  border-bottom: 2px solid #e6e6e6;
  border-left: 2px solid #e6e6e6;
  border-right: 2px solid #e6e6e6;
  padding: 17px 19px 18px;
}

.post-comments .form-row.last-btns .btn {
  display: inline-block;
  border: none;
  font-size: 18px;
  line-height: 24px;
  color: #888888;
  outline: none;
  box-shadow: none;
}

.post-comments .form-row.last-btns .btn-sumit {
  font-size: 14px;
  color: #ffffff;
  border-radius: 9999px;
  font-weight: 700;
  min-width: 180px;
  text-align: center;
  padding: 10px;
  text-transform: uppercase;
}

.post-comments .form-row.last-btns .btn-sumit:hover {
  background-color: var(--primary-black);
}

.post-comments .comment-list {
  display: block;
  clear: both;
  margin-top: 50px;
}

.post-comments .comment-list ol {
  padding: 0;
  margin: 0;
}

.post-comments .comment-list ol li {
  display: block;
  list-style: none;
}

.post-comments .wrap-post-comment .author-contact {
  font-size: 15px;
  font-weight: 700;
  color: #333333;
  line-height: 30px;
}

.post-comments .wrap-post-comment .author-contact img {
  margin-right: 6px;
  display: inline-block;
  float: left;
}

.post-comments .wrap-post-comment .cmt-time {
  display: inline-block;
  font-size: 14px;
  line-height: 30px;
  color: #aaaaaa;
  margin-left: 23px;
}

.post-comments .wrap-post-comment .cmt-content {
  margin-top: 12px;
}

.post-comments .wrap-post-comment .cmt-content p {
  font-size: 15px;
  line-height: 24px;
  color: #666666;
  display: block;
  margin: 0;
}

.post-comments .wrap-post-comment .cmt-fooot {
  display: block;
  font-size: 0;
  line-height: 0;
  margin: 16px 0 0;
}

.post-comments .wrap-post-comment .cmt-fooot .btn {
  display: inline-block;
  color: #aaaaaa;
  padding: 0;
  border-radius: 0;
  border: none;
  font-size: 14px;
  line-height: 30px;
  margin-right: 19px;
}

.post-comments .wrap-post-comment .cmt-fooot .btn i {
  font-size: 18px;
  margin-right: 9px;
}

.post-comments .wrap-post-comment .cmt-inner {
  margin-top: 40px;
  padding-bottom: 22px;
}

.post-comments.lever-0>li>.wrap-post-comment>.cmt-inner {
  border-bottom: 2px solid #e6e6e6;
}

.post-comments .comment-list ol.lever-1 {
  padding-left: 59px;
}

.post-comments .comment-list .biolife-panigations-block {
  margin-top: 31px;
}

.blog-page.page-contain {
  padding-top: 40px;
}

.blog-page .post-item .post-content .post-name a {
  font-weight: 700;
}

.hero-section .biolife-nav ul li:last-child::before,
.hero-section .biolife-nav ul li:last-child span,
.hero-section .biolife-nav ul li span,
.hero-section .biolife-nav ul li a {
  color: #ffffff;
}

.hero-section .biolife-nav {
  margin: 0;
  display: inline-block;
  position: absolute;
  top: calc(29% + 54px);
  left: 50%;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
  z-index: 5;
}

.main-content>.row {
  font-size: 0;
  line-height: 0;
}

.main-content .main-post-list {
  display: inline-block;
  width: 100%;
  margin: -10px 0 0 0;
  padding: 0;
}

.main-content>.posts-list {
  padding: 0;
  margin: 0 0 60px 0;
}

.main-content .main-post-list li {
  list-style: none;
  display: block;
  margin-bottom: 40px;
  margin-top: 10px;
}

.main-content>.posts-list li {
  list-style: none;
  display: block;
}

.main-content>.posts-list li+li {
  margin-top: 50px;
}

.posts-list .post-item .thumbnail {
  padding: 0;
  margin: 0;
  border: none;
  border-radius: 0;
  font-size: 0;
  line-height: 0;
}

.post-item .post-content .post-name {
  font-size: 23px;
  font-weight: 600;
  color: #333333;
  display: block;
  margin: 0;
  line-height: 1;
}

.post-item .post-content .post-name a {
  display: inline-block;
  color: inherit;
}

.post-item .post-content .post-archive {
  border-bottom: 1px solid #e6e6e6;
  padding-bottom: 13px;
}

.post-item .post-content .excerpt {
  font-size: 15px;
  line-height: 24px;
  color: #666666;
  margin: 14px 0 0;
}

.post-item .post-content .group-buttons {
  display: inline-block;
  width: 100%;
  font-size: 0;
  line-height: 0;
  margin-top: 19px;
}

.post-item .group-buttons .btn {
  display: inline-block;
  outline: none;
  box-shadow: none;
}

.post-item .group-buttons .btn.readmore {
  font-size: 14px;
  line-height: 24px;
  color: #333333;
  font-weight: 700;
  display: inline-block;
  background-color: #ffffff;
  border: 2px solid #e6e6e6;
  border-radius: 9999px;
  text-transform: uppercase;
  padding: 8px 10px;
  min-width: 155px;
  margin-right: 9px;
}

.post-item .group-buttons .btn.readmore:hover {
  color: #ffffff;
}

.style-bottom-info.layout-03 .post-meta .count-number,
.post-item .group-buttons .count-number {
  font-size: 17px;
  padding: 0 0 0 11px;
  color: #666666;
  position: relative;
  line-height: 1;
  margin-right: 23px;
  border-radius: 0;
}

.style-bottom-info.layout-03 .post-meta .count-number .number,
.post-item .group-buttons .count-number .number {
  font-size: 10px;
  line-height: 1;
  color: #ffffff;
  font-weight: 600;
  background-color: #888888;
  min-width: 19px;
  text-align: center;
  padding: 5px 3px 4px;
  display: inline-block;
  border-radius: 50%;
  position: absolute;
  top: -7px;
  right: -15px;
  z-index: 2;
}

.post-item .group-buttons .commented .number {
  right: -7px;
}

.style-bottom-info.layout-03 .post-meta .count-number+.count-number,
.post-item .group-buttons .count-number+.count-number {
  border-left: 1px solid #e6e6e6 !important;
}

.post-item.style-left-info {
  display: table;
  width: 100%;
}

.post-item.style-left-info .thumbnail,
.post-item.style-left-info .post-content {
  display: table-cell;
  vertical-align: middle;
}

.post-item.style-left-info .thumbnail {
  width: 370px;
}

.post-item.style-left-info .post-content {
  padding-left: 30px;
}

.post-item.style-left-info .post-content>* {
  max-width: 329px;
  text-align: center;
}

.post-item.style-left-info .post-content .post-name {
  font-size: 23px;
  color: #000000;
}

.post-item.style-bottom-info {
  text-align: center;
}

.post-item.style-bottom-info .post-content {
  padding-left: 20px;
  padding-right: 20px;
}

.post-item.style-wide .post-content .post-name {
  margin-top: 16px;
  font-weight: 700;
  font-size: 26px;
}

.post-item.style-bottom-info .post-content .post-name {
  margin-top: 16px;
}

.main-slide {
  margin: 0;
  padding: 0;
  font-size: 0;
  line-height: 0;
  display: block;
  position: relative;
  overflow: hidden;
  clear: both;
}

.main-slide ul {
  padding: 0;
  margin: 0;
}

.main-slide li {
  list-style: none;
}

.main-slide .slick-arrow {
  font-size: 44px;
  color: var(--primary-red);
  position: absolute;
  top: 50%;
  margin-top: -22px;
  left: 60px;
  z-index: 5;
}

.main-slide .slick-arrow.next {
  left: auto;
  right: 60px;
}

.main-slide.nav-change .slick-arrow {
  -webkit-transition: all 450ms ease;
  -moz-transition: all 450ms ease;
  -ms-transition: all 450ms ease;
  -o-transition: all 450ms ease;
  transition: all 450ms ease;
  -webkit-transform: translateX(30px);
  -moz-transform: translateX(30px);
  -ms-transform: translateX(30px);
  -o-transform: translateX(30px);
  transform: translateX(30px);
  opacity: 0;
  filter: alpha(opacity=0);
  visibility: hidden;
}

.main-slide.nav-change.type02 .slick-arrow {
  color: #d7d7d7;
  left: 10px;
}

.main-slide.nav-change.type02 .slick-arrow.next {
  right: 10px;
  left: auto;
}

.main-slide.nav-change.type02 .slick-arrow:hover {
  color: #ffffff;
}

.main-slide.nav-change .slick-arrow.next {
  -webkit-transform: translateX(-30px);
  -moz-transform: translateX(-30px);
  -ms-transform: translateX(-30px);
  -o-transform: translateX(-30px);
  transform: translateX(-30px);
}

.main-slide.nav-change:hover .slick-arrow {
  -webkit-transform: translateX(0);
  -moz-transform: translateX(0);
  -ms-transform: translateX(0);
  -o-transform: translateX(0);
  transform: translateX(0);
  opacity: 1;
  filter: alpha(opacity=100);
  visibility: visible;
}

.slider-opt04__layout01,
.slider-opt03__layout02,
.slider-opt03__layout01 {
  margin: 0;
  padding: 0;
  font-size: 0;
  line-height: 0;
  display: block;
  position: relative;
  overflow: hidden;
}

.slider-opt03__layout01 .media {
  z-index: 10;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  height: 660px;
}

.slider-opt03__layout01.ref .media {
  background-image: url("../images/banner/ref-banner.jpg");
}

.slider-opt03__layout01.ac .media {
  background-image: url("../images/banner/ac-banner.jpg");
}

.slider-opt03__layout01.wm .media {
  background-image: url("../images/banner/wm-banner.jpg");
}

.slider-opt03__layout01.td .media {
  background-image: url("../images/banner/td-banner.jpg");
}

.slider-opt03__layout01.cf .media {
  background-image: url("../images/banner/cf-banner.jpg");
}

.slider-opt03__layout01 .media .child-elememt {
  display: inline-block;
  position: absolute;
  top: 4%;
  left: 8%;
  z-index: 5;
  margin-top: 10px;
  margin-left: -2px;
  -webkit-transition: transform 1s ease 0.5s;
  -moz-transition: transform 1s ease 0.5s;
  -o-transition: transform 1s ease 0.5s;
  transition: transform 1s ease 0.5s;
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  -ms-transform: scale(0);
  -o-transform: scale(0);
  transform: scale(0);
}

.slider-opt03__layout01 .text-content {
  min-width: 540px;
  display: inline-block;
  position: absolute;
  top: 20%;
  right: 10%;
  margin: 0 5px 0 0;
  z-index: 20;
  -webkit-transition: transform 0.7s ease 0.7s;
  -moz-transition: transform 0.7s ease 0.7s;
  -o-transition: transform 0.7s ease 0.7s;
  transition: transform 0.7s ease 0.7s;
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  -ms-transform: scale(0);
  -o-transform: scale(0);
  transform: scale(0);
  background-color: rgba(205, 205, 213, 0.3);
  color: rgb(255, 255, 255);
  border-color: rgb(102, 102, 102);
  padding: 20px 50px 40px;
}

.slick-slide.slick-active .slider-opt03__layout01 .text-content,
.slick-slide.slick-active .slider-opt03__layout01 .media .child-elememt {
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
}

.slider-opt03__layout01 .text-content .first-line {
  font-family: "Playfair Display", sans-serif;
  font-size: 30px;
  line-height: 1;
  color: var(--primary-red);
  display: block;
  margin: 0;
}

.slider-opt03__layout01 .text-content .second-line {
  font-size: 50px;
  line-height: 60px;
  color: #333333;
  font-weight: 700;
  display: block;
  margin: 0;
  max-width: 100%;
}

.slider-opt03__layout01 .text-content .third-line {
  font-size: 22px;
  line-height: 1;
  color: #000000;
  display: block;
  margin: 13px 0 0;
}

.slider-opt03__layout01 .buttons {
  font-size: 0;
  display: block;
  line-height: 0;
  margin: 36px 0 0;
}

.slider-opt03__layout01 .buttons .btn {
  font-size: 14px;
  border-radius: 9999px;
  display: inline-block;
  line-height: 1;
  min-width: 147px;
  text-align: center;
  padding: 17px 10px 16px;
  outline: none;
  box-shadow: none;
}

.slider-opt03__layout01 .buttons .btn+.btn {
  margin-left: 19px;
}

.slider-opt03__layout01 .buttons .btn-thin {
  padding: 15px 10px 14px;
  min-width: 177px;
}

.slider-opt03__layout01 .buttons .btn:hover {
  background-color: var(--primary-black) !important;
  border-color: var(--primary-black) !important;
  color: #ffffff !important;
}

.slider-opt03__layout01.mode-02 .media {
  background-image: url("../images/home-02/main-slide-01.jpg");
  height: 955px;
}

.slider-opt03__layout01.mode-02.slide-bgr-02 .media {
  background-image: url("../images/home-02/main-slide-02.jpg");
}

.slider-opt03__layout01.mode-02.slide-bgr-03 .media {
  background-image: url("../images/home-02/main-slide-03.jpg");
}

.slider-opt03__layout01.mode-02 .buttons .btn-thin {
  color: #ffffff;
}

.slider-opt03__layout01.mode-03 .media {
  height: 1072px;
}

.slider-opt03__layout01.slide-bgr-mode03-01 .media {
  background-image: url("../images/home-01/main-slide-01.jpg");
}

.slider-opt03__layout01.slide-bgr-mode03-02 .media {
  background-image: url("../images/home-01/main-slide-02.jpg");
}

.slider-opt03__layout01.slide-bgr-mode03-03 .media {
  background-image: url("../images/home-01/main-slide-03.jpg");
}

.slider-opt03__layout02 .media {
  z-index: 10;
  background-image: url("../images/home-03/green-slide-01.jpg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  height: 560px;
}

.slider-opt03__layout02 .media.background-geen-02 {
  background-image: url("../images/home-03/green-slide-02.jpg");
}

.slider-opt03__layout02 .text-content {
  display: inline-block;
  max-width: 400px;
  position: absolute;
  top: 127px;
  left: 35%;
  z-index: 2;
  margin-top: -4px;
  margin-left: 3px;
}

.slider-opt04__layout01 .text-content .first-line,
.slider-opt03__layout02 .text-content .first-line {
  font-size: 30px;
  line-height: 1;
  color: #666666;
  display: block;
  margin: 0;
  font-family: "Playfair Display", sans-serif;
}

.slider-opt04__layout01 .text-content .second-line,
.slider-opt03__layout02 .text-content .second-line {
  font-size: 60px;
  font-weight: 700;
  color: #222222;
  display: block;
  margin: 1px 0 0;
  line-height: 60px;
}

.slider-opt04__layout01 .text-content .third-line,
.slider-opt03__layout02 .text-content .third-line {
  font-size: 18px;
  color: var(--primary-black);
  display: block;
  margin: 14px 0 0;
  line-height: 1;
}

.slider-opt04__layout01 .buttons,
.slider-opt03__layout02 .buttons {
  margin: 37px 0 0;
}

.slider-opt04__layout01 .buttons .btn,
.slider-opt03__layout02 .buttons .btn {
  padding: 14px 10px 13px;
  min-width: 147px;
}

.slider-opt04__layout01 .buttons .btn-thin,
.slider-opt03__layout02 .buttons .btn-thin {
  border: 2px solid #e6e6e6;
  min-width: 177px;
  padding: 12px 10px 11px;
  margin-left: 19px;
}

.slider-opt04__layout01 .buttons .btn-thin:hover,
.slider-opt03__layout02 .buttons .btn-thin:hover {
  background-color: var(--primary-black);
  border-color: var(--primary-black);
  color: #ffffff;
}

.none-box-shadow .vertical-category-block>.wrap-menu {
  box-shadow: none;
  border-left: 1px solid #e6e6e6;
  border-right: 1px solid #e6e6e6;
  border-bottom: 1px solid #e6e6e6;
}

.slider-opt04__layout01 .media {
  z-index: 10;
  background-image: url("../images/home-04/main_slide.jpg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  height: 578px;
}

.slider-opt04__layout01 .text-content {
  display: inline-block;
  max-width: 400px;
  position: absolute;
  top: 132px;
  left: 70px;
  z-index: 2;
}

.slider-opt04__layout01 .buttons .btn-thin,
.slider-opt04__layout01 .text-content .first-line,
.slider-opt04__layout01 .text-content .second-line,
.slider-opt04__layout01 .text-content .third-line {
  color: #ffffff;
}

li.slick-current .slider-opt04__layout01 .buttons .btn,
li.slick-current .slider-opt04__layout01 .text-content .first-line,
li.slick-current .slider-opt04__layout01 .text-content .second-line,
li.slick-current .slider-opt04__layout01 .text-content .third-line {
  animation-duration: 1.6s;
  -webkit-animation-duration: 1.6s;
  animation-fill-mode: both;
  -webkit-animation-fill-mode: both;
  animation-name: bounceInRight;
  -webkit-animation-name: bounceInRight;
  -webkit-animation-delay: 0s;
  animation-delay: 0s;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
}

li.slick-current .slider-opt04__layout01 .text-content .second-line {
  animation-name: bounceInLeft;
  -webkit-animation-name: bounceInLeft;
}

li.slick-current .slider-opt04__layout01 .text-content .third-line {
  animation-name: bounceIn;
  -webkit-animation-name: bounceIn;
  -webkit-animation-delay: 0.6s;
  animation-delay: 0.6s;
}

li.slick-current .slider-opt04__layout01 .buttons .btn {
  animation-name: zoomIn;
  -webkit-animation-name: zoomIn;
  -webkit-animation-delay: 0.2s;
  animation-delay: 0.2s;
}

.slider-opt04__layout01 .buttons .btn.btn-bold:not(:hover) {
  background-color: var(--primary-green);
}

.slider-opt04__layout01.light-version .buttons .btn-thin:not(:hover) {
  color: #333333;
}

.slider-opt04__layout01.first-slide .media {
  background-image: url("../images/home-04/light-main_slide_01.jpg");
}

.slider-opt04__layout01.second-slide .media {
  background-image: url("../images/home-04/light-main_slide_02.jpg");
}

.slider-opt04__layout01.third-slide .media {
  background-image: url("../images/home-04/light-main_slide_03.jpg");
}

.slider-opt04__layout01.light-version .text-content .first-line {
  color: #666666;
}

.slider-opt04__layout01.light-version .text-content .second-line {
  color: #222222;
}

.slider-opt04__layout01.light-version .text-content .third-line {
  color: var(--primary-black);
}

.slider-opt05 {
  position: relative;
  display: block;
  overflow: hidden;
  font-size: 0;
  line-height: 1;
  background: url("../images/home-05/main-slide.jpg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  height: 474px;
}

.slider-opt05 .text-content {
  display: inline-block;
  max-width: 350px;
  padding-top: 94px;
  padding-left: 39px;
  position: relative;
  z-index: 10;
}

.slider-opt05 .text-content .first-line {
  display: block;
  margin: 0;
  font-size: 26px;
  color: #666666;
  font-family: "Playfair Display", sans-serif;
}

.slider-opt05 .text-content .second-line {
  display: block;
  margin: 5px 0 0;
  font-size: 50px;
  line-height: 60px;
  color: #222222;
  font-weight: 700;
}

.slider-opt05 .text-content .third-line {
  display: block;
  margin: 10px 0 0;
  font-size: 18px;
  color: var(--primary-black);
  margin-left: 8px;
}

.slider-opt05 .text-content .buttons {
  margin: 37px 0 0;
}

.slider-opt05 .text-content .btn.btn-bold {
  min-width: 147px;
}

.slider-opt05 .text-content .btn.btn-bold:not(:hover) {
  background-color: var(--primary-green);
}

.slider-opt05 .media {
  display: inline-block;
  position: absolute;
  z-index: 5;
  top: 51px;
  right: 0;
}

.slick-active .slider-opt05 .text-content .btn,
.slick-active .slider-opt05 .text-content .third-line,
.slick-active .slider-opt05 .text-content .second-line,
.slick-active .slider-opt05 .text-content .first-line {
  animation-duration: 1.2s;
  -webkit-animation-duration: 1.2s;
  animation-fill-mode: both;
  -webkit-animation-fill-mode: both;
  animation-name: fadeInRight;
  -webkit-animation-name: fadeInRight;
  animation-delay: 0s;
  -webkit-animation-delay: 0s;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
}

.slick-active .slider-opt05 .text-content .second-line {
  animation-duration: 1.4s;
  -webkit-animation-duration: 1.4s;
}

.slick-active .slider-opt05 .text-content .third-line {
  animation-duration: 1.6s;
  -webkit-animation-duration: 1.6s;
}

.slick-active .slider-opt05 .text-content .btn {
  animation-duration: 1.6s;
  -webkit-animation-duration: 1.6s;
  animation-delay: 0.2s;
  -webkit-animation-delay: 0.2s;
}

.slick-active .slide_animation .buttons,
.slick-active .slide_animation .third-line,
.slick-active .slide_animation .first-line,
.slick-active .slide_animation .second-line {
  animation-duration: 1.2s;
  -webkit-animation-duration: 1.2s;
  animation-fill-mode: both;
  -webkit-animation-fill-mode: both;
  animation-name: zoomIn;
  -webkit-animation-name: zoomIn;
  animation-delay: 0.2s;
  -webkit-animation-delay: 0.2s;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
}

.slick-active .slide_animation.type_02 .second-line {
  animation-duration: 1s;
  -webkit-animation-duration: 1s;
  animation-delay: 0.2s;
  -webkit-animation-delay: 0.2s;
}

.slick-active .slide_animation.type_02 .third-line {
  animation-duration: 1.2s;
  -webkit-animation-duration: 1.2s;
  animation-delay: 0.6s;
  -webkit-animation-delay: 0.6s;
}

.slick-active .slide_animation.type_02 .buttons {
  animation-duration: 1.2s;
  -webkit-animation-duration: 1.2s;
  -webkit-animation-delay: 0.4s;
  animation-delay: 0.4s;
}

.biolife-banner__special {
  display: inline-block;
  width: 100%;
  clear: both;
  font-size: 0;
  line-height: 0;
  padding-top: 0px;
}

.biolife-banner__special .media {
  display: inline-block;
  width: 57.265%;
  padding-left: 25px;
}

.biolife-banner__special .text-content {
  display: inline-block;
  vertical-align: top;
  width: 42.735%;
  line-height: 1;
  text-align: center;
  padding-top: 41px;
}

.biolife-banner__special .text-content .first-line {
  font-size: 30px;
  font-weight: 700;
  color: var(--primary-red);
  display: block;
  margin: 0;
}

.biolife-banner__special .text-content .second-line {
  font-size: 35px;
  line-height: 1;
  color: #666666;
  display: block;
  font-weight: 600;
  margin: 17px 0 0;
}

.biolife-banner__special .text-content .third-line {
  font-size: 35px;
  color: #666666;
  display: block;
  font-weight: 600;
  line-height: 1;
  margin: 1px 0 0;
}

.biolife-banner__special .text-content .third-line i {
  font-weight: 700;
  color: #222222;
  font-family: "Playfair Display", sans-serif;
  font-size: 40px;
}

.biolife-banner__special .product-detail {
  display: block;
  margin-top: 65px;
}

.biolife-banner__special .product-detail .product-name {
  display: block;
  margin: 0;
  font-size: 17px;
  line-height: 24px;
  color: #222222;
  font-weight: 600;
}

.biolife-banner__special .product-detail .price-contain ins .price-amount {
  font-size: 30px;
  line-height: 24px;
}

.biolife-banner__special .product-detail .price-contain .price-amount {
  font-size: 20px;
}

.biolife-banner__special .product-detail .buttons {
  display: block;
  margin-top: 27px;
}

.biolife-banner__special .product-detail .add-to-cart-btn {
  font-size: 14px;
  color: #ffffff;
  text-transform: uppercase;
  font-weight: 700;
  border-radius: 9999px;
  border: none;
  padding: 17px 10px 16px;
  line-height: 1;
  min-width: 197px;
  outline: none;
  box-shadow: none;
}

.biolife-banner__special .product-detail .add-to-cart-btn:hover {
  background-color: var(--primary-black);
}

.biolife-banner__special-02 {
  text-align: right;
  position: relative;
  overflow: hidden;
  clear: both;
}

.biolife-banner__special-02 .banner-contain {
  font-size: 0;
  line-height: 0;
  display: inline-block;
  text-align: left;
  width: 100%;
  position: relative;
}

.biolife-banner__special-02 .banner-contain .thumb {
  display: inline-block;
}

.biolife-banner__special-02 .text-content {
  display: inline-block;
  text-align: center;
  position: absolute;
  right: 0;
  top: 14%;
  margin-top: -1px;
}

.biolife-banner__special-02 .text-content .text01 {
  font-size: 70px;
  line-height: 1;
  display: block;
  margin: 0;
  color: #da840f;
  font-family: "Playfair Display", sans-serif;
  opacity: 0.11;
  filter: alpha(opacity=11);
  margin-bottom: -31px;
}

.biolife-banner__special-02 .text-content .text02 {
  font-size: 50px;
  display: block;
  margin: 0;
  color: #000000;
  line-height: 1;
}

.biolife-banner__special-02 .text-content .text04,
.biolife-banner__special-02 .text-content .text03 {
  font-size: 35px;
  line-height: 1;
  color: #666666;
  display: block;
  margin: 0;
  font-weight: 600;
}

.biolife-banner__special-02 .text-content .text03 {
  margin: 17px 0 -1px;
}

.biolife-banner__special-02 .text-content .text04 i {
  font-family: "Playfair Display", sans-serif;
  font-weight: 700;
  color: #222222;
  font-size: 40px;
}

.biolife-banner__special-02 .product-detail {
  margin-top: 50px;
}

.biolife-banner__special-02 .product-detail .price-contain {
  margin-top: 8px;
}

.biolife-banner__special-02 .product-detail .price-contain .price-amount {
  font-size: 30px;
}

.biolife-banner__special-02 .product-detail .product-name {
  font-size: 17px;
  color: #222222;
  font-weight: 600;
  display: block;
  line-height: 1;
  margin: 0;
}

.biolife-banner__special-02 .product-detail .measure {
  display: block;
  line-height: 1;
  font-size: 15px;
  color: var(--primary-black);
  margin: 10px 0 0;
  font-weight: 600;
}

.biolife-banner__special-02 .product-detail .buttons {
  display: block;
  text-align: center;
  margin-top: 25px;
}

.biolife-banner__special-02 .product-detail .add-to-cart-btn {
  font-size: 14px;
  font-weight: 700;
  text-align: center;
  display: inline-block;
  text-transform: uppercase;
  color: #ffffff;
  border-radius: 9999px;
  min-width: 197px;
  padding: 13px 10px 12px;
}

.biolife-banner__special-02 .product-detail .add-to-cart-btn:hover {
  background-color: var(--primary-black);
}

.biolife-banner__special-03 .banner-contain {
  display: block;
  position: relative;
  font-size: 0;
  line-height: 0;
  clear: both;
  background-image: url(../images/home-01/bn-special-03-sample.jpg);
  background-position: center center;
  background-size: 100%;
  background-repeat: no-repeat;
  padding-bottom: 47px;
}

.biolife-carousel.dots_ring_style_2,
.biolife-carousel.dots_ring_style {
  position: relative;
}

.biolife-carousel.dots_ring_style .slick-dots {
  position: absolute;
  bottom: 41px;
  right: 214px;
}

.biolife-carousel.dots_ring_style_2 .slick-dots li button,
.biolife-carousel.dots_ring_style .slick-dots li button {
  padding: 0;
  width: 11px;
  height: 11px;
  display: inline-block;
  border: 0 solid #999999;
  background-color: #bbbbbb;
  border-radius: 50%;
  -webkit-transition: none;
  -moz-transition: none;
  -o-transition: none;
  transition: none;
}

.biolife-carousel.dots_ring_style .slick-dots li.slick-active button {
  height: 13px;
  width: 13px;
  border-width: 2px;
  background-color: transparent;
}

.biolife-carousel.dots_ring_style_2 .slick-dots {
  position: absolute;
  bottom: 28px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
  font-size: 0;
  line-height: 0;
}

.biolife-carousel.dots_ring_style_2 .slick-dots li {
  margin: 0;
}

.biolife-carousel.dots_ring_style_2 .slick-dots li+li {
  margin-left: 9px;
}

.biolife-carousel.dots_ring_style_2 .slick-dots li button {
  width: 10px;
  height: 10px;
  background-color: #666666;
  border: none;
}

.biolife-carousel.dots_ring_style_2 .slick-dots li.slick-active button {
  background-color: transparent;
  border: 2px solid #ffffff;
  width: 12px;
  height: 12px;
}

.biolife-service__type01 {
  display: block;
  font-size: 0;
  line-height: 0;
  position: relative;
  overflow: hidden;
  padding-top: 14px;
}

.biolife-service__type01 .txt-show-01 {
  font-size: 110px;
  color: #efe1c9;
  font-weight: 700;
  display: block;
  opacity: 0.55;
  filter: alpha(opacity=55);
  text-align: center;
  line-height: 1.1;
}

.biolife-service__type01 .txt-show-02 {
  font-size: 70px;
  line-height: 1;
  font-family: "Playfair Display", sans-serif;
  display: block;
  text-align: center;
  position: absolute;
  top: -10px;
  left: 0;
  right: 0;
  z-index: 2;
}

.biolife-service__type01 .services-list {
  margin-top: -9px;
  position: relative;
  z-index: 1;
}

.services-list {
  padding: 0;
  line-height: 0;
  font-size: 0;
  margin: 0;
  display: inline-block;
  width: 100%;
  border: 2px solid #e6e6e6;
  border-radius: 3px;
  padding-top: 19px;
  padding-bottom: 18px;
}

.services-list li {
  list-style: none;
  display: inline-block;
  width: 33.333333%;
  padding-top: 10px;
  padding-bottom: 22px;
}

.services-list li+li {
  border-left: 1px solid #e6e6e6;
}

.service-inner {
  display: inline-block;
  width: 100%;
  text-align: center;
}

.service-inner .number {
  font-size: 0.8vw;
  line-height: 1;
  background-color: #cccccc;
  display: inline-block;
  width: 31px;
  text-align: center;
  color: #ffffff;
  margin: 0;
  padding: 7px 5px 8px;
  border-radius: 50%;
  vertical-align: top;
}

.service-inner .biolife-icon {
  font-size: 35px;
  display: inline-block;
  padding-top: 1px;
  margin-left: 38px;
}

.service-inner .srv-name {
  display: inline-block;
  font-size: 0.8vw;
  color: #222222;
  text-align: center;
  margin: 9px 0 0;
  width: 100%;
  line-height: 1;
  text-transform: uppercase;
  font-weight: 700;
}

.service-inner:not(.style-02) .srv-name {
  margin-top: 15px;
}

.service-inner.color-reverse .biolife-icon {
  color: #888888;
}

.biolife-service__type02 {
  border: 2px solid #e6e6e6;
  border-radius: 3px;
  overflow: hidden;
  padding: 0;
}

.biolife-service__type02 .services-list {
  border: none;
  padding: 0 18px;
}

.biolife-service__type02 .services-list li+li {
  border-left: none;
  border-top: 1px solid #e6e6e6;
}

.biolife-service__type02 .services-list li {
  width: 100%;
  padding: 0 0 0 11px;
}

.biolife-service__type02 .foot-area {
  display: table;
  width: 100%;
  padding-left: 30px;
  padding-top: 18px;
  padding-bottom: 16px;
}

.biolife-service__type02 .foot-area .txt,
.biolife-service__type02 .foot-area .biolife-icon {
  display: table-cell;
  vertical-align: middle;
  text-align: left;
}

.biolife-service__type02 .foot-area .biolife-icon {
  color: #222222;
  line-height: 1;
  font-size: 32px;
  width: 39px;
}

.biolife-service__type02 .foot-area .txt p {
  font-size: 14px;
  line-height: 17px;
  color: #222222;
  display: block;
  margin: 0;
  font-weight: 400;
}

.service-inner.style-02 .biolife-icon {
  font-size: 36px;
}

.service-inner.style-02 {
  text-align: left;
  padding: 20px 0;
}

.service-inner.style-02 .biolife-icon {
  color: #888888;
}

.service-inner.style-02 .number {
  color: #222222;
  font-weight: 600;
}

.service-inner.style-02 .srv-name {
  text-transform: uppercase;
  text-align: left;
  margin-top: 12px;
}

.biolife-tab .tab-head .tabs {
  padding: 0;
  margin: 10px auto 20px auto;
  display: flex;
  gap: 2px;
  text-align: center;
  width: fit-content;
  background: #fff;
  border-radius: 38px;
  overflow: hidden;
}

.my-account .biolife-tab .tab-head .tabs {
  text-align: left;
}

.biolife-tab .tab-head .tabs .tab-element {
  display: inline-block;
  list-style: none;
}

.my-account .biolife-tab .tab-head .tabs .tab-element {
  margin: 0;
}

.biolife-tab .tab-head .tabs .tab-element+.tab-element {
  margin-left: 30px;
}

.biolife-tab .tab-content {
  display: block;
  margin: 0;
  position: relative;
}

.biolife-tab .tab-content .tab-contain {
  display: inline-block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  opacity: 0;
  filter: alpha(opacity=0);
  visibility: hidden;
  z-index: 2;
}

.biolife-tab .tab-content>.active {
  display: block;
  position: static;
  opacity: 1;
  filter: alpha(opacity=100);
  visibility: visible;
  z-index: 5;
  -webkit-transition: all 1500ms ease;
  -moz-transition: all 1500ms ease;
  -o-transition: all 1500ms ease;
  transition: all 1500ms ease;
}

.tab-head__icon-top-layout a {
  display: inline-block;
  text-align: center;
  font-size: 14px;
  color: #222222;
  font-weight: 500;
  position: relative;
  padding-bottom: 4px;
  padding-left: 5px;
  padding-right: 5px;
}

.tab-head__icon-top-layout:not(.background-tab-include) a::after {
  content: "";
  height: 2px;
  display: block;
  width: 100%;
  position: absolute;
  z-index: 2;
  bottom: 0;
  left: 0;
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  -ms-transform: scale(0);
  -o-transform: scale(0);
  transform: scale(0);
  -webkit-transition: all 350ms ease;
  -moz-transition: all 350ms ease;
  -o-transition: all 350ms ease;
  transition: all 350ms ease;
}

.tab-head__icon-top-layout .active a::after {
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
}

.tab-head__icon-top-layout .biolife-icon {
  font-size: 44px;
  display: block;
  margin-bottom: 13px;
  text-align: center;
}

.tab-head__sample-layout .tabs {
  font-size: 0;
  margin-bottom: 8px !important;
}

.biolife-tab .tab-head__sample-layout .tabs .tab-element+.tab-element {
  margin-left: 0;
}

.biolife-tab .tab-head__default .tabs {
  font-size: 0;
  line-height: 0;
  margin: 0;
}

.tab-head__default {
  margin-top: 33px;
  margin-bottom: 24px;
}

.tab-head__default .tab-element .tab-link {
  display: inline-block;
  font-size: 0.8vw;
  color: #666666;
  font-weight: 700;
  text-transform: uppercase;
  line-height: 1;
  position: relative;
  padding-left: 4px;
  padding-right: 4px;
  margin-bottom: 4px;
  -webkit-transition: color 750ms ease;
  -moz-transition: color 750ms ease;
  -ms-transition: color 750ms ease;
  -o-transition: color 750ms ease;
  transition: color 750ms ease;
}

.tab-head__default .tab-element .tab-link::before {
  content: "";
  display: block;
  height: 2px;
  background-color: #666666;
  position: absolute;
  bottom: -2px;
  left: 0;
  right: 0;
  z-index: 1;
  -webkit-transition: transform 500ms ease;
  -moz-transition: transform 500ms ease;
  -ms-transition: transform 500ms ease;
  -o-transition: transform 500ms ease;
  transition: transform 500ms ease;
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  -ms-transform: scale(0);
  -o-transform: scale(0);
  transform: scale(0);
}

.tab-head__default .tab-element .tab-link:hover::before,
.tab-head__default .tab-element.active .tab-link::before {
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
}

.tab-head__sample-layout .tab-element .tab-link {
  color: #ffffff;
  background: #888;
  line-height: 24px;
  list-style: none;
  box-sizing: border-box;
  text-decoration: none;
  display: inline-block;
  text-align: center;
  font-size: 14px;
  font-weight: 500;
  position: relative;
  width: 100%;
  padding: 10px 30px;
}

.tab-head__sample-layout .tab-element .tab-link:hover,
.tab-head__sample-layout .active .tab-link {
  background: url("../images/bg_tab-v4.png");
  color: #ffffff;
}

.tab-head__sample-layout.type-02 .tab-element .tab-link:hover,
.tab-head__sample-layout.type-02 .active .tab-link {
  background: url("../images/bg_tab-v1.png");
}

.biolife-banner__promotion {
  display: block;
  position: relative;
  overflow: hidden;
  font-size: 0;
  line-height: 0;
}

.biolife-banner__promotion .text-content {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  line-height: 1;
  display: inline-block;
  padding-top: 217px;
}

.biolife-banner__promotion .text-content .text-wrap {
  padding-left: 70px;
}

.biolife-banner__promotion .text-content .first-line {
  font-size: 30px;
  line-height: 35px;
  font-family: "Playfair Display", sans-serif;
  color: #ffffff;
  display: block;
  margin: 0;
  max-width: 370px;
}

.biolife-banner__promotion .text-content .second-line {
  display: block;
  margin: 6px 0 0;
  font-size: 50px;
  line-height: 55px;
  color: #ffffff;
  font-weight: 700;
  max-width: 370px;
}

.biolife-banner__promotion .text-content .third-line {
  font-size: 0.8vw;
  line-height: 24px;
  display: block;
  margin: 22px 0 0;
  color: #ffffff;
  max-width: 370px;
}

.biolife-banner__promotion .product-detail {
  display: block;
  margin-top: 32px;
  max-width: 370px;
}

.biolife-banner__promotion .product-detail .txt-price {
  font-size: 40px;
  line-height: 1;
  font-weight: 700;
  color: #ffffff;
  display: inline-block;
  margin: 0 30px 0 0;
}

.biolife-banner__promotion .product-detail .txt-price span {
  font-size: 20px;
  font-weight: 400;
  margin-right: 3px;
}

.biolife-banner__promotion3 .product-detail .add-to-cart-btn,
.biolife-banner__promotion .product-detail .add-to-cart-btn {
  display: inline-block;
  font-size: 14px;
  color: #ffffff;
  font-weight: 700;
  text-transform: uppercase;
  text-align: center;
  border: none;
  border-radius: 999px;
  vertical-align: top;
  background: var(--primary-green);
  min-width: 168px;
  padding: 13px;
}

.biolife-banner__promotion3 .product-detail .add-to-cart-btn:hover,
.biolife-banner__promotion .product-detail .add-to-cart-btn:hover {
  background-color: var(--primary-black);
}

.biolife-banner__promotion {
  display: inline-block;
  width: 100%;
  height: 710px;
  background-image: url(../images/home-03/bannernew/bg_banner_pomotion_org.png);
  background-repeat: no-repeat;
  background-size: auto;
  background-position: center top;
  position: relative;
  margin-top: -60px;
}

.biolife-banner__promotion .media .img-moving {
  display: inline-block;
  position: absolute;
  z-index: 5;
  top: 0;
  left: 0;
}

.biolife-banner__promotion .media .position-1 {
  top: 137px;
  right: 10%;
  left: auto;
  margin-left: -21px;
}

.biolife-banner__promotion .media .position-2 {
  left: auto;
  right: -21px;
  top: auto;
  bottom: 135px;
}

.biolife-banner__promotion .media .position-3 {
  top: auto;
  bottom: 0;
  left: 42px;
}

.biolife-banner__promotion .media .position-4 {
  top: 93px;
  left: -9px;
}

.biolife-banner__promotion4 .position-2 img,
.biolife-banner__promotion .media .position-1 img {
  -webkit-animation: bounceIn 9s linear infinite;
  animation: bounceIn 9s linear infinite;
}

.biolife-banner__promotion .media .position-2 img {
  -webkit-animation: movebounce 3.9s linear 0.4s infinite;
  animation: movebounce 3.9s linear 0.4s infinite;
}

.biolife-banner__promotion .media .position-3 img {
  -webkit-animation: movebounce-x 3.9s linear 0.2s infinite;
  animation: movebounce-x 3.9s linear 0.2s infinite;
}

.biolife-banner__promotion .media .position-4 img {
  -webkit-animation: movebounce 3.9s linear infinite;
  animation: movebounce 3.9s linear infinite;
}

.biolife-banner__promotion2 {
  display: block;
  background-color: #ffffff;
  position: relative;
  font-size: 0;
  line-height: 0;
  border-bottom: 1px solid #e6e6e6;
}

.biolife-banner__promotion2 .container {
  position: relative;
}

.biolife-banner__promotion2 .media {
  display: inline-block;
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 2;
  width: 670px;
  height: 535px;
  background-image: url(../images/home-03/slomotion_02_bg.png);
  background-position: center center;
  background-repeat: no-repeat;
}

.biolife-banner__promotion2 .text-content {
  display: inline-block;
  line-height: 1;
  float: right;
  max-width: 500px;
  margin-top: 117px;
  margin-bottom: 102px;
}

.biolife-banner__promotion2 .text-content .second-line,
.biolife-banner__promotion2 .text-content .first-line {
  display: block;
  margin: 0;
  font-size: 35px;
  line-height: 1;
  color: #333333;
  font-weight: 600;
}

.biolife-banner__promotion2 .text-content .second-line {
  margin-top: -1px;
}

.biolife-banner__promotion2 .text-content .second-line i {
  font-family: "Playfair Display", sans-serif;
  font-size: 40px;
  font-weight: 700;
}

.biolife-banner__promotion2 .text-content .third-line {
  font-size: 15px;
  line-height: 24px;
  color: #666666;
  display: block;
  margin: 9px 0 0;
}

.biolife-banner__promotion2 .text-content .buttons {
  margin: 28px 0 0;
}

.biolife-banner__promotion2 .text-content .btn {
  min-width: 147px;
  padding: 14px 14px 13px;
}

.biolife-banner__promotion2 .text-content .btn-thin {
  min-width: 177px;
  border-color: #ededed;
  padding: 12px 12px 11px;
  margin-left: 19px;
  vertical-align: top;
}

.biolife-banner__promotion2.advance .text-content .second-line i {
  font-weight: 600;
  font-style: normal;
  font-family: "Cairo", sans-serif;
  text-transform: uppercase;
}

.biolife-banner__promotion3 {
  display: block;
  clear: both;
  height: 451px;
  background: url("../images/home-03/promotion_bg_green-version.jpg");
  border-bottom: 1px solid #e6e6e6;
  background-position: center center;
  background-size: cover;
  position: relative;
}

.biolife-banner__promotion3 .media .position-1 {
  position: absolute;
  left: 41%;
  top: 17px;
  z-index: 5;
  display: inline-block;
}

.biolife-banner__promotion3 .text-content {
  padding-top: 92px;
}

.biolife-banner__promotion3 .text-content .first-line {
  font-size: 30px;
  line-height: 1;
  display: block;
  margin: 0;
  max-width: 300px;
}

.biolife-banner__promotion3 .text-content .second-line {
  display: block;
  margin: 6px 0 0;
  font-size: 40px;
  line-height: 1;
  color: #222222;
  font-weight: 600;
  max-width: 300px;
  text-transform: uppercase;
}

.biolife-banner__promotion3 .text-content .third-line {
  display: block;
  margin: 18px 0 0;
  color: #666666;
  font-size: 15px;
  line-height: 24px;
  max-width: 400px;
}

.biolife-banner__promotion3 .product-detail {
  display: block;
  font-size: 0;
  line-height: 0;
  margin-top: 30px;
}

.biolife-banner__promotion3 .product-detail .txt-price {
  display: inline-block;
  line-height: 1;
  margin: 0 29px 0 0;
  font-size: 30px;
  color: #222222;
  font-weight: 700;
  vertical-align: middle;
}

.biolife-banner__promotion3 .product-detail .txt-price span {
  color: #888888;
  font-size: 14px;
  font-weight: 400;
  margin-right: 3px;
}

.biolife-banner__promotion3 .product-detail .add-to-cart-btn {
  display: inline-block;
  vertical-align: middle;
}

.biolife-banner__promotion4 {
  display: block;
  clear: both;
  background: url("../images/home-04/banner-promotion01.jpg");
  background-position: center center;
  background-size: cover;
  height: 650px;
  font-size: 0;
  line-height: 0;
}

.biolife-banner__promotion4 .banner-contain {
  display: block;
  position: relative;
}

.biolife-banner__promotion4 .img-moving {
  display: inline-block;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
}

.biolife-banner__promotion4 .position-1 {
  left: 37%;
  top: 68px;
}

.biolife-banner__promotion4 .position-2 {
  left: 64%;
  top: 17px;
  z-index: 5;
  margin-left: 3px;
}

.biolife-banner__promotion4 .text-content {
  display: inline-block;
  text-align: center;
  max-width: 430px;
  position: absolute;
  top: 189px;
  left: 0;
  z-index: 10;
}

.biolife-banner__promotion4 .text-content .first-line {
  font-size: 50px;
  line-height: 50px;
  color: #222222;
  font-weight: 600;
  display: block;
  margin: 0;
}

.biolife-banner__promotion4 .biolife-countdown {
  margin-top: 23px;
}

.biolife-banner__promotion4:not(.v2) .biolife-countdown>span {
  border: none;
}

.biolife-banner__promotion4 .biolife-countdown>span {
  padding: 10px 5px 12px;
}

.biolife-banner__promotion4 .buttons {
  margin: 0;
}

.biolife-banner__promotion4 .buttons .btn.btn-bold {
  padding: 13px;
  min-width: 188px;
  margin-top: 35px;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

.biolife-banner__promotion4 .buttons .btn.green-btn:not(:hover) {
  background-color: var(--primary-green);
}

.biolife-banner__promotion4.v2 {
  height: 450px;
  background: #fafafa;
}

.biolife-banner__promotion4.v2 .sub-line {
  font-size: 24px;
  color: #f79822;
  line-height: 1;
  display: block;
  margin: 0;
}

.biolife-banner__promotion4.v2 .text-content .first-line {
  margin-top: 9px;
}

.biolife-banner__promotion4.v2 .position-1 {
  left: auto;
  right: -58px;
  top: 0;
  overflow: hidden;
}

.biolife-banner__promotion4.v2 .position-2 {
  left: auto;
  right: 0;
  top: 35px;
}

.biolife-banner__promotion6,
.biolife-banner__promotion5 {
  display: block;
  clear: both;
  font-size: 0;
  line-height: 0;
}

.biolife-banner__promotion6 .banner-contain,
.biolife-banner__promotion5 .banner-contain {
  position: relative;
  display: block;
}

.biolife-banner__promotion5 .banner-contain .media {
  display: block;
  height: 630px;
  background-image: url("../images/home-02/banner-promotion-5.jpg");
  background-size: cover;
  background-repeat: no-repeat;
}

.biolife-banner__promotion6 .media .img-moving,
.biolife-banner__promotion5 .media .img-moving {
  position: absolute;
  top: -70px;
  right: 4%;
  margin-right: -7px;
  z-index: 1;
}

.biolife-banner__promotion5 .media .img-moving img {
  -webkit-animation: move-around-reverse 9s linear 0.2s infinite;
  animation: move-around-reverse 9s linear 0.2s infinite;
}

.biolife-banner__promotion5 .media .position-2 {
  top: 43px;
  right: 50%;
  margin-right: 1px;
  z-index: 2;
}

.biolife-banner__promotion5 .media .position-2 img {
  -webkit-animation: move-around 8.5s linear infinite;
  animation: move-around 8.5s linear infinite;
}

.biolife-banner__promotion5 .text-content {
  display: inline-block;
  position: absolute;
  right: 64%;
  text-align: center;
  max-width: 310px;
  top: 155px;
  margin-right: 6px;
  z-index: 15;
}

.biolife-banner__promotion5 .text-content .text1 {
  font-size: 30px;
  font-family: "Playfair Display", sans-serif;
  color: #ffffff;
  display: block;
  margin: 0;
  line-height: 1;
}

.biolife-banner__promotion5 .text-content .text2 {
  display: block;
  font-size: 60px;
  line-height: 55px;
  margin: 26px 0 0;
  color: #ffffff;
}

.biolife-banner__promotion5 .text-content .buttons .btn {
  min-width: 177px;
  margin-top: 24px;
  padding: 14px 10px 13px;
}

.biolife-banner__promotion6 .banner-contain .media {
  display: block;
  height: 769px;
  background-image: url("../images/home-01/bn-promotion-6.png");
  background-size: cover;
  background-repeat: no-repeat;
}

.biolife-banner__promotion6 .banner-contain .text-content {
  position: absolute;
  top: 30%;
  left: 20%;
  display: inline-block;
  max-width: 400px;
  text-align: center;
  margin-top: -5px;
  margin-left: 13px;
  z-index: 10;
}

.biolife-banner__promotion6 .text-content .text1 {
  color: #ffffff;
  font-size: 30px;
  display: block;
  margin: 0;
  line-height: 1;
  font-family: "Playfair Display", sans-serif;
  font-weight: 400;
}

.biolife-banner__promotion6 .text-content .text2 {
  font-size: 60px;
  color: #ffffff;
  font-weight: 700;
  display: block;
  margin: 27px 0 0;
  line-height: 55px;
  text-transform: uppercase;
}

.biolife-banner__promotion6 .text-content .buttons {
  display: block;
  margin: 39px 0 0;
}

.biolife-banner__promotion6 .text-content .btn-thin {
  color: #ffffff;
  min-width: 148px;
  padding: 11px 10px 10px;
  font-size: 15px;
}

.biolife-banner__promotion6 .media .img-moving.position-1 {
  right: 20%;
  top: auto;
  bottom: -15px;
  margin-right: -12px;
}

.biolife-banner__promotion6 .media .img-moving.position-1 img {
  -webkit-animation: move-around-reverse 9s linear 0.2s infinite;
  animation: move-around-reverse 9s linear 0.2s infinite;
}

.biolife-banner__promotion6 .media .img-moving.position-2 {
  right: 18%;
  bottom: 40px;
  top: auto;
  margin-right: -13px;
}

.biolife-banner__promotion6 .media .img-moving.position-2 img {
  -webkit-animation: move-around 8.5s linear infinite;
  animation: move-around 8.5s linear infinite;
}

.biolife-title-box__bold-style {
  display: block;
  margin: 0 0 38px;
  text-align: left;
  font-size: 0;
  line-height: 0;
  padding-right: 75px;
}

.biolife-title-box__bold-style-02 .title,
.biolife-title-box__bold-style .title {
  font-size: 30px;
  line-height: 1;
  display: inline-block;
  color: #000000;
  font-weight: 700;
  margin: 0;
}

.biolife-title-box__bold-style-02 {
  display: block;
  margin: 0 0 27px;
  text-align: left;
  font-size: 0;
  line-height: 0;
}

.biolife-title-box__bold-style-02 .title {
  font-size: 22px;
}

.biolife-title-box__under-line {
  display: inline-block;
  width: 100%;
  text-align: left;
  border-bottom: 2px solid #e6e6e6;
  line-height: 0;
  font-size: 0;
  padding-bottom: 16px;
  margin-bottom: 20px;
}

.biolife-title-box__under-line .title {
  font-size: 24px;
  line-height: 1;
  display: inline-block;
  margin: 0;
  color: #222222;
  font-weight: 700;
}

.biolife-title-box__bgrd-bold {
  display: block;
  text-align: left;
  margin-top: 73px;
  margin-bottom: 18px;
}

.biolife-title-box__bgrd-bold .title {
  display: inline-block;
  margin: 0;
  font-size: 40px;
  color: #ffffff;
  line-height: 1;
  background-image: url(../images/home-01/bg_bold-title.png);
  background-repeat: no-repeat;
  background-size: cover;
  min-width: 314px;
  padding: 14px 35px 25px 43px;
  font-weight: 700;
  background-position: center;
}

.biolife-countdown {
  display: block;
  font-size: 0;
  line-height: 0;
  margin: 10px 0 0;
  text-align: center;
}

.biolife-countdown>span {
  display: inline-block;
  border: 1px solid #e6e6e6;
  border-radius: 3px;
  background-color: #ffffff;
  text-align: center;
  min-width: 57px;
  font-size: 0;
  line-height: 0;
  padding: 9px 5px 11px;
}

.biolife-countdown>span+span {
  margin-left: 9px;
}

.biolife-countdown .number {
  display: block;
  font-size: 20px;
  line-height: 1;
  font-weight: 700;
  color: #222222;
}

.biolife-countdown .text {
  font-size: 13px;
  line-height: 1;
  color: #666666;
  font-weight: 400;
  display: block;
  text-transform: uppercase;
  margin-top: 2px;
}

.contain-product__deal-layout {
  border: 2px solid #ff810f;
  padding: 17px 18px 29px;
  background-color: #fafafa;
}

.contain-product.contain-product__deal-layout .product-thumb .labels {
  left: 0;
  top: 0;
}

.contain-product.contain-product__deal-layout .product-thumb {
  padding: 0;
}

.contain-product__deal-layout .info .categories {
  margin-top: 19px;
}

.contain-product__deal-layout .info .price {
  margin-bottom: 11px;
}

.contain-product__deal-layout .slide-down-box .message {
  padding: 0 25px;
}

.contain-product__deal-layout .slide-down-box .buttons .add-to-cart-btn {
  padding: 16px 10px 17px;
}

.biolife-carousel.nav-center-03 .slick-arrow,
.biolife-carousel.nav-top-right .slick-arrow {
  font-size: 33px;
  display: inline-block;
  position: absolute;
  top: -64px;
  right: 0;
  z-index: 3;
  color: rgba(102, 102, 102, 0.2);
}

.biolife-carousel.nav-center-03 .slick-arrow:hover,
.biolife-carousel.nav-top-right .slick-arrow:hover {
  color: #7faf51;
}

.biolife-carousel.nav-top-right .slick-arrow.prev {
  right: 41px;
}

.biolife-carousel.nav-center-03 .slick-arrow {
  top: 50%;
  margin-top: -17px;
  right: 0;
  left: auto;
  -webkit-transform: translateX(-20px);
  -moz-transform: translateX(-20px);
  -ms-transform: translateX(-20px);
  -o-transform: translateX(-20px);
  transform: translateX(-20px);
  opacity: 0;
  filter: alpha(opacity=0);
  visibility: hidden;
  -webkit-transition: all 350ms ease;
  -moz-transition: all 350ms ease;
  -o-transition: all 350ms ease;
  transition: all 350ms ease;
}

.biolife-carousel.nav-center-03 .slick-arrow.prev {
  right: auto;
  left: 0;
  -webkit-transform: translateX(20px);
  -moz-transform: translateX(20px);
  -ms-transform: translateX(20px);
  -o-transform: translateX(20px);
  transform: translateX(20px);
}

.biolife-carousel.nav-center-03:hover .slick-arrow.prev,
.biolife-carousel.nav-center-03:hover .slick-arrow {
  opacity: 1;
  filter: alpha(opacity=100);
  visibility: visible;
  -webkit-transform: translateX(0);
  -moz-transform: translateX(0);
  -ms-transform: translateX(0);
  -o-transform: translateX(0);
  transform: translateX(0);
}

.biolife-carousel.nav-top-right-02 {
  position: relative;
}

.biolife-carousel.nav-top-right-02 .slick-arrow {
  display: block;
  position: absolute;
  font-size: 0;
  line-height: 0;
  top: -45px;
  right: 0;
  cursor: pointer;
}

.biolife-carousel.nav-top-right-02 .slick-arrow::before {
  font-family: "FontAwesome", sans-serif;
  content: "\f105";
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  font-size: 20px;
  color: #666666;
  line-height: 1;
}

.biolife-carousel.nav-top-right-02 .slick-arrow:hover::before {
  color: #aea705;
}

.biolife-carousel.nav-top-right-02 .slick-arrow.prev {
  right: 21px;
}

.biolife-carousel.nav-top-right-02 .slick-arrow.prev::before {
  content: "\f104";
}

.contain-product__right-info-layout.contain-product .product-thumb {
  padding: 0;
}

.contain-product__right-info-layout {
  padding: 9px 10px 10px;
  display: table;
  table-layout: fixed;
  width: 100%;
  border: 1px solid #e6e6e6;
}

.contain-product__right-info-layout .info,
.contain-product__right-info-layout .product-thumb {
  display: table-cell;
  vertical-align: top;
}

.contain-product__right-info-layout .product-thumb {
  width: 170px;
}

.contain-product__right-info-layout .info {
  padding-left: 10px;
  padding-top: 4px;
}

.contain-product__right-info-layout .info .price,
.contain-product__right-info-layout .info .product-title,
.contain-product__right-info-layout .info .categories {
  text-align: left;
}

.contain-product__right-info-layout .info .price {
  margin-bottom: 3px;
}

.contain-product__right-info-layout .info .rating {
  font-size: 14px;
}

.contain-product__right-info-layout .info .rating .star-rating {
  vertical-align: middle;
}

.contain-product__right-info-layout2 {
  display: table;
  width: 100%;
}

.contain-product__right-info-layout2 .product-thumb,
.contain-product__right-info-layout2 .info {
  display: table-cell;
  vertical-align: top;
}

.contain-product__right-info-layout2 .product-thumb {
  width: 100px;
  padding: 0 !important;
}

.contain-product__right-info-layout2 .info {
  padding-left: 10px;
  text-align: left;
}

.contain-product__right-info-layout2 .info .product-title {
  text-align: left;
}

.contain-product__right-info-layout2 .info .price {
  text-align: left;
  margin-bottom: 3px;
}

.contain-product__right-info-layout2 .info .star-rating {
  vertical-align: middle;
}

.contain-product__right-info-layout2 .info .review-count {
  font-size: 14px;
  line-height: 24px;
  display: inline-block;
  vertical-align: middle;
}

.contain-product__right-info-layout2.wgt-style .rating .star-rating>span::before,
.contain-product__right-info-layout2.wgt-style .rating .star-rating::before {
  font-size: 14px;
}

.contain-product__right-info-layout2.cate .info .cat-info {
  display: block;
  font-size: 0;
  line-height: 0;
  margin-top: 7px;
}

.contain-product__right-info-layout2.cate .cat-info .cat-item {
  font-size: 15px;
  color: #888888;
  line-height: 1;
  text-transform: capitalize;
  display: inline-block;
  margin: 0 10px 0 0;
}

.contain-product__right-info-layout3 {
  display: table;
  margin: 0;
  width: 100%;
  padding: 10px 18px 18px 10px;
  position: relative;
  background-color: #ffffff;
}

.contain-product__right-info-layout3 .info,
.contain-product__right-info-layout3 .product-thumb {
  display: table-cell;
  vertical-align: top;
}

.contain-product__right-info-layout3 .product-thumb {
  width: 130px !important;
  padding: 0 !important;
}

.contain-product__right-info-layout3 .info {
  padding-left: 10px;
  padding-top: 6px;
}

.contain-product__right-info-layout3 .info .product-title {
  margin: 0;
  font-size: 18px;
  color: #222222;
  line-height: 1;
  font-weight: 600;
  display: inline-block;
  max-width: calc(100% - 150px);
  padding-top: 2px;
}

.contain-product__right-info-layout3 .info .product-title a {
  color: inherit;
  line-height: inherit;
  font-size: inherit;
  display: inline-block;
}

.contain-product__right-info-layout3 .info .price {
  display: inline-block;
  max-width: 150px;
  text-align: right;
  float: right;
  margin: 0;
}

.contain-product__right-info-layout3 .info .price ins .price-amount {
  font-size: 26px;
}

.contain-product__right-info-layout3 .info .price del {
  margin-left: 13px;
}

.contain-product__right-info-layout3 .info .price del .price-amount {
  font-size: 0.8vw;
}

.contain-product__right-info-layout3 .info .rating {
  display: block;
  margin: 0;
  text-align: left;
}

.contain-product__right-info-layout3 .info .rating {
  margin-top: 7px;
  margin-bottom: 9px;
}

.contain-product__right-info-layout3 .info .rating .review-count {
  display: inline-block;
  font-size: 14px;
  color: #666666;
  line-height: 24px;
  vertical-align: top;
}

.contain-product__right-info-layout3 .info .desc {
  display: block;
  margin: 0;
  color: #666666;
  font-size: 14px;
  line-height: 20px;
  border-top: 1px dashed #666666;
  padding-top: 10px;
}

.contain-product__right-info-layout3 .info .buttons {
  display: block;
  margin: 0;
  font-size: 0;
  line-height: 0;
  padding: 0 0 20px 150px;
  background-color: #ffffff;
}

.contain-product__right-info-layout3 .buttons .btn {
  display: inline-block;
  font-size: 15px;
  line-height: 1px;
  color: #888888;
  text-align: center;
  vertical-align: middle;
  padding: 12px 7px;
  border-radius: 0;
  box-shadow: none;
  outline: none;
}

.contain-product__right-info-layout3 .buttons .btn:hover {
  color: var(--primary-black);
}

.contain-product__right-info-layout3 .buttons .add-to-cart-btn {
  font-size: 14px;
  line-height: 1;
  color: #ffffff;
  text-transform: uppercase;
  border-radius: 9999px;
  font-weight: 700;
  min-width: 168px;
  padding: 16px 15px 15px;
  margin-right: 11px;
}

.contain-product__right-info-layout3 .buttons .add-to-cart-btn:hover {
  color: #ffffff;
  background-color: var(--primary-black);
}

.biolife-banner__style-15,
.biolife-banner__style-01 {
  display: block;
  height: 207px;
  background-image: url(../images/home-03/biolife-banner__style-01.jpg);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  overflow: hidden;
  margin-top: 30px;
}

.biolife-banner__style-01.opt2 {
  background-image: url(../images/home-03/biolife-banner__style-01_opt2.jpg);
  background-position: center right;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  overflow: hidden;
  margin-top: 30px;
}

.biolife-banner__style-15 .bn-link,
.biolife-banner__style-01 .bn-link {
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 3;
}

.biolife-banner__style-15 .text-content,
.biolife-banner__style-01 .text-content {
  display: inline-block;
  position: absolute;
  top: 39px;
  right: 0;
  z-index: 5;
  font-size: 0;
  line-height: 1;
  width: 268px;
}

.biolife-banner__style-15 .text-content .first-line,
.biolife-banner__style-01 .text-content .first-line {
  display: block;
  margin: 0;
  font-size: 15px;
  line-height: 1;
  color: #666666;
  text-transform: uppercase;
}

.biolife-banner__style-15 .text-content .third-line,
.biolife-banner__style-15 .text-content .second-line,
.biolife-banner__style-01 .text-content .third-line,
.biolife-banner__style-01 .text-content .second-line {
  font-size: 30px;
  color: #222222;
  text-transform: uppercase;
  font-weight: 700;
  display: block;
  margin: 7px 0 0;
}

.biolife-banner__style-15 .text-content .third-line,
.biolife-banner__style-01 .text-content .third-line {
  font-family: "Playfair Display", sans-serif;
  text-transform: unset;
  margin-top: -2px;
}

.biolife-banner__style-15 .text-content .fourth-line,
.biolife-banner__style-01 .text-content .fourth-line {
  font-size: 14px;
  color: #666666;
  line-height: 1;
  display: block;
  text-transform: uppercase;
  margin: 14px 0 0;
}

.biolife-banner__style-15 {
  background: url("../images/home-05/bn_style-15.jpg");
  height: 200px;
  background-size: cover;
}

.biolife-banner__style-15 .text-content {
  right: 33px;
}

.biolife-stretch-the-right-background {
  position: relative;
  height: 450px;
}

.biolife-stretch-the-right-background>* {
  position: relative;
  z-index: 5;
}

.biolife-stretch-the-right-background>.bg_underground {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
  background-repeat: no-repeat;
  background-size: cover;
}

.biolife-brd-container {
  text-align: center;
}

.biolife-brd-container img {
  display: inline-block;
}

.style-bottom-info.layout-02 .thumbnail {
  border: none;
  padding: 0;
  margin: 0;
  font-size: 0;
  line-height: 0;
  border-radius: 0;
  position: relative;
}

.style-bottom-info.layout-02 .thumbnail .post-date {
  display: inline-block;
  position: absolute;
  left: 10px;
  top: 9px;
  background-color: #ededed;
  border-radius: 50%;
  min-width: 53px;
  padding: 8px 5px 9px;
  opacity: 1;
  filter: alpha(opacity=100);
  visibility: visible;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

.style-bottom-info.layout-02 .thumbnail .post-date span {
  display: block;
  font-size: 14px;
  color: #ffffff;
  line-height: 18px;
  text-align: center;
  text-transform: uppercase;
  font-weight: 700;
}

.style-bottom-info.layout-02 .post-content .post-name {
  font-weight: 700;
  color: #222222;
  font-size: 22px;
}

.style-bottom-info.layout-02 .post-meta {
  display: block;
  font-size: 0;
  line-height: 0;
  margin: 16px 0 0;
  text-align: center;
}

.style-bottom-info.layout-02 .post-meta__item {
  display: inline-block;
  line-height: 24px;
  font-size: 15px;
}

.style-bottom-info.layout-02 .post-meta__item.author {
  color: #222222;
  font-weight: 600;
  margin-right: 36px;
}

.style-bottom-info.layout-02 .post-meta__item.btn {
  font-size: 14px;
  line-height: 24px;
  color: #666666;
  padding: 0;
  vertical-align: inherit;
  margin-right: 8px;
}

.style-bottom-info.layout-02 .post-meta__item.author img {
  display: inline-block;
  font-size: 0;
  line-height: 0;
  margin-right: 8px;
}

.style-bottom-info.layout-02 .post-meta__item>.btn {
  font-size: 14px;
  color: #666666;
  padding: 0;
  font-weight: 600;
}

.style-bottom-info.layout-02 .post-meta__item .biolife-icon {
  font-size: 0.8vw;
  margin-left: 6px;
  vertical-align: middle;
}

.style-bottom-info.layout-02 .post-meta__item-social-box {
  font-size: 17px;
  color: #666666;
  position: relative;
}

.style-bottom-info.layout-02 .post-meta__item-social-box .tbn {
  display: inline-block;
}

.style-bottom-info.layout-02 .post-meta__item-social-box ul {
  padding: 0;
  margin: 0;
}

.style-bottom-info.layout-02 .post-meta__item-social-box li {
  list-style: none;
  display: inline-block;
  color: #666666;
  line-height: 1;
}

.style-bottom-info.layout-02 .post-meta__item-social-box li+li {
  margin-left: 5px;
}

.style-bottom-info.layout-02 .post-meta__item-social-box li a {
  color: inherit;
  display: inline-block;
}

.style-bottom-info.layout-02 .post-meta__item-social-box .inner-content {
  display: inline-block;
  position: absolute;
  bottom: 100%;
  left: 50%;
  width: 124px;
  margin-left: -62px;
  background-color: #f0f0f0;
  padding: 5px;
  z-index: 5;
  -webkit-transform: scaleY(0);
  -moz-transform: scaleY(0);
  -ms-transform: scaleY(0);
  -o-transform: scaleY(0);
  transform: scaleY(0);
  -webkit-transition: all 350ms ease;
  -moz-transition: all 350ms ease;
  -o-transition: all 350ms ease;
  transition: all 350ms ease;
  opacity: 0;
  filter: alpha(opacity=0);
  visibility: hidden;
}

.style-bottom-info.layout-02 .post-meta__item-social-box:hover .inner-content {
  -webkit-transform: scaleY(1);
  -moz-transform: scaleY(1);
  -ms-transform: scaleY(1);
  -o-transform: scaleY(1);
  transform: scaleY(1);
  opacity: 1;
  filter: alpha(opacity=100);
  visibility: visible;
}

.style-bottom-info.layout-02 .post-content .excerpt {
  margin-top: 8px;
}

.style-bottom-info.layout-02 .post-content {
  padding-left: 3px;
  padding-right: 3px;
}

.style-bottom-info.layout-02 .group-buttons .btn.readmore {
  background-color: transparent;
  padding: 0;
  border-radius: 0;
  border: none;
}

.style-bottom-info.layout-02 .group-buttons .btn.readmore:hover {
  color: var(--primary-black);
  background-color: transparent;
}

.style-bottom-info.layout-02 .post-content .group-buttons {
  margin-top: 16px;
  margin-bottom: 20px;
}

.style-bottom-info.layout-02.align-left .post-content .post-name {
  margin-top: 13px;
  font-size: 17px;
  line-height: 24px;
}

.style-bottom-info.layout-02.align-left .post-meta {
  text-align: right;
  margin-top: 21px;
}

.style-bottom-info.layout-02.align-left .post-meta__item.author {
  float: left;
}

.style-bottom-info.layout-02.align-left .post-meta__item-social-box .inner-content {
  left: auto;
  right: 1px;
  margin: 0;
}

.style-bottom-info.layout-02.align-left {
  text-align: left;
  padding-bottom: 20px;
}

.style-bottom-info.layout-03 .thumbnail {
  padding: 0;
  display: block;
  margin: 0;
  font-size: 0;
  line-height: 0;
  position: relative;
  overflow: hidden;
  border: none;
  border-radius: 0;
}

.style-bottom-info.layout-03 .thumbnail .post-date {
  display: inline-block;
  position: absolute;
  top: 10px;
  left: 10px;
  min-width: 64px;
  background-color: var(--primary-black);
  border-radius: 50%;
  padding: 13px 5px 12px;
}

.style-bottom-info.layout-03 .thumbnail .post-date span {
  display: block;
  margin: 0;
  color: #f3f3f3;
  font-size: 20px;
  font-weight: 700;
  text-transform: uppercase;
  text-align: center;
  line-height: 1;
}

.style-bottom-info.layout-03 .thumbnail .post-date .month {
  font-size: 13px;
  font-weight: 600;
  margin-top: 6px;
}

.style-bottom-info.layout-03 .post-content {
  background-color: #ffffff;
  display: inline-block;
  width: 100%;
  padding-left: 18px;
  padding-right: 18px;
  padding-bottom: 38px;
}

.style-bottom-info.layout-03 .post-content .post-name {
  margin-top: 17px;
  font-size: 20px;
  line-height: 24px;
  font-weight: 700;
}

.style-bottom-info.layout-03 .post-content .post-meta {
  display: inline-block;
  width: 100%;
  margin-top: 9px;
  border-bottom: 1px solid #e6e6e6;
  padding-bottom: 13px;
}

.style-bottom-info.layout-03 .post-meta .count-number:hover {
  color: #333333;
}

.style-bottom-info.layout-03 .post-meta .count-number:hover .number {
  background-color: #333333 !important;
}

.style-bottom-info.layout-03 .post-meta__item {
  display: inline-block;
  font-size: 14px;
  line-height: 1;
  color: #666666;
  margin: 0;
}

.style-bottom-info.layout-03 .post-meta__item a {
  color: #222222;
}

.style-bottom-info.layout-03 .post-meta .count-number {
  font-size: 15px;
}

.style-bottom-info.layout-03 .post-content .excerpt {
  font-size: 14px;
  margin: 23px 0 0;
}

.style-bottom-info.layout-03 .post-content .group-buttons {
  margin-top: 20px;
}

.style-bottom-info.layout-03 .group-buttons .btn.readmore {
  border: none;
  display: inline-block;
  padding: 0;
  margin: 0;
  border-radius: 0;
  background-color: transparent;
}

.style-bottom-info.layout-03 .group-buttons .btn.readmore:hover {
  border: none;
  background: transparent;
  color: #333333;
}

.biolife-vertical-menu .vertical-category-block>.wrap-menu>.menu {
  padding: 8px 0 15px;
  margin: 0;
}

.biolife-banner__style-14,
.biolife-banner__style-13,
.biolife-banner__style-10,
.biolife-banner__style-09,
.biolife-banner__style-08,
.biolife-banner__style-04,
.biolife-banner__style-03,
.biolife-banner__style-02 {
  display: block;
  font-size: 0;
  line-height: 0;
  overflow: hidden;
  position: relative;
  height: 250px;
  background-color: #c4a8d5;
  background-position: top left;
  background-size: initial;
}

.biolife-banner__style-14 .media,
.biolife-banner__style-13 .media,
.biolife-banner__style-10 .media,
.biolife-banner__style-09 .media,
.biolife-banner__style-08 .media,
.biolife-banner__style-04 .media,
.biolife-banner__style-03 .media,
.biolife-banner__style-02 .media {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 5;
  display: inline-block;
  -webkit-transition: transform 350ms ease;
  -moz-transition: transform 350ms ease;
  -ms-transition: transform 350ms ease;
  -o-transition: transform 350ms ease;
  transition: transform 350ms ease;
}

.biolife-banner__style-14:hover .media,
.biolife-banner__style-13:hover .media,
.biolife-banner__style-10:hover .media,
.biolife-banner__style-09:hover .media,
.biolife-banner__style-08:hover .media,
.biolife-banner__style-04:hover .media,
.biolife-banner__style-03:hover .media,
.biolife-banner__style-02:hover .media {
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -o-transform: scale(1.1);
  transform: scale(1.1);
}

.biolife-banner__style-14::before,
.biolife-banner__style-13::before,
.biolife-banner__style-04::before,
.biolife-banner__style-03::before,
.biolife-banner__style-02::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.2);
  z-index: 2;
  opacity: 0;
  filter: alpha(opacity=0);
  visibility: hidden;
  -webkit-transition: all 350ms ease;
  -moz-transition: all 350ms ease;
  -ms-transition: all 350ms ease;
  -o-transition: all 350ms ease;
  transition: all 350ms ease;
}

.biolife-banner__style-14:hover::before,
.biolife-banner__style-13:hover::before,
.biolife-banner__style-04:hover::before,
.biolife-banner__style-03:hover::before,
.biolife-banner__style-02:hover::before {
  opacity: 1;
  filter: alpha(opacity=100);
  visibility: visible;
}

.biolife-banner__style-14 .text-content,
.biolife-banner__style-13 .text-content,
.biolife-banner__style-10 .text-content,
.biolife-banner__style-09 .text-content,
.biolife-banner__style-08 .text-content,
.biolife-banner__style-04 .text-content,
.biolife-banner__style-03 .text-content,
.biolife-banner__style-02 .text-content {
  position: absolute;
  right: 0;
  top: 0;
  z-index: 8;
  display: inline-block;
  text-align: center;
}

.biolife-banner__style-02 .media {
  top: 13px;
  left: -8px;
}

.biolife-banner__style-13 .text-content,
.biolife-banner__style-08 .text-content,
.biolife-banner__style-02 .text-content {
  width: 187px;
  top: 58px;
}

.biolife-banner__style-13 .text1,
.biolife-banner__style-08 .text1,
.biolife-banner__style-02 .text1 {
  color: #eeeeee;
  font-family: "Playfair Display", sans-serif;
  font-size: 20px;
  line-height: 1;
  display: block;
  margin: 0;
}

.biolife-banner__style-13 .text2,
.biolife-banner__style-08 .text2,
.biolife-banner__style-02 .text2 {
  font-size: 30px;
  line-height: 30px;
  display: block;
  margin: 12px 0 0;
  color: #ffffff;
  text-transform: uppercase;
  font-weight: 700;
}

.biolife-banner__style-13 .text-content {
  right: 20px;
}

.biolife-banner__style-13 .media {
  top: 16px;
  left: 20px;
}

.biolife-banner__style-14,
.biolife-banner__style-03 {
  background-color: #f6919c;
}

.biolife-banner__style-03 .media {
  top: 25px;
  left: -9px;
}

.biolife-banner__style-14 .text-content,
.biolife-banner__style-09 .text-content,
.biolife-banner__style-03 .text-content {
  top: 93px;
  width: 190px;
}

.biolife-banner__style-14 .text3,
.biolife-banner__style-14 .text1,
.biolife-banner__style-09 .text3,
.biolife-banner__style-09 .text1,
.biolife-banner__style-03 .text3,
.biolife-banner__style-03 .text1 {
  font-size: 21px;
  color: #ffffff;
  text-transform: uppercase;
  display: block;
  margin: 0;
  font-weight: 600;
  text-align: center;
  line-height: 1;
  letter-spacing: 1px;
}

.biolife-banner__style-14 .text2,
.biolife-banner__style-09 .text2,
.biolife-banner__style-03 .text2 {
  font-size: 30px;
  line-height: 1;
  font-weight: 700;
  text-transform: uppercase;
  color: #ffffff;
  display: block;
  margin: 10px 0 0;
}

.biolife-banner__style-14 .text3,
.biolife-banner__style-09 .text3,
.biolife-banner__style-03 .text3 {
  margin-top: 7px;
}

.biolife-banner__style-14 .media {
  top: 25px;
  left: 4px;
}

.biolife-banner__style-04 {
  background-color: #f6f1de;
}

.biolife-banner__style-10 .media,
.biolife-banner__style-04 .media {
  top: 22px;
  left: 28px;
}

.biolife-banner__style-10 .text-content,
.biolife-banner__style-04 .text-content {
  width: 207px;
  top: 70px;
}

.biolife-banner__style-10 .text1,
.biolife-banner__style-04 .text1 {
  display: block;
  margin: 0;
  font-size: 28px;
  line-height: 30px;
  color: #000000;
  font-weight: 700;
  text-transform: uppercase;
}

.biolife-banner__style-10 .text2,
.biolife-banner__style-04 .text2 {
  font-size: 18px;
  line-height: 30px;
  color: #000000;
  display: block;
  margin: 2px 0 0;
  text-transform: uppercase;
  font-weight: 600;
}

.biolife-banner__style-10 .text2 span,
.biolife-banner__style-04 .text2 span {
  font-weight: 700;
}

.biolife-banner__style-08,
.biolife-banner__style-09,
.biolife-banner__style-10 {
  background-color: #f0f8eb;
  height: 185px;
}

.biolife-banner__style-10 .media,
.biolife-banner__style-09 .media,
.biolife-banner__style-08 .media {
  top: 0;
  left: 0;
}

.biolife-banner__style-10 .text-content,
.biolife-banner__style-09 .text-content,
.biolife-banner__style-08 .text-content {
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}

.biolife-banner__style-08 .text1,
.biolife-banner__style-09 .text1,
.biolife-banner__style-09 .text3 {
  color: #666666;
}

.biolife-banner__style-08 .text2,
.biolife-banner__style-09 .text2 {
  color: #222222;
}

.biolife-banner__style-10 .text2 span {
  color: #508d00;
}

.biolife-banner__style-05,
.biolife-banner__style-06,
.biolife-banner__style-07 {
  display: block;
  font-size: 0;
  line-height: 0;
}

.biolife-banner__style-05 .banner-contain,
.biolife-banner__style-06 .banner-contain,
.biolife-banner__style-07 .banner-contain {
  position: relative;
  height: 230px;
  background-color: #f0f8eb;
  display: block;
}

.biolife-banner__style-06 .banner-contain {
  background-color: #f6f1de;
}

.biolife-banner__style-07 .banner-contain {
  background-color: #edf5fd;
}

.biolife-banner__style-05 .media,
.biolife-banner__style-06 .media,
.biolife-banner__style-07 .media {
  font-size: 0;
  display: inline-block;
  padding: 0;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
}

.biolife-banner__style-05 .btn-shopnow,
.biolife-banner__style-06 .btn-shopnow,
.biolife-banner__style-07 .btn-shopnow {
  display: inline-block;
  font-size: 14px;
  line-height: 1;
  color: #ffffff;
  min-width: 125px;
  text-align: center;
  border-radius: 999px;
  border: none;
  font-weight: 700;
  text-transform: uppercase;
  padding: 12px 10px 11px;
  margin: 12px 0 0;
}

.biolife-banner__style-05 .btn-shopnow:hover,
.biolife-banner__style-06 .btn-shopnow:hover,
.biolife-banner__style-07 .btn-shopnow:hover {
  background-color: var(--primary-black);
}

.biolife-banner__style-05 .text-content,
.biolife-banner__style-06 .text-content,
.biolife-banner__style-07 .text-content {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 2;
  text-align: left;
}

.biolife-banner__style-05 .text-content {
  max-width: 156px;
  padding-top: 50px;
}

.biolife-banner__style-05 .text-content .text1 {
  font-size: 20px;
  line-height: 24px;
  color: #222222;
  font-weight: 700;
  text-align: left;
  display: block;
  margin: 0;
  text-transform: uppercase;
}

.biolife-banner__style-07 .text-content .text-pr,
.biolife-banner__style-06 .text-content .text-pr,
.biolife-banner__style-05 .text-content .text-pr {
  display: block;
  margin: 6px 0 0;
  font-size: 24px;
  line-height: 24px;
  color: #222222;
  font-weight: 700;
}

.biolife-banner__style-07 .text-content .text-pr span,
.biolife-banner__style-06 .text-content .text-pr span,
.biolife-banner__style-05 .text-content .text-pr span {
  font-size: 14px;
  color: #666666;
  display: inline-block;
  font-weight: 400;
  margin-right: 4px;
}

.biolife-banner__style-05.layout-02 .text1 {
  font-size: 0.8vw;
  line-height: 22px;
}

.biolife-banner__style-05.layout-02 .text-content {
  max-width: 129px;
}

.biolife-banner__style-06.layout-02 .btn-shopnow,
.biolife-banner__style-05.layout-02 .btn-shopnow {
  color: #222222;
  min-width: 118px;
}

.biolife-banner__style-06.layout-02 .btn-shopnow:hover,
.biolife-banner__style-05.layout-02 .btn-shopnow:hover {
  color: #ffffff;
}

.biolife-banner__style-06 .text-content {
  width: 154px;
  padding-top: 45px;
}

.biolife-banner__style-06 .text-content .text2,
.biolife-banner__style-06 .text-content .text1 {
  display: block;
  margin: 0;
  font-size: 14px;
  line-height: 24px;
  color: #000000;
  font-weight: 700;
  text-transform: uppercase;
}

.biolife-banner__style-06 .text-content .text2 {
  font-size: 24px;
  margin-top: -3px;
  margin-bottom: 7px;
}

.biolife-banner__style-06.layout-02 .text-content {
  width: 124px;
}

.biolife-banner__style-07 .text-content {
  width: 154px;
  padding-top: 49px;
}

.biolife-banner__style-07 .text-content .text1 {
  font-size: 26px;
  line-height: 24px;
  color: #000000;
  text-transform: uppercase;
  font-weight: 700;
  display: block;
  margin: 0;
  letter-spacing: 3px;
}

.biolife-banner__style-07 .text-content .text2 {
  font-size: 0.8vw;
  line-height: 24px;
  color: #666666;
  text-transform: uppercase;
  font-weight: 400;
  display: block;
  margin: 0;
}

.biolife-cat-box-item {
  display: block;
  font-size: 0;
  line-height: 0;
  overflow: hidden;
  text-align: center;
}

.biolife-cat-box-item .cat-thumb img {
  width: 100%;
  display: block;
}

.biolife-cat-box-item .cat-info {
  display: inline-block;
  border: 2px solid #e6e6e6;
  position: relative;
  margin-bottom: 10px;
  margin-top: -13px;
  background-color: #ffffff;
}

.biolife-cat-box-item .cat-name {
  font-size: 20px;
  line-height: 1;
  color: #222222;
  text-transform: uppercase;
  font-weight: 700;
  min-width: 164px;
  margin: 0;
  padding: 11px 10px 19px;
}

.biolife-cat-box-item .cat-number {
  font-size: 14px;
  color: #666666;
  font-family: "Playfair Display", sans-serif;
  font-style: italic;
  background-color: #ffffff;
  display: inline-block;
  min-width: 90px;
  line-height: 1;
  position: absolute;
  left: 50%;
  bottom: -6px;
  margin-left: -45px;
}

.products-list__vertical-layout {
  padding: 0;
  margin: 0;
  display: block;
  font-size: 0;
  line-height: 0;
}

.products-list__vertical-layout li {
  list-style: none;
  display: block;
  padding-bottom: 14px;
}

.products-list__vertical-layout li+li {
  padding-top: 15px;
  border-top: 1px solid #e6e6e6;
}

.products-list.vertical-layout-02 {
  display: block;
  clear: both;
  padding: 0;
  margin: 0;
  font-size: 0;
  line-height: 0;
  max-width: 600px;
  background-color: #ffffff;
}

.products-list.vertical-layout-02 li {
  display: block;
  list-style: none;
}

.products-category-box {
  position: relative;
  display: block;
  padding: 43px 100px 31px 40px;
}

.products-category-box .title {
  font-size: 30px;
  color: #222222;
  font-weight: 700;
  display: block;
  margin: 0 0 14px;
}

.grid-twice-item {
  display: block;
  clear: both;
  font-size: 0;
  line-height: 0;
  margin: 0;
  padding: 0;
}

.grid-twice-item>li {
  list-style: none;
  display: inline-block;
  width: calc(50% - 8px);
  float: left;
  margin-left: 16px;
}

.grid-twice-item>li:nth-child(odd) {
  clear: left;
  margin-left: 0;
}

.wrap-category {
  display: block;
  clear: both;
}

.biolife-banner__style-12 .banner-contain,
.biolife-banner__style-11 .banner-contain {
  display: table;
  width: 100%;
}

.biolife-banner__style-12 .banner-contain .media,
.biolife-banner__style-12 .banner-contain .text-content,
.biolife-banner__style-11 .banner-contain .media,
.biolife-banner__style-11 .banner-contain .text-content {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
}

.biolife-banner__style-11 .banner-contain .text-content,
.biolife-banner__style-12 .banner-contain .text-content {
  position: relative;
  background-color: #ff4f63;
  border-color: #ff4f63;
}

.biolife-banner__style-11 .banner-contain .text-content::before,
.biolife-banner__style-12 .banner-contain .text-content::before {
  display: block;
  position: absolute;
  left: -15px;
  top: 50%;
  margin-top: -16px;
  border-right: 16px solid #ff4f63;
  border-color: inherit;
  border-top: 16px solid transparent;
  border-bottom: 16px solid transparent;
  border-left: 0;
  content: "";
}

.biolife-banner__style-11 .banner-contain .text-content {
  background-color: #ffbc53;
  border-color: #ffbc53;
}

.biolife-banner__style-12 .banner-contain .media,
.biolife-banner__style-11 .banner-contain .media {
  width: 296px;
  padding-right: 15px;
}

.biolife-banner__style-12 .banner-contain .media .bn-link,
.biolife-banner__style-11 .banner-contain .media .bn-link {
  display: block;
  overflow: hidden;
}

.biolife-banner__style-11 .text3,
.biolife-banner__style-11 .text1 {
  font-size: 26px;
  font-weight: 600;
  color: #eeeeee;
  display: block;
  margin: 0;
  line-height: 1;
  text-transform: uppercase;
}

.biolife-banner__style-11 .text2 {
  font-size: 35px;
  display: block;
  line-height: 1;
  margin: 4px 0 3px;
  text-transform: uppercase;
  color: #ffffff;
  font-weight: 700;
}

.biolife-banner__style-11 .text4 {
  color: #ffffff;
  font-size: 37px;
  text-transform: uppercase;
  display: block;
  margin: 17px 0 0;
  line-height: 1;
  font-weight: 700;
}

.biolife-banner__style-11 .text4 span {
  font-size: 50px;
}

.biolife-banner__style-12 .btn,
.biolife-banner__style-11 .btn {
  min-width: 148px;
  font-size: 15px;
  font-weight: 700;
  color: #ffffff;
  text-transform: uppercase;
  text-align: center;
  outline: none;
  margin-top: 24px;
}

.biolife-banner__style-11 .btn.btn-bold:not(:hover),
.biolife-banner__style-12 .btn.btn-bold:not(:hover) {
  background-color: #7faf51;
}

.biolife-banner__style-11 .btn.btn-bold,
.biolife-banner__style-12 .btn.btn-bold {
  margin-top: 26px;
}

.biolife-banner__style-12 .btn:hover,
.biolife-banner__style-11 .btn:hover {
  background-color: var(--primary-black) !important;
  border-color: var(--primary-black) !important;
}

.biolife-banner__style-12 .text1 {
  font-size: 20px;
  color: #ffffff;
  display: block;
  margin: 0;
  line-height: 1;
  font-family: "Playfair Display", sans-serif;
}

.biolife-banner__style-12 .text2 {
  font-size: 30px;
  color: #ffffff;
  display: block;
  margin: 11px 0 0;
  line-height: 30px;
  text-transform: uppercase;
  font-weight: 700;
  padding: 0 40px;
}

#sidebar.mobile-version .sidebar-contain>div {
  clear: both;
}

#sidebar.mobile-version .sidebar-contain {
  max-width: 100%;
}

.instagram-block {
  display: block;
  position: relative;
  margin-top: 35px;
}

.instagram-block ul {
  padding: 0;
  display: block;
  margin: -6px;
  font-size: 0;
  line-height: 0;
}

.instagram-block ul li {
  list-style: none;
  display: inline-block;
  width: 33.333333%;
  padding: 6px;
}

.instagram-block ul li a,
.instagram-block ul li img {
  display: block;
  width: 100%;
}

.instagram-block .txt-infront {
  display: inline-block;
  position: absolute;
  top: 50%;
  left: 50%;
  background-color: rgba(255, 255, 255, 0.88);
  text-align: center;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  min-width: 149px;
  padding-top: 24px;
  padding-bottom: 29px;
  -webkit-transition: all 700ms ease;
  -moz-transition: all 700ms ease;
  -ms-transition: all 700ms ease;
  -o-transition: all 700ms ease;
  transition: all 700ms ease;
  opacity: 1;
  filter: alpha(opacity=100);
  visibility: visible;
}

.instagram-block .txt-infront .title {
  font-size: 18px;
  line-height: 1;
  color: #222222;
  text-transform: uppercase;
  display: block;
  margin: 0;
  text-align: center;
  font-weight: 600;
}

.instagram-block .txt-infront .ac-name {
  display: block;
  margin: 3px 0 0;
  font-size: 14px;
  line-height: 1;
  color: #888888;
  text-align: center;
  text-transform: uppercase;
  font-weight: 600;
}

.instagram-block:hover .txt-infront {
  opacity: 0;
  filter: alpha(opacity=0);
  visibility: hidden;
}

.footer-midle-pst {
  display: block;
  clear: both;
  border-top: 1px solid #e6e6e6;
  padding-top: 38px;
  margin-top: 50px;
  padding-bottom: 35px;
}

.footer-midle-pst .announce-text {
  display: block;
  margin: 15px 0 0;
  font-size: 14px;
  line-height: 20px;
  color: #666666;
  text-align: center;
}

.footer.layout-01 .footer-midle-pst {
  padding-top: 26px;
  padding-bottom: 26px;
  margin-top: 31px;
}

.biolife-gird-banners {
  display: block;
  font-size: 0;
  line-height: 0;
  clear: both;
}

.biolife-gird-banners .grid-panel {
  display: table;
  width: 100%;
}

.biolife-gird-banners .grid-panel .grid-panel-item {
  display: table-cell;
  vertical-align: top;
}

.biolife-gird-banners .grid-panel-item.left-content {
  width: 33.59375%;
}

.biolife-gird-banners .grid-panel-item.right-content {
  width: 24.7395833333%;
}

.biolife-gird-banners .grid-panel .list-media {
  padding: 0;
  display: block;
  margin: 0;
}

.biolife-gird-banners .grid-panel .list-media li {
  list-style: none;
  display: inline-block;
  width: 50%;
}

.biolife-banner__grid {
  display: inline-block;
  width: 100%;
  position: relative;
}

.biolife-banner__grid .banner-contain {
  position: absolute;
  z-index: 1;
  bottom: 40px;
  display: block;
  left: 0;
  right: 0;
  text-align: center;
}

.biolife-banner__grid .banner-contain .cat-name {
  font-size: 26px;
  font-weight: 600;
  line-height: 1;
  color: #222222;
  letter-spacing: 1px;
  display: inline-block;
  margin: 0;
  position: relative;
  -webkit-transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  transition: all 500ms ease;
}

.biolife-banner__grid:not(.type-02) .banner-contain .cat-name::before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  bottom: -4px;
  height: 1px;
  background-color: #f7f7f7;
  -webkit-transition: transform 500ms ease;
  -moz-transition: transform 500ms ease;
  -ms-transition: transform 500ms ease;
  -o-transition: transform 500ms ease;
  transition: transform 500ms ease;
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  -ms-transform: scale(0);
  -o-transform: scale(0);
  transform: scale(0);
}

.biolife-banner__grid:not(.type-02):hover .banner-contain .cat-name::before {
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
}

.biolife-banner__grid .media-contain {
  display: inline-block;
  height: 375px;
  width: 100%;
  background-image: url("../images/home-02/banner-grid-02.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center top;
}

.biolife-banner__grid .media-contain.media-01 {
  background-image: url("../images/home-02/banner-grid-01.jpg");
  height: 750px;
}

.biolife-banner__grid .media-contain.media-03 {
  background-image: url("../images/home-02/banner-grid-03.jpg");
}

.biolife-banner__grid .media-contain.media-04 {
  background-image: url("../images/home-02/banner-grid-04.jpg");
}

.biolife-banner__grid .media-contain.media-05 {
  background-image: url("../images/home-02/banner-grid-05.jpg");
}

.biolife-banner__grid .media-contain.media-06 {
  background-image: url("../images/home-02/banner-grid-06.jpg");
  height: 750px;
  background-position: center center;
}

.biolife-banner__grid.type-02 .banner-contain {
  bottom: 8px;
}

.biolife-banner__grid.type-02 .banner-contain .cat-name {
  width: 100%;
  color: #ffffff;
  max-width: 314px;
  padding: 21px 15px 32px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url(../images/home-01/bn_grid_01.png);
}

.biolife-banner__grid.type-02.bn-elm-02 .banner-contain .cat-name {
  background-image: url(../images/home-01/bn_grid_02.png);
}

.biolife-banner__grid.type-02.bn-elm-03 .banner-contain .cat-name {
  background-image: url(../images/home-01/bn_grid_03.png);
}

.biolife-banner__grid.type-02.bn-elm-04 .banner-contain .cat-name {
  background-image: url(../images/home-01/bn_grid_04.png);
}

.biolife-banner__grid.type-02.bn-elm-05 .banner-contain .cat-name {
  background-image: url(../images/home-01/bn_grid_05.png);
}

.biolife-banner__grid.type-02.bn-elm-06 .banner-contain .cat-name {
  background-image: url(../images/home-01/bn_grid_06.png);
}

.biolife-banner__detail-product .text-content {
  padding-top: 26.9%;
}

.biolife-banner__detail-product .head-info h3 {
  display: block;
  margin: 0;
  font-size: 35px;
  line-height: 1;
  color: #222222;
  font-weight: 600;
}

.biolife-banner__detail-product .head-info .text2 {
  margin-top: -1px;
}

.biolife-banner__detail-product .head-info h3 i {
  font-size: 40px;
  font-family: "Playfair Display", sans-serif;
  font-weight: 700;
}

.biolife-banner__detail-product .midle-info {
  padding-top: 21px;
}

.biolife-banner__detail-product .midle-info .pr-desc {
  font-size: 15px;
  line-height: 24px;
  color: #666666;
  display: block;
  margin: 0;
  max-width: 400px;
}

.biolife-banner__detail-product .midle-info .pr-atts {
  display: block;
  padding: 0;
  font-size: 0;
  line-height: 0;
  max-width: 372px;
  margin: 30px 0 0;
}

.biolife-banner__detail-product .midle-info .pr-atts li {
  display: inline-block;
  list-style: none;
  width: calc(50% - 15px);
  margin-bottom: 24px;
}

.biolife-banner__detail-product .midle-info .pr-atts li:nth-child(odd) {
  margin-right: 30px;
  clear: both;
}

.biolife-banner__detail-product .bottom-info {
  margin-top: 14px;
  font-size: 0;
}

.biolife-banner__detail-product .bottom-info .btn {
  min-width: 197px;
  padding: 14px 10px 13px;
  margin-right: 15px;
}

.biolife-banner__detail-product .bottom-info .btn-thin {
  min-width: 157px;
  border: 2px solid #e6e6e6;
  padding: 12px 10px 11px;
  margin-right: 0;
}

.biolife-banner__detail-product .bottom-info .btn-thin:hover {
  background-color: var(--primary-black);
  border-color: var(--primary-black);
}

.bn-atts-item {
  display: inline-block;
  width: 100%;
  font-size: 0;
  line-height: 0;
  max-width: 158px;
}

.bn-atts-item .title {
  display: block;
  font-size: 0.8vw;
  line-height: 1;
  color: #333333;
  margin: 0 0 8px;
  font-weight: 400;
  border-bottom: 1px dashed rgba(102, 102, 102, 0.5);
  text-transform: capitalize;
  padding-bottom: 7px;
}

.bn-atts-item .content {
  font-size: 14px;
  color: #666666;
  line-height: 1;
  display: block;
  margin: 0;
}

.biolife-twitter-wrap {
  margin-top: 2px;
}

.biolife-twitter-wrap .tweet-list {
  padding: 0;
  font-size: 0;
  line-height: 0;
  margin: 0;
}

.biolife-twitter-wrap .tweet-list li {
  list-style: none;
  display: block;
}

.biolife-twitter-wrap .slick-slide .row-item+.row-item,
.biolife-twitter-wrap .tweet-list li+li {
  border-top: 1px solid #e6e6e6;
}

.biolife-twitter-wrap .slick-slide .row-item+.row-item .biolife-tweet-item,
.biolife-twitter-wrap .tweet-list li+li .biolife-tweet-item {
  padding-top: 29px;
}

.biolife-tweet-item {
  display: block;
  padding-right: 15px;
  padding-bottom: 17px;
}

.biolife-tweet-item .tw-head {
  display: table;
  width: 100%;
}

.biolife-tweet-item .tw-head .acc-info,
.biolife-tweet-item .tw-head .icon {
  display: table-cell;
  vertical-align: middle;
  padding: 0;
  margin: 0;
  border: none;
}

.biolife-tweet-item .tw-head .icon {
  width: 44px;
  padding-top: 1px;
}

.biolife-tweet-item .tw-head .icon i {
  font-size: 20px;
  color: #ffffff;
  line-height: 1;
  background-color: #aaaaaa;
  padding: 12px 10px;
  width: 44px;
  text-align: center;
  border-radius: 50%;
}

.biolife-tweet-item .tw-head .acc-info p {
  margin: 0;
  font-size: 18px;
  color: #222222;
  display: block;
  line-height: 20px;
}

.biolife-tweet-item .tw-head .acc-info p.tag {
  font-size: 0.8vw;
  color: #666666;
}

.biolife-tweet-item .tw-head .acc-info {
  padding-left: 10px;
}

.biolife-tweet-item .tw-content .message {
  color: #666666;
  font-size: 14px;
  line-height: 20px;
  display: block;
  margin: 10px 0 0;
}

.biolife-tweet-item .tw-content .message .link-bold {
  display: block;
  font-size: 0.8vw;
}

.biolife-tweet-item .tw-content .message .link-bold:hover {
  color: var(--primary-black);
}

.biolife-tweet-item .tw-content .time {
  display: block;
  margin: 0;
  font-size: 15px;
  line-height: 24px;
  color: var(--primary-black);
}

.biolife-instagram-block .wrap-title {
  display: block;
  text-align: center;
  margin-bottom: 35px;
}

.biolife-instagram-block .wrap-title .subtitle {
  display: block;
  margin: 0;
  font-size: 15px;
  color: #666666;
  font-family: "Playfair Display", sans-serif;
  line-height: 1;
}

.biolife-instagram-block .wrap-title .title {
  display: block;
  margin: 6px 0 0;
  font-size: 40px;
  line-height: 1;
  font-weight: 700;
  color: #222222;
}

.instagram-ltl-item {
  display: inline-block;
  font-size: 0;
  line-height: 0;
  overflow: hidden;
  position: relative;
}

.instagram-ltl-item .link-to {
  display: inline-block;
}

.instagram-ltl-item .link-to .show-on-hover {
  display: inline-block;
  font-size: 28px;
  line-height: 50px;
  color: #fafafa;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-top: -25px;
  margin-left: -25px;
  -webkit-transform: scale(3);
  -moz-transform: scale(3);
  -ms-transform: scale(3);
  -o-transform: scale(3);
  transform: scale(3);
  z-index: 2;
  width: 50px;
  background-color: rgba(255, 255, 255, 0.2);
  vertical-align: middle;
  text-align: center;
  border-radius: 50%;
  opacity: 0;
  filter: alpha(opacity=0);
  visibility: hidden;
  -webkit-transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  transition: all 500ms ease;
}

.instagram-ltl-item:hover .link-to .show-on-hover {
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
  opacity: 1;
  filter: alpha(opacity=100);
  visibility: visible;
}

.instagram-ltl-item .link-to::after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 1;
  opacity: 0;
  filter: alpha(opacity=0);
  visibility: hidden;
  -webkit-transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  transition: all 500ms ease;
}

.instagram-ltl-item:hover .link-to::after {
  opacity: 1;
  filter: alpha(opacity=100);
  visibility: visible;
}

.instagram-inline-wrap {
  font-size: 0;
  line-height: 0;
}

.biolife-popup .modal-content {
  -webkit-box-shadow: none;
  box-shadow: none;
  border-radius: 0;
  border: 0;
}

.biolife-popup .modal-body {
  padding: 0;
}

.mobile-search-content .form-search>.btn-close,
.biolife-popup .modal-body>.close {
  position: absolute;
  top: 10px;
  right: 10px;
  display: inline-block;
  line-height: 0;
  font-size: 17px;
  color: #666666;
  z-index: 2;
  opacity: 1;
  filter: alpha(opacity=100);
}

.mobile-search-content .form-search>.btn-close {
  top: -38px;
  right: -37px;
  font-size: 14px;
  padding: 6px;
}

.biolife-popup .modal-body>.close:hover {
  color: #d00023;
  opacity: 1;
  filter: alpha(opacity=100);
}

.biolife-quickview-block {
  display: inline-block;
  position: fixed;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  margin-top: 30px;
  visibility: hidden;
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transition: all 450ms ease;
  -moz-transition: all 450ms ease;
  -ms-transition: all 450ms ease;
  -o-transition: all 450ms ease;
  transition: all 450ms ease;
  z-index: 1000;
  font-size: 0;
  line-height: 0;
}

body.open-quickview-block .biolife-quickview-block {
  visibility: visible;
  opacity: 1;
  filter: alpha(opacity=100);
  margin-top: 0;
}

.biolife-quickview-block .quickview-container {
  display: inline-block;
  font-size: 0;
  line-height: 0;
  width: 830px;
  background-color: #ffffff;
  margin: 0;
  padding: 0;
  position: relative;
}

.biolife-quickview-block .quickview-container .btn-close-quickview {
  position: absolute;
  top: 10px;
  right: 10px;
  display: inline-block;
  line-height: 0;
  font-size: 17px;
  color: #666666;
  z-index: 2;
  opacity: 1;
  filter: alpha(opacity=100);
}

.quickview-container .biolife-quickview-inner {
  display: table;
  width: 100%;
  padding: 10px 30px 20px 10px;
  table-layout: fixed;
}

.biolife-quickview-inner .media,
.biolife-quickview-inner .product-attribute {
  display: table-cell;
  vertical-align: top;
}

.biolife-quickview-inner .product-attribute {
  padding-left: 20px;
}

.biolife-quickview-inner .media {
  width: 45.6790123457%;
}

.biolife-quickview-inner .product-attribute .title {
  font-size: 20px;
  display: block;
  margin: 19px 0 6px;
  color: #222222;
  font-weight: 600;
}

.biolife-quickview-inner .product-attribute .title a {
  color: inherit;
  display: inline-block;
}

.biolife-quickview-inner .product-attribute .rating .star-rating>span::before,
.biolife-quickview-inner .product-attribute .rating .star-rating::before {
  font-size: 14px;
}

.biolife-quickview-inner .price-contain {
  margin-top: 10px;
}

.biolife-quickview-inner .price-contain .price-amount {
  font-size: 0.8vw;
}

.biolife-quickview-inner .price-contain ins .price-amount {
  font-size: 24px;
}

.biolife-quickview-inner .product-attribute .excerpt {
  font-size: 15px;
  line-height: 24px;
  color: #666666;
  display: block;
  margin: 18px 0 0;
}

.biolife-quickview-inner .from-cart {
  margin-top: 33px;
  display: block;
  clear: both;
}

.biolife-quickview-inner .from-cart .buttons,
.biolife-quickview-inner .from-cart .qty-input {
  display: inline-block;
  font-size: 0;
  line-height: 0;
  vertical-align: top;
}

.biolife-quickview-inner .qty-input input {
  display: inline-block;
  width: 44px;
  text-align: center;
  border-top: 2px solid #e6e6e6;
  border-bottom: 2px solid #e6e6e6;
  border-left: 0;
  border-right: 0;
  background-color: #ffffff;
  color: #222222;
  font-size: 18px;
  font-weight: 600;
  padding: 5px;
  line-height: 1;
  height: 41px;
}

.biolife-quickview-inner .qty-input .qty-btn {
  display: inline-block;
  text-align: center;
  background-color: #ffffff;
  border: 2px solid #e6e6e6;
  position: relative;
  width: 27px;
  height: 41px;
  vertical-align: top;
  border-top-right-radius: 999px;
  border-bottom-right-radius: 999px;
}

.biolife-quickview-inner .qty-input .btn-down {
  float: left;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-top-left-radius: 999px;
  border-bottom-left-radius: 999px;
}

.biolife-quickview-inner .qty-input .qty-btn::after,
.biolife-quickview-inner .qty-input .qty-btn::before {
  content: "";
  display: block;
  background-color: #7f7f7f;
  position: absolute;
  top: 50%;
  left: 8px;
  width: 10px;
  height: 2px;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}

.biolife-quickview-inner .qty-input .btn-up::before {
  left: 6px;
}

.biolife-quickview-inner .qty-input .btn-up::after {
  height: 10px;
  width: 2px;
  left: 10px;
}

.biolife-quickview-inner .qty-input .qty-btn:hover::after,
.biolife-quickview-inner .qty-input .qty-btn:hover::before {
  background-color: #000000;
}

.biolife-quickview-inner .buttons .add-to-cart-btn {
  padding: 11px 15px 10px;
  min-width: 218px;
  margin-left: 20px;
}

.biolife-quickview-inner .product-meta .product-atts {
  display: block;
  padding: 20px 0 23px;
  margin: 0 0 17px;
  border-bottom: 1px solid #e6e6e6;
}

.biolife-quickview-inner .product-atts .product-atts-item {
  display: block;
  font-size: 14px;
  line-height: 24px;
  color: #222222;
}

.biolife-quickview-inner .product-atts-item .meta-title {
  display: inline-block;
  font-weight: 400;
}

.biolife-quickview-inner .product-atts-item .meta-list {
  display: inline-block;
  margin: 0;
  padding: 0;
}

.biolife-quickview-inner .product-atts-item .meta-list li {
  list-style: none;
  display: inline-block;
}

.biolife-quickview-inner .product-atts-item .meta-list li:not(:last-child) a::after {
  content: ",";
}

.biolife-quickview-inner .product-atts-item .meta-list li a {
  color: #666666;
}

.biolife-quickview-inner .product-meta .sku {
  font-size: 14px;
  color: #333333;
  display: block;
  margin: 0;
  line-height: 1;
}

.biolife-quickview-block .quickview-nav img {
  display: inline-block;
  border-width: 0;
}

.biolife-quickview-block .quickview-nav li.slick-current img {
  border: 2px solid #ededed;
}

.biolife-quickview-inner .media .quickview-nav {
  width: 230px;
  margin-left: 10px;
  margin-top: 10px;
  position: relative;
}

.biolife-quickview-inner .quickview-nav .slick-arrow {
  font-size: 0;
  line-height: 0;
  display: inline-block;
  padding: 0;
  margin: 0;
  position: absolute;
  left: -10px;
  top: 50%;
  margin-top: -8px;
}

.biolife-quickview-inner .quickview-nav .slick-arrow.next {
  left: auto;
  right: -11px;
}

.biolife-quickview-inner .quickview-nav .slick-arrow::before {
  content: "\f104";
  font-family: "FontAwesome", sans-serif;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  font-size: 18px;
  line-height: 14px;
  color: #666666;
  width: 11px;
  text-align: left;
}

.biolife-quickview-inner .quickview-nav .slick-arrow.next::before {
  text-align: right;
  content: "\f105";
}

.contain-product.layout-default .slide-down-box .buttons .add-to-cart-btn i {
  display: none;
}

.background-fafafa {
  background-color: #fafafa;
}

.z-index-20 {
  z-index: 20;
  position: relative;
}

.biolife-wrap-map {
  width: 100%;
  display: block;
  clear: both;
}

.biolife-wrap-map iframe {
  width: 100%;
}

.banner-promotion-01 {
  line-height: 0;
  font-size: 0;
  display: inline-block;
  width: 100%;
}

.top-banner-menu {
  text-align: center;
  margin: 8px 0 30px;
}

.mobile-menu-toggle {
  line-height: 0;
  display: none !important;
}

.mobile-menu-toggle span {
  display: inline-block;
  width: 30px;
  height: 2px;
  background-color: #333333;
  float: left;
  clear: left;
}

.header-area.layout-02 .mobile-menu-toggle span {
  background-color: #ffffff;
}

.mobile-menu-toggle span+span {
  margin-top: 5px;
}

.mobile-menu-toggle>a {
  display: inline-block;
}

.header-area.layout-01 .mobile-menu-toggle>a {
  padding: 15px 0;
}

.minicart-block.layout-02 .span-index .qty {
  display: none;
}

.page-404 {
  background-image: url(../images/404-bg.jpg);
  background-position: center center;
  margin-top: 15px;
}

.content-404 {
  max-width: 570px;
  padding: 100px 0 130px;
  display: block;
  text-align: center;
}

.content-404 .heading {
  font-size: 90px;
  font-weight: 700;
  margin-bottom: 13px;
  color: var(--primary-red);
}

.content-404 .title {
  font-size: 36px;
  font-weight: 700;
  margin-bottom: 20px;
  color: #222222;
}

.content-404 p {
  color: #666;
  margin-bottom: 45px;
  font-size: 0.8vw;
}

.content-404 .button {
  display: inline-block;
  font-size: 15px;
  color: #fff;
  font-weight: 700;
  padding: 10px 25px;
  border: none;
  -webkit-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  border-radius: 30px;
}

.content-404 .button:before {
  font-family: "FontAwesome";
  content: "\f104";
  display: inline-block;
  width: 0;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  opacity: 0;
  text-align: left;
}

.sumary-product .product-attribute .price+div:not(.product-atts):not(.no-border-top) {
  border-top: 1px solid #e6e6e6;
  margin-top: 20px;
  padding: 7px 0;
  background-color: #f1f1f1;
  text-align: center;
  margin-bottom: 0px;
}

.sumary-product .product-attribute .price ins+ins::before {
  content: "-";
  display: inline-block;
  font-size: 22px;
  font-weight: 700;
  color: #111111;
  padding-left: 5px;
  padding-right: 5px;
}

.grouped-product-list {
  margin-top: 30px;
  margin-bottom: 30px;
}

.grouped-product-list-item__label a:not(:hover) {
  color: #333333;
}

.grouped-product-list-item__label a {
  font-size: 15px;
  font-weight: 600;
  line-height: 18px;
  display: inline-block;
}

.quantity-box.type2 .qty-input input {
  width: 85px;
  font-size: 0.8vw;
  background-color: #fafafa;
  border: 1px solid #f0f0f0;
  font-weight: 600;
}

.sumary-product .product-attribute .grouped-product-list-item__price .price {
  margin-top: 0;
}

.sumary-product .product-attribute .grouped-product-list-item__price .price ins .price-amount {
  font-size: 17px;
  font-weight: 700;
  color: #333333;
}

.sumary-product .product-attribute .grouped-product-list-item__price .price del {
  display: block;
  margin: 0;
}

.sumary-product .product-attribute .grouped-product-list-item__price .price del .price-amount {
  font-size: 0.8vw;
}

.sumary-product .action-form .buttons.external-btn {
  border-top: 0;
  padding-top: 0;
}

.sumary-product .biolife-countdown {
  border-top: 1px solid #e6e6e6;
  border-bottom: 1px solid #e6e6e6;
  padding-top: 25px;
  padding: 7px 0;
  background-color: #f1f1f1;
  text-align: center;
  margin-bottom: 0px;
}

@media (max-width: 1699px) {

  .biolife-banner__promotion6 .media .img-moving.position-2,
  .biolife-banner__promotion5 .media .position-2 {
    display: none;
  }

  .biolife-banner__promotion6 .banner-contain .text-content {
    padding: 15px;
    margin-left: 0;
    background-color: rgba(0, 0, 0, 0.2);
  }
}

@media (max-width: 1199px) {
  .biolife-banner__special .text-content .first-line {
    font-size: 36px;
  }

  .biolife-banner__special .text-content .second-line {
    font-size: 32px;
    margin-bottom: 15px;
  }

  .biolife-banner__special .text-content .third-line i,
  .biolife-banner__special .text-content .third-line {
    font-size: 32px;
  }

  .biolife-banner__special .product-detail .price-contain ins .price-amount {
    font-size: 22px;
  }

  .header-area.layout-03 .live-info {
    display: none;
  }

  .biolife-gird-banners .grid-panel-item.left-content,
  .biolife-gird-banners .grid-panel-item.right-content {
    width: 25%;
  }

  .contain-product__right-info-layout3 {
    padding: 0;
  }

  .contain-product__right-info-layout3 .info .buttons {
    padding: 0;
    padding-top: 20px;
  }

  .products-list.vertical-layout-02 {
    max-width: 100%;
  }

  .biolife-banner__special-03 .banner-contain {
    background: none;
  }

  .biolife-banner__special-02 .banner-contain {
    display: table;
  }

  .biolife-banner__special-02 .banner-contain .thumb,
  .biolife-banner__special-02 .banner-contain .text-content {
    display: table-cell;
    vertical-align: middle;
  }

  .biolife-banner__special-02 .text-content {
    position: static;
    width: 355px;
    margin: 0;
  }

  .biolife-banner__special-02 .text-content .text01 {
    font-size: 45px;
    margin-bottom: 5px;
    color: #888888;
    opacity: 1;
    filter: alpha(opacity=100);
  }

  .biolife-banner__special-02 .text-content .text02 {
    font-size: 35px;
  }

  .biolife-banner__special-02 .text-content .text04,
  .biolife-banner__special-02 .text-content .text03 {
    font-size: 28px;
  }

  .biolife-banner__special-02 .text-content .text04 i {
    font-size: 32px;
  }

  .biolife-banner__special-02 .product-detail {
    margin-top: 30px;
  }

  .header-area.layout-01 .header-top {
    margin-top: 18px;
  }

  .newsletter-block.layout-04 .wrap-title .texts {
    text-align: left;
  }

  .newsletter-block.layout-04 {
    padding-left: 0;
    text-align: center;
    padding-bottom: 15px;
  }

  .newsletter-block.layout-04 .wrap-title {
    margin-right: 0;
    width: 100%;
    text-align: center;
    margin-bottom: 15px;
  }

  .header-area.layout-02 .biolife-cart-info .minicart-contain a>.sub-total,
  .header-area.layout-02 .biolife-cart-info .minicart-contain a>.title {
    display: none;
  }

  .header-area .biolife-cart-info .login-item {
    vertical-align: top;
  }

  .header-area .biolife-cart-info .login-item .login-link {
    font-size: 0;
  }

  .products-category-box {
    padding: 0;
    height: auto;
  }

  .products-category-box .title {
    margin-bottom: 40px;
  }

  .biolife-stretch-the-right-background>.bg_underground {
    display: none;
  }

  .header-top .top-bar .social-list {
    display: none;
  }

  .biolife-title-box__bold-style.mobile-tiny .title {
    font-size: 22px;
  }

  .biolife-title-box.link-all .main-title {
    font-size: 26px;
  }

  .biolife-title-box.link-all .blog-link {
    display: none;
  }

  .biolife-banner__style-04 .text-content,
  .biolife-banner__style-03 .text-content,
  .biolife-banner__style-02 .text-content {
    width: calc(100% - 30px);
    top: 50%;
    left: 0;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    display: inline-block;
    margin-left: 15px;
    background-color: rgba(255, 255, 255, 0.8);
    padding: 20px 10px;
    min-height: 162px;
    vertical-align: middle;
  }

  .biolife-banner__style-02 .text1,
  .biolife-banner__style-02 .text2,
  .biolife-banner__style-03 .text1,
  .biolife-banner__style-03 .text2,
  .biolife-banner__style-03 .text3 {
    color: #000000;
  }

  .biolife-banner__promotion2 .text-content .btn-thin {
    border-color: #d6d6d6;
  }

  .biolife-banner__promotion2 .text-content {
    z-index: 15;
    position: relative;
    padding: 20px 15px;
    background-color: rgba(255, 255, 255, 0.6);
    box-shadow: 0 0 7px 0 rgba(130, 130, 130, 0.2);
    border-radius: 2px;
  }

  .biolife-banner__promotion3 .media,
  .biolife-banner__promotion .media {
    display: none;
  }

  .biolife-service__type01 .txt-show-01 {
    font-size: 100px;
    line-height: 220px;
  }

  .biolife-service__type01 .txt-show-02 {
    font-size: 50px;
    top: 30px;
  }

  .biolife-carousel.dots_ring_style .slick-dots {
    bottom: 0;
    right: 50%;
    -webkit-transform: translateX(50%);
    -moz-transform: translateX(50%);
    -ms-transform: translateX(50%);
    -o-transform: translateX(50%);
    transform: translateX(50%);
  }

  .post-item.style-bottom-info .post-content {
    padding-left: 0;
    padding-right: 0;
  }

  .welcome-us-block {
    text-align: center;
    height: auto;
    padding-bottom: 150px;
  }

  .welcome-us-block .text-wraper {
    display: inline-block;
    max-width: 503px;
    margin: 90px 0 0;
    padding: 10px;
    background-color: rgba(250, 250, 250, 0.8);
    float: none;
  }

  .welcome-us-block .text-info {
    margin-top: 0;
  }

  .welcome-us-block .qt-text,
  .welcome-us-block .text-info {
    width: 100%;
  }

  .login-on-checkout .form-row button {
    margin-top: 10px;
    margin-bottom: 25px;
  }

  .shpcart-subtotal-block {
    margin-top: 70px;
    border: 1px solid #e6e6e6;
  }

  .single-layout.product-tabs {
    margin-top: 80px;
  }

  .sumary-product .product-attribute {
    padding-right: 20px;
  }

  .mobile-block-global {
    display: block;
  }

  body.global-panel-opened .mobile-block-global {
    left: 0;
  }

  .top-functions-area .flt-item.group-on-mobile .wrap-selectors {
    position: fixed;
    top: 50%;
    left: 50%;
    width: 450px;
    margin-left: -225px;
    margin-top: -162px;
    background-color: #ffffff;
    z-index: 999;
    padding: 30px;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
    -webkit-transition: all 320ms ease;
    -moz-transition: all 320ms ease;
    -o-transition: all 320ms ease;
    transition: all 320ms ease;
    visibility: hidden;
    border-top: 3px solid #f7f7f7;
  }

  .top-functions-area .flt-item.group-on-mobile .selector-item {
    width: 100%;
    margin: 15px 0;
    border-bottom: 1px solid #e6e6e6;
  }

  .top-functions-area .flt-item.group-on-mobile .selector-item::before {
    content: attr(data-title);
    display: inline-block;
    font-size: 15px;
    float: left;
  }

  .top-functions-area .flt-item.group-on-mobile .nice-select {
    border-radius: 0;
    border: none;
    padding: 0 20px 0 10px;
    clear: none;
  }

  .top-functions-area .flt-item.group-on-mobile .nice-select:after {
    right: 10px;
  }

  body.top-refine-opened .top-functions-area .flt-item.group-on-mobile .wrap-selectors {
    visibility: visible;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }

  .top-functions-area .flt-item.group-on-mobile .flt-title {
    display: none;
  }

  .top-functions-area .flt-item .btn-for-mobile,
  .top-functions-area .flt-item .title-for-mobile,
  .top-functions-area .flt-item .icon-for-mobile {
    display: inline-block;
  }
}

@media (max-width: 991px) {
  .page-404 {
    background: #f4f4f4;
    margin-top: 0;
  }

  .content-404 {
    margin: 0 auto;
  }

  .biolife-cat-box-item {
    border: 1px solid #e6e6e6;
  }

  .biolife-cat-box-item .cat-info {
    border: none;
    margin: 20px 0 20px;
    background-color: transparent;
  }

  .biolife-cat-box-item .cat-name {
    padding: 0;
    margin-bottom: 10px;
    font-size: 18px;
    min-width: initial;
  }

  .biolife-cat-box-item .cat-number {
    position: static;
    display: block;
    text-align: center;
    margin: 0;
  }

  .biolife-banner__style-14 .text-content,
  .biolife-banner__style-13 .text-content {
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 15px;
    right: 15px;
    width: auto;
    background: rgba(255, 255, 255, 0.8);
    padding: 30px 5px;
  }

  .biolife-banner__style-13 .text1,
  .biolife-banner__style-14 .text1 {
    color: #000000;
  }

  .biolife-banner__style-14 .text2,
  .biolife-banner__style-14 .text3,
  .biolife-banner__style-13 .text2 {
    color: #333333;
  }

  .biolife-cart-info .icon-qty-combine .biolife-icon,
  .mobile-search .open-searchbox .biolife-icon {
    font-size: 24px;
  }

  .mobile-menu-toggle {
    display: inline-block !important;
  }

  .minicart-block.layout-02 .icon-contain .biolife-icon {
    color: #333333 !important;
    font-size: 24px;
  }

  .minicart-block.layout-02 .icon-contain .span-index {
    padding: 2px;
    border: none;
    position: relative;
  }

  .minicart-block.layout-02 .span-index .qty {
    font-size: 0.8vw;
    font-weight: 600;
    line-height: 1;
    display: inline-block;
    margin: 0;
    min-width: 19px;
    padding: 1px 5px 2px;
    color: #ffffff;
    border-radius: 50%;
    position: absolute;
    right: -8px;
    bottom: 7px;
  }

  .minicart-block.layout-02 .icon-contain .btn-to-cart,
  .minicart-block.layout-02 .icon-contain .sub-total {
    display: none;
  }

  .biolife-banner__special-02 .banner-contain {
    display: block;
  }

  .biolife-banner__special-02 .banner-contain .thumb,
  .biolife-banner__special-02 .banner-contain .text-content {
    display: block;
  }

  .biolife-banner__special-02 .text-content {
    width: 100%;
    border: 1px solid #eeeeee;
    padding: 15px 15px 40px;
  }

  .mega-content .biolife-brand ul.brands {
    margin-left: -10px;
    margin-right: -10px;
  }

  .mega-content .biolife-brand ul.brands li {
    width: 50%;
    padding: 10px;
  }

  .mega-content .biolife-brand.vertical ul.brands {
    width: 100%;
    padding: 0;
  }

  .mega-content .biolife-brand.vertical ul.brands li {
    margin: 0;
    clear: none;
    float: left;
  }

  .mega-content .biolife-brand.vertical ul.brands li:nth-child(2n + 1) {
    clear: left;
  }

  .biolife-banner__grid:hover .banner-contain .cat-name {
    color: #222222;
  }

  .biolife-banner__grid:not(.type-02) .banner-contain .cat-name::before {
    content: none;
  }

  .biolife-title-box_in-countdown {
    padding: 16px 18px 17px;
  }

  .biolife-quickview-block,
  .contain-product .product-thumb .lookup {
    display: none;
  }

  .header-area.layout-01 .header-bottom:not(.pre-sticky) {
    padding-top: 30px;
    padding-bottom: 45px;
  }

  .header-area.layout-01 {
    background-position: center bottom;
  }

  .header-area.layout-01 .header-bottom .logo-for-mobile {
    display: inline-block;
    float: left;
    margin-top: 5px;
  }

  .header-area.layout-01 .header-bottom .biolife-cart-info {
    display: inline-block;
    margin-top: 0;
    float: right;
  }

  .footer.layout-01 .payment-methods ul,
  .footer.layout-01 .copy-right-text {
    text-align: center;
  }

  .biolife-banner__promotion5 .banner-contain {
    overflow: hidden;
  }

  .biolife-banner__promotion5 .text-content {
    margin: 0;
    padding: 40px 15px;
    right: 0;
    left: 0;
    width: 100%;
    max-width: 100%;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
  }

  .biolife-banner__promotion5 .media .img-moving {
    width: 900px;
    top: 0;
    right: 0;
    margin-right: 0;
  }

  .biolife-banner__detail-product .midle-info .pr-desc,
  .biolife-banner__detail-product .midle-info .pr-atts {
    max-width: 100%;
  }

  .biolife-banner__detail-product .midle-info {
    display: inline-block;
  }

  .biolife-banner__detail-product .text-content {
    text-align: center;
    padding: 30px 15px;
    border: 1px dashed #e6e6e6;
    background: #fcfcfc;
  }

  .biolife-gird-banners .grid-panel,
  .biolife-gird-banners .grid-panel .grid-panel-item,
  .biolife-gird-banners .grid-panel-item.left-content,
  .biolife-gird-banners .grid-panel-item.right-content {
    display: block;
    width: 100%;
  }

  .biolife-banner__grid:not(.type-02) .banner-contain .cat-name {
    min-width: 150px;
    padding: 20px 30px;
    background-color: rgba(255, 255, 255, 0.8);
  }

  .biolife-banner__grid .banner-contain .cat-name::before {
    content: none;
  }

  .wrap-custom-menu.horizontal-menu-v2 ul.menu>li {
    margin-bottom: 15px;
  }

  .footer-midle-pst .announce-text {
    margin-top: 20px;
  }

  .header-area .biolife-cart-info .login-item {
    display: none;
  }

  .top-banner-menu {
    padding: 0;
    margin-top: 0;
  }

  .top-banner-menu img {
    width: 100%;
  }

  .grid-twice-item>li {
    width: 100%;
    margin-left: 0;
  }

  .grid-twice-item>li+li {
    margin-top: 50px;
  }

  .biolife-banner__promotion4.v2 .position-1 {
    right: 0;
  }

  .wrap-megamenu {
    background: none;
  }

  .mobile-inline.biolife-brand ul li {
    width: 100%;
  }

  .mega-content .row {
    margin: 0;
  }

  .biolife-banner__special .media {
    width: 60%;
    padding: 0;
  }

  .biolife-banner__special .text-content {
    width: 40%;
    padding-top: 20px;
  }

  .biolife-banner__special .text-content .first-line {
    font-size: 28px;
  }

  .biolife-banner__special .text-content .second-line {
    margin-bottom: 14px;
  }

  .biolife-banner__special .text-content .third-line,
  .biolife-banner__special .text-content .second-line {
    color: #333333;
    font-size: 25px;
  }

  .biolife-banner__special .text-content .third-line i {
    font-size: 25px;
  }

  .biolife-banner__special .product-detail {
    margin-top: 35px;
  }

  .why-choose-us-block .showcase {
    padding-bottom: 85px;
    overflow: hidden;
  }

  .showcase .sc-left-position,
  .showcase .sc-right-position {
    max-width: 50%;
    position: relative;
    z-index: 2;
  }

  .showcase .sc-center-position {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    opacity: 0.2;
    filter: alpha(opacity=20);
  }

  .sumary-product .action-form .buttons {
    border-top: 0;
    padding-top: 0;
  }

  .sumary-product .action-form .buttons .pull-row {
    display: none;
  }

  .sumary-product .action-form .total-price-contain {
    margin-top: 25px;
    margin-bottom: 25px;
  }

  .sumary-product .action-form .qty-input input,
  .sumary-product .action-form .qty-input {
    width: 100%;
  }

  .review-tab #comments .comment-content .comment-text {
    line-height: inherit;
  }

  .biolife-panigations-block.version-2 {
    padding-top: 20px;
  }

  .product-tabs.single-layout .tab-head .tabs {
    border-bottom: none;
  }

  .product-tabs.single-layout .tab-content .tab-contain {
    border: 1px solid #e6e6e6;
    padding: 10px 10px 20px;
  }

  .product-tabs.single-layout .tab-content .tab-contain .container {
    width: 100%;
    padding: 0;
  }

  .product-tabs.single-layout .tab-head .tabs li.active a::before {
    width: 100%;
  }

  .product-tabs.single-layout .tab-head .tabs li a::before {
    height: 2px;
  }

  .product-tabs.single-layout .tab-head .tabs li a {
    width: 100%;
    display: inline-block;
    padding: 8px 0;
  }

  .product-tabs.single-layout .tab-head .tabs li:not(:last-child) {
    margin-right: 0;
    border-bottom: none;
  }

  .product-tabs.single-layout .tab-head .tabs li {
    width: 100%;
    text-align: center;
    border: 1px solid #e6e6e6;
    padding: 3px 0;
  }

  .sumary-product .product-attribute {
    width: 50%;
    padding-right: 0;
  }

  .sumary-product .media {
    width: 50%;
  }

  .sumary-product .action-form {
    width: 100%;
    margin-top: 33px;
    padding-top: 30px;
  }

  .sidebar .wgt-content .products li {
    display: inline-block;
    width: 100%;
  }

  .contain-product .info .product-title,
  .contain-product.layout-default .info .price ins .price-amount {
    font-size: 0.8vw;
  }

  .contain-product.layout-default .info .product-title {
    font-size: 15px;
    margin-top: 15px;
  }

  .contain-product.layout-default .info .product-title a {
    color: var(--primary-black);
  }

  .contain-product.layout-default {
    position: relative;
    padding-bottom: 30px;
  }

  .contain-product.layout-default .slide-down-box .buttons .wishlist-btn {
    position: absolute;
    top: 5px;
    left: 5px;
    display: block;
    padding: 4px 0;
    color: #999999;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.8);
  }

  .contain-product.layout-default .slide-down-box .buttons .btn {
    display: block;
  }

  .contain-product.layout-default .slide-down-box .buttons .add-to-cart-btn {
    padding: 10px 5px;
    color: var(--primary-black);
    font-weight: 700;
    font-size: 15px;
    text-transform: capitalize;
    -webkit-box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.2);
    box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.2);
    background-color: #fafafa !important;
    width: calc(100% - 4px);
    margin-left: 2px;
  }

  .contain-product.layout-default .slide-down-box .buttons .add-to-cart-btn:hover {
    background-color: #fafafa;
  }

  .contain-product.layout-default .slide-down-box .buttons {
    padding: 0;
    display: block;
  }

  .contain-product.layout-default .slide-down-box .buttons .compare-btn,
  .contain-product .info .categories,
  .contain-product.layout-default .slide-down-box .message,
  .contain-product.layout-default .shipping-info {
    display: none;
  }

  #sidebar .biolife-mobile-panels {
    display: block;
  }

  #sidebar {
    position: fixed;
    top: 0;
    left: -320px;
    width: 300px;
    height: 100vh;
    background-color: #ffffff;
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    z-index: 100000;
    -webkit-box-shadow: 3px 5px 14px -3px rgba(0, 0, 0, 0.11);
    -moz-box-shadow: 3px 5px 14px -3px rgba(0, 0, 0, 0.11);
    box-shadow: 3px 5px 14px -3px rgba(0, 0, 0, 0.11);
    overflow: hidden;
    padding: 0;
  }

  #sidebar .sidebar-contain {
    display: inline-block;
    padding: 30px 15px 0;
    height: calc(100% - 50px);
    overflow-y: auto;
  }

  body.open-mobile-filter #sidebar,
  body.open-mobile-menu .biolife-clone-wrap {
    left: 0;
  }

  .mobile-search .open-searchbox {
    display: block;
  }

  .mobile-search-content {
    display: block;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
    -webkit-transition: all 350ms ease;
    -moz-transition: all 350ms ease;
    -o-transition: all 350ms ease;
    transition: all 350ms ease;
  }

  .mobile-search .mobile-search-content {
    display: block;
  }

  body.open-mobile-search .mobile-search-content {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }

  body.open-mobile-search .mobile-search-content .nice-select .list {
    max-height: 200px;
    overflow-y: scroll;
    margin: 0;
    border-radius: 0;
  }

  .biolife-cart-info .minicart-contain a>.sub-total,
  .biolife-cart-info .minicart-contain a>.title {
    display: none;
  }

  .mobile-footer {
    display: block;
  }

  body {
    margin-bottom: 44px;
  }

  .header-top .top-bar {
    max-width: 100%;
  }

  .header-area.layout-02 .header-top .right .horizontal-menu>li.item-link,
  .header-top .right .horizontal-menu>.currency,
  .header-top .right .horizontal-menu>.lang,
  .header-top .top-bar .social-list {
    display: none;
  }

  .header-area.layout-01 .mobile-search .open-searchbox .biolife-icon {
    color: #333333;
    font-size: 24px;
  }

  .header-area.layout-01 .mobile-search .open-searchbox {
    line-height: 1;
    text-align: center;
    padding: 10px 0 10px 10px;
    vertical-align: top;
    background: transparent !important;
  }

  .header-area.layout-01 .biolife-cart-info>div {
    vertical-align: top;
  }
}

@media (max-width: 767px) {
  .grid-twice-item>li+li {
    margin-top: 80px;
  }

  .biolife-banner__special {
    padding-top: 80px;
  }

  .main-content>.posts-list li {
    margin-bottom: 0;
  }

  .main-content>.posts-list li+li {
    margin-top: 10px;
  }

  .hero-section {
    margin-top: 0;
  }

  .main-content .main-post-list {
    margin-top: 30px;
  }

  .main-content .main-post-list li:not(:last-child) {
    margin-bottom: 70px;
  }

  .post-item.style-bottom-info .post-content .post-name a {
    font-size: 20px;
    line-height: 24px;
  }

  .blog-page .posts-list:not(.biolife-carousel) .post-item.style-bottom-info .thumbnail img {
    width: 100%;
  }

  .biolife-banner__special .banner-contain {
    border: 1px solid #eeeeee;
    text-align: center;
    padding: 15px 5px 30px;
  }

  .biolife-banner__special .text-content,
  .biolife-banner__special .media {
    width: 100%;
  }

  .biolife-banner__special .media img {
    display: inline-block;
  }

  .biolife-banner__special .product-detail {
    margin-top: 0;
    text-align: center;
  }

  .biolife-banner__special .product-detail .buttons {
    margin-top: 20px;
  }

  .biolife-banner__special .product-detail .add-to-cart-btn {
    font-weight: 700;
    min-width: auto;
    padding: 12px 25px;
    font-size: 14px;
    text-transform: capitalize;
  }

  .biolife-banner__special .text-content .first-line,
  .biolife-banner__special .text-content .second-line,
  .biolife-banner__special .text-content .third-line {
    display: none;
  }

  .biolife-banner__special .product-detail .price-contain .price-amount,
  .biolife-banner__special .product-detail .price-contain ins .price-amount {
    font-size: 0.8vw;
  }

  .slider-opt05 .media {
    bottom: 50px;
    top: auto;
  }

  .biolife-banner__style-01 .text-content .fourth-line,
  .biolife-banner__style-01 .text-content .first-line {
    color: #333333;
    font-weight: 600;
  }

  .biolife-banner__style-15 .text-content,
  .biolife-banner__style-01 .text-content {
    right: 10px;
    left: 10px;
    padding: 20px 10px;
    background-color: rgba(255, 255, 255, 0.8);
    text-align: center;
    top: 10px;
    bottom: 10px;
    width: auto;
  }

  .header-area.layout-02 .biolife-logo,
  .header-area.layout-03 .biolife-logo,
  .header-area.layout-04 .biolife-logo,
  .header-area.layout-05 .biolife-logo {
    display: block;
    margin-top: 5px;
  }

  .header-area .header-middle {
    padding: 15px 0 !important;
  }

  .slider-opt04__layout01 .text-content .third-line {
    line-height: 24px;
  }

  .wrap-custom-menu.horizontal-menu-v2 ul.menu>li+li {
    border-left: none;
  }

  .style-bottom-info.layout-02 .post-meta__item-social-box .inner-content {
    left: auto;
    right: 0;
    margin-left: 0;
    margin-right: -10px;
  }

  .mobile-search-content .form-search>.btn-close {
    top: -17px;
    right: -12px;
  }

  .main-slide .biolife-carousel.nav-none-on-mobile .slick-arrow.prev,
  .main-slide .biolife-carousel.nav-none-on-mobile .slick-arrow.next {
    display: none !important;
  }

  .sumary-product .action-form .total-price-contain {
    margin-top: 35px;
    margin-bottom: 35px;
  }

  .sumary-product .action-form .location-shipping-to,
  .sumary-product .action-form .social-media {
    margin-top: 35px;
  }

  .sumary-product .action-form .title {
    text-transform: uppercase;
    font-weight: 700;
  }

  .order-summary .title-block .title {
    font-size: 23px;
    font-weight: 700;
  }

  .checkout-progress-wrap .checkout-act .title-box {
    font-size: 19px;
  }

  .contact-info-container .addr-info {
    margin-top: 35px;
  }

  .contact-info-container .frst-desc {
    line-height: 25px;
    font-size: 0.8vw;
  }

  .register-in-container .box-title,
  .contact-info-container .box-title {
    font-size: 25px;
  }

  .post-item.style-wide .post-content .post-name {
    font-size: 22px;
    line-height: 24px;
  }

  .post-item .group-buttons .btn.readmore {
    padding: 6px 10px;
    min-width: 134px;
  }

  .search-widget input[type="text"] {
    border-width: 1px;
  }

  .single-post-contain .post-content blockquote p {
    font-size: 15px;
  }

  .single-post-contain .post-head .post-archive {
    font-size: 0.8vw;
    margin-top: 13px;
  }

  .post-comments .wrap-post-comment .cmt-inner {
    margin-top: 20px;
  }

  .post-comments.lever-0>li:first-child>.wrap-post-comment>.cmt-inner {
    margin-top: 5px;
  }

  .post-comments .comment-form .form-row textarea {
    padding: 55px 10px 10px 15px;
    height: 220px;
  }

  .post-comments .comment-form .form-row .current-author {
    top: 10px;
    left: 10px;
  }

  .single-post-contain .post-foot .auth-info .avata {
    margin-right: 5px;
  }

  .single-post-contain .post-content blockquote {
    padding: 10px;
  }

  .single-post-contain .post-head .post-name {
    font-weight: 700;
    font-size: 23px;
    line-height: 24px;
  }

  .contain-product__deal-layout .info .price {
    margin-top: 12px;
  }

  .contain-product__deal-layout .slide-down-box .buttons .btn:not(.add-to-cart-btn) {
    display: none;
  }

  .contain-product .info .product-title {
    margin-top: 13px;
  }

  .biolife-countdown .number {
    font-size: 17px;
  }

  .contain-product__deal-layout {
    padding: 10px 10px 30px;
    text-align: center;
  }

  .contain-product__deal-layout img {
    display: inline-block;
  }

  .biolife-banner__style-01 .text-content .third-line,
  .biolife-banner__style-01 .text-content .second-line {
    font-size: 30px;
    line-height: 40px;
  }

  .tab-head__icon-top-layout:not(.background-tab-include) a::after {
    content: none;
  }

  .instagram-ltl-item,
  .instagram-ltl-item .link-to img,
  .instagram-ltl-item .link-to {
    width: 100%;
  }

  .contain-product__right-info-layout3 {
    display: block;
  }

  .contain-product__right-info-layout3 .buttons .add-to-cart-btn {
    width: 100%;
    border-radius: 0;
    padding: 13px;
    min-width: auto;
  }

  .contain-product__right-info-layout3 .buttons .btn:not(.add-to-cart-btn) {
    display: none;
  }

  .products-list.vertical-layout-02 li {
    padding: 0 0 20px;
  }

  .biolife-banner__grid.type-02 .banner-contain .cat-name {
    max-width: 250px;
  }

  .biolife-banner__grid .media-contain.media-06,
  .biolife-banner__grid .media-contain.media-01,
  .biolife-banner__grid .media-contain {
    height: 300px;
  }

  .biolife-banner__grid .banner-contain .cat-name {
    font-size: 22px;
  }

  .sumary-product .action-form .total-price-contain .price {
    font-size: 21px;
  }

  .sumary-product .product-attribute .title {
    font-weight: 700;
  }

  .hero-section .page-title {
    font-size: 28px;
  }

  .biolife-banner__style-12 .text2 {
    padding: 0;
    font-size: 22px;
  }

  .biolife-carousel.row-space-29px .row-item+.row-item {
    margin-top: 20px;
  }

  .slider-opt05 .text-content .second-line {
    font-size: 32px;
    line-height: 43px;
  }

  .advance-product-box_countdown {
    border: none;
  }

  .advance-product-box_countdown .contain-product .info .product-title {
    margin-top: 20px;
  }

  .biolife-title-box_in-countdown {
    padding: 0;
  }

  .biolife-title-box_in-countdown .title {
    font-size: 24px;
    margin-bottom: 30px;
  }

  .advance-product-box_countdown .biolife-carousel {
    border: 1px solid #e6e6e6;
    padding-top: 10px;
  }

  .biolife-title-box.style-02 .desc,
  .biolife-title-box.style-02 .subtitle,
  .biolife-title-box.slim-item .subtitle {
    display: none;
  }

  .contain-product.scale-effect {
    padding-bottom: 20px;
  }

  .contain-product.layout-default .slide-down-box .buttons .wishlist-btn {
    display: none;
  }

  .contain-product.layout-default .slide-down-box .buttons {
    text-align: center;
  }

  .tab-head__sample-layout.type-02 .tab-element .tab-link:hover,
  .tab-head__sample-layout.type-02 .active .tab-link {
    background: #fafafa;
  }

  .biolife-banner__special-03 .banner-contain {
    padding-bottom: 0;
  }

  .biolife-title-box__bgrd-bold {
    margin-top: 70px;
    margin-bottom: 40px;
    text-align: center;
  }

  .biolife-title-box__bgrd-bold .title {
    font-size: 24px;
    width: auto;
    display: inline-block;
    text-align: center;
    padding: 10px 30px 17px;
    background-size: 100%;
    min-width: 210px;
  }

  .contain-product__right-info-layout3 .product-thumb img {
    display: block;
    width: 100%;
  }

  .contain-product__right-info-layout3 .product-thumb {
    width: 100% !important;
  }

  .contain-product__right-info-layout3 .info .price ins .price-amount {
    font-size: 18px;
  }

  .contain-product__right-info-layout3 .info .rating .star-rating {
    margin-top: 0;
  }

  .contain-product__right-info-layout3 .info .rating {
    display: none;
  }

  .contain-product__right-info-layout3 .info .price {
    display: block;
    text-align: left;
    float: none;
    max-width: 100%;
  }

  .contain-product__right-info-layout3 .info .product-title {
    display: block;
    max-width: initial;
    text-align: left;
    margin-top: 15px;
    margin-bottom: 10px;
    font-size: 15px;
  }

  .contain-product__right-info-layout3 .info {
    padding: 0;
  }

  .contain-product__right-info-layout3 .info .desc {
    display: none;
  }

  .contain-product__right-info-layout3 .info,
  .contain-product__right-info-layout3 .product-thumb {
    display: block;
  }

  .biolife-banner__promotion6 .media .img-moving.position-1 {
    position: static;
  }

  .biolife-banner__promotion6 .banner-contain .media {
    height: auto;
    padding-top: 10px;
  }

  .biolife-banner__promotion6 .text-content .text2 {
    font-size: 28px;
    line-height: 38px;
  }

  .biolife-banner__promotion6 .banner-contain .text-content {
    top: 50%;
    left: 50%;
    right: auto;
    max-width: 290px;
    margin-left: -145px;
    padding: 25px 10px 35px;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
  }

  .biolife-banner__special-02 .text-content .text04 i,
  .biolife-banner__special-02 .text-content .text04,
  .biolife-banner__special-02 .text-content .text03 {
    font-size: 22px;
  }

  .biolife-banner__special-02 .product-detail .price-contain .price-amount,
  .biolife-banner__special-02 .text-content .text02 {
    font-size: 24px;
  }

  .biolife-banner__special-02 .text-content .text01 {
    font-size: 32px;
    margin-bottom: 5px;
    color: #888;
    opacity: 1;
    filter: alpha(opacity=100);
  }

  .biolife-banner__special-02 .text-content .text03 {
    margin: 17px 0 10px;
    color: var(--primary-black);
  }

  .biolife-banner__special-02 .text-content .text04 {
    color: var(--primary-black);
  }

  .biolife-newsletter-popup-contain .modal-dialog {
    width: 290px;
    margin: 100px auto;
  }

  .newsletter-block_popup-layout {
    padding: 40px 15px 40px;
  }

  .newsletter-block_popup-layout .wrap-title .newslt-title {
    font-size: 32px;
    margin-top: 12px;
  }

  .newsletter-block_popup-layout .form-content .input-text {
    padding: 8px;
  }

  .newsletter-block_popup-layout .form-content .bnt-submit {
    padding: 11px;
    margin-top: 25px;
  }

  .newsletter-block_popup-layout .form-content .dismiss-newsletter {
    margin-top: 35px;
  }

  .header-area.layout-01 {
    position: static;
  }

  .header-area.layout-01 .header-bottom:not(.pre-sticky) {
    padding: 15px 0;
  }

  .minicart-block.layout-02 .icon-contain .btn-to-cart {
    padding: 12px 10px;
  }

  .minicart-block.layout-02 .icon-contain .biolife-icon {
    line-height: 35px;
  }

  .newsletter-block.layout-04 .wrap-title .biolife-icon {
    display: none;
  }

  .newsletter-block.layout-04 .wrap-title .texts {
    padding: 0;
    text-align: center;
  }

  .newsletter-block.layout-04 .wrap-title .sub-title {
    margin: 15px 0 0;
  }

  .newsletter-block.layout-04 .wrap-title {
    margin-bottom: 30px;
    margin-top: 15px;
  }

  .biolife-brand-block .link-brand-item {
    display: block;
    text-align: center;
  }

  .biolife-brand-block .link-brand-item img {
    display: inline-block;
  }

  .newsletter-block.layout-03 {
    padding-top: 90px;
    background-position: center left;
  }

  .newsletter-block.layout-03 .form-content .newslt-title {
    font-size: 22px;
  }

  .newsletter-block.layout-03 .form-content .sub-title {
    margin: 20px 0 0;
  }

  .biolife-title-box__under-line {
    margin-bottom: 30px;
    border-bottom: 0;
    padding-bottom: 10px;
  }

  .biolife-banner__detail-product .head-info .text2 {
    margin-top: 5px;
  }

  .biolife-banner__detail-product .head-info h3 i {
    font-size: 26px;
  }

  .biolife-banner__detail-product .head-info h3 {
    font-size: 22px;
  }

  .hidden-icon-on-mobile.biolife-title-box .biolife-icon {
    display: none;
  }

  .footer.layout-02 .footer-content {
    padding-top: 50px;
  }

  .products-list__vertical-layout li:last-child {
    padding-bottom: 0;
  }

  .products-category-box .title {
    font-size: 24px;
    margin-bottom: 35px;
  }

  .products-category-box {
    padding: 0;
  }

  .biolife-stretch-the-right-background>.bg_underground {
    display: none;
  }

  .payment-methods.layout-02 .payments li {
    margin-bottom: 10px;
  }

  .payment-methods.layout-02 .payments li:not(:last-child) {
    margin-right: 10px;
  }

  .biolife-social.bigger-on-mobile ul li+li {
    margin-left: 40px;
  }

  .biolife-social.bigger-on-mobile ul li a {
    font-size: 22px;
  }

  .newsletter-block.layout-02 {
    padding-top: 10px;
  }

  .biolife-banner__promotion4.v2 .container {
    position: initial;
  }

  .biolife-banner__promotion4.v2 .position-2 {
    margin: 0;
    max-width: 107px;
  }

  .biolife-banner__promotion4.v2 .position-1 {
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
  }

  .biolife-title-box.link-all .main-title {
    font-size: 22px;
  }

  .post-item.style-bottom-info.layout-02 .thumbnail a>img {
    width: 100%;
  }

  .biolife-banner__promotion4 .position-1 {
    left: 0;
  }

  .biolife-banner__promotion4 .text-content .first-line {
    font-size: 35px;
    line-height: 35px;
  }

  .biolife-banner__promotion4 .position-2 img {
    -webkit-animation: unset;
    animation: unset;
  }

  .biolife-banner__promotion4 .banner-contain {
    position: initial;
  }

  .biolife-banner__promotion4 {
    position: relative;
    overflow: hidden;
  }

  .biolife-banner__promotion4 .text-content {
    padding: 23px 0;
    top: 50%;
    left: 0;
    right: 0;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    max-width: none;
  }

  .biolife-banner__promotion4.v2 .text-content {
    background: none;
  }

  .biolife-banner__promotion4.v2::before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 7;
  }

  .biolife-title-box.style-02 .main-title {
    font-size: 24px;
  }

  .slider-opt03__layout02 .text-content {
    margin: 0 0 0 -200px;
    left: 50%;
    padding: 15px 15px 25px;
  }

  .contain-product__right-info-layout .info .rating .review-count {
    display: none;
  }

  .contain-product__right-info-layout .product-thumb {
    width: 40%;
  }

  .contain-product__deal-layout .biolife-countdown>span {
    min-width: 50px;
    padding: 6px;
  }

  .contain-product__deal-layout .biolife-countdown .text {
    font-size: 11px;
    font-weight: 700;
  }

  .biolife-title-box__bold-style.mobile-tiny .title,
  .biolife-title-box__bold-style .title {
    font-size: 24px;
  }

  .biolife-title-box__bold-style {
    margin-top: 80px;
    padding-right: 0;
  }

  .biolife-banner__promotion2 .text-content {
    position: absolute;
    top: 50%;
    left: 15px;
    margin-top: -150px;
  }

  .biolife-banner__promotion2 .media {
    position: static;
    width: 100%;
    margin-top: -91px;
  }

  .biolife-tab .tab-content {
    clear: both;
  }

  .biolife-tab .tab-head:not(.tab-head__default) .tabs {
    display: inline-block;
    margin: 16px 0 10px !important;
    width: 100%;
    padding: 15px 20px;
  }

  .tab-head__icon-top-layout a::after {
    content: none;
  }

  .tab-head__icon-top-layout a {
    font-size: 0.8vw;
    vertical-align: middle;
    background-color: #f6f6f6;
    display: inline-block;
    width: 100%;
    text-align: left;
    padding: 7px 5px;
  }

  .tab-head__icon-top-layout .biolife-icon.icon-blueberry {
    margin-left: 7px;
  }

  .tab-head__icon-top-layout .biolife-icon {
    display: inline-block;
    font-size: 28px;
    margin: 0 10px 0 0;
    vertical-align: middle;
  }

  .biolife-tab .tab-head:not(.tab-head__default):not(.tab-head__sample-layout) .tab-element.active .tab-link {
    background-color: #888;
    color: #f6f6f6;
  }

  .biolife-tab .tab-head:not(.tab-head__default):not(.tab-head__sample-layout) .tabs .tab-element {
    width: 50%;
    text-align: left;
    float: left;
    padding: 0 1px;
    margin-bottom: 1px;
  }

  .biolife-tab .tab-head:not(.tab-head__default):not(.tab-head__sample-layout) .tabs .tab-element+.tab-element {
    margin-left: 0;
  }

  .biolife-tab .tab-head__sample-layout .tabs .tab-element {
    width: 100%;
    border-left: 3px solid #fafafa;
    background: #fafafa;
    margin-bottom: 1px;
  }

  .tab-head__sample-layout .tabs .tab-element.active {
    border-left-color: var(--primary-black);
  }

  .tab-head__sample-layout .tab-element .tab-link {
    color: #aaaaaa;
    padding: 11px;
    background: #fafafa;
    font-size: 15px;
  }

  .tab-head__sample-layout .tab-element .tab-link:hover,
  .tab-head__sample-layout .active .tab-link {
    color: var(--primary-black);
    background: #efefef;
  }

  .services-list {
    border: none;
  }

  .services-list li {
    width: 100%;
    border: 1px solid #e6e6e6;
    margin-bottom: 30px;
    padding-top: 30px;
    padding-bottom: 40px;
  }

  .biolife-service__type02 .services-list li {
    border: none;
    padding: 0;
    margin: 0;
  }

  .slider-opt03__layout01 .text-content {
    right: 50%;
    margin: 0 -270px 0 0;
    min-width: 540px;
  }

  .slider-opt03__layout01.mode-02 .text-content {
    margin-top: 10px;
  }

  .slider-opt03__layout01.mode-03 .media,
  .slider-opt03__layout01.mode-02 .media,
  .slider-opt03__layout01 .media {
    height: 480px;
  }

  .slider-opt03__layout01 .media .child-elememt {
    top: 0;
    right: 0;
    left: 0;
    text-align: center;
    margin: 0;
  }

  .slider-opt03__layout01 .media .child-elememt>* {
    height: 440px;
    display: inline-block;
    margin-top: 40px;
  }

  .slider-opt03__layout01 .media .child-elememt img {
    width: initial;
    height: 100%;
    max-width: initial;
  }

  .slick-slide.slick-active .slider-opt03__layout01 .media .child-elememt,
  .slick-slide .slider-opt03__layout01 .media .child-elememt {
    left: 50%;
    right: auto;
    -webkit-transform: scale(1) translateX(-50%);
    -moz-transform: scale(1) translateX(-50%);
    -ms-transform: scale(1) translateX(-50%);
    -o-transform: scale(1) translateX(-50%);
    transform: scale(1) translateX(-50%);
  }

  .post-item.style-left-info .thumbnail img,
  .post-item.style-left-info .thumbnail {
    width: 100%;
  }

  .post-item.style-left-info .thumbnail,
  .post-item.style-left-info .post-content,
  .post-item.style-left-info {
    display: block;
    text-align: center;
    padding-left: 0;
  }

  .post-item.style-left-info .post-content>* {
    max-width: 100%;
  }

  .post-item .post-content .post-archive {
    font-size: 0.8vw;
  }

  .post-item.style-left-info .post-content {
    padding-top: 15px;
  }

  .post-item.style-left-info .post-content .post-name {
    font-size: 22px;
    line-height: 24px;
  }

  .contact-info-block.footer-layout ul li {
    margin-bottom: 15px;
  }

  .post-comments .wrap-post-comment .cmt-fooot .btn {
    color: #888888;
  }

  .post-comments .wrap-post-comment .cmt-content p {
    color: var(--primary-black);
  }

  .post-comments .comment-list ol.lever-1 {
    padding-left: 25px;
  }

  .post-comments .comment-list ol {
    background: #fcfcfc;
    padding: 10px;
  }

  .post-comments .form-row.last-btns .btn-sumit {
    width: 100%;
    margin-bottom: 20px;
    margin-top: 15px;
  }

  .post-comments .cmt-title {
    font-size: 25px;
  }

  .single-post-contain .post-head {
    margin-bottom: 30px;
  }

  .single-post-contain .post-foot .post-tags .tags li {
    margin-bottom: 10px;
  }

  .single-post-contain .post-foot .post-tags .tag-title {
    display: none;
  }

  .testimonial-block .testml-elem .desc {
    text-align: justify;
  }

  .testimonial-block .testimonial-list {
    padding: 0 0 55px;
  }

  .testimonial-block .box-title {
    margin: 50px 0 40px;
  }

  .why-choose-us-block .showcase {
    padding-bottom: 50px;
  }

  .welcome-us-block {
    height: auto;
    background: none;
    padding-bottom: 20px;
  }

  .why-choose-us-block .subtitle {
    margin: 29px 0 0;
  }

  .welcome-us-block .text-wraper {
    margin: 43px 0 0;
    padding: 0 0 40px;
    background: none;
    width: 100%;
    max-width: 100%;
    text-align: center;
  }

  .welcome-us-block .qt-text,
  .welcome-us-block .text-info {
    float: none;
  }

  .testimonial-block .box-title::after,
  .testimonial-block .box-title::before {
    display: none;
  }

  .why-choose-us-block .box-title,
  .testimonial-block .box-title,
  .welcome-us-block .title {
    font-size: 28px;
  }

  .showcase .sc-center-position {
    display: none;
  }

  .showcase .sc-right-position {
    padding-top: 42px;
    direction: ltr;
  }

  .sc-left-position,
  .sc-right-position {
    padding-top: 30px;
  }

  .showcase .sc-left-position,
  .showcase .sc-right-position {
    max-width: 100%;
    text-align: center;
    width: 100%;
  }

  .why-choose-us-block .sc-element .txt-content {
    width: 100%;
  }

  .why-choose-us-block .sc-element .txt-content .number {
    font-size: 37px;
  }

  .why-choose-us-block .sc-element .txt-content .desc {
    font-size: 15px;
    line-height: 24px;
  }

  .register-in-container {
    margin-top: 50px;
  }

  .signin-container .form-row.wrap-btn {
    text-align: center;
  }

  .signin-container .form-row .link-to-help {
    float: none;
    margin: 24px 0 0;
  }

  .signin-container .form-row .btn-submit {
    width: 100%;
    margin-top: 20px;
  }

  .signin-container {
    margin-top: 20px;
  }

  .top-banner ul {
    width: 100%;
  }

  .top-banner ul li {
    padding: 0 15px;
  }

  .top-banner {
    padding: 57px 10px 35px;
  }

  .shopping-cart-container th {
    display: none;
  }

  .shopping-cart-container table.cart-form tbody,
  .shopping-cart-container table.cart-form tr,
  .shopping-cart-container table.cart-form td,
  .shopping-cart-container table.cart-form {
    display: block;
    padding: 0;
  }

  .shopping-cart-container table.cart-form tr {
    margin-bottom: 30px;
    border: 1px solid #e6e6e6;
  }

  .shopping-cart-container table.cart-form td {
    padding: 15px 5px;
  }

  .shopping-cart-container table.cart-form td+td {
    border-top: 1px solid #e6e6e6;
  }

  .shopping-cart-container table.cart-form td.product-thumbnail {
    text-align: center;
    padding-top: 26px;
  }

  .shopping-cart-container table.cart-form td.product-thumbnail .prd-name {
    padding: 0;
    width: 100%;
    margin-top: 16px;
  }

  .shopping-cart-container table.cart-form td.product-thumbnail .action {
    padding: 5px;
    top: 0;
    right: 0;
    left: auto;
    bottom: auto;
  }

  .shopping-cart-container table.cart-form td.product-thumbnail .action a {
    padding: 3px 5px;
    margin-left: 10px;
  }

  .shopping-cart-container table.cart-form tr.wrap-buttons {
    border: none;
  }

  .shopping-cart-container table.cart-form td.wrap-btn-control {
    padding: 0;
  }

  .shopping-cart-container table.cart-form td.wrap-btn-control button.btn {
    width: calc(50% - 5px);
    min-width: auto;
    float: left;
  }

  .shopping-cart-container table.cart-form td.wrap-btn-control .btn-clear {
    margin-left: 10px;
  }

  .shopping-cart-container table.cart-form td.wrap-btn-control a.back-to-shop {
    width: 100%;
    margin-bottom: 20px;
  }

  .single-layout.product-tabs {
    margin-top: 45px;
  }

  .review-tab #comments .comment-content .comment-in .post-date {
    display: none;
  }

  .review-tab #comments .comment-review-form {
    margin-top: 25px;
  }

  .review-tab #comments .comment-review-form .actions {
    display: table;
    width: 100%;
    margin-top: 0;
  }

  .review-tab #comments .comment-review-form .actions li {
    display: table-cell;
    width: 33.33333%;
  }

  .product-tabs.single-layout .tab-content .row {
    margin: 0;
  }

  .product-tabs.single-layout .tab-content .col-xs-12 {
    padding: 0;
  }

  .product-category .products-list {
    padding-left: 7px;
    padding-right: 7px;
  }

  .product-category .products-list .product-item {
    padding: 0 7px;
  }

  .footer-phone-info .r-info {
    font-size: 14px;
    padding-left: 15px;
  }

  .newsletter-block .title {
    font-size: 17px;
  }

  .payment-methods.layout-02 .title {
    font-size: 19px;
    font-weight: 700;
    margin: 0 0 30px;
  }

  .footer-item .section-title {
    font-size: 19px;
  }

  .biolife-cart-info .minicart-block .cart-content {
    width: auto;
    right: -52px;
  }

  .biolife-cart-info .minicart-block .cart-inner {
    width: 290px;
    padding-left: 10px;
  }

  .biolife-cart-info .minicart-item .thumb {
    width: 80px;
  }

  .biolife-cart-info .minicart-item .left-info {
    width: calc(100% - 80px);
    padding-right: 12px;
  }

  .biolife-cart-info .minicart-block ul.products li:first-child .minicart-item .action {
    margin-top: -32px;
  }

  .minicart-item .action {
    top: 50%;
  }

  .minicart-item .action a {
    float: left;
    clear: left;
    width: 12px;
    font-size: 14px;
    text-align: center;
  }

  .minicart-item .action a+a {
    margin-left: 0;
    margin-top: 16px;
  }

  .biolife-cart-info .minicart-block .btn-control .btn {
    width: calc(50% - 5px);
    padding: 12px;
    font-size: 12px;
    border-radius: 0;
  }

  .biolife-cart-info .minicart-block .btn-control .view-cart {
    margin-right: 10px;
  }

  .minicart-item .left-info .product-title {
    font-size: 15px;
    font-weight: 600;
  }

  .payment-methods ul,
  .copy-right-text {
    text-align: center;
  }

  .payment-methods ul li+li {
    margin-left: 5px;
  }

  .biolife-cart-info>div+div {
    margin-left: 22px;
  }

  .mobile-search .mobile-search-content {
    padding: 20px 15px;
    margin-left: -145px;
    width: 290px;
    margin-top: -101px;
    top: 50%;
  }

  .mobile-search .mobile-search-content .nice-select {
    width: 100%;
    border-top: none;
    border-left: 0;
    border-right: 0;
  }

  .mobile-search .mobile-search-content .input-text {
    width: 100%;
    margin-bottom: 15px;
    border-top: none;
    border-left: 0;
    border-right: 0;
  }

  .mobile-search .mobile-search-content .btn-submit {
    margin-top: 15px;
    width: 100%;
    position: static;
  }
}

.rating-flex {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.rating-flex .flex-inner {
  display: flex;
  flex-wrap: wrap;
}

.price-qty-area {
  margin: 25px 0 0;
}

.sumary-product.single-layout .product-attribute .price {
  margin: 0 0 0;
}

@media (max-width: 600px) {
  .content-404 {
    margin: 0 auto;
    padding: 50px 15px 80px;
  }

  .price-qty-area {
    margin: 0px 0 0;
  }

  .content-404 .heading {
    font-size: 60px;
  }

  .content-404 .title {
    font-size: 28px;
  }

  .content-404 p {
    margin-bottom: 35px;
    font-size: 15px;
  }

  .slider-opt05 .text-content .first-line {
    color: #333333;
  }

  .slider-opt05 .text-content .third-line {
    color: #000000;
    font-weight: 600;
  }

  .slider-opt03__layout01 .text-content {
    right: 10px;
    left: 10px;
    margin: 0;
    text-align: center;
    padding: 20px 10px;
    min-width: auto;
  }

  .slider-opt03__layout01.mode-02 .text-content {
    margin-top: 45px;
  }

  .slider-opt03__layout01 .text-content .first-line {
    text-align: center;
    font-size: 28px;
  }

  .slider-opt03__layout01 .text-content .second-line {
    text-align: center;
    display: inline-block;
    font-size: 40px;
    line-height: 40px;
    max-width: 280px;
    margin-top: 10px;
  }

  .slider-opt03__layout01 .text-content .third-line {
    font-size: 18px;
    line-height: 24px;
  }

  .slider-opt03__layout01 .buttons .btn {
    padding: 14px 10px;
    min-width: 120px;
  }

  .slider-opt03__layout01 .buttons .btn+.btn {
    padding: 12px 10px;
    min-width: 120px;
    margin-left: 15px;
  }

  .single-post-contain .post-head .post-archive .author {
    display: block;
    margin-left: 0;
  }

  .biolife-banner__style-15 .text-content .second-line {
    font-size: 28px;
  }

  .biolife-banner__style-15 .text-content .third-line {
    font-size: 28px;
    margin-top: 8px;
  }

  .biolife-banner__style-15 .text-content .fourth-line,
  .biolife-banner__style-15 .text-content .first-line {
    color: var(--primary-black);
    font-weight: 600;
    font-size: 0.8vw;
  }

  .biolife-banner__promotion5 .banner-contain .media {
    height: 400px;
  }

  .biolife-banner__promotion5 .text-content .text1 {
    font-size: 25px;
  }

  .biolife-banner__promotion5 .text-content .text2 {
    font-size: 30px;
    line-height: 36px;
    margin: 10px 0 0;
  }

  .biolife-banner__style-11 .text4 span {
    font-size: 32px;
  }

  .biolife-banner__style-11 .text4 {
    font-size: 23px;
  }

  .biolife-banner__style-11 .text3,
  .biolife-banner__style-11 .text1 {
    font-size: 17px;
  }

  .biolife-banner__style-11 .text2 {
    font-size: 26px;
  }

  .biolife-banner__style-11 .banner-contain .text-content::before,
  .biolife-banner__style-12 .banner-contain .text-content::before {
    top: -18px;
    margin: 0;
    left: 50%;
    margin-left: -16px;
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
  }

  .biolife-banner__style-12 .banner-contain,
  .biolife-banner__style-11 .banner-contain {
    display: inline-block;
  }

  .biolife-banner__style-12 .banner-contain .media,
  .biolife-banner__style-12 .banner-contain .text-content,
  .biolife-banner__style-11 .banner-contain .media,
  .biolife-banner__style-11 .banner-contain .text-content {
    display: block;
    width: 100%;
  }

  .biolife-banner__style-12 .banner-contain .text-content,
  .biolife-banner__style-11 .banner-contain .text-content {
    padding: 20px 15px 30px;
    margin-top: 10px;
  }

  .biolife-banner__style-12 .banner-contain .media,
  .biolife-banner__style-11 .banner-contain .media {
    padding-right: 0;
  }

  .biolife-banner__style-12 .banner-contain .media img,
  .biolife-banner__style-11 .banner-contain .media img {
    display: inline-block;
    width: 100%;
  }

  .slider-opt03__layout02 .media {
    height: 400px;
  }

  .main-slide.nav-change2 .slick-arrow,
  .main-slide.nav-change .slick-arrow {
    display: none !important;
  }

  .slider-opt03__layout02 .text-content {
    width: 290px;
    margin-left: -145px;
    top: 51px;
  }

  .slider-opt03__layout02.type_02 .text-content {
    margin-left: 0;
    top: 70px;
  }

  .slider-opt03__layout02 .buttons .btn {
    padding: 9px 15px;
    min-width: 100px;
  }

  .slider-opt03__layout02 .buttons .btn-thin {
    padding: 7px 15px;
  }

  .slider-opt03__layout02 .text-content .third-line {
    margin: 22px 0 0;
    line-height: 24px;
    color: #000000;
  }

  .slider-opt03__layout02 .text-content .second-line {
    line-height: 1;
    margin-top: 15px;
    font-size: 32px;
  }

  .biolife-banner__promotion3 .text-content .second-line {
    font-size: 28px;
    max-width: 100%;
  }

  .biolife-banner__promotion3 .product-detail .txt-price {
    font-size: 23px;
  }

  .biolife-banner__promotion3 .product-detail .add-to-cart-btn {
    padding: 9px 10px;
    min-width: 135px;
  }

  .biolife-banner__promotion3 .text-content {
    padding-left: 15px;
    padding-right: 15px;
    padding-bottom: 30px;
    text-align: center;
  }

  .biolife-banner__promotion3 .text-wrap {
    background-color: rgba(255, 255, 255, 0.8);
    box-shadow: 0 0 7px 0 rgba(130, 130, 130, 0.2);
    border-radius: 2px;
    margin: 0;
    padding: 15px;
    display: inline-block;
    text-align: left;
  }

  .style-bottom-info.layout-02 .post-content .post-name {
    font-size: 20px;
    line-height: 24px;
  }

  .biolife-banner__promotion2 {
    overflow: hidden;
    margin-top: 75px;
  }

  .biolife-banner__promotion2 .banner-contain {
    text-align: center;
  }

  .biolife-banner__promotion2 .media {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    height: auto;
    padding: 20px 15px 30px;
    background-position: center top;
    margin-top: 0;
    border-top: 1px solid #eeeeee;
  }

  .biolife-banner__promotion2 .text-content {
    margin: 70px 0;
    position: relative;
    left: 0;
    top: 0;
    right: 0;
    float: initial;
    text-align: left;
  }

  .biolife-banner__promotion2 .text-content .btn-thin {
    padding: 8px 15px !important;
    margin-left: 5px;
  }

  .biolife-banner__promotion2 .text-content .btn {
    padding: 10px 22px;
    font-size: 13px;
    min-width: auto;
  }

  .biolife-banner__promotion2 .text-content .second-line,
  .biolife-banner__promotion2 .text-content .first-line {
    font-size: 22px;
    line-height: 27px;
  }

  .biolife-banner__promotion2 .text-content .second-line i {
    font-size: 22px;
  }

  .biolife-banner__promotion2.advance .text-content .second-line i {
    font-family: "Playfair Display", sans-serif;
    font-weight: 700;
    font-style: italic;
    text-transform: unset;
  }

  .biolife-banner__promotion3 {
    border-bottom: none;
  }

  .biolife-banner__promotion .product-detail .add-to-cart-btn {
    padding: 10px 30px;
    min-width: auto;
    margin-top: 35px;
  }

  .biolife-banner__promotion {
    height: auto;
    background-size: auto;
    background-position: center bottom;
  }

  .biolife-banner__promotion .text-content {
    position: static;
    padding: 50px 15px;
  }

  .biolife-banner__promotion .text-content .first-line {
    font-size: 25px;
  }

  .biolife-banner__promotion .text-content .second-line {
    font-size: 25px;
    line-height: 1;
  }

  .biolife-banner__promotion .product-detail .txt-price {
    font-size: 23px;
    margin: 0;
    display: block;
  }

  .biolife-banner__promotion .text-content .text-wrap {
    padding-left: 15px;
  }

  .biolife-service__type01 .txt-show-01 {
    font-size: 50px;
    line-height: 100px;
    opacity: 1;
    filter: alpha(opacity=100);
  }

  .biolife-service__type01 .txt-show-02 {
    font-size: 30px;
  }

  .biolife-carousel.dots_ring_style .slick-dots {
    display: none !important;
  }

  .single-post-contain .post-foot .auth-info {
    padding: 25px 0 0;
    border-bottom: 0;
  }

  .single-post-contain .post-foot .socials-connection {
    width: 100%;
    margin-top: 25px;
  }

  .single-post-contain .post-foot .socials-connection .social-list {
    width: 100%;
    margin: 0;
  }

  .single-post-contain .post-foot .socials-connection .title {
    display: none;
  }

  .order-summary .cart-list .cart-item .info,
  .order-summary .cart-list .cart-item .price,
  .order-summary .cart-list .cart-item .product-thumb {
    display: inline-block;
  }

  .order-summary .cart-list .cart-item .info,
  .order-summary .cart-list .cart-item .price {
    width: calc(100% - 113px);
    display: inline-block;
    float: right;
    padding-top: 5px;
    padding-left: 10px;
    text-align: left;
  }

  .order-summary .cart-list .cart-item .product-thumb {
    float: left;
  }

  .order-summary .cart-list .cart-item .info * {
    font-size: 15px;
    font-weight: 600;
  }

  .checkout-progress-wrap .checkout-act .box-content {
    padding-left: 15px;
    padding-top: 15px;
  }

  .top-banner ul li .cost {
    margin-left: 15px;
  }

  .top-banner .btns .btn {
    width: 100%;
  }

  .top-banner .btns .btn+.btn {
    margin-left: 0;
    margin-top: 15px;
  }

  .biolife-instagram-block .wrap-title .title,
  .biolife-title-box .main-title {
    font-size: 24px;
  }

  .product-tabs .review-form-wrapper {
    padding-top: 40px;
  }

  .accodition-tab>ul>li>.content {
    padding: 10px 0 15px;
  }

  .product-tabs .tab-content p,
  .accodition-tab>ul>li>.title {
    font-size: 14px;
  }

  .review-form-wrapper .form-row button[type="submit"],
  .review-form-wrapper .wide-half {
    width: 100%;
  }

  .review-form-wrapper .wide-half:nth-last-child(odd) {
    margin-left: 0;
  }

  .biolife-panigations-block.version-2 {
    text-align: center;
  }

  .biolife-panigations-block.version-2 ul li a.next {
    margin-left: 0;
  }

  .biolife-panigations-block.version-2 .result-count {
    width: 100%;
    margin-top: 15px;
  }

  .sumary-product .product-attribute .rating {
    margin-top: 0;
    padding-top: 8px;
  }

  .rating .star-rating {
    margin-top: 10px;
  }

  .sumary-product .product-attribute .review-count {
    margin-right: 17px;
    margin-top: 10px;
  }

  .sumary-product .product-attribute .qa-text,
  .sumary-product .product-attribute .category {
    margin-left: 0;
    margin-right: 17px;
    margin-top: 10px;
  }

  .sumary-product .product-attribute .product-atts .atts-item,
  .sumary-product .product-attribute .title,
  .sumary-product .product-attribute .excerpt {
    max-width: 100%;
  }

  .sumary-product .product-attribute {
    padding-left: 0;
    width: 100%;
    margin-top: 30px;
  }

  .single-product .main-content .sumary-product .product-attribute {
    padding-left: 0;
    padding-top: 12px;
    width: 100%;
    margin-top: 30px;
  }

  .sumary-product .product-attribute .product-atts,
  .sumary-product .media {
    width: 100%;
  }

  .sumary-product .action-form {
    width: 100%;
    margin-top: 33px;
  }

  .contain-product__right-info-layout2 .info .star-rating {
    margin-top: 0;
  }

  .product-category .products-list .product-item:not(:last-child) .pr-detail-layout {
    border-bottom: 1px solid #666;
    margin-bottom: 40px;
  }

  .pr-detail-layout .info .buttons .btn:not(.add-to-cart-btn) {
    display: none;
  }

  .pr-detail-layout .product-thumb {
    width: 100%;
  }

  .pr-detail-layout .info {
    width: 100%;
    padding: 0;
  }

  .pr-detail-layout .info .categories {
    margin-top: 24px;
    width: 100%;
    font-size: 0.8vw;
    color: #7faf51;
    font-weight: 700;
  }

  .pr-detail-layout .info .product-title {
    font-size: 20px;
    line-height: 24px;
    width: 100%;
    margin: 13px 0 0;
  }

  .pr-detail-layout .info .excerpt {
    margin: 20px 0 0;
    width: 100%;
  }

  .pr-detail-layout .info .buttons {
    margin-bottom: 23px;
  }

  .pr-detail-layout .info .buttons .add-to-cart-btn {
    min-width: 100%;
    padding: 13px;
  }

  .pr-detail-layout .advance-info {
    width: 100%;
    margin: 0;
    border: 1px dashed #aaa;
    padding: 13px;
    background: #f9f9f9;
  }

  .top-functions-area .flt-item.group-on-mobile .wrap-selectors {
    width: 290px;
    margin-left: -145px;
    padding: 15px;
  }

  .top-functions-area .viewmode-selector .viewmode {
    margin-left: 5px;
  }

  .top-functions-area .flt-item .flt-title {
    display: none;
  }

  .top-functions-area .flt-item.to-right .nice-select.orderby {
    border-radius: 0;
    border: 1px solid #e6e6e6;
    padding-left: 10px;
  }

  .top-functions-area .flt-item.to-right .nice-select.orderby .current {
    padding: 5px 0 7px;
    width: 118px;
  }
}

@media (max-width: 479px) {

  .biolife-banner__style-08 .text1,
  .biolife-banner__style-09 .text1,
  .biolife-banner__style-09 .text3 {
    color: #000000;
  }

  .payment-methods.layout-02 .payments {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }

  .payment-methods.layout-02 .payments li:not(:last-child) {
    margin-right: 0;
  }

  .post-item .post-content .post-archive .author {
    margin-left: 0;
    display: block;
  }

  .add-border-on-mobile {
    border: 1px solid #e6e6e6;
  }

  .biolife-tab .tab-head.tab-head__default .tabs .tab-element.active {
    background-color: #f0f0f0;
  }

  .biolife-tab .tab-head.tab-head__default .tabs .tab-element {
    width: 100%;
    margin: 0;
    background-color: #fafafa;
  }

  .biolife-tab .tab-head.tab-head__default .tabs .tab-element+.tab-element {
    margin: 0;
    margin-top: 1px;
  }

  .tab-head__default .tab-element .tab-link {
    padding: 12px;
    width: 100%;
    margin: 0;
  }

  .tab-head__default .tab-element .tab-link::before {
    display: none;
  }

  .biolife-banner__detail-product .bottom-info .btn {
    min-width: 100%;
    padding: 12px 10px;
    margin-right: 0;
    margin-bottom: 20px;
  }

  .biolife-banner__detail-product .bottom-info .btn-thin {
    min-width: 100%;
    padding: 10px 10px;
    margin-right: 0;
    margin-bottom: 0;
  }

  .bn-atts-item {
    max-width: 100%;
    text-align: left;
  }

  .biolife-banner__detail-product .midle-info .pr-atts li:nth-child(odd) {
    margin-right: 0;
  }

  .biolife-banner__detail-product .midle-info .pr-atts li {
    width: 100%;
  }

  .biolife-banner__promotion4 {
    height: 400px;
  }

  .slider-opt04__layout01 .buttons,
  .slider-opt03__layout02 .buttons {
    margin-top: 20px;
  }

  .slider-opt04__layout01 .buttons .btn,
  .slider-opt03__layout02 .buttons .btn {
    padding: 10px 20px;
    min-width: auto;
  }

  .slider-opt04__layout01 .buttons .btn-thin,
  .slider-opt03__layout02 .buttons .btn-thin {
    padding: 8px 20px;
    margin-left: 5px;
  }

  .slider-opt04__layout01 .buttons .btn-thin:not(:hover),
  .slider-opt03__layout02 .buttons .btn-thin:not(:hover) {
    background-color: #ffffff !important;
    color: var(--primary-black) !important;
    border-color: #ffffff !important;
  }

  .slider-opt04__layout01 .text-content .first-line,
  .slider-opt03__layout02 .text-content .first-line {
    font-size: 22px;
  }

  .slider-opt04__layout01.light-version .text-content .third-line,
  .slider-opt04__layout01.light-version .text-content .first-line {
    color: #000000;
    font-weight: 600;
  }

  .slider-opt04__layout01 .text-content .second-line,
  .slider-opt03__layout02 .text-content .second-line {
    font-size: 30px;
    line-height: 1;
    margin-top: 14px;
  }

  .slider-opt03__layout02 .text-content {
    left: 15px;
    top: 100px;
    padding-right: 5px;
  }

  .slider-opt04__layout01 .text-content {
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    top: 50%;
    left: 50%;
    right: auto;
    margin: 0;
    padding: 15px 10px;
    background-color: transparent;
    width: calc(100% - 10px);
    -webkit-transition: background-color 1.2s ease;
    -moz-transition: background-color 1.2s ease;
    -ms-transition: background-color 1.2s ease;
    -o-transition: background-color 1.2s ease;
    transition: background-color 1.2s ease;
  }

  .slick-active .slider-opt04__layout01.light-version .text-content {
    background-color: rgba(255, 255, 255, 0.8);
  }

  .slider-opt04__layout01 .buttons .btn {
    font-size: 13px;
  }

  .slider-opt04__layout01 .buttons .btn-thin {
    -webkit-box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.2);
    box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.2);
    margin-left: 10px;
  }

  .slider-opt04__layout01 .media {
    height: 400px;
  }

  .biolife-banner__style-02 .text-content,
  .biolife-banner__style-03 .text-content,
  .biolife-banner__style-04 .text-content {
    min-height: auto;
  }

  .biolife-banner__style-14 .text2,
  .biolife-banner__style-09 .text2,
  .biolife-banner__style-03 .text2,
  .biolife-banner__style-13 .text2,
  .biolife-banner__style-08 .text2,
  .biolife-banner__style-02 .text2 {
    font-size: 25px;
  }

  .main-slide .slick-arrow {
    display: none !important;
  }
}

@media (max-width: 399px) {
  .biolife-gird-banners .grid-panel .list-media .media-contain {
    height: 200px;
  }

  .biolife-gird-banners .grid-panel .list-media .cat-name {
    font-size: 18px;
    padding: 10px 10px 18px;
  }

  .biolife-gird-banners .grid-panel .list-media .biolife-banner__grid:not(.type-02) .banner-contain .cat-name {
    padding: 20px 15px;
    min-width: auto;
    width: 100%;
  }

  .biolife-gird-banners .grid-panel .list-media .biolife-banner__grid:not(.type-02) .banner-contain {
    bottom: 0;
  }
}

@media (max-width: 380px) {

  .biolife-banner__style-05 .banner-contain,
  .biolife-banner__style-06 .banner-contain,
  .biolife-banner__style-07 .banner-contain {
    overflow: hidden;
  }

  .biolife-banner__style-05 .media,
  .biolife-banner__style-06 .media,
  .biolife-banner__style-07 .media {
    left: -50px;
  }
}

.xs-margin-top-0 {
  margin-top: 0;
}

.xs-margin-top-10px {
  margin-top: 10px;
}

.xs-margin-top-19px {
  margin-top: 19px;
}

.xs-margin-top-20px {
  margin-top: 20px;
}

.xs-margin-top-25px {
  margin-top: 25px;
}

.xs-margin-top-30px {
  margin-top: 30px;
}

.xs-margin-top-30px-im {
  margin-top: 30px !important;
}

.xs-margin-top-33px {
  margin-top: 33px;
}

.xs-margin-top-34px {
  margin-top: 34px;
}

.xs-margin-top-36px {
  margin-top: 36px;
}

.xs-margin-top-40px {
  margin-top: 40px;
}

.xs-margin-top-45px {
  margin-top: 45px;
}

.xs-margin-top-50px-im {
  margin-top: 50px !important;
}

.xs-margin-top-50px {
  margin-top: 50px;
}

.xs-margin-top-60px {
  margin-top: 60px;
}

.xs-margin-top-65px {
  margin-top: 65px;
}

.xs-margin-top-80px {
  margin-top: 80px;
}

.xs-margin-top-80px-im {
  margin-top: 80px !important;
}

.xs-margin-top-90px {
  margin-top: 90px;
}

.xs-margin-top-100 {
  margin-top: 100px;
}

.xs-margin-bottom-15px {
  margin-bottom: 15px;
}

.xs-margin-bottom-16px {
  margin-bottom: 16px;
}

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

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

.xs-margin-bottom-36px {
  margin-bottom: 36px;
}

.xs-margin-bottom-33px {
  margin-bottom: 33px;
}

.xs-margin-bottom-40-im {
  margin-bottom: 40px !important;
}

.xs-margin-bottom-46px {
  margin-bottom: 46px;
}

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

.xs-margin-bottom-66px {
  margin-bottom: 66px;
}

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

.xs-margin-bottom-50px-im {
  margin-bottom: 50px !important;
}

.xs-margin-bottom-60px-im {
  margin-bottom: 60px !important;
}

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

.xs-padding-top-10px {
  padding-top: 10px;
}

.xs-padding-top-30px {
  padding-top: 30px;
}

.xs-padding-bottom-50px {
  padding-bottom: 50px;
}

.width-100percent {
  width: 100%;
}

.width-90percent {
  width: 90%;
}

.width-80percent {
  width: 80%;
}

.width-40percent {
  width: 40%;
}

.width-30percent {
  width: 30%;
}

.width-20percent {
  width: 20%;
}

.width-10percent {
  width: 10%;
}

.min-height-346px {
  min-height: 346px;
}

@media (min-width: 768px) {
  .sm-margin-top_-1px {
    margin-top: -1px;
  }

  .sm-margin-top-0 {
    margin-top: 0;
  }

  .sm-margin-top-0-im {
    margin-top: 0 !important;
  }

  .sm-margin-top-11px {
    margin-top: 11px;
  }

  .sm-margin-top-19px {
    margin-top: 19px;
  }

  .sm-margin-top-23px {
    margin-top: 23px;
  }

  .sm-margin-top-25px {
    margin-top: 25px;
  }

  .sm-margin-top-27px {
    margin-top: 27px;
  }

  .sm-margin-top-30px {
    margin-top: 30px;
  }

  .sm-margin-top-30px-im {
    margin-top: 30px !important;
  }

  .sm-margin-top-32px {
    margin-top: 32px;
  }

  .sm-margin-top-33px {
    margin-top: 33px;
  }

  .sm-margin-top-34px {
    margin-top: 34px;
  }

  .sm-margin-top-37px {
    margin-top: 37px;
  }

  .sm-margin-top-39px {
    margin-top: 39px;
  }

  .sm-margin-top-40px {
    margin-top: 40px;
  }

  .sm-margin-top-44px {
    margin-top: 44px;
  }

  .sm-margin-top-45px {
    margin-top: 45px;
  }

  .sm-margin-top-49px {
    margin-top: 49px;
  }

  .sm-margin-top-50px {
    margin-top: 50px;
  }

  .sm-margin-top-53px {
    margin-top: 53px;
  }

  .sm-margin-top-54px {
    margin-top: 54px;
  }

  .sm-margin-top-55px {
    margin-top: 55px;
  }

  .sm-margin-top-59px {
    margin-top: 59px;
  }

  .sm-margin-top-60px {
    margin-top: 60px;
  }

  .sm-margin-top-61px {
    margin-top: 61px;
  }

  .sm-margin-top-62px {
    margin: 62px 0 0;
  }

  .sm-margin-top-63px {
    margin: 63px 0 0;
  }

  .sm-margin-top-64px {
    margin-top: 64px;
  }

  .sm-margin-top-70px {
    margin-top: 70px;
  }

  .sm-margin-top-71px {
    margin-top: 71px;
  }

  .sm-margin-top-74px {
    margin-top: 74px;
  }

  .sm-margin-top-76px {
    margin-top: 76px;
  }

  .sm-margin-top-80px {
    margin-top: 80px;
  }

  .sm-margin-top-84px {
    margin-top: 84px;
  }

  .sm-margin-top-93px {
    margin-top: 93px;
  }

  .sm-margin-top-96px {
    margin-top: 96px;
  }

  .sm-margin-top-100px {
    margin-top: 100px;
  }

  .sm-margin-top-112px {
    margin-top: 112px;
  }

  .sm-margin-top-193px {
    margin-top: 93px;
  }

  .sm-margin-top_58px {
    margin-top: -58px;
  }

  .sm-margin-bottom-0 {
    margin-bottom: 0;
  }

  .sm-margin-bottom-0-im {
    margin-bottom: 0 !important;
  }

  .sm-margin-bottom-24px {
    margin-bottom: 24px;
  }

  .sm-margin-bottom-26px {
    margin-bottom: 26px;
  }

  .sm-margin-bottom-35-im {
    margin-bottom: 35px !important;
  }

  .sm-margin-bottom-36px {
    margin-bottom: 36px;
  }

  .sm-margin-bottom-57px {
    margin-bottom: 57px;
  }

  .sm-margin-bottom-57-im {
    margin-bottom: 57px !important;
  }

  .sm-margin-bottom-70px {
    margin-bottom: 70px;
  }

  .sm-margin-bottom-73px {
    margin-bottom: 73px;
  }

  .sm-margin-bottom-76px {
    margin-bottom: 76px;
  }

  .sm-margin-bottom-77px {
    margin-bottom: 77px;
  }

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

  .sm-margin-bottom-89px {
    margin-bottom: 89px;
  }

  .sm-margin-bottom-120px {
    margin-bottom: 120px;
  }

  .sm-padding-top-14px {
    padding-top: 14px;
  }

  .sm-padding-top-48px {
    padding-top: 48px;
  }

  .sm-padding-top-54px {
    padding-bottom: 54px;
  }

  .sm-padding-top-64px {
    padding-top: 66px;
  }

  .sm-padding-top-75px {
    padding-top: 75px;
  }

  .sm-padding-top-72px {
    padding-bottom: 72px;
  }

  .sm-padding-bottom-80px {
    padding-bottom: 80px;
  }

  .sm-padding-bottom-39px {
    padding-bottom: 39px;
  }

  .tab-head__sample-layout.bg-tab-v5 .tab-element .tab-link:hover,
  .tab-head__sample-layout.bg-tab-v5 .active .tab-link {
    background: url("../images/bg_tab-v5.png");
    color: #222222;
  }

  .header-area.layout-05 .header-middle {
    margin-bottom: 32px;
  }

  .slider-opt03__layout01.mode-03 .text-content {
    top: 51%;
    right: 19%;
    margin: 0 14px 0 0;
  }

  .tab-head__icon-top-layout.background-tab-include a {
    line-height: 0;
  }

  .tab-head__icon-top-layout.background-tab-include a>span:not(.biolife-icon) {
    display: block;
    font-size: 24px;
    text-transform: capitalize;
    color: #888888;
    line-height: 1;
    font-weight: 600;
  }

  .tab-head__icon-top-layout.background-tab-include .active a>span:not(.biolife-icon) {
    color: #dd6b0c;
  }

  .tab-head__icon-top-layout.background-tab-include .biolife-icon {
    background-image: url(../images/home-01/tab-bg-01.png);
    display: inline-block;
    width: 106px;
    text-align: center;
    padding: 30px;
    color: #ffffff;
    opacity: 0.5;
    filter: alpha(opacity=50);
    margin-bottom: 3px;
  }

  .tab-head__icon-top-layout.background-tab-include .elm-02 .biolife-icon {
    background-image: url(../images/home-01/tab-bg-02.png);
  }

  .tab-head__icon-top-layout.background-tab-include .elm-03 .biolife-icon {
    background-image: url(../images/home-01/tab-bg-03.png);
  }

  .tab-head__icon-top-layout.background-tab-include .elm-04 .biolife-icon {
    background-image: url(../images/home-01/tab-bg-04.png);
  }

  .tab-head__icon-top-layout.background-tab-include .active .biolife-icon {
    opacity: 1;
    filter: alpha(opacity=100);
  }

  .header-area.layout-01 .header-middle {
    padding: 20px 0 28px;
  }

  .header-area.layout-01 .header-middle .biolife-logo {
    margin-top: 7px;
    display: block;
  }

  .header-area.layout-01 .header-middle .header-search-bar {
    padding-top: 1px;
  }

  .slider-opt03__layout01.mode-02 .text-content {
    top: 39%;
    right: 19%;
    margin: 0 12px 0 0;
  }

  .tab-head__icon-top-layout.type-02 a {
    font-size: 0.8vw;
    text-transform: uppercase;
    font-weight: 700;
    padding-bottom: 6px;
  }

  .biolife-banner__promotion4.v2 .text-content {
    margin-left: 7px;
    top: 76px;
  }

  .footer.layout-02 .footer-item .section-title {
    font-size: 22px;
  }
}

@media (min-width: 992px) {
  .md-full-width {
    width: 100%;
  }

  .md-max-width-270px {
    max-width: 270px;
  }

  .md-width-970 {
    width: 970px;
  }

  .md-width-750 {
    width: 750px;
  }

  .md-width-640 {
    width: 640px;
  }

  .md-margin-top_10px {
    margin-top: -10px !important;
  }

  .md-margin-top-0 {
    margin-top: 0;
  }

  .md-margin-top-6px {
    margin-top: 6px;
  }

  .md-margin-top-5px {
    margin-top: 5px;
  }

  .md-margin-top-9 {
    margin-top: 9px;
  }

  .md-margin-top-50px {
    margin-top: 50px;
  }

  .md-margin-top-61px {
    margin-top: 61px;
  }

  .md-margin-top-74px {
    margin-top: 74px;
  }

  .md-margin-bottom-0 {
    margin-bottom: 0;
  }

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

  .md-margin-bottom-35-im {
    margin-bottom: 35px !important;
  }

  .md-margin-bottom-39 {
    margin-bottom: 39px;
  }

  .md-margin-bottom-46 {
    margin-bottom: 46px;
  }

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

  .md-margin-bottom-83 {
    margin-bottom: 83px;
  }

  .md-padding-top-55 {
    padding-top: 55px;
  }

  .md-padding-left-23 {
    padding-left: 23px;
  }

  .md-padding-left-25 {
    padding-left: 25px;
  }

  .md-padding-left-50 {
    padding-left: 50px;
  }

  .md-padding-left-57 {
    padding-left: 57px;
  }

  .sumary-product.single-layout {
    min-height: 430px;
  }

  .biolife-brd-container:not(.transparent-effect) figure {
    display: inline-block;
    font-size: 0;
    line-height: 0;
    overflow: hidden;
  }

  .biolife-brd-container:not(.transparent-effect) figure>img {
    -webkit-transition: transform 0.3s ease;
    -moz-transition: transform 0.3s ease;
    -ms-transition: transform 0.3s ease;
    -o-transition: transform 0.3s ease;
    transition: transform 0.3s ease;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }

  .biolife-brd-container:not(.transparent-effect):hover figure>img {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
  }

  .post-item.effect-04 .thumbnail,
  .post-item.effect-03 .thumbnail,
  .post-item.effect-02 .thumbnail,
  .post-item.effect-01 .thumbnail {
    position: relative;
    overflow: hidden;
  }

  .post-item.effect-04 .thumbnail>a,
  .post-item.effect-02 .thumbnail>a,
  .post-item.effect-01 .thumbnail>a {
    display: block;
  }

  .post-item.effect-04 .thumbnail>a::before,
  .post-item.effect-01 .thumbnail>a::before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: transparent;
    border: 1px solid #e6e6e6;
    z-index: 5;
    visibility: hidden;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
  }

  .post-item.effect-04 .thumbnail>a::after,
  .post-item.effect-01 .thumbnail>a::after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.3);
    opacity: 0;
    filter: alpha(opacity=0);
    visibility: hidden;
    z-index: 2;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
  }

  .post-item.effect-04 .thumbnail:hover .post-date,
  .post-item.effect-01 .thumbnail:hover .post-date {
    opacity: 0;
    filter: alpha(opacity=0);
    visibility: hidden;
  }

  .post-item.effect-04 .thumbnail:hover>a::before,
  .post-item.effect-01 .thumbnail:hover>a::before {
    top: 20px;
    left: 20px;
    right: 20px;
    bottom: 20px;
    visibility: visible;
  }

  .post-item.effect-04 .thumbnail:hover>a::after,
  .post-item.effect-01 .thumbnail:hover>a::after {
    visibility: visible;
    opacity: 1;
    filter: alpha(opacity=100);
  }

  .post-item.effect-02 .thumbnail img {
    display: inline-block;
    -webkit-transition: all 0.5s cubic-bezier(0.34, 1.61, 0.7, 1);
    transition: all 0.5s cubic-bezier(0.34, 1.61, 0.7, 1);
  }

  .post-item.effect-02 .thumbnail:hover img {
    -webkit-transform: scale(1.1) rotate(5deg);
    transform: scale(1.1) rotate(5deg);
  }

  .post-item.effect-03 .thumbnail>a:before,
  .post-item.effect-02 .thumbnail>a:before {
    content: "";
    position: absolute;
    display: block;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.2);
    z-index: 4;
    -webkit-transition: all 0.5s cubic-bezier(0.34, 1.61, 0.7, 1);
    transition: all 0.5s cubic-bezier(0.34, 1.61, 0.7, 1);
    opacity: 0;
    filter: alpha(opacity=0);
    visibility: hidden;
  }

  .post-item.effect-03 .thumbnail:hover>a:before,
  .post-item.effect-02 .thumbnail:hover>a:before {
    opacity: 1;
    filter: alpha(opacity=100);
    visibility: visible;
  }

  .post-item.effect-04 .thumbnail img,
  .post-item.effect-03 .thumbnail img {
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
  }

  .post-item.effect-04 .thumbnail:hover img,
  .post-item.effect-03 .thumbnail:hover img {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }

  .product-category.grid-style .products-list li {
    padding-left: 5px;
    padding-right: 5px;
  }

  .biolife-banner__grid.type-02 .media-contain::before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 0;
    background-image: linear-gradient(to top, #dd6b0c, transparent);
    z-index: 1;
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transition: all 950ms ease;
    -moz-transition: all 950ms ease;
    -ms-transition: all 950ms ease;
    -o-transition: all 950ms ease;
    transition: all 950ms ease;
  }

  .biolife-banner__grid.type-02.bn-elm-02 .media-contain::before {
    background-image: linear-gradient(to top, #05a503, transparent);
  }

  .biolife-banner__grid.type-02.bn-elm-03 .media-contain::before {
    background-image: linear-gradient(to top, #5d6a96, transparent);
  }

  .biolife-banner__grid.type-02.bn-elm-04 .media-contain::before {
    background-image: linear-gradient(to top, #f81c56, transparent);
  }

  .biolife-banner__grid.type-02.bn-elm-05 .media-contain::before {
    background-image: linear-gradient(to top, #433a55, transparent);
  }

  .biolife-banner__grid.type-02.bn-elm-06 .media-contain::before {
    background-image: linear-gradient(to top, #fd2046, transparent);
  }

  .biolife-banner__grid.type-02:hover .media-contain::before {
    opacity: 0.5;
    filter: alpha(opacity=50);
    height: 110px;
  }

  .header-area.layout-01 .biolife-sticky-object:not(.pre-sticky) .biolife-cart-info {
    margin-top: 6px;
  }

  .header-area.layout-01 .biolife-sticky-object .primary-menu>ul {
    position: initial;
  }

  .header-area.layout-01 .biolife-sticky-object .primary-menu {
    margin-top: 16px;
    position: relative;
    margin-left: -30px;
    padding-left: 30px;
  }

  .header-area:not(.layout-01):not(.layout-02) .primary-menu>ul .wrap-megamenu {}

  .header-area.layout-01 .biolife-cart-info .minicart-block {
    margin-left: 0;
  }

  .biolife-popup .modal-dialog {
    min-width: 770px;
    margin-top: 200px;
  }

  .biolife-title-box__bold-center .subtitle {
    margin: 0;
  }

  .biolife-title-box__bold-center .main-title {
    font-size: 40px;
    margin-top: 6px;
  }

  .biolife-title-box__icon-at-top-style .main-title {
    font-size: 40px;
    margin-top: 4px;
  }

  .header-area.layout-02 .mobile-search-content {
    display: block;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
    -webkit-transition: all 350ms ease;
    -moz-transition: all 350ms ease;
    -o-transition: all 350ms ease;
    transition: all 350ms ease;
  }

  .header-area.layout-02 .mobile-search .mobile-search-content {
    display: block;
  }

  body.open-mobile-search .header-area.layout-02 .mobile-search-content {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }

  #sidebar.mobile-version {
    position: fixed;
    top: 0;
    left: -320px;
    width: 300px;
    height: 100vh;
    overflow: hidden;
  }

  .scale-effect.contain-product .product-thumb {
    overflow: hidden;
  }

  .scale-effect.contain-product .product-thumb .link-to-product>img {
    display: inline-block;
    -webkit-transition: transform 350ms ease;
    -moz-transition: transform 350ms ease;
    -ms-transition: transform 350ms ease;
    -o-transition: transform 350ms ease;
    transition: transform 350ms ease;
  }

  .scale-effect.contain-product:hover .product-thumb .link-to-product>img {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
  }

  .biolife-banner__style-12 .banner-contain .media .bn-link img,
  .biolife-banner__style-11 .banner-contain .media .bn-link img {
    display: inline-block;
    -webkit-transition: transform 0.8s ease;
    -moz-transition: transform 0.8s ease;
    -ms-transition: transform 0.8s ease;
    -o-transition: transform 0.8s ease;
    transition: transform 0.8s ease;
  }

  .biolife-banner__style-12:hover .banner-contain .media .bn-link img,
  .biolife-banner__style-11:hover .banner-contain .media .bn-link img {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
  }

  .slider-opt04__layout01.light-version .text-content {
    left: 38px;
  }

  .slider-opt04__layout01.light-version .text-content .third-line {
    margin-left: 8px;
  }

  .biolife-banner__promotion4 .position-1 img,
  .biolife-cat-box-item .cat-thumb img {
    display: inline-block;
    -webkit-transition: all 350ms ease;
    -moz-transition: all 350ms ease;
    -ms-transition: all 350ms ease;
    -o-transition: all 350ms ease;
    transition: all 350ms ease;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }

  .biolife-banner__promotion4 .position-1:hover img,
  .biolife-cat-box-item:hover .cat-thumb img {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
  }

  .contain-product:not(.pr-detail-layout):not(.contain-product__right-info-layout):not(.contain-product__deal-layout):not(.none-overlay):not(.style-widget) .product-thumb {
    padding: 10px 10px 0 10px;
  }

  .advance-product-box_countdown .contain-product .product-thumb {
    padding: 11px 8px 0 !important;
  }

  .page-contain {
    position: relative;
  }

  .page-contain:not(.category-page) {
    z-index: 10;
  }

  .page-contain #sidebar:not(.blog-sidebar) {
    margin-top: -6px;
  }

  .page-contain.right-sidebar.category-page #main-content,
  .page-contain.left-sidebar.category-page #main-content {
    margin-top: -10px;
  }

  .page-contain.left-sidebar #main-content {
    float: right;
  }

  .biolife-carousel.products-list:not(.default-product-style) {
    margin: -5px -15px;
  }

  .biolife-carousel.products-list:not(.default-product-style) .slick-list {
    padding: 5px;
  }

  .biolife-carousel.products-list.vertical-layout-02 {
    margin: -15px;
  }

  .biolife-carousel.products-list.vertical-layout-02 .slick-list {
    padding: 15px;
  }

  .biolife-carousel.products-list:not(.default-product-style):hover {
    /* margin-bottom: -150px;
		 */
  }

  .biolife-carousel.products-list:not(.default-product-style):hover .slick-list {
    /* padding-bottom: 150px;
		 */
  }

  .contain-product.layout-02:hover,
  .contain-product.layout-default:hover {
    -webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.2);
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.2);
  }

  .header-search-bar.layout-01 .input-text {
    /* max-width: 450px;
		 */
  }

  .biolife-sticky-object.pre-sticky {
    position: fixed;
    left: 0;
    right: 0;
    top: -110%;
    -webkit-transition: all 1200ms ease;
    -moz-transition: all 1200ms ease;
    -o-transition: all 1200ms ease;
    transition: all 1200ms ease;
    background-color: #ffffff;
    z-index: 50;
    -webkit-box-shadow: 0 0 9px 0 rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 0 9px 0 rgba(0, 0, 0, 0.2);
    box-shadow: 0 0 9px 0 rgba(0, 0, 0, 0.2);
    padding: 10px 0;
  }

  .biolife-sticky-object.pre-sticky.is-sticky {
    top: 0;
  }

  .header-area.layout-01 .biolife-sticky-object.pre-sticky .primary-menu {
    margin-top: 15px;
  }

  .contain-product.layout-default .info {
    position: relative;
  }

  .contain-product.layout-default .slide-down-box {
    -webkit-transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    transition: all 500ms ease;
    -webkit-box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.2);
    box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.2);
    position: absolute;
    -webkit-transform: translateY(-20px);
    -moz-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    -o-transform: translateY(-20px);
    transform: translateY(-20px);
    top: 100%;
    left: 0;
    right: 0;
    visibility: hidden;
    opacity: 0;
    filter: alpha(opacity=0);
    z-index: 10;
    background-color: #ffffff;
    padding-top: 11px;
    padding-bottom: 30px;
  }

  .contain-product.layout-default:hover .slide-down-box {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
    filter: alpha(opacity=100);
    visibility: visible;
  }

  .biolife-nav.nav-86px {
    margin-top: 38px;
    margin-bottom: 33px;
  }
}

@media (min-width: 1200px) {
  .lg-width-1170 {
    width: 1170px;
  }

  .lg-width-900 {
    width: 900px;
  }

  .lg-width-800 {
    width: 800px;
  }

  .lg-margin-top-0 {
    margin-top: 0;
  }

  .lg-margin-top-14px {
    margin-top: 14px;
  }

  .lg-margin-top-23px {
    margin-top: 23px;
  }

  .lg-margin-bottom-0 {
    margin-bottom: 0;
  }

  .lg-margin-bottom-26px-im {
    margin-bottom: 26px !important;
  }

  .lg-margin-top-30px {
    margin-top: 30px;
  }

  .lg-margin-bottom-72 {
    margin-bottom: 72px;
  }

  .lg-padding-left-23 {
    padding-left: 23px;
  }

  .lg-padding-left-25 {
    padding-left: 25px;
  }

  .lg-padding-left-50 {
    padding-left: 50px;
  }

  .md-boder-left-30 {
    position: relative;
  }

  .md-boder-left-30::before {
    content: "";
    width: 2px;
    display: block;
    position: absolute;
    top: 0;
    left: -31px;
    bottom: 0;
    background-color: #e6e6e6;
  }

  .col-lg-2>.contain-product.layout-default .slide-down-box .buttons {
    padding: 0;
  }

  .col-lg-2>.contain-product.layout-default .slide-down-box .buttons .add-to-cart-btn {
    padding: 10px;
  }

  .col-lg-12>.pr-detail-layout .info .categories,
  .col-lg-12>.pr-detail-layout .info .product-title,
  .col-lg-12>.pr-detail-layout .info .excerpt,
  .col-lg-12>.pr-detail-layout .info .price,
  .col-lg-12>.pr-detail-layout .info .buttons {
    max-width: 100%;
  }

  .sumary-product .biolife-countdown>span+span {
    margin-left: 20px;
  }

  .sumary-product .product-attribute .price+div:not(.product-atts) {}

  .sumary-product .product-attribute .price+div.grouped-product-list {
    width: calc(100% - 30px);
    max-width: inherit;
  }

  .content-404 .button:hover:before {
    width: 16px;
    opacity: 1;
  }

  .biolife-banner__style-15 .bn-link::before,
  .biolife-banner__style-01 .bn-link::before {
    content: "";
    background-color: rgba(0, 0, 0, 0.2);
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    display: block;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
    visibility: hidden;
    opacity: 0;
    filter: alpha(opacity=0);
  }

  .biolife-banner__style-15:hover .bn-link::before,
  .biolife-banner__style-01:hover .bn-link::before {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    visibility: visible;
    opacity: 1;
    filter: alpha(opacity=100);
  }

  .biolife-banner__style-15 .text-content .fourth-line,
  .biolife-banner__style-15 .text-content .third-line,
  .biolife-banner__style-15 .text-content .second-line,
  .biolife-banner__style-15 .text-content .first-line,
  .biolife-banner__style-01 .text-content .fourth-line,
  .biolife-banner__style-01 .text-content .third-line,
  .biolife-banner__style-01 .text-content .second-line,
  .biolife-banner__style-01 .text-content .first-line {
    -webkit-transition: all 0.3s ease 0.1s;
    -moz-transition: all 0.3s ease 0.1s;
    -ms-transition: all 0.3s ease 0.1s;
    -o-transition: all 0.3s ease 0.1s;
    transition: all 0.3s ease 0.1s;
  }

  .biolife-banner__style-15:hover .text-content .fourth-line,
  .biolife-banner__style-15:hover .text-content .third-line,
  .biolife-banner__style-15:hover .text-content .second-line,
  .biolife-banner__style-15:hover .text-content .first-line,
  .biolife-banner__style-01:hover .text-content .fourth-line,
  .biolife-banner__style-01:hover .text-content .third-line,
  .biolife-banner__style-01:hover .text-content .second-line,
  .biolife-banner__style-01:hover .text-content .first-line {
    color: #ffffff !important;
  }

  .contain-product__deal-layout .slide-down-box .buttons .btn:not(.add-to-cart-btn) {
    padding: 6px 14px;
  }

  .biolife-service__type01 .services-list li {
    text-align: center;
    padding-bottom: 11px;
  }

  .biolife-service__type01 .services-list li:hover .biolife-icon {
    animation-duration: 2.5s;
    -webkit-animation-duration: 2.5s;
    animation-delay: 0.1s;
    -webkit-animation-delay: 0.1s;
    animation-iteration-count: infinite;
    -webkit-animation-iteration-count: infinite;
    animation-name: bounce;
    -webkit-animation-name: bounce;
  }

  .service-inner:not(.style-02) {
    width: auto;
    text-align: left;
  }

  .service-inner:not(.style-02) .srv-name {
    width: auto;
    display: block;
  }

  .header-area.layout-03 .header-search-bar.layout-01 .input-text {
    /* max-width: 500px;
		 */
  }

  .slider-opt03__layout01.mode-03.black-color .text-content .first-line {
    color: #666666;
  }

  .slider-opt03__layout01.mode-03.black-color .text-content .second-line {
    color: #222222;
  }

  .slider-opt03__layout01.mode-03.black-color .text-content .third-line {
    color: var(--primary-black);
  }

  .transparent-effect img {
    -webkit-transition: opacity 350ms ease;
    -moz-transition: opacity 350ms ease;
    -ms-transition: opacity 350ms ease;
    -o-transition: opacity 350ms ease;
    transition: opacity 350ms ease;
  }

  .transparent-effect:not(:hover) img {
    opacity: 0.5;
    filter: alpha(opacity=50);
  }

  .biolife-banner__promotion2.advance .media {
    left: -37px;
  }

  .contain-product__right-info-layout3 {
    -webkit-transition: box-shadow 500ms ease;
    -moz-transition: box-shadow 500ms ease;
    -o-transition: box-shadow 500ms ease;
    transition: box-shadow 500ms ease;
    margin-left: -10px;
  }

  .contain-product__right-info-layout3 .info .buttons {
    -webkit-transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    transition: all 500ms ease;
    -webkit-box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.2);
    box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.2);
    position: absolute;
    -webkit-transform: translateY(-20px);
    -moz-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    -o-transform: translateY(-20px);
    transform: translateY(-20px);
    top: 100%;
    left: 0;
    right: 0;
    visibility: hidden;
    opacity: 0;
    filter: alpha(opacity=0);
    z-index: 10;
  }

  .contain-product__right-info-layout3:hover {
    -webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.2);
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.2);
  }

  .contain-product__right-info-layout3:hover .info .buttons {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
    filter: alpha(opacity=100);
    visibility: visible;
  }

  .footer-midle-pst.v2 {
    margin-top: 59px;
  }
}

@media (min-width: 768px) and (max-width: 1199px) {
  .tab-head__icon-top-layout .biolife-icon {
    font-size: 35px;
  }

  .tab-head__icon-top-layout a {
    font-size: 20px;
  }

  .contain-product__right-info-layout3 .buttons .add-to-cart-btn {
    min-width: auto;
    padding: 11px 23px;
  }

  .contain-product__right-info-layout3 .info {
    padding-left: 20px;
  }

  .contain-product__right-info-layout3 .product-thumb {
    width: 200px !important;
  }

  .products-list.vertical-layout-02 li {
    margin-top: 30px;
  }
}

@media (min-width: 992px) and (max-width: 1199px) {
  .biolife-banner__grid .media-contain {
    height: 256px;
  }

  .biolife-banner__grid .media-contain.media-01,
  .biolife-banner__grid .media-contain.media-06 {
    height: 512px;
  }

  .md-possition-relative {
    position: relative;
  }

  .md-possition-initial {
    position: static;
  }

  .header-area.layout-01 .biolife-sticky-object .primary-menu {
    position: static;
  }

  .shpcart-subtotal-block .btn-checkout .btn {
    max-width: 175px;
  }

  .contain-product__right-info-layout .product-thumb {
    width: 40%;
  }

  .post-item.style-left-info .thumbnail {
    width: 320px;
  }

  .header-area.layout-01 .primary-menu>ul>li+li {
    margin-left: 25px;
  }

  .slider-opt05 {
    height: 508px;
  }

  .biolife-banner__style-12 .banner-contain .media,
  .biolife-banner__style-11 .banner-contain .media {
    width: 200px;
  }

  .biolife-banner__style-11 .text4 span,
  .biolife-banner__style-11 .text4,
  .biolife-banner__style-11 .text2 {
    font-size: 27px;
  }

  .minicart-block.layout-02 .icon-contain .sub-total,
  .minicart-block.layout-02 .icon-contain .btn-to-cart {
    display: none;
  }

  .minicart-block.layout-02 .icon-contain .span-index {
    border-right: 2px solid #e6e6e6;
    border-radius: 50%;
    padding: 0 10px;
    width: 45px;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .sumary-product .biolife-countdown>span+span {
    margin-left: 20px;
  }

  .sumary-product .product-attribute {
    padding-top: 0;
  }

  .biolife-banner__style-01 .text-content {
    padding: 15px;
    background-color: rgba(255, 255, 255, 0.8);
    margin-top: -15px;
    margin-right: 15px;
  }

  .biolife-banner__style-15 .text-content {
    right: 15px;
  }

  .slider-opt03__layout02 .text-content {
    left: 20%;
  }

  .contain-product__right-info-layout .product-thumb {
    width: 40%;
  }

  .top-functions-area {
    margin-top: 30px;
    padding-bottom: 20px;
  }

  .advance-product-box_countdown .biolife-countdown>span+span {
    margin-left: 4px;
  }
}

@media (min-width: 480px) and (max-width: 767px) {
  .slider-opt04__layout01.light-version .text-content {
    background-color: transparent;
    padding: 20px 10px;
    left: 30px;
    right: auto;
  }

  .slick-slide.slick-active .slider-opt04__layout01.light-version .text-content {
    background-color: rgba(255, 255, 255, 0.8);
    -webkit-transition: background-color 1.2s ease;
    -moz-transition: background-color 1.2s ease;
    -ms-transition: background-color 1.2s ease;
    -o-transition: background-color 1.2s ease;
    transition: background-color 1.2s ease;
  }
}

@media (max-width: 1199px) {
  .products-list.biolife-carousel.nav-none-after-1k2 .slick-arrow.biolife-icon {
    display: none !important;
  }
}

@media (max-width: 1100px) {

  .biolife-carousel.nav-none-on-mobile.nav-center-bold .slick-arrow.prev,
  .biolife-carousel.nav-none-on-mobile.nav-center-bold .slick-arrow.next,
  .biolife-carousel.nav-none-on-mobile.nav-center .slick-arrow.prev,
  .biolife-carousel.nav-none-on-mobile.nav-center .slick-arrow.next,
  .biolife-carousel.nav-none-on-mobile.nav-top-right .slick-arrow.prev,
  .biolife-carousel.nav-none-on-mobile.nav-top-right .slick-arrow.next,
  .biolife-carousel.nav-none-on-mobile.nav-center-02 .slick-arrow.prev,
  .biolife-carousel.nav-none-on-mobile.nav-center-02 .slick-arrow.next,
  .biolife-carousel.nav-none-on-mobile.nav-center-03 .slick-arrow.prev,
  .biolife-carousel.nav-none-on-mobile.nav-center-03 .slick-arrow.next {
    display: none !important;
  }
}

.header-area .biolife-logo {
  position: absolute;
  left: 23%;
  top: 15px;
}

.header-area .biolife-logo img {
  width: 135px;
}

footer .logo.footer-logo img {
  width: 180px;
}

.header-area .is-sticky .biolife-logo {
  top: 2px;
}

.header-area .is-sticky .biolife-logo img {
  width: 75px;
}

.header-area .is-sticky .primary-menu {
  line-height: 55px;
}

.header-area .is-sticky .biolife-cart-info {
  line-height: 65px;
}

.text-white {
  color: #fff !important;
}

.product-tab .tab-element .tab-link .biolife-icon .defimg {
  display: inline-block;
}

.product-tab .tab-element .tab-link .biolife-icon .hovimg {
  display: none;
}

.product-tab .tab-element .tab-link:hover .biolife-icon .defimg,
.product-tab .tab-element.active .tab-link:hover .biolife-icon .defimg,
.product-tab .tab-element.active .tab-link .biolife-icon .defimg {
  display: none;
}

.product-tab .tab-element .tab-link:hover .biolife-icon .hovimg,
.product-tab .tab-element.active .tab-link:hover .biolife-icon .hovimg,
.product-tab .tab-element.active .tab-link .biolife-icon .hovimg {
  display: inline-block;
}

.product-tab .tab-element .tab-link:hover .biolife-icon .defimg {
  display: none;
}

.product-tab .tab-element .tab-link:hover .biolife-icon .hovimg {
  display: inline-block;
}

.GroupSection {
  padding: 15px;
  border: 1px solid #ccc;
  margin-bottom: 20px;
}

.GroupSection h4.secttitle {
  font-weight: 700;
  color: #222222;
  font-size: 18px;
  line-height: 1;
  text-transform: uppercase;
  -webkit-transition: all 350ms ease;
  -moz-transition: all 350ms ease;
  -o-transition: all 350ms ease;
  transition: all 350ms ease;
  position: relative;
  margin-top: 0px;
  background: #f1f1f1;
  padding: 15px;
}

.GroupSection p.desc {
  border-bottom: 1px solid #ccc;
  margin-bottom: 10px;
  padding-bottom: 10px;
  font-size: 14px;
}

.GroupSection .desc-expand {
  border-bottom: 1px solid #ccc;
  margin-bottom: 10px;
  padding-bottom: 10px;
}

.GroupSection .desc-expand span {}

.GroupSection ul {
  padding-left: 30px;
}

.GroupSection .desc-expand ul li {
  font-size: 14px;
}

.GroupSection .leftsect,
.GroupSection .rightsect,
.GroupSection .fullsect {
  border-bottom: 1px solid #ccc;
  margin-bottom: 10px;
  padding: 10px 0;
  margin: 0;
}

.GroupSection .leftsect h6.sectHead,
.GroupSection .rightsect h6.sectHead,
.GroupSection .fullsect h6.sectHead {
  margin-top: 0;
  font-size: 15px;
  font-weight: 600;
}

.GroupSection .leftsect p.sectDesc,
.GroupSection .rightsect p.sectDesc,
.GroupSection .fullsect p.sectDesc {
  font-size: 14px;
}

.GroupSection .rightsect h6.sectHead,
.GroupSection .rightsect p.sectDesc {
  text-align: right;
}

.GroupSection .table {
  border: 0;
  margin-bottom: 20px;
}

.GroupSection .table tbody {}

.GroupSection .table tbody th {
  width: 30%;
  border: 0px;
  text-align: left;
  padding: 3px 5px;
  font-size: 13px;
  color: #777;
}

.GroupSection .table tbody th.mainHead {
  border-bottom: 1px solid #ccc;
  font-weight: 500;
  text-transform: capitalize;
  color: #000;
  font-size: 17px;
  letter-spacing: 0.5px;
}

.GroupSection .table tbody td {
  width: 70%;
  border: 0px;
  text-align: left;
  padding: 3px 5px;
  font-size: 13px;
}

.GroupSection .table tbody td p {
  margin-bottom: 5px;
}

.GroupSection #comments ol {
  padding-left: 15px;
}

.GroupSection #comments .review .comment-container {
  position: relative;
  top: -17px;
}

.panigation-contain {
  padding-left: 15px !important;
}

.nopmb {
  border-bottom: 0px !important;
  margin-bottom: 0px !important;
  padding-bottom: 0px !important;
}

.sumary-product .product-attribute .bankOffers {
  margin-top: 5px;
  list-style: none;
  padding: 0px;
}

.sumary-product .product-attribute .bankOffers li {
  font-size: 12px;
  line-height: 20px;
}

.sumary-product .product-attribute .bankOffers li i {
  margin-right: 5px;
  color: var(--primary-red);
}

.sumary-product .product-attribute .bankOffers li a {
  font-weight: 600;
  color: #000;
  text-decoration: underline;
}

.sumary-product .product-attribute .product-atts.highlightslist {
  margin-top: 5px;
}

.sumary-product .product-attribute .product-atts.highlightslist .atts-item {
  display: table;
  width: 100%;
  border-bottom: 0px solid #e6e6e6;
  margin: 7px 5px 0;
  padding-bottom: 0;
}

.sumary-product .product-attribute .product-atts.highlightslist .atts-item span.title {
  width: 140px;
  font-size: 13px;
  font-weight: 700;
  text-transform: uppercase;
}

.sumary-product .product-attribute .product-atts.highlightslist .atts-item p {}

.sumary-product .product-attribute .product-atts.highlightslist .atts-item ul {}

.sumary-product .product-attribute .product-atts.highlightslist .atts-item ul li {
  width: 100%;
  margin: 0;
  line-height: 20px;
  margin-bottom: 5px;
}

.sumary-product .product-attribute .product-atts.highlightslist .atts-item ul li i {
  font-size: 7px;
  position: relative;
  top: -3px;
  margin-right: 5px;
  color: #aaa;
}

.modal.in .modal-dialog {
  position: relative;
  top: 10%;
}

#login-register .modal-body .close {
  position: absolute;
  top: -13px;
  right: -13px;
  background: #000;
  opacity: 1;
  width: 30px;
  height: 30px;
  border-radius: 30px;
  text-align: center;
  padding: 0px;
}

#login-register .modal-body .close span {
  font-size: 22px;
  font-weight: bold;
  line-height: 0 !important;
  color: #cdcdcd !important;
  text-shadow: none;
}

#login-register .modal-body .tab-head {}

#login-register .modal-body .tab-head ul li.tab-element {
  /* width: calc(96% / 2);
	 */
  background: #888;
}

#login-register .modal-body .tab-head ul li.tab-element+.tab-element {
  margin-left: 0px;
}

#login-register .modal-body .tab-head ul li.tab-element a {
  width: 100%;
  padding: 10px 30px;
  color: #fff;
}

#login-register .modal-body .tab-head ul li.tab-element.active {
  background: var(--primary-red);
}

#login-register .modal-body .tab-content .signin-container {
  margin-top: 10px;
}

#login-register .modal-body .tab-content input {
  padding: 15px 25px;
  color: #000;
}

#login-register .modal-body .tab-content #login-tab .form-row a {
  line-height: 15px;
  margin-left: 0;
  font-weight: 500;
  font-size: 0.8vw;
}

.drpdwnelmnt {
  margin-bottom: 13px !important;
  display: inline-block;
  width: 100%;
}

#login-register .drpdwnelmnt .nice-select {
  padding: 10px 10px 9px !important;
  color: #000 !important;
  width: 100% !important;
  margin: 0 !important;
  font-family: inherit !important;
  display: block !important;
  width: 100% !important;
  line-height: 1.8 !important;
  appearance: none !important;
  background: #ffffff !important;
  height: 50px !important;
  border: 1px solid var(--primary-red) !important;
  padding: 10px 20px !important;
  font-size: 15px !important;
  font-weight: 400 !important;
  transition: all 0.3s ease-in-out !important;
  border-radius: 10px !important;
}

input:hover,
select:hover,
textarea:hover,
.drpdwnelmnt .nice-select:hover {
  border-color: #bbb;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

input:focus,
select:focus,
textarea:focus,
.drpdwnelmnt .nice-select:focus {
  border-color: var(--primary-red);
  outline: 0;
  box-shadow: 0px;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.login-on-checkout .form-row .nice-select {
  font-size: 13px;
  color: #222222;
  line-height: 30px;
  width: 100%;
  display: inline-block;
  padding: 2px 15px;
  margin-right: 0;
  margin-bottom: 15px;
  min-width: 230px;
  border: 1px solid #e6e6e6 !important;
  min-height: unset !important;
  height: 36px;
  width: 100% !important;
}

.nice-select span.current {
  color: #222222;
  padding: 0;
  width: 100%;
}

.nice-select ul.list {
  width: 100%;
  padding: 10px;
}

.nice-select ul.list li {
  padding: 10px;
  margin: 0px;
}

.nice-select ul.list li+li {
  border-top: 1px solid #f1f1f1;
}

.login-on-checkout .form-row .nice-select:hover {
  border-color: #bbb;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.login-on-checkout .form-row .nice-select:focus {
  border-color: var(--primary-red);
  outline: 0;
  box-shadow: 0px;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.minicart-item .left-info .price ins .price-amount {
  font-size: 15px;
}

.product-tab.my-account .biolife-tab.biolife-tab-contain {
  padding: 20px;
  border: 1px solid #f1f1f1;
  border-top: 0px;
  border-radius: 10px;
  box-shadow: 0px 0px 10px 0 rgba(0, 0, 0, 0.1);
}

.product-tab.my-account .biolife-tab.biolife-tab-contain .tab-head__sample-layout {
  margin-bottom: 20px;
}

.product-tab.my-account .biolife-tab.biolife-tab-contain .tab-content form {
  /* margin-top: -9px;
	 */
  padding: 15px;
  border-radius: 10px;
  border: 1px solid var(--primary-red) !important;
  background-color: #f3f4f6;
}

.product-tab.my-account .biolife-tab.biolife-tab-contain .tab-content form label {
  display: block;
  color: #333333;
  margin: 0 0 3px;
  margin-bottom: 5px;
  font-weight: 500;
  font-size: 0.8vw;
}

.product-tab.my-account .biolife-tab.biolife-tab-contain .tab-content form input {
  padding: 10px 10px 9px !important;
  color: #000 !important;
  width: 100% !important;
  margin: 0 !important;
  font-family: inherit !important;
  display: block !important;
  width: 100% !important;
  line-height: 1.6 !important;
  appearance: none !important;
  background: #ffffff !important;
  height: 50px !important;
  border: 1px solid var(--primary-red) 2b !important;
  padding: 10px 20px !important;
  font-size: 15px !important;
  font-weight: 400 !important;
  transition: all 0.3s ease-in-out !important;
  border-radius: 10px !important;
}

.product-tab.my-account .biolife-tab.biolife-tab-contain .tab-content form .nice-select {
  padding: 10px 10px 9px !important;
  color: #000 !important;
  width: 100% !important;
  margin: 0 !important;
  font-family: inherit !important;
  display: block !important;
  width: 100% !important;
  line-height: 1.8 !important;
  appearance: none !important;
  background: #ffffff !important;
  height: 50px !important;
  border: 1px solid var(--primary-red) 2b !important;
  padding: 10px 20px !important;
  font-size: 15px !important;
  font-weight: 400 !important;
  transition: all 0.3s ease-in-out !important;
  border-radius: 10px !important;
}

.product-tab.my-account .biolife-tab.biolife-tab-contain .tab-content form .btn.btn-small.btn-dark {
  line-height: 1.42857143;
  user-select: none;
  font-size: 14px;
  color: #ffffff;
  text-transform: uppercase;
  border: none;
  border-radius: 9999px;
  text-align: center;
  font-weight: 700;
  padding: 12px 22px;
  min-width: 132px;
  margin-top: 7px;
  background-color: var(--primary-red);
}

.product-tab.my-account .biolife-tab.biolife-tab-contain .tab-content form .btn.btn-small.btn-dark:hover {
  background-color: #f7f7f7;
  color: var(--primary-red);
}

.product-tab.my-account .biolife-tab.biolife-tab-contain .tab-content form input:focus,
.product-tab.my-account .biolife-tab.biolife-tab-contain .tab-content form input:hover {
  outline: none;
  border-color: var(--primary-red);
  box-shadow: none;
}

.product-tab.my-account .biolife-tab.biolife-tab-contain .tab-content form button:hover {
  background-color: var(--primary-red);
  color: #fff;
}

.product-tab.my-account .biolife-tab.biolife-tab-contain .tab-content form table th {
  padding: 8px;
  background: #272727;
  color: #fff;
  font-size: 13px;
  text-transform: uppercase;
  font-weight: 600;
  letter-spacing: 0.5px;
}

.product-tab.my-account .biolife-tab.biolife-tab-contain .tab-content form table td {
  padding: 5px;
  color: #272727;
  font-size: 13px;
  font-weight: 400;
}

.product-tab.my-account .biolife-tab.biolife-tab-contain .tab-content form table td a {
  color: #aaa;
  font-weight: 500;
}

.product-tab.my-account .biolife-tab.biolife-tab-contain .tab-content form table td a:hover {
  color: var(--primary-red);
}

#orderInvoice.modal.in .modal-dialog {
  width: 90%;
}

#orderInvoice .quickorderinvoice table,
#orderInvoice .quickorderinvoice td,
#orderInvoice .quickorderinvoice th {
  border: 0px;
}

.clientsect,
.orderInv,
.custsect {
  text-align: left;
}

#orderInvoice .quickorderinvoice .clientsect {
  background-color: #f1f1f1;
}

#orderInvoice .quickorderinvoice .compdetails {
  margin-top: 15px;
}

#orderInvoice .quickorderinvoice .compdetails p {
  font-size: 11px;
  margin-bottom: 7px;
}

#orderInvoice .quickorderinvoice .compdetails p span {
  font-weight: 600;
}

#orderInvoice .quickorderinvoice .orderInv {
  background-color: var(--primary-red);
}

#orderInvoice .quickorderinvoice .ordinvdetails p {
  font-size: 14px;
  margin-bottom: 7px;
  color: #fff;
  display: flex;
}

#orderInvoice .quickorderinvoice .ordinvdetails p span.head {
  font-weight: 600;
  text-transform: uppercase;
  width: 40%;
}

#orderInvoice .quickorderinvoice .ordinvdetails p span.details {
  width: 60%;
  font-size: 0.8vw;
  font-weight: 400;
  text-align: right;
  text-transform: uppercase;
}

#orderInvoice .quickorderinvoice .custdetails {
  padding: 10px 0;
}

#orderInvoice .quickorderinvoice .custdetails p {
  font-size: 13px;
  margin-bottom: 7px;
  display: flex;
}

#orderInvoice .quickorderinvoice .custdetails p span.head {
  font-weight: 600;
  text-transform: uppercase;
  width: 40%;
}

#orderInvoice .quickorderinvoice .custdetails p span.details {
  width: 60%;
  font-weight: 400;
  text-align: left;
}

.orderItems table thead {
  background-color: #333;
  color: #fff;
  text-transform: uppercase;
}

.categProdList .pr-detail-layout .advance-info .price ins .price-amount {
  font-size: 22px;
  color: #111111;
  font-weight: 700;
}

.categProdList .pr-detail-layout .advance-info .price ins .assured {
  display: inline-block;
  position: relative;
  top: -8px;
  margin-left: 5px;
}

.categProdList .pr-detail-layout .advance-info .price ins .assured img {
  width: 65px;
}

.categProdList .pr-detail-layout .advance-info .price .price-disc {
  display: flex;
}

.categProdList .pr-detail-layout .advance-info .price .price-disc del {
  text-align: left;
  max-width: 50%;
  overflow: hidden;
  display: inline-block;
}

.contain-product .advance-info .price del span.price-amount {
  display: flex;
}

.categProdList .pr-detail-layout .advance-info .price .price-disc span.discount.price-amount {
  padding-left: 15px;
  text-align: left;
  width: 50%;
  display: inline-block;
}

.product-category.list-style .nice-select.selector,
.product-category.list-style .nice-select.orderby {
  line-height: 23px !important;
}

.product-category.list-style .nice-select.selector.open ul,
.product-category.list-style .nice-select.orderby.open ul {
  min-width: 180px;
  padding: 5px;
}

.contain-product.layout-default .info {
  padding: 0 10px;
}

.mobilevisible {
  display: none;
}

.footer-phone-app {
  display: inline-block;
  margin-top: 40px;
}

.footer-phone-app a {
  margin-right: 10px;
}

.footer-phone-app a img {
  height: 40px;
}

.bg-spin {
  background-image: url(../../../website/assets/images/bg-spin1.png);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  width: 100vw;
  height: 100vh;
}

.bg-spin h1 {
  font-size: 80px;
  font-family: "Anton", sans-serif;
  text-transform: uppercase;
  margin-bottom: 30px;
  background: -webkit-linear-gradient(#ffe500, #ff0000, #940502);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  -webkit-text-stroke: 1px #ffe500;
  letter-spacing: 15px;
}

.bg-spin .alignmiddle {
  padding-top: 20px;
}

.bg-spin .alignmiddle:before {
  content: "";
  display: inline-block;
  background-image: url(../../../website/assets/images/wheel-pointer.png);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
  width: 33px;
  height: 60px;
  position: relative;
  top: 160px;
  left: 1px;
}

.bg-spin .alignmiddle img {
  margin-top: 20px;
}

.bg-spin .the_wheel canvas {
  max-width: 500px;
}

.AddressModalHead .title-block .link-forward {
  font-weight: 600;
  text-transform: uppercase;
  font-size: 11px;
  float: right;
  display: inline-block;
  line-height: normal;
  position: absolute;
  top: 15px;
  left: 15px;
  border: 1px solid var(--primary-red);
  color: var(--primary-red);
  padding: 5px 10px;
  border-radius: 3px;
}

.AddressModalHead .title-block .link-forward:hover {
  border: 1px solid var(--primary-red);
  background-color: var(--primary-red);
  color: #fff;
}

.quickpayment .title-block {
  display: flex;
  width: 100%;
  justify-content: space-between;
}

.quickpayment .title-block h3 {
  font-weight: 700;
  margin-top: 0;
  margin-bottom: 20px;
}

.quickpayment .title-block .link-forward {
  font-weight: 600;
  text-transform: uppercase;
  font-size: 11px;
  float: right;
  display: inline-block;
  line-height: normal;
  position: absolute;
  top: 5px;
  right: 15px;
  border: 1px solid var(--primary-red);
  color: var(--primary-red);
  padding: 5px 10px;
  border-radius: 3px;
}

.quickpayment .title-block .link-forward:hover,
.ordertotalblock .editaddr:hover {
  border: 1px solid var(--primary-red);
  background-color: var(--primary-red);
  color: #fff;
}

.ordertotalblock .editaddr {
  font-weight: 600;
  text-transform: uppercase;
  font-size: 15px;
  float: right;
  display: block;
  line-height: normal;
  position: relative;
  top: 5px;
  right: 0;
  border: 1px solid var(--primary-red);
  color: var(--primary-red);
  padding: 5px 10px;
  border-radius: 3px;
}

.ordertotalblock .curraddr {
  display: block;
}

.ordertotalblock .termschkbx {
  display: flex;
}

.ordertotalblock .termschkbx input {
  margin-right: 10px;
}

.ordertotalblock .termschkbx label {
  font-size: 11px;
}

.ordertotalblock .termschkbx label a {
  font-weight: 500;
  color: var(--primary-red);
}

.ordertotalblock .termschkbx label a:hover {
  color: #000;
}

.ordertotalblock .checkout {
  margin: 0 auto !important;
  width: 100%;
}

.bg-gray {
  background-color: #f1f1f1;
  padding: 15px 10px;
}

.totallbl {
  font-size: 20px;
  font-weight: 700;
}

.totalamtview {
  font-size: 20px;
  font-weight: 700;
  color: var(--primary-red);
}

.addaddrmdl .form-group {
  margin-bottom: 5px;
}

.addaddrmdl .form-group label {
  font-size: 12px;
  font-weight: 500;
  margin-bottom: 0px;
}

.addaddrmdl .form-group input,
.addaddrmdl .form-group textarea,
.addaddrmdl .form-group select {
  padding: 5px;
  font-size: 12px;
  height: auto;
  line-height: normal;
}

.addaddrmdl .form-group span {
  margin-right: 40px;
  font-size: 12px;
  font-weight: 600;
}

.addaddrmdl .form-group span input {
  position: relative;
  top: 5px;
  margin-right: 2px;
  width: 18px;
  height: 18px;
  margin-top: 0;
}

.addaddrmdl h6 {
  background-color: #f1f1f1;
  color: #000;
  text-transform: uppercase;
  font-weight: 600;
  padding: 7px 15px;
}

.addaddrmdl .checkout {
  color: #fff;
  background-color: var(--primary-red);
  float: right;
}

#AddAddressModal .modal-header {
  background-color: var(--primary-red);
  border-radius: 5px 5px 0 0;
}

#AddAddressModal .modal-header .close,
#UserAddressModal .AddressModalHead .close {
  position: absolute;
  display: inline-block;
  float: right;
  top: 15px;
  right: 15px;
  left: auto;
  width: 20px;
  height: 20px;
  line-height: 20px;
  text-align: center;
}

#AddAddressModal .modal-header h4 {
  margin: 0;
  color: #fff;
}

#UserAddressModal table,
#UserAddressModal table td {
  border: 0px;
}

#UserAddressModal table {
  margin-top: -1px;
  margin-bottom: 10px;
}

#UserAddressModal table td {
  border-top: 1px solid #ddd;
}

#UserAddressModal table td input[type="radio"] {
  width: 20px;
  height: 20px;
  margin-right: 5px;
}

#UserAddressModal .AddressModalHead {
  background: #e2e2e2;
  position: relative;
  left: -15px;
  top: -15px;
  display: block;
  width: calc(100% + 30px);
  height: 55px;
}

#UserAddressModal table td span.savedname {
  font-size: 15px;
  font-weight: 500;
  text-transform: capitalize;
}

#UserAddressModal table td span.savedaddrtype {
  background: #ccc;
  padding: 3px 5px;
  font-size: 10px;
  font-weight: 600;
  text-transform: uppercase;
  margin-left: 5px;
  position: relative;
  top: -1px;
  color: #000;
}

#UserAddressModal table td span.savedaddr {
  margin: 10px 0;
  display: block;
  padding-right: 15px;
  font-size: 13px;
  font-weight: 400;
}

#UserAddressModal table td span.savedphone {
  display: block;
  padding-right: 15px;
}

#UserAddressModal table td.editaddr {
  font-weight: 600;
  text-transform: uppercase;
  font-size: 15px;
  display: inline-block;
  line-height: normal;
  border: 1px solid var(--primary-red);
  color: var(--primary-red);
  padding: 2px 6px;
  border-radius: 3px;
  margin-top: 13px;
}

#UserAddressModal .checkout {
  color: #fff;
  background-color: var(--primary-red);
  border: 1px solid var(--primary-red);
  width: 100%;
  font-weight: 600;
  letter-spacing: 0.5px;
}

#UserAddressModal .checkout:hover {
  background-color: #fff;
  color: var(--primary-red);
  border: 1px solid var(--primary-red);
}

@media only screen and (max-width: 767px) {
  .mobilevisible {
    display: block !important;
  }

  .mobilevisible ul {
    list-style: none;
  }

  .header-area .header-middle {
    padding: 5px 0 10px !important;
  }

  .header-area.layout-03 .biolife-logo {
    position: relative;
    top: 0;
    left: 0;
  }

  .header-area.layout-03 .biolife-logo img {
    width: 75px;
  }

  .slider-opt03__layout01.mode-03 .media,
  .slider-opt03__layout01.mode-02 .media,
  .slider-opt03__layout01 .media {
    height: 630px;
  }

  .slick-slide.slick-active .slider-opt03__layout01 .media .child-elememt,
  .slick-slide .slider-opt03__layout01 .media .child-elememt {
    left: 50%;
    top: -10%;
    right: auto;
    -webkit-transform: scale(0.7) translateX(-70%);
    -moz-transform: scale(0.7) translateX(-70%);
    -ms-transform: scale(0.7) translateX(-70%);
    -o-transform: scale(0.7) translateX(-70%);
    transform: scale(0.7) translateX(-70%);
  }

  .slider-opt03__layout01 .text-content {
    top: auto;
    bottom: 20%;
    background-color: rgba(215, 215, 215, 0.8);
  }

  .slider-opt03__layout01 .text-content .second-line {
    font-size: 30px;
  }

  .slider-opt03__layout01 .text-content .third-line {
    font-size: 0.8vw;
  }

  .biolife-banner__promotion {
    height: auto;
    background-size: cover;
    background-position: 37% bottom;
    top: -40px;
  }

  .biolife-banner__promotion .text-content {
    padding: 80px 80px 50px 15px;
  }

  .biolife-banner__promotion .product-detail .txt-price {
    display: none;
  }

  .biolife-banner__promotion .product-detail .add-to-cart-btn {
    padding: 10px 30px;
    min-width: auto;
    margin-top: 0;
  }

  .biolife-banner__special {
    padding-top: 40px;
  }

  .biolife-tab .tab-head:not(.tab-head__default):not(.tab-head__sample-layout) .tab-element.active .tab-link {
    background-color: #333;
    color: #f6f6f6;
  }

  .tab-head__icon-top-layout .tab-link {
    text-align: center;
    font-size: 15px;
  }

  .tab-head__icon-top-layout .biolife-icon {
    display: block;
    margin: 0 0 5px 0;
  }

  .tab-head__icon-top-layout .biolife-icon img {
    height: 40px;
  }

  .contain-product.layout-default .slide-down-box .buttons .add-to-cart-btn {
    color: #ffffff;
    background-color: var(--primary-red) !important;
  }

  .contain-product.layout-default .info .product-title a {
    min-height: 40px;
  }

  .welcome-us-block .text-head {
    margin-bottom: 20px;
    margin-top: 30px;
  }

  .contact-info-container .addr-info .if-item .tie,
  .contact-info-container .addr-info .if-item .dsc {
    display: block;
    width: 100%;
  }

  .btn-scroll-top {
    line-height: 40px;
    height: 40px;
    width: 40px;
    font-size: 40px;
    bottom: 30px;
    right: 30px;
    background: #fff;
  }

  .sumary-product .media .buttons .add-to-cart-btn {
    width: fit-content;
    min-width: auto;
    padding: 8px 15px;
  }

  .biolife-nav ul li+li::before {
    font-size: 14px;
    margin-left: 8px;
    margin-right: 8px;
  }

  .biolife-nav ul li span,
  .biolife-nav ul li a {
    font-size: 13px;
    line-height: 20px;
  }

  .sumary-product .product-attribute .sku {
    color: #000000;
    display: block;
    margin: 0 0 0 0;
    font-weight: 500;
    width: 50%;
    float: none;
  }

  .sumary-product .product-attribute .social-media {
    display: block;
    width: 50%;
    float: none;
  }

  .sumary-product .product-attribute .price {
    margin: 25px 0;
    background: #f1f1f1;
    text-align: center;
    padding: 10px;
  }

  .sumary-product.single-layout .product-attribute .price {
    margin: 25 0 0;
  }

  .sumary-product .product-attribute .price ins {
    justify-content: flex-start;
    gap: 10px;
  }

  .sumary-product .shipping-info {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
  }

  .sumary-product .shipping-info p {
    font-size: 0.8vw;
  }

  .sumary-product .product-attribute .social-media ul {
    margin-top: 10px;
  }

  .sumary-product .shipping-info .for-today {
    margin-top: 0;
  }

  .sumary-product .product-attribute .price ins span.price-amount.discount {
    margin-left: 0;
  }

  .sumary-product .product-attribute .product-atts.highlightslist .atts-item p {
    font-size: 14px;
  }

  .sumary-product .product-attribute .product-atts.highlightslist .atts-item,
  .sumary-product .product-attribute .product-atts .atts-item ul {
    display: block;
    width: 100%;
  }

  .sumary-product .product-attribute .product-atts.highlightslist .atts-item ul li {
    display: flex;
  }

  .sumary-product .product-attribute .product-atts.highlightslist .atts-item ul li i {
    top: 6px;
    margin-right: 12px;
  }

  .sumary-product .product-attribute .price+div:not(.product-atts):not(.no-border-top) {
    border: 0;
    background-color: transparent;
  }

  .footer-item a.logo.footer-logo {
    display: block;
    text-align: center;
  }

  body {
    margin-bottom: 0px;
  }

  #login-register .tab-head ul {
    margin-top: 0px;
  }

  .top-functions-area .flt-item.group-on-mobile .wrap-selectors {
    top: 5%;
    bottom: auto;
    width: 90%;
    margin: 0;
    left: 5%;
    right: 5%;
    position: fixed;
    max-height: 70vh;
    overflow: auto;
  }

  .bg-spin h1 {
    font-size: 60px;
    letter-spacing: 6px;
  }

  .bg-spin .the_wheel canvas {
    max-width: 100%;
  }

  .bg-spin .alignmiddle:before {
    width: 30px;
    top: 140px;
    left: 0px;
  }

  .bg-spin .alignmiddle {
    padding-top: 0px;
  }

  #biolife-main-panel a.menu-name {
    position: relative;
    line-height: normal;
    min-height: 60px;
    padding-top: 15px;
  }

  .wrap-megamenu {
    background-image: none !important;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {
  .mobilevisible {
    display: block !important;
  }

  .mobilevisible ul {
    list-style: none;
  }

  .header-area .header-middle {
    padding: 5px 0 10px !important;
  }

  .header-area.layout-03 .biolife-logo {
    position: absolute;
    top: 1%;
    left: 10%;
  }

  .header-area.layout-03 .biolife-logo img {
    width: 115px;
  }

  .slider-opt03__layout01.mode-03 .media,
  .slider-opt03__layout01.mode-02 .media,
  .slider-opt03__layout01 .media {
    height: 630px;
  }

  .slick-slide.slick-active .slider-opt03__layout01 .media .child-elememt,
  .slick-slide .slider-opt03__layout01 .media .child-elememt {
    left: 10%;
    top: -10%;
    right: auto;
    -webkit-transform: scale(0.7) translateX(-70%);
    -moz-transform: scale(0.7) translateX(-70%);
    -ms-transform: scale(0.7) translateX(-70%);
    -o-transform: scale(0.7) translateX(-70%);
    transform: scale(0.8) translateX(0%);
  }

  .slider-opt03__layout01 .text-content {
    top: auto;
    bottom: 5%;
    right: auto;
    left: auto;
    background-color: rgba(210, 174, 109, 0.9);
    width: 90%;
    text-align: center;
  }

  .slider-opt03__layout01 .text-content .second-line {
    font-size: 30px;
  }

  .slider-opt03__layout01 .text-content .third-line {
    font-size: 0.8vw;
  }

  .biolife-banner__promotion {
    height: auto;
    background-size: cover;
    background-position: 37% bottom;
    top: -40px;
  }

  .biolife-banner__promotion .text-content {
    padding: 80px 80px 50px 15px;
  }

  .biolife-banner__promotion .product-detail .txt-price {
    display: none;
  }

  .biolife-banner__promotion .product-detail .add-to-cart-btn {
    padding: 10px 30px;
    min-width: auto;
    margin-top: 0;
  }

  .biolife-banner__special {
    padding-top: 40px;
  }

  .biolife-tab .tab-head:not(.tab-head__default):not(.tab-head__sample-layout) .tab-element.active .tab-link {
    background-color: #333;
    color: #f6f6f6;
  }

  .tab-head__icon-top-layout .tab-link {
    text-align: center;
    font-size: 15px;
  }

  .tab-head__icon-top-layout .biolife-icon {
    display: block;
    margin: 0 0 5px 0;
  }

  .tab-head__icon-top-layout .biolife-icon img {
    height: 40px;
  }

  .contain-product.layout-default .slide-down-box .buttons .add-to-cart-btn {
    color: #ffffff;
    background-color: var(--primary-red) !important;
  }

  .contain-product.layout-default .info .product-title a {
    min-height: 40px;
  }

  .welcome-us-block .text-head {
    margin-bottom: 20px;
    margin-top: 30px;
  }

  .contact-info-container .addr-info .if-item .tie,
  .contact-info-container .addr-info .if-item .dsc {
    display: block;
    width: 100%;
  }

  .btn-scroll-top {
    line-height: 40px;
    height: 40px;
    width: 40px;
    font-size: 40px;
    bottom: 30px;
    right: 30px;
    background: #fff;
  }

  .sumary-product .media .buttons .add-to-cart-btn {
    width: 130px;
    min-width: auto;
    padding: 8px 15px;
  }

  .biolife-nav ul li+li::before {
    font-size: 14px;
    margin-left: 8px;
    margin-right: 8px;
  }

  .biolife-nav ul li span,
  .biolife-nav ul li a {
    font-size: 13px;
    line-height: 20px;
  }

  .sumary-product .product-attribute .sku {
    color: #000000;
    display: block;
    margin: 0 0 0 0;
    font-weight: 500;
    width: 50%;
    float: left;
  }

  .sumary-product .product-attribute .social-media {
    display: block;
    width: 50%;
    float: right;
  }

  .sumary-product .product-attribute .price {
    margin: 25px 0;
    background: #f1f1f1;
    text-align: center;
    padding: 10px;
  }

  .sumary-product .product-attribute .price ins span.price-amount {
    margin-right: 3px;
    margin-left: 25px;
  }

  .sumary-product .product-attribute .price ins span.price-amount.discount {
    margin-left: 10px;
  }

  .sumary-product .product-attribute .price ins {
    justify-content: center;
  }

  .sumary-product .product-attribute .product-atts.highlightslist .atts-item p {
    font-size: 14px;
  }

  .sumary-product .product-attribute .product-atts.highlightslist .atts-item,
  .sumary-product .product-attribute .product-atts .atts-item ul {
    display: block;
    width: 100%;
  }

  .sumary-product .product-attribute .product-atts.highlightslist .atts-item ul li {
    display: flex;
  }

  .sumary-product .product-attribute .product-atts.highlightslist .atts-item ul li i {
    top: 6px;
    margin-right: 12px;
  }

  .sumary-product .product-attribute .price+div:not(.product-atts):not(.no-border-top) {
    border: 0;
    background-color: transparent;
  }

  .sumary-product .media {
    width: 100%;
    margin-bottom: 50px;
  }

  .sumary-product .media .buttons {
    display: inline-flex;
    border-top: 2px solid #e6e6e6;
    margin-top: 17px;
    text-align: center;
    padding-top: 20px;
    margin: 0 auto;
    width: 100%;
    padding: 20px 0px 0;
    flex-direction: row-reverse;
  }

  #zoom-fig .MagicZoom {
    text-align: center;
  }

  #zoom-fig .MagicZoom .mz-figure.mz-no-zoom {
    max-width: 450px;
    margin: 0 auto !important;
    justify-content: center;
    text-align: center;
    align-content: center;
  }

  .sumary-product .product-attribute {
    width: 100%;
  }

  .footer-item a.logo.footer-logo {
    display: block;
    text-align: center;
  }

  body {
    margin-bottom: 0px;
  }

  #login-register .tab-head ul {
    margin-top: 0px;
  }

  .top-functions-area .flt-item.group-on-mobile .wrap-selectors {
    top: 5%;
    bottom: auto;
    width: 90%;
    margin: 0;
    left: 5%;
    right: 5%;
    position: fixed;
    max-height: 70vh;
    overflow: auto;
  }

  .welcome-us-block .text-wraper {
    max-width: 100%;
    margin: 0 0 0;
  }

  .welcome-us-block .text-head {
    margin: 20px 0 10px;
  }

  .footer-phone-app {
    margin: 0;
    position: absolute;
    right: 0%;
    bottom: 0;
    text-align: center;
  }

  .footer-phone-info {
    margin-top: 50px;
  }

  .payment-methods ul li {
    padding: 35px 0px;
  }

  .payment-methods ul li+li {
    margin-left: 10px;
  }

  h4.title span.belongs {
    width: 90%;
    top: -4px;
  }

  .welcome-us-block .qt-text {
    margin-bottom: 20px;
  }

  .welcome-us-block .text-info,
  .welcome-us-block .text-info-list {
    font-size: 14px;
    margin-bottom: 20px;
  }

  .pr-detail-layout .product-thumb {
    width: 150px;
  }

  .pr-detail-layout .info {
    width: calc((100% - 150px) - 30%);
  }

  .pr-detail-layout .advance-info {
    width: 30%;
  }

  .biolife-nav {
    padding: 17px;
    background: #f1f1f1;
    margin: 20px 0px 0px;
  }

  .pr-detail-layout .info .list li {
    font-size: 14px;
    line-height: 20px;
  }

  .contain-product .info .categories {
    font-size: 18px;
    line-height: 22px;
  }

  .shpcart-subtotal-block {
    margin-top: 0px;
  }

  .shopping-cart-container .box-title {
    margin: 50px 0 12px;
  }

  .shpcart-subtotal-block {
    padding: 20px 15px;
    margin-top: 10px;
    min-height: 200px;
  }

  .checkout-progress-wrap,
  .checkout-progress-wrap .checkout-act .box-content {
    max-width: 100%;
    width: 100%;
  }

  #CheckoutForm .col-xs-12 {}

  .bg-spin h1 {
    font-size: 90px !important;
  }

  .bg-spin .the_wheel canvas {
    max-width: 500px !important;
  }

  .bg-spin .alignmiddle:before {
    width: 30px;
    top: 175px !important;
    left: 0px;
  }

  .bg-spin .alignmiddle {
    padding-top: 70px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1280px) {
  .header-area .biolife-logo img {
    width: 150px;
  }

  .header-area.layout-03 .header-search-bar.layout-01 .input-text {
    max-width: 100%;
    padding: 10px 95px 10px 20px;
  }

  .slider-opt03__layout01 .media .child-elememt {
    top: 0%;
    left: 6%;
  }

  .slick-slide.slick-active .slider-opt03__layout01 .text-content,
  .slick-slide.slick-active .slider-opt03__layout01 .media .child-elememt {
    -webkit-transform: scale(0.7);
    -moz-transform: scale(0.7);
    -ms-transform: scale(0.7);
    -o-transform: scale(0.7);
    transform: scale(0.7);
  }

  .slider-opt03__layout01 .text-content {
    right: 5%;
  }

  .slider-opt03__layout01 .text-content .second-line {
    font-size: 45px;
    line-height: 55px;
  }

  .slider-opt03__layout01 .text-content .third-line {
    font-size: 18px;
  }

  .banner-contain .media.background-biolife-banner__promotion .img-moving.position-1 img {}

  .banner-contain .media.background-biolife-banner__promotion .img-moving.position-2 img {
    width: 140px;
  }

  .banner-contain .media.background-biolife-banner__promotion .img-moving.position-3 img {
    width: 280px;
  }

  .banner-contain .media.background-biolife-banner__promotion .img-moving.position-4 img {
    width: 150px;
  }

  .biolife-banner__promotion .text-content .second-line {
    font-size: 50px;
  }

  .welcome-us-block .text-info,
  .welcome-us-block .text-info-list {
    font-size: 14px;
  }

  .welcome-us-block .text-head {
    font-size: 0.8vw;
  }

  .contact-info-container .addr-info .if-item .dsc {
    font-size: 14px;
  }

  .bg-spin h1 {
    font-size: 70px;
  }

  .bg-spin .the_wheel canvas {
    max-width: 430px;
  }

  .bg-spin .alignmiddle:before {
    width: 30px;
    top: 150px;
    left: 0px;
  }

  .header-area .primary-menu>ul>li {
    min-width: 80px;
  }

  .header-area .primary-menu>ul>li+li {
    margin-left: 20px;
  }

  .header-area .primary-menu>ul>li>a {
    font-size: 14px;
  }

  .header-area .primary-menu ul .wrap-megamenu {
    background-size: contain;
  }

  .header-area .primary-menu ul .wrap-megamenu .wrap-custom-menu.vertical-menu ul.menu {
    padding-left: 3px;
  }

  .header-area .primary-menu ul .wrap-megamenu .wrap-custom-menu.vertical-menu ul.menu li {
    font-size: 11px;
    margin: 0 0 4px;
  }

  .header-search-bar.layout-01 .input-text {
    max-width: 450px !important;
  }
}

@media only screen and (min-width: 1281px) and (max-width: 1366px) {
  .header-area .biolife-logo img {
    width: 110px;
  }

  .header-area.layout-03 .header-search-bar.layout-01 .input-text {
    max-width: 100%;
    padding: 10px 95px 10px 20px;
  }

  .slider-opt03__layout01 .media .child-elememt {
    top: 2%;
    left: 6%;
  }

  .slick-slide.slick-active .slider-opt03__layout01 .text-content,
  .slick-slide.slick-active .slider-opt03__layout01 .media .child-elememt {
    -webkit-transform: scale(0.85);
    -moz-transform: scale(0.85);
    -ms-transform: scale(0.85);
    -o-transform: scale(0.85);
    transform: scale(0.85);
  }

  .slider-opt03__layout01 .text-content {
    right: 5%;
  }

  .slider-opt03__layout01 .text-content .second-line {
    font-size: 45px;
    line-height: 55px;
  }

  .slider-opt03__layout01 .text-content .third-line {
    font-size: 18px;
  }

  .banner-contain .media.background-biolife-banner__promotion .img-moving.position-1 img {}

  .banner-contain .media.background-biolife-banner__promotion .img-moving.position-2 img {
    width: 140px;
  }

  .banner-contain .media.background-biolife-banner__promotion .img-moving.position-3 img {
    width: 280px;
  }

  .banner-contain .media.background-biolife-banner__promotion .img-moving.position-4 img {
    width: 150px;
  }

  .biolife-banner__promotion .text-content .second-line {
    font-size: 50px;
  }

  .welcome-us-block .text-info,
  .welcome-us-block .text-info-list {
    font-size: 14px;
  }

  .welcome-us-block .text-head {
    font-size: 0.8vw;
  }

  .contact-info-container .addr-info .if-item .dsc {
    font-size: 14px;
  }

  .bg-spin h1 {
    font-size: 70px;
  }

  .bg-spin .the_wheel canvas {
    max-width: 430px;
  }

  .bg-spin .alignmiddle:before {
    width: 30px;
    top: 150px;
    left: 0px;
  }

  .bg-spin .alignmiddle {
    padding-top: 0;
  }

  .header-area .primary-menu>ul>li {
    min-width: 85px;
  }

  .header-area .primary-menu>ul>li+li {
    margin-left: 20px;
  }

  .header-area .primary-menu>ul>li>a {
    font-size: 15px;
  }

  .header-area .primary-menu ul .wrap-megamenu {
    background-size: contain;
  }

  .header-area .primary-menu ul .wrap-megamenu .wrap-custom-menu.vertical-menu ul.menu {
    padding-left: 3px;
  }

  .header-area .primary-menu ul .wrap-megamenu .wrap-custom-menu.vertical-menu ul.menu li {
    font-size: 11px;
    margin: 0 0 4px;
  }

  .header-search-bar.layout-01 .input-text {
    max-width: 470px !important;
  }
}

@media only screen and (min-width: 1367px) and (max-width: 1440px) {
  .header-area .biolife-logo img {
    width: 150px;
  }

  .header-area.layout-03 .header-search-bar.layout-01 .input-text {
    max-width: 100%;
    padding: 8px 20px;
  }

  .slider-opt03__layout01 .media .child-elememt {
    top: 3%;
    left: 6%;
  }

  .header-top.bg-main>.container-fluid {
    display: flex;
    justify-content: space-between;
  }

  .slick-slide.slick-active .slider-opt03__layout01 .text-content,
  .slick-slide.slick-active .slider-opt03__layout01 .media .child-elememt {
    -webkit-transform: scale(0.9);
    -moz-transform: scale(0.9);
    -ms-transform: scale(0.9);
    -o-transform: scale(0.9);
    transform: scale(0.9);
  }

  .slider-opt03__layout01 .text-content {
    right: 7%;
  }

  .slider-opt03__layout01 .text-content .second-line {
    font-size: 45px;
    line-height: 55px;
  }

  .slider-opt03__layout01 .text-content .third-line {
    font-size: 18px;
  }

  .banner-contain .media.background-biolife-banner__promotion .img-moving.position-1 img {}

  .banner-contain .media.background-biolife-banner__promotion .img-moving.position-2 img {
    width: 140px;
  }

  .banner-contain .media.background-biolife-banner__promotion .img-moving.position-3 img {
    width: 280px;
  }

  .banner-contain .media.background-biolife-banner__promotion .img-moving.position-4 img {
    width: 150px;
  }

  .biolife-banner__promotion .text-content .second-line {
    font-size: 50px;
  }

  .welcome-us-block .text-info,
  .welcome-us-block .text-info-list {
    font-size: 14px;
  }

  .welcome-us-block .text-head {
    font-size: 0.8vw;
  }

  .contact-info-container .addr-info .if-item .dsc {
    font-size: 14px;
  }

  .header-area .primary-menu>ul>li {
    min-width: 80px;
  }

  .header-area .primary-menu>ul>li+li {
    margin-left: 15px;
  }

  .header-area .primary-menu>ul>li>a {
    font-size: 14px;
  }

  .header-area .primary-menu ul .wrap-megamenu {
    background-size: contain;
  }

  .header-area .primary-menu ul .wrap-megamenu .wrap-custom-menu.vertical-menu ul.menu {
    padding-left: 3px;
  }

  .header-area .primary-menu ul .wrap-megamenu .wrap-custom-menu.vertical-menu ul.menu li {
    font-size: 11px;
    margin: 0 0 4px;
  }

  .header-search-bar.layout-01 .input-text {
    max-width: 230px !important;
  }
}

@media only screen and (min-width: 1441px) and (max-width: 1700px) {
  .header-area .biolife-logo img {
    width: 150px;
  }

  .header-area.layout-03 .header-search-bar.layout-01 .input-text {
    max-width: 100%;
    padding: 10px 95px 10px 20px;
  }

  .slider-opt03__layout01 .media .child-elememt {
    top: 0%;
    left: 6%;
  }

  .slick-slide.slick-active .slider-opt03__layout01 .text-content,
  .slick-slide.slick-active .slider-opt03__layout01 .media .child-elememt {
    -webkit-transform: scale(0.7);
    -moz-transform: scale(0.7);
    -ms-transform: scale(0.7);
    -o-transform: scale(0.7);
    transform: scale(0.7);
  }

  .slider-opt03__layout01 .text-content {
    right: 5%;
  }

  .slider-opt03__layout01 .text-content .second-line {
    font-size: 45px;
    line-height: 55px;
  }

  .slider-opt03__layout01 .text-content .third-line {
    font-size: 18px;
  }

  .banner-contain .media.background-biolife-banner__promotion .img-moving.position-1 img {}

  .banner-contain .media.background-biolife-banner__promotion .img-moving.position-2 img {
    width: 140px;
  }

  .banner-contain .media.background-biolife-banner__promotion .img-moving.position-3 img {
    width: 280px;
  }

  .banner-contain .media.background-biolife-banner__promotion .img-moving.position-4 img {
    width: 150px;
  }

  .biolife-banner__promotion .text-content .second-line {
    font-size: 50px;
  }

  .welcome-us-block .text-info,
  .welcome-us-block .text-info-list {
    font-size: 14px;
  }

  .welcome-us-block .text-head {
    font-size: 0.8vw;
  }

  .contact-info-container .addr-info .if-item .dsc {
    font-size: 14px;
  }

  .header-area .primary-menu>ul>li {
    min-width: 80px;
  }

  .header-area .primary-menu>ul>li+li {
    margin-left: 20px;
  }

  .header-area .primary-menu>ul>li>a {
    font-size: 14px;
  }

  .header-area .primary-menu ul .wrap-megamenu {
    background-size: contain;
  }

  .header-area .primary-menu ul .wrap-megamenu .wrap-custom-menu.vertical-menu ul.menu {
    padding-left: 3px;
  }

  .header-area .primary-menu ul .wrap-megamenu .wrap-custom-menu.vertical-menu ul.menu li {
    font-size: 11px;
    margin: 0 0 4px;
  }

  .header-search-bar.layout-01 .input-text {
    max-width: 500px !important;
  }
}

@media only screen and (min-width: 1701px) and (max-width: 1919px) {}

.hero-background2 {
  background-image: url(../images/service.jpg);
  height: 194px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.services {
  color: #fff;
  background-color: var(--primary-red);
}

.header-top .top-bar .horizontal-menu a:hover {
  color: #000;
}

.menu1 {
  color: "#fff;
 ";

}

.minicart-item .left-info .price ins .price-amount {
  font-size: 15px;
}

.main-slider-style-1 {
  background-color: #f9f3f0;
  padding: 90px 0 190px;
  position: relative;
  z-index: 1;
  overflow: hidden;
  min-height: 550px;
  margin-bottom: -60px;
}

@media only screen and (max-width: 1199px) {
  .main-slider-style-1 {
    min-height: 500px;
  }
}

@media only screen and (max-width: 991px) {
  .main-slider-style-1 {
    padding: 40px 0 80px;
    min-height: 450px;
  }
}

@media only screen and (max-width: 767px) {
  .main-slider-style-1 {
    padding: 30px 0 60px;
    min-height: 100%;
  }
}

.main-slider-style-1 .main-slider-content {
  margin: -30px;
}

@media only screen and (max-width: 575px) {
  .main-slider-style-1 .main-slider-content {
    text-align: center;
  }
}

@media only screen and (max-width: 575px) {
  .main-slider-style-1 .main-slider-content .subtitle {
    justify-content: center;
  }
}

@media only screen and (max-width: 1199px) {
  .main-slider-style-1 .main-slider-content .title {
    font-size: 56px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .main-slider-style-1 .main-slider-content .title {
    font-size: 44px;
    margin-bottom: 40px;
  }
}

@media only screen and (max-width: 767px) {
  .main-slider-style-1 .main-slider-content .title {
    font-size: 34px;
    margin-bottom: 30px;
  }
}

@media only screen and (max-width: 1199px) {
  .main-slider-style-1 .main-slider-content .item-rating {
    justify-content: flex-start;
  }
}

@media only screen and (max-width: 575px) {
  .main-slider-style-1 .main-slider-content .item-rating {
    justify-content: center;
  }
}

.main-slider-style-1 .main-slider-content .item-rating .content {
  flex: initial;
}

.main-slider-style-1 .main-slider-content .single-slide {
  padding: 30px;
}

@media only screen and (max-width: 575px) {
  .main-slider-style-1 .main-slider-large-thumb {
    text-align: center;
    padding: 40px 40px 0;
  }
}

@media only screen and (max-width: 767px) {
  .main-slider-style-1 .main-slider-large-thumb .single-slide .product-price {
    height: 80px;
    width: 80px;
    top: 0;
    left: 0;
  }

  .main-slider-style-1 .main-slider-large-thumb .single-slide .product-price span {
    font-size: 15px;
  }

  .main-slider-style-1 .main-slider-large-thumb .single-slide .product-price span.price-amount {
    font-size: 15px;
  }
}

@media only screen and (max-width: 575px) {
  .main-slider-style-1 .main-slider-large-thumb .single-slide .product-price {
    left: 50px;
  }
}

.main-slider-style-1 .shape-group li {
  position: absolute;
  z-index: -1;
}

.main-slider-style-1 .shape-group li.shape-1 {
  bottom: -100px;
  right: 33%;
}

@media only screen and (min-width: 1200px) and (max-width: 1599px) {
  .main-slider-style-1 .shape-group li.shape-1 {
    right: 27%;
  }
}

@media only screen and (max-width: 1199px) {
  .main-slider-style-1 .shape-group li.shape-1 {
    right: 20%;
  }
}

@media only screen and (max-width: 991px) {
  .main-slider-style-1 .shape-group li.shape-1 {
    display: none;
  }
}

.main-slider-style-1 .shape-group li.shape-2 {
  bottom: -65px;
  right: 2%;
}

.main-slider-large-thumb {
  width: 70vw;
}

@media only screen and (max-width: 991px) {
  .main-slider-large-thumb {
    width: auto;
  }
}

.main-slider-large-thumb .slick-track {
  display: flex;
  align-items: flex-end;
}

.main-slider-large-thumb .single-slide {
  position: relative;
}

.main-slider-large-thumb .single-slide img {
  display: inline-block;
}

.main-slider-large-thumb .single-slide .product-price {
  height: 100px;
  width: 100px;
  background-color: #ffffff;
  border-radius: 50%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  text-align: center;
  position: absolute;
  top: 50px;
  left: 150px;
  visibility: hidden;
  opacity: 0;
  transform: scale(0);
  transition-delay: 0.5s;
  transition: all 0.5s ease-in-out;
}

@media only screen and (min-width: 1600px) and (max-width: 1920px) {
  .main-slider-large-thumb .single-slide .product-price {
    top: 100px;
    left: 200px;
  }
}

.main-slider-large-thumb .single-slide .product-price span.text {
  color: var(--color-body);
}

.main-slider-large-thumb .single-slide .product-price span.price-amount {
  font-size: 18px;
  font-weight: 700;
  color: #f3f4f6;
}

.main-slider-large-thumb .single-slide.slick-current .product-price {
  visibility: visible;
  opacity: 1;
  transform: scale(1);
}

.main-slider-large-thumb .single-slide:not(.slick-current) figure img {
  width: 160px;
  transition: all 1s ease-in-out;
}

.main-slider-large-thumb .single-slide.slick-active.slick-current figure img {
  width: 100%;
  transition: all 0.5s ease-in-out;
}

.main-slider-large-thumb .single-slide.slick-active.slick-current figure img {
  width: 100%;
  height: 470px;
}

.main-slider-large-thumb .single-slide.slick-active:not(.first-slick),
.main-slider-large-thumb .single-slide.slick-active.first-slick,
.main-slider-large-thumb .single-slide.slick-active.last-slick {
  transition: all 0s ease-in-out;
}

.main-slider-large-thumb .axil-slick-dots .slick-dots {
  text-align: left;
  bottom: -70px;
}

@media only screen and (max-width: 575px) {
  .main-slider-large-thumb .axil-slick-dots .slick-dots {
    text-align: center;
    bottom: -55px;
  }
}

.main-slider-large-thumb .axil-slick-dots .slick-dots li button {
  background-color: #ffffff;
  opacity: 0.5;
}

.main-slider-large-thumb .axil-slick-dots .slick-dots li.slick-active button {
  background-color: var(--primary-red);
  opacity: 1;
}

.axil-main-slider-area .main-slider-content .slider-content-activation-one .single-slide {
  position: absolute;
  top: 20%;
  right: 10%;
  z-index: 20;
  border-radius: 8px;
  background-color: rgba(205, 205, 213, 0.3);
  color: rgb(255, 255, 255);
  border-color: rgb(102, 102, 102);
  padding: 20px 50px 40px;
}

.axil-main-slider-area .main-slider-content .slider-content-activation-one .single-slide .subtitle img {
  width: 240px;
  height: auto;
}

.axil-main-slider-area .main-slider-content .slider-content-activation-one .single-slide .title {
  letter-spacing: -0.03em;
  margin-bottom: 10px;
  font-size: 50px;
  line-height: 60px;
  color: #333333;
  font-weight: 700;
  display: block;
  margin: 0;
}

.axil-main-slider-area .main-slider-content .slider-content-activation-one .single-slide .third-line {
  font-size: 22px;
  line-height: 1;
  color: #000000;
  display: block;
  margin: 13px 0 0;
  margin-bottom: 30px;
}

.align-items-center {
  align-items: center !important;
}

.row {
  margin-left: -15px !important;
  margin-right: -15px !important;
  --bs-gutter-y: 0 !important;
  --bs-gutter-x: 1.5rem !important;
  display: flex !important;
  flex-wrap: wrap !important;
}

.axil-main-slider-area ul.shape-group {
  list-style-type: none;
}

.axil-main-slider-area .main-slider-large-thumb .slider-thumb-activation-one .biolife-icon {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  font-size: 38px;
}

.axil-main-slider-area .main-slider-large-thumb .slider-thumb-activation-one .biolife-icon:hover {
  color: var(--primary-red);
}

.axil-main-slider-area .main-slider-large-thumb .slider-thumb-activation-one .biolife-icon.icon-left-arrow {
  left: -37vw;
}

.axil-main-slider-area .main-slider-large-thumb .slider-thumb-activation-one .biolife-icon.icon-arrow-right {
  right: 22vw;
}

.page-contain .main-content .banner-promotion-01 {
  position: relative;
  z-index: 6;
  margin-top: 115px;
}

.w-100 {
  width: 100%;
}

.h-auto {
  height: auto;
}

.top-bar .serchbar-areasection {
  padding: 0px 5px;
  display: grid;
  align-items: center;
}

.serchbar-areasection {
  padding: 15px 25px;
}

/* new card */
.gi-product-content {
  height: 100%;
  padding: 0 0 24px 0;
  display: flex;
}

.gi-product-box .gi-product-content .gi-product-inner {
  cursor: pointer;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  border: 1px solid #888888;
  border-radius: 15px;
}

.gi-product-box .gi-product-content .gi-product-inner .gi-pro-image {
  overflow: hidden;
}

.gi-product-box .gi-product-content .gi-product-inner .gi-pro-image .image {
  position: relative;
  display: block;
  overflow: hidden;
  pointer-events: none;
}

.gi-product-box .gi-product-content .gi-product-inner .gi-pro-image .image img {
  z-index: 1;
  max-width: 100%;
  transition: all 0.3s ease 0s;
}

.gi-product-box .gi-product-content .gi-product-inner .gi-pro-image .image img.hover-image {
  position: absolute;
  z-index: 2;
  top: 0;
  left: 0;
  opacity: 0;
}

.gi-product-box .gi-product-content .gi-product-inner .gi-pro-image .flags {
  right: auto;
  display: flex;
  flex-direction: column;
  padding: 0;
  text-transform: uppercase;
  position: absolute;
  top: 10px;
  right: 10px;
  z-index: 2;
}

.gi-product-box .gi-product-content .gi-product-inner .gi-pro-image .flags span {
  padding: 5px 10px;
  font-size: 11px;
  font-weight: 500;
  line-height: 12px;
  text-align: left;
  text-transform: uppercase;
  display: flex;
  align-items: center;
  background: #ff7070;
  color: #fff;
  letter-spacing: 0.5px;
  position: relative;
  border-radius: 15px;
}

.gi-product-box .gi-product-content .gi-product-inner .gi-pro-image .flags span.new {
  background: var(--primary-red);
}

.gi-product-box .gi-product-content .gi-product-inner .gi-pro-image .percentage {
  position: absolute;
  z-index: 8;
  top: 15px;
  right: 15px;
  font-size: 13px;
  font-weight: 500;
  line-height: 29px;
  padding: 0 7px;
  text-align: center;
  text-transform: uppercase;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--primary-red);
}

.gi-product-box .gi-product-content .gi-product-inner .gi-pro-image .gi-pro-actions {
  position: absolute;
  z-index: 9;
  left: 0;
  right: 0;
  bottom: -10px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  margin: 0 auto;
  opacity: 0;
}

.gi-product-box .gi-product-content .gi-product-inner .gi-pro-image .gi-pro-actions .gi-btn-group {
  width: 30px;
  height: 30px;
  margin: 0 2px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  color: #fff;
  background-color: #fff;
  border-radius: 100%;
  border: 1px solid var(--primary-red);
  border-radius: 5px;
}

.gi-product-box .gi-product-content .gi-product-inner .gi-pro-image .gi-pro-actions .gi-btn-group:hover {
  background-color: var(--primary-red);
}

.gi-product-box .gi-product-content .gi-product-inner .gi-pro-image .gi-pro-actions .gi-btn-group:hover i {
  color: #fff;
}

.gi-product-box .gi-product-content .gi-product-inner .gi-pro-image .gi-pro-actions .gi-btn-group i {
  color: #000;
  line-height: 10px;
}

.gi-product-box .gi-product-content .gi-product-inner .gi-pro-image .gi-pro-actions .wishlist.active,
.gi-product-box .gi-product-content .gi-product-inner .gi-pro-image .gi-pro-actions .compare.active {
  background-color: var(--primary-red);
}

.gi-product-box .gi-product-content .gi-product-inner .gi-pro-image .gi-pro-actions .wishlist.active i,
.gi-product-box .gi-product-content .gi-product-inner .gi-pro-image .gi-pro-actions .compare.active i {
  color: #fff;
}

.gi-product-box .gi-product-content .gi-product-inner .gi-pro-image-outer {
  transition: all 0.3s ease 0s;
  z-index: 11;
  position: relative;
}

.gi-product-box .gi-product-content .gi-product-inner:hover .gi-pro-actions {
  opacity: 1;
  bottom: 10px;
}

.gi-product-box .gi-product-content .gi-product-inner:hover .gi-pro-image .image img {
  transform: scale(1.1);
}

.gi-product-box .gi-product-content .gi-product-inner:hover .gi-pro-image .image img:not(:last-child) {
  opacity: 0;
}

.gi-product-box .gi-product-content .gi-product-inner:hover .gi-pro-image .image img.hover-image {
  opacity: 1;
}

.gi-product-box .gi-product-content .gi-product-inner .gi-pro-content {
  height: 100%;
  padding: 20px;
  position: relative;
  z-index: 10;
  display: flex;
  flex-direction: column;
  text-align: left;
  border-top: 1px solid #888888;
}

.gi-product-box .gi-product-content .gi-product-inner .gi-pro-content .gi-pro-stitle {
  margin: 0 0 10px;
  font-weight: 500;
  color: #444;
  font-size: 14px;
  text-transform: capitalize;
  line-height: 22px;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
}

.gi-product-box .gi-product-content .gi-product-inner .gi-pro-content .gi-pro-rat-price {
  margin-top: 5px;
  margin-bottom: 0;
  display: flex;
  flex-direction: column;
}

.gi-product-box .gi-product-content .gi-product-inner .gi-pro-content .gi-pro-title {
  /* height: 100%;
	 */
  margin: 0 0 5px;
  font-size: 0.8vw;
  font-weight: 500;
}

.gi-product-box .gi-product-content .gi-product-inner .gi-pro-content .gi-pro-title a {
  text-decoration: none;
  color: var(--primary-black);
  display: block;
  font-size: 14px;
  line-height: 22px;
  font-weight: 700;
  letter-spacing: 0.8px;
  text-transform: capitalize;
}

.gi-product-box .gi-product-content .gi-product-inner .gi-pro-content .gi-pro-title a:hover {
  color: var(--primary-red);
}

.gi-product-box .gi-product-content .gi-product-inner .gi-pro-content .gi-info {
  display: none;
}

.gi-product-box .gi-product-content .gi-product-inner .gi-pro-content .gi-price {
  font-size: 18px;
  display: flex;
  align-items: center;
  justify-content: left;
  color: #222;
  letter-spacing: 0.4px;
}

.gi-product-box .gi-product-content .gi-product-inner .gi-pro-content .gi-price span.new-price {
  color: #222;
  font-weight: 700;
  font-size: 14px;
  margin-right: 7px;
}

.gi-product-box .gi-product-content .gi-product-inner .gi-pro-content .gi-price span.old-price {
  font-size: 14px;
  text-decoration: line-through;
  color: #9e9e9e;
  font-weight: 700;
}

.gi-product-box .gi-product-content .gi-product-inner .gi-pro-content .gi-pro-rat-price .buttons {
  width: 100%;
  visibility: hidden;
  opacity: 0;
  height: 0;
  transition: all 0.3s ease-in;
}

.gi-product-box .gi-product-content .gi-product-inner:hover .gi-pro-content .gi-pro-rat-price .buttons {
  visibility: visible;
  opacity: 1;
  transition: all 0.3s ease-in;
  height: auto;
}

.gi-product-box .gi-product-content .gi-product-inner .gi-pro-content .gi-pro-rat-price .buttons a {
  width: fit-content;
  margin: 10px auto 0;
}

.gi-product-box .gi-product-content .gi-product-inner .gi-pro-content .btn {
  align-self: center;
}

.gi-product-box .gi-product-content .gi-product-inner .gi-pro-content .gi-pro-rating {
  margin-bottom: 10px;
  opacity: 0.7;
  position: relative;
}

.gi-product-box .gi-product-content .gi-product-inner .gi-pro-content .gi-pro-rating .gi-pro-rating {
  margin: 0;
}

.gi-product-box .gi-product-content .gi-product-inner .gi-pro-content .gi-pro-rating .qty {
  position: absolute;
  bottom: 0;
  right: 0;
  color: #777;
  font-size: 13px;
}

.gi-product-box .gi-product-content .gi-product-inner .gi-pro-image.pro-loading:before {
  position: absolute;
  z-index: 1;
  width: 100%;
  height: 100%;
  background-color: #fff;
  top: 0;
  left: 0;
  right: 0;
  margin: 0 auto;
  content: "";
  opacity: 0.5;
  z-index: 98;
}

.mb-0 {
  margin-bottom: 0px !important;
}

.justify-content-center {
  justify-content: center !important;
}

.d-none {
  display: none !important;
}

.bg-gradient-start {
  background: linear-gradient(0deg,
      rgba(240, 236, 228, 1) 0%,
      rgba(255, 255, 255, 0) 100%);
}

.bg-yello-made {
  background: #f0ece4;
}

/* new product card */
/* .biolife-carousel .product-item .card-product-area {
	 margin: 30px;
}
 */
.card-product-area {
  background: #fff;
  padding: 1.5rem;
  position: relative;
  border-radius: 1.75rem;
}

.card-product-area .card-product-body {
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #000;
  text-align: initial;
  list-style: none;
  display: flex;
  flex-direction: column;
  height: 100%;
  justify-content: space-between;
  gap: 1rem;
}

.card-product-area .card-product-body .head-area .p-title .title {
  font-size: 14px;
  line-height: 22px;
  font-weight: 600;
}

.card-product-area .card-product-body .head-area .p-title .title a {
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
  word-break: break-word;
  /* display: block;
	 */
  text-decoration: none !important;
  color: #000;
  min-height: 40px;
}

.card-product-area .card-product-body .head-area .p-title .title h6 {
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  line-clamp: 1;
  -webkit-box-orient: vertical;
  word-break: break-word;
  font-weight: 500;
  font-size: 14px;
}

.card-product-area .card-product-body .head-area .p-title .title h6 span {
  color: var(--primary-red);
}

.card-product-area .card-product-body .head-area .p-title .title a:hover {
  color: var(--primary-red);
}

.card-product-area .card-product-body .head-area .p-image {
  margin-top: 1rem;
  aspect-ratio: 1/1;
  margin-left: auto;
  margin-right: auto;
  max-height: 15rem;
}

.card-product-area .card-product-body .head-area .p-image .img-wrapper {
  text-align: center;
  width: 100%;
}

.card-product-area .card-product-body .head-area .p-image .img-wrapper .img-era {
  position: relative;
  text-align: center;
}

.card-product-area .card-product-body .head-area .p-image .img-wrapper .img-era .area-image img {
  list-style: none;
  vertical-align: top;
  width: 100%;
  max-width: 15rem;
  aspect-ratio: 1;
  object-fit: contain;
  object-position: 50% 50%;
}

.card-product-area .card-product-body .product-bottom-container {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
}

.card-product-area .card-product-body .product-bottom-container .p-price-area .price-area {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  color: #000;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 0.25rem;
  justify-content: center;
  margin-top: 0.25rem;
}

.card-product-area .card-product-body .product-bottom-container .p-price-area .price-area .price-box {
  font-size: 12px;
  line-height: 20px;
  font-weight: 500;
}

.card-product-area .card-product-body .product-bottom-container .p-price-area .price-area .price-box .product-price {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 0.5rem;
  gap: 0.25rem;
}

.card-product-area .card-product-body .product-bottom-container .p-price-area .price-area .price-box .product-price .p-price {
  color: #646464;
}

.card-product-area .card-product-body .product-bottom-container .p-price-area .price-area .price-box .product-price .actual-price {
  color: #646464;
  text-decoration: line-through;
  text-decoration-color: #646464;
  -webkit-text-decoration-color: #646464;
}

.card-product-area .card-product-body .product-bottom-container .p-price-area .price-area .price-box .product-price .discounted-price {
  color: #000;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0.3125rem;
}

.card-product-area .card-product-body .product-bottom-container .p-price-area .price-area .price-box .product-price .purchase-price {
  font-size: 1.625rem;
  color: #000;
  line-height: 1.625rem;
  font-weight: 600;
}

.card-product-area .card-product-body .product-bottom-container .cta-wrap {
  margin-top: 10px;
}

.card-product-area .card-product-body .product-bottom-container .cta-wrap .buttons {
  text-align: center;
}

.product-area-tab-section {
  padding: 0 0 80px;
}

.position-relative {
  position: relative;
}

.HeroBannerMain .slide-card-area {
  position: relative;
}

.HeroBannerMain .slide-card-area .content-banner-area {
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  transform: translateY(-50%);
}

.HeroBannerMain .slide-card-area .content-banner-area .title {
  color: #fff;
  font-size: 40px;
  font-weight: 700;
  margin-top: 0;
  line-height: 50px;
}

.HeroBannerMain .slide-card-area .content-banner-area .third-line {
  color: #fff;
  font-size: 18px;
  line-height: 30px;
  margin-bottom: 23px;
  max-width: 600px;
  /* max-width: calc(100% - 410px);
	 */
}

.category-section-space {
  padding: 50px 0 50px;
}

.category-section-space .wg-cls.style-square {
  width: 100%;
}

.category-section-space .wg-cls {
  display: grid;
  position: relative;
}

.category-section-space .wg-cls.style-square .image {
  border-radius: 8px;
  position: relative;
  margin: 0 20px;
  padding: 20px;
  background-color: #f2f2f2;
}

.category-section-space .wg-cls.style-square .image figure {
  padding: 30px;
}

.category-section-space .wg-cls.style-square .image .cta.cta--contained {
  opacity: 0;
  visibility: hidden;
  position: absolute;
  color: #fff !important;
  background-color: var(--primary-red);
  font-size: 14px;
  text-transform: uppercase;
  font-weight: 700;
  border-radius: 9999px;
  border: none;
  padding: 10px 10px 10px;
  line-height: 1;
  bottom: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  -webkit-transition:
    bottom cubic-bezier(0.35, 0, 0.36, 1) 0.5s,
    opacity linear 0.5s,
    visibility linear 0.5s;
  transition:
    bottom cubic-bezier(0.35, 0, 0.36, 1) 0.5s,
    opacity linear 0.5s,
    visibility linear 0.5s;
  min-width: 80px;
  text-align: center;
}

.category-section-space .wg-cls.style-square .image .cta.cta--contained:hover {
  background-color: #000000;
}

.category-section-space .wg-cls.style-square:hover .image .cta.cta--contained {
  text-shadow: none;
  opacity: 1;
  visibility: visible;
  bottom: 16px;
}

.category-section-space .hover-img .img-style {
  overflow: hidden;
}

.category-section-space .hover-img .img-style figure>img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  -webkit-transition:
    opacity 0.2s ease,
    transform 0.2s cubic-bezier(0, 0, 0.44, 1.18);
  transition:
    opacity 0.2s ease,
    transform 0.2s cubic-bezier(0, 0, 0.44, 1.18);
}

.category-section-space .hover-img .cls-content a {
  color: #000;
  font-weight: 600;
  font-size: 20px;
  line-height: 1.33;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
}

.category-section-space .hover-img:hover .cls-content a {
  color: var(--primary-red);
}

.category-section-space .hover-img:hover .img-style figure>img {
  -webkit-transform: scale(1.12);
  transform: scale(1.12);
}

.filtercardcarausel,
.HeroCatCardArea {
  position: relative;
}

.slick-dots li button:before,
.slick-dots li.slick-active button:before {
  color: transparent !important;
}

.filtercardcarausel .slick-arrow,
.HeroCatCardArea .slick-arrow {
  font-size: 40px !important;
  cursor: pointer !important;
  z-index: 99;
  color: #0f1b3d !important;
  width: 44px !important;
  height: 44px !important;
  line-height: 44px !important;
  display: flex !important;
  align-items: center;
  justify-content: center;
  position: absolute !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  transition: color 0.25s ease, transform 0.25s ease, opacity 0.25s ease;
  user-select: none;
  opacity: 1 !important;
  visibility: visible !important;
  background: transparent !important;
  border: none !important;
  padding: 0 !important;
}

.filtercardcarausel .slick-arrow:hover,
.HeroCatCardArea .slick-arrow:hover {
  color: var(--primary-red, #ed2f59) !important;
  transform: translateY(-50%) scale(1.15) !important;
}

.filtercardcarausel .slick-arrow.prev,
.HeroCatCardArea .slick-arrow.prev {
  left: -20px !important;
}

.filtercardcarausel .slick-arrow.next,
.HeroCatCardArea .slick-arrow.next {
  right: -20px !important;
}

.HeroCatCardArea .slick-arrow.prev:before,
.HeroCatCardArea .slick-arrow.icon-left-arrow:before {
  content: "\e910" !important;
  font-family: "biolife", sans-serif !important;
  font-size: 38px !important;
  line-height: 1 !important;
  color: inherit !important;
  opacity: 1 !important;
  display: inline-block;
}

.HeroCatCardArea .slick-arrow.next:before,
.HeroCatCardArea .slick-arrow.icon-arrow-right:before {
  content: "\e900" !important;
  font-family: "biolife", sans-serif !important;
  font-size: 38px !important;
  line-height: 1 !important;
  color: inherit !important;
  opacity: 1 !important;
  display: inline-block;
}

@media (max-width: 767px) {

  .filtercardcarausel .slick-arrow.prev,
  .HeroCatCardArea .slick-arrow.prev {
    left: -5px !important;
  }

  .filtercardcarausel .slick-arrow.next,
  .HeroCatCardArea .slick-arrow.next {
    right: -5px !important;
  }
}

.tfSwCategories {
  padding: 60px 0;
}

.tfSwCategories .slidecard {
  height: auto;
}

.banner-image-product-2 {
  padding: 20px 0px;
  position: relative;
}

.banner-image-product-2 .inner {
  display: flex;
  align-items: center;
  gap: 30px;
  position: relative;
}

.banner-image-product-2 .item-banner {
  padding: 50px 30px;
  border-radius: 8px;
}

.banner-image-product-2 .item-image {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 2%;
}

.banner-image-product-2 .item-image.item-2 {
  right: 30%;
}

.banner-image-product-2.type-sp-2 {
  padding: 14px 0px;
}

.banner-image-product-2.type-sp-2 .inner {
  gap: 15px;
}

.banner-image-product-2.type-sp-2 .item-banner {
  padding: 51px 23px;
  background-position: left center;
  background-size: cover !important;
  background-repeat: no-repeat;
}

.hover-img .img-style {
  overflow: hidden;
}

.hover-img .img-style>img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  -webkit-transition:
    opacity 0.5s ease,
    transform 2s cubic-bezier(0, 0, 0.44, 1.18);
  transition:
    opacity 0.5s ease,
    transform 2s cubic-bezier(0, 0, 0.44, 1.18);
}

.hover-img .img-style-2 {
  overflow: hidden;
}

.hover-img .img-style-2>img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 1.5s cubic-bezier(0, 0, 0.44, 1.18);
}

.hover-img:hover .img-style>img {
  -webkit-transform: scale(1.06);
  transform: scale(1.06);
}

.hover-img:hover .img-style-2>img {
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}

.hover-img .img-style2 {
  overflow: hidden;
  border-radius: 10px;
}

.hover-img .img-style2 .img-hv {
  width: 100%;
  object-fit: cover;
  -webkit-transition: all 1s cubic-bezier(0.3, 1, 0.35, 1) 0s;
  transition: all 1s cubic-bezier(0.3, 1, 0.35, 1) 0s;
  transition: transform 500ms ease;
}

.banner-image-product-2.type-sp-2 .inner .name {
  display: block;
  margin: 0;
  margin-bottom: 0;
  font-size: 15px;
  line-height: 1;
  color: #f3f3f3;
  text-transform: uppercase;
}

.banner-image-product-2.type-sp-2 .inner .name span {
  font-size: 30px;
  color: #ffffff;
  text-transform: uppercase;
  font-weight: 700;
  display: block;
  margin: 7px 0 0;
}

@media (min-width: 1440px) {
  .banner-image-product-2 .inner {
    gap: 45px;
  }

  .banner-image-product-2 .item-banner {
    padding: 51px 100px 51px 134px;
  }

  .banner-image-product-2 .item-image {
    right: 65px;
  }

  .banner-image-product-2 .item-image.item-2 {
    right: 410px;
  }
}

@media (min-width: 1600px) {
  .banner-image-product-2.type-sp-2 {
    padding: 14px 0px;
  }

  .banner-image-product-2.type-sp-2 .item-banner {
    padding: 51px 23px;
  }

  /* .banner-image-product-2.style-2 .inner {
		 flex-direction: column;
		 gap: 30px;
	}
	 */
  .banner-image-product-2.style-2 .item-banner {
    padding: 51px 23px;
  }

  .banner-image-product-2.style-2 .box-price {
    padding-left: 45px;
    background-color: unset;
    width: unset;
    height: unset;
  }
}

.blank-area {
  padding: 50px 0;
}

.header-top.bg-main {
  border-radius: 0 0 0 20px;
  padding-left: 10px;
}

.horizontal-menu .dropdown .dropdown-menu {
  top: 90%;
  min-width: auto;
  padding: 0;
}

.horizontal-menu .dropdown .dropdown-menu li a {
  padding: 8px 18px;
}

.header-area .header-middle.biolife-sticky-object .logo-area {
  display: none;
}

.header-area .header-middle.biolife-sticky-object.pre-sticky.is-sticky .primary-menu {
  display: flex;
  gap: 50px;
  align-items: baseline;
}

.header-area .header-middle.biolife-sticky-object.pre-sticky.is-sticky .logo-area {
  display: block;
}

.header-area .header-middle.biolife-sticky-object.pre-sticky.is-sticky .serchbar-areasection {
  padding: 22px 25px 0;
}

.header-area .header-middle.biolife-sticky-object.pre-sticky.is-sticky .primary-menu>ul {
  text-align: left;
}

.header-area .header-middle.biolife-sticky-object .logo-area .biolife-logo {
  position: relative;
  left: 0;
}

.header-area .header-middle.biolife-sticky-object.pre-sticky.is-sticky .logo-area .biolife-logo img {
  width: 110px;
}

/* filter-css */
/* .single-filter-box {
	 border-radius: 8px;
	 border: 1px solid #e2e2e2;
	 margin-bottom: 20px 
}
 */
.single-filter-box:last-child {
  margin-bottom: 0;
}

.single-filter-box .title {
  font-size: 0.8vw;
  padding: 10px 20px 10px;
  border-bottom: 1px solid #e2e2e2;
  font-weight: 600;
  margin-bottom: 0;
  margin-top: 0;
}

.single-filter-box .filterbox-body {
  padding: 20px;
}

@media only screen and (max-width: 575px) {
  .single-filter-box .filterbox-body {
    padding: 15px;
  }
}

.single-filter-box .filterbox-body .price-input-area .half-input-wrapper {
  display: flex;
  align-items: center;
  gap: 40px;
}

.single-filter-box .filterbox-body .price-input-area .half-input-wrapper .single label {
  margin-bottom: 7px;
}

.single-filter-box .filterbox-body .price-input-area .half-input-wrapper .single input {
  border: 1px solid #e2e2e2;
  height: 35px;
  border-radius: 4px;
  color: var(--primary-red);
  font-weight: 500;
}

.single-filter-box .filterbox-body .price-input-area .range {
  padding: 0;
  border: 1px solid transparent;
}

.single-filter-box .filterbox-body .price-input-area .range::-webkit-slider-runnable-track {
  background-color: #f3f4f6;
  height: 6px;
  border-radius: 3px;
  border: 1px solid transparent;
}

.single-filter-box .filterbox-body .price-input-area .range::-ms-track {
  color: transparent;
  border: none;
  background: none;
  height: 6px;
}

.single-filter-box .filterbox-body .price-input-area .range::-webkit-slider-thumb {
  -webkit-appearance: none !important;
  border-radius: 100%;
  height: 10px;
  width: 10px;
  margin-top: -7px;
  background: rgb(255, 255, 255) !important;
  background-color: rgb(255, 255, 255) !important;
  -webkit-appearance: none;
  cursor: ew-resize;
  border: 2px solid #fff;
  height: 16px;
  width: 16px;
  color: #fff;
}

.single-filter-box .filterbox-body .price-input-area .filter-value-min-max {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.single-filter-box .filterbox-body .category-wrapper .single-category {
  margin-bottom: 14px;
}

.single-filter-box .filterbox-body .category-wrapper .single-category a:hover {
  color: var(--primary-red);
  font-weight: 500;
}

.single-filter-box .filterbox-body .category-wrapper .single-category.with-more {
  position: relative;
}

.single-filter-box .filterbox-body .category-wrapper .single-category.with-more:after {
  position: absolute;
  content: "+";
  font-family: var(--font-three);
  font-size: 14px;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  color: var(--primary-red);
  pointer-events: none;
}

.single-filter-box .filterbox-body .category-wrapper .single-category:last-child {
  margin-bottom: 0;
}

.single-filter-box .filterbox-body .category-wrapper .single-category input {
  display: none;
}

.single-filter-box .filterbox-body .category-wrapper .single-category label {
  display: block;
  width: 100%;
}

.single-filter-box .filterbox-body .category-wrapper .single-category label:before {
  background: transparent;
  border: 1px solid #e2e2e2;
  box-shadow: 0 1.5px 6px rgba(37, 64, 32, 0.05);
  border-radius: 2px;
}

.filter-select-area {
  background: #f3f4f6;
  border-radius: 6px;
  margin-left: -30px;
}

@media only screen and (min-width: 1200px) and (max-width: 1599px) {
  .filter-select-area {
    margin-left: 0;
  }
}

@media only screen and (max-width: 1199px) {
  .filter-select-area {
    margin-left: 0;
  }
}

.filter-select-area .top-filter {
  padding: 15px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

@media only screen and (max-width: 575px) {
  .filter-select-area .top-filter {
    flex-direction: column;
    align-items: flex-start;
    gap: 15px;
  }
}

.filter-select-area .top-filter .right-end {
  display: flex;
  align-items: center;
  gap: 20px;
}

.filter-select-area .top-filter .right-end .button-tab-area {
  display: flex;
  align-items: center;
  gap: 10px;
}

.filter-select-area .top-filter .right-end .button-tab-area ul {
  display: flex;
  align-items: center;
  gap: 10px;
  margin: 0;
  padding: 0;
  border: none;
}

.filter-select-area .top-filter .right-end .button-tab-area .single-button {
  height: 30px;
  width: 30px;
  border-radius: 4px;
  border: 1px solid #2c3c28;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: 0.3s;
  padding: 0 !important;
}

.filter-select-area .top-filter .right-end .button-tab-area .single-button.active {
  background: #f3f4f6 !important;
  border: 1px solid #f3f4f6;
}

.filter-select-area .top-filter .right-end .button-tab-area .single-button.active svg rect {
  stroke: #fff;
}

.filter-select-area .top-filter .right-end .button-tab-area .single-button svg rect {
  transition: 0.3s;
}

.filter-select-area .top-filter .right-end .button-tab-area .single-button:hover {
  background: #f3f4f6;
  border: 1px solid #f3f4f6;
}

.filter-select-area .top-filter .right-end .button-tab-area .single-button:hover rect {
  stroke: #fff;
}

.product-area-wrapper-shopgrid-list {
  width: 100%;
  border-radius: 8px;
  overflow: hidden;
  border: 0px solid transparent;
}

@media only screen and (min-width: 1200px) and (max-width: 1599px) {
  .product-area-wrapper-shopgrid-list {
    margin-left: 0;
  }
}

@media only screen and (max-width: 1199px) {
  .product-area-wrapper-shopgrid-list {
    margin-left: 0;
  }
}

.product-area-wrapper-shopgrid-list .single-shopping-card-one .cart-counter-action .rts-btn {
  font-size: 14px;
  padding: 6px 4px !important;
  background: transparent;
  color: #629d23;
  border: 1px solid #629d23;
}

.product-area-wrapper-shopgrid-list.with-list .single-shopping-card-one.discount-offer {
  display: flex;
  align-items: flex-start;
  gap: 20px;
  padding: 20px;
  margin-bottom: 15px;
  border: 1px solid #f1f1f1;
  background: #f3f4f6;
  align-items: center;
}

.product-area-wrapper-shopgrid-list.with-list .single-shopping-card-one.discount-offer .thumbnail-preview {
  border: 1px solid #eaeaea;
}

.product-area-wrapper-shopgrid-list.with-list .single-shopping-card-one .thumbnail-preview {
  border-radius: 6px;
  overflow: hidden;
  display: block;
  position: relative;
}

.product-area-wrapper-shopgrid-list.with-list .single-shopping-card-one.discount-offer .thumbnail-preview {
  max-width: 200px;
  min-width: 200px;
  min-height: 180px;
}

.product-area-wrapper-shopgrid-list.with-list .body-content {
  background: #f3f4f6;
  width: 100%;
  align-items: center;
  justify-content: space-between;
}

@media only screen and (max-width: 575px) {
  .product-area-wrapper-shopgrid-list.with-list .body-content {
    padding: 0;
    flex-direction: column-reverse;
    align-items: flex-start;
    gap: 5px;
  }
}

.product-area-wrapper-shopgrid-list.with-list .body-content .title-area-left {
  /* flex-basis: 70% */
}

.product-area-wrapper-shopgrid-list.with-list .body-content .title-area-left ul.list li {
  font-size: 13px;
  font-weight: 400;
}

.product-area-wrapper-shopgrid-list.with-list .body-content .advance-info {
  border-left: 1px solid #e6e6e6;
  padding-left: 20px;
  margin-top: 31px;
  padding-top: 3px;
  padding-bottom: 15px;
  min-height: 167px;
  /* width: 210px;
	 */
}

.product-area-wrapper-shopgrid-list.with-list .body-content .advance-info .title {
  color: #74787c;
  margin-bottom: 0;
}

.product-area-wrapper-shopgrid-list.with-list .body-content .advance-info .single {
  margin: 7px 0;
  display: flex;
  align-items: center;
  gap: 15px;
  justify-content: space-between;
}

.product-area-wrapper-shopgrid-list.with-list .body-content .advance-info .price {
  text-align: left;
  margin: 10px 0 20px;
  display: block;
  font-size: 0;
  line-height: 1;
  margin-top: 6px;
}

.product-area-wrapper-shopgrid-list.with-list .body-content .advance-info .price ins {
  display: inline-flex;
  text-decoration: none;
  align-items: flex-end;
}

.product-area-wrapper-shopgrid-list.with-list .body-content .advance-info .price ins .price-amount {
  font-size: 22px;
  color: #111111;
  font-weight: 700;
}

.product-area-wrapper-shopgrid-list.with-list .body-content .advance-info .price ins .assured {
  display: inline-block;
  position: relative;
  top: -8px;
  margin-left: 5px;
}

.product-area-wrapper-shopgrid-list.with-list .body-content .advance-info .price ins .assured img {
  width: 65px;
}

.product-area-wrapper-shopgrid-list.with-list .body-content .advance-info .price .price-disc {
  display: flex;
}

.product-area-wrapper-shopgrid-list.with-list .body-content .advance-info .price .price-disc del {
  text-align: left;
  max-width: 50%;
  overflow: hidden;
  display: inline-block;
  position: relative;
  margin-left: 6px;
}

.product-area-wrapper-shopgrid-list.with-list .body-content .advance-info .price .price-amount {
  line-height: 24px;
  color: #aaaaaa;
  font-size: 14px;
  font-weight: 600;
  position: relative;
  text-decoration: none;
  display: block;
}

.product-area-wrapper-shopgrid-list.with-list .body-content .advance-info .price .price-disc span.discount.price-amount {
  padding-left: 15px;
  text-align: left;
  width: 50%;
  text-wrap: nowrap;
  display: inline-block;
}

.product-area-wrapper-shopgrid-list.with-list .body-content .advance-info .shipping-info {
  margin-top: 18px;
  padding-left: 0px;
  display: block;
  font-size: 0;
  line-height: 0;
}

.product-area-wrapper-shopgrid-list.with-list .body-content .advance-info .shipping-info p {
  text-align: left;
  margin: 0;
  padding: 0;
  color: #7faf51;
  font-weight: 600;
  font-size: 14px;
  line-height: 1;
}

.product-area-wrapper-shopgrid-list.with-list .body-content .advance-info p.for-today {
  margin-top: 1px;
  color: #666666;
}

.product-area-wrapper-shopgrid-list.with-list .body-content .advance-info .price del {
  position: relative;
  margin-left: 6px;
}

/* .product-area-wrapper-shopgrid-list.with-list .body-content .advance-info .price del::after{
	 content: '';
	 height: 1px;
	 background-color: #aaaaaa;
	 position: absolute;
	 top: 50%;
	 left: -1px;
	 right: -1px;
	 display: block;
	 z-index: 1;
}
 */
.product-area-wrapper-shopgrid-list.with-list .body-content .title-area-left .highlight-toggle-btn {
  background-color: transparent;
  color: var(--primary-red);
  font-size: 14px;
  font-weight: 600;
  padding: 0;
}

.single-shopping-card-one {
  padding: 15px;
  background: #f5f6f7;
  border-radius: 6px;
}

.single-shopping-card-one .image-and-action-area-wrapper {
  position: relative;
}

.single-shopping-card-one .image-and-action-area-wrapper .action-share-option {
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%) rotateX(-90deg);
  display: flex;
  align-items: center;
  gap: 8px;
  height: 48px;
  border-radius: 10px 10px 0 0;
  background: var(--color-primary);
  padding: 10px 29px;
  transform-origin: bottom;
  transition: 0.4s cubic-bezier(0.375, 1.185, 0.92, 0.975);
}

.single-shopping-card-one .image-and-action-area-wrapper .action-share-option .single-action {
  height: 28px;
  width: 28px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1.2px dashed rgba(255, 255, 255, 0.42);
  border-radius: 50%;
  transition: all 0.3s;
}

.single-shopping-card-one .image-and-action-area-wrapper .action-share-option .single-action i {
  color: #fff;
  transition: all 0.3s;
}

.single-shopping-card-one .image-and-action-area-wrapper .action-share-option .single-action:hover {
  background: #fff;
}

.single-shopping-card-one .image-and-action-area-wrapper .action-share-option .single-action:hover i {
  color: var(--color-primary);
  animation: mymove 0.5s;
}

.single-shopping-card-one .thumbnail-preview {
  border-radius: 6px;
  overflow: hidden;
  display: block;
  position: relative;
}

.single-shopping-card-one .thumbnail-preview .badge {
  position: absolute;
  left: 30px;
  top: -10px;
  z-index: 5;
  display: inline-block;
  padding: 0.35em 0.65em;
  font-size: 0.75em;
  font-weight: 700;
  line-height: 1;
  color: #fff;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: 0.25rem;
  background-color: transparent;
}

.single-shopping-card-one .thumbnail-preview .badge i {
  color: #eabc5e;
  font-size: 60px;
}

.single-shopping-card-one .thumbnail-preview .badge span {
  position: absolute;
  top: 17px;
  left: 17px;
  font-size: 11px;
  line-height: 1.1;
  color: #2c3c28;
  text-align: left;
  font-weight: 700;
}

.single-shopping-card-one .thumbnail-preview .badge-img {
  position: absolute;
  bottom: 17px;
  left: 0;
  z-index: 1;
  padding: 5px 10px 6px 10px;
  background: #fff;
  border: 1px solid #f2f2f2;
  border-radius: 0 25px 25px 0;
}

.single-shopping-card-one .thumbnail-preview .badge-img img {
  width: 65px;
  height: auto;
}

.single-shopping-card-one .thumbnail-preview img {
  width: 100%;
  transition: 0.3s;
  transform: scale(1.01);
}

.single-shopping-card-one .thumbnail-preview .action-share-option {
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%) rotateX(-90deg);
  display: flex;
  align-items: center;
  gap: 8px;
  height: 48px;
  border-radius: 10px 10px 0 0;
  background: var(--color-primary);
  padding: 10px 29px;
  transform-origin: bottom;
  transition: 0.4s cubic-bezier(0.375, 1.185, 0.92, 0.975);
}

.single-shopping-card-one .thumbnail-preview .action-share-option .single-action {
  height: 28px;
  width: 28px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1.2px dashed rgba(255, 255, 255, 0.42);
  border-radius: 50%;
  transition: all 0.3s;
}

.single-shopping-card-one .thumbnail-preview .action-share-option .single-action i {
  color: #fff;
  transition: all 0.3s;
}

.single-shopping-card-one .thumbnail-preview .action-share-option .single-action:hover {
  background: #fff;
}

.single-shopping-card-one .thumbnail-preview .action-share-option .single-action:hover i {
  color: var(--color-primary);
  animation: mymove 0.5s;
}

.single-shopping-card-one .body-content {
  padding-top: 15px;
}

.single-shopping-card-one .body-content .time-tag {
  padding: 3px 8px;
  background: #ffffff;
  border: 1px solid rgba(43, 66, 38, 0.12);
  box-shadow: 0 4px 17px rgba(0, 0, 0, 0.04);
  border-radius: 4px;
  max-width: max-content;
  font-size: 10px;
  color: #2c3c28;
  font-weight: 600;
  margin-bottom: 15px;
}

.single-shopping-card-one .body-content .time-tag i {
  color: #2c3c28;
  font-weight: 500;
}

.single-shopping-card-one .body-content a .title {
  transition: 0.3s;
  font-size: 14px;
  margin: 0px;
  color: var(--primary-red);
  font-weight: 600;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  line-clamp: 1;
  -webkit-box-orient: vertical;
}

.single-shopping-card-one .body-content a:hover .title {
  color: var(--color-primary);
}

.single-shopping-card-one .body-content .availability {
  font-size: 14px;
  font-weight: 400;
}

.single-shopping-card-one .body-content .price-area {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-top: 8px;
}

.single-shopping-card-one .body-content .price-area .current {
  font-weight: 700;
  color: var(--color-danger);
  font-size: 20px;
  margin-bottom: 0;
}

.single-shopping-card-one .body-content .price-area .previous {
  margin-bottom: 0;
  font-size: 14px;
  font-weight: 500;
  color: #74787c;
  position: relative;
}

.single-shopping-card-one .body-content .price-area .previous:after {
  position: absolute;
  overflow: auto;
  left: -5%;
  top: 50%;
  content: "";
  height: 1px;
  width: 110%;
  background: #74787c;
}

.single-shopping-card-one .cart-counter-action {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 7px;
  margin-top: 10px;
  flex-wrap: wrap;
}

.single-shopping-card-one .cart-counter-action .quantity-edit {
  width: 92px;
  display: flex;
  align-items: center;
  border: 1px solid rgba(43, 66, 38, 0.12);
  border-radius: 4px;
  padding: 3px 10px;
  justify-content: space-between;
  background: #fff;
  box-shadow: 0 4px 17px rgba(0, 0, 0, 0.04);
}

.single-shopping-card-one .cart-counter-action .quantity-edit .button-wrapper-action {
  border: 1px solid rgba(43, 66, 38, 0.12);
  border-radius: 2px;
  background: #fff;
  display: flex;
}

.single-shopping-card-one .cart-counter-action .quantity-edit input {
  padding: 0;
  max-width: 10px;
  font-weight: 600;
}

.single-shopping-card-one .cart-counter-action .quantity-edit button {
  padding: 0;
  max-width: max-content;
  font-size: 0;
}

.single-shopping-card-one .cart-counter-action .quantity-edit button i {
  font-size: 10px;
  padding: 4px 6px;
  transition: 0.3s;
}

.single-shopping-card-one .cart-counter-action .quantity-edit button:first-child i {
  border-right: 1px solid rgba(43, 66, 38, 0.12);
}

.single-shopping-card-one .cart-counter-action .quantity-edit button:hover i {
  background: var(--color-primary);
  color: #fff;
}

.single-shopping-card-one .cart-counter-action .rts-btn {
  font-size: 14px;
  padding: 8px 16px !important;
  background: transparent;
  color: #629d23;
  border: 1px solid #629d23;
}

.single-shopping-card-one .cart-counter-action .rts-btn i {
  transition: transform 0.6s cubic-bezier(0.1, 0.75, 0.25, 1) 0.125s;
}

.single-shopping-card-one .cart-counter-action .rts-btn:hover {
  background: var(--color-primary);
  color: #fff;
}

.single-shopping-card-one:hover .thumbnail-preview img {
  transform: scale(1.1);
}

.single-shopping-card-one:hover .action-share-option {
  bottom: 0;
  transform: translateX(-50%) rotateX(0deg);
}

.single-shopping-card-one.deals-of-day {
  background: #fff;
  border: 1px solid #e2e2e2;
  overflow: hidden;
  position: relative;
}

.single-shopping-card-one.deals-of-day .onsale-offer span {
  display: block;
  position: absolute;
  padding: 5px 15px;
  font-size: 12px;
  font-weight: 500;
  color: #fff;
  background: var(--color-primary);
  border-radius: 6px 0 6px 0;
  z-index: 10;
  left: 0;
  top: 0;
  letter-spacing: 1px;
  text-transform: uppercase;
}

.single-shopping-card-one.deals-of-day:hover .thumbnail-preview img {
  transform: scale(1.2);
}

.single-shopping-card-one.deals-of-day .start-area-rating {
  margin-bottom: 10px;
}

.single-shopping-card-one.deals-of-day .start-area-rating i {
  color: #ff9a00;
}

.single-shopping-card-one.deals-of-day .thumbnail-preview {
  border: none !important;
}

.single-shopping-card-one.deals-of-day .thumbnail-preview img {
  width: 100%;
  transform: scale(1.01);
}

.single-shopping-card-one.deals-of-day .cart-counter-action .rts-btn {
  background: #629d23;
  color: #629d23;
  border: 1px solid #629d23;
  width: 100%;
  max-width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: 0.3s;
}

.single-shopping-card-one.deals-of-day .cart-counter-action .rts-btn:hover {
  background: var(--primary-red);
  color: #629d23;
  border: 1px solid #2c3c28;
}

.single-shopping-card-one.deals-of-day .cart-counter-action .rts-btn .arrow-icon i,
.single-shopping-card-one.deals-of-day .cart-counter-action .rts-btn .btn-text {
  color: #fff;
}

.highlight-wrapper.expanded {
  max-height: none !important;
  overflow: visible !important;
}

.highlight-toggle-btn {
  background-color: #007bff;
  color: white;
  border: none;
  padding: 6px 12px;
  cursor: pointer;
  border-radius: 4px;
  font-size: 14px;
}

.page-contain.category-page .sidebar .sidebar-contain {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 30px;
  padding: 20px;
  margin-bottom: 15px;
  border: 1px solid #f1f1f1;
  background: #f3f4f6;
  border-radius: 6px;
}

.locations-box {
  position: relative;
}

.locations-box:after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  background: linear-gradient(rgba(0, 0, 0, 0),
      rgb(0, 0, 0) 50%,
      rgba(0, 0, 0, 0));
  width: 1px;
  height: 100%;
  opacity: 20%;
}

@media only screen and (max-width: 991px) {
  .locations-box:after {
    top: auto;
    bottom: 0;
    width: 100%;
    height: 1px;
    background: linear-gradient(270deg,
        rgba(0, 0, 0, 0) -1.52%,
        rgb(0, 0, 0) 59.42%,
        rgba(0, 0, 0, 0) 98.48%);
  }
}

.locations-box:last-child:after {
  content: none;
}

@media only screen and (max-width: 991px) {
  .locations-box:last-child {
    margin-bottom: 0;
    padding-bottom: 0;
  }

  .locations-box:last-child:after {
    content: none;
  }
}

.locations-box .locations-box-inner {
  padding: 0 40px;
}

@media only screen and (max-width: 1199px) {
  .locations-box .locations-box-inner {
    padding: 0 15px;
  }
}

@media only screen and (max-width: 991px) {
  .locations-box .locations-box-inner {
    padding-bottom: 15px;
  }
}

@media only screen and (max-width: 767px) {
  .locations-box .locations-box-inner {
    padding: 0;
    padding-bottom: 15px !important;
  }
}

.locations-box .locations-box-inner .country-media {
  background: var(--primary-red);
  display: flex;
  align-items: center;
  width: -moz-fit-content;
  width: fit-content;
  border-radius: 40px;
  margin-bottom: 20px;
  padding: 8px 20px;
}

.locations-box .locations-box-inner .country-media .title {
  font-size: 18px;
  font-weight: 500;
  margin: 0;
  color: #fff;
}

.locations-box .locations-box-inner .country-media img {
  border-radius: 50%;
  margin-right: 15px;
  border: 2px solid #fff;
}

.locations-box .locations-box-inner .dz-content .title {
  font-size: 16px;
  font-weight: 400;
  margin-bottom: 30px;
  line-height: 26px;
  color: #4c4c4c;
}

.locations-box .locations-box-inner .dz-content .contact-info {
  display: flex;
  flex-wrap: wrap;
  gap: 40px;
}

.locations-box .locations-box-inner .dz-content .contact-info ul li {
  color: #000;
  font-weight: 500;
}

@media only screen and (min-width: 1024px) and (max-width: 1199px) {
  .locations-box .locations-box-inner .dz-content .title {
    font-size: 20px;
    margin-bottom: 20px;
  }
}

.cart-detail {
  border-radius: 30px;
  border: 1px solid var(--primary-red);
  padding: 35px 30px;
}

.cart-detail .save-text {
  padding-bottom: 10px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  display: flex;
  align-items: center;
}

.mb-5 {
  margin-bottom: 25px !important;
}

.bg-peach {
  --bs-bg-opacity: 1;
  background-color: rgba(255, 250, 243, 1) !important;
}

.contact-bnr {
  padding-top: 30px;
  padding-bottom: 20px;
}

.contact-info.style-1 .title {
  font-weight: 700;
  font-size: 32px;
  color: #000;
}

@media only screen and (max-width: 1199px) {
  .contact-info.style-1 .title {
    font-size: 32px;
  }
}

@media only screen and (max-width: 767px) {
  .contact-info.style-1 .title {
    font-size: 28px;
  }
}

@media only screen and (max-width: 575px) {
  .contact-info.style-1 .title {
    font-size: 24px;
  }
}

.contact-info.style-1 .text {
  color: #000;
  font-weight: 400;
  font-size: 18px;
  margin-left: unset;
  margin-right: unset;
  max-width: 480px;
  margin-bottom: 50px;
  line-height: 30px;
}

@media only screen and (max-width: 1199px) {
  .contact-info.style-1 .text {
    font-size: 26px;
    margin-bottom: 30px;
  }
}

@media only screen and (max-width: 767px) {
  .contact-info.style-1 .text {
    font-size: 22px;
    margin-bottom: 15px;
    width: 100%;
  }
}

@media only screen and (max-width: 575px) {
  .contact-info.style-1 .text {
    font-size: 20px;
  }
}

.contact-info.style-1 .text span {
  color: #000;
}

.contact-info.style-1 .contact-bottom {
  /* display: flex;
	 flex-wrap: wrap;
	 */
  border-top: 1px solid rgba(255, 255, 255, 0.1);
  padding: 25px 0 0;
}

.contact-info.style-1 .contact-bottom .h3,
.contact-info.style-1 .contact-bottom h3 {
  color: #000;
}

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

  .contact-info.style-1 .contact-bottom .h3,
  .contact-info.style-1 .contact-bottom h3 {
    font-size: 22px;
  }
}

.contact-info.style-1 .contact-bottom .contact-left {
  margin-right: 190px;
}

@media only screen and (min-width: 1024px) and (max-width: 1199px) {
  .contact-info.style-1 .contact-bottom .contact-left {
    margin-right: 100px;
  }
}

.contact-info.style-1 .contact-bottom ul li {
  font-weight: 400;
  font-size: 16px;
  color: #4c4c4c;
}

.contact-info.style-1 .contact-bottom ul li a {
  color: #4c4c4c;
}

.contact-info.style-1 .contact-bottom ul li a:hover {
  color: var(--primary-red);
}

@media only screen and (max-width: 767px) {
  .contact-info.style-1 .contact-bottom ul li {
    font-size: 15px;
  }

  .contact-info.style-1 {
    margin-bottom: 40px;
    min-height: auto;
  }
}

@media only screen and (max-width: 575px) {
  .contact-info.style-1 .contact-bottom .contact-left {
    margin-right: 0;
    flex: 1 1;
  }
}

.contact-us2 .contact-info.style-1 .contact-bottom .contact-left {
  margin-right: 160px;
}

@media only screen and (max-width: 991px) {
  .contact-us2 .contact-info.style-1 .contact-bottom .contact-left {
    margin-right: 40px;
  }
}

.contact-area1.style-1 {
  position: absolute;
  bottom: -120px;
  right: 15%;
  z-index: 999;
}

.contact-wraper1 .contact-area1 .wpcf7-spinner {
  display: none;
}

@media only screen and (max-width: 1199px) {
  .contact-wraper1 .contact-info {
    padding: 50px 0;
  }
}

@media only screen and (max-width: 991px) {
  .contact-wraper1 {
    background-position: 50%;
    background-size: cover;
    margin-bottom: 0;
  }

  .contact-wraper1:after {
    content: none;
  }

  .contact-wraper1:before {
    height: 100%;
    width: 100%;
  }

  .contact-wraper1 .contact-area1 {
    margin-top: 0;
    margin-bottom: 0;
  }

  .contact-wraper1 .contact-info {
    padding: 50px 0 20px;
  }
}

.contact-area1 {
  padding: 35px 35px;
  background: var(--primary-red);
  max-width: 520px;
  margin-bottom: -215px;
  position: relative;
  z-index: 9;
  box-shadow: 0 30px 50px 0 rgba(0, 0, 0, 0.05);
  border-radius: 30px;
}

.contact-area1.style-1 {
  margin: 0 0 -15px auto;
}

@media only screen and (max-width: 991px) {
  .contact-area1.style-1 {
    margin: 0 0 -70px auto;
  }
}

.contact-area1 .form-label {
  color: #fff;
  font-weight: 400;
}

.checkout.woocommerce-checkout .contact-area1 .select2-choice,
.checkout.woocommerce-checkout .contact-area1 input[type="email"],
.checkout.woocommerce-checkout .contact-area1 input[type="tel"],
.checkout.woocommerce-checkout .contact-area1 input[type="text"],
.checkout.woocommerce-checkout .contact-area1 textarea,
.contact-area1 .checkout.woocommerce-checkout .select2-choice,
.contact-area1 .checkout.woocommerce-checkout input[type="email"],
.contact-area1 .checkout.woocommerce-checkout input[type="tel"],
.contact-area1 .checkout.woocommerce-checkout input[type="text"],
.contact-area1 .checkout.woocommerce-checkout textarea,
.contact-area1 .form-control,
.contact-area1 .login input[type="password"],
.contact-area1 .login input[type="text"],
.contact-area1 .woocommerce #review_form #respond input[type="email"],
.contact-area1 .woocommerce #review_form #respond input[type="text"],
.contact-area1 .woocommerce #review_form #respond textarea,
.contact-area1 .woocommerce .woocommerce-checkout.checkout form .form-row input,
.contact-area1 .woocommerce .woocommerce-checkout.checkout form .form-row select,
.contact-area1 .woocommerce .woocommerce-checkout.checkout form .form-row textarea,
.contact-area1 .woocommerce form .form-row .select2-choice,
.contact-area1 .woocommerce form .form-row .select2-selection,
.contact-area1 .woocommerce form .form-row input.input-text,
.contact-area1 .woocommerce-EditAccountForm.edit-account input[type="email"],
.contact-area1 .woocommerce-EditAccountForm.edit-account input[type="password"],
.contact-area1 .woocommerce-EditAccountForm.edit-account input[type="text"],
.contact-area1 .woocommerce-ResetPassword.lost_reset_password input[type="text"],
.contact-area1 .woocommerce-cart-form .table tr .quantity input,
.contact-area1 .woocommerce-cart-form .table tr td.actions .coupon .input-text,
.login .contact-area1 input[type="password"],
.login .contact-area1 input[type="text"],
.woocommerce #review_form #respond .contact-area1 input[type="email"],
.woocommerce #review_form #respond .contact-area1 input[type="text"],
.woocommerce #review_form #respond .contact-area1 textarea,
.woocommerce .woocommerce-checkout.checkout form .form-row .contact-area1 input,
.woocommerce .woocommerce-checkout.checkout form .form-row .contact-area1 select,
.woocommerce .woocommerce-checkout.checkout form .form-row .contact-area1 textarea,
.woocommerce form .form-row .contact-area1 .select2-choice,
.woocommerce form .form-row .contact-area1 .select2-selection,
.woocommerce form .form-row .contact-area1 input.input-text,
.woocommerce-EditAccountForm.edit-account .contact-area1 input[type="email"],
.woocommerce-EditAccountForm.edit-account .contact-area1 input[type="password"],
.woocommerce-EditAccountForm.edit-account .contact-area1 input[type="text"],
.woocommerce-ResetPassword.lost_reset_password .contact-area1 input[type="text"],
.woocommerce-cart-form .table tr .quantity .contact-area1 input,
.woocommerce-cart-form .table tr td.actions .coupon .contact-area1 .input-text {
  background: transparent;
  border-radius: 10px;
  border: 1px solid #fff;
  color: #fff;
}

.checkout.woocommerce-checkout .contact-area1 .select2-choice::placeholder,
.checkout.woocommerce-checkout .contact-area1 input[type="email"]::placeholder,
.checkout.woocommerce-checkout .contact-area1 input[type="tel"]::placeholder,
.checkout.woocommerce-checkout .contact-area1 input[type="text"]::placeholder,
.checkout.woocommerce-checkout .contact-area1 textarea::placeholder,
.contact-area1 .checkout.woocommerce-checkout .select2-choice::placeholder,
.contact-area1 .checkout.woocommerce-checkout input[type="email"]::placeholder,
.contact-area1 .checkout.woocommerce-checkout input[type="tel"]::placeholder,
.contact-area1 .checkout.woocommerce-checkout input[type="text"]::placeholder,
.contact-area1 .checkout.woocommerce-checkout textarea::placeholder,
.contact-area1 .form-control::placeholder,
.contact-area1 .login input[type="password"]::placeholder,
.contact-area1 .login input[type="text"]::placeholder,
.contact-area1 .woocommerce #review_form #respond input[type="email"]::placeholder,
.contact-area1 .woocommerce #review_form #respond input[type="text"]::placeholder,
.contact-area1 .woocommerce #review_form #respond textarea::placeholder,
.contact-area1 .woocommerce .woocommerce-checkout.checkout form .form-row input::placeholder,
.contact-area1 .woocommerce .woocommerce-checkout.checkout form .form-row select::placeholder,
.contact-area1 .woocommerce .woocommerce-checkout.checkout form .form-row textarea::placeholder,
.contact-area1 .woocommerce form .form-row .select2-choice::placeholder,
.contact-area1 .woocommerce form .form-row .select2-selection::placeholder,
.contact-area1 .woocommerce form .form-row input.input-text::placeholder,
.contact-area1 .woocommerce-EditAccountForm.edit-account input[type="email"]::placeholder,
.contact-area1 .woocommerce-EditAccountForm.edit-account input[type="password"]::placeholder,
.contact-area1 .woocommerce-EditAccountForm.edit-account input[type="text"]::placeholder,
.contact-area1 .woocommerce-ResetPassword.lost_reset_password input[type="text"]::placeholder,
.contact-area1 .woocommerce-cart-form .table tr .quantity input::placeholder,
.contact-area1 .woocommerce-cart-form .table tr td.actions .coupon .input-text::placeholder,
.login .contact-area1 input[type="password"]::placeholder,
.login .contact-area1 input[type="text"]::placeholder,
.woocommerce #review_form #respond .contact-area1 input[type="email"]::placeholder,
.woocommerce #review_form #respond .contact-area1 input[type="text"]::placeholder,
.woocommerce #review_form #respond .contact-area1 textarea::placeholder,
.woocommerce .woocommerce-checkout.checkout form .form-row .contact-area1 input::placeholder,
.woocommerce .woocommerce-checkout.checkout form .form-row .contact-area1 select::placeholder,
.woocommerce .woocommerce-checkout.checkout form .form-row .contact-area1 textarea::placeholder,
.woocommerce form .form-row .contact-area1 .select2-choice::placeholder,
.woocommerce form .form-row .contact-area1 .select2-selection::placeholder,
.woocommerce form .form-row .contact-area1 input.input-text::placeholder,
.woocommerce-EditAccountForm.edit-account .contact-area1 input[type="email"]::placeholder,
.woocommerce-EditAccountForm.edit-account .contact-area1 input[type="password"]::placeholder,
.woocommerce-EditAccountForm.edit-account .contact-area1 input[type="text"]::placeholder,
.woocommerce-ResetPassword.lost_reset_password .contact-area1 input[type="text"]::placeholder,
.woocommerce-cart-form .table tr .quantity .contact-area1 input::placeholder,
.woocommerce-cart-form .table tr td.actions .coupon .contact-area1 .input-text::placeholder {
  color: #fff;
}

@media only screen and (max-width: 1199px) {
  .contact-area1 {
    padding: 45px 35px;
  }
}

@media only screen and (max-width: 991px) {
  .contact-area1 {
    max-width: 100%;
  }
}

@media only screen and (max-width: 575px) {
  .contact-area1 {
    padding: 25px;
    border-radius: 15px;
  }
}

.contact-area1 {
  margin-bottom: unset;
}

.contact-info.style-1 .contact-bottom .contact-left,
.contact-info.style-1 .contact-bottom .contact-right {
  padding: 0 40px;
  margin-bottom: 20px;
}

.contact-info.style-1 .contact-bottom .contact-left h4,
.contact-info.style-1 .contact-bottom .contact-right h4 {
  color: var(--primary-red);
  font-weight: 700;
}

.contact-info.style-1 .contact-bottom .contact-left ul,
.contact-info.style-1 .contact-bottom .contact-right ul {
  padding-left: 20px;
}

.contact-area1.style-1 .form-label {
  line-height: 1.6 !important;
  padding: 0 !important;
  font-size: 16px !important;
  margin-bottom: 10px !important;
  background: transparent !important;
  border-color: #d7d7d7 !important;
  color: #fff !important;
  font-weight: 400 !important;
}

.contact-area1.style-1 .input-group {
  line-height: 1.6 !important;
  color: #5e626f !important;
  font-size: 1rem !important;
  padding: 0 !important;
  position: relative !important;
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: stretch !important;
  width: 100% !important;
  margin-bottom: 20px !important;
}

.contact-area1.style-1 .form-row .form-control {
  margin: 0 !important;
  display: block !important;
  line-height: 1.6 !important;
  height: 50px !important;
  padding: 10px 20px !important;
  font-size: 15px !important;
  font-weight: 400 !important;
  transition: all 0.3s ease-in-out !important;
  border-radius: 10px !important;
  position: relative !important;
  flex: 1 1 auto !important;
  min-width: 0 !important;
  background: transparent !important;
  border: 1px solid #fff !important;
  color: #fff !important;
}

.contact-area1.style-1 .form-row textarea.form-control {
  margin: 0 !important;
  display: block !important;
  line-height: 1.6 !important;
  margin-bottom: 10px !important;
  padding: 10px 20px !important;
  font-size: 15px !important;
  font-weight: 400 !important;
  transition: all 0.3s ease-in-out !important;
  border-radius: 10px !important;
  min-height: auto !important;
  height: 160px !important;
  position: relative !important;
  background: transparent !important;
  border: 1px solid #fff !important;
  color: #fff !important;
}

.contact-area1.style-1 .form-row .btn.btn-submit {
  min-width: 162px;
  width: 100%;
  text-align: center;
  border: none;
  font-size: 14px;
  font-weight: 700;
  border-radius: 999px;
  text-transform: uppercase;
  padding: 12px 10px;
  margin-top: 10px;
  color: var(--primary-red);
  background-color: #ffffff;
  transition: all 0.3s ease-in-out;
}

.contact-area1.style-1 .form-row .btn.btn-submit:hover {
  background-color: #000;
  color: #ffffff;
}

.content-inner-2 .map {
  position: relative;
  z-index: 1;
  height: 450px;
}

.contact-info.style-1 .contact-bottom .contact-right .biolife-social .socials {
  padding-left: 0;
}

.contact-info.style-1 .contact-bottom .contact-right .biolife-social .socials li {
  margin-left: 20px;
}

.contact-info.style-1 .contact-bottom .contact-right .biolife-social .socials li .socail-btn {
  border-radius: 100px;
  border: 1px solid var(--primary-red);
  width: 40px;
  height: 40px;
  display: grid;
  justify-content: center;
  align-items: center;
  color: var(--primary-red);
}

.contact-info.style-1 .contact-bottom .contact-right .biolife-social .socials li:hover .socail-btn {
  background-color: var(--primary-red);
  color: #fff;
}

/* Contact US Page Spec - Matching ContactUS.blade.php & styledatasheet */
.page-contain.contact-us .contact-area1.style-1 {
  position: relative !important;
  bottom: auto !important;
  right: auto !important;
  margin: 0 0 0 auto !important;
  max-width: 520px !important;
  width: 100% !important;
  background: var(--primary-red, #062654) !important;
  border-radius: 30px !important;
  padding: 35px 35px !important;
  box-shadow: 0 30px 50px 0 rgba(0, 0, 0, 0.05) !important;
}

@media only screen and (max-width: 991px) {
  .page-contain.contact-us .contact-area1.style-1 {
    max-width: 100% !important;
    margin: 30px auto 0 !important;
  }
}

@media only screen and (max-width: 575px) {
  .page-contain.contact-us .contact-area1.style-1 {
    padding: 25px !important;
    border-radius: 15px !important;
  }
}

.page-contain.contact-us .contact-area1.style-1 .form-row {
  margin-bottom: 16px !important;
}

.page-contain.contact-us .contact-area1.style-1 .form-row .form-control {
  margin: 0 !important;
  display: block !important;
  line-height: 1.6 !important;
  height: 50px !important;
  padding: 10px 20px !important;
  font-size: 15px !important;
  font-weight: 400 !important;
  border-radius: 10px !important;
  background: transparent !important;
  border: 1px solid #ffffff !important;
  color: #ffffff !important;
  width: 100% !important;
}

.page-contain.contact-us .contact-area1.style-1 .form-row .form-control::placeholder {
  color: rgba(255, 255, 255, 0.85) !important;
}

.page-contain.contact-us .contact-area1.style-1 .form-row textarea.form-control {
  height: 160px !important;
  min-height: 160px !important;
  padding: 14px 20px !important;
  resize: vertical;
}

.page-contain.contact-us .contact-area1.style-1 .form-row .btn.btn-submit {
  min-width: 162px !important;
  width: 100% !important;
  text-align: center !important;
  border: none !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  border-radius: 999px !important;
  text-transform: uppercase !important;
  padding: 14px 20px !important;
  margin-top: 10px !important;
  color: var(--primary-red, #062654) !important;
  background-color: #ffffff !important;
  transition: all 0.3s ease-in-out !important;
  cursor: pointer !important;
  display: block !important;
}

.page-contain.contact-us .contact-area1.style-1 .form-row .btn.btn-submit:hover {
  background-color: #000000 !important;
  color: #ffffff !important;
}

.page-contain.contact-us .content-inner-2 .map {
  position: relative !important;
  z-index: 1 !important;
  height: 450px !important;
  width: 100% !important;
  margin-top: 50px !important;
}

.page-contain.contact-us .content-inner-2 .map iframe {
  width: 100% !important;
  height: 450px !important;
  min-height: 450px !important;
  border: 0 !important;
  display: block !important;
}

.page-contain.contact-us .contact-info.style-1 .contact-bottom .contact-right .biolife-social .socials {
  display: flex !important;
  align-items: center !important;
  padding-left: 0 !important;
  list-style: none !important;
  gap: 15px !important;
}

.page-contain.contact-us .contact-info.style-1 .contact-bottom .contact-right .biolife-social .socials li {
  margin: 0 !important;
  list-style: none !important;
}

.mt-0 {
  margin-top: 0 !important;
}

body.biolife-body.modal-open .modal {
  overflow-x: hidden !important;
  overflow-y: hidden !important;
}

#login-tab .form-check .form-check-input,
#login-tab .form-check .form-check-label {
  margin-top: 0;
  margin-bottom: 0;
}

#login-tab .form-check .form-check-label a {
  color: var(--primary-red) !important;
  font-weight: 500;
}

#login-tab .form-check .form-check-label a:hover {
  color: #000 !important;
}

.g-5 {
  gap: 15px;
}

.biolife-tab .logomodal {
  width: 100%;
}

.biolife-tab .logomodal figure {
  margin: 0 auto;
  text-align: center;
}

.biolife-tab .logomodal figure img {
  width: 100px;
  height: auto;
}

body.biolife-body.modal-open .modal .modal-dialog .modal-content .modal-body {
  padding: 0px;
}

.breadcrum-area {
  position: relative;
  overflow: hidden;
  height: fit-content;
}

.breadcrum-area .container .heading-area {
  position: absolute;
  top: 47%;
  transform: translateY(-50%);
  left: calc(100vw - 83%);
}

.breadcrum-area .container .heading-area h1 {
  font-size: 35px;
  font-weight: 600;
  color: #fff;
  margin: 0;
  background: var(--primary-red);
  padding: 10px 40px 10px 10px;
  border-radius: 0 50px 50px 0;
  position: relative;
}

.breadcrum-area .container .heading-area h1::before {
  content: "";
  background-color: var(--primary-red);
  width: calc(100% + 20vw);
  height: 100%;
  position: absolute;
  top: 0;
  right: 80px;
  z-index: -1;
}

.product-tab.my-account.book-service .biolife-tab.biolife-tab-contain form {
  padding: 15px;
  border-radius: 10px;
  border: 1px solid var(--primary-red) !important;
  background-color: #f3f4f6;
}

.product-tab.my-account.book-service .biolife-tab.biolife-tab-contain form label {
  display: block;
  color: #333333;
  margin: 0 0 3px;
  margin-bottom: 5px;
  font-weight: 500;
  font-size: 0.8vw;
}

.product-tab.my-account.book-service .biolife-tab.biolife-tab-contain .form-row select,
.product-tab.my-account.book-service .biolife-tab.biolife-tab-contain form .nice-select,
.product-tab.my-account.book-service .biolife-tab.biolife-tab-contain form textarea,
.product-tab.my-account.book-service .biolife-tab.biolife-tab-contain form input {
  padding: 10px 10px 9px !important;
  color: #000 !important;
  width: 100% !important;
  margin: 0 !important;
  font-family: inherit !important;
  /* display: block !important;
	 */
  width: 100% !important;
  line-height: 1.6 !important;
  appearance: none !important;
  background: #ffffff !important;
  height: 50px !important;
  border: 1px solid var(--primary-red) 2b !important;
  padding: 10px 20px !important;
  font-size: 15px !important;
  font-weight: 400 !important;
  transition: all 0.3s ease-in-out !important;
  border-radius: 10px !important;
}

.product-tab.my-account.book-service .biolife-tab.biolife-tab-contain form textarea {
  min-height: 100px !important;
}

.product-tab.my-account.book-service .biolife-tab.biolife-tab-contain .checkout-progress-wrap {
  max-width: 100%;
}

.HeroBannerMain {
  position: relative;
}

.HeroBannerMain .slick-dots {
  bottom: 60px;
  display: flex;
  justify-content: center;
}

.HeroBannerMain .slick-dots li {
  width: 40px;
  height: 10px;
  border-radius: 10px;
  background-color: rgba(255, 255, 255, 0.47);
}

.HeroBannerMain .slick-dots li.slick-active {
  background-color: var(--primary-red);
}

.aid-banner {
  position: relative;
}

.aid-banner .box-wrapper,
.aid-banner .box-wrapper figure {
  position: relative;
  margin-bottom: 20px;
}

.aid-banner .box-wrapper figure img {
  border-radius: 8px;
}

.aid-banner .box-wrapper .content-area {
  position: absolute;
  top: 30%;
  transform: translateY(-50%);
  left: 100px;
  width: calc(100% - 250px);
}

.aid-banner .box-wrapper .content-area .page-title {
  font-size: 35px;
  font-weight: 600;
  color: #fff;
  margin: 0;
  margin-bottom: 10px;
}

.aid-banner .box-wrapper .content-area p {
  color: #fff;
  font-size: 18px;
  font-weight: 400;
  margin-bottom: 10px;
  position: relative;
  width: 100%;
  line-height: 35px;
}

.add-to-cart-btn {
  display: inline-block;
  font-size: 14px;
  color: #ffffff;
  font-weight: 700;
  text-transform: uppercase;
  text-align: center;
  border: none;
  border-radius: 999px;
  vertical-align: top;
  background: var(--primary-green);
  min-width: 168px;
  padding: 13px;
}

.add-to-cart-btn:hover {
  background-color: var(--primary-black);
  color: #fff;
}

.product-tab .biolife-tab .tab-head .tabs {
  padding: 20px 10px 0;
  margin: 10px auto 20px auto;
  width: fit-content;
  border-radius: 8px;
  justify-content: center;
  overflow: hidden;
}

.category-section-space.category-area .hover-img .cls-content a {
  font-size: 15px;
  -webkit-line-clamp: 2;
  line-clamp: 2;
}

.tv-aid-banner-area {
  position: relative;
  padding: 50px 0 0;
}

.tv-aid-banner-area .box-wrapper,
.tv-aid-banner-area .box-wrapper .tvSliderbg,
.tv-aid-banner-area .box-wrapper .tvSliderbg .slide-card-area {
  width: 100%;
  position: relative;
}

.tv-aid-banner-area .box-wrapper .tvSliderbg {
  background-color: var(--primary-red);
  border-radius: 8px 8px 0 0;
  overflow: hidden;
}

.tv-aid-banner-area .box-wrapper .tvSliderbg .slide-card-area figure img {
  filter: blur(2px);
}

.tv-aid-banner-area .box-wrapper .tvSliderbg .slide-card-area .content-banner {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding: 30px 60px;
  background: linear-gradient(90deg,
      rgba(0, 0, 0, 0.86) 0%,
      rgba(0, 0, 0, 0) 100%);
  backdrop-filter: blur(1px);
}

.tv-aid-banner-area .box-wrapper .tvSliderbg .slide-card-area .content-banner .card-area-wrapper {
  width: 410px;
}

.tv-aid-banner-area .box-wrapper .tvSliderbg .slide-card-area .content-banner .heading-slider {
  color: #fff;
  font-size: 28px;
  font-weight: 600;
  margin: 30px 0 20px;
}

.tv-aid-banner-area .box-wrapper .tvSliderbg .slide-card-area .content-banner p {
  font-size: 0.8vw;
  line-height: 24px;
  display: block;
  color: #ffffff;
  max-width: 100%;
}

.tv-aid-banner-area .box-wrapper .tvSliderbg .slide-card-area .content-banner p.sub-heading {
  color: #fff;
  line-height: 35px;
  font-size: 20px;
}

.tv-aid-banner-area .box-wrapper .tv-screen-wrapper {
  position: relative;
  margin-top: -425px;
  margin-left: auto;
  left: calc(100% - 626px);
}

.tv-aid-banner-area .box-wrapper .tv-screen-wrapper .tv-wrapper {
  width: 590px;
  height: auto;
}

/* .tv-aid-banner-area .box-wrapper .tv-screen-wrapper .tvSliderscreen {
	 position: absolute;
	 top: 34px;
	 left: 37px;
}
 */
.tv-aid-banner-area .box-wrapper .tv-screen-wrapper .tvSliderscreen .slide-card-area img {
  position: relative;
  width: 100%;
}

.tv-aid-banner-area .box-wrapper .tv-screen-wrapper .tvSliderscreen .slide-card-area .figure {
  width: 514px;
  height: 293px;
  object-fit: cover;
  overflow: hidden;
}

/* .tv-aid-banner-area .box-wrapper .tv-screen-wrapper .tvSliderscreen .slide-card-area .figure figure {
	 overflow: hidden;
}
 */
.tv-aid-banner-area .box-wrapper .tv-screen-wrapper .tvSliderscreen .slide-card-area .figure figure img {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
}

.align-items-end {
  align-items: end;
}

.banner-promotion-new-made {
  padding: 50px 0 0;
  background-size: cover;
  background-attachment: fixed;
}

.banner-promotion-new-made .text-content {
  padding: 0 0 90px 0;
}

.banner-promotion-new-made .text-content .first-line {
  font-size: 30px;
  line-height: 35px;
  font-family: "Playfair Display", sans-serif;
  color: #ffffff;
  display: block;
  margin: 0;
  max-width: 370px;
}

.banner-promotion-new-made .text-content .second-line {
  display: block;
  margin: 6px 0 0;
  font-size: 32px;
  line-height: 45px;
  color: #ffffff;
  font-weight: 600;
}

.banner-promotion-new-made .text-content .third-line {
  font-size: 0.8vw;
  line-height: 24px;
  display: block;
  margin: 22px 0 12px;
  color: #ffffff;
  max-width: 100%;
}

.banner-promotion-new-made .text-content .product-detail {
  display: block;
  margin-top: 0px;
}

.banner-promotion-new-made .text-content .product-detail .add-to-cart-btn {
  display: inline-block;
  font-size: 14px;
  color: #ffffff;
  font-weight: 700;
  text-transform: uppercase;
  text-align: center;
  border: none;
  border-radius: 999px;
  vertical-align: top;
  background: var(--primary-green);
  min-width: 168px;
  padding: 13px;
}

.banner-promotion-new-made .text-content .product-detail .add-to-cart-btn:hover {
  background-color: var(--primary-black);
}

.d-lg-flex {
  display: flex;
}

.justify-content-between {
  justify-content: space-between;
}

.flat-title-2 {
  gap: 100px;
  margin-bottom: 52px;
}

.about-us-heading .heading span.text-xl {
  font-size: 0.8vw;
  line-height: normal;
  font-weight: 600;
  color: var(--primary-red);
  position: relative;
  font-family: "Playfair Display", sans-serif;
}

.about-us-heading .heading {
  font-size: 30px;
  line-height: 38px;
  font-weight: 600;
  text-wrap: nowrap;
}

.semibold {
  font-weight: 600;
}

.duct-section-ad {
  background-size: cover !important;
  background-attachment: fixed !important;
  padding: 80px 0;
}

.duct-section-ad .content-ad {
  background-color: rgba(255, 255, 255, 0.49);
  position: relative;
  padding: 20px 40px;
  backdrop-filter: blur(4px);
  border-radius: 9px;
}

.duct-section-ad .content-ad h2 {
  color: #000;
  display: block;
  margin: 6px 0 0;
  font-size: 32px;
  line-height: 45px;
  font-weight: 600;
}

.duct-section-ad .content-ad p {
  font-size: 0.8vw;
  line-height: 24px;
  display: block;
  margin: 22px 0 12px;
  color: #000;
  max-width: 100%;
}

.duct-section-ad .content-ad p.subheading {
  color: #000;
  font-size: 0.8vw;
  line-height: 24px;
  display: block;
  margin: 22px 0 12px;
}

.d-lg-block {
  display: block !important;
}

.new-ad-banner-section {
  padding: 40px 0 20px;
}

.new-ad-banner-section .NewAdcardbanner {
  margin-top: 50px;
}

.new-ad-banner-section .NewAdcardbanner .slidecatcard {
  padding: 10px 10px 0;
}

.new-ad-banner-section .NewAdcardbanner .slidecatcard .banner-card {
  background-size: cover !important;
  overflow: visible;
  margin-top: 90px;
  border-radius: 8px;
}

.new-ad-banner-section .NewAdcardbanner .slidecatcard .banner-card figure {
  max-width: 130%;
  width: 130%;
}

.new-ad-banner-section .NewAdcardbanner .slidecatcard .banner-card figure img {
  margin-top: -80px;
  position: relative;
  width: 100%;
  height: auto;
  left: -70px;
  z-index: 0;
}

.new-ad-banner-section .NewAdcardbanner .slidecatcard .banner-card .content-area {
  padding: 50px 0 50px 20px;
  position: relative;
  z-index: 2;
}

.new-ad-banner-section .NewAdcardbanner .slidecatcard .banner-card .content-area::before {
  display: none;
}

.new-ad-banner-section .NewAdcardbanner .slidecatcard .banner-card .content-area .name {
  display: block;
  margin: 0;
  margin-bottom: 0;
  font-size: 26px;
  line-height: 1.25;
  color: #ffffff;
}

.new-ad-banner-section .NewAdcardbanner .slidecatcard .banner-card .content-area .name span,
.new-ad-banner-section .NewAdcardbanner .slidecatcard .banner-card .content-area .name .highlight {
  font-size: 28px;
  background: linear-gradient(135deg, #CBA46A 0%, #F5E8C7 50%, #A9854F 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  font-weight: 800;
  display: inline-block;
  margin: 4px 0 0;
}

.about-us-section-area {
  padding: 60px 0;
}

.about-us-section-area p {
  font-size: 0.8vw;
  margin-bottom: 20px;
}

.about-us-section-area p.quote-block {
  color: var(--primary-red);
  font-weight: 500;
  font-size: 18px;
}

.about-us-section-area .image img {
  border-radius: 8px;
}

.filtercardcarausel .slide-card-area {
  padding: 0 10px;
}

.d-lg-none {
  display: none !important;
}

.position-relative {
  position: relative;
}

.justify-content-betweenp {
  justify-content: space-between;
}

.duct-section-ad .img-wrapper {
  position: relative;
}

.duct-section-ad .img-wrapper.anima-img img {
  width: 100%;
  height: auto;
  animation: fadeup 2s ease-in-out infinite;
}

.row-sm-reverse {
  flex-direction: row;
}

.product-area-wrapper-shopgrid-list.with-list .body-content .advance-info .shipping-info .assured {
  margin-top: 10px;
}

.product-area-wrapper-shopgrid-list.with-list .body-content .advance-info .shipping-info .assured img {
  width: 80px;
  height: auto;
}

@keyframes fadeup {
  0% {
    transform: translateY(0);
  }

  50% {
    transform: translateY(-10px);
  }

  100% {
    transform: translateY(0);
  }
}

@media (max-width: 767px) {
  .HeroBannerMain .slide-card-area {
    position: relative;
  }

  .row-sm-reverse {
    flex-direction: column-reverse;
  }

  .d-lg-none {
    display: block !important;
  }

  .d-lg-block {
    display: none !important;
  }

  .HeroBannerMain .slide-card-area figure {
    height: 390px;
    width: 100%;
    object-fit: cover;
  }

  .HeroBannerMain .slide-card-area figure img {
    height: 100%;
    width: 100%;
    object-fit: cover;
    object-position: 70% 100%;
  }

  .HeroBannerMain .slide-card-area .content-banner-area {
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    transform: translateY(-50%);
  }

  .HeroBannerMain .slide-card-area .content-banner-area .title {
    font-size: 22px;
    font-weight: 700;
    line-height: 27px;
  }

  .HeroBannerMain .slide-card-area .content-banner-area .third-line {
    font-size: 14px;
    line-height: 24px;
    margin-bottom: 13px;
  }

  .HeroBannerMain .slick-dots {
    bottom: 10px;
  }

  .HeroBannerMain .slick-dots li {
    width: 10px;
    height: 5px;
    transition: all 1s ease;
  }

  .HeroBannerMain .slick-dots li.slick-active {
    width: 40px;
  }

  .aid-banner .box-wrapper,
  .aid-banner .box-wrapper figure {
    width: 100%;
    height: 540px;
    z-index: -1;
    position: relative;
    margin-bottom: 150px;
  }

  .aid-banner .box-wrapper figure img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }

  .aid-banner .box-wrapper img.object-img {
    width: 100%;
    height: auto;
    position: relative;
    bottom: 0;
    margin-top: -380px;
  }

  .aid-banner .box-wrapper .content-area {
    top: 50px;
    transform: translateY(0);
    left: 20px;
    width: calc(100% - 30px);
  }

  .aid-banner .box-wrapper .content-area .page-title {
    font-size: 27px;
    font-weight: 600;
  }

  .aid-banner .box-wrapper .content-area p {
    font-size: 14px;
    margin-bottom: 10px;
    line-height: 25px;
  }

  .category-section-space {
    padding: 30px 0 20px;
  }

  .d-lg-flex {
    display: block;
  }

  .product-tab .biolife-tab .tab-head .tabs {
    padding: 20px 10px 10px;
    margin: 10px auto 20px auto;
    width: 100%;
    border-radius: 8px;
  }

  .tv-aid-banner-area {
    position: relative;
    padding: 50px 0 120px;
  }

  .tv-aid-banner-area .box-wrapper,
  .tv-aid-banner-area .box-wrapper .tvSliderbg,
  .tv-aid-banner-area .box-wrapper .tvSliderbg .slide-card-area {
    width: 100%;
    position: relative;
  }

  .tv-aid-banner-area .box-wrapper .tvSliderbg {
    background-color: var(--primary-red);
    border-radius: 8px 8px 0 0;
    overflow: hidden;
  }

  .tv-aid-banner-area .box-wrapper .tvSliderbg .slide-card-area figure img {
    filter: blur(1px);
    width: 100%;
    height: 100%;
    object-fit: cover;
  }

  .tv-aid-banner-area .box-wrapper .tvSliderbg .slide-card-area .content-banner {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    padding: 20px 30px 110px;
    background: rgba(0, 0, 0, 0.46);
    height: 100%;
  }

  .tv-aid-banner-area .box-wrapper .tv-screen-wrapper {
    position: absolute;
    left: 0;
    bottom: -180px;
  }

  .tv-aid-banner-area .box-wrapper .tvSliderbg .slide-card-area .content-banner .heading-slider {
    color: #fff;
    font-size: 28px;
    font-weight: 600;
    margin: 30px 0 20px;
  }

  .tv-aid-banner-area .box-wrapper .tvSliderbg .slide-card-area .content-banner p {
    font-size: 14px;
    line-height: 24px;
    display: block;
    color: #ffffff;
    max-width: 100%;
  }

  .tv-aid-banner-area .box-wrapper .tvSliderbg .slide-card-area .content-banner p.sub-heading {
    color: #fff;
    line-height: 35px;
    font-size: 20px;
  }

  .tv-aid-banner-area .box-wrapper .tvSliderbg .slide-card-area figure {
    height: 410px;
    width: 100%;
    object-fit: cover;
  }

  .card-product-area .card-product-body .head-area .p-image {
    max-height: 25rem;
  }

  .card-product-area {
    margin-bottom: 15px;
  }

  body .page-contain {
    overflow: hidden;
  }

  .new-ad-banner-section {
    padding: 40px 0 20px;
  }

  .new-ad-banner-section .NewAdcardbanner {
    margin-top: 50px;
  }

  .new-ad-banner-section .NewAdcardbanner .slidecatcard {
    padding: 10px 10px 0;
  }

  .new-ad-banner-section .NewAdcardbanner .slidecatcard .banner-card {
    background-size: cover !important;
    overflow: visible;
    margin-top: 0px;
    border-radius: 8px;
  }

  .new-ad-banner-section .NewAdcardbanner .slidecatcard .banner-card figure {
    max-width: 100%;
    width: 100%;
  }

  .new-ad-banner-section .NewAdcardbanner .slidecatcard .banner-card figure img {
    margin-top: 0;
    position: relative;
    width: 100%;
    height: auto;
    left: 0;
    z-index: 0;
  }

  .new-ad-banner-section .NewAdcardbanner .slidecatcard .banner-card .content-area {
    padding: 50px 0 50px 20px;
    position: relative;
    z-index: 2;
  }

  .new-ad-banner-section .NewAdcardbanner .slidecatcard .banner-card .content-area::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 140px;
    z-index: -1;
    background: linear-gradient(90deg,
        rgba(0, 0, 0, 0.86) 0%,
        rgba(0, 0, 0, 0) 100%);
    margin: 38px 0 50px 10px;
    border-radius: 8px;
  }

  .new-ad-banner-section .NewAdcardbanner .slidecatcard .banner-card .content-area .name {
    display: block;
    margin: 0;
    margin-bottom: 0;
    font-size: 15px;
    line-height: 1;
    color: #f3f3f3;
    text-transform: uppercase;
  }

  .new-ad-banner-section .NewAdcardbanner .slidecatcard .banner-card .content-area .name span {
    font-size: 30px;
    color: #ffffff;
    text-transform: uppercase;
    font-weight: 700;
    display: block;
    margin: 7px 0 0;
  }

  .filtercardcarausel .slick-arrow.prev,
  .HeroCatCardArea .slick-arrow.prev {
    left: -5px !important;
  }

  .filtercardcarausel .slick-arrow.next,
  .HeroCatCardArea .slick-arrow.next {
    right: -5px !important;
  }

  .breadcrum-area {
    height: 155px;
  }

  .breadcrum-area .container .heading-area h1 {
    font-size: 15px;
  }

  .breadcrum-area .container .heading-area {
    top: 50%;
    transform: translateY(-50%);
    left: calc(100vw - 93%);
  }

  .breadcrum-area figure {
    width: 100%;
    height: 155px;
  }

  .breadcrum-area figure img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: 100%;
  }

  .serchbar-areasection {
    padding: 15px 0;
  }

  .header-middle .biolife-cart-info {
    font-size: 30px;
    text-align: right;
    margin-top: 0 !important;
    line-height: 20px;
  }

  .header-area.style-01.layout-03 {
    padding: 0 15px;
  }

  .top-functions-area {
    display: inline-block;
    margin-top: 10px;
    background-color: #fafafa;
    border: 1px solid #efefef;
    padding: 5px 8px;
    margin-bottom: 10px;
    border-radius: 5px;
  }

  .biolife-nav {
    margin-top: 17px;
    margin-bottom: 38px;
    padding: 10px;
    background: #f3f4f6;
    border-radius: 5px;
  }

  .product-area-wrapper-shopgrid-list.with-list .single-shopping-card-one.discount-offer {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
    padding: 20px;
    margin-bottom: 20px;
    align-items: center;
  }

  .product-area-wrapper-shopgrid-list.with-list .body-content .advance-info {
    border-left: 0;
    padding-left: 15px;
    margin-top: 0;
    padding-top: 10px;
    padding-bottom: 15px;
    min-height: auto;
    margin-bottom: 10px;
    border-bottom: 1px solid #e1e1e1;
  }

  .product-area-wrapper-shopgrid-list.with-list .body-content .advance-info .price {
    text-align: left;
    margin: 10px 0 10px;
    display: flex;
    font-size: 0;
    line-height: 1;
    margin-top: 6px;
    gap: 10px;
  }

  .product-area-wrapper-shopgrid-list.with-list .body-content .advance-info .shipping-info {
    margin-top: 8px;
    display: flex;
    gap: 10px;
  }

  body,
  .biolife-cart-info .icon-qty-combine .qty,
  .banner-promotion-new-made .text-content .third-line {
    font-size: 14px !important;
  }
}

.haikawa-new-header {
  width: 100%;
  background: #fff;
}

.haikawa-new-header .haikawa-topbar {
  /* height: 35px;
	 */
  background: #062654;
  color: #ffffff;
  font-size: 14px;
  font-weight: 400;
  padding: 10px 0;
  border-bottom: 1px solid rgba(255, 255, 255, 0.15);
}

.haikawa-new-header .haikawa-topbar .container-fluid {
  height: 100%;
}

.haikawa-new-header .haikawa-topbar .row {
  height: 100%;
}

.haikawa-new-header .haikawa-top-left {
  height: 100%;
  display: flex;
  align-items: center;
  gap: 25px;
}

.haikawa-new-header .haikawa-top-right {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 22px;
}

.haikawa-new-header .top-item {
  display: flex;
  align-items: center;
  white-space: nowrap;
}

.haikawa-new-header .top-item i {
  margin-right: 6px;
  font-size: 16px;
  color: #d8b16c;
}

.haikawa-new-header .haikawa-navbar {
  padding: 0px 0;
  margin-bottom: 0;
  background: #ffffff;
  border: 0;
  border-radius: 0;
  box-shadow: 0 2px 15px rgba(0, 0, 0, 0.04);
}

.haikawa-new-header .haikawa-logo {
  height: 100%;
  padding: 0;
  display: flex;
  align-items: center;
  min-width: 205px;
}

.haikawa-new-header .logoimg {
  width: 230px;
  height: auto;
}

.haikawa-new-header .haikawa-menu {
  margin-left: 25px;
  margin-top: 0;
}

.haikawa-new-header .haikawa-menu>li>a {
  padding: 31px 12px;
  color: #17335f;
  font-size: 14px;
  font-weight: 500;
  background: transparent;
  transition: all 0.25s ease;
}

.haikawa-new-header .haikawa-menu>li>a:hover,
.haikawa-new-header .haikawa-menu>li>a:focus {
  color: #062654;
  background: transparent;
}

.haikawa-new-header .haikawa-menu>.active>a,
.haikawa-new-header .haikawa-menu>.active>a:hover,
.haikawa-new-header .haikawa-menu>.active>a:focus {
  color: #062654;
  background: transparent;
}

.haikawa-new-header .haikawa-menu .dropdown-menu {
  min-width: 190px;
  padding: 8px;
  margin-top: 0;
  border: 0;
  border-radius: 8px;
  background: #ffffff;
  box-shadow: 0 10px 30px rgba(14, 39, 73, 0.12);
}

.haikawa-new-header .haikawa-menu .dropdown-menu>li>a {
  padding: 9px 12px;
  color: #17335f;
  font-size: 11px;
  border-radius: 5px;
}

.haikawa-new-header .haikawa-menu .dropdown-menu>li>a:hover,
.haikawa-new-header .haikawa-menu .dropdown-menu>li>a:focus {
  color: #062654;
  background: #f4f7fb;
}

.haikawa-new-header .haikawa-actions {
  height: 69px;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 10px;
  float: right;
}

.haikawa-new-header .haikawa-search {
  width: 250px;
  height: 40px;
  display: flex;
  align-items: center;
  padding: 0 16px;
  background: #f4f7fb;
  border-radius: 20px;
  transition: all 0.25s ease;
}

.haikawa-new-header .haikawa-search .btn-submit {
  border: 0;
  background: transparent;
  padding: 4px;
  display: grid;
  align-items: center;
  justify-content: center;
}

.haikawa-new-header .haikawa-search .btn-submit i {
  margin-right: 7px;
  color: #666666;
  font-size: 14px;
}

.haikawa-new-header .haikawa-search input {
  width: 100%;
  height: 40px;
  padding: 0;
  border: 0;
  outline: 0;
  background: transparent;
  color: #17335f;
  font-family: inherit;
  font-size: 14px;
}

.haikawa-new-header .haikawa-search input::placeholder {
  color: #666666;
}

.haikawa-new-header .haikawa-search:focus-within {
  background: #eef3f9;
  box-shadow: 0 0 0 2px rgba(6, 38, 84, 0.05);
}

.haikawa-new-header .haikawa-action {
  position: relative;
  width: 32px;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #17335f;
  border-radius: 50%;
  font-size: 19px;
  transition: all 0.25s ease;
}

.haikawa-new-header .haikawa-action:hover {
  color: #062654;
  background: #f5f7fa;
}

.haikawa-new-header .haikawa-cart {
  font-size: 20px;
}

.haikawa-new-header .cart-count {
  position: absolute;
  top: -1px;
  right: -1px;
  width: 15px;
  height: 15px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #0864d8;
  color: #ffffff;
  border-radius: 50%;
  font-size: 8px;
  font-weight: 700;
  border: 2px solid #ffffff;
}

.haikawa-new-header .haikawa-navbar .navbar-toggle {
  margin-top: 17px;
  margin-right: 0;
  border: 0;
  background: transparent;
}

.haikawa-new-header .haikawa-navbar .navbar-toggle:hover,
.haikawa-new-header .haikawa-navbar .navbar-toggle:focus {
  background: transparent;
}

.haikawa-new-header .haikawa-navbar .navbar-toggle .icon-bar {
  width: 23px;
  height: 2px;
  background: #17335f;
  border-radius: 2px;
}

@media (min-width: 1200px) {

  .haikawa-new-header .haikawa-navbar .container-fluid,
  .haikawa-new-header .haikawa-topbar .container-fluid {
    padding-left: 15px;
    padding-right: 15px;
  }
}

@media (max-width: 1199px) {
  .haikawa-new-header .haikawa-logo {
    min-width: 170px;
  }

  .haikawa-new-header .haikawa-menu {
    margin-left: 5px;
  }

  .haikawa-new-header .haikawa-menu>li>a {
    padding-left: 8px;
    padding-right: 8px;
  }

  .haikawa-new-header .haikawa-search {
    width: 145px;
  }
}

@media (max-width: 991px) {
  .haikawa-new-header .haikawa-topbar {
    height: auto;
    padding: 7px 0;
  }

  .haikawa-new-header .haikawa-top-left {
    justify-content: center;
    flex-wrap: wrap;
    gap: 8px 18px;
  }

  .haikawa-new-header .haikawa-top-right {
    display: none;
  }

  .haikawa-new-header .haikawa-navbar {
    min-height: 69px;
  }

  .haikawa-new-header .haikawa-logo {
    height: 69px;
  }

  .haikawa-new-header .haikawa-menu {
    margin: 10px 0 0;
    float: none;
  }

  .haikawa-new-header .haikawa-menu>li>a {
    padding: 11px 15px;
    border-bottom: 1px solid #f0f2f5;
  }

  .haikawa-new-header .haikawa-actions {
    width: 100%;
    height: auto;
    float: none;
    justify-content: flex-start;
    padding: 12px 0 15px;
  }

  .haikawa-new-header .haikawa-search {
    width: calc(100% - 130px);
    max-width: 300px;
  }

  .haikawa-new-header .haikawa-menu .dropdown-menu {
    position: static;
    float: none;
    width: 100%;
    margin: 0;
    box-shadow: none;
    border-radius: 0;
    background: #f8fafc;
  }
}

@media (max-width: 767px) {
  .haikawa-new-header .haikawa-top-left {
    font-size: 9px;
    gap: 6px 12px;
  }

  .haikawa-new-header .logoimg {
    width: 140px;
  }

  .haikawa-new-header .haikawa-topbar {
    line-height: 14px;
  }

  .haikawa-new-header .haikawa-logo-text strong {
    font-size: 17px;
  }

  .haikawa-new-header .haikawa-logo-circle {
    width: 36px;
    height: 36px;
    font-size: 21px;
  }

  .haikawa-new-header .haikawa-search {
    width: calc(100% - 120px);
  }
}

@media (max-width: 480px) {

  .haikawa-new-header .haikawa-top-left .top-item:nth-child(3),
  .haikawa-new-header .haikawa-top-left .top-item:nth-child(4) {
    display: none;
  }

  .haikawa-new-header .haikawa-logo {
    min-width: auto;
  }
}

.haikawa-new-header .haikawa-mega-parent {
  position: static !important;
}

.haikawa-new-header .haikawa-mega-parent .haikawa-mega-menu {
  position: absolute;
  top: 100%;
  left: 15px;
  right: 15px;
  width: auto;
  margin: 0 !important;
  padding: 15px 15px 12px;
  background: #ffffff;
  border: 1px solid #edf1f7;
  border-radius: 0 0 16px 16px;
  box-shadow: 0 15px 45px rgba(20, 45, 80, 0.14);
  z-index: 9999;
}

.haikawa-new-header .haikawa-mega-parent .haikawa-mega-menu:before,
.haikawa-new-header .haikawa-mega-parent .haikawa-mega-menu:after {
  display: none !important;
}

.haikawa-new-header .haikawa-mega-parent .mega-category {
  min-height: 325px;
  padding: 12px 18px;
  border-right: 1px solid #edf1f6;
}

.haikawa-new-header .haikawa-mega-parent .mega-heading {
  margin-bottom: 12px;
  color: #172b4d;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.2px;
}

.haikawa-new-header .haikawa-mega-parent .mega-category-list {
  margin: 0;
  padding: 0;
  list-style: none;
}

.haikawa-new-header .haikawa-mega-parent .mega-category-list li {
  margin-bottom: 3px;
}

.haikawa-new-header .haikawa-mega-parent .mega-category-list li a {
  display: flex;
  align-items: center;
  min-height: 35px;
  padding: 6px 10px;
  color: #52617a;
  font-size: 13px;
  font-weight: 500;
  border-radius: 6px;
  transition:
    background 0.2s ease,
    color 0.2s ease;
}

.haikawa-new-header .haikawa-mega-parent .mega-icon {
  width: 24px;
  margin-right: 6px;
  color: #52617a;
  font-size: 16px;
  text-align: center;
}

.haikawa-new-header .haikawa-mega-parent .mega-category-list li.active a {
  color: #1260d8;
  background: #eef5ff;
}

.haikawa-new-header .haikawa-mega-parent .mega-category-list li.active .mega-icon {
  color: #1260d8;
}

.haikawa-new-header .haikawa-mega-parent .mega-category-list li a:hover {
  color: #1260d8;
  background: #f4f8fd;
}

.haikawa-new-header .haikawa-mega-parent .mega-view-link {
  display: inline-block;
  margin-top: 13px;
  margin-left: 10px;
  color: #0960d9 !important;
  font-size: 14px;
  font-weight: 600;
  transition: all 0.2s ease;
}

.haikawa-new-header .haikawa-mega-parent .mega-view-link i {
  margin-left: 5px;
  font-size: 10px;
}

.haikawa-new-header .haikawa-mega-parent .mega-view-link:hover {
  color: #064ba9 !important;
  transform: translateX(2px);
}

.haikawa-new-header .haikawa-mega-parent .mega-series {
  min-height: 325px;
  padding: 12px 18px;
  border-right: 1px solid #edf1f6;
}

.haikawa-new-header .haikawa-mega-parent .mega-window {
  border-right: 0;
}

.haikawa-new-header .haikawa-mega-parent .mega-series-heading {
  display: flex;
  align-items: center;
  margin-bottom: 12px;
  color: #172b4d;
  font-size: 11px;
  font-weight: 700;
}

.haikawa-new-header .haikawa-mega-parent .series-icon {
  width: 30px;
  height: 30px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-right: 8px;
  color: #1260d8;
  background: #eef5ff;
  border-radius: 7px;
  font-size: 14px;
}

.haikawa-new-header .haikawa-mega-parent .mega-products {
  width: 100%;
}

.haikawa-new-header .haikawa-mega-parent .mega-product {
  min-height: 43px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 7px 3px;
  color: #53627b !important;
  font-size: 12.5px;
  font-weight: 500;
  border-bottom: 1px solid #edf1f5;
  transition:
    color 0.2s ease,
    padding 0.2s ease;
}

.haikawa-new-header .haikawa-mega-parent .mega-product span {
  padding-right: 8px;
  line-height: 17px;
}

.haikawa-new-header .haikawa-mega-parent .mega-product i {
  color: #7c899d;
  font-size: 13px;
  transition: transform 0.2s ease;
}

.haikawa-new-header .haikawa-mega-parent .mega-product:hover {
  color: #1260d8 !important;
  padding-left: 5px;
}

.haikawa-new-header .haikawa-mega-parent .mega-product:hover i {
  color: #1260d8;
  transform: translateX(3px);
}

.haikawa-new-header .haikawa-mega-parent .mega-promo-column {
  padding: 0 10px;
}

.haikawa-new-header .haikawa-mega-parent .mega-promo {
  position: relative;
  height: 340px;
  overflow: hidden;
  padding: 0;
  border-radius: 9px;
  background: #062654;
  background: url("../../../uploads/category/menu/bg-category.jpg");
  background-size: cover;
  background-position: left;
}

.haikawa-new-header .haikawa-mega-parent .mega-promo-content {
  position: absolute;
  z-index: 2;
  width: 45%;
  top: 50%;
  left: 20px;
  transform: translateY(-50%);
}

.haikawa-new-header .haikawa-mega-parent .promo-label {
  display: block;
  margin-bottom: 0px;
  color: #d8b16c;
  font-size: 12px;
  font-weight: 400;
  letter-spacing: 0.3px;
}

.haikawa-new-header .haikawa-mega-parent .mega-promo h3 {
  margin: 0 0 10px;
  /* color: #172b4d;
	 */
  color: #ffffff;
  font-size: 20px;
  font-weight: 600;
  line-height: 1.45;
}

.haikawa-new-header .haikawa-mega-parent .mega-promo p {
  margin: 0 0 35px;
  color: #9eabbf;
  font-size: 14px;
  line-height: 20px;
}

.haikawa-new-header .haikawa-mega-parent .promo-button {
  display: inline-flex;
  align-items: center;
  padding: 9px 13px;
  color: #ffffff !important;
  background: #0965df;
  border-radius: 6px;
  font-size: 14px;
  font-weight: 400;
  box-shadow: 0 5px 12px rgba(9, 101, 223, 0.18);
  transition: all 0.2s ease;
}

.haikawa-new-header .haikawa-mega-parent .promo-button i {
  margin-left: 8px;
  font-size: 10px;
}

.haikawa-new-header .haikawa-mega-parent .promo-button:hover {
  background: #0755bd;
  transform: translateY(-1px);
}

.haikawa-new-header .haikawa-mega-parent .mega-ac-image {
  width: auto;
  z-index: 1;
  height: 100%;
  position: relative;
  margin-left: auto;
}

.haikawa-new-header .haikawa-mega-parent .mega-ac-image img {
  position: absolute;
  right: 0;
  bottom: 0;
  width: auto;
  height: 100%;
  display: block;
}

.haikawa-new-header .haikawa-mega-parent .mega-benefits {
  margin-top: 15px;
  padding: 20px 12px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  background: #f2f7ff;
  border-radius: 8px;
}

.haikawa-new-header .haikawa-mega-parent .mega-benefit {
  display: flex;
  align-items: center;
  color: #172b4d;
  font-size: 15px;
  line-height: 20px;
}

.haikawa-new-header .haikawa-mega-parent .mega-benefit strong {
  display: block;
  font-weight: 600;
}

.haikawa-new-header .haikawa-mega-parent .benefit-icon {
  width: 39px;
  height: 39px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 18px;
  color: #1260d8;
  font-size: 32px;
}

.haikawa-new-header .haikawa-mega-parent .mega-trust {
  height: auto;
  display: flex;
  align-items: center;
  margin-top: 15px;
  padding: 20px 12px;
  background: #f2f7ff;
  border-radius: 8px;
}

.haikawa-new-header .haikawa-mega-parent .trust-item {
  flex: 1;
  display: flex;
  align-items: center;
  padding: 0 13px;
  border-right: 1px solid #dce6f4;
}

.haikawa-new-header .haikawa-mega-parent .trust-item:last-child {
  border-right: 0;
}

.haikawa-new-header .haikawa-mega-parent .trust-icon {
  width: 42px;
  height: 42px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 10px;
  color: #1260d8;
  font-size: 30px;
}

.haikawa-new-header .haikawa-mega-parent .trust-text {
  display: flex;
  flex-direction: column;
  line-height: 14px;
}

.haikawa-new-header .haikawa-mega-parent .trust-text strong {
  color: #172b4d;
  font-size: 14px;
  font-weight: 600;
}

.haikawa-new-header .haikawa-mega-parent .trust-text small {
  color: #49505a;
  font-size: 12px;
  margin-top: 6px;
}

@media (min-width: 992px) {
  .haikawa-new-header .haikawa-mega-parent:hover>.haikawa-mega-menu {
    display: block;
  }
}

@media (min-width: 1200px) {
  .haikawa-new-header .haikawa-mega-parent .haikawa-mega-menu {
    left: 20px;
    right: 20px;
    padding: 15px 15px 12px;
  }
}

@media (max-width: 1199px) and (min-width: 992px) {
  .haikawa-new-header .haikawa-mega-parent .haikawa-mega-menu {
    left: 10px;
    right: 10px;
  }

  .haikawa-new-header .haikawa-mega-parent .mega-category {
    padding-left: 10px;
    padding-right: 10px;
  }

  .haikawa-new-header .haikawa-mega-parent .mega-series {
    padding-left: 10px;
    padding-right: 10px;
  }

  .haikawa-new-header .haikawa-mega-parent .mega-product {
    font-size: 9px;
  }

  .haikawa-new-header .haikawa-mega-parent .mega-promo h3 {
    font-size: 15px;
  }
}

@media (max-width: 991px) {
  .haikawa-new-header .haikawa-mega-parent {
    position: relative !important;
  }

  .haikawa-new-header .haikawa-mega-parent .haikawa-mega-menu {
    position: static !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 10px;
    border: 0;
    border-radius: 0;
    box-shadow: none;
  }

  .haikawa-new-header .haikawa-mega-parent .mega-category,
  .haikawa-new-header .haikawa-mega-parent .mega-series {
    min-height: auto;
    border-right: 0;
    border-bottom: 1px solid #edf1f6;
    padding: 15px;
  }

  .haikawa-new-header .haikawa-mega-parent .mega-promo-column {
    padding: 15px;
  }

  .haikawa-new-header .haikawa-mega-parent .mega-promo {
    height: 260px;
  }

  .haikawa-new-header .haikawa-mega-parent .mega-trust {
    height: auto;
    padding: 10px;
    flex-wrap: wrap;
  }

  .haikawa-new-header .haikawa-mega-parent .trust-item {
    min-width: 33.333%;
    padding: 8px;
  }
}

@media (max-width: 767px) {

  .haikawa-new-header .haikawa-mega-parent .mega-category,
  .haikawa-new-header .haikawa-mega-parent .mega-series {
    padding: 12px 8px;
  }

  .mega-promo {
    height: 230px;
  }

  .haikawa-new-header .haikawa-mega-parent .mega-promo-content {
    width: 55%;
  }

  .haikawa-new-header .haikawa-mega-parent .mega-promo h3 {
    font-size: 15px;
  }

  .haikawa-new-header .haikawa-mega-parent .mega-ac-image {
    width: 65%;
    top: 55px;
  }

  .haikawa-new-header .haikawa-mega-parent .mega-benefits {
    height: auto;
    padding: 8px;
    flex-wrap: wrap;
  }

  .haikawa-new-header .haikawa-mega-parent .mega-benefit {
    width: 50%;
    padding: 5px;
  }

  .haikawa-new-header .haikawa-mega-parent .mega-trust {
    display: block;
  }

  .haikawa-new-header .haikawa-mega-parent .trust-item {
    width: 100%;
    border-right: 0;
    border-bottom: 1px solid #dce6f4;
  }

  .haikawa-new-header .haikawa-mega-parent .trust-item:last-child {
    border-bottom: 0;
  }
}

.haikawa-new-header .haikawa-mega-menu .mega-panel {
  display: none;
}

.haikawa-new-header .haikawa-mega-menu .mega-panel.active {
  display: block;
}

.haikawa-new-header .haikawa-mega-menu .mega-category-list>li {
  position: relative;
  transition: all 0.25s ease;
}

.haikawa-new-header .haikawa-mega-menu .mega-category-list>li>a {
  display: flex;
  align-items: center;
}

.haikawa-mega-menu .mega-category-list>li .mega-arrow {
  margin-left: auto;
  opacity: 0;
  transition: all 0.25s ease;
}

.haikawa-new-header .haikawa-mega-menu .mega-category-list>li:hover .mega-arrow,
.haikawa-new-header .haikawa-mega-menu .mega-category-list>li.active .mega-arrow {
  opacity: 1;
  transform: translateX(3px);
}

.haikawa-new-header .mega-content-wrapper {
  min-height: 420px;
}

.haikawa-new-header .mega-panel {
  animation: megaFadeIn 0.25s ease;
}

@keyframes megaFadeIn {
  from {
    opacity: 0;
    transform: translateX(8px);
  }

  to {
    opacity: 1;
    transform: translateX(0);
  }
}

.haikawa-new-header .mega-panel-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 25px;
}

.haikawa-new-header .mega-panel-header h3 {
  margin: 0;
  font-size: 18px;
  font-weight: 600;
}

.haikawa-new-header .mega-panel-label {
  font-size: 12px;
  font-weight: 500;
  letter-spacing: 0.9px;
  opacity: 0.55;
}

.haikawa-new-header .mega-panel-header>a {
  font-size: 14px;
  font-weight: 600;
}

.haikawa-new-header .mega-subcategory {
  margin-bottom: 25px;
}

.haikawa-new-header .mega-subcategory-title {
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 14px;
  font-weight: 700;
  margin-bottom: 8px;
}

.haikawa-new-header .mega-subcategory-title i {
  font-size: 12px;
  opacity: 0;
  transition: all 0.2s ease;
}

.haikawa-new-header .mega-subcategory-title:hover i {
  opacity: 1;
  transform: translateX(3px);
}

.haikawa-new-header .mega-products {
  display: flex;
  flex-direction: column;
}

.haikawa-new-header .mega-product {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 7px 0;
  font-size: 12px;
  line-height: 1.4;
}

.haikawa-new-header .mega-product span {
  padding-right: 10px;
}

.haikawa-new-header .mega-product i {
  opacity: 0;
  transition: all 0.2s ease;
}

.haikawa-new-header .mega-product:hover i {
  opacity: 1;
  transform: translateX(3px);
}

.haikawa-new-header .mega-ac-image img {
  max-width: 100%;
  height: auto;
  display: block;
}

@media (max-width: 991px) {
  .haikawa-new-header .mega-content-wrapper {
    min-height: auto;
  }

  .haikawa-new-header .mega-promo-column {
    margin-top: 20px;
  }
}

@media (max-width: 767px) {
  .haikawa-new-header .haikawa-mega-menu {
    width: 100%;
  }

  .haikawa-new-header .mega-category {
    margin-bottom: 20px;
  }

  .haikawa-new-header .mega-category-list {
    max-height: 300px;
    overflow-y: auto;
  }

  .haikawa-new-header .mega-panel-header {
    display: block;
  }

  .haikawa-new-header .mega-panel-header>a {
    display: inline-block;
    margin-top: 10px;
  }
}

.hero-banner-section.heronewbanner {
  width: 100%;
  /* max-width: 1400px;
	 */
  margin: 40px auto;
  padding: 0 40px;
  position: relative;
}

.hero-banner-section.heronewbanner .hero-banner-wrapper {
  border-radius: 20px;
  overflow: hidden;
  box-shadow: 0 20px 60px rgba(0, 0, 0, 0.15);
  position: relative;
}

/* ===== SINGLE SLIDE ===== */
.hero-banner-section.heronewbanner .hero-slide {
  position: relative;
  min-height: 520px;
  display: flex !important;
  align-items: center;
  overflow: hidden;
  outline: none;
}

/* Background Image */
.hero-banner-section.heronewbanner .hero-slide__bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}

.hero-banner-section.heronewbanner .hero-slide__bg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center right;
}

/* Gradient Overlay — left dark-blue fading to transparent on the right */
.hero-banner-section.heronewbanner .hero-slide__overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
  background: linear-gradient(105deg,
      rgba(10, 25, 60, 0.97) 0%,
      rgba(12, 30, 72, 0.95) 25%,
      rgba(15, 38, 85, 0.88) 40%,
      rgba(18, 45, 95, 0.65) 55%,
      rgba(20, 50, 100, 0.25) 70%,
      transparent 85%);
}

/* Content Container */
.hero-banner-section.heronewbanner .hero-slide__content {
  position: relative;
  z-index: 3;
  width: 100%;
  padding: 60px 70px;
  max-width: 910px;
}

/* Tagline Pill */
.hero-banner-section.heronewbanner .hero-slide__tagline {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: rgba(255, 255, 255, 0.1);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  border: 1px solid rgba(255, 255, 255, 0.15);
  border-radius: 50px;
  padding: 8px 22px;
  margin-bottom: 22px;
  color: #62dafb;
  font-size: 13px;
  font-weight: 600;
  letter-spacing: 0.5px;
  opacity: 0;
  transform: translateY(20px);
  transition: all 0.6s cubic-bezier(0.16, 1, 0.3, 1);
}

.hero-banner-section.heronewbanner .hero-slide__tagline i {
  font-size: 10px;
}

/* Heading */
.hero-banner-section.heronewbanner .hero-slide__heading {
  font-size: 44px;
  font-weight: 700;
  line-height: 1.15;
  color: #ffffff;
  margin-bottom: 18px;
  opacity: 0;
  transform: translateY(30px);
  transition: all 0.7s cubic-bezier(0.16, 1, 0.3, 1) 0.1s;
}

.hero-banner-section.heronewbanner .hero-slide__heading .highlight {
  background: linear-gradient(135deg, #62dafb, #4ade80);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}

/* Description */
.hero-banner-section.heronewbanner .hero-slide__desc {
  font-size: 15px;
  line-height: 1.7;
  color: rgba(255, 255, 255, 0.7);
  margin-bottom: 32px;
  max-width: 440px;
  opacity: 0;
  transform: translateY(30px);
  transition: all 0.7s cubic-bezier(0.16, 1, 0.3, 1) 0.2s;
}

/* CTA Buttons */
.hero-banner-section.heronewbanner .hero-slide__cta {
  display: flex;
  align-items: center;
  gap: 20px;
  margin-bottom: 40px;
  opacity: 0;
  transform: translateY(30px);
  transition: all 0.7s cubic-bezier(0.16, 1, 0.3, 1) 0.3s;
}

.hero-banner-section.heronewbanner .btn-shop-now {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  background: linear-gradient(135deg, #f59e0b, #f97316);
  color: #fff;
  font-size: 15px;
  font-weight: 700;
  padding: 14px 32px;
  border-radius: 50px;
  text-decoration: none;
  border: none;
  cursor: pointer;
  transition: all 0.35s ease;
  box-shadow: 0 4px 20px rgba(245, 158, 11, 0.35);
}

.hero-banner-section.heronewbanner .btn-shop-now:hover,
.hero-banner-section.heronewbanner .btn-shop-now:focus {
  background: linear-gradient(135deg, #f97316, #f59e0b);
  transform: translateY(-2px);
  box-shadow: 0 8px 30px rgba(245, 158, 11, 0.45);
  color: #fff;
  text-decoration: none;
}

.hero-banner-section.heronewbanner .btn-shop-now i {
  font-size: 13px;
  transition: transform 0.3s ease;
}

.hero-banner-section.heronewbanner .btn-shop-now:hover i {
  transform: translateX(4px);
}

.hero-banner-section.heronewbanner .btn-watch-video {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  color: #fff;
  font-size: 14px;
  font-weight: 600;
  text-decoration: none;
  cursor: pointer;
  transition: all 0.3s ease;
  background: none;
  border: none;
  padding: 0;
}

.hero-banner-section.heronewbanner .btn-watch-video:hover,
.hero-banner-section.heronewbanner .btn-watch-video:focus {
  color: #62dafb;
  text-decoration: none;
}

.hero-banner-section.heronewbanner .btn-watch-video__icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 46px;
  height: 46px;
  border-radius: 50%;
  border: 2px solid rgba(255, 255, 255, 0.4);
  background: rgba(255, 255, 255, 0.08);
  transition: all 0.35s ease;
}

.hero-banner-section.heronewbanner .btn-watch-video:hover .btn-watch-video__icon {
  border-color: #62dafb;
  background: rgba(98, 218, 251, 0.15);
}

.hero-banner-section.heronewbanner .btn-watch-video__icon i {
  font-size: 14px;
  margin-left: 2px;
}

/* Feature Badges */
.hero-banner-section.heronewbanner .hero-slide__features {
  display: flex;
  gap: 14px;
  flex-wrap: wrap;
  opacity: 0;
  transform: translateY(30px);
  transition: all 0.7s cubic-bezier(0.16, 1, 0.3, 1) 0.4s;
}

.hero-banner-section.heronewbanner .feature-badge {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  background: rgba(255, 255, 255, 0.08);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 12px;
  padding: 10px 18px;
  transition: all 0.35s ease;
}

.hero-banner-section.heronewbanner .feature-badge:hover {
  background: rgba(255, 255, 255, 0.14);
  border-color: rgba(98, 218, 251, 0.3);
  transform: translateY(-2px);
}

.hero-banner-section.heronewbanner .feature-badge__icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  border-radius: 10px;
  background: linear-gradient(135deg,
      rgba(98, 218, 251, 0.2),
      rgba(74, 222, 128, 0.2));
  flex-shrink: 0;
}

.hero-banner-section.heronewbanner .feature-badge__icon i {
  font-size: 15px;
  color: #62dafb;
}

.hero-banner-section.heronewbanner .feature-badge__text {
  font-size: 12px;
  font-weight: 600;
  color: rgba(255, 255, 255, 0.9);
  line-height: 1.3;
}

/* ===== ACTIVE SLIDE ANIMATIONS ===== */
.hero-banner-section.heronewbanner .slick-current .hero-slide__tagline,
.hero-banner-section.heronewbanner .slick-current .hero-slide__heading,
.hero-banner-section.heronewbanner .slick-current .hero-slide__desc,
.hero-banner-section.heronewbanner .slick-current .hero-slide__cta,
.hero-banner-section.heronewbanner .slick-current .hero-slide__features {
  opacity: 1;
  transform: translateY(0);
}

/* ===== SLICK DOTS ===== */
.hero-banner-section.heronewbanner .hero-banner-wrapper .slick-dots {
  position: absolute;
  bottom: 25px;
  right: 70px;
  left: auto;
  width: auto;
  display: flex !important;
  gap: 8px;
  z-index: 10;
}

.hero-banner-section.heronewbanner .hero-banner-wrapper .slick-dots li {
  width: auto;
  height: auto;
  margin: 0;
}

.hero-banner-section.heronewbanner .hero-banner-wrapper .slick-dots li button {
  width: 10px;
  height: 10px;
  padding: 0;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.35);
  border: none;
  transition: all 0.35s ease;
}

.hero-banner-section.heronewbanner .hero-banner-wrapper .slick-dots li button::before {
  display: none;
}

.hero-banner-section.heronewbanner .hero-banner-wrapper .slick-dots li.slick-active button {
  width: 32px;
  border-radius: 10px;
  background: linear-gradient(135deg, #62dafb, #4ade80);
}

/* ===== SLICK ARROWS ===== */
.hero-banner-section.heronewbanner .hero-banner-wrapper .slick-prev,
.hero-banner-section.heronewbanner .hero-banner-wrapper .slick-next {
  z-index: 10;
  width: 46px;
  height: 46px;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.1);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  border: 1px solid rgba(255, 255, 255, 0.15);
  transition: all 0.35s ease;
}

.hero-banner-section.heronewbanner .hero-banner-wrapper .slick-prev:hover,
.hero-banner-section.heronewbanner .hero-banner-wrapper .slick-next:hover {
  background: rgba(255, 255, 255, 0.2);
  border-color: rgba(98, 218, 251, 0.4);
}

.hero-banner-section.heronewbanner .hero-banner-wrapper .slick-prev::before,
.hero-banner-section.heronewbanner .hero-banner-wrapper .slick-next::before {
  font-family: "Font Awesome 6 Free";
  font-weight: 700;
  font-size: 16px;
  color: #fff;
  opacity: 1;
}

.hero-banner-section.heronewbanner .hero-banner-wrapper .slick-prev {
  left: 20px;
}

.hero-banner-section.heronewbanner .hero-banner-wrapper .slick-prev::before {
  content: "\f053";
}

.hero-banner-section.heronewbanner .hero-banner-wrapper .slick-next {
  right: 20px;
}

.hero-banner-section.heronewbanner .hero-banner-wrapper .slick-next::before {
  content: "\f054";
}

/* ===== PROGRESS BAR (auto-play indicator) ===== */
.hero-banner-section.heronewbanner .slider-progress {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 3px;
  background: rgba(255, 255, 255, 0.1);
  z-index: 10;
  border-radius: 0 0 20px 20px;
  overflow: hidden;
}

.hero-banner-section.heronewbanner .slick-dotted.slick-slider {
  margin-bottom: 0;
}

.hero-banner-section.heronewbanner .slider-progress__bar {
  height: 100%;
  width: 0%;
  background: linear-gradient(90deg, #62dafb, #4ade80);
  border-radius: 0 0 20px 20px;
  transition: width 0.1s linear;
}

.hero-banner-section.heronewbanner .slider-progress__bar.animate {
  animation: progressFill 5s linear forwards;
}

@keyframes progressFill {
  from {
    width: 0%;
  }

  to {
    width: 100%;
  }
}

/* ===== RESPONSIVE ===== */
@media (max-width: 991px) {
  .hero-banner-section.heronewbanner .hero-slide {
    min-height: 450px;
  }

  .hero-banner-section.heronewbanner .hero-slide__content {
    padding: 40px 40px;
    max-width: 550px;
  }

  .hero-banner-section.heronewbanner .hero-slide__heading {
    font-size: 34px;
  }

  .hero-banner-section.heronewbanner .hero-slide__overlay {
    background: linear-gradient(105deg,
        rgba(10, 25, 60, 0.97) 0%,
        rgba(12, 30, 72, 0.95) 30%,
        rgba(15, 38, 85, 0.88) 50%,
        rgba(18, 45, 95, 0.7) 65%,
        rgba(20, 50, 100, 0.4) 80%,
        transparent 100%);
  }
}

@media (max-width: 767px) {
  .hero-banner-section.heronewbanner .hero-banner-section {
    margin: 10px auto;
    padding: 0 10px;
  }

  .hero-banner-section.heronewbanner .hero-banner-wrapper {
    border-radius: 14px;
  }

  .hero-banner-section.heronewbanner .hero-slide {
    min-height: 520px;
  }

  .hero-banner-section.heronewbanner .hero-slide__overlay {
    background: linear-gradient(180deg,
        rgba(10, 25, 60, 0.95) 0%,
        rgba(12, 30, 72, 0.92) 40%,
        rgba(15, 38, 85, 0.8) 60%,
        rgba(18, 45, 95, 0.5) 80%,
        transparent 100%);
  }

  .hero-banner-section.heronewbanner .hero-slide__content {
    padding: 30px 24px;
    max-width: 100%;
  }

  .hero-banner-section.heronewbanner .hero-slide__tagline {
    font-size: 11px;
    padding: 6px 16px;
    margin-bottom: 16px;
  }

  .hero-banner-section.heronewbanner .hero-slide__heading {
    font-size: 28px;
    margin-bottom: 14px;
  }

  .hero-banner-section.heronewbanner .hero-slide__desc {
    font-size: 13px;
    margin-bottom: 24px;
  }

  .hero-banner-section.heronewbanner .hero-slide__cta {
    gap: 14px;
    margin-bottom: 30px;
  }

  .hero-banner-section.heronewbanner .btn-shop-now {
    padding: 12px 24px;
    font-size: 13px;
  }

  .hero-banner-section.heronewbanner .btn-watch-video {
    font-size: 13px;
  }

  .hero-banner-section.heronewbanner .btn-watch-video__icon {
    width: 38px;
    height: 38px;
  }

  .hero-banner-section.heronewbanner .hero-slide__features {
    gap: 8px;
  }

  .hero-banner-section.heronewbanner .feature-badge {
    padding: 8px 12px;
    gap: 8px;
    border-radius: 10px;
  }

  .hero-banner-section.heronewbanner .feature-badge__icon {
    width: 30px;
    height: 30px;
    border-radius: 8px;
  }

  .hero-banner-section.heronewbanner .feature-badge__icon i {
    font-size: 13px;
  }

  .hero-banner-section.heronewbanner .feature-badge__text {
    font-size: 10px;
  }

  .hero-banner-section.heronewbanner .hero-banner-wrapper .slick-dots {
    right: auto;
    left: 50%;
    transform: translateX(-50%);
    bottom: 18px;
  }

  .hero-banner-section.heronewbanner .hero-banner-wrapper .slick-prev,
  .hero-banner-section.heronewbanner .hero-banner-wrapper .slick-next {
    display: none !important;
  }
}

@media (max-width: 480px) {
  .hero-banner-section.heronewbanner .hero-slide__heading {
    font-size: 24px;
  }

  .hero-banner-section.heronewbanner .hero-slide__features {
    gap: 6px;
  }

  .hero-banner-section.heronewbanner .feature-badge__text {
    font-size: 9px;
  }
}

.shop-by-category.new-categroy-section {
  width: 100%;
  margin: 50px auto 0;
  padding: 0 15px;
}

.shop-by-category.new-categroy-section .shop-by-category__header {
  text-align: center;
  margin-bottom: 36px;
}

.shop-by-category.new-categroy-section .shop-by-category__title {
  font-size: 26px;
  font-weight: 700;
  color: #0f1b3d;
  margin-bottom: 8px;
  letter-spacing: -0.5px;
}

.shop-by-category.new-categroy-section .shop-by-category__subtitle {
  font-size: 15px;
  color: #6b7280;
  font-weight: 400;
}

/* ============================== SLICK SLIDER ================================ */
.shop-by-category.new-categroy-section .shop-by-category__grid {
  width: 100%;
}

.shop-by-category.new-categroy-section .HeroCatCardArea {
  width: 100%;
  margin: 0 -10px;
}

.shop-by-category.new-categroy-section .slidecatcard {
  padding: 15px 10px;
}

/* ============================== CATEGORY CARD ================================ */
.shop-by-category.new-categroy-section .category-card {
  position: relative;
  width: 100%;
  box-sizing: border-box;
  background: rgba(223, 236, 254, 0.29);
  /* background: linear-gradient( 145deg, #e8f0fe, #dbeafe, #eff6ff );
	 */
  border-radius: 18px;
  padding: 18px 18px 16px;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-decoration: none;
  transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1);
  overflow: hidden;
  cursor: pointer;
  border: 1px solid rgba(59, 130, 246, 0.08);
}

.shop-by-category.new-categroy-section .category-card:hover {
  transform: translateY(-6px);
  box-shadow: 0 16px 40px rgba(59, 130, 246, 0.15);
  border-color: rgba(59, 130, 246, 0.15);
  text-decoration: none;
}

/* ============================== IMAGE ================================ */
.shop-by-category.new-categroy-section .category-card__image-wrapper {
  width: 100%;
  height: 330px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 14px;
  position: relative;
  /* background: linear-gradient(
    0deg,
    rgba(219, 234, 254, 1) 0%,
    rgba(248, 251, 255, 0.85) 50%,
    rgba(255, 255, 255, 1) 100%
  ); */
  background: #fff;
  border-radius: 10px;
  border: 1px solid rgba(64, 136, 255, 0.11);
}

.shop-by-category.new-categroy-section .category-card__image-wrapper img {
  max-width: 90%;
  max-height: 290px;
  width: auto;
  height: auto;
  object-fit: contain;
  transition: transform 0.5s cubic-bezier(0.16, 1, 0.3, 1);
  /* filter: drop-shadow(0 8px 16px rgba(0, 0, 0, 0.08)); */
}

.shop-by-category.new-categroy-section .category-card:hover .category-card__image-wrapper img {
  transform: scale(1.06);
}

/* ============================== FOOTER ================================ */
.shop-by-category.new-categroy-section .category-card__footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}

.shop-by-category.new-categroy-section .category-card__name {
  font-size: 14px;
  font-weight: 700;
  color: #0f1b3d;
  margin: 0;
  letter-spacing: 0;
  line-height: 1.5;
}

.shop-by-category.new-categroy-section .category-card__arrow {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 34px;
  height: 34px;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.85);
  border: 1px solid rgba(59, 130, 246, 0.12);
  color: #c9a76d;
  font-size: 13px;
  transition: all 0.35s ease;
  flex-shrink: 0;
}

.shop-by-category.new-categroy-section .category-card:hover .category-card__arrow {
  background: #c9a76d;
  color: #fff;
  border-color: #c9a76d;
  transform: translateX(3px);
}

/* ============================== TABLET ================================ */
@media (max-width: 991px) {
  .shop-by-category.new-categroy-section .shop-by-category__title {
    font-size: 26px;
  }

  .shop-by-category.new-categroy-section .category-card__image-wrapper {
    height: 145px;
  }

  .shop-by-category.new-categroy-section .category-card__image-wrapper img {
    max-height: 135px;
  }
}

/* ============================== MOBILE ================================ */
@media (max-width: 600px) {
  .shop-by-category.new-categroy-section {
    margin: 30px auto 0;
    padding: 0 10px;
  }

  .shop-by-category.new-categroy-section .shop-by-category__header {
    margin-bottom: 24px;
  }

  .shop-by-category.new-categroy-section .shop-by-category__title {
    font-size: 22px;
  }

  .shop-by-category.new-categroy-section .shop-by-category__subtitle {
    font-size: 13px;
  }

  .shop-by-category.new-categroy-section .HeroCatCardArea {
    margin: 0 -6px;
  }

  .shop-by-category.new-categroy-section .slidecatcard {
    padding: 15px;
  }

  .shop-by-category.new-categroy-section .category-card {
    padding: 14px 12px 12px;
    border-radius: 14px;
  }

  .shop-by-category.new-categroy-section .category-card__image-wrapper {
    height: 120px;
    margin-bottom: 10px;
  }

  .shop-by-category.new-categroy-section .category-card__image-wrapper img {
    max-height: 110px;
  }

  .shop-by-category.new-categroy-section .category-card__name {
    font-size: 12px;
  }

  .shop-by-category.new-categroy-section .category-card__arrow {
    width: 30px;
    height: 30px;
    font-size: 11px;
  }
}

.features-banner.new-area-feature-section {
  padding: 30px 0 0;
}

.features-banner.new-area-feature-section .area {
  width: 100%;
  /* margin: 50px auto 60px;
	 */
  padding: 30px 50px;
  background: #ebf3fe;
  border-radius: 20px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.features-banner.new-area-feature-section .feature-item {
  display: flex;
  align-items: center;
  gap: 16px;
}

.features-banner.new-area-feature-section .feature-item__icon {
  width: 64px;
  height: 64px;
  border-radius: 50%;
  background: #ebf3fe;
  display: flex;
  align-items: center;
  justify-content: center;
  /* Soft neumorphic shadow */
  box-shadow:
    -4px -4px 10px rgba(255, 255, 255, 0.9),
    4px 4px 10px rgba(180, 205, 240, 0.7);
  color: #12306d;
  font-size: 26px;
}

.features-banner.new-area-feature-section .feature-item__content {
  display: flex;
  flex-direction: column;
}

.features-banner.new-area-feature-section .feature-item__title {
  font-size: 16px;
  font-weight: 700;
  color: #0f1b3d;
  margin: 0 0 6px;
  letter-spacing: -0.2px;
}

.features-banner.new-area-feature-section .feature-item__subtitle {
  font-size: 13px;
  font-weight: 500;
  color: #6b7280;
  margin: 0;
}

@media (max-width: 1199px) {
  .features-banner.new-area-feature-section {
    padding: 30px;
  }

  .features-banner.new-area-feature-section .feature-item__title {
    font-size: 15px;
  }

  .features-banner.new-area-feature-section .feature-item__subtitle {
    font-size: 12px;
  }
}

@media (max-width: 991px) {
  .features-banner.new-area-feature-section .area {
    flex-wrap: wrap;
    gap: 20px;
    padding: 24px 20px;
  }

  .features-banner.new-area-feature-section .area .feature-item {
    width: calc(50% - 10px);
  }
}

@media (max-width: 575px) {
  .features-banner.new-area-feature-section .area {
    padding: 20px 16px;
    gap: 16px;
  }

  .features-banner.new-area-feature-section .area .feature-item {
    width: 100%;
  }

  .features-banner.new-area-feature-section .feature-item__icon {
    width: 50px;
    height: 50px;
    font-size: 20px;
    flex-shrink: 0;
  }
}

/* nextgenwash section */
.next-gen-feature {
  /* max-width: 1400px;
	 */
  position: relative;
  padding: 60px 0 0;
}

.next-gen-card-area {
  width: 100%;
}

.next-gen-card {
  background-color: #0b1528;
  border-radius: 16px;
  display: flex;
  align-items: stretch;
  position: relative;
  overflow: hidden;
  min-height: 500px;
  box-shadow: 0 20px 40px rgba(11, 21, 40, 0.2);
}

.next-gen-card__bg {
  position: absolute;
  top: 0;
  right: 0;
  width: 60%;
  height: 100%;
}

.next-gen-card__bg::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 40%;
  height: 100%;
  background: linear-gradient(to right, #0b1528, transparent);
  z-index: 1;
}

.next-gen-card__bg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}

.next-gen-card__content {
  position: relative;
  z-index: 2;
  padding: 70px 40px 70px 70px;
  width: 65%;
  color: #fff;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.next-gen-card__subtitle {
  color: #CBA46A;
  font-size: 14px;
  font-weight: 600;
  margin-bottom: 18px;
  display: inline-flex;
  align-items: center;
  gap: 8px;
}

.next-gen-card__title {
  font-size: 46px;
  font-weight: 700;
  color: #ffffff;
  line-height: 1.18;
  margin-bottom: 20px;
  margin-top: 0;
}

.next-gen-card__title .highlight {
  background: linear-gradient(135deg, #CBA46A 0%, #F5E8C7 50%, #A9854F 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  display: inline-block;
}

.next-gen-card__title.gold-gradient {
  background: linear-gradient(135deg, #CBA46A 0%, #F5E8C7 50%, #A9854F 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}

.next-gen-card__desc {
  font-size: 16px;
  color: #d1d5db;
  line-height: 1.6;
  margin-bottom: 40px;
  max-width: 80%;
}

.next-gen-card__features {
  display: flex;
  gap: 40px;
  margin-bottom: 40px;
}

.next-gen-card__feature {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 12px;
}

.next-gen-card__icon {
  font-size: 20px;
  color: #fff;
}

.next-gen-card__icon i {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 44px;
  height: 44px;
  border-radius: 12px;
  border: 2px solid rgba(255, 255, 255, 0.8);
}

.next-gen-card__feature span {
  font-size: 14px;
  font-weight: 500;
  color: #fff;
  line-height: 1.4;
}

.next-gen-card__btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: #ffffff;
  color: #0b1528;
  font-size: 15px;
  font-weight: 700;
  padding: 14px 32px;
  border-radius: 30px;
  text-decoration: none;
  transition: all 0.3s ease;
  gap: 10px;
  align-self: flex-start;
}

.next-gen-card__btn:hover {
  background: #f3f4f6;
  color: #0b1528;
  transform: translateY(-2px);
  text-decoration: none;
}

@media (max-width: 1199px) {
  .next-gen-card__content {
    padding: 50px 40px;
    width: 70%;
  }

  .next-gen-card__title {
    font-size: 38px;
  }
}

@media (max-width: 991px) {
  .next-gen-card {
    flex-direction: column;
    align-items: stretch;
  }

  .next-gen-card__bg {
    position: relative;
    width: 100%;
    height: 350px;
    order: 2;
  }

  .next-gen-card__bg::before {
    width: 100%;
    height: 40%;
    background: linear-gradient(to bottom, #0b1528, transparent);
  }

  .next-gen-card__content {
    width: 100%;
    padding: 50px 40px;
    order: 1;
  }

  .next-gen-card__desc {
    max-width: 100%;
  }
}

@media (max-width: 767px) {
  .next-gen-card__features {
    flex-direction: column;
    gap: 20px;
  }

  .next-gen-card__feature {
    flex-direction: row;
    align-items: center;
  }

  .next-gen-card__feature span {
    font-size: 15px;
  }
}

@media (max-width: 575px) {
  .next-gen-feature {
    margin: 40px auto;
  }

  .next-gen-card__content {
    padding: 40px 20px;
  }

  .next-gen-card__title {
    font-size: 32px;
  }

  .next-gen-card__bg {
    height: 280px;
  }
}

/* samrt appliances section */
.smart-appliances {
  width: 100%;
  /* max-width: 1400px;
	 */
  margin: 0 auto 60px;
  padding: 0 15px;
}

.smart-card {
  background-color: #101f3e;
  border-radius: 16px;
  display: flex;
  align-items: stretch;
  position: relative;
  overflow: hidden;
  min-height: 480px;
  box-shadow: 0 20px 40px rgba(16, 31, 62, 0.2);
}

.smart-card__image-container {
  position: relative;
  width: 58%;
  height: 490px;
}

.smart-card__image-container img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}

.smart-card__image-container::after {
  content: "";
  position: absolute;
  top: 0;
  right: -2px;
  width: 40%;
  height: 100%;
  background: linear-gradient(to left, #101f3e, transparent);
  z-index: 1;
}

.smart-card__content {
  position: relative;
  z-index: 2;
  padding: 70px 60px 70px 0;
  width: 52%;
  color: #fff;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.smart-card__subtitle {
  color: #CBA46A;
  font-size: 14px;
  font-weight: 600;
  margin-bottom: 18px;
  display: inline-flex;
  align-items: center;
  gap: 8px;
}

.smart-card__title {
  font-size: 42px;
  font-weight: 700;
  color: #ffffff;
  line-height: 1.18;
  margin-bottom: 20px;
  margin-top: 0;
}

.smart-card__title .highlight,
.smart-card__title span {
  background: linear-gradient(135deg, #CBA46A 0%, #F5E8C7 50%, #A9854F 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  display: inline-block;
}

.smart-card__title.gold-gradient {
  background: linear-gradient(135deg, #CBA46A 0%, #F5E8C7 50%, #A9854F 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}

.smart-card__desc {
  font-size: 16px;
  color: #d1d5db;
  line-height: 1.6;
  margin-bottom: 40px;
  font-weight: 400;
}

.smart-card__features {
  display: flex;
  gap: 20px;
  margin-bottom: 40px;
  flex-wrap: wrap;
}

.smart-card__feature {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 12px;
  background: rgba(255, 255, 255, 0.05);
  border: 1px solid rgba(255, 255, 255, 0.1);
  padding: 12px 18px;
  border-radius: 12px;
  flex: 1;
  min-width: 140px;
  transition: all 0.3s ease;
}

.smart-card__feature.active {
  background: rgba(77, 240, 255, 0.08);
  border: 1px solid rgba(77, 240, 255, 0.4);
  box-shadow: 0 4px 15px rgba(77, 240, 255, 0.1);
}

.smart-card__icon {
  font-size: 22px;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.3s ease;
}

.smart-card__feature.active .smart-card__icon {
  color: #4df0ff;
}

.smart-card__feature span {
  font-size: 13px;
  font-weight: 500;
  color: #fff;
  line-height: 1.3;
}

.smart-card__btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: #fcd34d;
  color: #111827;
  font-size: 16px;
  font-weight: 700;
  padding: 16px 36px;
  border-radius: 30px;
  text-decoration: none;
  transition: all 0.3s ease;
  gap: 10px;
  align-self: flex-start;
}

.smart-card__btn:hover {
  background: #fbbf24;
  color: #111827;
  transform: translateY(-2px);
  text-decoration: none;
}

@media (max-width: 1199px) {
  .smart-card__content {
    padding: 50px 40px 50px 20px;
    width: 50%;
  }

  .smart-card__image-container {
    width: 50%;
  }

  .smart-card__title {
    font-size: 34px;
  }

  .smart-card__subtitle {
    font-size: 20px;
  }
}

@media (max-width: 991px) {
  .smart-card {
    flex-direction: column;
    align-items: stretch;
  }

  .smart-card__image-container {
    width: 100%;
    height: 350px;
  }

  .smart-card__image-container::after {
    width: 100%;
    height: 30%;
    top: auto;
    bottom: 0;
    background: linear-gradient(to top, #101f3e, transparent);
  }

  .smart-card__content {
    width: 100%;
    padding: 40px;
  }
}

@media (max-width: 575px) {
  .smart-appliances {
    margin: 40px auto;
  }

  .smart-card__content {
    padding: 30px 20px;
  }

  .smart-card__title {
    font-size: 28px;
  }

  .smart-card__subtitle {
    font-size: 18px;
  }

  .smart-card__image-container {
    height: 280px;
  }
}

.haikawa-product-showcase.new-product-list-area-section {
  padding: 25px 0;
  background: #ffffff;
}

.haikawa-product-showcase.new-product-list-area-section .haikawa-showcase {
  position: relative;
  overflow: hidden;
  padding: 15px 18px 18px;
  background: linear-gradient(120deg, #f5f9ff 0%, #edf5ff 45%, #f6faff 100%);
  border: 1px solid #edf2f8;
  border-radius: 9px;
  box-shadow: 0 3px 15px rgba(30, 70, 120, 0.04);
}

.haikawa-product-showcase.new-product-list-area-section .haikawa-showcase:after {
  content: "";
  position: absolute;
  left: 90px;
  bottom: -80px;
  width: 350px;
  height: 160px;
  background: rgba(255, 255, 255, 0.55);
  border-radius: 50%;
  transform: rotate(-8deg);
  pointer-events: none;
}

.haikawa-product-showcase.new-product-list-area-section .variation-label {
  position: absolute;
  top: 0;
  left: 0;
  padding: 4px 12px;
  color: #ffffff;
  background: #075fe0;
  border-radius: 0 0 12px 0;
  font-size: 9px;
  font-weight: 700;
  letter-spacing: 0.3px;
  z-index: 10;
}

.haikawa-product-showcase.new-product-list-area-section .showcase-main-row {
  position: relative;
  z-index: 2;
}

.haikawa-product-showcase.new-product-list-area-section .showcase-intro {
  position: relative;
  min-height: 205px;
  padding: 24px 15px 15px 30px;
}

.haikawa-product-showcase.new-product-list-area-section .intro-small-title {
  margin-bottom: 5px;
  color: #075fe0;
  font-family: Georgia, serif;
  font-size: 13px;
}

.haikawa-product-showcase.new-product-list-area-section .showcase-intro h2 {
  margin: 0 0 10px;
  color: #10244a;
  font-size: 21px;
  font-weight: 700;
  line-height: 1.15;
}

.haikawa-product-showcase.new-product-list-area-section .showcase-intro p {
  margin: 0 0 13px;
  color: #64728a;
  font-size: 10px;
  line-height: 16px;
}

.haikawa-product-showcase.new-product-list-area-section .intro-button {
  display: inline-flex;
  align-items: center;
  padding: 8px 12px;
  color: #ffffff !important;
  background: #0864df;
  border-radius: 4px;
  font-size: 10px;
  font-weight: 600;
  box-shadow: 0 5px 12px rgba(8, 100, 223, 0.18);
  transition: all 0.2s ease;
}

.haikawa-product-showcase.new-product-list-area-section .intro-button i {
  margin-left: 8px;
  font-size: 10px;
}

.haikawa-product-showcase.new-product-list-area-section .intro-button:hover {
  background: #0753bd;
  transform: translateY(-1px);
}

.haikawa-product-showcase.new-product-list-area-section .showcase-products-wrapper {
  position: relative;
  padding-left: 5px;
}

.haikawa-product-showcase.new-product-list-area-section .showcase-category-nav {
  position: relative;
  height: 43px;
  display: flex;
  align-items: center;
  padding-right: 65px;
}

.haikawa-product-showcase.new-product-list-area-section .showcase-category {
  position: relative;
  height: 40px;
  min-width: 125px;
  margin-right: 10px;
  padding: 0 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 0;
  outline: 0;
  background: transparent;
  color: #59677f;
  font-size: 9px;
  font-weight: 600;
  cursor: pointer;
  white-space: nowrap;
}

.haikawa-product-showcase.new-product-list-area-section .category-icon {
  width: 29px;
  height: 29px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 6px;
  color: #69768b;
  background: #ffffff;
  border: 1px solid #dce4ef;
  border-radius: 50%;
  box-shadow: 0 2px 6px rgba(30, 50, 80, 0.05);
  font-size: 12px;
  transition: all 0.2s ease;
}

.haikawa-product-showcase.new-product-list-area-section .showcase-category.active {
  color: #172b4d;
}

.haikawa-product-showcase.new-product-list-area-section .showcase-category.active .category-icon {
  color: #ffffff;
  background: #075fe0;
  border-color: #075fe0;
  box-shadow: 0 4px 10px rgba(7, 95, 224, 0.2);
}

.haikawa-product-showcase.new-product-list-area-section .showcase-category.active:after {
  content: "";
  position: absolute;
  left: 20px;
  right: 20px;
  bottom: 0;
  height: 2px;
  background: #dfe8f5;
  border-radius: 5px;
}

.haikawa-product-showcase.new-product-list-area-section .showcase-category:hover {
  color: #075fe0;
}

.haikawa-product-showcase.new-product-list-area-section .showcase-category:hover .category-icon {
  border-color: #b9d2f5;
  color: #075fe0;
}

.haikawa-product-showcase.new-product-list-area-section .showcase-arrows {
  position: absolute;
  top: 3px;
  right: 0;
  display: flex;
  gap: 8px;
  z-index: 10;
}

.haikawa-product-showcase.new-product-list-area-section .showcase-arrows button {
  width: 28px;
  height: 28px;
  padding: 0;
  border: 1px solid #dce6f4;
  outline: 0;
  color: #1260d8;
  background: #ffffff;
  border-radius: 50%;
  font-size: 13px;
  cursor: pointer;
  transition: all 0.2s ease;
}

.haikawa-product-showcase.new-product-list-area-section .showcase-arrows button:hover {
  color: #ffffff;
  background: #075fe0;
  border-color: #075fe0;
}

.haikawa-product-showcase.new-product-list-area-section .haikawa-product-slider {
  margin: 2px -5px 0;
}

.haikawa-product-showcase.new-product-list-area-section .haikawa-product-slider .slick-slide {
  padding: 0 5px;
}

.haikawa-product-showcase.new-product-list-area-section .haikawa-product-slider .slick-slide:focus {
  outline: none;
}

.haikawa-product-showcase.new-product-list-area-section .haikawa-product-card {
  position: relative;
  height: 160px;
  overflow: hidden;
  padding: 11px 12px;
  background: #ffffff;
  border: 1px solid #e4ebf4;
  border-radius: 8px;
  box-shadow: 0 3px 10px rgba(30, 60, 100, 0.04);
  transition: all 0.25s ease;
}

.haikawa-product-showcase.new-product-list-area-section .haikawa-product-card:hover {
  transform: translateY(-2px);
  box-shadow: 0 8px 20px rgba(30, 60, 100, 0.09);
}

.haikawa-product-showcase.new-product-list-area-section .product-title {
  min-height: 28px;
  padding-right: 3px;
  color: #182a49;
  font-size: 9.5px;
  font-weight: 700;
  line-height: 13px;
}

.haikawa-product-showcase.new-product-list-area-section .product-model {
  margin-top: 3px;
  color: #63718a;
  font-size: 8.5px;
  line-height: 12px;
}

.haikawa-product-showcase.new-product-list-area-section .product-image {
  height: 49px;
  margin-top: 4px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.haikawa-product-showcase.new-product-list-area-section .product-image img {
  max-width: 100%;
  max-height: 48px;
  display: block;
  object-fit: contain;
}

.haikawa-product-showcase.new-product-list-area-section .product-pricing {
  position: absolute;
  left: 12px;
  bottom: 8px;
}

.haikawa-product-showcase.new-product-list-area-section .price-info {
  display: flex;
  align-items: center;
  margin-bottom: 1px;
}

.haikawa-product-showcase.new-product-list-area-section .mrp {
  margin-right: 9px;
  color: #8b96a7;
  font-size: 7.5px;
  text-decoration: line-through;
}

.haikawa-product-showcase.new-product-list-area-section .discount {
  color: #0965df;
  font-size: 7.5px;
  font-weight: 600;
}

.haikawa-product-showcase.new-product-list-area-section .sale-price {
  color: #172b4d;
  font-size: 12px;
  font-weight: 700;
}

.haikawa-product-showcase.new-product-list-area-section .add-cart-btn {
  position: absolute;
  right: 9px;
  bottom: 9px;
  height: 24px;
  padding: 0 9px;
  border: 0;
  outline: 0;
  color: #ffffff;
  background: #0864df;
  border-radius: 5px;
  font-size: 8px;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.2s ease;
}

.haikawa-product-showcase.new-product-list-area-section .add-cart-btn i {
  margin-right: 4px;
  font-size: 8px;
}

.haikawa-product-showcase.new-product-list-area-section .add-cart-btn:hover {
  background: #0753bd;
  box-shadow: 0 4px 9px rgba(8, 100, 223, 0.2);
}

.haikawa-product-showcase.new-product-list-area-section .haikawa-product-slider .slick-dots {
  position: relative;
  bottom: auto;
  margin: 5px 0 0;
  padding: 0;
  text-align: center;
}

/* ===== GAMING SLIDER SECTION ===== */
.gaming-slider-section {
  width: 100%;
  max-width: 1400px;
  margin: 60px auto;
  padding: 0 15px;
}

.gaming-slider-section .gaming-slider-container {
  border-radius: 16px;
  overflow: hidden;
  /* box-shadow: 0 20px 50px rgba(0, 0, 0, 0.4);
	 */
  position: relative;
}

.gaming-slider-section .gaming-slider .slick-list {
  border-radius: 16px;
}

.gaming-slider-section .gaming-slide {
  position: relative;
  min-height: 500px;
  display: flex !important;
  align-items: center;
  overflow: hidden;
  background-color: #0b101e;
}

.gaming-slider-section .gaming-slide__bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}

.gaming-slider-section .gaming-slide__bg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}

.gaming-slider-section .gaming-slide__content {
  position: relative;
  z-index: 5;
  width: 100%;
  padding: 50px 60px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.gaming-slider-section .gaming-slide__left {
  width: 35%;
  padding-right: 20px;
}

.gaming-slider-section .gaming-slide__center {
  width: 45%;
  position: relative;
  height: 400px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.gaming-slider-section .gaming-slide__right {
  width: 20%;
  display: flex;
  flex-direction: column;
  gap: 15px;
  padding-left: 20px;
}

.gaming-slider-section .gaming-slide__bottom {
  position: absolute;
  bottom: 30px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 5;
  display: flex;
  gap: 20px;
  background: rgba(0, 0, 0, 0.5);
  backdrop-filter: blur(10px);
  padding: 15px 30px;
  border-radius: 12px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  width: max-content;
}

/* Mix-blend-mode magic for separated assets on pure black */
.gaming-slider-section .tv-component,
.console-component {
  position: absolute;
  /* mix-blend-mode: screen;
	 */
  /* Use a radial mask to softly fade the edges, hiding any image compression artifacts */
  -webkit-mask-image: radial-gradient(circle,
      rgba(0, 0, 0, 1) 60%,
      rgba(0, 0, 0, 0) 95%);
  mask-image: radial-gradient(circle,
      rgba(0, 0, 0, 1) 60%,
      rgba(0, 0, 0, 0) 95%);
}

.gaming-slider-section .tv-component {
  width: 120%;
  height: 120%;
  top: -10%;
  left: -10%;
  object-fit: contain;
  filter: contrast(1.1);
  -webkit-mask-image: radial-gradient(ellipse at center,
      rgba(0, 0, 0, 1) 70%,
      rgba(0, 0, 0, 0) 98%);
  mask-image: radial-gradient(ellipse at center,
      rgba(0, 0, 0, 1) 70%,
      rgba(0, 0, 0, 0) 98%);
}

.gaming-slider-section .console-component {
  width: 30%;
  height: auto;
  bottom: -5px;
  left: -15%;
  object-fit: contain;
  z-index: 2;
  filter: contrast(1.2);
  -webkit-mask-image: radial-gradient(ellipse at bottom,
      rgba(0, 0, 0, 1) 50%,
      rgba(0, 0, 0, 0) 90%);
  mask-image: radial-gradient(ellipse at bottom,
      rgba(0, 0, 0, 1) 50%,
      rgba(0, 0, 0, 0) 90%);
}

/* Typography & Left Content */
.gaming-slider-section .gaming-slide__tag {
  font-size: 14px;
  font-weight: 700;
  letter-spacing: 1.5px;
  text-transform: uppercase;
  margin-bottom: 15px;
}

.gaming-slider-section .theme-purple .gaming-slide__tag {
  color: #a855f7;
}

.gaming-slider-section .gaming-slide__title {
  font-size: 42px;
  font-weight: 700;
  color: #fff;
  line-height: 1.2;
  margin-bottom: 20px;
  margin-top: 0;
}

.gaming-slider-section .theme-purple .gaming-slide__title span {
  color: #a855f7;
}

.gaming-slider-section .gaming-slide__desc {
  font-size: 16px;
  color: #d1d5db;
  line-height: 1.6;
  margin-bottom: 35px;
}

.gaming-slider-section .gaming-slide__btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 16px;
  font-weight: 600;
  padding: 14px 32px;
  border-radius: 30px;
  text-decoration: none;
  transition: all 0.3s ease;
  gap: 10px;
  color: #fff;
}

.gaming-slider-section .theme-purple .gaming-slide__btn {
  background: #9333ea;
}

.gaming-slider-section .theme-purple .gaming-slide__btn:hover {
  background: #7e22ce;
  color: #fff;
  transform: translateY(-2px);
}

/* Right USPs */
.gaming-slider-section .gaming-right-usp {
  display: flex;
  align-items: center;
  gap: 15px;
}

.gaming-slider-section .gaming-right-usp__icon {
  width: 48px;
  height: 48px;
  border-radius: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 20px;
  background: rgba(255, 255, 255, 0.05);
  border: 1px solid rgba(255, 255, 255, 0.1);
  color: #fff;
}

.gaming-slider-section .gaming-right-usp__text {
  color: #fff;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.3;
}

.gaming-slider-section .gaming-right-usp__text span {
  display: block;
  font-size: 12px;
  font-weight: 400;
  color: #9ca3af;
}

/* Bottom USPs */
.gaming-slider-section .gaming-bottom-usp {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 0 15px;
  border-right: 1px solid rgba(255, 255, 255, 0.1);
}

.gaming-slider-section .gaming-bottom-usp:last-child {
  border-right: none;
}

.gaming-slider-section .gaming-bottom-usp__icon {
  font-size: 20px;
}

.gaming-slider-section .theme-purple .gaming-bottom-usp__icon {
  color: #a855f7;
}

.gaming-slider-section .gaming-bottom-usp__text {
  color: #fff;
  font-size: 13px;
  font-weight: 600;
  line-height: 1.2;
}

.gaming-slider-section .gaming-bottom-usp__text span {
  display: block;
  font-size: 11px;
  font-weight: 400;
  color: #9ca3af;
}

/* Slider Arrows (Custom positioning) */
.gaming-slider-section .gaming-slider .slick-arrow {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 10;
  background: rgba(255, 255, 255, 0.1);
  border: 1px solid rgba(255, 255, 255, 0.2);
  backdrop-filter: blur(5px);
  width: 40px;
  height: 40px;
  border-radius: 50%;
  color: #fff;
  cursor: pointer;
  transition: all 0.3s;
}

.gaming-slider-section .gaming-slider .slick-arrow:hover {
  background: rgba(255, 255, 255, 0.3);
}

.gaming-slider-section .gaming-slider .slick-prev {
  left: 20px;
}

.gaming-slider-section .gaming-slider .slick-next {
  right: 20px;
}

@media (max-width: 991px) {
  .gaming-slider-section .gaming-slide__content {
    flex-direction: column;
    padding: 40px 20px;
  }

  .gaming-slider-section .gaming-slide__left,
  .gaming-slide__center,
  .gaming-slide__right {
    width: 100%;
    padding: 0;
  }

  .gaming-slider-section .gaming-slide__center {
    height: 300px;
    margin: 30px 0;
  }

  .gaming-slider-section .gaming-slide__bottom {
    position: relative;
    bottom: auto;
    left: auto;
    transform: none;
    flex-wrap: wrap;
    width: 100%;
    justify-content: center;
    margin-top: 30px;
  }

  .gaming-slider-section .gaming-bottom-usp {
    border-right: none;
  }
}

/* ===== THEMES ===== */
/* Cyan Theme */
.gaming-slider-section .theme-cyan .gaming-slide__tag {
  color: #06b6d4;
}

.gaming-slider-section .theme-cyan .gaming-slide__title span {
  color: #06b6d4;
}

.gaming-slider-section .theme-cyan .gaming-slide__btn {
  background: #0891b2;
}

.gaming-slider-section .theme-cyan .gaming-slide__btn:hover {
  background: #0e7490;
  color: #fff;
  transform: translateY(-2px);
}

.gaming-slider-section .theme-cyan .gaming-bottom-usp__icon {
  color: #06b6d4;
}

/* Blue Theme */
.gaming-slider-section .theme-blue .gaming-slide__tag {
  color: #c9a76d;
}

.gaming-slider-section .theme-blue .gaming-slide__title span {
  color: #c9a76d;
}

.gaming-slider-section .theme-blue .gaming-slide__btn {
  background: #2563eb;
}

.gaming-slider-section .theme-blue .gaming-slide__btn:hover {
  background: #1d4ed8;
  color: #fff;
  transform: translateY(-2px);
}

.gaming-slider-section .theme-blue .gaming-bottom-usp__icon {
  color: #c9a76d;
}

/* Red Theme */
.gaming-slider-section .theme-red .gaming-slide__tag {
  color: #ef4444;
}

.gaming-slider-section .theme-red .gaming-slide__title span {
  color: #ef4444;
}

.gaming-slider-section .theme-red .gaming-slide__btn {
  background: #dc2626;
}

.gaming-slider-section .theme-red .gaming-slide__btn:hover {
  background: #b91c1c;
  color: #fff;
  transform: translateY(-2px);
}

.gaming-slider-section .theme-red .gaming-bottom-usp__icon {
  color: #ef4444;
}

/* ===== WHY CHOOSE HAIKAWA SLIDER ===== */
.why-choose-section.new-why-choose {
  width: 100%;
  max-width: 1400px;
  margin: 60px auto;
  padding: 0 15px;
}

.why-choose-section.new-why-choose .why-choose-container {
  border-radius: 20px;
  overflow: hidden;
  background: linear-gradient(135deg, #e3f2fd 0%, #dbeafe 50%, #bfdbfe 100%);
  position: relative;
}

.why-choose-section.new-why-choose .why-choose-slider .slick-list {
  border-radius: 20px;
}

.why-choose-section.new-why-choose .why-choose-slide {
  position: relative;
  min-height: 450px;
  display: flex !important;
  align-items: center;
  overflow: hidden;
}

.why-choose-section.new-why-choose .why-choose-slide__content {
  position: relative;
  z-index: 5;
  width: 100%;
  padding: 60px 80px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.why-choose-section.new-why-choose .why-choose-slide__left {
  width: 55%;
  padding-right: 40px;
}

.why-choose-section.new-why-choose .why-choose-slide__right {
  width: 45%;
  position: relative;
  height: 350px;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* Mix-blend-mode magic for solid white backgrounds */
.why-choose-section.new-why-choose .why-choose-component {
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
  mix-blend-mode: multiply;
  filter: contrast(1.1) drop-shadow(0 20px 30px rgba(0, 0, 0, 0.1));
  animation: float 6s ease-in-out infinite;
}

@keyframes float {
  0% {
    transform: translateY(0px);
  }

  50% {
    transform: translateY(-15px);
  }

  100% {
    transform: translateY(0px);
  }
}

/* Typography & Left Content */
.why-choose-section.new-why-choose .why-choose-slide__title {
  font-size: 46px;
  font-weight: 700;
  color: #0f172a;
  line-height: 1.2;
  margin-bottom: 10px;
  margin-top: 0;
}

.why-choose-section.new-why-choose .why-choose-slide__subtitle {
  font-size: 22px;
  font-weight: 700;
  color: #1e3a8a;
  margin-bottom: 40px;
  display: block;
}

/* Features / Icons */
.why-choose-section.new-why-choose .why-choose-features {
  display: flex;
  gap: 30px;
  flex-wrap: wrap;
}

.why-choose-section.new-why-choose .why-choose-feature {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  gap: 12px;
  width: 120px;
}

.why-choose-section.new-why-choose .why-choose-feature__icon {
  width: 64px;
  height: 64px;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.5);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 26px;
  color: #1e3a8a;
  box-shadow: 0 10px 20px rgba(30, 58, 138, 0.05);
  position: relative;
  border: 2px solid rgba(255, 255, 255, 0.8);
  transition: all 0.3s;
}

.why-choose-section.new-why-choose .why-choose-feature__icon-small {
  position: absolute;
  bottom: -5px;
  right: -5px;
  width: 24px;
  height: 24px;
  background: #1e3a8a;
  border-radius: 50%;
  border: 2px solid #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 10px;
  color: #fff;
}

.why-choose-section.new-why-choose .why-choose-feature:hover .why-choose-feature__icon {
  transform: translateY(-5px);
  box-shadow: 0 15px 25px rgba(30, 58, 138, 0.1);
  background: rgba(255, 255, 255, 0.9);
}

.why-choose-section.new-why-choose .why-choose-feature__text {
  color: #0f172a;
  font-size: 15px;
  font-weight: 700;
  line-height: 1.3;
}

/* Slider Arrows (Custom positioning) */
.why-choose-section.new-why-choose .why-choose-slider .slick-arrow {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 10;
  background: rgba(255, 255, 255, 0.7);
  border: 1px solid rgba(255, 255, 255, 1);
  backdrop-filter: blur(5px);
  width: 40px;
  height: 40px;
  border-radius: 50%;
  color: #1e3a8a;
  cursor: pointer;
  transition: all 0.3s;
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
}

.why-choose-section.new-why-choose .why-choose-slider .slick-arrow:hover {
  background: #fff;
  color: #0f172a;
}

.why-choose-section.new-why-choose .why-choose-slider .slick-prev {
  left: 20px;
}

.why-choose-section.new-why-choose .why-choose-slider .slick-next {
  right: 20px;
}

@media (max-width: 991px) {
  .why-choose-section.new-why-choose .why-choose-slide__content {
    flex-direction: column-reverse;
    padding: 40px 20px;
    text-align: center;
  }

  .why-choose-section.new-why-choose .why-choose-slide__left,
  .why-choose-slide__right {
    width: 100%;
    padding: 0;
  }

  .why-choose-section.new-why-choose .why-choose-features {
    justify-content: center;
  }

  .why-choose-section.new-why-choose .why-choose-slide__right {
    height: 250px;
    margin-bottom: 30px;
  }
}

.modern-footer.new-footer-area {
  background-color: #0b1120;
  color: #94a3b8;
  position: relative;
  margin-top: 100px;
}

.modern-footer.new-footer-area .footer-cta-wrapper {
  position: absolute;
  top: -50px;
  left: 0;
  right: 0;
  z-index: 10;
  padding: 0 15px;
}

.modern-footer.new-footer-area .footer-cta {
  background: linear-gradient(135deg, #ed2f59 0%, #b91237 100%);
  border-radius: 16px;
  padding: 30px 40px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  box-shadow: 0 20px 40px rgba(30, 58, 138, 0.2);
  max-width: 1400px;
  margin: 0 auto;
}

.modern-footer.new-footer-area .footer-cta__left {
  display: flex;
  align-items: center;
  gap: 20px;
}

.modern-footer.new-footer-area .footer-cta__icon {
  width: 60px;
  height: 60px;
  background: rgba(255, 255, 255, 0.2);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 28px;
  color: #fff;
}

.modern-footer.new-footer-area .footer-cta__text h3 {
  color: #fff;
  margin: 0 0 5px 0;
  font-size: 24px;
  font-weight: 700;
}

.modern-footer.new-footer-area .footer-cta__text p {
  color: #e2e8f0;
  margin: 0;
  font-size: 16px;
}

.modern-footer.new-footer-area .footer-cta__text p strong {
  color: #fff;
  font-size: 18px;
}

.modern-footer.new-footer-area .btn-whatsapp {
  background: #25d366;
  color: #fff;
  padding: 15px 30px;
  border-radius: 50px;
  font-size: 16px;
  font-weight: 700;
  display: inline-flex;
  align-items: center;
  gap: 10px;
  text-decoration: none;
  transition: all 0.3s;
  /* box-shadow: 0 10px 20px rgba(37, 211, 102, 0.3);
	 */
}

.modern-footer.new-footer-area .btn-whatsapp:hover,
.btn-whatsapp:focus {
  background: #128c7e;
  transform: translateY(-3px);
  color: #fff;
  text-decoration: none;
  /* box-shadow: 0 15px 25px rgba(37, 211, 102, 0.4);
	 */
}

.modern-footer.new-footer-area .footer-main {
  padding: 100px 0 60px;
  border-bottom: 1px solid #1e293b;
  max-width: 1400px;
  margin: 0 auto;
}

.modern-footer.new-footer-area .footer-col {
  margin-bottom: 30px;
}

.modern-footer.new-footer-area .footer-logo {
  display: inline-block;
  margin-bottom: 25px;
}

.modern-footer.new-footer-area .footer-logo img {
  max-width: 180px;
}

.modern-footer.new-footer-area .footer-desc {
  font-size: 15px;
  line-height: 1.6;
  margin-bottom: 25px;
}

.modern-footer.new-footer-area .footer-contact-info {
  margin-bottom: 30px;
}

.modern-footer.new-footer-area .footer-contact-item {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 12px;
  font-size: 15px;
  color: #e2e8f0;
}

.modern-footer.new-footer-area .footer-contact-item i {
  color: #c9a76d;
  font-size: 16px;
  width: 20px;
  text-align: center;
}

.modern-footer.new-footer-area .footer-apps h4 {
  color: #fff;
  font-size: 16px;
  font-weight: 700;
  margin-bottom: 15px;
}

.modern-footer.new-footer-area .app-links {
  display: flex;
  gap: 15px;
}

.modern-footer.new-footer-area .app-links img {
  height: 40px;
  border-radius: 6px;
  transition: transform 0.3s;
}

.modern-footer.new-footer-area .app-links img:hover {
  transform: translateY(-3px);
}

.modern-footer.new-footer-area .footer-title {
  color: #fff;
  font-size: 20px;
  font-weight: 700;
  margin-bottom: 25px;
  position: relative;
  padding-bottom: 12px;
}

.modern-footer.new-footer-area .footer-title::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 40px;
  height: 3px;
  background: #c9a76d;
  border-radius: 2px;
}

.modern-footer.new-footer-area .footer-links {
  list-style: none;
  padding: 0;
  margin: 0;
}

.modern-footer.new-footer-area .footer-links li {
  margin-bottom: 12px;
}

.modern-footer.new-footer-area .footer-links a {
  color: #94a3b8;
  text-decoration: none;
  font-size: 15px;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  transition: all 0.3s;
}

.modern-footer.new-footer-area .footer-links a i {
  font-size: 12px;
  color: #c9a76d;
  transition: transform 0.3s;
}

.modern-footer.new-footer-area .footer-links a:hover,
.footer-links a:focus {
  color: #c9a76d;
  text-decoration: none;
}

.modern-footer.new-footer-area .footer-links a:hover i {
  transform: translateX(5px);
}

.modern-footer.new-footer-area .footer-offices {
  margin-bottom: 30px;
}

.modern-footer.new-footer-area .office-item {
  display: flex;
  gap: 15px;
  margin-bottom: 20px;
}

.modern-footer.new-footer-area .office-icon {
  color: #c9a76d;
  font-size: 20px;
  margin-top: 2px;
}

.modern-footer.new-footer-area .office-details strong {
  display: block;
  color: #e2e8f0;
  font-size: 16px;
  margin-bottom: 5px;
}

.modern-footer.new-footer-area .office-details p {
  margin: 0;
  font-size: 14px;
  line-height: 1.5;
}

.modern-footer.new-footer-area .footer-social h4 {
  color: #fff;
  font-size: 16px;
  font-weight: 700;
  margin-bottom: 15px;
}

.modern-footer.new-footer-area .social-links {
  display: flex;
  gap: 12px;
}

.modern-footer.new-footer-area .social-links a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  background: #1e293b;
  color: #fff;
  border-radius: 50%;
  font-size: 18px;
  transition: all 0.3s;
  text-decoration: none;
}

.modern-footer.new-footer-area .social-links a:hover,
.social-links a:focus {
  transform: translateY(-3px);
  box-shadow: 0 10px 15px rgba(0, 0, 0, 0.2);
  color: #fff;
}

.modern-footer.new-footer-area .social-fb:hover {
  background: #1877f2;
}

.modern-footer.new-footer-area .social-ig:hover {
  background: #e4405f;
}

.modern-footer.new-footer-area .social-yt:hover {
  background: #ff0000;
}

.modern-footer.new-footer-area .social-tw:hover {
  background: #1da1f2;
}

/* Footer Bottom */
.modern-footer.new-footer-area .footer-bottom {
  padding: 25px 0;
  background: #060b14;
}

.modern-footer.new-footer-area .footer-bottom .container {
  max-width: 1400px;
  margin: 0 auto;
}

.modern-footer.new-footer-area .copyright {
  margin: 0;
  font-size: 14px;
  color: #64748b;
}

.modern-footer.new-footer-area .copyright strong {
  color: #e2e8f0;
}

.modern-footer.new-footer-area .copyright a {
  color: #c9a76d;
  text-decoration: none;
  font-weight: 600;
  transition: color 0.3s;
  display: inline-flex;
  align-items: center;
  gap: 5px;
  white-space: nowrap;
}

.modern-footer.new-footer-area .copyright a:hover,
.copyright a:focus {
  color: #60a5fa;
  text-decoration: none;
}

.modern-footer.new-footer-area .copyright a img {
  vertical-align: middle;
}

.modern-footer.new-footer-area .payment-methods {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 15px;
}

.modern-footer.new-footer-area .payment-methods span {
  font-size: 14px;
  font-weight: 600;
  color: #e2e8f0;
  margin-right: 10px;
}

.modern-footer.new-footer-area .payment-methods img {
  height: 25px;
  border-radius: 4px;
}

/* Responsive */
@media (max-width: 991px) {
  .modern-footer.new-footer-area .footer-cta {
    flex-direction: column;
    text-align: center;
    gap: 20px;
    padding: 30px 20px;
  }

  .modern-footer.new-footer-area .footer-cta__left {
    flex-direction: column;
  }

  .modern-footer.new-footer-area {
    margin-top: 150px;
  }

  .modern-footer.new-footer-area .footer-bottom .text-right {
    text-align: left !important;
    margin-top: 20px;
  }

  .modern-footer.new-footer-area .payment-methods {
    justify-content: flex-start;
  }
}

@media (max-width: 767px) {
  .modern-footer.new-footer-area .footer-cta-wrapper {
    position: relative;
    top: -30px;
  }

  .modern-footer.new-footer-area .footer-main {
    padding: 20px 0 60px;
  }

  .footer-cta .footer-cta__left .footer-cta__text {
    width: 70%;
    text-align: left;
  }

  .modern-footer.new-footer-area .footer-cta__icon {
    width: 90px;
    height: 90px;
  }

  .modern-footer.new-footer-area .footer-cta__text p {
    font-size: 12px;
  }

  .modern-footer.new-footer-area .footer-cta__text p strong {
    font-size: 16px;
  }

  .modern-footer.new-footer-area .footer-cta__text h3 {
    font-size: 20px;
    font-weight: 600;
  }

  .modern-footer.new-footer-area .footer-cta__left {
    flex-direction: row;
    justify-content: space-between;
  }

  .modern-footer.new-footer-area .footer-logo img {
    max-width: 230px;
  }
}

.new-loginmodal-area .modal-dialog {
  width: 600px !important;
  max-width: calc(100% - 30px) !important;
  margin: 40px auto 25px !important;
}

.modal.new-loginmodal-area:not(.is-inline) .modal-dialog.modal-dialog-centered,
.new-loginmodal-area .modal-dialog.modal-dialog-centered {
  align-items: flex-start !important;
  min-height: auto !important;
  padding-top: 10px !important;
  margin: 40px auto 25px !important;
}

.new-loginmodal-area .modal-content {
  width: 100% !important;
  border: none;
  border-radius: 20px;
  overflow: hidden;
  box-shadow: 0 25px 60px rgba(0, 0, 0, 0.2);
  max-height: calc(100dvh - 75px) !important;
  max-height: calc(100vh - 75px) !important;
}

.new-loginmodal-area .modal-body {
  padding: 0;
}

/* Close Button */
.new-loginmodal-area .hk-modal-close {
  position: absolute;
  top: 12px;
  right: 12px;
  z-index: 20;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  background: #1e3a8a;
  color: #fff;
  border: none;
  font-size: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: all 0.3s;
  line-height: 1;
  opacity: 1;
}

.new-loginmodal-area .hk-modal-close:hover {
  background: #e63946;
  transform: rotate(90deg);
}

/* Header Area */
.new-loginmodal-area .hk-auth-header {
  background: linear-gradient(135deg, #eef4ff 0%, #dbeafe 40%, #c7d2fe 100%);
  padding: 30px 30px 25px;
  text-align: center;
  position: relative;
  overflow: hidden;
}

.new-loginmodal-area .hk-auth-header::before {
  content: "";
  position: absolute;
  top: -50px;
  right: -50px;
  width: 150px;
  height: 150px;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.3);
}

.new-loginmodal-area .hk-auth-header::after {
  content: "";
  position: absolute;
  bottom: -40px;
  left: -40px;
  width: 120px;
  height: 120px;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.2);
}

.new-loginmodal-area .hk-auth-logo {
  width: 80px;
  margin: 0 auto 12px;
  position: relative;
  z-index: 2;
  display: none;
}

.new-loginmodal-area .hk-auth-logo img {
  width: 100%;
  height: auto;
}

.new-loginmodal-area .hk-auth-header h3 {
  margin: 0 0 4px;
  font-size: 22px;
  font-weight: 700;
  color: #0f172a;
  position: relative;
  z-index: 2;
}

.new-loginmodal-area .hk-auth-header p {
  margin: 0;
  font-size: 14px;
  color: #64748b;
  position: relative;
  z-index: 2;
}

/* Tab Toggle */
.new-loginmodal-area .hk-auth-tabs {
  display: flex;
  justify-content: center;
  margin-top: 18px;
  position: relative;
  z-index: 2;
  background: #fff;
  border-radius: 50px;
  padding: 4px;
  width: fit-content;
  margin-left: auto;
  margin-right: auto;
  border: 2px solid #e2e8f0;
}

.new-loginmodal-area .hk-auth-tabs .hk-tab-btn {
  padding: 8px 28px;
  border-radius: 50px;
  font-size: 14px;
  font-weight: 700;
  color: #64748b;
  background: transparent;
  border: none;
  cursor: pointer;
  transition: all 0.3s;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  text-decoration: none;
}

.new-loginmodal-area .hk-auth-tabs .hk-tab-btn.active {
  background: linear-gradient(135deg, #1e3a8a, #2563eb);
  color: #fff;
  box-shadow: 0 4px 12px rgba(37, 99, 235, 0.3);
}

.new-loginmodal-area .hk-auth-tabs .hk-tab-btn:hover:not(.active) {
  color: #1e3a8a;
}

/* Body Content */
.new-loginmodal-area .hk-auth-body {
  padding: 25px 30px 30px;
}

/* Login As Section */
.new-loginmodal-area .hk-login-as {
  text-align: center;
  margin-bottom: 22px;
}

.new-loginmodal-area .hk-login-as-label {
  font-size: 13px;
  font-weight: 600;
  color: #94a3b8;
  margin-bottom: 12px;
  display: block;
}

.new-loginmodal-area .hk-role-cards {
  display: flex;
  justify-content: center;
  gap: 12px;
}

.new-loginmodal-area .hk-role-card {
  flex: 1;
  max-width: 110px;
  padding: 14px 10px;
  border: 2px solid #e2e8f0;
  border-radius: 12px;
  text-align: center;
  cursor: pointer;
  transition: all 0.3s;
  text-decoration: none;
  display: block;
}

.new-loginmodal-area .hk-role-card:hover,
.new-loginmodal-area .hk-role-card:focus {
  border-color: #c9a76d;
  background: #eff6ff;
  text-decoration: none;
  transform: translateY(-2px);
  box-shadow: 0 5px 15px rgba(59, 130, 246, 0.12);
}

.new-loginmodal-area .hk-role-card i {
  font-size: 24px;
  color: #c9a76d;
  display: block;
  margin-bottom: 6px;
}

.new-loginmodal-area .hk-role-card span {
  font-size: 12px;
  font-weight: 700;
  color: #334155;
  display: block;
}

/* Form Inputs */
.new-loginmodal-area .hk-form-group {
  position: relative;
  margin-bottom: 16px;
}

.new-loginmodal-area .hk-form-group .hk-input-icon {
  position: absolute;
  left: 14px;
  top: 50%;
  transform: translateY(-50%);
  color: #94a3b8;
  font-size: 15px;
  z-index: 2;
}

.new-loginmodal-area .hk-form-group .hk-input {
  width: 100%;
  padding: 12px 14px 12px 42px;
  border: 2px solid #e2e8f0;
  border-radius: 10px;
  font-size: 14px;
  color: #0f172a;
  background: #fff;
  transition: all 0.3s;
  outline: none;
}

.new-loginmodal-area .hk-form-group .hk-input:focus {
  border-color: #c9a76d;
  box-shadow: 0 0 0 4px rgba(59, 130, 246, 0.1);
}

.new-loginmodal-area .hk-form-group .hk-input::placeholder {
  color: #94a3b8;
}

.new-loginmodal-area .hk-form-group .nice-select span.current {
  color: #94a3b8;
}

.new-loginmodal-area .hk-form-group .hk-toggle-password {
  position: absolute;
  right: 14px;
  top: 50%;
  transform: translateY(-50%);
  background: none;
  border: none;
  color: #94a3b8;
  cursor: pointer;
  font-size: 15px;
  padding: 0;
  z-index: 2;
}

.new-loginmodal-area .hk-form-group .hk-toggle-password:hover {
  color: #c9a76d;
}

.new-loginmodal-area .hk-form-group .hk-select {
  width: 100%;
  height: 52px !important;
  padding: 8px 14px 12px 42px;
  border: 2px solid #e2e8f0 !important;
  border-radius: 10px;
  font-size: 14px !important;
  color: #0f172a;
  background: #fff;
  transition: all 0.3s;
  outline: none;
  appearance: none !important;
  -webkit-appearance: none !important;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%2394a3b8' stroke-width='2'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 14px center;
}

.new-loginmodal-area .hk-form-group .hk-select:focus {
  border-color: #c9a76d;
  box-shadow: 0 0 0 4px rgba(59, 130, 246, 0.1);
}

.new-loginmodal-area .hk-form-group .hk-input-label {
  position: absolute;
  left: 42px;
  top: -8px;
  background: #fff;
  padding: 0 6px;
  font-size: 11px;
  font-weight: 700;
  color: #c9a76d;
  z-index: 3;
}

/* Remember / Forgot */
.new-loginmodal-area .hk-form-options {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 20px;
}

.new-loginmodal-area .hk-remember {
  display: flex;
  align-items: center;
  gap: 6px;
  cursor: pointer;
  font-size: 13px;
  color: #64748b;
}

.new-loginmodal-area .hk-remember input[type="checkbox"] {
  width: 16px;
  height: 16px;
  accent-color: #c9a76d;
}

.new-loginmodal-area .hk-forgot-link {
  font-size: 13px;
  font-weight: 600;
  color: #c9a76d;
  text-decoration: none;
}

.new-loginmodal-area .hk-forgot-link:hover,
.new-loginmodal-area .hk-forgot-link:focus {
  color: #1e3a8a;
  text-decoration: underline;
}

/* Submit Buttons */
.new-loginmodal-area .hk-btn-submit {
  width: 100%;
  padding: 14px;
  background: linear-gradient(135deg, #1e3a8a, #2563eb);
  color: #fff;
  border: none;
  border-radius: 10px;
  font-size: 16px;
  font-weight: 700;
  letter-spacing: 1.5px;
  text-transform: uppercase;
  cursor: pointer;
  transition: all 0.3s;
  box-shadow: 0 5px 15px rgba(37, 99, 235, 0.25);
}

.new-loginmodal-area .hk-btn-submit:hover {
  transform: translateY(-2px);
  box-shadow: 0 10px 25px rgba(37, 99, 235, 0.35);
}

/* Register specific: two-column row */
.new-loginmodal-area .hk-form-row {
  display: flex;
  gap: 12px;
}

.new-loginmodal-area .hk-form-row .hk-form-group {
  flex: 1;
}

/* T&C Checkbox */
.new-loginmodal-area .hk-terms {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 20px;
  font-size: 12px;
  color: #64748b;
}

.new-loginmodal-area .hk-terms input[type="checkbox"] {
  width: 14px;
  height: 14px;
  margin-top: 0;
  accent-color: #c9a76d;
}

.new-loginmodal-area .hk-terms label {
  margin-bottom: 0;
}

.new-loginmodal-area .hk-terms a {
  color: #c9a76d;
  font-weight: 600;
  text-decoration: underline;
}

.new-loginmodal-area .hk-terms a:hover {
  color: #1e3a8a;
}

.new-loginmodal-area .hk-tab-panel {
  display: none;
}

.new-loginmodal-area .hk-tab-panel.active {
  display: block;
}

.new-loginmodal-area.fade .modal-dialog {
  transform: scale(0.9);
  transition: transform 0.3s ease;
}

.new-loginmodal-area.in .modal-dialog {
  transform: scale(1);
}

@media (max-width: 480px) {
  .new-loginmodal-area .modal-dialog {
    max-width: calc(100% - 20px);
    margin: 10px auto;
  }

  .new-loginmodal-area .hk-auth-body {
    padding: 20px;
  }

  .new-loginmodal-area .hk-auth-header {
    padding: 20px 20px 18px;
  }

  .new-loginmodal-area .hk-role-card {
    padding: 10px 8px;
  }

  .new-loginmodal-area .hk-form-row {
    flex-direction: column;
    gap: 0;
  }
}

/* Modern Auth Modal - OTP Features & Positioning (Matching app.blade.php) */
.modal.new-loginmodal-area {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1050;
  display: block;
  overflow-x: hidden;
  overflow-y: auto;
  outline: 0;
  background: rgba(15, 23, 42, 0.65);
}

.modal.new-loginmodal-area.is-inline {
  position: relative;
  top: auto;
  left: auto;
  right: auto;
  bottom: auto;
  z-index: auto;
  background: transparent;
  padding: 40px 15px;
}

.modal.new-loginmodal-area .modal-dialog.modal-dialog-centered {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: calc(100% - 60px) !important;
}

.new-loginmodal-area .hk-auth-body,
.new-loginmodal-area .hk-tab-panel,
.new-loginmodal-area .hk-tab-panel form {
  width: 100% !important;
}

.new-loginmodal-area .hk-login-mode-toggle {
  display: flex;
  background: #f1f5f9;
  border-radius: 10px;
  padding: 4px;
  margin-bottom: 18px;
  gap: 4px;
}

.new-loginmodal-area .hk-login-mode-toggle .hk-mode-btn {
  flex: 1;
  padding: 9px 12px;
  border: none;
  background: transparent;
  font-size: 13px;
  font-weight: 600;
  color: #64748b;
  border-radius: 8px;
  cursor: pointer;
  transition: all 0.25s ease;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
}

.new-loginmodal-area .hk-login-mode-toggle .hk-mode-btn.active {
  background: #ffffff;
  color: #0284c7;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
}

.new-loginmodal-area .hk-login-mode-toggle .hk-mode-btn:hover:not(.active) {
  color: #1e293b;
}

.new-loginmodal-area .hk-input-with-btn {
  position: relative;
  display: flex;
  align-items: center;
}

.new-loginmodal-area .hk-input-with-btn .hk-input {
  padding-right: 110px !important;
}

.new-loginmodal-area .hk-field-btn {
  position: absolute;
  right: 6px;
  top: 50%;
  transform: translateY(-50%);
  background: linear-gradient(135deg, #0284c7, #0369a1);
  color: #ffffff;
  border: none;
  border-radius: 7px;
  padding: 7px 14px;
  font-size: 12px;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.2s ease;
  white-space: nowrap;
  z-index: 5;
}

.new-loginmodal-area .hk-field-btn:hover:not(:disabled) {
  background: linear-gradient(135deg, #0369a1, #075985);
  box-shadow: 0 2px 6px rgba(2, 132, 199, 0.35);
}

.new-loginmodal-area .hk-field-btn:disabled {
  background: #cbd5e1;
  color: #64748b;
  cursor: not-allowed;
}

.new-loginmodal-area .hk-timer-text {
  font-size: 12px;
  color: #0284c7;
  margin-top: 4px;
  margin-left: 6px;
  font-weight: 500;
  display: none;
}

.new-loginmodal-area .hk-otp-hint {
  font-size: 12px;
  color: #64748b;
  margin-top: 8px;
  display: flex;
  align-items: center;
  gap: 6px;
}

.new-loginmodal-area .hk-otp-hint i {
  color: #0284c7;
}

.new-loginmodal-area .hk-back-wrapper {
  text-align: center;
  margin-top: 16px;
}

.new-loginmodal-area .hk-back-login-link {
  font-size: 13px;
  font-weight: 600;
  color: #0284c7;
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  transition: color 0.2s ease;
  background: none;
  border: none;
  cursor: pointer;
  padding: 0;
}

.new-loginmodal-area .hk-back-login-link:hover {
  color: #0369a1;
  text-decoration: underline;
}

.new-loginmodal-area .hk-mt-10 {
  margin-top: 10px;
}

.new-loginmodal-area .hk-mt-12 {
  margin-top: 12px;
}

.new-loginmodal-area .hk-mt-15 {
  margin-top: 15px;
}

.new-loginmodal-area .hk-d-block {
  display: block !important;
}

.haikawa-account-wrapper {
  position: relative;
  display: inline-flex;
  align-items: center;
}

.haikawa-account-wrapper .haikawa-account {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  text-decoration: none;
}

.haikawa-account-wrapper .haikawa-account .fa-user-o {
  font-size: 20px;
}

.haikawa-account-dropdown {
  position: absolute;
  top: calc(100% + 15px);
  right: 0;
  width: 300px;
  background: #fff;
  border: 1px solid #eee;
  border-radius: 12px;
  box-shadow: 0 15px 45px rgba(0, 0, 0, 0.15);
  opacity: 0;
  visibility: hidden;
  transform: translateY(10px);
  transition:
    opacity 0.25s ease,
    visibility 0.25s ease,
    transform 0.25s ease;
  z-index: 9999;
}

.haikawa-account-dropdown::before {
  content: "";
  position: absolute;
  top: -7px;
  right: 20px;
  width: 14px;
  height: 14px;
  background: #fff;
  border-left: 1px solid #eee;
  border-top: 1px solid #eee;
  transform: rotate(45deg);
}

.haikawa-account-wrapper.active .haikawa-account-dropdown {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}

@media (min-width: 992px) {
  .haikawa-account-wrapper:hover .haikawa-account-dropdown {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
  }
}

.haikawa-account-user {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 18px;
  border-bottom: 1px solid #eee;
}

.haikawa-account-avatar {
  width: 42px;
  height: 42px;
  flex: 0 0 42px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background: #f5f5f5;
  color: #222;
  font-size: 18px;
}

.haikawa-account-user-info {
  min-width: 0;
}

.haikawa-account-user-info .welcome-text {
  display: block;
  margin-bottom: 2px;
  color: #888;
  font-size: 11px;
}

.haikawa-account-user-info strong {
  display: block;
  max-width: 190px;
  overflow: hidden;
  color: #222;
  font-size: 14px;
  font-weight: 700;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.haikawa-account-menu {
  padding: 8px;
}

.haikawa-account-menu a {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 12px;
  border-radius: 7px;
  color: #333;
  font-size: 13px;
  font-weight: 500;
  text-decoration: none;
  transition: all 0.2s ease;
}

.haikawa-account-menu a i {
  width: 20px;
  color: #777;
  font-size: 16px;
  text-align: center;
}

.haikawa-account-menu a:hover {
  background: #f7f7f7;
  color: #e63946;
}

.haikawa-account-menu a:hover i {
  color: #e63946;
}

/* ========================================= LOGIN / REGISTER ========================================= */
.haikawa-account-login {
  padding: 25px 20px;
  text-align: center;
}

.haikawa-login-icon {
  width: 55px;
  height: 55px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto 12px;
  border-radius: 50%;
  background: #f5f5f5;
  color: #333;
  font-size: 24px;
}

.haikawa-account-login h4 {
  margin: 0 0 6px;
  color: #222;
  font-size: 16px;
  font-weight: 700;
}

.haikawa-account-login p {
  margin: 0 0 18px;
  color: #888;
  font-size: 12px;
  line-height: 1.5;
}

.haikawa-login-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 7px;
  width: 100%;
  min-height: 42px;
  padding: 8px 15px;
  border-radius: 6px;
  background: #e63946;
  color: #fff;
  font-size: 13px;
  font-weight: 700;
  text-decoration: none;
  transition: all 0.2s ease;
}

.haikawa-login-btn:hover {
  background: #c92735;
  color: #fff;
  text-decoration: none;
}

/* ========================================= MOBILE ========================================= */
@media (max-width: 991px) {
  .haikawa-account-dropdown {
    position: fixed;
    top: 70px;
    right: 15px;
    left: auto;
    width: 300px;
    max-width: calc(100vw - 30px);
  }
}

@media (max-width: 575px) {
  .haikawa-account-dropdown {
    top: 65px;
    right: 10px;
    width: calc(100vw - 20px);
    max-width: none;
  }
}

.haikawa-cart-wrapper.new-cart-design {
  position: relative;
  display: inline-flex;
  align-items: center;
}

.haikawa-cart-wrapper.new-cart-design .haikawa-cart {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  cursor: pointer;
}

.haikawa-cart-wrapper.new-cart-design .haikawa-cart .fa-shopping-cart {
  font-size: 20px;
}

.haikawa-cart-wrapper.new-cart-design .cart-count {
  position: absolute;
  top: -8px;
  right: -9px;
  min-width: 19px;
  height: 19px;
  padding: 0 5px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background: #e63946;
  color: #fff;
  font-size: 10px;
  font-weight: 700;
  line-height: 1;
  border: 2px solid #fff;
  z-index: 5;
}

.haikawa-cart-wrapper.new-cart-design .haikawa-mini-cart {
  position: absolute;
  top: calc(100% + 15px);
  right: 0;
  width: 390px;
  background: #fff;
  border-radius: 12px;
  box-shadow: 0 15px 45px rgba(0, 0, 0, 0.15);
  border: 1px solid #eee;
  opacity: 0;
  visibility: hidden;
  transform: translateY(10px);
  transition:
    opacity 0.25s ease,
    visibility 0.25s ease,
    transform 0.25s ease;
  z-index: 9999;
}

/* Open State */
.haikawa-cart-wrapper.new-cart-design.active .haikawa-mini-cart {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}

/* Small Arrow */
.haikawa-cart-wrapper.new-cart-design .haikawa-mini-cart::before {
  content: "";
  position: absolute;
  top: -7px;
  right: 20px;
  width: 14px;
  height: 14px;
  background: #fff;
  border-left: 1px solid #eee;
  border-top: 1px solid #eee;
  transform: rotate(45deg);
}

.haikawa-cart-wrapper.new-cart-design .haikawa-cart-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 18px 20px;
  border-bottom: 1px solid #eee;
}

.haikawa-cart-wrapper.new-cart-design .haikawa-cart-header strong {
  display: block;
  color: #222;
  font-size: 17px;
  font-weight: 700;
}

.haikawa-cart-wrapper.new-cart-design .haikawa-cart-items {
  display: block;
  margin-top: 3px;
  color: #888;
  font-size: 12px;
}

.haikawa-cart-wrapper.new-cart-design .haikawa-cart-total {
  color: #222;
  font-size: 16px;
  font-weight: 700;
}

.haikawa-cart-wrapper.new-cart-design .haikawa-cart-products {
  max-height: 330px;
  overflow-y: auto;
  padding: 5px 18px;
}

/* Scrollbar */
.haikawa-cart-wrapper.new-cart-design .haikawa-cart-products::-webkit-scrollbar {
  width: 4px;
}

.haikawa-cart-wrapper.new-cart-design .haikawa-cart-products::-webkit-scrollbar-track {
  background: #f5f5f5;
}

.haikawa-cart-wrapper.new-cart-design .haikawa-cart-products::-webkit-scrollbar-thumb {
  background: #ccc;
  border-radius: 10px;
}

/* Product */
.haikawa-cart-wrapper.new-cart-design .haikawa-cart-item {
  display: flex;
  gap: 13px;
  padding: 13px 0;
  border-bottom: 1px solid #f1f1f1;
}

.haikawa-cart-wrapper.new-cart-design .haikawa-cart-item:last-child {
  border-bottom: 0;
}

/* Product Image */
.haikawa-cart-wrapper.new-cart-design .haikawa-cart-image {
  width: 72px;
  min-width: 72px;
  height: 72px;
  border: 1px solid #eee;
  border-radius: 8px;
  overflow: hidden;
  background: #fafafa;
}

.haikawa-cart-wrapper.new-cart-design .haikawa-cart-image a {
  display: block;
  width: 100%;
  height: 100%;
}

.haikawa-cart-wrapper.new-cart-design .haikawa-cart-image img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

/* Product Details */
.haikawa-cart-wrapper.new-cart-design .haikawa-cart-details {
  flex: 1;
  position: relative;
  min-width: 0;
}

.haikawa-cart-wrapper.new-cart-design .haikawa-cart-details .CartRemove {
  position: absolute;
  top: 0;
  right: 0;
  border: 1px solid #ed2f59;
  background: #ed2f59;
  width: 20px;
  height: 20px;
  display: grid;
  justify-content: center;
  align-items: center;
  border-radius: 100px;
}

.haikawa-cart-wrapper.new-cart-design .haikawa-cart-details .CartRemove i {
  color: #fff;
  font-size: 10px;
}

.haikawa-cart-wrapper.new-cart-design .haikawa-cart-details .haikawa-cart-item-bottom {
  display: flex;
  justify-content: space-between;
}

.haikawa-cart-wrapper.new-cart-design .haikawa-cart-details .haikawa-cart-item-bottom .haikawa-cart-quantity {
  width: 72px;
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 4px;
  border: 1px solid rgba(156, 163, 175, 0.32);
  border-radius: 5px;
  background: #fff;
  padding: 4px 6px;
  box-sizing: border-box;
}

/* Quantity Buttons */
.haikawa-cart-wrapper.new-cart-design .haikawa-cart-details .haikawa-cart-item-bottom .haikawa-cart-quantity .haikawa-qty-btn {
  width: 20px;
  height: 20px;
  padding: 0;
  margin: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 0;
  outline: none;
  background: transparent;
  color: #6b7280;
  cursor: pointer;
  transition:
    color 0.2s ease,
    opacity 0.2s ease;
  font-size: 16px;
}

/* SVG */
.haikawa-cart-wrapper.new-cart-design .haikawa-cart-details .haikawa-cart-item-bottom .haikawa-cart-quantity .haikawa-qty-btn svg {
  width: 18px;
  height: 18px;
  display: block;
}

/* Hover */
.haikawa-cart-wrapper.new-cart-design .haikawa-cart-details .haikawa-cart-item-bottom .haikawa-cart-quantity .haikawa-qty-btn:hover {
  color: #111827;
}

/* Disabled Minus */
.haikawa-cart-wrapper.new-cart-design .haikawa-cart-details .haikawa-cart-item-bottom .haikawa-cart-quantity .haikawa-qty-btn:disabled {
  pointer-events: none;
  opacity: 0.3;
  cursor: not-allowed;
}

/* Quantity Number */
.haikawa-cart-wrapper.new-cart-design .haikawa-cart-details .haikawa-cart-item-bottom .haikawa-cart-quantity .haikawa-qty {
  min-width: 20px;
  text-align: center;
  color: #1f2937;
  font-size: 16px;
  font-weight: 600;
  line-height: 1;
  user-select: none;
}

.haikawa-cart-wrapper.new-cart-design .haikawa-cart-product-name {
  display: -webkit-box;
  overflow: hidden;
  color: #222;
  font-size: 13px;
  font-weight: 600;
  line-height: 1.45;
  text-decoration: none;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
  width: calc(100% - 21px);
  min-height: 42px;
}

.haikawa-cart-wrapper.new-cart-design .haikawa-cart-product-name:hover {
  color: #e63946;
}

.haikawa-cart-wrapper.new-cart-design .haikawa-cart-meta {
  margin-top: 6px;
  color: #888;
  font-size: 12px;
}

.haikawa-cart-wrapper.new-cart-design .haikawa-cart-price {
  margin-top: 5px;
  color: #062654;
  font-size: 14px;
  font-weight: 700;
}

.haikawa-cart-wrapper.new-cart-design .haikawa-empty-cart {
  padding: 25px 20px;
  text-align: center;
}

.haikawa-cart-wrapper.new-cart-design .haikawa-empty-cart img {
  display: block;
  width: 140px;
  max-width: 100%;
  height: auto;
  margin: 0 auto 12px;
  object-fit: contain;
}

.haikawa-cart-wrapper.new-cart-design .haikawa-empty-cart h4 {
  margin: 0 0 5px;
  color: #222;
  font-size: 16px;
  font-weight: 700;
}

.haikawa-cart-wrapper.new-cart-design .haikawa-empty-cart p {
  margin: 0;
  color: #888;
  font-size: 12px;
}

.haikawa-cart-wrapper.new-cart-design .haikawa-cart-footer {
  padding: 16px 20px;
  border-top: 1px solid #eee;
  background: #fafafa;
  border-radius: 0 0 12px 12px;
}

.haikawa-cart-wrapper.new-cart-design .haikawa-cart-footer-total {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 13px;
  color: #555;
  font-size: 13px;
}

.haikawa-cart-wrapper.new-cart-design .haikawa-cart-footer-total strong {
  color: #222;
  font-size: 16px;
}

.haikawa-cart-wrapper.new-cart-design .haikawa-cart-buttons {
  display: flex;
  gap: 10px;
}

.haikawa-cart-wrapper.new-cart-design .haikawa-cart-btn {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 42px;
  padding: 8px 15px;
  border-radius: 6px;
  font-size: 13px;
  font-weight: 700;
  text-decoration: none;
  transition: all 0.2s ease;
}

.haikawa-cart-wrapper.new-cart-design .haikawa-view-cart {
  color: #222;
  background: #fff;
  border: 1px solid #ddd;
}

.haikawa-cart-wrapper.new-cart-design .haikawa-view-cart:hover {
  color: #fff;
  background: #222;
  border-color: #222;
}

.haikawa-cart-wrapper.new-cart-design .haikawa-checkout {
  color: #fff;
  background: #e63946;
  border: 1px solid #e63946;
}

.haikawa-cart-wrapper.new-cart-design .haikawa-checkout:hover {
  color: #fff;
  background: #c92735;
  border-color: #c92735;
}

@media (min-width: 992px) {
  .haikawa-cart-wrapper.new-cart-design:hover .haikawa-mini-cart {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
  }
}

@media (max-width: 991px) {
  .haikawa-cart-wrapper.new-cart-design .haikawa-mini-cart {
    position: fixed;
    top: 70px;
    right: 15px;
    left: 15px;
    width: auto;
    max-width: 420px;
    margin-left: auto;
  }
}

@media (max-width: 575px) {
  .haikawa-cart-wrapper.new-cart-design .haikawa-mini-cart {
    top: 65px;
    right: 10px;
    left: 10px;
    max-width: none;
    border-radius: 10px;
  }

  .haikawa-cart-wrapper.new-cart-design .haikawa-cart-header {
    padding: 15px;
  }

  .haikawa-cart-wrapper.new-cart-design .haikawa-cart-products {
    max-height: 300px;
    padding-left: 15px;
    padding-right: 15px;
  }

  .haikawa-cart-wrapper.new-cart-design .haikawa-cart-footer {
    padding: 14px 15px;
  }

  .haikawa-cart-wrapper.new-cart-design .haikawa-cart-btn {
    min-height: 40px;
    font-size: 12px;
  }
}

.d-flex {
  display: flex !important;
}

.haikawa-actions .typeahead.dropdown-menu {
  max-width: 250px;
}

.haikawa-actions .typeahead.dropdown-menu li .dropdown-item {
  width: 100%;
  text-wrap: wrap;
  border-bottom: 1px solid #e6e6e6;
}

.haikawa-actions .typeahead.dropdown-menu li:last-child .dropdown-item {
  border-bottom: 0px solid #e6e6e6;
}

.aboutus-page {
  color: #1a2e44;
  overflow-x: hidden;
}

/* ─── SECTION SHARED UTILITIES ─── */
.aboutus-page .abt-tag {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 3px;
  text-transform: uppercase;
  color: #062654;
  margin-bottom: 14px;
}

.aboutus-page .abt-tag::before {
  content: "";
  display: inline-block;
  width: 24px;
  height: 2px;
  background: linear-gradient(90deg, #062654, #22c5e3);
  border-radius: 2px;
}

/* ════════════════════════════════════════════════════════ 1. HERO SECTION ════════════════════════════════════════════════════════ */
.aboutus-page .abt-hero {
  position: relative;
  background: linear-gradient(135deg, #f0f6ff 0%, #f8fbff 45%, #ffffff 100%);
  padding: 90px 0 80px;
  overflow: hidden;
}

/* Large soft circle behind image */
.aboutus-page .abt-hero::after {
  content: "";
  position: absolute;
  right: -60px;
  top: 50%;
  transform: translateY(-50%);
  width: 520px;
  height: 520px;
  background: radial-gradient(circle, #dbeafe 0%, #eff6ff 40%, transparent 70%);
  border-radius: 50%;
  z-index: 0;
}

/* Dot patterns */
.aboutus-page .abt-hero-dot {
  position: absolute;
  border-radius: 50%;
  background: #bfdbfe;
  pointer-events: none;
}

.aboutus-page .abt-hero-dot-grid {
  position: absolute;
  background-image: radial-gradient(#bfdbfe 1.5px, transparent 1.5px);
  background-size: 18px 18px;
  opacity: 0.7;
  pointer-events: none;
}

.aboutus-page .abt-hero-dot-grid.top-left {
  top: 30px;
  left: 20px;
  width: 130px;
  height: 130px;
}

.aboutus-page .abt-hero-dot-grid.bot-right {
  bottom: 20px;
  right: 20px;
  width: 130px;
  height: 130px;
}

.aboutus-page .abt-hero-text {
  position: relative;
  z-index: 2;
}

.aboutus-page .abt-hero-eyebrow {
  display: inline-block;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 3.5px;
  text-transform: uppercase;
  color: #062654;
  margin-bottom: 18px;
  position: relative;
  padding-left: 0;
}

.aboutus-page .abt-hero-title {
  font-size: clamp(36px, 5vw, 58px);
  font-weight: 700;
  color: #0d1f35;
  line-height: 1.1;
  margin: 0 0 22px;
  letter-spacing: -0.5px;
}

.aboutus-page .abt-hero-desc {
  font-size: 16px;
  font-weight: 400;
  color: #5a7184;
  line-height: 1.75;
  max-width: 480px;
  margin-bottom: 36px;
}

.aboutus-page .abt-hero-btn {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  background: linear-gradient(135deg, #062654 0%, #1d78d4 100%);
  color: #fff;
  font-size: 15px;
  font-weight: 700;
  padding: 14px 30px;
  border-radius: 50px;
  text-decoration: none;
  box-shadow: 0 8px 24px rgba(0, 86, 179, 0.3);
  transition: all 0.3s ease;
  position: relative;
  overflow: hidden;
}

.aboutus-page .abt-hero-btn::after {
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(255, 255, 255, 0.12);
  opacity: 0;
  transition: opacity 0.3s ease;
}

.aboutus-page .abt-hero-btn:hover {
  transform: translateY(-3px);
  box-shadow: 0 16px 32px rgba(0, 86, 179, 0.35);
  color: #fff;
  text-decoration: none;
}

.aboutus-page .abt-hero-btn:hover::after {
  opacity: 1;
}

.aboutus-page .abt-hero-btn:hover .abt-btn-arrow {
  transform: translateX(5px);
}

.aboutus-page .abt-btn-arrow {
  transition: transform 0.3s ease;
}

/* Hero image */
.aboutus-page .abt-hero-visual {
  position: relative;
  z-index: 2;
  display: flex;
  justify-content: center;
  align-items: center;
}

.aboutus-page .abt-hero-img-wrap {
  position: relative;
  width: 200%;
  margin-left: -390px;
}

.aboutus-page .abt-hero-img {
  width: 100%;
  height: auto;
  filter: drop-shadow(0 24px 48px rgba(0, 86, 179, 0.12));
  animation: abt-float 6s ease-in-out infinite;
}

@keyframes abt-float {

  0%,
  100% {
    transform: translateY(0);
  }

  50% {
    transform: translateY(-14px);
  }
}

/* ════════════════════════════════════════════════════════ 2. WELCOME + ABOUT SECTION ════════════════════════════════════════════════════════ */
.aboutus-page .abt-welcome {
  padding: 80px 0 60px;
  background: #ffffff;
  position: relative;
}

.aboutus-page .abt-welcome-left-title {
  font-size: 13px;
  font-style: italic;
  color: #062654;
  font-weight: 600;
  margin-bottom: 4px;
  display: block;
}

.aboutus-page .abt-welcome-title {
  font-size: 32px;
  font-weight: 700;
  color: #0d1f35;
  line-height: 1.15;
  margin: 0 0 6px;
}

.aboutus-page .abt-welcome-subtitle {
  font-size: 15px;
  font-weight: 600;
  color: #94a3b8;
  margin: 0;
}

.aboutus-page .abt-welcome-desc {
  font-size: 15px;
  color: #4b6280;
  line-height: 1.8;
  margin-bottom: 18px;
}

/* Divider between welcome and stats */
.aboutus-page .abt-welcome-divider {
  width: 100%;
  height: 1px;
  background: linear-gradient(90deg, transparent, #e2e8f0, transparent);
  margin: 20px 0 50px;
}

/* ─── STATS ROW ─── */
.aboutus-page .abt-stats-row {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 24px;
}

.aboutus-page .abt-stat-card {
  background: #ffffff;
  border: 1.5px solid #e2e8f0;
  border-radius: 18px;
  padding: 32px 20px;
  text-align: center;
  position: relative;
  overflow: hidden;
  transition: all 0.35s cubic-bezier(0.34, 1.56, 0.64, 1);
}

.aboutus-page .abt-stat-card::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 3px;
  background: linear-gradient(90deg, #062654, #22c5e3);
  transform: scaleX(0);
  transform-origin: left;
  transition: transform 0.35s ease;
}

.aboutus-page .abt-stat-card:hover {
  transform: translateY(-8px);
  box-shadow: 0 20px 40px rgba(0, 86, 179, 0.08);
  border-color: #bfdbfe;
}

.aboutus-page .abt-stat-card:hover::before {
  transform: scaleX(1);
}

.aboutus-page .abt-stat-icon {
  width: 58px;
  height: 58px;
  background: linear-gradient(135deg, #eff6ff, #dbeafe);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto 18px;
  font-size: 22px;
  color: #062654;
  transition: all 0.3s ease;
}

.aboutus-page .abt-stat-card:hover .abt-stat-icon {
  background: linear-gradient(135deg, #062654, #1d78d4);
  color: #fff;
  transform: scale(1.1);
}

.aboutus-page .abt-stat-num {
  display: block;
  font-size: 36px;
  font-weight: 700;
  color: #0d1f35;
  line-height: 1;
  margin-bottom: 8px;
}

.aboutus-page .abt-stat-label {
  font-size: 13px;
  font-weight: 600;
  color: #64748b;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

/* ════════════════════════════════════════════════════════ 3. REDEFINING COMFORT — WHO WE ARE ════════════════════════════════════════════════════════ */
.aboutus-page .abt-redefine {
  padding: 80px 0;
  background: #f8fafd;
  position: relative;
  overflow: hidden;
}

.aboutus-page .abt-redefine::before {
  content: "";
  position: absolute;
  top: -120px;
  left: -120px;
  width: 380px;
  height: 380px;
  background: radial-gradient(circle,
      rgba(0, 86, 179, 0.04) 0%,
      transparent 70%);
  border-radius: 50%;
}

.aboutus-page .abt-redefine-title {
  font-size: clamp(28px, 3.5vw, 42px);
  font-weight: 700;
  color: #0d1f35;
  line-height: 1.2;
  margin: 0 0 22px;
}

.aboutus-page .abt-redefine-text {
  font-size: 15px;
  color: #4b6280;
  line-height: 1.8;
  margin-bottom: 0;
}

/* Image with rounded corners + shadow */
.aboutus-page .abt-redefine-img-wrap {
  border-radius: 20px;
  overflow: hidden;
  box-shadow: 0 24px 60px rgba(0, 0, 0, 0.1);
  position: relative;
}

.aboutus-page .abt-redefine-img-wrap::after {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 20px;
  box-shadow: inset 0 0 0 1px rgba(0, 86, 179, 0.07);
  pointer-events: none;
}

.aboutus-page .abt-redefine-img {
  width: 100%;
  height: 400px;
  object-fit: cover;
  display: block;
  transition: transform 0.5s ease;
}

.aboutus-page .abt-redefine-img-wrap:hover .abt-redefine-img {
  transform: scale(1.04);
}

/* ════════════════════════════════════════════════════════ 4. CORE VALUES ════════════════════════════════════════════════════════ */
.aboutus-page .abt-values {
  padding: 90px 0;
  background: #ffffff;
}

.aboutus-page .abt-values-header {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 20px;
  margin-bottom: 60px;
}

.aboutus-page .abt-values-line {
  flex: 1;
  max-width: 160px;
  height: 1px;
  background: linear-gradient(90deg, transparent, #cbd5e1);
}

.aboutus-page .abt-values-line.right {
  background: linear-gradient(270deg, transparent, #cbd5e1);
}

.aboutus-page .abt-values-heading {
  font-size: 30px;
  font-weight: 700;
  color: #0d1f35;
  margin: 0;
  white-space: nowrap;
}

.aboutus-page .abt-values-grid {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 20px;
}

.aboutus-page .abt-value-card {
  text-align: center;
  padding: 36px 16px 28px;
  border-radius: 18px;
  border: 1.5px solid transparent;
  background: #f8fafd;
  transition: all 0.35s cubic-bezier(0.34, 1.56, 0.64, 1);
  position: relative;
  overflow: hidden;
}

.aboutus-page .abt-value-card::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(135deg,
      rgba(0, 86, 179, 0.03),
      rgba(34, 197, 227, 0.03));
  opacity: 0;
  transition: opacity 0.3s ease;
}

.aboutus-page .abt-value-card:hover {
  transform: translateY(-10px);
  border-color: #bfdbfe;
  box-shadow: 0 20px 40px rgba(0, 86, 179, 0.09);
  background: #fff;
}

.aboutus-page .abt-value-card:hover::before {
  opacity: 1;
}

.aboutus-page .abt-value-icon {
  width: 68px;
  height: 68px;
  background: linear-gradient(135deg, #eff6ff, #dbeafe);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto 20px;
  font-size: 26px;
  color: #062654;
  transition: all 0.35s ease;
}

.aboutus-page .abt-value-card:hover .abt-value-icon {
  background: linear-gradient(135deg, #062654, #1d78d4);
  color: #fff;
  transform: scale(1.12) rotate(5deg);
  box-shadow: 0 10px 24px rgba(0, 86, 179, 0.25);
}

.aboutus-page .abt-value-title {
  font-size: 16px;
  font-weight: 700;
  color: #0d1f35;
  margin: 0 0 10px;
}

.aboutus-page .abt-value-desc {
  font-size: 13px;
  color: #64748b;
  line-height: 1.65;
  margin: 0;
}

/* ════════════════════════════════════════════════════════ 5. JOURNEY + MISSION / VISION ════════════════════════════════════════════════════════ */
.aboutus-page .abt-journey {
  padding: 30px;
  background: linear-gradient(135deg, #0d1f35 0%, #112d4e 60%, #0a2240 100%);
  position: relative;
  overflow: hidden;
  border-radius: 30px;
}

.aboutus-page .abt-journey::before {
  content: "";
  position: absolute;
  inset: 0;
  background-image: radial-gradient(rgba(255, 255, 255, 0.03) 1px,
      transparent 1px);
  background-size: 28px 28px;
}

.aboutus-page .abt-journey::after {
  content: "";
  position: absolute;
  top: -100px;
  right: -100px;
  width: 450px;
  height: 450px;
  background: radial-gradient(circle,
      rgba(0, 86, 179, 0.15) 0%,
      transparent 70%);
  border-radius: 50%;
  pointer-events: none;
}

.aboutus-page .abt-journey-title {
  font-size: 32px;
  font-weight: 700;
  color: #ffffff;
  margin: 0 0 44px;
  position: relative;
  display: inline-block;
}

.aboutus-page .abt-journey-title::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -10px;
  width: 48px;
  height: 3px;
  background: linear-gradient(90deg, #3b82f6, #22c5e3);
  border-radius: 3px;
}

/* Timeline */
.aboutus-page .abt-timeline {
  position: relative;
  padding-left: 28px;
}

.aboutus-page .abt-timeline::before {
  content: "";
  position: absolute;
  left: 7px;
  top: 8px;
  bottom: 4px;
  width: 2px;
  background: linear-gradient(180deg,
      #3b82f6 0%,
      rgba(59, 130, 246, 0.15) 100%);
}

.aboutus-page .abt-tl-item {
  position: relative;
  margin-bottom: 38px;
}

.aboutus-page .abt-tl-item:last-child {
  margin-bottom: 0;
}

.aboutus-page .abt-tl-dot {
  position: absolute;
  left: -28px;
  top: 5px;
  width: 16px;
  height: 16px;
  background: #062654;
  border: 3px solid #22c5e3;
  border-radius: 50%;
  box-shadow: 0 0 0 4px rgba(59, 130, 246, 0.18);
  transition: all 0.3s ease;
}

.aboutus-page .abt-tl-item:hover .abt-tl-dot {
  background: #22c5e3;
  transform: scale(1.25);
  box-shadow: 0 0 0 8px rgba(34, 197, 227, 0.15);
}

.aboutus-page .abt-tl-year {
  display: block;
  font-size: 20px;
  font-weight: 700;
  color: #60a5fa;
  margin-bottom: 5px;
}

.aboutus-page .abt-tl-text {
  font-size: 14px;
  color: #94a3b8;
  line-height: 1.65;
  margin: 0;
}

/* Mission / Vision panel */
.aboutus-page .abt-mv-wrap {
  background: rgba(255, 255, 255, 0.04);
  border: 1px solid rgba(255, 255, 255, 0.09);
  border-radius: 20px;
  padding: 30px 0px 30px 30px;
  position: relative;
  backdrop-filter: blur(10px);
  height: 100%;
  display: flex;
  align-items: center;
}

.aboutus-page .abt-mv-wrap .abt-mv-block {
  margin-bottom: 36px;
  padding-bottom: 36px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.07);
}

.aboutus-page .abt-mv-wrap .abt-mv-block.last {
  margin-bottom: 0;
  padding-bottom: 0;
  border-bottom: none;
}

.aboutus-page .abt-mv-title {
  font-size: 22px;
  font-weight: 700;
  color: #ffffff;
  margin: 0 0 12px;
  display: flex;
  align-items: center;
  gap: 12px;
}

.aboutus-page .abt-mv-title::before {
  content: "";
  display: inline-block;
  width: 6px;
  height: 24px;
  background: linear-gradient(180deg, #3b82f6, #22c5e3);
  border-radius: 3px;
  flex-shrink: 0;
}

.aboutus-page .abt-mv-text {
  font-size: 14.5px;
  color: #94a3b8;
  line-height: 1.75;
  margin: 0;
}

/* Circular lifestyle image corner */
.aboutus-page .abt-circ-wrap {
  position: relative;
  border-radius: 500px 0 0 500px;
  overflow: hidden;
  border: 5px solid #0d1f35;
  /* box-shadow: 0 12px 32px rgba(0, 0, 0, 0.35);
	 */
  height: 100%;
  width: 1010px;
}

.aboutus-page .abt-circ-img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* ════════════════════════════════════════════════════════ SCROLL ANIMATIONS ════════════════════════════════════════════════════════ */
.aboutus-page .abt-reveal {
  opacity: 0;
  transform: translateY(30px);
  transition:
    opacity 0.65s ease,
    transform 0.65s ease;
}

.aboutus-page .abt-reveal.visible {
  opacity: 1;
  transform: translateY(0);
}

.aboutus-page .abt-reveal.d1 {
  transition-delay: 0.08s;
}

.aboutus-page .abt-reveal.d2 {
  transition-delay: 0.16s;
}

.aboutus-page .abt-reveal.d3 {
  transition-delay: 0.24s;
}

.aboutus-page .abt-reveal.d4 {
  transition-delay: 0.32s;
}

.aboutus-page .abt-reveal.d5 {
  transition-delay: 0.4s;
}

/* ════════════════════════════════════════════════════════ RESPONSIVE ════════════════════════════════════════════════════════ */
@media (max-width: 1200px) {
  .aboutus-page .abt-values-grid {
    grid-template-columns: repeat(3, 1fr);
    gap: 18px;
  }

  .aboutus-page .abt-circ-wrap {
    display: none;
  }
}

@media (max-width: 991px) {
  .aboutus-page .abt-hero {
    padding: 60px 0 50px;
    text-align: center;
  }

  .aboutus-page .abt-hero::after {
    width: 320px;
    height: 320px;
    right: -80px;
  }

  .aboutus-page .abt-hero-desc {
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
  }

  .aboutus-page .abt-hero-visual {
    margin-top: 50px;
  }

  .aboutus-page .abt-stats-row {
    grid-template-columns: repeat(2, 1fr);
  }

  .aboutus-page .abt-values-grid {
    grid-template-columns: repeat(2, 1fr);
  }

  .aboutus-page .abt-redefine-img {
    height: 300px;
  }

  .aboutus-page .abt-journey {
    padding: 70px 0;
  }

  .aboutus-page .abt-mv-wrap {
    padding: 36px 28px;
    margin-top: 50px;
  }

  .aboutus-page .abt-welcome {
    padding: 60px 0 40px;
  }
}

@media (max-width: 767px) {
  .aboutus-page .abt-hero-title {
    font-size: 32px;
  }

  .aboutus-page .abt-values-heading {
    font-size: 24px;
  }

  .aboutus-page .abt-values-line {
    display: none;
  }

  .aboutus-page .abt-journey-title {
    font-size: 26px;
  }

  .aboutus-page .abt-mv-wrap {
    padding: 28px 22px;
  }

  .aboutus-page .abt-stat-num {
    font-size: 30px;
  }

  .aboutus-page .abt-stat-card {
    padding: 24px 14px;
  }
}

@media (max-width: 575px) {
  .aboutus-page .abt-hero-title {
    font-size: 28px;
  }

  .aboutus-page .abt-stats-row {
    grid-template-columns: repeat(2, 1fr);
    gap: 14px;
  }

  .aboutus-page .abt-values-grid {
    grid-template-columns: 1fr 1fr;
    gap: 14px;
  }

  .aboutus-page .abt-value-card {
    padding: 24px 12px 20px;
  }

  .aboutus-page .abt-redefine-img {
    height: 240px;
  }
}

.products-list.biolife-carousel .slick-track {
  padding-bottom: 20px;
}

.products-list.biolife-carousel .slick-slide.product-item {
  padding: 0 10px !important;
  /* margin: 0 -10px !important;
	 */
}

.hk-cart-page {
  background: #f3f5f8;
  color: #171a21;
  -webkit-font-smoothing: antialiased;
}

/* .hk-cart-page * {
	 box-sizing: border-box;
}
 .hk-cart-page a {
	 text-decoration: none;
}
 */
/* .hk-cart-page .breadcrum-area {
	 position: relative;
	 min-height: 220px;
	 display: flex;
	 align-items: flex-end;
	 overflow: hidden;
	 background: #142850;
}
 .hk-cart-page .breadcrum-area figure {
	 position: absolute;
	 inset: 0;
	 margin: 0;
}
 .hk-cart-page .breadcrum-area figure img {
	 width: 100%;
	 height: 100%;
	 object-fit: cover;
	 opacity: 0.28;
}
 .hk-cart-page .breadcrum-area::before {
	 content: "";
	 position: absolute;
	 inset: 0;
	 background: linear-gradient( 115deg, #142850 15%, rgba(20, 40, 80, 0.55) 60%, rgba(20, 40, 80, 0.15) 100% );
}
 .hk-cart-page .breadcrum-area .container {
	 position: relative;
	 z-index: 1;
	 padding-bottom: 36px;
}
 .hk-cart-page .heading-area .page-title {
	 font-weight: 700;
	 font-size: clamp(28px, 4vw, 42px);
	 color: #fff;
	 letter-spacing: -0.01em;
	 margin: 0;
}
 */
.hk-cart-page .biolife-nav {
  /* padding: 16px 0 8px;
	 */
}

.hk-cart-page .biolife-nav ul {
  list-style: none;
  display: flex;
  align-items: center;
  gap: 8px;
  margin: 0;
  padding: 0;
  font-size: 13px;
  color: #5b6270;
}

.hk-cart-page .biolife-nav .nav-item {
  display: flex;
  align-items: center;
  gap: 8px;
}

.hk-cart-page .biolife-nav .nav-item+.nav-item::before {
  content: "/";
  color: #c7ccd8;
}

.hk-cart-page .biolife-nav .permal-link {
  color: #142850;
  font-weight: 600;
}

.hk-cart-page .biolife-nav .permal-link:hover {
  color: #c89b3c;
}

.hk-cart-page .biolife-nav .current-page {
  color: #5b6270;
  font-weight: 500;
}

.hk-cart-page .page-contain {
  padding: 40px 0 0px;
}

.hk-cart-page .shopping-cart-container {
  margin-top: 8px;
  padding-bottom: 60px;
}

.hk-cart-page #shopping-cart {
  align-items: start;
}

.hk-cart-page .box-title {
  font-weight: 700;
  font-size: 20px;
  color: #142850;
  margin: 0 0 18px;
  letter-spacing: -0.01em;
}

.hk-cart-page .shop_table {
  width: 100%;
  border-collapse: separate;
  border-spacing: 0 12px;
  background: transparent;
}

.hk-cart-page .shop_table thead {
  display: none;
}

.hk-cart-page .shop_table tbody {
  display: block;
}

.hk-cart-page .shop_table tr.cart_item {
  position: relative;
  display: grid;
  grid-template-columns: 92px minmax(0, 1fr) 100px 128px 100px 0;
  align-items: center;
  gap: 18px;
  background: #ffffff;
  border: 1px solid #e4e7ee;
  border-radius: 14px;
  box-shadow:
    0 1px 2px rgba(20, 40, 80, 0.04),
    0 12px 28px -16px rgba(20, 40, 80, 0.18);
  padding: 16px 20px;
  margin-bottom: 10px;
}

.hk-cart-page .shop_table td {
  display: block;
  border: none;
  padding: 0;
}

.hk-cart-page .product-thumbnail .prd-thumb {
  display: block;
  width: 80px;
  height: 80px;
  border-radius: 8px;
  overflow: hidden;
  background: #f3f5f8;
  border: 1px solid #e4e7ee;
}

.hk-cart-page .product-thumbnail .prd-thumb img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  padding: 6px;
}

.hk-cart-page .prd-name {
  font-weight: 600;
  font-size: 15px;
  line-height: 1.4;
  color: #171a21;
}

.hk-cart-page .prd-name:hover {
  color: #1f3b6e;
}

.hk-cart-page .product-price .price-contain,
.hk-cart-page .product-subtotal .price-contain {
  display: flex;
}

.hk-cart-page .price-amount {
  font-weight: 600;
  font-size: 14px;
  color: #5b6270;
  display: inline-flex;
  align-items: baseline;
  gap: 2px;
}

.hk-cart-page .product-subtotal .price-amount {
  font-size: 16px;
  color: #142850;
  font-weight: 600;
}

.hk-cart-page .currencySymbol {
  font-size: 16px;
  opacity: 1;
}

.hk-cart-page .quantity-box.type1 {
  display: flex;
}

.hk-cart-page .qty-input {
  display: flex;
  align-items: center;
  background: #f3f5f8;
  border: 1px solid #e4e7ee;
  border-radius: 999px;
  padding: 4px 6px;
  gap: 2px;
  width: fit-content;
}

.hk-cart-page .qty-input .Cartquantity {
  width: 44px;
  border: none;
  background: transparent;
  text-align: center;
  font-weight: 600;
  font-size: 14px;
  color: #171a21;
  padding: 6px 0;
}

.hk-cart-page .qty-input .Cartquantity:focus {
  outline: none;
}

.hk-cart-page .qty-input .qty-btn {
  width: 26px;
  height: 26px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background: #ffffff;
  border: 1px solid #e4e7ee;
  color: #142850;
  font-size: 11px;
  transition:
    background 0.15s ease,
    color 0.15s ease,
    border-color 0.15s ease;
}

.hk-cart-page .qty-input .qty-btn:hover {
  background: #142850;
  border-color: #142850;
  color: #fff;
}

.hk-cart-page .product-action .action {
  display: flex;
  justify-content: flex-end;
  position: absolute;
  top: -10px;
  right: -10px;
}

.hk-cart-page .CartRemove {
  width: 36px;
  height: 36px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  border: 1px solid #e4e7ee;
  color: #c1432d;
  background: #ffffff;
  transition:
    background 0.15s ease,
    color 0.15s ease;
}

.hk-cart-page .CartRemove:hover {
  background: #c1432d;
  color: #fff;
  border-color: #c1432d;
}

/* Empty cart */
.hk-cart-page .emptycart {
  background: #ffffff;
  border: 1px dashed #e4e7ee;
  border-radius: 14px;
  padding: 56px 24px;
}

.hk-cart-page .emptycart img {
  max-width: 220px;
  width: 100%;
  opacity: 0.9;
  margin: 0 auto;
  display: block;
}

.hk-cart-page tr.wrap-buttons {
  background: transparent;
  border: none;
  box-shadow: none;
  grid-template-columns: 1fr;
  padding: 8px 4px 0;
}

.hk-cart-page .wrap-btn-control {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  gap: 12px;
}

.hk-cart-page .btn.back-to-shop,
.hk-cart-page .btn.btn-clear {
  font-weight: 600;
  font-size: 13.5px;
  padding: 11px 22px;
  border-radius: 999px;
  transition: all 0.15s ease;
}

.hk-cart-page .btn.back-to-shop {
  color: #142850;
  border: 1px solid #e4e7ee;
  background: #ffffff;
}

.hk-cart-page .btn.back-to-shop:hover {
  border-color: #142850;
}

.hk-cart-page .btn.btn-clear {
  color: #c1432d;
  border: 1px solid transparent;
  background: transparent;
}

.hk-cart-page .btn.btn-clear:hover {
  text-decoration: underline;
}

.hk-cart-page .shpcart-subtotal-block {
  background: #ffffff;
  border: 1px solid #e4e7ee;
  border-top: 3px solid #c89b3c;
  border-radius: 14px;
  box-shadow:
    0 1px 2px rgba(20, 40, 80, 0.04),
    0 12px 28px -16px rgba(20, 40, 80, 0.18);
  padding: 24px 22px 22px;
  position: sticky;
  top: 24px;
}

.hk-cart-page .subtotal-line {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 10px 0;
  border-bottom: 1px dashed #e4e7ee;
  font-size: 13.5px;
}

.hk-cart-page .subtotal-line .stt-name {
  font-weight: 500;
  color: #5b6270;
}

.hk-cart-page .subtotal-line .stt-price {
  color: #171a21;
  font-weight: 600;
}

.hk-cart-page .subtotal-line .stt-price .fa-rupee {
  font-size: 11px;
  margin-right: 2px;
}

.hk-cart-page .subtotal-line:last-of-type {
  border-bottom: none;
  margin-top: 0;
  padding-top: 0;
}

.hk-cart-page .subtotal-line:last-of-type .stt-name {
  font-weight: 700;
  font-size: 15px;
  color: #142850;
}

.hk-cart-page .subtotal-line:last-of-type .stt-price {
  font-size: 19px;
  font-weight: 700;
  color: #142850;
}

.hk-cart-page .btn-checkout {
  margin-top: 20px;
}

.hk-cart-page .btn-checkout .btn.checkout {
  display: block;
  width: 100%;
  text-align: center;
  font-weight: 700;
  font-size: 14.5px;
  letter-spacing: 0.01em;
  color: #171a21;
  background: linear-gradient(180deg, #c89b3c, #b8862c);
  padding: 15px 20px;
  border-radius: 999px;
  box-shadow: 0 10px 22px -10px rgba(200, 155, 60, 0.55);
  transition:
    transform 0.15s ease,
    box-shadow 0.15s ease;
}

.hk-cart-page .btn-checkout .btn.checkout:hover {
  transform: translateY(-1px);
  box-shadow: 0 14px 26px -10px rgba(200, 155, 60, 0.65);
}

.hk-cart-page .product-related-box {
  padding: 56px 0 64px;
  /* margin-top: 48px;
	 */
  background: linear-gradient(180deg, #ffffff, #f3f5f8);
  border-top: 1px solid #e4e7ee;
  margin-top: 0;
  margin-bottom: 0;
}

.hk-cart-page .biolife-title-box {
  margin-bottom: 28px;
}

.hk-cart-page .biolife-title-box .subtitle {
  display: inline-block;
  font-size: 12px;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #c89b3c;
  margin-bottom: 6px;
}

.hk-cart-page .biolife-title-box .main-title {
  font-weight: 700;
  font-size: 26px;
  color: #142850;
  margin: 0;
}

.hk-cart-page .card-product-area {
  background: #ffffff;
  border: 1px solid #e4e7ee;
  border-radius: 14px;
  overflow: hidden;
  box-shadow:
    0 1px 2px rgba(20, 40, 80, 0.04),
    0 12px 28px -16px rgba(20, 40, 80, 0.18);
  margin: 6px;
  transition:
    transform 0.18s ease,
    box-shadow 0.18s ease;
}

.hk-cart-page .card-product-area:hover {
  transform: translateY(-4px);
}



.hk-cart-page .p-image .img-wrapper {
  background: #f3f5f8;
  border-radius: 8px;
  margin-bottom: 14px;
  overflow: hidden;
}

.hk-cart-page .cmp-image {
  aspect-ratio: 1/1;
  display: flex;
  align-items: center;
  justify-content: center;
}

.hk-cart-page .cmp-image__image {
  width: 80%;
  height: 80%;
  object-fit: contain;
}

.hk-cart-page .p-title .title a {
  font-weight: 600;
  font-size: 14.5px;
  color: #171a21;
  line-height: 1.4;
}

.hk-cart-page .p-title .title h6 {
  font-size: 11px;
  color: #5b6270;
  font-weight: 500;
  margin: 4px 0 0;
}

.hk-cart-page .p-title .title h6 span {
  color: #171a21;
}

.hk-cart-page .product-bottom-container {
  margin-top: 14px;
}

.hk-cart-page .price-box {
  margin-bottom: 2px;
}

.hk-cart-page .purchase-price {
  font-weight: 600;
  font-size: 16px;
  color: #142850;
}

.hk-cart-page .mrp-type .p-price {
  font-size: 11px;
  color: #5b6270;
}

.hk-cart-page .actual-price {
  font-size: 12.5px;
}

.hk-cart-page .discounted-price span {
  display: inline-block;
  font-weight: 700;
  font-size: 11px;
  color: #1d7a46;
  background: #e4f5eb;
  padding: 2px 8px;
  border-radius: 999px;
}

.hk-cart-page .cta-wrap {
  margin-top: 12px;
}

.hk-cart-page .add-to-cart-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  width: 100%;
  font-weight: 600;
  font-size: 13px;
  border: 1px solid #142850;
  border-radius: 999px;
  padding: 10px 14px;
  background: transparent;
  transition: all 0.15s ease;
  color: #fff;
}

.hk-cart-page .add-to-cart-btn:hover {
  background: #fff;
  color: #142850;
}

.hk-cart-page .biolife-carousel .slick-prev,
.hk-cart-page .biolife-carousel .slick-next {
  background: #ffffff;
  border: 1px solid #e4e7ee;
  box-shadow:
    0 1px 2px rgba(20, 40, 80, 0.04),
    0 12px 28px -16px rgba(20, 40, 80, 0.18);
}

@media (max-width: 991px) {
  .hk-cart-page .shpcart-subtotal-block {
    position: static;
  }
}

@media (max-width: 767px) {
  .hk-cart-page .breadcrum-area {
    min-height: 150px;
  }

  .hk-cart-page .shop_table tr.cart_item {
    grid-template-columns: 72px 1fr auto;
    grid-template-areas: "thumb name name" "thumb price total" "thumb qty action";
    row-gap: 10px;
    padding: 14px;
  }

  .hk-cart-page .shop_table td.product-thumbnail:first-child {
    grid-area: thumb;
  }

  .hk-cart-page .shop_table td.product-thumbnail:nth-child(2) {
    grid-area: name;
  }

  .hk-cart-page .shop_table td.product-price {
    grid-area: price;
  }

  .hk-cart-page .shop_table td.product-quantity {
    grid-area: qty;
  }

  .hk-cart-page .shop_table td.product-subtotal {
    grid-area: total;
    justify-self: end;
  }

  .hk-cart-page .shop_table td.product-action {
    grid-area: action;
    justify-self: end;
  }

  .hk-cart-page .prd-thumb {
    width: 64px;
    height: 64px;
  }

  .hk-cart-page .wrap-btn-control {
    flex-direction: column;
    align-items: stretch;
  }

  .hk-cart-page .wrap-btn-control .btn {
    width: 100%;
    text-align: center;
  }
}

@media (max-width: 480px) {
  .hk-cart-page .box-title {
    font-size: 17px;
  }

  .hk-cart-page .biolife-title-box .main-title {
    font-size: 21px;
  }
}

.pd-page.product-details-new-page {
  background-color: #fafafa;
  color: #111827;
  padding-bottom: 1px;
}

/* ─── Hero Banner ─── */
.pd-page.product-details-new-page .pd-hero-card {
  background: rgba(10, 25, 60, 0.97);
  border-radius: 20px;
  padding: 38px 48px;
  margin: 24px 0 32px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: relative;
  overflow: hidden;
  min-height: 380px;
  border: 1px solid rgba(0, 0, 0, 0.04);
}

.pd-page.product-details-new-page .pd-hero-card::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 4;
  background: linear-gradient(105deg,
      rgba(10, 25, 60, 0.97) 0%,
      rgba(12, 30, 72, 0.95) 25%,
      rgba(15, 38, 85, 0.88) 40%,
      rgba(18, 45, 95, 0.65) 55%,
      rgba(20, 50, 100, 0.25) 70%,
      transparent 85%);
}

.pd-page.product-details-new-page .pd-hero-left {
  max-width: 60%;
  z-index: 10;
  position: relative;
}

.pd-page.product-details-new-page .pd-breadcrumb {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 14px;
  font-weight: 500;
  color: #c9a76d;
  margin-bottom: 86px;
}

.pd-page.product-details-new-page .pd-breadcrumb a {
  color: #c9a76d;
  text-decoration: none;
  transition: color 0.2s;
}

.pd-page.product-details-new-page .pd-breadcrumb a:hover {
  color: #ed2f59;
}

.pd-page.product-details-new-page .pd-breadcrumb-sep {
  font-size: 11px;
  color: #bdbdbd;
}

.pd-page.product-details-new-page .pd-breadcrumb-current {
  color: #ffffff;
  font-weight: 700;
}

.pd-page.product-details-new-page .pd-hero-title {
  font-size: 40px;
  font-weight: 700;
  color: #c9a76d;
  letter-spacing: -0.5px;
  line-height: 1.15;
  margin: 0 0 10px 0;
}

.pd-page.product-details-new-page .pd-hero-desc {
  font-size: 14.5px;
  color: #fcfcfc;
  line-height: 1.5;
  margin: 0;
}

.pd-page.product-details-new-page .pd-hero-img {
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  width: 100%;
  object-fit: cover;
  z-index: 1;
}

/* ─── Gallery Column (Left) ─── */
.pd-page.product-details-new-page .pd-gallery-card {
  background: #ffffff;
  border: 1px solid #ededed;
  border-radius: 20px;
  padding: 30px;
  position: relative;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.02);
}

.pd-page.product-details-new-page .pd-discount-badge-top {
  position: absolute;
  top: 20px;
  left: 20px;
  background: #ef4444;
  color: #ffffff;
  font-size: 11px;
  font-weight: 700;
  padding: 4px 10px;
  border-radius: 6px;
  z-index: 5;
  letter-spacing: 0.3px;
}

.pd-page.product-details-new-page .pd-wishlist-top-btn {
  position: absolute;
  top: 20px;
  right: 20px;
  background: #ffffff;
  border: 1px solid #f3f4f6;
  width: 36px;
  height: 36px;
  border-radius: 50%;
  color: #9ca3af;
  font-size: 16px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.2s;
  z-index: 5;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.04);
}

.pd-page.product-details-new-page .pd-wishlist-top-btn:hover,
.pd-page.product-details-new-page .pd-wishlist-top-btn.active {
  color: #ef4444;
  border-color: #fee2e2;
  background: #fef2f2;
}

.pd-page.product-details-new-page .pd-main-img-area {
  position: relative;
  width: 100%;
  min-height: 360px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 20px 10px;
}

.pd-page.product-details-new-page .pd-main-img-area .app-figure,
.pd-page.product-details-new-page .pd-main-img-area #zoom-fig {
  width: 100%;
  text-align: center;
  margin: 0;
}

.pd-page.product-details-new-page .pd-main-img-area .MagicZoom {
  display: inline-block;
  max-width: 100%;
}

.pd-page.product-details-new-page .pd-main-img-area .MagicZoom img {
  max-width: 100%;
  max-height: 330px;
  object-fit: contain;
  margin: 0 auto;
}

.pd-page.product-details-new-page .pd-img-nav-btn {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 32px;
  height: 32px;
  border-radius: 50%;
  background: #ffffff;
  border: 1px solid #e5e7eb;
  color: #4b5563;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  font-size: 14px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.06);
  transition: all 0.2s;
  z-index: 6;
}

.pd-page.product-details-new-page .pd-img-nav-btn:hover {
  background: #0f1f38;
  color: #ffffff;
  border-color: #0f1f38;
}

.pd-page.product-details-new-page .pd-img-nav-prev {
  left: 5px;
}

.pd-page.product-details-new-page .pd-img-nav-next {
  right: 5px;
}

/* Thumbnails Row */
.pd-page.product-details-new-page .pd-thumbs-wrapper {
  margin-top: 24px;
  border-top: 1px solid #f3f4f6;
  padding-top: 20px;
}

.pd-page.product-details-new-page .pd-thumbs-list {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 12px !important;
  list-style: none !important;
  padding: 4px !important;
  margin: 0 !important;
  overflow-x: auto !important;
  scrollbar-width: none;
  -ms-overflow-style: none;
  scroll-behavior: smooth;
}

.pd-page.product-details-new-page .pd-thumbs-list::-webkit-scrollbar {
  display: none;
}

.pd-page.product-details-new-page .pd-thumb-item {
  flex-shrink: 0 !important;
  margin: 0 !important;
}

.pd-page.product-details-new-page .pd-thumb-link {
  display: block !important;
  width: 68px !important;
  height: 68px !important;
  border-radius: 12px !important;
  border: 2px solid #e2e8f0 !important;
  padding: 4px !important;
  background: #ffffff !important;
  transition: all 0.22s cubic-bezier(0.4, 0, 0.2, 1) !important;
  cursor: pointer !important;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.02) !important;
  box-sizing: border-box !important;
  text-align: center;
}

.pd-page.product-details-new-page .pd-thumb-link img {
  width: 100% !important;
  height: 100% !important;
  object-fit: contain !important;
  border-radius: 8px !important;
  transition: transform 0.2s ease !important;
  display: block;
}

.pd-page.product-details-new-page .pd-thumb-link:hover {
  border-color: #93c5fd !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 6px 14px rgba(37, 99, 235, 0.15) !important;
}

.pd-page.product-details-new-page .pd-thumb-link.mz-thumb-selected,
.pd-page.product-details-new-page .pd-thumb-link.active {
  border-color: #2563eb !important;
  box-shadow: 0 0 0 2px rgba(37, 99, 235, 0.2), 0 6px 16px rgba(37, 99, 235, 0.22) !important;
  transform: translateY(-3px) scale(1.03) !important;
}

/* ─── Product Attribute & Info Column (Right) ─── */
.pd-page.product-details-new-page .pd-info-col {
  padding-left: 10px;
}

.pd-page.product-details-new-page .pd-title {
  font-size: 26px;
  font-weight: 700;
  color: #111827;
  line-height: 1.3;
  margin: 0 0 6px 0;
  letter-spacing: -0.3px;
}

.pd-page.product-details-new-page .pd-subcat {
  font-size: 14px;
  color: #6b7280;
  font-weight: 500;
  margin-bottom: 14px;
}

.pd-page.product-details-new-page .pd-meta-bar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 12px;
  margin-bottom: 20px;
}

.pd-page.product-details-new-page .pd-meta-left {
  display: flex;
  align-items: center;
  gap: 14px;
  flex-wrap: wrap;
}

.pd-page.product-details-new-page .pd-model {
  font-size: 13px;
  font-weight: 600;
  color: #374151;
}

.pd-page.product-details-new-page .pd-rating-block {
  display: flex;
  align-items: center;
  gap: 6px;
}

.pd-page.product-details-new-page .pd-stars {
  color: #f59e0b;
  font-size: 13px;
  letter-spacing: 2px;
}

.pd-page.product-details-new-page .pd-reviews-count {
  font-size: 12.5px;
  color: #6b7280;
  font-weight: 500;
}

/* Social Share */
.pd-page.product-details-new-page .pd-social-list {
  display: flex;
  align-items: center;
  gap: 10px;
  list-style: none;
  padding: 0;
  margin: 0;
}

.pd-page.product-details-new-page .pd-social-link {
  width: 28px;
  height: 28px;
  border-radius: 50%;
  color: #6b7280;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 13px;
  text-decoration: none;
  transition: all 0.2s;
}

.pd-page.product-details-new-page .pd-social-link:hover {
  color: #0f1f38;
  background: #f3f4f6;
}

/* ─── Buy / Details Card ─── */
.pd-page.product-details-new-page .pd-buy-box {
  background: #ffffff;
  border: 1px solid #ededed;
  border-radius: 16px;
  padding: 24px 28px;
  margin-bottom: 20px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.02);
}

.pd-page.product-details-new-page .pd-price-row {
  display: flex;
  align-items: baseline;
  gap: 14px;
  margin-bottom: 20px;
  padding-bottom: 18px;
  border-bottom: 1px solid #f3f4f6;
}

.pd-page.product-details-new-page .pd-main-price {
  font-size: 30px;
  font-weight: 700;
  color: #111827;
  letter-spacing: -0.5px;
  line-height: 1;
}

.pd-page.product-details-new-page .pd-mrp-price {
  font-size: 15px;
  color: #9ca3af;
  font-weight: 400;
}

.pd-page.product-details-new-page .pd-discount-badge {
  background: #dcfce7;
  color: #059669;
  font-size: 12px;
  font-weight: 700;
  padding: 3px 8px;
  border-radius: 6px;
}

/* Quantity Row */
.pd-page.product-details-new-page .pd-qty-row {
  display: flex;
  align-items: center;
  gap: 16px;
  margin-bottom: 22px;
}

.pd-page.product-details-new-page .pd-qty-label {
  font-size: 13.5px;
  font-weight: 600;
  color: #111827;
}

.pd-page.product-details-new-page .pd-qty-stepper {
  display: inline-flex;
  align-items: center;
  border: 1px solid #e5e7eb;
  border-radius: 8px;
  overflow: hidden;
  background: #ffffff;
}

.pd-page.product-details-new-page .pd-qty-btn {
  width: 34px;
  height: 34px;
  background: #f9fafb;
  border: none;
  color: #4b5563;
  font-size: 14px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: background 0.15s;
  text-decoration: none;
}

.pd-page.product-details-new-page .pd-qty-btn:hover {
  background: #f3f4f6;
  color: #111827;
}

.pd-page.product-details-new-page .pd-qty-input {
  width: 44px;
  height: 34px;
  border: none;
  border-left: 1px solid #e5e7eb;
  border-right: 1px solid #e5e7eb;
  text-align: center;
  font-size: 13.5px;
  font-weight: 700;
  color: #111827;
  outline: none;
  padding: 0;
}

/* Trust / Features 3-Col Bar */
.pd-page.product-details-new-page .pd-trust-bar {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 12px;
  padding: 16px 0;
  margin-bottom: 20px;
  border-top: 1px solid #f3f4f6;
  border-bottom: 1px solid #f3f4f6;
}

.pd-page.product-details-new-page .pd-trust-item {
  display: flex;
  align-items: center;
  gap: 10px;
}

.pd-page.product-details-new-page .pd-trust-icon {
  width: 36px;
  height: 36px;
  border-radius: 50%;
  background: #f3f4f6;
  color: #0f1f38;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 15px;
  flex-shrink: 0;
}

.pd-page.product-details-new-page .pd-trust-title {
  font-size: 12px;
  font-weight: 700;
  color: #111827;
  line-height: 1.2;
}

.pd-page.product-details-new-page .pd-trust-sub {
  font-size: 11px;
  color: #6b7280;
}

/* Specifications Details in Buy Box */
.pd-page.product-details-new-page .pd-spec-list {
  display: flex;
  flex-direction: column;
  gap: 12px;
  margin-bottom: 22px;
}

.pd-page.product-details-new-page .pd-spec-row {
  display: flex;
  align-items: flex-start;
  gap: 16px;
  font-size: 12.5px;
  line-height: 1.5;
}

.pd-page.product-details-new-page .pd-spec-key {
  width: 120px;
  flex-shrink: 0;
  font-weight: 700;
  color: #111827;
  text-transform: uppercase;
  font-size: 11.5px;
  letter-spacing: 0.4px;
}

.pd-page.product-details-new-page .pd-spec-val {
  flex: 1;
  color: #4b5563;
}

.pd-page.product-details-new-page .pd-highlight-bullets {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 6px;
}

.pd-page.product-details-new-page .pd-highlight-bullets li {
  position: relative;
  padding-left: 14px;
  color: #4b5563;
  font-size: 12.5px;
}

.pd-page.product-details-new-page .pd-highlight-bullets li::before {
  content: "•";
  position: absolute;
  left: 2px;
  color: #6b7280;
  font-size: 14px;
}

/* Payment Badges */
.pd-page.product-details-new-page .pd-payment-row {
  display: flex;
  align-items: center;
  gap: 14px;
  padding-top: 14px;
  border-top: 1px solid #f3f4f6;
  flex-wrap: wrap;
}

.pd-page.product-details-new-page .pd-payment-label {
  font-size: 11px;
  font-weight: 700;
  color: #111827;
  letter-spacing: 0.5px;
  text-transform: uppercase;
}

.pd-page.product-details-new-page .pd-payment-badges {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
}

.pd-page.product-details-new-page .pd-pay-chip {
  background: #ffffff;
  font-size: 11px;
  font-weight: 700;
  color: #374151;
  display: inline-flex;
  align-items: center;
  gap: 4px;
  line-height: 1.2;
}

.pd-page.product-details-new-page .pd-pay-chip.visa {
  color: #1a1f71;
  font-style: italic;
  font-weight: 900;
}

.pd-page.product-details-new-page .pd-pay-chip.mastercard {
  color: #eb001b;
}

.pd-page.product-details-new-page .pd-pay-chip.upi {
  color: #097939;
}

.pd-page.product-details-new-page .pd-pay-chip.paytm {
  color: #00baf2;
}

.pd-page.product-details-new-page .pd-pay-chip.rupay {
  color: #097939;
}

/* ─── Action CTA Buttons Row ─── */
.pd-page.product-details-new-page .pd-action-buttons {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 16px;
  margin-top: 8px;
}

.pd-page.product-details-new-page .pd-btn-cart {
  background: #ffffff;
  border: 1.5px solid #0f1f38;
  color: #0f1f38;
  border-radius: 10px;
  padding: 14px 20px;
  font-size: 13.5px;
  font-weight: 700;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  transition: all 0.2s ease;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  width: 100%;
}

.pd-page.product-details-new-page .pd-btn-cart:hover {
  background: #0f1f38;
  color: #ffffff;
}

.pd-page.product-details-new-page .pd-btn-buynow {
  background: #0b2538;
  border: 1.5px solid #0b2538;
  color: #ffffff;
  border-radius: 10px;
  padding: 14px 20px;
  font-size: 13.5px;
  font-weight: 700;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  transition: all 0.2s ease;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  width: 100%;
}

.pd-page.product-details-new-page .pd-btn-buynow:hover {
  background: #133d5c;
  border-color: #133d5c;
}

/* ─── Product Tabs & Accordion Section ─── */
.pd-page.product-details-new-page .pd-tabs-section {
  margin-top: 50px;
}

.pd-page.product-details-new-page .pd-tabs-card {
  background: #ffffff;
  border: 1px solid #ededed;
  border-radius: 16px;
  padding: 8px;
  position: sticky;
  top: 10px;
}

.pd-page.product-details-new-page .pd-tab-nav {
  display: flex;
  flex-direction: column;
  gap: 4px;
  list-style: none;
  padding: 0;
  margin: 0;
}

.pd-page.product-details-new-page .pd-tab-btn {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 12px 18px;
  border-radius: 10px;
  font-size: 13.5px;
  font-weight: 600;
  color: #4b5563;
  text-decoration: none;
  transition: all 0.2s ease;
  border: none;
  background: transparent;
  width: 100%;
  text-align: left;
  cursor: pointer;
}

.pd-page.product-details-new-page .pd-tab-btn i {
  font-size: 15px;
  width: 18px;
  text-align: center;
  color: #6b7280;
}

.pd-page.product-details-new-page .pd-tab-btn:hover {
  background: #f9fafb;
  color: #111827;
}

.pd-page.product-details-new-page .pd-tab-btn.active {
  background: #f3f4f6;
  color: #111827;
  font-weight: 700;
}

.pd-page.product-details-new-page .pd-tab-btn.active i {
  color: #111827;
}

.pd-page.product-details-new-page .pd-tab-content-card {
  background: #ffffff;
  border: 1px solid #ededed;
  border-radius: 16px;
  padding: 32px;
  min-height: 270px;
}

.pd-page.product-details-new-page .pd-tab-pane {
  display: none;
}

.pd-page.product-details-new-page .pd-tab-pane.active {
  display: block;
  animation: pdFadeIn 0.25s ease;
}

@keyframes pdFadeIn {
  from {
    opacity: 0;
    transform: translateY(4px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.pd-page.product-details-new-page .pd-desc-text {
  font-size: 14px;
  color: #4b5563;
  line-height: 1.7;
  margin-bottom: 24px;
}

/* Feature Accordions */
.pd-page.product-details-new-page .pd-accordion-list {
  display: flex;
  flex-direction: column;
  gap: 10px;
  margin-top: 20px;
}

.pd-page.product-details-new-page .pd-accordion-item {
  border: 1px solid #e5e7eb;
  border-radius: 10px;
  overflow: hidden;
  background: #ffffff;
  transition: border-color 0.2s;
}

.pd-page.product-details-new-page .pd-accordion-item.active {
  border-color: #0f1f38;
}

.pd-page.product-details-new-page .pd-accordion-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 14px 20px;
  cursor: pointer;
  background: #ffffff;
  font-size: 14px;
  font-weight: 700;
  color: #111827;
  transition: background 0.2s;
}

.pd-page.product-details-new-page .pd-accordion-header:hover {
  background: #f9fafb;
}

.pd-page.product-details-new-page .pd-accordion-icon {
  font-size: 12px;
  color: #6b7280;
  transition: transform 0.25s ease;
}

.pd-page.product-details-new-page .pd-accordion-item.active .pd-accordion-icon {
  transform: rotate(180deg);
  color: #111827;
}

.pd-page.product-details-new-page .pd-accordion-body {
  display: none;
  padding: 16px 20px 20px;
  border-top: 1px solid #f3f4f6;
  font-size: 13.5px;
  color: #4b5563;
  line-height: 1.6;
  background: #fafafa;
}

/* Specifications Table */
.pd-page.product-details-new-page .pd-specs-table {
  width: 100%;
  border-collapse: separate;
  border-spacing: 0;
}

.pd-page.product-details-new-page .pd-tab-pane .table-responsive,
.pd-page.product-details-new-page .pd-tab-pane .table-responsive table.pd-specs-table {
  border: none !important;
}

.pd-page.product-details-new-page .pd-specs-table th.mainHead {
  background: #f3f4f6;
  color: #111827;
  font-size: 13.5px;
  font-weight: 700;
  padding: 10px 16px;
  /* border-radius: 8px 8px 0 0 ;
	 */
  text-align: left;
}

.pd-page.product-details-new-page .pd-specs-table th {
  font-size: 13px;
  font-weight: 600;
  color: #374151;
  padding: 10px 16px;
  width: 40%;
  border-bottom: 1px solid #f3f4f6;
  text-align: left;
}

.pd-page.product-details-new-page .pd-specs-table td {
  font-size: 13px;
  color: #6b7280;
  padding: 10px 16px;
  border-bottom: 1px solid #f3f4f6;
}

/* ─── Related Products Section ─── */
.pd-page.product-details-new-page .pd-related-section {
  margin-top: 60px;
  margin-bottom: 50px;
}

.pd-page.product-details-new-page .pd-related-heading {
  font-size: 22px;
  font-weight: 700;
  color: #111827;
  margin-bottom: 24px;
  letter-spacing: -0.3px;
}

.pd-page.product-details-new-page .pd-related-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 20px;
}

.pd-page.product-details-new-page .product-slick-carousel,
.pd-page.product-details-new-page .products-list.biolife-carousel {
  position: relative;
  overflow: visible;
}

.pd-page.product-details-new-page .product-slick-carousel .slick-list,
.pd-page.product-details-new-page .products-list.biolife-carousel .slick-list {
  overflow: hidden;
  padding: 10px 0 25px 0 !important;
  margin: 0 -10px;
}

.pd-page.product-details-new-page .product-slick-carousel .slick-track,
.pd-page.product-details-new-page .products-list.biolife-carousel .slick-track {
  display: flex !important;
  align-items: stretch !important;
}

.pd-page.product-details-new-page .product-slick-carousel .slick-slide,
.pd-page.product-details-new-page .products-list.biolife-carousel .slick-slide {
  height: auto !important;
  display: flex !important;
  flex-direction: column !important;
  padding: 0 10px;
}

.pd-page.product-details-new-page .product-slick-carousel .slick-slide>div,
.pd-page.product-details-new-page .products-list.biolife-carousel .slick-slide>div {
  height: 100% !important;
  display: flex !important;
  flex-direction: column !important;
  width: 100% !important;
}

.pd-page.product-details-new-page .product-slick-carousel .product-item,
.pd-page.product-details-new-page .product-slick-carousel .slick-slide .p-2 {
  height: 100% !important;
  display: flex !important;
  flex-direction: column !important;
  padding: 0 !important;
  width: 100% !important;
}

.pd-page.product-details-new-page .pd-related-card {
  background: #ffffff !important;
  border: 1px solid #ededed !important;
  border-radius: 16px !important;
  padding: 20px !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: space-between !important;
  height: 100% !important;
  min-height: 480px !important;
  box-sizing: border-box !important;
  transition: transform 0.25s ease, box-shadow 0.25s ease, border-color 0.25s ease !important;
}

.pd-page.product-details-new-page .pd-related-card:hover {
  transform: translateY(-4px) !important;
  box-shadow: 0 12px 30px rgba(0, 0, 0, 0.08) !important;
  border-color: #cbd5e1 !important;
}

.pd-page.product-details-new-page .pd-related-thumb {
  width: 100% !important;
  height: 200px !important;
  min-height: 200px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  margin-bottom: 14px !important;
  background: #f8fafc;
  border-radius: 12px;
  padding: 12px;
}

.pd-page.product-details-new-page .pd-related-thumb img {
  max-width: 100% !important;
  max-height: 176px !important;
  height: auto !important;
  object-fit: contain !important;
  transition: transform 0.3s ease !important;
}

.pd-page.product-details-new-page .pd-related-card:hover .pd-related-thumb img {
  transform: scale(1.06) !important;
}

.pd-page.product-details-new-page .pd-related-info {
  display: flex !important;
  flex-direction: column !important;
  flex: 1 1 auto !important;
  justify-content: flex-start !important;
  margin-bottom: 16px !important;
}

.pd-page.product-details-new-page .pd-related-title {
  font-size: 14.5px !important;
  font-weight: 700 !important;
  color: #111827 !important;
  line-height: 1.4 !important;
  margin: 0 0 6px 0 !important;
  text-decoration: none !important;
  display: -webkit-box !important;
  -webkit-line-clamp: 2 !important;
  -webkit-box-orient: vertical !important;
  overflow: hidden !important;
  min-height: 40px !important;
}

.pd-page.product-details-new-page .pd-related-title:hover {
  color: #2563eb !important;
}

.pd-page.product-details-new-page .pd-related-subcat {
  font-size: 12px !important;
  color: #6b7280 !important;
  margin-bottom: 4px !important;
}

.pd-page.product-details-new-page .pd-related-model {
  font-size: 11.5px !important;
  color: #9ca3af !important;
  font-weight: 600 !important;
  margin-bottom: 12px !important;
}

.pd-page.product-details-new-page .pd-related-pricing {
  display: flex !important;
  align-items: baseline !important;
  gap: 8px !important;
  margin-top: auto !important;
  margin-bottom: 0 !important;
  flex-wrap: wrap !important;
}

.pd-page.product-details-new-page .pd-related-main-price {
  font-size: 17px !important;
  font-weight: 700 !important;
  color: #111827 !important;
}

.pd-page.product-details-new-page .pd-related-mrp {
  font-size: 12.5px !important;
  color: #9ca3af !important;
  text-decoration: line-through !important;
}

.pd-page.product-details-new-page .pd-related-discount {
  font-size: 11.5px !important;
  font-weight: 700 !important;
  color: #059669 !important;
}

.pd-page.product-details-new-page .pd-related-btn-cart {
  width: 100% !important;
  background: #ffffff !important;
  border: 1px solid #e5e7eb !important;
  color: #111827 !important;
  border-radius: 8px !important;
  padding: 10px 14px !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  cursor: pointer !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  transition: all 0.25s ease !important;
  text-transform: uppercase !important;
  letter-spacing: 0.4px !important;
  text-decoration: none !important;
  flex-shrink: 0 !important;
  margin-top: 14px !important;
}

.pd-page.product-details-new-page .pd-related-btn-cart:hover {
  background: #0f1f38 !important;
  color: #ffffff !important;
  border-color: #0f1f38 !important;
}

/* ─── Responsive ─── */
@media (max-width: 991px) {
  .pd-page.product-details-new-page .pd-hero-card {
    padding: 30px 24px;
    flex-direction: column;
    text-align: center;
    gap: 20px;
  }

  .pd-page.product-details-new-page .pd-hero-left {
    max-width: 100%;
  }

  .pd-page.product-details-new-page .pd-breadcrumb {
    justify-content: center;
  }

  .pd-page.product-details-new-page .pd-info-col {
    padding-left: 0;
    margin-top: 30px;
  }

  .pd-page.product-details-new-page .pd-related-grid {
    grid-template-columns: repeat(2, 1fr);
  }

  .pd-page.product-details-new-page .pd-tabs-card {
    margin-bottom: 20px;
  }
}

@media (max-width: 576px) {
  .pd-page.product-details-new-page .pd-action-buttons {
    grid-template-columns: 1fr;
  }

  .pd-page.product-details-new-page .pd-trust-bar {
    grid-template-columns: 1fr;
  }

  .pd-page.product-details-new-page .pd-related-grid {
    grid-template-columns: 1fr;
  }

  .pd-page.product-details-new-page .pd-hero-title {
    font-size: 30px;
  }

  .pd-page.product-details-new-page .pd-hero-img {
    height: 100%;
    width: 100%;
    object-position: right;
  }

  .pd-page.product-details-new-page .pd-hero-card::before {
    background: linear-gradient(105deg,
        rgba(10, 25, 60, 0.97) 0%,
        rgba(12, 30, 72, 0.95) 25%,
        rgba(15, 38, 85, 0.92) 40%,
        rgba(18, 45, 95, 0.8) 55%,
        rgba(20, 50, 100, 0.83) 70%,
        rgba(17, 31, 65, 0.8) 85%);
  }
}

.cp-page.category-deatils-new-page {
  background-color: #fafafa;
  color: #111827;
  padding-bottom: 70px;
}

/* ─── Hero Banner ─── */
.cp-page.category-deatils-new-page .cp-hero-card {
  background: rgba(10, 25, 60, 0.97);
  border-radius: 20px;
  padding: 38px 48px;
  margin: 24px 0 32px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: relative;
  overflow: hidden;
  min-height: 200px;
  border: 1px solid rgba(0, 0, 0, 0.04);
}

.cp-page.category-deatils-new-page .cp-hero-card::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 4;
  background: linear-gradient(105deg,
      rgba(10, 25, 60, 0.97) 0%,
      rgba(12, 30, 72, 0.95) 25%,
      rgba(15, 38, 85, 0.88) 40%,
      rgba(18, 45, 95, 0.65) 55%,
      rgba(20, 50, 100, 0.25) 70%,
      transparent 85%);
}

.cp-page.category-deatils-new-page .cp-hero-left {
  max-width: 58%;
  z-index: 15;
  position: relative;
}

.cp-page.category-deatils-new-page .cp-breadcrumb {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 14px;
  font-weight: 500;
  color: #c9a76d;
  margin-bottom: 38px;
}

.cp-page.category-deatils-new-page .cp-breadcrumb a {
  color: #c9a76d;
  text-decoration: none;
  transition: color 0.2s;
}

.cp-page.category-deatils-new-page .cp-breadcrumb a:hover {
  color: #ed2f59;
}

.cp-page.category-deatils-new-page .cp-breadcrumb-sep {
  font-size: 11px;
  color: #bdbdbd;
}

.cp-page.category-deatils-new-page .cp-breadcrumb-current {
  color: #fff;
  font-weight: 700;
}

.cp-page.category-deatils-new-page .cp-hero-title {
  font-size: 40px;
  font-weight: 700;
  color: #c9a76d;
  letter-spacing: -0.5px;
  line-height: 1.15;
  margin: 0 0 10px 0;
}

.cp-page.category-deatils-new-page .cp-hero-desc {
  font-size: 14.5px;
  color: #fcfcfc;
  line-height: 1.5;
  margin: 0;
}

.cp-page.category-deatils-new-page .cp-hero-right {
  z-index: 2;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

.cp-page.category-deatils-new-page .cp-hero-img {
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  width: 100%;
  object-fit: cover;
  z-index: -1;
}

/* ─── Sidebar ─── */
.cp-page.category-deatils-new-page .cp-side-card {
  background: #ffffff;
  border: 1px solid #ededed;
  border-radius: 16px;
  padding: 22px;
  margin-bottom: 20px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.02);
}

.cp-page.category-deatils-new-page .cp-side-title {
  font-size: 15px;
  font-weight: 700;
  color: #111827;
  margin: 0 0 16px 0;
  letter-spacing: -0.2px;
}

/* Categories List */
.cp-page.category-deatils-new-page .cp-cat-list {
  display: flex;
  flex-direction: column;
  gap: 6px;
}

.cp-page.category-deatils-new-page .cp-cat-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 10px 14px;
  border-radius: 10px;
  color: #4b5563;
  text-decoration: none;
  font-size: 14px;
  font-weight: 500;
  transition: all 0.2s ease;
}

.cp-page.category-deatils-new-page .cp-cat-item:hover {
  background: #f9fafb;
  color: #111827;
}

.cp-page.category-deatils-new-page .cp-cat-item.active {
  background: #f3f4f6;
  color: #111827;
  font-weight: 700;
}

.cp-page.category-deatils-new-page .cp-cat-item-left {
  display: flex;
  align-items: center;
  gap: 12px;
}

.cp-page.category-deatils-new-page .cp-cat-icon {
  width: 20px;
  font-size: 15px;
  color: #6b7280;
  text-align: center;
}

.cp-page.category-deatils-new-page .cp-cat-item.active .cp-cat-icon {
  color: #111827;
}

.cp-page.category-deatils-new-page .cp-cat-arrow {
  font-size: 14px;
  color: #9ca3af;
}

/* ─── Dual Range Slider ─── */
.cp-page.category-deatils-new-page .cp-price-range-wrap {
  padding-top: 4px;
}

.cp-page.category-deatils-new-page .cp-range-slider-box {
  position: relative;
  height: 36px;
  margin-bottom: 8px;
}

.cp-page.category-deatils-new-page .cp-range-track-bg {
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  height: 4px;
  background: #e5e7eb;
  border-radius: 2px;
  transform: translateY(-50%);
  z-index: 1;
}

.cp-page.category-deatils-new-page .cp-range-track-fill {
  position: absolute;
  top: 50%;
  height: 4px;
  background: #0f1f38;
  border-radius: 2px;
  transform: translateY(-50%);
  z-index: 2;
  left: 0%;
  right: 0%;
}

.cp-page.category-deatils-new-page .cp-range-thumb-input {
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  width: 100%;
  height: 24px;
  margin: 0;
  padding: 0;
  background: none;
  pointer-events: none;
  -webkit-appearance: none;
  appearance: none;
  z-index: 3;
}

.cp-page.category-deatils-new-page .cp-range-thumb-input::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  background: #0f1f38;
  border: 2px solid #ffffff;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3);
  cursor: pointer;
  pointer-events: auto;
  transition: transform 0.15s ease;
}

.cp-page.category-deatils-new-page .cp-range-thumb-input::-webkit-slider-thumb:hover {
  transform: scale(1.2);
}

.cp-page.category-deatils-new-page .cp-range-thumb-input::-moz-range-thumb {
  width: 16px;
  height: 16px;
  border-radius: 50%;
  background: #0f1f38;
  border: 2px solid #ffffff;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3);
  cursor: pointer;
  pointer-events: auto;
}

.cp-page.category-deatils-new-page .cp-range-labels {
  display: flex;
  justify-content: space-between;
  font-size: 12px;
  font-weight: 600;
  color: #4b5563;
  margin-bottom: 14px;
}

.cp-page.category-deatils-new-page .cp-price-inputs-row {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 16px;
}

.cp-page.category-deatils-new-page .cp-price-input {
  flex: 1;
  width: 100%;
  padding: 9px 12px;
  background: #ffffff;
  border: 1px solid #e5e7eb;
  border-radius: 8px;
  font-size: 13px;
  color: #111827;
  outline: none;
  transition: border-color 0.2s;
}

.cp-page.category-deatils-new-page .cp-price-input:focus {
  border-color: #111827;
}

.cp-page.category-deatils-new-page .cp-price-sep {
  color: #9ca3af;
  font-weight: 500;
}

.cp-page.category-deatils-new-page .cp-btn-apply {
  width: 100%;
  background: #0f1f38;
  color: #ffffff;
  border: none;
  border-radius: 8px;
  padding: 10px 16px;
  font-size: 13px;
  font-weight: 600;
  cursor: pointer;
  transition: background 0.2s;
  margin-bottom: 10px;
}

.cp-page.category-deatils-new-page .cp-btn-apply:hover {
  background: #1a3158;
}

.cp-page.category-deatils-new-page .cp-btn-reset {
  display: block;
  text-align: center;
  font-size: 13px;
  color: #6b7280;
  text-decoration: none;
  font-weight: 500;
  transition: color 0.2s;
}

.cp-page.category-deatils-new-page .cp-btn-reset:hover {
  color: #111827;
}

/* Checkbox & Dynamic Filters */
.cp-page.category-deatils-new-page .cp-filter-options {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.cp-page.category-deatils-new-page .cp-checkbox-label {
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: 13px;
  color: #4b5563;
  cursor: pointer;
  margin: 0;
}

.cp-page.category-deatils-new-page .cp-checkbox-label input[type="checkbox"] {
  width: 16px;
  height: 16px;
  cursor: pointer;
  accent-color: #0f1f38;
  margin-top: 0;
}

/* Trust Badges Card */
.cp-page.category-deatils-new-page .cp-trust-card {
  background: #ffffff;
  border: 1px solid #f0f2f5;
  border-radius: 16px;
  padding: 18px 20px;
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.cp-page.category-deatils-new-page .cp-trust-item {
  display: flex;
  align-items: center;
  gap: 14px;
}

.cp-page.category-deatils-new-page .cp-trust-icon {
  width: 38px;
  height: 38px;
  border-radius: 50%;
  background: #e6f7f0;
  color: #111827;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 16px;
  flex-shrink: 0;
}

.cp-page.category-deatils-new-page .cp-trust-text {
  line-height: 1.25;
}

.cp-page.category-deatils-new-page .cp-trust-title {
  font-size: 13px;
  font-weight: 700;
  color: #111827;
  margin-bottom: 2px;
}

.cp-page.category-deatils-new-page .cp-trust-title.dark {
  color: #111827;
}

.cp-page.category-deatils-new-page .cp-trust-sub {
  font-size: 12px;
  color: #6b7280;
}

/* ─── Product Toolbar ─── */
.cp-page.category-deatils-new-page .cp-toolbar {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 20px;
  flex-wrap: wrap;
  gap: 12px;
}

.cp-page.category-deatils-new-page .cp-results-count {
  font-size: 14px;
  color: #6b7280;
}

.cp-page.category-deatils-new-page .cp-results-count strong {
  color: #111827;
}

.cp-page.category-deatils-new-page .cp-toolbar-right {
  display: flex;
  align-items: center;
  gap: 14px;
}

.cp-page.category-deatils-new-page .cp-toolbar-right .nice-select ul.list {
  width: fit-content;
  padding: 10px;
  box-shadow: none;
}

.cp-page.category-deatils-new-page .cp-sort-wrap {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 13px;
  color: #6b7280;
}

.cp-page.category-deatils-new-page .cp-sort-wrap span {
  text-wrap: nowrap;
}

.cp-page.category-deatils-new-page .cp-sort-select {
  padding: 0px 28px 7px 12px;
  border: 1px solid #e5e7eb;
  border-radius: 8px;
  background: #ffffff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath fill='%236B7280' d='M0 0l5 6 5-6z'/%3E%3C/svg%3E") no-repeat right 10px center;
  font-size: 13px;
  font-weight: 600;
  color: #111827;
  outline: none;
  appearance: none;
  cursor: pointer;
}

.cp-page.category-deatils-new-page .cp-view-btns {
  display: flex;
  align-items: center;
  gap: 6px;
}

.cp-page.category-deatils-new-page .cp-view-btn {
  width: 34px;
  height: 34px;
  border-radius: 8px;
  border: 1px solid #e5e7eb;
  background: #ffffff;
  color: #6b7280;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  font-size: 13px;
  transition: all 0.2s;
}

.cp-page.category-deatils-new-page .cp-view-btn.active {
  background: #0f1f38;
  color: #ffffff;
  border-color: #0f1f38;
}

/* ─── Product Card (List Style - Default) ─── */
.cp-page.category-deatils-new-page .cp-product-card {
  background: #ffffff;
  border: 1px solid #ededed;
  border-radius: 16px;
  padding: 24px;
  margin-bottom: 18px;
  display: flex;
  align-items: center;
  gap: 28px;
  transition:
    box-shadow 0.25s ease,
    transform 0.25s ease,
    border-color 0.25s ease;
  position: relative;
}

.cp-page.category-deatils-new-page .cp-product-card:hover {
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.06);
  border-color: #d1d5db;
  transform: translateY(-2px);
}

/* Thumbnail */
.cp-page.category-deatils-new-page .cp-product-thumb {
  width: 220px;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}

.cp-page.category-deatils-new-page .cp-product-thumb img {
  max-width: 100%;
  max-height: 150px;
  object-fit: contain;
  transition: transform 0.3s ease;
}

.cp-page.category-deatils-new-page .cp-product-card:hover .cp-product-thumb img {
  transform: scale(1.04);
}

/* Info */
.cp-page.category-deatils-new-page .cp-product-info {
  flex: 1;
  min-width: 0;
}

.cp-page.category-deatils-new-page .cp-product-title-link {
  text-decoration: none;
}

.cp-page.category-deatils-new-page .cp-product-title {
  font-size: 15px;
  font-weight: 700;
  color: #111827;
  line-height: 1.4;
  margin: 0 0 4px 0;
  transition: color 0.2s;
}

.cp-page.category-deatils-new-page .cp-product-title-link:hover .cp-product-title {
  color: #2563eb;
}

.cp-page.category-deatils-new-page .cp-product-model {
  font-size: 11px;
  font-weight: 600;
  color: #6b7280;
  letter-spacing: 0.5px;
  margin-bottom: 12px;
  text-transform: uppercase;
}

/* Highlights */
.cp-page.category-deatils-new-page .cp-highlight-list {
  list-style: none;
  padding: 0;
  margin: 0 0 14px 0;
  display: flex;
  flex-direction: column;
  gap: 5px;
}

.cp-page.category-deatils-new-page .cp-highlight-list li {
  font-size: 12.5px;
  color: #4b5563;
  line-height: 1.45;
  position: relative;
  padding-left: 14px;
}

.cp-page.category-deatils-new-page .cp-highlight-list li::before {
  content: "•";
  position: absolute;
  left: 2px;
  color: #4b5563;
  font-size: 14px;
}

.cp-page.category-deatils-new-page .cp-read-more {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  font-size: 13px;
  font-weight: 600;
  color: #111827;
  text-decoration: none;
  transition: gap 0.2s;
}

.cp-page.category-deatils-new-page .cp-read-more:hover {
  gap: 7px;
  color: #2563eb;
}

.cp-page.category-deatils-new-page .cp-grid-view .cp-product-pricing {
  flex-direction: row;
}

.cp-page.category-deatils-new-page .cp-grid-view .cp-product-pricing .cp-delivery-badges {
  text-align: right;
}

/* Pricing & Badges Column */
.cp-page.category-deatils-new-page .cp-product-pricing {
  width: 170px;
  flex-shrink: 0;
  text-align: right;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-end;
  align-self: stretch;
}

.cp-page.category-deatils-new-page .cp-wishlist-btn {
  background: none;
  border: none;
  color: #9ca3af;
  font-size: 18px;
  cursor: pointer;
  padding: 4px;
  transition:
    color 0.2s,
    transform 0.2s;
  line-height: 1;
}

.cp-page.category-deatils-new-page .cp-wishlist-btn:hover,
.cp-page.category-deatils-new-page .cp-wishlist-btn.active {
  color: #ef4444;
  transform: scale(1.15);
}

.cp-page.category-deatils-new-page .cp-price-block {
  margin: auto 0;
}

.cp-page.category-deatils-new-page .cp-main-price {
  font-size: 24px;
  font-weight: 700;
  color: #111827;
  line-height: 1.1;
  letter-spacing: -0.5px;
}

.cp-page.category-deatils-new-page .cp-old-price-wrap {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 6px;
  margin-top: 4px;
}

.cp-page.category-deatils-new-page .cp-mrp-price {
  font-size: 12.5px;
  color: #9ca3af;
}

.cp-page.category-deatils-new-page .cp-discount-badge {
  font-size: 12px;
  font-weight: 700;
  color: #111827;
}

.cp-page.category-deatils-new-page .cp-delivery-badges {
  margin-top: 10px;
}

.cp-page.category-deatils-new-page .cp-badge-shipping {
  font-size: 12px;
  font-weight: 700;
  color: #111827;
  margin-bottom: 2px;
}

.cp-page.category-deatils-new-page .cp-badge-pickup {
  font-size: 12px;
  font-weight: 600;
  color: #111827;
  margin-bottom: 8px;
}

.cp-page.category-deatils-new-page .cp-badge-assured {
  max-width: 50%;
  /* display: inline-flex;
	 align-items: center;
	 background: #FFF2E8;
	 border: 1px solid #FFD8BF;
	 border-radius: 100px;
	 padding: 2px 8px 2px 4px;
	 gap: 4px;
	 */
}

.cp-page.category-deatils-new-page .cp-assured-logo {
  width: 16px;
  height: 16px;
  background: #e53e3e;
  color: #ffffff;
  border-radius: 50%;
  font-size: 10px;
  font-weight: 900;
  display: flex;
  align-items: center;
  justify-content: center;
}

.cp-page.category-deatils-new-page .cp-assured-text {
  font-size: 11px;
  font-weight: 700;
  color: #dd6b20;
  letter-spacing: -0.2px;
}

/* ─── Grid View Mode ─── */
.cp-page.category-deatils-new-page #ProductLoad.cp-grid-view {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(310px, 1fr));
  gap: 20px;
}

.cp-page.category-deatils-new-page #ProductLoad.cp-grid-view .cp-product-card {
  flex-direction: column;
  align-items: stretch;
  margin-bottom: 0;
  padding: 20px;
}

.cp-page.category-deatils-new-page #ProductLoad.cp-grid-view .cp-product-thumb {
  width: 100%;
  height: 180px;
  margin-bottom: 15px;
}

.cp-page.category-deatils-new-page #ProductLoad.cp-grid-view .cp-product-thumb img {
  max-height: 170px;
}

.cp-page.category-deatils-new-page #ProductLoad.cp-grid-view .cp-product-info {
  margin-bottom: 15px;
}

.cp-page.category-deatils-new-page #ProductLoad.cp-grid-view .cp-product-pricing {
  width: 100%;
  align-items: flex-start;
  text-align: left;
  border-top: 1px solid #f3f4f6;
  padding-top: 12px;
}

.cp-page.category-deatils-new-page #ProductLoad.cp-grid-view .cp-wishlist-btn {
  position: absolute;
  top: 16px;
  right: 16px;
}

.cp-page.category-deatils-new-page #ProductLoad.cp-grid-view .cp-old-price-wrap {
  justify-content: flex-start;
}

/* Pagination */
.cp-page.category-deatils-new-page .cp-pagination {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 8px;
  margin-top: 35px;
}

.cp-page.category-deatils-new-page .cp-page-btn {
  width: 36px;
  height: 36px;
  border-radius: 8px;
  border: 1px solid #e5e7eb;
  background: #ffffff;
  color: #4b5563;
  font-size: 13px;
  font-weight: 600;
  display: flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  transition: all 0.2s;
  cursor: pointer;
}

.cp-page.category-deatils-new-page .cp-page-btn:hover {
  background: #f3f4f6;
  color: #111827;
}

.cp-page.category-deatils-new-page .cp-page-btn.active {
  background: #0f1f38;
  color: #ffffff;
  border-color: #0f1f38;
}

.cp-page.category-deatils-new-page .cp-page-btn.disabled {
  opacity: 0.4;
  cursor: not-allowed;
  pointer-events: none;
}

.cp-page.category-deatils-new-page .cp-sidebar-cardsticky {
  position: sticky;
  top: 20px;
}

/* Responsive */
@media (max-width: 991px) {
  .cp-page.category-deatils-new-page .cp-hero-card {
    padding: 30px;
    flex-direction: column;
    text-align: center;
    gap: 20px;
  }

  .cp-page.category-deatils-new-page .cp-hero-left {
    max-width: 100%;
  }

  .cp-page.category-deatils-new-page .cp-breadcrumb {
    justify-content: center;
  }

  .cp-page.category-deatils-new-page .cp-product-card {
    flex-direction: column;
    text-align: center;
    gap: 18px;
  }

  .cp-page.category-deatils-new-page .cp-product-pricing {
    width: 100%;
    text-align: center;
    align-items: center;
  }

  .cp-page.category-deatils-new-page .cp-old-price-wrap {
    justify-content: center;
  }

  .cp-page.category-deatils-new-page #ProductLoad.cp-grid-view .cp-product-pricing {
    display: flex;
    justify-content: space-between;
  }

  .cp-page.category-deatils-new-page .cp-delivery-badges {
    text-align: right;
  }
}

.cp-page.category-deatils-new-page .cp-mobile-filter-trigger {
  display: none;
}

.cp-page.category-deatils-new-page .cp-filter-modal-header {
  display: none;
}

.cp-page.category-deatils-new-page .cp-filter-backdrop {
  display: none;
}

/* ─── Mobile View Filter Modal Drawer (<= 991px) ─── */
@media (max-width: 991px) {
  .cp-page.category-deatils-new-page .cp-toolbar-left {
    display: flex;
    align-items: center;
    gap: 12px;
    flex-wrap: wrap;
  }

  .cp-page.category-deatils-new-page .cp-mobile-filter-trigger {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    background: #0f1f38;
    color: #ffffff;
    border: none;
    padding: 6px 14px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    cursor: pointer;
    box-shadow: 0 2px 6px rgba(15, 31, 56, 0.2);
    transition: all 0.2s ease;
  }

  .cp-page.category-deatils-new-page .cp-mobile-filter-trigger:hover {
    background: #1e3a6a;
    color: #ffffff;
  }

  /* Filter Backdrop */
  .cp-page.category-deatils-new-page .cp-filter-backdrop {
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.55);
    backdrop-filter: blur(2px);
    z-index: 99998;
    opacity: 0;
    visibility: hidden;
    transition:
      opacity 0.3s ease,
      visibility 0.3s ease;
  }

  .cp-page.category-deatils-new-page .cp-filter-backdrop.active {
    opacity: 1;
    visibility: visible;
  }

  /* Mobile Slide-in Drawer Modal */
  .cp-page.category-deatils-new-page .cp-sidebar-cardsticky {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    width: 320px;
    max-width: 85vw;
    background: #ffffff;
    z-index: 99999;
    transform: translateX(-100%);
    transition: transform 0.35s cubic-bezier(0.4, 0, 0.2, 1);
    box-shadow: 10px 0 30px rgba(0, 0, 0, 0.25);
    display: flex;
    flex-direction: column;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    border-radius: 0 16px 16px 0;
  }

  .cp-page.category-deatils-new-page .cp-sidebar-cardsticky.active {
    transform: translateX(0);
  }

  /* Modal Header */
  .cp-page.category-deatils-new-page .cp-filter-modal-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 16px 20px;
    background: #0f1f38;
    color: #ffffff;
    flex-shrink: 0;
    position: sticky;
    top: 0;
    z-index: 2;
  }

  .cp-page.category-deatils-new-page .cp-filter-modal-header h4 {
    margin: 0;
    font-size: 15px;
    font-weight: 700;
    color: #ffffff;
    display: flex;
    align-items: center;
    gap: 8px;
  }

  .cp-page.category-deatils-new-page .cp-filter-modal-close {
    background: rgba(255, 255, 255, 0.15);
    border: none;
    color: #ffffff;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    font-size: 15px;
    transition: background 0.2s ease;
  }

  .cp-page.category-deatils-new-page .cp-filter-modal-close:hover {
    background: rgba(255, 255, 255, 0.3);
  }

  /* Inner content styling in modal */
  .cp-page.category-deatils-new-page .cp-sidebar-cardsticky .cp-side-card,
  .cp-page.category-deatils-new-page .cp-sidebar-cardsticky .cp-trust-card {
    border: none;
    border-radius: 0;
    border-bottom: 1px solid #f3f4f6;
    box-shadow: none;
    margin-bottom: 0;
    padding: 16px 20px;
  }
}

@media (max-width: 767px) {
  .cp-page.category-deatils-new-page .cp-hero-img {
    object-position: right;
  }

  .cp-page.category-deatils-new-page .cp-hero-card::before {
    background: linear-gradient(105deg,
        rgba(10, 25, 60, 0.97) 0%,
        rgba(12, 30, 72, 0.95) 25%,
        rgba(15, 38, 85, 0.88) 40%,
        rgba(18, 45, 95, 0.89) 55%,
        rgba(20, 50, 100, 0.86) 70%,
        rgba(16, 30, 64, 0.82) 85%);
  }

  .cp-page.category-deatils-new-page .cp-hero-title {
    font-size: 28px;
  }
}

.d-lg-flex {
  display: flex !important;
}

.mt-3 {
  margin-top: 15px !important;
}

.p-0 {
  padding: 0px !important;
}

.addressmodelarea .hk-modal-address-form {
  overflow: hidden;
  margin: 0;
}

/* ─── Header Banner ─── */
.addressmodelarea .hk-modal-address-header {
  background: linear-gradient(135deg, #0f1f38 0%, #1e3a8a 100%);
  /* background-image: radial-gradient(circle at 92% 20%, rgba(255, 255, 255, 0.16) 0%, transparent 45%), radial-gradient(circle at 82% 80%, rgba(255, 255, 255, 0.09) 0%, transparent 35%);
	 */
  padding: 22px 28px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
  color: #ffffff;
}

.addressmodelarea .hk-header-content {
  display: flex;
  align-items: center;
  gap: 16px;
}

.addressmodelarea .hk-header-icon-box {
  width: 46px;
  height: 46px;
  background: rgba(255, 255, 255, 0.2);
  border: 1px solid rgba(255, 255, 255, 0.35);
  border-radius: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 22px;
  color: #ffffff;
  flex-shrink: 0;
  backdrop-filter: blur(6px);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
}

.addressmodelarea .hk-header-title {
  font-size: 19px;
  font-weight: 700;
  color: #ffffff;
  margin: 0 0 3px 0;
  letter-spacing: -0.2px;
}

.addressmodelarea .hk-header-subtitle {
  font-size: 13px;
  color: rgba(255, 255, 255, 0.85);
  margin: 0;
  font-weight: 400;
}

.addressmodelarea .hk-modal-close-round {
  width: 36px;
  height: 36px;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.9);
  color: #1e293b;
  border: none;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 15px;
  cursor: pointer;
  transition: all 0.2s ease;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
  flex-shrink: 0;
}

.addressmodelarea .hk-modal-close-round:hover {
  background: #ffffff;
  color: #ef4444;
  transform: scale(1.06);
}

/* ─── Body Grid ─── */
.addressmodelarea .hk-modal-address-body {
  padding: 26px 28px;
  background: #ffffff;
}

/* Section Headings */
.addressmodelarea .hk-section-title-wrap {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 16px;
}

.addressmodelarea .hk-section-icon {
  width: 28px;
  height: 28px;
  border-radius: 50%;
  background: #eff6ff;
  color: #062654;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 13px;
  flex-shrink: 0;
}

.addressmodelarea .hk-section-title {
  font-size: 14.5px;
  font-weight: 700;
  color: #0f1f38;
  margin: 0;
  letter-spacing: 0.1px;
}

/* Form Fields */
.addressmodelarea .hk-input-group {
  margin-bottom: 14px;
}

.addressmodelarea .hk-label {
  font-size: 13px;
  font-weight: 600;
  color: #1e293b;
  margin-bottom: 6px;
  display: block;
}

.addressmodelarea .hk-req {
  color: #ef4444;
  font-weight: 700;
  margin-left: 2px;
}

.addressmodelarea .hk-input-ctrl {
  border: 1.5px solid #e2e8f0;
  border-radius: 10px;
  padding: 10px 14px;
  font-size: 13.5px;
  color: #1e293b;
  background: #ffffff;
  height: 44px;
  transition: all 0.2s ease;
  width: 100%;
  box-shadow: none;
}

.addressmodelarea .hk-input-ctrl:focus {
  border-color: #062654;
  background: #ffffff;
  box-shadow: 0 0 0 3px rgba(30, 96, 235, 0.12);
  outline: none;
}

.addressmodelarea .hk-input-ctrl::placeholder {
  color: #94a3b8;
  font-size: 13px;
}

.addressmodelarea .hk-textarea-ctrl {
  height: auto;
  min-height: 72px;
  resize: vertical;
  line-height: 1.45;
}

/* Select Wrapper with Custom Arrow */
.addressmodelarea .hk-select-wrapper {
  position: relative;
}

.addressmodelarea .hk-select-ctrl {
  appearance: none;
  -webkit-appearance: none;
  padding-right: 36px;
  cursor: pointer;
}

.addressmodelarea .hk-select-arrow {
  position: absolute;
  right: 14px;
  top: 50%;
  transform: translateY(-50%);
  color: #64748b;
  font-size: 11px;
  pointer-events: none;
}

/* ─── Address Type Choice Cards ─── */
.addressmodelarea .hk-address-type-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 14px;
}

.addressmodelarea .hk-type-card-option {
  position: relative;
  margin: 0;
  cursor: pointer;
  display: block;
}

.addressmodelarea .hk-type-card-option input[type="radio"] {
  position: absolute;
  opacity: 0;
  cursor: pointer;
}

.addressmodelarea .hk-type-card-box {
  border: 1.5px solid #e2e8f0;
  background: #ffffff;
  border-radius: 12px;
  padding: 16px 14px 14px;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
  position: relative;
}

.addressmodelarea .hk-type-card-option:hover .hk-type-card-box {
  border-color: #94a3b8;
  background: #f8fafc;
}

/* Indicator Circle / Checkmark */
.addressmodelarea .hk-type-indicator {
  position: absolute;
  top: 10px;
  right: 10px;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  border: 2px solid #cbd5e1;
  background: #ffffff;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 10px;
  color: transparent;
  transition: all 0.2s ease;
}

/* Avatar Icon */
.addressmodelarea .hk-type-avatar {
  width: 44px;
  height: 44px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 18px;
  margin-bottom: 8px;
  transition: all 0.2s ease;
}

.addressmodelarea .hk-type-avatar.home-avatar {
  background: #eff6ff;
  color: #062654;
}

.addressmodelarea .hk-type-avatar.work-avatar {
  background: #f1f5f9;
  color: #64748b;
}

.addressmodelarea .hk-type-name {
  font-size: 13.5px;
  font-weight: 700;
  color: #0f1f38;
  margin-bottom: 2px;
}

.addressmodelarea .hk-type-desc {
  font-size: 11.5px;
  color: #64748b;
}

/* Selected State (Exact Ref Match) */
.addressmodelarea .hk-type-card-option input[type="radio"]:checked+.hk-type-card-box {
  border-color: #062654;
  background: #f0f7ff;
  box-shadow: 0 4px 14px rgba(30, 96, 235, 0.08);
}

.addressmodelarea .hk-type-card-option input[type="radio"]:checked+.hk-type-card-box .hk-type-indicator {
  background: #062654;
  border-color: #062654;
  color: #ffffff;
}

.addressmodelarea .hk-type-card-option input[type="radio"]:checked+.hk-type-card-box .hk-type-avatar.home-avatar {
  background: #dbeafe;
  color: #062654;
}

.addressmodelarea .hk-type-card-option input[type="radio"]:checked+.hk-type-card-box .hk-type-avatar.work-avatar {
  background: #dbeafe;
  color: #062654;
}

/* ─── Footer Action Button ─── */
.addressmodelarea .hk-form-footer-action {
  margin-top: 20px;
  padding-top: 10px;
}

.addressmodelarea .hk-btn-save-main {
  width: 100%;
  background: #062654;
  color: #ffffff;
  border: none;
  border-radius: 10px;
  padding: 14px 20px;
  font-size: 14px;
  font-weight: 700;
  letter-spacing: 0.5px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  box-shadow: 0 4px 14px rgba(30, 96, 235, 0.28);
  transition: all 0.25s ease;
}

.addressmodelarea .hk-btn-save-main:hover:not(:disabled) {
  background: #174ec4;
  transform: translateY(-1px);
  box-shadow: 0 6px 20px rgba(30, 96, 235, 0.38);
  color: #ffffff;
}

.addressmodelarea .hk-btn-save-main:disabled {
  opacity: 0.65;
  cursor: not-allowed;
  transform: none;
}

@media (max-width: 768px) {
  .addressmodelarea .hk-modal-address-header {
    padding: 16px 20px;
  }

  .addressmodelarea .hk-modal-address-body {
    padding: 18px 18px;
  }

  .addressmodelarea .hk-header-title {
    font-size: 17px;
  }

  .addressmodelarea .hk-header-subtitle {
    font-size: 12px;
  }

  .addressmodelarea .hk-address-type-grid {
    grid-template-columns: 1fr;
  }
}

.addressmodelarea .hk-modal-address-container {
  padding: 0;
  background: #ffffff;
  border-radius: 16px;
  overflow: hidden;
}

/* ─── Header ─── */
.addressmodelarea .hk-modal-head-bar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 18px 24px;
  background: #0f1f38;
  color: #ffffff;
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
  gap: 12px;
}

.addressmodelarea .hk-head-left {
  display: flex;
  align-items: center;
  gap: 14px;
}

.addressmodelarea .hk-head-icon {
  width: 40px;
  height: 40px;
  border-radius: 10px;
  background: rgba(255, 255, 255, 0.1);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 18px;
  color: #10b981;
  flex-shrink: 0;
}

.addressmodelarea .hk-head-title {
  font-size: 16px;
  font-weight: 700;
  margin: 0 0 2px 0;
  color: #ffffff;
  letter-spacing: 0.2px;
}

.addressmodelarea .hk-head-subtitle {
  font-size: 12px;
  color: #94a3b8;
  margin: 0;
}

.addressmodelarea .hk-head-right {
  display: flex;
  align-items: center;
  gap: 10px;
}

.addressmodelarea .hk-btn-add-addr {
  background: rgba(56, 248, 88, 0.15);
  color: #10b981;
  border: 1px solid rgba(77, 248, 56, 0.3);
  border-radius: 8px;
  padding: 7px 14px;
  font-size: 12.5px;
  font-weight: 600;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  transition: all 0.2s ease;
}

.addressmodelarea .hk-btn-add-addr:hover {
  background: #10b981;
  color: #0f1f38;
  border-color: #10b981;
}

.addressmodelarea .hk-modal-dismiss-btn {
  background: rgba(255, 255, 255, 0.08);
  border: none;
  color: #94a3b8;
  width: 34px;
  height: 34px;
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: all 0.2s ease;
  font-size: 15px;
}

.addressmodelarea .hk-modal-dismiss-btn:hover {
  background: rgba(239, 68, 68, 0.2);
  color: #ef4444;
}

/* ─── Body & Cards ─── */
.addressmodelarea .hk-modal-address-body {
  padding: 20px 24px;
  background: #f8fafc;
}

.addressmodelarea .hk-address-card-list {
  display: flex;
  flex-direction: column;
  gap: 12px;
  max-height: 52vh;
  overflow-y: auto;
  padding-right: 4px;
}

.addressmodelarea .hk-address-card-list::-webkit-scrollbar {
  width: 5px;
}

.addressmodelarea .hk-address-card-list::-webkit-scrollbar-thumb {
  background: #cbd5e1;
  border-radius: 10px;
}

.addressmodelarea .hk-addr-select-card {
  display: flex;
  align-items: center;
  justify-content: space-between;
  background: #ffffff;
  border: 1.5px solid #e2e8f0;
  border-radius: 12px;
  padding: 14px 16px;
  transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
  position: relative;
  cursor: pointer;
  gap: 12px;
}

.addressmodelarea .hk-addr-select-card:hover {
  border-color: #94a3b8;
  background: #fafbfd;
  box-shadow: 0 4px 14px rgba(15, 31, 56, 0.04);
}

.addressmodelarea .hk-addr-select-card:has(input[type="radio"]:checked) {
  border-color: #0f1f38;
  background: #ffffff;
  box-shadow: 0 6px 20px rgba(15, 31, 56, 0.08);
}

.addressmodelarea .hk-addr-card-label {
  display: flex;
  align-items: flex-start;
  gap: 14px;
  flex: 1;
  margin: 0;
  cursor: pointer;
}

/* Custom Radio */
.addressmodelarea .hk-addr-radio-wrapper {
  padding-top: 3px;
  position: relative;
}

.addressmodelarea .hk-addr-radio-wrapper input[type="radio"] {
  position: absolute;
  opacity: 0;
  cursor: pointer;
}

.addressmodelarea .hk-custom-radio-mark {
  width: 20px;
  height: 20px;
  border-radius: 50%;
  border: 2px solid #cbd5e1;
  background: #ffffff;
  display: inline-block;
  position: relative;
  transition: all 0.2s ease;
}

.addressmodelarea .hk-custom-radio-mark::after {
  content: "";
  position: absolute;
  width: 10px;
  height: 10px;
  background: #0f1f38;
  border-radius: 50%;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) scale(0);
  transition: transform 0.2s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.addressmodelarea .hk-addr-select-card input[type="radio"]:checked+.hk-custom-radio-mark {
  border-color: #0f1f38;
}

.addressmodelarea .hk-addr-select-card input[type="radio"]:checked+.hk-custom-radio-mark::after {
  transform: translate(-50%, -50%) scale(1);
}

/* Info Content */
.addressmodelarea .hk-addr-info-content {
  flex: 1;
}

.addressmodelarea .hk-addr-top-line {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 6px;
  flex-wrap: wrap;
}

.addressmodelarea .hk-addr-recipient {
  font-size: 14.5px;
  font-weight: 700;
  color: #0f1f38;
}

.addressmodelarea .hk-addr-type-tag {
  font-size: 11px;
  font-weight: 700;
  padding: 2px 8px;
  border-radius: 5px;
  text-transform: uppercase;
  letter-spacing: 0.4px;
  display: inline-flex;
  align-items: center;
  gap: 4px;
}

.addressmodelarea .hk-addr-type-tag.home {
  background: #e0e7ff;
  color: #3730a3;
}

.addressmodelarea .hk-addr-type-tag.work {
  background: #fef3c7;
  color: #92400e;
}

.addressmodelarea .hk-addr-street-line {
  font-size: 13px;
  color: #475569;
  line-height: 1.5;
  margin-bottom: 6px;
}

.addressmodelarea .hk-addr-contact-line {
  display: flex;
  align-items: center;
}

.addressmodelarea .hk-phone-badge {
  font-size: 12px;
  font-weight: 600;
  color: #0f1f38;
  display: inline-flex;
  align-items: center;
  gap: 5px;
  background: #f1f5f9;
  padding: 2px 8px;
  border-radius: 5px;
}

.addressmodelarea .hk-phone-badge i {
  color: #0d6efd;
  font-size: 11px;
}

/* Edit Button */
.addressmodelarea .hk-addr-actions-col {
  flex-shrink: 0;
}

.addressmodelarea .hk-btn-edit-addr {
  background: #f8fafc;
  border: 1px solid #e2e8f0;
  border-radius: 8px;
  padding: 6px 12px;
  font-size: 12px;
  font-weight: 600;
  color: #475569;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  gap: 5px;
  transition: all 0.2s ease;
}

.addressmodelarea .hk-btn-edit-addr:hover {
  background: #0f1f38;
  border-color: #0f1f38;
  color: #ffffff;
}

/* ─── Footer CTA ─── */
.addressmodelarea .hk-modal-address-footer {
  margin-top: 18px;
  padding-top: 14px;
  border-top: 1px solid #e2e8f0;
}

.addressmodelarea .hk-btn-deliver-main {
  width: 100%;
  background: linear-gradient(135deg, #0f1f38 0%, #1e3a8a 100%);
  color: #ffffff;
  border: none;
  border-radius: 10px;
  padding: 13px 20px;
  font-size: 14px;
  font-weight: 700;
  letter-spacing: 0.4px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  box-shadow: 0 4px 14px rgba(15, 31, 56, 0.2);
  transition: all 0.25s ease;
}

.addressmodelarea .hk-btn-deliver-main:hover {
  background: linear-gradient(135deg, #1e3a8a 0%, #0f1f38 100%);
  transform: translateY(-1px);
  box-shadow: 0 6px 20px rgba(15, 31, 56, 0.3);
  color: #ffffff;
}

/* Empty State */
.addressmodelarea .hk-empty-address-state {
  text-align: center;
  padding: 30px 20px;
}

.addressmodelarea .hk-empty-icon-wrap {
  width: 60px;
  height: 60px;
  border-radius: 50%;
  background: #f1f5f9;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto 16px;
  color: #94a3b8;
  font-size: 24px;
}

.addressmodelarea .hk-empty-address-state h5 {
  font-size: 16px;
  font-weight: 700;
  color: #0f1f38;
  margin-bottom: 6px;
}

.addressmodelarea .hk-empty-address-state p {
  font-size: 13px;
  color: #64748b;
  max-width: 360px;
  margin: 0 auto 18px;
  line-height: 1.5;
}

.addressmodelarea .hk-btn-primary-add {
  background: #0f1f38;
  color: #ffffff;
  border-radius: 8px;
  padding: 9px 18px;
  font-size: 13px;
  font-weight: 600;
  border: none;
}

.addressmodelarea .hk-btn-primary-add:hover {
  background: #1e3a6a;
  color: #ffffff;
}

@media (max-width: 576px) {
  .addressmodelarea .hk-modal-head-bar {
    padding: 14px 16px;
  }

  .addressmodelarea .hk-modal-address-body {
    padding: 14px 16px;
  }

  .addressmodelarea .hk-addr-select-card {
    padding: 12px;
    flex-direction: column;
    align-items: flex-start;
  }

  .addressmodelarea .hk-addr-actions-col {
    width: 100%;
    display: flex;
    justify-content: flex-end;
    border-top: 1px solid #f1f5f9;
    padding-top: 8px;
    margin-top: 4px;
  }
}

.hk-checkout-page.new-chwckoutpage-section {
  background: #f8fafc;
  padding: 30px 0 60px;
  min-height: 80vh;
}

/* ─── Breadcrumb & Header ─── */
.hk-checkout-page.new-chwckoutpage-section .hk-checkout-header {
  margin-bottom: 28px;
}

.hk-checkout-page.new-chwckoutpage-section .hk-checkout-breadcrumb {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 13px;
  color: #6b7280;
  margin-bottom: 12px;
}

.hk-checkout-page.new-chwckoutpage-section .hk-checkout-breadcrumb a {
  color: #6b7280;
  text-decoration: none;
  transition: color 0.2s ease;
}

.hk-checkout-page.new-chwckoutpage-section .hk-checkout-breadcrumb a:hover {
  color: #0f1f38;
}

.hk-checkout-page.new-chwckoutpage-section .hk-checkout-breadcrumb span.current {
  color: #0f1f38;
  font-weight: 600;
}

.hk-checkout-page.new-chwckoutpage-section .hk-checkout-steps-wrap {
  display: flex;
  align-items: center;
  justify-content: space-between;
  background: #ffffff;
  padding: 16px 24px;
  border-radius: 8px;
  border: 1px solid #e5e7eb;
  box-shadow: 0 4px 20px rgba(15, 31, 56, 0.06);
  flex-wrap: wrap;
  gap: 12px;
}

.hk-checkout-page.new-chwckoutpage-section .hk-checkout-title h1 {
  font-size: 22px;
  font-weight: 700;
  color: #111827;
  margin: 0;
  display: flex;
  align-items: center;
  gap: 10px;
}

.hk-checkout-page.new-chwckoutpage-section .hk-checkout-title h1 i {
  color: #062654;
  font-size: 20px;
}

.hk-checkout-page.new-chwckoutpage-section .hk-steps-progress {
  display: flex;
  align-items: center;
  gap: 10px;
}

.hk-checkout-page.new-chwckoutpage-section .hk-step-item {
  display: flex;
  align-items: center;
  gap: 6px;
  font-size: 12.5px;
  color: #6b7280;
  font-weight: 500;
}

.hk-checkout-page.new-chwckoutpage-section .hk-step-item.active {
  color: #0f1f38;
  font-weight: 700;
}

.hk-checkout-page.new-chwckoutpage-section .hk-step-num {
  width: 22px;
  height: 22px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #e5e7eb;
  color: #4b5563;
  font-size: 11px;
  font-weight: 700;
}

.hk-checkout-page.new-chwckoutpage-section .hk-step-item.active .hk-step-num {
  background: #0f1f38;
  color: #ffffff;
}

.hk-checkout-page.new-chwckoutpage-section .hk-step-item.completed .hk-step-num {
  background: #10b981;
  color: #ffffff;
}

.hk-checkout-page.new-chwckoutpage-section .hk-step-sep {
  color: #d1d5db;
  font-size: 11px;
}

/* ─── Cards Common ─── */
.hk-checkout-page.new-chwckoutpage-section .hk-checkout-card {
  background: #ffffff;
  border-radius: 8px;
  border: 1px solid #e5e7eb;
  box-shadow: 0 4px 20px rgba(15, 31, 56, 0.06);
  margin-bottom: 24px;
  overflow: hidden;
  transition: box-shadow 0.2s ease;
}

.hk-checkout-page.new-chwckoutpage-section .hk-checkout-card:hover {
  box-shadow: 0 8px 25px rgba(15, 31, 56, 0.09);
}

.hk-checkout-page.new-chwckoutpage-section .hk-card-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 16px 20px;
  border-bottom: 1px solid #e5e7eb;
  background: #fafbfd;
}

.hk-checkout-page.new-chwckoutpage-section .hk-card-head h3 {
  margin: 0;
  font-size: 15px;
  font-weight: 700;
  color: #111827;
  display: flex;
  align-items: center;
  gap: 10px;
}

.hk-checkout-page.new-chwckoutpage-section .hk-card-head h3 i {
  color: #062654;
  font-size: 16px;
}

.hk-checkout-page.new-chwckoutpage-section .hk-card-head .hk-head-action {
  font-size: 12.5px;
  font-weight: 600;
  color: #062654;
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  gap: 5px;
  padding: 4px 10px;
  border-radius: 6px;
  background: rgba(13, 110, 253, 0.08);
  transition: all 0.2s ease;
}

.hk-checkout-page.new-chwckoutpage-section .hk-card-head .hk-head-action:hover {
  background: #062654;
  color: #ffffff;
}

.hk-checkout-page.new-chwckoutpage-section .hk-card-body {
  padding: 20px;
}

/* ─── Delivery Address Section ─── */
.hk-checkout-page.new-chwckoutpage-section .hk-address-box {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  background: #f8fafc;
  border: 1.5px solid #e2e8f0;
  border-radius: 10px;
  padding: 16px 18px;
  gap: 16px;
  position: relative;
}

.hk-checkout-page.new-chwckoutpage-section .hk-address-box.has-address {
  border-color: #cbd5e1;
  background: #ffffff;
}

.hk-checkout-page.new-chwckoutpage-section .hk-address-info {
  flex: 1;
}

.hk-checkout-page.new-chwckoutpage-section .hk-address-top {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 8px;
  flex-wrap: wrap;
}

.hk-checkout-page.new-chwckoutpage-section .hk-address-name {
  font-size: 15px;
  font-weight: 700;
  color: #111827;
}

.hk-checkout-page.new-chwckoutpage-section .hk-address-badge {
  font-size: 11px;
  font-weight: 700;
  padding: 2px 8px;
  border-radius: 4px;
  background: #e0e7ff;
  color: #3730a3;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

.hk-checkout-page.new-chwckoutpage-section .hk-address-text {
  font-size: 13.5px;
  color: #4b5563;
  line-height: 1.5;
  margin-bottom: 6px;
}

.hk-checkout-page.new-chwckoutpage-section .hk-address-phone {
  font-size: 13px;
  font-weight: 600;
  color: #111827;
  display: flex;
  align-items: center;
  gap: 6px;
}

.hk-checkout-page.new-chwckoutpage-section .hk-address-phone i {
  color: #062654;
}

.hk-checkout-page.new-chwckoutpage-section .hk-address-actions {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.hk-checkout-page.new-chwckoutpage-section .hk-btn-change-addr {
  padding: 6px 12px;
  font-size: 12px;
  font-weight: 600;
  color: #0f1f38;
  background: #f1f5f9;
  border: 1px solid #cbd5e1;
  border-radius: 6px;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  gap: 5px;
  transition: all 0.2s ease;
  text-decoration: none;
  white-space: nowrap;
}

.hk-checkout-page.new-chwckoutpage-section .hk-btn-change-addr:hover {
  background: #0f1f38;
  color: #ffffff;
  border-color: #0f1f38;
}

.hk-checkout-page.new-chwckoutpage-section .hk-no-address-alert {
  display: flex;
  align-items: center;
  justify-content: space-between;
  background: #fffbeb;
  border: 1.5px dashed #fcd34d;
  border-radius: 10px;
  padding: 16px 20px;
  gap: 15px;
}

.hk-checkout-page.new-chwckoutpage-section .hk-no-addr-left {
  display: flex;
  align-items: center;
  gap: 12px;
}

.hk-checkout-page.new-chwckoutpage-section .hk-no-addr-left i {
  font-size: 24px;
  color: #d97706;
}

.hk-checkout-page.new-chwckoutpage-section .hk-no-addr-text strong {
  display: block;
  font-size: 14px;
  color: #92400e;
}

.hk-checkout-page.new-chwckoutpage-section .hk-no-addr-text span {
  font-size: 12px;
  color: #b45309;
}

/* ─── Order Items List ─── */
.hk-checkout-page.new-chwckoutpage-section .hk-cart-items-list {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.hk-checkout-page.new-chwckoutpage-section .hk-cart-item-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 12px 14px;
  background: #fafbfd;
  border: 1px solid #f1f5f9;
  border-radius: 10px;
  gap: 14px;
  transition: background 0.2s ease;
}

.hk-checkout-page.new-chwckoutpage-section .hk-cart-item-row:hover {
  background: #f3f6fa;
}

.hk-checkout-page.new-chwckoutpage-section .hk-cart-item-left {
  display: flex;
  align-items: center;
  gap: 14px;
  flex: 1;
}

.hk-checkout-page.new-chwckoutpage-section .hk-cart-item-thumb {
  width: 65px;
  height: 65px;
  border-radius: 8px;
  background: #ffffff;
  border: 1px solid #e5e7eb;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  flex-shrink: 0;
  padding: 4px;
}

.hk-checkout-page.new-chwckoutpage-section .hk-cart-item-thumb img {
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
}

.hk-checkout-page.new-chwckoutpage-section .hk-cart-item-meta {
  flex: 1;
}

.hk-checkout-page.new-chwckoutpage-section .hk-cart-item-title {
  font-size: 13.5px;
  font-weight: 600;
  color: #111827;
  margin: 0 0 4px;
  line-height: 1.4;
}

.hk-checkout-page.new-chwckoutpage-section .hk-cart-item-title a {
  color: #111827;
  text-decoration: none;
}

.hk-checkout-page.new-chwckoutpage-section .hk-cart-item-title a:hover {
  color: #062654;
}

.hk-checkout-page.new-chwckoutpage-section .hk-cart-item-model {
  font-size: 11.5px;
  color: #6b7280;
  display: inline-block;
  background: #edf2f7;
  padding: 2px 6px;
  border-radius: 4px;
}

.hk-checkout-page.new-chwckoutpage-section .hk-cart-item-right {
  text-align: right;
  flex-shrink: 0;
}

.hk-checkout-page.new-chwckoutpage-section .hk-cart-item-qty {
  font-size: 12px;
  color: #6b7280;
  margin-bottom: 2px;
}

.hk-checkout-page.new-chwckoutpage-section .hk-cart-item-price {
  font-size: 15px;
  font-weight: 700;
  color: #0f1f38;
}

/* ─── Notes / Comment Section ─── */
.hk-checkout-page.new-chwckoutpage-section .hk-checkout-textarea {
  width: 100%;
  border: 1.5px solid #e5e7eb;
  border-radius: 8px;
  padding: 10px 14px;
  font-size: 13px;
  color: #111827;
  outline: none;
  resize: vertical;
  min-height: 100px;
  transition:
    border-color 0.2s ease,
    box-shadow 0.2s ease;
  background: #ffffff;
}

.hk-checkout-page.new-chwckoutpage-section .hk-checkout-textarea:focus {
  border-color: #062654;
  box-shadow: 0 0 0 3px rgba(13, 110, 253, 0.1);
}

/* ─── Right Column: Sticky Summary Box ─── */
.hk-checkout-page.new-chwckoutpage-section .hk-summary-sticky {
  position: sticky;
  top: 20px;
}

/* Payment Type Selection Cards */
.hk-checkout-page.new-chwckoutpage-section .hk-payment-options {
  display: flex;
  flex-direction: column;
  gap: 10px;
  margin-bottom: 20px;
}

.hk-checkout-page.new-chwckoutpage-section .hk-pay-choice {
  display: block;
  position: relative;
  cursor: pointer;
  margin: 0;
}

.hk-checkout-page.new-chwckoutpage-section .hk-pay-choice input[type="radio"] {
  position: absolute;
  opacity: 0;
  cursor: pointer;
}

.hk-checkout-page.new-chwckoutpage-section .hk-pay-card {
  border: 2px solid #e5e7eb;
  border-radius: 10px;
  padding: 14px 16px;
  background: #ffffff;
  transition: all 0.2s ease;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.hk-checkout-page.new-chwckoutpage-section .hk-pay-card-left {
  display: flex;
  align-items: center;
  gap: 12px;
}

.hk-checkout-page.new-chwckoutpage-section .hk-pay-radio-circle {
  width: 18px;
  height: 18px;
  border-radius: 50%;
  border: 2px solid #cbd5e1;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  transition: all 0.2s ease;
}

.hk-checkout-page.new-chwckoutpage-section .hk-pay-radio-circle::after {
  content: "";
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #ffffff;
  transform: scale(0);
  transition: transform 0.2s ease;
}

.hk-checkout-page.new-chwckoutpage-section .hk-pay-card-title {
  font-size: 13.5px;
  font-weight: 700;
  color: #111827;
  margin: 0 0 2px;
}

.hk-checkout-page.new-chwckoutpage-section .hk-pay-card-desc {
  font-size: 11.5px;
  color: #6b7280;
  margin: 0;
}

.hk-checkout-page.new-chwckoutpage-section .hk-pay-card-badge {
  font-size: 11px;
  font-weight: 700;
  padding: 3px 8px;
  border-radius: 4px;
  background: #f1f5f9;
  color: #475569;
}

/* Selected State */
.hk-checkout-page.new-chwckoutpage-section .hk-pay-choice input[type="radio"]:checked+.hk-pay-card {
  border-color: #0f1f38;
  background: #f8fafc;
}

.hk-checkout-page.new-chwckoutpage-section .hk-pay-choice input[type="radio"]:checked+.hk-pay-card .hk-pay-radio-circle {
  border-color: #0f1f38;
  background: #0f1f38;
}

.hk-checkout-page.new-chwckoutpage-section .hk-pay-choice input[type="radio"]:checked+.hk-pay-card .hk-pay-radio-circle::after {
  transform: scale(1);
}

.hk-checkout-page.new-chwckoutpage-section .hk-pay-choice input[type="radio"]:checked+.hk-pay-card .hk-pay-card-badge {
  background: #e0e7ff;
  color: #3730a3;
}

/* ─── Summary Breakdown ─── */
.hk-checkout-page.new-chwckoutpage-section .hk-summary-breakdown {
  border-top: 1px solid #e5e7eb;
  padding-top: 16px;
  margin-top: 16px;
}

.hk-checkout-page.new-chwckoutpage-section .hk-summary-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 13.5px;
  color: #4b5563;
  margin-bottom: 10px;
}

.hk-checkout-page.new-chwckoutpage-section .hk-summary-row span.amt {
  font-weight: 600;
  color: #111827;
}

.hk-checkout-page.new-chwckoutpage-section .hk-summary-row.discount {
  color: #10b981;
}

.hk-checkout-page.new-chwckoutpage-section .hk-summary-row.discount span.amt {
  color: #10b981;
}

.hk-checkout-page.new-chwckoutpage-section .hk-total-box {
  background: #0f1f38;
  color: #ffffff;
  border-radius: 10px;
  padding: 14px 16px;
  margin: 16px 0 20px;
  display: flex;
  align-items: end;
  justify-content: space-between;
}

.hk-checkout-page.new-chwckoutpage-section .hk-total-label {
  font-size: 13px;
  color: #94a3b8;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  margin-bottom: 2px;
}

.hk-checkout-page.new-chwckoutpage-section .hk-total-text {
  font-size: 13px;
  font-weight: 500;
  color: #ffffff;
}

.hk-checkout-page.new-chwckoutpage-section .hk-total-amount {
  font-size: 22px;
  font-weight: 700;
  color: #c9a76d;
  text-align: right;
}

.hk-checkout-page.new-chwckoutpage-section .hk-total-note {
  font-size: 11px;
  color: #94a3b8;
  text-align: right;
}

/* ─── Place Order Button ─── */
.hk-checkout-page.new-chwckoutpage-section .hk-btn-place-order {
  width: 100%;
  padding: 15px 20px;
  background: linear-gradient(135deg, #0f1f38 0%, #1e3a8a 100%);
  color: #ffffff;
  border: none;
  border-radius: 10px;
  font-size: 15px;
  font-weight: 700;
  letter-spacing: 0.3px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  box-shadow: 0 4px 15px rgba(15, 31, 56, 0.25);
  transition: all 0.25s ease;
}

.hk-checkout-page.new-chwckoutpage-section .hk-btn-place-order:hover:not(:disabled) {
  background: linear-gradient(135deg, #1e3a8a 0%, #0f1f38 100%);
  transform: translateY(-2px);
  box-shadow: 0 8px 25px rgba(15, 31, 56, 0.35);
  color: #ffffff;
}

.hk-checkout-page.new-chwckoutpage-section .hk-btn-place-order:disabled {
  opacity: 0.6;
  cursor: not-allowed;
  transform: none;
}

/* ─── Trust Badges ─── */
.hk-checkout-page.new-chwckoutpage-section .hk-trust-footer {
  display: flex;
  flex-direction: column;
  gap: 10px;
  margin-top: 18px;
  padding-top: 16px;
  border-top: 1px solid #e5e7eb;
}

.hk-checkout-page.new-chwckoutpage-section .hk-trust-item {
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: 12px;
  color: #64748b;
}

.hk-checkout-page.new-chwckoutpage-section .hk-trust-item i {
  color: #062654;
  font-size: 14px;
  width: 18px;
  text-align: center;
}

/* ─── Modal Custom Styles ─── */
.hk-checkout-page.new-chwckoutpage-section .modal-content {
  border-radius: 16px;
  border: none;
  box-shadow: 0 20px 60px rgba(0, 0, 0, 0.2);
  overflow: hidden;
  background: transparent;
}

.hk-checkout-page.new-chwckoutpage-section .modal-header {
  background: #0f1f38;
  color: #ffffff;
  padding: 16px 20px;
  border-bottom: none;
}

.hk-checkout-page.new-chwckoutpage-section .modal-header h4 {
  color: #ffffff;
  font-size: 16px;
  font-weight: 700;
  margin: 0;
}

.hk-checkout-page.new-chwckoutpage-section .modal-header .close {
  color: #ffffff;
  opacity: 0.8;
  text-shadow: none;
}

.hk-checkout-page.new-chwckoutpage-section .modal-header .close:hover {
  opacity: 1;
}

@media (max-width: 991px) {
  .hk-checkout-page.new-chwckoutpage-section .hk-checkout-steps-wrap {
    flex-direction: column;
    align-items: flex-start;
  }

  .hk-checkout-page.new-chwckoutpage-section .hk-summary-sticky {
    position: static;
    margin-top: 20px;
  }
}

@media (max-width: 576px) {
  .hk-checkout-page.new-chwckoutpage-section .hk-cart-item-row {
    flex-direction: column;
    align-items: flex-start;
  }

  .hk-checkout-page.new-chwckoutpage-section .hk-cart-item-right {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-top: 1px solid #ededed;
    padding-top: 8px;
    margin-top: 4px;
  }

  .hk-checkout-page.new-chwckoutpage-section .hk-address-box {
    flex-direction: column;
  }

  .hk-checkout-page.new-chwckoutpage-section .hk-address-actions {
    width: 100%;
    flex-direction: row;
  }
}

.hk-thankyou-page.new-thankyou-page-section {
  background: #f8fafc;
  padding: 40px 0 70px;
  min-height: 85vh;
  display: flex;
  align-items: center;
}

/* ─── Main Elevated Container Card ─── */
.hk-thankyou-page.new-thankyou-page-section .hk-thankyou-card {
  background: #ffffff;
  border-radius: 24px;
  border: 1px solid #e2e8f0;
  box-shadow: 0 20px 60px rgba(15, 31, 56, 0.07);
  padding: 45px 40px;
  position: relative;
  overflow: hidden;
  width: 100% !important;
  max-width: 1280px !important;
  margin: 0 auto !important;
}

/* ─── Floating Confetti Decorative Elements ─── */
.hk-thankyou-page.new-thankyou-page-section .hk-confetti-particle {
  position: absolute;
  pointer-events: none;
  opacity: 0.75;
  z-index: 1;
}

.hk-thankyou-page.new-thankyou-page-section .hk-cp-1 {
  top: 30px;
  left: 40px;
  width: 8px;
  height: 8px;
  background: #38bdf8;
  border-radius: 2px;
  transform: rotate(25deg);
}

.hk-thankyou-page.new-thankyou-page-section .hk-cp-2 {
  top: 60px;
  left: 80px;
  width: 6px;
  height: 6px;
  background: #10b981;
  border-radius: 50%;
}

.hk-thankyou-page.new-thankyou-page-section .hk-cp-3 {
  top: 35px;
  left: 340px;
  width: 9px;
  height: 9px;
  background: #f59e0b;
  transform: rotate(45deg);
  border-radius: 2px;
}

.hk-thankyou-page.new-thankyou-page-section .hk-cp-4 {
  top: 80px;
  left: 280px;
  width: 10px;
  height: 6px;
  background: #2563eb;
  border-radius: 2px;
  transform: rotate(15deg);
}

.hk-thankyou-page.new-thankyou-page-section .hk-cp-5 {
  top: 40px;
  right: 280px;
  width: 8px;
  height: 8px;
  background: #f43f5e;
  transform: rotate(30deg);
}

.hk-thankyou-page.new-thankyou-page-section .hk-cp-6 {
  top: 85px;
  right: 180px;
  width: 8px;
  height: 8px;
  background: #f59e0b;
  border-radius: 50%;
}

.hk-thankyou-page.new-thankyou-page-section .hk-cp-7 {
  top: 35px;
  right: 60px;
  width: 9px;
  height: 9px;
  background: #10b981;
  transform: rotate(45deg);
}

.hk-thankyou-page.new-thankyou-page-section .hk-cp-8 {
  bottom: 60px;
  left: 60px;
  width: 7px;
  height: 7px;
  background: #38bdf8;
  border-radius: 50%;
}

.hk-thankyou-page.new-thankyou-page-section .hk-cp-9 {
  bottom: 40px;
  right: 120px;
  width: 8px;
  height: 8px;
  background: #10b981;
  transform: rotate(20deg);
}

/* ─── Grid Layout ─── */
.hk-thankyou-page.new-thankyou-page-section .hk-thankyou-grid {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 30px;
  position: relative;
  z-index: 2;
}

/* ─── Left Section (Celebration & Steps) ─── */
.hk-thankyou-page.new-thankyou-page-section .hk-ty-left-col {
  flex: 1.15;
  text-align: center;
}

.hk-thankyou-page.new-thankyou-page-section .hk-ty-check-circle {
  width: 72px;
  height: 72px;
  border-radius: 50%;
  border: 3px solid #10b981;
  background: #ffffff;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #10b981;
  font-size: 30px;
  margin-bottom: 16px;
  box-shadow: 0 6px 20px rgba(16, 185, 129, 0.18);
  transition: transform 0.3s ease;
  animation: abt-float 6s ease-in-out infinite;
}

.hk-thankyou-page.new-thankyou-page-section .hk-ty-check-circle:hover {
  transform: scale(1.05);
}

.hk-thankyou-page.new-thankyou-page-section .hk-ty-title {
  font-size: 34px;
  font-weight: 700;
  color: #0f1f38;
  margin: 0 0 6px;
  letter-spacing: -0.5px;
}

.hk-thankyou-page.new-thankyou-page-section .hk-ty-subtitle {
  font-size: 16px;
  font-weight: 600;
  color: #1e293b;
  margin: 0 0 8px;
}

.hk-thankyou-page.new-thankyou-page-section .hk-ty-desc {
  font-size: 13.5px;
  color: #64748b;
  line-height: 1.6;
  margin: 0 auto 26px;
  max-width: 400px;
}

/* 3-Step Tracker */
.hk-thankyou-page.new-thankyou-page-section .hk-ty-steps-tracker {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  gap: 24px;
  margin-bottom: 28px;
  padding: 0 10px;
}

.hk-thankyou-page.new-thankyou-page-section .hk-ty-step-item {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  max-width: 120px;
}

.hk-thankyou-page.new-thankyou-page-section .hk-ty-step-icon {
  width: 44px;
  height: 44px;
  border-radius: 50%;
  background: #f1f5f9;
  border: 1.5px solid #e2e8f0;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 17px;
  color: #0f1f38;
  margin-bottom: 10px;
  transition: all 0.2s ease;
}

.hk-thankyou-page.new-thankyou-page-section .hk-ty-step-item:hover .hk-ty-step-icon {
  background: #e2e8f0;
  border-color: #cbd5e1;
}

.hk-thankyou-page.new-thankyou-page-section .hk-ty-step-name {
  font-size: 12.5px;
  font-weight: 700;
  color: #0f1f38;
  margin-bottom: 3px;
  line-height: 1.3;
}

.hk-thankyou-page.new-thankyou-page-section .hk-ty-step-desc {
  font-size: 11px;
  color: #64748b;
  line-height: 1.35;
}

/* Help / Support Footer */
.hk-thankyou-page.new-thankyou-page-section .hk-ty-support-footer {
  padding-top: 18px;
  border-top: 1px solid #f1f5f9;
}

.hk-thankyou-page.new-thankyou-page-section .hk-ty-support-title {
  font-size: 12.5px;
  color: #475569;
  margin-bottom: 8px;
  font-weight: 500;
}

.hk-thankyou-page.new-thankyou-page-section .hk-ty-support-title strong {
  color: #0f1f38;
}

.hk-thankyou-page.new-thankyou-page-section .hk-ty-support-links {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 20px;
  flex-wrap: wrap;
}

.hk-thankyou-page.new-thankyou-page-section .hk-ty-support-link {
  font-size: 13px;
  font-weight: 600;
  color: #0f1f38;
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  transition: color 0.2s ease;
}

.hk-thankyou-page.new-thankyou-page-section .hk-ty-support-link i {
  color: #062654;
  font-size: 13px;
}

.hk-thankyou-page.new-thankyou-page-section .hk-ty-support-link:hover {
  color: #062654;
}

/* ─── Center Section (Order Summary Card) ─── */
.hk-thankyou-page.new-thankyou-page-section .hk-ty-summary-col {
  flex: 1;
}

.hk-thankyou-page.new-thankyou-page-section .hk-order-summary-card {
  background: #ffffff;
  border-radius: 18px;
  border: 1px solid #e2e8f0;
  box-shadow: 0 14px 36px rgba(15, 31, 56, 0.08);
  padding: 24px 22px;
  transition: transform 0.2s ease;
}

.hk-thankyou-page.new-thankyou-page-section .hk-summary-header {
  align-items: center;
  justify-content: space-between;
  margin-bottom: 16px;
  padding-bottom: 12px;
  border-bottom: 1px solid #f1f5f9;
}

.hk-thankyou-page.new-thankyou-page-section .hk-summary-title {
  font-size: 16px;
  font-weight: 700;
  color: #0f1f38;
  margin: 0;
}

.hk-thankyou-page.new-thankyou-page-section .hk-summary-order-badge {
  display: flex;
  justify-content: space-between;
  font-size: 12px;
  font-weight: 600;
  padding: 4px 10px;
  border-radius: 6px;
  background: #ecfdf5;
  color: #047857;
  border: 1px solid #a7f3d0;
  letter-spacing: 0.3px;
  margin-top: 10px;
}

/* Summary Details Rows */
.hk-thankyou-page.new-thankyou-page-section .hk-summary-details-list {
  display: flex;
  flex-direction: column;
  gap: 12px;
  margin-bottom: 16px;
}

.hk-thankyou-page.new-thankyou-page-section .hk-summary-item-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 13.5px;
}

.hk-thankyou-page.new-thankyou-page-section .hk-summary-item-row .label-text {
  color: #64748b;
  font-weight: 500;
}

.hk-thankyou-page.new-thankyou-page-section .hk-summary-item-row .val-text {
  color: #0f1f38;
  font-weight: 600;
  text-align: right;
}

.hk-thankyou-page.new-thankyou-page-section .hk-summary-item-row.total-row {
  padding-top: 10px;
  border-top: 1px dashed #e2e8f0;
  margin-top: 2px;
}

.hk-thankyou-page.new-thankyou-page-section .hk-summary-item-row.total-row .label-text {
  font-size: 14px;
  font-weight: 700;
  color: #0f1f38;
}

.hk-thankyou-page.new-thankyou-page-section .hk-summary-item-row.total-row .val-text {
  font-size: 20px;
  font-weight: 700;
  color: #0f1f38;
}

/* ─── Delivery Address Box ─── */
.hk-thankyou-page.new-thankyou-page-section .hk-delivery-destination-card {
  background: #f8fafc;
  border: 1.5px solid #e2e8f0;
  border-radius: 12px;
  padding: 12px 14px;
  text-align: left;
}

.hk-thankyou-page.new-thankyou-page-section .hk-del-dest-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 6px;
  padding-bottom: 6px;
  border-bottom: 1px solid #ededed;
}

.hk-thankyou-page.new-thankyou-page-section .hk-del-dest-title {
  font-size: 11.5px;
  font-weight: 700;
  color: #0f1f38;
  display: flex;
  align-items: center;
  gap: 6px;
  text-transform: uppercase;
  letter-spacing: 0.4px;
}

.hk-thankyou-page.new-thankyou-page-section .hk-del-dest-title i {
  color: #062654;
  font-size: 12px;
}

.hk-thankyou-page.new-thankyou-page-section .hk-del-type-badge {
  font-size: 10px;
  font-weight: 700;
  padding: 2px 7px;
  border-radius: 4px;
  text-transform: uppercase;
  letter-spacing: 0.3px;
}

.hk-thankyou-page.new-thankyou-page-section .hk-del-type-badge.home {
  background: #e0e7ff;
  color: #3730a3;
}

.hk-thankyou-page.new-thankyou-page-section .hk-del-type-badge.work {
  background: #fef3c7;
  color: #92400e;
}

.hk-thankyou-page.new-thankyou-page-section .hk-del-recipient {
  font-size: 13.5px;
  font-weight: 700;
  color: #0f1f38;
  margin-bottom: 2px;
}

.hk-thankyou-page.new-thankyou-page-section .hk-del-address-text {
  font-size: 12px;
  color: #475569;
  line-height: 1.45;
  margin-bottom: 4px;
}

.hk-thankyou-page.new-thankyou-page-section .hk-del-phone {
  font-size: 11.5px;
  font-weight: 600;
  color: #0f1f38;
  display: inline-flex;
  align-items: center;
  gap: 5px;
}

.hk-thankyou-page.new-thankyou-page-section .hk-del-phone i {
  color: #062654;
  font-size: 11px;
}

/* Tracking Email Notice */
.hk-thankyou-page.new-thankyou-page-section .hk-tracking-notice {
  background: #f8fafc;
  border-radius: 10px;
  padding: 10px 12px;
  text-align: center;
  margin-bottom: 16px;
  border: 1px solid #f1f5f9;
}

.hk-thankyou-page.new-thankyou-page-section .hk-tracking-notice p {
  font-size: 11.5px;
  color: #64748b;
  margin: 0 0 2px;
  line-height: 1.35;
}

.hk-thankyou-page.new-thankyou-page-section .hk-tracking-email {
  font-size: 12.5px;
  font-weight: 700;
  color: #0f1f38;
  word-break: break-all;
}

/* Buttons */
.hk-thankyou-page.new-thankyou-page-section .hk-btn-view-order {
  width: 100%;
  background: #0f1f38;
  color: #ffffff;
  border: none;
  border-radius: 9px;
  padding: 12px 18px;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 0.5px;
  text-transform: uppercase;
  display: flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  transition: all 0.2s ease;
  box-shadow: 0 4px 12px rgba(15, 31, 56, 0.2);
  margin-bottom: 8px;
}

.hk-thankyou-page.new-thankyou-page-section .hk-btn-view-order:hover {
  background: #1a365d;
  color: #ffffff;
  transform: translateY(-1px);
  box-shadow: 0 6px 18px rgba(15, 31, 56, 0.28);
}

.hk-thankyou-page.new-thankyou-page-section .hk-btn-continue-shop {
  width: 100%;
  background: #ffffff;
  color: #0f1f38;
  border: 1.5px solid #cbd5e1;
  border-radius: 9px;
  padding: 11px 18px;
  font-size: 12.5px;
  font-weight: 700;
  letter-spacing: 0.5px;
  text-transform: uppercase;
  display: flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  transition: all 0.2s ease;
}

.hk-thankyou-page.new-thankyou-page-section .hk-btn-continue-shop:hover {
  background: #f1f5f9;
  border-color: #94a3b8;
  color: #0f1f38;
}

/* ─── Right Section (Haikawa Shopping Bag & Plant Graphic) ─── */
.hk-thankyou-page.new-thankyou-page-section .hk-ty-graphic-col {
  flex: 0.9;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}

.hk-thankyou-page.new-thankyou-page-section .hk-graphic-backdrop {
  width: 200px;
  height: 200px;
  border-radius: 50%;
  background: rgba(203, 253, 207, 0.48);
  position: absolute;
  top: 40%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 1;
}

.hk-thankyou-page.new-thankyou-page-section .hk-graphic-composition {
  position: relative;
  z-index: 2;
  padding-top: 15px;
}

/* Front Brand Bag */
.hk-thankyou-page.new-thankyou-page-section .bag-img {
  display: grid;
  justify-content: center;
  position: relative;
}

.hk-thankyou-page.new-thankyou-page-section .bag-img .hk-bag-main {
  width: 185px;
  height: auto;
  position: relative;
  z-index: 1;
  margin: 0 auto;
  text-align: center;
  animation: abt-float 6s ease-in-out infinite;
}

/* ─── Responsive Styles ─── */
@media (max-width: 991px) {
  .hk-thankyou-page.new-thankyou-page-section .hk-thankyou-grid {
    flex-direction: column;
    gap: 36px;
  }

  .hk-thankyou-page.new-thankyou-page-section .hk-ty-left-col,
  .hk-thankyou-page.new-thankyou-page-section .hk-ty-summary-col {
    width: 100%;
    max-width: 540px;
    margin: 0 auto;
  }

  .hk-thankyou-page.new-thankyou-page-section .hk-ty-graphic-col {
    margin-top: 10px;
  }
}

@media (max-width: 576px) {
  .hk-thankyou-page.new-thankyou-page-section .hk-thankyou-card {
    padding: 30px 18px;
    border-radius: 18px;
  }

  .hk-ty-title {
    font-size: 28px;
  }

  .hk-thankyou-page.new-thankyou-page-section .hk-ty-subtitle {
    font-size: 14.5px;
  }

  .hk-thankyou-page.new-thankyou-page-section .hk-ty-steps-tracker {
    gap: 12px;
  }

  .hk-thankyou-page.new-thankyou-page-section .hk-ty-step-icon {
    width: 38px;
    height: 38px;
    font-size: 14px;
  }

  .hk-thankyou-page.new-thankyou-page-section .hk-ty-step-name {
    font-size: 11.5px;
  }

  .hk-thankyou-page.new-thankyou-page-section .hk-ty-step-desc {
    font-size: 10px;
  }

  .hk-thankyou-page.new-thankyou-page-section .hk-order-summary-card {
    padding: 20px 16px;
  }

  .hk-thankyou-page.new-thankyou-page-section .hk-ty-support-links {
    flex-direction: column;
    gap: 10px;
  }
}

.product-tab {
  padding-bottom: 180px;
}

.hk-account-page.new-design-profile-page {
  background: #f4f7fb;
  padding: 35px 0 60px;
  min-height: 85vh;
}

.hk-account-page.new-design-profile-page .hk-account-wrapper {
  background: #ffffff;
  border-radius: 18px;
  border: 1px solid #e2e8f0;
  box-shadow: 0 10px 40px rgba(15, 31, 56, 0.05);
  display: flex;
  overflow: hidden;
  min-height: 650px;
  width: 100%;
  max-width: 1280px;
  margin: 0 auto;
}

.hk-account-page .modal-dialog {
  max-width: 620px;
  width: 95%;
  margin: 30px auto;
}

.hk-account-page.new-design-profile-page .hk-account-sidebar {
  width: 290px;
  min-width: 290px;
  background: #ffffff;
  border-right: 1px solid #e2e8f0;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.hk-account-page.new-design-profile-page .hk-sidebar-user-card {
  background: linear-gradient(135deg, #091d3e 0%, #103b75 55%, #1e60eb 100%);
  padding: 30px 20px 26px;
  text-align: center;
  color: #ffffff;
}

.hk-account-page.new-design-profile-page .hk-sidebar-avatar {
  width: 68px;
  height: 68px;
  border-radius: 50%;
  background: #1e60eb;
  border: 3px solid rgba(255, 255, 255, 0.35);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 28px;
  color: #ffffff;
  margin-bottom: 12px;
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.15);
}

.hk-account-page.new-design-profile-page .hk-sidebar-user-name {
  font-size: 16px;
  font-weight: 700;
  margin: 0 0 3px;
  color: #ffffff;
  letter-spacing: -0.2px;
}

.hk-account-page.new-design-profile-page .hk-sidebar-user-email {
  font-size: 12px;
  color: rgba(255, 255, 255, 0.75);
  margin: 0;
  word-break: break-all;
}

.hk-account-page.new-design-profile-page .hk-sidebar-nav {
  padding: 16px 0;
  list-style: none;
  margin: 0;
}

.hk-account-page.new-design-profile-page .hk-nav-item {
  margin-bottom: 2px;
}

.hk-account-page.new-design-profile-page .hk-nav-link {
  display: flex;
  align-items: center;
  gap: 14px;
  padding: 13px 24px;
  color: #475569;
  font-size: 13.5px;
  font-weight: 600;
  text-decoration: none;
  transition: all 0.2s ease;
  position: relative;
}

.hk-account-page.new-design-profile-page .hk-nav-link i {
  font-size: 16px;
  width: 20px;
  text-align: center;
  color: #64748b;
  transition: color 0.2s ease;
}

.hk-account-page.new-design-profile-page .hk-nav-link:hover {
  color: #062654;
  background: #f8fafc;
}

.hk-account-page.new-design-profile-page .hk-nav-link:hover i {
  color: #062654;
}

.hk-account-page.new-design-profile-page .hk-nav-item.active .hk-nav-link {
  color: #062654;
  background: #eff6ff;
  font-weight: 700;
}

.hk-account-page.new-design-profile-page .hk-nav-item.active .hk-nav-link i {
  color: #062654;
}

.hk-account-page.new-design-profile-page .hk-nav-item.active .hk-nav-link::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 3.5px;
  background: #062654;
  border-radius: 0 4px 4px 0;
}

.hk-account-page.new-design-profile-page .hk-sidebar-help-box {
  margin: 16px 20px 20px;
  background: #f0f7ff;
  border: 1px solid #dbeafe;
  border-radius: 14px;
  padding: 20px 16px;
  text-align: center;
}

.hk-account-page.new-design-profile-page .hk-help-icon-circle {
  width: 44px;
  height: 44px;
  border-radius: 50%;
  background: #ffffff;
  color: #062654;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 18px;
  margin-bottom: 10px;
  box-shadow: 0 2px 8px rgba(30, 96, 235, 0.12);
}

.hk-account-page.new-design-profile-page .hk-help-title {
  font-size: 14px;
  font-weight: 700;
  color: #0f1f38;
  margin: 0 0 3px;
}

.hk-account-page.new-design-profile-page .hk-help-sub {
  font-size: 11.5px;
  color: #64748b;
  margin: 0 0 14px;
}

.hk-account-page.new-design-profile-page .hk-btn-contact-support {
  display: block;
  width: 100%;
  background: #ffffff;
  color: #062654;
  border: 1px solid #bfdbfe;
  border-radius: 8px;
  padding: 8px 12px;
  font-size: 12.5px;
  font-weight: 700;
  text-decoration: none;
  transition: all 0.2s ease;
}

.hk-account-page.new-design-profile-page .hk-btn-contact-support:hover {
  background: #062654;
  color: #ffffff;
  border-color: #062654;
}

.hk-account-page.new-design-profile-page .hk-sidebar-bottom {
  padding: 0 24px 20px;
}

.hk-account-page.new-design-profile-page .hk-logout-btn {
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: 13.5px;
  font-weight: 600;
  color: #64748b;
  text-decoration: none;
  padding: 8px 0;
  transition: color 0.2s ease;
}

.hk-account-page.new-design-profile-page .hk-logout-btn:hover {
  color: #ef4444;
}

.hk-account-page.new-design-profile-page .hk-account-main-content {
  flex: 1;
  padding: 32px 36px 40px;
  overflow-x: hidden;
}

.hk-account-page.new-design-profile-page .hk-main-breadcrumb {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 12.5px;
  color: #94a3b8;
  margin-bottom: 20px;
}

.hk-account-page.new-design-profile-page .hk-main-breadcrumb a {
  color: #64748b;
  text-decoration: none;
}

.hk-account-page.new-design-profile-page .hk-main-breadcrumb a:hover {
  color: #062654;
}

.hk-account-page.new-design-profile-page .hk-main-breadcrumb .active-crumb {
  color: #062654;
  font-weight: 600;
}

.hk-account-page.new-design-profile-page .hk-section-topbar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 26px;
  flex-wrap: wrap;
  gap: 16px;
}

.hk-account-page.new-design-profile-page .hk-section-heading h2 {
  font-size: 24px;
  font-weight: 700;
  color: #0f1f38;
  margin: 0 0 4px;
  letter-spacing: -0.3px;
}

.hk-account-page.new-design-profile-page .hk-section-heading p {
  font-size: 13px;
  color: #64748b;
  margin: 0;
}

.hk-account-page.new-design-profile-page .hk-btn-add-address {
  background: #062654;
  color: #ffffff;
  border: none;
  border-radius: 8px;
  padding: 10px 18px;
  font-size: 13px;
  font-weight: 700;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  cursor: pointer;
  transition: all 0.2s ease;
  box-shadow: 0 4px 12px rgba(30, 96, 235, 0.2);
}

.hk-account-page.new-design-profile-page .hk-btn-add-address:hover {
  background: #174ec4;
  color: #ffffff;
  transform: translateY(-1px);
  box-shadow: 0 6px 16px rgba(30, 96, 235, 0.3);
}

.hk-account-page.new-design-profile-page .hk-addresses-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
  gap: 20px;
  margin-bottom: 28px;
}

.hk-account-page.new-design-profile-page .hk-addr-card {
  background: #ffffff;
  border: 1.5px solid #e2e8f0;
  border-radius: 14px;
  padding: 22px 20px 18px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  transition: all 0.2s ease;
  min-height: 230px;
  position: relative;
}

.hk-account-page.new-design-profile-page .hk-addr-card:hover {
  border-color: #94a3b8;
  box-shadow: 0 6px 20px rgba(15, 31, 56, 0.06);
}

.hk-account-page.new-design-profile-page .hk-addr-card.is-default {
  border: 2px solid #062654;
  box-shadow: 0 6px 22px rgba(30, 96, 235, 0.08);
}

.hk-account-page.new-design-profile-page .hk-addr-card-top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 14px;
}

.hk-account-page.new-design-profile-page .hk-badge-default {
  background: #eff6ff;
  color: #062654;
  font-size: 11px;
  font-weight: 700;
  padding: 4px 10px;
  border-radius: 6px;
  display: inline-flex;
  align-items: center;
  gap: 5px;
}

.hk-account-page.new-design-profile-page .hk-badge-type {
  background: #f1f5f9;
  color: #475569;
  font-size: 11px;
  font-weight: 700;
  padding: 4px 10px;
  border-radius: 6px;
}

.hk-account-page.new-design-profile-page .hk-badge-type.work {
  background: #fef3c7;
  color: #92400e;
}

.hk-account-page.new-design-profile-page .hk-badge-type.other {
  background: #eff6ff;
  color: #1e40af;
}

.hk-account-page.new-design-profile-page .hk-addr-icon-btn {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  background: #f8fafc;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 13px;
  color: #64748b;
}

.hk-account-page.new-design-profile-page .hk-addr-card.is-default .hk-addr-icon-btn {
  background: #eff6ff;
  color: #062654;
}

.hk-account-page.new-design-profile-page .hk-addr-type-title {
  font-size: 15.5px;
  font-weight: 700;
  color: #0f1f38;
  margin: 0 0 8px;
}

.hk-account-page.new-design-profile-page .hk-addr-body-text {
  font-size: 12.5px;
  color: #475569;
  line-height: 1.5;
  margin-bottom: 12px;
  min-height: 54px;
}

.hk-account-page.new-design-profile-page .hk-addr-phone-text {
  font-size: 12px;
  font-weight: 600;
  color: #0f1f38;
  display: flex;
  align-items: center;
  gap: 6px;
  margin-bottom: 16px;
}

.hk-account-page.new-design-profile-page .hk-addr-phone-text i {
  color: #062654;
  font-size: 12px;
}

.hk-account-page.new-design-profile-page .hk-addr-card-footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-top: 12px;
  border-top: 1px solid #f1f5f9;
}

.hk-account-page.new-design-profile-page .hk-btn-action-edit {
  background: none;
  border: none;
  color: #475569;
  font-size: 12px;
  font-weight: 600;
  display: inline-flex;
  align-items: center;
  gap: 5px;
  cursor: pointer;
  padding: 4px 6px;
  border-radius: 4px;
  transition: all 0.2s ease;
}

.hk-account-page.new-design-profile-page .hk-btn-action-edit:hover {
  color: #062654;
  background: #f1f5f9;
}

.hk-account-page.new-design-profile-page .hk-btn-action-delete {
  background: none;
  border: none;
  color: #ef4444;
  font-size: 12px;
  font-weight: 600;
  display: inline-flex;
  align-items: center;
  gap: 5px;
  cursor: pointer;
  padding: 4px 6px;
  border-radius: 4px;
  transition: all 0.2s ease;
}

.hk-account-page.new-design-profile-page .hk-btn-action-delete:hover {
  background: #fef2f2;
}

.hk-account-page.new-design-profile-page .hk-btn-set-default {
  background: none;
  border: 1px solid #cbd5e1;
  color: #475569;
  font-size: 11px;
  font-weight: 600;
  padding: 3px 8px;
  border-radius: 5px;
  cursor: pointer;
  transition: all 0.2s ease;
}

.hk-account-page.new-design-profile-page .hk-btn-set-default:hover {
  background: #eff6ff;
  border-color: #062654;
  color: #062654;
}

.hk-account-page.new-design-profile-page .hk-default-info-banner {
  background: #f0f7ff;
  border: 1px solid #dbeafe;
  border-radius: 14px;
  padding: 16px 20px;
  display: flex;
  align-items: center;
  gap: 16px;
}

.hk-account-page.new-design-profile-page .hk-info-shield-avatar {
  width: 42px;
  height: 42px;
  min-width: 42px;
  border-radius: 50%;
  background: #ffffff;
  border: 1.5px solid #bfdbfe;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #062654;
  font-size: 18px;
  box-shadow: 0 2px 6px rgba(30, 96, 235, 0.1);
}

.hk-account-page.new-design-profile-page .hk-info-banner-text strong {
  display: block;
  font-size: 13.5px;
  color: #0f1f38;
  margin-bottom: 2px;
}

.hk-account-page.new-design-profile-page .hk-info-banner-text span {
  font-size: 12px;
  color: #64748b;
}

.hk-account-page.new-design-profile-page .hk-dashboard-form-card {
  background: #ffffff;
  border: 1px solid #e2e8f0;
  border-radius: 14px;
  padding: 26px 28px;
  box-shadow: 0 4px 16px rgba(15, 31, 56, 0.03);
}

.hk-account-page.new-design-profile-page .hk-form-group {
  margin-bottom: 20px;
}

.hk-account-page.new-design-profile-page .hk-form-label {
  display: block;
  font-size: 13px;
  font-weight: 700;
  color: #0f1f38;
  margin-bottom: 7px;
}

.hk-account-page.new-design-profile-page .hk-form-control {
  width: 100%;
  border: 1.5px solid #e2e8f0;
  border-radius: 8px;
  padding: 8px 14px;
  font-size: 13.5px;
  color: #0f1f38;
  background: #ffffff;
  transition: all 0.2s ease;
}

.hk-account-page.new-design-profile-page .hk-form-group.select-area-car .hk-form-control {
  height: 46px !important;
}

.hk-account-page.new-design-profile-page .hk-form-control:focus {
  border-color: #062654;
  box-shadow: 0 0 0 3px rgba(30, 96, 235, 0.12);
  outline: none;
}

.hk-account-page.new-design-profile-page .hk-form-control[disabled],
.hk-account-page.new-design-profile-page .hk-form-control[readonly] {
  background: #f8fafc;
  color: #64748b;
  cursor: not-allowed;
}

.hk-account-page.new-design-profile-page .hk-btn-save-form {
  background: #0b2545;
  color: #ffffff;
  border: none;
  border-radius: 8px;
  padding: 12px 24px;
  font-size: 13.5px;
  font-weight: 700;
  cursor: pointer;
  transition: all 0.2s ease;
}

.hk-account-page.new-design-profile-page .hk-btn-save-form:hover {
  background: #062654;
  color: #ffffff;
}

.hk-account-page.new-design-profile-page .hk-orders-table-wrapper {
  background: #ffffff;
  border: 1px solid #e2e8f0;
  border-radius: 14px;
  overflow: hidden;
}

.hk-account-page.new-design-profile-page .hk-orders-table {
  width: 100%;
  margin: 0;
  border-collapse: collapse;
}

.hk-account-page.new-design-profile-page .hk-orders-table th {
  background: #f8fafc;
  color: #0f1f38;
  font-size: 12px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  padding: 14px 16px;
  border-bottom: 1px solid #e2e8f0;
}

.hk-account-page.new-design-profile-page .hk-orders-table td {
  padding: 16px;
  font-size: 13px;
  color: #475569;
  border-bottom: 1px solid #f1f5f9;
  vertical-align: middle;
}

.hk-account-page.new-design-profile-page .hk-order-badge-status {
  font-size: 11px;
  font-weight: 700;
  padding: 3px 8px;
  border-radius: 5px;
  background: #ecfdf5;
  color: #047857;
}

.hk-account-page.new-design-profile-page .hk-empty-card-box {
  text-align: center;
  padding: 50px 20px;
  background: #fafbfd;
  border: 1.5px dashed #e2e8f0;
  border-radius: 14px;
}

.hk-account-page.new-design-profile-page .hk-empty-card-box i {
  font-size: 16px;
  color: #94a3b8;
  margin-bottom: 0;
}

.hk-account-page.new-design-profile-page .hk-tab-pane {
  display: none;
}

.hk-account-page.new-design-profile-page .hk-tab-pane.active {
  display: block;
  animation: fadeIn 0.25s ease;
}

@keyframes fadeIn {
  from {
    opacity: 0;
    transform: translateY(4px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@media (max-width: 991px) {
  .hk-account-page.new-design-profile-page .hk-account-wrapper {
    flex-direction: column;
  }

  .hk-account-page.new-design-profile-page .hk-account-sidebar {
    width: 100%;
    min-width: 100%;
    border-right: none;
    border-bottom: 1px solid #e2e8f0;
  }

  .hk-account-page.new-design-profile-page .hk-sidebar-nav {
    display: flex;
    overflow-x: auto;
    padding: 8px;
    white-space: nowrap;
  }

  .hk-account-page.new-design-profile-page .hk-nav-item.active .hk-nav-link::before {
    display: none;
  }

  .hk-account-page.new-design-profile-page .hk-nav-item.active .hk-nav-link {
    border-radius: 8px;
  }

  .hk-account-page.new-design-profile-page .hk-sidebar-help-box {
    display: none;
  }

  .hk-account-page.new-design-profile-page .hk-account-main-content {
    padding: 24px 20px;
  }
}

.hk-modern-page.new-page-policy {
  background: #f8fafc;
  padding-bottom: 70px;
}

.hk-modern-page.new-page-policy .hk-page-hero {
  background: linear-gradient(135deg, #091d3e 0%, #103b75 55%, #1e60eb 100%);
  padding: 55px 0 65px;
  color: #ffffff;
  position: relative;
  overflow: hidden;
}

.hk-modern-page.new-page-policy .hk-page-hero.green-theme {
  background: linear-gradient(135deg, #091d3e 0%, #0f332e 50%, #064e3b 100%);
}

.hk-modern-page.new-page-policy .hk-page-hero .dot-grid {
  position: absolute;
  width: 180px;
  height: 180px;
  background-image: radial-gradient(rgba(255, 255, 255, 0.15) 1.5px,
      transparent 1.5px);
  background-size: 16px 16px;
  pointer-events: none;
}

.hk-modern-page.new-page-policy .hk-page-hero .dot-grid.top-left {
  top: 10px;
  left: 20px;
}

.hk-modern-page.new-page-policy .hk-page-hero .dot-grid.bot-right {
  bottom: 10px;
  right: 20px;
}

.hk-modern-page.new-page-policy .hk-hero-eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  background: rgba(255, 255, 255, 0.15);
  color: #93c5fd;
  border: 1px solid rgba(255, 255, 255, 0.25);
  font-size: 12px;
  font-weight: 700;
  padding: 5px 14px;
  border-radius: 30px;
  letter-spacing: 0.8px;
  text-transform: uppercase;
  margin-bottom: 14px;
}

.hk-modern-page.new-page-policy .hk-page-hero.green-theme .hk-hero-eyebrow {
  background: rgba(16, 185, 129, 0.2);
  color: #34d399;
  border-color: rgba(52, 211, 153, 0.35);
}

.hk-modern-page.new-page-policy .hk-hero-title {
  font-size: 38px;
  font-weight: 700;
  margin: 0 0 12px;
  color: #ffffff;
  letter-spacing: -0.5px;
  line-height: 1.25;
}

.hk-modern-page.new-page-policy .hk-hero-desc {
  font-size: 15px;
  color: rgba(255, 255, 255, 0.85);
  max-width: 720px;
  line-height: 1.6;
  margin-bottom: 22px;
}

.hk-modern-page.new-page-policy .hk-hero-breadcrumbs {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 13px;
  color: rgba(255, 255, 255, 0.65);
}

.hk-modern-page.new-page-policy .hk-hero-breadcrumbs a {
  color: #bfdbfe;
  text-decoration: none;
}

.hk-modern-page.new-page-policy .hk-page-hero.green-theme .hk-hero-breadcrumbs a {
  color: #a7f3d0;
}

.hk-modern-page.new-page-policy .hk-hero-breadcrumbs a:hover {
  color: #ffffff;
}

.hk-modern-page.new-page-policy .hk-layout-container {
  display: flex;
  gap: 30px;
  margin-top: -30px;
  position: relative;
  z-index: 10;
}

.hk-modern-page.new-page-policy .hk-sidebar-column {
  width: 290px;
  min-width: 290px;
}

.hk-modern-page.new-page-policy .hk-main-column {
  flex: 1;
}

.hk-modern-page.new-page-policy .hk-sticky-card {
  background: #ffffff;
  border-radius: 16px;
  border: 1px solid #e2e8f0;
  box-shadow: 0 10px 30px rgba(15, 31, 56, 0.05);
  padding: 22px 18px;
  position: sticky;
  top: 24px;
}

.hk-modern-page.new-page-policy .hk-sticky-card-title {
  font-size: 13px;
  font-weight: 700;
  color: #64748b;
  text-transform: uppercase;
  letter-spacing: 0.8px;
  margin: 0 0 14px 8px;
}

.hk-modern-page.new-page-policy .hk-toc-list {
  list-style: none;
  padding: 0;
  margin: 0 0 20px;
}

.hk-modern-page.new-page-policy .hk-toc-item {
  margin-bottom: 4px;
}

.hk-modern-page.new-page-policy .hk-toc-link {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 10px 14px;
  font-size: 13px;
  font-weight: 600;
  color: #475569;
  text-decoration: none;
  border-radius: 8px;
  transition: all 0.2s ease;
}

.hk-modern-page.new-page-policy .hk-toc-link i {
  font-size: 14px;
  color: #94a3b8;
  width: 16px;
  text-align: center;
}

.hk-modern-page.new-page-policy .hk-toc-link:hover {
  background: #f1f5f9;
  color: #0b2545;
}

.hk-modern-page.new-page-policy .hk-toc-link.active {
  background: #eff6ff;
  color: #062654;
  font-weight: 700;
}

.hk-modern-page.new-page-policy .hk-toc-link.active i {
  color: #062654;
}

.hk-modern-page.new-page-policy .hk-sidebar-support-box {
  background: #f0f7ff;
  border: 1px solid #dbeafe;
  border-radius: 12px;
  padding: 18px 16px;
  text-align: center;
}

.hk-modern-page.new-page-policy .hk-sidebar-support-box.green-box {
  background: linear-gradient(135deg, #ecfdf5 0%, #d1fae5 100%);
  border-color: #a7f3d0;
}

.hk-modern-page.new-page-policy .hk-support-btn {
  display: block;
  background: #ffffff;
  color: #062654;
  border: 1px solid #bfdbfe;
  border-radius: 8px;
  padding: 8px 12px;
  font-size: 12.5px;
  font-weight: 700;
  text-decoration: none;
  transition: all 0.2s ease;
  margin-top: 10px;
}

.hk-modern-page.new-page-policy .hk-support-btn:hover {
  background: #062654;
  color: #ffffff;
  border-color: #062654;
}

.hk-modern-page.new-page-policy .hk-section-card {
  background: #ffffff;
  border-radius: 16px;
  border: 1px solid #e2e8f0;
  box-shadow: 0 8px 24px rgba(15, 31, 56, 0.04);
  padding: 34px 36px;
  margin-bottom: 26px;
  scroll-margin-top: 30px;
}

.hk-modern-page.new-page-policy .hk-card-header {
  display: flex;
  align-items: center;
  gap: 14px;
  margin-bottom: 20px;
  padding-bottom: 16px;
  border-bottom: 1px solid #f1f5f9;
}

.hk-modern-page.new-page-policy .hk-card-icon {
  width: 44px;
  height: 44px;
  min-width: 44px;
  border-radius: 10px;
  background: #eff6ff;
  border: 1px solid #dbeafe;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #062654;
  font-size: 18px;
}

.hk-modern-page.new-page-policy .hk-card-icon.green-icon {
  background: #ecfdf5;
  border-color: #a7f3d0;
  color: #10b981;
}

.hk-modern-page.new-page-policy .hk-card-title {
  font-size: 20px;
  font-weight: 700;
  color: #0f1f38;
  margin: 0;
}

.hk-modern-page.new-page-policy .hk-card-text {
  font-size: 14px;
  color: #475569;
  line-height: 1.7;
  margin-bottom: 14px;
}

.hk-modern-page.new-page-policy .hk-card-text:last-child {
  margin-bottom: 0;
}

.hk-modern-page.new-page-policy .hk-subheading {
  font-size: 15.5px;
  font-weight: 700;
  color: #0f1f38;
  margin: 18px 0 10px;
}

.hk-modern-page.new-page-policy .hk-list-check {
  list-style: none;
  padding: 0;
  margin: 14px 0 14px;
}

.hk-modern-page.new-page-policy .hk-list-check li {
  position: relative;
  padding-left: 24px;
  margin-bottom: 10px;
  font-size: 13.5px;
  color: #475569;
  line-height: 1.6;
}

.hk-modern-page.new-page-policy .hk-list-check li::before {
  content: "\f00c";
  font-family: FontAwesome;
  position: absolute;
  left: 0;
  top: 2px;
  color: #062654;
  font-size: 12px;
  font-weight: bold;
}

.hk-modern-page.new-page-policy .hk-form-master-card {
  background: #ffffff;
  border-radius: 18px;
  border: 1px solid #e2e8f0;
  box-shadow: 0 10px 35px rgba(15, 31, 56, 0.05);
  padding: 36px;
}

.hk-modern-page.new-page-policy .hk-form-sec-heading {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 20px;
  padding-bottom: 14px;
  border-bottom: 1px solid #f1f5f9;
}

.hk-modern-page.new-page-policy .hk-form-sec-num {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  background: #eff6ff;
  color: #062654;
  font-size: 14px;
  font-weight: 700;
  display: flex;
  align-items: center;
  justify-content: center;
}

.hk-modern-page.new-page-policy .hk-form-sec-title {
  font-size: 17px;
  font-weight: 700;
  color: #0f1f38;
  margin: 0;
}

.hk-modern-page.new-page-policy .hk-form-group {
  margin-bottom: 20px;
}

.hk-modern-page.new-page-policy .hk-form-label {
  display: block;
  font-size: 13px;
  font-weight: 700;
  color: #0f1f38;
  margin-bottom: 7px;
}

.hk-modern-page.new-page-policy .hk-form-label .req {
  color: #ef4444;
  margin-left: 2px;
}

.hk-modern-page.new-page-policy .hk-form-control {
  width: 100%;
  height: 44px !important;
  border: 1.5px solid #e2e8f0 !important;
  border-radius: 8px;
  padding: 8px 14px;
  font-size: 13.5px !important;
  color: #0f1f38;
  background: #ffffff;
  transition: all 0.2s ease;
}

.hk-modern-page.new-page-policy .hk-form-control.nice-select {
  padding: 5px 14px 8px;
  margin-bottom: 20px;
}

.hk-modern-page.new-page-policy .hk-form-control:focus {
  border-color: #062654;
  box-shadow: 0 0 0 3px rgba(30, 96, 235, 0.12);
  outline: none;
}

.hk-modern-page.new-page-policy textarea.hk-form-control {
  height: auto;
  min-height: 85px;
  resize: vertical;
}

.hk-modern-page.new-page-policy .hk-file-upload-box {
  position: relative;
  width: 100%;
  min-height: 190px;
  border: 1.5px dashed #93c5fd;
  background: linear-gradient(145deg, #f8fafc 0%, #eff6ff 100%);
  border-radius: 14px;
  padding: 25px 20px;
  text-align: center;
  transition: all 0.25s ease;
  overflow: hidden;
  cursor: pointer;
}

.hk-modern-page.new-page-policy .hk-file-upload-box::before {
  content: "";
  position: absolute;
  width: 130px;
  height: 130px;
  border-radius: 50%;
  background: rgba(59, 130, 246, 0.06);
  top: -65px;
  right: -45px;
  pointer-events: none;
}

.hk-modern-page.new-page-policy .hk-file-upload-box::after {
  content: "";
  position: absolute;
  width: 100px;
  height: 100px;
  border-radius: 50%;
  background: rgba(59, 130, 246, 0.04);
  bottom: -50px;
  left: -35px;
  pointer-events: none;
}

.hk-modern-page.new-page-policy .hk-file-upload-box:hover,
.hk-modern-page.new-page-policy .hk-file-upload-box.hk-dragging {
  background: linear-gradient(145deg, #eff6ff 0%, #dbeafe 100%);
  border-color: #3b82f6;
  box-shadow: 0 8px 25px rgba(37, 99, 235, 0.1);
  transform: translateY(-1px);
}

.hk-modern-page.new-page-policy .hk-file-input {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  cursor: pointer;
  z-index: 5;
}

.hk-modern-page.new-page-policy .hk-upload-content {
  position: relative;
  z-index: 2;
  pointer-events: none;
}

.hk-modern-page.new-page-policy .hk-upload-icon {
  width: 48px;
  height: 48px;
  margin: 0 auto 12px;
  border-radius: 12px;
  background: #dbeafe;
  color: #2563eb;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 21px;
  transition: all 0.25s ease;
}

.hk-modern-page.new-page-policy .hk-file-upload-box:hover .hk-upload-icon,
.hk-modern-page.new-page-policy .hk-file-upload-box.hk-dragging .hk-upload-icon {
  background: #2563eb;
  color: #fff;
  transform: translateY(-2px);
}

.hk-modern-page.new-page-policy .hk-upload-title {
  color: #111827;
  font-size: 15px;
  line-height: 1.4;
  font-weight: 700;
  margin-bottom: 4px;
}

.hk-modern-page.new-page-policy .hk-upload-text {
  color: #64748b;
  font-size: 12.5px;
  line-height: 1.5;
}

.hk-modern-page.new-page-policy .hk-upload-text span {
  color: #2563eb;
  font-weight: 700;
}

.hk-modern-page.new-page-policy .hk-upload-formats {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  margin-top: 10px;
  padding: 5px 10px;
  background: rgba(255, 255, 255, 0.75);
  border: 1px solid #e2e8f0;
  border-radius: 6px;
  color: #64748b;
  font-size: 10.5px;
  font-weight: 600;
}

.hk-modern-page.new-page-policy .hk-upload-formats i {
  color: #2563eb;
  font-size: 11px;
}

.hk-modern-page.new-page-policy .hk-upload-divider {
  color: #cbd5e1;
}

.hk-modern-page.new-page-policy .hk-selected-file {
  display: none;
  align-items: center;
  max-width: 330px;
  margin: 12px auto 0;
  padding: 8px 10px;
  background: #ffffff;
  border: 1px solid #bfdbfe;
  border-radius: 8px;
  text-align: left;
  box-shadow: 0 2px 8px rgba(15, 23, 42, 0.05);
}

.hk-modern-page.new-page-policy .hk-selected-file.active {
  display: flex;
}

.hk-modern-page.new-page-policy .hk-selected-file>i {
  width: 30px;
  height: 30px;
  flex: 0 0 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 8px;
  border-radius: 6px;
  background: #eff6ff;
  color: #2563eb;
  font-size: 13px;
}

.hk-modern-page.new-page-policy .hk-file-name {
  flex: 1;
  min-width: 0;
  color: #334155;
  font-size: 11.5px;
  font-weight: 600;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.hk-modern-page.new-page-policy .hk-remove-file {
  position: relative;
  z-index: 10;
  width: 26px;
  height: 26px;
  flex: 0 0 26px;
  border: 0;
  border-radius: 6px;
  background: #fef2f2;
  color: #dc2626;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  pointer-events: auto;
  transition: all 0.2s ease;
}

.hk-modern-page.new-page-policy .hk-remove-file:hover {
  background: #fee2e2;
  color: #b91c1c;
}

@media (max-width: 576px) {
  .hk-modern-page.new-page-policy .hk-file-upload-box {
    min-height: 175px;
    padding: 20px 15px;
  }

  .hk-modern-page.new-page-policy .hk-upload-icon {
    width: 44px;
    height: 44px;
    font-size: 19px;
  }

  .hk-modern-page.new-page-policy .hk-upload-title {
    font-size: 14px;
  }

  .hk-modern-page.new-page-policy .hk-upload-text {
    font-size: 11.5px;
  }

  .hk-modern-page.new-page-policy .hk-upload-formats {
    font-size: 9.5px;
  }
}

.hk-modern-page.new-page-policy .hk-btn-primary-action {
  background: #062654;
  color: #ffffff;
  border: none;
  border-radius: 8px;
  padding: 14px 28px;
  font-size: 14px;
  font-weight: 700;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  box-shadow: 0 4px 14px rgba(30, 96, 235, 0.25);
  transition: all 0.2s ease;
}

.hk-modern-page.new-page-policy .hk-btn-primary-action:hover {
  background: #174ec4;
  color: #ffffff;
  transform: translateY(-1px);
  box-shadow: 0 6px 18px rgba(30, 96, 235, 0.35);
}

.hk-modern-page.new-page-policy .hk-side-assurance-card {
  background: #ffffff;
  border-radius: 18px;
  border: 1px solid #e2e8f0;
  box-shadow: 0 10px 35px rgba(15, 31, 56, 0.05);
  padding: 30px 26px;
  margin-bottom: 24px;
}

.hk-modern-page.new-page-policy .hk-side-assurance-title {
  font-size: 18px;
  font-weight: 700;
  color: #0f1f38;
  margin: 0 0 18px;
  display: flex;
  align-items: center;
  gap: 10px;
}

.hk-modern-page.new-page-policy .hk-side-benefit-list {
  list-style: none;
  padding: 0;
  margin: 0;
}

.hk-modern-page.new-page-policy .hk-side-benefit-item {
  display: flex;
  gap: 14px;
  margin-bottom: 18px;
}

.hk-modern-page.new-page-policy .hk-side-benefit-item:last-child {
  margin-bottom: 0;
}

.hk-modern-page.new-page-policy .hk-side-benefit-icon {
  width: 38px;
  height: 38px;
  min-width: 38px;
  border-radius: 10px;
  background: #eff6ff;
  color: #062654;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 16px;
}

.hk-modern-page.new-page-policy .hk-side-benefit-text h5 {
  font-size: 14px;
  font-weight: 700;
  color: #0f1f38;
  margin: 0 0 3px;
}

.hk-modern-page.new-page-policy .hk-side-benefit-text p {
  font-size: 12px;
  color: #64748b;
  line-height: 1.5;
  margin: 0;
}

.hk-modern-page.new-page-policy .hk-alert-box {
  border-radius: 12px;
  padding: 18px 20px;
  display: flex;
  align-items: flex-start;
  gap: 14px;
  margin: 16px 0;
}

.hk-modern-page.new-page-policy .hk-alert-box.warning {
  background: #fef3c7;
  border: 1px solid #fde68a;
}

.hk-modern-page.new-page-policy .hk-alert-box.warning i {
  color: #d97706;
  font-size: 20px;
  margin-top: 2px;
}

.hk-alert-box.warning strong {
  color: #92400e;
  display: block;
  font-size: 13.5px;
  margin-bottom: 2px;
}

.hk-modern-page.new-page-policy .hk-alert-box.warning span {
  color: #78350f;
  font-size: 12.5px;
  line-height: 1.5;
}

.hk-modern-page.new-page-policy .hk-alert-box.danger {
  background: #fef2f2;
  border: 1.5px solid #fca5a5;
}

.hk-modern-page.new-page-policy .hk-alert-box.danger i {
  color: #dc2626;
  font-size: 20px;
  margin-top: 2px;
}

.hk-modern-page.new-page-policy .hk-alert-box.danger strong {
  color: #991b1b;
  display: block;
  font-size: 14px;
  margin-bottom: 4px;
}

.hk-modern-page.new-page-policy .hk-alert-box.danger span {
  color: #7f1d1d;
  font-size: 13px;
  line-height: 1.5;
}

.hk-modern-page.new-page-policy .hk-steps-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  gap: 16px;
  margin: 18px 0;
}

.hk-modern-page.new-page-policy .hk-step-item {
  background: #f8fafc;
  border: 1px solid #e2e8f0;
  border-radius: 12px;
  padding: 18px;
  text-align: center;
}

.hk-modern-page.new-page-policy .hk-step-num {
  width: 34px;
  height: 34px;
  border-radius: 50%;
  background: #eff6ff;
  color: #062654;
  font-weight: 700;
  font-size: 14px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 10px;
}

.hk-modern-page.new-page-policy .hk-step-item h5 {
  font-size: 13.5px;
  font-weight: 700;
  color: #0f1f38;
  margin: 0 0 4px;
}

.hk-modern-page.new-page-policy .hk-step-item p {
  font-size: 11.5px;
  color: #64748b;
  margin: 0;
  line-height: 1.4;
}

.hk-modern-page.new-page-policy .hk-table-search-bar {
  margin-bottom: 16px;
  display: flex;
  align-items: center;
  gap: 10px;
}

.hk-modern-page.new-page-policy .hk-search-input {
  width: 100%;
  max-width: 320px;
  padding: 9px 14px;
  font-size: 13px;
  border: 1.5px solid #e2e8f0;
  border-radius: 8px;
  outline: none;
}

.hk-modern-page.new-page-policy .hk-search-input:focus {
  border-color: #062654;
}

.hk-modern-page.new-page-policy .hk-table-wrapper {
  border: 1px solid #e2e8f0;
  border-radius: 16px;
  overflow: visible;
}

.hk-modern-page.new-page-policy .hk-custom-table {
  width: 100%;
  margin: 0;
  border-collapse: collapse;
  border-radius: 15px;
  overflow: hidden;
}

.hk-modern-page.new-page-policy .hk-custom-table th {
  background: #f8fafc;
  color: #0f1f38;
  font-size: 12px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  padding: 13px 16px;
  border-bottom: 1px solid #e2e8f0;
}

.hk-modern-page.new-page-policy .hk-custom-table td {
  padding: 14px 16px;
  font-size: 13px;
  color: #475569;
  border-bottom: 1px solid #f1f5f9;
  vertical-align: middle;
}

.hk-modern-page.new-page-policy .hk-custom-table tr:hover td {
  background: #f9fafb;
}

@media (max-width: 991px) {
  .hk-modern-page.new-page-policy .hk-layout-container {
    flex-direction: column;
    margin-top: 20px;
  }

  .hk-modern-page.new-page-policy .hk-sidebar-column {
    width: 100%;
    min-width: 100%;
  }

  .hk-modern-page.new-page-policy .hk-sticky-card {
    position: relative;
    top: 0;
  }

  .hk-modern-page.new-page-policy .hk-section-card,
  .hk-modern-page.new-page-policy .hk-form-master-card {
    padding: 24px 20px;
  }

  .hk-modern-page.new-page-policy .hk-hero-title {
    font-size: 28px;
  }
}

.modal .modal-dialog .modal-content .modal-body,
.modal .modal-dialog .modal-content {
  border: none;
  border-radius: 16px;
  overflow: hidden;
}

.g-2 {
  gap: 6px;
}

.toast-message {
  font-size: 14px !important;
}

.hk-modern-page .dist-network-section {
  position: relative;

  overflow: hidden;
  font-family: "Montserrat", sans-serif;
}

/* Ambient Speed Light Rays & Glowing Streaks */
.hk-modern-page .dist-network-section::before {
  content: "";
  position: absolute;
  top: -30%;
  left: -20%;
  width: 150%;
  height: 160%;
  background:
    radial-gradient(ellipse at 10% 25%,
      rgba(230, 46, 45, 0.45) 0%,
      rgba(230, 46, 45, 0) 45%),
    radial-gradient(ellipse at 25% 80%,
      rgba(200, 20, 20, 0.25) 0%,
      rgba(0, 0, 0, 0) 50%),
    linear-gradient(125deg,
      transparent 36%,
      rgba(255, 30, 30, 0.12) 41%,
      rgba(255, 30, 30, 0.3) 44%,
      transparent 47%),
    linear-gradient(135deg,
      transparent 58%,
      rgba(255, 50, 50, 0.1) 62%,
      transparent 66%);
  pointer-events: none;
  z-index: 1;
}

/* Left Column: Network Info & Appliances */
.hk-modern-page .dist-left-col {
  padding-right: 35px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

/* Top Badge */
.hk-modern-page .net-badge-top {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  color: #f1f1f1;
  font-size: 13.5px;
  font-weight: 600;
  letter-spacing: 0.6px;
  margin-bottom: 16px;
}

.hk-modern-page .net-badge-icon {
  display: inline-flex;
  gap: 3px;
  transform: skewX(-20deg);
}

.hk-modern-page .net-badge-icon span {
  display: inline-block;
  width: 4px;
  height: 14px;
  background: #e62e2d;
  border-radius: 1px;
}

/* Heading: Join Our Network */
.hk-modern-page .net-hero-title {
  font-size: 52px;
  font-weight: 600;
  line-height: 1.1;
  color: #ffffff;
  margin: 0 0 22px 0;
  letter-spacing: -0.5px;
}

.hk-modern-page .net-hero-title .brand-red {
  color: #e62e2d;
  display: block;
}

/* Paragraph */
.hk-modern-page .net-hero-desc {
  font-size: 15px;
  line-height: 1.65;
  color: rgba(255, 255, 255, 0.85);
  margin-bottom: 35px;
  max-width: 430px;
  font-weight: 400;
}

/* 3 Circular Feature Points */
.hk-modern-page .net-feature-list {
  display: flex;
  flex-direction: column;
  gap: 22px;
  margin-bottom: 40px;
}

.hk-modern-page .net-feature-item {
  display: flex;
  align-items: center;
  gap: 16px;
}

.hk-modern-page .net-feature-circle {
  width: 44px;
  height: 44px;
  border-radius: 50%;
  background: #b51515;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #ffffff;
  font-size: 18px;
  flex-shrink: 0;
  box-shadow: 0 4px 14px rgba(181, 21, 21, 0.45);
}

.hk-modern-page .net-feature-info h5 {
  font-size: 16px;
  font-weight: 700;
  color: #ffffff;
  margin: 0 0 3px 0;
}

.hk-modern-page .net-feature-info p {
  font-size: 13.5px;
  color: rgba(255, 255, 255, 0.72);
  margin: 0;
  line-height: 1.4;
  font-weight: 400;
}

/* Appliances Image at Left Bottom Corner */
.hk-modern-page .net-appliances-wrap {
  margin-top: 15px;
  position: relative;
}

.hk-modern-page .net-appliances-img {
  width: 100%;
  max-width: 410px;
  border-radius: 12px;
  box-shadow: 0 16px 36px rgba(0, 0, 0, 0.55);
  display: block;
  transition: transform 0.3s ease;
}

.hk-modern-page .net-appliances-img:hover {
  transform: scale(1.02);
}

.hk-modern-page .net-appliances-tag {
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 2px;
  color: rgba(255, 255, 255, 0.55);
  text-transform: uppercase;
  margin-top: 16px;
  position: absolute;
  bottom: 20px;
  left: 20px;
}

/* Right Column: Clean White Application Card */
.hk-modern-page .dist-app-card {
  background: #ffffff;
  border-radius: 28px;
  box-shadow: 0 25px 60px rgba(0, 0, 0, 0.4);
  padding: 40px 46px 45px;
  position: relative;
  overflow: hidden;
  color: #1f2937;
}

/* Top Right Subtle Text with Red Line */
.hk-modern-page .card-top-meta {
  margin-bottom: 12px;
  align-items: center;
  gap: 8px;
}

.hk-modern-page .card-top-meta span {
  font-size: 13px;
  color: #6b7280;
  font-weight: 500;
}

.hk-modern-page .card-top-meta .red-bar {
  display: inline-block;
  width: 28px;
  height: 2.5px;
  background: #e62e2d;
  border-radius: 2px;
}

/* Card Header: Red Slanted Logo + Heading */
.hk-modern-page .card-header-block {
  display: flex;
  align-items: flex-start;
  gap: 14px;
  margin-bottom: 28px;
}

.hk-modern-page .card-title-text {
  font-size: 28px;
  font-weight: 600;
  color: #111827;
  margin: 0;
  line-height: 1.15;
}

.hk-modern-page .card-title-text .red-part {
  color: #e62e2d;
}

.hk-modern-page .card-subtitle-text {
  font-size: 14px;
  color: #6b7280;
  margin: 6px 0 0 0;
  font-weight: 400;
}

/* Form Fields with Inner Left Icons */
.hk-modern-page .app-form-group {
  margin-bottom: 20px;
}

.hk-modern-page .app-form-group label {
  display: block;
  font-size: 13.5px;
  font-weight: 700;
  color: #1f2937;
  margin-bottom: 7px;
}

.hk-modern-page .app-form-group label .req-star {
  color: #e62e2d;
  margin-left: 2px;
}

.hk-modern-page .app-input-wrap {
  position: relative;
  display: flex;
  align-items: center;
}

.hk-modern-page .app-input-wrap .field-icon {
  position: absolute;
  left: 16px;
  top: 50%;
  transform: translateY(-50%);
  color: #64748b;
  font-size: 15px;
  pointer-events: none;
  z-index: 5;
}

.hk-modern-page .app-control {
  width: 100% !important;
  height: 48px !important;
  padding: 10px 16px 10px 46px !important;
  background: #ffffff !important;
  border: 1.5px solid #e2e8f0 !important;
  border-radius: 9px !important;
  font-size: 14px !important;
  color: #1e293b !important;
  font-family: inherit !important;
  transition: all 0.25s ease !important;
  outline: none !important;
  box-shadow: none !important;
}

.hk-modern-page .app-control:focus {
  border-color: #e62e2d !important;
  box-shadow: 0 0 0 4px rgba(230, 46, 45, 0.1) !important;
}

.hk-modern-page .app-control::placeholder {
  color: #94a3b8 !important;
  font-weight: 400 !important;
}

.hk-modern-page select.app-control {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  cursor: pointer;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%2364748b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E") !important;
  background-repeat: no-repeat !important;
  background-position: right 16px center !important;
  padding-right: 40px !important;
}

.hk-modern-page input[type="file"].app-control {
  padding-top: 11px !important;
  font-size: 13px !important;
  cursor: pointer;
}

.hk-modern-page input[type="file"].app-control::-webkit-file-upload-button {
  background: #e62e2d;
  color: #fff;
  border: none;
  padding: 4px 10px;
  border-radius: 4px;
  font-size: 12px;
  font-weight: 600;
  margin-right: 10px;
  cursor: pointer;
}

.hk-modern-page .app-category-section {
  margin-top: 5px;
  margin-bottom: 25px;
}

.hk-modern-page .app-category-title {
  font-size: 14.5px;
  font-weight: 700;
  color: #111827;
  margin-bottom: 12px;
}

.hk-modern-page .app-category-title .req-star {
  color: #e62e2d;
}

.hk-modern-page .app-categories-box {
  background: #ffffff;
  border: 1.5px solid #eef0f5;
  border-radius: 14px;
  padding: 20px 22px;
}

.hk-modern-page .app-categories-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 14px;
}

@media (max-width: 768px) {
  .hk-modern-page .app-categories-grid {
    grid-template-columns: 1fr;
  }
}

.hk-modern-page .app-cat-card {
  background: #f8fafc;
  border: 1.5px solid #e2e8f0;
  border-radius: 12px;
  padding: 14px 16px;
  transition: all 0.25s ease;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
}

.hk-modern-page .app-cat-card:hover {
  border-color: #cbd5e1;
  background: #ffffff;
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.04);
}

.hk-modern-page .app-cat-card.selected,
.hk-modern-page .app-cat-card:has(input:checked) {
  border-color: #e62e2d;
  background: #fffafa;
  box-shadow: 0 4px 16px rgba(230, 46, 45, 0.08);
}

.hk-modern-page .app-check-label {
  display: flex;
  align-items: center;
  margin-bottom: 0px;
  cursor: pointer;
  user-select: none;
  position: relative;
}

.hk-modern-page .app-check-label input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  width: 0;
  height: 0;
}

.hk-modern-page .app-chk-box {
  width: 18px;
  height: 18px;
  border: 1.5px solid #f87171;
  border-radius: 4px;
  margin-right: 12px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  transition: all 0.2s ease;
  flex-shrink: 0;
  background: #ffffff;
}

.hk-modern-page .app-check-label:hover .app-chk-box {
  border-color: #e62e2d;
}

.hk-modern-page .app-check-label input:checked~.app-chk-box {
  background: #e62e2d;
  border-color: #e62e2d;
}

.hk-modern-page .app-chk-box i {
  color: #ffffff;
  font-size: 11px;
  display: none;
}

.hk-modern-page .app-check-label input:checked~.app-chk-box i {
  display: block;
}

.hk-modern-page .app-chk-name {
  font-size: 14px;
  color: #0f172a;
  font-weight: 700;
  transition: color 0.2s;
}

.hk-modern-page .app-cat-prds-preview {
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
  padding-left: 30px;
  margin-top: 2px;
}

.hk-modern-page .app-prd-tag {
  font-size: 11px;
  color: #64748b;
  background: #ffffff;
  border: 1px solid #e2e8f0;
  padding: 3px 8px;
  border-radius: 6px;
  display: inline-block;
  max-width: 100%;
  line-height: 1.3;
  font-weight: 500;
}

.hk-modern-page .app-cat-card.selected .app-prd-tag,
.hk-modern-page .app-cat-card:has(input:checked) .app-prd-tag {
  border-color: #fecaca;
  background: #ffffff;
  color: #b91c1c;
}

/* Multi-step Form Stepper & Action Buttons */
.form-stepper {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 28px;
  padding-bottom: 20px;
  border-bottom: 1.5px solid #f1f5f9;
  position: relative;
}

.stepper-item {
  display: flex;
  align-items: center;
  gap: 12px;
  cursor: pointer;
  user-select: none;
  transition: all 0.25s ease;
}

.stepper-circle {
  width: 38px;
  height: 38px;
  border-radius: 50%;
  background: #f8fafc;
  color: #64748b;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 700;
  font-size: 14.5px;
  transition: all 0.3s ease;
  flex-shrink: 0;
  border: 2px solid #e2e8f0;
}

.stepper-check {
  display: none;
}

.stepper-item.completed .stepper-circle {
  background: #10b981;
  border-color: #10b981;
  color: #ffffff;
}

.stepper-item.completed .stepper-num {
  display: none;
}

.stepper-item.completed .stepper-check {
  display: inline-block;
  font-size: 14px;
}

.stepper-item.active .stepper-circle {
  background: #e62e2d;
  border-color: #e62e2d;
  color: #ffffff;
  box-shadow: 0 4px 14px rgba(230, 46, 45, 0.4);
}

.stepper-label {
  display: flex;
  flex-direction: column;
}

.step-tag {
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 1px;
  text-transform: uppercase;
  color: #94a3b8;
  line-height: 1.2;
}

.stepper-item.active .step-tag {
  color: #e62e2d;
}

.stepper-item.completed .step-tag {
  color: #10b981;
}

.step-name {
  font-size: 13.5px;
  font-weight: 700;
  color: #334155;
  line-height: 1.25;
  margin-top: 2px;
}

.stepper-item.active .step-name {
  color: #0f172a;
}

.stepper-line {
  flex-grow: 1;
  height: 3px;
  background: #e2e8f0;
  margin: 0 20px;
  border-radius: 4px;
  position: relative;
  overflow: hidden;
}

.stepper-line::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 0%;
  background: #e62e2d;
  transition: width 0.35s ease;
}

.form-stepper.step-2-active .stepper-line::after {
  width: 100%;
}

.hk-modern-page .app-step-pane {
  display: none;
  animation: fadeInStep 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

.hk-modern-page .app-step-pane.active {
  display: block;
}

@keyframes fadeInStep {
  from {
    opacity: 0;
    transform: translateY(8px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.hk-modern-page .app-step-actions {
  margin-top: 25px;
  display: flex;
  align-items: center;
}

.hk-modern-page .app-next-btn {
  background: linear-gradient(135deg, #e62e2d 0%, #c41e1e 100%);
  color: #ffffff;
  border: none;
  border-radius: 50px;
  padding: 13px 40px;
  font-size: 15px;
  font-weight: 700;
  letter-spacing: 0.3px;
  box-shadow: 0 8px 22px rgba(230, 46, 45, 0.38);
  transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
  display: inline-flex;
  align-items: center;
  gap: 8px;
  cursor: pointer;
}

.hk-modern-page .app-next-btn:hover {
  transform: translateY(-2px);
  box-shadow: 0 14px 28px rgba(230, 46, 45, 0.5);
  background: linear-gradient(135deg, #f03534 0%, #c81616 100%);
  color: #ffffff;
}

.hk-modern-page .app-back-btn {
  background: #f1f5f9;
  color: #475569;
  border: 1.5px solid #e2e8f0;
  border-radius: 50px;
  padding: 12px 28px;
  font-size: 14.5px;
  font-weight: 700;
  transition: all 0.2s ease;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  gap: 8px;
}

.hk-modern-page .app-back-btn:hover {
  background: #e2e8f0;
  color: #0f172a;
  border-color: #cbd5e1;
}

.hk-modern-page .app-control.is-invalid {
  border-color: #ef4444 !important;
  background-color: #fff5f5 !important;
}

/* Submit Button */
.hk-modern-page .app-submit-btn {
  background: linear-gradient(135deg, #e62e2d 0%, #c41e1e 100%);
  color: #ffffff;
  border: none;
  border-radius: 50px;
  padding: 13px 44px;
  font-size: 15.5px;
  font-weight: 700;
  letter-spacing: 0.3px;
  box-shadow: 0 10px 25px rgba(230, 46, 45, 0.42);
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  display: inline-flex;
  align-items: center;
  gap: 10px;
  cursor: pointer;
}

.hk-modern-page .app-submit-btn:hover {
  transform: translateY(-2px);
  box-shadow: 0 15px 30px rgba(230, 46, 45, 0.55);
  background: linear-gradient(135deg, #f03534 0%, #c81616 100%);
  color: #ffffff;
}

.hk-modern-page .app-submit-btn:disabled {
  opacity: 0.7;
  cursor: not-allowed;
  transform: none;
}

/* Card Bottom Right Geometric Red Stripes Accent */
.hk-modern-page .card-corner-stripes {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 90px;
  height: 90px;
  pointer-events: none;
  z-index: 1;
}

.hk-modern-page .card-corner-stripes svg {
  width: 100%;
  height: 100%;
  display: block;
}

/* Responsive adjustments */
@media (max-width: 991px) {
  .hk-modern-page .dist-network-section {
    padding: 45px 0 65px;
  }

  .hk-modern-page .dist-left-col {
    padding-right: 0;
    margin-bottom: 45px;
  }

  .hk-modern-page .net-hero-title {
    font-size: 38px;
  }

  .hk-modern-page .dist-app-card {
    padding: 32px 22px 35px;
    border-radius: 20px;
  }
}

@media (max-width: 576px) {
  .hk-modern-page .step-name {
    display: none;
  }

  .hk-modern-page .stepper-line {
    margin: 0 10px;
  }

  .hk-modern-page .app-step-actions {
    flex-direction: column-reverse;
    gap: 12px;
  }

  .hk-modern-page .app-back-btn,
  .app-next-btn,
  .app-submit-btn {
    width: 100%;
    justify-content: center;
  }
}

.hk-modern-page .dist-network-section {
  padding: 80px 0;
}

.hk-modern-page .dist-network-section .form-area {
  position: relative;
  z-index: 2;
  background: #180002;
  background: radial-gradient(circle at 15% 35%,
      #7e0003 0%,
      #3a0003 45%,
      #130002 85%);
  padding: 25px 35px;
  color: #ffffff;
  border-radius: 20px;
}

.hk-modern-page .dist-network-section {
  position: relative;

  overflow: hidden;
  font-family: "Montserrat", sans-serif;
}

/* Ambient Speed Light Rays & Glowing Streaks */
.hk-modern-page .dist-network-section::before {
  content: "";
  position: absolute;
  top: -30%;
  left: -20%;
  width: 150%;
  height: 160%;
  background:
    radial-gradient(ellipse at 10% 25%,
      rgba(230, 46, 45, 0.45) 0%,
      rgba(230, 46, 45, 0) 45%),
    radial-gradient(ellipse at 25% 80%,
      rgba(200, 20, 20, 0.25) 0%,
      rgba(0, 0, 0, 0) 50%),
    linear-gradient(125deg,
      transparent 36%,
      rgba(255, 30, 30, 0.12) 41%,
      rgba(255, 30, 30, 0.3) 44%,
      transparent 47%),
    linear-gradient(135deg,
      transparent 58%,
      rgba(255, 50, 50, 0.1) 62%,
      transparent 66%);
  pointer-events: none;
  z-index: 1;
}

/* Left Column: Network Info & Appliances */
.hk-modern-page .dist-left-col {
  padding-right: 35px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

/* Top Badge */
.hk-modern-page .net-badge-top {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  color: #f1f1f1;
  font-size: 13.5px;
  font-weight: 600;
  letter-spacing: 0.6px;
  margin-bottom: 16px;
}

.hk-modern-page .net-badge-icon {
  display: inline-flex;
  gap: 3px;
  transform: skewX(-20deg);
}

.hk-modern-page .net-badge-icon span {
  display: inline-block;
  width: 4px;
  height: 14px;
  background: #e62e2d;
  border-radius: 1px;
}

/* Heading: Join Our Network */
.hk-modern-page .net-hero-title {
  font-size: 52px;
  font-weight: 600;
  line-height: 1.1;
  color: #ffffff;
  margin: 0 0 22px 0;
  letter-spacing: -0.5px;
}

.hk-modern-page .net-hero-title .brand-red {
  color: #e62e2d;
  display: block;
}

/* Paragraph */
.hk-modern-page .net-hero-desc {
  font-size: 15px;
  line-height: 1.65;
  color: rgba(255, 255, 255, 0.85);
  margin-bottom: 35px;
  max-width: 430px;
  font-weight: 400;
}

/* 3 Circular Feature Points */
.hk-modern-page .net-feature-list {
  display: flex;
  flex-direction: column;
  gap: 22px;
  margin-bottom: 40px;
}

.hk-modern-page .net-feature-item {
  display: flex;
  align-items: center;
  gap: 16px;
}

.hk-modern-page .net-feature-circle {
  width: 44px;
  height: 44px;
  border-radius: 50%;
  background: #b51515;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #ffffff;
  font-size: 18px;
  flex-shrink: 0;
  box-shadow: 0 4px 14px rgba(181, 21, 21, 0.45);
}

.hk-modern-page .net-feature-info h5 {
  font-size: 16px;
  font-weight: 700;
  color: #ffffff;
  margin: 0 0 3px 0;
}

.hk-modern-page .net-feature-info p {
  font-size: 13.5px;
  color: rgba(255, 255, 255, 0.72);
  margin: 0;
  line-height: 1.4;
  font-weight: 400;
}

/* Appliances Image at Left Bottom Corner */
.hk-modern-page .net-appliances-wrap {
  margin-top: 15px;
  position: relative;
}

.hk-modern-page .net-appliances-img {
  width: 100%;
  max-width: 410px;
  border-radius: 12px;
  box-shadow: 0 16px 36px rgba(0, 0, 0, 0.55);
  display: block;
  transition: transform 0.3s ease;
}

.hk-modern-page .net-appliances-img:hover {
  transform: scale(1.02);
}

.hk-modern-page .net-appliances-tag {
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 2px;
  color: rgba(255, 255, 255, 0.55);
  text-transform: uppercase;
  margin-top: 16px;
  position: absolute;
  bottom: 20px;
  left: 20px;
}

/* Right Column: Clean White Application Card */
.hk-modern-page .dist-app-card {
  background: #ffffff;
  border-radius: 28px;
  box-shadow: 0 25px 60px rgba(0, 0, 0, 0.4);
  padding: 40px 46px 45px;
  position: relative;
  overflow: hidden;
  color: #1f2937;
}

/* Top Right Subtle Text with Red Line */
.hk-modern-page .card-top-meta {
  margin-bottom: 12px;
  align-items: center;
  gap: 8px;
}

.hk-modern-page .card-top-meta span {
  font-size: 13px;
  color: #6b7280;
  font-weight: 500;
}

.hk-modern-page .card-top-meta .red-bar {
  display: inline-block;
  width: 28px;
  height: 2.5px;
  background: #e62e2d;
  border-radius: 2px;
}

/* Card Header: Red Slanted Logo + Heading */
.hk-modern-page .card-header-block {
  display: flex;
  align-items: flex-start;
  gap: 14px;
  margin-bottom: 28px;
}

.hk-modern-page .card-title-text {
  font-size: 28px;
  font-weight: 600;
  color: #111827;
  margin: 0;
  line-height: 1.15;
}

.hk-modern-page .card-title-text .red-part {
  color: #e62e2d;
}

.hk-modern-page .card-subtitle-text {
  font-size: 14px;
  color: #6b7280;
  margin: 6px 0 0 0;
  font-weight: 400;
}

/* Form Fields with Inner Left Icons */
.hk-modern-page .app-form-group {
  margin-bottom: 20px;
}

.hk-modern-page .app-form-group label {
  display: block;
  font-size: 13.5px;
  font-weight: 700;
  color: #1f2937;
  margin-bottom: 7px;
}

.hk-modern-page .app-form-group label .req-star {
  color: #e62e2d;
  margin-left: 2px;
}

.hk-modern-page .app-input-wrap {
  position: relative;
  display: flex;
  align-items: center;
}

.hk-modern-page .app-input-wrap .field-icon {
  position: absolute;
  left: 16px;
  top: 50%;
  transform: translateY(-50%);
  color: #64748b;
  font-size: 15px;
  pointer-events: none;
  z-index: 5;
}

.hk-modern-page .app-control {
  width: 100% !important;
  height: 48px !important;
  padding: 10px 16px 10px 46px !important;
  background: #ffffff !important;
  border: 1.5px solid #e2e8f0 !important;
  border-radius: 9px !important;
  font-size: 14px !important;
  color: #1e293b !important;
  font-family: inherit !important;
  transition: all 0.25s ease !important;
  outline: none !important;
  box-shadow: none !important;
}

.hk-modern-page .app-control:focus {
  border-color: #e62e2d !important;
  box-shadow: 0 0 0 4px rgba(230, 46, 45, 0.1) !important;
}

.hk-modern-page .app-control::placeholder {
  color: #94a3b8 !important;
  font-weight: 400 !important;
}

.hk-modern-page select.app-control {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  cursor: pointer;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%2364748b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E") !important;
  background-repeat: no-repeat !important;
  background-position: right 16px center !important;
  padding-right: 40px !important;
}

.hk-modern-page input[type="file"].app-control {
  padding-top: 11px !important;
  font-size: 13px !important;
  cursor: pointer;
}

.hk-modern-page input[type="file"].app-control::-webkit-file-upload-button {
  background: #e62e2d;
  color: #fff;
  border: none;
  padding: 4px 10px;
  border-radius: 4px;
  font-size: 12px;
  font-weight: 600;
  margin-right: 10px;
  cursor: pointer;
}

.hk-modern-page .app-category-section {
  margin-top: 5px;
  margin-bottom: 25px;
}

.hk-modern-page .app-category-title {
  font-size: 14.5px;
  font-weight: 700;
  color: #111827;
  margin-bottom: 12px;
}

.hk-modern-page .app-category-title .req-star {
  color: #e62e2d;
}

.hk-modern-page .app-categories-box {
  background: #ffffff;
  border: 1.5px solid #eef0f5;
  border-radius: 14px;
  padding: 20px 22px;
}

.hk-modern-page .app-categories-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 14px;
}

@media (max-width: 768px) {
  .hk-modern-page .app-categories-grid {
    grid-template-columns: 1fr;
  }
}

.hk-modern-page .app-cat-card {
  background: #f8fafc;
  border: 1.5px solid #e2e8f0;
  border-radius: 12px;
  padding: 14px 16px;
  transition: all 0.25s ease;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
}

.hk-modern-page .app-cat-card:hover {
  border-color: #cbd5e1;
  background: #ffffff;
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.04);
}

.hk-modern-page .app-cat-card.selected,
.hk-modern-page .app-cat-card:has(input:checked) {
  border-color: #e62e2d;
  background: #fffafa;
  box-shadow: 0 4px 16px rgba(230, 46, 45, 0.08);
}

.hk-modern-page .app-check-label {
  display: flex;
  align-items: center;
  margin-bottom: 0px;
  cursor: pointer;
  user-select: none;
  position: relative;
}

.hk-modern-page .app-check-label input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  width: 0;
  height: 0;
}

.hk-modern-page .app-chk-box {
  width: 18px;
  height: 18px;
  border: 1.5px solid #f87171;
  border-radius: 4px;
  margin-right: 12px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  transition: all 0.2s ease;
  flex-shrink: 0;
  background: #ffffff;
}

.hk-modern-page .app-check-label:hover .app-chk-box {
  border-color: #e62e2d;
}

.hk-modern-page .app-check-label input:checked~.app-chk-box {
  background: #e62e2d;
  border-color: #e62e2d;
}

.hk-modern-page .app-chk-box i {
  color: #ffffff;
  font-size: 11px;
  display: none;
}

.hk-modern-page .app-check-label input:checked~.app-chk-box i {
  display: block;
}

.hk-modern-page .app-chk-name {
  font-size: 14px;
  color: #0f172a;
  font-weight: 700;
  transition: color 0.2s;
}

.hk-modern-page .app-cat-prds-preview {
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
  padding-left: 30px;
  margin-top: 2px;
}

.hk-modern-page .app-prd-tag {
  font-size: 11px;
  color: #64748b;
  background: #ffffff;
  border: 1px solid #e2e8f0;
  padding: 3px 8px;
  border-radius: 6px;
  display: inline-block;
  max-width: 100%;
  line-height: 1.3;
  font-weight: 500;
}

.hk-modern-page .app-cat-card.selected .app-prd-tag,
.hk-modern-page .app-cat-card:has(input:checked) .app-prd-tag {
  border-color: #fecaca;
  background: #ffffff;
  color: #b91c1c;
}

/* Multi-step Form Stepper & Action Buttons */
.form-stepper {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 28px;
  padding-bottom: 20px;
  border-bottom: 1.5px solid #f1f5f9;
  position: relative;
}

.stepper-item {
  display: flex;
  align-items: center;
  gap: 12px;
  cursor: pointer;
  user-select: none;
  transition: all 0.25s ease;
}

.stepper-circle {
  width: 38px;
  height: 38px;
  border-radius: 50%;
  background: #f8fafc;
  color: #64748b;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 700;
  font-size: 14.5px;
  transition: all 0.3s ease;
  flex-shrink: 0;
  border: 2px solid #e2e8f0;
}

.stepper-check {
  display: none;
}

.stepper-item.completed .stepper-circle {
  background: #10b981;
  border-color: #10b981;
  color: #ffffff;
}

.stepper-item.completed .stepper-num {
  display: none;
}

.stepper-item.completed .stepper-check {
  display: inline-block;
  font-size: 14px;
}

.stepper-item.active .stepper-circle {
  background: #e62e2d;
  border-color: #e62e2d;
  color: #ffffff;
  box-shadow: 0 4px 14px rgba(230, 46, 45, 0.4);
}

.stepper-label {
  display: flex;
  flex-direction: column;
}

.step-tag {
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 1px;
  text-transform: uppercase;
  color: #94a3b8;
  line-height: 1.2;
}

.stepper-item.active .step-tag {
  color: #e62e2d;
}

.stepper-item.completed .step-tag {
  color: #10b981;
}

.step-name {
  font-size: 13.5px;
  font-weight: 700;
  color: #334155;
  line-height: 1.25;
  margin-top: 2px;
}

.stepper-item.active .step-name {
  color: #0f172a;
}

.stepper-line {
  flex-grow: 1;
  height: 3px;
  background: #e2e8f0;
  margin: 0 20px;
  border-radius: 4px;
  position: relative;
  overflow: hidden;
}

.stepper-line::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 0%;
  background: #e62e2d;
  transition: width 0.35s ease;
}

.form-stepper.step-2-active .stepper-line::after {
  width: 100%;
}

.hk-modern-page .app-step-pane {
  display: none;
  animation: fadeInStep 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

.hk-modern-page .app-step-pane.active {
  display: block;
}

@keyframes fadeInStep {
  from {
    opacity: 0;
    transform: translateY(8px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.hk-modern-page .app-step-actions {
  margin-top: 25px;
  display: flex;
  align-items: center;
}

.hk-modern-page .app-next-btn {
  background: linear-gradient(135deg, #e62e2d 0%, #c41e1e 100%);
  color: #ffffff;
  border: none;
  border-radius: 50px;
  padding: 13px 40px;
  font-size: 15px;
  font-weight: 700;
  letter-spacing: 0.3px;
  box-shadow: 0 8px 22px rgba(230, 46, 45, 0.38);
  transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
  display: inline-flex;
  align-items: center;
  gap: 8px;
  cursor: pointer;
}

.hk-modern-page .app-next-btn:hover {
  transform: translateY(-2px);
  box-shadow: 0 14px 28px rgba(230, 46, 45, 0.5);
  background: linear-gradient(135deg, #f03534 0%, #c81616 100%);
  color: #ffffff;
}

.hk-modern-page .app-back-btn {
  background: #f1f5f9;
  color: #475569;
  border: 1.5px solid #e2e8f0;
  border-radius: 50px;
  padding: 12px 28px;
  font-size: 14.5px;
  font-weight: 700;
  transition: all 0.2s ease;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  gap: 8px;
}

.hk-modern-page .app-back-btn:hover {
  background: #e2e8f0;
  color: #0f172a;
  border-color: #cbd5e1;
}

.hk-modern-page .app-control.is-invalid {
  border-color: #ef4444 !important;
  background-color: #fff5f5 !important;
}

/* Submit Button */
.hk-modern-page .app-submit-btn {
  background: linear-gradient(135deg, #e62e2d 0%, #c41e1e 100%);
  color: #ffffff;
  border: none;
  border-radius: 50px;
  padding: 13px 44px;
  font-size: 15.5px;
  font-weight: 700;
  letter-spacing: 0.3px;
  box-shadow: 0 10px 25px rgba(230, 46, 45, 0.42);
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  display: inline-flex;
  align-items: center;
  gap: 10px;
  cursor: pointer;
}

.hk-modern-page .app-submit-btn:hover {
  transform: translateY(-2px);
  box-shadow: 0 15px 30px rgba(230, 46, 45, 0.55);
  background: linear-gradient(135deg, #f03534 0%, #c81616 100%);
  color: #ffffff;
}

.hk-modern-page .app-submit-btn:disabled {
  opacity: 0.7;
  cursor: not-allowed;
  transform: none;
}

/* Card Bottom Right Geometric Red Stripes Accent */
.hk-modern-page .card-corner-stripes {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 90px;
  height: 90px;
  pointer-events: none;
  z-index: 1;
}

.hk-modern-page .card-corner-stripes svg {
  width: 100%;
  height: 100%;
  display: block;
}

/* Responsive adjustments */
@media (max-width: 991px) {
  .hk-modern-page .dist-network-section {
    padding: 45px 0 65px;
  }

  .hk-modern-page .dist-left-col {
    padding-right: 0;
    margin-bottom: 45px;
  }

  .hk-modern-page .net-hero-title {
    font-size: 38px;
  }

  .hk-modern-page .dist-app-card {
    padding: 32px 22px 35px;
    border-radius: 20px;
  }
}

@media (max-width: 576px) {
  .hk-modern-page .step-name {
    display: none;
  }

  .hk-modern-page .stepper-line {
    margin: 0 10px;
  }

  .hk-modern-page .app-step-actions {
    flex-direction: column-reverse;
    gap: 12px;
  }

  .hk-modern-page .app-back-btn,
  .app-next-btn,
  .app-submit-btn {
    width: 100%;
    justify-content: center;
  }
}

.hk-modern-page .dist-network-section {
  padding: 80px 0;
}

.hk-modern-page .dist-network-section .form-area {
  position: relative;
  z-index: 2;
  background: #180002;
  background: radial-gradient(circle at 15% 35%,
      #7e0003 0%,
      #3a0003 45%,
      #130002 85%);
  padding: 25px 35px;
  color: #ffffff;
  border-radius: 20px;
}



.wtb-page-section {
  background-color: #f8fafc;
  padding: 45px 0 85px;
  color: #1e293b;
}

/* ------------------------------------------------------------
       Left Column: Vertical Dark Red Banner Card
       ------------------------------------------------------------ */
.wtb-page-section .wtb-left-banner {
  background: radial-gradient(circle at 20% 25%, #7e0003 0%, #3e0003 45%, #150002 85%);
  border-radius: 24px;
  padding: 42px 30px 30px;
  position: sticky;
  top: 20px;
  overflow: hidden;
  color: #ffffff;
  min-height: fit-content;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  box-shadow: 0 20px 45px rgba(120, 0, 0, 0.22);
}

/* Subtle ambient glows */
.wtb-page-section .wtb-left-banner::before {
  content: '';
  position: absolute;
  top: -20%;
  left: -20%;
  width: 140%;
  height: 140%;
  background:
    radial-gradient(ellipse at 15% 25%, rgba(230, 46, 45, 0.35) 0%, rgba(230, 46, 45, 0) 50%),
    linear-gradient(125deg, transparent 40%, rgba(255, 45, 45, 0.15) 45%, transparent 50%);
  pointer-events: none;
  z-index: 1;
}

.wtb-page-section .wtb-banner-inner {
  position: relative;
  z-index: 2;
  display: flex;
  flex-direction: column;
  height: 100%;
  justify-content: space-between;
}

/* Top Badge */
.wtb-page-section .wtb-badge-top {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  color: #f1f1f1;
  font-size: 13.5px;
  font-weight: 600;
  letter-spacing: 0.5px;
  margin-bottom: 20px;
}

.wtb-page-section .wtb-badge-icon {
  display: inline-flex;
  gap: 3px;
  transform: skewX(-20deg);
}

.wtb-page-section .wtb-badge-icon span {
  display: inline-block;
  width: 4px;
  height: 14px;
  background: #e62e2d;
  border-radius: 1px;
}

/* Title: Where To Buy */
.wtb-page-section .wtb-banner-title {
  font-size: 42px;
  font-weight: 600;
  line-height: 1.12;
  color: #ffffff;
  margin: 0 0 18px 0;
  letter-spacing: -0.5px;
}

.wtb-page-section .wtb-banner-title .red-text {
  color: #e62e2d;
}

/* Subtitle text */
.wtb-page-section .wtb-banner-desc {
  font-size: 14px;
  line-height: 1.6;
  color: rgba(255, 255, 255, 0.82);
  margin-bottom: 35px;
  font-weight: 400;
}

/* 3 Circular Feature Points */
.wtb-page-section .wtb-feature-list {
  display: flex;
  flex-direction: column;
  gap: 24px;
  margin-bottom: 35px;
}

.wtb-page-section .wtb-feature-item {
  display: flex;
  align-items: center;
  gap: 16px;
}

.wtb-page-section .wtb-feature-circle {
  width: 44px;
  height: 44px;
  border-radius: 50%;
  background: #b51515;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #ffffff;
  font-size: 17px;
  flex-shrink: 0;
  box-shadow: 0 4px 14px rgba(181, 21, 21, 0.45);
}

.wtb-page-section .wtb-feature-info h5 {
  font-size: 15px;
  font-weight: 700;
  color: #ffffff;
  margin: 0 0 3px 0;
}

.wtb-page-section .wtb-feature-info p {
  font-size: 12.5px;
  color: rgba(255, 255, 255, 0.72);
  margin: 0;
  line-height: 1.35;
  font-weight: 400;
}

/* Bottom Showroom Image with Location Tag */
.wtb-page-section .wtb-showroom-wrap {
  margin-top: auto;
  padding-top: 15px;
  position: relative;
}

.wtb-page-section .wtb-showroom-img {
  width: 100%;
  border-radius: 14px;
  box-shadow: 0 14px 30px rgba(0, 0, 0, 0.5);
  display: block;
  max-height: 230px;
  object-fit: cover;
  transition: transform 0.3s ease;
}

.wtb-page-section .wtb-showroom-img:hover {
  transform: scale(1.02);
}

.wtb-page-section .wtb-location-tag {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-top: 18px;
  position: absolute;
  bottom: 20px;
  left: 20px;
}

.wtb-page-section .wtb-location-tag i {
  color: #e62e2d;
  font-size: 26px;
}

.wtb-page-section .wtb-location-tag div {
  font-size: 12.5px;
  font-weight: 700;
  color: #ffffff;
  line-height: 1.3;
}

/* ------------------------------------------------------------
       Right Column: Top Filter Cards & Shop List
       ------------------------------------------------------------ */
.wtb-page-section .wtb-right-content {
  padding-left: 10px;
  position: relative;
}


/* 3 Top Filter Dropdown Cards */
.wtb-page-section .filter-card-item {
  background: #ffffff;
  border: 1.5px solid #edf2f7;
  border-radius: 16px;
  padding: 12px 18px;
  display: flex;
  align-items: center;
  position: relative;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.02);
  transition: all 0.25s ease;
  height: 68px;
}

.wtb-page-section .filter-card-item:hover,
.wtb-page-section .filter-card-item:focus-within {
  border-color: #cbd5e1;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.05);
}

.wtb-page-section .filter-card-icon {
  font-size: 18px;
  color: #1e293b;
  margin-right: 14px;
  flex-shrink: 0;
}

.wtb-page-section .filter-card-text {
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.wtb-page-section .filter-card-select,
.wtb-page-section .filter-card-input {
  width: 100%;
  border: none;
  background: transparent;
  padding: 0;
  font-size: 14.5px;
  font-weight: 700;
  color: #1e293b;
  outline: none;
  cursor: pointer;
  font-family: inherit;
  border: 0 !important;
}

.wtb-page-section .filter-card-label {
  font-size: 12px;
  color: #94a3b8;
  font-weight: 500;
  margin-top: 2px;
}

.wtb-page-section .filter-card-arrow {
  color: #64748b;
  font-size: 12px;
  margin-left: 8px;
  flex-shrink: 0;
  pointer-events: none;
}

/* Sub-Header Bar (Join Link, Tabs, Sort By) */
.wtb-page-section .wtb-sub-bar {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 24px;
  margin-bottom: 22px;
  flex-wrap: wrap;
  gap: 15px;
}

.wtb-page-section .wtb-join-prompt {
  font-size: 14px;
  color: #334155;
  font-weight: 500;
}

.wtb-page-section .wtb-join-prompt a {
  color: #e62e2d;
  font-weight: 700;
  text-decoration: underline;
  margin-left: 4px;
  transition: color 0.2s;
}

.wtb-page-section .wtb-join-prompt a:hover {
  color: #b91c1c;
}

/* Tabs (All Shop List, Online Shop, Map) */
.wtb-page-section .wtb-view-tabs {
  display: inline-flex;
  align-items: center;
  gap: 8px;
}

.wtb-page-section .wtb-tab-pill {
  border: none;
  background: transparent;
  color: #475569;
  font-size: 13.5px;
  font-weight: 600;
  padding: 8px 18px;
  border-radius: 8px;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  cursor: pointer;
  transition: all 0.2s;
}

.wtb-page-section .wtb-tab-pill.active {
  background: #e62e2d;
  color: #ffffff;
  box-shadow: 0 4px 12px rgba(230, 46, 45, 0.3);
}

.wtb-page-section .wtb-tab-pill:hover:not(.active) {
  background: #f1f5f9;
  color: #0f172a;
}

/* Sort By Button */
.wtb-page-section .wtb-sort-group {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-size: 13.5px;
  font-weight: 600;
  color: #334155;
}

.wtb-page-section .wtb-sort-btn {
  width: 34px;
  height: 34px;
  border-radius: 8px;
  border: 1px solid #e2e8f0;
  background: #ffffff;
  color: #475569;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: all 0.2s;
}

.wtb-page-section .wtb-sort-btn:hover {
  border-color: #cbd5e1;
  background: #f8fafc;
  color: #0f172a;
}

/* Retailer Shop Cards List */
.wtb-page-section .wtb-shop-card {
  background: #ffffff;
  border: 1.5px solid #f1f5f9;
  border-radius: 16px;
  padding: 20px 24px;
  margin-bottom: 14px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.02);
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
  text-decoration: none !important;
}

.wtb-page-section .wtb-shop-card:hover {
  border-color: #e2e8f0;
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.05);
  transform: translateY(-2px);
}

.wtb-page-section .shop-left-side {
  display: flex;
  align-items: center;
  gap: 20px;
  flex: 1;
  min-width: 0;
}

.wtb-page-section .shop-thumb-img {
  width: 105px;
  height: 105px;
  border-radius: 10px;
  object-fit: cover;
  flex-shrink: 0;
  border: 1px solid #f1f5f9;
  background: #f8fafc;
}

.wtb-page-section .shop-info-block {
  display: flex;
  flex-direction: column;
  flex: 1;
  min-width: 0;
}

.wtb-page-section .shop-title-name {
  font-size: 15.5px;
  font-weight: 700;
  color: #0f172a;
  margin: 0 0 2px 0;
  line-height: 1.25;
}

.wtb-page-section .shop-sub-info {
  font-size: 13.5px;
  font-weight: 600;
  color: #475569;
  margin: 0 0 5px 0;
}

.wtb-page-section .shop-address-line {
  font-size: 13px;
  color: #64748b;
  margin: 0 0 5px 0;
  display: flex;
  align-items: flex-start;
  gap: 7px;
  line-height: 1.4;
}

.wtb-page-section .shop-address-line i {
  color: #e62e2d;
  margin-top: 3px;
  flex-shrink: 0;
}

.wtb-page-section .shop-contact-line {
  display: flex;
  align-items: center;
  gap: 16px;
  font-size: 13px;
  color: #64748b;
  flex-wrap: wrap;
}

.wtb-page-section .shop-contact-line a {
  color: #334155;
  text-decoration: none;
  font-weight: 500;
  display: inline-flex;
  align-items: center;
  gap: 5px;
  transition: color 0.2s;
}

.wtb-page-section .shop-contact-line a:hover {
  color: #e62e2d;
}

.wtb-page-section .shop-contact-line a i {
  color: #e62e2d;
}

/* Appliances Badges inside Info Block */
.wtb-page-section .shop-appliances-wrap {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  align-items: center;
  margin-top: 10px;
}

.wtb-page-section .shop-category-badge {
  background: #f1f5f9;
  color: #334155;
  font-size: 11.5px;
  font-weight: 600;
  padding: 4px 10px;
  border-radius: 6px;
  white-space: nowrap;
  border: 1px solid #e2e8f0;
  transition: all 0.2s ease;
  display: inline-flex;
  align-items: center;
}

.wtb-page-section .wtb-shop-card:hover .shop-category-badge {
  background: #fff1f2;
  border-color: #fecdd3;
  color: #e62e2d;
}

/* Right Side: Arrow Icon (Matching Mockup) */
.wtb-page-section .shop-right-side {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  flex-shrink: 0;
  padding-left: 15px;
}

.wtb-page-section .shop-arrow-circle {
  color: #94a3b8;
  font-size: 16px;
  width: 36px;
  height: 36px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.25s ease;
  flex-shrink: 0;
}

.wtb-page-section .wtb-shop-card:hover .shop-arrow-circle {
  color: #e62e2d;
  background: #fff1f2;
  transform: translateX(4px);
}

/* Pagination */
.wtb-page-section.wtb-pagination-wrap {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 35px;
}

.wtb-page-section.wtb-pagination-wrap .pagination {
  display: flex;
  gap: 6px;
  list-style: none;
  padding: 0;
  margin: 0;
}

.wtb-page-section.wtb-pagination-wrap .page-item .page-link {
  width: 36px;
  height: 36px;
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #475569;
  font-size: 14px;
  font-weight: 600;
  border: 1px solid #e2e8f0;
  background: #ffffff;
  transition: all 0.2s;
  text-decoration: none;
}

.wtb-page-section.wtb-pagination-wrap .page-item.active .page-link {
  background: #e62e2d;
  border-color: #e62e2d;
  color: #ffffff;
  box-shadow: 0 4px 10px rgba(230, 46, 45, 0.35);
}

.wtb-page-section.wtb-pagination-wrap .page-item .page-link:hover:not(.active) {
  border-color: #cbd5e1;
  background: #f8fafc;
  color: #0f172a;
}

/* Responsive */
@media (max-width: 991px) {
  .wtb-page-section .wtb-left-banner {
    min-height: auto;
    margin-bottom: 40px;
  }
}

@media (max-width: 768px) {
  .wtb-page-section .wtb-shop-card {
    flex-direction: column;
    align-items: flex-start;
    gap: 15px;
  }

  .wtb-page-section .shop-left-side {
    flex-direction: column;
    align-items: flex-start;
    padding-right: 0;
  }

  .wtb-page-section .shop-thumb-img {
    width: 100%;
    height: 140px;
  }

  .wtb-page-section .shop-right-side {
    display: none;
  }
}

.wtb-page-section .nice-select.open .list {
  max-height: 400px;
  overflow: auto;
  width: 280px;
}

/* ========================================================
   STORE SHELL ENHANCEMENTS (Zero Inline Styles)
======================================================== */
.haikawa-new-header .navbar-collapse.collapse,
.haikawa-new-header .navbar-collapse {
  visibility: visible;
}

@media (min-width: 992px) {
  .haikawa-new-header .haikawa-navbar {
    min-height: 70px;
  }

  .haikawa-new-header .navbar-header {
    height: 70px;
    display: flex;
    align-items: center;
  }

  .haikawa-new-header .navbar-collapse {
    /* display: flex !important; */
    align-items: center;
    justify-content: space-between;
    height: 70px !important;
  }
}

@media (max-width: 991px) {
  .haikawa-new-header .navbar-collapse:not(.in):not(.show) {
    display: none !important;
  }

  .haikawa-new-header .navbar-collapse.in,
  .haikawa-new-header .navbar-collapse.show {
    display: block !important;
    background: #ffffff;
    padding: 12px 16px 20px;
    border-top: 1px solid #f1f5f9;
  }
}

@media (min-width: 992px) {
  .haikawa-mobile-nav-right {
    display: none !important;
  }
}

@media (max-width: 991px) {
  .haikawa-new-header .navbar-header {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    width: 100% !important;
    padding: 0 4px;
    height: 60px !important;
  }

  .haikawa-new-header .navbar-brand {
    float: none !important;
    padding: 0 !important;
    height: auto !important;
    display: flex !important;
    align-items: center !important;
  }

  .haikawa-mobile-nav-right {
    display: flex !important;
    align-items: center !important;
    gap: 12px;
    margin: 0;
    float: none !important;
  }

  .haikawa-mobile-action {
    position: relative;
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    color: #172b4d !important;
    font-size: 19px;
    text-decoration: none !important;
    border-radius: 50%;
    transition: background 0.2s ease;
  }

  .haikawa-mobile-action:hover {
    background: #f1f5f9;
  }

  .haikawa-mobile-action .mobile-action-badge {
    position: absolute;
    top: -2px;
    right: -4px;
    min-width: 18px;
    height: 18px;
    padding: 0 4px;
    border-radius: 50%;
    background: #e63946;
    color: #ffffff;
    font-size: 10px;
    font-weight: 700;
    line-height: 16px;
    text-align: center;
    border: 2px solid #ffffff;
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .haikawa-new-header .navbar-header .navbar-toggle {
    margin: 0 !important;
    float: none !important;
    padding: 9px 10px;
    border-radius: 6px;
    display: block !important;
  }
}

/* Category Tabs mobile scrollbar & pill style */
@media (max-width: 767px) {
  .product-tab .tab-head__icon-top-layout {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
    padding: 6px 2px 14px;
    margin-bottom: 12px;
  }

  .product-tab .tab-head__icon-top-layout::-webkit-scrollbar {
    display: none;
  }

  .product-tab .tab-head__icon-top-layout .tabs {
    display: flex !important;
    flex-wrap: nowrap !important;
    gap: 10px !important;
    width: max-content !important;
    padding: 0 4px !important;
    margin: 0 auto !important;
  }

  .product-tab .tab-head__icon-top-layout .tabs .tab-element {
    width: auto !important;
    flex-shrink: 0 !important;
    margin: 0 !important;
  }

  .product-tab .tab-head__icon-top-layout .tabs .tab-element .tab-link {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    padding: 9px 16px !important;
    background: #ffffff !important;
    border: 1.5px solid #e2e8f0 !important;
    border-radius: 30px !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    color: #475569 !important;
    white-space: nowrap !important;
    transition: all 0.2s ease !important;
    cursor: pointer;
  }

  .product-tab .tab-head__icon-top-layout .tabs .tab-element.active .tab-link {
    background: #0965df !important;
    border-color: #0965df !important;
    color: #ffffff !important;
    box-shadow: 0 4px 12px rgba(9, 101, 223, 0.25) !important;
  }

  .product-tab .tab-head__icon-top-layout .tabs .tab-element .biolife-icon {
    display: inline-block !important;
    margin: 0 !important;
    font-size: 16px !important;
  }

  .product-tab .tab-head__icon-top-layout .tabs .tab-element .biolife-icon img {
    width: 20px !important;
    height: 20px !important;
    object-fit: contain !important;
  }

  .product-tab .tab-head__icon-top-layout .tabs .tab-element.active .biolife-icon .defimg {
    display: none !important;
  }

  .product-tab .tab-head__icon-top-layout .tabs .tab-element.active .biolife-icon .hovimg {
    display: inline-block !important;
    filter: brightness(0) invert(1);
  }
}

.haikawa-new-header .haikawa-mega-parent.open>.haikawa-mega-menu {
  display: block;
}

.haikawa-new-header .haikawa-menu .dropdown.open>.dropdown-menu {
  display: block;
}

.haikawa-new-header .wishlist-count-badge {
  position: absolute;
  top: -8px;
  right: -9px;
  min-width: 19px;
  height: 19px;
  padding: 0 5px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background: #e63946;
  color: #fff;
  font-size: 10px;
  font-weight: 700;
  line-height: 1;
  border: 2px solid #fff;
  z-index: 5;
}

.haikawa-new-header .search-suggestions-dropdown {
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  background: #ffffff;
  box-shadow: 0 12px 35px rgba(0, 0, 0, 0.18);
  border-radius: 10px;
  z-index: 10000;
  margin-top: 6px;
  overflow: hidden;
  border: 1px solid #e2e8f0;
  min-width: 280px;
}

.haikawa-new-header .search-suggestions-header {
  padding: 8px 12px;
  background: #f8fafc;
  font-size: 11px;
  font-weight: 700;
  color: #64748b;
  border-bottom: 1px solid #f1f5f9;
}

.haikawa-new-header .search-suggestions-list {
  max-height: 320px;
  overflow-y: auto;
}

.haikawa-new-header .search-suggestion-item {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 10px 14px;
  border-bottom: 1px solid #f1f5f9;
  color: #1e293b;
  text-decoration: none;
  transition: background 0.2s ease;
}

.haikawa-new-header .search-suggestion-item:hover {
  background: #f8fafc;
}

.haikawa-new-header .search-suggestion-thumb {
  width: 40px;
  height: 40px;
  object-fit: contain;
  border-radius: 4px;
  flex-shrink: 0;
}

.haikawa-new-header .search-suggestion-meta {
  flex: 1;
  min-width: 0;
}

.haikawa-new-header .search-suggestion-name {
  font-size: 13px;
  font-weight: 600;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.haikawa-new-header .search-suggestion-price {
  font-size: 12px;
  color: #0965df;
  font-weight: 700;
}

.haikawa-new-header .search-suggestions-footer {
  display: block;
  text-align: center;
  padding: 10px;
  background: #0965df;
  color: #ffffff;
  font-size: 12px;
  font-weight: 600;
  text-decoration: none;
}

.haikawa-search .btn-clear-search {
  border: 0;
  background: transparent;
  color: #94a3b8;
  cursor: pointer;
  padding: 0 4px;
}

/* E-Waste Policy Enhancements */
.hk-dos-box {
  background: #f0fdf4;
  border: 1.5px solid #86efac;
  border-radius: 14px;
  padding: 22px 20px;
  height: 100%;
}

.hk-dos-box h4 {
  color: #166534;
  font-size: 16px;
  font-weight: 800;
  margin: 0 0 14px;
  display: flex;
  align-items: center;
  gap: 8px;
}

.hk-dos-box ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

.hk-dos-box li {
  position: relative;
  padding-left: 22px;
  margin-bottom: 10px;
  font-size: 13px;
  color: #14532d;
  line-height: 1.5;
}

.hk-dos-box li i {
  position: absolute;
  left: 0;
  top: 2px;
  color: #16a34a;
}

.hk-donts-box {
  background: #fef2f2;
  border: 1.5px solid #fca5a5;
  border-radius: 14px;
  padding: 22px 20px;
  height: 100%;
}

.hk-donts-box h4 {
  color: #991b1b;
  font-size: 16px;
  font-weight: 800;
  margin: 0 0 14px;
  display: flex;
  align-items: center;
  gap: 8px;
}

.hk-donts-box ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

.hk-donts-box li {
  position: relative;
  padding-left: 22px;
  margin-bottom: 10px;
  font-size: 13px;
  color: #7f1d1d;
  line-height: 1.5;
}

.hk-donts-box li i {
  position: absolute;
  left: 0;
  top: 2px;
  color: #dc2626;
}

.hk-ewaste-help-section {
  margin-top: 40px;
  border-top: 1px solid #f1f5f9;
  padding-top: 28px;
}

.hk-ewaste-help-section h3 {
  font-size: 20px;
  font-weight: 800;
  color: #0f172a;
  margin-bottom: 12px;
}

.hk-ewaste-help-section p {
  color: #64748b;
  font-size: 14px;
  line-height: 1.7;
  max-width: 650px;
  margin-bottom: 20px;
}

.hk-ewaste-actions {
  display: flex;
  gap: 16px;
  flex-wrap: wrap;
  align-items: center;
}

/* ========================================================
   WISHLIST PAGE DESIGN SYSTEM (From Wishlist.blade.php)
======================================================== */
.wl-page {
  background-color: #f8fafc;
  min-height: 70vh;
  padding-bottom: 70px;
}

.wl-hero-section {
  background: linear-gradient(135deg, #0f172a 0%, #1e293b 50%, #0f2744 100%);
  color: #ffffff;
  padding: 50px 0 40px;
  position: relative;
  overflow: hidden;
}

.wl-hero-section::before {
  content: '';
  position: absolute;
  top: -60%;
  right: -10%;
  width: 400px;
  height: 400px;
  background: radial-gradient(circle, rgba(239, 68, 68, 0.15) 0%, rgba(0, 0, 0, 0) 70%);
  border-radius: 50%;
  pointer-events: none;
}

.wl-hero-title {
  font-size: 32px;
  font-weight: 800;
  letter-spacing: -0.5px;
  margin-bottom: 8px;
  color: #ffffff;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
}

.wl-hero-title i {
  color: #ef4444;
}

.wl-hero-desc {
  font-size: 15px;
  color: #94a3b8;
  max-width: 550px;
  margin: 0 auto 18px;
  text-align: center;
}

.wl-breadcrumb-wrap {
  text-align: center;
}

.wl-breadcrumb {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-size: 13px;
  color: #cbd5e1;
  background: rgba(255, 255, 255, 0.08);
  padding: 6px 16px;
  border-radius: 20px;
  backdrop-filter: blur(8px);
}

.wl-breadcrumb a {
  color: #93c5fd;
  text-decoration: none;
}

.wl-breadcrumb a:hover {
  color: #ffffff;
}

.wl-toolbar {
  background: #ffffff;
  border-radius: 12px;
  border: 1px solid #e2e8f0;
  padding: 16px 24px;
  margin: 30px 0 24px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 12px;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.02);
}

.wl-count-badge {
  font-size: 15px;
  font-weight: 600;
  color: #1e293b;
  display: flex;
  align-items: center;
  gap: 8px;
}

.wl-count-badge span {
  background: #eff6ff;
  color: #2563eb;
  padding: 2px 10px;
  border-radius: 20px;
  font-size: 13px;
  font-weight: 700;
}

.wl-actions-group {
  display: flex;
  align-items: center;
  gap: 10px;
}

.wl-clear-btn {
  background: #fff;
  border: 1px solid #fecaca;
  color: #dc2626;
  font-size: 13px;
  font-weight: 600;
  padding: 8px 16px;
  border-radius: 8px;
  cursor: pointer;
  transition: all 0.2s;
  display: inline-flex;
  align-items: center;
  gap: 6px;
}

.wl-clear-btn:hover {
  background: #fee2e2;
  border-color: #f87171;
}

.wl-continue-btn {
  background: #2563eb;
  border: 1px solid #2563eb;
  color: #ffffff;
  font-size: 13px;
  font-weight: 600;
  padding: 8px 18px;
  border-radius: 8px;
  text-decoration: none;
  transition: all 0.2s;
  display: inline-flex;
  align-items: center;
  gap: 6px;
}

.wl-continue-btn:hover {
  background: #1d4ed8;
  color: #ffffff;
}

.wl-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(270px, 1fr));
  gap: 24px;
}

.wl-card {
  background: #ffffff;
  border: 1px solid #e2e8f0;
  border-radius: 16px;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.03);
  transition: all 0.25s ease;
  position: relative;
}

.wl-card:hover {
  transform: translateY(-5px);
  box-shadow: 0 12px 30px rgba(0, 0, 0, 0.08);
  border-color: #cbd5e1;
}

.wl-card-thumb-wrap {
  position: relative;
  padding: 24px 20px;
  background: #f8fafc;
  text-align: center;
  height: 220px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.wl-card-thumb-wrap img {
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
  transition: transform 0.3s ease;
}

.wl-card:hover .wl-card-thumb-wrap img {
  transform: scale(1.05);
}

.wl-remove-item-btn {
  position: absolute;
  top: 12px;
  right: 12px;
  width: 34px;
  height: 34px;
  border-radius: 50%;
  background: #ffffff;
  border: 1px solid #e2e8f0;
  color: #94a3b8;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: all 0.2s ease;
  z-index: 10;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.06);
}

.wl-remove-item-btn:hover {
  background: #ef4444;
  color: #ffffff;
  border-color: #ef4444;
  transform: scale(1.1);
}

.wl-card-body {
  padding: 20px;
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  justify-content: space-between;
}

.wl-card-meta {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 8px;
}

.wl-model-badge {
  font-size: 11px;
  font-weight: 700;
  color: #2563eb;
  background: #eff6ff;
  padding: 3px 8px;
  border-radius: 4px;
}

.wl-stock-badge {
  font-size: 11px;
  font-weight: 600;
  color: #16a34a;
  background: #f0fdf4;
  padding: 3px 8px;
  border-radius: 4px;
  display: inline-flex;
  align-items: center;
  gap: 4px;
}

.wl-stock-badge::before {
  content: '';
  width: 6px;
  height: 6px;
  background: #16a34a;
  border-radius: 50%;
}

.wl-prod-title {
  font-size: 15px;
  font-weight: 700;
  color: #0f172a;
  line-height: 1.4;
  margin-bottom: 12px;
  text-decoration: none;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  min-height: 42px;
  transition: color 0.2s;
}

.wl-prod-title:hover {
  color: #2563eb;
}

.wl-price-row {
  display: flex;
  align-items: baseline;
  gap: 8px;
  margin-bottom: 16px;
}

.wl-sale-price {
  font-size: 20px;
  font-weight: 800;
  color: #0f172a;
}

.wl-mrp-price {
  font-size: 14px;
  color: #94a3b8;
  text-decoration: line-through;
}

.wl-discount-pill {
  font-size: 11px;
  font-weight: 700;
  color: #16a34a;
  background: #dcfce7;
  padding: 2px 6px;
  border-radius: 4px;
}

.wl-btn-add-cart {
  width: 100%;
  background: #0f172a;
  color: #ffffff;
  border: none;
  padding: 11px 16px;
  border-radius: 10px;
  font-size: 14px;
  font-weight: 600;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  transition: all 0.2s ease;
}

.wl-btn-add-cart:hover {
  background: #2563eb;
  transform: translateY(-1px);
  box-shadow: 0 4px 12px rgba(37, 99, 235, 0.3);
}

.wl-empty-container {
  background: #ffffff;
  border-radius: 20px;
  border: 1px solid #e2e8f0;
  padding: 70px 30px;
  text-align: center;
  margin: 40px auto;
  max-width: 600px;
  box-shadow: 0 8px 30px rgba(0, 0, 0, 0.03);
}

.wl-empty-icon-wrap {
  width: 90px;
  height: 90px;
  border-radius: 50%;
  background: #fef2f2;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto 20px;
  color: #ef4444;
  font-size: 38px;
}

.wl-empty-title {
  font-size: 24px;
  font-weight: 800;
  color: #0f172a;
  margin-bottom: 8px;
}

.wl-empty-desc {
  font-size: 15px;
  color: #64748b;
  max-width: 420px;
  margin: 0 auto 26px;
  line-height: 1.6;
}

.wl-empty-btn {
  background: #2563eb;
  color: #ffffff;
  padding: 12px 30px;
  border-radius: 30px;
  font-size: 15px;
  font-weight: 700;
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  box-shadow: 0 4px 15px rgba(37, 99, 235, 0.3);
  transition: all 0.25s ease;
}

.wl-empty-btn:hover {
  background: #1d4ed8;
  color: #ffffff;
  transform: translateY(-2px);
  box-shadow: 0 6px 20px rgba(37, 99, 235, 0.4);
}

@media (max-width: 768px) {
  .wl-hero-title {
    font-size: 26px;
  }

  .wl-grid {
    grid-template-columns: repeat(2, 1fr);
    gap: 14px;
  }

  .wl-card-thumb-wrap {
    height: 160px;
    padding: 12px;
  }

  .wl-card-body {
    padding: 14px;
  }

  .wl-prod-title {
    font-size: 13px;
    min-height: 36px;
  }

  .wl-sale-price {
    font-size: 17px;
  }

  .wl-btn-add-cart {
    padding: 9px 12px;
    font-size: 13px;
  }
}

.map-iframe iframe {
  width: 100%;
  height: 420px;
  border: 0;
  display: block;
}

/* ─── Global Harmonized Layout Width (Products, Cart, Checkout, Support, Contact, Footer) ─── */
@media (min-width: 1200px) {

  .all-products-page .container,
  .cp-page.category-deatils-new-page .container,
  .hk-cart-page .container,
  .shopping-cart .container,
  .shopping-cart-container,
  .hk-checkout-page .container,
  .new-chwckoutpage-section .container,
  .modern-footer.new-footer-area .container,
  .modern-footer.new-footer-area .footer-main .container,
  .modern-footer.new-footer-area .footer-cta-wrapper .container,
  .modern-footer.new-footer-area .footer-bottom .container,
  .page-contain.contact-us .container,
  .contact-bnr .container,
  .aboutus-page .container,
  .wtb-page-section .container,
  .dist-network-section .container,
  .hk-modern-page .container,
  .new-page-policy .container,
  .hk-account-page .container,
  .new-design-profile-page .container,
  .hk-thankyou-page .container,
  .new-thankyou-page-section .container {
    width: 95% !important;
    max-width: 1280px !important;
    padding-left: 20px !important;
    padding-right: 20px !important;
  }

  .modern-footer.new-footer-area .footer-cta,
  .modern-footer.new-footer-area .footer-main {
    max-width: 1280px !important;
    width: 100% !important;
  }

  .all-products-page .ap-product-grid {
    grid-template-columns: repeat(4, 1fr) !important;
    gap: 18px !important;
  }
}

@media (min-width: 1400px) {

  .all-products-page .container,
  .cp-page.category-deatils-new-page .container,
  .hk-cart-page .container,
  .shopping-cart .container,
  .shopping-cart-container,
  .hk-checkout-page .container,
  .new-chwckoutpage-section .container,
  .modern-footer.new-footer-area .container,
  .modern-footer.new-footer-area .footer-main .container,
  .modern-footer.new-footer-area .footer-cta-wrapper .container,
  .modern-footer.new-footer-area .footer-bottom .container,
  .page-contain.contact-us .container,
  .contact-bnr .container,
  .aboutus-page .container,
  .wtb-page-section .container,
  .dist-network-section .container,
  .hk-modern-page .container,
  .new-page-policy .container,
  .hk-account-page .container,
  .new-design-profile-page .container,
  .hk-thankyou-page .container,
  .new-thankyou-page-section .container {
    max-width: 1280px !important;
  }

  .modern-footer.new-footer-area .footer-cta,
  .modern-footer.new-footer-area .footer-main {
    max-width: 1280px !important;
  }
}

.all-products-page {
  background-color: #f8fafc;
  padding-bottom: 60px;
}

.ap-nav-pills-wrapper {
  background: #ffffff;
  border-bottom: 1px solid #e2e8f0;
  position: sticky;
  top: 0px;
  z-index: 100;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.03);
}

.ap-nav-pills {
  display: flex;
  gap: 12px;
  padding: 14px 0;
  overflow-x: auto;
  scrollbar-width: none;
  -ms-overflow-style: none;
}

.ap-nav-pills::-webkit-scrollbar {
  display: none;
}

.ap-nav-pill {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 8px 18px;
  border-radius: 30px;
  font-size: 14px;
  font-weight: 600;
  color: #475569;
  background: #f1f5f9;
  text-decoration: none;
  white-space: nowrap;
  transition: all 0.25s ease;
  border: 1px solid transparent;
  width: fit-content;
  min-width: fit-content;
}

.ap-pill-icon {
  width: 20px;
  height: 20px;
  object-fit: contain;
  display: inline-block;
}

.ap-nav-pill:hover,
.ap-nav-pill.active {
  background: #2563eb;
  color: #ffffff;
  box-shadow: 0 4px 12px rgba(37, 99, 235, 0.25);
}

.ap-nav-pill:hover .ap-pill-icon,
.ap-nav-pill.active .ap-pill-icon {
  filter: brightness(0) invert(1);
}

.ap-category-section {
  margin-top: 45px;
  scroll-margin-top: 140px;
}

.ap-category-card {
  background: #ffffff;
  border-radius: 16px;
  border: 1px solid #e2e8f0;
  overflow: hidden;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.04);
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.ap-category-card:hover {
  box-shadow: 0 8px 30px rgba(0, 0, 0, 0.08);
}

.ap-cat-header {
  padding: 24px 32px;
  border-bottom: 1px solid #f1f5f9;
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 16px;
  background: linear-gradient(to right, #ffffff, #f8fafc);
}

.ap-cat-title-group {
  display: flex;
  align-items: center;
  gap: 16px;
}

.ap-cat-icon-wrap {
  width: 52px;
  height: 52px;
  background: #eff6ff;
  border-radius: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 8px;
  flex-shrink: 0;
  border: 1px solid #dbeafe;
}

.ap-cat-icon-img {
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
}

.ap-cat-title-text {
  display: flex;
  flex-direction: column;
  gap: 2px;
}

.ap-cat-name {
  font-size: 24px;
  font-weight: 700;
  color: #0f172a;
  margin: 0;
  line-height: 1.2;
}

.ap-cat-count {
  font-size: 13px;
  color: #64748b;
  font-weight: 500;
}

.ap-cat-view-all-btn {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 9px 20px;
  background: #ffffff;
  border: 1.5px solid #cbd5e1;
  color: #1e293b;
  font-size: 13px;
  font-weight: 600;
  border-radius: 8px;
  text-decoration: none;
  transition: all 0.2s;
}

.ap-cat-view-all-btn:hover {
  background: #2563eb;
  border-color: #2563eb;
  color: #ffffff;
}

.ap-subcat-bar {
  padding: 12px 32px;
  background: #fafafa;
  border-bottom: 1px solid #f1f5f9;
  display: flex;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
}

.ap-subcat-label {
  font-size: 12px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  color: #94a3b8;
}

.ap-subcat-pill {
  font-size: 12px;
  font-weight: 600;
  color: #475569;
  background: #ffffff;
  padding: 4px 12px;
  border-radius: 6px;
  border: 1px solid #e2e8f0;
  text-decoration: none;
  transition: all 0.2s;
}

.ap-subcat-pill:hover {
  background: #eff6ff;
  border-color: #93c5fd;
  color: #2563eb;
}

.ap-product-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
  gap: 24px;
  padding: 28px 32px;
}

.ap-prod-item {
  border: 1px solid #e2e8f0;
  border-radius: 14px;
  background: #ffffff;
  padding: 16px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  transition: all 0.25s ease;
  position: relative;
}

.ap-prod-item:hover {
  transform: translateY(-4px);
  box-shadow: 0 12px 30px rgba(0, 0, 0, 0.08);
  border-color: #93c5fd;
}

.ap-prod-thumb-wrap {
  position: relative;
  background: #f8fafc;
  border-radius: 10px;
  padding: 12px;
  margin-bottom: 12px;
}

.ap-prod-thumb-link {
  display: block;
  height: 180px;
  text-align: center;
  position: relative;
}

.ap-prod-thumb-link img {
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
  transition: transform 0.3s ease;
}

.ap-prod-item:hover .ap-prod-thumb-link img {
  transform: scale(1.05);
}

.ap-discount-badge {
  position: absolute;
  top: 8px;
  right: 8px;
  background: #ef4444;
  color: #ffffff;
  font-size: 11px;
  font-weight: 700;
  padding: 3px 8px;
  border-radius: 4px;
  z-index: 2;
  box-shadow: 0 2px 6px rgba(239, 68, 68, 0.3);
}

.ap-wishlist-btn {
  position: absolute;
  top: 8px;
  left: 8px;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  background: #ffffff;
  border: 1px solid #e2e8f0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  color: #64748b;
  z-index: 5;
  transition: all 0.2s ease;
}

.ap-wishlist-btn.active,
.ap-wishlist-btn:hover {
  color: #ef4444;
  border-color: #fca5a5;
  background: #ffffff;
}

.ap-prod-model-badge {
  font-size: 11px;
  font-weight: 700;
  color: #2563eb;
  background: #eff6ff;
  padding: 3px 8px;
  border-radius: 4px;
  display: inline-block;
  margin-bottom: 6px;
}

.ap-prod-name {
  font-size: 14px;
  font-weight: 600;
  color: #0f172a;
  line-height: 1.4;
  margin-bottom: 12px;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  min-height: 38px;
  text-decoration: none;
}

.ap-prod-name:hover {
  color: #2563eb;
}

.ap-prod-bottom {
  padding-top: 12px;
  border-top: 1px solid #f1f5f9;
}

.ap-prod-price-box {
  margin-bottom: 0px;
}

.ap-price-row {
  display: flex;
  align-items: baseline;
  gap: 8px;
}

.ap-main-price {
  font-size: 17px;
  font-weight: 700;
  color: #0f172a;
}

.ap-mrp-price {
  font-size: 13px;
  color: #94a3b8;
  text-decoration: line-through;
}

.ap-price-on-request {
  font-size: 13px;
  font-weight: 600;
  color: #64748b;
}

.ap-prod-actions {
  display: flex;
  align-items: center;
  gap: 8px;
}

.ap-btn-cart {
  flex: 1;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: #2563eb;
  color: #ffffff !important;
  font-size: 13px;
  font-weight: 600;
  padding: 9px 14px;
  border-radius: 8px;
  text-decoration: none;
  border: none;
  transition: all 0.2s ease;
  cursor: pointer;
  box-shadow: 0 2px 8px rgba(37, 99, 235, 0.2);
}

.ap-btn-cart:hover {
  background: #1d4ed8;
  box-shadow: 0 4px 12px rgba(37, 99, 235, 0.35);
}

.ap-btn-details {
  width: 38px;
  height: 38px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: #f1f5f9;
  color: #475569 !important;
  border-radius: 8px;
  text-decoration: none;
  font-size: 14px;
  transition: all 0.2s;
  flex-shrink: 0;
}

.ap-btn-details:hover {
  background: #e2e8f0;
  color: #0f172a !important;
}

.ap-trust-section {
  background: #ffffff;
  border-top: 1px solid #e2e8f0;
  margin-top: 60px;
  padding: 40px 0;
}

.ap-trust-card {
  display: flex;
  align-items: center;
  gap: 16px;
  padding: 16px;
}

.ap-trust-icon {
  width: 48px;
  height: 48px;
  border-radius: 10px;
  background: #f1f5f9;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #2563eb;
  font-size: 20px;
  flex-shrink: 0;
}

.ap-trust-title {
  font-size: 15px;
  font-weight: 700;
  color: #0f172a;
  margin-bottom: 2px;
}

.ap-trust-desc {
  font-size: 13px;
  color: #64748b;
  margin: 0;
}

@media (max-width: 768px) {
  .ap-cat-header {
    padding: 20px;
  }

  .ap-subcat-bar {
    padding: 12px 20px;
  }

  .ap-product-grid {
    padding: 20px;
    grid-template-columns: repeat(2, 1fr);
    gap: 14px;
  }

  .ap-prod-thumb-link {
    height: 130px;
  }

  .ap-btn-cart {
    font-size: 12px;
    padding: 8px 10px;
  }
}

@media (max-width: 480px) {
  .ap-product-grid {
    grid-template-columns: 1fr;
  }
}

/* ─── HK Slick Slider Theme & Layout System ─── */
.hk-slick-wrapper {
  position: relative;
  width: 100%;
}

.hk-slick-wrapper:not(.HeroCatCardArea) .slick-prev:before,
.hk-slick-wrapper:not(.HeroCatCardArea) .slick-next:before {
  content: none !important;
}

.hk-slick-wrapper:not(.HeroCatCardArea) .slick-arrow {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 44px;
  height: 44px;
  border-radius: 50%;
  background: #ffffff;
  color: #0f1f38;
  border: 1px solid rgba(0, 0, 0, 0.08);
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.12);
  display: flex !important;
  align-items: center;
  justify-content: center;
  z-index: 10;
  cursor: pointer;
  transition: all 0.25s ease;
  font-size: 15px;
}

.hk-slick-wrapper:not(.HeroCatCardArea) .slick-arrow i {
  font-size: 15px !important;
  line-height: 1;
}

.hk-slick-wrapper:not(.HeroCatCardArea) .slick-arrow.slick-disabled {
  opacity: 0.35;
  cursor: not-allowed;
  pointer-events: none;
}

.hk-slick-wrapper:not(.HeroCatCardArea) .slick-arrow:hover {
  background: #0284c7;
  color: #ffffff;
  border-color: #0284c7;
  transform: translateY(-50%) scale(1.08);
  box-shadow: 0 6px 20px rgba(2, 132, 199, 0.35);
}

.hk-slick-wrapper:not(.HeroCatCardArea) .slick-prev,
.hk-slick-wrapper:not(.HeroCatCardArea) .slick-arrow.prev {
  left: 10px;
}

.hk-slick-wrapper:not(.HeroCatCardArea) .slick-next,
.hk-slick-wrapper:not(.HeroCatCardArea) .slick-arrow.next {
  right: 10px;
}

/* ==================== HeroCatCardArea (Category Slider Arrows) ==================== */
.HeroCatCardArea .slick-arrow,
.hk-slick-wrapper.HeroCatCardArea .slick-arrow {
  position: absolute !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  width: 44px !important;
  height: 44px !important;
  background: transparent !important;
  background-color: transparent !important;
  border: none !important;
  box-shadow: none !important;
  border-radius: 0 !important;
  padding: 0 !important;
  color: #0f1b3d !important;
  font-size: 40px !important;
  cursor: pointer !important;
  z-index: 99 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  user-select: none !important;
  transition: color 0.25s ease, transform 0.25s ease !important;
  opacity: 1 !important;
  visibility: visible !important;
}

.HeroCatCardArea .slick-arrow:hover,
.hk-slick-wrapper.HeroCatCardArea .slick-arrow:hover {
  background: transparent !important;
  background-color: transparent !important;
  border: none !important;
  box-shadow: none !important;
  color: var(--primary-red, #ed2f59) !important;
  transform: translateY(-50%) scale(1.18) !important;
}

.HeroCatCardArea .slick-arrow.prev,
.hk-slick-wrapper.HeroCatCardArea .slick-arrow.prev {
  left: -20px !important;
  right: auto !important;
}

.HeroCatCardArea .slick-arrow.next,
.hk-slick-wrapper.HeroCatCardArea .slick-arrow.next {
  right: -20px !important;
  left: auto !important;
}

.HeroCatCardArea .slick-arrow.prev:before,
.HeroCatCardArea .slick-arrow.icon-left-arrow:before,
.hk-slick-wrapper.HeroCatCardArea .slick-arrow.prev:before,
.hk-slick-wrapper.HeroCatCardArea .slick-arrow.icon-left-arrow:before {
  content: "\e910" !important;
  font-family: "biolife", sans-serif !important;
  font-size: 40px !important;
  line-height: 1 !important;
  color: inherit !important;
  opacity: 1 !important;
  display: inline-block !important;
}

.HeroCatCardArea .slick-arrow.next:before,
.HeroCatCardArea .slick-arrow.icon-arrow-right:before,
.hk-slick-wrapper.HeroCatCardArea .slick-arrow.next:before,
.hk-slick-wrapper.HeroCatCardArea .slick-arrow.icon-arrow-right:before {
  content: "\e900" !important;
  font-family: "biolife", sans-serif !important;
  font-size: 40px !important;
  line-height: 1 !important;
  color: inherit !important;
  opacity: 1 !important;
  display: inline-block !important;
}

@media (max-width: 767px) {

  .HeroCatCardArea .slick-arrow.prev,
  .hk-slick-wrapper.HeroCatCardArea .slick-arrow.prev {
    left: -5px !important;
  }

  .HeroCatCardArea .slick-arrow.next,
  .hk-slick-wrapper.HeroCatCardArea .slick-arrow.next {
    right: -5px !important;
  }
}

.hk-slick-wrapper .slick-dots {
  bottom: 20px;
  z-index: 10;
}

.hk-slick-wrapper .slick-dots li {
  margin: 0 4px;
  width: 12px;
  height: 12px;
}

.hk-slick-wrapper .slick-dots li button {
  width: 12px;
  height: 12px;
  padding: 0;
}

.hk-slick-wrapper .slick-dots li button:before {
  content: "" !important;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: #ffffff;
  opacity: 0.5;
  transition: all 0.25s ease;
  display: block;
}

.hk-slick-wrapper .slick-dots li.slick-active button:before {
  opacity: 1;
  background: #0284c7;
  transform: scale(1.3);
}

/* Hero Carousel Specifics */
.hero-slick-carousel .slick-slide {
  outline: none;
}

.hero-slick-carousel .hero-slide {
  display: block !important;
}

.hero-slick-carousel .slick-prev {
  left: 24px;
}

.hero-slick-carousel .slick-next {
  right: 24px;
}

/* Category Carousel Specifics */
.category-slick-carousel {
  padding: 0 10px;
}

.category-slick-carousel .slick-slide {
  padding: 0 10px;
}

.category-slick-carousel .slick-prev {
  left: -15px;
}

.category-slick-carousel .slick-next {
  right: -15px;
}

/* Product Carousel Specifics */
.product-slick-carousel {
  padding: 10px 0;
}

.product-slick-carousel .slick-slide {
  padding: 0 10px;
}

.product-slick-carousel .slick-prev {
  left: -15px;
}

.product-slick-carousel .slick-next {
  right: -15px;
}

.product-slick-carousel .ap-prod-item {
  min-height: 340px;
}

.product-slick-carousel .ap-prod-thumb-wrap {
  height: 160px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.product-slick-carousel .ap-prod-thumb-link {
  height: 100%;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.product-slick-carousel .ap-prod-thumb-link img {
  max-height: 130px;
  width: auto;
  object-fit: contain;
}

/* Appliance Product Cards (ap-prod) */
.ap-prod-item {
  border: 1px solid #e2e8f0;
  border-radius: 14px;
  background: #ffffff;
  padding: 16px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  transition: all 0.25s ease;
  position: relative;
  min-height: 380px;
}

.ap-prod-item:hover {
  transform: translateY(-4px);
  box-shadow: 0 12px 30px rgba(0, 0, 0, 0.08);
  border-color: #93c5fd;
}

.ap-prod-thumb-wrap {
  position: relative;
  background: #f8fafc;
  border-radius: 10px;
  padding: 12px;
  margin-bottom: 12px;
}

.ap-prod-thumb-link {
  display: block;
  height: 180px;
  text-align: center;
  position: relative;
}

.ap-prod-thumb-link img {
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
  transition: transform 0.3s ease;
}

.ap-prod-item:hover .ap-prod-thumb-link img {
  transform: scale(1.05);
}

.ap-discount-badge {
  position: absolute;
  top: 8px;
  right: 8px;
  background: #ef4444;
  color: #ffffff;
  font-size: 11px;
  font-weight: 700;
  padding: 3px 8px;
  border-radius: 4px;
  z-index: 2;
  box-shadow: 0 2px 6px rgba(239, 68, 68, 0.3);
}

.ap-prod-model-badge {
  font-size: 11px;
  font-weight: 700;
  color: #2563eb;
  background: #eff6ff;
  padding: 3px 8px;
  border-radius: 4px;
  display: inline-block;
  margin-bottom: 6px;
}

.ap-prod-name {
  font-size: 14px;
  font-weight: 600;
  color: #0f172a;
  line-height: 1.4;
  margin-bottom: 12px;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  min-height: 38px;
  text-decoration: none;
}

.ap-prod-name:hover {
  color: #2563eb;
}

.ap-prod-bottom {
  padding-top: 12px;
  border-top: 1px solid #f1f5f9;
}

.ap-price-row {
  display: flex;
  align-items: baseline;
  gap: 8px;
}

.ap-main-price {
  font-size: 17px;
  font-weight: 700;
  color: #0f172a;
}

.ap-mrp-price {
  font-size: 13px;
  color: #94a3b8;
  text-decoration: line-through;
}

.ap-prod-actions {
  display: flex;
  align-items: center;
  gap: 8px;
}

.ap-btn-cart {
  flex: 1;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: #2563eb;
  color: #ffffff !important;
  font-size: 13px;
  font-weight: 600;
  padding: 9px 14px;
  border-radius: 8px;
  text-decoration: none;
  border: none;
  transition: all 0.2s ease;
  cursor: pointer;
  box-shadow: 0 2px 8px rgba(37, 99, 235, 0.2);
}

.ap-btn-cart:hover {
  background: #1d4ed8;
  box-shadow: 0 4px 12px rgba(37, 99, 235, 0.35);
}

.featured-products-section {
  background: #fbfcfe;
  border-top: 1px solid #f1f5f9;
  border-bottom: 1px solid #f1f5f9;
}

/* ===== WHY CHOOSE HAIKAWA SLIDER ===== */
.why-choose-section.new-why-choose {
  width: 100%;
  max-width: 1400px;
  margin: 60px auto;
  padding: 0 15px;
}

.why-choose-section.new-why-choose .why-choose-container {
  border-radius: 20px;
  overflow: hidden;
  background: linear-gradient(135deg, #e3f2fd 0%, #dbeafe 50%, #bfdbfe 100%);
  position: relative;
}

.why-choose-section.new-why-choose .why-choose-slider .slick-list {
  border-radius: 20px;
}

.why-choose-section.new-why-choose .why-choose-slide {
  position: relative;
  min-height: 450px;
  display: flex !important;
  align-items: center;
  overflow: hidden;
}

.why-choose-section.new-why-choose .why-choose-slide__content {
  position: relative;
  z-index: 5;
  width: 100%;
  padding: 60px 80px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.why-choose-section.new-why-choose .why-choose-slide__left {
  width: 55%;
  padding-right: 40px;
}

.why-choose-section.new-why-choose .why-choose-slide__right {
  width: 45%;
  position: relative;
  height: 350px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.why-choose-section.new-why-choose .why-choose-component {
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
  mix-blend-mode: multiply;
  filter: contrast(1.1) drop-shadow(0 20px 30px rgba(0, 0, 0, 0.1));
  animation: whyFloat 6s ease-in-out infinite;
}

@keyframes whyFloat {
  0% {
    transform: translateY(0px);
  }

  50% {
    transform: translateY(-15px);
  }

  100% {
    transform: translateY(0px);
  }
}

.why-choose-section.new-why-choose .why-choose-slide__title {
  font-size: 46px;
  font-weight: 700;
  color: #0f172a;
  line-height: 1.2;
  margin-bottom: 10px;
  margin-top: 0;
}

.why-choose-section.new-why-choose .why-choose-slide__subtitle {
  font-size: 22px;
  font-weight: 700;
  color: #1e3a8a;
  margin-bottom: 40px;
  display: block;
}

.why-choose-section.new-why-choose .why-choose-features {
  display: flex;
  gap: 30px;
  flex-wrap: wrap;
}

.why-choose-section.new-why-choose .why-choose-feature {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  gap: 12px;
  width: 120px;
}

.why-choose-section.new-why-choose .why-choose-feature__icon {
  width: 64px;
  height: 64px;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.5);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 26px;
  color: #1e3a8a;
  box-shadow: 0 10px 20px rgba(30, 58, 138, 0.05);
  position: relative;
  border: 2px solid rgba(255, 255, 255, 0.8);
  transition: all 0.3s;
}

.why-choose-section.new-why-choose .why-choose-feature__icon-small {
  position: absolute;
  bottom: -5px;
  right: -5px;
  width: 24px;
  height: 24px;
  background: #1e3a8a;
  border-radius: 50%;
  border: 2px solid #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 10px;
  color: #fff;
}

.why-choose-section.new-why-choose .why-choose-feature:hover .why-choose-feature__icon {
  transform: translateY(-5px);
  box-shadow: 0 15px 25px rgba(30, 58, 138, 0.1);
  background: rgba(255, 255, 255, 0.9);
}

.why-choose-section.new-why-choose .why-choose-feature__text {
  color: #0f172a;
  font-size: 15px;
  font-weight: 700;
  line-height: 1.3;
}

.why-choose-section.new-why-choose .why-choose-slider .slick-arrow {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 10;
  background: rgba(255, 255, 255, 0.7);
  border: 1px solid rgba(255, 255, 255, 1);
  backdrop-filter: blur(5px);
  width: 40px;
  height: 40px;
  border-radius: 50%;
  color: #1e3a8a;
  cursor: pointer;
  transition: all 0.3s;
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
  display: flex !important;
  align-items: center;
  justify-content: center;
}

.why-choose-section.new-why-choose .why-choose-slider .slick-arrow:hover {
  background: #fff;
  color: #0f172a;
}

.why-choose-section.new-why-choose .why-choose-slider .slick-prev {
  left: 20px;
}

.why-choose-section.new-why-choose .why-choose-slider .slick-next {
  right: 20px;
}

@media (max-width: 991px) {
  .why-choose-section.new-why-choose .why-choose-slide__content {
    flex-direction: column-reverse;
    padding: 40px 20px;
    text-align: center;
  }

  .why-choose-section.new-why-choose .why-choose-slide__left,
  .why-choose-section.new-why-choose .why-choose-slide__right {
    width: 100%;
    padding: 0;
  }

  .why-choose-section.new-why-choose .why-choose-features {
    justify-content: center;
  }

  .why-choose-section.new-why-choose .why-choose-slide__right {
    height: 250px;
    margin-bottom: 30px;
  }
}

.banner-card.bg-fridge-ad {
  background-image: url('/website/assets/images/about-us/ad-banner/fridge-banner.png') !important;
}

.banner-card.bg-duct-ad {
  background-image: url('/website/assets/images/about-us/ad-banner/duct-bg.png') !important;
}

.btn-unstyled {
  background: none;
  border: none;
  padding: 0;
  font: inherit;
  color: inherit;
  cursor: pointer;
}

/* ── Ultimate Scratch-Built Product Gallery Styles (from Product.blade.php) ── */
.pd-gallery-card.custom-product-gallery {
  position: relative;
  background: #ffffff;
  border: 1px solid #ededed;
  border-radius: 20px;
  padding: 24px;
  box-shadow: 0 4px 24px rgba(0, 0, 0, 0.04);
  user-select: none;
}

.pd-main-img-area {
  position: relative;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 10px 0;
}

.hk-gallery-stage {
  position: relative;
  width: 100%;
  height: 390px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: crosshair;
  touch-action: pan-y;
}

.hk-zoom-container {
  position: relative;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  border-radius: 14px;
  background: radial-gradient(circle at center, #ffffff 60%, #fbfbfc 100%);
}

#mainGalleryImage {
  max-width: 95%;
  max-height: 95%;
  object-fit: contain;
  transition: opacity 0.22s cubic-bezier(0.4, 0, 0.2, 1), transform 0.22s cubic-bezier(0.4, 0, 0.2, 1);
  user-select: none;
  will-change: opacity, transform;
}

#mainGalleryImage.img-switching {
  opacity: 0.15;
  transform: scale(0.96);
}

.hk-zoom-lens {
  position: absolute;
  top: 0;
  left: 0;
  width: 140px;
  height: 140px;
  border: 2px solid rgba(37, 99, 235, 0.7);
  background: rgba(37, 99, 235, 0.12);
  border-radius: 12px;
  pointer-events: none;
  opacity: 0;
  visibility: hidden;
  z-index: 10;
  box-shadow: 0 0 20px rgba(37, 99, 235, 0.25), inset 0 0 10px rgba(37, 99, 235, 0.1);
  backdrop-filter: blur(1px);
  transition: opacity 0.15s ease, visibility 0.15s ease;
  will-change: transform;
}

.hk-zoom-lens.active {
  opacity: 1;
  visibility: visible;
}

.hk-zoom-flyout {
  position: absolute;
  top: 0;
  left: calc(100% + 24px);
  width: 500px;
  height: 500px;
  background: #ffffff;
  border: 1px solid #e2e8f0;
  border-radius: 18px;
  box-shadow: 0 25px 60px rgba(15, 23, 42, 0.16), 0 4px 16px rgba(0, 0, 0, 0.04);
  overflow: hidden;
  opacity: 0;
  visibility: hidden;
  transform: scale(0.97);
  transition: opacity 0.18s cubic-bezier(0.16, 1, 0.3, 1), transform 0.18s cubic-bezier(0.16, 1, 0.3, 1), visibility 0.18s ease;
  z-index: 9999;
  pointer-events: none;
}

.hk-zoom-flyout.active {
  opacity: 1;
  visibility: visible;
  transform: scale(1);
}

#hkZoomFlyoutImg {
  position: absolute;
  top: 0;
  left: 0;
  max-width: none;
  max-height: none;
  height: auto;
  transform-origin: 0 0;
  pointer-events: none;
  will-change: transform;
}

.hk-gallery-expand-btn {
  position: absolute;
  bottom: 12px;
  right: 12px;
  width: 38px;
  height: 38px;
  border-radius: 10px;
  background: rgba(255, 255, 255, 0.92);
  border: 1px solid #e2e8f0;
  color: #475569;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
  z-index: 8;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
  backdrop-filter: blur(6px);
}

.hk-gallery-expand-btn:hover {
  background: #2563eb;
  color: #ffffff;
  border-color: #2563eb;
  transform: scale(1.08);
  box-shadow: 0 6px 16px rgba(37, 99, 235, 0.35);
}

.hk-lightbox-modal {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  z-index: 999999;
  display: none;
  align-items: center;
  justify-content: center;
  opacity: 0;
  transition: opacity 0.22s ease;
}

.hk-lightbox-modal.modal-show {
  display: flex !important;
  opacity: 1 !important;
}

.hk-lightbox-backdrop {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(10, 15, 30, 0.88);
  backdrop-filter: blur(12px);
}

.hk-lightbox-content {
  position: relative;
  z-index: 10;
  max-width: 90vw;
  max-height: 90vh;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  transform: scale(0.94);
  transition: transform 0.25s cubic-bezier(0.16, 1, 0.3, 1);
}

.hk-lightbox-modal.modal-show .hk-lightbox-content {
  transform: scale(1);
}

.hk-lightbox-img-wrap {
  max-width: 82vw;
  max-height: 78vh;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  border-radius: 16px;
}

.hk-lightbox-img-wrap img {
  max-width: 100%;
  max-height: 78vh;
  object-fit: contain;
  border-radius: 14px;
  box-shadow: 0 25px 65px rgba(0, 0, 0, 0.65);
  transition: transform 0.25s cubic-bezier(0.16, 1, 0.3, 1), opacity 0.2s ease;
  user-select: none;
}

.hk-lightbox-close {
  position: absolute;
  top: -48px;
  right: 0;
  background: rgba(255, 255, 255, 0.15);
  border: 1px solid rgba(255, 255, 255, 0.25);
  color: #ffffff;
  width: 38px;
  height: 38px;
  border-radius: 50%;
  font-size: 18px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: all 0.2s ease;
}

.hk-lightbox-close:hover {
  transform: scale(1.15) rotate(90deg);
  background: #ef4444;
  border-color: #ef4444;
}

.hk-lightbox-nav {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 52px;
  height: 52px;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.18);
  border: 1px solid rgba(255, 255, 255, 0.3);
  color: #ffffff;
  font-size: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
  backdrop-filter: blur(4px);
}

.hk-lightbox-nav:hover {
  background: rgba(255, 255, 255, 0.35);
  transform: translateY(-50%) scale(1.12);
}

.hk-lightbox-prev {
  left: -75px;
}

.hk-lightbox-next {
  right: -75px;
}

.hk-lightbox-counter {
  position: absolute;
  bottom: -38px;
  left: 50%;
  transform: translateX(-50%);
  color: rgba(255, 255, 255, 0.85);
  font-size: 14px;
  font-weight: 600;
  letter-spacing: 0.5px;
  background: rgba(255, 255, 255, 0.12);
  padding: 4px 14px;
  border-radius: 20px;
  border: 1px solid rgba(255, 255, 255, 0.2);
}

@media (max-width: 991px) {
  .hk-zoom-flyout {
    display: none !important;
  }

  .hk-lightbox-prev {
    left: 12px;
  }

  .hk-lightbox-next {
    right: 12px;
  }

  .hk-lightbox-close {
    top: 12px;
    right: 12px;
  }

  .hk-gallery-stage {
    height: 320px;
  }
}

/* ---------- Global Toast System (.st-toasts) ---------- */
.st-toasts {
  position: fixed !important;
  top: 24px !important;
  right: 24px !important;
  z-index: 99999 !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 12px !important;
  width: min(360px, calc(100vw - 32px)) !important;
  pointer-events: none !important;
}

.st-toast {
  position: relative !important;
  pointer-events: auto !important;
  display: flex !important;
  flex-direction: column !important;
  padding: 12px 36px 12px 16px !important;
  border-radius: 12px !important;
  color: #ffffff !important;
  font-size: 13px !important;
  box-shadow: 0 12px 30px rgba(0, 0, 0, 0.35) !important;
  border: 1px solid rgba(255, 255, 255, 0.15) !important;
  background: #141316 !important;
  animation: stToastIn 0.25s cubic-bezier(0.16, 1, 0.3, 1) forwards !important;
}

.st-toast-content {
  display: flex !important;
  flex-direction: column !important;
}

.st-toast strong {
  font-size: 14px !important;
  font-weight: 700 !important;
  margin-bottom: 2px !important;
  color: #ffffff !important;
}

.st-toast span {
  font-size: 13px !important;
  color: #e2e8f0 !important;
  line-height: 1.4 !important;
}

.st-toast-close {
  position: absolute !important;
  top: 8px !important;
  right: 8px !important;
  width: 24px !important;
  height: 24px !important;
  background: transparent !important;
  border: none !important;
  color: rgba(255, 255, 255, 0.7) !important;
  font-size: 20px !important;
  line-height: 1 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  cursor: pointer !important;
  border-radius: 6px !important;
  padding: 0 !important;
  transition: all 0.2s ease !important;
  z-index: 10 !important;
}

.st-toast-close:hover {
  color: #ffffff !important;
  background: rgba(255, 255, 255, 0.2) !important;
}

.st-toast.is-success {
  border-left: 5px solid #22c55e !important;
}

.st-toast.is-warning {
  border-left: 5px solid #f59e0b !important;
}

.st-toast.is-error {
  border-left: 5px solid #ef4444 !important;
}